@property --gx{syntax:"<percentage>";inherits:true;initial-value:28%}@property --gy{syntax:"<percentage>";inherits:true;initial-value:0%}@property --glow{syntax:"<number>";inherits:true;initial-value:0}.o-glass{isolation:isolate;border-radius:var(--g-r,24px);background-color:var(--g-tint,var(--glass-tint));transition:--gx .6s var(--ease-out), --gy .6s var(--ease-out), --glow .4s var(--ease-out), background-color .3s var(--ease-out);-webkit-tap-highlight-color:transparent;position:relative}.o-glass[data-shadow="1"]{box-shadow:var(--glass-shadow)}.o-glass[data-shadow=lg]{box-shadow:var(--shadow-3)}.o-glass[data-interactive="1"]{cursor:pointer}.o-glass[data-interactive="1"]:active,.o-glass[data-pressed="1"]{--glow:1}.o-glass__fx{z-index:-1;border-radius:inherit;pointer-events:none;position:absolute;inset:0;overflow:hidden}.o-glass__fx>span{border-radius:inherit;position:absolute;inset:0}.o-glass__edge{box-shadow:inset 0 1px .5px var(--glass-rim), inset 0 -.5px .5px var(--glass-rim-low), inset 0 0 calc(var(--g-bezel,16px) * .9) calc(var(--g-bezel,16px) * -.32) var(--glass-caustic), inset 0 calc(var(--g-bezel,16px) * -.35) calc(var(--g-bezel,16px) * .6) calc(var(--g-bezel,16px) * -.4) var(--glass-caustic)}.o-glass[data-refract="1"] .o-glass__edge{box-shadow:inset 0 1px .5px var(--glass-rim), inset 0 -.5px .5px var(--glass-rim-low), inset 0 0 calc(var(--g-bezel,16px) * .7) calc(var(--g-bezel,16px) * -.36) var(--glass-caustic)}.o-glass__rim{background:linear-gradient(var(--g-rim-angle,152deg), var(--glass-rim) 0%, var(--glass-rim-low) 18%, transparent 40%, transparent 62%, var(--glass-rim-low) 84%, var(--glass-rim) 100%);-webkit-mask-composite:xor;opacity:.9;padding:1px;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.o-glass__spec{background:radial-gradient(90% 140% at var(--gx) var(--gy), rgba(255, 255, 255, calc(.07 + var(--glow) * .22)), transparent 62%), linear-gradient(180deg, rgba(255, 255, 255, calc(.1 + var(--glow) * .06)), #fff0 46%)}:root[data-theme=dark] .o-glass__spec{background:radial-gradient(90% 140% at var(--gx) var(--gy), rgba(255, 255, 255, calc(.035 + var(--glow) * .12)), transparent 62%), linear-gradient(180deg, #ffffff0d, #fff0 46%)}.o-glass__sheen{mix-blend-mode:plus-lighter;background:linear-gradient(104deg,#0000 42%,#ffffff29 49%,#ffffff0a 52%,#0000 58%);animation:9s cubic-bezier(.45,0,.2,1) infinite o-glass-sheen;transform:translate(-45%);border-radius:0!important;inset:-40% -60%!important}:root[data-theme=dark] .o-glass__sheen{opacity:.55}.o-glass[data-vis="0"] .o-glass__sheen{animation-play-state:paused}html[data-reduced-motion="1"] .o-glass__sheen{display:none}@media (prefers-reduced-motion:reduce){.o-glass__sheen{display:none}}@keyframes o-glass-sheen{0%,62%{transform:translate(-45%)}to{transform:translate(45%)}}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.o-glass{background-color:var(--glass-tint-strong)!important}}.o-glass[data-variant=lens] .o-glass__rim{opacity:1}.o-glass[data-variant=lens] .o-glass__edge{box-shadow:inset 0 1px 1px #ffffffe6, inset 0 -1px 1px #ffffff73, inset 0 0 calc(var(--g-bezel,16px) * .8) calc(var(--g-bezel,16px) * -.25) #ffffff6b, inset 0 0 0 .5px #ffffff80}:root[data-theme=dark] .o-glass[data-variant=lens] .o-glass__edge{box-shadow:inset 0 1px 1px #ffffff80, inset 0 -1px 1px #fff3, inset 0 0 calc(var(--g-bezel,16px) * .8) calc(var(--g-bezel,16px) * -.25) #fff3, inset 0 0 0 .5px #ffffff40}.o-glass[data-variant=bar] .o-glass__rim{opacity:.55}.o-glass[data-variant=sheet] .o-glass__rim,.o-glass[data-variant=menu] .o-glass__rim{opacity:.8}.o-spinner{flex-shrink:0;line-height:0;display:inline-block}.o-spinner svg{animation:.9s linear infinite o-spin}.o-spinner__arc{animation:o-spin-dash 1.6s var(--ease-in-out) infinite;transform-origin:50%}@keyframes o-spin{to{transform:rotate(360deg)}}@keyframes o-spin-dash{0%{stroke-dashoffset:0}50%{stroke-dashoffset:-8px}to{stroke-dashoffset:0}}.o-ring{flex-shrink:0;place-items:center;display:inline-grid;position:relative}.o-ring>svg{position:absolute;inset:0}.o-ring--spin>svg{animation:1s linear infinite o-spin}.o-ring__center{place-items:center;display:grid;position:relative}.o-skeleton{background:var(--skeleton);flex-shrink:0;display:block;position:relative;overflow:hidden}.o-skeleton:after{content:"";background:linear-gradient(100deg, transparent 20%, var(--skeleton-hi) 50%, transparent 80%);animation:o-shimmer 1.5s var(--ease-in-out) infinite;position:absolute;inset:0;transform:translate(-100%)}@keyframes o-shimmer{to{transform:translate(100%)}}html[data-reduced-motion="1"] .o-skeleton:after{opacity:0;animation:none}.o-skeleton-list{flex-direction:column;display:flex}.o-skeleton-row{align-items:center;gap:12px;padding:9px 16px;display:flex}.o-skeleton-row__lines{flex-direction:column;flex:1;gap:9px;display:flex}.o-btn{border-radius:var(--r-full);letter-spacing:-.012em;white-space:nowrap;-webkit-tap-highlight-color:transparent;isolation:isolate;transition:background-color .2s var(--ease-out), color .2s var(--ease-out), box-shadow .25s var(--ease-out), opacity .2s;justify-content:center;align-items:center;gap:8px;font-weight:620;display:inline-flex;position:relative;overflow:hidden;transform:translateZ(0)}.o-btn[data-size=sm]{height:36px;font-size:calc(15px * var(--ts));gap:6px;padding:0 14px}.o-btn[data-size=md]{height:46px;font-size:calc(16px * var(--ts));padding:0 20px}.o-btn[data-size=lg]{height:56px;font-size:calc(17px * var(--ts));border-radius:20px;padding:0 26px}.o-btn[data-full="1"]{width:100%;display:flex}.o-btn:disabled,.o-btn[aria-disabled=true]{opacity:.42;pointer-events:none}.o-btn__label{align-items:center;gap:inherit;transition:opacity .18s, transform .25s var(--ease-out);display:inline-flex}.o-btn[data-loading="1"] .o-btn__label{opacity:0;transform:scale(.9)}.o-btn__spin{place-items:center;display:grid;position:absolute;inset:0}.o-btn--primary{color:var(--text-on-accent);background:var(--accent-grad);box-shadow:var(--shadow-accent), inset 0 1px 0 #ffffff52, inset 0 -1px 0 #00000014;text-shadow:0 1px 1px #2800502e;background-size:140% 100%}.o-btn--primary:before{content:"";border-radius:inherit;z-index:-1;pointer-events:none;background:linear-gradient(#ffffff47,#fff0);position:absolute;inset:0 0 50%}.o-btn--primary:after{content:"";z-index:-1;background:radial-gradient(120% 140% at var(--px,50%) 120%, #ffffff42, transparent 55%);opacity:0;transition:opacity .25s var(--ease-out);position:absolute;inset:0}.o-btn--primary:active:after,.o-btn--primary[data-pressed="1"]:after{opacity:1}.o-btn--tertiary{color:var(--tint);background:var(--tint-soft)}.o-btn--tertiary:active{background:color-mix(in srgb, var(--tint) 20%, transparent)}.o-btn--plain{color:var(--tint);background:0 0;padding-left:10px;padding-right:10px}.o-btn--plain:active{background:var(--fill-4)}.o-btn--destructive{color:#fff;background:linear-gradient(135deg,#ff6a5c,#ff2d55);box-shadow:0 8px 22px -8px #ff2d558c,inset 0 1px #ffffff47}.o-btn--destructive-soft{color:var(--danger);background:var(--danger-soft)}.o-btn--secondary{color:var(--text)}.o-btn--neutral{color:var(--text);background:var(--fill-3)}.o-btn--neutral:active{background:var(--fill-2)}.o-iconbtn{border-radius:var(--r-full);color:var(--text);-webkit-tap-highlight-color:transparent;transition:background-color .2s var(--ease-out), color .2s;flex-shrink:0;place-items:center;display:inline-grid;position:relative}.o-iconbtn:disabled{opacity:.4;pointer-events:none}.o-iconbtn--plain{color:var(--tint)}.o-iconbtn--plain:active{background:var(--fill-4)}.o-iconbtn--filled{background:var(--fill-3);color:var(--text)}.o-iconbtn--filled:active{background:var(--fill-2)}.o-iconbtn--tinted{background:var(--tint-soft);color:var(--tint)}.o-iconbtn--primary{background:var(--accent-grad);color:#fff;box-shadow:var(--shadow-accent), inset 0 1px 0 #ffffff4d}.o-iconbtn--danger{color:#fff;background:linear-gradient(135deg,#ff6a5c,#ff2d55);box-shadow:0 8px 22px -8px #ff2d5599}.o-iconbtn--white{color:#0b0b0c;box-shadow:var(--shadow-2);background:#fff}.o-iconbtn__badge{position:absolute;top:-3px;right:-3px}
