.glass-surface{-webkit-backdrop-filter:var(--filter-id) saturate(var(--glass-saturation,1)) brightness(1.03);backdrop-filter:var(--filter-id) saturate(var(--glass-saturation,1)) brightness(1.03);background:linear-gradient(135deg, rgba(255, 255, 255, calc(var(--glass-frost,.06) * 3.8)) 0%, rgba(255, 255, 255, calc(var(--glass-frost,.06) * 2.2)) 100%);border:1.2px solid #ffffff59;justify-content:center;align-items:center;transition:opacity .26s ease-out;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 32px -4px #0f141a1f,0 4px 12px -2px #0f141a14,inset 0 1px #ffffff73,inset 0 0 0 .5px #ffffff47,inset 0 2px 16px #ffffff0f}.glass-surface__filter{pointer-events:none;opacity:0;z-index:-1;width:100%;height:100%;position:absolute;inset:0}.glass-surface__content{border-radius:inherit;z-index:1;justify-content:center;align-items:center;width:100%;height:100%;padding:.5rem;display:flex;position:relative}@media (max-width:1023px){.glass-surface{position:relative;overflow:hidden;-webkit-backdrop-filter:blur(25px) saturate(var(--glass-saturation,1.3)) brightness(1.03)!important;background:linear-gradient(135deg, rgba(255, 255, 255, calc(var(--glass-frost,.06) * 3.8)) 0%, rgba(255, 255, 255, calc(var(--glass-frost,.06) * 2.2)) 100%)!important;border:1.2px solid #ffffff59!important;box-shadow:0 12px 32px -4px #0f141a1f,0 4px 12px -2px #0f141a14,inset 0 1px #ffffff73,inset 0 0 0 .5px #ffffff47,inset 0 2px 16px #ffffff0f!important}.glass-surface:before{content:"";border-radius:inherit;-webkit-mask-composite:destination-out;pointer-events:none;z-index:2;background:linear-gradient(135deg,#fff6 0%,#ffffff1a 50%,#ffffff40 100%) border-box;border:1px solid #0000;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:padding-box,border-box;-webkit-mask-origin:padding-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.glass-surface:after{content:"";border-radius:inherit;pointer-events:none;z-index:0;background:linear-gradient(#ffffff1f 0%,#fff0 100%);height:40%;position:absolute;top:0;left:0;right:0}@media (prefers-color-scheme:dark){.glass-surface{-webkit-backdrop-filter:blur(28px)saturate(2.4)brightness(1.18)contrast(1.01)!important;background:radial-gradient(100% 55% at 18% -8%,#ffffff47 0%,#0000 55%),linear-gradient(128deg,#ffffff2e 0%,#78b4ff24 35%,#c896ff1a 65%,#64c8ff29 100%)!important;border-color:#ffffff38!important;box-shadow:0 8px 40px #00000052,0 2px 12px #0000002e,-.5px .5px 0 1px #5096ff4d,inset 0 1.5px #ffffff52,inset 1.5px 0 #ffffff2e,inset 0 -1px #ffffff0f,inset 0 0 0 .5px #ffffff29,inset 0 2px 28px #ffffff0a!important}}}@supports not ((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))){@media (max-width:1023px){.glass-surface{background:#ffffffe6!important;border-color:#ffffffa6!important}}}.glass-surface:focus-visible{outline-offset:2px;outline:2px solid var(--lightningcss-light,#007aff)var(--lightningcss-dark,#0a84ff)}@keyframes glassSweep{0%{background-position:-200px 0}to{background-position:calc(100% + 200px) 0}}@media (max-width:1023px){.glass-specular-sheen{opacity:.6!important;background:linear-gradient(90deg,#fff0 0%,#ffffff59 50%,#fff0 100%) 0 0/200px 100% no-repeat!important;animation:6s linear infinite glassSweep!important}}