@mantine/core/styles/Pill.css

React components library focused on usability, accessibility and developer experience

.m-7cda1cd6{--pill-fz-xs:calc(0.625rem*var(--mantine-scale));--pill-fz-sm:calc(0.75rem*var(--mantine-scale));--pill-fz-md:calc(0.875rem*var(--mantine-scale));--pill-fz-lg:calc(1rem*var(--mantine-scale));--pill-fz-xl:calc(1.125rem*var(--mantine-scale));--pill-height-xs:calc(1.125rem*var(--mantine-scale));--pill-height-sm:calc(1.375rem*var(--mantine-scale));--pill-height-md:calc(1.5625rem*var(--mantine-scale));--pill-height-lg:calc(1.75rem*var(--mantine-scale));--pill-height-xl:calc(2rem*var(--mantine-scale));--pill-fz:var(--pill-fz-sm);--pill-height:var(--pill-height-sm);align-items:center;border-radius:var(--pill-radius,calc(62.5rem*var(--mantine-scale)));display:inline-flex;flex:0;font-size:var(--pill-fz);height:var(--pill-height);line-height:1;max-width:100%;padding-left:.8em;padding-right:.8em;user-select:none;-webkit-user-select:none;white-space:nowrap}:where([data-mantine-color-scheme=dark]) .m-7cda1cd6{background-color:var(--mantine-color-dark-7);color:var(--mantine-color-dark-0)}:where([data-mantine-color-scheme=light]) .m-7cda1cd6{color:var(--mantine-color-black)}:where([dir=rtl]) .m-7cda1cd6{padding-left:.8em;padding-right:.8em}.m-7cda1cd6:where([data-with-remove]){padding-right:0}.m-7cda1cd6:where([data-disabled],:has(button:disabled)){cursor:not-allowed}:where([data-mantine-color-scheme=light]) .m-44da308b{background-color:var(--mantine-color-gray-1)}:where([data-mantine-color-scheme=light]) .m-44da308b:where([data-disabled],:has(button:disabled)){background-color:var(--mantine-color-gray-3)}:where([data-mantine-color-scheme=light]) .m-e3a01f8{background-color:var(--mantine-color-white)}:where([data-mantine-color-scheme=light]) .m-e3a01f8:where([data-disabled],:has(button:disabled)){background-color:var(--mantine-color-gray-3)}.m-1e0e6180{cursor:inherit;height:100%;line-height:var(--pill-height);overflow:hidden;text-overflow:ellipsis}.m-ae386778{border-radius:0;color:inherit;flex:0;font-size:inherit;height:100%;min-height:unset;min-width:2em;padding-left:.1em;padding-right:.3em;width:unset}.m-7cda1cd6[data-disabled]>.m-ae386778,.m-ae386778:disabled{background-color:transparent;cursor:not-allowed;min-width:.8em;padding:0;width:.8em}.m-7cda1cd6[data-disabled]>.m-ae386778>svg,.m-ae386778:disabled>svg{display:none}.m-ae386778>svg{pointer-events:none}.m-1dcfd90b{--pg-gap-xs:calc(0.375rem*var(--mantine-scale));--pg-gap-sm:calc(0.5rem*var(--mantine-scale));--pg-gap-md:calc(0.625rem*var(--mantine-scale));--pg-gap-lg:calc(0.75rem*var(--mantine-scale));--pg-gap-xl:calc(0.75rem*var(--mantine-scale));--pg-gap:var(--pg-gap-sm);align-items:center;display:flex;flex-wrap:wrap;gap:var(--pg-gap)}