@layer components{.depth-stage{position:relative;isolation:isolate;perspective:1400px}.depth-card{position:relative;overflow:hidden;border-radius:6px;transform-style:preserve-3d;box-shadow:0 1px 2px #1f1d1d0f,0 12px 24px -8px #1f1d1d24,0 40px 80px -24px #9b4b6447;transition:transform .7s cubic-bezier(.2,.7,.2,1),box-shadow .7s ease}.depth-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;background:linear-gradient(115deg,#ffffff38,#fff0 38%);opacity:.6;transition:opacity .7s ease}@media(hover:hover)and (pointer:fine)and (prefers-reduced-motion:no-preference){.depth-stage:hover .depth-card--tilt-left{transform:rotateY(6deg) rotateX(2deg) translateZ(0)}.depth-stage:hover .depth-card--tilt-right{transform:rotateY(-6deg) rotateX(2deg) translateZ(0)}.depth-stage:hover .depth-card{box-shadow:0 1px 2px #1f1d1d0f,0 20px 36px -10px #1f1d1d2e,0 56px 100px -28px #9b4b6457}.depth-stage:hover .depth-card:before{opacity:1}}.glass-panel{position:relative;z-index:3;border-radius:8px;border:1px solid rgb(255 255 255 / .7);background:linear-gradient(135deg,#ffffffb8,#ffffff6b);-webkit-backdrop-filter:blur(18px) saturate(140%);backdrop-filter:blur(18px) saturate(140%);box-shadow:inset 0 1px #ffffffd9,0 24px 60px -24px #1f1d1d38}.ambient-orb{position:absolute;z-index:-1;border-radius:9999px;pointer-events:none;filter:blur(60px);opacity:.55}.depth-lift{transition:transform .4s cubic-bezier(.2,.7,.2,1),box-shadow .4s ease}@media(hover:hover)and (prefers-reduced-motion:no-preference){.depth-lift:hover{transform:translateY(-4px)}.depth-lift:hover a:first-child{box-shadow:0 18px 32px -14px #1f1d1d4d}}}@media(max-width:767px),(hover:none){.ambient-orb{display:none}.depth-stage,[data-glass-stage]{background-image:radial-gradient(60% 40% at 15% 10%,rgb(155 75 100 / .16),transparent 70%),radial-gradient(55% 40% at 90% 85%,rgb(227 194 174 / .45),transparent 70%)}.depth-stage{perspective:none}.depth-card{transform:none!important;transform-style:flat;transition:none;box-shadow:0 10px 28px -12px #1f1d1d40}.depth-card:before{display:none}.glass-panel{-webkit-backdrop-filter:none;backdrop-filter:none;background:#ffffffe6;box-shadow:0 12px 30px -16px #1f1d1d38}.depth-lift,.depth-lift:hover{transform:none;transition:none}}@media(max-width:767px),(hover:none){[data-glass-stage]{background-image:radial-gradient(60% 30% at 10% 5%,rgb(155 75 100 / .18),transparent 70%),radial-gradient(55% 30% at 95% 60%,rgb(227 194 174 / .5),transparent 70%),linear-gradient(to bottom,#faf7f4,#f7efec,#f1e3e2)}}.nav-mega{position:static}.nav-mega .nav-dropdown{inset-inline:0;top:100%;padding-block-start:0;transform:translateY(-6px);transition:opacity .2s var(--ease-ui, ease),transform .25s var(--ease-ui, ease),visibility .2s}.nav-mega .nav-dropdown:before{content:"";position:absolute;inset-inline:0;bottom:100%;height:30px}.mega-panel{border-top:1px solid #EBE6E0;border-bottom:1px solid rgb(235 230 224 / .8);background:linear-gradient(180deg,#fffffff5,#faf7f4f0);-webkit-backdrop-filter:blur(20px) saturate(150%);backdrop-filter:blur(20px) saturate(150%);box-shadow:0 40px 70px -40px #1f1d1d59}@media(prefers-reduced-motion:no-preference){.mega-panel>div:first-child>[role=listitem]{opacity:0;transform:translateY(6px);transition:opacity .35s ease,transform .35s ease}.nav-mega:hover .mega-panel>div:first-child>[role=listitem],.nav-mega[data-open] .mega-panel>div:first-child>[role=listitem]{opacity:1;transform:none}.nav-mega .mega-panel>div:first-child>[role=listitem]:nth-child(2){transition-delay:.05s}.nav-mega .mega-panel>div:first-child>[role=listitem]:nth-child(3){transition-delay:.1s}}.nav-mega[data-suppress-hover]:hover .mega-panel>div:first-child>[role=listitem]{opacity:0}
/*# sourceMappingURL=/cdn/shop/t/12/assets/depth-glass.css.map */