.content-overlay {
    -webkit-transition: opacity cubic-bezier(0.77, 0, 0.175, 1) 0.5s 0s;
    -moz-transition: opacity cubic-bezier(0.77, 0, 0.175, 1) 0.5s 0s;
    -ms-transition: opacity cubic-bezier(0.77, 0, 0.175, 1) 0.5s 0s;
    -o-transition: opacity cubic-bezier(0.77, 0, 0.175, 1) 0.5s 0s;
    transition: opacity cubic-bezier(0.77, 0, 0.175, 1) 0.5s 0s;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: fixed;
    background: rgba(63, 63, 63, 0.7);
    display: none;
}

.content-overlay .article__inputs {
    padding: 0;
    margin: 0;
}

.content-overlay .article__additional, .content-overlay__header {
    text-align: center;
}

@supports (backdrop-filter: blur(5px)) {
    .content-overlay {
        backdrop-filter: blur(5px);
    }
}

.content-overlay--active {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    animation: fade-in 500ms forwards;
    z-index: 1000;
}

.content-overlay[modalClosing] {
    animation: fade-out 500ms forwards;
}

.content-overlay__section + .content-overlay__section {
    margin-block-start: 30px;
}

.content-overlay__submit-action {
    position: sticky;
    bottom: 0;
    margin-top: 20px;
    z-index: 2;
}

.content-overlay__submit-action::after {
    content: "";
    position: absolute;
    z-index: -1;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 30%);
}

.content-overlay__wrap {
    background: #FFFFFF;
    border-radius: 3px;
}

.content-overlay__header {
    padding: 0 0 0.9375rem;
    margin: 0 0 0.9375rem;
}

.content-overlay__header h2 {
    margin: 0;
    border: none;
}

.content-overlay__description, .content-overlay__description > * {
    font-size: 0.875rem;
}

.content-overlay__description {
    border-top: 1px solid #ddd8d0;
}

.content-overlay__row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0.9375rem;
}

.content-overlay__bar + .content-overlay__bar {
    margin-top: calc(1.34375rem + 1.125vw);
    padding-top: calc(1.34375rem + 1.125vw);
}

@media (min-width: 1200px) {
    .content-overlay__bar + .content-overlay__bar {
        margin-top: 2.1875rem;
    }
}

@media (min-width: 1200px) {
    .content-overlay__bar + .content-overlay__bar {
        padding-top: 2.1875rem;
    }
}

.content-overlay__additional {
    -webkit-transition: grid-template-rows cubic-bezier(0.77, 0, 0.175, 1) 0.5s 0s;
    -moz-transition: grid-template-rows cubic-bezier(0.77, 0, 0.175, 1) 0.5s 0s;
    -ms-transition: grid-template-rows cubic-bezier(0.77, 0, 0.175, 1) 0.5s 0s;
    -o-transition: grid-template-rows cubic-bezier(0.77, 0, 0.175, 1) 0.5s 0s;
    transition: grid-template-rows cubic-bezier(0.77, 0, 0.175, 1) 0.5s 0s;
    display: grid;
}

.content-overlay__additional[aria-hidden=true] {
    grid-template-rows: 0fr;
}

.content-overlay__additional[aria-hidden=false] {
    grid-template-rows: 1fr;
    padding-block-end: 20px;
}

.content-overlay__additional-wrap {
    overflow: hidden;
}

.content-overlay p:not(:last-child):not(:only-child) {
    margin: 0.9375rem 0;
}

.content-overlay p:last-child {
    margin: 0.9375rem 0 0;
}

.content-overlay__row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
}

.content-overlay__close {
    -webkit-transition: background-color cubic-bezier(0.77, 0, 0.175, 1) 0.25s 0s;
    -moz-transition: background-color cubic-bezier(0.77, 0, 0.175, 1) 0.25s 0s;
    -ms-transition: background-color cubic-bezier(0.77, 0, 0.175, 1) 0.25s 0s;
    -o-transition: background-color cubic-bezier(0.77, 0, 0.175, 1) 0.25s 0s;
    transition: background-color cubic-bezier(0.77, 0, 0.175, 1) 0.25s 0s;
    background-size: 40%;
    background-repeat: no-repeat;
    background-position: center center;
    width: 30px;
    height: 30px;
    border: none;
    border-radius: 100%;
    cursor: pointer;
}

@media (max-width: 900px) {
    .content-overlay {
        -webkit-box-align: start;
        -ms-flex-align: start;
        -webkit-align-items: flex-start;
        -moz-align-items: flex-start;
        align-items: flex-start;
        padding: 0.625rem;
    }

    .content-overlay__wrap {
        padding: 1.25rem;
        max-height: 100%;
        width: 100%;
        overflow-y: auto;
        overflow-x: hidden;
        overscroll-behavior: contain;
    }

    .content-overlay__row {
        -webkit-box-direction: normal;
        -webkit-box-orient: vertical;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .content-overlay__col:first-child {
        margin-bottom: 0.9375rem;
    }

    .content-overlay__col--visuals {
        -webkit-box-ordinal-group: 0;
        -webkit-order: -1;
        -moz-order: -1;
        -ms-flex-order: -1;
        order: -1;
        margin-bottom: calc(1.3125rem + 0.75vw);
    }
}

@media (max-width: 900px) and (min-width: 1200px) {
    .content-overlay__col--visuals {
        margin-bottom: 1.875rem;
    }
}

@media (max-width: 900px) {
    .content-overlay__close {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath fill='%23FFFFFF' fill-rule='evenodd' d='M13.806814,10 L19.4886305,15.6818195 C19.8295394,16.0227297 20,16.4393926 20,16.9318191 C20,17.4242456 19.8295394,17.8598467 19.4886305,18.2386369 L18.2386308,19.4886365 C17.8598431,19.8295472 17.4242432,20 16.931807,20 C16.4393829,20 16.0227285,19.8295472 15.6818195,19.4886365 L10,13.8068201 L4.31818051,19.4886365 C3.97727031,19.8295472 3.56060741,20 3.06818089,20 C2.57575437,20 2.14015329,19.8295472 1.7613631,19.4886365 L0.511363481,18.2386369 C0.170452797,17.8598467 0,17.4242456 0,16.9318191 C0,16.4393926 0.170452797,16.0227297 0.511363481,15.6818195 L6.19317994,10 L0.511363481,4.31818051 C0.170452797,3.97727152 0,3.5606171 0,3.06819301 C0,2.5757568 0.170452797,2.14015693 0.511363481,1.76136916 L1.7613631,0.511369542 C2.14015329,0.170460554 2.57575437,0 3.06818089,0 C3.56060741,0 3.97727031,0.170460554 4.31818051,0.511369542 L10,6.193186 L15.6818195,0.511369542 C16.0227285,0.170460554 16.4393829,0 16.931807,0 C17.4242432,0 17.8598431,0.170460554 18.2386308,0.511369542 L19.4886305,1.76136916 C19.8295394,2.14015693 20,2.5757568 20,3.06819301 C20,3.5606171 19.8295394,3.97727152 19.4886305,4.31818051 L13.806814,10 Z'/%3E%3C/svg%3E");
        display: block;
        margin-left: auto;
        margin-bottom: 10px;
        background-color: #dc785a;
    }

    .content-overlay__close:hover {
        background-color: rgb(215.5375, 102.7875, 68.9625);
    }

    .content-overlay__submit-action::after {
        inset: -30px;
    }
}

@media (min-width: 901px) {
    .content-overlay {
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        align-items: center;
        padding: 1.25rem;
    }

    .content-overlay__wrap {
        padding: calc(1.3125rem + 0.75vw);
        width: 1400px;
    }
}

@media (min-width: 901px) and (min-width: 1200px) {
    .content-overlay__wrap {
        padding: 1.875rem;
    }
}

@media (min-width: 901px) {
    .content-overlay__row {
        max-height: calc(100vh - 2.5rem - 3.75rem);
    }

    .content-overlay__col {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 50%;
        -moz-box-flex: 1;
        -moz-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
        width: 50%;
        max-width: 50%;
    }

    .content-overlay__col:first-child {
        margin-right: calc(1.3125rem + 0.75vw);
    }
}

@media (min-width: 901px) and (min-width: 1200px) {
    .content-overlay__col:first-child {
        margin-right: 1.875rem;
    }
}

@media (min-width: 901px) {
    .content-overlay__col:last-child {
        max-height: 100%;
        overflow-y: auto;
        overflow-x: hidden;
        overscroll-behavior: contain;
    }

    .content-overlay__close {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath fill='%233F3F3F' fill-rule='evenodd' d='M13.806814,10 L19.4886305,15.6818195 C19.8295394,16.0227297 20,16.4393926 20,16.9318191 C20,17.4242456 19.8295394,17.8598467 19.4886305,18.2386369 L18.2386308,19.4886365 C17.8598431,19.8295472 17.4242432,20 16.931807,20 C16.4393829,20 16.0227285,19.8295472 15.6818195,19.4886365 L10,13.8068201 L4.31818051,19.4886365 C3.97727031,19.8295472 3.56060741,20 3.06818089,20 C2.57575437,20 2.14015329,19.8295472 1.7613631,19.4886365 L0.511363481,18.2386369 C0.170452797,17.8598467 0,17.4242456 0,16.9318191 C0,16.4393926 0.170452797,16.0227297 0.511363481,15.6818195 L6.19317994,10 L0.511363481,4.31818051 C0.170452797,3.97727152 0,3.5606171 0,3.06819301 C0,2.5757568 0.170452797,2.14015693 0.511363481,1.76136916 L1.7613631,0.511369542 C2.14015329,0.170460554 2.57575437,0 3.06818089,0 C3.56060741,0 3.97727031,0.170460554 4.31818051,0.511369542 L10,6.193186 L15.6818195,0.511369542 C16.0227285,0.170460554 16.4393829,0 16.931807,0 C17.4242432,0 17.8598431,0.170460554 18.2386308,0.511369542 L19.4886305,1.76136916 C19.8295394,2.14015693 20,2.5757568 20,3.06819301 C20,3.5606171 19.8295394,3.97727152 19.4886305,4.31818051 L13.806814,10 Z'/%3E%3C/svg%3E");
        background-color: #FFFFFF;
        position: fixed;
        top: 15px;
        right: 15px;
    }

    .content-overlay__close:hover {
        background-color: #EDEDEF;
    }

    .content-overlay__submit-action::after {
        inset: -30px -2px -2px;
    }
}

.h80percent {
    height: 80%;
}

.overflow-auto {
    overflow: auto;
}