.server-configurator{--sc-border: rgba(var(--color-foreground), .1);--sc-border-strong: rgba(var(--color-foreground), .3);--sc-muted: rgba(var(--color-foreground), .6);--sc-radius: var(--border-radius-button, 4px)}.server-configurator__loading{display:flex;flex-direction:column;align-items:center;gap:1.2rem;padding:4rem 1.6rem;color:var(--sc-muted);font-size:1.4rem;text-align:center}.server-configurator__spinner{width:2.8rem;height:2.8rem;border-radius:50%;border:.3rem solid rgba(var(--color-foreground),.15);border-top-color:rgb(var(--color-foreground));animation:server-configurator-spin .7s linear infinite}@keyframes server-configurator-spin{to{transform:rotate(360deg)}}.server-configurator__error{padding:1.6rem;border:.1rem solid rgba(226,33,32,.25);background:#e221200f;border-radius:var(--sc-radius);color:#b91c1c;font-size:1.4rem}.server-configurator__form{display:flex;flex-direction:column;gap:2rem;margin-top:1rem}.server-configurator__category{border:.1rem solid var(--sc-border);border-radius:var(--sc-radius);background:rgba(var(--color-foreground),.015);padding:1.8rem}.server-configurator__category-head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:1.4rem}.server-configurator__category-heading{font-size:1.5rem;font-weight:700;margin:0;line-height:1.3}.server-configurator__base{display:flex;align-items:center;justify-content:space-between;gap:1.2rem;padding:1.4rem 1.8rem;border:.1rem solid var(--sc-border);border-radius:var(--sc-radius);background:rgba(var(--color-foreground),.015)}.server-configurator__base-label{font-size:1.1rem;color:var(--sc-muted);text-transform:uppercase;letter-spacing:.04em;margin:0 0 .3rem}.server-configurator__base-name{font-size:1.4rem;font-weight:600;margin:0}.server-configurator__base-price{font-size:1.5rem;font-weight:700;white-space:nowrap}.server-configurator__options{display:grid;grid-template-columns:repeat(auto-fill,minmax(22rem,1fr));gap:1rem}.server-configurator__option-card{position:relative;display:flex;flex-direction:column;gap:.4rem;padding:1.4rem 1.5rem;border:.15rem solid var(--sc-border);border-radius:var(--sc-radius);cursor:pointer;transition:border-color .15s,background .15s;-webkit-tap-highlight-color:transparent}.server-configurator__option-card:hover{border-color:var(--sc-border-strong)}.server-configurator__option-card.is-selected{border-color:rgb(var(--color-foreground));background:rgba(var(--color-foreground),.05)}.server-configurator__option-card.is-disabled{opacity:.45}.server-configurator__option-card.is-disabled .server-configurator__option-select{cursor:not-allowed}.server-configurator__option-select{display:flex;flex-direction:column;gap:.4rem;cursor:pointer}.server-configurator__option-card input[type=radio]{position:absolute;opacity:0;width:0;height:0}.server-configurator__option-name{font-size:1.4rem;font-weight:600;line-height:1.35;padding-right:1.6rem}.server-configurator__option-card.is-selected .server-configurator__option-name:before{content:"\2713";display:inline-block;margin-right:.6rem;color:rgb(var(--color-foreground));font-weight:700}.server-configurator__option-meta{display:flex;align-items:center;gap:.6rem;font-size:1.3rem;color:var(--sc-muted)}.server-configurator__option-price{font-weight:600;color:rgb(var(--color-foreground))}.server-configurator__badge{display:inline-flex;align-items:center;padding:.2rem .7rem;border-radius:999px;font-size:1.1rem;font-weight:600;letter-spacing:.02em}.server-configurator__badge--included{background:#1e6e351f;color:#1e6e35}.server-configurator__badge--sold-out{background:#e221201a;color:#b91c1c}.server-configurator__stepper{display:inline-flex;align-items:center;gap:0;border:.1rem solid var(--sc-border-strong);border-radius:var(--sc-radius);overflow:hidden;width:fit-content}.server-configurator__stepper-btn{display:flex;align-items:center;justify-content:center;width:3.2rem;height:3.2rem;background:transparent;border:none;font-size:1.8rem;line-height:1;cursor:pointer;color:rgb(var(--color-foreground));-webkit-tap-highlight-color:transparent}.server-configurator__stepper-btn:disabled{opacity:.3;cursor:not-allowed}.server-configurator__stepper-btn:not(:disabled):active{background:rgba(var(--color-foreground),.08)}.server-configurator__stepper-value{min-width:3.4rem;text-align:center;font-size:1.4rem;font-weight:700}.server-configurator__option-quantity{margin-top:.4rem}.server-configurator__option-quantity-label{display:block;font-size:1.1rem;color:var(--sc-muted);margin-bottom:.4rem;text-transform:uppercase;letter-spacing:.04em}.server-configurator__multi-options{display:flex;flex-direction:column;gap:.8rem}.server-configurator__multi-row{display:flex;align-items:center;justify-content:space-between;gap:1.2rem;padding:1.2rem 1.4rem;border:.1rem solid var(--sc-border);border-radius:var(--sc-radius);transition:border-color .15s,background .15s}.server-configurator__multi-row.has-quantity{border-color:var(--sc-border-strong);background:rgba(var(--color-foreground),.03)}.server-configurator__multi-row.is-disabled{opacity:.45}.server-configurator__multi-info{display:flex;flex-direction:column;gap:.3rem;min-width:0}.server-configurator__footer{position:sticky;bottom:1rem;display:flex;flex-direction:column;gap:1rem;background:rgb(var(--color-background));padding-top:.4rem}.server-configurator__summary{display:flex;align-items:center;justify-content:space-between;gap:1.2rem;padding:1.6rem 1.8rem;border:.1rem solid var(--sc-border);border-radius:var(--sc-radius);background:rgba(var(--color-foreground),.03)}.server-configurator__summary-label{font-size:1.2rem;color:var(--sc-muted);text-transform:uppercase;letter-spacing:.04em;margin:0 0 .2rem}.server-configurator__summary-value{font-size:2rem;font-weight:700;margin:0}.server-configurator__errors{display:flex;flex-direction:column;gap:.6rem}.server-configurator__errors:empty{display:none}.server-configurator__errors .server-configurator__error-item{display:flex;align-items:flex-start;gap:.7rem;padding:1.1rem 1.3rem;border-radius:var(--sc-radius);border:.1rem solid rgba(226,33,32,.25);background:#e221200f;color:#b91c1c;font-size:1.3rem;line-height:1.4;margin:0}.server-configurator__error-item:before{content:"\26a0";flex-shrink:0}.server-configurator__validating{font-size:1.2rem;color:var(--sc-muted);display:flex;align-items:center;gap:.6rem}.server-configurator__submit{width:100%;padding:1.5rem;font-size:1.5rem;font-weight:700;letter-spacing:.02em;border-radius:var(--sc-radius);cursor:pointer}.server-configurator__submit:disabled{opacity:.4;cursor:not-allowed}@media screen and (max-width:749px){.server-configurator__options{grid-template-columns:1fr}.server-configurator__multi-row{flex-direction:column;align-items:flex-start;gap:.8rem}.server-configurator__summary{flex-direction:column;align-items:stretch;text-align:center}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/component-server-configurator.css.map */