/* Brand primary — keep in sync with MasterLayout MudTheme (light Primary). */
:root {
    --mud-palette-primary: #4C5C92;
    --mud-palette-primary-light: #8B9BCF;
    --mud-palette-primary-dark: #3A4670;
    --mud-palette-on-primary: #ffffff;
}

.mud-theme-dark {
    --mud-palette-primary: #8B9BCF;
    --mud-palette-primary-light: #A8B5DB;
    --mud-palette-primary-dark: #4C5C92;
    --mud-palette-on-primary: #12141C;
}

/*
 * Drawer is black; brand Primary (#4C5C92) fails WCAG AA on that surface (~3.3:1).
 * Use drawer text / primary-light so nav labels and icons remain readable,
 * including when the drawer is closed but still in the DOM (Lighthouse).
 */
.mud-drawer .mud-nav-link:not(.mud-nav-link-disabled) {
    color: var(--mud-palette-drawer-text, #ffffff);
}

.mud-drawer .mud-nav-link .mud-nav-link-text {
    color: inherit;
}

.mud-drawer .mud-nav-link .mud-icon-root.mud-primary-text,
.mud-drawer .mud-nav-link .mud-icon-root {
    color: var(--mud-palette-drawer-icon, #b0b8d0) !important;
}

.mud-drawer .mud-nav-link.active:not(.mud-nav-link-disabled),
.mud-drawer .mud-nav-link.active:not(.mud-nav-link-disabled) .mud-nav-link-text {
    color: var(--mud-palette-primary-light, #8b9bcf) !important;
}

.mud-drawer .mud-nav-link.active:not(.mud-nav-link-disabled) .mud-icon-root {
    color: var(--mud-palette-primary-light, #8b9bcf) !important;
}

/* Default Mud dialog Small is 600px; InputDialog is 200px wider. */
.mud-dialog.input-dialog {
	width: 800px !important;
	max-width: min(800px, calc(100vw - 32px)) !important;
}

/*.admin-layout-watermark {*/
/*    position: relative;*/
/*}*/

/*.admin-layout-watermark::before {*/
/*    content: '';*/
/*    position: fixed;*/
/*    inset: 0;*/
/*    !*background-image: url('/images/cabsforveterans_watermark_1000.webp');*!*/
/*    background-repeat: repeat;*/
/*    background-size: min(300px, 35vmin);*/
/*    opacity: 0.15;*/
/*    pointer-events: none;*/
/*    z-index: 0;*/
/*}*/

/*.admin-layout-watermark-content {*/
/*    position: relative;*/
/*    z-index: 1;*/
/*}*/

/* Admin content: use the full main width with a slim gutter from LG up. */
.admin-layout-container.mud-container {
    max-width: none;
    width: 100%;
}

@media (min-width: 1280px) {
    .admin-layout-container.mud-container {
        padding-left: 0.75rem;
        padding-right: 0.75rem;
    }
}

@media (min-width: 1920px) {
    .admin-layout-container.mud-container {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}

.edit-form-paper {
	max-width: 100%;
	min-width: 0;
	box-sizing: border-box;
	/* Do not set overflow-x:hidden here — it forces overflow-y clipping and
	   chops floating MudSelect labels that sit above outlined fields. */
	overflow: visible;
}

.edit-form-paper .edit-form-paper-grid,
.edit-form-paper .mud-grid,
.edit-form-paper .mud-grid-item {
	max-width: 100%;
	min-width: 0;
	box-sizing: border-box;
}

.edit-form-paper .mud-table,
.edit-form-paper .grid {
	max-width: 100%;
	width: 100%;
	min-width: 0;
	box-sizing: border-box;
	overflow: visible;
}

.edit-form-paper .mud-table-container {
	overflow-x: auto;
	max-width: 100%;
}

.edit-form-paper .mud-table-toolbar,
.edit-form-paper .mud-table-pagination {
	max-width: 100%;
	min-width: 0;
	overflow: visible;
}

/* Allow toolbar content to wrap without MudBlazor's fixed ~64px height clipping it. */
.grid .mud-table-toolbar,
.grid .mud-toolbar.mud-table-toolbar {
	--mud-internal-toolbar-height: auto;
	overflow: visible !important;
	height: auto !important;
	min-height: 4rem;
	padding-top: 0.75rem !important;
	padding-bottom: 0.75rem !important;
	align-items: center !important;
	flex-wrap: wrap;
}

@media (min-width: 1280px) {
    .edit-form-paper {
        margin-left: 0;
        margin-right: 0;
        padding-left: 0.75rem;
        padding-right: 0.75rem;
    }
}

@media (min-width: 1920px) {
    .edit-form-paper {
        margin-left: 0;
        margin-right: 0;
        padding-left: 1rem;
        padding-right: 1rem;
    }
}

.edit-form-paper {
	max-width: 100%;
	min-width: 0;
	box-sizing: border-box;
	/* Do not set overflow-x:hidden here — it forces overflow-y clipping and
	   chops floating MudSelect labels that sit above outlined fields. */
	overflow: visible;
}

.urllinks {
	color: lightskyblue !important
}

/* Show postcodes in uppercase while typing; values are normalised on save/load. */
.postcode-field input,
.postcode-field textarea,
.postcode-field .mud-input-slot {
	text-transform: uppercase;
}

.grid-column-postcode {
	text-transform: uppercase;
}

.grid-column-left {
	text-align: left !important;
}

.grid-column-center {
	text-align: center !important;
}

.grid-column-right {
	text-align: right !important;
}

.grid-narrow-button {
	max-width: 30px !important;
	overflow: hidden !important;
	/*	text-overflow: ellipsis;*/
}

.timerButtonRow {
	position: relative !important;
	top: 3px !important;
}

.timerButton {
	/*	position: relative;
	top: 13px;*/
	height: 39px !important;
	width: 60px !important;
}

.grid-pager {
	/*	color: green !important;
	font-weight: bold !important*/
	color: var(--mud-palette-primary) !important;
}

	.grid-pager .mud-select {
		/*		color: green !important;
		font-weight: bold !important;*/
		color: var(--mud-palette-primary) !important;
	}

	.grid-pager .mud-table-pagination-select {
		color: var(--mud-palette-primary) !important;
		font-weight: bold !important
	}

	.grid-pager .mud-icon-root.mud-svg-icon {
		color: var(--mud-palette-primary) !important;
	}

	.grid .mud-table-sort-label {
		color: var(--mud-palette-primary) !important;
	}

.grid .mud-table-pagination-actions
.grid .mud-icon-root.mud-svg-icon {
	fill: var(--mud-palette-primary) !important;
}

.grid .mud-table-sticky-header *
.grid. .mud-table-root .mud-table-head *
.grid .mud-table-cell {
	color: var(--mud-palette-primary) !important;
}

.grid .mud-list-item.mud-list-item-dense {
	color: var(--mud-palette-primary) !important;
}

.grid .mud-select .mud-select-input .grid .mud-input-slot {
	color: var(--mud-palette-primary) !important;
}

.grid .mud-input > .grid input.mud-input-root,
.grid div.mud-input-slot.mud-input-root {
	color: var(--mud-palette-primary) !important;
}


.gridshort .mud-grid-spacing-xs-3 >
.grid .mud-grid-item {
	padding-bottom: 0px !important;
}

.grid-header-column-title {
	color: var(--mud-palette-primary) !important;
}

.grid {
	max-width: 100%;
	min-width: 0;
	width: 100%;
	box-sizing: border-box;
}

.grid .mud-table-container {
	overflow-x: auto;
	max-width: 100%;
	min-width: 0;
}

.grid-toolbar {
	width: 100%;
	min-width: 0;
}

.grid-toolbar-actions {
	flex: 0 0 auto;
}

.grid-toolbar-search {
	min-width: 0;
	flex: 1 1 12rem;
}

.grid-toolbar-search-field {
	width: min(100%, 300px) !important;
	min-width: 0;
}

.list-filter-bar {
	width: 100%;
	min-width: 0;
	padding-top: 0.5rem;
}

.list-filter-select {
	flex: 1 1 14rem;
	width: min(100%, 300px);
	max-width: 100%;
	min-width: 0;
}

.list-filter-select.mud-input-control,
.list-filter-select .mud-input-control,
.list-filter-bar .mud-select {
	width: 100%;
	max-width: 100%;
	min-width: 0;
}

@media (max-width: 960px) {
	.list-filter-bar {
		flex-direction: column !important;
		align-items: stretch !important;
	}

	.list-filter-select {
		flex: 1 1 auto;
		width: 100% !important;
		max-width: 100% !important;
	}
}

.grid-cell-wrap {
	overflow-wrap: anywhere;
	word-break: break-word;
}

/* Squashed toolbar: actions on their own row, search below */
@media (max-width: 960px) {
	.grid-toolbar {
		flex-direction: column !important;
		align-items: stretch !important;
		flex-wrap: nowrap !important;
	}

	.grid-toolbar > .flex-grow-1 {
		display: none !important;
	}

	.grid-toolbar-actions {
		width: 100%;
	}

	.grid-toolbar-search {
		flex: 1 1 auto;
		width: 100%;
		justify-content: flex-start !important;
	}

	.grid-toolbar-search-field {
		flex: 1 1 auto;
		width: 100% !important;
		max-width: 100% !important;
	}
}

/* MudTable card layout (Breakpoint.Sm → active at max-width md / 960px) */
@media (max-width: 960px) {
	.grid.mud-sm-table,
	.grid.mud-md-table,
	.grid.mud-xs-table {
		overflow-x: hidden;
	}

	.grid.mud-sm-table .mud-table-cell,
	.grid.mud-md-table .mud-table-cell,
	.grid.mud-xs-table .mud-table-cell {
		min-width: 0;
		overflow-wrap: anywhere;
		word-break: break-word;
	}

	.grid.mud-sm-table .mud-table-cell > *,
	.grid.mud-md-table .mud-table-cell > *,
	.grid.mud-xs-table .mud-table-cell > * {
		min-width: 0;
		max-width: 100%;
	}

	.grid-toolbar-search-field {
		width: 100% !important;
	}
}

/*.disabled {
	color: var(--mud-palette-primary) !important;
	background-color: var(--mud-palette-action-disabled-background) !important;
}

	.disabled .mud-input.mud-input-outlined {
		color: var(--mud-palette-primary) !important;
		background-color: var(--mud-palette-action-disabled-background) !important;
	}

	.disabled .mud-input > .disabled input.mud-input-root-outlined.mud-input-root-margin-dense, 
		.disabled div.mud-input-slot.mud-input-root-outlined.mud-input-root-margin-dense {
		color: var(--mud-palette-primary) !important;
		background-color: var(--mud-palette-action-disabled-background) !important;
	}

	.disabled .mud-input > .disabled input.mud-input-root.mud-input-root-margin-dense,
	.disabled div.mud-input-slot.mud-input-root.mud-input-root-margin-dense {
		color: var(--mud-palette-primary) !important;
		background-color: var(--mud-palette-action-disabled-background) !important;
	}
*/

/*.editfield .mud-input > .editfield input.mud-input-root-outlined.mud-input-root-margin-dense,
.editfield div.mud-input-slot.mud-input-root-outlined.mud-input-root-margin-dense {
	color: var(--mud-palette-primary) !important;
}

.editfield .mud-input > .editfield input.mud-input-root-outlined.mud-input-root-margin-dense,
.editfield div.mud-input-slot.mud-input-root-outlined.mud-input-root-margin-dense {
	color: var(--mud-palette-primary) !important;
}*/

/*.editfield .mud-input > .editfield input.mud-input-root-outlined.mud-input-root-adorned-start,
.editfield div.mud-input-slot.mud-input-root-outlined.mud-input-root-adorned-start {
	color: var(--mud-palette-primary) !important;
}*/

.disabled .mud-input {
	color: var(--mud-palette-primary) !important;
	background-color: var(--mud-palette-action-disabled-background) !important;
}


.editfield .mud-input {
	color: var(--mud-palette-primary) !important;
}

.editfield .mud-shrink ~ .editfield label.mud-input-label.mud-input-label-inputcontrol {
	color: var(--mud-palette-primary) !important;
}

.editfield .mud-input-control > .editfield .mud-input-control-input-container > .editfield .mud-input-label-inputcontrol {
	color: var(--mud-palette-primary) !important;
}

.editfield .mud-shrink ~ label.mud-input-label.mud-input-label-inputcontrol.mud-input-label-outlined,
.editfield .mud-input:focus-within ~ label.mud-input-label.mud-input-label-inputcontrol.mud-input-label-outlined {
	color: var(--mud-palette-primary) !important;
}


.switch .mud-switch-label-medium {
	color: var(--mud-palette-primary) !important;
}
/*	.mud-shrink ~ label.mud-input-label.mud-input-label-inputcontrol*/
/*.editfielde .mud-input > .edidfield input.mud-input-root-outlined.mud-input-root-adorned-start, 
	.editfield div.mud-input-slot.mud-input-root-outlined.mud-input-root-adorned-start*/
/*	.disabled .mud-input > input.mud-input-root-outlined.mud-input-root-margin-dense, div.mud-input-slot.mud-input-root-outlined.mud-input-root-margin-dense {
	}*/
/*.mud-table-sticky-header * .mud-table-root .mud-table-head * .mud-table-cell {*/
/* 	.mud-table-sort-label {
			color: var(--mud-palette-primary) !important;
		}

		.mud-table-pagination-actions .mud-icon-root.mud-svg-icon {
			fill: var(--mud-palette-primary) !important;
		}

		.mud-table-sticky-header * .mud-table-root .mud-table-head * .mud-table-cell {
			color: var(--mud-palette-primary) !important;
		}

		.mud-table-pagination-select {
			color: var(--mud-palette-primary) !important;
		} */
/* 	.mud-table-pagination-information {
				color: var(--mud-palette-primary) !important;
			} */
.grid-column-right {
	text-align: right !important;
}

.select .mud-shrink ~ label.mud-input-label.mud-input-label-inputcontrol {
	color: var(--mud-palette-primary) !important;
	/*	background-color: var(--mud-palette-action-disabled-background) !important;*/
}

.select .mud-input-control >
.select .mud-input-control-input-container >
.select div.mud-input.mud-input-text {
	color: var(--mud-palette-primary) !important;
	/*	background-color: var(--mud-palette-action-disabled-background) !important;*/
}

.select .mud-input-text {
	color: var(--mud-palette-primary) !important;
	/*	background-color: var(--mud-palette-action-disabled-background) !important;*/
}

.select .mud-input > .select input.mud-input-root-outlined.mud-input-root-margin-dense,
.select div.mud-input-slot.mud-input-root-outlined.mud-input-root-margin-dense {
	color: var(--mud-palette-primary) !important;
	/*	background-color: var(--mud-palette-action-disabled-background) !important;*/
}

.select .mud-input > .select input.mud-input-root.mud-input-root-margin-dense,
div.mud-input-slot.mud-input-root.mud-input-root-margin-dense {
	color: var(--mud-palette-primary) !important;
	/*	background-color: var(--mud-palette-action-disabled-background) !important;*/
}

/*.select .mud-list-item.mud-list-item-dense {
	color: var(--mud-palette-primary) !important;
}*/

.select .mud-list-item-clickable {
	color: var(--mud-palette-primary) !important;
	background-color: var(--mud-palette-action-disabled-background) !important;
}

.select .mud-input > .select input.mud-input-root-outlined.mud-input-root-adorned-start,
.select div.mud-input-slot.mud-input-root-outlined.mud-input-root-adorned-start {
	color: var(--mud-palette-primary) !important;
	background-color: var(--mud-palette-action-disabled-background) !important;
}

#components-reconnect-modal {
	display: none;
}

#components-reconnect-modal.components-reconnect-show,
#components-reconnect-modal.components-reconnect-failed,
#components-reconnect-modal.components-reconnect-rejected,
#reconnect-modal.reconnect-visible {
	display: flex !important;
	opacity: 1 !important;
	background-color: rgb(0 0 0 / 35%) !important;
}

	/* Grey overlay only — hide the blue reconnect banner/chrome. */
	#components-reconnect-modal.components-reconnect-show::before,
	#components-reconnect-modal.components-reconnect-failed::before,
	#components-reconnect-modal.components-reconnect-rejected::before,
	#reconnect-modal.reconnect-visible::before,
	#components-reconnect-modal.components-reconnect-show h5,
	#components-reconnect-modal.components-reconnect-failed h5,
	#components-reconnect-modal.components-reconnect-rejected h5,
	#components-reconnect-modal.components-reconnect-show div,
	#components-reconnect-modal.components-reconnect-failed div,
	#components-reconnect-modal.components-reconnect-rejected div,
	#components-reconnect-modal h5 a,
	#components-reconnect-modal button {
		content: none;
		display: none !important;
	}

#reconnect-modal {
	display: none;
	position: fixed;
	inset: 0;
	z-index: 10001;
	color: transparent;
	font-size: 0;
}

/* Migration-aware HTML authoring and display. */
.content-editor-field {
	width: 100%;
	min-width: 0;
	color: var(--mud-palette-text-primary);
}

.content-editor-actions {
	align-items: center;
}

.content-editor-visual {
	height: clamp(var(--content-editor-min-height), 50vh, var(--content-editor-max-height));
	min-height: var(--content-editor-min-height);
	max-height: var(--content-editor-max-height);
}

.content-editor-visual > .html-content-wrapper {
	height: 100%;
	min-height: 0;
}

.content-editor-visual .ql-editor {
	overflow-y: auto;
	color: var(--mud-palette-text-primary);
	background-color: var(--mud-palette-surface);
}

.content-editor-raw textarea {
	min-height: var(--content-editor-min-height);
	max-height: var(--content-editor-max-height);
	overflow-y: auto;
	font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}

.safe-content-viewer {
	max-width: 100%;
	min-width: 0;
	color: var(--mud-palette-text-primary);
	overflow-wrap: anywhere;
}

.safe-content-viewer .html-content-wrapper {
	height: auto;
	min-height: 0;
	color: inherit;
}

.home-panel-content .safe-content-viewer .html-content-wrapper.ql-snow .ql-editor {
	border-top: 0;
}

.safe-content-viewer a,
.safe-content-viewer .html-content-wrapper a,
.safe-content-viewer .ql-editor a {
	color: var(--mud-palette-primary);
	text-decoration: underline;
	text-underline-offset: 0.12em;
}

.safe-content-viewer img,
.safe-content-viewer video,
.safe-content-viewer iframe {
	max-width: 100%;
	height: auto;
}

.safe-content-viewer table {
	display: block;
	width: max-content;
	max-width: 100%;
	overflow-x: auto;
	border-collapse: collapse;
}

.safe-content-viewer th,
.safe-content-viewer td {
	padding: 0.4rem 0.6rem;
	border: 1px solid var(--mud-palette-lines-default);
}

/*
 * The Remembrance Sunday content was authored by Quill, which represents
 * bullet lists as ordered lists with editor-only marker elements. Render
 * native bullets instead and keep the rich text inside the card on mobile.
 */
.remembrance-sunday-content,
.remembrance-sunday-content .safe-content-viewer,
.remembrance-sunday-content .html-content-wrapper,
.remembrance-sunday-content .ql-editor {
	min-width: 0;
	max-width: 100%;
	box-sizing: border-box;
}

.remembrance-sunday-content .ql-editor ol {
	margin-block: 1rem;
	padding-inline-start: 1.5rem;
}

.remembrance-sunday-content .ql-editor ol > li[data-list="bullet"] {
	display: list-item;
	list-style: disc !important;
	padding-inline-start: 0;
}

.remembrance-sunday-content .ql-editor ol > li[data-list="bullet"]::before {
	content: none !important;
}

.remembrance-sunday-content .ql-editor ol > li[data-list="bullet"] > .ql-ui {
	display: none;
}

/*
 * Quill/CMS list HTML often keeps light-mode inline colours
 * (white backgrounds / near-black text). In dark mode that paints
 * white boxes behind bullets — clear them and use theme text colour.
 */
.mud-theme-dark .safe-content-viewer ul > li,
.mud-theme-dark .safe-content-viewer ol > li,
.mud-theme-dark .safe-content-viewer li[data-list],
.mud-theme-dark .content-editor-visual .ql-editor ul > li,
.mud-theme-dark .content-editor-visual .ql-editor ol > li,
.mud-theme-dark .content-editor-visual .ql-editor li[data-list] {
	background-color: transparent !important;
	color: var(--mud-palette-text-primary) !important;
}

.mud-theme-dark .safe-content-viewer ul > li *,
.mud-theme-dark .safe-content-viewer ol > li *,
.mud-theme-dark .safe-content-viewer li[data-list] *,
.mud-theme-dark .content-editor-visual .ql-editor ul > li *,
.mud-theme-dark .content-editor-visual .ql-editor ol > li *,
.mud-theme-dark .content-editor-visual .ql-editor li[data-list] * {
	background-color: transparent !important;
}

.mud-theme-dark .safe-content-viewer ul > li *:not(a),
.mud-theme-dark .safe-content-viewer ol > li *:not(a),
.mud-theme-dark .safe-content-viewer li[data-list] *:not(a),
.mud-theme-dark .content-editor-visual .ql-editor ul > li *:not(a),
.mud-theme-dark .content-editor-visual .ql-editor ol > li *:not(a),
.mud-theme-dark .content-editor-visual .ql-editor li[data-list] *:not(a) {
	color: inherit !important;
}

.mud-theme-dark .safe-content-viewer li[data-list] > .ql-ui::before,
.mud-theme-dark .content-editor-visual .ql-editor li[data-list] > .ql-ui::before {
	color: var(--mud-palette-text-primary);
	background-color: transparent;
}

@media (max-width: 600px) {
	.content-editor-actions .mud-button-root {
		flex: 1 1 calc(50% - 0.5rem);
	}

	.content-editor-visual {
		height: clamp(var(--content-editor-min-height), 60vh, var(--content-editor-max-height));
	}

	.safe-content-viewer h1 {
		font-size: clamp(1.8rem, 8vw, 2.5rem);
	}

	.safe-content-viewer h2 {
		font-size: clamp(1.5rem, 7vw, 2rem);
	}
}
.media-library-item {
    display: block;
    width: 100%;
    aspect-ratio: 4 / 3;
    object-fit: cover;
    background: #1d1d1d;
}

.media-library-card-clickable {
    cursor: pointer;
}

.media-gallery-carousel {
    width: 100%;
    height: clamp(16rem, 50vw, 32rem);
    border-radius: var(--mud-default-borderradius, 4px);
    background: #1d1d1d;
}

.media-gallery-carousel-image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.media-gallery-carousel-caption {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0.75rem 1rem 2.5rem;
    color: #fff;
    background: linear-gradient(transparent, rgba(0, 0, 0, 0.7));
}

.page-cms-media-asset-thumb {
    display: block;
    width: 6rem;
    height: 4rem;
    object-fit: cover;
    border-radius: var(--mud-default-borderradius, 4px);
    background: #1d1d1d;
}

.page-cms-media-asset-preview {
    display: block;
    width: 100%;
    max-height: 16rem;
    margin: 0.75rem 0;
    object-fit: contain;
    border-radius: var(--mud-default-borderradius, 4px);
    background: #1d1d1d;
}

.media-crop-viewport {
    width: 100%;
    height: min(60vh, 520px);
    border-radius: var(--mud-default-borderradius, 4px);
}

.media-gallery-tile {
    height: 100%;
    margin: 0;
    padding: 0.5rem;
    border: 1px solid #9e9e9e;
    border-radius: var(--mud-default-borderradius, 4px);
    box-sizing: border-box;
}

.media-gallery-tile-title {
    font-weight: 600;
}

.email-preview-frame {
    display: block;
    width: 100%;
    min-height: 32rem;
    border: 1px solid #9e9e9e;
    border-radius: var(--mud-default-borderradius, 4px);
    background: #fff;
}

.media-edit-preview {
    display: block;
    width: 100%;
    max-height: 28rem;
    object-fit: contain;
    background: #1d1d1d;
}

/* Chips site-wide: slightly smaller than MudBlazor's defaults, and long labels wrap instead of being cut off. */
.mud-chip.mud-chip-size-medium,
.mud-chip.mud-chip-size-small,
.mud-chip.mud-chip-size-large {
    height: auto;
    white-space: normal;
    overflow-wrap: anywhere;
    text-align: center;
    line-height: 1.25;
}

.mud-chip.mud-chip-size-medium {
    min-height: 26px;
    padding: 3px 10px;
    font-size: 13px;
    border-radius: 13px;
}

.mud-chip.mud-chip-size-small {
    min-height: 20px;
    padding: 2px 7px;
    font-size: 11px;
    border-radius: 10px;
}

.mud-chip.mud-chip-size-large {
    min-height: 34px;
    padding: 4px 14px;
    font-size: 15px;
    border-radius: 17px;
}

.mud-chip > .mud-chip-content {
    height: auto;
    min-width: 0;
    white-space: normal;
}