@media only screen and (max-width: 1600px) { html { --scale: 0.83333333333333; } }@media only screen and (max-width: 1536px) { html { --scale: 0.8; } }@media only screen and (max-width: 1440px) { html { --scale: 0.75; } }@media only screen and (max-width: 1366px) { html { --scale: 0.71145833333333; } }@media only screen and (max-width: 1280px) { html { --scale: 0.66666666666667; } }@media only screen and (max-width: 1024px) { html { --scale: 0.53333333333333; } }@media only screen and (max-width: 768px) { html { --scale: 0.4; } }.support-page {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    overflow: hidden;

    font-size: 1rem;
}

.support-page__left {
    -webkit-box-flex: 1.66233766234;
        -ms-flex: 1.66233766234;
            flex: 1.66233766234;
}

.support-page__left__inner {
    max-height: 100%;
    padding: 78px 71px 78px 88px;

    overflow: auto;
}

.support-page__left__inner__header {
    font-weight: bold;
    color: var(--navy-blue);
}

.support-page__left__inner__header > h1 {
    margin-top: 0;
    margin-bottom: 27px;

    font-size: 2em;
}

.support-page__left__inner__header > p {
    margin: 0;

    font-size: 1em;
}

.support-page__left__inner__form {
    --box-shadow: 0 0 20px rgba(93, 93, 93, 0.13);

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;

    padding: 40px 26px 31px 33px;
    margin-top: 66px;
    
    min-width: -webkit-min-content;
    min-width: -moz-min-content;
    min-width: min-content;

    background-color: white;
    border-radius: 23px;
    overflow: hidden;

    -webkit-box-shadow: var(--box-shadow);
        -moz-box-shadow: var(--box-shadow);
            box-shadow: var(--box-shadow);
}

.support-page__left__inner__form__table {
    --cell-padding-y: 10px;
    --cell-padding-x: 22px;
    
    border-collapse: collapse;
    width: 100%;
    
    /* Offset cell padding */
    margin:
        calc(0px - var(--cell-padding-y))
        calc(0px - var(--cell-padding-x));

    margin-right: calc(27px - var(--cell-padding-x));
}

/* This row contains a 'honeypot' field */
.support-page__left__inner__form__table tr:last-of-type {
    display: none;
}

.support-page__left__inner__form__table td {
    padding:
        var(--cell-padding-y)
        var(--cell-padding-x);
}
.support-page__left__inner__form__table td:first-child {
    vertical-align: baseline;
}
.support-page__left__inner__form__table td:last-child {
    /* Input column should be given most space. */
    width: 100%;
}

.support-page__left__inner__form__table label {
    display: block;
    padding: 25px 0;

    font-size: 0.88em;
    white-space: nowrap;
    color: var(--navy-blue);
}

.support-page__left__inner__form__table input,
.support-page__left__inner__form__table textarea {
    all: unset;
}

.support-page__left__inner__form__table .custom-select,
.support-page__left__inner__form__table input,
.support-page__left__inner__form__table textarea {
    --box-shadow: 0 0 20px rgba(101, 99, 99, 0.2);

    background-color: white;
    border-radius: 9px;

    -webkit-box-shadow: var(--box-shadow);
        -moz-box-shadow: var(--box-shadow);
            box-shadow: var(--box-shadow);

    font-size: 0.88em;
    font-weight: bold;
}
.support-page__left__inner__form__table .custom-select:focus,
.support-page__left__inner__form__table input:focus,
.support-page__left__inner__form__table textarea:focus {
    --box-shadow: 0 0 20px var(--cyan);
}
.support-page__left__inner__form__table .custom-select:disabled,
.support-page__left__inner__form__table input:disabled,
.support-page__left__inner__form__table textarea:disabled {
    opacity: 0.48;
}

.support-page__left__inner__form__table .custom-select {
    --text-padding: 28px;
    --chevron-size: 14.67px;
    --padding-right: 28.5px;
    --color: var(--dark-cyan);

    height: 79px;
    min-width: calc(100% - 2 * var(--text-padding) - var(--chevron-size) - var(--padding-right));

    /* URL reference: https://yoksel.github.io/url-encoder/ */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.67 8.54'%3E%3Cpath d='M1.7 1.7l5.64 5.64 5.64-5.64' fill='none' stroke='%2370cdd6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.4'/%3E%3C/svg%3E");
}

.support-page__left__inner__form__table input,
.support-page__left__inner__form__table textarea {
    width: calc(100% - 2 * 28px);
    padding: 25px 28px;

    cursor: text;

    color: var(--navy-blue);
    -webkit-text-fill-color: var(--navy-blue);
}
.support-page__left__inner__form__table textarea {
    vertical-align: top;
    
    font-weight: normal;
}

.support-page__left__inner__form > .button {
    padding: 15.5px 26.5px;
    min-width: unset;
    margin-top: 48px;

    font-size: 0.8em;
}

.support-page__right {
    --box-shadow: 0 3px 20px rgba(2, 27, 38, 0.31);

    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;

    position: relative;

    -webkit-box-shadow: var(--box-shadow);
        -moz-box-shadow: var(--box-shadow);
            box-shadow: var(--box-shadow);
}

.support-page__right > img {
    position: absolute;
    width: 100%;
    height: 100%;

    object-fit: cover;
    -o-object-fit: cover;
}