.c4-glass{isolation:isolate;border-radius:var(--c4-glass-radius,2rem);-webkit-backdrop-filter:blur(var(--c4-glass-blur,20px)) saturate(180%);background:linear-gradient(135deg,#ffffffbd,#ffffff8f);border:1px solid #ffffffb3;position:relative;box-shadow:inset 0 1px #ffffffe6,inset 0 -1px #ffffff59,0 24px 60px -18px #0f172a2e,0 2px 8px -2px #0f172a14}.c4-glass:before{content:"";z-index:-1;border-radius:inherit;padding:var(--c4-glass-rim,14px);pointer-events:none;-webkit-backdrop-filter:url(#c4-glass-refraction);-webkit-mask-composite:xor;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.c4-glass:after{content:"";z-index:-1;border-radius:inherit;pointer-events:none;background:linear-gradient(#ffffff80 0%,#fff0 38%),radial-gradient(120% 90% at 14% -12%,#ffffff8c,#0000 58%);position:absolute;inset:0}.c4-glass[data-variant=bar]{--c4-glass-radius:2rem;--c4-glass-blur:22px;--c4-glass-rim:12px}.c4-glass[data-variant=panel]{--c4-glass-radius:2rem;--c4-glass-blur:20px;--c4-glass-rim:16px}.c4-glass[data-variant=card]{--c4-glass-radius:1.5rem;--c4-glass-blur:14px;--c4-glass-rim:10px;box-shadow:inset 0 1px #ffffffd9,0 12px 32px -14px #0f172a24}.c4-glass[data-variant=modal]{--c4-glass-radius:2rem;--c4-glass-blur:32px;--c4-glass-rim:18px;background:linear-gradient(135deg,#ffffffdb,#ffffffb3)}.c4-ambient{background-color:#fafafa;background-color:lab(98.26% 0 0);position:relative}.c4-ambient:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(42rem 32rem at 12% -6%,#2563eb24,#0000 62%),radial-gradient(34rem 30rem at 92% 8%,#2563eb17,#0000 60%),radial-gradient(40rem 34rem at 74% 96%,#0f172a12,#0000 62%);position:fixed;inset:0}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.c4-glass{background:#fffffff7}}@media (prefers-reduced-transparency:reduce){.c4-glass{-webkit-backdrop-filter:none;background:#fff;border-color:#e4e4e7;border-color:lab(90.6853% .399232 -1.45452)}.c4-glass:before,.c4-glass:after,.c4-ambient:before{display:none}}@media (max-width:767px){.c4-glass{--c4-glass-blur:12px}.c4-glass:before{display:none}}