.support-workflow {
    padding-top: 3.2rem;
}

.support-workflow__intro {
    max-width: 760px;
    margin: 1rem 0 0;
    color: var(--muted);
}

.support-progress {
    display: grid;
    grid-template-columns:
        repeat(6, minmax(0, 1fr));
    gap: .55rem;
    margin-bottom: 1.1rem;
}

.support-progress__item {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .6rem;
    min-height: 58px;
    padding: .8rem .7rem;
    border:
        1px solid
        rgba(185, 134, 73, .20);
    background:
        rgba(14, 10, 8, .78);
    color: #8f877d;
    font-size: .74rem;
    font-weight: 700;
    letter-spacing: .07em;
    text-transform: uppercase;
}

.support-progress__item.is-active {
    border-color:
        rgba(214, 170, 106, .68);
    background:
        linear-gradient(
            180deg,
            rgba(118, 63, 34, .34),
            rgba(17, 12, 9, .94)
        );
    color: #f2dfc2;
}

.support-progress__item.is-complete {
    border-color:
        rgba(185, 134, 73, .38);
    color: #bda98e;
}

.support-progress__number {
    color: var(--bronze-light);
    font-family: var(--serif);
    font-size: .92rem;
}

.support-workflow-card {
    border:
        1px solid
        rgba(185, 134, 73, .26);
    background:
        linear-gradient(
            180deg,
            rgba(20, 14, 10, .97),
            rgba(10, 8, 7, .98)
        );
    box-shadow:
        0 28px 70px
        rgba(0, 0, 0, .26);
}

.support-workflow-card__header {
    padding: 2rem 2.1rem 1.6rem;
    border-bottom:
        1px solid
        rgba(185, 134, 73, .18);
}

.support-workflow-card__header h3 {
    margin: 0;
    font-size:
        clamp(2rem, 4vw, 3.15rem);
}

.support-workflow-card__copy {
    max-width: 780px;
    margin: .85rem 0 0;
    color: var(--muted);
}

.support-workflow-card__body {
    padding: 2rem 2.1rem 2.1rem;
}

.support-step {
    display: none;
}

.support-step.is-active {
    display: block;
}

.support-choice-grid {
    display: grid;
    grid-template-columns:
        repeat(2, minmax(0, 1fr));
    gap: .85rem;
}

.support-choice {
    width: 100%;
    min-height: 116px;
    padding: 1.25rem 1.35rem;
    border:
        1px solid
        rgba(185, 134, 73, .22);
    background:
        rgba(12, 9, 7, .88);
    color: inherit;
    text-align: left;
    cursor: pointer;
    transition:
        transform .16s ease,
        border-color .16s ease,
        background .16s ease;
}

.support-choice:hover,
.support-choice:focus-visible {
    transform: translateY(-2px);
    border-color:
        rgba(214, 170, 106, .55);
    background:
        rgba(25, 17, 12, .94);
    outline: none;
}

.support-choice.is-selected {
    border-color:
        rgba(214, 170, 106, .82);
    background:
        linear-gradient(
            135deg,
            rgba(105, 54, 29, .45),
            rgba(18, 12, 9, .96)
        );
}

.support-choice__title {
    display: block;
    color: #eee2d1;
    font-family: var(--serif);
    font-size: 1.3rem;
    line-height: 1.15;
}

.support-choice__copy {
    display: block;
    margin-top: .65rem;
    color: #a99f93;
    font-size: .85rem;
    line-height: 1.55;
}

.support-field {
    display: block;
}

.support-field__label {
    display: block;
    margin-bottom: .7rem;
    color: #ded2c1;
    font-weight: 700;
}

.support-field__textarea {
    display: block;
    width: 100%;
    min-height: 270px;
    padding: 1rem 1.05rem;
    resize: vertical;
    border:
        1px solid
        rgba(185, 134, 73, .28);
    border-radius: 0;
    outline: none;
    background:
        rgba(7, 6, 5, .88);
    color: #eee7da;
    line-height: 1.65;
}

.support-field__textarea:focus {
    border-color:
        rgba(214, 170, 106, .70);
}

.support-field__meta {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    margin-top: .7rem;
    color: #8d857c;
    font-size: .76rem;
}

.support-field__help {
    margin: 0;
}

.support-upload-box {
    padding: 2.2rem 1.5rem;
    border:
        1px dashed
        rgba(214, 170, 106, .38);
    background:
        rgba(9, 7, 6, .65);
    text-align: center;
}

.support-upload-box__mark {
    margin-bottom: .8rem;
    color: var(--bronze-light);
    font-size: 2rem;
}

.support-upload-box h4 {
    margin: 0;
    color: #e9ddcd;
    font-family: var(--serif);
    font-size: 1.7rem;
    font-weight: 500;
}

.support-upload-box p {
    max-width: 650px;
    margin: .7rem auto 1.2rem;
    color: #9e958c;
}

.support-file-button {
    display: inline-flex;
    min-width: 160px;
    min-height: 44px;
    align-items: center;
    justify-content: center;
    padding: .7rem 1.15rem;
    border:
        1px solid
        rgba(214, 170, 106, .48);
    background:
        rgba(85, 43, 24, .55);
    color: #f4e5d1;
    cursor: pointer;
}

.support-file-button input {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
    pointer-events: none;
}

.support-selected-files {
    display: grid;
    gap: .5rem;
    max-width: 720px;
    margin: 1.3rem auto 0;
    text-align: left;
}

.support-selected-file {
    padding: .7rem .85rem;
    border:
        1px solid
        rgba(185, 134, 73, .18);
    background:
        rgba(14, 10, 8, .82);
    color: #bbb0a3;
    font-size: .8rem;
    overflow-wrap: anywhere;
}

.support-fairness-note {
    margin-top: 1rem;
    padding: 1rem 1.05rem;
    border-left: 2px solid #9a6341;
    background:
        rgba(84, 45, 25, .18);
    color: #a99f95;
    font-size: .82rem;
    line-height: 1.6;
}

.support-review {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(139, 96, 59, .58);
    border-radius: 3px;
    background:
        linear-gradient(
            180deg,
            rgba(207, 157, 91, .035),
            transparent 24%
        ),
        linear-gradient(
            145deg,
            rgba(24, 20, 17, .99),
            rgba(10, 9, 8, .995)
        );
    box-shadow:
        inset 0 0 0 1px rgba(255, 236, 204, .012),
        inset 0 0 42px rgba(0, 0, 0, .25),
        0 14px 34px rgba(0, 0, 0, .24);
}

.support-review__row {
    display: grid;
    grid-template-columns: minmax(145px, 185px) 1fr;
    gap: 1.25rem;
    align-items: start;
    padding: 1.05rem 1.2rem;
    border-bottom: 1px solid rgba(122, 86, 58, .24);
    background:
        linear-gradient(
            90deg,
            rgba(117, 72, 40, .045),
            transparent 34%
        );
}

.support-review__label {
    color: rgba(203, 154, 94, .82);
    font-family: var(--serif);
    font-size: .72rem;
    font-weight: 700;
    line-height: 1.45;
    letter-spacing: .095em;
    text-transform: uppercase;
}

.support-review__value {
    color: #ded2c3;
    font-size: .92rem;
    line-height: 1.65;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.support-backend-note {
    position: relative;
    margin-top: 1.1rem;
    padding: 1rem 1.15rem 1rem 1.3rem;
    border: 1px solid rgba(116, 82, 57, .32);
    border-left: 2px solid rgba(188, 133, 73, .68);
    border-radius: 2px;
    background:
        linear-gradient(
            90deg,
            rgba(112, 66, 36, .12),
            rgba(18, 15, 13, .68) 62%
        );
    color: #9d9184;
}

.support-backend-note strong {
    color: var(--bronze-light);
}

.support-backend-note p {
    margin: .45rem 0 0;
    color: #978e85;
}

.support-workflow-actions {
    display: flex;
    justify-content: space-between;
    gap: .8rem;
    margin-top: 1.7rem;
    padding-top: 1.4rem;
    border-top:
        1px solid
        rgba(185, 134, 73, .16);
}

.support-workflow-actions button {
    min-width: 150px;
}

.support-workflow-actions button:disabled {
    opacity: .38;
    cursor: not-allowed;
}

@media (max-width: 900px) {

    .support-progress {
        grid-template-columns: 1fr;
    }

    .support-progress__item {
        justify-content: flex-start;
    }

    .support-choice-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 620px) {

    .support-workflow-card__header,
    .support-workflow-card__body {
        padding-left: 1.2rem;
        padding-right: 1.2rem;
    }

    .support-field__meta {
        flex-direction: column;
    }

    .support-review__row {
        grid-template-columns: 1fr;
        gap: .4rem;
    }

    .support-workflow-actions {
        flex-direction: column-reverse;
    }

    .support-workflow-actions button {
        width: 100%;
    }
}


.support-workflow-actions [data-support-back] {
    background:
        rgba(10, 8, 7, .94) !important;
    color:
        #d8c5aa !important;
    border:
        1px solid
        rgba(185, 134, 73, .42) !important;
    box-shadow:
        none !important;
}

.support-workflow-actions [data-support-back]:hover,
.support-workflow-actions [data-support-back]:focus-visible {
    background:
        rgba(83, 46, 27, .55) !important;
    color:
        #f2dfc2 !important;
    border-color:
        rgba(214, 170, 106, .76) !important;
    box-shadow:
        0 0 0 1px
        rgba(214, 170, 106, .12) !important;
    outline:
        none;
}

.support-workflow-actions [data-support-back]:active {
    background:
        rgba(55, 31, 20, .72) !important;
}







.support-file-button[hidden],
.support-selected-files[hidden] {
    display: none !important;
}






.support-progress__item[data-support-progress] {
    cursor: pointer;
    user-select: none;
    transition:
        border-color .16s ease,
        background .16s ease,
        color .16s ease,
        transform .16s ease;
}

.support-progress__item[data-support-progress]:hover {
    border-color:
        rgba(214, 170, 106, .52);
    background:
        rgba(45, 28, 18, .78);
    color:
        #d8c5aa;
    transform:
        translateY(-1px);
}

.support-progress__item[data-support-progress]:focus-visible {
    border-color:
        rgba(214, 170, 106, .78);
    outline:
        1px solid
        rgba(214, 170, 106, .38);
    outline-offset:
        2px;
}






.support-upload-box[data-drop-enabled="true"] {
    cursor: pointer;
    transition:
        border-color .16s ease,
        background .16s ease,
        box-shadow .16s ease,
        transform .16s ease;
}

.support-upload-box[data-drop-enabled="true"]:hover {
    border-color:
        rgba(214, 170, 106, .58);
    background:
        rgba(31, 20, 14, .72);
}

.support-upload-box.is-dragover {
    border-color:
        rgba(214, 170, 106, .92) !important;
    background:
        rgba(83, 46, 27, .42) !important;
    box-shadow:
        inset 0 0 0 1px
        rgba(214, 170, 106, .18);
    transform:
        translateY(-1px);
}

.support-upload-box[data-drop-enabled="false"] {
    cursor: default;
}


.live-chat-section {
    display: none !important;
}


.support-progress {
    position: relative !important;

    display: grid !important;
    grid-template-columns:
        repeat(6, minmax(0, 1fr)) !important;

    gap: 0 !important;

    width: 100%;
    max-width: 1040px;

    margin:
        0 auto
        2.25rem !important;

    padding:
        .5rem .2rem
        .15rem !important;

    overflow:
        visible !important;
}






.support-progress__item {
    position: relative;

    display:
        flex !important;

    flex-direction:
        column;

    align-items:
        center !important;

    justify-content:
        flex-start !important;

    gap:
        .65rem !important;

    min-height:
        82px !important;

    padding:
        0 .35rem !important;

    border:
        0 !important;

    border-radius:
        0 !important;

    background:
        transparent !important;

    box-shadow:
        none !important;

    color:
        #81766c !important;

    text-align:
        center;

    cursor:
        pointer;

    transform:
        none !important;

    z-index:
        1;
}






.support-progress__item::after {
    content:
        "";

    position:
        absolute;

    top:
        23px;

    left:
        calc(50% + 27px);

    right:
        calc(-50% + 27px);

    height:
        1px;

    background:
        linear-gradient(
            90deg,
            rgba(105, 83, 63, .48),
            rgba(105, 83, 63, .22)
        );

    box-shadow:
        0 0 8px
        rgba(0, 0, 0, .4);

    pointer-events:
        none;

    z-index:
        -1;
}


.support-progress__item:last-child::after {
    display:
        none;
}




.support-progress__item.is-complete::after {
    height:
        2px;

    background:
        linear-gradient(
            90deg,
            rgba(214, 170, 106, .92),
            rgba(164, 110, 58, .65)
        );

    box-shadow:
        0 0 8px
        rgba(185, 134, 73, .2);
}






.support-progress__number {
    position:
        relative;

    display:
        grid !important;

    place-items:
        center;

    width:
        46px;

    height:
        46px;

    flex:
        0 0 46px;

    margin:
        0 !important;

    border:
        1px solid
        rgba(128, 101, 75, .5);

    border-radius:
        50%;

    background:
        radial-gradient(
            circle at 50% 35%,
            rgba(39, 28, 21, .98),
            rgba(12, 10, 9, .98) 72%
        );

    box-shadow:
        inset 0 0 0 2px
        rgba(255, 255, 255, .015),
        0 5px 15px
        rgba(0, 0, 0, .32);

    color:
        #8f8173 !important;

    font-size:
        .76rem;

    font-weight:
        700;

    letter-spacing:
        .08em;

    line-height:
        1;

    transition:
        border-color .18s ease,
        background .18s ease,
        color .18s ease,
        box-shadow .18s ease,
        transform .18s ease;
}






.support-progress__item
[data-support-progress-label] {
    color:
        inherit;

    font-size:
        .72rem;

    font-weight:
        600;

    letter-spacing:
        .07em;

    line-height:
        1.25;

    text-transform:
        uppercase;

    transition:
        color .18s ease,
        opacity .18s ease;
}






.support-progress__item:hover
.support-progress__number {
    border-color:
        rgba(190, 143, 87, .72);

    color:
        #c7ab87 !important;

    background:
        radial-gradient(
            circle at 50% 35%,
            rgba(56, 36, 25, .98),
            rgba(14, 11, 9, .98) 74%
        );

    transform:
        translateY(-1px);
}


.support-progress__item:hover
[data-support-progress-label] {
    color:
        #bea98e;
}






.support-progress__item.is-active
.support-progress__number {
    border:
        1px solid
        rgba(224, 177, 108, .9);

    background:
        radial-gradient(
            circle at 50% 32%,
            rgba(94, 54, 31, .96),
            rgba(29, 17, 12, .98) 72%
        );

    color:
        #f0d6ad !important;

    box-shadow:
        inset 0 0 0 2px
        rgba(255, 215, 157, .05),
        0 0 0 3px
        rgba(185, 134, 73, .09),
        0 0 20px
        rgba(185, 134, 73, .23),
        0 8px 20px
        rgba(0, 0, 0, .42);

    transform:
        scale(1.12);
}


.support-progress__item.is-active
[data-support-progress-label] {
    color:
        #e3c59c !important;

    font-weight:
        700;

    text-shadow:
        0 0 10px
        rgba(214, 170, 106, .12);
}




.support-progress__item.is-active
.support-progress__number::before {
    content:
        "";

    position:
        absolute;

    inset:
        -5px;

    border:
        1px solid
        rgba(185, 134, 73, .2);

    border-radius:
        50%;

    pointer-events:
        none;
}






.support-progress__item.is-complete
.support-progress__number {
    border-color:
        rgba(185, 134, 73, .75);

    background:
        radial-gradient(
            circle at 50% 35%,
            rgba(73, 45, 27, .96),
            rgba(24, 16, 12, .98) 75%
        );

    color:
        transparent !important;

    box-shadow:
        inset 0 0 0 2px
        rgba(214, 170, 106, .035),
        0 0 13px
        rgba(185, 134, 73, .1);
}


.support-progress__item.is-complete
.support-progress__number::after {
    content:
        "✓";

    position:
        absolute;

    inset:
        0;

    display:
        grid;

    place-items:
        center;

    color:
        #d4b17d;

    font-size:
        1rem;

    font-weight:
        700;

    letter-spacing:
        0;
}


.support-progress__item.is-complete
[data-support-progress-label] {
    color:
        #aa9277 !important;
}






.support-progress__item:focus {
    outline:
        none;
}


.support-progress__item:focus-visible
.support-progress__number {
    border-color:
        #d6aa6a;

    box-shadow:
        0 0 0 3px
        rgba(214, 170, 106, .15),
        0 0 18px
        rgba(214, 170, 106, .2);
}






@media (max-width: 720px) {

    .support-progress {
        margin-bottom:
            1.8rem !important;

        padding:
            .4rem 0
            .05rem !important;
    }


    .support-progress__item {
        gap:
            .5rem !important;

        min-height:
            70px !important;

        padding:
            0 .1rem !important;
    }


    .support-progress__number {
        width:
            38px;

        height:
            38px;

        flex-basis:
            38px;

        font-size:
            .66rem;
    }


    .support-progress__item::after {
        top:
            19px;

        left:
            calc(50% + 22px);

        right:
            calc(-50% + 22px);
    }


    .support-progress__item
    [data-support-progress-label] {
        width:
            100%;

        max-width:
            68px;

        font-size:
            .56rem;

        line-height:
            1.15;

        letter-spacing:
            .025em;

        overflow-wrap:
            anywhere;

        opacity:
            .58;
    }


    .support-progress__item.is-active
    [data-support-progress-label] {
        opacity:
            1;
    }


    .support-progress__item.is-complete
    [data-support-progress-label] {
        opacity:
            .78;
    }

}






@media (max-width: 420px) {

    .support-progress__number {
        width:
            34px;

        height:
            34px;

        flex-basis:
            34px;
    }


    .support-progress__item::after {
        top:
            17px;

        left:
            calc(50% + 20px);

        right:
            calc(-50% + 20px);
    }


    .support-progress__item
    [data-support-progress-label] {
        max-width:
            60px;

        font-size:
            .52rem;
    }

}






.support-choice-grid {
    gap:
        1rem !important;
}






.support-choice {
    position:
        relative;

    isolation:
        isolate;

    overflow:
        hidden;

    width:
        100%;

    min-height:
        118px;

    padding:
        1.35rem
        3rem
        1.3rem
        1.45rem !important;

    border:
        1px solid
        rgba(112, 88, 67, .52) !important;

    border-radius:
        2px !important;

    background:

        linear-gradient(
            135deg,
            rgba(214, 170, 106, .07),
            transparent 18%
        ),

        linear-gradient(
            315deg,
            rgba(112, 62, 37, .08),
            transparent 22%
        ),

        linear-gradient(
            145deg,
            rgba(25, 21, 18, .98),
            rgba(11, 10, 9, .99)
        ) !important;

    box-shadow:

        inset 0 0 0 1px
        rgba(255, 236, 204, .012),

        inset 0 -20px 35px
        rgba(0, 0, 0, .18),

        0 8px 22px
        rgba(0, 0, 0, .18);

    color:
        #d6c5b0;

    text-align:
        left;

    cursor:
        pointer;

    transition:
        transform .18s ease,
        border-color .18s ease,
        background .18s ease,
        box-shadow .18s ease;

    appearance:
        none;
}






.support-choice::before {
    content:
        "";

    position:
        absolute;

    top:
        0;

    left:
        18px;

    width:
        72px;

    height:
        1px;

    background:
        linear-gradient(
            90deg,
            rgba(214, 170, 106, .78),
            rgba(214, 170, 106, .18),
            transparent
        );

    box-shadow:
        0 1px 6px
        rgba(185, 134, 73, .1);

    pointer-events:
        none;

    transition:
        width .2s ease,
        opacity .2s ease;

    z-index:
        2;
}






.support-choice::after {
    content:
        "◆";

    position:
        absolute;

    top:
        50%;

    right:
        1.3rem;

    transform:
        translateY(-50%)
        rotate(45deg)
        scale(.7);

    display:
        grid;

    place-items:
        center;

    width:
        24px;

    height:
        24px;

    border:
        1px solid
        rgba(116, 89, 65, .42);

    color:
        transparent;

    font-size:
        .52rem;

    background:
        rgba(7, 6, 5, .38);

    box-shadow:
        inset 0 0 8px
        rgba(0, 0, 0, .5);

    opacity:
        .72;

    transition:
        border-color .18s ease,
        background .18s ease,
        box-shadow .18s ease,
        color .18s ease,
        transform .18s ease;

    pointer-events:
        none;
}






.support-choice__title {
    position:
        relative;

    z-index:
        1;

    display:
        block;

    color:
        #e6d8c6 !important;

    font-family:
        var(--serif);

    font-size:
        1.23rem !important;

    font-weight:
        650 !important;

    line-height:
        1.18 !important;

    letter-spacing:
        .015em;

    text-shadow:
        0 1px 2px
        rgba(0, 0, 0, .5);

    transition:
        color .18s ease,
        text-shadow .18s ease;
}






.support-choice__copy {
    position:
        relative;

    z-index:
        1;

    display:
        block;

    max-width:
        92%;

    margin-top:
        .68rem !important;

    color:
        #92887e !important;

    font-size:
        .83rem !important;

    line-height:
        1.55 !important;

    transition:
        color .18s ease;
}






.support-choice > *:last-child {
    margin-bottom:
        0;
}






.support-choice:hover {
    transform:
        translateY(-2px) !important;

    border-color:
        rgba(184, 132, 77, .64) !important;

    background:

        linear-gradient(
            135deg,
            rgba(214, 170, 106, .1),
            transparent 22%
        ),

        linear-gradient(
            315deg,
            rgba(112, 62, 37, .13),
            transparent 28%
        ),

        linear-gradient(
            145deg,
            rgba(32, 24, 19, .99),
            rgba(13, 10, 9, .99)
        ) !important;

    box-shadow:

        inset 0 0 0 1px
        rgba(214, 170, 106, .025),

        0 12px 26px
        rgba(0, 0, 0, .28),

        0 0 16px
        rgba(126, 77, 43, .07);
}


.support-choice:hover::before {
    width:
        112px;
}


.support-choice:hover::after {
    border-color:
        rgba(185, 134, 73, .62);

    background:
        rgba(45, 27, 17, .48);

    transform:
        translateY(-50%)
        rotate(45deg)
        scale(.78);
}


.support-choice:hover
.support-choice__title {
    color:
        #f0dfc6 !important;
}


.support-choice:hover
.support-choice__copy {
    color:
        #aaa097 !important;
}






.support-choice.is-selected {
    transform:
        translateY(-1px) !important;

    border-color:
        rgba(218, 168, 103, .92) !important;

    background:

        radial-gradient(
            circle at 85% 50%,
            rgba(134, 72, 34, .12),
            transparent 24%
        ),

        linear-gradient(
            135deg,
            rgba(121, 64, 32, .34),
            transparent 43%
        ),

        linear-gradient(
            145deg,
            rgba(39, 26, 18, .99),
            rgba(13, 10, 8, .99)
        ) !important;

    box-shadow:

        inset 0 0 0 1px
        rgba(239, 195, 129, .045),

        inset 4px 0 0
        rgba(185, 124, 68, .5),

        0 0 0 1px
        rgba(185, 134, 73, .08),

        0 0 22px
        rgba(164, 101, 51, .11),

        0 12px 28px
        rgba(0, 0, 0, .32);
}


.support-choice.is-selected::before {
    width:
        calc(100% - 36px);

    background:
        linear-gradient(
            90deg,
            rgba(227, 181, 111, .9),
            rgba(180, 116, 64, .34),
            transparent
        );
}


.support-choice.is-selected::after {
    color:
        #ddad6d;

    border-color:
        rgba(225, 170, 103, .86);

    background:
        radial-gradient(
            circle,
            rgba(113, 62, 31, .78),
            rgba(31, 19, 13, .96)
        );

    box-shadow:

        inset 0 0 7px
        rgba(231, 181, 111, .18),

        0 0 11px
        rgba(190, 121, 61, .23);

    opacity:
        1;

    transform:
        translateY(-50%)
        rotate(45deg)
        scale(.82);
}


.support-choice.is-selected
.support-choice__title {
    color:
        #f2d8b4 !important;

    text-shadow:
        0 0 12px
        rgba(214, 155, 87, .12);
}


.support-choice.is-selected
.support-choice__copy {
    color:
        #b7a595 !important;
}






.support-choice:focus {
    outline:
        none;
}


.support-choice:focus-visible {
    border-color:
        rgba(229, 180, 111, .95) !important;

    box-shadow:

        0 0 0 2px
        rgba(214, 170, 106, .14),

        0 0 18px
        rgba(185, 134, 73, .18) !important;
}






[data-support-step="2"]
.support-choice {
    min-height:
        128px !important;

    padding-top:
        1.45rem !important;

    padding-bottom:
        1.4rem !important;
}






[data-support-step="3"]
.support-choice {
    min-height:
        78px !important;

    display:
        flex;

    align-items:
        center;

    padding:
        1rem
        3rem
        1rem
        1.3rem !important;
}


[data-support-step="3"]
.support-choice__title {
    font-family:
        inherit;

    font-size:
        .96rem !important;

    font-weight:
        650 !important;

    line-height:
        1.32 !important;

    letter-spacing:
        .01em;
}







[data-support-step="3"]
.support-choice::before {
    width:
        44px;
}


[data-support-step="3"]
.support-choice:hover::before {
    width:
        76px;
}


[data-support-step="3"]
.support-choice.is-selected::before {
    width:
        calc(100% - 36px);
}






@media (max-width: 760px) {

    .support-choice-grid {
        grid-template-columns:
            1fr !important;

        gap:
            .75rem !important;
    }


    [data-support-step="2"]
    .support-choice {
        min-height:
            108px !important;

        padding:
            1.15rem
            2.8rem
            1.1rem
            1.15rem !important;
    }


    .support-choice__title {
        font-size:
            1.08rem !important;
    }


    .support-choice__copy {
        max-width:
            96%;

        margin-top:
            .52rem !important;

        font-size:
            .79rem !important;
    }


    [data-support-step="3"]
    .support-choice {
        min-height:
            68px !important;

        padding:
            .88rem
            2.7rem
            .88rem
            1.1rem !important;
    }


    [data-support-step="3"]
    .support-choice__title {
        font-size:
            .9rem !important;
    }


    .support-choice::after {
        right:
            1rem;

        width:
            21px;

        height:
            21px;
    }

}






@media (max-width: 420px) {

    [data-support-step="2"]
    .support-choice {
        min-height:
            100px !important;
    }


    .support-choice__title {
        font-size:
            1rem !important;
    }


    .support-choice__copy {
        font-size:
            .75rem !important;
    }


    [data-support-step="3"]
    .support-choice {
        min-height:
            64px !important;
    }

}






.support-choice {
    text-align:
        center !important;

    padding-left:
        3.25rem !important;

    padding-right:
        3.25rem !important;
}


.support-choice__title,
.support-choice__copy,
.support-choice__example {
    width:
        100%;

    max-width:
        100%;

    margin-left:
        auto !important;

    margin-right:
        auto !important;

    text-align:
        center !important;
}






.support-choice__copy {
    max-width:
        92% !important;
}






.support-choice__example {
    position:
        relative;

    z-index:
        1;

    display:
        block;

    max-width:
        92% !important;

    margin-top:
        .72rem;

    padding-top:
        .66rem;

    border-top:
        1px solid
        rgba(185, 134, 73, .13);

    color:
        #9f856c;

    font-size:
        .73rem;

    font-weight:
        500;

    font-style:
        italic;

    line-height:
        1.48;

    letter-spacing:
        .008em;

    transition:
        color .18s ease,
        border-color .18s ease;
}






.support-choice:hover
.support-choice__example {
    color:
        #baa087;

    border-top-color:
        rgba(195, 143, 84, .22);
}






.support-choice.is-selected
.support-choice__example {
    color:
        #d0aa7d;

    border-top-color:
        rgba(219, 164, 97, .32);
}






[data-support-step="2"]
.support-choice {
    display:
        flex;

    flex-direction:
        column;

    align-items:
        center;

    justify-content:
        center;

    min-height:
        158px !important;
}






[data-support-step="3"]
.support-choice {
    display:
        flex !important;

    flex-direction:
        column !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    min-height:
        106px !important;

    text-align:
        center !important;
}


[data-support-step="3"]
.support-choice__title {
    width:
        100%;

    text-align:
        center !important;
}


[data-support-step="3"]
.support-choice__example {
    max-width:
        94% !important;

    margin-top:
        .55rem;

    padding-top:
        .52rem;

    font-size:
        .7rem;
}






.support-choice::after {
    pointer-events:
        none;
}






@media (max-width: 760px) {

    .support-choice {
        padding-left:
            2.75rem !important;

        padding-right:
            2.75rem !important;
    }


    [data-support-step="2"]
    .support-choice {
        min-height:
            142px !important;
    }


    [data-support-step="3"]
    .support-choice {
        min-height:
            96px !important;
    }


    .support-choice__example {
        font-size:
            .69rem;

        line-height:
            1.42;
    }

}






@media (max-width: 420px) {

    .support-choice {
        padding-left:
            2.35rem !important;

        padding-right:
            2.35rem !important;
    }


    [data-support-step="2"]
    .support-choice {
        min-height:
            136px !important;
    }


    [data-support-step="3"]
    .support-choice {
        min-height:
            92px !important;
    }


    .support-choice__example {
        font-size:
            .66rem;
    }

}






[data-support-app] textarea {
    display:
        block;

    width:
        100%;

    min-height:
        260px;

    padding:
        1.45rem
        1.55rem;

    border:
        1px solid
        rgba(125, 92, 66, .58) !important;

    border-radius:
        2px !important;

    outline:
        none;

    resize:
        vertical;

    background:

        linear-gradient(
            90deg,
            rgba(203, 151, 87, .5),
            rgba(203, 151, 87, .08) 24%,
            transparent 52%
        )
        top left /
        110px 1px
        no-repeat,

        linear-gradient(
            180deg,
            rgba(214, 170, 106, .045),
            transparent 25%
        ),

        radial-gradient(
            circle at 92% 9%,
            rgba(128, 72, 37, .08),
            transparent 26%
        ),

        linear-gradient(
            145deg,
            rgba(24, 20, 17, .99),
            rgba(10, 9, 8, .995)
        ) !important;

    box-shadow:

        inset 0 0 0 1px
        rgba(255, 236, 204, .012),

        inset 0 0 42px
        rgba(0, 0, 0, .27),

        inset 4px 0 0
        rgba(118, 76, 47, .12),

        0 10px 28px
        rgba(0, 0, 0, .2);

    color:
        #ded2c3 !important;

    caret-color:
        #d7a668;

    font-family:
        inherit;

    font-size:
        .96rem;

    font-weight:
        400;

    line-height:
        1.72;

    letter-spacing:
        .006em;

    transition:
        border-color .2s ease,
        box-shadow .2s ease,
        background .2s ease,
        transform .2s ease;
}






[data-support-app] textarea::placeholder {
    color:
        rgba(153, 139, 124, .56);

    font-style:
        italic;

    opacity:
        1;
}






[data-support-app] textarea:hover {
    border-color:
        rgba(170, 119, 72, .68) !important;

    box-shadow:

        inset 0 0 0 1px
        rgba(226, 180, 116, .018),

        inset 0 0 42px
        rgba(0, 0, 0, .28),

        inset 4px 0 0
        rgba(151, 95, 53, .18),

        0 12px 30px
        rgba(0, 0, 0, .23);
}






[data-support-app] textarea:focus,
[data-support-app] textarea:focus-visible {
    border-color:
        rgba(221, 166, 98, .92) !important;

    background:

        linear-gradient(
            90deg,
            rgba(227, 177, 107, .88),
            rgba(190, 126, 69, .25) 38%,
            transparent 70%
        )
        top left /
        180px 1px
        no-repeat,

        linear-gradient(
            180deg,
            rgba(220, 167, 101, .06),
            transparent 28%
        ),

        radial-gradient(
            circle at 92% 9%,
            rgba(153, 81, 38, .1),
            transparent 28%
        ),

        linear-gradient(
            145deg,
            rgba(30, 23, 18, .995),
            rgba(11, 9, 8, .995)
        ) !important;

    box-shadow:

        inset 0 0 0 1px
        rgba(236, 190, 127, .028),

        inset 4px 0 0
        rgba(199, 132, 70, .44),

        inset 0 0 46px
        rgba(0, 0, 0, .24),

        0 0 0 1px
        rgba(206, 145, 83, .08),

        0 0 24px
        rgba(174, 105, 55, .12),

        0 13px 32px
        rgba(0, 0, 0, .27);
}






[data-support-app] textarea::selection {
    background:
        rgba(166, 105, 57, .52);

    color:
        #fff3df;
}






[data-support-description-help] {
    display:
        block;

    position:
        relative;

    margin-top:
        .9rem !important;

    padding:
        .8rem
        1rem
        .8rem
        1.15rem;

    border-left:
        2px solid
        rgba(185, 134, 73, .52);

    background:
        linear-gradient(
            90deg,
            rgba(105, 62, 36, .11),
            rgba(22, 18, 15, .2) 56%,
            transparent
        );

    color:
        #998c80 !important;

    font-size:
        .76rem !important;

    line-height:
        1.55 !important;

    letter-spacing:
        .01em;

    text-align:
        left;

    box-shadow:
        inset 12px 0 20px
        rgba(98, 55, 31, .025);
}






[data-support-description-help]::before {
    content:
        "◆";

    display:
        inline-block;

    margin-right:
        .58rem;

    color:
        rgba(201, 149, 87, .66);

    font-size:
        .5rem;

    transform:
        translateY(-1px)
        rotate(45deg);
}






[data-support-app] label:has(+ textarea),
[data-support-app] label:has(~ textarea) {
    color:
        #d7c5ad;

    font-family:
        var(--serif);

    font-size:
        .88rem;

    letter-spacing:
        .055em;

    text-transform:
        uppercase;
}






@media (max-width: 760px) {

    [data-support-app] textarea {
        min-height:
            230px;

        padding:
            1.2rem
            1.15rem;

        font-size:
            .91rem;

        line-height:
            1.62;
    }


    [data-support-description-help] {
        padding:
            .72rem
            .8rem
            .72rem
            1rem;

        font-size:
            .72rem !important;
    }

}






@media (max-width: 420px) {

    [data-support-app] textarea {
        min-height:
            210px;

        padding:
            1rem;

        font-size:
            .88rem;
    }


    [data-support-description-help] {
        font-size:
            .69rem !important;
    }

}


.support-contact-details {
    position: relative;
    margin-top: 1.4rem;
    padding: 1.3rem;
    border: 1px solid rgba(133, 92, 60, .5);
    border-radius: 3px;
    background:
        linear-gradient(
            180deg,
            rgba(205, 153, 89, .045),
            transparent 28%
        ),
        linear-gradient(
            145deg,
            rgba(23, 19, 16, .99),
            rgba(11, 9, 8, .995)
        );
    box-shadow:
        inset 0 0 34px rgba(0, 0, 0, .22),
        0 10px 28px rgba(0, 0, 0, .18);
}

.support-contact-details::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 140px;
    height: 1px;
    background:
        linear-gradient(
            90deg,
            rgba(222, 168, 101, .9),
            rgba(178, 116, 61, .22),
            transparent
        );
}

.support-contact-details__header {
    margin-bottom: 1.05rem;
}

.support-contact-details__header h4 {
    margin: 0;
    color: #d8c4aa;
    font-family: var(--serif);
    font-size: 1rem;
    letter-spacing: .055em;
}

.support-contact-details__header p {
    max-width: 780px;
    margin: .45rem 0 0;
    color: #968a7f;
    font-size: .78rem;
    line-height: 1.55;
}

.support-contact-details__grid {
    display: grid;
    grid-template-columns:
        repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.support-contact-field {
    display: grid;
    gap: .5rem;
}

.support-contact-field__label {
    color: rgba(206, 157, 97, .84);
    font-family: var(--serif);
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.support-contact-field__input {
    width: 100%;
    min-height: 48px;
    padding: .85rem 1rem;
    border: 1px solid rgba(126, 89, 61, .56);
    border-radius: 2px;
    outline: none;
    background:
        linear-gradient(
            145deg,
            rgba(25, 21, 18, .99),
            rgba(10, 9, 8, .995)
        );
    box-shadow:
        inset 0 0 24px rgba(0, 0, 0, .26);
    color: #ded2c3;
    caret-color: #d7a668;
    font: inherit;
    transition:
        border-color .2s ease,
        box-shadow .2s ease;
}

.support-contact-field__input::placeholder {
    color: rgba(151, 137, 124, .48);
}

.support-contact-field__input:hover {
    border-color: rgba(170, 119, 72, .68);
}

.support-contact-field__input:focus,
.support-contact-field__input:focus-visible {
    border-color: rgba(221, 166, 98, .92);
    box-shadow:
        inset 3px 0 0 rgba(197, 130, 70, .38),
        inset 0 0 25px rgba(0, 0, 0, .23),
        0 0 22px rgba(174, 105, 55, .1);
}

.support-contact-details__security {
    margin: .95rem 0 0;
    padding: .72rem .9rem;
    border-left: 2px solid rgba(181, 126, 69, .5);
    background:
        linear-gradient(
            90deg,
            rgba(105, 62, 36, .1),
            transparent 72%
        );
    color: #94877b;
    font-size: .72rem;
    line-height: 1.55;
}


.support-review::before {
    content: "";
    display: block;
    height: 1px;
    background:
        linear-gradient(
            90deg,
            rgba(220, 166, 99, .84),
            rgba(166, 103, 55, .24) 34%,
            transparent 72%
        );
}

.support-review__row:last-child {
    border-bottom: 0;
}

.support-review__row:hover {
    background:
        linear-gradient(
            90deg,
            rgba(145, 88, 47, .075),
            transparent 42%
        );
}

.support-backend-note strong {
    display: block;
    margin-bottom: .35rem;
    color: #c9af8d;
    font-family: var(--serif);
    font-size: .8rem;
    letter-spacing: .05em;
}

.support-backend-note p {
    margin: 0;
    line-height: 1.55;
}


@media (max-width: 700px) {

    .support-contact-details__grid {
        grid-template-columns: 1fr;
    }

    .support-contact-details {
        padding: 1rem;
    }

    .support-review__row {
        grid-template-columns: 1fr;
        gap: .45rem;
    }

}


.support-progress {
    grid-template-columns:
        repeat(6, minmax(0, 1fr)) !important;

    max-width:
        1180px;
}


[data-support-step="1"]
.support-contact-details {
    margin-top:
        0;
}


@media (max-width: 720px) {

    .support-progress__item
    [data-support-progress-label] {
        max-width:
            58px;

        font-size:
            .52rem;
    }

}


@media (max-width: 420px) {

    .support-progress__item
    [data-support-progress-label] {
        max-width:
            52px;

        font-size:
            .48rem;
    }

}


.support-submission-success {
    display:
        grid;

    justify-items:
        center;

    gap:
        .8rem;

    padding:
        2.1rem 1.4rem;

    text-align:
        center;
}


.support-submission-success__icon {
    display:
        grid;

    place-items:
        center;

    width:
        52px;

    height:
        52px;

    border:
        1px solid rgba(203, 149, 86, .78);

    border-radius:
        50%;

    color:
        #d4a261;

    box-shadow:
        0 0 28px rgba(181, 113, 58, .12);

    font-size:
        1.35rem;
}


.support-submission-success h4 {
    margin:
        .2rem 0 0;

    color:
        #dfc8aa;

    font-family:
        var(--serif);

    font-size:
        1.25rem;

    letter-spacing:
        .04em;
}


.support-submission-success p {
    max-width:
        680px;

    margin:
        0;

    color:
        #9e9185;

    line-height:
        1.6;
}


.support-submission-success__label {
    margin-top:
        .55rem;

    color:
        rgba(198, 146, 88, .78);

    font-family:
        var(--serif);

    font-size:
        .7rem;

    letter-spacing:
        .1em;

    text-transform:
        uppercase;
}


.support-submission-success__number {
    color:
        #e1c7a5;

    font-family:
        var(--serif);

    font-size:
        1.15rem;

    letter-spacing:
        .08em;
}


.support-ticket-view-v1 {
    width: 100%;
    padding: 32px 20px 56px;
}

.support-ticket-view-v1__inner {
    width: min(100%, 980px);
    margin: 0 auto;
    padding: 24px;
    border: 1px solid rgba(167, 119, 72, 0.42);
    background: rgba(15, 12, 10, 0.84);
}

.support-ticket-view-v1__inner h2,
.support-ticket-view-v1__inner h3 {
    margin-top: 0;
}

.support-ticket-view-v1__intro,
.support-ticket-view-v1__muted,
.support-ticket-view-v1__status {
    opacity: 0.78;
}

.support-ticket-view-v1__controls {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    gap: 10px;
    margin: 18px 0;
}

.support-ticket-view-v1__controls input,
.support-ticket-view-v1__controls button {
    min-height: 44px;
}

.support-ticket-view-v1__summary {
    display: grid;
    gap: 8px;
    margin-top: 20px;
}

.support-ticket-view-v1__row {
    display: grid;
    grid-template-columns: minmax(120px, 180px) minmax(0, 1fr);
    gap: 16px;
    padding: 10px 0;
    border-bottom: 1px solid rgba(167, 119, 72, 0.2);
}

.support-ticket-view-v1__description,
.support-ticket-view-v1__messages {
    margin-top: 26px;
}

.support-ticket-view-v1__message {
    padding: 16px;
    margin-top: 12px;
    border: 1px solid rgba(167, 119, 72, 0.32);
    background: rgba(255, 255, 255, 0.025);
}

.support-ticket-view-v1__message-meta {
    margin-bottom: 10px;
    font-size: 0.85rem;
    opacity: 0.72;
}

.support-ticket-view-v1__message-body,
.support-ticket-view-v1__description p {
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.support-ticket-view-v1__error {
    margin-top: 12px;
}

@media (max-width: 720px) {
    .support-ticket-view-v1__controls {
        grid-template-columns: 1fr;
    }

    .support-ticket-view-v1__row {
        grid-template-columns: 1fr;
        gap: 4px;
    }
}


.support-ticket-view-v1 {
    display: none !important;
}


.support-live-chat-choice {
    margin-top: 1rem;
    padding: 1rem 1.1rem;
    border: 1px solid rgba(196, 151, 76, .48);
    border-radius: 12px;
    background: linear-gradient(
        135deg,
        rgba(28, 24, 19, .96),
        rgba(12, 12, 12, .96)
    );
}

.support-live-chat-choice__label {
    display: flex;
    align-items: flex-start;
    gap: .8rem;
    cursor: pointer;
}

.support-live-chat-choice__label input {
    width: 18px;
    height: 18px;
    margin-top: .18rem;
    accent-color: #b98b49;
    flex: 0 0 auto;
}

.support-live-chat-choice__copy {
    display: grid;
    gap: .28rem;
}

.support-live-chat-choice__copy strong {
    color: #e5c995;
    font-size: .98rem;
}

.support-live-chat-choice__copy span {
    color: rgba(232, 226, 215, .76);
    line-height: 1.55;
    font-size: .88rem;
}


.support-workflow-actions
[data-support-next] {
    margin-left: auto;
}

.support-workflow-actions
[data-support-next]
+
.support-live-chat-submit {
    margin-left: .7rem;
}

.support-live-chat-submit {
    min-width: 190px;
    border-color:
        rgba(203, 154, 79, .82);
    box-shadow:
        0 0 0 1px
        rgba(203, 154, 79, .1)
        inset;
}

.support-live-chat-submit:not(:disabled) {
    background:
        linear-gradient(
            180deg,
            rgba(151, 92, 34, .98),
            rgba(103, 57, 22, .98)
        );
}

.support-live-chat-submit:hover:not(:disabled) {
    filter:
        brightness(1.08);
}

.support-live-chat-submit[hidden] {
    display:
        none !important;
}

@media (max-width: 760px) {
    .support-workflow-actions {
        flex-wrap:
            wrap;
    }

    .support-workflow-actions
    [data-support-next] {
        margin-left:
            0;
    }

    .support-workflow-actions
    [data-support-next],
    .support-live-chat-submit {
        width:
            100%;
        min-width:
            0;
    }

    .support-workflow-actions
    [data-support-next]
    +
    .support-live-chat-submit {
        margin-left:
            0;
        margin-top:
            .6rem;
    }
}