.na-swatches-category{row-gap:var(--gap-2xl)}.na-swatches-category__title{margin:0 0 var(--margin-xl);text-align:center}.na-swatches-category__list{display:flex;flex-direction:column;max-width:50.25rem;width:100%;margin-inline:auto}.na-swatches-category__item{display:flex;flex-direction:column;border-block-end:var(--style-border-width) solid var(--color-product-size-pill-background)}.na-swatches-category__item:last-child{border-block-end:none}.na-swatches-category__card{display:flex;flex-direction:column;gap:var(--gap-md);padding-block:var(--padding-xl)}.na-swatches-category__media{width:100%}.na-swatches-category__image{display:block;width:100%;height:100%;max-height:18.125rem;object-fit:cover;border-radius:var(--style-border-radius-sm)}.na-swatches-category__content{display:flex;flex-direction:column;gap:var(--gap-md);min-width:0}.na-swatches-category__heading,.na-swatches-category__description,.na-swatches-category__description p{margin:0}.na-swatches-category__icon-row{display:flex;align-items:center;gap:var(--gap-2xs)}.na-swatches-category__icon{width:1.5rem;height:1.5rem;object-fit:contain;flex-shrink:0}.na-swatches-category__icon-text,.na-swatches-category__label{margin:0}.na-swatches-category__swatches{display:flex;flex-wrap:nowrap;gap:var(--gap-2xs);list-style:none;margin:0;padding:0;overflow-x:auto;scrollbar-width:none}.na-swatches-category__swatches::-webkit-scrollbar{display:none}.na-swatches-category__swatch{position:relative;flex-shrink:0;width:3.5rem;height:3.5rem;border-radius:var(--style-border-radius-sm);border:1px solid rgb(var(--color-foreground-rgb) / var(--opacity-10-25));overflow:visible}.na-swatches-category__swatch-image{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}.na-swatches-category__tooltip{position:absolute;bottom:calc(100% + var(--gap-2xs));left:50%;transform:translate(-50%);padding:var(--gap-3xs) var(--gap-sm);border-radius:var(--style-border-radius-xs);background-color:var(--color-foreground-heading);color:var(--color-background);font-size:var(--font-size--xs);white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;z-index:var(--layer-temporary);transition:opacity var(--animation-speed) var(--animation-easing),visibility var(--animation-speed) var(--animation-easing)}.na-swatches-category__tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:.3125rem solid transparent;border-top-color:var(--color-foreground-heading)}.na-swatches-category__swatch:hover .na-swatches-category__tooltip,.na-swatches-category__swatch:focus-within .na-swatches-category__tooltip{opacity:1;visibility:visible}.na-swatches-category__add{display:inline-flex;align-items:center;justify-content:center;width:100%}.na-swatches-category__add.is-success{pointer-events:none}.na-swatches-category__add.is-loading .na-swatches-category__add-text{display:none}.na-swatches-category__add-spinner{display:inline-flex;inline-size:1.25rem;block-size:1.25rem}.na-swatches-category__add-spinner[hidden]{display:none}.na-swatches-category__add-spinner .na-loading-spinner{inline-size:100%;block-size:100%}.na-swatches-category__faq-trigger{padding-block-end:var(--padding-lg);text-align:center}.na-swatches-category__faq-button{text-decoration:underline;color:var(--color-foreground);font:inherit;font-weight:600;cursor:pointer}.na-swatches-category__faq-button:hover{opacity:.8}.na-swatches-category__faq-button:focus-visible{outline:var(--focus-outline-width) solid currentColor;outline-offset:var(--focus-outline-offset)}.na-swatches-category__empty{padding:var(--padding-lg);text-align:center}.na-modal--swatch-faq .na-modal__header{display:flex;align-items:center;justify-content:space-between;gap:var(--gap-sm);padding:var(--padding-xl) var(--padding-xl) 0}.na-modal--swatch-faq .na-modal__header-title{margin:0}.na-swatches-category__faq .na-modal__content-box{padding:var(--padding-lg) var(--padding-xl) var(--padding-xl)}@media screen and (max-width:749px){.na-modal--swatch-faq .na-modal__dialog{width:min(28.125rem,calc(100dvw - 2rem));height:fit-content;max-height:85dvh}.na-modal--swatch-faq .na-modal__header{padding:var(--padding-lg) var(--padding-lg) 0}.na-swatches-category__faq{display:flex;flex-direction:column;min-height:0}.na-swatches-category__faq .na-modal__content-box{padding:var(--padding-md) var(--padding-lg) var(--padding-lg);overflow-y:auto}}@media screen and (min-width:750px){.na-swatches-category__card{flex-direction:row;align-items:stretch;gap:var(--gap-lg);padding-block:var(--padding-2xl);padding-inline:var(--padding-md)}.na-swatches-category__media{flex:0 0 22.3125rem;max-width:22.3125rem;max-height:18.125rem;align-self:stretch}.na-swatches-category__image{border-radius:0;max-height:none}.na-swatches-category__swatches{flex-wrap:wrap;overflow:visible}.na-swatches-category__swatch{width:3rem;height:3rem}.na-swatches-category__faq-trigger{text-align:center;padding-block-end:var(--padding-lg)}}@media(prefers-reduced-motion:reduce){.na-swatches-category__tooltip{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/429/assets/na-swatches-category.css.map */