.surface-base{background:var(--background);color:var(--foreground)}.surface-brand{background:var(--brand);color:var(--brand-foreground)}.surface-secondary{background:var(--secondary);color:var(--secondary-foreground)}.surface-striking{background:var(--striking);color:var(--striking-foreground)}.surface-accent{background:var(--accent);color:var(--accent-foreground)}.surface-cta{background:var(--cta);color:var(--cta-foreground)}.text-muted{opacity:.72}.text-brand{color:var(--brand-text)}.text-secondary{color:var(--secondary-text)}.text-striking{color:var(--striking-text)}.text-accent{color:var(--accent-text)}.text-cta{color:var(--cta-text)}:is(.on-media,.on-media--veil,.on-media--glass,.on-media--soft,.on-media--shadow) :is(.text-brand,.text-secondary,.text-striking,.text-accent,.text-cta){color:var(--on-media-foreground)}:is(.on-media,.on-media--veil,.on-media--glass,.on-media--soft,.on-media--shadow) .text-muted{opacity:1;color:color-mix(in srgb,var(--on-media-foreground) 78%,var(--on-media-surface))}.on-media{--on-media-surface: var(--background);--on-media-foreground: var(--foreground);--on-media-alpha: 85%;box-sizing:border-box;padding:24px;background:color-mix(in srgb,var(--on-media-surface) var(--on-media-alpha),transparent);color:var(--on-media-foreground)}.on-media--veil,.on-media--glass,.on-media--soft,.on-media--shadow{box-sizing:border-box;padding:16px}.on-media--veil{--on-media-surface: var(--background);--on-media-foreground: var(--foreground);--on-media-alpha: 88%;--on-media-veil-stop: 72%;background:radial-gradient(ellipse at 24% 52%,color-mix(in srgb,var(--on-media-surface) var(--on-media-alpha),transparent) 0%,color-mix(in srgb,var(--on-media-surface) 64%,transparent) 42%,transparent var(--on-media-veil-stop)),linear-gradient(135deg,color-mix(in srgb,var(--on-media-surface) 76%,transparent) 0%,color-mix(in srgb,var(--on-media-surface) 44%,transparent) 38%,transparent 82%);color:var(--on-media-foreground)}.on-media--glass{--on-media-surface: var(--background);--on-media-foreground: var(--foreground);--on-media-alpha: 62%;--on-media-blur: 18px;--on-media-saturation: 150%;background:color-mix(in srgb,var(--on-media-surface) var(--on-media-alpha),transparent);background-image:linear-gradient(135deg,color-mix(in srgb,var(--on-media-foreground) 16%,transparent) 0%,transparent 46%);color:var(--on-media-foreground);border:1px solid color-mix(in srgb,var(--on-media-foreground) 18%,transparent);border-radius:var(--radius-lg);box-shadow:inset 0 1px color-mix(in srgb,var(--on-media-foreground) 18%,transparent),0 24px 64px color-mix(in srgb,var(--on-media-surface) 28%,transparent);-webkit-backdrop-filter:blur(var(--on-media-blur)) saturate(var(--on-media-saturation));backdrop-filter:blur(var(--on-media-blur)) saturate(var(--on-media-saturation))}.on-media--soft{--on-media-surface: var(--background);--on-media-foreground: var(--foreground);--on-media-alpha: 72%;background:color-mix(in srgb,var(--on-media-surface) var(--on-media-alpha),transparent);color:var(--on-media-foreground);border:1px solid color-mix(in srgb,var(--on-media-foreground) 10%,transparent);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg),0 1px color-mix(in srgb,var(--on-media-foreground) 10%,transparent)}.on-media--shadow{--on-media-surface: var(--background);--on-media-foreground: var(--foreground);background:transparent;color:var(--on-media-foreground);text-shadow:0 3px 3px color-mix(in srgb,var(--on-media-surface) 90%,transparent)}@supports (color: color-mix(in oklab,red,blue)){.section-mark{--surface-muted: color-mix(in oklab, var(--background) 93%, var(--foreground));--border: color-mix(in oklab, var(--background) 82%, var(--foreground));--brand-hover: color-mix(in oklab, var(--brand) 86%, var(--foreground));--cta-hover: color-mix(in oklab, var(--cta) 86%, var(--foreground))}}.surface-muted{background:var(--surface-muted, var(--background));color:var(--foreground)}.surface-brand:where(a,button,[role=button]):hover{background:var(--brand-hover, var(--brand))}.surface-cta:where(a,button,[role=button]):hover{background:var(--cta-hover, var(--cta))}
/*# sourceMappingURL=/cdn/shop/t/8/assets/ai-surfaces.css.map */