.MuiChip-root { color: rgba(0, 0, 0, 0.87); border: none; cursor: default; height: 32px; display: inline-flex; outline: 0; padding: 0; font-size: 0.8125rem; box-sizing: border-box; transition: background-color 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; align-items: center; font-family: "Roboto", "Helvetica", "Arial", sans-serif; white-space: nowrap; border-radius: 16px; vertical-align: middle; justify-content: center; text-decoration: none; background-color: #e0e0e0; } .MuiChip-root.Mui-disabled { opacity: 0.5; pointer-events: none; } .MuiChip-root .MuiChip-avatar { color: #616161; width: 24px; height: 24px; font-size: 0.75rem; margin-left: 5px; margin-right: -6px; } .MuiChip-root .MuiChip-avatarColorPrimary { color: #fff; background-color: rgb(18, 37, 65); } .MuiChip-root .MuiChip-avatarColorSecondary { color: #fff; background-color: rgb(166, 37, 25); } .MuiChip-root .MuiChip-avatarSmall { width: 18px; height: 18px; font-size: 0.625rem; margin-left: 4px; margin-right: -4px; } .MuiChip-sizeSmall { height: 24px; } .MuiChip-colorPrimary { color: #fff; background-color: #1b365d; } .MuiChip-colorSecondary { color: #fff; background-color: #ee3524; } .MuiChip-clickable { cursor: pointer; user-select: none; -webkit-tap-highlight-color: transparent; } .MuiChip-clickable:hover, .MuiChip-clickable:focus { background-color: rgb(206, 206, 206); } .MuiChip-clickable:active { box-shadow: 0px 2px 1px -1px rgba(0,0,0,0.2),0px 1px 1px 0px rgba(0,0,0,0.14),0px 1px 3px 0px rgba(0,0,0,0.12); } .MuiChip-clickableColorPrimary:hover, .MuiChip-clickableColorPrimary:focus { background-color: rgb(45, 70, 105); } .MuiChip-clickableColorSecondary:hover, .MuiChip-clickableColorSecondary:focus { background-color: rgb(239, 69, 53); } .MuiChip-deletable:focus { background-color: rgb(206, 206, 206); } .MuiChip-deletableColorPrimary:focus { background-color: rgb(72, 94, 125); } .MuiChip-deletableColorSecondary:focus { background-color: rgb(241, 93, 79); } .MuiChip-outlined { border: 1px solid rgba(0, 0, 0, 0.23); background-color: transparent; } .MuiChip-clickable.MuiChip-outlined:hover, .MuiChip-clickable.MuiChip-outlined:focus, .MuiChip-deletable.MuiChip-outlined:focus { background-color: rgba(0, 0, 0, 0.04); } .MuiChip-outlined .MuiChip-avatar { margin-left: 4px; } .MuiChip-outlined .MuiChip-avatarSmall { margin-left: 2px; } .MuiChip-outlined .MuiChip-icon { margin-left: 4px; } .MuiChip-outlined .MuiChip-iconSmall { margin-left: 2px; } .MuiChip-outlined .MuiChip-deleteIcon { margin-right: 5px; } .MuiChip-outlined .MuiChip-deleteIconSmall { margin-right: 3px; } .MuiChip-outlinedPrimary { color: #1b365d; border: 1px solid #1b365d; } .MuiChip-clickable.MuiChip-outlinedPrimary:hover, .MuiChip-clickable.MuiChip-outlinedPrimary:focus, .MuiChip-deletable.MuiChip-outlinedPrimary:focus { background-color: rgba(27, 54, 93, 0.04); } .MuiChip-outlinedSecondary { color: #ee3524; border: 1px solid #ee3524; } .MuiChip-clickable.MuiChip-outlinedSecondary:hover, .MuiChip-clickable.MuiChip-outlinedSecondary:focus, .MuiChip-deletable.MuiChip-outlinedSecondary:focus { background-color: rgba(238, 53, 36, 0.04); } .MuiChip-icon { color: #616161; margin-left: 5px; margin-right: -6px; } .MuiChip-iconSmall { width: 18px; height: 18px; margin-left: 4px; margin-right: -4px; } .MuiChip-iconColorPrimary { color: inherit; } .MuiChip-iconColorSecondary { color: inherit; } .MuiChip-label { overflow: hidden; white-space: nowrap; padding-left: 12px; padding-right: 12px; text-overflow: ellipsis; } .MuiChip-labelSmall { padding-left: 8px; padding-right: 8px; } .MuiChip-deleteIcon { color: rgba(0, 0, 0, 0.26); width: 22px; cursor: pointer; height: 22px; margin: 0 5px 0 -6px; -webkit-tap-highlight-color: transparent; } .MuiChip-deleteIcon:hover { color: rgba(0, 0, 0, 0.4); } .MuiChip-deleteIconSmall { width: 16px; height: 16px; margin-left: -4px; margin-right: 4px; } .MuiChip-deleteIconColorPrimary { color: rgba(255, 255, 255, 0.7); } .MuiChip-deleteIconColorPrimary:hover, .MuiChip-deleteIconColorPrimary:active { color: #fff; } .MuiChip-deleteIconColorSecondary { color: rgba(255, 255, 255, 0.7); } .MuiChip-deleteIconColorSecondary:hover, .MuiChip-deleteIconColorSecondary:active { color: #fff; } .MuiChip-deleteIconOutlinedColorPrimary { color: rgba(27, 54, 93, 0.7); } .MuiChip-deleteIconOutlinedColorPrimary:hover, .MuiChip-deleteIconOutlinedColorPrimary:active { color: #1b365d; } .MuiChip-deleteIconOutlinedColorSecondary { color: rgba(238, 53, 36, 0.7); } .MuiChip-deleteIconOutlinedColorSecondary:hover, .MuiChip-deleteIconOutlinedColorSecondary:active { color: #ee3524; }