.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: #1F2937;--puc-card-bg: #FFFFFF;--puc-meter-bg: #FFFFFF;--puc-toggle-on: #22C55E;max-width:1300px;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:#f7f7f7}.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:15px}.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:13.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:22px;background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:28px 20px 20px;box-shadow:0 3px 8px #0f172a06,0 12px 30px #0f172a0b;width:50%;justify-content:space-between}.puc-gauge{position:relative;width:100%;max-width:450px;display:flex;flex-direction:column;align-items:center}.puc-gauge-svg{width:100%;height:auto;overflow:visible!important}.puc-tick{stroke:#d1d5db;stroke-width:2}.puc-gauge-readout{width:88px;height:88px;padding:2px 8px;background:var(--puc-meter-bg, #fbfbfb);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;line-height:1;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;box-sizing:border-box;border-radius:50%;margin:-25px auto 0;border:solid 1px #f7f7f7}.puc-gauge-label{font-size:9px;color:#6b7280;font-weight:500;margin-bottom:2px;white-space:nowrap}.puc-gauge-value{font-size:16px;font-weight:800;line-height:1.05;color:#111827;font-variant-numeric:tabular-nums;white-space:nowrap}.puc-gauge-unit{font-size:10px;color:#6b7280;font-weight:500;margin-top:2px}.puc-gauge-scale{display:flex;justify-content:space-between;width:100%;max-width:400px;margin-top:-6px;font-size:13px;font-weight:600;color:#374151}.puc-gauge-scale .total_watts{display:flex;gap:5px;align-items:center}.puc-gauge-scale span{font-size:18px}[data-puc-needle]{transition:transform .5s cubic-bezier(.4,0,.2,1)}.puc-budget{width:100%;max-width:320px}.puc-budget-label{display:flex;justify-content:space-between;font-size:13.5px;font-weight:600;margin-bottom:8px}.puc-budget-label span:last-child{color:var(--puc-progress-end)}.puc-progress-track{width:100%;height:10px;background:#e5e7eb;border-radius:999px;overflow:hidden}.puc-progress-fill{height:100%;background:linear-gradient(to right,#58b34e,#8fbe32 25%,#f0c51a,#ff9815 65%,#ff5a1f 82%,#f0442d);border-radius:999px;transition:width .5s cubic-bezier(.4,0,.2,1),background-color .3s ease;display:block!important}.puc-progress-fill.is-over{background:#dc2626!important}.puc-budget-sub{margin-top:8px;text-align:center;font-size:13px;color:#6b7280}.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;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;align-items:center}.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;display:flex;align-items:center;gap:5px}.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}.calc-message h3{font-size:20px;font-weight:700}.calc-message p{font-size:16px;margin-bottom:20px}@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-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:767px){.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:.1}60%{opacity:.4}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{padding:20px;position:sticky;top:70px;z-index:2;border-bottom:1px solid #f7f7f7;background:#f7f7f7;margin:0 -15px;border-radius:8px}.calc-message{font-size:14px;margin-top:15px}.calc-message h3{font-size:18px}.calc-message p{font-size:14px}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/power-usage-calculator.css.map */