#change-skin{background-color:var(--page-col);border:1px solid var(--text-col);-moz-column-gap:8px;column-gap:8px;display:flex;position:absolute;top:.85rem;transition:all .5s ease-in-out;-webkit-user-select:none;-moz-user-select:none;user-select:none}#change-skin:hover{background-color:var(--text-col)}#change-skin:hover .ball{transform:translateX(30px)}[data-theme=dark] #change-skin:hover .ball{transform:translateX(0)}.checkbox{transition:background .2s linear}.checkbox__label{align-items:center;background-color:#111;border-radius:50px;cursor:pointer;display:flex;height:26px;justify-content:space-between;padding:5px;position:relative;width:55.5px}.fa-moon{color:#f1c40f}.fa-sun{color:#f39c12}.checkbox__label .ball{background-color:#fff;border:1px solid #757575;border-radius:50%;height:22px;left:1px;position:absolute;transition:transform .2s linear;width:22px}[data-theme=dark] #change-skin .ball{transform:translateX(30px)}@media(min-width:1200px){.navbar .navbar-collapse{margin-right:4.8rem}#change-skin{right:1rem}}@media(max-width:1199px){#change-skin{right:5rem}}#change-skin .skin-btn{margin:0 .8rem 0 0;transition:margin .3s ease-in-out}