.glass{background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:16px;box-shadow:0 8px 32px #1f26871a,inset 0 1px 1px #ffffff4d}.glass-strong{background:#ffffff26;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3)}.glass-subtle{background:#ffffff0d;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.1)}.glass-dark{background:#0000001a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0003,inset 0 1px 1px #ffffff1a}.glass-card{position:relative;background:linear-gradient(135deg,#ffffff26,#ffffff0d);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border-radius:20px;border:1px solid rgba(255,255,255,.2);padding:2rem;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 32px #1f268726,inset 0 1px 1px #fff6,inset 0 -1px 1px #0000000d}.glass-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);opacity:.8}.glass-card:after{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(135deg,#17a2b866,#ff6b6b66);border-radius:20px;opacity:0;z-index:-1;transition:opacity .4s ease;filter:blur(10px)}.glass-card:hover:after{opacity:1}.glass-card:hover{transform:translateY(-4px);border-color:#17a2b866;box-shadow:0 20px 60px #17a2b840,inset 0 1px 1px #ffffff80}.glass-teal{background:linear-gradient(135deg,#17a2b833,#17a2b80d);border-color:#17a2b84d}.glass-coral{background:linear-gradient(135deg,#ff6b6b33,#ff6b6b0d);border-color:#ff6b6b4d}.glass-glow-border{position:relative;background:#ffffff1a;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border-radius:20px;overflow:hidden}.glass-glow-border:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,#17a2b8,#ff6b6b,#8a8496,#17a2b8);background-size:400% 400%;border-radius:20px;z-index:-1;animation:glow-rotate 8s ease infinite;filter:blur(8px)}@keyframes glow-rotate{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.glass-frosted{background:#ffffff1f;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #1f268726,inset 0 0 100px #ffffff0d}.glass-frosted:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.05'/%3E%3C/svg%3E");pointer-events:none;opacity:.5;mix-blend-mode:overlay}.glass-neomorph{background:linear-gradient(145deg,#ffffff26,#ffffff0d);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:20px;border:1px solid rgba(255,255,255,.2);box-shadow:8px 8px 16px #0000001a,-8px -8px 16px #ffffff1a,inset 1px 1px 2px #ffffff4d,inset -1px -1px 2px #0000000d}.glass-neomorph:hover{box-shadow:12px 12px 24px #0000001f,-12px -12px 24px #ffffff1f,inset 1px 1px 2px #fff6,inset -1px -1px 2px #00000014}.glass-liquid{position:relative;background:#ffffff1a;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border-radius:30% 70% 70% 30%/30% 30% 70% 70%;border:1px solid rgba(255,255,255,.2);animation:liquid-morph 10s ease-in-out infinite}@keyframes liquid-morph{0%,to{border-radius:30% 70% 70% 30%/30% 30% 70% 70%}25%{border-radius:58% 42% 75% 25%/76% 46% 54% 24%}50%{border-radius:50% 50% 33% 67%/55% 27% 73% 45%}75%{border-radius:33% 67% 58% 42%/63% 68% 32% 37%}}.glass-layers{position:relative}.glass-layers:before,.glass-layers:after{content:"";position:absolute;border-radius:inherit;pointer-events:none}.glass-layers:before{top:8px;left:8px;right:8px;bottom:8px;background:#ffffff0d;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.1);z-index:-1}.glass-layers:after{top:16px;left:16px;right:16px;bottom:16px;background:#ffffff08;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);border:1px solid rgba(255,255,255,.05);z-index:-2}.glass-shine{position:relative;overflow:hidden}.glass-shine:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1),transparent);transform:translate(-100%) translateY(-100%) rotate(45deg);transition:transform .6s ease}.glass-shine:hover:before{transform:translate(100%) translateY(100%) rotate(45deg)}@supports not (backdrop-filter: blur(10px)){.glass,.glass-card,.glass-strong,.glass-subtle,.glass-dark{background:#ffffffe6}}@media (prefers-reduced-motion: reduce){.glass-liquid,.glass-glow-border:before{animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/glassmorphism.css.map */