.calculation-container{align-items:center;display:flex;flex-wrap:nowrap;justify-content:center;width:100%;background-color:#f3f3f3;max-width:1440px;margin:auto}.slider-value-polygon{position:absolute;height:12px;width:16px}.calculation-text-box{display:flex;flex-direction:column;gap:32px;width:50%}.calculation-text-container{display:flex;flex-direction:column;width:100%;height:auto;gap:11px}.calculation-title{font-size:40px;font-weight:400;line-height:100%;width:100%;height:auto}.calculation-subtitle{padding-top:5px;font-size:18px;font-weight:600;line-height:100%;letter-spacing:0;width:100%;height:auto;font-family:var(--primary-font-body-family);color:var(--color-brand-secondary)}.calculation-box .slider-container{position:relative;width:100%;height:15px}.calculation-box .slider-container .slider{width:100%;-webkit-appearance:none;appearance:none;height:12px;border-radius:100px}.container-box .slider-container input{width:100%}.calculation-box .slider-container .slider-value-bubble-container{width:91px;height:41px;position:absolute;top:0}.calculation-container .toggle-wrapper{display:flex;align-items:center;width:100%;height:auto;gap:8px}.calculation-container .toggle-label{font-family:var(--primary-font-body-family);width:auto;height:18px;font-weight:500;font-size:14px;line-height:100%;letter-spacing:0;margin-bottom:6px;margin-top:6px;display:flex;align-items:center;color:var(--color-brand-secondary)}.calculation-switch-container{display:flex;flex-direction:row;gap:4px}.calculation-box .toggle-wrapper .switch{position:relative;display:flex;border-radius:42px;width:46px;height:30px}.calculation-switch-container .switch input[type=checkbox]{margin:0}.calculation-svg{display:flex;align-items:center;position:relative}.calculation-svg .tooltip{visibility:hidden;opacity:0;width:300px;background-color:var(--color-background-secondary-lightest);color:var(--color-typography-primary);text-align:center;border-radius:4px;padding:8px;position:absolute;top:30px;left:8px;transform:translate(-50%);z-index:1;transition:opacity .3s ease;font-size:12px;font-family:var(--primary-font-body-family)}.tooltip:after{content:"";position:absolute;top:-12%;left:50%;transform:translate(-50%);border-width:5px;border-style:solid;border-color:transparent transparent #333 transparent}.calculation-svg:hover .tooltip{visibility:visible;opacity:1}.calculation-box .slider-container .slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:15px;height:15px;border-radius:50%;background:#7f1183;cursor:pointer;position:relative;z-index:2}.calculation-box .slider-container .slider-value-bubble{display:flex;width:91px;height:32px;position:absolute;top:22.5px;transform:translate(-50%);background:#fff;justify-content:center;gap:12px;border:1px solid var(--color-cta-primary);color:#333;align-items:center;font-weight:400;font-size:14px;line-height:100%;letter-spacing:0;z-index:1;pointer-events:none}.slider-toggle{position:relative;width:46px;height:30px;background-color:#fff;transition:.4s;border-radius:42px;border:1px solid #D9D9D9;transition:background-color .3s ease}.switch input{opacity:0;width:0;height:0}.slider-toggle:before{position:absolute;content:"";height:24px;width:24px;top:2px;left:2px;background-color:var(--color-cta-bg-pagination-hover);transition:transform .3s ease,background-color .3s ease;border-radius:50%}.switch input:checked+.slider-toggle:before{transform:translate(16px);background-color:var(--color-brand-primary)}.calculation-circles{width:50%;display:flex;gap:12px;justify-content:center;height:auto;padding-top:131px;padding-bottom:131px}.calculation-circle{width:50%;height:auto;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;aspect-ratio:1/1}.calculation-label{text-align:center;font-size:32px;width:100%;font-weight:400;line-height:100%;padding-top:73.5px;font-family:var(--primary-font-body-family)}.calculation-value{text-align:center;letter-spacing:.5px;font-size:112px;font-weight:600;line-height:120%;width:100%;font-family:var(--primary-font-body-family)}.calculation-unit{text-align:center;font-size:18px;font-weight:500;line-height:100%;width:100%;padding-bottom:70.5px;font-family:var(--primary-font-body-family)}.slider-container-2{display:flex;align-items:center;height:12px;background:#d9d9d9;border-radius:100px}.calculation-box .slider-container .slider{height:8px;margin-left:2px}.layout-left{flex-direction:row}.layout-left .calculation-text-box{padding:203.5px 95px 203.5px 100px}.layout-left .calculation-text-container .calculation-subtitle{padding-right:98px}.layout-left .calculation-box .slider-container{width:85%}.layout-left .calculation-circles{padding-right:52px}.layout-right{flex-direction:row-reverse}.layout-right .calculation-circles{padding-left:100px;width:57.6%}.layout-right .calculation-text-box{padding-left:95px;padding-right:50px;width:49.8%}.layout-right .calculation-box .slider-container{padding-right:78px}.layout-center{flex-direction:column;text-align:center;row-gap:32px}.layout-center .calculation-box .toggle-wrapper{justify-content:center}.layout-center .calculation-box .slider-container{padding-left:39px;padding-right:39px}.layout-center .calculation-text-box{padding-top:64px;padding-left:calc((100vw - 525px)/2);padding-right:calc((100vw - 525px)/2);width:100%}.layout-center .calculation-circles{padding-bottom:64px;padding-left:calc((100vw - 670px)/2);padding-right:calc((100vw - 670px)/2);padding-top:0;width:100%}.layout-center .calculation-circle-liner{margin-left:2px}@media screen and (max-width:1024px){.calculation-label{padding-top:0}.calculation-unit{padding-bottom:0}.layout-left .calculation-text-box{padding:0}.layout-left .calculation-text-container{padding-left:50px}.layout-left .calculation-title{font-size:32px}.layout-left .calculation-box .slider-container{padding-left:50px}.layout-left .calculation-container .toggle-wrapper{padding-left:20px}.layout-left .calculation-circles{padding-right:0;gap:6px}.layout-left .calculation-label{font-size:26px}.layout-left .calculation-value{font-size:83.5px}.layout-left .calculation-unit{font-size:16px}.layout-left .calculation-circle-liner{margin-right:50px}.layout-left .calculation-text-box .toggle-wrapper{padding-left:50px}.layout-center .calculation-text-box{padding-left:calc((100vw - 525px)/2);padding-right:calc((100vw - 525px)/2)}.layout-center .calculation-circles{padding-top:0;padding-left:calc((100vw - 670px)/2);padding-right:calc((100vw - 670px)/2)}.layout-center .calculation-label{padding-top:73.5px}.layout-center .calculation-unit{padding-bottom:70.5px}.layout-right .calculation-text-box{padding-left:0;padding-right:0}.layout-right .calculation-text-container,.layout-right .calculation-box .slider-container,.layout-right .calculation-container .toggle-wrapper{padding-left:20px}.layout-right .calculation-circles{padding-left:50px;padding-right:30px}.layout-right .calculation-label{font-size:26px}.layout-right .calculation-unit{font-size:16px}.layout-right .calculation-value{margin-right:15px;margin-left:15px;font-size:55px}}@media screen and (max-width:769px){.layout-left .calculation-value{font-size:65.5px}.layout-left .calculation-circle-liner{margin-right:25px}.layout-center .calculation-text-box{padding-left:calc((100vw - 525px)/2);padding-right:calc((100vw - 525px)/2)}.layout-center .calculation-circles{padding-top:0;padding-left:calc((100vw - 670px)/2);padding-right:calc((100vw - 670px)/2)}}@media screen and (max-width:749px){.calculation-svg .tooltip{width:190px}.calculation-svg .tooltip:after{top:-8%}.layout-center .calculation-text-box{padding-left:0;padding-right:0}.layout-center .calculation-circles{padding-left:calc((100vw - 344px)/2);padding-right:calc((100vw - 344px)/2)}.layout-center .calculation-unit{padding-bottom:0}.layout-center .calculation-label{padding-top:0}}@media screen and (max-width:320px){.calculation-svg .tooltip{width:130px}.calculation-svg .tooltip:after{top:-6%}}@media screen and(max-width: 425px){.layout-left .calculation-text-box .slider-container{width:100%;padding-left:35px;padding-right:40px}}@media screen and (max-width:749px){.calculation-container{flex-direction:column!important;text-align:center!important;gap:32px;width:100%;height:auto}.calculation-box{width:100%;height:auto;padding-top:64px}.calculation-text-container{width:100%;height:auto;padding-left:20px;padding-right:20px}.calculation-title{width:100%;height:auto;font-weight:400;font-size:24px;line-height:100%;letter-spacing:0;padding-bottom:6px}.calculation-subtitle{width:100%;height:auto;font-weight:500;font-size:18px;line-height:120%;letter-spacing:0;padding-top:0}.calculation-text-box .slider-container{padding-left:23px;padding-right:23px}.calculation-container .toggle-wrapper{width:100%;gap:8px;display:flex;justify-content:center}.calculation-circles{padding-top:0;padding-bottom:64px}.calculation-container.mobile-stack .calculation-circles{flex-direction:column;gap:12px;align-items:center;width:100%;padding-left:42.5px;padding-right:42.5px}.calculation-container.mobile-stack .calculation-circle{width:100%;height:auto;aspect-ratio:1 / 1}.calculation-container.mobile-stack .calculation-circle .calculation-value{font-size:95px}.calculation-circles{padding-right:15.5px;padding-left:15.5px;padding-bottom:64px}.calculation-label{font-size:24px;font-weight:400;font-size:20px;line-height:100%;letter-spacing:0;padding-top:33.5px}.calculation-value{font-size:55px;line-height:120%;letter-spacing:.5px;font-weight:600}.calculation-unit{font-weight:500;font-size:14px;line-height:100%;letter-spacing:0;padding-bottom:32.5px}.calculation-box .toggle-wrapper .switch{width:46px}.layout-center .calculation-text-box{width:100%;padding-left:0;padding-right:0}.layout-center .calculation-circles{padding-right:14.5px;padding-left:14.5px;padding-bottom:64px}.layout-left .calculation-value{font-size:55px}.layout-left .calculation-title{font-size:24px}.layout-left .calculation-text-container{padding-left:20px;padding-right:20px}.layout-left .calculation-text-box{width:100%;padding:64px 0 0}.layout-left .calculation-circles{padding-right:15.5px;padding-left:15.5px;padding-bottom:64px;gap:12px}.layout-left .calculation-text-box .slider-container{width:100%;padding-left:35px;padding-right:40px}.layout-left .calculation-text-container .calculation-subtitle{padding-right:0}.layout-left .calculation-circle-liner{margin-right:0}.layout-left .calculation-label{font-size:20px}.layout-left .calculation-unit{font-size:14px}.layout-left .calculation-text-box .toggle-wrapper{padding-left:0}.layout-right .calculation-circles{padding-right:15.5px;padding-left:15.5px;padding-bottom:64px}.layout-right .calculation-text-box .slider-container{width:100%;padding-left:35px;padding-right:40px}.layout-right .calculation-text-box{width:100%;padding-left:0;padding-right:0}.layout-right .calculation-circles,.layout-right .calculation-circle{width:100%}}@media screen and (min-width:1441px){.layout-left .calculation-text-box{padding-left:0}.layout-left .calculation-circles{padding-right:0}.layout-right .calculation-circles{padding-left:0}.layout-right .calculation-text-box{padding-right:0}.layout-center .calculation-circles{padding-left:410px;padding-right:360px}.layout-center .calculation-text-box{padding-left:487px;padding-right:487px}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/calculation.css.map */