@property --hv-mx{syntax:"<percentage>";inherits:false;initial-value:62%}@property --hv-my{syntax:"<percentage>";inherits:false;initial-value:22%}@property --hv-press{syntax:"<number>";inherits:false;initial-value:0}@property --hv-rim-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.hv-glass,.hv-material{--hv-glass-r:22px;--hv-rim:9px;--hv-glass-o:1;--hv-mx:62%;--hv-my:22%;--hv-rx:0deg;--hv-ry:0deg;--hv-glass-ease:cubic-bezier(.22, 1, .36, 1);--hv-tint:255 255 255;--hv-tint-end:16 48 27;--hv-tint-o1:.08;--hv-tint-o2:.02;--hv-tint-o3:.06;--hv-blur:18px;--hv-sat:175%;--hv-bright:1;--hv-scrim:30 38 34;--hv-scrim-o:.7;--hv-depth:.25;--hv-rim-scrim-o:.3;--hv-rim-dir:1;--hv-rim-blur:.6px;--hv-rim-sat:170%;--hv-rim-bright:1.2;--hv-rim-contrast:1.08;--hv-rim-o:1;--hv-line:.5;--hv-line-dir:.35;--hv-line-top:.7;--hv-line-bot:.18;--hv-line-bot-c:255 255 255;--hv-glow:.3;--hv-shadow:10 30 17;--hv-shadow-o:.55;--hv-chroma-w:.7;--hv-chroma-mint:.42;--hv-chroma-amber:.38;--hv-spec:.44;--hv-spec-hot:.72;--hv-spec-w:220px;--hv-spec-h:80px;--hv-spec-chroma-o:0;--hv-ink:#fff;--hv-ink-soft:#ffffffe6;--hv-ink-mute:#ffffff8c;--hv-ink-faint:#ffffff40;perspective:1400px}.hv-glass[data-tone=forest],.hv-material[data-tone=forest]{--hv-rim-scrim-o:0;--hv-rim-dir:0;--hv-rim:7px;--hv-tint:16 48 27;--hv-tint-end:var(--hv-tint);--hv-tint-o1:.22;--hv-tint-o2:.08;--hv-tint-o3:.18;--hv-blur:22px;--hv-sat:160%;--hv-scrim-o:.6;--hv-depth:0;--hv-rim-blur:1.5px;--hv-rim-sat:150%;--hv-rim-bright:1.18;--hv-rim-contrast:1.02;--hv-line:.26;--hv-line-dir:1;--hv-line-top:.4;--hv-line-bot:.12;--hv-glow:.24;--hv-shadow-o:.5;--hv-spec:.38;--hv-spec-hot:.62;--hv-spec-w:130px;--hv-spec-h:100px}.hv-glass[data-tone=paper],.hv-material[data-tone=paper]{--hv-rim-scrim-o:0;--hv-rim-dir:0;--hv-rim:7px;--hv-tint:250 247 240;--hv-tint-end:var(--hv-tint);--hv-scrim-o:0;--hv-depth:0;--hv-rim-blur:1.5px;--hv-rim-sat:150%;--hv-rim-contrast:1.02;--hv-line-dir:1;--hv-spec-w:130px;--hv-spec-h:100px;--hv-tint-o1:.55;--hv-tint-o2:.4;--hv-tint-o3:.5;--hv-blur:24px;--hv-sat:140%;--hv-bright:1.04;--hv-rim-bright:1.3;--hv-rim-o:8;--hv-line:.85;--hv-line-top:.95;--hv-line-bot:.08;--hv-line-bot-c:20 40 26;--hv-glow:0;--hv-shadow-o:.32;--hv-chroma-w:.95;--hv-chroma-mint:.4;--hv-chroma-amber:.35;--hv-spec:.3;--hv-spec-hot:.5;--hv-ink:#14231a;--hv-ink-soft:#14231ab8;--hv-ink-mute:#14231a80;--hv-ink-faint:#14231a29}.hv-glass[data-tone=ink],.hv-material[data-tone=ink]{--hv-rim-scrim-o:0;--hv-rim-dir:0;--hv-rim:7px;--hv-tint:6 18 10;--hv-tint-end:var(--hv-tint);--hv-scrim-o:0;--hv-depth:0;--hv-rim-blur:1.5px;--hv-rim-sat:150%;--hv-rim-contrast:1.02;--hv-line-dir:1;--hv-spec-w:130px;--hv-spec-h:100px;--hv-tint-o1:.64;--hv-tint-o2:.48;--hv-tint-o3:.6;--hv-blur:28px;--hv-sat:150%;--hv-rim-bright:1.12;--hv-rim-o:.6;--hv-line:.18;--hv-line-top:.3;--hv-line-bot:.08;--hv-glow:.12;--hv-shadow:0 0 0;--hv-shadow-o:.6;--hv-chroma-w:.5;--hv-chroma-mint:.3;--hv-chroma-amber:.26;--hv-spec:.28;--hv-spec-hot:.5}.hv-glass-tilt{--hv-mx:inherit;--hv-my:inherit;border-radius:var(--hv-glass-r);height:100%;transform:rotateX(var(--hv-rx)) rotateY(var(--hv-ry));transition:transform .52s var(--hv-glass-ease);position:relative}.hv-glass[data-hv-light] .hv-glass-tilt{--hv-mx:inherit;--hv-my:inherit;--hv-press:inherit;--hv-rim-angle:inherit;transform:rotateX(var(--hv-rx)) rotateY(var(--hv-ry)) scale(calc(1 - .006 * var(--hv-press)));transition:transform .52s var(--hv-glass-ease), --hv-press .42s var(--hv-glass-ease)}.hv-glass[data-hot] .hv-glass-tilt{transition-duration:.14s}.hv-glass-rim,.hv-glass-frost,.hv-glass-edge,.hv-glass-spec{--hv-mx:inherit;--hv-my:inherit;border-radius:inherit;pointer-events:none;opacity:var(--hv-glass-o);position:absolute;inset:0}.hv-glass-rim{padding:var(--hv-rim);-webkit-mask-composite:xor;background:linear-gradient(135deg, rgb(255 255 255/calc(.1 * var(--hv-rim-o) + .1 * var(--hv-press))), rgb(255 255 255/calc(.02 * var(--hv-rim-o))) 50%, rgb(255 255 255/calc(.07 * var(--hv-rim-o))));-webkit-backdrop-filter:blur(var(--hv-rim-blur)) saturate(var(--hv-rim-sat)) brightness(var(--hv-rim-bright)) contrast(var(--hv-rim-contrast));backdrop-filter:blur(var(--hv-rim-blur)) saturate(var(--hv-rim-sat)) brightness(var(--hv-rim-bright)) contrast(var(--hv-rim-contrast));-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.hv-glass[data-hv-light] .hv-glass-rim{--hv-press:inherit}.hv-glass-rim:after{content:"";border-radius:inherit;mix-blend-mode:multiply;background:linear-gradient(180deg, rgb(var(--hv-scrim) / calc(var(--hv-rim-scrim-o) * (1 - .6 * var(--hv-rim-dir)))), rgb(var(--hv-scrim) / calc(var(--hv-rim-scrim-o) * (1 + .9 * var(--hv-rim-dir)))));position:absolute;inset:0}.hv-glass-frost{inset:calc(var(--hv-rim) - 2px);border-radius:calc(var(--hv-glass-r) - var(--hv-rim) + 2px);background:linear-gradient(135deg, rgb(var(--hv-tint) / var(--hv-tint-o1)), rgb(var(--hv-tint) / var(--hv-tint-o2)) 48%, rgb(var(--hv-tint-end) / var(--hv-tint-o3)));-webkit-backdrop-filter:blur(var(--hv-blur)) saturate(var(--hv-sat)) brightness(var(--hv-bright));backdrop-filter:blur(var(--hv-blur)) saturate(var(--hv-sat)) brightness(var(--hv-bright))}.hv-glass-frost:after{content:"";border-radius:inherit;mix-blend-mode:multiply;background:linear-gradient(180deg, transparent 45%, rgb(var(--hv-scrim) / var(--hv-depth))), linear-gradient(135deg, rgb(var(--hv-scrim) / var(--hv-scrim-o)), rgb(var(--hv-scrim) / calc(var(--hv-scrim-o) * .67)) 48%, rgb(var(--hv-scrim) / calc(var(--hv-scrim-o) * .93)));position:absolute;inset:0}.hv-glass-edge{box-shadow:inset 1px 1px 0 0 rgb(255 255 255/var(--hv-line)), inset -1px -1px 0 0 rgb(255 255 255/calc(var(--hv-line) * var(--hv-line-dir))), inset 0 1px 0 rgb(255 255 255/var(--hv-line-top)), inset 0 -1px 0 rgb(var(--hv-line-bot-c) / var(--hv-line-bot)), inset 0 0 30px -14px rgb(255 255 255/var(--hv-glow)), 0 26px 60px -32px rgb(var(--hv-shadow) / var(--hv-shadow-o))}.hv-glass[data-hv-light] .hv-glass-edge{--hv-rim-angle:inherit}.hv-glass-edge:before{content:"";border-radius:inherit;background:conic-gradient(from 215deg at 50% 50%, rgb(255 255 255/var(--hv-chroma-w)), #fff3 22%, rgb(196 255 224/var(--hv-chroma-mint)) 42%, #ffffff24 58%, rgb(255 241 204/var(--hv-chroma-amber)) 78%, rgb(255 255 255/var(--hv-chroma-w)));-webkit-mask-composite:xor;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.hv-glass-spec{opacity:calc(var(--hv-glass-o) * (var(--hv-spec) + .25 * var(--hv-press)));background:radial-gradient(calc(var(--hv-spec-w) * (1 + .25 * var(--hv-press))) calc(var(--hv-spec-h) * (1 + .25 * var(--hv-press))) at var(--hv-mx) var(--hv-my), #ffffff47, #ffffff0d 48%, transparent 74%), radial-gradient(260px 190px at calc(var(--hv-mx) + 12%) calc(var(--hv-my) + 18%), rgb(170 255 214/var(--hv-spec-chroma-o)), rgb(255 232 180/calc(var(--hv-spec-chroma-o) * .55)) 52%, transparent 78%), linear-gradient(115deg, #ffffff1a, transparent 36%, transparent 64%, #ffffff09);transition:opacity .42s var(--hv-glass-ease)}.hv-glass[data-hv-light] .hv-glass-spec{--hv-mx:inherit;--hv-my:inherit;--hv-press:inherit;transition:opacity .42s var(--hv-glass-ease), --hv-mx .4s var(--hv-glass-ease), --hv-my .4s var(--hv-glass-ease), --hv-press .42s var(--hv-glass-ease)}.hv-glass[data-hot] .hv-glass-spec{--hv-spec:var(--hv-spec-hot)}.hv-glass[data-hv-light][data-hot] .hv-glass-spec{transition-duration:.14s}.hv-glass[data-hv-light][data-press] .hv-glass-spec{transition-duration:.12s,0s,0s,.12s}.hv-glass-content{z-index:1;opacity:var(--hv-glass-o);color:var(--hv-ink);position:relative}.hv-glass[data-arriving] .hv-glass-edge:before{--hv-rim-angle:inherit;background:conic-gradient(from calc(var(--hv-rim-angle) - 20deg) at 50% 50%, transparent 0deg, rgb(255 255 255/var(--hv-chroma-w)) 20deg, transparent 40deg), conic-gradient(from 215deg at 50% 50%, rgb(255 255 255/var(--hv-chroma-w)), #fff3 22%, rgb(196 255 224/var(--hv-chroma-mint)) 42%, #ffffff24 58%, rgb(255 241 204/var(--hv-chroma-amber)) 78%, rgb(255 255 255/var(--hv-chroma-w)))}