@import"https://fonts.googleapis.com/css2?family=Gloria+Hallelujah&display=swap"layer(fonts);@layer normalize,fonts,base,demo;@layer normalize{html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}}@layer base{:root{--font-size-min: 16;--font-size-max: 20;--font-ratio-min: 1.2;--font-ratio-max: 1.33;--font-width-min: 375;--font-width-max: 1500}html{color-scheme:light dark}[data-theme=light]{color-scheme:light only}[data-theme=dark]{color-scheme:dark only}:where(.fluid){--fluid-min: calc( var(--font-size-min) * pow(var(--font-ratio-min), var(--font-level, 0)) );--fluid-max: calc( var(--font-size-max) * pow(var(--font-ratio-max), var(--font-level, 0)) );--fluid-preferred: calc( (var(--fluid-max) - var(--fluid-min)) / (var(--font-width-max) - var(--font-width-min)) );--fluid-type: clamp( (var(--fluid-min) / 16) * 1rem, ((var(--fluid-min) / 16) * 1rem) - (((var(--fluid-preferred) * var(--font-width-min)) / 16) * 1rem) + (var(--fluid-preferred) * var(--variable-unit, 100vi)), (var(--fluid-max) / 16) * 1rem );font-size:var(--fluid-type)}*,*:after,*:before{box-sizing:border-box}body{background:light-dark(#fff,#000);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 hsl, canvasText, transparent 80%);content:"";height:100vh;width:100vw;position:fixed;background:linear-gradient(90deg,var(--line) 1px,transparent 1px var(--size)) calc(var(--size) * .36) 50% / var(--size) var(--size),linear-gradient(var(--line) 1px,transparent 1px var(--size)) 0% calc(var(--size) * .32) / var(--size) var(--size);-webkit-mask:linear-gradient(-20deg,transparent 50%,white);mask:linear-gradient(-20deg,transparent 50%,white);top:0;transform-style:flat;pointer-events:none;z-index:-1}.brand-link{color:canvasText;position:fixed;top:1rem;left:1rem;width:48px;aspect-ratio:1;display:grid;place-items:center;opacity:.8}:where(.brand-link):is(:hover,:focus-visible){opacity:1}.bear-link svg{width:75%}.craft-link .spinner{width:24px}.gem__facet{transform-box:fill-box;transform-origin:center}.gem__facet--top{--spin-to: 360deg;transform:scaleY(-1)}@media(prefers-reduced-motion:no-preference){.gem__facet{animation:gem-spin 30s infinite linear;animation-composition:add}.brand-link:is(:hover,:focus-visible) .gem__facet{animation:gem-spin 30s infinite linear,gem-hover .65s cubic-bezier(.215,.61,.355,1);animation-composition:add,add}}@keyframes gem-spin{to{rotate:var(--spin-to, -360deg)}}@keyframes gem-hover{to{rotate:calc(var(--spin-to, -360deg) / 4)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}}div.tp-dfwv{z-index:10;width:256px;position:fixed;border-radius:var(--bs-br)}div.tp-dfwv .tp-rotv{max-height:calc(100vh - 16px);overflow:auto;border-radius:var(--bs-br)}div.tp-dfwv .tp-rotv>.tp-rotv_b{position:sticky;top:0;z-index:2;background:#45474c}@layer demo{body{margin:0;min-height:100svh}main{position:fixed;inset:0;display:grid;place-items:center;pointer-events:none}main>.aqua{--aqua-width: 240px;pointer-events:auto}.reference-note{position:fixed;right:calc(50% + 170px);top:calc(50% - 51px);width:274.2857px;margin:0;opacity:0;visibility:hidden;translate:-8px 4px;transition:opacity .18s ease-out,translate .18s ease-out,visibility .18s;pointer-events:none}.reference-note img{display:block;width:100%;height:auto;border-radius:3px}.reference-note figcaption{position:relative;width:-moz-max-content;width:max-content;margin:14px auto 0;color:light-dark(#50677f,#bac9db);font:22px/1.5 Gloria Hallelujah,Comic Sans MS,cursive;rotate:-6deg}.reference-note svg{position:absolute;left:calc(100% + 5px);bottom:4px;width:62px;height:42px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}[data-reference=true] .reference-note{opacity:1;visibility:visible;translate:0 0}@media(max-width:940px){.reference-note{right:auto;left:calc(50% - 137.14285px);top:calc(50% + 100px)}}@media(prefers-reduced-motion:reduce){.reference-note{transition:none}}}.aqua{--pressed: 0;--blur: 1;width:var(--aqua-width, 240px);max-width:100%;aspect-ratio:87.5 / 26.985;container-type:inline-size;position:relative;flex:none;padding:0;border:0;border-radius:999px;background:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;isolation:isolate;color:hsl(calc(var(--hue, 210) + -4) 29.41% 13.33% / 1);-webkit-tap-highlight-color:transparent}.aqua>span,.aqua__surface>span{position:absolute;display:block;pointer-events:none}.aqua__shadow{inset:3% 1% -2%;z-index:-1;border-radius:inherit;background:hsl(calc(var(--hue, 210) - 3.57) 56.1% 48.24% / .239);transform:translateY(calc(.2cqw * var(--pressed)));filter:blur(calc((1.45cqw - .45cqw * var(--pressed)) * var(--blur)));box-shadow:0 calc(8.6cqw - 2.2cqw * var(--pressed)) calc((5.3cqw - 1.2cqw * var(--pressed)) * var(--blur)) -1.65cqw hsl(calc(var(--hue, 210) - 3.28) 51.02% 48.04% / .369),0 calc(4.7cqw - 1.3cqw * var(--pressed)) calc((3.9cqw - 1cqw * var(--pressed)) * var(--blur)) -.5cqw hsl(calc(var(--hue, 210) - 4.64) 60% 53.92% / .361),0 .5713cqw calc((1.8286cqw - .5cqw * var(--pressed)) * var(--blur)) .2cqw hsl(calc(var(--hue, 210) - 5.16) 55.36% 54.31% / .282)}.aqua__body{inset:0;border-radius:inherit;background:radial-gradient(ellipse 20% 80% at 0% 28%,hsl(calc(var(--hue, 210) + 9.64) 38.37% 33.73% / .902),hsl(calc(var(--hue, 210) + 3.11) 34.55% 43.14% / .6) 46%,hsl(calc(var(--hue, 210) + -.05) 32.76% 54.51% / .239) 80%,transparent),radial-gradient(ellipse 20% 80% at 100% 28%,hsl(calc(var(--hue, 210) + 9.64) 38.37% 33.73% / .902),hsl(calc(var(--hue, 210) + 3.11) 34.55% 43.14% / .6) 46%,hsl(calc(var(--hue, 210) + -.05) 32.76% 54.51% / .239) 80%,transparent),radial-gradient(ellipse at 50% 91%,hsl(calc(var(--hue, 210) + -11.81) 87.95% 83.73% / .4) 0%,hsl(calc(var(--hue, 210) + -10.43) 80.77% 79.61% / .2) 31%,transparent 64%),radial-gradient(ellipse at 49% 40%,hsl(calc(var(--hue, 210) + -6.36) 62.24% 71.96% / .302) 0%,transparent 64%),linear-gradient(180deg,hsl(calc(var(--hue, 210) + 20.89) 23.15% 39.8% / 1),hsl(calc(var(--hue, 210) + 2.3) 36% 44.12% / 1) 18%,hsl(calc(var(--hue, 210) + -1.34) 36.41% 57.45% / 1) 37%,hsl(calc(var(--hue, 210) + -2.97) 51.48% 66.86% / 1) 65%,hsl(calc(var(--hue, 210) + -8.07) 68.07% 76.67% / 1) 84%,hsl(calc(var(--hue, 210) + -5.14) 48.47% 68.04% / 1) 98%);box-shadow:inset 1.9428cqw 0 calc(2.2858cqw * var(--blur)) -1.0285cqw hsl(calc(var(--hue, 210) + 1) 41.58% 39.61% / .502),inset -1.9428cqw 0 calc(2.2858cqw * var(--blur)) -1.0285cqw hsl(calc(var(--hue, 210) + 1) 41.58% 39.61% / .471),inset 0 .7428cqw calc(1.1429cqw * var(--blur)) -.2286cqw hsl(calc(var(--hue, 210) + 32.15) 22.29% 34.31% / .4),inset 0 -.32cqw calc(1.15cqw * var(--blur)) -.16cqw hsl(calc(var(--hue, 210) + -1.86) 37.17% 44.31% / .451);filter:blur(calc((clamp(.3px,.24cqw,1.5px)) * var(--blur)))}.aqua__pool{inset:51% 12% 5%;border-radius:50%;background:radial-gradient(ellipse at 51% 61%,hsl(calc(var(--hue, 210) + -22.75) 100% 96.86% / 1) 0%,hsl(calc(var(--hue, 210) + -18.52) 100% 93.92% / .941) 19%,hsl(calc(var(--hue, 210) + -12.18) 100% 89.22% / .722) 43%,hsl(calc(var(--hue, 210) + -11.22) 83.16% 81.37% / .278) 65%,transparent 80%),radial-gradient(ellipse at 28% 45%,hsl(calc(var(--hue, 210) + -23.29) 100% 94.51% / .702),transparent 42%),radial-gradient(ellipse at 75% 45%,hsl(calc(var(--hue, 210) + -23.29) 100% 94.51% / .612),transparent 39%);filter:blur(calc((1.15cqw) * var(--blur)))}.aqua__haze{inset:6% 3% 2%;border-radius:inherit;background:radial-gradient(ellipse 15% 49% at 9% 60%,hsl(calc(var(--hue, 210) + -5.2) 66.67% 70.59% / .161),transparent 80%),radial-gradient(ellipse 15% 49% at 91% 60%,hsl(calc(var(--hue, 210) + -5.2) 66.67% 70.59% / .133),transparent 80%),radial-gradient(ellipse 48% 23% at 50% 79%,hsl(calc(var(--hue, 210) + -15.14) 100% 93.14% / .4),transparent 95%);filter:blur(calc((.9143cqw) * var(--blur)))}.aqua__rim{inset:-.2% 1% 2%;border-radius:inherit;background:radial-gradient(ellipse 56% 61% at 50% 95%,transparent 66%,hsl(calc(var(--hue, 210) + 28.07) 38.67% 29.41% / .333) 91%,hsl(calc(var(--hue, 210) + 17.43) 72.41% 94.31% / .267) 100%);-webkit-mask-image:linear-gradient(#000,transparent 43%);mask-image:linear-gradient(#000,transparent 43%);filter:blur(calc((.3885cqw) * var(--blur)))}.aqua__glare{z-index:2;left:9%;right:9%;top:6.3%;height:26.5%;border-radius:9% 9% 4% 4%/80% 80% 25% 25%;background:linear-gradient(180deg,hsl(calc(var(--hue, 210) + 6) 100% 96.47% / .839),hsl(calc(var(--hue, 210) + -2.24) 80.95% 91.76% / .651) 17%,hsl(calc(var(--hue, 210) + -5.84) 60.49% 84.12% / .329) 58%,hsl(calc(var(--hue, 210) + -6.38) 58.88% 79.02% / .11));box-shadow:0 -.1829cqw calc(.297cqw * var(--blur)) hsl(calc(var(--hue, 210) + 10) 100% 97.06% / .4);filter:blur(calc((.2056cqw) * var(--blur)))}.aqua__label,.aqua__echo{inset:0;display:grid!important;place-items:center;font:400 calc(20.4cqw * var(--label-scale, 1)) / 1 "Lucida Grande","Lucida Sans Unicode",sans-serif;letter-spacing:-.023em;padding-bottom:.22em;padding-right:.035em}.aqua__label{color:hsl(calc(var(--hue, 210) + -4) 27.27% 12.94% / 1);text-shadow:0 1px 0 hsl(calc(var(--hue, 210) + -3.23) 100% 92.35% / .094)}.aqua__echo{color:hsl(calc(var(--hue, 210) + -2.73) 37.17% 37.45% / 1);opacity:calc(.34 + .035 * var(--pressed));transform:translateY(calc(.34em - .04em * var(--pressed))) scaleX(calc(.96 + .01 * var(--pressed))) scaleY(calc(.62 - .04 * var(--pressed)));transform-origin:center;filter:blur(calc((calc(.065em - .007em * var(--pressed))) * var(--blur)));-webkit-mask-image:radial-gradient(ellipse 53% 59% at 50% 42%,#000 25%,#0009 66%,transparent 100%);mask-image:radial-gradient(ellipse 53% 59% at 50% 42%,#000 25%,#0009 66%,transparent 100%)}.aqua:focus-visible{outline:2px solid hsl(calc(var(--hue, 210) + -.94) 46.67% 41.18% / 1);outline-offset:10px}.aqua__surface{inset:0;border-radius:inherit;transform:translateY(calc(var(--pressed) * clamp(.5px,.4cqw,2px)))}.aqua__glare{transform-origin:50% 0;transform:translateY(calc(-.3cqw * var(--pressed))) scaleX(calc(1 + .015 * var(--pressed))) scaleY(calc(1 - .055 * var(--pressed)));opacity:calc(var(--glare-light) * (1 - .055 * var(--pressed)))}.aqua__pool{transform-origin:50% 100%;transform:translateY(calc(-.35cqw * var(--pressed))) scaleX(calc(1 - .025 * var(--pressed))) scaleY(calc(1 - .08 * var(--pressed)));opacity:calc(var(--pool-light) * (.94 + .06 * var(--pressed)))}.aqua__haze{transform:translateY(calc(.15cqw * var(--pressed)))}.aqua__rim{opacity:calc(1 - .06 * var(--pressed))}@media(prefers-reduced-motion:reduce){.aqua__surface,.aqua__shadow,.aqua__echo,.aqua__glare,.aqua__pool,.aqua__haze,.aqua__rim{transition:none}}:root{--body-light: 1;--pool-light: 1;--glare-light: 1;--haze-light: 1;--shadow-light: 1}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--body-light: .86;--pool-light: .84;--glare-light: .92;--haze-light: .82;--shadow-light: .54}}:root[data-theme=dark]{--body-light: .86;--pool-light: .84;--glare-light: .92;--haze-light: .82;--shadow-light: .54}.aqua__body{opacity:var(--body-light)}.aqua__shadow{opacity:var(--shadow-light)}.aqua__haze{opacity:var(--haze-light)}.aqua[data-unblur=true]{--blur: 0}.aqua:where([data-solo]:not([data-solo=all])) [data-layer]{visibility:hidden}.aqua[data-solo=shadow] [data-layer=shadow],.aqua[data-solo=body] [data-layer=body],.aqua[data-solo=pool] [data-layer=pool],.aqua[data-solo=haze] [data-layer=haze],.aqua[data-solo=rim] [data-layer=rim],.aqua[data-solo=echo] [data-layer=echo],.aqua[data-solo=label] [data-layer=label],.aqua[data-solo=glare] [data-layer=glare]{visibility:visible}[data-inspecting=true] main>.aqua{opacity:0}.inspection{--spread: 0;--step-x: 16px;--step-y: 84px;--inspection-center: max(50%, 370px);position:fixed;inset:0;pointer-events:auto;overflow:auto}.inspection[hidden]{display:none}.inspection__row{position:absolute;left:50%;top:calc(50% + (var(--inspection-center) - 50%) * var(--spread));width:240px;height:74.016px;z-index:var(--index);translate:calc(-50% + (var(--index) - 3.5) * var(--step-x) * var(--spread)) calc(-50% + (var(--index) - 3.5) * var(--step-y) * var(--spread))}.inspection__row:before{content:"";position:absolute;inset:-3px -6px;border-radius:12px;background:repeating-conic-gradient(#eee 0% 25%,#e7e7e7 0% 50%) 0 0 / 12px 12px;border:1px solid light-dark(#00000012,#ffffff18);opacity:clamp(0,(var(--spread) - .35) / .65,1)}.inspection__sample{width:240px;height:74.016px;cursor:default}.inspection__caption{position:absolute;right:calc(100% + 20px);top:22px;width:100px;color:CanvasText;font:11px/1.4 monospace;text-align:right;opacity:clamp(0,(var(--spread) - .5) * 2,1)}.inspection__caption:after{content:"";position:absolute;top:8px;left:calc(100% + 5px);width:12px;border-top:1px solid;opacity:.35}.inspection__row[data-selected=false]{opacity:calc(.15 * var(--spread))}@media(max-width:700px){.inspection{--step-x: 0px;--step-y: 104px;--inspection-center: max(50%, 650px)}.inspection__caption{right:auto;left:0;top:-22px;width:auto;text-align:left}.inspection__caption:after{display:none}}.inspection__sample .inspection__guide{background:none;box-shadow:none;filter:none;-webkit-mask:none;mask:none;border:1px dashed #607086a6;opacity:clamp(0,(var(--spread) - .65) / .35,1)}