.ad17a4e50b {
    background-color: #fafafa;
    border-radius: var(--bui_border_radius_200);
    box-shadow: var(--bui_shadow_100);
    display: flex;
    padding: var(--bui_spacing_1x);
    margin: var(--bui_spacing_6x) 0 var(--bui_spacing_4x)
}

.a907f01dba {
    box-sizing: border-box;
    border-radius: var(--bui_border_radius_100);
    background-color: var(--bui_color_white);
    display: flex;
    flex: 0 0 auto;
    margin-left: var(--bui_spacing_1x)
}

    .a907f01dba:first-child {
        flex: 1 1 auto;
        margin-left: 0
    }

    .a907f01dba:not(:last-child):hover {
        box-shadow: 0 0 0 1px var(--bui_color_callout_border)
    }

    .a907f01dba > div {
        align-self: center;
        box-sizing: border-box;
        padding: var(--bui_spacing_2x);
        width: 100%
    }

.b0df62d422 {
    background-color: var(--bui_color_accent_background)
}

.ad17a4e50b.fbc3ecdbed {
    flex-direction: column
}

.fbc3ecdbed .a907f01dba {
    margin-left: 0;
    margin-top: var(--bui_spacing_1x);
    min-height: 50px
}

    .fbc3ecdbed .a907f01dba:first-child {
        margin-left: 0;
        margin-top: 0
    }

.ad17a4e50b.e315b17f8e {
    padding: 2px;
    margin: 0;
    box-shadow: none
}

.e315b17f8e .a907f01dba:not(:first-child) {
    margin-left: 2px
}

.e315b17f8e .a907f01dba > div {
    padding: 0 2px
}

@media (max-width: 900px) {
    .ad17a4e50b {
        flex-direction: column
    }

    .a907f01dba {
        margin-left: 0;
        margin-top: var(--bui_spacing_1x);
        min-height: 50px
    }

        .a907f01dba:first-child {
            margin-left: 0;
            margin-top: 0
        }

    .e315b17f8e .a907f01dba {
        margin-top: 2px
    }

        .e315b17f8e .a907f01dba:first-child {
            margin-top: 0
        }

        .e315b17f8e .a907f01dba:not(:first-child) {
            margin-left: 0
        }
}

@media (min-width: 901px) {
    .e3ab61125f:not(.fbc3ecdbed) .a907f01dba:nth-child(2), .e3ab61125f:not(.fbc3ecdbed) .a907f01dba:nth-child(3) {
        width: 27%
    }

    .cb6d38e123:not(.fbc3ecdbed) .a907f01dba:nth-child(2) {
        flex: 1 1 auto
    }
}

.e287a8fb20 {
    position: relative
}

.ff3976aab0 {
    background: var(--bui_color_destructive_background);
    border-radius: var(--bui_border_radius_100);
    color: var(--bui_color_on_destructive_background);
    left: var(--bui_spacing_2x);
    padding: var(--bui_spacing_1x) var(--bui_spacing_2x);
    position: absolute;
    z-index: var(--bui_z_index_2)
}

    .ff3976aab0:before {
        content: "";
        width: 0;
        height: 0;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-bottom: 5px solid var(--bui_color_destructive_background);
        position: absolute;
        bottom: 100%
    }

.fb5467d44c {
    background-color: var(--bui_color_white);
    border: 1px solid var(--bui_color_border_alt);
    display: flex;
    flex-direction: row
}

.d98e6f5741 {
    color: var(--bui_color_foreground);
    position: relative;
    overflow: hidden;
    width: 100%
}

    .d98e6f5741:not(:first-child) {
        border-left: 1px solid var(--bui_color_border_alt);
        margin-left: var(--bui_spacing_4x);
        padding-left: var(--bui_spacing_4x)
    }

    .d98e6f5741 ul {
        list-style-type: none;
        margin: 0;
        padding: 0
    }

@media (max-width: 480px) {
    .fb5467d44c {
        flex-direction: column
    }

    .d98e6f5741:not(:first-child) {
        border-left: none;
        border-top: 1px solid var(--bui_color_border_alt);
        margin-left: 0;
        padding-left: 0;
        padding-top: var(--bui_spacing_2x)
    }

        .d98e6f5741:not(:first-child) .b0c4672720 {
            padding: var(--bui_spacing_2x) var(--bui_spacing_2x) var(--bui_spacing_2x) var(--bui_spacing_1x)
        }
}

.d2ad21d103 .d98e6f5741:first-child:after {
    content: " ";
    display: block;
    margin: var(--bui_spacing_1x);
    height: 18px;
    background: url(../../static/media/powered_by_google.46afd78d.png) no-repeat 100%
}

.bc48d67f82 {
    padding: var(--bui_spacing_3x)
}

.d3515298d3 {
    padding: var(--bui_spacing_2x)
}

.ab0e7f5033:not(:last-child) {
    border-bottom: 1px solid var(--bui_color_border_alt)
}

.cefab77423 .ab0e7f5033 {
    border-bottom: none
}

.b0c4672720 {
    background: none;
    border: none;
    box-sizing: border-box;
    cursor: pointer;
    padding: var(--bui_spacing_2x);
    width: 100%;
    text-align: left
}

    .b0c4672720:focus {
        outline: none
    }

    .b0c4672720:hover, .ae0ff41b83 {
        background-color: var(--bui_color_highlighted_alt);
        color: inherit
    }

.fddaa7b552 {
    align-items: center;
    display: flex;
    min-height: 36px
}

.cf3e4b8458, .e780c276da {
    margin-right: var(--bui_spacing_2x);
    flex: 0 0 auto
}

.cf3e4b8458 {
    width: 32px;
    text-align: center
}

.d2734e552b {
    flex: 1 1 auto;
    width: calc(100% - 40px)
}

    .d2734e552b > * {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

.d62c623bd7 input {
    font-size: 16px;
    font-weight: 700;
    line-height: 20px
}

    .d62c623bd7 input::-moz-placeholder {
        font-weight: 400
    }

    .d62c623bd7 input::placeholder {
        font-weight: 400
    }

    .d62c623bd7 input[type=search]::-webkit-search-cancel-button, .d62c623bd7 input[type=search]::-webkit-search-decoration, .d62c623bd7 input[type=search]::-webkit-search-results-button, .d62c623bd7 input[type=search]::-webkit-search-results-decoration {
        -webkit-appearance: none
    }

    .d62c623bd7 input::-moz-placeholder {
        overflow: hidden;
        text-overflow: ellipsis
    }

    .d62c623bd7 input, .d62c623bd7 input::placeholder {
        overflow: hidden;
        text-overflow: ellipsis
    }

.b9f1d81e76 {
    position: relative
}

.d68a1f54f5 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: var(--bui_z_index_2)
}

.a731b5e421 {
    align-items: center;
    display: flex;
    min-height: 36px
}

.b5c13966f7 {
    min-height: auto;
    padding-left: var(--bui_spacing_1x)
}

.f7648eb068 {
    margin-right: var(--bui_spacing_2x);
    width: 32px;
    text-align: center
}

.f7648eb068, .bf4ccd65f7 {
    margin-right: var(--bui_spacing_2x);
    flex: 0 0 auto
}

.bc52722734 {
    flex: 1 1 auto;
    width: calc(100% - 40px)
}

.e2f45f66c9 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.a7dc8ec444 .d256656440 input {
    border: 1px solid transparent;
    border-left: none;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    width: 100%
}

    .a7dc8ec444 .d256656440 input::-moz-placeholder {
        font-weight: 500
    }

    .a7dc8ec444 .d256656440 input::placeholder {
        font-weight: 500
    }

    .a7dc8ec444 .d256656440 input:not(:focus)::-moz-placeholder {
        color: var(--bui_color_foreground)
    }

    .a7dc8ec444 .d256656440 input:not(:focus)::placeholder {
        color: var(--bui_color_foreground)
    }

.a7dc8ec444 .c9c9cfc6d5 {
    border: 1px solid transparent
}

.a7dc8ec444 .a73c7732a1 {
    box-shadow: var(--bui_shadow_200);
    border: none;
    border-radius: var(--bui_border_radius_200);
    min-width: 430px;
    max-width: 100%;
    left: calc(-1 * var(--bui_spacing_2x));
    top: calc(100% + var(--bui_spacing_4x))
}

.a7dc8ec444 .e474d304e6 {
    box-sizing: border-box;
    padding: var(--bui_spacing_2x);
    width: calc(200% + 2 * var(--bui_spacing_4x));
    max-width: none;
    min-width: auto
}

.a7dc8ec444 .a0d8a649ce {
    padding: var(--bui_spacing_2x)
}

.a7dc8ec444 .dcf4236377 {
    border-bottom: none
}

    .a7dc8ec444 .dcf4236377 > div[role=button] {
        padding: var(--bui_spacing_2x) var(--bui_spacing_1x)
    }

.a7dc8ec444.ca992589e6 .a73c7732a1 {
    top: var(--bui_spacing_2x)
}

@media (max-width: 900px) {
    .a7dc8ec444 .a73c7732a1 {
        top: var(--bui_spacing_2x)
    }

    .a7dc8ec444 .e474d304e6 {
        max-width: 100%
    }
}

.ead010d0b7 {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--bui_color_white);
    border: 1px solid transparent;
    border-radius: var(--bui_border_radius_100);
    box-sizing: border-box;
    color: var(--bui_color_foreground);
    cursor: pointer;
    justify-content: left;
    overflow: hidden;
    padding: var(--bui_spacing_2x) var(--bui_spacing_6x) var(--bui_spacing_2x) var(--bui_spacing_2x);
    position: relative;
    text-align: left;
    width: 100%
}

.a080340b08 {
    margin: var(--bui_spacing_half) 0;
    padding-top: var(--bui_spacing_1x);
    padding-bottom: var(--bui_spacing_1x)
}

.ead010d0b7:focus {
    outline: none;
    box-shadow: 0 0 0 2px var(--bui_color_background_base),0 0 0 4px var(--bui_color_action_border)
}

.caf094216b {
    padding-right: var(--bui_spacing_2x)
}

.d4b052718c {
    position: absolute;
    right: 5px;
    top: 11px
}

.fb314b6ca4 {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.b6709f4589 {
    top: 9px
}

.dd5eff7c61 {
    display: flex;
    align-items: center
}

.bd8239960c {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--bui_color_white);
    box-sizing: border-box;
    border: 1px solid transparent;
    border-radius: var(--bui_border_radius_100);
    overflow: hidden;
    padding: var(--bui_spacing_2x);
    position: relative;
    text-align: left;
    white-space: nowrap;
    width: 100%
}

    .bd8239960c select {
        border: none;
        border-bottom: 1px solid var(--bui_color_border);
        font-size: 12px;
        line-height: 20px;
        margin-right: var(--bui_spacing_half)
    }

        .bd8239960c select:focus {
            color: var(--bui_color_action_foreground);
            outline: none
        }

.bb8495f352 {
    margin-right: var(--bui_spacing_2x);
    margin-top: -1px;
    vertical-align: top
}

.cac696b7ff {
    font-size: 9px;
    line-height: 13px;
    text-align: center;
    position: absolute;
    top: 14px;
    left: 9px;
    width: 19px
}

.aa08db663d {
    position: relative;
    color: var(--bui_color_foreground)
}

.f84cdde3f6 {
    border: 1px solid var(--bui_color_border_alt);
    background-color: var(--bui_color_white)
}

.e1e2f86e54 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: var(--bui_z_index_2)
}

.eab68042ab {
    width: 100%
}

.c3670f6643 {
    padding-bottom: var(--bui_spacing_2x)
}

.a4de1c4a0f {
    display: flex;
    position: static
}

    .a4de1c4a0f button {
        margin: 8px 8px 0 auto
    }

.c1525ec244 {
    color: var(--bui_color_foreground);
    padding: 0 0 var(--bui_spacing_4x) 0
}

.c7d271ae1f {
    padding: 0 var(--bui_spacing_4x)
}

.de1c86637c {
    min-height: 70vh;
    overflow: hidden;
    box-sizing: border-box;
    padding: 0
}

.b5bf274ec9 {
    min-height: 65vh
}

@media (max-width: 480px) {
    .c7d271ae1f {
        padding: 0 var(--bui_spacing_2x)
    }

    .de1c86637c {
        padding: 0
    }
}

@media (orientation: landscape) {
    .de1c86637c {
        height: 100%;
        min-height: auto;
        max-height: none;
        overflow: auto
    }
}

.c7d271ae1f th {
    font-weight: 400
}

.adcc45270b {
    justify-content: flex-start
}

.cf86be5003 {
    color: var(--bui_color_foreground_disabled);
    font-weight: 400;
    font-size: 10px
}

.af57d77abf .cf86be5003 {
    color: var(--bui_color_white)
}

.ae87299582 {
    color: var(--bui_color_foreground_disabled)
}

.af57d77abf .ae87299582 {
    color: var(--bui_color_white)
}

.aa018ea39b {
    padding: var(--bui_spacing_4x) var(--bui_spacing_2x) var(--bui_spacing_2x) var(--bui_spacing_2x)
}

.eb403d92f9 {
    border-top: var(--bui_border_width_100) solid var(--bui_color_border_alt);
    text-align: center;
    margin: var(--bui_spacing_2x) var(--bui_spacing_4x) 0 var(--bui_spacing_4x);
    padding-top: var(--bui_spacing_2x)
}

.daf084f3df {
    align-items: center;
    display: flex;
    justify-content: space-between
}

    .daf084f3df .ff8701e9b2 {
        margin-left: var(--bui_spacing_1x)
    }

.c860ee0767 {
    padding-top: var(--bui_spacing_2x)
}

.daf084f3df:has(.c860ee0767) {
    padding-top: var(--bui_spacing_2x)
}

.daf084f3df .c860ee0767 {
    padding-top: 0
}

.c860ee0767 li {
    margin-inline-end: var(--bui_spacing_2x)
}

.c5d01c3b14 {
    background-color: var(--bui_color_white);
    padding: 0 var(--bui_spacing_4x)
}

.bf63e9e68c {
    padding: 0;
    height: 100%
}

@media (orientation: landscape) {
    .bf63e9e68c [role=tabpanel] {
        height: calc(100% - 55px)
    }
}

.d073ff8a8c {
    min-height: 70vh
}

@media (orientation: landscape) {
    .d073ff8a8c {
        height: 100%;
        min-height: auto;
        overflow: auto
    }
}

.a1f5f1c600 {
    padding: 0 var(--bui_spacing_4x)
}

    .a1f5f1c600 .b0ce26f773 {
        margin-top: var(--bui_spacing_8x)
    }

.b0ce26f773:last-child {
    margin-bottom: var(--bui_spacing_8x)
}

.e1fa0c4665, .ed460b4a17 {
    padding: 0
}

.e21bab3dcc {
    margin-top: var(--bui_spacing_3x)
}

.ce2f4c6863 {
    margin-bottom: var(--bui_spacing_2x)
}

.a1f5f1c600 .e5fcfc4e6b {
    margin-right: var(--bui_spacing_4x)
}

.b4a4349e48 {
    color: var(--bui_color_foreground_alt)
}

.e3a62aa433 {
    margin-top: 0;
    margin-bottom: var(--bui_spacing_3x)
}

.ff0be137c9 button {
    visibility: visible !important
}

.e69e6eecfb input ~ * {
    border: 1px solid var(--bui_color_border_alt);
    border-radius: var(--bui_border_radius_200)
}

.e69e6eecfb input ~ :before {
    border-radius: 0
}

.e69e6eecfb input:checked ~ * {
    border: 1px solid var(--bui_color_action_border)
}

.e8b7ff5d69 {
    padding: var(--bui_spacing_2x) var(--bui_spacing_4x);
    display: flex;
    flex-direction: column
}

    .e8b7ff5d69 > * {
        flex: 1 0 auto;
        text-align: center
    }

.e83a38be52 {
    color: var(--bui_color_foreground_alt);
    font-weight: 400
}

.e69e6eecfb input:checked ~ * .e83a38be52 {
    color: var(--bui_color_action)
}

.a0411dc0ec {
    margin-bottom: var(--bui_spacing_2x)
}

.e7f2af3b11 {
    border-top: var(--bui_border_width_100) solid var(--bui_color_border_alt);
    padding: var(--bui_spacing_4x) 0;
    text-align: right
}

    .e7f2af3b11 .eb35fe6f58 {
        margin-left: var(--bui_spacing_4x)
    }

@media (max-width: 480px) {
    .a1f5f1c600 .b0ce26f773 {
        width: 100%;
        margin: 0;
        padding: var(--bui_spacing_4x) var(--bui_spacing_2x)
    }

    .f227107f95 {
        flex-direction: column
    }

    .e5fcfc4e6b {
        margin-top: var(--bui_spacing_3x)
    }
}

.c3953d2910 {
    outline: none
}

.c92e2bd0cb {
    cursor: pointer;
    display: flex;
    outline: none
}

.fce1a156c6 {
    padding: var(--bui_spacing_2x) 0 var(--bui_spacing_2x) var(--bui_spacing_2x)
}

.cad8ed14c6 {
    padding: var(--bui_spacing_1x) 0 var(--bui_spacing_1x) var(--bui_spacing_2x)
}

.c3953d2910 .c4700f8c6e {
    box-shadow: var(--bui_shadow_200);
    border: none;
    border-radius: var(--bui_border_radius_200);
    width: 532px;
    left: calc(-1 * var(--bui_spacing_2x));
    top: calc(100% + var(--bui_spacing_4x))
}

.c3953d2910 .a81fa2a34a {
    width: 642px
}

.c3953d2910 .f95bc431a9 {
    top: calc(-1 * var(--bui_spacing_2x));
    left: calc(100% + 16px)
}

.e37cfa350e {
    border: none;
    font-weight: 500;
    width: auto
}

    .e37cfa350e:focus {
        box-shadow: none
    }

.afa2178c0e {
    align-self: center
}

@media (max-width: 900px) {
    .c3953d2910 .c4700f8c6e:not(.f95bc431a9) {
        top: var(--bui_spacing_2x)
    }
}

.d0473f3ff6 {
    position: relative
}

.a032141616 {
    background-color: var(--bui_color_white);
    box-sizing: border-box;
    box-shadow: var(--bui_shadow_200);
    border-radius: var(--bui_border_radius_200);
    color: var(--bui_color_foreground);
    display: block;
    min-width: 350px;
    padding: var(--bui_spacing_8x);
    position: absolute;
    top: var(--bui_spacing_1x);
    left: 0;
    z-index: var(--bui_z_index_2)
}

.ed852f1b1f {
    margin-top: var(--bui_spacing_4x)
}

.f7b74650bc {
    padding-right: var(--bui_spacing_2x)
}

.abb8c87649 > * {
    margin-bottom: var(--bui_spacing_1x)
}

.abb8c87649 > :last-child {
    margin-bottom: 0
}

.ac72b91d77 {
    margin: var(--bui_spacing_2x) 0
}

.f7c7596801 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

    .f7c7596801 > * {
        margin-top: var(--bui_spacing_2x);
        width: calc(50% - var(--bui_spacing_1x))
    }

.c9abb9ab2f select {
    border-color: var(--bui_color_destructive_border)
}

.aad08ae1a2.abb8c87649 > * {
    margin: 0
}

.c4914beed2:not(:first-child) {
    margin-top: var(--bui_spacing_4x);
    padding-top: var(--bui_spacing_4x);
    border-top: 1px solid var(--bui_color_border_alt)
}

.c4914beed2 + .c4914beed2 {
    border-top: none
}

.aad08ae1a2 .c2c996ee53 {
    margin-top: var(--bui_spacing_4x)
}

.aad08ae1a2 .ba5d6f1765 {
    margin: var(--bui_spacing_4x) 0 0
}

.aad08ae1a2 .baf0025322 {
    margin: var(--bui_spacing_4x) 0 var(--bui_spacing_1x)
}

.aad08ae1a2 .ba5d6f1765 + .baf0025322 {
    margin-top: var(--bui_spacing_1x)
}

.c99598fe31 label {
    display: flex;
    justify-content: space-between;
    width: 100%
}

.d9f8c5197e {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between
}

.a9216d41ea {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
    overflow: hidden;
    pointer-events: none
}

    .a9216d41ea:focus ~ .b51631fdfc {
        outline: none;
        box-shadow: 0 0 0 2px var(--bui_color_background_base),0 0 0 4px var(--bui_color_action_border)
    }

.f37eaa1028, .bb405400db {
    width: calc(var(--bui_spacing_8x) + var(--bui_spacing_2x));
    height: calc(var(--bui_spacing_8x) + var(--bui_spacing_2x));
    margin-inline-end: 0;
    min-width: auto
}

.b51631fdfc {
    display: flex;
    align-items: center;
    border: var(--bui_border_width_100) solid var(--bui_color_border);
    border-radius: var(--bui_border_radius_100)
}

.d93e49bb01 {
    font-size: var(--bui_font_emphasized_2_font-size);
    line-height: var(--bui_font_emphasized_2_line-height);
    font-weight: var(--bui_font_emphasized_2_font-weight);
    font-family: var(--bui_font_emphasized_2_font-family);
    display: block;
    text-align: center;
    min-width: calc(var(--bui_spacing_8x) + var(--bui_spacing_1x));
    margin: 0 var(--bui_spacing_1x)
}

.e99d216066 {
    margin-inline-end: var(--bui_spacing_2x)
}

.a5e5ff80e2 {
    font-size: var(--bui_font_emphasized_2_font-size);
    line-height: var(--bui_font_emphasized_2_line-height);
    font-weight: var(--bui_font_emphasized_2_font-weight);
    font-family: var(--bui_font_emphasized_2_font-family)
}

.a9216d41ea[disabled] ~ .b51631fdfc {
    background-color: var(--bui_color_background_disabled_alt);
    border: var(--bui_border_width_100) solid var(--bui_color_border_disabled)
}

.a9216d41ea[disabled] ~ .e99d216066 .f68d05876f, .a9216d41ea[disabled] ~ .e99d216066 .a5e5ff80e2 {
    color: var(--bui_color_foreground_disabled)
}

.a9216d41ea[disabled] ~ .b51631fdfc .d93e49bb01 {
    cursor: not-allowed;
    color: var(--bui_color_foreground_disabled)
}

.f268349634 {
    font-weight: 500
}

    .f268349634:focus {
        box-shadow: none
    }

.a6391e882c {
    width: 100%
}

.f7dbd7e33b {
    right: calc(-1 * var(--bui_spacing_2x));
    left: auto;
    top: calc(100% + var(--bui_spacing_4x))
}

.ea18ccd734 .f7dbd7e33b {
    left: calc(-1 * var(--bui_spacing_2x));
    right: auto;
    top: var(--bui_spacing_2x)
}

@media (max-width: 900px) {
    .f7dbd7e33b {
        left: calc(-1 * var(--bui_spacing_2x));
        right: auto;
        top: var(--bui_spacing_2x)
    }
}

.f953867e0b {
    font-size: 20px;
    line-height: 28px;
    font-weight: 500;
    padding: var(--bui_spacing_1x) var(--bui_spacing_6x)
}

.bb2e7f4ee4 {
    display: flex
}

.b839139c8e {
    display: flex;
    flex-direction: column
}

.bb2e7f4ee4 > :not(:first-child) {
    margin-left: var(--bui_spacing_4x)
}

.b839139c8e > :not(:last-child) {
    margin-bottom: var(--bui_spacing_4x)
}

.beedb35bad label :not(svg):not(path) {
    color: var(--bui_color_white)
}

.d698e646ae .f953867e0b {
    font-size: 14px;
    line-height: 20px
}

.f2ed6ca79e {
    background: linear-gradient(to bottom,var(--bui_color_brand_primary_background_dynamic) 0,var(--bui_color_brand_primary_background_dynamic) 50%,transparent 50%,transparent);
    height: 62px;
    padding-top: var(--bui_spacing_1x)
}

.d524f0b084 {
    background: transparent
}

.ab85560bfd {
    background: var(--bui_color_foreground_inverted);
    padding-top: var(--bui_spacing_6x);
    padding-bottom: var(--bui_spacing_6x)
}

.c76b1ecbff {
    left: 50%;
    max-width: 1100px;
    position: absolute;
    transform: translate(-50%,calc(var(--bui_spacing_6x) * -1));
    width: calc(100% - 10px);
    z-index: 10
}

@media screen and (max-width: 900px) {
    .f2ed6ca79e {
        height: 228px;
        background: linear-gradient(to bottom,var(--bui_color_brand_primary_background_dynamic) 0,var(--bui_color_brand_primary_background_dynamic) 87.5%,transparent 87.5%,transparent)
    }

    .d524f0b084 {
        background: transparent
    }

    .ab85560bfd {
        background: var(--bui_color_foreground_inverted);
        padding-top: var(--bui_spacing_1x);
        padding-bottom: 0
    }
}