.rb-glass-surface{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;isolation:isolate;border:1px solid var(--glass-line);transition:width .42s cubic-bezier(.4,0,.2,1),height .5s ease,opacity .26s ease-out,box-shadow .5s ease}.rb-glass-surface:after{position:absolute;inset:0;z-index:0;pointer-events:none;border-radius:inherit;background:linear-gradient(155deg,color-mix(in srgb,var(--glass-strong) 82%,transparent) 0,transparent 42%,color-mix(in srgb,var(--accent) 10%,transparent) 100%);opacity:.58;content:""}.rb-glass-surface__filter{position:absolute;inset:0;z-index:-1;width:100%;height:100%;pointer-events:none;opacity:0}.rb-glass-surface__content{position:relative;z-index:1;display:flex;width:100%;height:100%;align-items:center;justify-content:center;border-radius:inherit}.rb-glass-surface--svg{background:linear-gradient(135deg,color-mix(in srgb,var(--glass-strong) 60%,transparent),color-mix(in srgb,var(--glass) 42%,transparent));box-shadow:inset 0 1px 0 color-mix(in srgb,var(--glass-strong) 85%,transparent),inset 0 -1px 0 color-mix(in srgb,var(--accent) 15%,transparent),0 18px 50px var(--shadow);backdrop-filter:var(--filter-id) saturate(var(--glass-saturation,1))}.rb-glass-surface--fallback{background:color-mix(in srgb,var(--glass) 72%,transparent);box-shadow:inset 0 1px 0 color-mix(in srgb,var(--glass-strong) 94%,transparent),inset 0 -1px 0 color-mix(in srgb,var(--accent) 18%,transparent),inset 1px 0 0 color-mix(in srgb,var(--glass-strong) 42%,transparent),0 18px 50px var(--shadow);backdrop-filter:blur(18px) saturate(1.65) brightness(1.12);-webkit-backdrop-filter:blur(18px) saturate(1.65) brightness(1.12)}.rb-glass-surface:focus-within{border-color:color-mix(in srgb,var(--accent) 45%,var(--glass-line))}@media (prefers-reduced-transparency:reduce){.rb-glass-surface--fallback,.rb-glass-surface--svg{background:var(--glass-strong);backdrop-filter:none;-webkit-backdrop-filter:none}}