.glass{position:relative;background:radial-gradient(120% 90% at calc(var(--gx) * 100%) calc(var(--gy) * 100%),var(--glass-specular) 0%,transparent 55%),var(--glass-fill);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(1.25);backdrop-filter:blur(var(--glass-blur)) saturate(1.25);border-radius:var(--glass-radius);box-shadow:inset 0 1px 0 0 var(--glass-edge),inset 1px 0 0 0 var(--glass-edge-soft),inset -1px 0 0 0 var(--glass-edge-soft),inset 0 -1px #00000059,0 24px 60px -24px #000000a6}.glass--strong{background:radial-gradient(120% 90% at calc(var(--gx) * 100%) calc(var(--gy) * 100%),var(--glass-specular) 0%,transparent 55%),var(--glass-fill-strong)}.glass__caustic{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;overflow:hidden;pointer-events:none}.glass__caustic:before{content:"";position:absolute;top:-30%;bottom:-30%;left:calc(var(--gx) * 130% - 45%);width:34%;background:linear-gradient(100deg,transparent 0%,rgba(233,229,225,.055) 42%,rgba(168,160,157,.1) 50%,rgba(233,229,225,.055) 58%,transparent 100%);transform:skew(-12deg)}.glass--press{transition:transform var(--dur-glass) var(--ease-glass),box-shadow var(--dur-glass) var(--ease-glass);will-change:transform}.glass--press:active{transform:scale(.985)}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.glass,.glass--strong{background:#0e0e0feb}}@media(prefers-reduced-motion:reduce){.glass__caustic:before{left:32%}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/nexo-glass.css.map */