:root{--glass-bg-light: rgba(255, 255, 255, .15);--glass-bg-medium: rgba(255, 255, 255, .25);--glass-bg-dark: rgba(255, 255, 255, .35);--glass-bg-overlay: rgba(255, 255, 255, .1);--glass-bg-dark-mode: rgba(0, 0, 0, .2);--glass-bg-dark-mode-medium: rgba(0, 0, 0, .3);--glass-border-light: rgba(255, 255, 255, .2);--glass-border-medium: rgba(255, 255, 255, .3);--glass-border-dark: rgba(255, 255, 255, .4);--glass-border-dark-mode: rgba(255, 255, 255, .1);--glass-shadow-sm: 0 4px 16px rgba(0, 0, 0, .08), 0 2px 8px rgba(0, 0, 0, .04);--glass-shadow-md: 0 8px 32px rgba(0, 0, 0, .12), 0 4px 16px rgba(0, 0, 0, .06);--glass-shadow-lg: 0 12px 48px rgba(0, 0, 0, .16), 0 6px 24px rgba(0, 0, 0, .08);--glass-shadow-xl: 0 20px 64px rgba(0, 0, 0, .2), 0 8px 32px rgba(0, 0, 0, .1);--glass-shadow-glow: 0 0 0 1px rgba(255, 255, 255, .1), 0 8px 32px rgba(0, 0, 0, .12), 0 0 40px rgba(255, 255, 255, .1);--glass-blur-sm: blur(20px);--glass-blur-md: blur(40px);--glass-blur-lg: blur(60px);--glass-blur-xl: blur(80px);--glass-blur-sm-webkit: -webkit-backdrop-filter: blur(20px);--glass-blur-md-webkit: -webkit-backdrop-filter: blur(40px);--glass-blur-lg-webkit: -webkit-backdrop-filter: blur(60px);--glass-blur-xl-webkit: -webkit-backdrop-filter: blur(80px);--glass-radius-sm: 8px;--glass-radius-md: 12px;--glass-radius-lg: 16px;--glass-radius-xl: 20px;--glass-radius-2xl: 24px;--glass-radius-full: 9999px;--glass-transition: all .3s cubic-bezier(.4, 0, .2, 1);--glass-transition-fast: all .2s cubic-bezier(.4, 0, .2, 1);--glass-transition-slow: all .5s cubic-bezier(.4, 0, .2, 1);--glass-transition-bounce: all .4s cubic-bezier(.68, -.55, .265, 1.55);--glass-text-shadow-sm: 0 1px 2px rgba(0, 0, 0, .1);--glass-text-shadow-md: 0 2px 4px rgba(0, 0, 0, .15);--glass-text-shadow-lg: 0 4px 8px rgba(0, 0, 0, .2)}.glass{background:var(--glass-bg-medium);backdrop-filter:var(--glass-blur-md);-webkit-backdrop-filter:var(--glass-blur-md);border:1px solid var(--glass-border-light);border-radius:var(--glass-radius-md);box-shadow:var(--glass-shadow-md);transition:var(--glass-transition)}.glass-light{background:var(--glass-bg-light);backdrop-filter:var(--glass-blur-lg);-webkit-backdrop-filter:var(--glass-blur-lg);border:1px solid var(--glass-border-light);border-radius:var(--glass-radius-md);box-shadow:var(--glass-shadow-sm)}.glass-dark{background:var(--glass-bg-dark);backdrop-filter:var(--glass-blur-md);-webkit-backdrop-filter:var(--glass-blur-md);border:1px solid var(--glass-border-medium);border-radius:var(--glass-radius-md);box-shadow:var(--glass-shadow-lg)}.glass-hover{background:var(--glass-bg-medium);backdrop-filter:var(--glass-blur-md);-webkit-backdrop-filter:var(--glass-blur-md);border:1px solid var(--glass-border-light);border-radius:var(--glass-radius-md);box-shadow:var(--glass-shadow-md);transition:var(--glass-transition);cursor:pointer}.glass-hover:hover{background:var(--glass-bg-dark);border-color:var(--glass-border-medium);box-shadow:var(--glass-shadow-lg);transform:translateY(-2px)}.glass-hover:active{transform:translateY(0);box-shadow:var(--glass-shadow-md)}.glass-overlay{background:var(--glass-bg-overlay);backdrop-filter:var(--glass-blur-xl);-webkit-backdrop-filter:var(--glass-blur-xl);border:none;box-shadow:none}.glass-glow{background:var(--glass-bg-medium);backdrop-filter:var(--glass-blur-md);-webkit-backdrop-filter:var(--glass-blur-md);border:1px solid var(--glass-border-light);border-radius:var(--glass-radius-md);box-shadow:var(--glass-shadow-glow);transition:var(--glass-transition)}.glass-glow:hover{box-shadow:0 0 0 1px #fff3,0 12px 48px #00000029,0 0 60px #ffffff26}.glass-sm{border-radius:var(--glass-radius-sm);backdrop-filter:var(--glass-blur-sm);-webkit-backdrop-filter:var(--glass-blur-sm)}.glass-md{border-radius:var(--glass-radius-md);backdrop-filter:var(--glass-blur-md);-webkit-backdrop-filter:var(--glass-blur-md)}.glass-lg{border-radius:var(--glass-radius-lg);backdrop-filter:var(--glass-blur-lg);-webkit-backdrop-filter:var(--glass-blur-lg)}.glass-xl{border-radius:var(--glass-radius-xl);backdrop-filter:var(--glass-blur-xl);-webkit-backdrop-filter:var(--glass-blur-xl)}.glass-full{border-radius:var(--glass-radius-full)}.color-scheme-dark .glass,.color-scheme-dark .glass-light,.color-scheme-dark .glass-dark{background:var(--glass-bg-dark-mode);border-color:var(--glass-border-dark-mode)}.color-scheme-dark .glass-dark,.color-scheme-dark .glass-hover:hover{background:var(--glass-bg-dark-mode-medium)}@keyframes glassFadeIn{0%{opacity:0;transform:translateY(10px);backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px)}to{opacity:1;transform:translateY(0);backdrop-filter:var(--glass-blur-md);-webkit-backdrop-filter:var(--glass-blur-md)}}@keyframes glassShimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.glass-animate{animation:glassFadeIn .5s cubic-bezier(.4,0,.2,1)}.glass-shimmer{background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);background-size:1000px 100%;animation:glassShimmer 2s infinite}.glass:focus,.glass:focus-visible{outline:none;box-shadow:var(--glass-shadow-lg),0 0 0 3px #ffffff4d}.glass-hover:focus,.glass-hover:focus-visible{outline:none;box-shadow:var(--glass-shadow-lg),0 0 0 3px #ffffff4d;transform:translateY(-2px)}.glass,.glass-light,.glass-dark,.glass-hover,.glass-overlay,.glass-glow{will-change:transform,box-shadow,background;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-reduced-motion: reduce){.glass,.glass-light,.glass-dark,.glass-hover,.glass-overlay,.glass-glow{transition:none;animation:none}}@supports not (backdrop-filter: blur(20px)){.glass,.glass-light,.glass-dark,.glass-hover,.glass-overlay,.glass-glow{background:#ffffffe6;border:1px solid rgba(0,0,0,.1)}.color-scheme-dark .glass,.color-scheme-dark .glass-light,.color-scheme-dark .glass-dark{background:#000c;border:1px solid rgba(255,255,255,.1)}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/apple-liquid-glass.css.map */