:root{--ua-crystal-body:.34;--ua-crystal-sheen:.16}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--ua-crystal-body:.13;--ua-crystal-sheen:.085}}:root[data-theme=dark]{--ua-crystal-body:.13;--ua-crystal-sheen:.085}:root{--ua-grain:.55;--ua-grain-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.ua-crystal,.ua-crystal-surface{--w:var(--ua-color-white);--k:var(--ua-color-black);--hi:var(--ua-light-hi);--lo:var(--ua-light-lo);--rim:conic-gradient(from var(--ua-light), color-mix(in srgb, var(--w) 96%, transparent) 0deg, color-mix(in srgb, var(--w) 30%, transparent) 34deg, color-mix(in srgb, var(--k) calc(8% + 20% * var(--lo)), transparent) 104deg, color-mix(in srgb, var(--w) 46%, transparent) 168deg, color-mix(in srgb, var(--w) 72%, transparent) 180deg, color-mix(in srgb, var(--w) 46%, transparent) 192deg, color-mix(in srgb, var(--k) calc(8% + 20% * var(--lo)), transparent) 256deg, color-mix(in srgb, var(--w) 30%, transparent) 326deg, color-mix(in srgb, var(--w) 96%, transparent) 360deg)}.ua-frost:before,.ua-crystal-surface:before{-webkit-mask-composite:xor;padding:1px;-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}.ua-crystal{pointer-events:none;-webkit-backdrop-filter:var(--ua-crystal-lens,none);backdrop-filter:var(--ua-crystal-lens,none);--flat:var(--ua-crystal-flat,80%);--bevel:radial-gradient(closest-side, transparent var(--flat), #00000014 calc(var(--flat) + (100% - var(--flat)) * .3), #0006 calc(var(--flat) + (100% - var(--flat)) * .65), #000 100%);border-radius:50%;position:absolute;inset:0;overflow:hidden;container-type:size}.ua-crystal i{border-radius:50%;position:absolute;inset:0}.ua-crystal .body{background:color-mix(in srgb, var(--w) calc(100% * var(--ua-crystal-body)), transparent);-webkit-mask:var(--bevel);mask:var(--bevel)}.ua-crystal .bevel{background:conic-gradient(from var(--ua-light), color-mix(in srgb, var(--w) calc(62% * var(--hi)), transparent) 0deg, color-mix(in srgb, var(--w) calc(16% * var(--hi)), transparent) 26deg, transparent 64deg, color-mix(in srgb, var(--k) calc(14% * var(--lo)), transparent) 118deg, color-mix(in srgb, var(--w) calc(20% * var(--hi)), transparent) 166deg, color-mix(in srgb, var(--w) calc(36% * var(--hi)), transparent) 180deg, color-mix(in srgb, var(--w) calc(20% * var(--hi)), transparent) 194deg, color-mix(in srgb, var(--k) calc(14% * var(--lo)), transparent) 242deg, transparent 296deg, color-mix(in srgb, var(--w) calc(16% * var(--hi)), transparent) 334deg, color-mix(in srgb, var(--w) calc(62% * var(--hi)), transparent) 360deg);-webkit-mask:var(--bevel);mask:var(--bevel)}.ua-crystal .sheen{rotate:var(--ua-light);background:radial-gradient(circle at 50% 150cqi, transparent 116cqi, color-mix(in srgb, var(--w) calc(100% * var(--ua-crystal-sheen)), transparent) 126cqi, color-mix(in srgb, var(--w) calc(20% * var(--ua-crystal-sheen)), transparent) 158cqi);-webkit-mask:radial-gradient(closest-side, #000 calc(var(--flat) - 12%), transparent var(--flat));mask:radial-gradient(closest-side, #000 calc(var(--flat) - 12%), transparent var(--flat))}.ua-crystal .rim{background:var(--rim);-webkit-mask:radial-gradient(closest-side,#0000 96.4%,#000 98.4% 99.4%,#0000 100%);mask:radial-gradient(closest-side,#0000 96.4%,#000 98.4% 99.4%,#0000 100%)}.ua-frost{border-radius:var(--ua-radius-2xl);--w:var(--ua-color-white);--k:var(--ua-color-black);--ax:calc(-1 * var(--ua-light-x));--ay:calc(-1 * var(--ua-light-y));--ua-frost-fill:color-mix(in srgb, var(--ua-color-card) var(--ua-frost-tint,45%), transparent);background:var(--ua-frost-fill);-webkit-backdrop-filter:blur(var(--ua-frost-blur,18px)) saturate(var(--ua-frost-saturate,180%));backdrop-filter:blur(var(--ua-frost-blur,18px)) saturate(var(--ua-frost-saturate,180%));--ua-frost-elevation:var(--ua-elevation-3);--ua-charts-color-background:var(--ua-color-card);box-shadow:var(--ua-frost-elevation), inset calc(var(--ax) * 1px) calc(var(--ay) * 1px) 0 color-mix(in srgb, var(--w) calc(55% * var(--ua-light-hi)), transparent), inset calc(var(--ua-light-x) * 1px) calc(var(--ua-light-y) * 1px) 0 color-mix(in srgb, var(--k) calc(8% * var(--ua-light-lo)), transparent);position:relative}.ua-frost[data-elevation="1"]{--ua-frost-elevation:var(--ua-elevation-1)}.ua-frost[data-elevation="2"]{--ua-frost-elevation:var(--ua-elevation-2)}.ua-frost:before,.ua-frost:after{content:"";z-index:-1;border-radius:inherit;pointer-events:none;position:absolute;inset:0}.ua-frost:before{background:linear-gradient(calc(var(--ua-light) + 180deg), color-mix(in srgb, var(--w) calc(70% * var(--ua-light-hi)), transparent), color-mix(in srgb, var(--w) calc(8% * var(--ua-light-hi)), transparent) 45%, color-mix(in srgb, var(--k) calc(18% * var(--ua-light-lo)), transparent))}.ua-frost:after{background:var(--ua-grain-image);mix-blend-mode:overlay;opacity:var(--ua-grain)}.ua-screen{isolation:isolate;border-radius:var(--ua-radius-lg);background:var(--ua-surface-screen);box-shadow:var(--ua-elevation-inset);--ua-charts-color-background:var(--ua-surface-screen);position:relative}.ua-screen:after{content:"";z-index:-1;border-radius:inherit;pointer-events:none;background:var(--ua-grain-image);mix-blend-mode:overlay;opacity:var(--ua-screen-grain,.35);position:absolute;inset:0}.ua-screen>*{filter:drop-shadow(calc(var(--ua-light-x) * -1.5px) calc(var(--ua-light-y) * -1.5px) .5px color-mix(in srgb, var(--ua-color-black) var(--ua-screen-shadow,22%), transparent))}.ua-crystal-surface{isolation:isolate;border-radius:var(--ua-radius-lg);box-shadow:var(--ua-elevation-1);--e:var(--ua-crystal-edge,10px);--ax:calc(-1 * var(--ua-light-x));--ay:calc(-1 * var(--ua-light-y));position:relative}.ua-crystal-surface:before,.ua-crystal-surface:after{content:"";z-index:1;border-radius:inherit;pointer-events:none;position:absolute;inset:0}.ua-crystal-surface:before{background:var(--rim)}.ua-crystal-surface:after{background:linear-gradient(calc(var(--ua-light) + 180deg), color-mix(in srgb, var(--w) calc(20% * var(--ua-crystal-sheen)), transparent), color-mix(in srgb, var(--w) calc(100% * var(--ua-crystal-sheen)), transparent) 34%, transparent 36%);box-shadow:inset calc(var(--ax) * var(--e) * .45) calc(var(--ay) * var(--e) * .45) var(--e) color-mix(in srgb, var(--w) calc(62% * var(--hi)), transparent), inset calc(var(--ax) * var(--e) * -.45) calc(var(--ay) * var(--e) * -.45) var(--e) color-mix(in srgb, var(--w) calc(30% * var(--hi)), transparent), inset calc(var(--ax) * var(--e) * -.2) calc(var(--ay) * var(--e) * -.2) calc(var(--e) * .5) color-mix(in srgb, var(--k) calc(14% * var(--lo)), transparent), inset 0 0 var(--e) color-mix(in srgb, var(--w) calc(100% * var(--ua-crystal-body)), transparent)}
