.configurator{--configurator-padding: 16px;--configurator-step: 1}.configurator__image{padding:24px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:16px}.configurator__additional-product-wrapper{padding:8px;background-color:#f5f5f5;border-radius:8px;display:flex;gap:8px}.configurator__additional-product{width:40px;height:40px;background-color:#fff;border-radius:8px;display:flex;justify-content:center;align-items:center;cursor:pointer}.configurator__additional-product img{width:50%;height:50%;object-fit:contain}.configurator__header{width:100%}.configurator__header__logo{width:128px}.configurator__product-image{width:100%;height:100%;object-fit:contain;transition:opacity .3s ease-in-out}.configurator__product-image--loading{opacity:.3}.configurator__reinsurance{display:flex;justify-content:space-around;align-items:center;gap:12px;text-align:center;font-size:12px;line-height:1.2}.configurator__reinsurance-item{display:flex;flex-direction:column;align-items:center;gap:12px}.configurator__reinsurance-item__icon{width:16px;height:16px}.configurator__form{width:100%;background-color:#fff;box-shadow:0 0 150px #0000001a;display:flex;flex-direction:column;position:relative;z-index:1}.configurator__nav{--number-of-steps: 3;--progress-bar-height: 4px;padding-bottom:var(--progress-bar-height);border-bottom:1px solid rgba(0,0,0,.1);display:none;gap:12px;position:relative;font-size:14px;text-align:center}.configurator__nav:after{content:"";width:100%;height:var(--progress-bar-height);background-color:#5d9b9b;display:block;position:absolute;bottom:0;left:0;transition:.5s;transform:scaleX(calc(var(--configurator-step) / var(--number-of-steps)));transform-origin:left}.configurator__nav__tab{flex:1;padding:20px;cursor:pointer;opacity:.5}.configurator__nav__tab--active{opacity:1}.configurator__step{padding:var(--configurator-padding);display:flex;flex-direction:column;gap:32px}.configurator__option-container--hidden{display:none}.configurator__option__wrapper{display:grid;margin-top:16px;gap:12px}.configurator__option__wrapper--grid{grid-template-columns:repeat(2,1fr)}.configurator__option__input{display:none}.configurator__option__label{padding:16px;border:2px solid #eee;border-radius:12px;cursor:pointer;display:flex;align-items:center;gap:12px;line-height:1.2}.configurator__option__input:checked+.configurator__option__label{border:2px solid #b2d1e7}.configurator__option--color .configurator__option__label:before{content:"";display:block;width:16px;height:16px;background-color:var(--configurator-option-color);border-radius:50%;flex-shrink:0}.configurator__option__image{width:72px;height:72px;object-fit:contain;border-radius:8px}.configurator__option__content{width:100%}.configurator__option__header{width:100%;display:grid;gap:8px}.configurator__option__price{opacity:.7}.configurator__option__description{margin-top:4px;font-size:14px}.configurator__footer{padding:var(--configurator-padding);border-top:1px solid rgba(0,0,0,.1);display:flex;justify-content:space-between;align-items:center;gap:12px}.configurator__total-price{font-size:24px}.configurator__next-button{display:flex;align-items:center;gap:12px;cursor:pointer}@media screen and (max-width: 768px){.configurator__image{position:sticky;top:0}.configurator__header{display:flex;justify-content:center}.configurator__footer{background-color:#fffc;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);position:sticky;bottom:0}}@media screen and (min-width: 768px){.configurator{--configurator-padding: 24px;height:100vh;display:flex}.configurator__image{flex:1;padding:32px}.configurator__product-image{max-width:1080px}.configurator__header__logo{width:200px}.configurator__reinsurance{justify-content:center;gap:56px;font-size:16px}.configurator__form{max-width:500px;flex-shrink:0}.configurator__nav{display:flex}.configurator__steps-wrapper{overflow:hidden}.configurator__steps{height:100%;display:flex;transition:.5s;transform:translate(calc((var(--configurator-step) - 1) * -100%))}.configurator__step{width:100%;height:100%;flex-shrink:0;padding:var(--configurator-padding);opacity:0;transition:.5s;overflow:auto}.configurator__step--active{opacity:1}.configurator__option__label{padding:20px}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/component-configurator.css.map */