.na-size-selector{display:flex;flex-direction:column;gap:var(--gap-2xs);width:100%}.na-size-selector__label{display:flex;align-items:center;gap:var(--gap-3xs);margin:0;font-size:var(--font-size--sm);font-weight:var(--font-heading--weight);color:var(--color-foreground)}.na-size-selector__dimension{font-weight:var(--font-body--weight);color:rgb(var(--color-foreground-rgb) / var(--opacity-40-60))}.na-size-selector__cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--gap-xs)}.na-size-selector__cards>*{display:flex}.na-size-selector__card{display:flex;align-items:center;gap:var(--gap-xs);width:100%;padding:var(--padding-xs);border:var(--style-border-width) solid transparent;border-radius:var(--style-border-radius-sm);background-color:rgb(var(--color-border-rgb) / .45);color:var(--color-foreground);text-decoration:none}.na-size-selector__card--active{border-color:var(--color-foreground);background-color:var(--color-background)}.na-size-selector__media{flex-shrink:0;width:56px;overflow:hidden;border-radius:var(--style-border-radius-sm)}.na-size-selector__image{display:block;width:100%;height:auto}.na-size-selector__info{display:flex;flex-direction:column;gap:var(--gap-3xs);min-width:0}.na-size-selector__title{font-size:var(--font-size--md);font-weight:var(--font-heading--weight);color:var(--color-foreground)}.na-size-selector__title p{margin:0}.na-size-selector__title p+p{font-size:var(--font-size--xs);font-weight:var(--font-body--weight);color:rgb(var(--color-foreground-rgb) / var(--opacity-40-60))}.na-size-selector__price{font-size:var(--font-size--md);font-weight:var(--font-body--weight);color:var(--color-foreground)}.na-size-selector__extra{margin:0;font-size:var(--font-size--2xs);color:rgb(var(--color-foreground-rgb) / var(--opacity-40-60))}.na-size-selector__card:focus-visible{outline:var(--focus-outline-width) solid var(--color-foreground);outline-offset:var(--focus-outline-offset)}@media(prefers-reduced-motion:no-preference){.na-size-selector__card{transition:border-color var(--animation-values),background-color var(--animation-values)}}@media screen and (min-width:750px){.na-size-selector__card:not(.na-size-selector__card--active):hover{border-color:rgb(var(--color-foreground-rgb) / var(--opacity-40-60))}}
/*# sourceMappingURL=/cdn/shop/t/429/assets/na-size-selector.css.map */