:root{--bg-black: #000000;--bg-panel: #050505;--bg-card: #0a0a0a;--border-gray: #27272a;--border-zinc: #18181b;--text-white: #ffffff;--text-gray-300: #d1d5db;--text-gray-400: #9ca3af;--text-gray-500: #6b7280;--text-zinc-600: #52525b;--neon-green: #1DF301;--neon-green-dim: rgba(29, 243, 1, .2);--font-sans: "Inter", sans-serif;--font-mono: "Roboto Mono", monospace;--font-display: "Neue Haas Grotesk Display Pro", "Inter", sans-serif;--font-display-roman: "Neue Haas Grotesk Display Pro 55 Roman", "Neue Haas Grotesk Display Pro", "Inter", sans-serif;--font-label: "Akkurat Mono Trial TT", "Roboto Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-black)!important;color:var(--text-white);font-family:var(--font-sans)}@media (max-width: 1099px){html{height:auto;min-height:100%;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}body{display:block;height:auto;min-height:100vh;overflow-y:auto;overflow-x:hidden}body::-webkit-scrollbar{width:6px;display:block}body::-webkit-scrollbar-track{background:transparent}body::-webkit-scrollbar-thumb{background-color:#fff3;border-radius:4px;transition:background-color .2s ease}body::-webkit-scrollbar-thumb:hover{background-color:#ffffff59}body::-webkit-scrollbar-thumb:active{background-color:var(--neon-green)}}.hidden{display:none!important}.ogc-container{max-width:1440px;background-color:var(--bg-panel);padding:20px;position:relative;margin:155px auto 0}@media (max-width: 1099px){.ogc-container{padding:10px;max-width:none;border-radius:20px;margin-bottom:32px;margin-top:115px}}.ogc-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:0}@media (max-width: 1099px){.ogc-header{flex-direction:column;align-items:flex-start;gap:24px}}.ogc-main-title{font-family:var(--font-display);font-size:75px;font-weight:450;margin:0;line-height:.9;padding-bottom:.2em;display:block;background:radial-gradient(circle,#fff 58%,#1df401);-webkit-background-clip:text;background-clip:text;color:transparent}.ogc-main-title span{color:transparent}@media (max-width: 1099px){.ogc-main-title{font-size:43px}}.ogc-main-divider{height:1px;background-color:#ffffff40;width:100%;margin-top:40px;margin-bottom:40px}@media (max-width: 1099px){.ogc-main-divider{margin-top:24px;margin-bottom:24px}}.ogc-tabs{position:relative;background-color:#27272a;padding:4px;border-radius:2px;border:1px solid var(--border-zinc);display:flex;width:332px;height:48px}@media (max-width: 1099px){.ogc-tabs{width:100%;height:44px}}.ogc-tab-indicator{position:absolute;top:4px;bottom:4px;left:0;background-color:#000;border-radius:2px;z-index:1;pointer-events:none}.ogc-tab-btn{position:relative;z-index:2;flex:1;display:flex;align-items:center;justify-content:center;cursor:pointer;border:none;background:transparent;color:#fff;font-family:var(--font-display);font-weight:450;font-size:14px;line-height:.9;white-space:nowrap}@media (max-width: 480px){.ogc-tab-btn{font-size:12px}}.ogc-tab-btn:hover{opacity:.8}.ogc-tab-btn.active{color:#fff}.ogc-main-layout{display:flex;gap:20px;align-items:flex-start;width:100%}@media (max-width: 1099px){.ogc-main-layout{flex-direction:column;gap:24px}}.ogc-layout-offgrid-inputs,.ogc-layout-range-inputs{display:flex;gap:20px;flex-shrink:0}@media (max-width: 1099px){.ogc-layout-offgrid-inputs,.ogc-layout-range-inputs{flex-direction:column;width:100%;gap:24px}.ogc-col-range-small{display:flex;flex-direction:column;gap:20px;width:100%}}@media (min-width: 1100px){.ogc-col-range-large{width:572px;flex-shrink:0}.ogc-col-range-small{width:335px;flex-shrink:0;display:flex;flex-direction:column;gap:20px}.ogc-card-tow-vehicle{width:572px;height:452px}}.ogc-card{background-color:var(--bg-card);border:1px solid var(--border-gray);padding:20px;display:flex;flex-direction:column;position:relative;box-sizing:border-box;border-radius:4px;overflow:hidden}@media (max-width: 1099px){.ogc-card{padding:16px}}.ogc-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;z-index:10}.ogc-card-title{font-family:var(--font-label);font-size:12px;font-weight:400;line-height:1.5;letter-spacing:.15em;word-spacing:-.1em;color:#909090;text-transform:uppercase;white-space:nowrap;overflow:visible;text-overflow:clip;flex:1}.ogc-icon-info{color:var(--text-gray-500);cursor:pointer;width:14px;height:14px;flex-shrink:0;margin-left:8px;display:flex;align-items:center;justify-content:center}.ogc-icon-info svg{display:block;width:100%;height:100%}.ogc-icon-info:hover{color:var(--text-gray-300)}.ogc-card-content{flex:1;position:relative;display:flex;flex-direction:column}.ogc-visual-section{width:100%;height:300px;border-radius:4px;overflow:hidden;border:1px solid var(--border-zinc);position:relative;flex-shrink:0}.ogc-visual-section-wrapper{position:relative;width:100%}.ogc-visual-section-anchor{position:absolute;top:0;left:0;width:100%;height:1px;pointer-events:none;visibility:hidden;z-index:-1}@media (max-width: 1099px){.ogc-visual-section{height:380px;transition:transform .3s ease-out,opacity .3s ease-out}.ogc-visual-section-fixed{position:fixed;bottom:0;left:0;right:0;width:100%;z-index:1000;margin:0;border-radius:0;border-left:none;border-right:none;border-bottom:none;padding-bottom:env(safe-area-inset-bottom);transform:translateZ(0);-webkit-transform:translateZ(0);will-change:transform}.ogc-visual-section-wrapper-has-fixed{min-height:80px;min-height:calc(80px + env(safe-area-inset-bottom))}.ogc-visual-section-wrapper-has-fixed.ogc-visual-section-wrapper-expanded{min-height:380px;min-height:calc(380px + env(safe-area-inset-bottom))}.ogc-visual-section-fixed{box-sizing:border-box}.ogc-visual-section-hidden{display:none}.ogc-visual-section-expanded{display:block!important}.ogc-visual-section-compact{position:fixed;bottom:0;left:0;right:0;width:100%;height:80px;background:var(--bg-card);border-top:1px solid var(--border-zinc);z-index:1000;display:none;align-items:center;justify-content:space-between;padding:12px 16px;padding-bottom:calc(12px + env(safe-area-inset-bottom));box-sizing:border-box;transition:transform .3s ease-out,opacity .3s ease-out;transform:translateY(100%);opacity:0}.ogc-visual-section-compact-visible{display:flex;transform:translateY(0);opacity:1}.ogc-visual-section-compact-content{flex:1;display:flex;flex-direction:column;gap:4px}.ogc-visual-section-compact-result{display:flex;flex-direction:column;gap:4px}.ogc-visual-section-compact-label{font-size:12px;color:var(--text-gray-400);font-family:var(--font-label);text-transform:uppercase;letter-spacing:.5px}.ogc-visual-section-compact-value{display:flex;align-items:baseline;gap:4px}.ogc-visual-section-compact-num{font-size:24px;font-weight:600;color:var(--text-white);font-family:var(--font-display);line-height:1}.ogc-visual-section-compact-unit,.ogc-visual-section-compact-suffix{font-size:14px;color:var(--text-gray-400);font-family:var(--font-sans)}.ogc-visual-section-compact-expand{width:40px;height:40px;border:none;background:transparent;color:var(--text-gray-400);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:background-color .2s ease,color .2s ease,transform .3s ease;flex-shrink:0;-webkit-tap-highlight-color:transparent}.ogc-visual-section-compact-expand:hover,.ogc-visual-section-compact-expand:active{background:var(--bg-panel);color:var(--text-white)}.ogc-visual-section-compact-expand svg{width:20px;height:20px;transition:transform .3s ease}.ogc-visual-section-compact-expanded .ogc-visual-section-compact-expand svg{transform:rotate(180deg)}.ogc-visual-section-compact-expanded{transform:translateY(100%);opacity:0;pointer-events:none}.ogc-visual-section-expanded{display:block!important;position:fixed;bottom:0;left:0;right:0;width:100%;z-index:1001;margin:0;border-radius:0;border-left:none;border-right:none;border-bottom:none;padding-bottom:env(safe-area-inset-bottom);box-sizing:border-box;max-height:90vh;overflow-y:auto;-webkit-overflow-scrolling:touch}@media (min-width: 1100px){.ogc-visual-section-compact{display:none!important}}}@media (min-width: 1100px){.ogc-visual-section{width:453px;height:452px}}.ogc-visual-bg-off-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(/cdn/shop/files/off-grid.jpg?v=1766971815);background-size:cover;background-position:center;transition:transform .7s}.ogc-visual-bg-range{position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(/cdn/shop/files/range.jpg?v=1766971826);background-size:cover;background-position:center;transition:transform .7s}.ogc-visual-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,rgba(0,0,0,.8),transparent,rgba(0,0,0,.9))}.ogc-visual-content{position:absolute;top:0;right:0;bottom:0;left:0;padding:24px;display:flex;flex-direction:column;justify-content:space-between;z-index:10}.ogc-visual-row{display:flex;justify-content:space-between;width:100%}.ogc-visual-stat-right{text-align:right;border-left:1px solid rgba(255,255,255,.3);padding-left:24px}.ogc-stat-label{font-family:var(--font-label);font-size:12px;font-weight:400;line-height:1.5;color:#fffc;text-transform:uppercase;margin-bottom:20px}.ogc-stat-value{font-family:var(--font-display-roman);font-size:24px;font-weight:450;line-height:.7;color:#fff;display:flex;align-items:baseline}.ogc-visual-row>div:last-child .ogc-stat-value{justify-content:flex-end}.ogc-stat-unit{font-family:var(--font-display-roman);font-size:12px;font-weight:450;line-height:1.2;color:#ffffff80;margin-left:4px}.ogc-visual-footer{height:146px;display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:8px}.ogc-duration-label{font-family:var(--font-label);font-size:12px;font-weight:400;line-height:1.5;color:#fff;opacity:.8;text-transform:uppercase;margin-bottom:12px}.ogc-duration-row{display:flex;justify-content:space-between;align-items:flex-end;width:100%}.ogc-duration-value-wrap{display:flex;align-items:baseline;gap:8px;flex:1;min-width:0;flex-wrap:nowrap}.ogc-duration-num{font-family:var(--font-display-roman);font-size:80px;font-weight:450;line-height:.9;color:#fff}@media (max-width: 1099px){.ogc-duration-num{font-size:48px}.ogc-duration-num.text-unlimited{font-size:32px}}.ogc-duration-suffix{font-family:var(--font-display-roman);font-size:20px;font-weight:450;line-height:.9;color:#fff;opacity:.8}@media (max-width: 1099px){.ogc-duration-suffix{font-size:14px;white-space:normal;line-height:1.2}}.ogc-range-miles-unit{font-family:var(--font-display-roman);font-size:20px;font-weight:450;line-height:.9;color:#fff;opacity:.8;margin-left:8px}@media (max-width: 1099px){.ogc-range-miles-unit{font-size:14px}}.ogc-divider{width:100%;height:1px;background-color:#fff3;margin-bottom:16px}.ogc-arrow-box{position:relative;width:40px;height:40px;background-color:var(--text-white);color:var(--bg-black);display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:2px;margin-bottom:10px;flex-shrink:0;margin-left:12px}@media (max-width: 1099px){.ogc-arrow-box{width:32px;height:32px;margin-bottom:4px;margin-left:8px}.ogc-arrow-box svg{width:16px;height:16px}}.ogc-col{display:flex;flex-direction:column;gap:20px;flex-shrink:0;width:100%}@media (min-width: 1100px){.ogc-col-small{width:217px}.ogc-col-large{width:453px}}.ogc-row-mobile-stack{display:flex;flex-direction:column;gap:20px}@media (min-width: 768px){.ogc-row-mobile-stack{flex-direction:row}}@media (min-width: 1100px){.ogc-row-mobile-stack.to-col{flex-direction:column}}.ogc-card-power{background:linear-gradient(180deg,#242322,#24232200);border:1px solid rgba(255,255,255,.2)}.ogc-card-water{background:linear-gradient(180deg,#1d1a1e,#322d3100);border:1px solid rgba(255,255,255,.2)}@media (min-width: 1100px){.ogc-card-power{height:230px}.ogc-card-water{height:202px}}.ogc-power-water-row{display:flex;flex-direction:row;gap:20px;width:100%}.ogc-power-water-row .ogc-card{flex:1;width:0;min-width:0}@media (min-width: 1100px){.ogc-power-water-row{flex-direction:column}.ogc-power-water-row .ogc-card{width:100%;flex:auto}.ogc-card-power .ogc-progress-group{justify-content:flex-start;gap:8px;padding-top:0;padding-bottom:8px}}.ogc-progress-group{display:flex;flex-direction:column;justify-content:space-between;height:100%;gap:8px;padding-top:8px}.ogc-progress-header{display:flex;justify-content:space-between;font-size:12px;margin-bottom:6px;width:100%;max-width:170px}.ogc-progress-label{color:"#fff";font-weight:400}.ogc-progress-value{color:var(--text-gray-400);font-family:var(--font-mono);font-size:10px}.ogc-progress-track{height:4px;width:100%;max-width:170px;background-color:#27272a;position:relative;border-radius:2px}.ogc-progress-fill{position:absolute;top:0;left:0;height:100%;background-color:var(--text-white);border-radius:2px;transition:width .5s}.ogc-h-98{height:98px}.ogc-h-216{height:216px}@media (max-width: 1099px){.ogc-h-216{height:auto;min-height:180px}.ogc-h-98{height:auto;min-height:98px}}.ogc-num-container{display:flex;align-items:flex-end;justify-content:space-between;width:100%;height:100%;padding-bottom:20px}.ogc-num-val-group{display:flex;align-items:baseline;gap:4px}.ogc-num-value{font-size:24px;font-weight:400;color:var(--text-white);line-height:1}.ogc-num-suffix{font-size:12px;color:var(--text-gray-500)}.ogc-num-controls{display:flex;flex-direction:column;gap:0;height:30px;justify-content:space-between}.ogc-ctrl-btn{background:none;border:none;color:var(--text-gray-500);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;width:16px;height:16px}.ogc-ctrl-btn svg{width:16px;height:16px}@media (max-width: 1099px){.ogc-card-numeric .ogc-card-content{position:static}.ogc-card-numeric{height:90px!important;min-height:90px!important}.ogc-card-numeric .ogc-num-controls{position:absolute;top:0;right:0;bottom:0;height:100%;width:64px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:20px;border-left:none;background-color:transparent;margin:0;padding:13px 0 0;z-index:20}.ogc-card-numeric .ogc-ctrl-btn{width:24px;height:24px}.ogc-card-numeric .ogc-ctrl-btn svg{width:24px;height:24px}.ogc-card-numeric .ogc-num-container{padding-right:52px;justify-content:flex-start;align-items:flex-end;position:static;width:auto}.ogc-card-numeric .ogc-card-header{margin-right:52px}}.ogc-ctrl-btn:hover{color:var(--text-white)}.ogc-toggle-row{display:flex;justify-content:space-between;align-items:center;height:100%;padding-top:4px}.ogc-switch{width:48px;height:24px;border-radius:2px;display:flex;align-items:center;padding:0 8px;border:1px solid var(--border-gray);background-color:#18181b;cursor:pointer;transition:background-color .2s,border-color .2s;position:relative}.ogc-switch.active{background-color:#27272a;border-color:transparent}.ogc-switch.disabled{opacity:.5;pointer-events:none}.ogc-switch-thumb{width:8px;height:8px;border-radius:2px;background-color:#fff;box-shadow:0 4px 6px -1px #0000001a;transform:translate(0);transition:transform .2s,background-color .2s}.ogc-switch.active .ogc-switch-thumb{transform:translate(22px);background-color:var(--neon-green)}.ogc-season-viewport{width:100%;height:134px;margin-top:20px;overflow:hidden;position:relative;pointer-events:auto;-webkit-mask-image:linear-gradient(to bottom,transparent,black 30%,black 70%,transparent);mask-image:linear-gradient(to bottom,transparent,black 30%,black 70%,transparent)}.ogc-season-wheel{width:100%;display:flex;flex-direction:column;gap:18px;padding:0;transition:transform .4s cubic-bezier(.2,.8,.2,1);position:relative}.ogc-season-item{display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:opacity .3s ease,color .3s ease;opacity:.6;height:40px;min-height:40px;flex-shrink:0}.ogc-season-item.active{opacity:1}.ogc-season-item.active .ogc-season-name{background:linear-gradient(to right,#1df301,#fff 41%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}.ogc-season-name{font-family:var(--font-display);font-weight:450;font-size:24px;line-height:1.3;color:#fff;display:inline-block;vertical-align:middle}.ogc-season-temp{font-family:var(--font-display);font-weight:400;font-size:12px;line-height:1.2;color:#fff}.ogc-vehicle-static-viewport{width:100%;height:100%;overflow-y:auto;position:relative;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}.ogc-vehicle-static-viewport::-webkit-scrollbar{width:6px}.ogc-vehicle-static-viewport::-webkit-scrollbar-track{background:transparent}.ogc-vehicle-static-viewport::-webkit-scrollbar-thumb{background-color:#fff3;border-radius:4px;transition:background-color .2s ease}.ogc-vehicle-static-viewport::-webkit-scrollbar-thumb:hover{background-color:#ffffff59}.ogc-vehicle-static-viewport::-webkit-scrollbar-thumb:active{background-color:var(--neon-green)}.ogc-vehicle-static-list{display:flex;flex-direction:column;gap:0;padding:0;min-height:100%;transition:transform .4s cubic-bezier(.4,0,.2,1)}.ogc-vehicle-static-item{display:flex;justify-content:space-between;align-items:center;flex:1;min-height:60px;height:60px;padding:0 16px;cursor:pointer;transition:opacity .3s ease,color .3s ease;opacity:.2;border-radius:4px}.ogc-vehicle-static-item:hover{opacity:1;background-color:transparent}.ogc-vehicle-static-item.active{opacity:1!important}.ogc-vehicle-name{font-family:var(--font-display);font-size:24px;font-weight:450;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:20px;flex:1;transition:all .3s;line-height:1.3;display:inline-block;vertical-align:middle}@media (max-width: 1099px){.ogc-vehicle-name{font-size:16px}}.ogc-vehicle-range{font-family:var(--font-display);font-weight:400;font-size:12px;line-height:1.2;color:#fff;white-space:nowrap}.ogc-vehicle-static-item.active .ogc-vehicle-name{background:linear-gradient(to right,#1df301,#fff 41%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}.ogc-vehicle-static-item.active .ogc-vehicle-range{color:#fff}.ogc-meals-container{display:flex;flex-direction:column;gap:8px;height:100%;justify-content:center}.ogc-meal-btn{width:100%;text-align:left;padding:12px 16px;font-size:14px;border:1px solid #27272a;background-color:transparent;color:#fff;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:all .2s;font-family:var(--font-sans);border-radius:2px}.ogc-meal-btn:hover{border-color:#3f3f46}.ogc-meal-btn.active{background-color:#27272a;border-color:#27272a;color:var(--text-white)}.ogc-meal-dot{width:6px;height:6px;border-radius:9999px;background-color:var(--neon-green);display:none}.ogc-meal-dot.hidden{display:none}.ogc-meal-btn.active .ogc-meal-dot{display:block}.ogc-slider-row{display:flex;align-items:flex-end;gap:24px;height:100%;padding-bottom:4px}@media (max-width: 1099px){.ogc-slider-row{flex-direction:column;align-items:flex-start;gap:16px;height:auto}}.ogc-slider-val{display:flex;align-items:baseline;gap:4px;min-width:70px}.ogc-slider-track-container{position:relative;width:fit-content;height:24px;display:flex;align-items:flex-end;justify-content:flex-start;gap:2px;cursor:pointer;touch-action:none;padding:0 10px}@media (max-width: 1099px){.ogc-slider-track-container{width:100%;gap:0;justify-content:space-between;padding:0}}.ogc-tick{width:1.35px;background-color:#d7dccf1a;border-radius:1px;transition:background-color .1s}.ogc-tick.long{height:24px}.ogc-tick.short{height:16px}.ogc-tick.active{background-color:#d7dccf66}.ogc-footer{margin-top:40px;margin-bottom:37px;font-size:12px;font-weight:400;line-height:1.4}.ogc-footer p{line-height:1.4;margin:0;opacity:.5}@media (min-width: 768px){.ogc-footer{font-size:12px}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/calculator.css.map */