@charset "UTF-8";.iroiro-colors{margin:0 0 20px;transition:opacity .2s ease}.iroiro-colors.is-loading{opacity:.5;pointer-events:none}.iroiro-colors__label{margin:0 0 20px;font-size:inherit;letter-spacing:inherit}.iroiro-colors__list{display:grid;grid-template-columns:repeat(var(--iroiro-colors-columns, 9),1fr);justify-items:start;max-width:min(360px,calc(var(--iroiro-colors-columns, 9) * 40px));row-gap:calc(min(360px,var(--iroiro-colors-columns, 9) * 40px) / var(--iroiro-colors-columns, 9) - 26px)}.iroiro-colors__item{display:block;width:26px;height:26px;border:3px solid #fff;border-radius:50%;background-image:radial-gradient(circle at 34% 26%,#ffffff9e,#ffffff1a 42%,#fff0 64%),radial-gradient(circle at 70% 78%,#ffffff42,#fff0 32%),linear-gradient(150deg,#fff0 55%,#00000024),var(--iroiro-swatch, linear-gradient(135deg, #e9edef, #e9edef));box-shadow:0 0 0 1px #d5d5d5;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease}.iroiro-colors__item--foil{background-image:radial-gradient(circle at 34% 26%,#ffffff9e,#ffffff1a 42%,#fff0 64%),radial-gradient(circle at 70% 78%,#ffffff42,#fff0 32%),linear-gradient(150deg,#fff0 55%,#00000024),conic-gradient(from 25deg,var(--iroiro-swatch-foil) 0 62deg,transparent 62deg 360deg),conic-gradient(from 150deg at 40% 60%,var(--iroiro-swatch-foil) 0 52deg,transparent 52deg 360deg),conic-gradient(from 285deg at 55% 45%,var(--iroiro-swatch-foil) 0 68deg,transparent 68deg 360deg),conic-gradient(from 200deg,var(--iroiro-swatch-foil) 0 46deg,transparent 46deg 360deg),conic-gradient(from 95deg,var(--iroiro-swatch-foil) 0 54deg,transparent 54deg 360deg),linear-gradient(135deg,var(--iroiro-swatch-base),var(--iroiro-swatch-base));background-size:auto,auto,auto,42% 42%,32% 32%,36% 36%,26% 26%,24% 24%,auto;background-position:0 0,0 0,0 0,10% 16%,78% 26%,22% 84%,88% 80%,56% 54%,0 0;background-repeat:no-repeat}.iroiro-colors__item:hover{box-shadow:0 0 0 1px #a8a8a8}.iroiro-colors__item.is-current{border-color:#fff;box-shadow:0 0 0 2px #3c3c3c}@media screen and (max-width:600px){.iroiro-colors__item{width:22px;height:22px;border-width:2px}.iroiro-colors__list{row-gap:8px}}
/*# sourceMappingURL=/cdn/shop/t/179/assets/iroiro-color-switcher.css.map */