.glass{background:rgb(255 255 255 / var(--glass-opacity));backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid rgb(255 255 255 / .2)}.glass-dark{background:rgb(0 0 0 / var(--glass-opacity));backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid rgb(255 255 255 / .1)}.glass-subtle{background:#fff6;backdrop-filter:blur(var(--glass-blur-sm));-webkit-backdrop-filter:blur(var(--glass-blur-sm));border:1px solid rgb(255 255 255 / .15)}.glass-sm{backdrop-filter:blur(var(--glass-blur-sm));-webkit-backdrop-filter:blur(var(--glass-blur-sm))}.glass-md{backdrop-filter:blur(var(--glass-blur-md));-webkit-backdrop-filter:blur(var(--glass-blur-md))}.glass-lg{backdrop-filter:blur(var(--glass-blur-lg));-webkit-backdrop-filter:blur(var(--glass-blur-lg))}.glass-none{backdrop-filter:none;-webkit-backdrop-filter:none;background:#fff}.glass-panel{background:#ffffffd9;backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturation));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturation));border:1px solid rgb(255 255 255 / .3);box-shadow:0 8px 32px #00000014,0 2px 8px #0000000a}.glass-panel-dark{background:#0a0a0ae6;backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturation));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturation));border:1px solid rgb(255 255 255 / .1);box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff0d;color:var(--color-text-inverse)}.glass-panel-hover{transition:background var(--duration-normal) var(--ease-out),border-color var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out)}.glass-panel-hover:hover{background:#fffffff2;border-color:#fff6;box-shadow:0 12px 40px #0000001f,0 4px 12px #0000000f}.glass-card{background:#ffffffb3;backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid rgb(255 255 255 / .5);border-radius:var(--radius-xl);box-shadow:0 4px 24px #0000000f,0 1px 4px #0000000a}.glass-card-interactive{transition:transform var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out),background var(--duration-normal) var(--ease-out)}.glass-card-interactive:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0000001a,0 4px 12px #0000000f;background:#ffffffd9}.glass-button{background:#fff9;backdrop-filter:blur(var(--glass-blur-sm));-webkit-backdrop-filter:blur(var(--glass-blur-sm));border:1px solid rgb(255 255 255 / .4);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-5);font-weight:var(--font-weight-medium);transition:background var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.glass-button:hover{background:#fffc;border-color:#fff9;transform:translateY(-1px)}.glass-button:active{transform:translateY(0)}.glass-button-dark{background:#0006;border-color:#fff3;color:var(--color-text-inverse)}.glass-button-dark:hover{background:#0009;border-color:#ffffff4d}.glass-input{background:#ffffff80;backdrop-filter:blur(var(--glass-blur-sm));-webkit-backdrop-filter:blur(var(--glass-blur-sm));border:1px solid rgb(255 255 255 / .3);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);transition:background var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.glass-input:focus{background:#ffffffb3;border-color:var(--color-accent);box-shadow:0 0 0 3px rgb(var(--color-accent-rgb) / .1);outline:none}.glass-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:var(--z-overlay);opacity:0;visibility:hidden;transition:opacity var(--duration-normal) var(--ease-out),visibility var(--duration-normal) var(--ease-out)}.glass-overlay.is-active{opacity:1;visibility:visible}.glass-nav{background:#fffc;backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border-bottom:1px solid rgb(255 255 255 / .3)}.glass-header{background:#ffffffb3;backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturation));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturation));border-bottom:1px solid rgb(255 255 255 / .2)}.glass-header-dark{background:#0a0a0ad9;backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturation));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturation));border-bottom:1px solid rgb(255 255 255 / .1);color:var(--color-text-inverse)}.glass-mobile-menu{background:#fffffff2;backdrop-filter:blur(var(--glass-blur-lg));-webkit-backdrop-filter:blur(var(--glass-blur-lg))}.glass-mega-menu{background:#ffffffeb;backdrop-filter:blur(var(--glass-blur)) saturate(150%);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(150%);border:1px solid rgb(255 255 255 / .4);border-radius:var(--radius-2xl);box-shadow:0 25px 50px -12px #00000026,0 0 0 1px #0000000d}.glass-search{background:#fffffff2;backdrop-filter:blur(var(--glass-blur-lg));-webkit-backdrop-filter:blur(var(--glass-blur-lg))}.header .glass-effect{background:#fffc;backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur))}.glass-section{position:relative}.glass-section:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffff80;backdrop-filter:blur(var(--glass-blur-sm));-webkit-backdrop-filter:blur(var(--glass-blur-sm));pointer-events:none}.glass-animated{position:relative;overflow:hidden}.glass-animated:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 40%,rgb(255 255 255 / .1) 50%,transparent 60%);transform:rotate(45deg);animation:glassShine 8s ease-in-out infinite;pointer-events:none}@keyframes glassShine{0%,to{transform:translate(-100%) rotate(45deg)}50%{transform:translate(100%) rotate(45deg)}}@media(prefers-reduced-motion:reduce){.glass,.glass-panel,.glass-card,.glass-button{backdrop-filter:none;-webkit-backdrop-filter:none;transition:none}.glass-animated:after{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/premium-glass.css.map */