.product-form__input--cards{margin:0 0 var(--sgx-4);padding:0;border:0}.sgopt__legend{display:flex;align-items:baseline;gap:8px;padding:0;margin:0 0 10px;font-size:13px}.sgopt__legend-name{font-weight:600;letter-spacing:.02em;color:var(--sgx-ink)}.sgopt__legend-value{color:var(--sgx-muted)}.sgopt{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px}.sgopt__input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.sgopt__card{position:relative;display:flex;align-items:flex-start;gap:10px;min-height:62px;padding:13px 14px;border:1px solid var(--sgx-border);border-radius:10px;background:var(--sgx-surface);cursor:pointer;transition:border-color .15s var(--sgx-ease),box-shadow .15s var(--sgx-ease),background .15s var(--sgx-ease)}.sgopt__card:hover{border-color:var(--sgx-muted)}.sgopt__input:checked+.sgopt__card{border-color:var(--sgx-ink);box-shadow:inset 0 0 0 1px var(--sgx-ink);background:var(--sgx-bg-alt)}.sgopt__input:focus-visible+.sgopt__card{outline:2px solid var(--sgx-accent);outline-offset:2px}.sgopt__mark{flex:0 0 auto;width:18px;height:18px;margin-top:1px;border:1px solid var(--sgx-border);border-radius:50%;background:#fff;display:grid;place-items:center}.sgopt__mark:after{content:"";width:9px;height:9px;border-radius:50%;background:var(--sgx-ink);transform:scale(0);transition:transform .15s var(--sgx-ease)}.sgopt__input:checked+.sgopt__card .sgopt__mark{border-color:var(--sgx-ink)}.sgopt__input:checked+.sgopt__card .sgopt__mark:after{transform:scale(1)}.sgopt__text{display:grid;gap:3px;min-width:0}.sgopt__name{font-size:15px;font-weight:600;line-height:1.2;color:var(--sgx-ink)}.sgopt__meta{display:flex;align-items:baseline;flex-wrap:wrap;gap:7px}.sgopt__price{font-size:15px;font-weight:600;color:var(--sgx-ink)}.sgopt__each{font-size:12px;color:var(--sgx-muted)}.sgopt__save{position:absolute;top:-8px;right:10px;padding:3px 8px;border-radius:999px;background:var(--sgx-accent);color:#fff;font-size:11px;font-weight:700;letter-spacing:.02em;white-space:nowrap}.sgopt__out{position:absolute;top:-8px;right:10px;padding:3px 8px;border-radius:999px;background:var(--sgx-muted);color:#fff;font-size:11px;font-weight:600}.sgopt__input.disabled+.sgopt__card{opacity:.5}.sgopt__input.disabled+.sgopt__card .sgopt__name{text-decoration:line-through}@media screen and (max-width:480px){.sgopt{grid-template-columns:1fr}.sgopt__card{min-height:0}}@media(prefers-reduced-motion:reduce){.sgopt__card,.sgopt__mark:after{transition:none}}.sgopt__swatch{flex:0 0 auto;width:46px;height:46px;border-radius:7px;overflow:hidden;background:var(--sgx-bg-alt);border:1px solid var(--sgx-border);position:relative}.sgopt__swatch img{width:100%;height:100%;object-fit:cover;display:block}.sgopt__input:checked+.sgopt__card .sgopt__swatch{border-color:var(--sgx-ink)}.sgopt__input:checked+.sgopt__card .sgopt__swatch:after{content:"";position:absolute;right:3px;bottom:3px;width:15px;height:15px;border-radius:50%;background:var(--sgx-ink) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") center / 9px 9px no-repeat;box-shadow:0 0 0 2px var(--sgx-surface)}.sgopt__card:has(.sgopt__swatch){align-items:center}
/*# sourceMappingURL=/cdn/shop/t/71/assets/sg-options.css.map */