.m_fee9c77{--cp-width-xs:180px;--cp-width-sm:200px;--cp-width-md:240px;--cp-width-lg:280px;--cp-width-xl:320px;--cp-preview-size-xs:26px;--cp-preview-size-sm:34px;--cp-preview-size-md:42px;--cp-preview-size-lg:50px;--cp-preview-size-xl:54px;--cp-thumb-size-xs:8px;--cp-thumb-size-sm:12px;--cp-thumb-size-md:16px;--cp-thumb-size-lg:20px;--cp-thumb-size-xl:22px;--cp-saturation-height-xs:100px;--cp-saturation-height-sm:110px;--cp-saturation-height-md:120px;--cp-saturation-height-lg:140px;--cp-saturation-height-xl:160px;--cp-preview-size:var(--cp-preview-size-sm);--cp-thumb-size:var(--cp-thumb-size-sm);--cp-saturation-height:var(--cp-saturation-height-sm);--cp-width:var(--cp-width-sm);--cp-body-spacing:var(--mantine-spacing-sm);width:var(--cp-width);padding:1px}.m_fee9c77:where([data-full-width]){width:100%}.m_9dddfbac{width:var(--cp-preview-size);height:var(--cp-preview-size)}.m_bffecc3e{padding-top:calc(var(--cp-body-spacing) / 2);display:flex}.m_3283bb96{flex:1}.m_3283bb96:not(:only-child){margin-inline-end:var(--mantine-spacing-xs)}.m_40d572ba{border:2px solid var(--mantine-color-white);width:var(--cp-thumb-size);height:var(--cp-thumb-size);border-radius:var(--cp-thumb-size);left:calc(var(--thumb-x-offset) - var(--cp-thumb-size) / 2);top:calc(var(--thumb-y-offset) - var(--cp-thumb-size) / 2);position:absolute;overflow:hidden;box-shadow:0 0 1px #0009}.m_d8ee6fd8{cursor:pointer;padding-bottom:calc(var(--cp-swatch-size) - calc(.25rem * var(--mantine-scale)));flex:0 0 calc(var(--cp-swatch-size) - calc(.25rem * var(--mantine-scale)));margin:2px;height:unset!important;width:unset!important;min-width:0!important;min-height:0!important}.m_5711e686{margin-top:5px;flex-wrap:wrap;margin-inline:-2px;display:flex}.m_5711e686:only-child{margin-top:0}.m_202a296e{--cp-thumb-size-xs:8px;--cp-thumb-size-sm:12px;--cp-thumb-size-md:16px;--cp-thumb-size-lg:20px;--cp-thumb-size-xl:22px;-webkit-tap-highlight-color:transparent;height:var(--cp-saturation-height);border-radius:var(--mantine-radius-sm);margin:calc(var(--cp-thumb-size) / 2);position:relative}.m_202a296e:where([data-focus-ring=auto]):focus:focus-visible .m_40d572ba,.m_202a296e:where([data-focus-ring=always]):focus .m_40d572ba{outline:2px solid var(--mantine-color-blue-filled)}.m_11b3db02{border-radius:var(--mantine-radius-sm);inset:calc(var(--cp-thumb-size) * -1 / 2 - calc(.0625rem * var(--mantine-scale)));position:absolute}.m_d856d47d{--cp-thumb-size-xs:8px;--cp-thumb-size-sm:12px;--cp-thumb-size-md:16px;--cp-thumb-size-lg:20px;--cp-thumb-size-xl:22px;--cp-thumb-size:var(--cp-thumb-size,calc(.75rem * var(--mantine-scale)));height:calc(var(--cp-thumb-size) + calc(.125rem * var(--mantine-scale)));margin-inline:calc(var(--cp-thumb-size) / 2);outline:none;position:relative}.m_d856d47d+.m_d856d47d{margin-top:6px}.m_d856d47d:where([data-focus-ring=auto]):focus:focus-visible .m_40d572ba,.m_d856d47d:where([data-focus-ring=always]):focus .m_40d572ba{outline:2px solid var(--mantine-color-blue-filled)}:where([data-mantine-color-scheme=light]) .m_d856d47d{--slider-checkers:var(--mantine-color-gray-3)}:where([data-mantine-color-scheme=dark]) .m_d856d47d{--slider-checkers:var(--mantine-color-dark-4)}.m_8f327113{top:0;bottom:0;inset-inline:calc(var(--cp-thumb-size) * -1 / 2 - calc(.0625rem * var(--mantine-scale)));border-radius:10000rem;position:absolute}