@layer component{.color-mode-toggle[data-v-17265193]{--moon-color:var(--color-neutral-80);--sun-color:oklch(91.428% .1404 95.67);--toggle-height:3rem;--toggle-width:10.5rem;--toggle-bg:#2b2b3d;--icon-bg:var(--moon-color)}.--light-mode .color-mode-toggle[data-v-17265193]{--toggle-bg:#c7faff;--icon-bg:var(--sun-color)}.color-mode-toggle[data-v-17265193]{align-items:center;display:flex;flex-direction:row-reverse;gap:.5em;justify-content:flex-end}.toggle[data-v-17265193]{background:transparent;border:0;color:inherit;outline:none;padding:0;background-color:var(--toggle-bg);cursor:pointer;font-size:.75rem;font-weight:800;height:var(--toggle-height);letter-spacing:.13em;line-height:1;position:relative;text-transform:uppercase;transition:background-color .4s ease;white-space:nowrap;width:var(--toggle-width)}.toggle[data-v-17265193],.toggle[data-v-17265193]:before{border-radius:100px;display:block}.toggle[data-v-17265193]:before{background:linear-gradient(168deg,#2b2b3d,#ff3d7e);content:"";inset:0;opacity:0;position:absolute;transition:opacity .4s ease}@media(hover:hover){.toggle[data-v-17265193]:hover:before{opacity:.3}}.toggle[data-v-17265193]:focus-visible:before{opacity:.3}.label[data-v-17265193]{color:var(--color-neutral-70);display:block;inset-block-start:calc(50% + .1em);inset-inline-start:0;opacity:.7;padding-inline:1rem;pointer-events:none;position:absolute;transform:translate(calc(var(--toggle-width) - 100% - .14em),-50%);transition:transform .4s cubic-bezier(.71,0,.1,1),opacity .25s ease}.--light-mode .label[data-v-17265193]{color:var(--color-neutral-10);transform:translateY(-50%)}.toggle:focus-visible .label[data-v-17265193],.toggle:hover .label[data-v-17265193]{opacity:1}.icon[data-v-17265193]{--padding:.4rem;aspect-ratio:1;display:block;height:calc(100% - var(--padding)*2);inset-block-start:var(--padding);inset-inline-start:var(--padding);position:absolute;transform:translate(0);transition:transform .4s ease;z-index:0}.--light-mode .icon[data-v-17265193]{transform:translate(calc(var(--toggle-width) - 100% - var(--padding)*2))}.ray[data-v-17265193]{background:var(--sun-color);border-radius:3px;display:block;height:.75rem;inset-block-start:50%;inset-inline-start:calc(50% - .15rem);position:absolute;transform:rotate(var(--rotation)) translateY(-.5rem);transform-origin:50% 0;width:.3rem;z-index:-1}.--light-mode .ray[data-v-17265193]{animation:ray-burst-17265193 .65s ease-in forwards}.--light-mode .color-mode-toggle.--initial .ray[data-v-17265193]{animation:none}.ray[data-v-17265193]:first-child{--rotation:0deg}.ray[data-v-17265193]:nth-child(2){--rotation:60deg}.ray[data-v-17265193]:nth-child(3){--rotation:120deg}.ray[data-v-17265193]:nth-child(4){--rotation:180deg}.ray[data-v-17265193]:nth-child(5){--rotation:240deg}.ray[data-v-17265193]:nth-child(6){--rotation:300deg}@keyframes ray-burst-17265193{0%,50%{opacity:1;transform:rotate(var(--rotation)) translateY(-.5rem)}70%{opacity:1;transform:rotate(var(--rotation)) translateY(1.5rem)}to{opacity:0;transform:rotate(var(--rotation)) translateY(1.5rem)}}.planet[data-v-17265193]{background-color:var(--icon-bg);display:block;inset:0;overflow:clip;transition:background-color .4s ease;z-index:2}.planet[data-v-17265193],.planet[data-v-17265193]:after{border-radius:50%;position:absolute}.planet[data-v-17265193]:after{background:var(--toggle-bg);content:"";height:100%;inset-block-start:-20%;inset-inline-start:-40%;opacity:.4;transition:transform .3s ease .2s;width:100%}.--light-mode .planet[data-v-17265193]:after{opacity:0;transform:translate(-100%,-100%);transition-delay:0}}@layer component{.popup-wrapper[data-v-24880582]{--transition-duration:.3s;align-items:center;background-color:transparent;border:0;display:flex;height:100%;inset:0;justify-content:center;margin:0;max-height:none;max-width:none;overflow:hidden;padding:0;pointer-events:none;position:fixed;width:100%;z-index:100}.popup-wrapper[data-v-24880582]::backdrop{opacity:0}.popup-wrapper.--closed[data-v-24880582]{opacity:0}.popup-wrapper.--closing[data-v-24880582],.popup-wrapper.--open[data-v-24880582],.popup-wrapper.--opening[data-v-24880582],.popup-wrapper.--opening-start[data-v-24880582]{opacity:1}.popup-wrapper.--open[data-v-24880582]{pointer-events:all}.backdrop[data-v-24880582]{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:oklch(from var(--fg-down) l c h/15%);inset:0;pointer-events:none;position:fixed;transition:opacity var(--transition-duration) ease}.--closed .backdrop[data-v-24880582],.--opening-start .backdrop[data-v-24880582]{opacity:0}.--open .backdrop[data-v-24880582],.--opening .backdrop[data-v-24880582]{opacity:1}.--closing .backdrop[data-v-24880582]{opacity:0}.popup[data-v-24880582]{--popup-width:576px;--scale-x:1;--scale-y:1;--offset-x:0px;--offset-y:0px;color:var(--fg);display:flex;flex-direction:column;margin:var(--sp-md);max-height:calc(100% - var(--sp-md)*2);max-width:calc(100% - var(--sp-md)*2);opacity:1;transform:translate(var(--offset-x)) translateY(var(--offset-y)) scale(var(--scale-x),var(--scale-y));transform-origin:center center;transition:transform var(--transition-duration) cubic-bezier(.657,.235,.168,1.157),opacity .1s ease .1s;width:var(--popup-width)}.popup[data-v-24880582]:before{background:var(--bg);border-radius:var(--border-radius-md);content:"";display:block;inset:0;pointer-events:none;position:absolute;transition:opacity .2s ease;z-index:2}.--closed .popup[data-v-24880582],.--closing .popup[data-v-24880582],.--open .popup[data-v-24880582]:before,.--opening .popup[data-v-24880582]:before{opacity:0}.--sm .popup[data-v-24880582]{--popup-width:320px}.--md .popup[data-v-24880582]{--popup-width:768px}.--lg .popup[data-v-24880582]{--popup-width:992px}.--xl .popup[data-v-24880582]{--popup-width:1200px}.--full .popup[data-v-24880582]{--popup-width:100%}.popup>div[data-v-24880582]:first-child{border-top-left-radius:var(--border-radius-md);border-top-right-radius:var(--border-radius-md)}.popup>div[data-v-24880582]:last-child{border-bottom-left-radius:var(--border-radius-md);border-bottom-right-radius:var(--border-radius-md)}.header[data-v-24880582]{align-items:center;background-color:var(--bg);border-block-end:1px solid oklch(from var(--fg) l c h/10%);display:flex;padding-inline:var(--sp-sm) calc(var(--sp)*2);position:relative}.title[data-v-24880582]{--line-height-tight:var(--line-height-lg-tight);--line-height-base:var(--line-height-lg-base);--line-height-open:var(--line-height-lg-open);line-height:var(--line-height-base)}@container (width <= 420px){.title[data-v-24880582]{line-height:var(--line-height-tight)}}@container (width >= 840px){.title[data-v-24880582]{line-height:var(--line-height-open)}}.title[data-v-24880582]{font-size:var(--font-size-lg);font-weight:400;letter-spacing:.02em}.title strong[data-v-24880582]{font-weight:700}.title[data-v-24880582]{text-box:trim-both cap alphabetic}.title[data-v-24880582]:where(body,input,select,textarea){text-box:normal}.title[data-v-24880582]{font-family:var(--font);font-weight:700;letter-spacing:.1em;text-transform:uppercase;text-wrap:pretty;flex:1;padding-block:.5em}.content[data-v-24880582]{background-color:var(--bg);flex:1;overflow:auto;padding:var(--sp-sm)}.content[data-v-24880582]:focus-visible{outline:2px dashed var(--fg-down);outline-offset:calc(var(--sp)*-1)}.footer[data-v-24880582]{background-color:var(--bg);border-block-start:1px solid oklch(from var(--fg) l c h/10%);padding:.5em 1em}}@layer compose{.content[data-v-24880582]>p:last-child{margin-block-end:0}}@layer component{body:has(.popup-wrapper.--open){overflow:clip}}@layer component{.toggle[data-v-14d3be8e]{inset-block-end:var(--sp-xs);inset-inline-end:var(--sp-xs);position:fixed}}@layer compose{.toggle[data-v-14d3be8e]{--button-bg:transparent;--button-bg-hover:var(--color-neutral-10)}.--light-mode .toggle[data-v-14d3be8e]{--button-bg-hover:var(--color-neutral-98)}}