.calculator-page *{font-family:var(--font-body-family);line-height:1.5;font-weight:400}.calculator-page h4{margin:0 0 20px;font-size:18px;line-height:1.2;color:#252122}.calculator-page p{margin:0;font-size:16px;color:#505050}.hide{display:none!important}.calc-banner-section{position:relative}.calc-banner-section .box-text{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center}.calc-banner-section .box-text span{color:#fff;font-size:14px}.calc-banner-section .box-text h1{color:#fff;font-size:40px;margin:0;text-transform:uppercase}.calc-banner-section img{display:block;object-fit:cover;width:100%}.calculator-page-wrapper{display:flex;gap:40px}.calc-sidebar{width:25%;max-width:282px;border-right:1px solid #DEE2E6;padding-right:24px}.calc-sidebar h3{margin:0 0 15px;color:#252122;font-size:18px}.calc-sidebar ul{padding:0}.calc-sidebar li{padding:10px 16px;color:#505050;font-size:16px;cursor:pointer;list-style:none;flex:1}.calc-sidebar li.active{border-bottom:1px solid #252122;color:#252122;font-weight:600}.calc-sidebar li.disabled{background-color:#f7f7f7;color:#50505066;cursor:not-allowed}.calculator-content{flex:1}.box-calc:not(.active){display:none}.box-calc .calc-description{margin-bottom:20px}.calc-form{display:flex;gap:20px 24px;flex-wrap:wrap;align-items:flex-end}.calc-form .calc-field{flex:1;flex-basis:calc(33% - 24px)}.calc-form .calc-field label{display:block;font-size:12px;color:#505050;margin-bottom:5px}.calc-form .calc-field input,.calc-form .calc-field select{width:100%;border:1px solid #DEE2E6;padding:8px 12px;border-radius:8px;height:48px;outline:none;box-shadow:none}.calc-form .calc-field select{-moz-appearance:none;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='6' height='4' viewBox='0 0 6 4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M-3.49691e-07 5.24537e-07L3 4L6 0L-3.49691e-07 5.24537e-07Z' fill='%23505050'/%3E%3C/svg%3E%0A");background-repeat:no-repeat;background-position:calc(100% - 12px) 50%}.calc-form .box-ctas{width:100%;display:flex;flex-wrap:wrap;gap:20px}.calc-form .box-ctas button{border:none;padding:8px 16px;border-radius:14px;width:100%;max-width:324px;height:48px;font-size:16px;cursor:pointer}.calc-form .box-ctas .clear-button{background-color:#dee2e6;color:#505050}.calc-form .box-ctas .calc-button{font-weight:600;background-color:#505050;color:#fff}.calc-form .box-result{display:none;width:100%;margin-bottom:40px}.calc-form.show-result .box-result{display:block}.calc-form .box-result .calc-result{display:flex;border-radius:12px;border:1px solid #DEE2E6;gap:40px;padding:16px;flex-wrap:wrap;justify-content:center}.calc-form .calc-result .measures,.calc-form .calc-result .total{flex:1}.calc-form .calc-result .measures{border-right:1px solid #DEE2E6;padding-right:40px}.calc-form .calc-result .measures p:not(:last-child){margin-bottom:8px}.calc-form .calc-result .total h6{font-size:16px;color:#505050;margin:0 0 10px}.calc-form .calc-result .total .mass-result{font-size:40px;line-height:1.2;color:#252122}.calc-form .calc-result .ctas{display:flex;align-items:center;gap:16px;flex-wrap:wrap;justify-content:center}.calc-form .calc-result .ctas button{background-color:#dee2e6;border:none;border-radius:8px;display:flex;align-items:center;gap:12px;color:#505050;padding:8px 16px;font-size:16px;cursor:pointer}.box-calc .warning-message{background-color:#f7f7f7;border-radius:12px;padding:16px;margin-top:20px}.drawer-result-wrapper{display:none;flex-wrap:wrap;gap:20px;margin-top:40px}.drawer-result-wrapper.show-result{display:flex}.drawer-result-wrapper .result-item{background-color:#f5f5f5;border:1px solid #dbdbdb;border-radius:8px;padding:30px 8px;width:calc(50% - 10px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.drawer-result-wrapper .result-item strong{font-weight:700}.drawer-result-wrapper .result-item .box-img{max-width:230px;width:100%;border-radius:10px;border:1px solid black;position:relative}.drawer-result-wrapper .image-size-reference{position:absolute;display:flex}.drawer-result-wrapper .image-size-reference span{font-size:10px;font-weight:700;display:block}.drawer-result-wrapper .image-size-reference[data-reference="1"]{top:20px;left:25px;transform:rotate(-10deg);padding:0 18px}.drawer-result-wrapper .image-size-reference[data-reference="2"]{bottom:50px;left:90px;transform:rotate(-15deg)}.drawer-result-wrapper .image-size-reference[data-reference="3"]{top:27px;left:12px;display:block}.drawer-result-wrapper .image-size-reference[data-reference="3"] div,.drawer-result-wrapper .image-size-reference[data-reference="5"] div{display:flex}.drawer-result-wrapper .image-size-reference[data-reference="4"]{top:25px;left:51%;transform:translate(-50%);padding:0 20px}.drawer-result-wrapper .image-size-reference[data-reference="5"]{top:27px;right:5px;display:block}.drawer-result-wrapper .image-size-reference[data-reference="6"]{bottom:40px;left:50%;transform:translate(-50%)}.drawer-result-wrapper .image-size-reference[data-reference="7"]{top:15px;left:52%;transform:translate(-50%);padding:0 55px}.drawer-result-wrapper .image-size-reference[data-reference="8"]{bottom:40%;left:52%;transform:translate(-50%)}.drawer-result-wrapper .image-size-reference[reference-type=length]{border-top:1px solid #505050;border-left:1px solid #505050;border-right:1px solid #505050}.drawer-result-wrapper .image-size-reference[reference-type=length] span{position:relative;top:-15px}.drawer-result-wrapper .image-size-reference[reference-type=height]:before,.drawer-result-wrapper .image-size-reference[reference-type=height]:after{content:"";position:absolute;width:8px;height:10px;background-color:#000;left:50%;clip-path:polygon(0% 0%,100% 0%,100% 10%,55% 10%,55% 100%,45% 100%,45% 10%,0% 10%)}.drawer-result-wrapper .image-size-reference[reference-type=height]:before{top:-10px;transform:translate(-50%)}.drawer-result-wrapper .image-size-reference[reference-type=height]:after{transform:translate(-50%) rotate(180deg);bottom:-10px}.drawer-result-wrapper .image-size-reference[reference-type=left]:before,.drawer-result-wrapper .image-size-reference[reference-type=right]:before{content:"";display:block;width:4px;height:4px;border-radius:100%;position:absolute;background:#505050;bottom:-1px}.drawer-result-wrapper .image-size-reference[reference-type=left]:before{right:-5px}.drawer-result-wrapper .image-size-reference[reference-type=right]:before{left:-5px}.drawer-result-wrapper .image-size-reference[reference-type=left]:after,.drawer-result-wrapper .image-size-reference[reference-type=right]:after{content:"";display:block;border-bottom:1px solid #505050;height:5px;width:50%;position:relative}.drawer-result-wrapper .image-size-reference[reference-type=left]:after{margin-left:auto;border-left:1px solid #505050;right:-1px}.drawer-result-wrapper .image-size-reference[reference-type=right]:after{margin-right:auto;border-right:1px solid #505050;right:1px}.drawer-result-wrapper .result-item .box-img.img1{background-color:#f0f0c5}.drawer-result-wrapper .result-item .box-img.img2{background-color:#e8e9b9}.drawer-result-wrapper .result-item .box-img.img3{background-color:#feffef}.drawer-result-wrapper .result-item img{border-radius:10px;width:100%;display:block;margin:0}.drawer-result-wrapper .result-item .box-img.img1 img{padding:25px 20px 20px}.drawer-result-wrapper .result-item .box-img.img2 img{padding:35px 30px 15px}.drawer-result-wrapper .result-item .box-img.img3 img{padding:25px 10px 0}.save-actions{padding:15px 0;margin:40px auto 0;display:flex;align-items:center;justify-content:center;gap:15px;border-top:1px dashed #505050;border-bottom:1px dashed #505050}.calculator-page .save-actions .weight-calc-total{display:none;align-items:center;gap:10px}.calculator-content[data-calc=weight] .weight-calc-total.show-total{display:flex}.save-actions .weight-calc-total span{font-weight:600;font-size:14px}.save-actions .weight-calc-total span.value{font-size:20px}.save-actions svg{cursor:pointer;display:block;width:20px;height:20px}@media (min-width: 990px){.mobile{display:none!important}}@media (max-width: 1300px){.calc-form .calc-result .total .mass-result{font-size:30px}}@media (max-width: 989px){.desktop{display:none!important}.calculator-page-wrapper{flex-direction:column;gap:24px}.calc-banner-section .box-text{display:none}.calc-sidebar{width:100%;max-width:100%;padding:0;border:none}.calc-sidebar h3{text-align:center}.calc-sidebar ul{display:flex}.calc-sidebar li{text-align:center}.calc-form .calc-field{flex-basis:100%}.calc-form .box-ctas{justify-content:center}.drawer-result-wrapper .result-item{width:100%}}@media (max-width: 500px){.calc-form .box-result .calc-result{flex-direction:column;justify-content:center;align-items:center}.calc-form .calc-result .measures{border-right:none;padding:0}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/calculator-page.css.map */
