.sand-canvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;opacity:.8}[data-animate]{opacity:0;transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}[data-animate=fade-up]{transform:translateY(40px)}[data-animate=fade-down]{transform:translateY(-40px)}[data-animate=fade-left]{transform:translate(40px)}[data-animate=fade-right]{transform:translate(-40px)}[data-animate=scale]{transform:scale(.9)}[data-animate=rotate]{transform:rotate(-5deg) scale(.95)}[data-animate].animated{opacity:1;transform:translateY(0) translate(0) scale(1) rotate(0)}[data-slide]{opacity:0;transition:transform .1s linear,opacity .3s ease;will-change:transform,opacity}[data-slide=left]{transform:translate(100px)}[data-slide=right]{transform:translate(-100px)}[data-parallax]{will-change:transform;transition:transform .1s linear}[data-stagger]>*{opacity:0;transform:translateY(30px);transition:opacity .5s ease,transform .5s cubic-bezier(.16,1,.3,1)}[data-stagger]>*.animated{opacity:1;transform:translateY(0)}.sable-scroll-gallery{display:flex;justify-content:center;gap:24px;overflow:hidden;padding:40px 0}.sable-scroll-gallery__item{flex-shrink:0;transition:transform .1s linear;will-change:transform}.sable-hover-lift{transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s ease}.sable-hover-lift:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0000001f}.sable-hover-scale{transition:transform .4s cubic-bezier(.16,1,.3,1);overflow:hidden}.sable-hover-scale:hover{transform:scale(1.05)}.sable-hover-scale img{transition:transform .4s cubic-bezier(.16,1,.3,1)}.sable-hover-scale:hover img{transform:scale(1.1)}.sable-float{animation:sableFloat 6s ease-in-out infinite}.sable-float--delay-1{animation-delay:-2s}.sable-float--delay-2{animation-delay:-4s}@keyframes sableFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.sable-glow{position:relative}.sable-glow:after{content:"";position:absolute;top:-20px;right:-20px;bottom:-20px;left:-20px;background:radial-gradient(circle,rgba(196,176,137,.3) 0%,transparent 70%);border-radius:inherit;z-index:-1;animation:sablePulse 3s ease-in-out infinite}@keyframes sablePulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.sable-sand-trail{position:relative;overflow:visible}.sable-sand-trail:before{content:"";position:absolute;top:-50%;left:50%;width:2px;height:50%;background:linear-gradient(to bottom,transparent,var(--brand-sand, #C4B089) 50%,transparent);animation:sandFall 3s linear infinite;pointer-events:none}@keyframes sandFall{0%{transform:translateY(-100%) translate(-50%);opacity:0}20%{opacity:1}80%{opacity:1}to{transform:translateY(200%) translate(-50%);opacity:0}}.sable-btn{position:relative;overflow:hidden}.sable-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#fff3;border-radius:50%;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease}.sable-btn:hover:before{width:300px;height:300px}.spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.sable-card-enter{animation:cardEnter .6s cubic-bezier(.16,1,.3,1) forwards}@keyframes cardEnter{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.sable-shimmer{background:linear-gradient(90deg,var(--gray-100, #F0EFED) 0%,var(--gray-200, #E5E4E0) 50%,var(--gray-100, #F0EFED) 100%);background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.sable-text-reveal{overflow:hidden}.sable-text-reveal span{display:inline-block;transform:translateY(100%);animation:textReveal .8s cubic-bezier(.16,1,.3,1) forwards}@keyframes textReveal{to{transform:translateY(0)}}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOut{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}.sable-notification{animation:slideIn .3s ease-out}.sable-notification.removing{animation:slideOut .3s ease-out forwards}.sable-counter{font-variant-numeric:tabular-nums}.sable-marquee{display:flex;overflow:hidden;white-space:nowrap}.sable-marquee__content{display:flex;animation:marquee 30s linear infinite}.sable-marquee__content:hover{animation-play-state:paused}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}[data-animate],[data-slide],[data-parallax]{opacity:1!important;transform:none!important}}@media(max-width:768px){.sand-canvas{opacity:.5}[data-parallax]{transform:none!important}.sable-float{animation:none}.sable-glow:after{display:none}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/sable-animations-v3.css.map */
