.page-width--narrow{max-width:120rem;padding-left:1.5rem;padding-right:1.5rem}.main-page-title{margin-bottom:3rem!important}.title-center{text-align:center;margin-left:auto;margin-right:auto}.no-payment-statement{color:#c44536;font-size:1.6rem}@media(max-width:750px){.no-payment-statement{font-size:1.15rem}}.calculator-section-border{--border-opacity: .12 !important;--border-width: 1px !important}.calculator-content{padding:2.5rem}.calculator-step{margin:0 0 2.5rem;color:#c44536;font-weight:700}.calculator-instruction{margin:0 0 1.5rem}.calculator-wrap .fs1{font-size:1.4rem!important}.calculator-wrap .fs2{font-size:1.6rem!important}.calculator-wrap .fs3{font-size:1.8rem!important}.calculator-wrap .fs4{font-size:2rem!important}@media(max-width:750px){.calculator-wrap .fs1{font-size:1rem!important}.calculator-wrap .fs2{font-size:1.15rem!important}.calculator-wrap .fs3{font-size:1.3rem!important}.calculator-wrap .fs4{font-size:1.45rem!important}}.model-width-chip[data-slot-width="60"]{--wcol: #4EA699;background:#f1fffb;border-color:var(--wcol)}.model-width-chip[data-slot-width="70"]{--wcol: #9649CB;background:#e0c8f0;border-color:var(--wcol)}.model-width-chip[data-slot-width="80"]{--wcol: #74A57F;background:#c9e6e1;border-color:var(--wcol)}.model-width-chip[data-slot-width="90"]{--wcol: #AFBBF2;background:#e7ebfb;border-color:var(--wcol)}.model-width-chip[data-slot-width="100"]{--wcol: #D3FFF3;background:#f1fffb;border-color:var(--wcol)}.model-width-chip[data-slot-width="110"]{--wcol: #C2EFB3;background:#edfae8;border-color:var(--wcol)}.field__input:focus~label.field__label,.field__input:not(:placeholder-shown)~label.field__label{font-size:.8rem!important}.m-0{margin:0!important}.m-1{margin:.5rem!important}.m-2{margin:1rem!important}.mt-0{margin-top:0!important}.mt-1{margin-top:.5rem!important}.mt-2{margin-top:1rem!important}.mb-0{margin-bottom:0!important}.mb-1{margin-bottom:.5rem!important}.mb-2{margin-bottom:1rem!important}.p-0{padding:0!important}.p-1{padding:.5rem!important}.p-2{padding:1rem!important}.calculator-sec-lock{width:100%;display:flex;align-items:center;justify-content:center;text-align:center}.calculator-disabled-text{color:#789!important}.calculator-warning-text{color:red!important}.calc-label-line{display:block;margin:0 0 .4rem;font-size:1.4rem}#calcLocation{max-width:720px;width:100%;margin:1rem auto;text-align:left;justify-items:stretch}#calcLocation .calc-label-line,#calcLocation label,#calcLocation .field__label{text-align:left;justify-self:start}#calcLocation input,#calcLocation select,#calcLocation textarea{width:100%}#calcLocation .field__input{padding:1.5rem}.li_button{cursor:pointer;transition:box-shadow .15s ease,transform .15s ease,border-color .15s ease}.li_button.slot-active,.calc-select-model.slot-active{border-color:#00000038;background-color:#ffffffd9;box-shadow:-14px 0 20px -18px #00000059,14px 0 20px -18px #00000059,inset 0 1px #ffffffbf;transform:translateY(-3px) scale(1.01)}#calcModelType{display:grid;grid-template-columns:1fr 1fr;gap:2rem 2rem;align-items:center}@media(max-width:989px){#calcModelType{grid-template-columns:1fr}}[data-preview-grid]{display:flex;justify-content:center;align-items:flex-start;flex-wrap:nowrap;list-style:none;padding:0;margin:0;--slot-gap: var(--grid-mobile-horizontal-spacing, 1.5rem);overflow-x:auto;-webkit-overflow-scrolling:touch}@media screen and (min-width:750px){[data-preview-grid]{--slot-gap: var(--grid-desktop-horizontal-spacing, 2rem)}}[data-preview-grid]>li{flex:0 0 calc((100%) / 6);width:calc((100%) / 6);max-width:calc((100%) / 6)}[data-preview-grid] img{display:block;width:100%;height:auto}#kitCompTitle:after{content:attr(data-kit-comp)}#kitWTitle:after{content:attr(data-total-w)}#kitHTitle:after{content:attr(data-total-h)}.kit-preview{margin:0 auto 2.5rem!important;position:relative;padding:1.5rem 1rem;width:100%}.kit-preview:before{content:attr(data-total-w);position:absolute;top:0;left:50%;transform:translate(-50%,-60%);font-size:1.25rem;font-weight:700;background:#fff;padding:.15rem .35rem;border-radius:.4rem;line-height:1}.kit-preview:after{content:attr(data-total-h);position:absolute;left:0;top:50%;transform:translate(-60%,-200%) rotate(90deg);transform-origin:center;font-size:1.25rem;font-weight:700;background:#fff;padding:.15rem .35rem;border-radius:.4rem;line-height:1}@media(max-width:750px){.kit-preview{padding:0}.kit-preview:before{top:-2rem;transform:translate(-50%);font-size:.75rem}.kit-preview:after{top:40%;left:-5rem;transform:translate(-5%,-200%) rotate(90deg);font-size:.75rem}}.calc-modal{display:none;position:fixed;z-index:9999;top:0;right:0;bottom:0;left:0;background-color:#fff;overflow:hidden;padding:0 3rem}.calc-modal__content{height:100%;overflow:auto;position:relative}.calc-modal__toggle{background-color:rgb(var(--color-background));border:.1rem solid rgba(var(--color-foreground),.1);border-radius:50%;color:rgba(var(--color-foreground),.55);display:flex;align-items:center;justify-content:center;cursor:pointer;position:absolute;z-index:2;width:4rem;padding:1.2rem;top:2rem;right:1rem;margin:0}.calc-modal__toggle:hover{color:rgba(var(--color-foreground),.75)}.calc-modal__toggle .icon{height:auto;margin:0;width:2.2rem}body.calc-modal-open{overflow:hidden}.calc-modal__model-img{display:block;width:100%;height:auto}#calcSec3 .grid{margin-bottom:1.25rem;gap:1.25rem!important}.summary_model_type{padding-left:2rem}.summary_divider{border:0;height:2px;background:#00000014;margin:16px 0;width:100%;grid-column:1 / -1;flex:0 0 100%}.summary_grid{display:grid!important;grid-template-columns:1fr auto;column-gap:1.25rem;row-gap:.6rem;align-items:baseline}.wa-btn{background:#25d366;color:#fff;border:0!important;outline:0!important;border-radius:7px;padding:1.1rem 2.2rem;display:inline-flex;align-items:center;justify-content:center;gap:1.5rem;box-shadow:0 .35rem 1.2rem #0000002e!important;text-transform:uppercase;letter-spacing:.08em;font-weight:700;margin-top:2.5rem}@media(max-width:750px){.wa-btn{gap:.8rem}}.wa-btn:hover{filter:brightness(.97);box-shadow:0 .45rem 1.4rem #00000038!important}.wa-btn:after,.wa-btn:focus,.wa-btn:focus-visible{border:0!important;box-shadow:none!important;outline:none!important;filter:brightness(.95)}.wa-btn::-moz-focus-inner{border:0}.wa-btn:focus-visible{box-shadow:0 0 0 .2rem #00000026!important}.wa-icon{width:30px;height:30px;display:block}.calc-loading{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;background:#ffffffbf;display:grid;place-items:center}.calc-loading__box{display:flex;align-items:center;gap:.8rem;padding:1rem 1.25rem;border-radius:9999px;background:#fff;box-shadow:0 .4rem 1.2rem #00000026;font-size:1.4rem}.calc-loading__spinner{width:18px;height:18px;border:2px solid rgba(0,0,0,.15);border-top-color:#0000008c;border-radius:50%;animation:calcspin .8s linear infinite}@keyframes calcspin{to{transform:rotate(360deg)}}body.calc-loading-open{overflow:hidden}.slot-selecting-row{display:flex;align-items:center;gap:10px}.slot-selecting-row div.select{width:auto!important;min-width:0!important}.slot-selecting-row select{height:3rem!important}@media(max-width:750px){#slot-select{padding:0 10px;height:2rem!important}.slot-selecting-row .icon-caret{right:calc(var(--inputs-border-width) + 1rem)}}#slot-update{margin-left:auto}.calc-model-select-grid{display:flex;flex-wrap:wrap;gap:2rem}.calc-model-select-grid>.grid__item{flex:0 0 calc((100% - 6rem)/4);max-width:calc((100% - 6rem)/4);padding:0 1rem}@media(max-width:750px){.calc-model-select-grid{gap:2rem .7rem!important}.calc-model-select-grid>.grid__item{flex-basis:calc((100% - 3 * .7rem) / 4);max-width:calc((100% - 3 * .7rem) / 4);padding:0}}.slot-badge{display:inline-block;background:#fff;border:1px solid rgba(0,0,0,.12);padding:.18rem .5rem;border-radius:.4rem;font-weight:700;font-size:1.2rem;line-height:1;box-shadow:0 2px 8px #0000000f}.phone-input{position:relative}.phone-input .phone-prefix{z-index:10;position:absolute;left:1.5rem;top:50%;transform:translateY(-50%);color:#0009;font-weight:700;pointer-events:none}.phone-input .field__input{padding-left:4.5rem!important}#modelWidthTray{display:flex;justify-content:center;align-items:center;flex-wrap:nowrap;padding:0;margin:0;gap:1rem;overflow-x:auto;-webkit-overflow-scrolling:touch}.model-width-chip{flex:0 0 calc((100% - 5rem) / 6);max-width:calc((100% - 5rem) / 6);display:inline-flex;justify-content:center;align-items:center;padding:.6rem .4rem;margin-bottom:1px;min-height:44px;border-radius:8px;font-weight:700;border:1px solid;box-shadow:0 10px 22px #00000038,inset 0 1px #fffffff2;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}.model-width-chip:active{cursor:grabbing}.model-width-chip.is-dragging{cursor:grabbing;z-index:5}.model-width-chip.is-drop-target{outline:none;border-color:var(--wcol, rgba(255,255,255,.7));box-shadow:0 12px 24px #00000038,0 0 0 1px #ffffff73,0 0 24px var(--wcol, rgba(255,255,255,.22));transform:translateY(-1px)}.model-width-chip:hover{box-shadow:0 12px 26px #00000042,0 0 0 2px #ffffff1a,inset 0 1px #fffffff2;transform:translateY(-1px)}.model-width-chip.swap-in,.model-width-preview.swap-in{animation:chipSwap .26s cubic-bezier(.2,.9,.2,1)}@keyframes chipSwap{0%{transform:translateY(0) scale(1);filter:none;opacity:1}35%{transform:translateY(-4px) scale(1.03);filter:blur(.2px)}to{transform:translateY(0) scale(1);filter:none;opacity:1}}@media(prefers-reduced-motion:reduce){.model-width-chip.swap-in,.model-width-preview.swap-in{animation:none!important}}.model-width-track{position:relative;width:100%;margin-top:2rem}#modelWidthTray{position:relative;z-index:1}@supports selector(:has(*)){.model-width-track{--gap: 1rem;--n: 6;--chip-w: calc((100% - 5rem) / 6);--cluster-w: calc((var(--n) * var(--chip-w)) + ((var(--n) - 1) * var(--gap)))}.model-width-track:has(.model-width-chip:nth-child(1):not(.hidden):not([hidden])){--n: 1}.model-width-track:has(.model-width-chip:nth-child(2):not(.hidden):not([hidden])){--n: 2}.model-width-track:has(.model-width-chip:nth-child(3):not(.hidden):not([hidden])){--n: 3}.model-width-track:has(.model-width-chip:nth-child(4):not(.hidden):not([hidden])){--n: 4}.model-width-track:has(.model-width-chip:nth-child(5):not(.hidden):not([hidden])){--n: 5}.model-width-track:has(.model-width-chip:nth-child(6):not(.hidden):not([hidden])){--n: 6}.model-width-track:before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(calc(100% + 20px),calc(var(--cluster-w) + 20px));height:calc(100% + 20px);border-radius:8px;background:linear-gradient(180deg,#0b0b0b,#151515);border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 1px #ffffff1a,inset 0 -10px 18px #0000008c,0 14px 28px #00000047,0 0 18px #ffffff14;pointer-events:none;z-index:0}}@supports not selector(:has(*)){.model-width-track:before{content:"";position:absolute;top:-13px;right:0;bottom:-13px;left:0;border-radius:8px;background:linear-gradient(180deg,#0b0b0b,#151515);border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 1px #ffffff1a,inset 0 -10px 18px #0000008c,0 14px 28px #00000047,0 0 18px #ffffff14;pointer-events:none;z-index:0}}.model-width-track:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(calc(100% + 20px),calc(var(--cluster-w) + 20px));height:calc(100% + 20px);border-radius:8px;pointer-events:none;z-index:0;background:radial-gradient(120% 140% at 20% 10%,#ffffff2e,#fff0 55%),linear-gradient(90deg,#ffffff0f,#fff0,#ffffff0f)}.drag-hint{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;font-weight:700;will-change:transform;animation:hintDrag 2.8s ease-in-out infinite}.drag-hint:before{content:"\21c6";display:inline-block;opacity:.65;animation:none}@keyframes hintDrag{0%,65%,to{transform:translate(0);opacity:1}75%{transform:translate(5px);opacity:.55}85%{transform:translate(-5px);opacity:.95}95%{transform:translate(0);opacity:1}}@media(prefers-reduced-motion:reduce){.drag-hint{animation:none!important}}.has-status .field__input{padding-right:4rem!important}.has-status .field__status{position:absolute;right:1.2rem;top:50%;transform:translateY(-50%);width:22px;height:22px;pointer-events:none}.has-status .field__select__status{position:absolute;right:3.5rem;top:50%;transform:translateY(-50%);width:22px;height:22px;pointer-events:none}.has-status .status-icon{width:22px;height:22px;display:block}
/*# sourceMappingURL=/cdn/shop/t/3/assets/calculator-page.css.map */