:root{--animation-duration-fast: .3s;--animation-duration-medium: .6s;--animation-duration-slow: 1s;--animation-duration-xslow: 1.5s;--easing-smooth: cubic-bezier(.4, 0, .2, 1);--easing-bounce: cubic-bezier(.68, -.55, .265, 1.55);--easing-elastic: cubic-bezier(.68, -.6, .32, 1.6);--easing-expo: cubic-bezier(.16, 1, .3, 1)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes revealText{0%{clip-path:polygon(0 0,0 0,0 100%,0 100%)}to{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}}@keyframes typewriter{0%{width:0;opacity:0}1%{opacity:1}to{width:100%;opacity:1}}@keyframes charReveal{0%{opacity:0;transform:translateY(100%) rotateX(-90deg);filter:blur(10px)}to{opacity:1;transform:translateY(0) rotateX(0);filter:blur(0)}}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes float{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-20px) rotate(2deg)}66%{transform:translateY(10px) rotate(-1deg)}}@keyframes pulsate{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.9}}@keyframes morph{0%,to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}50%{border-radius:30% 60% 70% 40%/50% 60% 30%}}@keyframes kenBurns{0%{transform:scale(1) translate(0)}to{transform:scale(1.15) translate(-2%)}}@keyframes parallaxDrift{0%,to{transform:translate(0) translateY(0)}25%{transform:translate(10px) translateY(-5px)}50%{transform:translate(-5px) translateY(10px)}75%{transform:translate(5px) translateY(5px)}}.animate-fade-in{opacity:0;transition:opacity var(--animation-duration-medium) var(--easing-smooth)}.animate-fade-in.in-view{opacity:1}.animate-fade-up{opacity:0;transform:translateY(40px);transition:all var(--animation-duration-medium) var(--easing-expo)}.animate-fade-up.in-view{opacity:1;transform:translateY(0)}.animate-scale-in{opacity:0;transform:scale(.8);transition:all var(--animation-duration-medium) var(--easing-elastic)}.animate-scale-in.in-view{opacity:1;transform:scale(1)}.animate-rotate-in{opacity:0;transform:rotate(-10deg) scale(.9);transition:all var(--animation-duration-slow) var(--easing-smooth)}.animate-rotate-in.in-view{opacity:1;transform:rotate(0) scale(1)}.animate-stagger-children>*{opacity:0;transform:translateY(30px);transition:all var(--animation-duration-medium) var(--easing-expo)}.animate-stagger-children.in-view>*{opacity:1;transform:translateY(0)}.animate-stagger-children.in-view>*:nth-child(1){transition-delay:.05s}.animate-stagger-children.in-view>*:nth-child(2){transition-delay:.1s}.animate-stagger-children.in-view>*:nth-child(3){transition-delay:.15s}.animate-stagger-children.in-view>*:nth-child(4){transition-delay:.2s}.animate-stagger-children.in-view>*:nth-child(5){transition-delay:.25s}.animate-stagger-children.in-view>*:nth-child(6){transition-delay:.3s}.parallax-container{position:relative;overflow:hidden}.parallax-element{will-change:transform;transition:transform .6s cubic-bezier(.22,.61,.36,1)}.parallax-slow{--parallax-speed: .5}.parallax-medium{--parallax-speed: .7}.parallax-fast{--parallax-speed: 1.2}.card-3d{transform-style:preserve-3d;transition:transform var(--animation-duration-medium) var(--easing-smooth);will-change:transform}.card-3d:hover{transform:rotateX(10deg) rotateY(10deg) translateZ(10px)}.card-3d-wrapper{perspective:1000px}.tilt-effect{transition:all var(--animation-duration-fast) var(--easing-smooth);transform-style:preserve-3d}.tilt-effect:hover{transform:perspective(1000px) rotateX(var(--tilt-x, 0)) rotateY(var(--tilt-y, 0))}.hover-magnetic{transition:transform var(--animation-duration-fast) var(--easing-smooth)}.hover-glow{position:relative;transition:all var(--animation-duration-fast) var(--easing-smooth)}.hover-glow:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;background:linear-gradient(45deg,var(--color-primary),#D7FF01,var(--color-primary-light));border-radius:inherit;opacity:0;filter:blur(20px);transition:opacity var(--animation-duration-fast) var(--easing-smooth);z-index:-1}.hover-glow:hover:before{opacity:.7}.hover-underline-draw{position:relative;text-decoration:none}.hover-underline-draw:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:2px;background:linear-gradient(90deg,var(--color-primary),#D7FF01);transform:scaleX(0);transform-origin:left;transition:transform var(--animation-duration-fast) var(--easing-expo)}.hover-underline-draw:hover:after{transform:scaleX(1)}.split-text{overflow:hidden;display:inline-block}.split-text .char{display:inline-block;opacity:0;transform:translateY(100%);animation:charReveal .6s var(--easing-expo) forwards}.split-text .char:nth-child(1){animation-delay:.02s}.split-text .char:nth-child(2){animation-delay:.04s}.split-text .char:nth-child(3){animation-delay:.06s}.split-text .char:nth-child(4){animation-delay:.08s}.split-text .char:nth-child(5){animation-delay:.1s}.split-text .char:nth-child(6){animation-delay:.12s}.split-text .char:nth-child(7){animation-delay:.14s}.split-text .char:nth-child(8){animation-delay:.16s}.split-text .char:nth-child(9){animation-delay:.18s}.split-text .char:nth-child(10){animation-delay:.2s}.skeleton-loader{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.spinner{width:40px;height:40px;border:3px solid rgba(215,255,1,.1);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.gradient-mesh{background:linear-gradient(45deg,var(--color-primary),var(--color-primary-light),#D7FF01);background-size:300% 300%;animation:gradientShift 15s ease infinite}.floating-shape{position:absolute;opacity:.1;animation:float 20s ease-in-out infinite}.floating-shape:nth-child(odd){animation-duration:25s;animation-direction:reverse}.glass-morphism{background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #1f268726}.image-reveal{position:relative;overflow:hidden}.image-reveal:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--color-primary);transition:left .8s var(--easing-expo);z-index:2}.image-reveal.revealed:before{left:100%}.image-reveal img{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.2);transition:transform 1.2s var(--easing-expo)}.image-reveal.revealed img{transform:scale(1)}.hover-zoom{overflow:hidden}.hover-zoom img{transition:transform var(--animation-duration-slow) var(--easing-smooth);will-change:transform}.hover-zoom:hover img{transform:scale(1.1)}.shoobie-header{transition:all .3s cubic-bezier(.4,0,.2,1);will-change:transform,background-color,box-shadow}.shoobie-header.header-scrolled{background:#f9f8f4f2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.shoobie-header.header-shadow{box-shadow:0 2px 20px #0000001a}.shoobie-header.header-hidden{transform:translateY(-100%)}.header-scrolled .header-container{padding:1rem 2rem}.header-scrolled .logo-image{max-height:40px;transition:all .3s ease}.scroll-progress{position:fixed;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-primary),#D7FF01);transform-origin:left;transform:scaleX(0);transition:transform .1s ease;z-index:9999}.will-change-transform{will-change:transform}.will-change-opacity{will-change:opacity}.hardware-accelerate{transform:translateZ(0);backface-visibility:hidden}.smooth-scroll{scroll-behavior:smooth}@media (max-width: 768px){.mobile-no-animate{animation:none!important;transition:none!important}.parallax-element{transform:none!important}.card-3d:hover{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/modern-animations.css.map */
