@layer components{.bsk-surface-glass{--bsk-glass-blur:20px;--bsk-glass-edge-blur:12px;--bsk-glass-edge-brightness:.96;--bsk-glass-fallback-opacity:.96;--bsk-glass-opacity:.58;--bsk-glass-saturation:1.15;--bsk-glass-thickness:4px;background:rgb(255 253 249/var(--bsk-glass-fallback-opacity));position:relative}.bsk-glass-backdrop,.bsk-glass-edge{pointer-events:none;position:absolute}.bsk-glass-backdrop{inset:0}.bsk-surface-glass>:not(.bsk-glass-backdrop,.bsk-glass-edge,.bsk-glass-mask){z-index:1;position:relative}.bsk-glass-mask{pointer-events:none;position:absolute;inset:0}.bsk-surface-glass-rounded:after{z-index:2;border-radius:inherit;content:"";pointer-events:none;border:1px solid #001d381f;position:absolute;inset:0}@supports ((-webkit-backdrop-filter:blur(16px)) or (backdrop-filter:blur(16px))){.bsk-surface-glass:not(.bsk-surface-glass-fallback){background:rgb(255 253 249/var(--bsk-glass-opacity))}.bsk-glass-backdrop{-webkit-backdrop-filter:blur(var(--bsk-glass-blur)) saturate(var(--bsk-glass-saturation));backdrop-filter:blur(var(--bsk-glass-blur)) saturate(var(--bsk-glass-saturation));pointer-events:none;position:absolute;inset:0}.bsk-glass-edge{height:var(--bsk-glass-thickness);-webkit-backdrop-filter:blur(var(--bsk-glass-edge-blur)) brightness(var(--bsk-glass-edge-brightness));backdrop-filter:blur(var(--bsk-glass-edge-blur)) brightness(var(--bsk-glass-edge-brightness));pointer-events:none;background:#ffffff1a;position:absolute;bottom:0;left:0;right:0;transform:translateY(100%)}}.bsk-surface-glass-fallback>.bsk-glass-backdrop,.bsk-surface-glass-fallback>.bsk-glass-edge{display:none}@supports ((-webkit-mask-image:none) or (mask-image:none)){.bsk-glass-backdrop{height:200%;-webkit-mask-image:linear-gradient(#000 0% 50%,#0000 50% 100%);mask-image:linear-gradient(#000 0% 50%,#0000 50% 100%)}.bsk-glass-edge{height:100%;-webkit-mask-image:linear-gradient(to bottom, black 0, black var(--bsk-glass-thickness), transparent var(--bsk-glass-thickness));-webkit-mask-image:linear-gradient(to bottom, black 0, black var(--bsk-glass-thickness), transparent var(--bsk-glass-thickness));mask-image:linear-gradient(to bottom, black 0, black var(--bsk-glass-thickness), transparent var(--bsk-glass-thickness));inset:0}.bsk-glass-backdrop-rounded{-webkit-mask-image:var(--bsk-glass-rounded-mask);-webkit-mask-image:var(--bsk-glass-rounded-mask);mask-image:var(--bsk-glass-rounded-mask)}}}