html{box-sizing:border-box;font-size:100%}*,:after,:before{box-sizing:inherit}body{margin:0}.fuel-header{align-items:center;display:grid;grid-area:header;grid-template-areas:"logo heading .";grid-template-columns:1fr 3fr 1fr;grid-template-rows:60px auto;position:relative;z-index:1}.fuel-header svg{grid-area:logo}.fuel-header h1{background:#000;border-radius:5px;color:#fff;grid-area:heading;margin:0 auto;padding:15px 30px;text-align:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.tool-body{display:grid;grid-template-areas:"header""main";grid-template-rows:60px auto;min-height:calc(100vh - 100px);padding:15px;position:relative;z-index:1}.tool-body:before{bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.main-box-container{grid-area:main;justify-content:center}.main-box{color:#000;display:flex;flex-direction:column;margin:auto 15px;max-width:calc(100vw - 110px);min-height:600px;padding:0;position:relative;text-align:center;width:900px;z-index:1}.main-box h2{border-bottom:1px solid #000;margin-left:auto;margin-right:auto;margin-top:0;padding-bottom:5px;padding-left:10px;padding-right:10px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.main-box p{margin:0 auto;max-width:540px}.fuel-options{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;margin:auto 0}.icon-box{border:1px solid #dbdbdb;border-radius:12px 12px 6px 6px;cursor:pointer}.icon-box.no-hover{pointer-events:none}.icon-box:hover{border-color:#61d3cd}.icon-box:hover .icon-container{background:#61d3cd;border-bottom-left-radius:0;border-bottom-right-radius:0}.icon-box .icon-container{align-items:center;border-radius:11px;display:flex;flex-direction:column;justify-content:center;margin-bottom:0;min-height:140px;padding:15px;transition:background 0ms ease}.icon-box span{background:#ebebeb;border-radius:5px;display:block;font-weight:600;padding:8px;text-align:center;text-transform:uppercase;transition:background 0ms ease;width:100%}.icon-box:hover span{background:#61d3cd;border-top-left-radius:0;border-top-right-radius:0}.icon-box svg{display:block;margin:0 auto;min-height:150px;-webkit-transform:scale(.8);transform:scale(.8);transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease;width:90px}.icon-box svg path{stroke:#000}.icon-box:hover .icon-container svg{-webkit-transform:scale(.9);transform:scale(.9)}.fuel-progress-bar{align-items:center;display:flex;justify-content:space-between;margin:auto auto 0;position:relative;width:80%}.fuel-progress-bar:after{background:#000;content:"";height:3px;left:0;position:absolute;top:50%;width:100%}.fuel-progress-bar span{align-items:center;background:#fff;border:3px solid #000;border-radius:50%;cursor:pointer;display:block;display:flex;font-size:80%;font-weight:700;height:30px;justify-content:center;position:relative;width:30px;z-index:1}.fuel-progress-bar span:hover{background:#61d3cd;border-color:#61d3cd}.fuel-progress-bar span.current{background:#000;border-color:#000;color:#fff;cursor:default}.hour-slider,.slider{width:100%}.slider{-webkit-appearance:none;background:#000!important;height:8px;margin-bottom:30px!important;outline:none;padding:0!important}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#000;border:2px solid #000;border-radius:50%;cursor:pointer;height:30px;width:30px}.slider::-webkit-slider-thumb:hover{background:#61d3cd;border:3px solid #61d3cd}.slider::-moz-range-thumb{background:#000;border-radius:50%;cursor:pointer;height:30px;width:30px}.slider::-moz-range-thumb:hover{background:#fff;border:3px solid #000}.button-container{margin-top:20px;width:100%}.fuel-button{background:#000;border:none;border-radius:7px;color:#fff;cursor:pointer;font-size:23px;font-weight:700;outline:0;padding:12px 20px;text-transform:uppercase}.fuel-button:hover{background:#61d3cd}@media screen and (min-width:750px){.tool-body{padding:55px 25px 25px}.main-box{padding:40px 50px}.fuel-options{font-size:18px;justify-content:center}.button-container{margin-bottom:-60px;margin-top:40px}}@media screen and (min-width:996px){.main-box-container{align-items:center;display:flex}.tool-body{padding:85px 45px 45px}.main-box{display:grid;grid-template-areas:"heading""options""progress";grid-template-rows:-webkit-min-content auto 70px;grid-template-rows:min-content auto 70px}.main-box .heading-container{grid-area:heading}.main-box .fuel-options{grid-area:options}.main-box .fuel-progress-bar{grid-area:progress}.icon-box{margin:0 1.5%;width:22%}.icon-box .icon-container{height:170px}.hour-slider{width:60%}}@media screen and (min-width:1300px){.fuel-header h1{font-size:50px;padding:17px 60px}}@media screen and (max-width:995px){.fuel-header{grid-template-areas:"logo heading";grid-template-columns:1fr 2fr;justify-content:space-between}.tool-body{row-gap:30px}.fuel-header h1{text-align:right}.main-box{min-height:560px;padding:30px;row-gap:30px}.icon-box{margin-bottom:15px;width:calc(50% - 7.5px)}.icon-box:nth-of-type(odd){margin-right:7.5px}.icon-box:nth-of-type(2n){margin-left:7.5px}.icon-box svg{height:66px;max-width:100%;min-height:unset;width:auto}.hour-slider{width:80%}.tool-body{height:auto;min-height:calc(100vh - 100px)}}@media screen and (max-width:510px){p{font-size:100%}.tool-body{grid-template-rows:80px auto;padding-bottom:40px;row-gap:25px}.fuel-header{grid-template-areas:"logo""heading";grid-template-columns:1fr;grid-template-rows:auto;justify-items:center}.fuel-header h1{font-size:22px;margin-bottom:0}.main-box{height:100%;margin:0;max-width:calc(100vw - 30px);min-height:509px;padding:0;row-gap:15px}.main-box h2{font-size:24px;margin-bottom:10px}.icon-box .icon-container{min-height:100px}.hour-slider{width:100%}div.advice-copy,p.advice-copy{margin-bottom:10px!important;margin-top:0!important}}.error-message{color:#e10505;font-size:20px;font-weight:700;margin-top:30px!important}.advice-copy{margin-bottom:30px!important;margin-top:30px!important}.loading-container{display:flex;height:100%}form{display:flex;flex-direction:column}input[type=email],input[type=submit],input[type=text]{-webkit-appearance:none;appearance:none}form input:not([type=checkbox]){font-family:inherit;max-width:90%;width:340px}form input:not([type=submit]):not([type=checkbox]){background:#ebebeb;border:2px solid #ebebeb;border-radius:5px;display:block;font-size:18px;margin:0 auto 10px;outline:none;padding:10px}form input:not([type=submit]):not([type=checkbox]):focus{border-color:#61d3cd}form input[type=submit]{background:#000;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:18px;font-family:SuisseIntl;font-weight:600;margin:0 auto;padding:12px 15px 13px;text-transform:uppercase}form input[type=submit]:hover{background:#61d3cd}form label{display:flex;justify-content:center;margin:10px auto 18px;max-width:340px;text-align:left}form input[type=checkbox]{-webkit-appearance:none;background:#fff;border:2px solid #000;border-radius:5px;display:block;height:19px;margin-right:10px;min-width:19px;width:19px}form input[type=checkbox]:checked{background:#414141}
/*# sourceMappingURL=/cdn/shop/t/5/assets/main.98e104dd.css.map */