.yuan-variant-grid{--yuan-grid-ink: #0a0a0a;--yuan-grid-muted: #747474;--yuan-grid-line: #dedede;--yuan-grid-success: #07823e;display:block}.yuan-variant-grid__lead{margin:0;color:var(--yuan-grid-muted);font-size:1.45rem;line-height:1.8}.yuan-variant-grid__base-price{display:flex;gap:.8rem;align-items:baseline;margin:1.4rem 0 2.4rem}.yuan-variant-grid__base-price strong{color:var(--yuan-grid-ink);font-size:2.8rem}.yuan-variant-grid__base-price span{color:var(--yuan-grid-muted);font-size:1.25rem}.yuan-variant-grid__heading{display:flex;gap:1rem;justify-content:space-between;align-items:center;margin-bottom:1rem}.yuan-variant-grid__heading h2{margin:0;color:var(--yuan-grid-ink);font-size:1.55rem;font-weight:500}.yuan-variant-grid__heading output{color:var(--yuan-grid-muted);font-size:1.25rem}.yuan-variant-grid__rows{display:grid;gap:.9rem}.yuan-variant-grid__row{display:grid;grid-template-columns:5rem minmax(0,1fr) auto 10.2rem;gap:1.2rem;align-items:center;min-height:6.6rem;padding:1rem 1.2rem;border:1px solid var(--yuan-grid-line);border-radius:.8rem;background:#fff;transition:border-color .16s ease,box-shadow .16s ease,opacity .16s ease}.yuan-variant-grid__row:focus-within{border-color:var(--yuan-grid-ink);box-shadow:0 0 0 1px var(--yuan-grid-ink)}.yuan-variant-grid__row.is-unavailable{opacity:.42;background:#fafafa}.yuan-variant-grid__media{display:grid;overflow:hidden;width:4.8rem;height:4.8rem;place-items:center;border:1px solid rgb(0 0 0 / .1);border-radius:.6rem;background:#f7f7f7}.yuan-variant-grid__media img,.yuan-variant-grid__placeholder{width:100%;height:100%;object-fit:cover}.yuan-variant-grid__copy{display:grid;min-width:0}.yuan-variant-grid__copy strong{overflow:hidden;color:var(--yuan-grid-ink);font-size:1.4rem;text-overflow:ellipsis;white-space:nowrap}.yuan-variant-grid__copy small,.yuan-variant-grid__price{color:var(--yuan-grid-muted);font-size:1.2rem}.yuan-variant-grid__stepper{display:grid;grid-template-columns:repeat(3,3.4rem);direction:ltr;overflow:hidden;border:1px solid var(--yuan-grid-line);border-radius:.5rem}.yuan-variant-grid__stepper button,.yuan-variant-grid__stepper input{width:3.4rem;height:3.8rem;padding:0;border:0;color:var(--yuan-grid-ink);background:#fff;font:inherit;text-align:center}.yuan-variant-grid__stepper button{cursor:pointer}.yuan-variant-grid__stepper button:hover:not(:disabled){background:#f3f3f3}.yuan-variant-grid__stepper button:focus-visible,.yuan-variant-grid__stepper input:focus-visible,.yuan-variant-grid__submit:focus-visible,.yuan-variant-grid__wishlist:focus-visible,.yuan-variant-grid__sample:focus-visible{outline:2px solid var(--yuan-grid-ink);outline-offset:2px}.yuan-variant-grid__stepper input{border-inline:1px solid var(--yuan-grid-line);-webkit-appearance:textfield;appearance:textfield}.yuan-variant-grid__stepper input::-webkit-inner-spin-button,.yuan-variant-grid__stepper input::-webkit-outer-spin-button{margin:0;-webkit-appearance:none;appearance:none}.yuan-variant-grid__stepper :disabled{color:#aaa;cursor:not-allowed}.yuan-variant-grid__availability{display:flex;flex-wrap:wrap;gap:.6rem .8rem;align-items:center;margin-top:2.2rem;color:var(--yuan-grid-success);font-size:1.3rem}.yuan-variant-grid__check{display:grid;width:2rem;height:2rem;place-items:center;border:1.5px solid currentColor;line-height:1}.yuan-variant-grid__shipping{display:inline-flex;gap:.6rem;align-items:center;color:var(--yuan-grid-muted)}.yuan-variant-grid__shipping svg{width:2.8rem;height:2.2rem}.yuan-variant-grid__actions{display:grid;gap:1rem;margin-top:2.4rem}.yuan-variant-grid__primary-actions{display:grid;grid-template-columns:minmax(0,1fr) 5.4rem;gap:1rem}.yuan-variant-grid__submit,.yuan-variant-grid__sample,.yuan-variant-grid__wishlist{min-height:5.4rem;border:1px solid var(--yuan-grid-ink);border-radius:.6rem;font:inherit}.yuan-variant-grid__submit{position:relative;display:grid;place-items:center;padding:1rem 2rem;color:#fff;background:var(--yuan-grid-ink);font-weight:700;cursor:pointer}.yuan-variant-grid__submit:disabled{border-color:var(--yuan-grid-line);color:#888;background:#f4f4f4;cursor:not-allowed}.yuan-variant-grid__submit.is-loading span:first-child{visibility:hidden}.yuan-variant-grid__spinner{position:absolute;display:none;width:2rem;height:2rem;border:2px solid rgb(255 255 255 / .35);border-top-color:#fff;border-radius:50%;animation:yuan-grid-spin .7s linear infinite}.yuan-variant-grid__submit.is-loading .yuan-variant-grid__spinner{display:block}.yuan-variant-grid__wishlist{display:grid;place-items:center;color:#777;background:#fff;cursor:pointer}.yuan-variant-grid__wishlist svg{width:2.8rem;fill:none;stroke:currentColor;stroke-linejoin:round;stroke-width:1.7}.yuan-variant-grid__wishlist[aria-pressed=true]{border-color:#b4232c;color:#b4232c;background:#fff5f5}.yuan-variant-grid__wishlist[aria-pressed=true] svg{fill:currentColor}.yuan-variant-grid__sample{display:grid;place-items:center;color:var(--yuan-grid-ink);background:#fff;text-decoration:none}.yuan-variant-grid__sample:hover{color:#fff;background:var(--yuan-grid-ink)}.yuan-variant-grid__message{margin:0;color:#b4232c;font-size:1.25rem}.yuan-variant-grid__message.is-success{color:var(--yuan-grid-success)}@keyframes yuan-grid-spin{to{transform:rotate(360deg)}}@media screen and (max-width:749px){.yuan-variant-grid__row{grid-template-columns:4.8rem minmax(0,1fr) 9.8rem;gap:.9rem}.yuan-variant-grid__price{grid-column:2;grid-row:2}.yuan-variant-grid__stepper{grid-column:3;grid-row:1 / span 2}.yuan-variant-grid__availability{align-items:flex-start}.yuan-variant-grid__shipping{flex-basis:100%;margin-inline-start:2.8rem}}@media(prefers-reduced-motion:reduce){.yuan-variant-grid__row{transition:none}.yuan-variant-grid__spinner{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-yuan-variant-grid.css.map */