.lg-surface{position:relative;background:rgba(var(--gsc-foreground-color),.55);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(var(--gsc-foreground-color),.18);box-shadow:0 1px 2px rgba(var(--gsc-text-color),.04),0 8px 32px rgba(var(--gsc-text-color),.08),inset 0 1px #ffffff73;transition:background .3s ease,border-color .3s ease,box-shadow .3s ease}.lg-surface--interactive:hover{background:rgba(var(--gsc-foreground-color),.72);box-shadow:0 2px 4px rgba(var(--gsc-text-color),.06),0 12px 40px rgba(var(--gsc-text-color),.12),inset 0 1px #ffffff8c}.lg-surface--heavy{-webkit-backdrop-filter:blur(28px) saturate(200%);backdrop-filter:blur(28px) saturate(200%);background:rgba(var(--gsc-foreground-color),.7)}.lg-surface--soft{background:rgba(var(--gsc-foreground-color),.4);-webkit-backdrop-filter:blur(14px) saturate(160%);backdrop-filter:blur(14px) saturate(160%);border-color:rgba(var(--gsc-foreground-color),.12)}@media(prefers-color-scheme:dark){.lg-surface{box-shadow:0 1px 2px #00000040,0 8px 32px #00000059,inset 0 1px #ffffff1a}}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.lg-surface,.lg-surface--heavy,.lg-surface--soft{background:rgb(var(--gsc-foreground-color))}}@media(prefers-reduced-motion:reduce){.lg-surface{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/33/assets/liquid-glass.css.map */