.step-content{flex-direction:column;justify-content:center;gap:48px;width:100%;max-width:420px;display:flex}@media (max-width:1600px){.step-content{align-items:center;padding:64px 24px}}@media (max-width:1340px){.step-content{padding-top:120px;padding-bottom:120px}}.step-content.summary-step{color:var(--white-color);border-radius:64px}.step-content.summary-step .summary-title{font-size:24px;font-weight:600;line-height:24px}.step-content.summary-step .summary-description{font-size:14px;font-weight:500;line-height:16px}.step-content.summary-step .shipping-info{font-size:18px;font-weight:600;line-height:18px}.step-content.summary-step .total-price{font-size:32px;font-weight:600;line-height:32px}.step-content.summary-step .add-to-cart-btn{background:var(--white-color);color:var(--black-color);cursor:pointer;outline-offset:-1px;transition:var(--transition-hover);border:none;border-radius:64px;outline:1px solid #0000001a;padding:32px;font-size:18px;font-weight:600;line-height:18px}.step-content.summary-step .add-to-cart-btn:active{transform:scale(.85)translateZ(0)}.step-content.summary-step .add-to-cart-btn:hover{opacity:var(--opacity-hover)}.step-content .step-header .step-title{color:var(--black-color);font-size:24px;font-weight:600;line-height:24px}.step-content .step-header .step-subtitle{color:var(--text-60);font-size:24px;font-weight:600;line-height:24px}.step-content .options-list{flex-direction:column;gap:12px;width:100%;display:flex}.step-content .option-card{background:var(--white-color);border:var(--outline-params);cursor:pointer;max-height:77px;transition:var(--transition-hover);border-radius:64px;justify-content:center;align-items:center;padding:32px;display:flex}.step-content .option-card:active{transform:scale(.85)translateZ(0)}.step-content .option-card:hover{border:var(--outline-params)}.step-content .option-card.selected{border:1px solid var(--text-30)}.step-content .option-card .option-content{align-items:center;gap:12px;width:100%;display:flex}.step-content .option-card .option-info{justify-content:center;align-items:center;gap:6px;display:flex}.step-content .option-card .option-name{color:var(--black-color);font-size:18px;font-weight:600;line-height:13px}.step-content .option-card img{width:22px;height:22px}.step-content .option-card .option-price{white-space:nowrap;color:var(--text-60);font-size:14px;font-weight:500;line-height:14px}.step-content .option-card .option-checkbox{border:var(--outline-params);background:var(--light-color);width:26px;height:26px;transition:var(--transition-hover);border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.step-content .option-card .option-checkbox.checked{background:var(--black-color);border:none;border-radius:64px}.step-content .option-card .option-checkbox.checked .checkbox-dot{background:var(--white-color);border-radius:9999px;width:10px;height:10px}.step-content .option-card.color-option .color-info{align-items:center;gap:18px;display:flex}.step-content .option-card.color-option .color-swatch{border-radius:50%;width:42px;height:42px}
.configurator-container{opacity:0;flex:1;align-self:stretch;width:100%;animation:.8s cubic-bezier(.25,.46,.45,.94) forwards fadeInSlide;display:flex;position:relative}.configurator-steps-wrapper{align-items:flex-start;gap:16px;height:100%;display:flex;position:relative}@media (max-width:1340px){.configurator-steps-wrapper{flex-direction:column;width:100%}}.configurator-header{z-index:2;background:var(--white-color);height:64px;color:var(--black-color);white-space:nowrap;border-bottom-right-radius:32px;border-bottom-left-radius:32px;justify-content:center;align-items:center;gap:30px;padding:0 30px;font-size:14px;font-weight:500;display:flex;position:absolute;top:-1px;left:50%;transform:translate(-50%)}.configurator-header .element{content:"";fill:var(--white-color);will-change:transform;width:54px;height:54px;position:absolute;top:0;right:-53.2px}.configurator-header .element.bottom{left:-53.2px;right:0;transform:rotate(90deg)}.configurator-steps{width:100%;max-height:auto;background:var(--bg-color);border:var(--outline-params);transition:var(--transition-hover);border-radius:64px;flex:1;position:relative;overflow:hidden}@media (max-width:768px){.configurator-steps{background:0 0;border:none;border-radius:0}}.configurator-steps .configurator-footer{z-index:2;background:var(--white-color);height:64px;color:var(--black-color);white-space:nowrap;border-top-left-radius:32px;border-top-right-radius:32px;justify-content:center;align-items:center;gap:30px;padding:0 30px;font-size:14px;font-weight:500;display:flex;position:absolute;bottom:-1px;left:50%;transform:translate(-50%)}@media (max-width:768px){.configurator-steps .configurator-footer{border-radius:32px;margin-bottom:12px}}.configurator-steps .configurator-footer .configurator-checklist{transition:var(--transition-hover);align-items:center;gap:12px;display:flex}@media (max-width:768px){.configurator-steps .configurator-footer .configurator-checklist{width:100%}.configurator-steps .configurator-footer .configurator-checklist.hidden{display:none}}.configurator-steps .configurator-footer .configurator-checklist span{color:var(--color-60);transition:var(--transition-hover);font-size:14px;font-weight:500;line-height:10px}.configurator-steps .configurator-footer .configurator-checklist .check{outline:var(--outline-params);outline-offset:-1px;background:var(--light-color);width:26px;height:26px;transition:var(--transition-hover);border-radius:13px;justify-content:center;align-items:center;gap:10px;padding:10px;display:flex}.configurator-steps .configurator-footer .configurator-checklist .check i{color:var(--white-color);opacity:0;transition:var(--transition-hover);font-size:14px}.configurator-steps .configurator-footer .configurator-checklist.success .check{background:var(--black-color)}.configurator-steps .configurator-footer .configurator-checklist.success .check i{opacity:1}.configurator-steps .configurator-footer .configurator-checklist.success span{color:var(--black-color)}.configurator-steps .configurator-footer .element{content:"";fill:var(--white-color);will-change:transform;width:54px;height:54px;position:absolute;bottom:0;right:-53.2px;transform:rotate(-90deg)}@media (max-width:768px){.configurator-steps .configurator-footer .element{display:none}}.configurator-steps .configurator-footer .element.bottom{left:-53.2px;right:0;transform:rotate(180deg)}.configurator-steps .loading-container,.configurator-steps .error-container{flex-direction:column;justify-content:center;align-items:center;gap:16px;height:100%;display:flex}.configurator-steps .loading-container p,.configurator-steps .error-container p{color:var(--text-80);margin:0;font-size:14px;font-weight:500}.configurator-steps .step-container{width:100%;height:100%;transition:transform var(--transition-hover),opacity var(--transition-hover);border-radius:64px;justify-content:center;align-items:center;display:flex}.configurator-steps .step-container.hidden{opacity:0;display:none}.configurator-steps .step-container.visible{animation:.3s cubic-bezier(.4,0,.2,1) forwards slideInFromTop}.configurator-steps .step-container.transitioning-out{animation:.3s cubic-bezier(.4,0,.2,1) forwards slideOutDown}@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{z-index:1;width:100%}}.configurator-steps .configurator-dots-container{z-index:10;flex-direction:column;gap:24px;display:flex;position:absolute;top:50%;right:32px;transform:translateY(-50%)}@media (max-width:1340px){.configurator-steps .configurator-dots-container{display:none}}.configurator-steps .configurator-dot{cursor:pointer;width:12px;height:12px;transition:var(--transition-hover)-in-out;background:#0003;border-radius:50%}.configurator-steps .configurator-dot.active{background:var(--black-color)}.configurator-steps .configurator-dot:hover:not(.active){background:var(--text-40)}@media (max-width:1340px){.configurator-container{animation:.8s cubic-bezier(.25,.46,.45,.94) forwards fadeInSlideUp;transform:translateY(20px)}}