.configurator-container{align-self:stretch;display:flex;width:100%;flex:1 1;position:relative;animation:fadeInSlide .8s cubic-bezier(.25,.46,.45,.94) forwards;opacity:0}.configurator-steps-wrapper{display:flex;gap:16px;flex:1 1;align-items:flex-start}@media(max-width:1340px){.configurator-steps-wrapper{flex-direction:column;width:100%}}.configurator-steps{width:100%;flex:1 1;border-radius:64px;border:1px solid rgba(0,0,0,.1);overflow:hidden;background:#fff;position:relative;min-height:600px;transition:background .3s ease,color .3s ease}.configurator-steps .error-container,.configurator-steps .loading-container{display:flex;justify-content:center;align-items:center;height:600px}.configurator-steps .error-container p,.configurator-steps .loading-container p{color:#8d8d8d;font-size:16px}.configurator-steps .step-container{display:flex;width:100%;height:100%;justify-content:center;align-items:center;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1)}.configurator-steps .step-container.hidden{display:none}.configurator-steps .step-container.visible{animation:slideInFromTop .3s cubic-bezier(.4,0,.2,1) forwards}.configurator-steps .step-container.transitioning-out{animation:slideOutDown .3s cubic-bezier(.4,0,.2,1) forwards}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes slideOutDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100%)}}@media(max-width:1340px){.configurator-steps{width:100%;z-index:1}}.configurator-steps .configurator-dots-container{position:absolute;right:32px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:24px;z-index:10}@media(max-width:1340px){.configurator-steps .configurator-dots-container{width:100%;left:0;top:40px;justify-content:center;flex-direction:row}}.configurator-steps .configurator-dot{width:12px;height:12px;border-radius:50%;background:rgba(0,0,0,.2);cursor:pointer;transition:all .3s ease-in-out}.configurator-steps .configurator-dot.active{background:#000}.configurator-steps .configurator-dot:hover:not(.active){background:rgba(0,0,0,.4)}@media(max-width:1340px){.configurator-container{animation:fadeInSlideUp .8s cubic-bezier(.25,.46,.45,.94) forwards;transform:translateY(20px)}}