@charset "utf-8";

#header { position: fixed; top:0; background: #fff; box-shadow: 0 0 2px 0 rgba(0,0,0,0.20); width:100%; height:3.5em; max-width: inherit; display: flex; align-items: center; z-index: 999; }
#header .left { position: relative; margin-left: 0.3em; }
#header .left button.back { width:2.4em; height: 2.4em; background-color: #FFF; background-image: url("../img/btn_header_back.svg"); background-repeat: no-repeat; background-position: 50% 50%; border:none; }

html, body {
    height: 100%;
}

.css-flex-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    z-index: 0;
    -webkit-transition: height 0.26s ease 0s;
    transition: height 0.26s ease 0s;
}
.css-flex-wrap {
    -webkit-flex: 1 1 0%;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
}
.css-content {
    padding: 3rem 1.25rem 2rem 1.25rem;
}
.css-max-width {
    max-width: 720px;
}
.css-description {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: center;
    justify-content: center;
    width: 100%;
    padding: 1.5rem;
    text-align: center;
    border: 0;
    border-radius: 1rem;
    background: var(--hli-color-surface-neutral-1, #F5F6F7);
}