:root{--g-glass-radius: 20px;--g-glass-radius-sm: 14px;--g-glass-border-w: 1px;--g-glass-bg: rgba(255, 255, 255, .55);--g-glass-bg-strong: rgba(255, 255, 255, .72);--g-glass-border: rgba(255, 255, 255, .65);--g-glass-border-soft: rgba(0, 0, 0, .06);--g-glass-shadow: 0 8px 30px rgba(2, 8, 20, .12), 0 1px 0 rgba(255,255,255,.5) inset;--g-glass-blur: 18px;--g-glass-saturate: 160%;--g-glass-fallback-bg: rgba(255, 255, 255, .92)}.g-dark{--g-glass-bg: rgba(20, 24, 28, .48);--g-glass-bg-strong: rgba(18, 22, 26, .66);--g-glass-border: rgba(255, 255, 255, .14);--g-glass-border-soft: rgba(255, 255, 255, .08);--g-glass-shadow: 0 10px 40px rgba(0, 0, 0, .45), 0 1px 0 rgba(255,255,255,.06) inset;--g-glass-fallback-bg: rgba(22, 26, 30, .96)}.g-glass{position:relative;background:var(--g-glass-bg);border:var(--g-glass-border-w) solid var(--g-glass-border);border-radius:var(--g-glass-radius);box-shadow:var(--g-glass-shadow);-webkit-backdrop-filter:blur(var(--g-glass-blur)) saturate(var(--g-glass-saturate));backdrop-filter:blur(var(--g-glass-blur)) saturate(var(--g-glass-saturate));transition:box-shadow .25s ease,border-color .25s ease,background-color .25s ease,transform .25s ease}.g-glass--strong{background:var(--g-glass-bg-strong);--g-glass-blur: 26px}.g-glass--sm{border-radius:var(--g-glass-radius-sm)}.g-glass--sheen:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(180deg,#ffffff2e,#fff0 42%)}.g-glass--interactive{cursor:pointer}.g-glass--interactive:hover{border-color:rgb(var(--g-green-rgb) / .55);box-shadow:0 12px 40px #0208142e,0 0 0 1px rgb(var(--g-green-rgb) / .25) inset;transform:translateY(-2px)}.g-glass--interactive:active{transform:translateY(0)}.g-glass--interactive:focus-visible{outline:none;border-color:rgb(var(--g-green-rgb) / .8);box-shadow:0 0 0 3px rgb(var(--g-green-rgb) / .35)}@supports not ((backdrop-filter: blur(2px)) or (-webkit-backdrop-filter: blur(2px))){.g-glass,.g-glass--strong{background:var(--g-glass-fallback-bg)}}@media(prefers-reduced-motion:reduce){.g-glass,.g-glass--interactive:hover{transition:none;transform:none}}@media(max-width:480px){:root{--g-glass-radius: 16px;--g-glass-radius-sm: 12px}}html{overflow-x:clip}body{overflow-x:clip;max-width:100%;position:relative}
