.glass-surface{position:relative;overflow:hidden;isolation:isolate;transform:translateZ(0);transition:transform .2s ease-out,box-shadow .2s ease-out,opacity .2s ease-out}.glass-surface__content{position:relative;z-index:1;height:100%;width:100%;display:flex;flex-direction:column;overflow:hidden;border-radius:inherit}.glass-surface__filter{position:absolute;width:0;height:0;opacity:0;pointer-events:none}.glass-surface--svg{background:hsla(0,0%,100%,.05);backdrop-filter:blur(8px) saturate(var(--glass-saturation,1));-webkit-backdrop-filter:blur(8px) saturate(var(--glass-saturation,1))}.glass-surface--fallback,.glass-surface--svg{border:1px solid hsla(0,0%,100%,.1);box-shadow:0 4px 30px rgba(0,0,0,.1),inset 0 1px 1px hsla(0,0%,100%,.05)}.glass-surface--fallback{background:hsla(0,0%,100%,.1);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.glass-surface--no-animation,.glass-surface--no-animation *{transition:none!important;animation:none!important}.glass-surface:not(.glass-surface--no-animation):hover{transform:translateY(-1px) scale(1.01);box-shadow:0 6px 40px rgba(0,0,0,.15),inset 0 1px 1px hsla(0,0%,100%,.1)}.glass-surface:not(.glass-surface--no-animation):active{transform:translateY(0) scale(.995);transition-duration:.1s}.glass-surface:focus-visible{outline:none;box-shadow:0 0 0 2px hsla(0,0%,100%,.8),0 0 0 4px rgba(59,130,246,.5)!important}@media (prefers-color-scheme:dark){.glass-surface--svg{background:rgba(30,30,30,.3);border-color:hsla(0,0%,100%,.05)}.glass-surface--fallback{background:rgba(30,30,30,.4);border-color:hsla(0,0%,100%,.05)}}@media (prefers-reduced-motion:reduce){.glass-surface{transition:none}.glass-surface:active,.glass-surface:hover{transform:none}}@media print{.glass-surface{background:#fff!important;box-shadow:none!important;border:1px solid #e5e7eb!important}.glass-surface,.glass-surface__content{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.invisible-scroll{-ms-overflow-style:none;scrollbar-width:none}.invisible-scroll::-webkit-scrollbar{display:none}