.ss-calc{max-width:72rem;margin:0 auto;text-align:center}.ss-calc__title{margin:0 0 var(--ss-space-3);font-size:var(--ss-text-4xl);font-weight:var(--ss-weight-semi);letter-spacing:var(--ss-heading-tracking);line-height:var(--ss-leading-tight);color:var(--ss-fg)}.ss-calc__intro{max-width:52rem;margin:0 auto;font-size:var(--ss-text-lg);line-height:var(--ss-leading-loose);color:var(--ss-fg-muted)}.ss-calc .ss-calc__card{margin-top:var(--ss-space-8)}.ss-calc__card{margin:0;text-align:center;padding:var(--ss-space-6) var(--ss-space-5);background:var(--ss-surface-card);border:1px solid var(--ss-border);border-radius:var(--ss-radius-card)}.ss-calc__modes{display:inline-flex;max-width:100%;margin:0 0 var(--ss-space-6);padding:.4rem;background:var(--ss-surface-raised);border-radius:var(--ss-radius-full)}.ss-calc__mode{-webkit-appearance:none;appearance:none;border:0;background:transparent;padding:var(--ss-space-2) var(--ss-space-4);border-radius:var(--ss-radius-full);font:inherit;font-size:var(--ss-text-base);font-weight:var(--ss-weight-medium);color:var(--ss-fg-muted);cursor:pointer;white-space:nowrap}.ss-calc__mode[aria-pressed=true]{background:var(--ss-surface-card);color:var(--ss-fg);box-shadow:var(--ss-shadow-xs)}.ss-calc__mode:focus-visible{outline:2px solid var(--ss-brand);outline-offset:2px}.ss-calc__fields{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--ss-space-4)}.ss-calc__fields[hidden]{display:none}.ss-calc__field{text-align:left}.ss-calc__field label{display:block;margin-bottom:var(--ss-space-2);font-size:var(--ss-text-base);color:var(--ss-fg-muted)}.ss-calc__field input,.ss-calc__field select{width:14rem;height:4.8rem;padding:0 var(--ss-space-3);border:1px solid var(--ss-border-strong);border-radius:var(--ss-radius-sm);background:var(--ss-surface-card);font:inherit;font-size:var(--ss-text-md);color:var(--ss-fg)}.ss-calc__field input:focus-visible,.ss-calc__field select:focus-visible{outline:2px solid var(--ss-brand);outline-offset:1px}.ss-calc__areas{position:relative;display:grid;justify-items:center;gap:var(--ss-space-3)}.ss-calc__areas[hidden]{display:none}.ss-calc__area{position:relative}.ss-calc__remove{position:absolute;left:100%;bottom:0;display:inline-flex;align-items:center;justify-content:center;width:4.8rem;height:4.8rem;margin-left:var(--ss-space-1);padding:0;border:0;background:none;color:var(--ss-fg-muted);cursor:pointer}.ss-calc__remove svg{width:1.4rem;height:1.4rem}.ss-calc__remove:hover{color:var(--ss-fg)}.ss-calc__add{position:absolute;top:calc(100% + var(--ss-space-6));left:50%;transform:translate(-50%,-50%);padding:0 var(--ss-space-3);border:0;background:var(--ss-surface-card);font:inherit;font-size:var(--ss-text-sm);line-height:2rem;color:var(--ss-brand);white-space:nowrap;cursor:pointer}.ss-calc__add[hidden]{display:none}.ss-calc__remove:focus-visible,.ss-calc__add:focus-visible{outline:2px solid var(--ss-brand);outline-offset:2px}.ss-calc__result{margin:var(--ss-space-6) 0 0;padding-top:var(--ss-space-5);border-top:1px solid var(--ss-border);font-variant-numeric:tabular-nums}.ss-calc__count{display:block;font-size:var(--ss-text-4xl);font-weight:var(--ss-weight-semi);line-height:var(--ss-leading-tight);color:var(--ss-fg)}.ss-calc__holds{display:block;margin-top:var(--ss-space-2);font-size:var(--ss-text-md);color:var(--ss-fg)}.ss-calc__how{max-width:52rem;margin:var(--ss-space-5) auto 0;font-size:var(--ss-text-base);line-height:var(--ss-leading-relaxed);color:var(--ss-fg-muted)}.ss-calc__buttons{display:flex;flex-direction:column;gap:var(--ss-space-3);justify-content:center;margin-top:var(--ss-space-8)}.ss-calc__btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--ss-space-3) var(--ss-space-6);border-radius:var(--ss-radius);font-size:var(--ss-text-md);font-weight:var(--ss-weight-semi);text-decoration:none;transition:background var(--ss-transition),transform var(--ss-transition)}.ss-calc__btn--primary{background:var(--ss-brand);color:var(--ss-badge-fg);box-shadow:var(--ss-shadow-xs)}.ss-calc__btn--primary:hover{background:var(--ss-brand-hover);transform:translateY(-1px)}.ss-calc__btn--outline{background:var(--ss-surface);color:var(--ss-fg);border:1px solid var(--ss-border)}.ss-calc__btn--outline:hover{background:var(--ss-surface-raised)}@media screen and (max-width:479px){.ss-calc__mode{padding:var(--ss-space-2) var(--ss-space-3);font-size:var(--ss-text-sm)}.ss-calc__field input,.ss-calc__field select{width:100%}.ss-calc__fields .ss-calc__field{flex:1 1 0;min-width:0}.ss-calc__areas{justify-items:stretch}.ss-calc__areas:has(.ss-calc__area+.ss-calc__area:not([hidden])) .ss-calc__area{margin-right:5.2rem}}@media screen and (min-width:750px){.ss-calc__buttons{flex-direction:row}.ss-calc__card{padding:var(--ss-space-8)}}@media screen and (min-width:990px){.ss-calc__title{font-size:var(--ss-text-5xl)}}
/*# sourceMappingURL=/cdn/shop/t/29/assets/ss-calculator.css.map */