:root {
    --primary-color: #000000;
    --primary-color-hover: #444444;
    --secondary-color: #F5F5F5;
    --background-color-action: #FFF7F6;
    --background-color-success: #F3FFF8;
    --secondary-color-hover: #E5E5E5;
    --action-color: #F93C00;
    --information-color: #FFD035;
    --action-color-hover: #DB0D00;
    --success-color: #00A200;
    --attention-color: #C20000;
    --link-color: #2D68F6;
    --link-color-hover: #0947D7;

    --label-color: #000000;
    --label-color-hover: #888888;
    --secondary-label-color: #888888;
    --secondary-label-color-hover: #000000;
    --disabled-color: #E5E5E5;
    --separator-color: #E5E5E5;
    --badge-foreground-color: #FFFFFF;
    --background-color: #FFFFFF;
    --secondary-background-color: #F5F5F5;

    /*--shadow-color: #000000;*/
    /*--shadow-color-catalogue-card: #000000;*/
    /*--shadow-color-popup-top: #000000;*/
    /*--shadow-color-popup-bottom: #000000;*/
    /*--shadow-color-popup: #000000;*/
    /*--shadow-color-tooltip: #000000;*/

    --box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.16);
    --box-shadow-catalogue-card: 0 2px 8px 0 rgba(0, 0, 0, 0.08);
    --box-shadow-popup-top: 0 2px 8px 0 rgba(0, 0, 0, 0.08);
    --box-shadow-popup-bottom: 0 -2px 8px 0 rgba(0, 0, 0, 0.16);
    --box-shadow-popup: 0 2px 48px 0 rgba(0, 0, 0, 0.24);
    --box-shadow-tooltip: 0 2px 8px 0 rgba(0, 0, 0, 0.16);

    --overlay-light-color: #FFFFFF;
    --overlay-dark-color-30: rgba(0, 0, 0, 0.30);
    --overlay-dark-color-50: rgba(0, 0, 0, 0.50);
    --overlay-dark-color-90: rgba(0, 0, 0, 0.90);
    --overlay-icons-background: #000000;
    --overlay-icons-background-hover: #000000;
    --pale-pink: #FFD7D2;
    --gold: #A5825F;
    --mint: #A5D2A0;
    --pale-blue: #CDE6FF;
    --blue: #4178AA;
    --dark-blue: #3C5064;

    --button-primary-background: #171717;
    --hover-button-bg-primary: rgba(255, 255, 255, 0.20);
    --hover-button-bg-secondary: #F5F5F5;

    --sidebar-width: 340px;
    --sidebar-collapsed-width: 93px;
    --sidebar-padding: 24px;
    --sidebar-collapsed-padding: 24px 24px;
    --header-height: 72px;

    --default-border-radius: 4px;
    --secondary-border-radius: 12px;
}

.load {
    position: relative;
    border-radius: 50%;
    display: inline-block;
    animation: spin 1s linear infinite;
}

.primary-btn .load {
    top: 10px;
    left: 10px;
    width: 20px;
    height: 20px;
    border: 2px solid rgba(255, 255, 255, 1);
    border-top-color: rgba(255, 255, 255, .3);
}

.btn-s.secondary-btn.loading, .btn-s.primary-btn.loading {
    width: 36px;
}

.btn-m.secondary-btn.loading, .btn-m.primary-btn.loading {
    width: 44px;
}

.btn-l.secondary-btn.loading, .btn-l.primary-btn.loading {
    width: 52px;
}

.btn-s.secondary-btn.loading,
.btn-m.secondary-btn.loading,
.btn-l.secondary-btn.loading,
.btn-s.primary-btn.loading,
.btn-m.primary-btn.loading,
.btn-l.primary-btn.loading {
    content: '';
    font-size: 0;
}


.btn-s.secondary-btn.loading:before, .btn-m.secondary-btn.loading:before, .btn-l.secondary-btn.loading:before {
    border: 2px solid rgba(0, 0, 0, 1);
    border-top-color: rgba(0, 0, 0, .3);
}

.btn-s.primary-btn.loading:before, .btn-m.primary-btn.loading:before, .btn-l.primary-btn.loading:before {
    border: 2px solid rgba(255, 255, 255, 1);
    border-top-color: rgba(255, 255, 255, .3);
}

.btn-s.secondary-btn.loading:before,
.btn-m.secondary-btn.loading:before,
.btn-l.secondary-btn.loading:before,
.btn-s.primary-btn.loading:before,
.btn-m.primary-btn.loading:before,
.btn-l.primary-btn.loading:before {
    content: '';
    font-size: 0;
    width: 20px;
    height: 20px;
    display: block;
    border-radius: 50%;
    animation: spin 1s linear infinite;
    position: absolute;
}

.btn-s.secondary-btn.loading:before, .btn-s.primary-btn.loading:before  {
    top: 17px;
    left: 17px;
}

.btn-m.secondary-btn.loading:before, .btn-m.primary-btn.loading:before {
    top: 21px;
    left: 21px;
}

.btn-l.secondary-btn.loading:before, .btn-l.primary-btn.loading:before {
    top: 25px;
    left: 25px;
}

.secondary-btn .load {
    top: 10px;
    left: 10px;
    width: 20px;
    height: 20px;
    border: 2px solid rgba(0, 0, 0, 1);
    border-top-color: rgba(0, 0, 0, .3);
}

@keyframes spin {
    0% { transform: translate(-50%, -50%) rotate(0deg); }
    100% { transform: translate(-50%, -50%) rotate(360deg); }
}

.btn-s, .btn-m, .btn-l {
    display: inline-flex;
    padding: 0 16px;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    border-radius: 4px;
    font-weight: 400;
    line-height: 20px;
    font-style: normal;
    position: relative;
}

.btn-s {
    height: 36px;
    gap: 12px;
    font-size: 16px;
}

.btn-m {
    height: 44px;
    gap: 16px;
    font-size: 16px;
}

.btn-l {
    height: 52px;
    gap: 16px;
    font-size: 16px;
}

.primary-btn {
    background: var(--button-primary-background);
    color: #fff;
    border: 1px solid var(--primary-color);
}

.primary-btn:hover {
    background: linear-gradient(0deg, var(--hover-button-bg-primary, rgba(255, 255, 255, 0.20)) 0%, var(--hover-button-bg-primary, rgba(255, 255, 255, 0.20)) 100%), var(--button-primary-background, #171717);
}

.secondary-btn {
    color: var(--primary-color);
    border: 1px solid var(--primary-color);
    background-color: #fff;
}

.secondary-btn:hover {
    background: var(--hover-button-bg-secondary);
}

.accident-headline-m {
    font-size: 64px;
    line-height: 68px;
}

.accident-headline-s {
    font-size: 40px;
    line-height: 44px;
}

.headline-l {
    font-size: 32px;
    line-height: 40px;
}

.headline-m {
    font-size: 24px;
    line-height: 28px;
}

.headline-s {
    font-size: 20px;
    line-height: 24px;
}

.subline {
    font-size: 16px;
    line-height: 20px;
}

.body-m {
    font-size: 16px;
    line-height: 20px;
}

.body-s {
    font-size: 13px;
    line-height: 16px;
}

.caption {
    font-size: 11px;
    line-height: 16px;
}

.caption-s {
    font-size: 8px;
    line-height: 12px;
}

.content-wide {
    width: 100%;
    margin-left: 0;
}

@media (min-width: 320px) {

}

@media (min-width: 410px) {

}

@media (min-width: 640px) {

}

@media (min-width: 1024px) {

}

@media (min-width: 1280px) {

}

@media (min-width: 1368px) {

}