.color-selector:not(.plp-selector) .color-title-container[data-v-6b7437cf]{align-items:flex-end;display:flex;font-size:16px;line-height:24px;margin-bottom:8px;text-align:left;--tw-text-opacity:1;color:rgb(52 48 61/var(--tw-text-opacity,1))}@media (min-width:1024px){.color-selector:not(.plp-selector) .color-title-container[data-v-6b7437cf]{font-size:12px;line-height:16px}}.color-selector:not(.plp-selector) .image-container[data-v-6b7437cf]{display:none}.color-selector:not(.plp-selector) .extended-container[data-v-6b7437cf]{display:flex;justify-content:space-between;margin-top:8px}.color-selector:not(.plp-selector) .extended-container .image-container[data-v-6b7437cf]{display:block;height:92px;margin-right:20px;margin-top:4px;width:92px}.color-selector:not(.plp-selector) .extended-container .colors-container[data-v-6b7437cf]{width:100%}.color-selector:not(.plp-selector) .extended-container .colors-container .color-wrapper[data-v-6b7437cf]{align-items:center;border:1px solid transparent;border-radius:9999px;cursor:pointer;display:flex;height:28px;justify-content:center;margin-right:4px;margin-top:4px;width:28px}.color-selector:not(.plp-selector) .extended-container .colors-container .color-wrapper.active[data-v-6b7437cf],.color-selector:not(.plp-selector) .extended-container .colors-container .color-wrapper[data-v-6b7437cf]:focus-visible,.color-selector:not(.plp-selector) .extended-container .colors-container .color-wrapper[data-v-6b7437cf]:hover{border:1px solid #404040;height:28px;margin-right:4px;width:28px}.color-selector:not(.plp-selector) .extended-container .colors-container .color-wrapper .color[data-v-6b7437cf]{border-radius:9999px;height:20px;width:20px}.color-selector:not(.plp-selector) .default-container .colors-container[data-v-6b7437cf]{align-items:center;display:flex;flex-wrap:wrap}.color-selector:not(.plp-selector) .default-container .colors-container .color-wrapper[data-v-6b7437cf]{align-items:center;border:1px solid transparent;border-radius:9999px;cursor:pointer;display:flex;height:28px;justify-content:center;margin-right:4px;margin-top:4px;width:28px}.color-selector:not(.plp-selector) .default-container .colors-container .color-wrapper.active[data-v-6b7437cf],.color-selector:not(.plp-selector) .default-container .colors-container .color-wrapper[data-v-6b7437cf]:focus-visible{border:1px solid #404040}.color-selector:not(.plp-selector) .default-container .colors-container .color-wrapper.active.darkMode[data-v-6b7437cf]{border-color:rgb(255 255 255/var(--tw-border-opacity,1));border-width:1px;--tw-border-opacity:.25}@media (hover:hover){.color-selector:not(.plp-selector) .default-container .colors-container .color-wrapper[data-v-6b7437cf]:hover{border:1px solid #404040}.color-selector:not(.plp-selector) .default-container .colors-container .color-wrapper:hover.darkMode[data-v-6b7437cf]{border-color:rgb(255 255 255/var(--tw-border-opacity,1));border-width:1px;--tw-border-opacity:.25}}.color-selector:not(.plp-selector) .default-container .colors-container .color-wrapper .color[data-v-6b7437cf]{border-radius:9999px;height:20px;width:20px}.color-selector.plp-selector[data-v-6b7437cf]{bottom:0;left:0;margin-bottom:10.53%;margin-left:10.53%;position:absolute}.color-selector.plp-selector .color-title-container[data-v-6b7437cf]{display:none}.colors-container[data-v-6b7437cf]{display:flex}.colors-container .color-wrapper.compare[data-v-6b7437cf]{height:26px;width:26px}.colors-container .color-wrapper.compare .color[data-v-6b7437cf]{border-radius:9999px;height:20px;width:20px}.colors-container .color-wrapper[data-v-6b7437cf]{align-items:center;border:1px solid transparent;border-radius:9999px;cursor:pointer;display:flex;height:18px;justify-content:center;margin-right:10px;width:18px}.colors-container .color-wrapper.active[data-v-6b7437cf],.colors-container .color-wrapper[data-v-6b7437cf]:focus-visible{border:1px solid #404040}.colors-container .color-wrapper.active.darkMode[data-v-6b7437cf]{border-color:rgb(255 255 255/var(--tw-border-opacity,1));border-width:1px;--tw-border-opacity:.25}@media (hover:hover){.colors-container .color-wrapper[data-v-6b7437cf]:hover{border:1px solid #404040}.colors-container .color-wrapper:hover.darkMode[data-v-6b7437cf]{border-color:rgb(255 255 255/var(--tw-border-opacity,1));border-width:1px;--tw-border-opacity:.25}}.colors-container .color-wrapper .color[data-v-6b7437cf]{border-radius:9999px;height:12px;width:12px}
