.configurator .loading-container{position:relative;overflow:hidden;width:100%}.configurator .loading-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0000004d;display:flex;align-items:center;justify-content:center;z-index:10}.configurator .spinner{width:40px;height:40px;border:5px solid rgba(255,255,255,.3);border-top:5px solid white;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.configurator .loading-content{position:relative;z-index:1;padding:20px;color:#000}.configurator .specs-cart-container{display:grid;grid-template:auto/1fr;gap:20px;margin:20px 0}@media (min-width: 900px){.configurator .specs-cart-container{grid-template:auto/1fr 1fr}}@media (min-width: 1200px){.configurator .specs-cart-container{margin:0}}.configurator .specs-cart-container .specs{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:10px;background:#fff;border:1px solid silver;padding:10px}.configurator .specs-cart-container .specs .details{display:grid;grid-template:auto/30% 70%;gap:4px 10px;flex-grow:1;font-size:.85rem}.configurator .specs-cart-container .specs .details div{max-width:150px}.configurator .specs-cart-container .specs .details div:nth-child(odd){color:#09973f;font-weight:700;text-align:right}.configurator .specs-cart-container .specs img{max-height:180px;width:auto}.configurator .specs-cart-container .form{display:grid;grid-template:min-content/30% 70%}.configurator .specs-cart-container .form .qty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;background:#fff;border:1px solid silver;border-right:none;padding:0 20px}.configurator .specs-cart-container .form .qty label{color:#09973f;font-size:1.2rem;font-weight:700}.configurator .specs-cart-container .form .qty input{border:1px solid silver;max-width:64px;text-align:center;color:#09973f;font-size:1.2rem}.configurator .specs-cart-container .form .qty span{font-size:.7rem}@media (min-width: 500px){.configurator .specs-cart-container .form .qty span{font-size:.9rem}}.configurator .specs-cart-container .form .qty select{margin-right:5px}.configurator .specs-cart-container .form .price-box{display:flex;flex-direction:column}.configurator .specs-cart-container .form .price-box .switch{display:grid;grid-template:auto/minmax(0,1fr) minmax(0,1fr);cursor:pointer}.configurator .specs-cart-container .form .price-box .switch>div{background:#fff;text-align:center;border-top:1px solid silver;padding:5px 0}.configurator .specs-cart-container .form .price-box .switch>div:first-child{border-left:1px solid silver}.configurator .specs-cart-container .form .price-box .switch>div:last-child{border-right:1px solid silver}.configurator .specs-cart-container .form .price-box .switch>div.active{background:#09973f;color:#fff;border-color:#09973f}.configurator .specs-cart-container .form .price-box .display{display:flex;flex-direction:column;align-items:flex-end;gap:5px;background:#09973f;color:#fff;padding:10px 15px 10px 0}.configurator .specs-cart-container .form .price-box .display .top{display:flex;align-items:center;border-bottom:1px solid white;gap:20px;font-size:1.5rem;padding-bottom:7px;margin-bottom:7px}.configurator .specs-cart-container .form .price-box .display p{margin:0;font-size:.8rem}@media (min-width: 500px){.configurator .specs-cart-container .form .price-box .display p{font-size:.9rem}}.configurator .specs-cart-container .form .to-cart{grid-column:1/span 2}.configurator .specs-cart-container .form .to-cart button{display:flex;align-items:center;justify-content:center;gap:10px;background:#edf1e7;border:1px solid silver;border-top:none;height:100%;width:100%;padding:10px;cursor:pointer}.configurator .specs-cart-container .form .to-cart button span{color:#09973f;font-size:1.2rem;font-weight:700;text-transform:uppercase;margin-top:10px}#root{font-size:14px}.configurator{display:flex;flex-direction:column}.configurator h1{color:#10572b;font-size:25px;text-align:center}.configurator h2{color:#10572b;font-size:20px;margin:0}.configurator h2.upload{margin:20px 0 15px}.configurator p{margin:5px 0}.configurator a{text-decoration:none;color:inherit;font-weight:700}.configurator .top-container{display:grid;grid-template:auto/1fr;gap:20px}@media (min-width: 1200px){.configurator .top-container{grid-template:auto/2fr 5fr}}.configurator .top-container .top-selects{display:grid;grid-template:auto/1fr;gap:20px}@media (min-width: 700px){.configurator .top-container .top-selects{grid-template:auto/1fr 1fr}}@media (min-width: 1200px){.configurator .top-container .top-selects{grid-template:auto/1fr}}.configurator .top-container .top-selects>div{display:flex;flex-direction:column;gap:10px}.configurator .top-container .top-selects .select{position:relative;background:#fff;width:100%;border:1px solid silver;-webkit-user-select:none;user-select:none;cursor:pointer}.configurator .top-container .top-selects .select>span{display:block;padding:10px}.configurator .top-container .top-selects .select .bg{position:absolute;right:10px;top:15px}.configurator .top-container .top-selects .select .options{position:absolute;flex-direction:column;background:#fff;border:1px solid silver;left:-1px;max-height:60vh;overflow-y:auto;overflow-x:clip;width:100%;padding:10px 0;z-index:999}.configurator .top-container .top-selects .select .options.long{width:calc(100% + 100px)}.configurator .top-container .top-selects .select .options div{position:relative}.configurator .top-container .top-selects .select .options div:hover .thumbnail{display:flex}.configurator .top-container .top-selects .select .options div span{display:block;padding:10px 20px;max-width:calc(100% - 100px)}.configurator .top-container .top-selects .select .options div.regular span{padding-left:40px}.configurator .top-container .top-selects .select .options div.regular span:hover{color:#09973f;font-weight:700}.configurator .top-container .top-selects .select .options div.category span{color:#10572b;font-weight:700}.configurator .top-container .top-selects .select .options div.active span{color:#09973f;font-weight:700}.configurator .top-container .top-selects .select .options div.not-found span{color:red!important;font-weight:400!important}.configurator .top-container .top-selects .select .options .thumbnail{position:absolute;display:none;align-items:center;justify-content:center;background:#fff;width:100px;border:1px solid silver;padding:5px;top:0;right:10px;overflow:visible}.configurator .top-container .top-selects .select .options .thumbnail img{width:100%}.configurator .conf-container{display:flex;flex-wrap:wrap;gap:1rem 3rem;background:#fff;border:1px solid silver;padding:20px 30px}.configurator .conf-grid{display:grid;grid-template:auto/1fr;gap:20px}@media (min-width: 1000px){.configurator .conf-grid{grid-template:auto/1fr 1fr}}.configurator .sides-select{font-size:18px;cursor:pointer;-webkit-user-select:none;user-select:none}.configurator .sides-select.active{color:#09973f;font-weight:700}.configurator .controls-box{display:flex;flex-direction:column;gap:10px;color:#000;margin-bottom:30px}.configurator .image-upload{display:flex;justify-content:space-between;gap:5px}.configurator .image-upload__name{color:#fff;background:#09973f;font-weight:700;width:100%;padding:10px 20px;cursor:pointer;-webkit-user-select:none;user-select:none}.configurator .image-upload__close{display:flex;align-items:center;justify-content:center;background:#d70000;padding:10px;cursor:pointer;-webkit-user-select:none;user-select:none}.configurator .image-upload__close img{max-height:20px}.configurator .controls{display:flex;justify-content:flex-start;gap:10px}.configurator .controls__column{display:flex;flex-direction:column;align-items:center;gap:5px}.configurator .controls__separator{background:silver;width:1px}.configurator .controls__title{text-align:center}.configurator .controls__grid{display:grid;grid-template:auto/1fr}.configurator .controls__grid--full{grid-template:auto/1fr 1fr 1fr}.configurator .controls__grid-element{background:#e7e7e7;border-top-left-radius:50px;border-top-right-radius:50px;padding:4px}.configurator .controls__grid-element.top{transform:translateY(8px)}.configurator .controls__grid-element.right{transform:translate(-8px) rotate(90deg)}.configurator .controls__grid-element.bottom{transform:translateY(-8px) rotate(180deg)}.configurator .controls__grid-element.left{transform:translate(8px) rotate(270deg)}.configurator .controls__grid-element.full{min-height:38px;border-radius:0}.configurator .controls__grid-element.mirror{transform:translateY(-8px) rotate(180deg)}.configurator .controls__grid-element.mirror img{transform:scaleY(-1)}.configurator .controls__grid-element .button{display:flex;align-items:center;justify-content:center;background-color:#09973f;border-radius:100%;cursor:pointer;-webkit-user-select:none;user-select:none;height:30px;width:30px}.configurator .render-area{width:100%;height:50vh}.configurator .controls-scheme{display:flex;gap:20px}.configurator .controls-scheme__element{display:flex;align-items:center;gap:5px}.configurator .controls-scheme__title{font-size:.9rem}.configurator .controls-scheme__action{color:#09973f;font-weight:700}
