.theme-toggle{display:inline-flex;align-items:center;justify-content:center;padding:0;border:none;background:transparent;cursor:pointer;-webkit-tap-highlight-color:transparent;outline:none}.theme-toggle:focus-visible .theme-toggle__track{box-shadow:0 0 0 .04rem var(--main-color,#FFD700)}.theme-toggle__track{position:relative;display:inline-block;width:1.2rem;height:.6rem;border-radius:999px;background:linear-gradient(135deg,#1a1a2e,#0f1020);border:.02667rem solid rgba(255,255,255,.08);transition:background .35s ease,border-color .35s ease}.theme-toggle--light .theme-toggle__track{background:linear-gradient(135deg,#FED903,#FFB700);border-color:rgba(0,0,0,.08)}.theme-toggle__thumb{position:absolute;top:50%;left:.06rem;transform:translateY(-50%);width:.48rem;height:.48rem;border-radius:50%;background:#FFFFFF;box-shadow:0 .04rem .12rem rgba(0,0,0,.35);display:flex;align-items:center;justify-content:center;transition:left .35s cubic-bezier(.34,1.56,.64,1),background .35s ease}.theme-toggle--light .theme-toggle__thumb{left:calc(100% - .54rem);background:#FFFFFF;box-shadow:0 .04rem .12rem rgba(0,0,0,.18)}.theme-toggle__icon{position:absolute;width:.32rem;height:.32rem;transition:opacity .25s ease,transform .35s ease}.theme-toggle__icon--sun{color:#F5A623;opacity:0;transform:rotate(-90deg) scale(.6)}.theme-toggle__icon--moon{color:#4F46E5}.theme-toggle--light .theme-toggle__icon--sun,.theme-toggle__icon--moon{opacity:1;transform:rotate(0deg) scale(1)}.theme-toggle--light .theme-toggle__icon--moon{opacity:0;transform:rotate(90deg) scale(.6)}.theme-toggle:active .theme-toggle__thumb{width:.54rem}