.shoprail{margin:var(--sp-12) 0;padding:var(--sp-8) 0 var(--sp-10);background:var(--surface-sand)}.shoprail__inner{max-width:1120px;margin:0 auto;padding:0 var(--gutter)}.shoprail__head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:var(--sp-2) var(--sp-6);margin-bottom:var(--sp-6)}.shoprail__title{margin:0;font:500 22px/1.1 var(--font-display);letter-spacing:-.03em;color:var(--ink)}.shoprail__hint{margin:0;font:400 14px/1.4 var(--font-sans);letter-spacing:-.005em;color:var(--text-secondary)}.shoprail__track{list-style:none;margin:0 calc(var(--gutter) * -1);padding:0 var(--gutter) var(--sp-1);display:grid;grid-auto-flow:column;grid-auto-columns:64%;gap:var(--sp-4);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);scrollbar-width:none}.shoprail__track::-webkit-scrollbar{display:none}.shoprail__item{scroll-snap-align:start;display:grid;gap:var(--sp-3);align-content:start}.shoprail .card__media{border-radius:var(--radius-input)}@media(min-width:760px){.shoprail{padding:var(--sp-10) 0 var(--sp-12)}.shoprail__inner{padding:0 48px}.shoprail__track{grid-auto-flow:row;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible;margin:0;padding:0;gap:var(--sp-6)}}.card__quick{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.card__quick .card__size+.card__size:before{content:none}.card__quick-size{min-width:40px;height:40px;padding:0 10px;border:1px solid var(--hairline);border-radius:var(--radius-input);background:var(--white);color:var(--ink);font:500 13px/1 var(--font-label);letter-spacing:.02em;font-variant-numeric:tabular-nums;cursor:pointer;transition:border-color var(--dur) var(--ease-out),background-color var(--dur) var(--ease-out),color var(--dur) var(--ease-out),transform .12s var(--ease-out)}.card__quick-size--one{padding:0 var(--sp-5)}@media(hover:hover)and (pointer:fine){.card__quick-size:hover{border-color:var(--ink)}}.card__quick-size:active{transform:scale(.95)}.card__quick-size:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.card__quick-size.is-mine{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.card__quick-size[aria-busy=true]{color:var(--text-muted);cursor:progress}.card__quick-size.is-added{background:var(--ink);border-color:var(--ink);color:var(--white)}@media(prefers-reduced-motion:reduce){.card__quick-size{transition:none}.card__quick-size:active{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/40/assets/component-shop-rail.css.map */