.mm_color_selector_v4{display:block!important;width:100%;min-width:0;max-width:100%;isolation:isolate}.mm_color_selector_v4 .mm-color-selector-v4__wrapper{position:relative;width:100%;min-width:0}.mm_color_selector_v4 .mm-color-selector-v4__scroll{display:grid!important;grid-template-rows:repeat(3,max-content)!important;grid-auto-flow:column;grid-auto-columns:105px;align-content:start;gap:10px;width:100%;min-width:0;max-width:100%;overflow-x:auto;overflow-y:hidden;scroll-behavior:auto;scrollbar-width:none}.mm_color_selector_v4 .mm-color-selector-v4__scroll::-webkit-scrollbar{display:none}.mm_color_selector_v4 .mm-color-selector-v4__item{position:relative;display:block;width:105px;height:fit-content!important;min-height:0!important;margin:0!important;padding:0!important}.mm_color_selector_v4 .mm-color-selector-v4__item>input[type=radio]{position:absolute;width:1px;height:1px;opacity:0;margin:0}.mm_color_selector_v4 .mm-color-selector-v4__item>.mm-color-selector-v4__card{display:block!important;width:100%;height:auto!important;min-height:0!important;max-width:100%;margin:0!important;padding:0!important}.mm_color_selector_v4 .mm-color-selector-v4__card .label_img{overflow:visible!important}.mm_color_selector_v4 .mm-color-selector-v4__card .color_img{position:relative;z-index:10}.mm_color_selector_v4 .mm-color-selector-v4__card .label_txt{position:relative;z-index:0}.mm_color_selector_v4 .mm-color-selector-v4__scroll img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.mm_color_selector_v4 .mm-color-selector-v4__scroll.is-expanded{grid-template-rows:none!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;grid-auto-flow:row!important;grid-auto-columns:auto!important;overflow:visible!important}.mm_color_selector_v4 .mm-color-selector-v4__scroll.is-expanded .mm-color-selector-v4__item{width:100%}.mm_color_selector_v4 .mm-color-selector-v4__toggle{display:flex;align-items:center;justify-content:flex-start;gap:8px;width:fit-content;padding:6px 0;border:0;background:transparent;color:#153668;font-family:var(--font-body-family);font-size:14px;font-weight:500;line-height:1.3;cursor:pointer}.mm_color_selector_v4 .mm-color-selector-v4__toggle-text{text-decoration:underline;text-underline-offset:3px}.mm_color_selector_v4 .mm-color-selector-v4__toggle-icon{width:18px;height:18px;flex-shrink:0;object-fit:contain}.mm_color_selector_v4 .mm-color-selector-v4__swipe-hint{position:absolute;top:50%;right:8px;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:46px;height:46px;padding:8px;background-color:#f1f1f1;border-radius:4px;box-sizing:border-box;z-index:20;pointer-events:none;transition:opacity .2s ease,visibility .2s ease}.mm_color_selector_v4 .mm-color-selector-v4__swipe-hint img{display:block;width:27px;height:24px;object-fit:contain}.mm_color_selector_v4 .mm-color-selector-v4__wrapper.is-scrolled .mm-color-selector-v4__swipe-hint,.mm_color_selector_v4 .mm-color-selector-v4__wrapper.is-expanded .mm-color-selector-v4__swipe-hint{opacity:0;visibility:hidden}.mm_color_selector_v4 .mm-color-selector-v4__scrollbar{position:relative;width:100%;height:8px;background:#e5e5e5;border-radius:10px;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}.mm_color_selector_v4 .mm-color-selector-v4__scrollbar-thumb{display:block!important;visibility:visible!important;position:absolute;top:0;left:0;width:30%;height:100%;background-color:#153668;border-radius:10px;cursor:grab}.mm_color_selector_v4 .mm-color-selector-v4__scrollbar-thumb:active{cursor:grabbing}.mm_color_selector_v4 .mm-color-selector-v4__wrapper.is-expanded .mm-color-selector-v4__scrollbar{display:none}@media(hover:hover)and (pointer:fine){.mm_color_selector_v4 .mm-color-selector-v4__scroll:not(.is-expanded){cursor:grab}.mm_color_selector_v4 .mm-color-selector-v4__scroll:not(.is-expanded) .mm-color-selector-v4__card,.mm_color_selector_v4 .mm-color-selector-v4__scroll:not(.is-expanded) .mm-color-selector-v4__card *{cursor:pointer}.mm_color_selector_v4 .mm-color-selector-v4__scroll.is-dragging,.mm_color_selector_v4 .mm-color-selector-v4__scroll.is-dragging *{cursor:grabbing!important;-webkit-user-select:none;user-select:none}.mm_color_selector_v4 .mm-color-selector-v4__wrapper:hover .mm-color-selector-v4__scrollbar{opacity:1;visibility:visible}}
/*# sourceMappingURL=/cdn/shop/t/178/assets/mm-color-selector-v4.css.map */