.theme-switcher-demo,.theme-switcher-demo *,.theme-switcher-demo :before,.theme-switcher-demo :after{box-sizing:border-box}.theme-switcher-demo{--theme-switcher-width:clamp(17rem, 40vw, 26rem);--theme-switcher-duration:.28s;--theme-switcher-ease:cubic-bezier(.22, 1, .36, 1);isolation:isolate;background:#151615;place-items:center;width:100%;min-height:38rem;transition:background-color .18s linear;display:grid;position:relative;overflow:hidden}.theme-switcher-demo:before,.theme-switcher-demo:after{content:"";pointer-events:none;position:absolute}.theme-switcher-demo:before{z-index:-2;opacity:1;background:radial-gradient(circle at 50% 47%,#ffffff0a,#0000 34%),linear-gradient(115deg,#ffffff05,#0000 42%);transition:opacity .18s linear;inset:0}.theme-switcher-demo:after{z-index:-1;filter:blur(1.2rem);opacity:.45;width:min(42rem,76vw);height:min(20rem,42vw);transition:opacity var(--theme-switcher-duration) ease, transform var(--theme-switcher-duration) var(--theme-switcher-ease);background:radial-gradient(#f58a3114,#0000 68%);border-radius:50%;transform:translate(-18%,34%)}.theme-switcher-demo:has(.theme-switcher__input:checked){background:#f5f4f1}.theme-switcher-demo:has(.theme-switcher__input:checked):before{opacity:.2}.theme-switcher-demo:has(.theme-switcher__input:checked):after{opacity:.12;transform:translate(18%,34%)}.theme-switcher{width:var(--theme-switcher-width);-webkit-tap-highlight-color:transparent;display:block;position:relative}.theme-switcher__input{z-index:4;opacity:0;pointer-events:none;width:100%;height:100%;margin:0;position:absolute;inset:0}.theme-switcher__control{aspect-ratio:2;border-radius:calc(var(--theme-switcher-width) * .17);color:#f7f5f0;cursor:pointer;isolation:isolate;background:linear-gradient(145deg,#ffffff05,#0000 44%),#0e0f0e;border:1px solid #ffffff0d;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;width:100%;transition:color .16s linear,background-color .18s linear,border-color .18s linear,box-shadow .18s linear;display:grid;position:relative;box-shadow:inset 0 .22rem .48rem #0000008a,inset 0 -1px #ffffff12,0 1.8rem 4rem #00000024}.theme-switcher__input:focus-visible+.theme-switcher__control{outline-offset:.75rem;outline:2px solid #ec8b38}.theme-switcher__lens{z-index:0;border-radius:calc(var(--theme-switcher-width) * .16);width:calc(50% - .38rem);transition:background var(--theme-switcher-duration) ease, border-color .18s linear, box-shadow .18s linear, transform var(--theme-switcher-duration) var(--theme-switcher-ease);will-change:transform;background:radial-gradient(circle at 50% 112%,#f2802c85,#0000 43%),linear-gradient(145deg,#ffffff29,#ffffff0d 56%,#99522321);border:1px solid #ffffff2e;position:absolute;top:.38rem;bottom:.38rem;left:.38rem;overflow:hidden;transform:translate(0,0);box-shadow:inset 0 1px #ffffff38,inset 0 -1px #ffffff14,0 .7rem 1.8rem #00000038}.theme-switcher__lens:before{content:"";border-radius:inherit;background:linear-gradient(115deg,#ffffff1f,#0000 38%),radial-gradient(circle at 50% 104%,#ffa6516b,#0000 38%);position:absolute;inset:0}.theme-switcher__lens:after{content:"";height:44%;filter:blur(calc(var(--theme-switcher-width) * .055));opacity:.58;background:#f17d2b;border-radius:50%;position:absolute;bottom:-19%;left:9%;right:9%}.theme-switcher__option{z-index:2;place-items:center;width:100%;height:100%;display:grid;position:relative}.theme-switcher__option svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.9px;width:40%;height:40%;transition:color .16s linear, transform var(--theme-switcher-duration) var(--theme-switcher-ease);display:block}.theme-switcher__option--sun svg{opacity:.94;width:36%;height:36%}.theme-switcher__indicator{z-index:3;width:16%;height:max(.24rem, calc(var(--theme-switcher-width) * .012));transition:background-color .18s linear, box-shadow .18s linear, transform var(--theme-switcher-duration) var(--theme-switcher-ease);will-change:transform;background:#f5a454;border-radius:999px 999px 0 0;position:absolute;bottom:-.08rem;left:17%;transform:translate(0,0);box-shadow:0 -.16rem .7rem #f9953b9e,0 .55rem 1.6rem #ec762447}.theme-switcher__input:checked+.theme-switcher__control{color:#2b2a27;background:linear-gradient(145deg,#ffffff94,#0000 44%),#e9e8e5;border-color:#2626230d;box-shadow:inset 0 .22rem .48rem #3d383112,inset 0 -1px #ffffffa3,0 1.8rem 4rem #75665414}.theme-switcher__input:checked+.theme-switcher__control .theme-switcher__lens{background:radial-gradient(circle at 50% 112%,#f67e2475,#0000 43%),linear-gradient(145deg,#ffffff9e,#fff3 58%,#f0924c12);border-color:#ffffffbd;transform:translate(100%);box-shadow:inset 0 1px #ffffffb8,inset 0 -1px #ffffff38,0 .7rem 1.8rem #886f5414}.theme-switcher__input:checked+.theme-switcher__control .theme-switcher__indicator{background:#f47b21;transform:translate(312.5%);box-shadow:0 -.16rem .7rem #f87d238a,0 .55rem 1.6rem #f06e1933}.theme-switcher__input:not(:checked)+.theme-switcher__control .theme-switcher__option--moon svg,.theme-switcher__input:checked+.theme-switcher__control .theme-switcher__option--sun svg{transform:scale(1.04)}@media (width<=620px){.theme-switcher-demo{--theme-switcher-width:min(74vw, 20rem);min-height:31rem}}@media (prefers-reduced-motion:reduce){.theme-switcher-demo,.theme-switcher-demo:before,.theme-switcher-demo:after,.theme-switcher__control,.theme-switcher__lens,.theme-switcher__option svg,.theme-switcher__indicator{transition-duration:.01ms!important}}