.oct-cardsw{--oct-dot-size: 40px;display:flex;flex-wrap:wrap;gap:8px;padding-block:8px 2px}.oct-cardsw__dot{display:block;width:var(--oct-dot-size);height:var(--oct-dot-size);border-radius:8px;border:1px solid rgb(255 255 255 / .3);background-color:#ffffffeb;background-image:var(--oct-dot-img);background-size:contain;background-position:50% 50%;background-repeat:no-repeat;box-shadow:0 0 #c81e2e00;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.oct-cardsw__dot:hover,.oct-cardsw__dot:focus-visible{transform:scale(1.12);border-color:var(--octagon-red, #c81e2e);box-shadow:0 0 0 2px #c81e2e66}@media screen and (max-width:749px){.oct-cardsw{--oct-dot-size: 34px;gap:6px}}@media(prefers-reduced-motion:reduce){.oct-cardsw__dot{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/71/assets/octagon-swatches.css.map */