:root {
    --color-background-dark: #f6f6f6;
    --color-background-light: #fff;
    --color-background-separator: #ddd;
    --color-background-separator-dark: #bbb;
    --color-main: #443e9f;
    --color-main-dark: #352d78;
    --color-main-very-light: #f7f5ff;
    --color-text: #101010;
    --color-text-light: #666;
    --color-shadow: rgba(0,0,0,.1);
    --color-error: #9e1010;
    --color-error-light: #ffe9e9;
    --color-info: #443e9f;
    --color-info-light: #f7f5ff;
    --color-warning: #754e00;
    --color-warning-light: #fff9e6;
    --color-status-bad: #9e1010;
    --color-status-neutral: #754e00;
    --color-status-good: #0a7d00;
    --border-radius-default: 4px;
    --font-buttons: "Poppins",sans-serif;
    --font-material-icons: "Material Symbols Outlined",sans-serif;
    --font-size-default: 1rem;
    --font-size-smallest: calc(var(--font-size-default)*0.5);
    --font-size-smaller: calc(var(--font-size-default)*0.6);
    --font-size-small: calc(var(--font-size-default)*0.8);
    --font-size-large: calc(var(--font-size-default)*1.2);
    --font-size-larger: calc(var(--font-size-default)*1.5);
    --font-size-largest: calc(var(--font-size-default)*1.75);
    --icon-material-icons-keyboard-arrow-up: "\e316";
    --icon-material-icons-keyboard-arrow-right: "\e315";
    --icon-material-icons-keyboard-arrow-down: "\e313";
    --icon-material-icons-expand-all: "\e944";
    --icon-material-icons-collapse-all: "\e946";
    --icon-material-icons-close: "\e5cd";
    --icon-material-icons-description: "\e873";
    --icon-material-icons-upload: "\f09b";
    --icon-material-icons-download: "\f090";
    color: var(--color-text);
    container-name: body;
    container-type: size;
    font-family: Inter,sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-variation-settings: "wdth" 100;
    font-weight: 400;
    margin: 0;
    .main-color {
        color: var(--color-main)
    }
}

.message-accordion-panels-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.message-accordion-panel {
    --header-gap: 0.5rem;
    --header-icon-width: 1rem;
    --transition-time: 250ms;
    background-color: var(--color-background-light);
    border: 1px solid var(--color-background-separator);
    border-radius: calc(var(--border-radius-default)* 2);
    box-sizing: border-box;
    cursor: pointer;
    font-size: var(--font-size-small);
    padding: 1rem;
}

.message-accordion-panel-button {
    background-color: transparent !important;
    border: none !important;
    cursor: pointer !important;
    flex-grow: 1 !important;
    font-family: inherit !important;
    font-size: var(--font-size-small) !important;
    font-weight: 700 !important;
    padding: 0 !important;
    text-align: left !important;
    width: 100% !important;
	color:#000 !important;
}

.message-accordion-panel {
    & .message-accordion-panel-content-grid {
        &[hidden] {
            display: none;
            grid-template-rows: 0fr;
            opacity: 0;
        }
    }
}

.select-results-type {
    background-color: var(--color-background-light);
    border-color: var(--color-background-separator);
    border-radius: 5px;
    border-width: 1px;
    font-weight: 700;
    padding: .3rem 1.3rem .3rem .3rem;
    width: 250px;
}

.attention {
    background-color: var(--color-warning-light);
    color: var(--color-warning);
}

.failure {
    background-color: var(--color-error-light);
    color: var(--color-error);
}

.tag {
	position: relative;
  	display: inline-block;
  white-space: nowrap;
  	overflow: hidden;
    padding-inline: 12px;
	margin-right: 6px;
    font-size: 0.8rem;
    border-color: #40116F;
    border-radius: 4px;
    background-color: #DDC7FA;
    border: 1px solid;
}