.collection-color-swatch{order:-1;margin-bottom:1em}.color-swatch-slider{display:block}.color-swatch-slider__container{display:grid;grid-template-columns:repeat(4,64px);grid-auto-rows:64px;gap:12px 12px;align-items:start;justify-content:start;width:100%;height:auto;overflow:visible}@media screen and (min-width:768px){.color-swatch-slider__container{grid-template-columns:repeat(5,64px);gap:12px 16px}}.color-swatch-slider__item--current[aria-disabled=true]{opacity:1}.color-swatch-slider__slide{border-radius:100%;border:0 none}.color-swatch-slider__item{display:block;aspect-ratio:4/5;width:64px;height:64px}.color-swatch-slider__item--current{top:0;right:0;bottom:0;left:0;border:0 none;z-index:1;border-bottom:2px solid rgba(var(--swatch-border-color-active))}.color-swatch-slider__image{display:block;width:100%;height:100%;object-fit:contain}.color-swatch-slider__slide a{display:block;width:64px;height:64px;background-color:#fff}.frame-shape-swatch__slide a,.frame-shape-swatch__item{position:relative;display:flex;width:64px;height:64px;flex-direction:column;align-items:center;justify-content:center}.frame-shape-swatch__label{position:absolute;bottom:calc(100% + 6px);left:50%;z-index:2;display:none;max-width:160px;padding:4px 8px;transform:translate(-50%);overflow:hidden;border-radius:3px;background:rgb(var(--text-color));color:rgb(var(--bg-color));font-size:12px;line-height:1.2;text-align:center;word-break:normal;white-space:nowrap}@media(hover:hover)and (pointer:fine){.frame-shape-swatch__item:hover .frame-shape-swatch__label,.frame-shape-swatch__item:focus-visible .frame-shape-swatch__label{display:block}}.frame-shape-swatch__image{width:64px;height:64px;object-fit:contain}.frame-shape-swatch__mobile-label{display:none}@media(hover:none),(pointer:coarse){.frame-shape-swatch__container{grid-auto-rows:84px}.frame-shape-swatch__slide a,.frame-shape-swatch__item{height:84px;justify-content:flex-start;gap:4px}.frame-shape-swatch__mobile-label{display:block;width:100%;overflow:hidden;color:rgb(var(--text-color));font-size:11px;line-height:1.2;text-align:center;text-overflow:ellipsis;white-space:nowrap}}
/*# sourceMappingURL=/cdn/shop/t/122/assets/product-variant-swatch.css.map */