.cm-color-variant-picker__label{font-size:15px;font-style:normal;font-weight:700;line-height:160%;margin-bottom:12px;margin-top:0;color:var(--text-color, #222)}@media(min-width:750px){.cm-color-variant-picker__label{font-size:16px}}.cm-color-variant-picker__grid{display:flex;flex-wrap:wrap;gap:12px 8px}.cm-color-variant-picker__item{width:62px;max-width:calc((100% - 32px)/5);display:flex;flex-direction:column;align-items:center;cursor:pointer;position:relative;padding:3px}.cm-color-variant-picker__item input[type=radio]{position:absolute;opacity:0;width:0;height:0}.cm-color-variant-picker__image-wrapper{width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;overflow:hidden;background-color:#fff;border-radius:3px}.cm-color-variant-picker__image-wrapper img{width:100%;height:100%;object-fit:contain}.cm-color-variant-picker__no-image{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:#ccc}.cm-color-variant-picker__value-name{display:block;width:100%;text-align:left;font-family:Noto Sans JP;font-size:10px;font-style:normal;font-weight:400;line-height:160%;word-break:break-all}.cm-color-variant-picker__item--selected{border:2px solid var(--text-color, #757574)}.cm-color-variant-picker__item:hover .cm-color-variant-picker__image-wrapper{border-color:#aaa}.cm-color-variant-picker__item--selected:hover .cm-color-variant-picker__image-wrapper{border-color:var(--text-color, #222)}.cm-color-variant-picker__selected-label{margin-top:12px;padding:6px 12px;font-size:10px;font-style:normal;font-weight:400;line-height:160%;background-color:#f1eed2;color:var(--text-color, #222);width:fit-content}.cm-color-variant-picker__selected-value{font-family:Noto Sans JP;font-size:14px;font-style:normal;font-weight:700;line-height:150%}.cm-color-variant-picker__variant-description{margin-top:12px;font-family:Noto Sans JP;font-size:15px;font-style:normal;font-weight:400;line-height:160%}@media(min-width:750px){.cm-color-variant-picker__variant-description{font-size:16px}}.cm-color-variant-picker__pill-fieldset{margin-top:20px;margin-bottom:0;padding:0;border:0}.cm-color-variant-picker__pill-fieldset .form__label{font-size:15px;font-style:normal;font-weight:700;line-height:160%;color:var(--text-color, #222)}@media(min-width:750px){.cm-color-variant-picker__pill-fieldset .form__label{font-size:16px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/cm-color-variant-picker.css.map */