.styles_variants__RO1KH{display:inline-grid;grid-template-columns:repeat(12,1fr);overflow:auto;width:100%;max-width:678px;padding-top:.5rem;padding-left:.5rem;padding-right:.5rem;column-gap:.625rem;row-gap:.875rem;margin-bottom:0;list-style:none}@media(max-width:1100px){.styles_variants__RO1KH{grid-template-columns:unset;grid-auto-flow:column;grid-auto-columns:max-content;column-gap:.75rem;white-space:nowrap;width:calc(100% + var(--column-gap)*2);max-width:unset;margin-left:calc(-1*var(--column-gap));margin-right:calc(-1*var(--column-gap));padding-left:var(--column-gap);padding-right:var(--column-gap);padding-bottom:.5rem}}.styles_header__G7bqQ{font-size:var(--font-size-label-large)}.styles_circle__cvuso{display:inline-block;border-radius:100%;width:2.875rem;height:2.875rem;border:2px solid var(--base-700)}.styles_circle__cvuso:focus-visible{outline:2px auto var(--info);outline-offset:4px}.styles_container__sRvNE{border-radius:1rem;padding:1rem;background:var(--base-50);display:flex;align-items:center}.styles_img__Z_syr{width:5rem;height:5rem;object-fit:contain;margin-right:.5rem}.styles_unit__W_svK{color:var(--base-500)}.styles_list__vlbOM{display:flex;flex-direction:column;gap:1rem;margin-top:.875rem;margin-bottom:.625rem;overflow-y:scroll;padding:.5rem}@media screen and (min-resolution:1.24dppx){.styles_list__vlbOM{max-height:55vh}}@media screen and (max-resolution:1.24dppx){.styles_list__vlbOM{max-height:65vh}}.ColorPicker_option__UGxT2{display:inline-flex}.ColorPicker_option__UGxT2.ColorPicker_skeletonWrapper__yU8qt{cursor:auto;pointer-events:none}.ColorPicker_option__UGxT2:focus{outline:none}.ColorPicker_option__UGxT2:focus-visible .ColorPicker_circle__tJ_5h:not(.ColorPicker_skeleton__HLL0J){outline:2px solid var(--exceptions-state-focus)}.ColorPicker_option__UGxT2:focus-visible .ColorPicker_circle__tJ_5h:not(.ColorPicker_selected__RJdrx){outline-offset:2px}.ColorPicker_option__UGxT2:focus-visible .ColorPicker_circle__tJ_5h.ColorPicker_selected__RJdrx,.ColorPicker_option__UGxT2:focus-visible .ColorPicker_circle__tJ_5h.ColorPicker_unavailable__F0ANh{outline-offset:6px}.ColorPicker_option__UGxT2:focus-visible .ColorPicker_circle__tJ_5h.ColorPicker_selected__RJdrx:after{border-color:var(--base-700)}.ColorPicker_option__UGxT2 .ColorPicker_circle__tJ_5h{position:relative;display:inline-block;width:2.875rem;aspect-ratio:1/1;flex-shrink:0;border-radius:50%;background-size:cover;background-position:50%;border:1px solid var(--base-300)}.ColorPicker_option__UGxT2 .ColorPicker_circle__tJ_5h.ColorPicker_skeleton__HLL0J{border-radius:62.4375rem;background-color:var(--exceptions-skeleton-02);border:1px solid var(--exceptions-skeleton-02);pointer-events:none;color:rgba(0,0,0,0)}.ColorPicker_option__UGxT2 .ColorPicker_circle__tJ_5h.ColorPicker_selected__RJdrx:not(.ColorPicker_skeleton__HLL0J):after{content:"";position:absolute;inset:-.25rem;border-radius:50%;border:2px solid var(--base-700);pointer-events:none}.ColorPicker_option__UGxT2 .ColorPicker_circle__tJ_5h.ColorPicker_unavailable__F0ANh:not(.ColorPicker_skeleton__HLL0J){pointer-events:none}.ColorPicker_option__UGxT2 .ColorPicker_circle__tJ_5h.ColorPicker_unavailable__F0ANh:not(.ColorPicker_skeleton__HLL0J):before{content:"";position:absolute;z-index:5;top:50%;left:50%;width:3.675rem;height:.375rem;background-color:var(--base-700);border:2px solid var(--base-00-elevation);transform:translate(-50%,-50%) rotate(-45deg);border-radius:6.25rem;pointer-events:none}.ColorPicker_badge__cG3rW{display:inline-flex;align-items:center;justify-content:center;max-width:fit-content;height:1.25rem;padding:.125rem .25rem;border-radius:6px;background-color:var(--base-100)}.ColorPicker_label___923C{font-size:var(--font-size-label-small);line-height:var(--line-height-label-small)}@media(min-width:720px){.ColorPicker_label___923C{font-size:var(--font-size-label-medium);line-height:var(--line-height-label-medium)}}.ColorPicker_skeletonLabel__3_SMf,.ColorPicker_skeleton__HLL0J{pointer-events:none;color:rgba(0,0,0,0);background-color:var(--exceptions-skeleton-02);border-radius:62.4375rem}.ColorPicker_skeletonLabel__3_SMf{height:13px}.ProductStatusTag_small__aXTrv{--tag-font-size:var(--font-size-label-xSmall)!important;--tag-line-height:var(--line-height-label-xSmall)!important;--tag-padding-x:0.25rem;--tag-padding-y:0.25rem;--tag-radius:0.375rem}.ProductStatusTag_medium__2Gm_D{--tag-font-size:var(--font-size-label-small)!important;--tag-line-height:var(--line-height-label-small)!important;--tag-padding-x:0.375rem;--tag-padding-y:0.25rem;--tag-radius:0.5rem}.ProductStatusTag_large__QTT_c{--tag-font-size:var(--font-size-label-medium)!important;--tag-line-height:var(--line-height-label-medium)!important;--tag-padding-x:0.5rem;--tag-padding-y:0.3125rem;--tag-radius:0.5rem}.ProductStatusTag_tag__aKDag{display:inline-flex;align-items:center;justify-content:center;max-width:fit-content;padding:var(--tag-padding-y) var(--tag-padding-x);background-color:var(--base-100);border-radius:var(--tag-radius);color:var(--base-600);font-size:var(--tag-font-size);line-height:var(--tag-line-height);font-weight:500;text-transform:uppercase}.ColorPickerWithFavorite_wrapper__ZHI4x{display:flex;align-items:center;justify-content:space-between;gap:.25rem}.ColorPickerWithFavorite_button__0iGa1{flex-shrink:0}.IconLoveItColor_base__vkO8K{stroke:var(--brand)}.IconLoveItColor_active__jlx1Z{stroke:var(--brand);fill:var(--brand)}