.ColorsInput_root__wluJW{display:flex;gap:calc(3.125rem * var(--mantine-scale))}@media (max-width:59.375em){.ColorsInput_root__wluJW{flex-direction:column}.ColorsInput_colorPicker__r7vDj{width:100%}}.ColorsInput_saturation__tm_uJ .mantine-ColorPicker-saturationOverlay{border-radius:var(--mantine-radius-md)}.ColorsInput_input__DxN2i{max-width:calc(17.5rem * var(--mantine-scale));margin-bottom:var(--mantine-spacing-sm)}@media (max-width:59.375em){.ColorsInput_input__DxN2i{width:100%;max-width:100%}}@media (max-width:37.5em){.ColorsInput_switch__0P2d4{display:none}}.ColorsList_root__JeG8b{margin-top:calc(3.125rem * var(--mantine-scale))}.ColorsList_item__pTrvg{flex:1}.ColorsList_item__pTrvg:first-of-type>.ColorsList_swatch__U4owx{border-top-left-radius:var(--mantine-radius-md)!important;border-bottom-left-radius:var(--mantine-radius-md)!important}.ColorsList_item__pTrvg:last-of-type>.ColorsList_swatch__U4owx{border-top-right-radius:var(--mantine-radius-md)!important;border-bottom-right-radius:var(--mantine-radius-md)!important}.ColorsList_swatch__U4owx{width:100%;height:0;padding-bottom:100%;overflow:hidden;transition:transform .1s ease,box-shadow .1s ease,border-radius .1s ease}.ColorsList_swatch__U4owx[data-base]{transform:scale(1.2) translateY(-5px);z-index:1;box-shadow:var(--mantine-shadow-md);border-radius:var(--mantine-radius-md)}@media (max-width:37.5em){.ColorsList_swatch__U4owx[data-base]{transform:none;box-shadow:none;border-radius:0}}.ColorsList_label__oDSyy{display:flex;flex-direction:column;text-align:center;gap:calc(.3125rem * var(--mantine-scale))}@media (max-width:37.5em){.ColorsList_label__oDSyy{display:none}}.ColorsList_hex__2hIFk{font-weight:700;text-transform:uppercase;font-family:var(--mantine-font-family-monospace);font-size:calc(.625rem * var(--mantine-scale))}.ColorsList_index__0v6AH{font-size:var(--mantine-font-size-lg);font-weight:700;font-family:var(--docs-font-primary)}