.prc-panel{padding:0}.prc-form{width:100%}.prc-calculator-title{margin:10px 0 8px;font-size:23px;line-height:1.12;letter-spacing:-.02em;font-weight:500;color:#111827}.prc-calculator-subtitle{margin:0 0 -10px;color:#6b7280;font-size:15px;line-height:1.45;font-weight:400}.prc-reference-box{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;margin-bottom:16px;border:1px solid rgba(147,197,253,.32);border-radius:18px;background:linear-gradient(135deg,#fffffff5,#eff6fff5 52%,#e0f2feeb);box-shadow:0 1px 2px #0000000a,0 10px 30px #3b82f60f;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.prc-reference-box__label{font-size:14px;color:#4b5563;font-weight:500;letter-spacing:-.01em}.prc-reference-box__value{display:inline-flex;align-items:center;justify-content:center;min-width:68px;padding:8px 14px;border-radius:999px;background:linear-gradient(180deg,#fffffff5,#eff6fff5);border:1px solid rgba(147,197,253,.35);color:#0f172a;font-size:15px;font-weight:600;box-shadow:inset 0 1px #fffffff2,0 4px 14px #3b82f614}.prc-required-asterisk{color:#dc2626;font-weight:700}[data-prc-root] .hpc-shape-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;justify-content:unset}[data-prc-root] .hpc-shape-option{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:118px;padding:16px 12px;border-radius:20px;border:1px solid rgba(17,24,39,.08);background:linear-gradient(180deg,#fffffffa,#f9fafbfa);box-shadow:0 1px 2px #00000008,0 8px 24px #0000000a;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease;overflow:hidden}[data-prc-root] .hpc-shape-option:hover{transform:translateY(-1px);border-color:#1118271f;box-shadow:0 1px 2px #0000000a,0 14px 30px #0000000f}[data-prc-root] .hpc-shape-option input[type=radio]{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer;margin:0;z-index:3}[data-prc-root] .hpc-shape-option svg,[data-prc-root] .hpc-shape-option img{position:relative;z-index:1;width:58px;height:58px;padding:0;border-radius:0;background:transparent;box-shadow:none;transition:transform .18s ease}[data-prc-root] .hpc-shape-option:before{content:"";position:absolute;top:14px;right:14px;width:10px;height:10px;border-radius:999px;background:#94a3b873;box-shadow:inset 0 0 0 1px #ffffffd9;transition:transform .18s ease,background .18s ease,box-shadow .18s ease;z-index:1}[data-prc-root] .hpc-shape-option span{position:relative;z-index:1;font-size:14px;line-height:1.25;font-weight:500;color:#111827;text-align:center;letter-spacing:-.01em}[data-prc-root] .hpc-shape-option .mb-icon,[data-prc-root] .hpc-shape-option>svg,[data-prc-root] .hpc-shape-option>img{display:flex;align-items:center;justify-content:center}[data-prc-root] .hpc-shape-option:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(180deg,#3b82f600 0% 100%);transition:background .18s ease;pointer-events:none}[data-prc-root] .hpc-shape-option:has(input[type=radio]:checked){border-color:#3b82f638;background:linear-gradient(180deg,#fff,#eff6fff2);box-shadow:0 1px 2px #0000000a,0 12px 28px #3b82f61a}[data-prc-root] .hpc-shape-option:has(input[type=radio]:checked):before{background:#3b82f6;transform:scale(1.15);box-shadow:0 0 0 4px #3b82f61f,inset 0 0 0 1px #ffffffe6}[data-prc-root] .hpc-shape-option:has(input[type=radio]:checked):after{background:linear-gradient(180deg,#3b82f608,#3b82f603)}[data-prc-root] .hpc-shape-option:has(input[type=radio]:checked) svg,[data-prc-root] .hpc-shape-option:has(input[type=radio]:checked) img{background:transparent;box-shadow:none;transform:scale(1.08)}[data-prc-root] .hpc-shape-option:has(input[type=radio]:focus-visible){outline:none;box-shadow:0 0 0 4px #3b82f61f,0 10px 24px #0000000d}[data-prc-shape-fields],.hpc-field{flex:1}.prc-fieldset--ph{display:flex;flex-direction:column}.prc-slider-grid{display:flex;flex-direction:column;gap:23px}.prc-slider-field{background:#ffffffeb;border:1px solid rgba(17,24,39,.06);box-shadow:0 1px 2px #00000008,0 8px 24px #00000008;padding:14px;border-radius:18px}.prc-slider-field label{background-color:unset;color:#111827;transform:none;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:15px;font-weight:500;padding-left:2px}.prc-slider-field label>span:first-child{flex:1;min-width:0}.hpc-fieldset__legend{margin:0 0 8px;font-size:14px;color:#6b7280;font-weight:600;letter-spacing:-.01em}.prc-slider-value{display:inline-flex;align-items:center;justify-content:center;min-width:64px;height:34px;padding:0 14px;text-align:center;font-weight:600;color:#111827;border-radius:999px;background:#f3f4f6;border:1px solid rgba(17,24,39,.05);line-height:1;font-variant-numeric:tabular-nums;margin-left:auto}.prc-slider-reference-wrap{position:relative;padding-top:18px}.prc-slider-reference-line{position:absolute;top:8px;bottom:8px;width:1.5px;background:#1118272e;transform:translate(-50%);z-index:1;border-radius:999px;pointer-events:none}.prc-slider-reference-label{position:absolute;top:-1px;transform:translate(-50%);display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:24px;font-size:12px;line-height:1;font-weight:600;font-variant-numeric:tabular-nums;color:#4b5563;background:#fffffff5;border:1px solid rgba(17,24,39,.07);border-radius:999px;padding:0 9px;z-index:2;pointer-events:none;white-space:nowrap;box-shadow:0 2px 10px #0000000d}.prc-slider-reference-wrap input[type=range]{position:relative;z-index:3}.prc-slider-field input[type=range]{position:relative;z-index:3;width:100%;height:4px;border-radius:999px;background:#e5e7eb;outline:none;-webkit-appearance:none;appearance:none}.prc-slider-field input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:#fff;border:1px solid rgba(17,24,39,.08);box-shadow:0 1px 3px #0000001a,0 6px 16px #00000014;cursor:pointer}.prc-slider-field input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#fff;border:1px solid rgba(17,24,39,.08);box-shadow:0 1px 3px #0000001a,0 6px 16px #00000014;cursor:pointer}.prc-slider-field input[type=range]::-moz-range-track{height:4px;border-radius:999px;background:#e5e7eb}.prc-result{flex-direction:column;align-items:stretch;gap:16px;padding:18px;border-radius:20px;border:1px solid rgba(17,24,39,.07);background:linear-gradient(180deg,#fffffffa,#f9fafbfa);box-shadow:0 1px 2px #0000000a,0 10px 28px #0000000d}.prc-result.is-error{background:linear-gradient(180deg,#fffafafa,#fff1f2fa);border-color:#dc262629}.prc-result.is-warning{background:linear-gradient(180deg,#fffcf5fa,#fff7edfa);border-color:#f59e0b2e}.prc-result.is-success{background:linear-gradient(180deg,#f5fff9fa,#ecfdf5fa);border-color:#22c55e29}.prc-result__header{display:flex;flex-direction:column;gap:8px}.prc-result__title{font-size:18px;font-weight:700;letter-spacing:-.015em;color:#0f172a}.prc-result__lead{margin:0;line-height:1.6;color:#334155;font-size:15px}.prc-result__amount{display:inline-block;padding:3px 11px;border-radius:999px;background:#fffffffa;border:1px solid rgba(17,24,39,.08);font-weight:700;color:#0f172a;box-shadow:0 1px 3px #0000000d,inset 0 1px #ffffffe6}.prc-result__target{font-weight:700;color:#111827}.prc-result__unit{font-weight:600;color:#4b5563}.prc-panel .hpc-field input[type=number]{border-radius:14px;border:1px solid rgba(17,24,39,.08);background:#fffffff5;box-shadow:inset 0 1px 2px #00000005;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.prc-panel .hpc-field input[type=number]:focus{border-color:#3b82f659;box-shadow:0 0 0 4px #3b82f61a,inset 0 1px 2px #00000005;outline:none}.prc-panel .hpc-field input[type=number].is-invalid{border-color:#d35151b3;box-shadow:0 0 0 4px #d3515114}@media screen and (max-width:989px){.prc-calculator-title{font-size:24px;margin-bottom:8px}.prc-calculator-subtitle{font-size:15px}.prc-reference-box{align-items:center;padding:14px 16px;border-radius:16px}[data-prc-root] .hpc-shape-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}[data-prc-root] .hpc-shape-option{min-height:104px;padding:14px 10px;border-radius:18px}[data-prc-root] .hpc-shape-option span{font-size:13px}[data-prc-root] .hpc-shape-option svg,[data-prc-root] .hpc-shape-option img{width:52px;height:52px;padding:0}.prc-slider-reference-label{font-size:12px;padding:0 8px;min-width:40px;height:23px}.prc-slider-value{min-width:60px;height:32px;padding:0 12px}}
/*# sourceMappingURL=/cdn/shop/t/69/assets/ph-regulator-calculator.css.map */