@keyframes stepSlideIn{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes stepSlideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-30px)}}.configurator-step.entering{animation:stepSlideIn .5s ease-out}.configurator-step.exiting{animation:stepSlideOut .3s ease-in}@keyframes productSelect{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.product-option.selecting{animation:productSelect .4s ease-out}@keyframes pulse{0%{box-shadow:0 0 #dc3545b3}70%{box-shadow:0 0 0 10px #dc354500}to{box-shadow:0 0 #dc354500}}.product-option.required-highlight{animation:pulse 2s infinite}@keyframes colorRipple{0%{transform:scale(1);opacity:1}to{transform:scale(1.4);opacity:0}}.color-option:after{content:"";position:absolute;top:50%;left:50%;width:60px;height:60px;border-radius:50%;background:currentColor;transform:translate(-50%,-50%) scale(0);opacity:0;pointer-events:none;transition:all .3s ease}.color-option.ripple:after{animation:colorRipple .6s ease-out}@keyframes progressFill{0%{width:0%}}.progress-fill.animating{animation:progressFill .8s ease-out}.btn{position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#fff3;border-radius:50%;transform:translate(-50%,-50%);transition:width .3s ease,height .3s ease}.btn:active:before{width:300px;height:300px}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.loading-shimmer{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200px 100%;animation:shimmer 1.5s infinite}@keyframes messageSlideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes messageSlideUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}.configurator-message.entering{animation:messageSlideDown .3s ease-out}.configurator-message.exiting{animation:messageSlideUp .3s ease-in}.product-option{position:relative}.product-option:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,transparent 0%,rgba(0,123,255,.1) 100%);opacity:0;transition:opacity .3s ease;border-radius:inherit;pointer-events:none}.product-option:hover:before{opacity:1}.step-item{position:relative}.step-item:after{content:"";position:absolute;bottom:-10px;left:50%;width:0;height:3px;background:var(--configurator-primary);transform:translate(-50%);transition:width .3s ease}.step-item.active:after{width:80%}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink{50%{border-color:transparent}}.typing-effect{overflow:hidden;border-right:2px solid var(--configurator-primary);white-space:nowrap;animation:typing 2s steps(40,end),blink .75s step-end infinite}.preview-image-container{overflow:hidden}.preview-image{transition:transform .3s ease}.preview-image-container:hover .preview-image{transform:scale(1.1)}@keyframes countUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.counter-animation{animation:countUp .5s ease-out}@keyframes particle{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-50px) scale(.5)}}.particle-effect{position:absolute;width:6px;height:6px;background:var(--configurator-primary);border-radius:50%;pointer-events:none;animation:particle 1s ease-out forwards}@keyframes checkmark{0%{stroke-dashoffset:100}to{stroke-dashoffset:0}}.checkmark-animation{stroke-dasharray:100;animation:checkmark .5s ease-out forwards}.product-option:focus-visible,.color-option:focus-visible,.btn:focus-visible{outline:none;box-shadow:0 0 0 2px #fff,0 0 0 4px var(--configurator-primary),0 4px 12px #007bff4d}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.tooltip{position:absolute;background:#000000e6;color:#fff;padding:.5rem 1rem;border-radius:6px;font-size:.875rem;white-space:nowrap;z-index:1000;opacity:0;pointer-events:none;transition:opacity .3s ease}.tooltip.show{animation:tooltipFadeIn .3s ease-out forwards}.tooltip:after{content:"";position:absolute;top:100%;left:50%;border:5px solid transparent;border-top-color:#000000e6;transform:translate(-50%)}@keyframes slideDown{0%{max-height:0;opacity:0}to{max-height:500px;opacity:1}}@keyframes slideUp{0%{max-height:500px;opacity:1}to{max-height:0;opacity:0}}.panel-slide-down{animation:slideDown .4s ease-out;overflow:hidden}.panel-slide-up{animation:slideUp .4s ease-in;overflow:hidden}.icon-morph{transition:all .3s ease}.icon-morph.morphed{transform:rotate(180deg) scale(1.1)}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}.error-shake{animation:shake .5s ease-in-out}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-spinner{animation:rotate 1s linear infinite}@keyframes glow{0%,to{box-shadow:0 0 5px var(--configurator-primary)}50%{box-shadow:0 0 20px var(--configurator-primary)}}.glow-effect{animation:glow 2s ease-in-out infinite}.zoom-on-hover{overflow:hidden}.zoom-on-hover img{transition:transform .5s ease}.zoom-on-hover:hover img{transform:scale(1.2)}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.animated-gradient{background:linear-gradient(-45deg,#007bff,#28a745,#ffc107,#dc3545);background-size:400% 400%;animation:gradientShift 3s ease infinite}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (max-width: 768px){.product-option:hover{transform:none}.product-option:active{transform:scale(.98)}.btn:active{transform:scale(.95)}}@media (prefers-color-scheme: dark){.tooltip{background:#ffffffe6;color:#000}.tooltip:after{border-top-color:#ffffffe6}.loading-shimmer{background:linear-gradient(90deg,#2a2a2a 25%,#3a3a3a,#2a2a2a 75%);background-size:200px 100%}}
/*# sourceMappingURL=/cdn/shop/t/36/assets/configurator-animations.css.map */