.ColorsGroup_root__MPdre{--primary-swatch-size:calc(13.75rem * var(--mantine-scale))}.ColorsGroup_inner__LUKtz{display:flex;flex-direction:column;gap:calc(.125rem * var(--mantine-scale))}.ColorsGroup_primarySwatch__B2_G1{width:100%;height:calc(var(--primary-swatch-size) / 1.5);border-radius:var(--mantine-radius-md);border-bottom-right-radius:0;border-bottom-left-radius:0;position:relative;transition:background-color .1s ease,color .1s ease}.ColorsGroup_swatches__Z8Pr7{align-items:center;display:flex;gap:calc(.125rem * var(--mantine-scale))}.ColorsGroup_secondarySwatch__8O4Xi{width:10%;height:calc(var(--primary-swatch-size) / 10);font-size:var(--mantine-font-size-xs);font-family:var(--mantine-font-family-monospace);text-transform:uppercase}.ColorsGroup_name__DlmNt{inset-inline-start:calc(.75rem * var(--mantine-scale));text-transform:capitalize}.ColorsGroup_colorIndex__dl3CI,.ColorsGroup_name__DlmNt{position:absolute;top:calc(.75rem * var(--mantine-scale));font-family:var(--docs-font-primary);font-weight:500}.ColorsGroup_colorIndex__dl3CI,.ColorsGroup_colorValue__Uqn2O{inset-inline-end:calc(.75rem * var(--mantine-scale))}.ColorsGroup_colorValue__Uqn2O{position:absolute;bottom:calc(.75rem * var(--mantine-scale));text-transform:uppercase;font-family:var(--mantine-font-family-monospace);font-size:var(--mantine-font-size-sm)}