.theme-toggle{background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;padding:4px;transition:background-color .25s;display:flex}.theme-toggle:hover,.theme-toggle:active{background-color:#80808024}.theme-toggle:focus-visible{outline:2px solid rgb(var(--color-primary-rgb)/40%)}.theme-toggle__icons{width:20px;height:20px;display:block;position:relative;overflow:hidden}.theme-toggle__icon{opacity:0;pointer-events:none;justify-content:center;align-items:center;transition:transform .35s cubic-bezier(.34,1.2,.64,1),opacity .25s;display:flex;position:absolute;inset:0;transform:translateY(110%)}.theme-toggle__icon svg{width:20px;height:20px}.theme-toggle__icon--active{opacity:1;transform:translateY(0)}.theme-toggle--theme-transparent svg *,.theme-toggle--theme-transparent path{fill:var(--color-white)}.theme-toggle--theme-transparent:hover,.theme-toggle--theme-transparent:active{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#ffffff24}