.SelectColor_selectColor__NiGu6{position:relative;display:flex;align-items:center;padding:0 12px;min-width:101px;height:40px;border-radius:12px;border:1px solid hsla(0,0%,100%,.15);cursor:pointer}.SelectColor_selectColor__NiGu6:hover{border:1px solid #fff}.SelectColor_selectColor__NiGu6.SelectColor_hasValue__JXmAD:hover .SelectColor_arrow__WMDee{display:none}.SelectColor_selectColor__NiGu6.SelectColor_hasValue__JXmAD:hover .SelectColor_clear__MXUI_{display:block}.SelectColor_selectColor__NiGu6 .SelectColor_value__Nd4_X{font-weight:500;font-size:14px;color:#fff}.SelectColor_selectColor__NiGu6 .SelectColor_value__Nd4_X .SelectColor_valueColor__zhrIS{width:24px;height:24px;border-radius:50%}.SelectColor_selectColor__NiGu6 .SelectColor_arrow__WMDee{position:absolute;top:15px;right:12px;width:11px;height:11px;background:url(/_next/static/media/arrow.ecf46ed9.png) no-repeat 50%/100%}.SelectColor_selectColor__NiGu6 .SelectColor_clear__MXUI_{display:none;position:absolute;top:10px;right:12px;width:20px;height:20px;background:url(/_next/static/media/clear.7da001fb.png) no-repeat 50%/100%}.SelectColor_selectColor__NiGu6 .SelectColor_clear__MXUI_:hover{background:url(/_next/static/media/clear-hover.7fcf5e74.png) no-repeat 50%/100%}.SelectColor_selectColor__NiGu6 .SelectColor_selectWrapper__ff0Ev{position:absolute;top:47px;right:0;width:212px;padding:8px;background:#141414;border-radius:12px;border:1px solid hsla(0,0%,100%,.2);display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.SelectColor_selectColor__NiGu6 .SelectColor_selectWrapper__ff0Ev .SelectColor_color__AFX4N{cursor:pointer;width:26px;height:26px;border:1px solid rgba(0,0,0,0);border-radius:50%}.SelectColor_selectColor__NiGu6 .SelectColor_selectWrapper__ff0Ev .SelectColor_color__AFX4N:hover{border-color:#fff}