.astra-cardsw{position:relative;z-index:2;display:grid;margin-top:.9rem;min-height:var(--sw, 36px)}.astra-cardsw>*{grid-area:1 / 1;align-self:center}.astra-cardsw__count{justify-self:start;padding:0;border:0;background:none;font-family:inherit;font-size:1.3rem;color:inherit;opacity:.65;cursor:pointer;text-align:left;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:.3rem;transition:opacity .15s ease}.astra-cardsw__tiles{display:flex;align-items:center;gap:.6rem;flex-wrap:nowrap;visibility:hidden;opacity:0;transition:opacity .15s ease}.astra-cardsw.is-open .astra-cardsw__tiles,.astra-cardsw:focus-within .astra-cardsw__tiles{visibility:visible;opacity:1}.astra-cardsw.is-open .astra-cardsw__count,.astra-cardsw:focus-within .astra-cardsw__count{opacity:0;pointer-events:none}@media(hover:hover){.card-wrapper:hover .astra-cardsw__tiles{visibility:visible;opacity:1}.card-wrapper:hover .astra-cardsw__count{opacity:0;pointer-events:none}}.astra-cardsw__tile{width:var(--sw, 36px);height:var(--sw, 36px);flex:0 0 auto;display:block;overflow:hidden;padding:0;line-height:0;border:1px solid rgba(var(--color-foreground),.18);background:rgb(var(--color-background));transition:border-color .15s ease}.astra-cardsw__tile img{width:100%;height:100%;display:block;object-fit:contain}.astra-cardsw__tile.is-current,.astra-cardsw__tile:hover,.astra-cardsw__tile:focus-visible{border-color:rgb(var(--color-foreground));border-width:2px}.astra-cardsw__more{font-size:1.2rem;text-decoration:none;opacity:.7;padding-inline:.2rem;color:rgb(var(--color-foreground))}@media screen and (max-width:749px){.astra-cardsw__tiles{gap:.5rem}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/astra-swatches.css.map */