.hpc{--hpc-gradient: linear-gradient(90deg, #9efbfa, #8368ff);--hpc-gradient-soft: linear-gradient(90deg, #9fccff 0%, #d4b5ff 100%);--hpc-text: #ffffff;--hpc-muted: rgba(255, 255, 255, .6);--hpc-field-bg: rgba(255, 255, 255, .08);--hpc-field-bg-focus: rgba(255, 255, 255, .12);--hpc-line: rgba(255, 255, 255, .12);--hpc-ok: #0cc767;--hpc-warn: #ffb547;--hpc-danger: #ff5c5c;position:relative;padding:80px 20px 96px;background-size:cover;background-position:center;background-repeat:no-repeat;color:var(--hpc-text)}.hpc *,.hpc *:before,.hpc *:after{box-sizing:border-box}.hpc__container{max-width:1100px;margin:0 auto}.hpc__intro{text-align:center;max-width:720px;margin:0 auto 48px}.hpc .hpc__heading{margin:0 0 12px;color:var(--hpc-text);font-size:40px;font-weight:700;line-height:1.2;letter-spacing:1px;text-transform:uppercase}.hpc .hpc__description{margin:0;color:var(--hpc-muted);font-size:18px;line-height:1.5}.hpc__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:start}.hpc__card{position:relative;padding:40px;border:1px solid transparent;border-radius:28px;background:linear-gradient(#0a0a0eeb,#0a0a0eeb) padding-box,var(--hpc-gradient) border-box}.hpc__field{margin-bottom:28px}.hpc__label-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.hpc .hpc__label{display:block;margin:0 0 10px;color:var(--hpc-text);font-size:13px;font-weight:600;letter-spacing:1px;text-transform:uppercase}.hpc__label-row .hpc__label{margin-bottom:0}.hpc__control{position:relative;display:flex;align-items:center;min-height:60px;padding:0 24px;border-radius:50px;background:var(--hpc-field-bg);transition:background .3s ease,box-shadow .3s ease}.hpc__control:focus-within{background:var(--hpc-field-bg-focus);box-shadow:0 0 0 2px #9efbfa73}.hpc .hpc__input,.hpc .hpc__select{flex:1;width:100%;min-width:0;height:60px;margin:0;padding:0;border:0;border-radius:0;outline:none;box-shadow:none;background:transparent;color:var(--hpc-text);font-family:inherit;font-size:18px;font-weight:500;line-height:60px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.hpc .hpc__input:hover,.hpc .hpc__input:focus,.hpc .hpc__select:hover,.hpc .hpc__select:focus{border:0;background:transparent;color:var(--hpc-text)}.hpc .hpc__input::placeholder{color:#ffffff59}.hpc .hpc__input::-webkit-outer-spin-button,.hpc .hpc__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.hpc .hpc__input[type=number]{-moz-appearance:textfield}.hpc .hpc__input--center{text-align:center}.hpc__control--select{padding-right:52px}.hpc .hpc__select{cursor:pointer;text-overflow:ellipsis;white-space:nowrap}.hpc .hpc__select option,.hpc .hpc__select optgroup{background:#14141a;color:#fff}.hpc__chevron{position:absolute;right:22px;top:50%;width:20px;height:20px;transform:translateY(-50%);color:var(--hpc-muted);pointer-events:none}.hpc__suffix{flex-shrink:0;margin-left:12px;color:var(--hpc-muted);font-size:15px;font-weight:500}.hpc .hpc__hint{margin:8px 0 0 24px;color:var(--hpc-muted);font-size:13px;line-height:1.4}.hpc__units{display:inline-flex;padding:3px;border-radius:50px;background:var(--hpc-field-bg)}.hpc .hpc__unit{min-width:44px;margin:0;padding:6px 14px;border:0;border-radius:50px;background:transparent;color:var(--hpc-muted);font-family:inherit;font-size:13px;font-weight:700;line-height:1;cursor:pointer;transition:all .2s ease}.hpc .hpc__unit.is-active{background:var(--hpc-gradient-soft);color:#000}.hpc__control--stepper{padding:0 8px}.hpc .hpc__step{flex-shrink:0;width:44px;height:44px;margin:0;padding:0;border:1px solid transparent;border-radius:50%;background:linear-gradient(#000,#000) padding-box,var(--hpc-gradient) border-box;color:#fff;font-family:inherit;font-size:22px;font-weight:600;line-height:1;cursor:pointer;transition:all .3s ease}.hpc .hpc__step:hover{background:var(--hpc-gradient) border-box,var(--hpc-gradient-soft);color:#000}.hpc .hpc__reset{display:block;width:100%;margin:8px 0 0;padding:18px 24px;border:1px solid transparent;border-radius:50px;background:linear-gradient(#000,#000) padding-box,var(--hpc-gradient) border-box;color:#fff;font-family:inherit;font-size:16px;font-weight:700;letter-spacing:1px;text-transform:uppercase;cursor:pointer;transition:all .3s ease}.hpc .hpc__reset:hover{background:var(--hpc-gradient) border-box,var(--hpc-gradient-soft);color:#000}.hpc__results{position:sticky;top:24px}.hpc .hpc__results-label{margin:0 0 4px;color:var(--hpc-muted);font-size:13px;font-weight:600;letter-spacing:1px;text-transform:uppercase}.hpc .hpc__total{display:flex;align-items:baseline;gap:8px;margin:0 0 28px;font-size:64px;font-weight:800;line-height:1.1;font-variant-numeric:tabular-nums}.hpc__total [data-hpc-total]{background:var(--hpc-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.hpc__total-unit{color:var(--hpc-muted);font-size:24px;font-weight:600}.hpc__meter{margin-bottom:24px}.hpc__meter-track{position:relative;height:12px;border-radius:50px;background:var(--hpc-field-bg);overflow:hidden}.hpc__meter-fill{width:0;height:100%;border-radius:50px;background:var(--hpc-gradient);transition:width .4s ease,background .3s ease}.hpc[data-state=warn] .hpc__meter-fill{background:linear-gradient(90deg,#9efbfa,var(--hpc-warn))}.hpc[data-state=danger] .hpc__meter-fill{background:linear-gradient(90deg,var(--hpc-warn),var(--hpc-danger))}.hpc__meter-mark{position:absolute;top:-2px;bottom:-2px;width:2px;margin-left:-1px;background:#fff;box-shadow:0 0 0 2px #0009}.hpc__meter-scale{position:relative;display:flex;justify-content:space-between;margin-top:10px;color:var(--hpc-muted);font-size:12px;font-weight:500}.hpc__meter-scale-mark{position:absolute;top:0;transform:translate(-50%);color:#fff;white-space:nowrap}.hpc__status{display:flex;align-items:flex-start;gap:12px;margin-bottom:24px;padding:16px 20px;border:1px solid var(--hpc-line);border-radius:16px;background:#ffffff0a;color:var(--hpc-muted);transition:all .3s ease}.hpc__status[data-state=ok]{border-color:#0cc76780;background:#0cc7671a;color:var(--hpc-ok)}.hpc__status[data-state=warn]{border-color:#ffb54780;background:#ffb5471a;color:var(--hpc-warn)}.hpc__status[data-state=danger]{border-color:#ff5c5c80;background:#ff5c5c1a;color:var(--hpc-danger)}.hpc__status-icon{flex-shrink:0;width:20px;height:20px;margin-top:1px}.hpc .hpc__status-text{margin:0;color:inherit;font-size:15px;font-weight:500;line-height:1.45}.hpc .hpc__breakdown{margin:0;padding:0}.hpc__row{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:14px 0;border-top:1px solid var(--hpc-line)}.hpc .hpc__row dt,.hpc .hpc__row dd{margin:0;font-size:15px;line-height:1.4}.hpc .hpc__row dt{color:var(--hpc-muted)}.hpc .hpc__row dd{color:#fff;font-weight:600;text-align:right;font-variant-numeric:tabular-nums}.hpc__row--highlight{margin-top:4px;padding:16px 20px;border:0;border-radius:16px;background:#9efbfa14}.hpc .hpc__row--highlight dt{color:#fff;font-weight:600}.hpc .hpc__muted{color:var(--hpc-muted);font-weight:400}.hpc__footer{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:32px;padding:0 8px}.hpc .hpc__note{margin:0;max-width:640px;color:var(--hpc-muted);font-size:13px;font-style:italic;line-height:1.5}.hpc .hpc__guide-link{display:inline-flex;flex-shrink:0;align-items:center;gap:10px;padding:14px 28px;border:1px solid transparent;border-radius:50px;background:linear-gradient(#000,#000) padding-box,var(--hpc-gradient) border-box;color:#fff;font-size:15px;font-weight:700;text-decoration:none;transition:all .3s ease}.hpc .hpc__guide-link svg{width:18px;height:18px}.hpc .hpc__guide-link:hover{background:var(--hpc-gradient) border-box,var(--hpc-gradient-soft);color:#000}.hpc [hidden]{display:none!important}.hpc .hpc__controller{display:flex;align-items:center;gap:8px;margin:12px 0 0 24px;color:var(--hpc-muted);font-size:13px;line-height:1.4}.hpc__controller svg{flex-shrink:0;width:16px;height:16px;color:#9efbfa}.hpc__controller strong{color:#fff;font-weight:600}.hpc__callout{display:flex;align-items:flex-start;gap:14px;margin-top:14px;padding:16px 20px;border:1px solid transparent;border-radius:18px;background:linear-gradient(#8368ff24,#8368ff24) padding-box,linear-gradient(#111116,#111116) padding-box,linear-gradient(90deg,#9efbfa99,#8368ff99) border-box}.hpc__callout-icon{flex-shrink:0;width:22px;height:22px;margin-top:1px;color:#9efbfa}.hpc .hpc__callout-title{margin:0 0 4px;color:#fff;font-size:14px;font-weight:700;line-height:1.3}.hpc .hpc__callout-text{margin:0;color:#ffffffc7;font-size:13px;line-height:1.5}.hpc__outputs{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end;gap:10px}.hpc .hpc__output-label{display:block;margin:0 0 8px 24px;color:var(--hpc-muted);font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.hpc__outputs-plus{padding-bottom:16px;color:var(--hpc-muted);font-size:22px;font-weight:600;line-height:1}.hpc .hpc__outputs-total{display:flex;justify-content:space-between;align-items:center;margin:12px 0 0;padding:12px 24px;border-radius:50px;background:#9efbfa14;color:var(--hpc-muted);font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.hpc__outputs-total strong{color:#fff;font-size:16px;letter-spacing:0;text-transform:none;font-variant-numeric:tabular-nums}@media(max-width:989px){.hpc__grid{grid-template-columns:minmax(0,1fr);gap:24px}.hpc__results{position:static}}@media(max-width:768px){.hpc{padding:48px 16px 64px}.hpc__intro{margin-bottom:32px}.hpc .hpc__heading{font-size:28px}.hpc .hpc__description{font-size:16px}.hpc__card{padding:24px 20px;border-radius:24px}.hpc__field{margin-bottom:22px}.hpc__control{min-height:54px;padding:0 20px}.hpc .hpc__input,.hpc .hpc__select{height:54px;font-size:16px;line-height:54px}.hpc__control--select{padding-right:48px}.hpc__control--stepper{padding:0 6px}.hpc .hpc__step{width:42px;height:42px}.hpc .hpc__total{font-size:48px}.hpc__hide-mobile{display:none}.hpc__row{flex-direction:column;gap:4px}.hpc .hpc__row dd{text-align:left}.hpc__row--highlight{padding:14px 16px}.hpc__footer{flex-direction:column;align-items:stretch;padding:0}.hpc .hpc__guide-link{justify-content:center}}
/*# sourceMappingURL=/cdn/shop/t/58/assets/hypnotik-power-calculator.css.map */