.ds-size-grid{min-width:0;margin:0;padding:0;border:0;color:var(--ds-fg, var(--ds-text));font-family:var(--ds-font-text)}.ds-size-grid__legend{display:block;margin-block-end:var(--ds-space-2);padding:0;font-size:var(--ds-fs-small);font-weight:var(--ds-weight-strong);line-height:var(--ds-lh-small)}.ds-size-grid__options{display:grid;grid-template-columns:repeat(var(--ds-size-cols, 6),minmax(0,1fr));gap:var(--ds-space-2)}.ds-size-grid__item{position:relative;display:flex;min-width:0;border:var(--ds-line) solid var(--ds-border-field);border-radius:var(--ds-radius);background-color:var(--ds-surface);transition:border-color var(--ds-fast) var(--ds-ease),background-color var(--ds-fast) var(--ds-ease)}.ds-size-grid__item:has(.ds-size-grid__input:checked){border-color:var(--ds-fg, var(--ds-text));background-color:var(--ds-fg, var(--ds-text))}.ds-size-grid__input{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.ds-size-grid__input:disabled{cursor:not-allowed}.ds-size-grid__label{display:flex;flex:1;align-items:center;justify-content:center;min-height:var(--ds-control-sm);padding:var(--ds-space-2) var(--ds-space-1);border-radius:var(--ds-radius);font-size:var(--ds-fs-body);font-variant-numeric:tabular-nums;line-height:1.2;transition:background-color var(--ds-fast) var(--ds-ease),color var(--ds-fast) var(--ds-ease)}.ds-size-grid__input:checked+.ds-size-grid__label{color:var(--ds-bg, var(--ds-surface));font-weight:var(--ds-weight-strong)}.ds-size-grid__input:focus-visible+.ds-size-grid__label{border-radius:var(--ds-radius);outline:var(--ds-line-strong) solid var(--ds-focus);outline-offset:var(--ds-space-1)}.ds-size-grid__item--sold-out .ds-size-grid__label{color:var(--ds-text-muted);text-decoration:line-through;text-decoration-thickness:var(--ds-line)}.ds-size-grid__item--sold-out:has(.ds-size-grid__input:checked){border-color:var(--ds-text-muted);background-color:var(--ds-text-muted)}.ds-size-grid__item--sold-out .ds-size-grid__input:checked+.ds-size-grid__label{color:var(--ds-bg, var(--ds-surface))}@media(hover:hover){.ds-size-grid__item:hover:not(:has(.ds-size-grid__input:checked)){border-color:var(--ds-fg, var(--ds-text))}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/ds-size-grid.css.map */