.yap-glass{--glass-light:var(--paper,hsl(var(--card)));--glass-dark:var(--ink,hsl(var(--foreground)));isolation:isolate;background:color-mix(in srgb,var(--glass-light) var(--glass-tint),transparent);backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturation));box-shadow:0 12px 32px -12px color-mix(in srgb,var(--glass-dark) var(--glass-shadow),transparent),0 1px 3px color-mix(in srgb,var(--glass-dark) var(--glass-shadow),transparent)}:where(.yap-glass){position:relative}.yap-glass:after,.yap-glass:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:2}.yap-glass:before{padding:var(--glass-rim);background:conic-gradient(from 135deg at 50% 50%,color-mix(in srgb,var(--glass-light) var(--glass-highlight),transparent),color-mix(in srgb,var(--glass-light) var(--glass-edge),transparent) 18%,color-mix(in srgb,var(--glass-dark) var(--glass-shade),transparent) 27%,color-mix(in srgb,var(--glass-light) var(--glass-highlight),transparent) 40%,var(--glass-light) 50%,color-mix(in srgb,var(--glass-light) var(--glass-edge),transparent) 65%,color-mix(in srgb,var(--glass-dark) var(--glass-shade),transparent) 77%,color-mix(in srgb,var(--glass-light) var(--glass-highlight),transparent) 90%);-webkit-mask:linear-gradient(var(--glass-light) 0 0) content-box,linear-gradient(var(--glass-light) 0 0);mask:linear-gradient(var(--glass-light) 0 0) content-box,linear-gradient(var(--glass-light) 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.yap-glass:after{box-shadow:inset 0 1px 1px color-mix(in srgb,var(--glass-light) var(--glass-highlight),transparent),inset 2px 0 5px color-mix(in srgb,var(--glass-light) var(--glass-edge),transparent),inset -2px 0 5px color-mix(in srgb,var(--glass-light) var(--glass-edge),transparent),inset 0 -1px 2px color-mix(in srgb,var(--glass-dark) var(--glass-shade),transparent)}.yap-glass[data-glass-renderer=native]{background:color-mix(in srgb,var(--glass-light) var(--glass-light-floor),transparent);backdrop-filter:none;box-shadow:none}@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.yap-glass{background:var(--glass-light)}}@media (prefers-reduced-transparency:reduce){.yap-glass:not([data-glass-renderer=native]){background:var(--glass-light);backdrop-filter:none}}@media (forced-colors:active){.yap-glass{outline:1px solid CanvasText}.yap-glass:after,.yap-glass:before{display:none}}