@import"https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css";*,*:after,*:before{box-sizing:border-box}[data-theme=light],html{--overlay: hsl(0 0% 0% / .15);--button: color-mix(in lch, canvas, hsl(190 60% 80%));background:#fff;color-scheme:light only}[data-theme=dark]{--overlay: hsl(0 0% 100% / .23);--button: color-mix(in lch, canvas, hsl(190 60% 40%));background:#000;color-scheme:dark only}@media (prefers-color-scheme: dark){html{--overlay: hsl(0 0% 100% / .23);--button: color-mix(in lch, canvas, hsl(190 60% 40%));background:#000;color-scheme:dark only}}body{display:grid;place-items:center;min-height:100vh;font-family:SF Pro Text,SF Pro Icons,AOS Icons,Helvetica Neue,Helvetica,Arial,sans-serif,system-ui}body:before{--size: 45px;--line: color-mix(in lch, canvasText, transparent 85%);position:fixed;top:0;transform-style:flat;z-index:-1;-webkit-mask:linear-gradient(-20deg,transparent 50%,white);mask:linear-gradient(-20deg,transparent 50%,white);background:linear-gradient(90deg,var(--line) 1px,transparent 1px var(--size)) 50% 50%/var(--size) var(--size),linear-gradient(var(--line) 1px,transparent 1px var(--size)) 50% 50%/var(--size) var(--size);width:100vw;height:100vh;pointer-events:none;content:""}:root{--duration: .35s;--padding: .675rem;--radius: 8px;--ease: linear( 0 0%, .0036 9.62%, .0185 16.66%, .0489 23.03%, .0962 28.86%, .1705 34.93%, .269 40.66%, .3867 45.89%, .5833 52.95%, .683 57.05%, .7829 62.14%, .8621 67.46%, .8991 70.68%, .9299 74.03%, .9545 77.52%, .9735 81.21%, .9865 85%, .9949 89.15%, 1 100% );--ease-out: linear( 0 0%, .4322 6.7%, .5876 9.63%, .7165 12.53%, .8238 15.53%, .9087 18.63%, .9731 21.89%, 1.0188 25.4%, 1.0377 27.67%, 1.0507 30.11%, 1.058 32.77%, 1.0598 35.74%, 1.0528 41.1%, 1.0164 56.54%, 1.004 65.49%, .998 78.52%, 1 100% );--sw: 160px;--sh: 48px;--ew: 320px;--eh: 300px;--base: hsl(var(--tint, 214) var(--saturated, 0%) 27% / calc(var(--alpha, 4) * 1%));--shade: hsl(from var(--base) calc(h + 8) 25 calc(l - 5) );--spread: 4;--s1: calc((var(--spread) * 1px) * pow(2, 0));--s2: calc((var(--spread) * 1px) * pow(2, 1));--s3: calc((var(--spread) * 1px) * pow(2, 2));--s4: calc((var(--spread) * 1px) * pow(2, 3));--s5: calc((var(--spread) * 1px) * pow(2, 4));--x: 0;--perfect-shadow: 0 0 0 1px var(--base), 0 1px 1px -.5px var(--shade), calc(var(--s1) * var(--x)) var(--s1) var(--s1) calc(var(--s1) * -.5) var(--shade), calc(var(--s2) * var(--x)) var(--s2) var(--s2) calc(var(--s2) * -.5) var(--shade), calc(var(--s3) * var(--x)) var(--s3) var(--s3) calc(var(--s3) * -.5) var(--base), calc(var(--s4) * var(--x)) var(--s4) var(--s4) calc(var(--s4) * -.5) var(--base), calc(var(--s5) * var(--x)) var(--s5) var(--s5) calc(var(--s5) * -.5) var(--base);--border: color-mix(in lch, canvasText, transparent 90%);--hr: color-mix(in lch, canvas, canvasText 10%);--speed: .35s;--starting: color-mix(in lch, canvas, canvasText 20%);--text: canvasText}.disclosure{transition-duration:var(--duration);transition-property:width,height,border-radius;transition-timing-function:var(--ease)}a,button,input{outline-color:red}button{cursor:pointer}[popovertargetaction=close]{outline-offset:-.875rem}.sign-in{position:absolute;border:0;border-radius:calc(var(--sh) * .5);width:var(--sw);height:var(--sh);anchor-name:--control;background:var(--starting);padding:0;color:var(--text)}.sign-in:focus-visible+[popover]{outline:1px solid red}#disclose{margin:0;border:0;padding:0;position-anchor:--control;inset-area:var(--inset, center);transition-behavior:allow-discrete;transition-duration:var(--speed);transition-property:display,overlay,height,width,border-radius,box-shadow,background-color,border-color,color;transition-timing-function:var(--ease);border-radius:calc(var(--sh) * .5);background-color:var(--starting);width:anchor-size(width);height:anchor-size(height);overflow:hidden;color:var(--text)}#disclose:popover-open{transition-duration:calc(2 * var(--speed));transition-timing-function:var(--ease-out);box-shadow:0 0 0 2px var(--border),var(--perfect-shadow);border-radius:var(--radius);background-color:canvas;width:var(--ew);height:var(--eh);color:canvasText}@starting-style{#disclose:popover-open{box-shadow:0 0 #0000;border-radius:calc(var(--sh) * .5);background-color:var(--starting);width:anchor-size(--control width);height:anchor-size(--control height);color:var(--text)}}#disclose:popover-open{display:grid;align-items:start}#disclose header{display:inline-flex;position:relative;justify-content:center;align-items:center;transition:width var(--speed),height var(--speed);transition:translate var(--speed);margin:0 auto;border:0;padding-inline:var(--padding);width:anchor-size(--control width);height:anchor-size(--control height);height:var(--sh)}#disclose header:after{position:absolute;bottom:.5rem;left:50%;translate:-50% -50%;opacity:0;transition:opacity var(--speed);background:var(--hr);width:calc(var(--ew) * 2);height:1px;content:""}#disclose:popover-open header:after{opacity:1}@starting-style{#disclose:popover-open header:after{opacity:0}}header button{display:grid;position:absolute;top:50%;left:0;justify-content:end;place-items:center;translate:calc(var(--ew) - 100%) -50%;cursor:pointer;border:0;border-radius:var(--radius);background:transparent;padding:0;padding-right:var(--padding);width:48px;height:48px}header button svg{width:20px}header span{display:flex;gap:var(--padding);transform-origin:0 0;transition:scale var(--speed),translate var(--speed)}header span svg{transition:opacity var(--speed),scale var(--speed),translate var(--speed);width:16px}#disclose:popover-open header{translate:calc(var(--ew) * -.5 + 50% + .25rem) -.5rem;transition-duration:calc(2 * var(--speed));transition-timing-function:var(--ease-out)}#disclose:popover-open header span{scale:.875}#disclose:popover-open header span svg{scale:0;opacity:0}@starting-style{#disclose:popover-open header span svg{scale:1;opacity:1}#disclose:popover-open header span{scale:1}#disclose:popover-open header{translate:0 0}}#disclose:not(:popover-open) header{translate:0 0}.content{display:flex;position:absolute;top:calc(48px - 1rem);left:50%;flex-direction:column;translate:-50% 2rem;opacity:0;filter:blur(4px);transition:translate var(--speed),opacity var(--speed),filter var(--speed);padding:var(--padding);width:var(--ew);height:calc(var(--eh) - (48px - .875rem));font-size:.875rem}#disclose:popover-open .content{translate:-50% 0;opacity:1;filter:blur(0)}@starting-style{#disclose:popover-open .content{translate:-50% 2rem;opacity:0;filter:blur(4px)}}.actions,form{display:flex;flex-direction:column;gap:var(--padding)}.actions button{display:flex;gap:var(--padding);background:var(--button)}.actions button span:first-of-type{flex:1;text-align:right}.actions button span:last-of-type{flex:2.5;text-align:left}button:has(svg){display:flex;justify-content:center;align-items:center;gap:var(--padding)}button svg{width:16px}.divide{display:grid;position:relative;flex:1;place-items:center;text-align:center}.divide hr{position:absolute;top:50%;left:50%;translate:-50% -50%;-webkit-mask:linear-gradient(90deg,white calc(50% - 10ch),transparent calc(50% - 3ch) calc(50% + 3ch),white calc(50% + 10ch));mask:linear-gradient(90deg,white calc(50% - 10ch),transparent calc(50% - 3ch) calc(50% + 3ch),white calc(50% + 10ch));margin:0;border:1px solid var(--hr);background:transparent;width:calc(var(--ew) - 2 * var(--padding));height:0;color:transparent}.disclosure button:not(.sign-in){border:0;border-radius:var(--radius);padding:calc(var(--padding) * 1.25) 1rem}form button{--overlay: hsl(0 0% 100% / .2);background:#000;color:#fff}input{border:1px solid var(--border);border-radius:var(--radius);padding:calc(var(--padding) * 1.25) 1rem}.bear-link{display:grid;position:fixed;bottom:1rem;left:1rem;place-items:center;opacity:.8;aspect-ratio:1;width:48px;color:canvasText}:where(.x-link,.bear-link):is(:hover,:focus-visible){opacity:1}.bear-link svg{width:75%}form button span{display:inline-block;translate:calc(var(--intent, 0) * -.5ch) 0;transition:translate var(--speed)}form button svg{translate:calc(var(--intent, 0) * .5ch) 0;transition:translate var(--speed)}