.naoko-color-swatches{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0;padding:0;list-style:none}.naoko-color-swatches__item{display:block;line-height:0}.naoko-color-swatches__link{display:inline-block;width:var(--naoko-swatch-size, 18px);height:var(--naoko-swatch-size, 18px);border-radius:50%;text-decoration:none;transition:transform .15s ease;outline:none}.naoko-color-swatches__circle{display:block;width:100%;height:100%;border-radius:50%;border:.5px solid #5D5D5D;background-position:center;background-size:cover;background-repeat:no-repeat;box-sizing:border-box;transition:box-shadow .15s ease,border-color .15s ease}.naoko-color-swatches__circle--fallback{background-color:#ccc}.naoko-color-swatches__item.is-active .naoko-color-swatches__circle{border-color:#5d5d5d;box-shadow:inset 0 0 0 2px #fff}@media(hover:hover){.naoko-color-swatches__link:hover{transform:scale(1.1)}.naoko-color-swatches__link:hover .naoko-color-swatches__circle{border-color:#0003}}.naoko-color-swatches__link:focus-visible .naoko-color-swatches__circle{box-shadow:0 0 0 1px #fff,0 0 0 2px #000;border-color:transparent}
/*# sourceMappingURL=/cdn/shop/t/72/assets/naoko-color-swatches.css.map */