.form-error {
    color: #ff0000;
    font-size: 12px;
    margin-top: 5px;
}

.application__form {
    background: #000000;
}

.application__authentication {
    background: #000000;
}

.header__navigation .navigation__link {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 300;
}

.button, .button__type__1 {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
}

.header__navigation .navigation__download a {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 500;
}

.button__type__1 {
    width: 200px;
    padding-top: 20px;
    padding-bottom: 20px;
    border-radius: 2rem;
    margin-right: auto;
    margin-left: auto;
    background-color: white;
    color: #000000;
    text-align: center;
    font-size: 0.875rem;
    line-height: 0.875rem;
    text-transform: uppercase;
}

@media (min-width: 1024px) {
    .button__type__1 {
        width: 240px;
        padding-top: 22px;
        padding-bottom: 22px;
        font-weight: 500;
        font-size: 1rem;
        line-height: 1rem;
        text-transform: none;
    }
}

@media (max-width: 767px) {
    .button__type__1--full-width-md {
        width: 100%;
    }
}

.button {
    width: 200px;
    padding-top: 15px;
    padding-bottom: 15px;
    border-radius: 50px;
    margin: 0 auto;
    text-align: center;
    font-size: 0.875rem;
    line-height: 0.875rem;
    text-transform: uppercase;
}

@media (min-width: 1024px) {
    .button {
        width: 270px;
        padding-top: 1rem;
        padding-bottom: 1rem;
        font-weight: 500;
        font-size: 1.15rem;
        text-transform: none;
    }
}

.button--primary {
    background-color: #00d9a6;
    color: #000000;
}

.button--full-width {
    width: 100%;
}

@media (max-width: 767px) {
    .button--full-width-md {
        width: 100%;
    }
}

.header__navigation .navigation__bar {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 100;
    transition: transform 0.4s;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: calc(100% - 48px);
    padding: 16px 24px;
    border-bottom: 1px solid #e2e2e2;
    background-color: #ffffff;
}

@media (min-width: 1024px) {
    .header__navigation .navigation__bar {
        box-sizing: border-box;
        width: 100%;
        padding: 16px 5.5%;
    }
}

@media (min-width: 1024px) {
    .header__navigation .navigation__bar a.mobile__logo {
        display: none;
    }
}

.header__navigation .navigation__bar a.deskop__logo {
    display: none;
}

@media (min-width: 1024px) {
    .header__navigation .navigation__bar a.deskop__logo {
        display: inline-block;
    }
}

.header__navigation .navigation__download a {
    display: inline-block;
    border-radius: 2rem;
    padding: 5px 32px;
    cursor: pointer;
    background-color: #34f4ba;
    color: #000000;
    font-size: 0.75rem;
    border: 3px solid #34f4ba;
    text-transform: uppercase;
}

@media (min-width: 1024px) {
    .header__navigation .navigation__download a {
        text-transform: unset;
        width: 234px;
        padding: 0;
        padding-top: 19px;
        padding-bottom: 19px;
        font-weight: 500;
        font-size: 1rem;
        line-height: 1rem;
        text-align: center;
        text-transform: none;
        transition: all 0.2s linear;
    }

    .header__navigation .navigation__download a:hover {
        background: white;
    }
}

.header__navigation .navigation__list {
    display: grid;
    grid-template-columns: 1fr;
    align-items: center;
    padding-right: 40px;
    padding-left: 40px;
    padding-top: 14px;
}

@media (min-width: 1024px) {
    .header__navigation .navigation__list {
        grid-template-columns: 1fr 1fr 1fr;
    }
}

.header__navigation .navigation__item--join {
    display: none;
}

@media (min-width: 1024px) {
    .header__navigation .navigation__item--join {
        display: block;
    }
}

.header__navigation .navigation__item--logo {
    line-height: 0;
    text-align: center;
}

.header__navigation .navigation__item--anchors {
    display: none;
}

@media (min-width: 1024px) {
    .header__navigation .navigation__item--anchors {
        display: flex;
        justify-content: flex-end;
    }
}

.header__navigation .navigation__link {
    display: inline-block;
    padding: 24px 15px;
    font-size: 0.75rem;
}

.header__navigation .navigation__link--separate {
    display: inline-block;
    padding: 0 10px;
}

.header__navigation .navigation__icon {
    max-width: 100%;
    transform: translateY(6px);
}

.header__slider .slider__description, .header__slider .slider__description--mobile, .button, .button__type__1 {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
}

.header__slider .slider__headline {
    font-family: "Editor", sans-serif;
    font-style: normal;
    font-weight: 700;
}

.header__slider .slider__container {
    width: calc(100% - 48px);
    padding-right: 24px;
    padding-left: 24px;
}

@media (min-width: 360px) {
    .header__slider .slider__container {
        width: 320px;
        padding-right: 0;
        padding-left: 0;
        margin-right: auto;
        margin-left: auto;
    }
}

@media (min-width: 600px) {
    .header__slider .slider__container {
        width: 480px;
    }
}

@media (min-width: 768px) {
    .header__slider .slider__container {
        width: 720px;
    }
}

@media (min-width: 1024px) {
    .header__slider .slider__container {
        width: 960px;
    }
}

@media (min-width: 1280px) {
    .header__slider .slider__container {
        width: 1200px;
    }
}

.button__type__1 {
    width: 200px;
    padding-top: 20px;
    padding-bottom: 20px;
    border-radius: 2rem;
    margin-right: auto;
    margin-left: auto;
    background-color: white;
    color: #000000;
    text-align: center;
    font-size: 0.875rem;
    line-height: 0.875rem;
    text-transform: uppercase;
}

@media (min-width: 1024px) {
    .button__type__1 {
        width: 240px;
        padding-top: 22px;
        padding-bottom: 22px;
        font-weight: 500;
        font-size: 1rem;
        line-height: 1rem;
        text-transform: none;
    }
}

@media (max-width: 767px) {
    .button__type__1--full-width-md {
        width: 100%;
    }
}

.button {
    width: 200px;
    padding-top: 15px;
    padding-bottom: 15px;
    border-radius: 50px;
    margin: 0 auto;
    text-align: center;
    font-size: 0.875rem;
    line-height: 0.875rem;
    text-transform: uppercase;
}

@media (min-width: 1024px) {
    .button {
        width: 270px;
        padding-top: 1rem;
        padding-bottom: 1rem;
        font-weight: 500;
        font-size: 1.15rem;
        text-transform: none;
    }
}

.button--primary {
    background-color: #00d9a6;
    color: #000000;
}

.button--full-width {
    width: 100%;
}

@media (max-width: 767px) {
    .button--full-width-md {
        width: 100%;
    }
}

.header__container .control_slider {
    width: 100%;
    position: absolute;
    left: 0;
    top: calc(50% - 60px);
    justify-content: flex-end;
    align-items: center;
    z-index: 100;
    padding: 0 20px;
    box-sizing: border-box;
    display: none;
}

@media (min-width: 1024px) {
    .header__container .control_slider {
        display: flex;
        pointer-events: all;
    }
}

.header__container .control_slider .prev_slide,
.header__container .control_slider .next_slide {
    width: 60px;
    height: 60px;
    background: white;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.header__container .control_slider .prev_slide img {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}

.header__slider {
    padding-top: 45px;
    padding-bottom: 60px;
}

@media (min-width: 600px) {
    .header__slider {
        padding-top: 78px;
    }
}

@media (min-width: 768px) {
    .header__slider {
        padding-top: 110px;
    }
}

.header__slider .slider__backgrounds {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    display: flex;
    width: 100%;
    height: 100%;
    -webkit-perspective: 1000;
    -webkit-backface-visibility: hidden;
}

.header__slider .slider__background {
    flex-shrink: 0;
    width: 100%;
    background-position: center;
    background-size: cover;
    background-color: #000000;
    -webkit-perspective: 1000;
    -webkit-backface-visibility: hidden;
}

@media only screen and (min-width: 1460px) {
    .header__slider .slider__background {
        overflow: hidden;
    }
}

.header__slider .slider__background .slider__image__background {
    display: none;
}

@media (min-width: 1024px) {
    .header__slider .slider__background .slider__image__background {
        height: 100%;
        display: inline-block;
    }
}

@media only screen and (min-width: 1460px) {
    .header__slider .slider__background .slider__image__background {
        height: auto;
        width: 100%;
    }
}

.header__slider .slider__background--placeholder {
    height: 824px;
}

.header__slider .slider__container {
    position: relative;
}

@media (min-width: 768px) {
    .header__slider .slider__container {
        text-align: left;
    }
}

@media (min-width: 1280px) {
    .header__slider .slider__container {
        width: 960px;
        padding-right: 60px;
        padding-left: 60px;
    }
}

.header__slider .slider__images {
    position: absolute;
    z-index: 2;
    transition-property: transform;
    width: 100%;
    display: flex;
}

.header__slider .slider__image, .header__slider .slider__fake-image, .header__slider .slider__image--previous {
    flex-shrink: 0;
    flex-grow: 0;
    width: 270px;
    height: 203px;
    margin-right: calc(100% - 270px);
    opacity: 1;
    -webkit-transform: translateZ(0);
    transition: opacity 0.4s;
}

@media (min-width: 600px) {
    .header__slider .slider__image, .header__slider .slider__fake-image, .header__slider .slider__image--previous {
        width: 405px;
        height: 304px;
        margin-right: calc(100% - 405px);
    }
}

@media (min-width: 768px) {
    .header__slider .slider__image, .header__slider .slider__fake-image, .header__slider .slider__image--previous {
        width: 540px;
        height: 405px;
        margin-right: calc(100% - 540px);
    }
}

.header__slider .slider__image--previous {
    opacity: 0;
}

.header__slider .slider__fake-image {
    margin-right: 0;
}

.header__slider .slider__layouts {
    display: flex;
    z-index: 3;
    position: relative;
}

.header__slider .slider__descriptions {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    display: flex;
    width: 100%;
}

@media (min-width: 1280px) {
    .header__slider .slider__descriptions {
        left: 60px;
        width: calc(100% - 120px);
    }
}

.header__slider .slider__layout, .header__slider .slider__layout--active {
    position: relative;
    flex-grow: 0;
    flex-shrink: 0;
    width: 100%;
    display: flex;
    align-items: baseline;
}

.header__slider .slider__layout .slider__headline, .header__slider .slider__layout--active .slider__headline {
    visibility: hidden;
}

.header__slider .slider__layout .slider__description, .header__slider .slider__layout .slider__description--mobile, .header__slider .slider__layout--active .slider__description, .header__slider .slider__layout--active .slider__description--mobile {
    visibility: hidden;
}

.header__slider .slider__layout--active .slider__headline {
    visibility: visible;
}

.header__slider .slider__layout--active .slider__description, .header__slider .slider__layout--active .slider__description--mobile {
    visibility: visible;
}

.header__slider .slider__headline {
    margin-left: -270px;
    font-size: 3.625rem;
    line-height: 3.625rem;
}

@media (min-width: 600px) {
    .header__slider .slider__headline {
        margin-left: -405px;
        font-size: 6.5rem;
        line-height: 6.5rem;
    }
}

@media (min-width: 768px) {
    .header__slider .slider__headline {
        margin-left: -540px;
        font-size: 9.375rem;
        line-height: 9.375rem;
        width: auto;
    }
}

@media (min-width: 1024px) {
    .header__slider .slider__headline {
        margin-left: -270px;
    }
}

.header__slider .slider__dot {
    opacity: 0;
}

.header__slider .slider__dot--active {
    opacity: 1;
}

.header__slider .slider__description, .header__slider .slider__description--mobile {
    position: absolute;
    left: 540px;
    bottom: auto;
    box-sizing: border-box;
    display: none;
    width: calc(100% - 540px);
    padding: 128px;
    font-size: 0.875rem;
    line-height: 1.5rem;
}

@media (min-width: 1024px) {
    .header__slider .slider__description, .header__slider .slider__description--mobile {
        display: block;
    }
}

@media (min-width: 1280px) {
    .header__slider .slider__description, .header__slider .slider__description--mobile {
        width: calc(100% - 420px);
    }
}

.header__slider .slider__description--mobile {
    left: 0;
    top: 183px;
    display: block;
    width: 100%;
    padding: 0;
    margin-top: 56px;
    font-size: 0.875rem;
    line-height: 1.5rem;
}

@media (min-width: 600px) {
    .header__slider .slider__description--mobile {
        top: 295px;
    }
}

@media (min-width: 768px) {
    .header__slider .slider__description--mobile {
        top: 405px;
    }
}

@media (min-width: 1024px) {
    .header__slider .slider__description--mobile {
        display: none;
    }
}

.header__slider .slider__bullets {
    margin-top: 43px;
    text-align: center;
}

@media (min-width: 600px) {
    .header__slider .slider__bullets {
        margin-top: 37px;
    }
}

@media (min-width: 768px) {
    .header__slider .slider__bullets {
        margin-top: 71px;
    }
}

@media (min-width: 1024px) {
    .header__slider .slider__bullets {
        margin-top: 98px;
        visibility: hidden;
    }
}

.header__slider .slider__bullets .slider__button__download {
    visibility: hidden;
    margin-bottom: 45px;
}

@media (min-width: 1024px) {
    .header__slider .slider__bullets .slider__button__download {
        display: none;
    }
}

.header__slider .slider__bullet, .header__slider .slider__bullet--active {
    display: inline-block;
    width: 8px;
    height: 8px;
    margin: 8px;
    border-radius: 50%;
    opacity: 0.4;
    background-color: #ffffff;
}

.header__slider .slider__bullet--active {
    opacity: 1;
}

.header__slider--placeholder {
    background: #000000;
    height: 825px;
    padding: 0;
    margin-top: -98px;
}

@media screen and (max-width: 1023px) {
    .header__slider--placeholder {
        height: 896px;
    }
}

@media screen and (max-width: 767px) {
    .header__slider--placeholder {
        height: 722px;
    }
}

@media screen and (max-width: 599px) {
    .header__slider--placeholder {
        height: 550px;
    }
}

.button, .button__type__1 {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
}

.button__type__1 {
    width: 200px;
    padding-top: 20px;
    padding-bottom: 20px;
    border-radius: 2rem;
    margin-right: auto;
    margin-left: auto;
    background-color: white;
    color: #000000;
    text-align: center;
    font-size: 0.875rem;
    line-height: 0.875rem;
    text-transform: uppercase;
}

@media (min-width: 1024px) {
    .button__type__1 {
        width: 240px;
        padding-top: 22px;
        padding-bottom: 22px;
        font-weight: 500;
        font-size: 1rem;
        line-height: 1rem;
        text-transform: none;
    }
}

@media (max-width: 767px) {
    .button__type__1--full-width-md {
        width: 100%;
    }
}

.button {
    width: 200px;
    padding-top: 15px;
    padding-bottom: 15px;
    border-radius: 50px;
    margin: 0 auto;
    text-align: center;
    font-size: 0.875rem;
    line-height: 0.875rem;
    text-transform: uppercase;
}

@media (min-width: 1024px) {
    .button {
        width: 270px;
        padding-top: 1rem;
        padding-bottom: 1rem;
        font-weight: 500;
        font-size: 1.15rem;
        text-transform: none;
    }
}

.button--primary {
    background-color: #00d9a6;
    color: #000000;
}

.button--full-width {
    width: 100%;
}

@media (max-width: 767px) {
    .button--full-width-md {
        width: 100%;
    }
}

.header {
    position: relative;
    overflow-x: hidden;
    caret-color: transparent;
}

.button, .button__type__1 {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
}

.main__about .about__headline {
    font-family: "Editor", sans-serif;
    font-style: normal;
    font-weight: 700;
}

.main__about .about__container--2020 {
    width: calc(100% - 48px);
    padding-right: 24px;
    padding-left: 24px;
}

@media (min-width: 360px) {
    .main__about .about__container--2020 {
        width: 320px;
        padding-right: 0;
        padding-left: 0;
        margin-right: auto;
        margin-left: auto;
    }
}

@media (min-width: 600px) {
    .main__about .about__container--2020 {
        width: 480px;
    }
}

@media (min-width: 768px) {
    .main__about .about__container--2020 {
        width: 720px;
    }
}

@media (min-width: 1024px) {
    .main__about .about__container--2020 {
        width: 960px;
    }
}

@media (min-width: 1280px) {
    .main__about .about__container--2020 {
        width: 1200px;
    }
}

.button__type__1 {
    width: 200px;
    padding-top: 20px;
    padding-bottom: 20px;
    border-radius: 2rem;
    margin-right: auto;
    margin-left: auto;
    background-color: white;
    color: #000000;
    text-align: center;
    font-size: 0.875rem;
    line-height: 0.875rem;
    text-transform: uppercase;
}

@media (min-width: 1024px) {
    .button__type__1 {
        width: 240px;
        padding-top: 22px;
        padding-bottom: 22px;
        font-weight: 500;
        font-size: 1rem;
        line-height: 1rem;
        text-transform: none;
    }
}

@media (max-width: 767px) {
    .button__type__1--full-width-md {
        width: 100%;
    }
}

.button {
    width: 200px;
    padding-top: 15px;
    padding-bottom: 15px;
    border-radius: 50px;
    margin: 0 auto;
    text-align: center;
    font-size: 0.875rem;
    line-height: 0.875rem;
    text-transform: uppercase;
}

@media (min-width: 1024px) {
    .button {
        width: 270px;
        padding-top: 1rem;
        padding-bottom: 1rem;
        font-weight: 500;
        font-size: 1.15rem;
        text-transform: none;
    }
}

.button--primary {
    background-color: #00d9a6;
    color: #000000;
}

.button--full-width {
    width: 100%;
}

@media (max-width: 767px) {
    .button--full-width-md {
        width: 100%;
    }
}

.main__about .about__container--2020 {
    padding-top: 63px;
    padding-bottom: 110px;
}

@media (min-width: 1024px) {
    .main__about .about__container--2020 {
        padding-top: 165px;
        padding-bottom: 140px;
    }
}

@media (min-width: 1280px) {
    .main__about .about__container--2020 {
        width: 960px;
    }
}

.main__about .about__headline {
    margin-bottom: 24px;
    color: #000000;
    font-size: 1.875rem;
    line-height: 2.625rem;
    text-align: center;
}

@media (min-width: 1024px) {
    .main__about .about__headline {
        font-size: 2.5rem;
        line-height: 3rem;
        margin-bottom: 52px;
    }
}

.main__about .about__description {
    max-width: 800px;
    margin-right: auto;
    margin-left: auto;
    color: #000000;
    font-size: 1rem;
    line-height: 1.875rem;
    text-align: center;
}

@media (min-width: 1024px) {
    .main__about .about__description {
        line-height: 1.75rem;
    }
}

.button, .button__type__1 {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
}

#main__calendar .calendar__headline {
    font-family: "Editor", sans-serif;
    font-style: normal;
    font-weight: 700;
}

#main__calendar .calendar__container {
    width: calc(100% - 48px);
    padding-right: 24px;
    padding-left: 24px;
}

@media (min-width: 360px) {
    #main__calendar .calendar__container {
        width: 320px;
        padding-right: 0;
        padding-left: 0;
        margin-right: auto;
        margin-left: auto;
    }
}

@media (min-width: 600px) {
    #main__calendar .calendar__container {
        width: 480px;
    }
}

@media (min-width: 768px) {
    #main__calendar .calendar__container {
        width: 720px;
    }
}

@media (min-width: 1024px) {
    #main__calendar .calendar__container {
        width: 960px;
    }
}

@media (min-width: 1280px) {
    #main__calendar .calendar__container {
        width: 1200px;
    }
}

.button__type__1 {
    width: 200px;
    padding-top: 20px;
    padding-bottom: 20px;
    border-radius: 2rem;
    margin-right: auto;
    margin-left: auto;
    background-color: white;
    color: #000000;
    text-align: center;
    font-size: 0.875rem;
    line-height: 0.875rem;
    text-transform: uppercase;
}

@media (min-width: 1024px) {
    .button__type__1 {
        width: 240px;
        padding-top: 22px;
        padding-bottom: 22px;
        font-weight: 500;
        font-size: 1rem;
        line-height: 1rem;
        text-transform: none;
    }
}

@media (max-width: 767px) {
    .button__type__1--full-width-md {
        width: 100%;
    }
}

.button {
    width: 200px;
    padding-top: 15px;
    padding-bottom: 15px;
    border-radius: 50px;
    margin: 0 auto;
    text-align: center;
    font-size: 0.875rem;
    line-height: 0.875rem;
    text-transform: uppercase;
}

@media (min-width: 1024px) {
    .button {
        width: 270px;
        padding-top: 1rem;
        padding-bottom: 1rem;
        font-weight: 500;
        font-size: 1.15rem;
        text-transform: none;
    }
}

.button--primary {
    background-color: #00d9a6;
    color: #000000;
}

.button--full-width {
    width: 100%;
}

@media (max-width: 767px) {
    .button--full-width-md {
        width: 100%;
    }
}

#main__calendar {
    overflow-x: hidden;
    position: relative;
}

#main__calendar::after {
    content: "";
    position: absolute;
    left: 4%;
    bottom: 0;
    width: 92%;
    height: 1px;
    background-color: #f2f2f2;
}

@media (min-width: 1024px) {
    #main__calendar {
        padding: 220px 0 230px 0;
        background-repeat: no-repeat;
        background-position: center;
    }

    #main__calendar:before {
        background: url(../img/home-page/experience-1440.jpg) no-repeat center;
        background-size: 100%;
        content: "";
        position: absolute;
        z-index: 5;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        opacity: 1;
        filter: brightness(0.8);
    }
}

@media (min-width: 1024px) and (min-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi) {
    #main__calendar:before {
        background: url(../img/home-page/experience-1440@2x.jpg) no-repeat center;
        background-size: 100%;
    }
}

@media (min-width: 1024px) and (min-width: 1440px) {
    #main__calendar:before {
        background: url(../img/home-page/experience-1920.jpg) no-repeat center;
        background-size: 100%;
    }
}

@media (min-width: 1024px) and (min-width: 1440px) and (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi) {
    #main__calendar:before {
        background: url(../img/home-page/experience-1920@2x.jpg) no-repeat center;
        background-size: 100%;
    }
}

@media (min-width: 1024px) {
    #main__calendar::after {
        display: none;
    }
}

#main__calendar .calendar__img__container {
    margin-bottom: 80px;
}

@media (min-width: 1024px) {
    #main__calendar .calendar__img__container {
        display: none;
    }
}

#main__calendar .calendar__img__container img {
    display: grid;
    max-width: 100%;
}

#main__calendar .calendar__container {
    position: relative;
}

#main__calendar .calendar__text {
    color: black;
    padding-bottom: 64px;
    text-align: center;
}

@media (min-width: 1024px) {
    #main__calendar .calendar__text {
        position: relative;
        z-index: 10;
        color: white;
        padding-bottom: 0;
    }
}

#main__calendar .calendar__headline {
    margin-bottom: 24px;
    font-size: 1.875rem;
    line-height: 2.625rem;
}

@media (min-width: 1024px) {
    #main__calendar .calendar__headline {
        margin-bottom: 35px;
        font-weight: 500;
        font-size: 2.8125rem;
        line-height: 3.7rem;
    }
}

#main__calendar .calendar__description {
    font-size: 1rem;
    line-height: 1.875rem;
    white-space: pre-line;
    margin-bottom: 12px;
}

@media (min-width: 1024px) {
    #main__calendar .calendar__description {
        line-height: 1.75rem;
        max-width: 500px;
        margin: 0 auto 12px;
    }
}

.button, .button__type__1 {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
}

.main__calendar .calendar__headline {
    font-family: "Editor", sans-serif;
    font-style: normal;
    font-weight: 700;
}

.main__calendar .calendar__container {
    width: calc(100% - 48px);
    padding-right: 24px;
    padding-left: 24px;
}

@media (min-width: 360px) {
    .main__calendar .calendar__container {
        width: 320px;
        padding-right: 0;
        padding-left: 0;
        margin-right: auto;
        margin-left: auto;
    }
}

@media (min-width: 600px) {
    .main__calendar .calendar__container {
        width: 480px;
    }
}

@media (min-width: 768px) {
    .main__calendar .calendar__container {
        width: 720px;
    }
}

@media (min-width: 1024px) {
    .main__calendar .calendar__container {
        width: 960px;
    }
}

@media (min-width: 1280px) {
    .main__calendar .calendar__container {
        width: 1200px;
    }
}

.button__type__1 {
    width: 200px;
    padding-top: 20px;
    padding-bottom: 20px;
    border-radius: 2rem;
    margin-right: auto;
    margin-left: auto;
    background-color: white;
    color: #000000;
    text-align: center;
    font-size: 0.875rem;
    line-height: 0.875rem;
    text-transform: uppercase;
}

@media (min-width: 1024px) {
    .button__type__1 {
        width: 240px;
        padding-top: 22px;
        padding-bottom: 22px;
        font-weight: 500;
        font-size: 1rem;
        line-height: 1rem;
        text-transform: none;
    }
}

@media (max-width: 767px) {
    .button__type__1--full-width-md {
        width: 100%;
    }
}

.button {
    width: 200px;
    padding-top: 15px;
    padding-bottom: 15px;
    border-radius: 50px;
    margin: 0 auto;
    text-align: center;
    font-size: 0.875rem;
    line-height: 0.875rem;
    text-transform: uppercase;
}

@media (min-width: 1024px) {
    .button {
        width: 270px;
        padding-top: 1rem;
        padding-bottom: 1rem;
        font-weight: 500;
        font-size: 1.15rem;
        text-transform: none;
    }
}

.button--primary {
    background-color: #00d9a6;
    color: #000000;
}

.button--full-width {
    width: 100%;
}

@media (max-width: 767px) {
    .button--full-width-md {
        width: 100%;
    }
}

.main__calendar {
    overflow-x: hidden;
}

.main__calendar .calendar__container {
    position: relative;
}

@media (min-width: 1024px) {
    .main__calendar .calendar__container {
        height: 987px;
    }
}

@media (min-width: 1280px) {
    .main__calendar .calendar__container {
        height: 1089px;
    }
}

.main__calendar .calendar__text {
    padding-bottom: 62px;
}

@media (min-width: 1024px) {
    .main__calendar .calendar__text {
        width: 360px;
        padding-bottom: 0;
    }
}

.main__calendar .calendar__headline {
    padding-top: 55px;
    margin-bottom: 478px;
    color: #000000;
    font-size: 1.875rem;
    line-height: 2.625rem;
    text-align: center;
}

@media (min-width: 1024px) {
    .main__calendar .calendar__headline {
        padding-top: 280px;
        margin-bottom: 48px;
        font-weight: 500;
        font-size: 2.8125rem;
        line-height: 3.7rem;
        text-align: left;
    }
}

.main__calendar .calendar__description {
    padding-bottom: 12px;
    color: #000000;
    font-size: 1rem;
    line-height: 1.875rem;
    text-align: center;
    white-space: pre-line;
}

@media (min-width: 1024px) {
    .main__calendar .calendar__description {
        line-height: 1.75rem;
        text-align: left;
    }
}

.main__calendar .calendar__images {
    position: absolute;
    left: 50%;
    top: 175px;
    transform: translateX(-50%);
    width: 360px;
}

@media (min-width: 1024px) {
    .main__calendar .calendar__images {
        left: 442px;
        top: 260px;
        transform: none;
        width: 793px;
    }
}

@media (min-width: 1280px) {
    .main__calendar .calendar__images {
        left: 524px;
        top: 158px;
        transform: none;
        width: 793px;
    }
}

.main__calendar .calendar__image, .main__calendar .calendar__image--third, .main__calendar .calendar__image--second, .main__calendar .calendar__image--first {
    position: absolute;
}

.main__calendar .calendar__image--first {
    left: 180px;
    z-index: 2;
    width: 119px;
}

@media (min-width: 1024px) {
    .main__calendar .calendar__image--first {
        left: 288px;
        width: 190px;
    }
}

@media (min-width: 1280px) {
    .main__calendar .calendar__image--first {
        left: 395px;
        width: 260px;
    }
}

.main__calendar .calendar__image--second {
    top: 86px;
    z-index: 1;
    width: 245px;
}

@media (min-width: 1024px) {
    .main__calendar .calendar__image--second {
        top: 143px;
        width: 385px;
    }
}

@media (min-width: 1280px) {
    .main__calendar .calendar__image--second {
        top: 200px;
        width: 525px;
    }
}

.main__calendar .calendar__image--third {
    left: 225px;
    top: 182px;
    z-index: 3;
    width: 135px;
}

@media (min-width: 1024px) {
    .main__calendar .calendar__image--third {
        left: 375px;
        top: 295px;
        width: 202px;
    }
}

@media (min-width: 1280px) {
    .main__calendar .calendar__image--third {
        left: 525px;
        top: 407px;
        width: 268px;
    }
}

.button, .button__type__1 {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
}

.main__get-connected .get-connected__headline {
    font-family: "Editor", sans-serif;
    font-style: normal;
    font-weight: 700;
}

.main__get-connected .get-connected__container {
    width: calc(100% - 48px);
    padding-right: 24px;
    padding-left: 24px;
}

@media (min-width: 360px) {
    .main__get-connected .get-connected__container {
        width: 320px;
        padding-right: 0;
        padding-left: 0;
        margin-right: auto;
        margin-left: auto;
    }
}

@media (min-width: 600px) {
    .main__get-connected .get-connected__container {
        width: 480px;
    }
}

@media (min-width: 768px) {
    .main__get-connected .get-connected__container {
        width: 720px;
    }
}

@media (min-width: 1024px) {
    .main__get-connected .get-connected__container {
        width: 960px;
    }
}

@media (min-width: 1280px) {
    .main__get-connected .get-connected__container {
        width: 1200px;
    }
}

.button__type__1 {
    width: 200px;
    padding-top: 20px;
    padding-bottom: 20px;
    border-radius: 2rem;
    margin-right: auto;
    margin-left: auto;
    background-color: white;
    color: #000000;
    text-align: center;
    font-size: 0.875rem;
    line-height: 0.875rem;
    text-transform: uppercase;
}

@media (min-width: 1024px) {
    .button__type__1 {
        width: 240px;
        padding-top: 22px;
        padding-bottom: 22px;
        font-weight: 500;
        font-size: 1rem;
        line-height: 1rem;
        text-transform: none;
    }
}

@media (max-width: 767px) {
    .button__type__1--full-width-md {
        width: 100%;
    }
}

.button {
    width: 200px;
    padding-top: 15px;
    padding-bottom: 15px;
    border-radius: 50px;
    margin: 0 auto;
    text-align: center;
    font-size: 0.875rem;
    line-height: 0.875rem;
    text-transform: uppercase;
}

@media (min-width: 1024px) {
    .button {
        width: 270px;
        padding-top: 1rem;
        padding-bottom: 1rem;
        font-weight: 500;
        font-size: 1.15rem;
        text-transform: none;
    }
}

.button--primary {
    background-color: #00d9a6;
    color: #000000;
}

.button--full-width {
    width: 100%;
}

@media (max-width: 767px) {
    .button--full-width-md {
        width: 100%;
    }
}

.main__get-connected {
    overflow-x: hidden;
    position: relative;
    margin-top: 60px;
}

@media (min-width: 1024px) {
    .main__get-connected {
        background-image: url(../img/home-page/get_connected_phones_2.9bba2330.png);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: right bottom;
        margin-top: 100px;
    }
}

.main__get-connected img {
    display: grid;
    max-width: 100%;
}

.main__get-connected .get-connected__img__container {
    margin-bottom: 20px;
}

@media (min-width: 768px) {
    .main__get-connected .get-connected__img__container {
        display: none;
    }
}

.main__get-connected .get-connected__img__container img {
    display: grid;
    max-width: 100%;
}

.main__get-connected .get-connected__container {
    position: relative;
}

@media (min-width: 1024px) {
    .main__get-connected .get-connected__container {
        padding: 150px 0 230px 0;
    }
}

.main__get-connected .get-connected__text {
    color: black;
    text-align: center;
    padding-bottom: 40px;
}

@media (min-width: 1024px) {
    .main__get-connected .get-connected__text {
        padding-bottom: 64px;
        max-width: 357px;
        padding-bottom: 0;
        text-align: left;
    }
}

@media (min-width: 1280px) {
    .main__get-connected .get-connected__text {
        max-width: 395px;
    }
}

.main__get-connected .get-connected__headline {
    margin-bottom: 24px;
    font-size: 1.875rem;
    line-height: 2.625rem;
}

@media (min-width: 1024px) {
    .main__get-connected .get-connected__headline {
        margin-bottom: 55px;
        font-weight: 500;
        font-size: 2.8125rem;
        line-height: 3.7rem;
    }
}

.main__get-connected .get-connected__description {
    font-size: 1rem;
    line-height: 1.875rem;
    white-space: pre-line;
}

.main__get-connected .get-connected__description:last-of-type {
    padding-bottom: 45px;
}

@media (min-width: 1024px) {
    .main__get-connected .get-connected__description {
        line-height: 1.75rem;
    }

    .main__get-connected .get-connected__description:last-of-type {
        padding-bottom: 120px;
    }
}

.main__recommendation .recommendation__name, .button, .button__type__1 {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
}

.main__recommendation .recommendation__text {
    font-family: "Editor", sans-serif;
    font-style: normal;
    font-weight: 400;
}

.main__recommendation .recommendation__container {
    width: calc(100% - 48px);
    padding-right: 24px;
    padding-left: 24px;
}

@media (min-width: 360px) {
    .main__recommendation .recommendation__container {
        width: 320px;
        padding-right: 0;
        padding-left: 0;
        margin-right: auto;
        margin-left: auto;
    }
}

@media (min-width: 600px) {
    .main__recommendation .recommendation__container {
        width: 480px;
    }
}

@media (min-width: 768px) {
    .main__recommendation .recommendation__container {
        width: 720px;
    }
}

@media (min-width: 1024px) {
    .main__recommendation .recommendation__container {
        width: 960px;
    }
}

@media (min-width: 1280px) {
    .main__recommendation .recommendation__container {
        width: 1200px;
    }
}

.button__type__1 {
    width: 200px;
    padding-top: 20px;
    padding-bottom: 20px;
    border-radius: 2rem;
    margin-right: auto;
    margin-left: auto;
    background-color: white;
    color: #000000;
    text-align: center;
    font-size: 0.875rem;
    line-height: 0.875rem;
    text-transform: uppercase;
}

@media (min-width: 1024px) {
    .button__type__1 {
        width: 240px;
        padding-top: 22px;
        padding-bottom: 22px;
        font-weight: 500;
        font-size: 1rem;
        line-height: 1rem;
        text-transform: none;
    }
}

@media (max-width: 767px) {
    .button__type__1--full-width-md {
        width: 100%;
    }
}

.button {
    width: 200px;
    padding-top: 15px;
    padding-bottom: 15px;
    border-radius: 50px;
    margin: 0 auto;
    text-align: center;
    font-size: 0.875rem;
    line-height: 0.875rem;
    text-transform: uppercase;
}

@media (min-width: 1024px) {
    .button {
        width: 270px;
        padding-top: 1rem;
        padding-bottom: 1rem;
        font-weight: 500;
        font-size: 1.15rem;
        text-transform: none;
    }
}

.button--primary {
    background-color: #00d9a6;
    color: #000000;
}

.button--full-width {
    width: 100%;
}

@media (max-width: 767px) {
    .button--full-width-md {
        width: 100%;
    }
}

.main__recommendation {
    position: relative;
    height: 480px;
    background-color: #000000;
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
    background-image: url('../img/skyline.jpg');
}

@media (min-width: 1024px) {
    .main__recommendation {
        height: 960px;
    }
}

@media (min-width: 1280px) {
    .main__recommendation {
        background-size: contain;
    }
}

.main__recommendation .recommendation__container {
    display: block;
    height: 330px;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, 80%);
    box-sizing: border-box;
    max-width: 960px;
    background-color: #ffffff;
    overflow: hidden;
    border-bottom: 1px solid hsla(0, 0%, 59.2%, 0.2);
}

@media (min-width: 768px) {
    .main__recommendation .recommendation__container {
        height: 286px;
    }
}

@media (min-width: 1024px) {
    .main__recommendation .recommendation__container {
        transform: translate(-50%, 50%);
        box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.5);
        border: none;
    }
}

.main__recommendation .recommendation__slide {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    box-sizing: border-box;
    padding-top: 71px;
    padding-bottom: 42px;
}

.main__recommendation .recommendation__slide--flipped {
    padding-top: 36px;
    padding-bottom: 42px;
}

.main__recommendation .recommendation__slide--flipped .recommendation__content {
    order: 2;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: space-between;
}

.main__recommendation .recommendation__slide--flipped .recommendation__quotation-mark {
    transform: rotate(180deg);
    order: 3;
    margin-bottom: 0;
}

.main__recommendation .recommendation__slide--flipped .recommendation__text {
    order: 2;
}

.main__recommendation .recommendation__slide--flipped .recommendation__author {
    order: 1;
    margin-bottom: 14px;
}

@media (min-width: 1024px) {
    .main__recommendation .recommendation__slide--flipped .recommendation__author {
        margin-bottom: 14px;
    }
}

.main__recommendation .recommendation__quotation-mark {
    height: 22px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 30px;
}

@media (min-width: 1024px) {
    .main__recommendation .recommendation__quotation-mark {
        height: 30px;
        margin-bottom: 40px;
    }
}

.main__recommendation .recommendation__text {
    margin-bottom: 28px;
    color: #000000;
    text-align: center;
    font-size: 1rem;
    line-height: 1.625rem;
    padding-right: 30px;
    padding-left: 30px;
}

@media (min-width: 1024px) {
    .main__recommendation .recommendation__text {
        padding-right: 178px;
        padding-left: 178px;
        font-size: 1.125rem;
        line-height: 2rem;
    }
}

.main__recommendation .recommendation__author {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

@media (min-width: 1024px) {
    .main__recommendation .recommendation__author {
        flex-direction: row;
    }
}

.main__recommendation .recommendation__author img {
    height: 71px;
    max-height: 71px;
}

.main__recommendation .recommendation__picture {
    display: block;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    margin-bottom: 18px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.main__recommendation .recommendation__picture img {
    width: 38px;
    height: 38px;
}

@media (min-width: 1024px) {
    .main__recommendation .recommendation__picture img {
        width: 32px;
        height: 32px;
    }
}

@media (min-width: 1024px) {
    .main__recommendation .recommendation__picture {
        width: 32px;
        height: 32px;
        margin-right: 18px;
        margin-bottom: 0;
    }
}

.main__recommendation .recommendation__name {
    color: #000000;
    font-size: 0.875rem;
}

.button, .button__type__1 {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
}

.button__type__1 {
    width: 200px;
    padding-top: 20px;
    padding-bottom: 20px;
    border-radius: 2rem;
    margin-right: auto;
    margin-left: auto;
    background-color: white;
    color: #000000;
    text-align: center;
    font-size: 0.875rem;
    line-height: 0.875rem;
    text-transform: uppercase;
}

@media (min-width: 1024px) {
    .button__type__1 {
        width: 240px;
        padding-top: 22px;
        padding-bottom: 22px;
        font-weight: 500;
        font-size: 1rem;
        line-height: 1rem;
        text-transform: none;
    }
}

@media (max-width: 767px) {
    .button__type__1--full-width-md {
        width: 100%;
    }
}

.button {
    width: 200px;
    padding-top: 15px;
    padding-bottom: 15px;
    border-radius: 50px;
    margin: 0 auto;
    text-align: center;
    font-size: 0.875rem;
    line-height: 0.875rem;
    text-transform: uppercase;
}

@media (min-width: 1024px) {
    .button {
        width: 270px;
        padding-top: 1rem;
        padding-bottom: 1rem;
        font-weight: 500;
        font-size: 1.15rem;
        text-transform: none;
    }
}

.button--primary {
    background-color: #00d9a6;
    color: #000000;
}

.button--full-width {
    width: 100%;
}

@media (max-width: 767px) {
    .button--full-width-md {
        width: 100%;
    }
}

.main__carousel {
    overflow-x: hidden;
    padding: 0 !important;
}

@media (max-width: 360px) {
    .main__carousel {
        width: 100% !important;
    }
}

.main__carousel .carousel__items {
    transition-property: transform;
    display: flex;
    align-items: center;
    height: 360px;
}

@media (min-width: 1024px) {
    .main__carousel .carousel__items {
        height: 540px;
    }
}

.main__carousel .carousel__item, .main__carousel .carousel__item--active {
    flex-shrink: 0;
    flex-grow: 0;
    box-sizing: border-box;
    width: 192px;
    height: 270px;
    transition-property: all;
    padding-right: 8px;
    padding-left: 8px;
    object-fit: cover;
    object-position: center;
    cursor: pointer;
}

@media (min-width: 1024px) {
    .main__carousel .carousel__item, .main__carousel .carousel__item--active {
        width: 320px;
        height: 450px;
        padding-right: 16px;
        padding-left: 16px;
    }
}

.main__carousel .carousel__item--active {
    width: 256px;
    height: 360px;
}

@media (min-width: 1024px) {
    .main__carousel .carousel__item--active {
        width: 384px;
        height: 540px;
    }
}

.main__carousel .carousel__controls {
    padding-top: 24px;
    text-align: center;
}

.main__carousel .carousel__control {
    display: inline-block;
    height: 15px;
    padding: 8px;
    cursor: pointer;
}

.main__carousel .carousel__control:nth-of-type(1) {
    transform: rotate(180deg);
    margin-right: 56px;
}

.button, .button__type__1 {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
}

.main__experience .experience__headline {
    font-family: "Editor", sans-serif;
    font-style: normal;
    font-weight: 700;
}

.main__experience .experience__container {
    width: calc(100% - 48px);
    padding-right: 24px;
    padding-left: 24px;
}

@media (min-width: 360px) {
    .main__experience .experience__container {
        width: 320px;
        padding-right: 0;
        padding-left: 0;
        margin-right: auto;
        margin-left: auto;
    }
}

@media (min-width: 600px) {
    .main__experience .experience__container {
        width: 480px;
    }
}

@media (min-width: 768px) {
    .main__experience .experience__container {
        width: 720px;
    }
}

@media (min-width: 1024px) {
    .main__experience .experience__container {
        width: 960px;
    }
}

@media (min-width: 1280px) {
    .main__experience .experience__container {
        width: 1200px;
    }
}

.button__type__1 {
    width: 200px;
    padding-top: 20px;
    padding-bottom: 20px;
    border-radius: 2rem;
    margin-right: auto;
    margin-left: auto;
    background-color: white;
    color: #000000;
    text-align: center;
    font-size: 0.875rem;
    line-height: 0.875rem;
    text-transform: uppercase;
}

@media (min-width: 1024px) {
    .button__type__1 {
        width: 240px;
        padding-top: 22px;
        padding-bottom: 22px;
        font-weight: 500;
        font-size: 1rem;
        line-height: 1rem;
        text-transform: none;
    }
}

@media (max-width: 767px) {
    .button__type__1--full-width-md {
        width: 100%;
    }
}

.button {
    width: 200px;
    padding-top: 15px;
    padding-bottom: 15px;
    border-radius: 50px;
    margin: 0 auto;
    text-align: center;
    font-size: 0.875rem;
    line-height: 0.875rem;
    text-transform: uppercase;
}

@media (min-width: 1024px) {
    .button {
        width: 270px;
        padding-top: 1rem;
        padding-bottom: 1rem;
        font-weight: 500;
        font-size: 1.15rem;
        text-transform: none;
    }
}

.button--primary {
    background-color: #00d9a6;
    color: #000000;
}

.button--full-width {
    width: 100%;
}

@media (max-width: 767px) {
    .button--full-width-md {
        width: 100%;
    }
}

.main__experience {
    padding-bottom: 34px;
    position: relative;
}

.main__experience::after {
    content: "";
    width: 92%;
    height: 1px;
    border-bottom: 1px solid rgba(151, 151, 151, 0.2);
    position: absolute;
    left: 4%;
    bottom: 0;
}

@media (min-width: 1024px) {
    .main__experience::after {
        width: 100%;
        left: 0;
    }
}

.main__experience .experience__container {
    padding-top: 80px;
}

@media (min-width: 1024px) {
    .main__experience .experience__container {
        padding-top: 115px;
    }
}

.main__experience .experience__headline {
    margin-bottom: 24px;
    color: #000000;
    font-size: 1.875rem;
    line-height: 2.625rem;
    text-align: center;
}

@media (min-width: 1024px) {
    .main__experience .experience__headline {
        font-size: 2.5rem;
        line-height: 3rem;
        margin-bottom: 32px;
    }
}

.main__experience .experience__description {
    max-width: 640px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 58px;
    opacity: 0.8;
    color: #000000;
    font-size: 1rem;
    line-height: 1.875rem;
    text-align: center;
}

@media (min-width: 1024px) {
    .main__experience .experience__description {
        margin-bottom: 124px;
        line-height: 1.75rem;
    }
}

.main__collective .collective__list, .main__collective .collective__tabs {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 300;
}

.main__collective .collective__button_2020, .main__collective .collective__tab--active, .button, .button__type__1 {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
}

.main__collective .collective__caption {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 500;
}

.main__collective .collective__headline {
    font-family: "Editor", sans-serif;
    font-style: normal;
    font-weight: 700;
}

.main__collective .collective__container {
    width: calc(100% - 48px);
    padding-right: 24px;
    padding-left: 24px;
}

@media (min-width: 360px) {
    .main__collective .collective__container {
        width: 320px;
        padding-right: 0;
        padding-left: 0;
        margin-right: auto;
        margin-left: auto;
    }
}

@media (min-width: 600px) {
    .main__collective .collective__container {
        width: 480px;
    }
}

@media (min-width: 768px) {
    .main__collective .collective__container {
        width: 720px;
    }
}

@media (min-width: 1024px) {
    .main__collective .collective__container {
        width: 960px;
    }
}

@media (min-width: 1280px) {
    .main__collective .collective__container {
        width: 1200px;
    }
}

.button__type__1 {
    width: 200px;
    padding-top: 20px;
    padding-bottom: 20px;
    border-radius: 2rem;
    margin-right: auto;
    margin-left: auto;
    background-color: white;
    color: #000000;
    text-align: center;
    font-size: 0.875rem;
    line-height: 0.875rem;
    text-transform: uppercase;
}

@media (min-width: 1024px) {
    .button__type__1 {
        width: 240px;
        padding-top: 22px;
        padding-bottom: 22px;
        font-weight: 500;
        font-size: 1rem;
        line-height: 1rem;
        text-transform: none;
    }
}

@media (max-width: 767px) {
    .button__type__1--full-width-md {
        width: 100%;
    }
}

.button {
    width: 200px;
    padding-top: 15px;
    padding-bottom: 15px;
    border-radius: 50px;
    margin: 0 auto;
    text-align: center;
    font-size: 0.875rem;
    line-height: 0.875rem;
    text-transform: uppercase;
}

@media (min-width: 1024px) {
    .button {
        width: 270px;
        padding-top: 1rem;
        padding-bottom: 1rem;
        font-weight: 500;
        font-size: 1.15rem;
        text-transform: none;
    }
}

.button--primary {
    background-color: #00d9a6;
    color: #000000;
}

.button--full-width {
    width: 100%;
}

@media (max-width: 767px) {
    .button--full-width-md {
        width: 100%;
    }
}

.main__collective {
    position: relative;
    padding-bottom: 58px;
}

@media (min-width: 1024px) {
    .main__collective {
        padding-bottom: 71px;
    }
}

.main__collective::after {
    content: "";
    width: 92%;
    height: 1px;
    border-bottom: 1px solid rgba(151, 151, 151, 0.2);
    position: absolute;
    left: 4%;
    bottom: 0;
}

@media (min-width: 1024px) {
    .main__collective::after {
        width: 100%;
        left: 0;
    }
}

.main__collective .collective__container {
    display: flex;
    flex-wrap: wrap;
}

@media (min-width: 1280px) {
    .main__collective .collective__container {
        width: 960px;
    }
}

.main__collective .collective__headline {
    width: 100%;
    padding-top: 58px;
    margin-bottom: 14px;
    color: #000000;
    font-size: 1.875rem;
    line-height: 2.625rem;
    text-align: center;
}

@media (min-width: 1024px) {
    .main__collective .collective__headline {
        padding-top: 60px;
        margin-bottom: 6px;
        font-size: 2.5rem;
        line-height: 3rem;
        margin-bottom: 32px;
    }
}

.main__collective .collective__description {
    max-width: 800px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 44px;
    opacity: 0.8 !important;
    color: #000000;
    font-size: 1rem;
    line-height: 1.875rem;
    text-align: center;
}

@media (min-width: 1024px) {
    .main__collective .collective__description {
        margin-bottom: 80px;
        line-height: 1.75rem;
    }
}

.main__collective .collective__types {
    border-top: 1px solid rgba(151, 151, 151, 0.2);
    background-color: #f7f7f7;
}

@media (min-width: 1024px) {
    .main__collective .collective__types {
        border-top: none;
        background-color: transparent;
    }
}

.main__collective .collective__tabs {
    display: flex;
    justify-content: space-evenly;
    width: 100%;
}

@media (min-width: 1024px) {
    .main__collective .collective__tabs {
        display: none;
    }
}

.main__collective .collective__tab, .main__collective .collective__tab--active {
    padding-bottom: 18px;
    border-bottom: 2px solid #ffffff;
    margin-right: 8px;
    margin-left: 8px;
    cursor: pointer;
    color: #525252;
    font-size: 1rem;
    line-height: 1rem;
}

.main__collective .collective__tab--active {
    border-bottom-color: #000000;
    color: #000000;
}

.main__collective .collective__type, .main__collective .collective__type--active {
    display: none;
    width: 100%;
    padding-top: 30px;
    padding-bottom: 28px;
}

@media (min-width: 1024px) {
    .main__collective .collective__type, .main__collective .collective__type--active {
        display: block;
        width: calc(50% - 111px);
        padding-top: 6px;
        padding-bottom: 0;
    }
}

.main__collective .collective__type--active {
    display: block;
}

@media (min-width: 1024px) {
    .main__collective .collective__type:nth-of-type(2n), .main__collective .collective__type--active:nth-of-type(2n) {
        padding-left: 110px;
        border-left: 1px solid rgba(151, 151, 151, 0.2);
    }
}

@media (min-width: 1024px) {
    .main__collective .collective__type:nth-of-type(2n + 1), .main__collective .collective__type--active:nth-of-type(2n + 1) {
        padding-right: 110px;
    }
}

.main__collective .collective__caption {
    display: none;
    margin-bottom: 24px;
    color: #000000;
    font-size: 1.6rem;
}

@media (min-width: 1024px) {
    .main__collective .collective__caption {
        display: block;
    }
}

.main__collective .collective__list {
    padding-left: 16px;
    list-style-type: disc;
    color: #3c3c3c;
    font-size: 1rem;
    line-height: 1.875rem;
}

@media (min-width: 1024px) {
    .main__collective .collective__list {
        opacity: 0.6;
        color: #000000;
        line-height: 1.2rem;
    }
}

.main__collective .collective__item {
    padding-left: 10px;
}

@media (min-width: 1024px) {
    .main__collective .collective__item {
        margin-bottom: 16px;
    }
}

.main__collective .collective__button_2020 {
    width: 200px;
    padding-top: 20px;
    padding-bottom: 20px;
    border-radius: 2rem;
    margin-right: auto;
    margin-left: auto;
    background-color: #34f4ba;
    color: #000000;
    text-align: center;
    font-size: 0.875rem;
    line-height: 0.875rem;
    text-transform: uppercase;
}

@media (min-width: 1024px) {
    .main__collective .collective__button_2020 {
        width: 240px;
        padding-top: 22px;
        padding-bottom: 22px;
        font-weight: 500;
        font-size: 1rem;
        line-height: 1rem;
        text-transform: none;
    }
}

.button, .button__type__1 {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
}

.portal__information {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 500;
}

.portal__headline {
    font-family: "Editor", sans-serif;
    font-style: normal;
    font-weight: 700;
}

.portal__container {
    width: calc(100% - 48px);
    padding-right: 24px;
    padding-left: 24px;
}

@media (min-width: 360px) {
    .portal__container {
        width: 320px;
        padding-right: 0;
        padding-left: 0;
        margin-right: auto;
        margin-left: auto;
    }
}

@media (min-width: 600px) {
    .portal__container {
        width: 480px;
    }
}

@media (min-width: 768px) {
    .portal__container {
        width: 720px;
    }
}

@media (min-width: 1024px) {
    .portal__container {
        width: 960px;
    }
}

@media (min-width: 1280px) {
    .portal__container {
        width: 1200px;
    }
}

.button__type__1 {
    width: 200px;
    padding-top: 20px;
    padding-bottom: 20px;
    border-radius: 2rem;
    margin-right: auto;
    margin-left: auto;
    background-color: white;
    color: #000000;
    text-align: center;
    font-size: 0.875rem;
    line-height: 0.875rem;
    text-transform: uppercase;
}

@media (min-width: 1024px) {
    .button__type__1 {
        width: 240px;
        padding-top: 22px;
        padding-bottom: 22px;
        font-weight: 500;
        font-size: 1rem;
        line-height: 1rem;
        text-transform: none;
    }
}

@media (max-width: 767px) {
    .button__type__1--full-width-md {
        width: 100%;
    }
}

.button {
    width: 200px;
    padding-top: 15px;
    padding-bottom: 15px;
    border-radius: 50px;
    margin: 0 auto;
    text-align: center;
    font-size: 0.875rem;
    line-height: 0.875rem;
    text-transform: uppercase;
}

@media (min-width: 1024px) {
    .button {
        width: 270px;
        padding-top: 1rem;
        padding-bottom: 1rem;
        font-weight: 500;
        font-size: 1.15rem;
        text-transform: none;
    }
}

.button--primary {
    background-color: #00d9a6;
    color: #000000;
}

.button--full-width {
    width: 100%;
}

@media (max-width: 767px) {
    .button--full-width-md {
        width: 100%;
    }
}

.main__portal {
    position: relative;
}

@media (min-width: 1024px) {
    .portal__content {
        background-image: url(../img/home-page/bg_section_portal.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }
}

@media (min-width: 1280px) {
    .portal__container {
        width: 1100px;
    }
}

.portal__fake {
    padding-bottom: 4px;
}

@media (min-width: 1024px) {
    .portal__fake {
        min-height: 106px;
        padding-top: 116px;
        padding-bottom: 204px;
    }
}

.portal__headline {
    padding-top: 60px;
    margin-bottom: 22px;
    color: #000000;
    font-size: 1.875rem;
    line-height: 2.625rem;
    text-align: center;
}

@media (min-width: 1024px) {
    .portal__headline {
        padding-top: 185px;
        margin-bottom: 28px;
        color: #ffffff;
        font-size: 3.125rem;
        line-height: 3.125rem;
        text-align: left;
    }
}

.portal__description {
    padding-bottom: 40px;
    color: #000000;
    font-size: 1rem;
    line-height: 1.625rem;
    text-align: center;
}

@media (min-width: 1024px) {
    .portal__description {
        max-width: 400px;
        padding-bottom: 212px;
        color: #ffffff;
        font-size: 1rem;
        line-height: 1.5rem;
        text-align: left;
    }
}

.portal__image {
    width: 100%;
    height: 240px;
    object-position: 40% 100%;
    object-fit: cover;
}

@media (min-width: 1024px) {
    .portal__image {
        display: none;
    }
}

.portal__smartphone {
    position: relative;
    top: -100px;
    z-index: 1;
    width: 100%;
}

@media (min-width: 1024px) {
    .portal__smartphone {
        position: absolute;
        right: 0;
        top: 30%;
        width: 900px;
    }
}

.portal__animation--slide-in {
    transform: translateY(200px);
}

.portal__information {
    position: relative;
    top: -54px;
    margin-bottom: 32px;
    color: #000000;
    font-size: 1rem;
    line-height: 1rem;
    text-align: center;
}

@media (min-width: 1024px) {
    .portal__information {
        top: 0;
        margin-bottom: 26px;
        font-weight: 300;
        font-size: 1.25rem;
        text-align: left;
    }
}

.portal__stores {
    position: relative;
    top: -54px;
    display: flex;
    justify-content: center;
    padding: 8px;
}

@media (min-width: 1024px) {
    .portal__stores {
        top: 0;
        justify-content: left;
    }
}

.portal__stores::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    width: 1px;
    height: 100%;
    background-color: #979797;
}

@media (min-width: 1024px) {
    .portal__stores::before {
        left: 80px;
    }
}

.portal__store, .portal__store--android, .portal__store--apple {
    height: 48px;
    margin-right: 32px;
    margin-left: 32px;
}

@media (min-width: 1024px) {
    .portal__store, .portal__store--android, .portal__store--apple {
        margin-right: 0;
        margin-left: 0;
    }
}

@media (min-width: 1024px) {
    .portal__store--apple {
        margin-right: 32px;
    }
}

@media (min-width: 1024px) {
    .portal__store--android {
        margin-left: 32px;
    }
}

.portal__get-connected {
    padding-top: 0px;
    padding-bottom: 0px;
}

.portal__get-connected .portal__information,
.portal__get-connected .portal__stores {
    top: 0;
}

.button, .button__type__1 {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
}

.main__headline, .main__headline--black, .main__headline--white {
    font-family: "Editor", sans-serif;
    font-style: normal;
    font-weight: 700;
}

.button__type__1 {
    width: 200px;
    padding-top: 20px;
    padding-bottom: 20px;
    border-radius: 2rem;
    margin-right: auto;
    margin-left: auto;
    background-color: white;
    color: #000000;
    text-align: center;
    font-size: 0.875rem;
    line-height: 0.875rem;
    text-transform: uppercase;
}

@media (min-width: 1024px) {
    .button__type__1 {
        width: 240px;
        padding-top: 22px;
        padding-bottom: 22px;
        font-weight: 500;
        font-size: 1rem;
        line-height: 1rem;
        text-transform: none;
    }
}

@media (max-width: 767px) {
    .button__type__1--full-width-md {
        width: 100%;
    }
}

.button {
    width: 200px;
    padding-top: 15px;
    padding-bottom: 15px;
    border-radius: 50px;
    margin: 0 auto;
    text-align: center;
    font-size: 0.875rem;
    line-height: 0.875rem;
    text-transform: uppercase;
}

@media (min-width: 1024px) {
    .button {
        width: 270px;
        padding-top: 1rem;
        padding-bottom: 1rem;
        font-weight: 500;
        font-size: 1.15rem;
        text-transform: none;
    }
}

.button--primary {
    background-color: #00d9a6;
    color: #000000;
}

.button--full-width {
    width: 100%;
}

@media (max-width: 767px) {
    .button--full-width-md {
        width: 100%;
    }
}

.main {
    caret-color: transparent;
    background: #fff;
}

.main__headline, .main__headline--black, .main__headline--white {
    margin-bottom: 32px;
    font-size: 2rem;
    text-align: center;
}

@media (min-width: 600px) {
    .main__headline, .main__headline--black, .main__headline--white {
        font-size: 3rem;
    }
}

.main__headline--white {
    color: #ffffff;
}

.main__headline--black {
    color: #000000;
}

.main__animation--fade-in {
    opacity: 0;
}

.main__description, .main__description--black, .main__description--white {
    color: #000000;
    text-align: center;
}

.main__description--white {
    color: #ffffff;
}

.main__description--black {
    color: #000000;
}

.button, .button__type__1 {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
}

.footer__container {
    width: calc(100% - 48px);
    padding-right: 24px;
    padding-left: 24px;
}

@media (min-width: 360px) {
    .footer__container {
        width: 320px;
        padding-right: 0;
        padding-left: 0;
        margin-right: auto;
        margin-left: auto;
    }
}

@media (min-width: 600px) {
    .footer__container {
        width: 480px;
    }
}

@media (min-width: 768px) {
    .footer__container {
        width: 720px;
    }
}

@media (min-width: 1024px) {
    .footer__container {
        width: 960px;
    }
}

@media (min-width: 1280px) {
    .footer__container {
        width: 1200px;
    }
}

.button__type__1 {
    width: 200px;
    padding-top: 20px;
    padding-bottom: 20px;
    border-radius: 2rem;
    margin-right: auto;
    margin-left: auto;
    background-color: white;
    color: #000000;
    text-align: center;
    font-size: 0.875rem;
    line-height: 0.875rem;
    text-transform: uppercase;
}

@media (min-width: 1024px) {
    .button__type__1 {
        width: 240px;
        padding-top: 22px;
        padding-bottom: 22px;
        font-weight: 500;
        font-size: 1rem;
        line-height: 1rem;
        text-transform: none;
    }
}

@media (max-width: 767px) {
    .button__type__1--full-width-md {
        width: 100%;
    }
}

.button {
    width: 200px;
    padding-top: 15px;
    padding-bottom: 15px;
    border-radius: 50px;
    margin: 0 auto;
    text-align: center;
    font-size: 0.875rem;
    line-height: 0.875rem;
    text-transform: uppercase;
}

@media (min-width: 1024px) {
    .button {
        width: 270px;
        padding-top: 1rem;
        padding-bottom: 1rem;
        font-weight: 500;
        font-size: 1.15rem;
        text-transform: none;
    }
}

.button--primary {
    background-color: #00d9a6;
    color: #000000;
}

.button--full-width {
    width: 100%;
}

@media (max-width: 767px) {
    .button--full-width-md {
        width: 100%;
    }
}

.footer {
    background-color: #000000;
    caret-color: transparent;
}

.footer__container {
    padding-top: 60px;
    padding-bottom: 30px;
}

@media (min-width: 1024px) {
    .footer__container {
        padding-top: 100px;
    }
}

.footer__logo {
    cursor: pointer;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 60px;
}

@media (min-width: 1024px) {
    .footer__logo {
        margin-bottom: 52px;
    }
}

.footer__list {
    display: flex;
    justify-content: center;
    margin-bottom: 44px;
}

@media (min-width: 1024px) {
    .footer__list {
        margin-bottom: 100px;
    }
}

.footer__link {
    padding: 8px;
    margin-right: 6px;
    margin-left: 6px;
    font-size: 0.875rem;
}

@media (min-width: 1024px) {
    .footer__link {
        margin-right: 26px;
        margin-left: 26px;
    }
}

.footer__copyright {
    padding-top: 12px;
    border-top: 1px solid rgba(151, 151, 151, 0.2);
    opacity: 0.5;
    font-size: 0.875rem;
    text-align: center;
}

.button, .button__type__1 {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
}

.home__container {
    width: calc(100% - 48px);
    padding-right: 24px;
    padding-left: 24px;
}

@media (min-width: 360px) {
    .home__container {
        width: 320px;
        padding-right: 0;
        padding-left: 0;
        margin-right: auto;
        margin-left: auto;
    }
}

@media (min-width: 600px) {
    .home__container {
        width: 480px;
    }
}

@media (min-width: 768px) {
    .home__container {
        width: 720px;
    }
}

@media (min-width: 1024px) {
    .home__container {
        width: 960px;
    }
}

@media (min-width: 1280px) {
    .home__container {
        width: 1200px;
    }
}

.button__type__1 {
    width: 200px;
    padding-top: 20px;
    padding-bottom: 20px;
    border-radius: 2rem;
    margin-right: auto;
    margin-left: auto;
    background-color: white;
    color: #000000;
    text-align: center;
    font-size: 0.875rem;
    line-height: 0.875rem;
    text-transform: uppercase;
}

@media (min-width: 1024px) {
    .button__type__1 {
        width: 240px;
        padding-top: 22px;
        padding-bottom: 22px;
        font-weight: 500;
        font-size: 1rem;
        line-height: 1rem;
        text-transform: none;
    }
}

@media (max-width: 767px) {
    .button__type__1--full-width-md {
        width: 100%;
    }
}

.button {
    width: 200px;
    padding-top: 15px;
    padding-bottom: 15px;
    border-radius: 50px;
    margin: 0 auto;
    text-align: center;
    font-size: 0.875rem;
    line-height: 0.875rem;
    text-transform: uppercase;
}

@media (min-width: 1024px) {
    .button {
        width: 270px;
        padding-top: 1rem;
        padding-bottom: 1rem;
        font-weight: 500;
        font-size: 1.15rem;
        text-transform: none;
    }
}

.button--primary {
    background-color: #00d9a6;
    color: #000000;
}

.button--full-width {
    width: 100%;
}

@media (max-width: 767px) {
    .button--full-width-md {
        width: 100%;
    }
}

.home__container {
    padding-top: 64px;
    padding-bottom: 64px;
}

@media (min-width: 600px) {
    .home__container {
        padding-top: 128px;
        padding-bottom: 128px;
    }
}

@media (min-width: 1280px) {
    .home__container {
        width: 960px;
    }
}

.home .main__calendar {
    display: none;
}

.home.home-page__variantB .main__calendar {
    display: block;
}

.home.home-page__variantB #main__calendar {
    display: none;
}

.home.home-page__variantB #get-connected {
    display: none;
}

.button, .button__type__1 {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
}

.button__type__1 {
    width: 200px;
    padding-top: 20px;
    padding-bottom: 20px;
    border-radius: 2rem;
    margin-right: auto;
    margin-left: auto;
    background-color: white;
    color: #000000;
    text-align: center;
    font-size: 0.875rem;
    line-height: 0.875rem;
    text-transform: uppercase;
}

@media (min-width: 1024px) {
    .button__type__1 {
        width: 240px;
        padding-top: 22px;
        padding-bottom: 22px;
        font-weight: 500;
        font-size: 1rem;
        line-height: 1rem;
        text-transform: none;
    }
}

@media (max-width: 767px) {
    .button__type__1--full-width-md {
        width: 100%;
    }
}

.button {
    width: 200px;
    padding-top: 15px;
    padding-bottom: 15px;
    border-radius: 50px;
    margin: 0 auto;
    text-align: center;
    font-size: 0.875rem;
    line-height: 0.875rem;
    text-transform: uppercase;
}

@media (min-width: 1024px) {
    .button {
        width: 270px;
        padding-top: 1rem;
        padding-bottom: 1rem;
        font-weight: 500;
        font-size: 1.15rem;
        text-transform: none;
    }
}

.button--primary {
    background-color: #00d9a6;
    color: #000000;
}

.button--full-width {
    width: 100%;
}

@media (max-width: 767px) {
    .button--full-width-md {
        width: 100%;
    }
}

.application__header {
    display: flex;
    justify-content: space-between;
    padding: 24px;
    background-color: #ffffff;
    color: #000000;
}

@media (min-width: 600px) {
    .application__header {
        padding: 32px;
    }
}

@media (min-width: 768px) {
    .application__header {
        padding-right: 48px;
        padding-left: 48px;
    }
}

.application__header .sign_out {
    margin-top: 4px;
}

.button, .button__type__1 {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
}

.button__type__1 {
    width: 200px;
    padding-top: 20px;
    padding-bottom: 20px;
    border-radius: 2rem;
    margin-right: auto;
    margin-left: auto;
    background-color: white;
    color: #000000;
    text-align: center;
    font-size: 0.875rem;
    line-height: 0.875rem;
    text-transform: uppercase;
}

@media (min-width: 1024px) {
    .button__type__1 {
        width: 240px;
        padding-top: 22px;
        padding-bottom: 22px;
        font-weight: 500;
        font-size: 1rem;
        line-height: 1rem;
        text-transform: none;
    }
}

@media (max-width: 767px) {
    .button__type__1--full-width-md {
        width: 100%;
    }
}

.button {
    width: 200px;
    padding-top: 15px;
    padding-bottom: 15px;
    border-radius: 50px;
    margin: 0 auto;
    text-align: center;
    font-size: 0.875rem;
    line-height: 0.875rem;
    text-transform: uppercase;
}

@media (min-width: 1024px) {
    .button {
        width: 270px;
        padding-top: 1rem;
        padding-bottom: 1rem;
        font-weight: 500;
        font-size: 1.15rem;
        text-transform: none;
    }
}

.button--primary {
    background-color: #00d9a6;
    color: #000000;
}

.button--full-width {
    width: 100%;
}

@media (max-width: 767px) {
    .button--full-width-md {
        width: 100%;
    }
}

.application__field, .application__field--error {
    position: relative;
    margin-bottom: 32px;
}

.application__field .field__label, .application__field--error .field__label {
    margin-bottom: 16px;
    cursor: inherit;
    opacity: 0.8;
}

.application__field .field__select, .application__field--error .field__select {
    display: none;
}

.application__field .field__gender, .application__field--error .field__gender {
    width: calc(100% - 34px);
    padding: 16px;
    border: 1px solid #979797;
    cursor: pointer;
    background-color: #ffffff;
    color: #000000;
    font-size: 0.875rem;
    line-height: 1rem;
}

@media (min-width: 768px) {
    .application__field .field__gender, .application__field--error .field__gender {
        width: calc(100% - 50px);
        padding: 24px;
    }
}

.application__field .field__list, .application__field--error .field__list {
    position: absolute;
    z-index: 1;
    width: 100%;
    cursor: pointer;
}

.application__field .field__item, .application__field--error .field__item {
    width: calc(100% - 34px);
    padding: 8px 16px;
    border: 1px solid #979797;
    background-color: #ffffff;
    color: #000000;
    font-size: 0.875rem;
    line-height: 1rem;
}

@media (min-width: 768px) {
    .application__field .field__item, .application__field--error .field__item {
        width: calc(100% - 50px);
        padding: 12px 24px;
    }
}

.application__field .field__item:hover, .application__field--error .field__item:hover {
    background-color: #e2e2e2;
}

.application__field .field__textarea, .application__field--error .field__textarea {
    box-sizing: border-box;
    width: 100%;
    height: 160px;
    padding: 16px;
    border: 1px solid #979797;
    background-color: #ffffff;
    color: #000000;
    font-size: 0.875rem;
    line-height: 1.2rem;
}

@media (min-width: 768px) {
    .application__field .field__textarea, .application__field--error .field__textarea {
        padding: 24px;
    }
}

.application__field .field__textarea::-webkit-input-placeholder, .application__field--error .field__textarea::-webkit-input-placeholder {
    line-height: 230px;
    text-align: right;
}

@media (min-width: 768px) {
    .application__field .field__textarea::-webkit-input-placeholder, .application__field--error .field__textarea::-webkit-input-placeholder {
        line-height: 200px;
    }
}

.application__field .field__textarea::-moz-placeholder, .application__field--error .field__textarea::-moz-placeholder {
    line-height: 230px;
    text-align: right;
}

@media (min-width: 768px) {
    .application__field .field__textarea::-moz-placeholder, .application__field--error .field__textarea::-moz-placeholder {
        line-height: 200px;
    }
}

.application__field .field__textarea::-ms-input-placeholder, .application__field--error .field__textarea::-ms-input-placeholder {
    line-height: 230px;
    text-align: right;
}

@media (min-width: 768px) {
    .application__field .field__textarea::-ms-input-placeholder, .application__field--error .field__textarea::-ms-input-placeholder {
        line-height: 200px;
    }
}

.application__field .field__textarea::placeholder, .application__field--error .field__textarea::placeholder {
    line-height: 230px;
    text-align: right;
}

@media (min-width: 768px) {
    .application__field .field__textarea::placeholder, .application__field--error .field__textarea::placeholder {
        line-height: 200px;
    }
}

.application__field .field__photo, .application__field--error .field__photo {
    cursor: pointer;
}

.application__field .field__file, .application__field--error .field__file {
    display: none;
}

.application__field .field__preview, .application__field--error .field__preview {
    width: 100px;
    height: 100px;
    border: 1px solid #979797;
    border-radius: 50%;
    object-fit: cover;
    object-position: center;
    background-color: #e2e2e2;
}

.application__field .field__container, .application__field--error .field__container {
    display: flex;
    align-items: center;
    cursor: pointer;
    line-height: 1rem;
}

.application__field .field__checkbox, .application__field--error .field__checkbox {
    display: none;
}

.application__field .field__checkbox:checked ~ .field__checkmark, .application__field--error .field__checkbox:checked ~ .field__checkmark {
    background-color: #979797;
}

.application__field .field__checkmark, .application__field--error .field__checkmark {
    display: inline-block;
    width: 14px;
    height: 14px;
    border: 2px solid #979797;
    border-radius: 50%;
    margin-right: 12px;
}

.application__field .field__group, .application__field--error .field__group {
    display: flex;
    border: 1px solid #979797;
}

.application__field .field__group .field__input, .application__field--error .field__group .field__input {
    border: medium none currentColor;
}

.application__field .field__group .field__icon, .application__field--error .field__group .field__icon {
    border: medium none currentColor;
}

.application__field .field__input, .application__field--error .field__input {
    width: calc(100% - 34px);
    padding: 16px;
    border: 1px solid #979797;
    background-color: #ffffff;
    color: #000000;
    font-size: 0.875rem;
    line-height: 1rem;
}

@media (min-width: 768px) {
    .application__field .field__input, .application__field--error .field__input {
        width: calc(100% - 50px);
        padding: 24px;
    }
}

.application__field .field__icon, .application__field--error .field__icon {
    flex-shrink: 0;
    width: 18px;
    padding: 15px;
    border: 1px solid #979797;
    cursor: pointer;
    user-select: none;
    background-color: #ffffff;
}

@media (min-width: 768px) {
    .application__field .field__icon, .application__field--error .field__icon {
        padding: 23px;
    }
}

.application__field .field__error, .application__field--error .field__error {
    position: absolute;
    left: 16px;
    bottom: 16px;
    transform: translateY(100%);
    z-index: 1;
    display: none;
    box-sizing: border-box;
    width: 200px;
    padding: 16px;
    border: 1px solid #979797;
    background-color: #ffffff;
    color: #979797;
    font-size: 0.75rem;
    line-height: 1rem;
}

@media (min-width: 768px) {
    .application__field .field__error, .application__field--error .field__error {
        left: 24px;
    }
}

.application__field .field__error::before, .application__field--error .field__error::before {
    content: "";
    position: absolute;
    top: -8px;
    left: 16px;
    display: block;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #979797;
}

.application__field .field__error::after, .application__field--error .field__error::after {
    content: "";
    position: absolute;
    top: -7px;
    left: 17px;
    display: block;
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ffffff;
}

.application__field--error .field__gender {
    border-color: #ff0000;
    background-color: #fff4f4;
}

.application__field--error .field__textarea {
    border-color: #ff0000;
    background-color: #fff4f4;
}

.application__field--error .field__preview {
    border-color: #ff0000;
    background-color: #fff4f4;
}

.application__field--error .field__group {
    border-color: #ff0000;
    background-color: #fff4f4;
}

.application__field--error .field__input {
    border-color: #ff0000;
    background-color: #fff4f4;
}

.application__field--error .field__icon {
    border-color: #ff0000;
    background-color: #fff4f4;
}

.application__field--error .field__checkmark {
    border-color: #ff0000;
}

.application__field--error .field__error {
    display: block;
}

.application__field--disabled input {
    color: #888888 !important;
    opacity: 0.75;
}

.application__checkbox {
    margin-bottom: 0;
}

.application__checkbox .field__error {
    left: -16px;
    bottom: -12px;
}

.button, .button__type__1 {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
}

.button__type__1 {
    width: 200px;
    padding-top: 20px;
    padding-bottom: 20px;
    border-radius: 2rem;
    margin-right: auto;
    margin-left: auto;
    background-color: white;
    color: #000000;
    text-align: center;
    font-size: 0.875rem;
    line-height: 0.875rem;
    text-transform: uppercase;
}

@media (min-width: 1024px) {
    .button__type__1 {
        width: 240px;
        padding-top: 22px;
        padding-bottom: 22px;
        font-weight: 500;
        font-size: 1rem;
        line-height: 1rem;
        text-transform: none;
    }
}

@media (max-width: 767px) {
    .button__type__1--full-width-md {
        width: 100%;
    }
}

.button {
    width: 200px;
    padding-top: 15px;
    padding-bottom: 15px;
    border-radius: 50px;
    margin: 0 auto;
    text-align: center;
    font-size: 0.875rem;
    line-height: 0.875rem;
    text-transform: uppercase;
}

@media (min-width: 1024px) {
    .button {
        width: 270px;
        padding-top: 1rem;
        padding-bottom: 1rem;
        font-weight: 500;
        font-size: 1.15rem;
        text-transform: none;
    }
}

.button--primary {
    background-color: #00d9a6;
    color: #000000;
}

.button--full-width {
    width: 100%;
}

@media (max-width: 767px) {
    .button--full-width-md {
        width: 100%;
    }
}

.authentication__referral {
    background-image: url('../img/band.jpg');
}

.authentication__sign-up {
    background-image: url('../img/band.jpg');
}

.sign-up__headline {
    margin-bottom: 24px;
}

@media (min-width: 768px) {
    .sign-up__link {
        margin-left: 70px;
    }
}

.sign-up__container {
    display: flex;
    flex-direction: column;
}

@media (min-width: 768px) {
    .sign-up__container {
        flex-direction: row;
    }
}

.sign-up__container .field__input::-webkit-input-placeholder {
    text-align: right;
}

.sign-up__container .field__input::-moz-placeholder {
    text-align: right;
}

.sign-up__container .field__input::-ms-input-placeholder {
    text-align: right;
}

.sign-up__container .field__input::placeholder {
    text-align: right;
}

@media (min-width: 768px) {
    .sign-up__origin {
        margin-right: 64px;
    }
}

.button, .button__type__1 {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
}

.button__type__1 {
    width: 200px;
    padding-top: 20px;
    padding-bottom: 20px;
    border-radius: 2rem;
    margin-right: auto;
    margin-left: auto;
    background-color: white;
    color: #000000;
    text-align: center;
    font-size: 0.875rem;
    line-height: 0.875rem;
    text-transform: uppercase;
}

@media (min-width: 1024px) {
    .button__type__1 {
        width: 240px;
        padding-top: 22px;
        padding-bottom: 22px;
        font-weight: 500;
        font-size: 1rem;
        line-height: 1rem;
        text-transform: none;
    }
}

@media (max-width: 767px) {
    .button__type__1--full-width-md {
        width: 100%;
    }
}

.button {
    width: 200px;
    padding-top: 15px;
    padding-bottom: 15px;
    border-radius: 50px;
    margin: 0 auto;
    text-align: center;
    font-size: 0.875rem;
    line-height: 0.875rem;
    text-transform: uppercase;
}

@media (min-width: 1024px) {
    .button {
        width: 270px;
        padding-top: 1rem;
        padding-bottom: 1rem;
        font-weight: 500;
        font-size: 1.15rem;
        text-transform: none;
    }
}

.button--primary {
    background-color: #00d9a6;
    color: #000000;
}

.button--full-width {
    width: 100%;
}

@media (max-width: 767px) {
    .button--full-width-md {
        width: 100%;
    }
}

.authentication__sign-in {
    background-image: url('../img/fan.jpg');
}

.authentication__sign-in .sign-in__information {
    margin-top: 32px;
    opacity: 0.8;
}

.button, .button__type__1 {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
}

.button__type__1 {
    width: 200px;
    padding-top: 20px;
    padding-bottom: 20px;
    border-radius: 2rem;
    margin-right: auto;
    margin-left: auto;
    background-color: white;
    color: #000000;
    text-align: center;
    font-size: 0.875rem;
    line-height: 0.875rem;
    text-transform: uppercase;
}

@media (min-width: 1024px) {
    .button__type__1 {
        width: 240px;
        padding-top: 22px;
        padding-bottom: 22px;
        font-weight: 500;
        font-size: 1rem;
        line-height: 1rem;
        text-transform: none;
    }
}

@media (max-width: 767px) {
    .button__type__1--full-width-md {
        width: 100%;
    }
}

.button {
    width: 200px;
    padding-top: 15px;
    padding-bottom: 15px;
    border-radius: 50px;
    margin: 0 auto;
    text-align: center;
    font-size: 0.875rem;
    line-height: 0.875rem;
    text-transform: uppercase;
}

@media (min-width: 1024px) {
    .button {
        width: 270px;
        padding-top: 1rem;
        padding-bottom: 1rem;
        font-weight: 500;
        font-size: 1.15rem;
        text-transform: none;
    }
}

.button--primary {
    background-color: #00d9a6;
    color: #000000;
}

.button--full-width {
    width: 100%;
}

@media (max-width: 767px) {
    .button--full-width-md {
        width: 100%;
    }
}

.authentication__reset-password {
    background-image: url('../img/sea.jpg');
}

.authentication__reset-password .reset-password__headline {
    margin-bottom: 24px;
}

.button, .button__type__1 {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
}

.button__type__1 {
    width: 200px;
    padding-top: 20px;
    padding-bottom: 20px;
    border-radius: 2rem;
    margin-right: auto;
    margin-left: auto;
    background-color: white;
    color: #000000;
    text-align: center;
    font-size: 0.875rem;
    line-height: 0.875rem;
    text-transform: uppercase;
}

@media (min-width: 1024px) {
    .button__type__1 {
        width: 240px;
        padding-top: 22px;
        padding-bottom: 22px;
        font-weight: 500;
        font-size: 1rem;
        line-height: 1rem;
        text-transform: none;
    }
}

@media (max-width: 767px) {
    .button__type__1--full-width-md {
        width: 100%;
    }
}

.button {
    width: 200px;
    padding-top: 15px;
    padding-bottom: 15px;
    border-radius: 50px;
    margin: 0 auto;
    text-align: center;
    font-size: 0.875rem;
    line-height: 0.875rem;
    text-transform: uppercase;
}

@media (min-width: 1024px) {
    .button {
        width: 270px;
        padding-top: 1rem;
        padding-bottom: 1rem;
        font-weight: 500;
        font-size: 1.15rem;
        text-transform: none;
    }
}

.button--primary {
    background-color: #00d9a6;
    color: #000000;
}

.button--full-width {
    width: 100%;
}

@media (max-width: 767px) {
    .button--full-width-md {
        width: 100%;
    }
}

.authentication__create-password {
    background-image: url('../img/pipes.jpg');
}

.button, .button__type__1 {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
}

.button__type__1 {
    width: 200px;
    padding-top: 20px;
    padding-bottom: 20px;
    border-radius: 2rem;
    margin-right: auto;
    margin-left: auto;
    background-color: white;
    color: #000000;
    text-align: center;
    font-size: 0.875rem;
    line-height: 0.875rem;
    text-transform: uppercase;
}

@media (min-width: 1024px) {
    .button__type__1 {
        width: 240px;
        padding-top: 22px;
        padding-bottom: 22px;
        font-weight: 500;
        font-size: 1rem;
        line-height: 1rem;
        text-transform: none;
    }
}

@media (max-width: 767px) {
    .button__type__1--full-width-md {
        width: 100%;
    }
}

.button {
    width: 200px;
    padding-top: 15px;
    padding-bottom: 15px;
    border-radius: 50px;
    margin: 0 auto;
    text-align: center;
    font-size: 0.875rem;
    line-height: 0.875rem;
    text-transform: uppercase;
}

@media (min-width: 1024px) {
    .button {
        width: 270px;
        padding-top: 1rem;
        padding-bottom: 1rem;
        font-weight: 500;
        font-size: 1.15rem;
        text-transform: none;
    }
}

.button--primary {
    background-color: #00d9a6;
    color: #000000;
}

.button--full-width {
    width: 100%;
}

@media (max-width: 767px) {
    .button--full-width-md {
        width: 100%;
    }
}

.authentication__change-email {
    background-image: url('../img/roses.jpg');
}

.button, .button__type__1 {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
}

.application__authentication .authentication__link {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 500;
}

.button__type__1 {
    width: 200px;
    padding-top: 20px;
    padding-bottom: 20px;
    border-radius: 2rem;
    margin-right: auto;
    margin-left: auto;
    background-color: white;
    color: #000000;
    text-align: center;
    font-size: 0.875rem;
    line-height: 0.875rem;
    text-transform: uppercase;
}

@media (min-width: 1024px) {
    .button__type__1 {
        width: 240px;
        padding-top: 22px;
        padding-bottom: 22px;
        font-weight: 500;
        font-size: 1rem;
        line-height: 1rem;
        text-transform: none;
    }
}

@media (max-width: 767px) {
    .button__type__1--full-width-md {
        width: 100%;
    }
}

.button {
    width: 200px;
    padding-top: 15px;
    padding-bottom: 15px;
    border-radius: 50px;
    margin: 0 auto;
    text-align: center;
    font-size: 0.875rem;
    line-height: 0.875rem;
    text-transform: uppercase;
}

@media (min-width: 1024px) {
    .button {
        width: 270px;
        padding-top: 1rem;
        padding-bottom: 1rem;
        font-weight: 500;
        font-size: 1.15rem;
        text-transform: none;
    }
}

.button--primary {
    background-color: #00d9a6;
    color: #000000;
}

.button--full-width {
    width: 100%;
}

@media (max-width: 767px) {
    .button--full-width-md {
        width: 100%;
    }
}

.application__authentication {
    flex-grow: 1;
    background-repeat: no-repeat;
    background-size: cover;
}

.application__authentication .authentication__container {
    flex-grow: 1;
    max-width: 320px;
}

.application__authentication .authentication__description {
    margin-bottom: 16px;
}

.application__authentication .authentication__description--light {
    opacity: 0.8;
}

.application__authentication .authentication__link {
    display: inline-block;
    text-decoration: underline;
}

.application__authentication .authentication__information {
    margin-top: 32px;
    opacity: 0.8;
}

.button, .button__type__1 {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
}

.form__navigation .navigation__item--active {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 500;
}

.button__type__1 {
    width: 200px;
    padding-top: 20px;
    padding-bottom: 20px;
    border-radius: 2rem;
    margin-right: auto;
    margin-left: auto;
    background-color: white;
    color: #000000;
    text-align: center;
    font-size: 0.875rem;
    line-height: 0.875rem;
    text-transform: uppercase;
}

@media (min-width: 1024px) {
    .button__type__1 {
        width: 240px;
        padding-top: 22px;
        padding-bottom: 22px;
        font-weight: 500;
        font-size: 1rem;
        line-height: 1rem;
        text-transform: none;
    }
}

@media (max-width: 767px) {
    .button__type__1--full-width-md {
        width: 100%;
    }
}

.button {
    width: 200px;
    padding-top: 15px;
    padding-bottom: 15px;
    border-radius: 50px;
    margin: 0 auto;
    text-align: center;
    font-size: 0.875rem;
    line-height: 0.875rem;
    text-transform: uppercase;
}

@media (min-width: 1024px) {
    .button {
        width: 270px;
        padding-top: 1rem;
        padding-bottom: 1rem;
        font-weight: 500;
        font-size: 1.15rem;
        text-transform: none;
    }
}

.button--primary {
    background-color: #00d9a6;
    color: #000000;
}

.button--full-width {
    width: 100%;
}

@media (max-width: 767px) {
    .button--full-width-md {
        width: 100%;
    }
}

.form__navigation {
    z-index: 3;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-bottom: 64px;
    font-size: 1rem;
    line-height: 1rem;
}

@media (min-width: 1024px) {
    .form__navigation {
        display: block;
        width: 320px;
        margin-bottom: 0;
    }
}

@media (min-width: 1024px) {
    .form__navigation .navigation__headline {
        margin-bottom: 76px;
    }
}

.form__navigation .navigation__button {
    width: 32px;
    height: 32px;
    cursor: pointer;
}

@media (min-width: 1024px) {
    .form__navigation .navigation__button {
        display: none;
    }
}

.form__navigation .navigation__list {
    position: fixed;
    left: 0;
    top: 0;
    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.9);
}

@media (min-width: 1024px) {
    .form__navigation .navigation__list {
        position: static;
        left: auto;
        top: auto;
        display: block !important;
        height: auto;
        padding-left: 16px;
        background-color: transparent;
        list-style-type: decimal;
    }
}

.form__navigation .navigation__item:not(:last-of-type), .form__navigation .navigation__item--active:not(:last-of-type) {
    margin-bottom: 40px;
}

.form__navigation .navigation__item a::-moz-focus-inner, .form__navigation .navigation__item--active a::-moz-focus-inner {
    border: 0;
}

.form__navigation .navigation__cross {
    width: 24px;
    height: 24px;
    margin-bottom: 32px;
    cursor: pointer;
}

@media (min-width: 1024px) {
    .form__navigation .navigation__cross {
        display: none;
    }
}

.button, .button__type__1 {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
}

.button__type__1 {
    width: 200px;
    padding-top: 20px;
    padding-bottom: 20px;
    border-radius: 2rem;
    margin-right: auto;
    margin-left: auto;
    background-color: white;
    color: #000000;
    text-align: center;
    font-size: 0.875rem;
    line-height: 0.875rem;
    text-transform: uppercase;
}

@media (min-width: 1024px) {
    .button__type__1 {
        width: 240px;
        padding-top: 22px;
        padding-bottom: 22px;
        font-weight: 500;
        font-size: 1rem;
        line-height: 1rem;
        text-transform: none;
    }
}

@media (max-width: 767px) {
    .button__type__1--full-width-md {
        width: 100%;
    }
}

.button {
    width: 200px;
    padding-top: 15px;
    padding-bottom: 15px;
    border-radius: 50px;
    margin: 0 auto;
    text-align: center;
    font-size: 0.875rem;
    line-height: 0.875rem;
    text-transform: uppercase;
}

@media (min-width: 1024px) {
    .button {
        width: 270px;
        padding-top: 1rem;
        padding-bottom: 1rem;
        font-weight: 500;
        font-size: 1.15rem;
        text-transform: none;
    }
}

.button--primary {
    background-color: #00d9a6;
    color: #000000;
}

.button--full-width {
    width: 100%;
}

@media (max-width: 767px) {
    .button--full-width-md {
        width: 100%;
    }
}

.form__reasons-to-join {
    background-image: url('../img/river.jpg');
}

@media (min-width: 1280px) {
    .form__reasons-to-join .reasons-to-join__container {
        width: 1200px;
    }
}

.form__reasons-to-join .reasons-to-join__content {
    grid-template-columns: 1fr;
    grid-gap: 20px;
}

@media (min-width: 600px) {
    .form__reasons-to-join .reasons-to-join__content {
        grid-template-columns: 1fr 1fr;
    }
}

@media (min-width: 768px) {
    .form__reasons-to-join .reasons-to-join__content {
        grid-template-columns: 1fr 1fr 1fr;
    }
}

.form__reasons-to-join .reasons-to-join__headline {
    margin-bottom: 0;
}

.form__reasons-to-join .reasons-to-join__description {
    margin-top: 48px;
    margin-bottom: 48px;
    opacity: 0.8;
}

.form__reasons-to-join .reasons-to-join__elongation {
    grid-column: 1/2;
}

@media (min-width: 600px) {
    .form__reasons-to-join .reasons-to-join__elongation {
        grid-column: 1/3;
    }
}

@media (min-width: 768px) {
    .form__reasons-to-join .reasons-to-join__elongation {
        grid-column: 1/4;
    }
}

.form__reasons-to-join .reasons-to-join__item, .form__reasons-to-join .reasons-to-join__item--error, .form__reasons-to-join .reasons-to-join__item--checked {
    position: relative;
    min-height: 2rem;
    padding: 16px;
    border: 1px solid #979797;
    border-radius: 4rem;
    background-color: #ffffff;
    color: #000000;
    font-size: 0.875rem;
    line-height: 1rem;
    text-align: center;
}

.form__reasons-to-join .reasons-to-join__item--checked {
    background-color: #979797;
}

.form__reasons-to-join .reasons-to-join__item--error {
    border-color: #ff0000;
    background-color: #fff4f4;
}

.form__reasons-to-join .reasons-to-join__item--error::before {
    content: "You can only select 3 boxes.";
    position: absolute;
    left: 16px;
    bottom: 16px;
    transform: translateY(100%);
    z-index: 1;
    display: block;
    box-sizing: border-box;
    width: 200px;
    padding: 16px;
    border: 1px solid #979797;
    background-color: #ffffff;
    color: #979797;
    font-size: 0.75rem;
    line-height: 1rem;
}

@media (min-width: 768px) {
    .form__reasons-to-join .reasons-to-join__item--error::before {
        left: 24px;
    }
}

.button, .button__type__1 {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
}

.button__type__1 {
    width: 200px;
    padding-top: 20px;
    padding-bottom: 20px;
    border-radius: 2rem;
    margin-right: auto;
    margin-left: auto;
    background-color: white;
    color: #000000;
    text-align: center;
    font-size: 0.875rem;
    line-height: 0.875rem;
    text-transform: uppercase;
}

@media (min-width: 1024px) {
    .button__type__1 {
        width: 240px;
        padding-top: 22px;
        padding-bottom: 22px;
        font-weight: 500;
        font-size: 1rem;
        line-height: 1rem;
        text-transform: none;
    }
}

@media (max-width: 767px) {
    .button__type__1--full-width-md {
        width: 100%;
    }
}

.button {
    width: 200px;
    padding-top: 15px;
    padding-bottom: 15px;
    border-radius: 50px;
    margin: 0 auto;
    text-align: center;
    font-size: 0.875rem;
    line-height: 0.875rem;
    text-transform: uppercase;
}

@media (min-width: 1024px) {
    .button {
        width: 270px;
        padding-top: 1rem;
        padding-bottom: 1rem;
        font-weight: 500;
        font-size: 1.15rem;
        text-transform: none;
    }
}

.button--primary {
    background-color: #00d9a6;
    color: #000000;
}

.button--full-width {
    width: 100%;
}

@media (max-width: 767px) {
    .button--full-width-md {
        width: 100%;
    }
}

.form__details {
    background-image: url('../img/city.jpg');
}

.form__details .details__content {
    grid-template-columns: 1fr;
}

@media (min-width: 768px) {
    .form__details .details__content {
        grid-template-columns: 1fr 1fr;
        grid-gap: 0 32px;
    }
}

.form__details .details__birthdate {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    align-items: flex-end;
}

/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8uL2Fzc2V0cy9zdHlsZXMvcGxhY2Vob2xkZXJzLnNjc3MiLCJ3ZWJwYWNrOi8vLi9mZWF0dXJlcy9hcHBsaWNhdGlvbi9kZXRhaWxzL3ZpZXcuc2NzcyIsIndlYnBhY2s6Ly8uL2Fzc2V0cy9zdHlsZXMvYnV0dG9uLnNjc3MiLCJ3ZWJwYWNrOi8vLi9hc3NldHMvc3R5bGVzL3ZhcmlhYmxlcy5zY3NzIiwid2VicGFjazovLy4vYXNzZXRzL3N0eWxlcy9taXhpbnMuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFRQTtFQUNFLGlDQUFBO0VBQ0Esa0JBQUE7RUFDQSxnQkFBQTtBQ1BGOztBQ0pBO0VBR0UsWUFBQTtFQUNBLGlCQUFBO0VBQ0Esb0JBQUE7RUFDQSxtQkFBQTtFQUNBLGtCQUFBO0VBQ0EsaUJBQUE7RUFDQSx1QkFBQTtFQUNBLGNDS2E7RURKYixrQkFBQTtFQUNBLG1CQUFBO0VBQ0EscUJBQUE7RUFDQSx5QkFBQTtBREtGO0FHSEk7RUZoQko7SUFpQkksWUFBQTtJQUNBLGlCQUFBO0lBQ0Esb0JBQUE7SUFDQSxnQkFBQTtJQUNBLGVBQUE7SUFDQSxpQkFBQTtJQUNBLG9CQUFBO0VETUY7QUFDRjtBR2NJO0VGbEJGO0lBRUksV0FBQTtFRE1KO0FBQ0Y7O0FDRkE7RUFHRSxZQUFBO0VBQ0EsaUJBQUE7RUFDQSxvQkFBQTtFQUNBLG1CQUFBO0VBQ0EsY0FBQTtFQUNBLGtCQUFBO0VBQ0EsbUJBQUE7RUFDQSxxQkFBQTtFQUNBLHlCQUFBO0FER0Y7QUcvQkk7RUZpQko7SUFjSSxZQUFBO0lBQ0EsaUJBQUE7SUFDQSxvQkFBQTtJQUNBLGdCQUFBO0lBQ0Esa0JBQUE7SUFDQSxvQkFBQTtFRElGO0FBQ0Y7QUNGRTtFQUNFLHlCQ25DcUI7RURvQ3JCLGNDMUNXO0FGOENmO0FDREU7RUFDRSxXQUFBO0FER0o7QUdwQkk7RUZvQkY7SUFFSSxXQUFBO0VERUo7QUFDRjs7QUFsRUU7RUFDRSx5REFBQTtBQXFFSjtBQWxFTTtFQUNFLDBCQUFBO0FBb0VSO0FHaEVJO0VITEU7SUFJSSw4QkFBQTtJQUNBLGdCQUFBO0VBcUVSO0FBQ0Y7QUFsRU07RUFDRSxhQUFBO0VBQ0Esa0NBQUE7RUFDQSxxQkFBQTtBQW9FUiIsInNvdXJjZXNDb250ZW50IjpbIkBpbXBvcnQgXCJhc3NldHMvc3R5bGVzL21peGlucy5zY3NzXCI7XG5cbiVmb250LS1wcmltYXJ5LS1saWdodCB7XG4gIGZvbnQtZmFtaWx5OiBcIlJvYm90b1wiLCBzYW5zLXNlcmlmO1xuICBmb250LXN0eWxlOiBub3JtYWw7XG4gIGZvbnQtd2VpZ2h0OiAzMDA7XG59XG5cbiVmb250LS1wcmltYXJ5LS1ub3JtYWwge1xuICBmb250LWZhbWlseTogXCJSb2JvdG9cIiwgc2Fucy1zZXJpZjtcbiAgZm9udC1zdHlsZTogbm9ybWFsO1xuICBmb250LXdlaWdodDogNDAwO1xufVxuXG4lZm9udC0tcHJpbWFyeS0tbWVkaXVtIHtcbiAgZm9udC1mYW1pbHk6IFwiUm9ib3RvXCIsIHNhbnMtc2VyaWY7XG4gIGZvbnQtc3R5bGU6IG5vcm1hbDtcbiAgZm9udC13ZWlnaHQ6IDUwMDtcbn1cblxuJWZvbnQtLXNlY29uZGFyeS0tbm9ybWFsIHtcbiAgZm9udC1mYW1pbHk6IFwiRWRpdG9yXCIsIHNhbnMtc2VyaWY7XG4gIGZvbnQtc3R5bGU6IG5vcm1hbDtcbiAgZm9udC13ZWlnaHQ6IDQwMDtcbn1cblxuJWZvbnQtLXNlY29uZGFyeS0tbWVkaXVtIHtcbiAgZm9udC1mYW1pbHk6IFwiRWRpdG9yXCIsIHNhbnMtc2VyaWY7XG4gIGZvbnQtc3R5bGU6IG5vcm1hbDtcbiAgZm9udC13ZWlnaHQ6IDUwMDtcbn1cblxuJWZvbnQtLXNlY29uZGFyeS0tYm9sZCB7XG4gIGZvbnQtZmFtaWx5OiBcIkVkaXRvclwiLCBzYW5zLXNlcmlmO1xuICBmb250LXN0eWxlOiBub3JtYWw7XG4gIGZvbnQtd2VpZ2h0OiA3MDA7XG59XG5cbiVjb250YWluZXIge1xuICB3aWR0aDogY2FsYygxMDAlIC0gNDhweCk7XG4gIHBhZGRpbmctcmlnaHQ6IDI0cHg7XG4gIHBhZGRpbmctbGVmdDogMjRweDtcbn1cblxuQGluY2x1ZGUgbWVkaWEoXCJ2ZXJ5LXNtYWxsXCIpIHtcbiAgJWNvbnRhaW5lciB7XG4gICAgd2lkdGg6IDMyMHB4O1xuICAgIHBhZGRpbmctcmlnaHQ6IDA7XG4gICAgcGFkZGluZy1sZWZ0OiAwO1xuICAgIG1hcmdpbi1yaWdodDogYXV0bztcbiAgICBtYXJnaW4tbGVmdDogYXV0bztcbiAgfVxufVxuXG5AaW5jbHVkZSBtZWRpYShcInNtYWxsXCIpIHtcbiAgJWNvbnRhaW5lciB7XG4gICAgd2lkdGg6IDQ4MHB4O1xuICB9XG59XG5cbkBpbmNsdWRlIG1lZGlhKFwibWVkaXVtXCIpIHtcbiAgJWNvbnRhaW5lciB7XG4gICAgd2lkdGg6IDcyMHB4O1xuICB9XG59XG5cbkBpbmNsdWRlIG1lZGlhKFwibGFyZ2VcIikge1xuICAlY29udGFpbmVyIHtcbiAgICB3aWR0aDogOTYwcHg7XG4gIH1cbn1cblxuQGluY2x1ZGUgbWVkaWEoXCJ2ZXJ5LWxhcmdlXCIpIHtcbiAgJWNvbnRhaW5lciB7XG4gICAgd2lkdGg6IDEyMDBweDtcbiAgfVxufVxuIiwiQGltcG9ydCBcImFzc2V0cy9zdHlsZXMvaW5kZXguc2Nzc1wiO1xuXG4uZm9ybSB7XG4gICZfX2RldGFpbHMge1xuICAgIGJhY2tncm91bmQtaW1hZ2U6IHVybChcIi4uLy4uLy4uL2Fzc2V0cy9ncmFwaGljcy9waWN0dXJlcy9jaXR5LmpwZ1wiKTtcblxuICAgIC5kZXRhaWxzIHtcbiAgICAgICZfX2NvbnRlbnQge1xuICAgICAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IDFmcjtcblxuICAgICAgICBAaW5jbHVkZSBtZWRpYShcIm1lZGl1bVwiKSB7XG4gICAgICAgICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAxZnIgMWZyO1xuICAgICAgICAgIGdyaWQtZ2FwOiAwIDMycHg7XG4gICAgICAgIH1cbiAgICAgIH1cblxuICAgICAgJl9fYmlydGhkYXRlIHtcbiAgICAgICAgZGlzcGxheTogZ3JpZDtcbiAgICAgICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAxZnIgMWZyIDFmcjtcbiAgICAgICAgYWxpZ24taXRlbXM6IGZsZXgtZW5kO1xuICAgICAgfVxuICAgIH1cbiAgfVxufVxuIiwiLmJ1dHRvbl9fdHlwZV9fMSB7XG4gIEBleHRlbmQgJWZvbnQtLXByaW1hcnktLW5vcm1hbDtcblxuICB3aWR0aDogMjAwcHg7XG4gIHBhZGRpbmctdG9wOiAyMHB4O1xuICBwYWRkaW5nLWJvdHRvbTogMjBweDtcbiAgYm9yZGVyLXJhZGl1czogMnJlbTtcbiAgbWFyZ2luLXJpZ2h0OiBhdXRvO1xuICBtYXJnaW4tbGVmdDogYXV0bztcbiAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGU7XG4gIGNvbG9yOiAkY29sb3ItLWJsYWNrO1xuICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gIGZvbnQtc2l6ZTogMC44NzVyZW07XG4gIGxpbmUtaGVpZ2h0OiAwLjg3NXJlbTtcbiAgdGV4dC10cmFuc2Zvcm06IHVwcGVyY2FzZTtcblxuICBAaW5jbHVkZSBtZWRpYShcImxhcmdlXCIpIHtcbiAgICB3aWR0aDogMjQwcHg7XG4gICAgcGFkZGluZy10b3A6IDIycHg7XG4gICAgcGFkZGluZy1ib3R0b206IDIycHg7XG4gICAgZm9udC13ZWlnaHQ6IDUwMDtcbiAgICBmb250LXNpemU6IDFyZW07XG4gICAgbGluZS1oZWlnaHQ6IDFyZW07XG4gICAgdGV4dC10cmFuc2Zvcm06IG5vbmU7XG4gIH1cblxuICAmLS1mdWxsLXdpZHRoLW1kIHtcbiAgICBAaW5jbHVkZSBtZWRpYS1kb3duKFwibWVkaXVtXCIpIHtcbiAgICAgIHdpZHRoOiAxMDAlO1xuICAgIH1cbiAgfVxufVxuXG4uYnV0dG9uIHtcbiAgQGV4dGVuZCAlZm9udC0tcHJpbWFyeS0tbm9ybWFsO1xuXG4gIHdpZHRoOiAyMDBweDtcbiAgcGFkZGluZy10b3A6IDE1cHg7XG4gIHBhZGRpbmctYm90dG9tOiAxNXB4O1xuICBib3JkZXItcmFkaXVzOiA1MHB4O1xuICBtYXJnaW46IDAgYXV0bztcbiAgdGV4dC1hbGlnbjogY2VudGVyO1xuICBmb250LXNpemU6IDAuODc1cmVtO1xuICBsaW5lLWhlaWdodDogMC44NzVyZW07XG4gIHRleHQtdHJhbnNmb3JtOiB1cHBlcmNhc2U7XG5cbiAgQGluY2x1ZGUgbWVkaWEoXCJsYXJnZVwiKSB7XG4gICAgd2lkdGg6IDI3MHB4O1xuICAgIHBhZGRpbmctdG9wOiAxcmVtO1xuICAgIHBhZGRpbmctYm90dG9tOiAxcmVtO1xuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XG4gICAgZm9udC1zaXplOiAxLjE1cmVtO1xuICAgIHRleHQtdHJhbnNmb3JtOiBub25lO1xuICB9XG5cbiAgJi0tcHJpbWFyeSB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJGNvbG9yLS1jYXJpYmJlYW4tZ3JlZW47XG4gICAgY29sb3I6ICRjb2xvci0tYmxhY2s7XG4gIH1cblxuICAmLS1mdWxsLXdpZHRoIHtcbiAgICB3aWR0aDogMTAwJTtcbiAgfVxuXG4gICYtLWZ1bGwtd2lkdGgtbWQge1xuICAgIEBpbmNsdWRlIG1lZGlhLWRvd24oXCJtZWRpdW1cIikge1xuICAgICAgd2lkdGg6IDEwMCU7XG4gICAgfVxuICB9XG59XG4iLCIkYnJlYWtwb2ludC0tdmVyeS1zbWFsbDogMzYwcHg7XG4kYnJlYWtwb2ludC0tc21hbGw6IDYwMHB4O1xuJGJyZWFrcG9pbnQtLW1lZGl1bTogNzY4cHg7XG4kYnJlYWtwb2ludC0tbGFyZ2U6IDEwMjRweDtcbiRicmVha3BvaW50LS12ZXJ5LWxhcmdlOiAxMjgwcHg7XG4kYnJlYWtwb2ludC0tZXh0cmEtbGFyZ2U6IDE0NDBweDtcbiRicmVha3BvaW50LS1maGQ6IDE5MjBweDtcblxuJGNvbG9yLS13aGl0ZTogI2ZmZmZmZjtcbiRjb2xvci0tZ3JheS0xMDA6ICNmN2Y3Zjc7XG4kY29sb3ItLWdyYXktMjAwOiByZ2IoMjE2LCAyMTYsIDIxNik7XG4kY29sb3ItLWdyYXktMzAwOiByZ2IoMjQyLCAyNDIsIDI0Mik7XG4kY29sb3ItLWdyYXktNTAwOiByZ2IoMTM2LCAxMzYsIDEzNik7XG4kY29sb3ItLW1lcmN1cnk6ICNlMmUyZTI7XG4kY29sb3ItLWR1c3R5LWdyYXk6ICM5Nzk3OTc7XG4kY29sb3ItLWJsYWNrOiAjMDAwMDAwO1xuJGNvbG9yLS1ibGFjay10d286IHJnYigxNiwgMTYsIDE2KTtcbiRjb2xvci0tbGlnaHQtYmxhY2s6IHJnYig0NiwgNDYsIDQ2KTtcbiRjb2xvci0tYnJpZ2h0LXR1cnF1b2lzZTogIzM0ZjRiYTtcbiRjb2xvci0tY2hhYmxpczogI2ZmZjRmNDtcbiRjb2xvci0tcmVkOiAjZmYwMDAwO1xuJGNvbG9yLS1jYXJpYmJlYW4tZ3JlZW46ICMwMGQ5YTY7XG4kY29sb3ItLXZlcnktbGlnaHQtcGluazogcmdiKDIyOCwgMjI4LCAyMjgpO1xuJGNvbG9yLS12ZXJ5LWxpZ2h0LXBpbmstdHdvOiByZ2IoMjA0LCAyMDQsIDIwNCk7XG4kY29sb3ItLWdyZXlpc2gtYnJvd246IHJnYig2MCwgNjAsIDYwKTtcbiRjb2xvci0tYXF1YW1hcmluZTogcmdiKDAsIDIxNywgMTY4KTtcbiIsIkBpbXBvcnQgXCJhc3NldHMvc3R5bGVzL3ZhcmlhYmxlcy5zY3NzXCI7XG5cbkBtaXhpbiBtZWRpYSgkc2l6ZSkge1xuICBAaWYgJHNpemUgPT0gXCJ2ZXJ5LXNtYWxsXCIge1xuICAgIEBtZWRpYSAobWluLXdpZHRoOiAkYnJlYWtwb2ludC0tdmVyeS1zbWFsbCkge1xuICAgICAgQGNvbnRlbnQ7XG4gICAgfVxuICB9IEBlbHNlIGlmICRzaXplID09IFwic21hbGxcIiB7XG4gICAgQG1lZGlhIChtaW4td2lkdGg6ICRicmVha3BvaW50LS1zbWFsbCkge1xuICAgICAgQGNvbnRlbnQ7XG4gICAgfVxuICB9IEBlbHNlIGlmICRzaXplID09IFwibWVkaXVtXCIge1xuICAgIEBtZWRpYSAobWluLXdpZHRoOiAkYnJlYWtwb2ludC0tbWVkaXVtKSB7XG4gICAgICBAY29udGVudDtcbiAgICB9XG4gIH0gQGVsc2UgaWYgJHNpemUgPT0gXCJsYXJnZVwiIHtcbiAgICBAbWVkaWEgKG1pbi13aWR0aDogJGJyZWFrcG9pbnQtLWxhcmdlKSB7XG4gICAgICBAY29udGVudDtcbiAgICB9XG4gIH0gQGVsc2UgaWYgJHNpemUgPT0gXCJ2ZXJ5LWxhcmdlXCIge1xuICAgIEBtZWRpYSAobWluLXdpZHRoOiAkYnJlYWtwb2ludC0tdmVyeS1sYXJnZSkge1xuICAgICAgQGNvbnRlbnQ7XG4gICAgfVxuICB9IEBlbHNlIGlmICRzaXplID09IFwiZXh0cmEtbGFyZ2VcIiB7XG4gICAgQG1lZGlhIChtaW4td2lkdGg6ICRicmVha3BvaW50LS1leHRyYS1sYXJnZSkge1xuICAgICAgQGNvbnRlbnQ7XG4gICAgfVxuICB9IEBlbHNlIGlmICRzaXplID09IFwiZmhkXCIge1xuICAgIEBtZWRpYSAobWluLXdpZHRoOiAkYnJlYWtwb2ludC0tZmhkKSB7XG4gICAgICBAY29udGVudDtcbiAgICB9XG4gIH1cbn1cblxuQG1peGluIG1lZGlhLWRvd24oJHNpemUpIHtcbiAgQGlmICRzaXplID09IFwidmVyeS1zbWFsbFwiIHtcbiAgICBAbWVkaWEgKG1heC13aWR0aDogJGJyZWFrcG9pbnQtLXZlcnktc21hbGwgLSAxKSB7XG4gICAgICBAY29udGVudDtcbiAgICB9XG4gIH0gQGVsc2UgaWYgJHNpemUgPT0gXCJzbWFsbFwiIHtcbiAgICBAbWVkaWEgKG1heC13aWR0aDogJGJyZWFrcG9pbnQtLXNtYWxsIC0gMSkge1xuICAgICAgQGNvbnRlbnQ7XG4gICAgfVxuICB9IEBlbHNlIGlmICRzaXplID09IFwibWVkaXVtXCIge1xuICAgIEBtZWRpYSAobWF4LXdpZHRoOiAkYnJlYWtwb2ludC0tbWVkaXVtIC0gMSkge1xuICAgICAgQGNvbnRlbnQ7XG4gICAgfVxuICB9IEBlbHNlIGlmICRzaXplID09IFwibGFyZ2VcIiB7XG4gICAgQG1lZGlhIChtYXgtd2lkdGg6ICRicmVha3BvaW50LS1sYXJnZSAtIDEpIHtcbiAgICAgIEBjb250ZW50O1xuICAgIH1cbiAgfSBAZWxzZSBpZiAkc2l6ZSA9PSBcInZlcnktbGFyZ2VcIiB7XG4gICAgQG1lZGlhIChtYXgtd2lkdGg6ICRicmVha3BvaW50LS12ZXJ5LWxhcmdlIC0gMSkge1xuICAgICAgQGNvbnRlbnQ7XG4gICAgfVxuICB9XG59XG5cbkBtaXhpbiBtZWRpYS1yZXRpbmEoJHNpemUpIHtcbiAgQGlmICRzaXplID09IFwidmVyeS1zbWFsbFwiIHtcbiAgICBAbWVkaWEgKG1pbi13aWR0aDogJGJyZWFrcG9pbnQtLXZlcnktc21hbGwpIGFuZCAoLXdlYmtpdC1taW4tZGV2aWNlLXBpeGVsLXJhdGlvOiAyKSBhbmQgKG1pbi1yZXNvbHV0aW9uOiAxOTJkcGkpIHtcbiAgICAgIEBjb250ZW50O1xuICAgIH1cbiAgfSBAZWxzZSBpZiAkc2l6ZSA9PSBcInNtYWxsXCIge1xuICAgIEBtZWRpYSAobWluLXdpZHRoOiAkYnJlYWtwb2ludC0tc21hbGwpIGFuZCAoLXdlYmtpdC1taW4tZGV2aWNlLXBpeGVsLXJhdGlvOiAyKSBhbmQgKG1pbi1yZXNvbHV0aW9uOiAxOTJkcGkpIHtcbiAgICAgIEBjb250ZW50O1xuICAgIH1cbiAgfSBAZWxzZSBpZiAkc2l6ZSA9PSBcIm1lZGl1bVwiIHtcbiAgICBAbWVkaWEgKG1pbi13aWR0aDogJGJyZWFrcG9pbnQtLW1lZGl1bSkgYW5kICgtd2Via2l0LW1pbi1kZXZpY2UtcGl4ZWwtcmF0aW86IDIpIGFuZCAobWluLXJlc29sdXRpb246IDE5MmRwaSkge1xuICAgICAgQGNvbnRlbnQ7XG4gICAgfVxuICB9IEBlbHNlIGlmICRzaXplID09IFwibGFyZ2VcIiB7XG4gICAgQG1lZGlhIChtaW4td2lkdGg6ICRicmVha3BvaW50LS1sYXJnZSkgYW5kICgtd2Via2l0LW1pbi1kZXZpY2UtcGl4ZWwtcmF0aW86IDIpIGFuZCAobWluLXJlc29sdXRpb246IDE5MmRwaSkge1xuICAgICAgQGNvbnRlbnQ7XG4gICAgfVxuICB9IEBlbHNlIGlmICRzaXplID09IFwidmVyeS1sYXJnZVwiIHtcbiAgICBAbWVkaWEgKG1pbi13aWR0aDogJGJyZWFrcG9pbnQtLXZlcnktbGFyZ2UpIGFuZCAoLXdlYmtpdC1taW4tZGV2aWNlLXBpeGVsLXJhdGlvOiAyKSBhbmQgKG1pbi1yZXNvbHV0aW9uOiAxOTJkcGkpIHtcbiAgICAgIEBjb250ZW50O1xuICAgIH1cbiAgfSBAZWxzZSBpZiAkc2l6ZSA9PSBcImV4dHJhLWxhcmdlXCIge1xuICAgIEBtZWRpYSAobWluLXdpZHRoOiAkYnJlYWtwb2ludC0tZXh0cmEtbGFyZ2UpIGFuZCAoLXdlYmtpdC1taW4tZGV2aWNlLXBpeGVsLXJhdGlvOiAyKSBhbmQgKG1pbi1yZXNvbHV0aW9uOiAxOTJkcGkpIHtcbiAgICAgIEBjb250ZW50O1xuICAgIH1cbiAgfVxufVxuXG5AbWl4aW4gcmV0aW5hKCkge1xuICBAbWVkaWEgKC13ZWJraXQtbWluLWRldmljZS1waXhlbC1yYXRpbzogMiksIChtaW4tcmVzb2x1dGlvbjogMTkyZHBpKSB7XG4gICAgQGNvbnRlbnQ7XG4gIH1cbn1cbiJdLCJzb3VyY2VSb290IjoiIn0= */
@keyframes marching-ants {
    0% {
        background-position: 0 0, 0 100%, 0 0, 100% 0;
    }
    100% {
        background-position: 20px 0, -20px 100%, 0 -20px, 100% 20px;
    }
}

:root {
    --rc-drag-handle-size: 12px;
    --rc-drag-handle-mobile-size: 24px;
    --rc-drag-handle-bg-colour: rgba(0, 0, 0, 0.2);
    --rc-drag-bar-size: 6px;
    --rc-border-color: rgba(255, 255, 255, 0.7);
    --rc-focus-color: #0088ff;
}

.ReactCrop {
    position: relative;
    display: inline-block;
    cursor: crosshair;
    max-width: 100%;
}

.ReactCrop *, .ReactCrop *::before, .ReactCrop *::after {
    box-sizing: border-box;
}

.ReactCrop--disabled, .ReactCrop--locked {
    cursor: inherit;
}

.ReactCrop__child-wrapper {
    overflow: hidden;
    max-height: inherit;
}

.ReactCrop__child-wrapper > img, .ReactCrop__child-wrapper > video {
    display: block;
    max-width: 100%;
    max-height: inherit;
}

.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper > img, .ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper > video {
    touch-action: none;
}

.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__crop-selection {
    touch-action: none;
}

.ReactCrop__crop-mask {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none;
}

.ReactCrop__crop-selection {
    position: absolute;
    top: 0;
    left: 0;
    transform: translate3d(0, 0, 0);
    cursor: move;
}

.ReactCrop--disabled .ReactCrop__crop-selection {
    cursor: inherit;
}

.ReactCrop--circular-crop .ReactCrop__crop-selection {
    border-radius: 50%;
}

.ReactCrop--circular-crop .ReactCrop__crop-selection::after {
    pointer-events: none;
    content: "";
    position: absolute;
    top: -1px;
    right: -1px;
    bottom: -1px;
    left: -1px;
    border: 1px solid var(--rc-border-color);
    opacity: 0.3;
}

.ReactCrop--no-animate .ReactCrop__crop-selection {
    outline: 1px dashed white;
}

.ReactCrop__crop-selection:not(.ReactCrop--no-animate .ReactCrop__crop-selection) {
    animation: marching-ants 1s;
    background-image: linear-gradient(to right, #fff 50%, #444 50%), linear-gradient(to right, #fff 50%, #444 50%), linear-gradient(to bottom, #fff 50%, #444 50%), linear-gradient(to bottom, #fff 50%, #444 50%);
    background-size: 10px 1px, 10px 1px, 1px 10px, 1px 10px;
    background-position: 0 0, 0 100%, 0 0, 100% 0;
    background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
    color: #fff;
    animation-play-state: running;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

.ReactCrop__crop-selection:focus {
    outline: 2px solid var(--rc-focus-color);
    outline-offset: -1px;
}

.ReactCrop--invisible-crop .ReactCrop__crop-mask, .ReactCrop--invisible-crop .ReactCrop__crop-selection {
    display: none;
}

.ReactCrop__rule-of-thirds-vt::before, .ReactCrop__rule-of-thirds-vt::after, .ReactCrop__rule-of-thirds-hz::before, .ReactCrop__rule-of-thirds-hz::after {
    content: "";
    display: block;
    position: absolute;
    background-color: rgba(255, 255, 255, 0.4);
}

.ReactCrop__rule-of-thirds-vt::before, .ReactCrop__rule-of-thirds-vt::after {
    width: 1px;
    height: 100%;
}

.ReactCrop__rule-of-thirds-vt::before {
    left: 33.3333%;
    left: 33.3333333333%;
}

.ReactCrop__rule-of-thirds-vt::after {
    left: 66.6666%;
    left: 66.6666666667%;
}

.ReactCrop__rule-of-thirds-hz::before, .ReactCrop__rule-of-thirds-hz::after {
    width: 100%;
    height: 1px;
}

.ReactCrop__rule-of-thirds-hz::before {
    top: 33.3333%;
    top: 33.3333333333%;
}

.ReactCrop__rule-of-thirds-hz::after {
    top: 66.6666%;
    top: 66.6666666667%;
}

.ReactCrop__drag-handle {
    position: absolute;
    width: var(--rc-drag-handle-size);
    height: var(--rc-drag-handle-size);
    background-color: var(--rc-drag-handle-bg-colour);
    border: 1px solid var(--rc-border-color);
}

.ReactCrop__drag-handle:focus {
    background: var(--rc-focus-color);
}

.ReactCrop .ord-nw {
    top: 0;
    left: 0;
    transform: translate(-50%, -50%);
    cursor: nw-resize;
}

.ReactCrop .ord-n {
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    cursor: n-resize;
}

.ReactCrop .ord-ne {
    top: 0;
    right: 0;
    transform: translate(50%, -50%);
    cursor: ne-resize;
}

.ReactCrop .ord-e {
    top: 50%;
    right: 0;
    transform: translate(50%, -50%);
    cursor: e-resize;
}

.ReactCrop .ord-se {
    bottom: 0;
    right: 0;
    transform: translate(50%, 50%);
    cursor: se-resize;
}

.ReactCrop .ord-s {
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 50%);
    cursor: s-resize;
}

.ReactCrop .ord-sw {
    bottom: 0;
    left: 0;
    transform: translate(-50%, 50%);
    cursor: sw-resize;
}

.ReactCrop .ord-w {
    top: 50%;
    left: 0;
    transform: translate(-50%, -50%);
    cursor: w-resize;
}

.ReactCrop__disabled .ReactCrop__drag-handle {
    cursor: inherit;
}

.ReactCrop__drag-bar {
    position: absolute;
}

.ReactCrop__drag-bar.ord-n {
    top: 0;
    left: 0;
    width: 100%;
    height: var(--rc-drag-bar-size);
    transform: translateY(-50%);
}

.ReactCrop__drag-bar.ord-e {
    right: 0;
    top: 0;
    width: var(--rc-drag-bar-size);
    height: 100%;
    transform: translateX(50%);
}

.ReactCrop__drag-bar.ord-s {
    bottom: 0;
    left: 0;
    width: 100%;
    height: var(--rc-drag-bar-size);
    transform: translateY(50%);
}

.ReactCrop__drag-bar.ord-w {
    top: 0;
    left: 0;
    width: var(--rc-drag-bar-size);
    height: 100%;
    transform: translateX(-50%);
}

.ReactCrop--new-crop .ReactCrop__drag-bar, .ReactCrop--new-crop .ReactCrop__drag-handle, .ReactCrop--fixed-aspect .ReactCrop__drag-bar {
    display: none;
}

.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-n, .ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-e, .ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-s, .ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-w {
    display: none;
}

@media (pointer: coarse) {
    .ReactCrop .ord-n,
    .ReactCrop .ord-e,
    .ReactCrop .ord-s,
    .ReactCrop .ord-w {
        display: none;
    }

    .ReactCrop__drag-handle {
        width: var(--rc-drag-handle-mobile-size);
        height: var(--rc-drag-handle-mobile-size);
    }
}

.button, .button__type__1 {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
}

.button__type__1 {
    width: 200px;
    padding-top: 20px;
    padding-bottom: 20px;
    border-radius: 2rem;
    margin-right: auto;
    margin-left: auto;
    background-color: white;
    color: #000000;
    text-align: center;
    font-size: 0.875rem;
    line-height: 0.875rem;
    text-transform: uppercase;
}

@media (min-width: 1024px) {
    .button__type__1 {
        width: 240px;
        padding-top: 22px;
        padding-bottom: 22px;
        font-weight: 500;
        font-size: 1rem;
        line-height: 1rem;
        text-transform: none;
    }
}

@media (max-width: 767px) {
    .button__type__1--full-width-md {
        width: 100%;
    }
}

.button {
    width: 200px;
    padding-top: 15px;
    padding-bottom: 15px;
    border-radius: 50px;
    margin: 0 auto;
    text-align: center;
    font-size: 0.875rem;
    line-height: 0.875rem;
    text-transform: uppercase;
}

@media (min-width: 1024px) {
    .button {
        width: 270px;
        padding-top: 1rem;
        padding-bottom: 1rem;
        font-weight: 500;
        font-size: 1.15rem;
        text-transform: none;
    }
}

.button--primary {
    background-color: #00d9a6;
    color: #000000;
}

.button--full-width {
    width: 100%;
}

@media (max-width: 767px) {
    .button--full-width-md {
        width: 100%;
    }
}

.form__about {
    background-image: url('../img/pitch.jpg');
}

.form__about .about__description {
    grid-column: 1/2;
    max-width: 480px;
    margin-bottom: 48px;
    opacity: 0.8;
}

@media (min-width: 768px) {
    .form__about .about__description {
        grid-column: 1/3;
    }
}

.form__about .about__content {
    grid-template-columns: 1fr;
    grid-auto-rows: min-content;
}

@media (min-width: 768px) {
    .form__about .about__content {
        grid-template-columns: 1fr 1fr;
        grid-gap: 0 32px;
    }
}

.form__about .about__photo {
    margin-bottom: 32px;
}

.form__about .about__photo .field__error {
    width: 145px;
}

.form__about .about__link {
    display: grid;
    grid-template-columns: auto min-content;
    align-items: flex-end;
}

.form__about .about__link .field__input {
    box-sizing: border-box;
    width: 100%;
    max-height: 50px;
}

@media (min-width: 768px) {
    .form__about .about__link .field__input {
        max-height: 66px;
    }
}

.form__about .about__checkbox {
    padding: 15px;
    border: 1px solid #979797;
    margin-bottom: 32px;
    background-color: #ffffff;
    color: #000000;
}

@media (min-width: 768px) {
    .form__about .about__checkbox {
        padding: 23px;
    }
}

.form__about .about__overlay {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    box-sizing: border-box;
    width: 100vw;
    height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.9);
}

.form__about .about__preview {
    border: 1px solid #ffffff !important;
}

.form__about .about__preview div,
.form__about .about__preview img {
    max-width: 80vw !important;
    max-height: 80vh !important;
}

.form__about .about__button {
    transform: translateY(-50%);
    padding: 16px 72px;
    border: 1px solid #979797;
    border-radius: 4rem;
    background-color: #ffffff;
    color: #000000;
    font-size: 0.875rem;
    line-height: 1rem;
    text-align: center;
}

.error {
    color: #ff0000;
}

.button, .button__type__1 {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
}

.button__type__1 {
    width: 200px;
    padding-top: 20px;
    padding-bottom: 20px;
    border-radius: 2rem;
    margin-right: auto;
    margin-left: auto;
    background-color: white;
    color: #000000;
    text-align: center;
    font-size: 0.875rem;
    line-height: 0.875rem;
    text-transform: uppercase;
}

@media (min-width: 1024px) {
    .button__type__1 {
        width: 240px;
        padding-top: 22px;
        padding-bottom: 22px;
        font-weight: 500;
        font-size: 1rem;
        line-height: 1rem;
        text-transform: none;
    }
}

@media (max-width: 767px) {
    .button__type__1--full-width-md {
        width: 100%;
    }
}

.button {
    width: 200px;
    padding-top: 15px;
    padding-bottom: 15px;
    border-radius: 50px;
    margin: 0 auto;
    text-align: center;
    font-size: 0.875rem;
    line-height: 0.875rem;
    text-transform: uppercase;
}

@media (min-width: 1024px) {
    .button {
        width: 270px;
        padding-top: 1rem;
        padding-bottom: 1rem;
        font-weight: 500;
        font-size: 1.15rem;
        text-transform: none;
    }
}

.button--primary {
    background-color: #00d9a6;
    color: #000000;
}

.button--full-width {
    width: 100%;
}

@media (max-width: 767px) {
    .button--full-width-md {
        width: 100%;
    }
}

.form__interests {
    background-image: url('../img/dandelion-clock.jpg');
}

@media (min-width: 1280px) {
    .form__interests .interests__container {
        width: 1200px;
    }
}

.form__interests .interests__content {
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;
}

@media (min-width: 768px) {
    .form__interests .interests__content {
        grid-template-columns: 1fr 1fr 1fr;
    }
}

@media (min-width: 1280px) {
    .form__interests .interests__content {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }
}

.form__interests .interests__headline {
    margin-bottom: 0;
}

.form__interests .interests__description {
    margin-top: 48px;
    margin-bottom: 48px;
    opacity: 0.8;
}

.form__interests .interests__elongation {
    grid-column: 1/3;
}

@media (min-width: 768px) {
    .form__interests .interests__elongation {
        grid-column: 1/4;
    }
}

@media (min-width: 1280px) {
    .form__interests .interests__elongation {
        grid-column: 1/5;
    }
}

.form__interests .interests__item, .form__interests .interests__item--error--type--2, .form__interests .interests__item--error, .form__interests .interests__item--checked {
    position: relative;
    min-height: 2rem;
    padding: 16px;
    border: 1px solid #979797;
    border-radius: 4rem;
    background-color: #ffffff;
    color: #000000;
    font-size: 0.875rem;
    line-height: 1rem;
    text-align: center;
}

.form__interests .interests__item--checked {
    background-color: #979797;
}

.form__interests .interests__item--error {
    border-color: #ff0000;
    background-color: #fff4f4;
}

.form__interests .interests__item--error::before {
    content: "You can only select 3 boxes.";
    position: absolute;
    left: 16px;
    bottom: 16px;
    transform: translateY(100%);
    z-index: 1;
    display: block;
    box-sizing: border-box;
    width: 200px;
    padding: 16px;
    border: 1px solid #979797;
    background-color: #ffffff;
    color: #979797;
    font-size: 0.75rem;
    line-height: 1rem;
}

@media (min-width: 768px) {
    .form__interests .interests__item--error::before {
        left: 24px;
    }
}

.form__interests .interests__item--error--type--2 {
    border-color: #ff0000;
    background-color: #fff4f4;
}

.form__interests .interests__item--error--type--2::before {
    content: "You can only select 15 boxes.";
    position: absolute;
    left: 16px;
    bottom: 16px;
    transform: translateY(100%);
    z-index: 1;
    display: block;
    box-sizing: border-box;
    width: 200px;
    padding: 16px;
    border: 1px solid #979797;
    background-color: #ffffff;
    color: #979797;
    font-size: 0.75rem;
    line-height: 1rem;
}

@media (min-width: 768px) {
    .form__interests .interests__item--error--type--2::before {
        left: 24px;
    }
}

.form__interests .interests__item[data-show=hide], .form__interests [data-show=hide].interests__item--checked, .form__interests [data-show=hide].interests__item--error, .form__interests [data-show=hide].interests__item--error--type--2 {
    display: none;
}

.form__interests .interests__item[data-show=show], .form__interests [data-show=show].interests__item--checked, .form__interests [data-show=show].interests__item--error, .form__interests [data-show=show].interests__item--error--type--2 {
    display: inline-block;
}

.form__interests h2 {
    padding-top: 20px;
}

@media (min-width: 768px) {
    .form__interests h2 {
        padding-top: 40px;
    }
}

.form__memberships .memberships__membership .membership__button, .form__memberships .memberships__membership .membership__button--checked, .form__memberships .memberships__membership .membership__headline, .button, .button__type__1 {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
}

.form__memberships .memberships__membership .membership__price {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 500;
}

.button__type__1 {
    width: 200px;
    padding-top: 20px;
    padding-bottom: 20px;
    border-radius: 2rem;
    margin-right: auto;
    margin-left: auto;
    background-color: white;
    color: #000000;
    text-align: center;
    font-size: 0.875rem;
    line-height: 0.875rem;
    text-transform: uppercase;
}

@media (min-width: 1024px) {
    .button__type__1 {
        width: 240px;
        padding-top: 22px;
        padding-bottom: 22px;
        font-weight: 500;
        font-size: 1rem;
        line-height: 1rem;
        text-transform: none;
    }
}

@media (max-width: 767px) {
    .button__type__1--full-width-md {
        width: 100%;
    }
}

.button {
    width: 200px;
    padding-top: 15px;
    padding-bottom: 15px;
    border-radius: 50px;
    margin: 0 auto;
    text-align: center;
    font-size: 0.875rem;
    line-height: 0.875rem;
    text-transform: uppercase;
}

@media (min-width: 1024px) {
    .button {
        width: 270px;
        padding-top: 1rem;
        padding-bottom: 1rem;
        font-weight: 500;
        font-size: 1.15rem;
        text-transform: none;
    }
}

.button--primary {
    background-color: #00d9a6;
    color: #000000;
}

.button--full-width {
    width: 100%;
}

@media (max-width: 767px) {
    .button--full-width-md {
        width: 100%;
    }
}

.form__memberships {
    background-image: url('../img/road.jpg');
}

.form__memberships .memberships__content {
    grid-template-columns: 1fr;
}

@media (min-width: 1280px) {
    .form__memberships .memberships__content {
        grid-template-columns: 1fr 1fr;
    }
}

@media (min-width: 1280px) {
    .form__memberships .memberships__container {
        width: 1200px;
    }
}

.form__memberships .memberships__headline {
    width: 100%;
    margin-top: 16px;
    margin-bottom: 64px;
    text-align: center;
}

@media (min-width: 1280px) {
    .form__memberships .memberships__headline {
        grid-column: 1/3;
    }
}

.form__memberships .memberships__membership {
    position: relative;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    width: 100%;
    padding: 64px 24px;
    background-color: rgba(0, 0, 0, 0.5);
}

.form__memberships .memberships__membership:not(:last-of-type)::after {
    content: "";
    position: absolute;
    left: 24px;
    bottom: -1px;
    display: block;
    width: calc(100% - 48px);
    height: 1px;
    background-color: rgba(151, 151, 151, 0.4);
}

@media (min-width: 600px) {
    .form__memberships .memberships__membership {
        padding-right: 64px;
        padding-left: 64px;
    }

    .form__memberships .memberships__membership:not(:last-of-type)::after {
        left: 64px;
        width: calc(100% - 128px);
    }
}

@media (min-width: 768px) {
    .form__memberships .memberships__membership {
        padding-right: 128px;
        padding-left: 128px;
    }

    .form__memberships .memberships__membership:not(:last-of-type)::after {
        left: 128px;
        width: calc(100% - 256px);
    }
}

@media (min-width: 1280px) {
    .form__memberships .memberships__membership {
        padding-right: 64px;
        padding-left: 64px;
    }

    .form__memberships .memberships__membership:not(:last-of-type)::after {
        content: normal;
        position: static;
        left: auto;
        bottom: auto;
        display: block;
        width: auto;
        height: auto;
        background-color: transparent;
    }

    .form__memberships .memberships__membership:nth-of-type(even)::after {
        content: "";
        position: absolute;
        left: -1px;
        top: 80px;
        display: block;
        width: 1px;
        height: calc(100% - 160px);
        background-color: rgba(151, 151, 151, 0.4);
    }
}

.form__memberships .memberships__membership .membership__headline {
    margin-bottom: 24px;
    font-size: 1.75rem;
    line-height: 1.75rem;
    text-align: center;
}

.form__memberships .memberships__membership .membership__price {
    margin-bottom: 4px;
    font-size: 0.875rem;
    line-height: 1rem;
    text-align: center;
}

.form__memberships .memberships__membership .membership__information {
    margin-bottom: 48px;
    font-size: 0.75rem;
    line-height: 1rem;
    text-align: center;
}

.form__memberships .memberships__membership .membership__list {
    padding-left: 16px;
    margin-bottom: 64px;
    opacity: 0.8;
    font-size: 1rem;
    line-height: 1.2rem;
    list-style-type: disc;
}

.form__memberships .memberships__membership .membership__item {
    padding-left: 16px;
}

.form__memberships .memberships__membership .membership__item:not(:last-of-type) {
    margin-bottom: 16px;
}

.form__memberships .memberships__membership .membership__item-line-height {
    line-height: 1.5;
}

.form__memberships .memberships__membership .membership__button, .form__memberships .memberships__membership .membership__button--checked {
    width: 240px;
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
    margin-top: auto;
    font-size: 1.125rem;
    line-height: 1.8rem;
}

.form__memberships .memberships__membership .membership__button:last-of-type, .form__memberships .memberships__membership .membership__button--checked:last-of-type {
    margin-right: auto;
}

.form__memberships .memberships__membership .membership__button--checked {
    background-color: #979797;
}

.button, .button__type__1 {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
}

.form__payment .payment__validity, .form__payment .payment__number {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 500;
}

.button__type__1 {
    width: 200px;
    padding-top: 20px;
    padding-bottom: 20px;
    border-radius: 2rem;
    margin-right: auto;
    margin-left: auto;
    background-color: white;
    color: #000000;
    text-align: center;
    font-size: 0.875rem;
    line-height: 0.875rem;
    text-transform: uppercase;
}

@media (min-width: 1024px) {
    .button__type__1 {
        width: 240px;
        padding-top: 22px;
        padding-bottom: 22px;
        font-weight: 500;
        font-size: 1rem;
        line-height: 1rem;
        text-transform: none;
    }
}

@media (max-width: 767px) {
    .button__type__1--full-width-md {
        width: 100%;
    }
}

.button {
    width: 200px;
    padding-top: 15px;
    padding-bottom: 15px;
    border-radius: 50px;
    margin: 0 auto;
    text-align: center;
    font-size: 0.875rem;
    line-height: 0.875rem;
    text-transform: uppercase;
}

@media (min-width: 1024px) {
    .button {
        width: 270px;
        padding-top: 1rem;
        padding-bottom: 1rem;
        font-weight: 500;
        font-size: 1.15rem;
        text-transform: none;
    }
}

.button--primary {
    background-color: #00d9a6;
    color: #000000;
}

.button--full-width {
    width: 100%;
}

@media (max-width: 767px) {
    .button--full-width-md {
        width: 100%;
    }
}

.form__payment {
    background-image: url('../img/japan.jpg');
}

.form__payment .payment__content {
    grid-template-columns: 1fr;
    align-items: flex-end;
}

@media (min-width: 768px) {
    .form__payment .payment__content {
        grid-template-columns: 1fr 1fr;
        grid-gap: 0 16px;
    }
}

@media (min-width: 1280px) {
    .form__payment .payment__content {
        grid-template-columns: 4fr 3fr;
    }
}

.form__payment .payment__headline {
    margin-bottom: 24px;
}

.form__payment .payment__description {
    margin-bottom: 48px;
    opacity: 0.8;
}

.form__payment .payment__credit-card {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.form__payment .payment__brand {
    display: flex;
    align-items: center;
}

.form__payment .payment__number {
    margin-left: 16px;
}

.form__payment .payment__delete {
    text-decoration: underline;
}

.form__payment .payment__group {
    display: grid;
    grid-template-columns: 5fr 4fr;
    grid-gap: 0 16px;
}

.form__payment .payment__space {
    margin-bottom: 32px;
}

.form__payment .payment__buttons {
    margin-top: 32px;
}

.form__payment .application__field {
    margin-bottom: 0;
}

.form__payment .application__field--error {
    margin-bottom: 0;
}

.button, .button__type__1 {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
}

.form__email-confirmation .email-confirmation__button {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 500;
}

.button__type__1 {
    width: 200px;
    padding-top: 20px;
    padding-bottom: 20px;
    border-radius: 2rem;
    margin-right: auto;
    margin-left: auto;
    background-color: white;
    color: #000000;
    text-align: center;
    font-size: 0.875rem;
    line-height: 0.875rem;
    text-transform: uppercase;
}

@media (min-width: 1024px) {
    .button__type__1 {
        width: 240px;
        padding-top: 22px;
        padding-bottom: 22px;
        font-weight: 500;
        font-size: 1rem;
        line-height: 1rem;
        text-transform: none;
    }
}

@media (max-width: 767px) {
    .button__type__1--full-width-md {
        width: 100%;
    }
}

.button {
    width: 200px;
    padding-top: 15px;
    padding-bottom: 15px;
    border-radius: 50px;
    margin: 0 auto;
    text-align: center;
    font-size: 0.875rem;
    line-height: 0.875rem;
    text-transform: uppercase;
}

@media (min-width: 1024px) {
    .button {
        width: 270px;
        padding-top: 1rem;
        padding-bottom: 1rem;
        font-weight: 500;
        font-size: 1.15rem;
        text-transform: none;
    }
}

.button--primary {
    background-color: #00d9a6;
    color: #000000;
}

.button--full-width {
    width: 100%;
}

@media (max-width: 767px) {
    .button--full-width-md {
        width: 100%;
    }
}

.form__email-confirmation {
    background-image: url('../img/dandelion-clock.jpg');
}

.form__email-confirmation .email-confirmation__content {
    display: block;
    grid-auto-rows: min-content;
}

.form__email-confirmation .email-confirmation__document {
    overflow-y: scroll;
    height: 320px;
    padding: 32px;
    margin-bottom: 64px;
    background-color: #ffffff;
    color: #000000;
}

.form__email-confirmation .email-confirmation__headline {
    margin-bottom: 32px;
}

.form__email-confirmation .email-confirmation__description {
    margin-bottom: 32px;
    line-height: 2rem;
}

.form__email-confirmation .email-confirmation__description strong {
    font-weight: 500;
}

.form__email-confirmation .email-confirmation__description em {
    font-style: italic;
}

.form__email-confirmation .email-confirmation__information {
    opacity: 0.8;
}

.form__email-confirmation .email-confirmation__button {
    display: inline-block;
    text-decoration: underline;
}

.form__email-confirmation .email-confirmation__email {
    margin-top: 32px;
    margin-bottom: 16px;
    font-size: 1.2rem;
    word-break: break-all;
}

.form__email-confirmation .email-confirmation__back {
    max-width: 50%;
    margin-top: 96px;
}

.form__email-confirmation .email-confirmation__buttons {
    justify-content: flex-start;
}

.form__email-confirmation .email-confirmation__error {
    margin-top: 32px;
    opacity: 0.8;
}

.button, .button__type__1 {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
}

.button__type__1 {
    width: 200px;
    padding-top: 20px;
    padding-bottom: 20px;
    border-radius: 2rem;
    margin-right: auto;
    margin-left: auto;
    background-color: white;
    color: #000000;
    text-align: center;
    font-size: 0.875rem;
    line-height: 0.875rem;
    text-transform: uppercase;
}

@media (min-width: 1024px) {
    .button__type__1 {
        width: 240px;
        padding-top: 22px;
        padding-bottom: 22px;
        font-weight: 500;
        font-size: 1rem;
        line-height: 1rem;
        text-transform: none;
    }
}

@media (max-width: 767px) {
    .button__type__1--full-width-md {
        width: 100%;
    }
}

.button {
    width: 200px;
    padding-top: 15px;
    padding-bottom: 15px;
    border-radius: 50px;
    margin: 0 auto;
    text-align: center;
    font-size: 0.875rem;
    line-height: 0.875rem;
    text-transform: uppercase;
}

@media (min-width: 1024px) {
    .button {
        width: 270px;
        padding-top: 1rem;
        padding-bottom: 1rem;
        font-weight: 500;
        font-size: 1.15rem;
        text-transform: none;
    }
}

.button--primary {
    background-color: #00d9a6;
    color: #000000;
}

.button--full-width {
    width: 100%;
}

@media (max-width: 767px) {
    .button--full-width-md {
        width: 100%;
    }
}

.form__congrats {
    display: block;
    background-image: url('../img/box.jpg');
}

.form__congrats .congrats__content {
    width: 100%;
}

.form__congrats .congrats__back {
    display: inline;
    font-size: 1rem;
    font-weight: 500;
    text-decoration: underline;
}

.download__information {
    margin-top: 48px;
    margin-bottom: 24px;
    opacity: 0.8;
    font-size: 1rem;
}

.download__content {
    width: 100%;
}

.download__stores {
    position: relative;
    display: flex;
    justify-content: space-between;
    width: 160px;
}

.download__stores::after {
    content: "";
    position: absolute;
    top: 0;
    left: calc(50% - 1px);
    width: 1px;
    height: 100%;
    background-color: #ffffff;
}

.download__stores img {
    height: 48px;
}

.download__store {
    padding: 8px;
}

.form__congratulations {
    display: block;
    background-image: url('../img/box.jpg');
}

.form__congratulations .congrats__content {
    width: 100%;
}

.form__congratulations .congrats__link {
    display: flex;
    align-items: center;
    margin-top: 24px;
}

.form__congratulations .congrats__icon {
    width: 32px;
    margin-right: 16px;
}

.button, .button__type__1 {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
}

.button__type__1 {
    width: 200px;
    padding-top: 20px;
    padding-bottom: 20px;
    border-radius: 2rem;
    margin-right: auto;
    margin-left: auto;
    background-color: white;
    color: #000000;
    text-align: center;
    font-size: 0.875rem;
    line-height: 0.875rem;
    text-transform: uppercase;
}

@media (min-width: 1024px) {
    .button__type__1 {
        width: 240px;
        padding-top: 22px;
        padding-bottom: 22px;
        font-weight: 500;
        font-size: 1rem;
        line-height: 1rem;
        text-transform: none;
    }
}

@media (max-width: 767px) {
    .button__type__1--full-width-md {
        width: 100%;
    }
}

.button {
    width: 200px;
    padding-top: 15px;
    padding-bottom: 15px;
    border-radius: 50px;
    margin: 0 auto;
    text-align: center;
    font-size: 0.875rem;
    line-height: 0.875rem;
    text-transform: uppercase;
}

@media (min-width: 1024px) {
    .button {
        width: 270px;
        padding-top: 1rem;
        padding-bottom: 1rem;
        font-weight: 500;
        font-size: 1.15rem;
        text-transform: none;
    }
}

.button--primary {
    background-color: #00d9a6;
    color: #000000;
}

.button--full-width {
    width: 100%;
}

@media (max-width: 767px) {
    .button--full-width-md {
        width: 100%;
    }
}

.form__download {
    display: block;
    background-image: url('../img/flowers.jpg');
}

.form__download .download__content {
    width: 100%;
}

.form__download .download__stores {
    position: relative;
    display: flex;
    justify-content: space-between;
    width: 160px;
    margin-top: 64px;
}

.form__download .download__stores::after {
    content: "";
    position: absolute;
    top: 0;
    left: calc(50% - 1px);
    width: 2px;
    height: 100%;
    background-color: #979797;
}

.form__download .download__store {
    padding: 8px;
}

.button, .button__type__1 {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
}

.button__type__1 {
    width: 200px;
    padding-top: 20px;
    padding-bottom: 20px;
    border-radius: 2rem;
    margin-right: auto;
    margin-left: auto;
    background-color: white;
    color: #000000;
    text-align: center;
    font-size: 0.875rem;
    line-height: 0.875rem;
    text-transform: uppercase;
}

@media (min-width: 1024px) {
    .button__type__1 {
        width: 240px;
        padding-top: 22px;
        padding-bottom: 22px;
        font-weight: 500;
        font-size: 1rem;
        line-height: 1rem;
        text-transform: none;
    }
}

@media (max-width: 767px) {
    .button__type__1--full-width-md {
        width: 100%;
    }
}

.button {
    width: 200px;
    padding-top: 15px;
    padding-bottom: 15px;
    border-radius: 50px;
    margin: 0 auto;
    text-align: center;
    font-size: 0.875rem;
    line-height: 0.875rem;
    text-transform: uppercase;
}

@media (min-width: 1024px) {
    .button {
        width: 270px;
        padding-top: 1rem;
        padding-bottom: 1rem;
        font-weight: 500;
        font-size: 1.15rem;
        text-transform: none;
    }
}

.button--primary {
    background-color: #00d9a6;
    color: #000000;
}

.button--full-width {
    width: 100%;
}

@media (max-width: 767px) {
    .button--full-width-md {
        width: 100%;
    }
}

.application__form {
    flex-grow: 1;
    background-repeat: no-repeat;
    background-size: cover;
}

.application__form .form__container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.application__form .form__content {
    display: grid;
    width: 100%;
}

@media (min-width: 1024px) {
    .application__form .form__content {
        width: calc(100% - 320px);
    }
}

.application__form .form__elongation {
    grid-column: 1/2;
}

@media (min-width: 768px) {
    .application__form .form__elongation {
        grid-column: 1/3;
    }
}

.application__form .form__information {
    margin-top: 32px;
    opacity: 0.8;
}

.application__form .form__description, .application__form .form__description--large {
    opacity: 0.8;
}

.application__form .form__description--large {
    font-size: 1rem;
}

.button, .button__type__1 {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
}

.button__type__1 {
    width: 200px;
    padding-top: 20px;
    padding-bottom: 20px;
    border-radius: 2rem;
    margin-right: auto;
    margin-left: auto;
    background-color: white;
    color: #000000;
    text-align: center;
    font-size: 0.875rem;
    line-height: 0.875rem;
    text-transform: uppercase;
}

@media (min-width: 1024px) {
    .button__type__1 {
        width: 240px;
        padding-top: 22px;
        padding-bottom: 22px;
        font-weight: 500;
        font-size: 1rem;
        line-height: 1rem;
        text-transform: none;
    }
}

@media (max-width: 767px) {
    .button__type__1--full-width-md {
        width: 100%;
    }
}

.button {
    width: 200px;
    padding-top: 15px;
    padding-bottom: 15px;
    border-radius: 50px;
    margin: 0 auto;
    text-align: center;
    font-size: 0.875rem;
    line-height: 0.875rem;
    text-transform: uppercase;
}

@media (min-width: 1024px) {
    .button {
        width: 270px;
        padding-top: 1rem;
        padding-bottom: 1rem;
        font-weight: 500;
        font-size: 1.15rem;
        text-transform: none;
    }
}

.button--primary {
    background-color: #00d9a6;
    color: #000000;
}

.button--full-width {
    width: 100%;
}

@media (max-width: 767px) {
    .button--full-width-md {
        width: 100%;
    }
}

.loader__overlay {
    display: flex;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 4;
    justify-content: center;
    align-items: center;
    visibility: hidden;
    width: 100%;
    height: 100vh;
    background-color: #000000;
    user-select: none;
    transition: opacity 0.4s;
}

.loader__overlay--in {
    animation: fadeIn 500ms forwards;
    animation-iteration-count: 1;
}

.loader__overlay--out {
    animation: fadeOut 400ms forwards ease-out;
    animation-iteration-count: 1;
}

@keyframes fadeIn {
    from {
        visibility: hidden;
        opacity: 0;
    }
    to {
        visibility: visible;
        opacity: 1;
    }
}

@keyframes fadeOut {
    from {
        visibility: visible;
        opacity: 1;
    }
    to {
        opacity: 0;
        visibility: hidden;
    }
}

.button, .button__type__1 {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
}

.application__button {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 500;
}

.application__headline {
    font-family: "Editor", sans-serif;
    font-style: normal;
    font-weight: 700;
}

.application__container {
    width: calc(100% - 48px);
    padding-right: 24px;
    padding-left: 24px;
}

@media (min-width: 360px) {
    .application__container {
        width: 320px;
        padding-right: 0;
        padding-left: 0;
        margin-right: auto;
        margin-left: auto;
    }
}

@media (min-width: 600px) {
    .application__container {
        width: 480px;
    }
}

@media (min-width: 768px) {
    .application__container {
        width: 720px;
    }
}

@media (min-width: 1024px) {
    .application__container {
        width: 960px;
    }
}

@media (min-width: 1280px) {
    .application__container {
        width: 1200px;
    }
}

.button__type__1 {
    width: 200px;
    padding-top: 20px;
    padding-bottom: 20px;
    border-radius: 2rem;
    margin-right: auto;
    margin-left: auto;
    background-color: white;
    color: #000000;
    text-align: center;
    font-size: 0.875rem;
    line-height: 0.875rem;
    text-transform: uppercase;
}

@media (min-width: 1024px) {
    .button__type__1 {
        width: 240px;
        padding-top: 22px;
        padding-bottom: 22px;
        font-weight: 500;
        font-size: 1rem;
        line-height: 1rem;
        text-transform: none;
    }
}

@media (max-width: 767px) {
    .button__type__1--full-width-md {
        width: 100%;
    }
}

.button {
    width: 200px;
    padding-top: 15px;
    padding-bottom: 15px;
    border-radius: 50px;
    margin: 0 auto;
    text-align: center;
    font-size: 0.875rem;
    line-height: 0.875rem;
    text-transform: uppercase;
}

@media (min-width: 1024px) {
    .button {
        width: 270px;
        padding-top: 1rem;
        padding-bottom: 1rem;
        font-weight: 500;
        font-size: 1.15rem;
        text-transform: none;
    }
}

.button--primary {
    background-color: #00d9a6;
    color: #000000;
}

.button--full-width {
    width: 100%;
}

@media (max-width: 767px) {
    .button--full-width-md {
        width: 100%;
    }
}

.application {
    overflow-x: hidden;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    font-size: 0.875rem;
}

.application__container {
    margin-top: 64px;
    margin-bottom: 64px;
}

.application__headline {
    margin-bottom: 48px;
    font-size: 2rem;
}

@media (min-width: 768px) {
    .application__headline {
        font-size: 2.5rem;
        line-height: 2.5rem;
    }
}

.application__errors {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    margin-top: 32px;
    padding: 0 16px;
}

.application__errors > * {
    text-align: center;
    width: 100%;
}

@media (min-width: 600px) {
    .application__errors {
        align-items: end;
        padding: 0;
    }

    .application__errors > * {
        width: auto;
    }
}

.backend_errors {
    display: flex;
    flex-direction: column;
}

.backend_error {
    color: rgb(46, 46, 46);
    background-color: #fff4f4;
    border: 1px solid #ff0000;
    padding: 8px 16px 8px 16px;
    border-radius: 18px;
}

.application__errors_message {
    color: rgb(46, 46, 46);
    background-color: #fff4f4;
    border: 1px solid #ff0000;
    padding: 8px 16px 8px 16px;
    border-radius: 18px;
}

.application__buttons {
    display: flex;
    justify-content: flex-end;
}

.application__button {
    flex-basis: 100%;
    box-sizing: border-box;
    padding: 16px 32px;
    border: 1px solid #979797;
    border-radius: 2rem;
    margin-top: 64px;
    cursor: pointer;
    background-color: #ffffff;
    color: #000000;
    text-align: center;
}

@media (min-width: 360px) {
    .application__button {
        padding-right: 48px;
        padding-left: 48px;
    }
}

@media (min-width: 600px) {
    .application__button {
        padding-right: 64px;
        padding-left: 64px;
    }
}

@media (min-width: 768px) {
    .application__button {
        flex-basis: auto;
        min-width: 180px;
    }
}


.application__button + .application__button {
    margin-left: 32px;
}

.button, .button__type__1 {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
}

.secret-pdf__submit {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 500;
}

.button__type__1 {
    width: 200px;
    padding-top: 20px;
    padding-bottom: 20px;
    border-radius: 2rem;
    margin-right: auto;
    margin-left: auto;
    background-color: white;
    color: #000000;
    text-align: center;
    font-size: 0.875rem;
    line-height: 0.875rem;
    text-transform: uppercase;
}

@media (min-width: 1024px) {
    .button__type__1 {
        width: 240px;
        padding-top: 22px;
        padding-bottom: 22px;
        font-weight: 500;
        font-size: 1rem;
        line-height: 1rem;
        text-transform: none;
    }
}

@media (max-width: 767px) {
    .button__type__1--full-width-md {
        width: 100%;
    }
}

.button {
    width: 200px;
    padding-top: 15px;
    padding-bottom: 15px;
    border-radius: 50px;
    margin: 0 auto;
    text-align: center;
    font-size: 0.875rem;
    line-height: 0.875rem;
    text-transform: uppercase;
}

@media (min-width: 1024px) {
    .button {
        width: 270px;
        padding-top: 1rem;
        padding-bottom: 1rem;
        font-weight: 500;
        font-size: 1.15rem;
        text-transform: none;
    }
}

.button--primary {
    background-color: #00d9a6;
    color: #000000;
}

.button--full-width {
    width: 100%;
}

@media (max-width: 767px) {
    .button--full-width-md {
        width: 100%;
    }
}

.secret-pdf {
    height: calc(100vh - 128px);
    padding-top: 64px;
    padding-bottom: 64px;
    background-color: #000000;
}

.secret-pdf__logo {
    width: 180px;
    margin-right: auto;
    margin-left: auto;
}

.secret-pdf__form {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 400px;
    max-width: 80%;
    margin-right: auto;
    margin-left: auto;
    text-align: left;
}

.secret-pdf__password {
    width: 100%;
    padding-top: 8px;
    padding-bottom: 8px;
    border-bottom: 1px solid rgba(97, 97, 97, 0.8);
    text-align: center;
}

.secret-pdf__error {
    font-size: 0.75rem;
}

.secret-pdf__submit {
    width: 200px;
    padding-top: 16px;
    padding-bottom: 16px;
    border: 1px solid rgba(97, 97, 97, 0.8);
    margin-right: auto;
    margin-left: auto;
    margin-top: 32px;
    cursor: pointer;
    transition: background 0.2s;
    font-size: 0.75rem;
    text-align: center;
    letter-spacing: 2px;
}

.secret-pdf__submit:hover {
    background-color: rgba(97, 97, 97, 0.2);
}

.button, .button__type__1 {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
}

.terms-and-conditions {
    width: calc(100% - 48px);
    padding-right: 24px;
    padding-left: 24px;
}

@media (min-width: 360px) {
    .terms-and-conditions {
        width: 320px;
        padding-right: 0;
        padding-left: 0;
        margin-right: auto;
        margin-left: auto;
    }
}

@media (min-width: 600px) {
    .terms-and-conditions {
        width: 480px;
    }
}

@media (min-width: 768px) {
    .terms-and-conditions {
        width: 720px;
    }
}

@media (min-width: 1024px) {
    .terms-and-conditions {
        width: 960px;
    }
}

@media (min-width: 1280px) {
    .terms-and-conditions {
        width: 1200px;
    }
}

.button__type__1 {
    width: 200px;
    padding-top: 20px;
    padding-bottom: 20px;
    border-radius: 2rem;
    margin-right: auto;
    margin-left: auto;
    background-color: white;
    color: #000000;
    text-align: center;
    font-size: 0.875rem;
    line-height: 0.875rem;
    text-transform: uppercase;
}

@media (min-width: 1024px) {
    .button__type__1 {
        width: 240px;
        padding-top: 22px;
        padding-bottom: 22px;
        font-weight: 500;
        font-size: 1rem;
        line-height: 1rem;
        text-transform: none;
    }
}

@media (max-width: 767px) {
    .button__type__1--full-width-md {
        width: 100%;
    }
}

.button {
    width: 200px;
    padding-top: 15px;
    padding-bottom: 15px;
    border-radius: 50px;
    margin: 0 auto;
    text-align: center;
    font-size: 0.875rem;
    line-height: 0.875rem;
    text-transform: uppercase;
}

@media (min-width: 1024px) {
    .button {
        width: 270px;
        padding-top: 1rem;
        padding-bottom: 1rem;
        font-weight: 500;
        font-size: 1.15rem;
        text-transform: none;
    }
}

.button--primary {
    background-color: #00d9a6;
    color: #000000;
}

.button--full-width {
    width: 100%;
}

@media (max-width: 767px) {
    .button--full-width-md {
        width: 100%;
    }
}

.terms-and-conditions {
    background: #fff;
    padding-top: 64px;
    padding-bottom: 64px;
    color: #000000;
    font-size: 1rem;
    line-height: 1.6rem;
}

@media (min-width: 1024px) {
    .terms-and-conditions {
        width: 800px;
    }
}

.terms-and-conditions p {
    margin-top: 16px;
    margin-bottom: 16px;
}

.terms-and-conditions p:not([style="text-align: center;"]) {
    text-align: justify !important;
}

.terms-and-conditions strong {
    font-weight: 500;
}

.terms-and-conditions em {
    font-style: italic;
}

.button, .button__type__1 {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
}

.privacy-policy {
    width: calc(100% - 48px);
    padding-right: 24px;
    padding-left: 24px;
}

@media (min-width: 360px) {
    .privacy-policy {
        width: 320px;
        padding-right: 0;
        padding-left: 0;
        margin-right: auto;
        margin-left: auto;
    }
}

@media (min-width: 600px) {
    .privacy-policy {
        width: 480px;
    }
}

@media (min-width: 768px) {
    .privacy-policy {
        width: 720px;
    }
}

@media (min-width: 1024px) {
    .privacy-policy {
        width: 960px;
    }
}

@media (min-width: 1280px) {
    .privacy-policy {
        width: 1200px;
    }
}

.button__type__1 {
    width: 200px;
    padding-top: 20px;
    padding-bottom: 20px;
    border-radius: 2rem;
    margin-right: auto;
    margin-left: auto;
    background-color: white;
    color: #000000;
    text-align: center;
    font-size: 0.875rem;
    line-height: 0.875rem;
    text-transform: uppercase;
}

@media (min-width: 1024px) {
    .button__type__1 {
        width: 240px;
        padding-top: 22px;
        padding-bottom: 22px;
        font-weight: 500;
        font-size: 1rem;
        line-height: 1rem;
        text-transform: none;
    }
}

@media (max-width: 767px) {
    .button__type__1--full-width-md {
        width: 100%;
    }
}

.button {
    width: 200px;
    padding-top: 15px;
    padding-bottom: 15px;
    border-radius: 50px;
    margin: 0 auto;
    text-align: center;
    font-size: 0.875rem;
    line-height: 0.875rem;
    text-transform: uppercase;
}

@media (min-width: 1024px) {
    .button {
        width: 270px;
        padding-top: 1rem;
        padding-bottom: 1rem;
        font-weight: 500;
        font-size: 1.15rem;
        text-transform: none;
    }
}

.button--primary {
    background-color: #00d9a6;
    color: #000000;
}

.button--full-width {
    width: 100%;
}

@media (max-width: 767px) {
    .button--full-width-md {
        width: 100%;
    }
}

.privacy-policy {
    background: #fff;
    padding-top: 64px;
    padding-bottom: 64px;
    color: #000000;
    font-size: 1rem;
    line-height: 1.6rem;
}

@media (min-width: 1024px) {
    .privacy-policy {
        width: 800px;
    }
}

.privacy-policy p {
    margin-top: 16px;
    margin-bottom: 16px;
}

.privacy-policy p:not([style="text-align: center;"]) {
    text-align: justify !important;
}

.privacy-policy strong {
    font-weight: 500;
}

.privacy-policy em {
    font-style: italic;
}

.button, .button__type__1 {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
}

.activations__container {
    width: calc(100% - 48px);
    padding-right: 24px;
    padding-left: 24px;
}

@media (min-width: 360px) {
    .activations__container {
        width: 320px;
        padding-right: 0;
        padding-left: 0;
        margin-right: auto;
        margin-left: auto;
    }
}

@media (min-width: 600px) {
    .activations__container {
        width: 480px;
    }
}

@media (min-width: 768px) {
    .activations__container {
        width: 720px;
    }
}

@media (min-width: 1024px) {
    .activations__container {
        width: 960px;
    }
}

@media (min-width: 1280px) {
    .activations__container {
        width: 1200px;
    }
}

.button__type__1 {
    width: 200px;
    padding-top: 20px;
    padding-bottom: 20px;
    border-radius: 2rem;
    margin-right: auto;
    margin-left: auto;
    background-color: white;
    color: #000000;
    text-align: center;
    font-size: 0.875rem;
    line-height: 0.875rem;
    text-transform: uppercase;
}

@media (min-width: 1024px) {
    .button__type__1 {
        width: 240px;
        padding-top: 22px;
        padding-bottom: 22px;
        font-weight: 500;
        font-size: 1rem;
        line-height: 1rem;
        text-transform: none;
    }
}

@media (max-width: 767px) {
    .button__type__1--full-width-md {
        width: 100%;
    }
}

.button {
    width: 200px;
    padding-top: 15px;
    padding-bottom: 15px;
    border-radius: 50px;
    margin: 0 auto;
    text-align: center;
    font-size: 0.875rem;
    line-height: 0.875rem;
    text-transform: uppercase;
}

@media (min-width: 1024px) {
    .button {
        width: 270px;
        padding-top: 1rem;
        padding-bottom: 1rem;
        font-weight: 500;
        font-size: 1.15rem;
        text-transform: none;
    }
}

.button--primary {
    background-color: #00d9a6;
    color: #000000;
}

.button--full-width {
    width: 100%;
}

@media (max-width: 767px) {
    .button--full-width-md {
        width: 100%;
    }
}

.activations {
    min-height: 100vh;
    background-position: center;
    background-size: cover;
    background-image: url(../img/home-page/orange.2cb269d5.png);
}

.activations__header {
    padding: 24px;
    background-color: #ffffff !important;
}

@media (min-width: 600px) {
    .activations__header {
        padding: 32px;
    }
}

@media (min-width: 768px) {
    .activations__header {
        padding-right: 48px;
        padding-left: 48px;
    }
}

.activations__description {
    opacity: 0.8;
}

.activations__headline {
    margin-top: 64px;
}

.activations__stores {
    position: relative;
    display: flex;
    justify-content: space-between;
    width: 160px;
    margin-top: 32px;
}

.activations__stores::after {
    content: "";
    position: absolute;
    top: 0;
    left: calc(50% - 1px);
    width: 2px;
    height: 100%;
    background-color: #979797;
}

.activations__store {
    padding: 8px;
}

.button, .button__type__1 {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
}

.announcements__container {
    width: calc(100% - 48px);
    padding-right: 24px;
    padding-left: 24px;
}

@media (min-width: 360px) {
    .announcements__container {
        width: 320px;
        padding-right: 0;
        padding-left: 0;
        margin-right: auto;
        margin-left: auto;
    }
}

@media (min-width: 600px) {
    .announcements__container {
        width: 480px;
    }
}

@media (min-width: 768px) {
    .announcements__container {
        width: 720px;
    }
}

@media (min-width: 1024px) {
    .announcements__container {
        width: 960px;
    }
}

@media (min-width: 1280px) {
    .announcements__container {
        width: 1200px;
    }
}

.button__type__1 {
    width: 200px;
    padding-top: 20px;
    padding-bottom: 20px;
    border-radius: 2rem;
    margin-right: auto;
    margin-left: auto;
    background-color: white;
    color: #000000;
    text-align: center;
    font-size: 0.875rem;
    line-height: 0.875rem;
    text-transform: uppercase;
}

@media (min-width: 1024px) {
    .button__type__1 {
        width: 240px;
        padding-top: 22px;
        padding-bottom: 22px;
        font-weight: 500;
        font-size: 1rem;
        line-height: 1rem;
        text-transform: none;
    }
}

@media (max-width: 767px) {
    .button__type__1--full-width-md {
        width: 100%;
    }
}

.button {
    width: 200px;
    padding-top: 15px;
    padding-bottom: 15px;
    border-radius: 50px;
    margin: 0 auto;
    text-align: center;
    font-size: 0.875rem;
    line-height: 0.875rem;
    text-transform: uppercase;
}

@media (min-width: 1024px) {
    .button {
        width: 270px;
        padding-top: 1rem;
        padding-bottom: 1rem;
        font-weight: 500;
        font-size: 1.15rem;
        text-transform: none;
    }
}

.button--primary {
    background-color: #00d9a6;
    color: #000000;
}

.button--full-width {
    width: 100%;
}

@media (max-width: 767px) {
    .button--full-width-md {
        width: 100%;
    }
}

.announcements {
    min-height: 100vh;
    background-position: center;
    background-size: cover;
    background-image: url(../img/home-page/orange.2cb269d5.png);
}

.announcements__header {
    padding: 24px;
    background-color: #ffffff;
}

@media (min-width: 600px) {
    .announcements__header {
        padding: 32px;
    }
}

@media (min-width: 768px) {
    .announcements__header {
        padding-right: 48px;
        padding-left: 48px;
    }
}

.announcements__description {
    opacity: 0.8;
}

.announcements__headline {
    margin-top: 64px;
}

.announcements__stores {
    position: relative;
    display: flex;
    justify-content: space-between;
    width: 160px;
    margin-top: 32px;
}

.announcements__stores::after {
    content: "";
    position: absolute;
    top: 0;
    left: calc(50% - 1px);
    width: 2px;
    height: 100%;
    background-color: #979797;
}

.announcements__store {
    padding: 8px;
}

.button, .button__type__1 {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
}

.memberships__container {
    width: calc(100% - 48px);
    padding-right: 24px;
    padding-left: 24px;
}

@media (min-width: 360px) {
    .memberships__container {
        width: 320px;
        padding-right: 0;
        padding-left: 0;
        margin-right: auto;
        margin-left: auto;
    }
}

@media (min-width: 600px) {
    .memberships__container {
        width: 480px;
    }
}

@media (min-width: 768px) {
    .memberships__container {
        width: 720px;
    }
}

@media (min-width: 1024px) {
    .memberships__container {
        width: 960px;
    }
}

@media (min-width: 1280px) {
    .memberships__container {
        width: 1200px;
    }
}

.button__type__1 {
    width: 200px;
    padding-top: 20px;
    padding-bottom: 20px;
    border-radius: 2rem;
    margin-right: auto;
    margin-left: auto;
    background-color: white;
    color: #000000;
    text-align: center;
    font-size: 0.875rem;
    line-height: 0.875rem;
    text-transform: uppercase;
}

@media (min-width: 1024px) {
    .button__type__1 {
        width: 240px;
        padding-top: 22px;
        padding-bottom: 22px;
        font-weight: 500;
        font-size: 1rem;
        line-height: 1rem;
        text-transform: none;
    }
}

@media (max-width: 767px) {
    .button__type__1--full-width-md {
        width: 100%;
    }
}

.button {
    width: 200px;
    padding-top: 15px;
    padding-bottom: 15px;
    border-radius: 50px;
    margin: 0 auto;
    text-align: center;
    font-size: 0.875rem;
    line-height: 0.875rem;
    text-transform: uppercase;
}

@media (min-width: 1024px) {
    .button {
        width: 270px;
        padding-top: 1rem;
        padding-bottom: 1rem;
        font-weight: 500;
        font-size: 1.15rem;
        text-transform: none;
    }
}

.button--primary {
    background-color: #00d9a6;
    color: #000000;
}

.button--full-width {
    width: 100%;
}

@media (max-width: 767px) {
    .button--full-width-md {
        width: 100%;
    }
}

.memberships {
    min-height: 100vh;
    background-position: center;
    background-size: cover;
    background-image: url(../img/home-page/orange.2cb269d5.png);
}

.memberships__header {
    padding: 24px;
    background-color: #ffffff;
}

@media (min-width: 600px) {
    .memberships__header {
        padding: 32px;
    }
}

@media (min-width: 768px) {
    .memberships__header {
        padding-right: 48px;
        padding-left: 48px;
    }
}

.memberships__description {
    opacity: 0.8;
}

.memberships__headline {
    margin-top: 64px;
}

.memberships__stores {
    position: relative;
    display: flex;
    justify-content: space-between;
    width: 160px;
    margin-top: 32px;
}

.memberships__stores::after {
    content: "";
    position: absolute;
    top: 0;
    left: calc(50% - 1px);
    width: 2px;
    height: 100%;
    background-color: #979797;
}

.memberships__store {
    padding: 8px;
}

.events__page .button__type__1, .button, .button__type__1 {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
}

.button__type__1 {
    width: 200px;
    padding-top: 20px;
    padding-bottom: 20px;
    border-radius: 2rem;
    margin-right: auto;
    margin-left: auto;
    background-color: white;
    color: #000000;
    text-align: center;
    font-size: 0.875rem;
    line-height: 0.875rem;
    text-transform: uppercase;
}

@media (min-width: 1024px) {
    .button__type__1 {
        width: 240px;
        padding-top: 22px;
        padding-bottom: 22px;
        font-weight: 500;
        font-size: 1rem;
        line-height: 1rem;
        text-transform: none;
    }
}

@media (max-width: 767px) {
    .button__type__1--full-width-md {
        width: 100%;
    }
}

.button {
    width: 200px;
    padding-top: 15px;
    padding-bottom: 15px;
    border-radius: 50px;
    margin: 0 auto;
    text-align: center;
    font-size: 0.875rem;
    line-height: 0.875rem;
    text-transform: uppercase;
}

@media (min-width: 1024px) {
    .button {
        width: 270px;
        padding-top: 1rem;
        padding-bottom: 1rem;
        font-weight: 500;
        font-size: 1.15rem;
        text-transform: none;
    }
}

.button--primary {
    background-color: #00d9a6;
    color: #000000;
}

.button--full-width {
    width: 100%;
}

@media (max-width: 767px) {
    .button--full-width-md {
        width: 100%;
    }
}

@media (max-width: 767px) {
    .hide-mobile {
        display: none !important;
    }
}

@media (min-width: 768px) {
    .only-mobile {
        display: none !important;
    }
}

.bg-white {
    width: 100%;
    height: 100%;
    background: #ffffff;
}

.events__page {
    min-height: 100%;
}

.events__page * {
    box-sizing: border-box;
}

.events__page .break-at-mobile {
    display: block;
}

@media (min-width: 768px) {
    .events__page .break-at-mobile {
        display: inline-block;
        margin-left: 4px;
    }
}

.events__page .detail-text {
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #ffffff;
    letter-spacing: 0;
}

@media (min-width: 768px) {
    .events__page .detail-text {
        font-size: 16px;
        letter-spacing: 0;
        width: 100%;
    }
}

.events__page .detail-text--date {
    line-height: 26px;
}

@media (min-width: 1024px) {
    .events__page .detail-text--date {
        margin-bottom: 1px;
    }
}

.events__page .detail-text--lh {
    line-height: 26px;
}

.events__page .with-invitation-actions {
    margin-top: 78px;
    width: 100%;
}

@media (min-width: 768px) {
    .events__page .with-invitation-actions {
        max-width: 325px;
    }
}

@media (min-width: 1024px) {
    .events__page .with-invitation-actions {
        margin-top: 48px;
    }
}

.events__page .with-invitation-actions__attend-text {
    color: #ffffff;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    margin-bottom: 16px;
}

.events__page .with-invitation-actions__attending-guests {
    margin-top: 19px;
    font-size: 12px;
    color: rgb(136, 136, 136);
    text-align: center;
    line-height: 18px;
}

@media (min-width: 768px) {
    .events__page .with-invitation-actions__attending-guests {
        margin-top: 46px;
        font-size: 14px;
        line-height: 20px;
    }
}

.events__page .with-invitation-actions__calendar-btn {
    margin-top: 31px;
}

@media (min-width: 768px) {
    .events__page .with-invitation-actions__calendar-btn {
        margin-top: 42px;
        margin-bottom: 18px;
    }
}

.events__page .general-event-actions {
    max-width: 320px;
    margin-top: 78px;
    margin-bottom: 64px;
}

@media (min-width: 768px) {
    .events__page .general-event-actions {
        margin-top: 75px;
        max-width: 320px;
    }
}

.events__page .general-event-actions__attend-text {
    font-size: 12px;
    font-weight: 400;
    line-height: 30px;
    text-align: center;
    width: 100%;
}

@media (min-width: 1024px) {
    .events__page .general-event-actions__attend-text {
        color: rgb(216, 216, 216);
    }
}

.events__page .general-event-actions__description-text {
    text-align: center;
    font-size: 12px;
    line-height: 18px;
    font-weight: 400;
    margin-top: 17px;
}

@media (min-width: 1024px) {
    .events__page .general-event-actions__description-text {
        margin-top: 7px;
        color: rgb(216, 216, 216);
    }
}

.events__page .details-container {
    width: 100%;
}

.events__page .cta-container {
    margin-bottom: 42px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.events__page .cta-container__text {
    font-size: 14px;
    max-width: 220px;
    margin: 8px auto;
    text-align: center;
    line-height: 18px;
    color: #ffffff;
}

@media (min-width: 768px) {
    .events__page .cta-container__text {
        font-size: 14px;
    }
}

.events__page .cta-container__text--secondary {
    max-width: 332px;
    margin-bottom: 4px;
}

.events__page .underlined-button {
    display: block;
    text-decoration: underline;
    font-size: 12px;
    text-transform: uppercase;
    text-align: center;
    font-weight: 500;
    line-height: 26px;
}

.events__page .underlined-button--large {
    font-size: 12px;
}

@media (min-width: 768px) {
    .events__page .underlined-button--large {
        font-size: 16px;
    }
}

.events__page .underlined-button:focus {
    outline: 0;
}

.events__page .underlined-button--center {
    width: 100%;
    text-align: center;
}

.events__page .outlined-button {
    width: auto;
    padding: 0 35px;
    border: 1px solid rgb(60, 60, 60);
    color: #ffffff;
    border-radius: 50px;
    margin-right: auto;
    margin-left: auto;
    font-size: 14px;
    text-transform: uppercase;
    line-height: 26px;
    text-align: center;
    font-weight: 500;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 55px;
}

.events__page .outlined-button--large {
    font-size: 14px;
    padding: 10px 35px;
}

@media (min-width: 768px) {
    .events__page .outlined-button--large {
        font-size: 16px;
        line-height: 20px;
        letter-spacing: 0;
        padding: 18px 80px;
    }
}

.events__page .outlined-button--secondary {
    min-width: 270px;
    background: #00d9a6;
    color: rgb(16, 16, 16);
    border: none;
}

.events__page .outlined-button--full-width {
    width: 100%;
}

.events__page .outlined-button--inverted {
    color: rgb(16, 16, 16);
    background: #ffffff;
}

.events__page .outlined-button--map {
    font-size: 12px;
    font-weight: 500;
    line-height: 26px;
    text-align: center;
    height: 55px;
}

@media (min-width: 768px) {
    .events__page .outlined-button--map {
        max-width: 270px;
        font-size: 16px;
        line-height: 20px;
        padding: 0 82px;
    }
}

.events__page .outlined-button--attend {
    height: 55px;
    font-weight: 500;
    font-size: 15px;
    line-height: 30px;
    letter-spacing: 0;
    border-color: #ffffff;
}

.events__page .hero {
    background-color: #000000;
    background-size: cover;
    background-position: center;
    position: relative;
}

@media (min-width: 768px) {
    .events__page .hero {
        min-height: 700px;
        background-repeat: no-repeat;
        background-position: left;
    }
}

@media (min-width: 1440px) {
    .events__page .hero {
        background-size: contain;
    }
}

.events__page .hero__image-container {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 99;
    width: 100%;
    height: 100%;
}

.events__page .hero__image-container::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    bottom: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 100%);
}

@media (min-width: 768px) {
    .events__page .hero__image-container::after {
        width: 80%;
        background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 100%);
    }
}

.events__page .hero__image {
    height: 100%;
}

.events__page .hero__image img,
.events__page .hero__image source {
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: brightness(0.6);
}

.events__page .hero__content {
    padding: 25px;
    display: flex;
    flex-direction: column;
    align-items: center;
    z-index: 100;
    position: relative;
}

@media (min-width: 768px) {
    .events__page .hero__content {
        width: 100%;
        padding: 62px 136px 0;
        margin-left: auto;
    }
}

@media (min-width: 1024px) {
    .events__page .hero__content {
        width: 720px;
    }
}

.events__page .hero__logo {
    height: 12px;
    margin-bottom: 8px;
}

@media (min-width: 768px) {
    .events__page .hero__logo {
        width: 94px;
        height: 22px;
    }
}

.events__page .hero__heading {
    font-size: 16px;
    text-align: center;
    margin-bottom: 43px;
    font-weight: 500;
    letter-spacing: 0.27px;
}

@media (min-width: 768px) {
    .events__page .hero__heading {
        font-size: 22px;
        letter-spacing: 0.28px;
        width: 100%;
        margin-bottom: 46px;
    }
}

.events__page .hero__subheading {
    display: block;
    font-size: 12px;
    line-height: 19px;
    font-weight: 400;
    margin-top: 8px;
}

@media (min-width: 768px) {
    .events__page .hero__subheading {
        font-size: 14px;
        line-height: 30px;
    }
}

.events__page .hero__event-name {
    font-size: 24px;
    line-height: 28px;
    max-width: 228px;
    color: #ffffff;
    font-family: "Editor", serif;
    font-weight: 500;
    text-align: center;
    margin-bottom: 31px;
}

@media (min-width: 768px) {
    .events__page .hero__event-name {
        font-size: 36px;
        line-height: 40px;
        text-align: center;
        max-width: 448px;
    }
}

.events__page .event-details {
    background: #000000;
}

@media (min-width: 768px) {
    .events__page .event-details {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
}

.events__page .event-details__container {
    padding: 16px 23px 9px;
    display: flex;
    width: 100%;
    flex-direction: column;
}

@media (min-width: 768px) {
    .events__page .event-details__container {
        align-items: center;
        margin: 0 auto;
        padding: 38px 25px;
        max-width: 613px;
    }
}

@media (min-width: 1024px) {
    .events__page .event-details__container {
        padding: 38px 16px;
    }
}

.events__page .event-details__heading {
    font-size: 11px;
    color: rgb(204, 204, 204);
    text-transform: uppercase;
    margin-bottom: 13px;
    letter-spacing: 0;
    font-weight: 500;
    line-height: 13px;
}

@media (min-width: 768px) {
    .events__page .event-details__heading {
        display: none;
    }
}

.events__page .event-description {
    color: #ffffff;
    line-height: 24px;
    width: 100%;
    font-size: 16px;
    font-weight: 300;
}

@media (min-width: 768px) {
    .events__page .event-description {
        color: rgb(228, 228, 228);
        text-align: center;
        margin-bottom: 19px;
    }
}

@media (min-width: 1024px) {
    .events__page .event-description {
        font-size: 16px;
        line-height: 24px;
    }
}

.events__page .event-description p {
    margin-bottom: 1rem;
}

.events__page .event-description a {
    text-decoration: underline;
}

.events__page .map {
    width: 100%;
    pointer-events: none;
    overflow: hidden;
    display: flex;
    align-items: center;
}

.events__page .map__container {
    width: 100%;
    height: 210px;
    overflow: hidden;
}

@media (min-width: 768px) {
    .events__page .map__container {
        height: 400px;
        min-height: 400px;
    }
}

.events__page .map #map {
    width: 100%;
    height: calc(100% + 36px);
}

.events__page .detail {
    display: flex;
    padding: 32px 0 0;
    flex-wrap: wrap;
    border-bottom: 1px solid rgb(46, 46, 46);
}

.events__page .detail--last {
    border-bottom: none;
}

@media (min-width: 768px) {
    .events__page .detail {
        border-bottom: none;
        padding: 0;
    }

    .events__page .detail:not(:last-of-type) {
        border-bottom: none;
    }
}

@media (min-width: 1024px) {
    .events__page .detail {
        max-width: 400px;
    }
}

.events__page .detail__container {
    display: flex;
    padding-bottom: 23px;
    flex-wrap: wrap;
}

@media (min-width: 768px) {
    .events__page .detail__container {
        padding-bottom: 4px;
    }
}

.events__page .detail__container--with-break {
    padding-bottom: 0;
}

@media (min-width: 768px) {
    .events__page .detail__container--with-break {
        justify-content: center;
    }
}

.events__page .detail__adornment {
    width: 19px;
    height: 19px;
    margin-right: 7px;
    margin-top: 3px;
}

.events__page .detail__adornment--pin {
    width: 24px;
    height: 24px;
    margin-top: 0;
}

.events__page .detail__label {
    color: rgb(204, 204, 204);
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 500;
    line-height: 13px;
    margin-top: 6px;
}

.events__page .detail__value {
    margin-left: 8px;
    font-size: 16px;
    line-height: 24px;
}

.events__page .detail__value--break {
    width: 100%;
    text-align: left;
    margin-left: 28px;
}

@media (min-width: 768px) {
    .events__page .detail__value--break {
        width: 100%;
        margin-left: 0;
        text-align: center;
    }
}

@media (min-width: 1024px) {
    .events__page .detail__value {
        font-size: 16px;
        line-height: 24px;
    }
}

.events__page .detail__cta-container {
    padding: 34px 25px;
}

@media (min-width: 768px) {
    .events__page .detail__cta-container {
        padding: 0;
        margin-top: 17px;
    }
}

.events__page .guests {
    font-size: 14px;
    line-height: 20px;
    color: rgb(228, 228, 228);
    margin-bottom: 40px;
    text-align: center;
}

@media (min-width: 768px) {
    .events__page .guests {
        font-size: 16px;
    }
}

.events__page .events__page__header {
    height: 48px;
    position: sticky;
    top: 0;
    left: 0;
    justify-content: center;
    align-items: center;
    display: none;
    z-index: 101;
}

@media (min-width: 768px) {
    .events__page .events__page__header {
        display: flex;
        background: #ffffff;
    }
}

.events__page .events__page__header .img__wrapper img {
    display: block;
    padding: 0;
    width: 100%;
    max-width: 100px;
    height: 21px;
}

.events__page .events__page__header--nomination-page {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}

@media (min-width: 768px) {
    .events__page .events__page__header--nomination-page {
        position: relative;
    }
}

.events__page .events__page__header--nomination-page .img__wrapper--mobile img {
    padding: 22px 0;
    width: 109px;
    z-index: 88;
}

.events__page .events__page__header--nomination-page .img__wrapper--deskop {
    display: none;
}

.events__page .events__page__header--nomination-page .img__wrapper--deskop img {
    padding: 12px 0;
    width: 100%;
    max-width: 99px;
}

.events__page .events__page__header--nomination-page .img__wrapper img {
    display: grid;
    margin: 0 auto;
}

@media (min-width: 768px) {
    .events__page .events__page__header--nomination-page .img__wrapper--mobile {
        display: none;
    }

    .events__page .events__page__header--nomination-page .img__wrapper--deskop {
        display: block;
    }
}

.events__page .events__page__section__top {
    background-size: cover;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 29px 25px 131px;
}

@media (min-width: 768px) {
    .events__page .events__page__section__top {
        padding: 60px 25px 131px;
    }
}

@media (min-width: 1024px) {
    .events__page .events__page__section__top {
        justify-content: flex-end;
        padding: 62px 13% 147px 0;
    }
}

.events__page .events__page__section__top--event-online {
    background-image: url(../img/home-page/bg-event-1-mobile.7b119bc8.png);
}

@media (min-width: 768px) {
    .events__page .events__page__section__top--event-online {
        background-image: url(../img/home-page/bg-event-1.b2f53ca2.jpg);
    }
}

.events__page .events__page__section__top--center {
    padding-right: 0%;
    justify-content: center;
}

.events__page .events__page__section__top--height100 {
    min-height: calc(100vh - 45px);
}

.events__page .events__page__section__top--black-apla {
    position: relative;
}

@media (min-width: 768px) {
    .events__page .events__page__section__top--black-apla:after {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        z-index: 1;
        background: #101010;
        height: 100%;
        width: 100%;
        opacity: 0.3;
    }
}

.events__page .events__page__section__top--black-apla .text__section {
    position: relative;
    z-index: 5;
}

.events__page .events__page__section__top--with-map {
    padding: 29px 25px 74px;
    background-image: url(../img/home-page/bg-event-2-mobile.887bfabb.png);
    background-position: center;
}

@media (min-width: 768px) {
    .events__page .events__page__section__top--with-map {
        padding: 60px 25px 74px;
        background-image: url(../img/home-page/bg-event-2.c2d99d6a.png);
    }
}

@media (min-width: 1024px) {
    .events__page .events__page__section__top--with-map {
        justify-content: flex-end;
        padding: 62px 13% 35px 0;
    }
}

.events__page .events__page__section__top .text__section {
    flex-basis: 100%;
    max-width: 448px;
    text-align: center;
}

@media (min-width: 1024px) {
    .events__page .events__page__section__top .text__section {
        flex-basis: 28%;
    }
}

.events__page .events__page__section__top .text__section .text__section__top {
    text-align: center;
    padding-bottom: 43px;
}

@media (min-width: 1024px) {
    .events__page .events__page__section__top .text__section .text__section__top {
        padding-bottom: 45px;
    }
}

.events__page .events__page__section__top .text__section .text__section__top img {
    margin: 0 auto 8px auto;
    max-width: 54px;
}

@media (min-width: 768px) {
    .events__page .events__page__section__top .text__section .text__section__top img {
        max-width: none;
    }
}

.events__page .events__page__section__top .text__section .text__section__top--links-page {
    padding-bottom: 34px;
}

.events__page .events__page__section__top .text__section .text__section__top--links-page img {
    margin-bottom: 0px;
}

.events__page .events__page__section__top .text__section .text__section__top--nominated-page {
    display: none;
}

@media (min-width: 768px) {
    .events__page .events__page__section__top .text__section .text__section__top--nominated-page {
        display: block;
        padding-bottom: 30px;
    }
}

@media (min-width: 1024px) {
    .events__page .events__page__section__top .text__section .text__section__top--nominated-page {
        padding-bottom: 60px;
    }
}

.events__page .events__page__section__top .text__section .text__section__top--nominated-page img {
    margin-bottom: 0px;
}

.events__page .events__page__section__top .text__section .text__section__top .member {
    letter-spacing: 0.3px;
    font-weight: 400;
    font-size: 1.125em;
    padding-bottom: 8px;
}

@media (min-width: 768px) {
    .events__page .events__page__section__top .text__section .text__section__top .member {
        font-size: 1.5em;
        padding-bottom: 0px;
    }
}

.events__page .events__page__section__top .text__section .text__section__top .who__invited {
    font-size: 0.875em;
    line-height: 1.36;
}

@media (min-width: 768px) {
    .events__page .events__page__section__top .text__section .text__section__top .who__invited {
        font-size: 1em;
    }
}

.events__page .events__page__section__top .text__section .place {
    font-size: 1.5em;
    line-height: 1.17;
    font-family: "Editor", serif;
    font-weight: 500;
    padding-bottom: 78px;
}

@media (min-width: 768px) {
    .events__page .events__page__section__top .text__section .place {
        font-size: 2.25em;
        padding-bottom: 52px;
    }
}

.events__page .events__page__section__top .text__section .place--type_2 {
    padding-bottom: 31px;
}

.events__page .events__page__section__top .text__section .live__wrapper {
    color: white;
    display: none;
}

@media (min-width: 768px) {
    .events__page .events__page__section__top .text__section .live__wrapper {
        display: inline-block;
    }
}

@media (min-width: 1024px) {
    .events__page .events__page__section__top .text__section .live__wrapper {
        font-size: 1.75em;
        padding-bottom: 58px;
    }
}

.events__page .events__page__section__top .text__section .link__wrapper {
    border-top: 1px solid #888888;
    border-bottom: 1px solid #888888;
    padding: 20px 0;
    margin-bottom: 60px;
}

.events__page .events__page__section__top .text__section .link__wrapper .link__container {
    padding-bottom: 10px;
}

.events__page .events__page__section__top .text__section .link__wrapper .link__container:last-of-type {
    padding-bottom: 0px;
}

.events__page .events__page__section__top .text__section .link__wrapper .button__type__2 {
    display: flex;
    align-items: center;
    text-align: left;
}

@media (min-width: 768px) {
    .events__page .events__page__section__top .text__section .link__wrapper .button__type__2 {
        justify-content: center;
    }
}

.events__page .events__page__section__top .text__section .link__wrapper .button__type__2 img {
    margin-right: 10px;
}

@media (min-width: 768px) {
    .events__page .events__page__section__top .text__section .link__wrapper .button__type__2 img.mobile {
        display: none;
    }
}

.events__page .events__page__section__top .text__section .link__wrapper .button__type__2 img.deskop {
    display: none;
}

@media (min-width: 768px) {
    .events__page .events__page__section__top .text__section .link__wrapper .button__type__2 img.deskop {
        display: inline-block;
    }
}

.events__page .events__page__section__top .text__section .when__wrapper {
    padding-bottom: 60px;
}

.events__page .events__page__section__top .text__section .when__wrapper .description {
    line-height: 1.63;
}

@media (min-width: 1024px) {
    .events__page .events__page__section__top .text__section .when__wrapper .description {
        font-size: 1.13em;
    }
}

.events__page .events__page__section__top .text__section .detail__wrapper .description {
    padding-bottom: 45px;
    font-size: 0.875em;
    line-height: 1.29;
    opacity: 0.6;
}

.events__page .events__page__section__top .text__section .detail__wrapper button {
    display: inline-block;
    border-bottom: 1px solid white;
    font-size: 0.8em;
    text-transform: uppercase;
}

.events__page .events__page__section__top .text__section .notes_wrapper {
    text-align: left;
}

@media (min-width: 768px) {
    .events__page .events__page__section__top .text__section .notes_wrapper {
        text-align: center;
        padding-bottom: 60px;
    }
}

.events__page .events__page__section__top .text__section .notes_wrapper .title {
    color: #2e2e2e;
    line-height: 1;
    padding-bottom: 10px;
}

@media (min-width: 768px) {
    .events__page .events__page__section__top .text__section .notes_wrapper .title {
        padding-bottom: 6px;
        color: #ccc;
    }
}

.events__page .events__page__section__top .text__section .notes_wrapper .description {
    background-color: white;
    color: #888888;
    padding: 11px 20px 19px;
    margin-bottom: 10px;
    line-height: 1.2;
    font-size: 1.125em;
}

.events__page .events__page__section__top .text__section .notes_wrapper .description:last-of-type {
    margin-bottom: 0px;
}

@media (min-width: 768px) {
    .events__page .events__page__section__top .text__section .notes_wrapper .description {
        background-color: transparent;
        color: white;
    }
}

@media (min-width: 1024px) {
    .events__page .events__page__section__top .text__section .notes_wrapper .description {
        font-size: 1.125em;
    }
}

.events__page .events__page__section__top .text__section .attending__guests__wrapper {
    padding-top: 22px;
}

.events__page .events__page__section__top .text__section .attending__guests__wrapper .description {
    color: #888888;
    line-height: 1.2;
}

.events__page .events__page__section__top--with-link {
    padding: 0;
    flex-wrap: wrap;
}

@media (min-width: 768px) {
    .events__page .events__page__section__top--with-link {
        padding: 60px 25px 0px;
        background-image: url(../img/home-page/bg-event-1.b2f53ca2.jpg);
        background-position: center;
    }
}

@media (min-width: 1024px) {
    .events__page .events__page__section__top--with-link {
        background-image: url(../img/home-page/bg-event-1.b2f53ca2.jpg);
        background-position: left;
    }
}

.events__page .events__page__section__top--with-link .bg__mobile {
    background-image: url(../img/home-page/bg-with-link-mobile.aecf9904.png);
    flex-basis: 100%;
    max-width: 100%;
    padding: 185px 30px 204px;
    background-size: cover;
    background-repeat: no-repeat;
}

.events__page .events__page__section__top--with-link .bg__mobile .live__wrapper {
    font-family: "Editor", sans-serif;
    font-weight: 700;
    font-size: 2.1875em;
    text-align: center;
}

.events__page .events__page__section__top--with-link .bg__mobile .hour__wrapper {
    text-align: center;
    font-weight: 500;
    font-size: 1.125em;
}

@media (min-width: 768px) {
    .events__page .events__page__section__top--with-link .bg__mobile {
        display: none;
    }
}

.events__page .events__page__section__top--with-link .text__section {
    background-color: #f7f7f7;
    color: #2e2e2e;
    padding: 51px 30px 30px;
}

@media (min-width: 768px) {
    .events__page .events__page__section__top--with-link .text__section {
        padding: 0;
        color: white;
        background-color: transparent;
    }
}

.events__page .events__page__section__top--with-link .text__section .logo {
    display: none;
}

@media (min-width: 768px) {
    .events__page .events__page__section__top--with-link .text__section .logo {
        display: inline-block;
    }
}

.events__page .events__page__section__top--with-link .text__section .place img {
    display: none;
}

@media screen and (max-width: 767px) {
    .events__page .events__page__section__top--with-link .text__section .place {
        display: flex;
        align-items: center;
        font-size: 1em;
        font-family: "Calibre", sans-serif;
        padding-bottom: 25px;
    }

    .events__page .events__page__section__top--with-link .text__section .place img {
        margin-right: 10px;
        display: inline-block;
    }
}

.events__page .events__page__section__top--nomination {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    padding: 0;
    background-image: url(../img/home-page/bg-nomination-mobile.538ec792.png);
    padding-top: 321px;
}

@media (min-width: 768px) {
    .events__page .events__page__section__top--nomination {
        min-height: calc(100vh - 45px);
        padding-top: 0;
    }
}

.events__page .events__page__section__top--nomination .text__section,
.events__page .events__page__section__top--nomination .bg__wrapper {
    flex-basis: 100%;
    max-width: 100%;
}

@media (min-width: 768px) {
    .events__page .events__page__section__top--nomination .text__section,
    .events__page .events__page__section__top--nomination .bg__wrapper {
        flex-basis: 50%;
        max-width: 50%;
    }
}

.events__page .events__page__section__top--nomination .text__section {
    background-color: rgba(144, 144, 144, 0.9);
    padding: 28px 30px 34px;
    border-radius: 45px 45px 0 0;
}

@media (min-width: 768px) {
    .events__page .events__page__section__top--nomination .text__section {
        border-radius: unset;
        background-color: #909090;
        padding: 50px 3%;
        align-items: center;
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        justify-content: center;
    }
}

@media (min-width: 1024px) {
    .events__page .events__page__section__top--nomination .text__section {
        display: block;
        padding: 107px 6% 105px;
    }
}

.events__page .events__page__section__top--nomination .text__section .member__container {
    width: 100%;
    max-width: 553px;
    margin: 0 auto;
    padding-bottom: 27px;
}

@media (min-width: 768px) {
    .events__page .events__page__section__top--nomination .text__section .member__container {
        padding-bottom: 61px;
    }
}

.events__page .events__page__section__top--nomination .text__section .member__container .member__wrapper {
    font-size: 1.5625em;
    font-family: "Editor", serif;
    font-weight: 500;
    line-height: 1.28;
}

@media (min-width: 1024px) {
    .events__page .events__page__section__top--nomination .text__section .member__container .member__wrapper {
        font-size: 1.875em;
    }
}

.events__page .events__page__section__top--nomination .text__section .description__wrapper {
    width: 100%;
    font-size: 1em;
    margin: 0 auto;
}

@media (min-width: 1024px) {
    .events__page .events__page__section__top--nomination .text__section .description__wrapper {
        max-width: 371px;
        font-size: 0.875em;
    }
}

.events__page .events__page__section__top--nomination .text__section .description__wrapper .description__type__1 {
    line-height: 1.63;
    padding-bottom: 53px;
}

@media (min-width: 1024px) {
    .events__page .events__page__section__top--nomination .text__section .description__wrapper .description__type__1 {
        line-height: 1.4;
        padding-bottom: 68px;
    }
}

.events__page .events__page__section__top--nomination .text__section .description__wrapper .description__type__2 {
    line-height: 1.28;
    padding-bottom: 16px;
}

@media (min-width: 1024px) {
    .events__page .events__page__section__top--nomination .text__section .description__wrapper .description__type__2 {
        padding-bottom: 19px;
    }
}

.events__page .events__page__section__top--nomination .bg__wrapper {
    position: relative;
    background-image: url(../img/home-page/bg-nomination.3a6668b3.png);
    background-size: cover;
    background-repeat: no-repeat;
    display: none;
}

@media (min-width: 768px) {
    .events__page .events__page__section__top--nomination .bg__wrapper {
        display: inline-block;
    }
}

.events__page .events__page__section__top--nomination .bg__wrapper:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to right, #000000 -18%, rgba(0, 0, 0, 0) 30%);
}

.events__page .events__page__section__bottom {
    min-height: 416px;
    display: flex;
    flex-wrap: wrap;
    background-color: black;
}

.events__page .events__page__section__bottom .button__wrapper {
    display: flex;
    justify-content: center;
    flex-direction: column;
    flex-basis: 100%;
    max-width: 100%;
    background: black;
    padding: 25px 30px;
    align-items: flex-start;
}

@media (min-width: 768px) {
    .events__page .events__page__section__bottom .button__wrapper {
        padding: 38px 25px;
        align-items: center;
        flex-basis: 50%;
        max-width: 50%;
    }
}

.events__page .events__page__section__bottom .button__wrapper .title {
    text-align: left;
    -webkit-font-smoothing: antialiased;
    font-size: 0.8125em;
    padding-bottom: 10px;
}

@media (min-width: 768px) {
    .events__page .events__page__section__bottom .button__wrapper .title {
        display: none;
    }
}

.events__page .events__page__section__bottom .button__wrapper .description {
    max-width: 470px;
    font-size: 1.125em;
    text-align: center;
    padding-bottom: 30px;
    color: #e4e4e4;
    line-height: 1.4;
    -webkit-font-smoothing: antialiased;
    text-align: left;
}

@media (min-width: 768px) {
    .events__page .events__page__section__bottom .button__wrapper .description {
        text-align: center;
    }
}

.events__page .events__page__section__bottom .entry__label {
    display: flex;
    align-items: center;
    margin-bottom: 9px;
}

.events__page .events__page__section__bottom .entry__wrapper {
    display: flex;
    justify-content: flex-start;
    padding-bottom: 30px;
    align-items: center;
    width: 100%;
}

@media (min-width: 768px) {
    .events__page .events__page__section__bottom .entry__wrapper {
        align-items: center;
        justify-content: center;
        flex-direction: row;
        padding-bottom: 40px;
    }
}

.events__page .events__page__section__bottom .entry__wrapper--small_padding {
    padding-bottom: 30px;
    margin-bottom: 32px;
}

@media (min-width: 768px) {
    .events__page .events__page__section__bottom .entry__wrapper--small_padding {
        margin-bottom: 0px;
        padding-bottom: 15px;
    }
}

.events__page .events__page__section__bottom .entry__wrapper--border-mobile {
    border-bottom: 1px solid #2e2e2e;
}

@media (min-width: 768px) {
    .events__page .events__page__section__bottom .entry__wrapper--border-mobile {
        border: 0;
    }
}

.events__page .events__page__section__bottom .entry__wrapper--two-line-mobile {
    flex-wrap: wrap;
    flex-direction: column;
    align-items: flex-start;
}

@media (min-width: 768px) {
    .events__page .events__page__section__bottom .entry__wrapper--two-line-mobile {
        flex-direction: row;
    }
}

.events__page .events__page__section__bottom .entry__wrapper--two-line-mobile .descriptopn__type__2 {
    margin-left: 27px;
}

@media (min-width: 768px) {
    .events__page .events__page__section__bottom .entry__wrapper--two-line-mobile .descriptopn__type__2 {
        margin-left: 0;
    }
}

.events__page .events__page__section__bottom .entry__wrapper img {
    max-width: 19px;
    margin-right: 8px;
}

.events__page .events__page__section__bottom .entry__wrapper .entry__label {
    display: flex;
    align-items: center;
    margin-bottom: 9px;
}

.events__page .events__page__section__bottom .entry__wrapper .descriptopn__type__1 {
    color: #ccc;
    font-size: 0.8125em;
    margin-right: 5px;
    line-height: 1;
}

.events__page .events__page__section__bottom .entry__wrapper .descriptopn__type__2 {
    line-height: 1;
    font-size: 1.125em;
    align-self: stretch;
}

@media (max-width: 767px) {
    .events__page .events__page__section__bottom .entry__wrapper--column-on-mobile {
        flex-direction: column;
    }

    .events__page .events__page__section__bottom .entry__wrapper--column-on-mobile .descriptopn__type__2 {
        padding-left: 26px;
    }
}

.events__page .events__page__section__bottom .map_container {
    flex-basis: 100%;
    max-width: 100%;
}

@media (min-width: 768px) {
    .events__page .events__page__section__bottom .map_container {
        flex-basis: 50%;
        max-width: 50%;
    }
}

.events__page .events__page__section__bottom .map_container .entry__wrapper {
    padding: 0 25px 19px;
}

@media (min-width: 768px) {
    .events__page .events__page__section__bottom .map_container .entry__wrapper {
        display: none;
    }
}

.events__page .events__page__section__bottom .map_container .map__wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background-image: url(../img/home-page/bg-map-1.5df5b9cb.png);
    background-size: cover;
    background-repeat: no-repeat;
    padding: 75px 0 73px 0;
}

@media (min-width: 768px) {
    .events__page .events__page__section__bottom .map_container .map__wrapper {
        height: 100%;
    }
}

.events__page .events__page__section__bottom .map_container .map__wrapper--google {
    background: black;
    height: 210px;
    padding: 0;
    width: 100%;
}

@media (min-width: 768px) {
    .events__page .events__page__section__bottom .map_container .map__wrapper--google {
        height: 100%;
    }
}

.events__page .events__page__section__bottom .map_container .map__wrapper img {
    padding-bottom: 20px;
    max-width: 22px;
}

@media (min-width: 768px) {
    .events__page .events__page__section__bottom .map_container .map__wrapper img {
        max-width: none;
        padding-bottom: 30px;
    }
}

.events__page .events__page__section__bottom .map_container .map__wrapper .description {
    color: white;
    text-transform: uppercase;
    font-size: 0.8125em;
}

@media (min-width: 768px) {
    .events__page .events__page__section__bottom .map_container .map__wrapper .description {
        font-size: 1.25em;
    }
}

.events__page .events__page__section__bottom .map_container .map__wrapper #map {
    width: 100%;
    height: 100%;
}

.events__page .events__page__section__bottom .map_container .map__wrapper #map .gmnoprint,
.events__page .events__page__section__bottom .map_container .map__wrapper #map .gm-style-cc {
    display: none;
}

.events__page .button__type__1 {
    letter-spacing: 1px;
    padding-top: 15px;
    padding-bottom: 15px;
    border-radius: 2rem;
    background-color: #34f4ba;
    color: #000000;
    text-align: center;
    font-size: 0.875rem;
    line-height: 0.875rem;
    text-transform: uppercase;
}

@media (min-width: 1024px) {
    .events__page .button__type__1 {
        width: 270px;
        background-color: #34f4ba;
        color: #000000;
        font-weight: 500;
        font-size: 1rem;
        line-height: 1rem;
        text-transform: none;
    }
}

.events__page .button__type__1--transparent {
    background: transparent;
    border: solid 1px #3c3c3c;
    color: white;
}

.events__page .button__type__1--center {
    margin: 0 auto;
}

.events__page .button__type__1--border-white {
    border-color: white;
}

.events__page .button__type__1--mobile {
    display: block;
    box-sizing: border-box;
    width: 100%;
}

@media (min-width: 768px) {
    .events__page .button__type__1--mobile {
        display: none;
    }
}

.events__page .button__type__1--deskop {
    display: none;
}

@media (min-width: 768px) {
    .events__page .button__type__1--deskop {
        display: block;
    }
}

.events__page .mobile-button__wrapper {
    box-sizing: border-box;
    width: 100%;
    padding: 34px 25px;
}

@media (min-width: 768px) {
    .events__page .mobile-button__wrapper {
        display: none;
    }
}

.events__page .events__button {
    display: inline-block;
    width: auto;
    padding: 10px 30px;
    border: 1px solid #e4e4e4;
    border-radius: 2rem;
    margin-right: auto;
    margin-bottom: 35px;
    margin-left: auto;
    font-size: 0.8rem;
    text-transform: uppercase;
}

.events__page .events__button--nominated {
    background-color: #ffffff;
    color: #000000;
}

.join-live-container {
    margin-top: 22px;
}

@media (min-width: 1024px) {
    .join-live-container {
        margin-top: 0;
        margin-bottom: 36px;
    }
}

.click-adornment {
    position: relative;
}

.click-adornment::after {
    content: url(../img/home-page/click.c72bf2ec.svg);
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    display: none;
}

@media (max-width: 767px) {
    .click-adornment--sm-down::after {
        display: block;
    }
}

.text--uppercase {
    text-transform: uppercase;
}

.text-lowercase {
    text-transform: lowercase;
}

.online-event__location {
    width: 100%;
    height: 213px;
    pointer-events: none;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-transform: uppercase;
    background-image: url(../img/home-page/bg-map-1.5df5b9cb.png);
    font-size: 13px;
    font-weight: 500;
}

@media (min-width: 768px) {
    .online-event__location {
        height: 400px;
        min-height: 400px;
        font-size: 20px;
    }
}

.online-event__description {
    margin-top: 20px;
}

@media (min-width: 768px) {
    .online-event__description {
        margin-top: 30px;
    }
}

.live-event-map {
    width: 100%;
    height: 100%;
    background: url(../img/home-page/bg-map-1.5df5b9cb.png);
    background-size: cover;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
    gap: 20px;
    font-size: 11px;
    color: #ffffff;
}

.live-event-map img {
    width: 22px;
    height: 30px;
}

@media (min-width: 768px) {
    .live-event-map {
        font-size: 18px;
        gap: 26px;
        font-weight: 500;
    }

    .live-event-map img {
        width: 37px;
        height: 50px;
    }
}

@media (min-width: 768px) {
    .hide-on-medium {
        display: none !important;
    }
}

.mb-10 {
    margin-bottom: 10px;
}

.nomination-page {
    min-height: 100vh;
    background-image: url(../img/home-page/bg-nomination-mobile.538ec792.png);
    background-size: 100%;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 320px 1fr;
}

@media (min-width: 1024px) {
    .nomination-page {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: 48px 1fr;
        background: none;
    }
}

.nomination-page__header {
    height: 48px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
}

@media (min-width: 1024px) {
    .nomination-page__header {
        position: sticky;
        top: 0;
        left: 0;
        background: #ffffff;
        grid-column: 1/-1;
        grid-row: 1/2;
    }
}

.nomination-page__logo--mobile {
    margin-top: 22px;
}

.nomination-page__logo--mobile img {
    height: 25px;
}

@media (min-width: 1024px) {
    .nomination-page__logo--mobile {
        display: none;
    }
}

.nomination-page__logo--desktop {
    display: none;
}

@media (min-width: 1024px) {
    .nomination-page__logo--desktop {
        display: block;
    }

    .nomination-page__logo--desktop img {
        width: 100px;
        height: 22px;
    }
}

@media (min-width: 1024px) {
    .nomination-page__background-wrapper {
        grid-column: 2/3;
        background-image: url(../img/home-page/bg-nomination.3a6668b3.png);
        background-size: cover;
    }
}

.nomination-page__content-container {
    padding: 28px 30px 0;
    background: rgba(144, 144, 144, 0.9);
    border-radius: 50px 50px 0 0;
    display: flex;
    flex-direction: column;
    align-items: center;
}

@media (min-width: 1024px) {
    .nomination-page__content-container {
        grid-column: 1/2;
        grid-row: 2/3;
        border-radius: 0;
        background: rgb(144, 144, 144);
    }
}

.nomination-page__heading {
    font-size: 25px;
    line-height: 32px;
    margin-bottom: 27px;
    font-family: "Editor", sans-serif;
    font-weight: 500;
    text-align: center;
    max-width: 313px;
    word-break: break-word;
}

@media (min-width: 1024px) {
    .nomination-page__heading {
        max-width: 100%;
        font-size: 30px;
        line-height: 38px;
        margin-bottom: 62px;
        padding: 0 10%;
    }
}

.nomination-page__description {
    font-size: 14px;
    line-height: 26px;
    text-align: center;
    max-width: 252px;
    margin: 0 auto 53px;
    font-weight: 400;
}

@media (min-width: 1024px) {
    .nomination-page__description {
        max-width: 380px;
        font-size: 12px;
        line-height: 20px;
        margin: 0 auto 68px;
    }
}

.nomination-page__description--secondary {
    font-family: "Editor", sans-serif;
    font-size: 14px;
    line-height: 18px;
    margin: 0 auto 16px;
    font-weight: 400;
}

@media (min-width: 1024px) {
    .nomination-page__description--secondary {
        margin-bottom: 19px;
    }
}

.nomination-page__outlined-btn {
    background: none;
    border: 1px solid #ffffff;
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    line-height: 26px;
    margin: 0 auto 34px;
    padding: 0 52px;
    border-radius: 50px;
    text-transform: uppercase;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
}

@media (min-width: 1024px) {
    .nomination-page__outlined-btn {
        font-size: 16px;
        line-height: 20px;
        font-weight: 500;
        padding: 0 83px;
        height: 55px;
    }
}

.nomination-page__content-logo {
    display: none;
}

@media (min-width: 1024px) {
    .nomination-page__content-logo {
        margin-top: 107px;
        margin-bottom: 60px;
        display: block;
    }

    .nomination-page__content-logo img {
        width: 86px;
        height: 22px;
    }
}

.loader__overlay {
    display: flex;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 4;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100vh;
    background-color: #000000;
    user-select: none;
}

body,
html,
#parlorSocialClub,
.invitation-page {
    min-height: 100vh;
}

.invitation-page {
    box-sizing: border-box;
    height: 100%;
    background: url(../img/home-page/passImage.ab08bc73.jpg) no-repeat fixed;
    background-size: cover;
}

.invitation-page * {
    box-sizing: border-box;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .invitation-page {
        background: url(../img/home-page/passImage@2x.a36765c2.jpg) no-repeat fixed;
        background-size: cover;
    }
}

@media (min-width: 1024px) {
    .invitation-page {
        background: url(../img/home-page/invitationImageDesktop.fb915e7e.png) no-repeat fixed;
        background-size: cover;
    }
}

@media (min-width: 1024px) and (-webkit-min-device-pixel-ratio: 2), (min-width: 1024px) and (min-resolution: 192dpi) {
    .invitation-page {
        background: url(../img/home-page/invitationImageDesktop@2x.92deba37.png) no-repeat fixed;
        background-size: cover;
    }
}

.invitation-page__container {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 50px 25px;
}

@media (min-width: 1024px) {
    .invitation-page__container {
        max-width: 384px;
        margin: 0 auto;
        box-sizing: content-box;
        padding: 0;
    }
}

@media (min-width: 1920px) {
    .invitation-page__container {
        max-width: 534px;
    }
}

.invitation-page__logo {
    display: flex;
    justify-content: center;
    margin-bottom: 0.5rem;
}

.invitation-page__logo img {
    height: 12px;
}

@media (min-width: 1024px) {
    .invitation-page__logo img {
        width: 90px;
        height: 22px;
    }
}

@media (min-width: 1920px) {
    .invitation-page__logo img {
        width: 132px;
        height: 33px;
    }
}

@media (min-width: 1024px) {
    .invitation-page__logo {
        margin-bottom: 22px;
    }
}

@media (min-width: 1920px) {
    .invitation-page__logo {
        margin-bottom: 18px;
    }
}

.invitation-page__heading {
    max-width: 250px;
    text-align: center;
    margin: 0 auto 8px;
}

@media (min-width: 1024px) {
    .invitation-page__heading {
        max-width: 350px;
        margin-bottom: 85px;
    }
}

@media (min-width: 1920px) {
    .invitation-page__heading {
        max-width: 561px;
    }
}

.invitation-page__invited-by {
    max-width: 222px;
    text-align: center;
    margin: 0 auto 96px;
}

@media (min-width: 1024px) {
    .invitation-page__invited-by {
        margin: 0 auto 90px;
        line-height: 20px;
        max-width: none;
    }
}

@media (min-width: 1920px) {
    .invitation-page__invited-by {
        line-height: 29px;
        margin: 0 auto 125px;
    }
}

.invitation-page__full-logo {
    flex-shrink: 0;
    height: 50px;
    margin-bottom: 116px;
}

@media (min-width: 1024px) {
    .invitation-page__full-logo {
        width: 234px;
        height: 50px;
        margin-bottom: 85px;
    }
}

@media (min-width: 1920px) {
    .invitation-page__full-logo {
        width: 341px;
        height: 73px;
        margin-bottom: 125px;
    }
}

.invitation-page__description-wrapper {
    max-width: 275px;
    text-align: center;
    margin: 0 auto 82px;
    line-height: 18px;
}

@media (min-width: 1024px) {
    .invitation-page__description-wrapper {
        max-width: 366px;
        margin: 0 auto 40px;
        line-height: 22px;
    }
}

@media (min-width: 1920px) {
    .invitation-page__description-wrapper {
        max-width: 534px;
        margin: 0 auto 56px;
    }
}

@media (min-width: 1024px) {
    .invitation-page {
        padding: 93px;
    }
}

.invitation-text {
    display: block;
    font-size: 16px;
    line-height: 22px;
    font-weight: 500;
    margin-bottom: 8px;
}

@media (min-width: 1024px) {
    .invitation-text {
        font-size: 22px;
        line-height: 25px;
        letter-spacing: 1px;
        margin-bottom: 6px;
    }
}

@media (min-width: 1920px) {
    .invitation-text {
        font-size: 32.1px;
        line-height: 36.5px;
        letter-spacing: 1.34px;
    }
}

.secondary-text {
    font-size: 12px;
    line-height: inherit;
    font-weight: 400;
}

@media (min-width: 1024px) {
    .secondary-text {
        font-size: 14px;
        line-height: inherit;
        font-weight: 400;
    }
}

@media (min-width: 1920px) {
    .secondary-text {
        font-size: 20.4px;
        line-height: 29.2px;
    }
}

.secondary-text--description {
    font-size: 12px;
    font-weight: 300;
}

@media (min-width: 1024px) {
    .secondary-text--description {
        font-size: 16px;
    }
}

@media (min-width: 1920px) {
    .secondary-text--description {
        font-size: 23.4px;
        line-height: 32.1px;
    }
}

.join-button {
    width: 100%;
    border-radius: 50px;
    background: rgb(0, 217, 168);
    font-size: 14px;
    line-height: 25px;
    color: rgb(16, 16, 16);
    font-weight: 500;
    padding: 0;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 55px;
}

@media (min-width: 600px) {
    .join-button {
        padding: 0 86px;
        font-size: 16px;
        line-height: 20px;
    }
}

@media (min-width: 1920px) {
    .join-button {
        height: 80px;
        min-width: 394px;
        font-size: 24.3px;
        line-height: 29.1px;
    }
}

.invitation-page__button-wrapper {
    width: 100%;
}

@media (min-width: 600px) {
    .invitation-page__button-wrapper {
        width: unset;
    }
}

.live-event-page {
    width: 100%;
    height: 100%;
    display: grid;
    grid-template-rows: 460px 1fr;
    grid-template-areas: "datetime" "content";
}

@media (min-width: 1024px) {
    .live-event-page {
        display: flex;
        flex-direction: column;
        height: calc(100vh - 48px);
        align-items: center;
    }
}

.live-event {
    width: 100%;
    min-height: 100%;
    position: relative;
}

@media (min-width: 1024px) {
    .live-event {
        display: flex;
        justify-content: center;
    }
}

.live-event__logo {
    display: none;
}

@media (min-width: 1024px) {
    .live-event__logo {
        display: block;
        margin-top: 61px;
        margin-bottom: 34px;
    }
}

.live-event .heading {
    font-family: "Editor", sans-serif;
    font-size: 35px;
    line-height: 45px;
    font-weight: 800;
}

.live-event .heading--desktop {
    font-size: 36px;
    line-height: 40px;
    margin-bottom: 48px;
}

@media (max-width: 1023px) {
    .live-event .heading--desktop {
        display: none;
    }
}

.live-event .time-container {
    margin-bottom: 58px;
}

@media (max-width: 1023px) {
    .live-event .time-container {
        display: none;
    }
}

.live-event .event-time {
    display: block;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    line-height: 16px;
    letter-spacing: 1.67px;
    font-weight: 600;
    text-align: center;
    margin-top: 10px;
}

@media (min-width: 1024px) {
    .live-event .event-time {
        font-size: 26px;
        font-weight: 400;
        line-height: 26px;
    }
}

@media (min-width: 1024px) {
    .live-event {
        background-size: cover;
    }
}

.live-event__datetime {
    width: 100%;
    height: 100%;
    grid-area: datetime;
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 100;
}

@media (min-width: 1024px) {
    .live-event__datetime {
        display: none;
    }
}

.live-event__details {
    width: 100%;
    background: #f7f7f7;
    padding: 0 22px;
    min-height: 380px;
}

@media (min-width: 768px) {
    .live-event__details {
        min-height: 520px;
    }
}

@media (min-width: 1024px) {
    .live-event__details {
        background: transparent;
        max-width: 448px;
        display: flex;
        flex-direction: column;
        align-items: center;
        position: relative;
        z-index: 100;
        min-height: 100%;
    }
}

.live-event .detail-item {
    padding: 25px 0;
    display: flex;
    align-items: center;
    position: relative;
    text-decoration: none;
}

.live-event .detail-item__adornment {
    width: 19px;
    height: 19px;
    margin-right: 16px;
}

@media (min-width: 1024px) {
    .live-event .detail-item__adornment {
        display: none;
    }
}

.live-event .detail-item__adornment--desktop {
    display: none;
}

@media (min-width: 1024px) {
    .live-event .detail-item__adornment--desktop {
        display: block;
    }
}

.live-event .detail-item__text {
    max-width: 100%;
    font-size: 14px;
    line-height: 19px;
    color: rgb(46, 46, 46);
}

@media (min-width: 1024px) {
    .live-event .detail-item__text {
        color: #ffffff;
    }
}

@media (min-width: 1024px) {
    .live-event .detail-item {
        max-width: 262px;
        margin: auto;
        padding: 10px 0;
    }

    .live-event .detail-item::after {
        display: none;
    }
}

.live-event .details {
    list-style-type: none;
    border-bottom: 1px solid rgb(216, 216, 216);
}

@media (min-width: 1024px) {
    .live-event .details {
        border-top: 1px solid rgb(136, 136, 136);
        border-bottom-color: rgb(136, 136, 136);
        width: 325px;
        padding: 10px 0;
    }
}

.live-event .details li:not(:first-child) .detail-item {
    padding-top: 0;
}

.live-event .details li:not(:first-child) .detail-item::after {
    top: calc(50% - 12.5px);
}

@media (min-width: 1024px) {
    .live-event .notes {
        padding-top: 42px !important;
    }
}

.live-event .notes__title {
    color: rgb(46, 46, 46);
    font-size: 14px;
    line-height: 19px;
    margin-bottom: 10px;
}

@media (min-width: 1024px) {
    .live-event .notes__title {
        text-align: center;
        color: rgb(204, 204, 204);
    }
}

.live-event .notes__subtitle {
    display: none;
}

@media (min-width: 1024px) {
    .live-event .notes__subtitle {
        display: inline-block;
    }
}

.live-event .notes__item {
    width: 100%;
    padding: 11px 22px 19px 20px;
    border: 1px solid rgb(242, 242, 242);
    color: rgb(136, 136, 136);
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 10px;
    background: #ffffff;
}

@media (min-width: 1024px) {
    .live-event .notes__item {
        max-width: 282px;
        background: transparent;
        color: #ffffff;
        border: none;
        text-align: center;
        padding: 0 0 10px;
        font-size: 16px;
        line-height: 18px;
    }
}

.live-event .pt-25 {
    padding-top: 25px;
}

.live-event .cta-container {
    padding-top: 12px;
    padding-bottom: 25px;
    margin: 0 -11px;
}

@media (min-width: 1024px) {
    .live-event .cta-container {
        padding-top: 40px;
    }
}

@media (min-width: 1024px) {
    .hide-large {
        display: none;
    }
}

.nomination-page {
    min-height: 100vh;
    background-image: url(../img/home-page/bg-nomination-mobile.538ec792.png);
    background-size: 100%;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 320px 1fr;
}

@media (min-width: 1024px) {
    .nomination-page {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: 48px 1fr;
        background: none;
    }
}

.nomination-page__header {
    height: 48px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
}

@media (min-width: 1024px) {
    .nomination-page__header {
        position: sticky;
        top: 0;
        left: 0;
        background: #ffffff;
        grid-column: 1/-1;
        grid-row: 1/2;
    }
}

.nomination-page__logo--mobile {
    margin-top: 22px;
}

.nomination-page__logo--mobile img {
    height: 25px;
}

@media (min-width: 1024px) {
    .nomination-page__logo--mobile {
        display: none;
    }
}

.nomination-page__logo--desktop {
    display: none;
}

@media (min-width: 1024px) {
    .nomination-page__logo--desktop {
        display: block;
    }

    .nomination-page__logo--desktop img {
        width: 100px;
        height: 22px;
    }
}

@media (min-width: 1024px) {
    .nomination-page__background-wrapper {
        grid-column: 2/3;
        background-image: url(../img/home-page/bg-nomination.3a6668b3.png);
        background-size: cover;
    }
}

.nomination-page__content-container {
    padding: 28px 30px 0;
    background: rgba(144, 144, 144, 0.9);
    border-radius: 50px 50px 0 0;
    display: flex;
    flex-direction: column;
    align-items: center;
}

@media (min-width: 1024px) {
    .nomination-page__content-container {
        grid-column: 1/2;
        grid-row: 2/3;
        border-radius: 0;
        background: rgb(144, 144, 144);
    }
}

.nomination-page__heading {
    font-size: 25px;
    line-height: 32px;
    margin-bottom: 27px;
    font-family: "Editor", sans-serif;
    font-weight: 500;
    text-align: center;
    max-width: 313px;
    word-break: break-word;
}

@media (min-width: 1024px) {
    .nomination-page__heading {
        max-width: 100%;
        font-size: 30px;
        line-height: 38px;
        margin-bottom: 62px;
        padding: 0 10%;
    }
}

.nomination-page__description {
    font-size: 14px;
    line-height: 26px;
    text-align: center;
    max-width: 252px;
    margin: 0 auto 53px;
    font-weight: 400;
}

@media (min-width: 1024px) {
    .nomination-page__description {
        max-width: 380px;
        font-size: 12px;
        line-height: 20px;
        margin: 0 auto 68px;
    }
}

.nomination-page__description--secondary {
    font-family: "Editor", sans-serif;
    font-size: 14px;
    line-height: 18px;
    margin: 0 auto 16px;
    font-weight: 400;
}

@media (min-width: 1024px) {
    .nomination-page__description--secondary {
        margin-bottom: 19px;
    }
}

.nomination-page__outlined-btn {
    background: none;
    border: 1px solid #ffffff;
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    line-height: 26px;
    margin: 0 auto 34px;
    padding: 0 52px;
    border-radius: 50px;
    text-transform: uppercase;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
}

@media (min-width: 1024px) {
    .nomination-page__outlined-btn {
        font-size: 16px;
        line-height: 20px;
        font-weight: 500;
        padding: 0 83px;
        height: 55px;
    }
}

.nomination-page__content-logo {
    display: none;
}

@media (min-width: 1024px) {
    .nomination-page__content-logo {
        margin-top: 107px;
        margin-bottom: 60px;
        display: block;
    }

    .nomination-page__content-logo img {
        width: 86px;
        height: 22px;
    }
}

html {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 300;
}

body {
    background: #000;
}

a {
    display: block;
    color: inherit;
    text-decoration: none;
    text-decoration: none currentColor solid;
}

abbr {
    text-decoration: none;
    text-decoration: none currentColor solid;
}

address {
    font-style: inherit;
}

area {
    color: inherit;
    text-decoration: none;
    text-decoration: none currentColor solid;
}

audio {
    display: block;
    width: auto;
    height: auto;
}

b {
    font-weight: inherit;
}

blockquote {
    margin: 0;
}

body {
    margin: 0;
}

button {
    display: block;
    box-sizing: content-box;
    padding: 0;
    border: medium none currentColor;
    border-radius: 0;
    appearance: none;
    cursor: pointer;
    background-color: transparent;
    color: inherit;
    font-family: inherit;
    font-weight: inherit;
    font-size: inherit;
    text-align: inherit;
}

button:focus {
    outline: medium invert currentColor;
}

button::-moz-focus-inner {
    border: medium none currentColor;
}

canvas {
    display: block;
}

caption {
    text-align: inherit;
}

cite {
    font-style: inherit;
}

code {
    font-family: inherit;
}

dd {
    margin: 0;
}

del {
    text-decoration: none;
    text-decoration: none currentColor solid;
}

dfn {
    font-style: inherit;
}

dialog {
    position: static;
    display: none;
    width: auto;
    height: auto;
    padding: 0;
    border-style: none;
    margin: 0;
    background-color: transparent;
    color: inherit;
}

dialog[open] {
    display: block;
}

dl {
    margin: 0;
}

em {
    font-style: inherit;
}

embed {
    display: block;
}

fieldset {
    min-width: 0;
    min-height: 0;
    padding: 0;
    border: medium none currentColor;
    margin: 0;
}

figure {
    margin: 0;
}

h1 {
    margin: 0;
    font-weight: inherit;
    font-size: inherit;
}

h2 {
    margin: 0;
    font-weight: inherit;
    font-size: inherit;
}

h3 {
    margin: 0;
    font-weight: inherit;
    font-size: inherit;
}

h4 {
    margin: 0;
    font-weight: inherit;
    font-size: inherit;
}

h5 {
    font-size: inherit;
    font-weight: inherit;
    margin: 0;
}

h6 {
    margin: 0;
    font-weight: inherit;
    font-size: inherit;
}

hr {
    overflow: visible;
    border-width: medium;
    border-style: none;
    margin: 0;
    color: inherit;
}

html {
    scroll-behavior: smooth;
    --scroll-behavior: smooth;
    overflow-y: visible;
    -webkit-tap-highlight-color: transparent;
    color: #ffffff;
    font-size: 16px;
    line-height: 1.6;
}

i {
    font-style: inherit;
}

iframe {
    display: block;
    border-width: medium;
    border-style: none;
}

img {
    display: block;
    user-select: none;
    color: inherit;
}

input {
    display: block;
    overflow: visible;
    box-sizing: content-box;
    width: auto;
    height: auto;
    padding: 0;
    border: medium none currentColor;
    border-radius: 0;
    margin: 0;
    appearance: none;
    cursor: inherit;
    background-color: transparent;
    color: inherit;
    font-family: inherit;
    font-weight: inherit;
    font-size: inherit;
    text-align: inherit;
}

input:focus {
    outline: medium invert currentColor;
}

input::-moz-focus-inner {
    border: medium none currentColor;
}

ins {
    text-decoration: none;
    text-decoration: none currentColor solid;
}

kbd {
    font-family: inherit;
}

label {
    display: block;
}

legend {
    width: auto;
    height: auto;
    padding: 0;
}

mark {
    background-color: transparent;
    color: inherit;
}

meter {
    display: block;
    box-sizing: content-box;
    width: auto;
    height: auto;
    background-image: none;
    vertical-align: baseline;
}

object {
    display: block;
    color: inherit;
}

ol {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

optgroup {
    font-family: inherit;
    font-style: inherit;
    font-weight: inherit;
    font-size: inherit;
}

option {
    min-width: 0;
    min-height: 0;
    padding: 0;
}

output {
    display: block;
}

p {
    margin: 0;
}

picture {
    display: block;
}

pre {
    margin: 0;
    font-family: inherit;
}

progress {
    display: block;
    box-sizing: content-box;
    width: auto;
    height: auto;
    border: medium none currentColor;
    background-color: transparent;
    vertical-align: baseline;
}

q::after {
    content: normal;
}

q::before {
    content: normal;
}

rt {
    font-size: inherit;
    line-height: inherit;
}

s {
    text-decoration: none;
    text-decoration: none currentColor solid;
}

samp {
    font-family: inherit;
}

select {
    overflow: visible;
    display: block;
    box-sizing: content-box;
    border: medium none currentColor;
    border-radius: 0;
    appearance: none;
    cursor: pointer;
    background-color: transparent;
    color: inherit;
    font-family: inherit;
    font-weight: inherit;
    font-size: inherit;
}

select:focus {
    outline: medium invert currentColor;
}

select::-moz-focus-inner {
    border: medium none currentColor;
}

small {
    font-size: inherit;
}

strong {
    font-weight: inherit;
}

sub {
    font-size: inherit;
    vertical-align: baseline;
}

summary {
    list-style-type: none;
    list-style-position: inherit;
}

summary:focus {
    outline: medium invert currentColor;
}

summary::-moz-focus-inner {
    border: medium none currentColor;
}

sup {
    font-size: inherit;
    vertical-align: baseline;
}

svg {
    overflow: visible;
    display: block;
}

table {
    box-sizing: content-box;
    border-color: currentColor;
    border-collapse: collapse;
}

tbody {
    vertical-align: baseline;
}

td {
    padding: 0;
}

textarea {
    resize: none;
    display: block;
    padding: 0;
    border: medium none currentColor;
    border-radius: 0;
    margin: 0;
    appearance: none;
    background-color: transparent;
    color: inherit;
    font-family: inherit;
    font-weight: inherit;
    font-size: inherit;
    vertical-align: baseline;
}

textarea:focus {
    outline: medium invert currentColor;
}

textarea::-moz-focus-inner {
    border: medium none currentColor;
}

tfoot {
    vertical-align: baseline;
}

th {
    padding: 0;
    font-weight: inherit;
    text-align: inherit;
}

thead {
    vertical-align: baseline;
}

u {
    text-decoration: none;
    text-decoration: none currentColor solid;
}

ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

var {
    font-style: inherit;
}

video {
    display: block;
}

@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 300;
    src: local("Roboto-Light"), url('../fonts/roboto--light.ttf') format("truetype");
}

@font-face {
    font-display: swap;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    src: local("Roboto-Regular"), url('../fonts/roboto--normal.ttf') format("truetype");
}

@font-face {
    font-display: swap;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    src: local("Roboto-Medium"), url('../fonts/roboto--medium.ttf') format("truetype");
}

@font-face {
    font-display: swap;
    font-family: "Editor";
    font-style: normal;
    font-weight: 400;
    src: local("Editor-Regular"), url('../fonts/editor--normal.otf') format("opentype");
}

@font-face {
    font-display: swap;
    font-family: "Editor";
    font-style: normal;
    font-weight: 500;
    src: local("Editor-Medium"), url('../fonts/editor--medium.otf') format("opentype");
}

@font-face {
    font-display: swap;
    font-family: "Editor";
    font-style: normal;
    font-weight: 700;
    src: local("Editor-Bold"), url('../fonts/editor--bold.otf') format("opentype");
}

@media (max-width: 767px) {
    .hide-mobile {
        display: none !important;
    }
}

@media (min-width: 768px) {
    .only-mobile {
        display: none !important;
    }
}

.bg-white {
    width: 100%;
    height: 100%;
    background: #ffffff;
}