.pc-intro{max-width:46rem;margin-inline:auto;margin-block-end:var(--spacing-8)}.pc-main{width:100%}.pc{display:block;container-type:inline-size;container-name:pc;max-width:60rem;margin-inline:auto}.pc [hidden]{display:none!important}.pc__grid{display:grid;gap:var(--spacing-8);align-items:start}@container pc (min-width: 720px){.pc__grid{grid-template-columns:1fr 1fr;gap:var(--spacing-12)}.pc__receipt{position:sticky;top:var(--spacing-8)}}.pc__steps{display:grid;gap:var(--spacing-8)}.pc__step-label{margin-block-end:var(--spacing-3);font-size:var(--text-h6);font-weight:600}.pc__product-preview{display:flex;align-items:center;gap:var(--spacing-3);margin-block-start:var(--spacing-4)}.pc__product-thumb{width:56px;height:56px;border-radius:var(--rounded-sm);object-fit:cover}.pc__product-link{text-decoration:underline}.pc__step-value{font-weight:400}.pc__swatches{display:flex;flex-wrap:wrap;gap:var(--spacing-3)}.pc__swatch{padding:3px;border:2px solid transparent;border-radius:var(--rounded-full);background:none;cursor:pointer;line-height:0;transition:border-color .15s ease}.pc__swatch-dot{display:block;width:30px;height:30px;border-radius:var(--rounded-full)}.pc__swatch-dot--bordered{box-shadow:inset 0 0 0 1px rgb(var(--text-color) / .25)}.pc__swatch[aria-pressed=true]{border-color:rgb(var(--text-color))}.pc__swatch:focus-visible{outline:2px solid rgb(var(--text-color));outline-offset:2px}.pc__pills{display:flex;flex-wrap:wrap;gap:var(--spacing-3)}.pc__pill{min-width:72px;padding:var(--spacing-2) var(--spacing-4);border:1px solid rgb(var(--text-color) / .3);border-radius:var(--rounded-full);background:none;color:inherit;font-size:var(--text-sm);cursor:pointer;transition:border-color .15s ease,background .15s ease}.pc__pill[aria-pressed=true]{border-color:rgb(var(--text-color));background:rgb(var(--text-color));color:rgb(var(--background))}.pc__pill:disabled{opacity:.35;cursor:not-allowed}.pc__pill:not(:disabled):focus-visible{outline:2px solid rgb(var(--text-color));outline-offset:2px}.pc__stock{margin-block-end:var(--spacing-3);font-size:var(--text-md);font-weight:600;color:rgb(var(--success-text, 90 140 60))}.pc__stock--over{color:rgb(var(--text-color));font-weight:400}.pc__quantity{margin-block-start:0}.pc__address{display:grid;gap:var(--spacing-4);margin-block-end:var(--spacing-5)}@container pc (min-width: 420px){.pc__address{grid-template-columns:1fr 160px}}.pc__hint{margin-block-start:var(--spacing-2)}.pc__receipt{padding:var(--spacing-8)}@container pc (min-width: 720px){.pc__receipt{padding:var(--spacing-10)}}.pc__receipt-title{margin-block-end:var(--spacing-6)}.pc__rows{display:grid;gap:var(--spacing-3)}.pc__row{display:flex;align-items:baseline;justify-content:space-between;gap:var(--spacing-4);font-size:var(--text-sm)}.pc__row--toggle{align-items:center}.pc__row--strong,.pc__row--total{font-size:var(--text-base);font-weight:700}.pc__amount{margin-inline-start:auto;font-variant-numeric:tabular-nums;white-space:nowrap}.pc__separator{margin-block:var(--spacing-2);border:none;border-block-start:1px solid rgb(var(--text-color) / .12)}.pc__options{overflow-wrap:anywhere}.pc__status:not(:empty){margin-block-start:var(--spacing-5);font-size:var(--text-sm)}.pc__status--error{color:rgb(var(--error-text))}.pc__toggle{display:inline-flex;align-items:center;margin-inline-end:auto;cursor:pointer}.pc__toggle-input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.pc__toggle-track{position:relative;display:block;width:44px;height:24px;border-radius:var(--rounded-full);background:rgb(var(--text-color) / .25);transition:background .2s ease}.pc__toggle-track:after{content:"";position:absolute;inset-block-start:3px;inset-inline-start:3px;width:18px;height:18px;border-radius:var(--rounded-full);background:rgb(var(--background));transition:transform .2s ease}.pc__toggle-input:checked+.pc__toggle-track{background:rgb(var(--text-color))}.pc__toggle-input:checked+.pc__toggle-track:after{transform:translate(20px)}.pc__toggle-input:focus-visible+.pc__toggle-track{outline:2px solid rgb(var(--text-color));outline-offset:2px}@media(prefers-reduced-motion:reduce){.pc__toggle-track,.pc__toggle-track:after{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/38/assets/price-calculator.css.map */