.download-container .download-info{margin:0 auto;display:flex;align-items:center;justify-content:space-between}.calculator-desktop-image .screen-distance,.calculator-tablet-image .screen-distance{font-size:12px;line-height:140%;color:#314438;font-weight:700;letter-spacing:.05em;white-space:nowrap;left:290px;top:175px}.download-container .rte-button a{background:#fff;display:inline-block;vertical-align:middle;padding:14px 67px;text-transform:uppercase;font-weight:700;letter-spacing:.02em;border:solid 2px #fff}.download-container .rte-button a:hover{background:transparent;color:#fff}.toggle-slide{flex:0 0 30px}.toggle{display:flex;align-items:center;gap:5px;font-weight:600;font-size:16px;margin-top:10px}.toggle-light .toggle-on,.toggle-light .toggle-select .toggle-inner .active{background:#8dc0d2;color:#fffc}.toggle-light .toggle-blob{border-radius:50px;background:#fff}.calculator-container .dropdown-feet .dropdown-head{border:.852703px solid #BEBCBC;border-radius:3px;padding:7px 10px;cursor:pointer;position:relative;z-index:2;width:80px}.calculator-container .dropdown-feet .dropdown{max-height:200px;overflow:auto}.icon-dropdown{position:absolute;right:10px;height:18px}.icon-dropdown svg{width:10px;height:10px;padding:0}.calculator-container .dropdown-feet .dropdown-head>span{width:100%}.calculator-desktop-image{position:relative;padding:30px;margin:-30px}.download-container .download-info{max-width:550px;padding:44px 10px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.download-container .rte-text{flex:0 0 400px;font-size:20px;line-height:1.4;color:#fff}.rte p{font-size:16px}.download-container{background:#314438}.download-container .rte-button button{background:#fff;display:inline-block;vertical-align:middle;padding:11px 67px;text-transform:uppercase;font-weight:700;letter-spacing:.02em;border:solid 2px #fff;color:#314438}.download-container .rte-button button:hover{background:transparent;color:#fff}.toggle-slide{overflow:hidden;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;direction:ltr;text-align:center}div.disabled>.toggle-slide{opacity:.7;pointer-events:none}.toggle-slide .toggle-on,.toggle-slide .toggle-off,.toggle-slide .toggle-blob{float:left}.toggle-slide .toggle-blob{position:relative;z-index:99;cursor:hand;cursor:grab}.toggle-dark .toggle-slide{border-radius:5px;box-shadow:0 0 0 1px #242529,0 1px 0 1px #666}.toggle-dark .toggle-on,.toggle-dark .toggle-off,.toggle-dark .toggle-blob{color:#ffffffb3;font-size:11px}.toggle-dark .toggle-on,.toggle-dark .toggle-select .toggle-inner .active{background:-webkit-linear-gradient(#1A70BE,#31A2E1);background:linear-gradient(#1a70be,#31a2e1)}.toggle-dark .toggle-off,.toggle-dark .toggle-select .toggle-on{background:-webkit-linear-gradient(#242529,#34363B);background:linear-gradient(#242529,#34363b)}.toggle-dark .toggle-blob{border-radius:4px;background:-webkit-linear-gradient(#CFCFCF,whiteSmoke);background:linear-gradient(#cfcfcf,#f5f5f5);box-shadow:inset 0 0 0 1px #888,inset 0 0 0 2px #fff}.toggle-dark .toggle-blob:hover{background:-webkit-linear-gradient(#c0c0c0,#dadada);background:linear-gradient(silver,#dadada);box-shadow:inset 0 0 0 1px #888,inset 0 0 0 2px #ddd}.toggle-iphone .toggle-slide{border-radius:9999px;box-shadow:0 0 0 1px #999}.toggle-iphone .toggle-on,.toggle-iphone .toggle-off{color:#fff;font-size:18px;font-weight:700;text-shadow:0 0 8px rgba(0,0,0,.5)}.toggle-iphone .toggle-on{border-radius:9999px 0 0 9999px;background:#037bda;box-shadow:inset 2px 2px 5px #0006}.toggle-iphone .toggle-on:after{background:-webkit-linear-gradient(#1189f1,#3797ef);background:linear-gradient(#1189f1,#3797ef);height:50%;content:"";margin-top:-19%;display:block;border-radius:9999px;margin-left:10%}.toggle-iphone .toggle-off{box-shadow:inset -2px 2px 5px #0006;border-radius:0 9999px 9999px 0;color:#828282;background:#ececec;text-shadow:0 0 1px white}.toggle-iphone .toggle-off:after{background:-webkit-linear-gradient(#fafafa,#fdfdfd);background:linear-gradient(#fafafa,#fdfdfd);height:50%;content:"";margin-top:-19%;display:block;margin-right:10%;border-radius:9999px}.toggle-iphone .toggle-blob{border-radius:50px;background:-webkit-linear-gradient(#d1d1d1,#fafafa);background:linear-gradient(#d1d1d1,#fafafa);box-shadow:inset 0 0 0 1px #0009,inset 0 0 0 2px #fff,0 0 3px #0009}.toggle-light .toggle-slide{border-radius:9999px;border:solid 1px #8dc0d2;transform:rotate(180deg)}.toggle-light .toggle-slide span{font-size:0}.toggle:before{content:"in"}.toggle:after{content:"cm"}.toggle{display:flex;align-items:center;gap:5px;font-weight:600;font-size:16px;margin-top:15px}.toggle-light .toggle-on,.toggle-light .toggle-select .toggle-inner .active{background:#8dc0d2}.toggle-light .toggle-off,.toggle-light .toggle-select .toggle-on{color:#0009;background:#8dc0d2}.calculator-container{max-width:1140px;margin:0 auto;padding:80px 20px}.heading-top h6{font-family:Quicksand;font-weight:700;font-size:16px;line-height:140%}.toggle-modern .toggle-slide{border-radius:4px;text-shadow:0 1px 1px rgba(0,0,0,.25),0 0 1px rgba(0,0,0,.2);background:-webkit-linear-gradient(#c0c5c9,#a1a9af);background:linear-gradient(#c0c5c9,#a1a9af);box-shadow:inset 0 2px 1px #0003,inset 0 0 0 1px #00000026,0 1px #ffffff26}.toggle-modern .toggle-on,.toggle-modern .toggle-off{-webkit-transition:all .1s ease-out;transition:all .1s ease-out;color:#fff;text-shadow:1px 1px rgba(0,0,0,.1);font-size:11px;box-shadow:inset 0 2px #fff3,inset 0 0 0 1px #0003,inset 0 -1px 1px #0000001a,0 1px 1px #0003}.toggle-modern .toggle-select .toggle-off,.toggle-modern .toggle-select .toggle-on{background:none}.toggle-modern .toggle-off,.toggle-modern .toggle-off.active{background:-webkit-linear-gradient(#737e8d,#3f454e);background:linear-gradient(#737e8d,#3f454e)}.toggle-modern .toggle-on,.toggle-modern .toggle-on.active{background:-webkit-linear-gradient(#4894cd,#2852a6);background:linear-gradient(#4894cd,#2852a6)}.toggle-modern .toggle-blob{background:-webkit-linear-gradient(#c0c6c9,#81898f);background:linear-gradient(#c0c6c9,#81898f);box-shadow:inset 0 2px #fff3,inset 0 0 0 1px #0003,inset 0 -1px 1px #0000001a,1px 1px 2px #0003;border-radius:3px}.toggle-modern .toggle-blob:hover{background-image:-webkit-linear-gradient(#a1a9af,#a1a9af);background-image:linear-gradient(#a1a9af,#a1a9af)}.toggle-soft .toggle-slide{border-radius:5px;box-shadow:0 0 0 1px #999}.toggle-soft .toggle-on,.toggle-soft .toggle-off{color:#000000b3;font-size:11px;text-shadow:1px 1px white}.toggle-soft .toggle-on,.toggle-soft .toggle-select .toggle-inner .active{background:-webkit-linear-gradient(#d2ff52,#91e842);background:linear-gradient(#d2ff52,#91e842)}.toggle-soft .toggle-off,.toggle-soft .toggle-select .toggle-on{background:-webkit-linear-gradient(#cfcfcf,#f5f5f5);background:linear-gradient(#cfcfcf,#f5f5f5)}.toggle-soft .toggle-blob{border-radius:4px;background:-webkit-linear-gradient(#cfcfcf,#f5f5f5);background:linear-gradient(#cfcfcf,#f5f5f5);box-shadow:inset 0 0 0 1px #bbb,inset 0 0 0 2px #fff}.toggle-soft .toggle-blob:hover{background:-webkit-linear-gradient(#e4e4e4,#f9f9f9);background:linear-gradient(#e4e4e4,#f9f9f9);box-shadow:inset 0 0 0 1px #ddd,inset 0 0 0 2px #ddd}.calculator-container .dropdown-feet .dropdown-head{border:.852703px solid #BEBCBC;border-radius:3px;padding:7px 10px;cursor:pointer;position:relative;z-index:2}.calculator-container .dropdown-feet .dropdown span.cm{display:none}.calculator-container .dropdown-head{line-height:150%;color:gray}.calculator-container .dropdown-feet .dropdown span{display:block}.calculator-container .dropdown{position:absolute;width:100%;border:.852703px solid #BEBCBC;border-radius:3px;background:#fff;border-top:unset;left:0;top:100%;transform:translateY(-2px);padding-top:10px;z-index:1}.calculator-desktop-image{position:relative}.calculator-container .dropdown span{padding:0 10px;line-height:2.5;cursor:pointer;transition:ease all .3s}.calculator-container .dropdown-feet .dropdown{display:none}.calculator-container .dropdown span:hover{background:#eee}.calculator-container .dropdown-feet{display:inline-block;position:relative}.calculator-container .val-dropdown-container{margin-top:15px}.toggle-light .toggle-on,.toggle-light .toggle-off{font-size:11px;font-weight:500}.calculator-desktop-image img{vertical-align:middle;width:100%}#monitor-height-seated{left:45px;top:150px}.calculator-desktop-image span,.calculator-tablet-image span{position:absolute;color:#8dc0d2;font-size:20px;font-weight:700}.desk-height-seated{left:75px;top:330px}.seat-height{left:75px;top:389px}.monitor-height-standing{right:60px;top:70px}.desk-height-standing{right:60px;top:230px}.monitor-height-seated{left:75px;top:180px}.calculator-container .dropdown-feet .dropdown-head .unit{font-weight:700;font-size:26px;color:#314438;position:absolute;right:-15px;width:10px;top:5px}.result-wrapper{display:inline-block;margin-left:20px;position:relative;z-index:1}.calculator-container .dropdown-feet .dropdown-head .drop-value-centimeter+.unit{font-size:12px;bottom:0;top:auto}.calculator-container .btn{padding:10px 24px}.calculator-container .btn:hover{background-color:transparent!important;color:#314438!important;border:2px solid #314438!important}.dropdown-feet{margin-right:30px}.popup-info{text-align:left}.calculator-desktop-image span .val,.calculator-tablet-image span .val{position:static}.calculator-desktop-image span .val+article,.calculator-tablet-image .val+article{display:inline}.calculator-tablet-image{padding:30px;margin:-30px;position:relative;display:none}.calculator-tablet-image img{vertical-align:middle;width:100%}.ergonomic-calculator .error{position:absolute;white-space:nowrap;font-size:12px;color:red;margin-top:3px;font-weight:500}.rte-text{font-size:20px}@media (min-width: 1100px){.calculator-container .heading-top{margin-bottom:-37px}}@media only screen and (max-width: 1099px) and (min-width: 561px){.calculator-tablet-image .screen-distance{top:65px;left:270px}.ctab-img2 .monitor-height-standing{right:30px;top:40px}.ctab-img2 .desk-height-standing{right:30px;top:185px}.calculator-container .val-dropdown-container{margin-bottom:60px}.calculator-desktop-image{display:none}.calculator-tablet-image{display:block}.calculator-container{max-width:560px}.ctab-img1{margin-bottom:80px}.calculator-tablet-image span{font-size:14px}.ctab-img1 .monitor-height-seated{top:65px;left:80px}.ctab-img1 .desk-height-seated{top:195px;left:80px}.ctab-img1 .seat-height{left:80px;top:245px}.ctab-img2{position:relative}}@media (max-width: 840px){.popup-info{left:auto;right:-23px;transform:translateY(30px)}.icon-mark:hover .popup-info{transform:translateY(10px)}.popup-info:after{transform:translate(-20px,-100%);left:auto;right:0}}@media (max-width: 560px){.ergonomic-calculator .error{white-space:unset}.calculator-container{max-width:320px;width:320px}.calculator-tablet-image .screen-distance{top:22px;left:150px;font-size:8px}.val-dropdown-container,.heading-top h6,.toggle{margin-left:-30px;margin-right:-30px}.popup-info{left:auto;right:-23px;transform:translateY(30px)}.icon-mark:hover .popup-info{transform:translateY(10px)}.popup-info:after{transform:translate(-20px,-100%);left:auto;right:0}.result-wrapper:hover .popup-info{transform:translateY(10px)}.calculator-desktop-image{display:none}.calculator-tablet-image{display:block}.calculator-container .dropdown-feet{margin-right:15px;float:left}.result-wrapper{float:right;margin:0}.calculator-container .val-dropdown-container:after{content:"";display:table;clear:both}.calculator-container .val-dropdown-container,.ctab-img1{margin-bottom:60px}.calculator-tablet-image span{font-size:14px}.ctab-img1,.ctab-img2{position:relative}.ctab-img1 .monitor-height-seated{left:30px;top:15px}.ctab-img1 .desk-height-seated{left:30px;top:85px}.ctab-img1 .seat-height{left:30px;top:115px}.ctab-img2 .monitor-height-standing{top:15px;right:17px}.ctab-img2 .desk-height-standing{top:95px;right:17px}.download-container .download-info{padding:44px 30px;flex-direction:column;justify-content:center;align-items:center}.download-container .rte-text{flex:0 0 auto;text-align:center}.download-container .rte-button a{width:100%}.download-info .rte-button{width:100%;text-align:center;margin-top:40px}.template-page-ergonomics-calculator .c-iwt-flex-container .c-iwt-flex-item:last-child{padding-left:0;padding-right:0}.template-page-ergonomics-calculator .c-iwt-container{padding:60px 0}}.calculator-container{margin:auto}.dropdown-feet[data-type=feet-selector][selected-value="6"]+.dropdown-feet .dropdown span:nth-child(6),.dropdown-feet[data-type=feet-selector][selected-value="6"]+.dropdown-feet .dropdown span:nth-child(7),.dropdown-feet[data-type=feet-selector][selected-value="6"]+.dropdown-feet .dropdown span:nth-child(8),.dropdown-feet[data-type=feet-selector][selected-value="6"]+.dropdown-feet .dropdown span:nth-child(9),.dropdown-feet[data-type=feet-selector][selected-value="6"]+.dropdown-feet .dropdown span:nth-child(10),.dropdown-feet[data-type=feet-selector][selected-value="6"]+.dropdown-feet .dropdown span:nth-child(11),.dropdown-feet[data-type=feet-selector][selected-value="6"]+.dropdown-feet .dropdown span:nth-child(12){opacity:.2;pointer-events:none}@media screen and (max-width: 480px){.val-dropdown-container,.heading-top h6,.toggle{margin-left:calc(var(--mobile-content-left-right-margin) + ((100vw - 280px) / -2));margin-right:calc(var(--mobile-content-left-right-margin) + ((100vw - 280px) / -2))}.calculator-container,.download-container .download-info{padding-top:var(--mobile-content-top-bottom-padding);padding-bottom:var(--mobile-content-top-bottom-padding)}}@media screen and (min-width: 481px){.val-dropdown-container,.heading-top h6,.toggle{margin-left:calc(var(--tablet-content-left-right-margin) + ((100vw - 280px) / -2));margin-right:calc(var(--tablet-content-left-right-margin) + ((100vw - 280px) / -2))}.calculator-container,.download-container .download-info{padding-top:var(--tablet-and-above-content-top-bottom-padding);padding-bottom:var(--tablet-and-above-content-top-bottom-padding)}}@media screen and (min-width: 561px){.val-dropdown-container,.heading-top h6,.toggle{margin-left:calc(var(--tablet-content-left-right-margin) + ((100vw - 100%) / -2));margin-right:calc(var(--tablet-content-left-right-margin) + ((100vw - 100%) / -2))}}@media screen and (min-width: 841px){.val-dropdown-container,.heading-top h6,.toggle{margin-left:calc((77.777vw - 520px)/-2);margin-right:calc((77.777vw - 520px)/-2)}}@media screen and (min-width: 1100px){.val-dropdown-container,.heading-top h6,.toggle{margin-left:calc((77.777vw - 100%)/-2);margin-right:calc((77.777vw - 100%)/-2)}}@media screen and (min-width: 1440px){.val-dropdown-container,.heading-top h6,.toggle{margin-left:calc((var(--large-desktop-content-max-width) - (100%)) / -2);margin-right:calc((var(--large-desktop-content-max-width) - (100%)) / -2)}}
/*# sourceMappingURL=/cdn/shop/t/738/assets/calculator.css.map */