/* <inline asset> */
@charset "UTF-8"; 

/* /procontrol_product_currency/static/src/scss/servo_selector_public.scss */
 .pc-servo-public{--pc-servo-navy: #123747; --pc-servo-teal: #15a2a0; --pc-servo-pale: #edf6f7; --pc-servo-line: #dce6e9; --pc-servo-muted: #667a84; --pc-servo-ink: #183443; max-width: 1420px; margin: 0 auto; padding: 34px 28px 80px; color: var(--pc-servo-ink); background: #f7fafb; font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;}.pc-servo-public, .pc-servo-public *{box-sizing: border-box;}.pc-servo-public [hidden]{display: none !important;}.pc-servo-public button, .pc-servo-public select, .pc-servo-public textarea{font-family: inherit;}.pc-servo-public button:focus-visible, .pc-servo-public a:focus-visible, .pc-servo-public select:focus-visible, .pc-servo-public textarea:focus-visible{outline: 3px solid var(--pc-servo-teal); outline-offset: 3px;}.pc-servo-public__loading, .pc-servo-public__error{margin: 24px 0; padding: 20px; border: 1px solid var(--pc-servo-line); border-radius: 12px; background: #fff;}.pc-servo-public__error{color: #8a641f; background: #fff5dc;}.pc-servo-public__hero{position: relative; display: grid; grid-template-columns: 1.05fr .95fr; min-height: 330px; padding: 48px 54px; overflow: hidden; border-radius: 28px; background: linear-gradient(115deg, #103847 0%, #1d6074 60%, #4a98ae 100%); box-shadow: 0 20px 55px rgba(17, 55, 71, 0.1); color: #fff;}.pc-servo-public__hero::after{content: ""; position: absolute; width: 430px; height: 430px; top: -170px; right: -80px; border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 50%;}.pc-servo-public__hero h1{max-width: 640px; margin: 0 0 18px; color: #fff; font-size: 46px; font-weight: 700; line-height: 1.07; letter-spacing: -1.7px;}.pc-servo-public__hero h1 span{color: #aeeaf0;}.pc-servo-public__hero-copy{min-width: 0; z-index: 2;}.pc-servo-public__eyebrow{margin: 0 0 8px; color: #5e94a9; font-size: 11px; font-weight: 800; letter-spacing: 1.5px;}.pc-servo-public__hero .pc-servo-public__eyebrow{color: #91d5e4;}.pc-servo-public__hero-description{max-width: 580px; margin: 1em 0; color: #d7ebf0; font-size: 17px; line-height: 1.6;}.pc-servo-public__stats{display: flex; gap: 40px; margin-top: 34px;}.pc-servo-public__stats div{display: flex; flex-direction: column;}.pc-servo-public__stats strong{font-size: 18px;}.pc-servo-public__stats span{margin-top: 4px; color: #c7dde3; font-size: 12px;}.pc-servo-public__hero-visual{display: flex; align-items: center; justify-content: center; min-width: 0; z-index: 1;}.pc-servo-public__hero-visual img{width: 100%; max-height: 260px; object-fit: contain; filter: drop-shadow(0 22px 24px rgba(3, 25, 34, 0.35));}.pc-servo-public__stepper{display: flex; align-items: center; justify-content: center; margin: 24px 0; padding: 18px 26px; border: 1px solid var(--pc-servo-line); border-radius: 18px; background: #fff;}.pc-servo-public__stepper > i{width: 100px; height: 1px; margin: 0 16px; background: var(--pc-servo-line);}.pc-servo-public__step{display: flex; align-items: center; gap: 10px; padding: 2px 6px; border: 0; background: none; color: #83959e; font-size: 13px; font-weight: 700; cursor: pointer;}.pc-servo-public__step b{display: grid; place-items: center; width: 29px; height: 29px; border-radius: 50%; background: #eef3f4; color: #7b8f98;}.pc-servo-public__step:disabled{cursor: default;}.pc-servo-public__step.is-active{color: var(--pc-servo-navy);}.pc-servo-public__step.is-active b{color: #fff; background: var(--pc-servo-teal); box-shadow: 0 0 0 5px #e4f7f6;}.pc-servo-public__step.is-complete b{color: #fff; background: var(--pc-servo-navy);}.pc-servo-public__layout{display: grid; grid-template-columns: minmax(0, 1fr) 350px; gap: 24px; align-items: start;}.pc-servo-public__selector-card, .pc-servo-public__summary-card{min-width: 0; border: 1px solid var(--pc-servo-line); border-radius: 22px; background: #fff; box-shadow: 0 12px 36px rgba(18, 55, 71, 0.06);}.pc-servo-public__selector-card{padding: 30px;}.pc-servo-public__summary-card{position: sticky; top: 96px; padding: 26px;}.pc-servo-public__section-heading{display: flex; align-items: flex-start; justify-content: space-between; gap: 20px;}.pc-servo-public__section-heading h2, .pc-servo-public__summary-card h2{margin: 0; color: var(--pc-servo-ink); font-size: 24px; font-weight: 700; letter-spacing: -.4px;}.pc-servo-public__helper{margin: 7px 0 0; color: var(--pc-servo-muted); font-size: 14px;}.pc-servo-public__ghost-button{padding: 10px 14px; border: 1px solid var(--pc-servo-line); border-radius: 10px; background: #fff; color: var(--pc-servo-navy); font-size: 13px; font-weight: 700; white-space: nowrap; cursor: pointer;}.pc-servo-public__power-grid{display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 10px; margin-top: 22px;}.pc-servo-public__power-button{min-width: 0; padding: 16px 8px; border: 1px solid var(--pc-servo-line); border-radius: 12px; background: #fff; color: var(--pc-servo-navy); font-size: 13px; font-weight: 800; cursor: pointer; transition: .18s;}.pc-servo-public__power-button:hover{border-color: #76b7c7; transform: translateY(-1px);}.pc-servo-public__power-button.is-selected{border-color: var(--pc-servo-navy); background: var(--pc-servo-navy); box-shadow: 0 8px 18px rgba(18, 55, 71, 0.18); color: #fff;}.pc-servo-public__power-section, .pc-servo-public__choice-section{scroll-margin-top: 100px;}.pc-servo-public__choice-section{margin-top: 30px; padding-top: 30px; border-top: 1px solid var(--pc-servo-line); transition: .2s;}.pc-servo-public__choice-section.is-locked{max-height: 92px; overflow: hidden; opacity: .38; pointer-events: none;}.pc-servo-public__card-grid{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-top: 18px;}.pc-servo-public__option-card{position: relative; min-width: 0; padding: 17px; border: 1px solid var(--pc-servo-line); border-radius: 15px; background: #fff; color: var(--pc-servo-ink); text-align: left; cursor: pointer; transition: .18s;}.pc-servo-public__option-card:hover{border-color: #78b7c7; box-shadow: 0 9px 24px rgba(18, 55, 71, 0.08);}.pc-servo-public__option-card.is-selected{padding: 16px; border: 2px solid #3b90ad; background: #f1fafc;}.pc-servo-public__option-card .pc-servo-public__card-title{display: block; margin: 0 28px 7px 0; color: var(--pc-servo-ink); font-size: 16px; font-weight: 700; overflow-wrap: anywhere;}.pc-servo-public__option-card .pc-servo-public__card-description{display: block; margin: 5px 0; color: var(--pc-servo-muted); font-size: 13px; line-height: 1.45;}.pc-servo-public__check{position: absolute; top: 14px; right: 14px; width: 20px; height: 20px; border: 1px solid #b9c9cf; border-radius: 50%;}.pc-servo-public__option-card.is-selected .pc-servo-public__check{border-color: var(--pc-servo-teal); background: var(--pc-servo-teal);}.pc-servo-public__option-card.is-selected .pc-servo-public__check::after{content: "✓"; display: grid; place-items: center; height: 100%; color: #fff; font-size: 12px;}.pc-servo-public__badges{display: flex; flex-wrap: wrap; gap: 6px; margin: 10px 0;}.pc-servo-public__badge{padding: 5px 7px; border-radius: 6px; background: #edf3f5; color: #46616e; font-size: 11px;}.pc-servo-public__pending{padding: 7px; border-radius: 7px; color: #a36b15; background: #fff5dc;}.pc-servo-public__filters{display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin-top: 18px;}.pc-servo-public__filters label{min-width: 0; color: #657b85; font-size: 11px; font-weight: 800; text-transform: uppercase;}.pc-servo-public__filters select{display: block; width: 100%; margin-top: 6px; padding: 11px; border: 1px solid var(--pc-servo-line); border-radius: 9px; background: #fff; color: var(--pc-servo-ink); font-size: 13px; text-transform: none;}.pc-servo-public__motor-grid{max-height: 530px; padding-right: 5px; overflow: auto;}.pc-servo-public__motor-card .pc-servo-public__card-title{font-family: ui-monospace, SFMono-Regular, Menlo, monospace;}.pc-servo-public__motor-specs{display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin-top: 12px;}.pc-servo-public__motor-specs .pc-servo-public__motor-spec{display: block; min-width: 0; padding: 8px; border-radius: 8px; background: #f5f8f9;}.pc-servo-public__motor-specs .pc-servo-public__motor-spec > span{display: block; color: #758891; font-size: 10px;}.pc-servo-public__motor-specs strong{color: var(--pc-servo-ink); font-size: 12px; overflow-wrap: anywhere;}.pc-servo-public__cable-options{display: grid; grid-template-columns: 1fr 1fr; gap: 18px; margin-top: 18px;}.pc-servo-public__cable-options fieldset{min-width: 0; margin: 0; padding: 0; border: 0;}.pc-servo-public__cable-options legend{float: none; width: auto; margin: 0 0 8px; color: var(--pc-servo-ink); font-size: 12px; font-weight: 800;}.pc-servo-public__segmented{display: flex; overflow: hidden; border: 1px solid var(--pc-servo-line); border-radius: 11px;}.pc-servo-public__segment{flex: 1; min-width: 0; padding: 12px 8px; border: 0; border-right: 1px solid var(--pc-servo-line); background: #fff; color: var(--pc-servo-ink); font-size: 13px; font-weight: 700; cursor: pointer;}.pc-servo-public__segment:last-child{border-right: 0;}.pc-servo-public__segment.is-selected{background: var(--pc-servo-navy); color: #fff;}.pc-servo-public__segment:disabled{cursor: default;}.pc-servo-public__cable-list{display: grid; gap: 9px; margin-top: 18px;}.pc-servo-public__cable-item{display: grid; grid-template-columns: 40px minmax(0, 1fr) auto; align-items: center; gap: 12px; padding: 12px; border: 1px solid var(--pc-servo-line); border-radius: 12px;}.pc-servo-public__cable-item strong{display: block; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 13px; overflow-wrap: anywhere;}.pc-servo-public__cable-item span{color: var(--pc-servo-muted); font-size: 12px;}.pc-servo-public__cable-icon{display: grid; place-items: center; width: 36px; height: 36px; border-radius: 9px; background: var(--pc-servo-pale);}.pc-servo-public__summary-title{display: flex; align-items: center; gap: 12px; padding-bottom: 18px; border-bottom: 1px solid var(--pc-servo-line);}.pc-servo-public__cube{display: grid; place-items: center; flex-shrink: 0; width: 38px; height: 38px; border-radius: 10px; background: var(--pc-servo-navy); color: #9edee5;}.pc-servo-public__summary-empty{padding: 50px 15px; color: var(--pc-servo-muted); text-align: center;}.pc-servo-public__summary-empty span{display: grid; place-items: center; width: 42px; height: 42px; margin: auto; border-radius: 50%; background: var(--pc-servo-pale); color: var(--pc-servo-teal); font-weight: 800;}.pc-servo-public__summary-empty p{margin: 1em 0;}.pc-servo-public__summary-content{padding-top: 12px;}.pc-servo-public__summary-row{padding: 13px 0; border-bottom: 1px solid #edf1f2;}.pc-servo-public__summary-row span{display: block; margin-bottom: 4px; color: var(--pc-servo-muted); font-size: 11px;}.pc-servo-public__summary-row strong{font-size: 14px; overflow-wrap: anywhere;}.pc-servo-public__summary-divider{height: 8px;}.pc-servo-public__summary-cable{margin: 6px 0; padding: 9px 10px; border-radius: 9px; background: #f4f8f9;}.pc-servo-public__summary-cable span{display: block; color: var(--pc-servo-muted); font-size: 10px;}.pc-servo-public__summary-cable strong{font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 12px; overflow-wrap: anywhere;}.pc-servo-public__summary-status{margin: 16px 0 10px; padding: 11px; border-radius: 9px; background: #fff5dc; color: #8a641f; font-size: 12px; font-weight: 700; text-align: center;}.pc-servo-public__summary-status.is-ready{background: #e9f7f1; color: #16825f;}.pc-servo-public__primary-button{display: block; width: 100%; padding: 14px; border: 0; border-radius: 11px; background: var(--pc-servo-navy); color: #fff; font-size: 15px; font-weight: 800; line-height: 1.4; text-align: center; text-decoration: none; cursor: pointer;}.pc-servo-public__primary-button:hover{background: #1b4d60; color: #fff; text-decoration: none;}.pc-servo-public__primary-button[aria-disabled="true"]{background: #c6d1d5; color: #fff; cursor: not-allowed;}.pc-servo-public__copy-button{display: block; width: 100%; margin-top: 10px; padding: 10px 12px; border: 1px solid var(--pc-servo-line); border-radius: 10px; background: #fff; color: var(--pc-servo-navy); font-size: 12px; font-weight: 700; cursor: pointer;}.pc-servo-public__copy-button:disabled{color: #899ba3; cursor: not-allowed;}.pc-servo-public__copy-button + .pc-servo-public__primary-button{margin-top: 10px;}.pc-servo-public__public-note{margin: 12px 0; color: #667a84; font-size: 11px; line-height: 1.5; text-align: center;}.pc-servo-public__copy-fallback{display: block; width: 100%; min-height: 160px; margin-top: 12px; padding: 10px; border: 1px solid var(--pc-servo-line); border-radius: 9px; background: #fff; color: var(--pc-servo-ink); font-size: 12px;}.pc-servo-public__toast{position: fixed; left: 50%; bottom: 28px; z-index: 1050; max-width: min(520px, calc(100vw - 24px)); padding: 13px 18px; transform: translate(-50%, 20px); border-radius: 12px; background: var(--pc-servo-navy); color: #fff; opacity: 0; pointer-events: none; transition: .2s;}.pc-servo-public__toast.is-visible{opacity: 1; transform: translate(-50%, 0);}@media (max-width: 1050px){.pc-servo-public__hero{grid-template-columns: 1fr; padding: 38px;}.pc-servo-public__hero-visual{position: absolute; right: -60px; bottom: 0; width: 48%; opacity: .38;}.pc-servo-public__layout{grid-template-columns: 1fr;}.pc-servo-public__summary-card{position: static;}.pc-servo-public__power-grid{grid-template-columns: repeat(4, minmax(0, 1fr));}}@media (max-width: 700px){.pc-servo-public{padding: 18px 12px 50px;}.pc-servo-public__hero{min-height: 300px; padding: 30px 24px; border-radius: 20px;}.pc-servo-public__hero h1{font-size: 34px;}.pc-servo-public__hero-description{font-size: 14px;}.pc-servo-public__stats{gap: 16px; flex-wrap: wrap;}.pc-servo-public__hero-visual{display: none;}.pc-servo-public__stepper{justify-content: space-between; padding: 14px 12px;}.pc-servo-public__stepper > i{width: 14px; margin: 0 3px;}.pc-servo-public__step span{display: none;}.pc-servo-public__selector-card{padding: 20px 15px;}.pc-servo-public__section-heading{align-items: center;}.pc-servo-public__section-heading h2{font-size: 20px;}.pc-servo-public__ghost-button{padding: 8px; font-size: 11px;}.pc-servo-public__power-grid{grid-template-columns: repeat(3, minmax(0, 1fr));}.pc-servo-public__card-grid, .pc-servo-public__filters, .pc-servo-public__cable-options{grid-template-columns: 1fr;}.pc-servo-public__motor-specs{grid-template-columns: repeat(2, minmax(0, 1fr));}.pc-servo-public__cable-item{grid-template-columns: 36px minmax(0, 1fr);}.pc-servo-public__cable-item > span:last-child{grid-column: 2;}}@media (prefers-reduced-motion: reduce){.pc-servo-public *, .pc-servo-public *::before, .pc-servo-public *::after{scroll-behavior: auto !important; transition: none !important;}}