:root{--swatch-ease-smooth: cubic-bezier(.16, 1, .3, 1);--swatch-ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--swatch-ease-elastic: cubic-bezier(.68, -.55, .265, 1.55);--swatch-ease-snap: cubic-bezier(.23, 1, .32, 1);--swatch-ease-in-out: cubic-bezier(.65, 0, .35, 1);--swatch-duration-instant: .1s;--swatch-duration-fast: .2s;--swatch-duration-normal: .4s;--swatch-duration-slow: .6s;--swatch-duration-slower: .8s;--swatch-duration-slowest: 1.2s;--swatch-stagger-xs: .03s;--swatch-stagger-sm: .05s;--swatch-stagger-md: .08s;--swatch-stagger-lg: .12s;--swatch-shadow-subtle: 0 2px 8px rgba(0, 0, 0, .06);--swatch-shadow-medium: 0 8px 24px rgba(0, 0, 0, .1);--swatch-shadow-elevated: 0 16px 48px rgba(0, 0, 0, .15);--swatch-shadow-floating: 0 30px 60px rgba(0, 0, 0, .2);--swatch-shadow-accent: 0 12px 32px rgba(147, 18, 35, .25);--swatch-lift-sm: -4px;--swatch-lift-md: -8px;--swatch-lift-lg: -12px;--swatch-scale-hover: 1.02;--swatch-scale-active: .98}.swatch-btn-fill{position:relative;overflow:hidden;z-index:1;transition:color var(--swatch-duration-normal) var(--swatch-ease-smooth)}.swatch-btn-fill:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--premium-accent, #931223);transform:scaleX(0);transform-origin:left center;transition:transform var(--swatch-duration-normal) var(--swatch-ease-smooth);z-index:-1}.swatch-btn-fill:hover:before{transform:scaleX(1)}.swatch-btn-fill:hover{color:#fff}.swatch-btn-fill-up{position:relative;overflow:hidden;z-index:1;transition:color var(--swatch-duration-normal) var(--swatch-ease-smooth)}.swatch-btn-fill-up:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--premium-accent, #931223);transform:scaleY(0);transform-origin:bottom center;transition:transform var(--swatch-duration-normal) var(--swatch-ease-smooth);z-index:-1}.swatch-btn-fill-up:hover:before{transform:scaleY(1)}.swatch-btn-fill-up:hover{color:#fff}.swatch-btn-shine{position:relative;overflow:hidden}.swatch-btn-shine:after{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transform:skew(-25deg);transition:left var(--swatch-duration-slow) var(--swatch-ease-smooth)}.swatch-btn-shine:hover:after{left:150%}.swatch-btn-arrow{display:inline-flex;align-items:center;gap:.5rem}.swatch-btn-arrow svg,.swatch-btn-arrow .btn-arrow{transition:transform var(--swatch-duration-normal) var(--swatch-ease-bounce)}.swatch-btn-arrow:hover svg,.swatch-btn-arrow:hover .btn-arrow{transform:translate(4px)}.swatch-link-underline{position:relative;text-decoration:none}.swatch-link-underline:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right center;transition:transform var(--swatch-duration-normal) var(--swatch-ease-smooth)}.swatch-link-underline:hover:after{transform:scaleX(1);transform-origin:left center}.swatch-img-zoom{overflow:hidden}.swatch-img-zoom img,.swatch-img-zoom .swatch-img-zoom__media{transition:transform var(--swatch-duration-slow) var(--swatch-ease-smooth);will-change:transform}.swatch-img-zoom:hover img,.swatch-img-zoom:hover .swatch-img-zoom__media{transform:scale(1.08)}.swatch-img-reveal{position:relative;overflow:hidden}.swatch-img-reveal:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.6) 0%,transparent 50%);opacity:0;transition:opacity var(--swatch-duration-normal) var(--swatch-ease-smooth)}.swatch-img-reveal:hover:after{opacity:1}.swatch-img-reveal img{transition:transform var(--swatch-duration-slow) var(--swatch-ease-smooth)}.swatch-img-reveal:hover img{transform:scale(1.05)}.swatch-img-kenburns{overflow:hidden}.swatch-img-kenburns img{animation:swatchKenBurns 20s ease-in-out infinite alternate}@keyframes swatchKenBurns{0%{transform:scale(1) translate(0)}to{transform:scale(1.1) translate(-2%,-2%)}}.swatch-card-lift{transition:transform var(--swatch-duration-normal) var(--swatch-ease-smooth),box-shadow var(--swatch-duration-normal) var(--swatch-ease-smooth)}.swatch-card-lift:hover{transform:translateY(var(--swatch-lift-sm));box-shadow:var(--swatch-shadow-elevated)}.swatch-card-tilt{transition:transform var(--swatch-duration-normal) var(--swatch-ease-smooth);transform-style:preserve-3d;perspective:1000px}.swatch-card-tilt:hover{transform:perspective(1000px) rotateX(2deg) rotateY(-2deg) translateY(-4px)}.swatch-card-border{position:relative}.swatch-card-border:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid var(--premium-accent, #931223);opacity:0;transform:scale(.95);transition:opacity var(--swatch-duration-normal) var(--swatch-ease-smooth),transform var(--swatch-duration-normal) var(--swatch-ease-smooth);pointer-events:none}.swatch-card-border:hover:before{opacity:1;transform:scale(1)}.swatch-fade-up{opacity:0;transform:translateY(30px);transition:opacity var(--swatch-duration-slow) var(--swatch-ease-smooth),transform var(--swatch-duration-slow) var(--swatch-ease-smooth)}.swatch-fade-up.is-visible{opacity:1;transform:translateY(0)}.swatch-fade-scale{opacity:0;transform:scale(.95);transition:opacity var(--swatch-duration-slow) var(--swatch-ease-smooth),transform var(--swatch-duration-slow) var(--swatch-ease-smooth)}.swatch-fade-scale.is-visible{opacity:1;transform:scale(1)}.swatch-slide-left{opacity:0;transform:translate(-40px);transition:opacity var(--swatch-duration-slow) var(--swatch-ease-smooth),transform var(--swatch-duration-slow) var(--swatch-ease-smooth)}.swatch-slide-left.is-visible{opacity:1;transform:translate(0)}.swatch-slide-right{opacity:0;transform:translate(40px);transition:opacity var(--swatch-duration-slow) var(--swatch-ease-smooth),transform var(--swatch-duration-slow) var(--swatch-ease-smooth)}.swatch-slide-right.is-visible{opacity:1;transform:translate(0)}.swatch-text-reveal{overflow:hidden}.swatch-text-reveal span{display:inline-block;transform:translateY(100%);transition:transform var(--swatch-duration-normal) var(--swatch-ease-smooth)}.swatch-text-reveal.is-visible span{transform:translateY(0)}.swatch-stagger>*:nth-child(1){transition-delay:calc(var(--swatch-stagger-sm) * 0)}.swatch-stagger>*:nth-child(2){transition-delay:calc(var(--swatch-stagger-sm) * 1)}.swatch-stagger>*:nth-child(3){transition-delay:calc(var(--swatch-stagger-sm) * 2)}.swatch-stagger>*:nth-child(4){transition-delay:calc(var(--swatch-stagger-sm) * 3)}.swatch-stagger>*:nth-child(5){transition-delay:calc(var(--swatch-stagger-sm) * 4)}.swatch-stagger>*:nth-child(6){transition-delay:calc(var(--swatch-stagger-sm) * 5)}.swatch-stagger>*:nth-child(7){transition-delay:calc(var(--swatch-stagger-sm) * 6)}.swatch-stagger>*:nth-child(8){transition-delay:calc(var(--swatch-stagger-sm) * 7)}.swatch-stagger>*:nth-child(9){transition-delay:calc(var(--swatch-stagger-sm) * 8)}.swatch-stagger>*:nth-child(10){transition-delay:calc(var(--swatch-stagger-sm) * 9)}.swatch-stagger>*:nth-child(11){transition-delay:calc(var(--swatch-stagger-sm) * 10)}.swatch-stagger>*:nth-child(12){transition-delay:calc(var(--swatch-stagger-sm) * 11)}.swatch-skeleton{position:relative;overflow:hidden;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:swatchShimmer 1.5s infinite}@keyframes swatchShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.swatch-pulse{animation:swatchPulse 2s ease-in-out infinite}@keyframes swatchPulse{0%,to{opacity:1}50%{opacity:.5}}.swatch-spin{animation:swatchSpin 1s linear infinite}@keyframes swatchSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.swatch-focus-ring{outline:none;transition:box-shadow var(--swatch-duration-fast) var(--swatch-ease-smooth)}.swatch-focus-ring:focus-visible{box-shadow:0 0 0 3px #93122366}.swatch-scroll-indicator{display:flex;flex-direction:column;align-items:center;gap:.5rem}.swatch-scroll-indicator__mouse{width:24px;height:40px;border:2px solid currentColor;border-radius:12px;position:relative}.swatch-scroll-indicator__wheel{position:absolute;top:8px;left:50%;width:4px;height:8px;background:currentColor;border-radius:2px;transform:translate(-50%);animation:swatchScrollWheel 1.5s ease-in-out infinite}@keyframes swatchScrollWheel{0%,to{opacity:1;transform:translate(-50%) translateY(0)}50%{opacity:.3;transform:translate(-50%) translateY(8px)}}.swatch-scroll-indicator__arrow{animation:swatchScrollArrow 1.5s ease-in-out infinite}@keyframes swatchScrollArrow{0%,to{transform:translateY(0);opacity:1}50%{transform:translateY(6px);opacity:.5}}.swatch-page-enter{opacity:0;transform:translateY(20px)}.swatch-page-enter-active{opacity:1;transform:translateY(0);transition:opacity var(--swatch-duration-slow) var(--swatch-ease-smooth),transform var(--swatch-duration-slow) var(--swatch-ease-smooth)}.swatch-page-exit{opacity:1}.swatch-page-exit-active{opacity:0;transition:opacity var(--swatch-duration-normal) var(--swatch-ease-smooth)}.swatch-ribbon{position:absolute;background:var(--premium-accent, #931223);color:#fff;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;padding:.5rem 2rem;z-index:10}.swatch-ribbon--top-left{top:20px;left:-35px;transform:rotate(-45deg)}.swatch-ribbon--top-right{top:20px;right:-35px;transform:rotate(45deg)}.swatch-ribbon--animated{animation:swatchRibbonPulse 3s ease-in-out infinite}@keyframes swatchRibbonPulse{0%,to{box-shadow:0 4px 12px #93122366}50%{box-shadow:0 4px 20px #93122399}}.swatch-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:var(--premium-accent, #931223);color:#fff;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;border-radius:2px}.swatch-badge--new{animation:swatchBadgeBounce 2s ease-in-out infinite}@keyframes swatchBadgeBounce{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.swatch-checkbox-tick{stroke-dasharray:20;stroke-dashoffset:20;transition:stroke-dashoffset var(--swatch-duration-normal) var(--swatch-ease-bounce)}input:checked+.swatch-checkbox .swatch-checkbox-tick{stroke-dashoffset:0}.swatch-toggle{width:48px;height:28px;background:#e0e0e0;border-radius:14px;position:relative;cursor:pointer;transition:background var(--swatch-duration-normal) var(--swatch-ease-smooth)}.swatch-toggle:after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;background:#fff;border-radius:50%;box-shadow:0 2px 4px #0003;transition:transform var(--swatch-duration-normal) var(--swatch-ease-bounce)}.swatch-toggle.is-active{background:var(--premium-accent, #931223)}.swatch-toggle.is-active:after{transform:translate(20px)}.swatch-heart{cursor:pointer;transition:transform var(--swatch-duration-fast) var(--swatch-ease-bounce)}.swatch-heart:hover{transform:scale(1.1)}.swatch-heart.is-active{animation:swatchHeartPop .4s var(--swatch-ease-bounce)}@keyframes swatchHeartPop{0%{transform:scale(1)}25%{transform:scale(1.3)}50%{transform:scale(.9)}to{transform:scale(1)}}.swatch-cart-success{animation:swatchCartSuccess .6s var(--swatch-ease-bounce)}@keyframes swatchCartSuccess{0%{transform:scale(1)}30%{transform:scale(1.1)}60%{transform:scale(.95)}to{transform:scale(1)}}.swatch-parallax-container{overflow:hidden}.swatch-parallax-slow,.swatch-parallax-fast{will-change:transform}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.swatch-fade-up,.swatch-fade-scale,.swatch-slide-left,.swatch-slide-right{opacity:1;transform:none}.swatch-img-kenburns img{animation:none}}.swatch-anim-paused{animation-play-state:paused!important}.swatch-anim-running{animation-play-state:running!important}.swatch-will-transform{will-change:transform}.swatch-will-opacity{will-change:opacity}.swatch-will-all{will-change:transform,opacity}.swatch-gpu{transform:translateZ(0);backface-visibility:hidden}.swatch-smooth-scroll{scroll-behavior:smooth}.swatch-invisible{visibility:hidden}.swatch-invisible.is-ready{visibility:visible}
/*# sourceMappingURL=/cdn/shop/t/199/assets/swatch-animations.css.map */