.puc-section{--puc-gauge-start: #4CAF50;--puc-gauge-mid: #FFC107;--puc-gauge-end: #F44336;--puc-progress-start: #60A5FA;--puc-progress-end: #1D4ED8;--puc-needle-color: #000000;--puc-card-bg: #FFFFFF;--puc-meter-bg: #FFFFFF;--puc-toggle-on: #22C55E;max-width:1180px;margin:0 auto;padding:40px 20px 60px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#1f2937;box-sizing:border-box}.shopify-section.power-usage-calculator-section{background:#efeeee}.puc-section *,.puc-section *:before,.puc-section *:after{box-sizing:inherit}.puc-heading{text-align:center;font-size:var(--text-h2);font-weight:700;margin:0 0 6px}.puc-subheading{text-align:center;color:#6b7280;margin:0 0 28px;font-size:22px}.puc-error-banner{display:flex;align-items:center;gap:8px;justify-content:center;background:#fef2f2;color:#dc2626;border:1px solid #FCA5A5;border-radius:10px;padding:10px 16px;max-width:620px;margin:0 auto 20px;font-size:14px;font-weight:500}.puc-error-banner[hidden]{display:none}.puc-grid{display:flex;flex-wrap:wrap}.puc-column{display:flex;flex-direction:column;gap:10px;flex:0 0 auto;width:25%}.puc-column[data-puc-column=left]{padding:0 15px 0 0}.puc-column[data-puc-column=right]{padding:0 0 0 15px}.puc-device-row{position:relative;display:flex;align-items:center;gap:13px;min-height:60px;background:#fffffff5;border:1px solid #e2e8f0;border-radius:14px;padding:11px 14px;box-shadow:0 2px 6px #0f172a06,0 8px 22px #0f172a09;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease}.puc-device-row *{pointer-events:none}.puc-device-row:hover{box-shadow:0 2px 10px #0000000f}.puc-device-row.is-disabled-target{outline:2px solid #FCA5A5}.puc-device-icon{width:38px;height:38px;flex:0 0 38px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:#f3f4f6;color:#374151}.puc-device-icon svg,.puc-device-icon img{width:22px;height:22px;object-fit:contain}.puc-device-info{display:flex;flex-direction:column;flex:1 1 auto;min-width:0}.puc-device-name{font-weight:600;font-size:14.5px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.puc-device-watt{font-size:12.5px;color:#6b7280}.puc-toggle{position:relative;display:inline-block;width:42px;height:24px;flex:0 0 42px}.puc-toggle input{opacity:0;width:0;height:0}.puc-toggle-slider{position:absolute;cursor:pointer;top:0;right:0;bottom:0;left:0;background-color:#d1d5db;border-radius:999px;transition:background-color .2s ease}.puc-toggle-slider:before{content:"";position:absolute;height:18px;width:18px;left:3px;top:3px;background-color:#fff;border-radius:50%;transition:transform .2s ease;box-shadow:0 1px 3px #00000040}.puc-toggle input:checked+.puc-toggle-slider{background-color:var(--puc-toggle-on)}.puc-toggle input:checked+.puc-toggle-slider:before{transform:translate(18px)}.puc-toggle input:focus-visible+.puc-toggle-slider{outline:2px solid #2563EB;outline-offset:2px}.puc-gauge-wrap{display:flex;flex-direction:column;align-items:center;gap:0;background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:28px 20px 22px;box-shadow:0 3px 8px #0f172a06,0 12px 30px #0f172a0b;width:50%}.puc-gauge{position:relative;width:100%;max-width:400px;display:flex;flex-direction:column;align-items:center}.puc-gauge-svg{width:100%;height:auto;overflow:visible!important}.puc-gauge-readout-circle{fill:var(--puc-meter-bg, #fff);stroke:#ececec;stroke-width:1}.puc-gauge-label{font-size:9.5px;font-weight:600;fill:#6b7280}.puc-gauge-value{font-size:20px;font-weight:800;fill:#111827;font-variant-numeric:tabular-nums}.puc-gauge-unit{font-size:9.5px;font-weight:500;fill:#6b7280}.puc-gauge-scale-text{font-size:11.5px;font-weight:700;fill:#6b7a90}[data-puc-needle]{transition:transform .5s cubic-bezier(.4,0,.2,1)}.puc-progress-track{width:100%;height:10px;background:#e5e7eb;border-radius:999px;overflow:hidden}.puc-progress-fill{height:100%;background-image:linear-gradient(to right,#58B34E 0%,#8FBE32 calc(var(--puc-bar-end, 100%) * .25),#F0C51A calc(var(--puc-bar-end, 100%) * .45),#FF9815 calc(var(--puc-bar-end, 100%) * .65),#FF5A1F calc(var(--puc-bar-end, 100%) * .82),#F0442D var(--puc-bar-end, 100%));background-repeat:no-repeat;background-position:left center;border-radius:999px;transition:width .5s cubic-bezier(.4,0,.2,1),background-size .5s cubic-bezier(.4,0,.2,1),background-color .3s ease;display:block!important}.puc-progress-fill.is-over{background:#dc2626!important}.calc-message{width:100%;padding:20px;border-radius:12px;text-align:center;background:linear-gradient(145deg,#f8fbff,#f5f9ff);border:1px solid #dbe7f5;color:#334155;font-size:13px;line-height:1.75;box-shadow:inset 0 1px #fffc;margin-top:15px;font-size:16px}@media(max-width:900px){.puc-grid{grid-template-columns:1fr}.puc-gauge-wrap{order:-1;margin-bottom:8px;width:100%}.puc-column{width:50%}}@media(max-width:576px){.puc-column{width:100%;padding:0!important}.puc-column[data-puc-column=left]{padding-bottom:10px!important}}.puc-mobile-view{display:none}@media(max-width:749px){.puc-grid{display:none}.puc-mobile-view{display:block}}.puc-mobile-summary{margin-bottom:8px}.puc-mobile-title{margin:0 0 4px;font-size:15px;font-weight:700;color:#111827}.puc-mobile-value-row{display:flex;align-items:baseline;gap:8px;margin:8px 0 12px}.puc-mobile-value{font-size:36px;font-weight:800;line-height:1;color:#111827;font-variant-numeric:tabular-nums}.puc-mobile-value-suffix{font-size:13.5px;font-weight:500;color:#6b7280}.puc-mobile-track{height:8px;margin-bottom:0}.puc-mobile-categories{display:flex;flex-direction:column;margin-top:8px}.puc-category{border-bottom:1px solid #e5e7eb;padding:8px 0}.puc-category:last-child{border-bottom:1px solid #e5e7eb}.puc-category-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;list-style:none}.puc-category-summary::-webkit-details-marker{display:none}.puc-category-summary::marker{content:""}.puc-category-info{display:flex;flex-direction:column;gap:3px;min-width:0}.puc-category-name{font-size:15.5px;font-weight:700;color:#000}.puc-category-watt{font-size:13px;color:#6b7280}.puc-category-chevron{display:flex;align-items:center;justify-content:center;flex:0 0 auto;color:#9ca3af;transition:transform .2s ease}.puc-category[open] .puc-category-chevron{transform:rotate(180deg)}.puc-category-body{display:flex;flex-direction:column;gap:10px;margin-top:16px}.puc-category-empty{margin:0;font-size:13px;color:#9ca3af}@keyframes puc-shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}.puc-shake{animation:puc-shake .5s cubic-bezier(.36,.07,.19,.97) both}@keyframes puc-screen-shake{10%,90%{transform:translate3d(-3px,0,0)}20%,80%{transform:translate3d(6px,0,0)}30%,50%,70%{transform:translate3d(-9px,0,0)}40%,60%{transform:translate3d(9px,0,0)}}body.puc-screen-shake{animation:puc-screen-shake .6s cubic-bezier(.36,.07,.19,.97) both;overflow-x:hidden}.puc-screen-flash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9998;pointer-events:none;opacity:0;background:radial-gradient(circle at center,#f9731659,#dc26268c)}@keyframes puc-screen-flash{0%{opacity:0}15%{opacity:1}40%{opacity:.25}60%{opacity:.9}to{opacity:0}}.puc-screen-flash.is-flashing{animation:puc-screen-flash .7s ease-in-out both}@media(prefers-reduced-motion:reduce){.puc-shake,body.puc-screen-shake,.puc-screen-flash.is-flashing{animation:none}}@media(max-width:767px){.puc-mobile-value{font-size:22px}.puc-device-row{min-height:auto}.puc-mobile-summary{margin:0 -20px;padding:20px;position:sticky;top:70px;z-index:2;border-bottom:1px solid #e5e7eb;background:#fff}.calc-message{font-size:14px}}.puc-button-header{padding:6px;background:#eff6ff;border:1px solid #DBEAFE;border-radius:14px;margin:0 auto 20px;max-width:50%}.puc-budget-toggle{position:relative;display:flex;align-items:stretch;gap:8px}.puc-button-header>p{text-align:center;font-weight:700;margin-bottom:8px}.puc-gauge-text{margin-bottom:0;text-align:center;font-weight:700}.puc-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.puc-tier-btn{position:relative;flex:1 1 0;min-width:0;display:flex;align-items:center;gap:10px;padding:9px 14px;border-radius:10px;border:1.5px solid transparent;background:#fff;font-family:inherit;text-align:left;cursor:pointer;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease}.puc-tier-btn:hover{border-color:#000;background:#000}.puc-tier-btn:focus-visible{outline:2.5px solid #008de1;outline-offset:2px}.puc-tier-icon{flex:0 0 auto;width:34px;height:34px}.puc-tier-icon svg{width:34px;height:34px}.puc-tier-icon .puc-plug{width:18px;height:18px}.puc-tier-icon .puc-plug-icon{fill:currentColor;transition:fill .2s ease}button:hover .puc-tier-icon svg g,.puc-tier-btn.is-active svg g{fill:#fff}button:hover .puc-tier-icon{border-color:#fff}button:hover .puc-tier-copy strong,button:hover .puc-tier-copy small{color:#fff}.puc-tier-copy{display:flex;flex-direction:column;gap:0;min-width:0}.puc-tier-copy strong{font-size:13.5px;font-weight:700;color:#111827;line-height:1.3;font-variant-numeric:tabular-nums;white-space:nowrap}.puc-tier-copy small{font-size:11px;font-weight:500;color:#6b7280;letter-spacing:.02em}.puc-tier-selected{position:absolute;top:6px;right:8px;display:none;align-items:center;gap:3px;font-size:9.5px;font-weight:700;letter-spacing:.02em;color:#fff}.puc-tier-selected svg{width:9px;height:9px}.puc-tier-btn.is-active{background:#008de1;border-color:#008de1;box-shadow:0 4px 10px -3px #008de166}.puc-tier-btn.is-active .puc-tier-icon{border-color:#fff;color:#fff}.puc-tier-btn.is-active .puc-tier-copy strong{color:#fff}.puc-tier-btn.is-active .puc-tier-copy small{color:#ffffffd9}.puc-tier-btn.is-active .puc-tier-selected{display:inline-flex}.puc-device-icon{width:30px;height:30px;flex:0 0 30px;border-radius:6px}.puc-device-icon svg,.puc-device-icon img{width:18px;height:18px}.puc-device-row{padding:10px}.puc-device-info{line-height:1.2}.puc-device-row{min-height:auto}.calc-message p{font-size:14px}.calc-message p:last-child{margin-bottom:0}@media(max-width:620px){.puc-budget-toggle{padding:5px;gap:6px}.puc-tier-btn{padding:8px 10px;gap:8px}.puc-tier-icon{width:28px;height:28px}.puc-tier-icon .puc-plug{width:15px;height:15px}.puc-tier-copy strong{font-size:12px}.puc-tier-copy small{font-size:10px}.puc-tier-selected{font-size:0;gap:0;top:6px;right:6px}.puc-tier-selected svg{width:11px;height:11px}}@media(prefers-reduced-motion:reduce){.puc-tier-btn,.puc-tier-icon,.puc-tier-icon .puc-plug-icon{transition:none!important}}.puc-limit-line{stroke:#111827;stroke-width:1.6;stroke-linecap:butt}.puc-limit-text{font-size:10.5px;font-weight:700;fill:#374151}.puc-mobile-track-wrap{position:relative;padding-top:16px}.puc-limit-bar-mark{position:absolute;top:10px;bottom:-3px;width:0;border-left:2px solid #111827;border-radius:2px;pointer-events:none;z-index:2}.puc-limit-bar-text{position:absolute;bottom:100%;left:0;transform:translate(-50%);margin-bottom:1px;font-size:11px;font-weight:700;line-height:1;color:#111827;white-space:nowrap}.puc-section[data-tier=low]{--puc-bar-end: var(--puc-limit-pct)}.puc-section[data-tier=low] .puc-progress-track{background:linear-gradient(to right,#E5E7EB var(--puc-limit-pct),var(--puc-limit-solid) var(--puc-limit-pct))}.puc-limit-solid-arc{stroke:var(--puc-limit-solid)}.puc-section[data-tier=high] .puc-limit-solid{display:none}@media(max-width:900px){.puc-button-header{max-width:100%}}@media(max-width:620px){.puc-budget-toggle{padding:0}.puc-tier-icon{width:25px;height:25px}.puc-tier-icon svg{width:25px;height:25px}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/generlink-usage-calculator.css.map */