.theme-toggle{position:relative;width:66px;height:34px;flex:0 0 auto;border:1px solid var(--line-strong);border-radius:999px;background:#dbe7ec;color:#1e293b;box-shadow:inset 0 1px 2px rgb(15 23 42/8%);cursor:pointer;transition:background .45s cubic-bezier(.22,1,.36,1),border-color .25s ease,transform .25s ease}.theme-toggle:hover{transform:scale(1.03)}.theme-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.theme-toggle__icon{position:absolute;z-index:2;top:8px;width:16px;height:16px;transition:color .3s ease,opacity .3s ease,transform .4s cubic-bezier(.22,1,.36,1)}.theme-toggle__icon--sun{left:8px;color:#c45f18}.theme-toggle__icon--moon{right:8px;color:#64748b}.theme-toggle__thumb{position:absolute;z-index:1;top:3px;left:3px;width:26px;height:26px;border-radius:50%;background:#fffaf0;box-shadow:0 3px 10px rgb(15 23 42/18%);transition:transform .45s cubic-bezier(.34,1.56,.64,1),background .3s ease}.dark .theme-toggle{background:#111a2d}.dark .theme-toggle__thumb{transform:translateX(32px);background:#334155}.dark .theme-toggle__icon--sun{color:#64748b;transform:rotate(-35deg) scale(.86)}.dark .theme-toggle__icon--moon{color:#f8fafc;transform:rotate(8deg)}