@charset "UTF-8"; body {
  color: var(--colorCardiumText);
}

::selection {
  background: var(--colorCardiumPrimaryLightHover);
}

::-moz-selection {
  background: var(--colorCardiumPrimaryLightHover);
}

a,
.link,
button.link,
.tabs__link.is-active,
[open] .claro-details__summary--accordion,
[open] .claro-details__summary--accordion-item,
[open] .claro-details__summary--vertical-tabs-item,
.vertical-tabs__menu-item.is-selected .vertical-tabs__menu-link {
  color: var(--colorCardiumPrimary);
  text-decoration: none;
}

a:hover,
.link:hover,
button.link:hover,
.tabs__link.is-active:hover,
[open] .claro-details__summary--accordion:hover,
[open] .claro-details__summary--accordion-item:hover,
[open] .claro-details__summary--vertical-tabs-item:hover,
.vertical-tabs__menu-item.is-selected .vertical-tabs__menu-link:hover {
  color: var(--colorCardiumPrimaryHover);
}

a:active,
.link:active,
button.link:active,
.tabs__link.is-active:active,
[open] .claro-details__summary--accordion:active,
[open] .claro-details__summary--accordion-item:active,
[open] .claro-details__summary--vertical-tabs-item:active,
.vertical-tabs__menu-item.is-selected .vertical-tabs__menu-link:active {
  color: var(--colorCardiumPrimaryActive);
}

.is-horizontal .tabs__link:hover,
.claro-details__summary:hover,
.action-link:hover {
  color: var(--colorCardiumPrimaryHover);
}

.claro-details[open] > .claro-details__summary:focus {
  color: var(--colorCardiumPrimaryActive);
}

.form-boolean--type-checkbox:checked,
.form-boolean--type-radio:checked:not(:disabled),
.is-horizontal .tabs__link.is-active::before,
.tabs__tab.is-active::before,
[open] > .claro-details__summary--accordion:not(:focus):not(:active)::after,
[open] > .claro-details__summary--accordion-item:not(:focus):not(:active)::after,
.collapse-processed[open] > .claro-details__summary--accordion .details-title:not(:focus)::after,
.collapse-processed[open] > .claro-details__summary--accordion-item .details-title:not(:focus)::after,
[open] > .claro-details__summary--vertical-tabs-item:not(:focus):not(:active)::after,
.collapse-processed[open] > .claro-details__summary--vertical-tabs-item .details-title:not(:focus)::after,
.vertical-tabs__menu-item.is-selected .vertical-tabs__menu-link::before {
  border-color: var(--colorCardiumPrimary);
}

.form-boolean--type-checkbox:checked:hover,
.form-boolean--type-radio:checked:not(:disabled):hover,
.is-horizontal .tabs__link.is-active::before:hover,
.tabs__tab.is-active::before:hover,
[open] > .claro-details__summary--accordion:not(:focus):not(:active)::after:hover,
[open] > .claro-details__summary--accordion-item:not(:focus):not( :active )::after:hover,
.collapse-processed[open] > .claro-details__summary--accordion .details-title:not(:focus)::after:hover,
.collapse-processed[open] > .claro-details__summary--accordion-item .details-title:not(:focus)::after:hover,
[open] > .claro-details__summary--vertical-tabs-item:not(:focus):not( :active )::after:hover,
.collapse-processed[open] > .claro-details__summary--vertical-tabs-item .details-title:not(:focus)::after:hover,
.vertical-tabs__menu-item.is-selected .vertical-tabs__menu-link::before:hover {
  border-color: var(--colorCardiumPrimaryHover);
}

.form-boolean--type-checkbox:checked:active,
.form-boolean--type-radio:checked:not(:disabled):active,
.is-horizontal .tabs__link.is-active::before:active,
.tabs__tab.is-active::before:active,
[open] > .claro-details__summary--accordion:not(:focus):not(:active)::after:active,
[open] > .claro-details__summary--accordion-item:not(:focus):not( :active )::after:active,
.collapse-processed[open] > .claro-details__summary--accordion .details-title:not(:focus)::after:active,
.collapse-processed[open] > .claro-details__summary--accordion-item .details-title:not(:focus)::after:active,
[open] > .claro-details__summary--vertical-tabs-item:not(:focus):not( :active )::after:active,
.collapse-processed[open] > .claro-details__summary--vertical-tabs-item .details-title:not(:focus)::after:active,
.vertical-tabs__menu-item.is-selected .vertical-tabs__menu-link::before:active {
  border-color: var(--colorCardiumPrimaryActive);
}

.claro-details__summary,
.claro-details__summary.claro-details__summary--package-listing,
.claro-details__summary.claro-details__summary--system-status-report {
  color: var(--colorCardiumText);
  background-color: transparent;
}

.tabs {
  box-shadow: none;
}

.is-horizontal .tabs__link:hover,
.is-horizontal .tabs__link:focus,
.horizontal-tabs ul.horizontal-tabs-list li.horizontal-tab-button a:hover,
.horizontal-tabs ul.horizontal-tabs-list li.horizontal-tab-button a:focus {
  color: var(--colorCardiumPrimary);
  background: var(--colorCardiumItemHover);
}

.claro-details {
  color: var(--colorCardiumText);
  box-shadow: none;
}

.claro-details__summary:hover {
  color: var(--colorCardiumPrimary);
  background-color: var(--colorCardiumItemHover);
}

.is-horizontal .tabs--primary::after,
.is-horizontal .tabs--secondary::after,
.horizontal-tabs ul.horizontal-tabs-list::after {
  border-bottom: 1px solid var(--colorCardiumBorder);
}

.is-horizontal .tabs--primary .tabs__tab:focus-within::after,
.is-horizontal .tabs--primary .horizontal-tab-button:focus-within::after,
.is-horizontal .tabs--secondary .tabs__tab:focus-within::after,
.is-horizontal .tabs--secondary .horizontal-tab-button:focus-within::after,
.horizontal-tabs ul.horizontal-tabs-list .tabs__tab:focus-within::after,
.horizontal-tabs ul.horizontal-tabs-list .horizontal-tab-button:focus-within::after {
  background: var(--colorCardiumAppBackground);
}

.is-horizontal .tabs--primary .horizontal-tab-button:focus-within::after,
.is-horizontal .tabs--secondary .horizontal-tab-button:focus-within::after,
.horizontal-tabs ul.horizontal-tabs-list .horizontal-tab-button:focus-within::after {
  background: var(--colorCardiumLayerBackground);
}

.horizontal-tabs ul.horizontal-tabs-list::before {
  z-index: 1;
  background: var(--colorCardiumLayerBackground);
}

@media (min-width: 48em) {
  .is-horizontal .tabs--primary::after {
    border-bottom: 0 none;
  }

  .cardium--high-contrast-mode .is-horizontal .tabs--primary::after {
    border-bottom: 1px solid;
  }
}

@media (max-width: 47.99em) {
  .is-horizontal .tabs--primary .tabs__tab {
    background-color: var(--colorCardiumLayerBackground);
    border-bottom: 1px solid var(--colorCardiumLayer2Border);
  }

  .is-horizontal .tabs--primary .tabs__tab[data-original-order="0"] {
    border-bottom: none;
  }
}

@media (min-width: 48em) {
  .is-horizontal .tabs--primary .tabs__tab:focus-within::after {
    display: none;
  }
}

@media (min-width: 48em) {
  .is-horizontal .tabs--primary .tabs__link.is-active {
    color: var(--colorCardiumPrimaryActive);
    background: var(--colorCardiumPrimaryLight);
  }
}

.tabs__trigger svg {
  stroke: var(--colorCardiumPrimary);
}

.horizontal-tabs ul.horizontal-tabs-list {
  background: none;
  border-bottom: 0 none;
}

.horizontal-tabs ul.horizontal-tabs-list li.horizontal-tab-button {
  background: none;
  border-bottom: 0 none;
}

.horizontal-tabs ul.horizontal-tabs-list li.horizontal-tab-button.selected a {
  color: var(--colorCardiumPrimary);
}

.horizontal-tabs ul.horizontal-tabs-list li.horizontal-tab-button.selected a::before {
  border-bottom: 3px solid var(--colorCardiumPrimary);
}

.claro-details__summary:hover::before,
.claro-details__summary:hover:focus::before,
.claro-details[open] > .claro-details__summary:hover::before,
.claro-details[open] > .claro-details__summary:focus::before,
.claro-details[open] > .claro-details__summary--accordion::before,
.claro-details[open] > .claro-details__summary--accordion-item::before,
.claro-details[open] > .claro-details__summary--vertical-tabs-item::before {
  background: var(--colorCardiumPrimary);
}

.claro-details__description {
  color: var(--colorCardiumTextLight);
}

.claro-details__wrapper--accordion,
.claro-details__wrapper--accordion-item,
.claro-details__wrapper--vertical-tabs-item {
  border-top: 1px solid var(--colorCardiumBorder);
  background: var(--colorCardiumAppBackground);
}
.vertical-tabs__items {
  border-radius: var(--cardiumBorderDefault);
}

.vertical-tabs__menu-item::before,
.vertical-tabs__menu-item::after {
  border-color: var(--colorCardiumBorder);
}

.vertical-tabs__menu-link:hover,
.vertical-tabs__menu-item.is-selected .vertical-tabs__menu-link:hover {
  color: var(--colorCardiumPrimary);
}

.vertical-tabs__menu-link:hover::before,
.vertical-tabs__menu-item.is-selected .vertical-tabs__menu-link:hover::before {
  background: var(--colorCardiumItemHover);
}

.block-system > .views-form .claro-details,
.view-content .views-form .claro-details {
  box-shadow: none;
}

@supports ((-webkit-backdrop-filter: blur()) or (backdrop-filter: blur())) {
  .block-system > .views-form [data-drupal-selector*="edit-header"].is-sticky,
  .view-content .views-form [data-drupal-selector*="edit-header"].is-sticky {
    opacity: 0.999;
    /* Fix Chrome issue with mask */
    background: rgba(200, 205, 216, 0.8);
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
  }
}

.views-display-top {
  padding: 1rem;
  background-color: var(--colorCardiumTableHeader);
  border: 0 none;
  border-radius: var(--cardiumBorderMedium);
}

.views-tabs .add a,
.views-tabs li a {
  font-size: var(--cardiumFontSizeSmall);
  font-weight: bold;
  color: var(--colorCardiumPrimary);
  padding: 0.5rem 1rem;
  background: transparent;
  border: 2px solid var(--colorCardiumPrimary);
  border-radius: var(--cardiumBorderXSmall);
}

.views-tabs .add a:hover,
.views-tabs .add a:focus,
.views-tabs li a:hover,
.views-tabs li a:focus,
.views-tabs li.is-active a,
.views-tabs li.is-active a.is-active {
  background: var(--colorCardiumPrimary);
}

.views-tabs .add a:focus,
.views-tabs li a:focus {
  outline: none;
  box-shadow: 0 0 0 1px var(--colorCardiumFocusBorder), 0 0 0 4px var(--colorCardiumFocus);
}

.views-tabs .add.open a {
  background: var(--colorCardiumLayer2Background);
}

.views-tabs .add.open a:hover,
.views-tabs .add.open a:focus,
.views-tabs .add.open a:active {
  color: var(--colorCardiumPrimary);
}

.views-tabs .action-list {
  top: 36px;
  background: var(--colorCardiumLayer3Background);
  box-shadow: 0 1px 2px var(--colorCardiumButtonShadow);
}

.views-tabs .action-list li {
  background-color: transparent;
  border: none;
}

.views-tabs .action-list li:hover,
.views-tabs .action-list li:hover input.button,
.views-tabs .action-list li:focus,
.views-tabs .action-list li:focus input.button,
.views-tabs .action-list li:active,
.views-tabs .action-list li:active input.button {
  color: var(--colorCardiumButtonText);
  background: var(--colorCardiumPrimary);
}

.views-ui-display-tab-bucket .views-ui-display-tab-bucket__title {
  color: var(--colorCardiumTitle);
}

.views-ui-display-tab-bucket .views-display-setting {
  color: var(--colorCardiumText);
}

.views-ui-display-tab-bucket .views-display-setting:nth-of-type(even) {
  background-color: transparent;
}

.views-ui-display-tab-bucket.views-ui-display-tab-bucket {
  border-bottom-color: var(--colorCardiumBorder);
}

.views-query-info table tr {
  background-color: var(--colorCardiumLayer2Background);
}

.views-query-info table tr td {
  color: var(--colorCardiumText);
}

.system-modules tr.even,
.system-modules tr.odd,
.locale-translation-status-form tr.even,
.locale-translation-status-form tr.odd {
  background: none;
  border-top: 1px solid var(--colorCardiumBorder);
  border-bottom: none;
}

.system-modules td details summary {
  background-color: transparent;
}

.views-display-column,
.edit-display-settings-top.views-ui-display-tab-bucket {
  margin-bottom: 1rem;
  border-color: var(--colorCardiumBorder);
  border-radius: var(--cardiumBorderDefault);
}

.views-ui-dialog .views-override:not(:empty) {
  background-color: var(--colorCardiumAppBackground);
  border-bottom: 0 none;
}

.machine-name-label {
  color: var(--colorCardiumText);
}

.machine-name-value {
  color: var(--colorCardiumTitle);
}

table thead {
  background: var(--colorCardiumLayerBackground);
  border-radius: var(--cardiumBorderDefault);
}

table thead tr:hover {
  background: transparent;
}

table th {
  background: var(--colorCardiumTableHeader);
}

table th,
table th .form-item__label {
  color: var(--colorCardiumTitle);
}

table tr,
table .draggable-table.tabledrag-disabled tr {
  color: var(--colorCardiumText);
  background-color: transparent;
}

table .draggable-table.tabledrag-disabled tr:hover {
  color: var(--colorCardiumText);
  background: var(--colorCardiumItemHover);
}

table tr.selected td {
  background-color: var(--colorCardiumPrimaryLight);
}

table td .group-label {
  color: var(--colorCardiumTitle);
}

.sortable-heading > a::after {
  background-color: var(--colorCardiumTextLight);
  background-image: unset !important;
  -webkit-mask-image: url("../../media/sprite.svg#sort-view");
  mask-image: url("../../media/sprite.svg#sort-view");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  mask-position: center center;
}

.sortable-heading.is-active > a::before {
  border-bottom: 0.1875rem solid var(--colorCardiumPrimaryActive);
}

.tablesort {
  background-color: var(--colorCardiumPrimaryActive);
  background-image: unset !important;
  -webkit-mask-image: url("../../media/sprite.svg#sort-view");
  mask-image: url("../../media/sprite.svg#sort-view");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: 0 50%;
  mask-position: 0 50%;
}

.tablesort--asc,
[dir="rtl"] .tablesort--asc {
  -webkit-mask-image: url("../../media/sprite.svg#sort-asc-view");
  mask-image: url("../../media/sprite.svg#sort-asc-view");
}

.tablesort--desc,
[dir="rtl"] .tablesort--desc {
  -webkit-mask-image: url("../../media/sprite.svg#sort-desc-view");
  mask-image: url("../../media/sprite.svg#sort-desc-view");
}

.region-title {
  border-bottom: 2px solid var(--colorCardiumText);
}

.draggable a.tabledrag-handle:focus::before {
  box-shadow: 0 0 0 1px var(--colorCardiumFocusBorder), 0 0 0 4px var(--colorCardiumFocus);
}

.draggable.drag-previous {
  background-color: #ffffe9;
}

.draggable.drag,
.draggable.drag:focus {
  background-color: #f0f1f9;
}

.tabledrag-handle::after {
  background-image: none;
  background-color: var(--colorCardiumTextLight);
  -webkit-mask-image: url("../../media/sprite.svg#drag-view");
  mask-image: url("../../media/sprite.svg#drag-view");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-size: 16px 16px;
  mask-size: 16px 16px;
}

.tabledrag-handle:hover::after {
  background-color: var(--colorCardiumPrimary);
}

.draggable.drag,
.draggable.drag:focus {
  background-color: var(--colorCardiumLayer2Background);
}

.draggable.drag-previous {
  background-color: var(--colorCardiumLayer2Background);
}

[dir="ltr"] .draggable.drag-previous {
  box-shadow: inset 6px 0 0 0 var(--colorCardiumWarning);
}

[dir="rtl"] .draggable.drag-previous {
  box-shadow: inset -6px 0 0 0 var(--colorCardiumWarning);
}

.draggable-table thead th:not(:first-of-type)::before,
.draggable-table thead th:not(:first-of-type)::after {
  background: var(--colorCardiumTableHeader);
}

.form-element {
  color: var(--colorCardiumText);
  background-color: var(--colorCardiumInputBackground);
  border: 1px solid var(--colorCardiumFormElementBorder);
}

.form-element:hover {
  border-color: var(--colorCardiumText);
  box-shadow: inset 0 0 0 1px var(--colorCardiumText);
}

.form-element[disabled],
.form-element[disabled]:hover {
  color: var(--colorCardiumDisabled);
  border-color: var(--colorCardiumDisabled);
  box-shadow: none;
}

.password-strength__title {
  color: var(--colorCardiumTextLight);
}

.password-strength__text {
  color: var(--colorCardiumTitle);
}

.password-suggestions {
  color: var(--colorCardiumTextLight);
  border: 1px solid var(--colorCardiumLayer2Border);
  background-color: transparent;
}

.form-boolean {
  border-color: var(--colorCardiumFormElementBorder);
}

.form-boolean--type-checkbox:checked {
  background-color: var(--colorCardiumPrimary);
}

.form-boolean--type-checkbox:checked:hover {
  background-color: var(--colorCardiumPrimaryHover);
}

.form-boolean--type-checkbox:checked:active {
  background-color: var(--colorCardiumPrimaryActive);
}

:not(.form-checkboxes):not(td):not( .media-library-item__click-to-select-checkbox ):not(.field-content) > .form-type--checkbox .checkbox-toggle__inner {
  background-color: var(--colorCardiumDisabled);
  border: 3px solid transparent;
}

:not(.form-checkboxes):not(td):not( .media-library-item__click-to-select-checkbox ):not(.field-content) > .form-type--checkbox .checkbox-toggle__inner:before {
  background-color: #fff;
}

:not(.form-checkboxes):not(td):not( .media-library-item__click-to-select-checkbox ):not(.field-content) > .form-type--checkbox input:hover ~ .checkbox-toggle {
  opacity: 0.9;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
}

:not(.form-checkboxes):not(td):not( .media-library-item__click-to-select-checkbox ):not(.field-content) > .form-type--checkbox input:checked ~ .checkbox-toggle {
  border-color: var(--colorCardiumPrimaryLightActive);
}

:not(.form-checkboxes):not(td):not( .media-library-item__click-to-select-checkbox ):not(.field-content) > .form-type--checkbox input:checked ~ .checkbox-toggle .checkbox-toggle__inner {
  background-color: var(--colorCardiumSwitch);
}

:not(.form-checkboxes):not(td):not( .media-library-item__click-to-select-checkbox ):not(.field-content) > .form-type--checkbox input:checked ~ .checkbox-toggle .checkbox-toggle__inner:before {
  background-color: #fff;
}

:not(.form-checkboxes):not(td):not( .media-library-item__click-to-select-checkbox ):not(.field-content) > .form-type--checkbox input:active ~ .checkbox-toggle .checkbox-toggle__inner,
:not(.form-checkboxes):not(td):not( .media-library-item__click-to-select-checkbox ):not(.field-content) > .form-type--checkbox input:focus ~ .checkbox-toggle .checkbox-toggle__inner {
  box-shadow: 0 0 0 1px var(--colorCardiumFocusBorder), 0 0 0 4px var(--colorCardiumFocus);
}

:not(.form-checkboxes):not(td):not( .media-library-item__click-to-select-checkbox ):not(.field-content) > .form-type--checkbox input:disabled ~ .checkbox-toggle,
:not(.form-checkboxes):not(td):not( .media-library-item__click-to-select-checkbox ):not(.field-content) > .form-type--checkbox input:disabled ~ .checkbox-toggle:hover,
:not(.form-checkboxes):not(td):not( .media-library-item__click-to-select-checkbox ):not(.field-content) > .form-type--checkbox input:disabled:checked ~ .checkbox-toggle .checkbox-toggle__inner,
:not(.form-checkboxes):not(td):not( .media-library-item__click-to-select-checkbox ):not(.field-content) > .form-type--checkbox input:disabled:checked ~ .checkbox-toggle:hover .checkbox-toggle__inner {
  background-color: var(--colorCardiumDisabled);
}

:not(.form-checkboxes):not(td):not( .media-library-item__click-to-select-checkbox ):not(.field-content) > .form-type--checkbox input:disabled ~ .checkbox-toggle::before,
:not(.form-checkboxes):not(td):not( .media-library-item__click-to-select-checkbox ):not(.field-content) > .form-type--checkbox input:disabled ~ .checkbox-toggle:hover::before,
:not(.form-checkboxes):not(td):not( .media-library-item__click-to-select-checkbox ):not(.field-content) > .form-type--checkbox input:disabled:checked ~ .checkbox-toggle .checkbox-toggle__inner::before,
:not(.form-checkboxes):not(td):not( .media-library-item__click-to-select-checkbox ):not(.field-content) > .form-type--checkbox input:disabled:checked ~ .checkbox-toggle:hover .checkbox-toggle__inner::before {
  background-color: #fff;
  opacity: 0.4;
}

:not(.form-checkboxes):not(td):not( .media-library-item__click-to-select-checkbox ):not(.field-content) > .form-type--checkbox label {
  color: var(--colorCardiumText);
}

.form-boolean--type-radio,
.form-boolean--type-radio:hover,
.form-boolean--type-radio:active,
.form-boolean--type-radio:focus,
.form-boolean--type-radio:hover:focus {
  background-image: none;
  background-color: var(--colorCardiumInputBackground);
  border-color: var(--colorCardiumFormElementBorder);
}

.form-boolean--type-radio:hover {
  box-shadow: inset 0 0 0 1px var(--colorCardiumLayer2Border);
}

.form-boolean--type-radio:hover {
  border-color: var(--colorCardiumText);
}

.form-boolean--type-radio:active,
.form-boolean--type-radio:focus {
  box-shadow: inset 0 0 0 1px var(--colorCardiumLayer2Border), 0 0 0 1px var(--colorCardiumFocusBorder), 0 0 0 4px var(--colorCardiumFocus);
}

.form-boolean--type-radio:checked:not(:disabled),
.form-boolean--type-radio:checked:not(:disabled):hover {
  background-image: none;
  background-color: var(--colorCardiumLayerBackground);
  box-shadow: inset 0 0 0 5px var(--colorCardiumPrimary);
}

.form-boolean--type-radio:checked:not(:disabled):active,
.form-boolean--type-radio:checked:not(:disabled):focus,
.form-boolean--type-radio:checked:not(:disabled):hover:focus {
  box-shadow: inset 0 0 0 5px var(--colorCardiumPrimary), 0 0 0 1px var(--colorCardiumFocusBorder), 0 0 0 4px var(--colorCardiumFocus);
}

.form-boolean--type-radio:checked:disabled,
.form-boolean--type-radio:checked:disabled:hover {
  background-image: none;
  background-color: var(--colorCardiumDisabledText);
  border-color: var(--colorCardiumDisabled);
  box-shadow: inset 0 0 0 5px var(--colorCardiumDisabled);
}

.form-boolean--type-checkbox[disabled]:checked {
  border-color: var(--colorCardiumDisabled);
  background-color: var(--colorCardiumDisabled);
  box-shadow: none;
}

.form-edit .form-actions {
  background-color: transparent;
}

fieldset:not(.fieldgroup) {
  color: var(--colorCardiumTextLight);
  background: transparent;
  border-color: var(--colorCardiumBorder);
  box-shadow: none;
}

/* Align fieldset label positioning to regular form item label, see claro form.css. */

.fieldset__label,
.fieldset__label--group,
.form-item__label {
  color: var(--colorCardiumText);
}

.form-item__label.has-error,
.form-item__error-message {
  color: var(--colorCardiumDanger);
}

.form-item__description,
.fieldset__description {
  color: var(--colorCardiumTextLight);
}

.form-item__label.form-required::after,
.fieldset__label.form-required::after,
.form-required > .fieldset__label::after,
.horizontal-tab-button .form-required::after,
.vertical-tabs__menu-link .form-required::after {
  color: var(--colorCardiumDanger);
}
.required-mark::after {
  background: var(--colorCardiumDanger);
  -webkit-mask-image: url("../../media/sprite.svg#asterisk-view");
  mask-image: url("../../media/sprite.svg#asterisk-view");
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

/*.button,
.dropbutton__item:first-of-type > *,
.dropbutton__toggle {
  background-color: transparent;
}*/

.button:hover,
.dropbutton__item:first-of-type > *:hover,
.dropbutton__toggle:hover {
  background-color: var(--colorCardiumPrimaryHover);
}

.button:active,
.button:focus,
.dropbutton__item:first-of-type > *:active,
.dropbutton__item:first-of-type > *:focus,
.dropbutton__toggle:active,
.dropbutton__toggle:focus {
  background-color: var(--colorCardiumPrimaryActive);
}

.button:hover,
.button:active,
.button:focus,
.dropbutton__item:first-of-type > *:hover,
.dropbutton__item:first-of-type > *:active,
.dropbutton__item:first-of-type > *:focus,
.dropbutton__toggle:hover,
.dropbutton__toggle:active,
.dropbutton__toggle:focus {
  color: var(--colorCardiumPrimaryHover);
}

.button,
.button:not(:focus),
.form-actions .button,
.action-link--icon-trash.action-link {
  box-shadow: 0 1px 2px var(--colorCardiumPrimaryLight);
  background: var(--colorCardiumPrimary);
  color: #fff;
}

.button:hover,
.button:not(:focus):hover,
.form-actions .button:hover,
.action-link--icon-trash.action-link:hover {
  background-color: var(--colorCardiumPrimaryHover);
  color: #fff;
}

.button:hover,
.button:active,
.button:focus,
.button:hover:focus,
.button:not(:focus):hover,
.button:not(:focus):active,
.button:not(:focus):focus,
.button:not(:focus):hover:focus,
.form-actions .button:hover,
.form-actions .button:active,
.form-actions .button:focus,
.form-actions .button:hover:focus,
.action-link--icon-trash.action-link:hover,
.action-link--icon-trash.action-link:active,
.action-link--icon-trash.action-link:focus,
.action-link--icon-trash.action-link:hover:focus {
  color: #fff;
}
.button--primary,
.button--primary:not(:focus),
.ief-entity-submit {
  background: var(--colorCardiumPrimary);
}

[dir="ltr"] .button--primary,
[dir="ltr"] .button--primary:not(:focus),
[dir="ltr"] .ief-entity-submit {
  box-shadow: 0.1em 0.25em 0.5em var(--colorCardiumPrimaryLight);
}

[dir="rtl"] .button--primary,
[dir="rtl"] .button--primary:not(:focus),
[dir="rtl"] .ief-entity-submit {
  box-shadow: -0.1em 0.25em 0.5em var(--colorCardiumPrimaryLight);
}

.button--primary:hover,
.button--primary:not(:focus):hover,
.ief-entity-submit:hover {
  background-color: var(--colorCardiumButtonHover);
}

.button--primary:active,
.button--primary:focus,
.button--primary:not(:focus):active,
.button--primary:not(:focus):focus,
.ief-entity-submit:active,
.ief-entity-submit:focus {
  background-color: var(--colorCardiumPrimaryActive);
}

.button--primary,
.button--primary:hover,
.button--primary:active,
.button--primary:focus,
.button--primary:not(:focus),
.button--primary:not(:focus):hover,
.button--primary:not(:focus):active,
.button--primary:not(:focus):focus,
.ief-entity-submit,
.ief-entity-submit:hover,
.ief-entity-submit:active,
.ief-entity-submit:focus {
  color: var(--colorCardiumButtonText);
}

a.button:hover,
a.button:active {
  color: var(--colorCardiumButtonText);
}

.button.button:disabled,
.button.button:disabled:hover,
.button.button:disabled:active,
.button.button:disabled:focus,
.button.button.is-disabled,
.button.button.is-disabled:hover,
.button.button.is-disabled:active,
.button.button.is-disabled:focus {
  border: 2px solid var(--colorCardiumDisabled) !important;
}

.action-link.action-link--icon-trash,
.action-link.action-link--icon-trash:hover,
.action-link.action-link--icon-trash:active,
.action-link.action-link--icon-trash:focus,
.action-link.action-link--icon-trash:focus:hover {
  border: 2px solid var(--colorCardiumDanger) !important;
}

.multiple-fields-remove-button.button {
  border: 0 none !important;
  -webkit-mask-image: url("../../media/sprite.svg#remove-view");
  mask-image: url("../../media/sprite.svg#remove-view");
  -webkit-mask-size: 16px 16px;
  mask-size: 16px 16px;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  mask-position: center center;
}

.dropbutton--multiple > .dropbutton__item:first-of-type input {
  color: var(--colorCardiumPrimary);
  background-color: transparent;
  border: 0 none !important;
}

.dropbutton:hover {
  border-color: var(--colorCardiumPrimary);
}

.dropbutton:active,
.dropbutton:focus {
  border-color: var(--colorCardiumPrimaryActive);
}

.dropbutton-wrapper {
  box-shadow: none;
}

.dropbutton__item:first-of-type > *,
.dropbutton__toggle {
  background: none;
}
.dropbutton__toggle:hover {
  background-color: var(--colorCardiumPrimary);
}

.dropbutton .dropbutton__items {
  background: var(--colorCardiumLayer3Background);
  box-shadow: var(--cardiumShadowLevel2);
}

.dropbutton .dropbutton__items > .dropbutton__item,
.dropbutton .dropbutton__items > .dropbutton__item ~ .dropbutton__item {
  background-color: var(--colorCardiumBackground);
  border: 0 none;
  box-shadow: none;
}

.dropbutton .dropbutton__items > .dropbutton__item > a,
.dropbutton .dropbutton__items > .dropbutton__item > input,
.dropbutton .dropbutton__items > .dropbutton__item > .button,
.dropbutton .dropbutton__items > .dropbutton__item ~ .dropbutton__item > a,
.dropbutton .dropbutton__items > .dropbutton__item ~ .dropbutton__item > input,
.dropbutton .dropbutton__items > .dropbutton__item ~ .dropbutton__item > .button {
  color: var(--colorCardiumPrimary);
  background: var(--colorCardiumLayer3Background);
  box-shadow: none;
}

.dropbutton .dropbutton__items > .dropbutton__item > a:hover,
.dropbutton .dropbutton__items > .dropbutton__item > a:active,
.dropbutton .dropbutton__items > .dropbutton__item > a:focus,
.dropbutton .dropbutton__items > .dropbutton__item > input:hover,
.dropbutton .dropbutton__items > .dropbutton__item > input:active,
.dropbutton .dropbutton__items > .dropbutton__item > input:focus,
.dropbutton .dropbutton__items > .dropbutton__item > .button:hover,
.dropbutton .dropbutton__items > .dropbutton__item > .button:active,
.dropbutton .dropbutton__items > .dropbutton__item > .button:focus,
.dropbutton .dropbutton__items > .dropbutton__item ~ .dropbutton__item > a:hover,
.dropbutton .dropbutton__items > .dropbutton__item ~ .dropbutton__item > a:active,
.dropbutton .dropbutton__items > .dropbutton__item ~ .dropbutton__item > a:focus,
.dropbutton .dropbutton__items > .dropbutton__item ~ .dropbutton__item > input:hover,
.dropbutton .dropbutton__items > .dropbutton__item ~ .dropbutton__item > input:active,
.dropbutton .dropbutton__items > .dropbutton__item ~ .dropbutton__item > input:focus,
.dropbutton .dropbutton__items > .dropbutton__item ~ .dropbutton__item > .button:hover,
.dropbutton .dropbutton__items > .dropbutton__item ~ .dropbutton__item > .button:active,
.dropbutton .dropbutton__items > .dropbutton__item ~ .dropbutton__item > .button:focus {
  color: var(--colorCardiumButtonText);
  background: var(--colorCardiumPrimary);
  border-radius: var(--cardiumBorderSmall);
}

.dropbutton > .dropbutton__item:first-of-type > a:hover,
.dropbutton > .dropbutton__item:first-of-type > a:focus,
.dropbutton > .dropbutton__item:first-of-type > input:hover,
.dropbutton > .dropbutton__item:first-of-type > input:focus,
.dropbutton > .dropbutton__item:first-of-type > .button:hover,
.dropbutton > .dropbutton__item:first-of-type > .button:focus {
  background: var(--colorCardiumPrimary);
}

.dropbutton__item:first-of-type ~ .dropbutton__item > *:hover {
  background-color: var(--colorCardiumLayer3Background);
}

.dropbutton__item ~ .dropbutton__item:last-child {
  border-color: var(--colorCardiumPrimary);
}

.action-link {
  color: var(--colorCardiumPrimary);
  background-color: transparent;
}

.action-link:hover {
  color: var(--colorCardiumPrimaryHover);
  background-color: var(--colorCardiumPrimaryLight);
}

.action-link:focus {
  color: var(--colorCardiumPrimaryActive);
  background-color: var(--colorCardiumPrimaryLightHover);
}

.action-link:before {
  background-image: none;
  background-color: var(--colorCardiumPrimary);
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}

.action-link--icon-ex:hover::before,
.action-link--icon-checkmark:hover:before,
.action-link--icon-show:hover::before,
.action-link--icon-cog:hover::before,
.action-link--icon-hide:hover::before,
.action-link--icon-show:before,
.action-link--icon-hide:before {
  background-image: none;
  background-color: var(--colorCardiumPrimary);
}

.action-link--icon-checkmark:before {
  -webkit-mask-image: url("../../media/sprite.svg#checkmark-view");
  mask-image: url("../../media/sprite.svg#checkmark-view");
}

.action-link--icon-show:before {
  -webkit-mask-image: url("../../media/sprite.svg#show-view");
  mask-image: url("../../media/sprite.svg#show-view");
}

.action-link--icon-hide:before {
  -webkit-mask-image: url("../../media/sprite.svg#hide-view");
  mask-image: url("../../media/sprite.svg#hide-view");
}

.action-link--icon-cog::before {
  -webkit-mask-image: url("../../media/sprite.svg#config-view");
  mask-image: url("../../media/sprite.svg#config-view");
}

.action-link--icon-ex::before {
  -webkit-mask-image: url("../../media/sprite.svg#remove-view");
  mask-image: url("../../media/sprite.svg#remove-view");
}

.action-link--icon-key::before {
  -webkit-mask-image: url("../../media/sprite.svg#devel-view");
  mask-image: url("../../media/sprite.svg#devel-view");
}

.action-link--icon-questionmark::before {
  -webkit-mask-image: url("../../media/sprite.svg#help-view");
  mask-image: url("../../media/sprite.svg#help-view");
}

.action-link--icon-trash.action-link--danger,
.button.button--danger,
a.button.button--danger {
  color: var(--colorCardiumDanger);
  box-shadow: 0 1px 2px var(--colorCardiumDangerLightest);
}

.action-link--icon-trash.action-link--danger,
.action-link--icon-trash.action-link--danger:hover,
.action-link--icon-trash.action-link--danger:focus,
.action-link--icon-trash.action-link--danger:active,
.button.button--danger,
.button.button--danger:hover,
.button.button--danger:focus,
.button.button--danger:active,
a.button.button--danger,
a.button.button--danger:hover,
a.button.button--danger:focus,
a.button.button--danger:active {
  border-color: var(--colorCardiumDanger) !important;
}

.action-link--icon-trash.action-link--danger:before,
.action-link--icon-trash.action-link--danger:hover:before,
.action-link--icon-trash.action-link--danger:focus:before,
.action-link--icon-trash.action-link--danger:active:before,
.button.button--danger:before,
.button.button--danger:hover:before,
.button.button--danger:focus:before,
.button.button--danger:active:before,
a.button.button--danger:before,
a.button.button--danger:hover:before,
a.button.button--danger:focus:before,
a.button.button--danger:active:before {
  background-image: none;
  background-color: var(--colorCardiumDanger);
  -webkit-mask-image: url("../../media/sprite.svg#trash-view");
  mask-image: url("../../media/sprite.svg#trash-view");
}

.action-link--icon-trash.action-link--danger:hover,
.action-link--icon-trash.action-link--danger:focus,
.action-link--icon-trash.action-link--danger:active,
.button.button--danger:hover,
.button.button--danger:focus,
.button.button--danger:active,
a.button.button--danger:hover,
a.button.button--danger:focus,
a.button.button--danger:active {
  color: var(--colorCardiumLayerBackground);
  background-color: var(--colorCardiumDanger);
}

.action-link--icon-trash.action-link--danger:hover:before,
.action-link--icon-trash.action-link--danger:focus:before,
.action-link--icon-trash.action-link--danger:active:before,
.button.button--danger:hover:before,
.button.button--danger:focus:before,
.button.button--danger:active:before,
a.button.button--danger:hover:before,
a.button.button--danger:focus:before,
a.button.button--danger:active:before {
  background-color: var(--colorCardiumLayerBackground);
}

.button--primary.button--danger {
  color: var(--colorCardiumLayerBackground);
  background-color: var(--colorCardiumDanger);
}

.page-link {
  color: var(--colorCardiumText);
  background-color: transparent;
}

.page-link.is-active,
.pager__item--current {
  color: var(--colorCardiumAppBackground);
}

.page-link:hover,
.page-link.is-active:hover {
  color: var(--colorCardiumButtonText);
  background: var(--colorCardiumPrimaryHover);
}

.pager__item--first .page-link::before,
.pager__item--previous .page-link::before,
.pager__item--next .page-link::after,
.pager__item--last .page-link::after {
  -webkit-mask-image: url("../../media/sprite.svg#first-view");
  mask-image: url("../../media/sprite.svg#first-view");
  background-color: var(--colorCardiumPrimary);
  background-image: unset !important;
}

.pager__item--first .page-link::before {
  -webkit-mask-image: url("../../media/sprite.svg#first-view");
  mask-image: url("../../media/sprite.svg#first-view");
}

.pager__item--previous .page-link::before {
  -webkit-mask-image: url("../../media/sprite.svg#prev-view");
  mask-image: url("../../media/sprite.svg#prev-view");
}

.pager__item--next .page-link::after {
  -webkit-mask-image: url("../../media/sprite.svg#next-view");
  mask-image: url("../../media/sprite.svg#next-view");
}

.pager__item--last .page-link::after {
  -webkit-mask-image: url("../../media/sprite.svg#last-view");
  mask-image: url("../../media/sprite.svg#last-view");
}

.page-link.is-active,
.pager__item--current {
  background-color: var(--colorCardiumPrimary);
}
.block-help-block p {
  color: var(--colorCardiumTextLight);
}

.system-status-report__row {
  border-bottom: 1px solid var(--colorCardiumBorder);
}

.system-status-counter__status-icon {
  background-color: transparent;
  box-shadow: none;
}

.claro-details__summary--system-status-report {
  background: transparent;
}

.draggable.field-plugin-settings-editing,
.draggable.drag-previous.field-plugin-settings-editing {
  background: var(--colorCardiumAppBackground);
}

.field-plugin-summary {
  color: var(--colorCardiumTextLight);
}

.card {
  background: transparent;
  border: 1px solid var(--colorCardiumLayer2Border);
}

.card__image img {
  border-radius: var(--cardiumBorderDefault) var(--cardiumBorderDefault) 0 0;
}

.card__content-wrapper {
  background-color: var(--colorCardiumLayerBackground);
  border-radius: 0 0 var(--cardiumBorderXSmall) var(--cardiumBorderXSmall);
}

.card .heading-f {
  color: var(--colorCardiumTitle);
}

.admin-item:not(:last-child) {
  border-bottom: 0 none;
}

.admin-item:not(:last-child)::after {
  border-bottom: 1px solid var(--colorCardiumTableBorder);
}

.admin-item__description {
  color: var(--colorCardiumTextLight);
}

.admin-item .admin-item__link::before {
  background-image: none;
  background-color: var(--colorCardiumPrimary);
  -webkit-mask-image: url("../../media/sprite.svg#handle-view");
  mask-image: url("../../media/sprite.svg#handle-view");
  -webkit-mask-size: 1em 1em;
  mask-size: 1em 1em;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  mask-position: center center;
}

.admin-item .admin-item__link:hover,
.admin-item .admin-item__link:focus {
  border-radius: var(--cardiumBorderDefault);
}

.admin-item .admin-item__link:hover ~ .admin-item__title,
.admin-item .admin-item__link:hover ~ .admin-item__description,
.admin-item .admin-item__link:focus ~ .admin-item__title,
.admin-item .admin-item__link:focus ~ .admin-item__description {
  color: var(--colorCardiumPrimary);
}

.admin-item .admin-item__link:focus {
  box-shadow: inset 0 0 0 1px var(--colorCardiumFocusBorder), inset 0 0 0 4px var(--colorCardiumFocus);
}

.page-wrapper *:focus,
.ui-dialog *:focus,
.dropbutton .dropbutton__item > *:focus,
.dropbutton .dropbutton__item > *:focus:hover,
.dropbutton__items > .dropbutton__item:first-of-type > *:focus,
.dropbutton__items > .dropbutton__item:first-of-type ~ .dropbutton__item > *:focus,
.dropbutton__items > .dropbutton__item:first-of-type ~ .dropbutton__item > *:focus:hover,
.form-boolean:focus:active,
.form-boolean:focus:hover,
.cke.cke_chrome.cke_focus,
.horizontal-tabs ul.horizontal-tabs-list li.horizontal-tab-button a:focus,
.form-element:focus,
.form-element:hover:focus,
.form-element.error:hover:focus,
.form-actions .action-link:focus,
.paragraphs-tabs-wrapper .field-multiple-table .draggable.drag,
.layout-paragraphs-field .layout-paragraphs-actions input.layout-paragraphs-edit:focus,
.layout-paragraphs-field .layout-paragraphs-actions input.layout-paragraphs-remove:focus {
  box-shadow: 0 0 0 1px var(--colorCardiumPrimary), 0 0 0 2px var(--colorCardiumPrimary);
  outline: none;
}
.page-wrapper *:focus:not(:focus-visible) {
  box-shadow: none;
}

.claro-details:focus,
.claro-details:focus:hover,
.claro-details__summary:focus,
.claro-details__summary:focus:hover {
  box-shadow: none;
}

.claro-details__summary:after {
  box-shadow: none;
}

.tabs__link:focus {
  border: 1px solid transparent;
  box-shadow: inset 0 0 0 1px var(--colorCardiumFocusBorder), inset 0 0 0 4px var(--colorCardiumFocus);
}

.vertical-tabs__menu-link:focus:after,
.tabs__trigger:focus {
  box-shadow: none;
  border: 4px solid var(--colorCardiumFocus);
}

@media (min-width: 48em) {
  .is-horizontal .tabs__link:focus,
  .is-horizontal .tabs--primary .tabs__link:focus {
    box-shadow: 0 0 0 1px var(--colorCardiumFocusBorder),   0 0 0 4px var(--colorCardiumFocus);
  }
}

.vertical-tabs__menu-link:focus,
.vertical-tabs__menu-item:focus {
  outline: 0;
  box-shadow: none;
}

.system-modules label,
.system-modules-uninstall label {
  color: var(--colorCardiumTitle);
}

.system-modules details,
.system-modules-uninstall details {
  color: var(--colorCardiumText);
}

.admin-requirements,
.admin-required {
  color: var(--colorCardiumTextLight);
}

table.diff .diffchange {
  color: var(--colorCardiumDanger);
}

table.diff .diff-context {
  background-color: transparent;
}

table.diff tr {
  color: var(--colorCardiumTitle);
}

table.diff tr .field-name {
  background-color: var(--colorCardiumTableHeader);
}

table.diff tr .diff-deletedline {
  background-color: var(--colorCardiumDangerLightest);
}

table.diff tr .diff-deletedline .diffchange {
  color: var(--colorCardiumDangerBackground);
}

table.diff tr .diff-addedline {
  background-color: var(--colorCardiumGreenLightest);
}

table.diff tr .diff-addedline .diffchange {
  color: var(--colorCardiumGreenBackground);
}

.color-success,
tr.color-success,
.color-checked,
.drupal-upgrade-status-summary-form tr.no-known-error {
  background-color: transparent;
}

[dir="ltr"] .color-success,
[dir="ltr"] tr.color-success,
[dir="ltr"] .color-checked,
[dir="ltr"] .drupal-upgrade-status-summary-form tr.no-known-error {
  border-left: 8px solid var(--colorCardiumGreen);
}

[dir="rtl"] .color-success,
[dir="rtl"] tr.color-success,
[dir="rtl"] .color-checked,
[dir="rtl"] .drupal-upgrade-status-summary-form tr.no-known-error {
  border-right: 8px solid var(--colorCardiumGreen);
}

.color-success:hover,
.color-success:active,
.color-success:focus,
tr.color-success:hover,
tr.color-success:active,
tr.color-success:focus,
.color-checked:hover,
.color-checked:active,
.color-checked:focus,
.drupal-upgrade-status-summary-form tr.no-known-error:hover,
.drupal-upgrade-status-summary-form tr.no-known-error:active,
.drupal-upgrade-status-summary-form tr.no-known-error:focus {
  background-color: var(--colorCardiumGreenLightBackground);
}

.color-warning,
tr.color-warning,
.upgrade-status-next-step-remove tr,
.drupal-upgrade-status-summary-form tr.known-warnings {
  background-color: transparent;
}

[dir="ltr"] .color-warning,
[dir="ltr"] tr.color-warning,
[dir="ltr"] .upgrade-status-next-step-remove tr,
[dir="ltr"] .drupal-upgrade-status-summary-form tr.known-warnings {
  border-left: 8px solid var(--colorCardiumWarning);
}

[dir="rtl"] .color-warning,
[dir="rtl"] tr.color-warning,
[dir="rtl"] .upgrade-status-next-step-remove tr,
[dir="rtl"] .drupal-upgrade-status-summary-form tr.known-warnings {
  border-right: 8px solid var(--colorCardiumWarning);
}

.color-warning:hover,
.color-warning:active,
.color-warning:focus,
tr.color-warning:hover,
tr.color-warning:active,
tr.color-warning:focus,
.upgrade-status-next-step-remove tr:hover,
.upgrade-status-next-step-remove tr:active,
.upgrade-status-next-step-remove tr:focus,
.drupal-upgrade-status-summary-form tr.known-warnings:hover,
.drupal-upgrade-status-summary-form tr.known-warnings:active,
.drupal-upgrade-status-summary-form tr.known-warnings:focus {
  background-color: var(--colorCardiumWarningLightBackground);
}

.color-error,
tr.color-error,
.drupal-upgrade-status-summary-form tr.known-errors {
  background-color: transparent;
}

[dir="ltr"] .color-error,
[dir="ltr"] tr.color-error,
[dir="ltr"] .drupal-upgrade-status-summary-form tr.known-errors {
  border-left: 8px solid var(--colorCardiumDanger);
}

[dir="rtl"] .color-error,
[dir="rtl"] tr.color-error,
[dir="rtl"] .drupal-upgrade-status-summary-form tr.known-errors {
  border-right: 8px solid var(--colorCardiumDanger);
}

.color-error:hover,
.color-error:active,
.color-error:focus,
tr.color-error:hover,
tr.color-error:active,
tr.color-error:focus,
.drupal-upgrade-status-summary-form tr.known-errors:hover,
.drupal-upgrade-status-summary-form tr.known-errors:active,
.drupal-upgrade-status-summary-form tr.known-errors:focus {
  background-color: var(--colorCardiumDangerLightBackground);
}

.color-success,
.color-warning,
.color-error,
.color-checked {
  color: var(--colorCardiumText);
  box-sizing: border-box;
}

.upgrade-status-counter__status-icon--not-scanned:before,
.upgrade-status-summary tr.not-scanned > td.status-info:before {
  background-image: none;
  background-color: var(--colorCardiumText);
  -webkit-mask-image: url("../../media/sprite.svg#info-view");
  mask-image: url("../../media/sprite.svg#info-view");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-size: 20px 20px;
  mask-size: 20px 20px;
}

.system-status-counter__status-icon--checked:before,
.admin-dblog .dblog-info .icon,
.admin-dblog .dblog-notice .icon,
.system-status-report__status-icon--checked .details-title:before,
.details .system-status-report__status-icon--checked:before,
.color-checked .system-status-report__status-title:before,
.upgrade-status-counter__status-icon--checked:before,
.upgrade-status-error-list tr.no-known-error > td.status-info:before,
.upgrade-status-summary tr.no-known-error > td.status-info:before,
#checked + .claro-details__wrapper--system-status-report .system-status-report__status-title:before {
  background-image: none;
  background-color: var(--colorCardiumGreen);
  -webkit-mask-image: url("../../media/sprite.svg#status-view");
  mask-image: url("../../media/sprite.svg#status-view");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-size: 20px 20px;
  mask-size: 20px 20px;
}

.system-status-counter__status-icon--warning:before,
.admin-dblog .dblog-warning .icon,
.system-status-report__status-icon--warning .details-title:before,
.details .system-status-report__status-icon--warning:before,
.upgrade-status-counter__status-icon--warning:before,
.upgrade-status-error-list tr.known-warnings > td.status-info:before,
.upgrade-status-summary tr.known-warnings > td.status-info:before {
  background-image: none;
  background-color: var(--colorCardiumWarning);
  -webkit-mask-image: url("../../media/sprite.svg#warning-view");
  mask-image: url("../../media/sprite.svg#warning-view");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-size: 20px 20px;
  mask-size: 20px 20px;
}

.system-status-counter__status-icon--error:before,
.admin-dblog .dblog-error .icon,
.admin-dblog .dblog-critical .icon,
.admin-dblog .dblog-alert .icon,
.admin-dblog .dblog-emergency .icon,
.system-status-report__status-icon--error .details-title:before,
.details .system-status-report__status-icon--error:before,
.upgrade-status-counter__status-icon--error:before,
.upgrade-status-error-list tr.known-errors > td.status-info:before,
.upgrade-status-summary tr.known-errors > td.status-info:before {
  background-image: none;
  background-color: var(--colorCardiumDanger);
  -webkit-mask-image: url("../../media/sprite.svg#error-view");
  mask-image: url("../../media/sprite.svg#error-view");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-size: 20px 20px;
  mask-size: 20px 20px;
}

.system-status-counter,
.upgrade-status-counter {
  background: var(--colorCardiumLayerBackground);
}
.system-status-counter__status-icon,
.upgrade-status-counter__status-icon {
  background-color: transparent;
  box-shadow: none;
}

[dir="ltr"] .system-status-counter__status-icon,
[dir="ltr"] .upgrade-status-counter__status-icon {
  border-right: 0 none;
}

[dir="rtl"] .system-status-counter__status-icon,
[dir="rtl"] .upgrade-status-counter__status-icon {
  border-left: 0 none;
}

.system-status-counter__status-icon--checked:before,
.system-status-counter__status-icon--warning:before,
.system-status-counter__status-icon--error:before,
.upgrade-status-counter__status-icon--checked:before,
.upgrade-status-counter__status-icon--warning:before,
.upgrade-status-counter__status-icon--error:before {
  -webkit-mask-position: center 16px;
  mask-position: center 16px;
  -webkit-mask-size: 32px 32px;
  mask-size: 32px 32px;
}

.system-status-counter__title-count,
.upgrade-status-counter__title-count {
  font-weight: 500;
  color: var(--colorCardiumTitle);
  text-transform: none;
}

.system-status-general-info__item {
  background: transparent;
  box-shadow: none;
}

.system-status-general-info__item-title {
  color: var(--colorCardiumTitle);
}

.system-status-general-info__sub-item-title:after {
  content: ": ";
}

.system-status-general-info__item-icon--d8:before,
.system-status-general-info__item-icon--drupal:before {
  -webkit-mask-image: url("../../media/sprite.svg#drupal-view");
  mask-image: url("../../media/sprite.svg#drupal-view");
}

.system-status-general-info__item-icon--clock:before {
  -webkit-mask-image: url("../../media/sprite.svg#clock-view");
  mask-image: url("../../media/sprite.svg#clock-view");
}

.system-status-general-info__item-icon--server:before {
  -webkit-mask-image: url("../../media/sprite.svg#server-view");
  mask-image: url("../../media/sprite.svg#server-view");
}

.system-status-general-info__item-icon--php:before {
  -webkit-mask-image: url("../../media/sprite.svg#php-view");
  mask-image: url("../../media/sprite.svg#php-view");
}

.system-status-general-info__item-icon--database:before {
  -webkit-mask-image: url("../../media/sprite.svg#database-view");
  mask-image: url("../../media/sprite.svg#database-view");
}

.system-status-general-info__item-icon:before {
  background-image: none;
  background-color: var(--colorCardiumPrimary);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-size: 32px 32px;
  mask-size: 32px 32px;
}

.system-status-report-counters .system-status-report-counters__item {
  border: 1px solid var(--colorCardiumLayerBorder);
  box-shadow: var(--cardiumShadowLevel1);
}

.system-status-report__status-title {
  color: var(--colorCardiumTitle) !important;
}

.divider {
  background-color: var(--colorCardiumBorder);
}

.progress__bar {
  border-color: var(--colorCardiumPrimary);
  background-color: var(--colorCardiumPrimary);
}

[dir="ltr"] .progress__bar {
  box-shadow: 0 0.125em 0.25em var(--colorCardiumPrimaryLight), 1.25em 0.9375em 2em var(--colorCardiumPrimaryLight);
}

[dir="rtl"] .progress__bar {
  box-shadow: 0 0.125em 0.25em var(--colorCardiumPrimaryLight), -1.25em 0.9375em 2em var(--colorCardiumPrimaryLight);
}

.progress__track {
  border-color: var(--colorCardiumBorder);
  background-color: var(--colorCardiumLayer3Background);
}

.progress__description,
.progress__percentage {
  color: var(--colorCardiumText);
}
.panel__title,
.system-status-general-info__header,
.system-status-report__requirements-group > h3,
.system-themes-list__header {
  color: var(--colorCardiumPrimaryActive);
  background: var(--colorCardiumTableHeader);
}

.block-disabled:not(:hover) {
  opacity: 0.6;
  background: transparent;
}

.form-item .counter {
  color: var(--colorCardiumText);
}

/**
 * Action link layout styles.
 */

 body blockquote::before,
 body blockquote::after {
   color: var(--colorCardiumPrimary);
 }
.image-preview img {
  background-color: var(--colorCardiumPatternFallback);
  background-size: calc(var(--cardiumSizePatternSquare) * 2) calc(var(--cardiumSizePatternSquare) * 2);
}

[dir="ltr"] .image-preview img {
  background-image: linear-gradient( -45deg, var(--colorCardiumPattern) 25%, transparent 26%), linear-gradient(-45deg, var(--colorCardiumPattern) 25%, transparent 26%), linear-gradient(135deg, var(--colorCardiumPattern) 25%, transparent 26%), linear-gradient(135deg, var(--colorCardiumPattern) 25%, transparent 26%);
  background-position: 0 0, var(--cardiumSizePatternSquare) var(--cardiumSizePatternSquare), var(--cardiumSizePatternSquare) var(--cardiumSizePatternSquare), 0 0;
}

[dir="rtl"] .image-preview img {
  background-image: linear-gradient( 45deg, var(--colorCardiumPattern) 25%, transparent 26% ), linear-gradient(45deg, var(--colorCardiumPattern) 25%, transparent 26%), linear-gradient(-135deg, var(--colorCardiumPattern) 25%, transparent 26%), linear-gradient(-135deg, var(--colorCardiumPattern) 25%, transparent 26%);
  background-position: 100% 0, var(--cardiumSizePatternSquare) var(--cardiumSizePatternSquare), var(--cardiumSizePatternSquare) var(--cardiumSizePatternSquare), 100% 0;
}

@media screen and (-ms-high-contrast: active) {
  .image-preview img {
    background: none;
  }
}
.product-documentation-link .documentation-link a:after {
  border-color: var(--colorCardiumPrimary);
}
.api-title-rating {
  background-color: var(--colorCardiumPrimary);
}
.custom-nav.api-products .tab-to-dropdown .nav-tabs .nav-item button.active {
  color: var(--colorCardiumPrimary) !important;
}
.custom-nav.api-products .tab-to-dropdown .nav-tabs .nav-item button:after {
  background-color: var(--colorCardiumPrimary) !important;
}