/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

:root {
    --sp-red: #d70f0a;
    --sp-black: #000000;
    --sp-white: #ffffff;

    --sp-bluegray-75: #535f69;
    --sp-bluegray-50: #76828d;
    --sp-bluegray-35: #a1aab5;
    --sp-bluegray-25: #bac1ca;
    --sp-bluegray-15: #cdd2d9;
    --sp-bluegray-5: #e2e6ea;
    --sp-bluegray-0: #f1f4f7;

    --timatic-widget2__max-width: 100%;
    --timatic-widget2__min-width: 320px;

    /*--timatic-widget2__button__background-color: var(--sp-black);*/
    /*--timatic-widget2__button__background-color--focus: var(--sp-black);*/
    /*--timatic-widget2__button__background-color--hover: var(--sp-bluegray-75);*/

    --timatic-widget2__button__border-color: transparent;
    --timatic-widget2__button__border-color--focus: var(--sp-red);
    --timatic-widget2__button__border-color--hover: transparent;
    
    --timatic-widget2__color--action: var(--sp-red);
    --timatic-widget2__color--alert-level-high: var(--sp-red);
    --timatic-widget2__color--alert-level-medium: #a83a36;
    --timatic-widget2__color--alert-level-low: var(--sp-bluegray-75);
    
    --timatic-widget2__heading__color: var(--sp-red);


    --timatic-widget2__input__background-color: var(--sp-bluegray-5);
    --timatic-widget2__input__border-color: var(--sp-bluegray-75);
    --timatic-widget2__input__border-color--focus: var(--sp-red);
    --timatic-widget2__input__border-color--hover: var(--sp-bluegray-75);
    
    --timatic-widget2__loader__color: var(--sp-red);
    
    --timatic-widget2__panel__header__background-color: var(--sp-bluegray-15);
    --timatic-widget2__panel__header__text__color: var(--sp-black);
    
    --timatic-widget2__radio-button__inner__color: var(--sp-red);
    --timatic-widget2__radio-button__border__color: var(--sp-bluegray-75);
    
    --timatic-widget2__results__header__background-color: var(--sp-bluegray-25);
    --timatic-widget2__results__header__text__color: var(--sp-black);
    
    --timatic-widget2__text__color: var(--sp-bluegray-75);

    --timatic-widget2__text__highlight-color: rgba(215, 15, 10, 0.2);
    --timatic-widget2__timeline__color: var(--sp-red);

    font-family: "Albert Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
}



h1 {
    font-size: 2em;
    line-height: 1em;
    margin: auto 0;
    font-weight: bold;

    user-select: none;
}

.container {
    max-width: 900px;
    margin: 0 auto;
}

.d-flex {
    display: flex;
}

.space-between {
    justify-content: space-between;
}

.mb-1 {
    margin-bottom: 1em;
}

label {
    user-select: none;
}

.footer{
    position: fixed;
    bottom: 0;
    left: 0;
    display: flex;
    width: 100%;
    padding: 1em 0;
}

.footer__logo{
    display: flex;
    margin-left: auto;
    margin-right: 2em;
    gap: 0.5em;
    align-items: center;
}

.footer__logo svg{
    width: 148px;

}