/* @group @variables */

[class*="m-event-detail-status"] {
--layout-x-padding-right: var(--x-padding-right);
--layout-x-padding-left: var(--x-padding-left);
}

[class*="m-event-detail-status-unknown"] {
--event-status-color: hsla(220, 100%, 40%, 1);
}

[class*="m-event-detail-status-postpone"] {
--event-status-color: hsla(70, 100%, 40%, 1);
}

[class*="m-event-detail-status-abort"] {
--event-status-color: hsla(360, 100%, 40%, 1);
}

[class*="m-event-detail-status-end"] {
--event-status-color: var(--color-brand);
}

/* @end @variables */

/* @group @m-event-detail-status */

[class*="m-event-detail-status"] {
padding: 1.5rem var(--layout-x-padding-right) 1.5rem var(--layout-x-padding-left);
background-color: var(--event-status-color);
color: var(--color-white);
font-weight: 500;
text-align: center;
word-break: keep-all;
}

/* @end @m-event-detail-status */