 

.aa67dad3 {
    --foreground-color: var(--primary-color);
    margin-top: 30px;
    width: 150px
}

.fecbea14 {
    margin: 50px auto 0;
    max-width: 60%
}

.a71ede8a {
    font-size: 24px;
    font-style: normal;
    font-weight: var(--font-weight-bold);
    line-height: 36px;
    margin-top: 50px;
    padding: 0 30px;
    text-align: center
}

.fe16113a {
    background: #ff8400;
    border-radius: 24px;
    margin-top: 30px
}

.a078634f {
    color: #fff;
    font-family: var(--font-family);
    font-size: 20px;
    font-style: normal;
    font-weight: var(--font-weight-bold);
    line-height: 30px;
    padding: 5px 30px;
    text-align: center
}

@media only screen and (max-width: 768px) {
    .a078634f, .a71ede8a {
        font-size: 16px;
        line-height: 24px
    }
}

:root {
    --accent-color: #ff0;
    --secondary-color: var(--secondary-common-color);
    --navbar-height: 63px;
    --text-color--light: var(--text-color);
    --font-family: LocalFont, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
    --font-weight-lighter: 300;
    --font-weight-normal: 400;
    --font-weight-bold: 600;
    --font-weight-bolder: 600;
    --z-index-1: 1;
    --z-index-2: 2;
    --z-index-3: 3;
    --z-index-4: 4;
    --z-index-5: 5;
    --z-index-6: 6;
    --z-index-7: 7
}

[data-website=""] {
    --font-family: "LocalFontBold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif
}

* {
    box-sizing: border-box
}

h1, h2, h3, h4 {
    font-weight: 400
}

h1, h2, h3, h4, li, ul {
    margin: 0;
    padding: 0
}

li, ul {
    list-style: 0
}

img {
    border: 0;
    max-width: 100%
}

a {
    color: var(--link-color);
    text-decoration: none
}



body {
    background: var(--background-color-main);
    color: var(--primary-color);
    font-family: var(--font-family);
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    transition: background .2s ease-in-out
}

b, h1, h2, h3, h4, strong {
    font-weight: 700
}

button {
    font-family: var(--font-family)
}

@supports (-webkit-overflow-scrolling:touch) {
    body {
        letter-spacing: -.7px
    }
}

.d286595a {
    top: -50px
}

button:focus, input:focus {
    outline: none
}

video::-webkit-media-controls-fullscreen-button {
    display: none
}

.f1ebf3cc {
    background: #212223;
    bottom: 0;
    box-shadow: 0 -4px 14px rgba(0, 0, 0, .4);
    left: 0;
    position: fixed;
    width: 100%;
    z-index: var(--z-index-7)
}

.f1ebf3cc .cd859842 {
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 1280px;
    padding: 30px
}

.f1ebf3cc .a8c4de92 {
    color: var(--white-color);
    display: block;
    font-size: 14px;
    line-height: 24px;
    margin: 10px 0;
    min-width: 70%
}

.f1ebf3cc .a8c4de92 a {
    display: inline-block;
    margin: 0 5px
}

.f1ebf3cc .abb6d840 {
    display: block;
    margin-top: 20px;
    padding: 0 20px;
    width: 30%
}

.f1ebf3cc .abb6d840 button {
    background: var(--secondary-common-color);
    border: none;
    border-radius: 24px;
    color: var(--white-color);
    cursor: pointer;
    display: block;
    font-size: 16px;
    line-height: 24px;
    padding: 12px 76px
}

@media (max-width: 768px) {
    .f1ebf3cc {
        border-radius: 10px 10px 0 0
    }

    .f1ebf3cc .cd859842 {
        display: block;
        padding: 10px
    }

    .f1ebf3cc .abb6d840, .f1ebf3cc .cd859842 {
        min-width: 100%;
        text-align: center
    }

    .f1ebf3cc .abb6d840 button {
        font-size: 18px;
        line-height: 24px;
        padding: 8px 20px;
        width: 100%
    }
}

.a41f3cdd .a271eaed {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.a41f3cdd .a271eaed .d2e4602d {
    --foreground-color: var(--match-card-status-color, var(--text-color));
    display: none
}

.c5cd851c {
    color: var(--match-card-light-color);
    display: flex;
    gap: 10px;
    justify-content: space-between;
    margin-bottom: 10px
}

.c5cd851c span {
    display: inline-block;
    font-size: 14px;
    line-height: 18px
}

.c5cd851c span.fa242865 {
    white-space: nowrap
}

span.db4e7ce9 {
    background: #f44336;
    border-radius: 2px;
    color: var(--white-color);
    font-size: 14px;
    line-height: 18px;
    margin-left: 5px;
    padding: 2px 5px
}

.d6e868d6 {
    color: var(--black-white-color);
    display: flex;
    justify-content: space-between;
    margin: 0;
    position: relative
}

.d6e868d6.c42f1ee6 {
    color: #fff
}

.d6e868d6.f256807c {
    position: relative
}

.d6e868d6.e6ddd3e3 {
    color: var(--match-card-light-color)
}

.d6e868d6.f256807c:after {
    border-bottom: 5px solid transparent;
    border-right: 5px solid var(--black-white-color);
    border-top: 5px solid transparent;
    content: "";
    height: 0;
    margin-top: -5px;
    position: absolute;
    right: -10px;
    top: 50%;
    width: 0
}

.d6e868d6.c42f1ee6.f256807c:after {
    border-right: 5px solid #fff
}

.d6e868d6 .db07003e {
    align-items: center;
    display: flex;
    font-size: 14px;
    font-weight: var(--font-weight-bold);
    line-height: 36px
}

.d6e868d6 .db07003e img {
    border-radius: 3px;
    margin: 0 10px 0 0;
    width: 24px
}

.d6e868d6 .db07003e .afeb9e69 {
    margin-left: 10px;
    width: 24px
}

.c2e13c48 {
    display: block;
    font-size: 14px;
    font-weight: var(--font-weight-bold);
    line-height: 36px
}

.d4c9597f {
    color: var(--match-card-status-color);
    font-size: 14px;
    line-height: 18px;
    padding: 5px 0
}

@media only screen and (max-width: 768px) {
    .a41f3cdd .a271eaed .d2e4602d {
        display: block
    }

    .a41f3cdd .a271eaed .ca169945 {
        display: none
    }
}

.e5e76fad {
    --dimension: 36px;
    display: flex;
    list-style: none;
    position: relative
}

.e5e76fad button {
    background: transparent;
    border: 0;
    height: 36px;
    margin: 0 5px;
    width: 36px
}

.e5e76fad .f5a0161c {
    display: block;
    height: 36px;
    width: 36px
}

.e5e76fad .cff22ddb, .e5e76fad .f46f5b1d, .e5e76fad .f54047ae {
    --foreground-color: var(--text-color);
    --background-color: #fff00;
    cursor: pointer
}

.e5e76fad .f46f5b1d:hover {
    --foreground-color: var(--white-color);
    --background-color: #1877f2
}

.e5e76fad .cff22ddb:hover {
    --foreground-color: var(--white-color);
    --background-color: #4aa0ec
}

.e5e76fad .f54047ae:hover {
    --foreground-color: var(--white-color);
    --background-color: var(--black-color);
    position: relative
}

.e5e76fad .f54047ae strong {
    display: block;
    height: 36px;
    width: 36px
}

.e5e76fad .f54047ae span {
    background: var(--black-color);
    border-radius: 2px;
    bottom: -31px;
    color: var(--white-color);
    display: none;
    font-size: 12px;
    font-weight: var(--font-weight-bold);
    line-height: 20px;
    padding: 0 10px;
    position: absolute;
    right: -30px;
    white-space: nowrap
}

.e5e76fad .f54047ae:hover span {
    display: block
}

.f5a0161c {
    display: block;
    height: 36px;
    width: 36px
}

.e2dc12e9 {
    display: none
}

button.e2dc12e9 {
    background: transparent;
    border: 0
}

@media only screen and (max-width: 768px) {
    .e5e76fad {
        display: none
    }

    .e2dc12e9 {
        --foreground-color: grey;
        display: block
    }
}

.e38a7804 {
    border-radius: 3px;
    display: flex;
    flex-direction: column
}

.e38a7804 figure {
    background: var(--border-color);
    flex-grow: 1;
    overflow: hidden;
    position: relative
}

.bdc99253 {
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: var(--z-index-5)
}

@-webkit-keyframes a7c57aad {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes a7c57aad {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.c6f0da1e {
    height: 0;
    opacity: 0;
    width: 100%
}

.c6794741 {
    -webkit-animation: a7c57aad cubic-bezier(.23, 1, .32, 1) 1;
    animation: a7c57aad cubic-bezier(.23, 1, .32, 1) 1;
    -webkit-animation-delay: .1s;
    animation-delay: .1s;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    height: 100%;
    opacity: 0
}

.ec8a3a60 {
    --foreground-color: var(--primary-color);
    height: 28px;
    margin-left: 10px;
    width: 24px
}

.fe1216ca {
    background: var(--background-color-main);
    border-radius: 4px;
    box-shadow: 3px 4px 15px rgba(0, 0, 0, .15);
    display: block;
    padding: 10px 20px;
    position: fixed;
    right: 10px;
    top: 10px;
    width: 250px
}

.fe1216ca .e49183cb {
    color: var(--foreground-color);
    list-style: none;
    margin: 0
}

.fe1216ca .e49183cb, .fe1216ca .e49183cb li {
    display: block;
    padding: 0
}

.fe1216ca .e49183cb li a {
    color: var(--primary-color);
    display: block;
    font-size: 16px;
    font-weight: var(--font-weight-normal);
    line-height: 30px;
    padding: 9px 0
}

.fe1216ca .e49183cb li a .ccc15f11 {
    height: 20px;
    margin-right: 10px;
    position: relative;
    top: 5px;
    width: 20px
}

.fe1216ca p {
    color: var(--tertiary-color);
    font-size: 12px;
    line-height: 18px
}

.fe1216ca p a {
    color: var(--link-color)
}

.b6e3f3db {
    display: block;
    margin: 10px 0;
    padding: 0;
    text-align: left
}

.b6e3f3db h4 {
    color: var(--text-color);
    display: block;
    font-size: 12px;
    font-weight: var(--font-weight-normal);
    line-height: 18px;
    padding: 6px 0
}

.b6e3f3db ul {
    display: flex;
    justify-content: center;
    list-style: none
}

.b6e3f3db ul li {
    display: block;
    margin: 0 8px
}

.b6e3f3db ul li a {
    background: var(--text-color);
    border-radius: 50%;
    display: block;
    height: 32px;
    line-height: 32px;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 32px
}

.b6e3f3db ul li a .e175ccc3 {
    --foreground-color: var(--white-color);
    display: block;
    height: 32px;
    width: 32px
}

.b6e3f3db ul li a:hover {
    background: var(--secondary-common-color)
}

.bbe65648 {
    padding: 0
}

.bde6eee9 {
    cursor: pointer;
    display: flex
}

.ccfbff4e {
    color: rgba(0, 0, 0, .3);
    cursor: not-allowed
}

.c2310a58 {
    display: none;
    height: 100%;
    width: 100%
}

.dbb331af {
    display: flex;
    justify-content: space-between
}

.ae3c9e73 {
    display: block;
    padding: 4px 0 6px 2px;
    position: relative;
    width: 36px
}

.c9b5e57d {
    background: var(--secondary-common-color)
}

.c9b5e57d, .ee2a9482 {
    border-radius: 30px;
    height: 14px;
    opacity: .38;
    width: 100%
}

.ee2a9482 {
    background: #2b2b2b
}

.a9c98452 {
    background: #eaeaea;
    left: 0
}

.a9c98452, .aeed149b {
    border-radius: 50%;
    box-shadow: 0 1px 6px rgba(0, 0, 0, .12), 0 1px 4px rgba(0, 0, 0, .12);
    box-sizing: border-box;
    color: rgba(0, 0, 0, .87);
    height: 20px;
    line-height: 24px;
    position: absolute;
    top: 1px;
    width: 20px
}

.aeed149b {
    background-color: var(--secondary-common-color);
    left: 100%;
    margin-left: -20px
}

.dd67682b {
    display: grid;
    height: 20px;
    margin-right: 10px;
    position: relative;
    top: 2px;
    width: 20px
}

:root, :root.a385c08f {
    --secondary-common-color: #d03405;
    --error-color: #f44336;
    --success-color: #8bc66f;
    --black-color: #000;
    --white-color: #fff;
    --black-white-color: #000;
    --white-black-color: #fff;
    --primary-color: #2b2b2b;
    --secondary-color: grey;
    --tertiary-color: #bebebe;
    --border-color: #eaeaea;
    --header-footer-color: #fafafa;
    --link-color: #3564c9;
    --overlay-border-shadow: rgba(0, 0, 0, .125);
    --overlay-locked-shadow: hsla(0, 0%, 100%, 0);
    --background-color-main: #fff;
    --overlay-background-color: hsla(0, 0%, 100%, .902);
    --text-color: grey;
    --foreground-color: #e4e6eb;
    --add-background-color: #f4f4f4;
    --feeds-hover-background-color: #fafafa;
    --election-tab-text-color: #fff;
    --section-separator-color: #dadada
}

@media (prefers-color-scheme: dark) {
    :root {
        --secondary-common-color: #ff8400;
        --error-color: #f44336;
        --success-color: #8bc66f;
        --black-color: #000;
        --white-color: #fff;
        --black-white-color: #fff;
        --white-black-color: #000;
        --primary-color: #e4e6eb;
        --secondary-color: #929496;
        --tertiary-color: #58595a;
        --border-color: #353637;
        --header-footer-color: #242526;
        --link-color: #6db0ef;
        --overlay-border-shadow: hsla(0, 0%, 100%, .125);
        --overlay-locked-shadow: rgba(24, 25, 26, 0);
        --background-color-main: #18191a;
        --overlay-background-color: rgba(0, 0, 0, .8);
        --text-color: grey;
        --foreground-color: #2b2b2b;
        --add-background-color: #353637;
        --feeds-hover-background-color: #242526;
        --election-tab-text-color: #18191a;
        --section-separator-color: #454647
    }
}

.ff968ec5 {
    --secondary-common-color: #ff8400;
    --error-color: #f44336;
    --success-color: #8bc66f;
    --black-color: #000;
    --white-color: #fff;
    --black-white-color: #fff;
    --white-black-color: #000;
    --primary-color: #e4e6eb;
    --secondary-color: #929496;
    --tertiary-color: #58595a;
    --border-color: #353637;
    --header-footer-color: #242526;
    --link-color: #6db0ef;
    --overlay-border-shadow: hsla(0, 0%, 100%, .125);
    --overlay-locked-shadow: rgba(24, 25, 26, 0);
    --background-color-main: #18191a;
    --overlay-background-color: rgba(0, 0, 0, .8);
    --text-color: grey;
    --foreground-color: #2b2b2b;
    --add-background-color: #353637;
    --feeds-hover-background-color: #242526;
    --election-tab-text-color: #18191a;
    --section-separator-color: #454647
}

.ef2363c3 {
    display: block;
    margin: 0
}

.ef2363c3 h2 {
    color: var(--primary-color);
    font-size: 24px;
    font-weight: var(--font-weight-bold);
    line-height: 36px;
    padding: 0 20px
}

.b0f054e2 {
    align-items: center;
    border-bottom: 1px solid var(--border-color);
    height: 50px
}

.b0f054e2, .b0f054e2 ul {
    display: flex;
    justify-content: center
}

.b0f054e2 ul {
    list-style: none;
    width: 100%
}

.b0f054e2 ul li {
    display: block;
    text-align: center;
    width: 50%
}

.b0f054e2 ul li a {
    color: var(--text-color);
    display: block;
    font-size: 16px;
    font-weight: var(--font-weight-bold);
    height: 100%;
    line-height: 50px
}

.b0f054e2 ul li a.fadfa6e3 {
    border-bottom: 2px solid var(--primary-color);
    color: var(--primary-color)
}

.b0929d13 {
    display: block
}

.b0929d13 ul {
    display: flex;
    flex-wrap: wrap;
    list-style: none
}

.b0929d13 ul li {
    border: 1px solid var(--border-color);
    border-radius: 4px;
    display: block;
    margin: 2%;
    min-height: 106px;
    padding: 10px;
    width: 46%
}

@media (max-width: 768px) {
    .b0929d13 ul {
        margin: 0
    }

    .b0929d13 ul li {
        border: none;
        border-bottom: 1px solid var(--border-color);
        border-radius: 0;
        margin: 0;
        width: 100%
    }

    .ef2363c3 h2 {
        font-size: 18px
    }
}

.ab76fe56 {
    padding-top: 12px
}

.e46d36d8 {
    color: var(--scorecard-text-light-color, var(--text-color));
    font-size: 16px;
    font-weight: var(--font-weight-bold);
    line-height: 24px;
    text-align: center
}

.fd587709 {
    padding: 8px 50px 24px
}

.fd587709, .fd587709 .fd81d594 {
    align-items: center;
    display: flex
}

.fd587709 .fd81d594 {
    justify-content: center
}

.fd587709 .dda9b224 {
    flex-direction: row-reverse;
    text-align: right
}

.bfdaba87 {
    align-items: center;
    border: .5px solid var(--scorecard-icon-border-color, var(--border-color));
    display: flex;
    justify-content: center;
    margin: 0 10px;
    max-width: 56px;
    min-width: 56px;
    padding: 5px
}

.bfdaba87 img {
    border-radius: 3px
}

.d1a2b22f {
    color: var(--scorecard-text-color);
    display: inline-block;
    font-size: 16px;
    font-weight: var(--font-weight-bold);
    line-height: 24px;
    min-width: 100px
}

.d1a2b22f .a7a29262 {
    margin: 0 5px;
    position: relative;
    top: 5px;
    width: 16px
}

.d1a2b22f span {
    color: var(--black-white-color);
    display: block;
    font-size: 18px;
    font-weight: var(--font-weight-bold);
    line-height: 30px
}

.a42584c9 {
    color: var(--scorecard-text-light-color, var(--text-color));
    line-height: 22px;
    margin: 0 auto;
    max-width: 250px;
    text-align: center;
    width: 100%
}

.a42584c9, .a42584c9 span {
    font-size: 14px;
    font-weight: var(--font-weight-bold)
}

.a42584c9 span {
    background: #f44336;
    border-radius: 4px;
    color: var(--scorecard-text-color, var(--white-color));
    display: block;
    line-height: 20px;
    max-width: 40px;
    padding: 0
}

.d2c54ece {
    color: var(--scorecard-text-light-color, var(--text-color));
    font-size: 16px;
    font-weight: var(--font-weight-bold);
    line-height: 24px;
    margin: 0 20px;
    padding-bottom: 20px;
    text-align: center
}

.ab76fe56.c6d2e222 .d2c54ece {
    font-size: 12px;
    font-weight: var(--font-weight-normal);
    line-height: 18px
}

.ab76fe56.c6d2e222 .e46d36d8 {
    font-size: 14px;
    font-weight: var(--font-weight-normal);
    line-height: 22px
}

.ab76fe56.c6d2e222 .fd587709 {
    align-items: normal;
    padding: 8px 35px 12px
}

.ab76fe56.c6d2e222 .fd587709 .fd81d594 {
    flex-direction: column;
    max-width: 40%;
    min-width: 40%;
    text-align: center
}

.ab76fe56.c6d2e222 .d1a2b22f {
    font-size: 14px;
    line-height: 22px;
    margin-top: 8px;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ab76fe56.c6d2e222 .a42584c9 {
    padding-top: 16px
}

.ab76fe56.c6d2e222 .d2c54ece {
    font-size: 14px;
    line-height: 22px;
    padding-bottom: 12px
}

.ab76fe56.c6d2e222 .d1a2b22f span {
    font-size: 16px;
    line-height: 24px
}

@media (max-width: 768px) {
    .d2c54ece {
        font-size: 12px;
        line-height: 18px
    }

    .d2c54ece, .e46d36d8 {
        font-weight: var(--font-weight-normal)
    }

    .e46d36d8 {
        font-size: 14px;
        line-height: 22px
    }

    .fd587709 {
        align-items: normal;
        padding: 8px 35px 12px
    }

    .fd587709 .fd81d594 {
        flex-direction: column;
        max-width: 40%;
        min-width: 40%;
        text-align: center
    }

    .d1a2b22f {
        font-size: 14px;
        line-height: 22px;
        margin-top: 8px;
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .a42584c9 {
        padding-top: 16px
    }

    .d2c54ece {
        font-size: 14px;
        line-height: 22px;
        padding-bottom: 12px
    }

    .d1a2b22f span {
        font-size: 16px;
        line-height: 24px
    }
}

.e7f26adc {
    padding: 0 20px
}

.e7f26adc h2 {
    color: var(--text-color);
    font-size: 20px;
    font-weight: var(--font-weight-bold);
    line-height: 30px;
    padding-top: 16px
}

.fb344cec {
    border: 1px solid var(--border-color);
    border-bottom: 0;
    border-radius: 4px;
    margin: 13px 0 16px;
    padding: 0
}

.a59a0493, .c420973d {
    border-bottom: .5px solid var(--border-color);
    display: flex;
    list-style: none;
    margin: 0;
    padding: 8px 16px
}

.a59a0493 li, .c420973d li {
    color: var(--primary-color);
    font-size: 14px;
    font-weight: var(--font-weight-bold);
    line-height: 22px;
    text-align: center;
    width: 8%
}

.a59a0493 li:first-child, .a59a0493.a35020a3 li:nth-child(2), .a59a0493.cd7038fa li:nth-child(5) {
    color: var(--primary-color)
}

.a59a0493 li:first-child, .c420973d li:first-child {
    font-weight: var(--font-weight-bold);
    text-align: left;
    width: 57%
}

.a59a0493 li {
    color: var(--text-color);
    font-weight: var(--font-weight-normal)
}

.a59a0493 li:first-child span {
    color: var(--text-color);
    display: block;
    font-size: 14px;
    font-weight: var(--font-weight-normal);
    line-height: 18px
}

.a59a0493 li:first-child span .a28fe7f7 {
    color: var(--error-color);
    display: inline-block;
    font-size: 14px;
    margin-right: 5px
}

.dea7fba9, .f6695405 {
    display: flex;
    margin-top: 20px
}

.dea7fba9 .a9f2cb69, .f3e11a04 span.e0ed67c5, .f6695405 .a9f2cb69 {
    color: var(--primary-color);
    font-size: 16px;
    font-weight: var(--font-weight-bold)
}

.dea7fba9 .a9f2cb69, .f6695405 .a9f2cb69 {
    line-height: 24px;
    margin-bottom: 5px
}

.c7299224, .f3e11a04 {
    margin-left: auto
}

.c7299224 span, .f3e11a04 span {
    color: var(--text-color);
    display: inline-block;
    font-weight: var(--font-weight-normal);
    margin-left: 5px
}

.f6695405 {
    display: block
}

.f6695405 > span {
    display: block;
    margin-left: 0
}

.f6695405 > span span {
    margin-left: 0
}

.f3e11a04 span, .f6695405 .c7299224 {
    color: var(--text-color);
    font-size: 14px;
    font-weight: var(--font-weight-normal);
    line-height: 21px
}

.c7299224 span {
    color: var(--primary-color)
}

.c7299224 span.b2495db9 {
    color: var(--text-color);
    margin-left: 5px;
    margin-right: 5px
}

@media (max-width: 768px) {
    .e7f26adc {
        padding: 0 12px
    }

    .e7f26adc h2 {
        color: var(--primary-color);
        font-size: 16px;
        font-weight: var(--font-weight-bold);
        line-height: 24px;
        padding: 13px 4px 0
    }

    .a59a0493, .c420973d {
        padding: 8px 12px
    }

    .a59a0493, .a59a0493 li, .c420973d, .c420973d li {
        font-size: 14px;
        font-weight: var(--font-weight-bold);
        line-height: 18px
    }

    .a59a0493 li:first-child span {
        font-weight: var(--font-weight-bold)
    }

    .dea7fba9 .a9f2cb69, .f6695405 .a9f2cb69 {
        color: var(--primary-color);
        font-size: 14px;
        font-weight: var(--font-weight-bold);
        line-height: 22px
    }
}

.a8eae56d {
    border-bottom: 1px solid var(--border-color);
    border-top: 1px solid var(--border-color);
    color: var(--text-color)
}

.a8eae56d .a3f12e9f {
    padding: 10px 0;
    position: relative;
    transition: color .2s
}

.a8eae56d .a3f12e9f span {
    display: block;
    margin-right: 25px
}

.a8eae56d .aba1891f {
    --foreground-color: var(--text-color);
    height: 36px;
    position: absolute;
    right: 0;
    top: 4px;
    transition: transform .2s;
    width: 36px
}

.a8eae56d .b1bd8a9d {
    --foreground-color: grey;
    transform: rotate(180deg)
}

.c430a1ca .fcac05b3 {
    font-size: 16px;
    font-weight: var(--font-weight-bold);
    line-height: 50px;
    padding: 0 10px
}

.e911a40b {
    display: block;
    margin-bottom: 10px;
    width: 100%
}

.e911a40b ul {
    list-style: none;
    margin: 0;
    min-height: 48px;
    padding: 0 10px
}

.e911a40b ul.b6e39802 {
    background-color: var(--border-color);
    border-bottom: none;
    font-weight: var(--font-weight-bold)
}

.e911a40b ul.b6e39802 li {
    color: var(--primary-color);
    font-size: 14px;
    font-weight: var(--font-weight-bold);
    line-height: 36px
}

.e911a40b ul {
    align-items: center;
    border-bottom: 1px solid #e8e8e8;
    display: flex;
    justify-content: space-between
}

.e911a40b ul:last-child {
    border-bottom: none
}

.e911a40b ul li {
    color: var(--text-color);
    font-size: 16px;
    font-weight: var(--font-weight-bold);
    min-width: 9%;
    text-align: center
}

.e911a40b ul li:first-child {
    word-wrap: break-word;
    align-items: center;
    color: var(--primary-color);
    display: flex;
    font-weight: var(--font-weight-bold);
    min-width: 28%;
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis
}

.e911a40b ul li:last-child {
    min-width: 20%
}

.e911a40b ul li .a1938c37 {
    display: block;
    float: left;
    margin: 0 8px 0 0;
    max-width: 32px;
    position: relative;
    top: 6px
}

.e911a40b ul li .bc1dc015 {
    display: block;
    float: left
}

@media (max-width: 768px) {
    .e911a40b ul li .a1938c37 {
        max-width: 24px
    }

    .e911a40b ul li {
        font-size: 14px;
        line-height: 24px
    }
}

.b099fa0c {
    display: flex;
    justify-content: space-between;
    width: 100%
}

.ff0c1248 {
    align-items: center;
    border-radius: 4px;
    display: flex;
    flex-grow: 1;
    font-weight: var(--font-weight-bold);
    margin: 20px 10px 10px;
    padding: 8px 10px
}

.ff0c1248 span {
    color: var(--foreground-color)
}

.ff0c1248 img {
    margin-right: 10px
}

.d275e2af {
    border: 1px solid var(--border-color);
    border-radius: 3px;
    margin: 10px 10px 15px;
    padding: 10px
}

.b8727832 {
    display: flex;
    list-style: none;
    position: relative;
    z-index: var(--z-index-1)
}

.b8727832 .e7096a0a {
    border-radius: 200px;
    cursor: pointer;
    margin: 0 5px
}

.b8727832 .e7096a0a, .b8727832 button {
    height: var(--dimension);
    width: var(--dimension)
}

.b8727832 .a7809fed:hover {
    --foreground-color: var(--white-color);
    --background-color: #1877f2
}

.b8727832 .ddc50a2a:hover {
    --foreground-color: var(--white-color);
    --background-color: #4aa0ec
}

.b8727832 .dbcbf444:hover {
    --foreground-color: var(--white-color);
    --background-color: var(--black-color);
    position: relative
}

.b8727832 .c142cb62:hover {
    --foreground-color: var(--black-color);
    --background-color: var(--white-color);
    position: relative
}

.b8727832 .dbcbf444 span {
    background: var(--black-color);
    border-radius: 2px;
    bottom: -31px;
    color: var(--white-color);
    display: none;
    font-size: 12px;
    font-weight: var(--font-weight-bold);
    left: 0;
    line-height: 20px;
    padding: 0 10px;
    position: absolute;
    transform: translateX(-25%);
    white-space: nowrap
}

.b8727832 .dbcbf444:hover span {
    display: block
}

.d19a774a {
    --foreground-color: var(--scorecard-text-light-color);
    align-items: center;
    background: rgba(0, 0, 0, .133);
    display: flex;
    justify-content: center
}

.d19a774a svg:hover {
    --foreground-color: var(--scorecard-text-color);
    --background-color: transparent
}

.c8e05a55, .e71287a9 {
    display: none
}

.b9be581d {
    background: rgba(0, 0, 0, .6);
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: var(--z-index-7)
}

.b9be581d .b10e79b6 {
    border-radius: 2px;
    margin-bottom: 10px
}

.b9be581d .e433b067 {
    background: transparent;
    border: none;
    height: calc(100% - 200px);
    position: absolute;
    top: 0;
    width: 100%
}

.b9be581d span.bbaaf687 {
    color: var(--primary-color);
    display: block;
    font-size: 18px;
    font-weight: var(--font-weight-bold);
    line-height: 24px
}

.b3b7026d {
    background: var(--background-color-main);
    border-radius: 10px 10px 0 0;
    min-height: 200px;
    padding: 15px;
    position: absolute;
    width: 100%
}

.b3b7026d ul {
    list-style: none
}

.b3b7026d ul li {
    padding-top: 16px
}

.b3b7026d ul li .d25df70f {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.b3b7026d ul li .d25df70f > span {
    border: 1px solid var(--border-color);
    border-radius: 5px;
    height: 48px;
    margin-right: 16px;
    padding: 6px;
    width: 48px
}

.b3b7026d ul li .d25df70f button {
    background: var(--border-color);
    border: none;
    border-radius: 50px;
    color: var(--secondary-color);
    font-size: 14px;
    font-weight: var(--font-weight-bold);
    line-height: 20px;
    min-width: 100px;
    padding: 10px 17px
}

.b3b7026d ul li.b0891ef9 .d25df70f button {
    background: var(--secondary-common-color);
    color: var(--white-color)
}

.b3b7026d ul li .d25df70f strong {
    color: var(--primary-color);
    flex: 1;
    font-size: 16px;
    font-weight: var(--font-weight-bold);
    line-height: 24px
}

.b3b7026d ul li .d25df70f span .e50aee93 {
    width: 36px
}

@media only screen and (max-width: 768px) {
    .b9be581d, .c8e05a55 {
        display: block
    }

    .c8e05a55 {
        -webkit-animation: dbebb479 .5s;
        animation: dbebb479 .5s;
        opacity: 0;
        pointer-events: none
    }

    .c8e05a55 .b3b7026d {
        -webkit-animation: befa01cd .5s;
        animation: befa01cd .5s;
        bottom: -300px
    }

    .e71287a9 {
        -webkit-animation: ae806776 .5s;
        animation: ae806776 .5s;
        display: block;
        opacity: 1;
        z-index: 1000
    }

    .e71287a9 .b3b7026d {
        -webkit-animation: f041f780 .5s;
        animation: f041f780 .5s;
        bottom: 0
    }
}

@-webkit-keyframes ae806776 {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes ae806776 {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@-webkit-keyframes f041f780 {
    0% {
        bottom: -300px
    }
    to {
        bottom: 0
    }
}

@keyframes f041f780 {
    0% {
        bottom: -300px
    }
    to {
        bottom: 0
    }
}

@-webkit-keyframes dbebb479 {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes dbebb479 {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@-webkit-keyframes befa01cd {
    0% {
        bottom: 0
    }
    to {
        bottom: -300px
    }
}

@keyframes befa01cd {
    0% {
        bottom: 0
    }
    to {
        bottom: -300px
    }
}

.bd462cfa {
    display: block;
    padding: 0 20px
}

.bd462cfa .a9b0ccfb {
    position: relative
}

.bd462cfa .a9b0ccfb .e56d2ece {
    border-radius: 4px;
    color: var(--white-color);
    font-size: 12px;
    font-weight: var(--font-weight-bold);
    line-height: 18px;
    padding: 2px 4px;
    position: absolute;
    right: 10px;
    text-transform: uppercase;
    top: 0
}

.bd462cfa .b193c3c7 {
    background: var(----background-color);
    border: 1px solid var(--border-color);
    border-radius: 4px;
    box-sizing: border-box;
    display: block;
    margin: 10px 0
}

.bd462cfa .b193c3c7 .c470ddb0 {
    align-items: center;
    background: #3564c9;
    border: none;
    border-radius: 8px;
    color: #fff;
    display: flex;
    font-size: 18px;
    font-weight: var(--font-weight-bold);
    gap: 10px;
    justify-content: center;
    line-height: 28px;
    margin: 16px;
    padding: 6px 12px;
    width: calc(100% - 32px)
}

.bd462cfa .b193c3c7 .c470ddb0 span {
    display: block
}

.bd462cfa .b193c3c7 .c470ddb0 .c1f28ea6 {
    --foreground-color: #fff;
    height: 24px;
    transform: rotate(-180deg);
    width: 24px
}

.bd462cfa .b193c3c7 ul.e9de73e2 {
    background: var(--border-color)
}

.bd462cfa .b193c3c7 ul {
    align-items: center;
    border-top: 1px solid var(--border-color);
    display: flex;
    justify-content: space-around;
    padding: 5px 0 5px 13px
}

.bd462cfa .b193c3c7 ul li {
    color: var(--primary-color);
    display: block;
    font-size: 16px;
    line-height: 24px;
    padding: 2px
}

.bd462cfa .b193c3c7 ul.e9de73e2 {
    border: none
}

.bd462cfa .b193c3c7 ul.e9de73e2 li {
    color: var(--text-color);
    font-size: 14px;
    line-height: 22px
}

.bd462cfa .b193c3c7 ul.d0d2d90b li, .bd462cfa .b193c3c7 ul.e9de73e2 li {
    align-items: center;
    display: flex;
    font-weight: var(--font-weight-bold);
    justify-content: center
}

.bd462cfa .b193c3c7 li:first-child {
    justify-content: flex-start !important
}

.bd462cfa .b193c3c7 ul.d0d2d90b li .e2317cf7 {
    border-radius: 50%;
    display: inline-block;
    height: 10px;
    margin-right: 10px;
    min-width: 10px;
    width: 10px
}

.bd462cfa .b193c3c7 ul.d0d2d90b li b {
    display: inline-block
}

.bd462cfa .b193c3c7 ul.d0d2d90b li .c1f28ea6 {
    align-items: center;
    display: flex;
    margin-left: auto;
    margin-right: 0
}

.bd462cfa .b193c3c7 ul.d0d2d90b.bb9c0d53 {
    background: rgba(43, 43, 43, .03)
}

.bd462cfa .b193c3c7 ul.d0d2d90b.bb9c0d53 li {
    color: var(--primary-color);
    font-size: 14px;
    line-height: 22px
}

.bd462cfa .b193c3c7 ul.d0d2d90b.bb9c0d53 li:first-child:before {
    content: "";
    display: inline-block;
    height: 10px;
    width: 20px
}

.ad46df12 {
    display: block;
    padding: 0 5px
}

.ad46df12 p {
    align-items: flex-start;
    color: var(--secondary-color);
    display: flex;
    font-size: 14px;
    font-weight: var(--font-weight-bold);
    line-height: 22px
}

.ad46df12 p img {
    margin-right: 5px;
    margin-top: 2px
}

@media only screen and (max-width: 768px) {
    .bd462cfa {
        padding: 0 16px
    }

    .bd462cfa .b193c3c7 .c470ddb0 {
        font-size: 16px;
        line-height: 24px;
        margin: 12px;
        width: calc(100% - 24px)
    }

    .bd462cfa .b193c3c7 .c470ddb0 .c1f28ea6 {
        --background-color: #;
        height: 20px;
        width: 20px
    }

    .bd462cfa .b193c3c7 ul {
        padding-left: 5px
    }

    .bd462cfa .b193c3c7 ul.e9de73e2 li {
        font-size: 12px;
        line-height: 18px
    }

    .bd462cfa .b193c3c7 ul li {
        font-size: 14px;
        line-height: 22px;
        min-width: 20%
    }

    .bd462cfa .b193c3c7 ul.d0d2d90b.bb9c0d53 li {
        font-size: 12px;
        line-height: 18px
    }

    .bd462cfa .b193c3c7 ul.d0d2d90b li .e2317cf7 {
        margin-right: 7px
    }

    .bd462cfa .ad46df12 p {
        font-size: 12px;
        font-weight: var(--font-weight-normal);
        line-height: 18px
    }

    .bd462cfa .ad46df12 p img {
        margin-right: 5px;
        margin-top: 0
    }
}

.afef2365 {
    margin: 0 120px;
    position: relative
}

.afef2365 .f6754620 {
    bottom: 8px;
    position: absolute;
    width: 100%
}

.afef2365 .f6754620 p {
    min-width: 100%;
    text-align: center
}

.afef2365 .f6754620 .bde98498 {
    font-size: 14px;
    font-weight: var(--font-weight-bold);
    margin: 10px 0 35px
}

.afef2365 .f6754620 .bde98498 .c87c0190 {
    color: gray;
    display: inline-block;
    padding-right: 3px
}

.afef2365 .f6754620 .f17c291f {
    font-size: 24px;
    font-weight: var(--font-weight-bold)
}

.afef2365 hr {
    border: none;
    border-right: 1px dashed var(--primary-color);
    height: calc(50% - 8px);
    left: 50%;
    position: absolute;
    top: 1px;
    width: 1px
}

@media (min-width: 769px)and (max-width: 1024px) {
    .afef2365 .f6754620 .bde98498 {
        font-size: 12px;
        margin: 10px 0 5px
    }
}

@media only screen and (max-width: 768px) {
    .afef2365 {
        margin: 0 30px
    }

    .afef2365 .f6754620 .bde98498 {
        font-size: 12px;
        margin: 10px 0 15px
    }

    .afef2365 .f6754620 .f17c291f {
        font-size: 18px
    }
}

.f294573a {
    font-size: 18px;
    line-height: 30px
}

.e913fbaa {
    font-size: 22px;
    line-height: 34px
}

.b9505a57 {
    font-size: 26px;
    line-height: 38px
}

.a1f712cb {
    font-size: 30px;
    line-height: 42px
}

.cae4e085 {
    font-size: 34px;
    line-height: 44px
}

@media only screen and (max-width: 768px) {
    .f294573a {
        font-size: 16px;
        line-height: 28px
    }

    .e913fbaa {
        font-size: 20px;
        line-height: 32px
    }

    .b9505a57 {
        font-size: 24px;
        line-height: 36px
    }

    .a1f712cb {
        font-size: 28px;
        line-height: 40px
    }

    .cae4e085 {
        font-size: 32px;
        line-height: 42px
    }
}

.a46bfa3d {
    padding-bottom: 0;
    padding-top: 10px
}

.a46bfa3d ul {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    list-style: none;
    margin-left: -2%
}

.a46bfa3d li {
    border-radius: 4px;
    cursor: pointer;
    flex-grow: 1;
    margin-bottom: 8px;
    margin-left: 2%;
    max-width: 31.33%;
    min-width: 31.33%;
    overflow: hidden
}

.a46bfa3d li .ecfdafd2 {
    background: var(--border-color);
    border: none;
    color: var(--secondary-color);
    display: block;
    font-size: 16px;
    font-weight: var(--font-weight-bold);
    line-height: 24px;
    overflow: hidden;
    padding: 6px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap
}

.a46bfa3d li.ac0ee8fe .ecfdafd2 {
    background: var(--primary-color);
    color: var(--election-tab-text-color)
}

.a46bfa3d li .c28582ff {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: linear-gradient(45deg, transparent 50%, grey 0), linear-gradient(135deg, grey 50%, transparent 0), linear-gradient(90deg, grey, grey);
    background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), calc(100% - 2.5em) .5em;
    background-repeat: no-repeat;
    background-size: 5px 5px, 5px 5px, 1px 0;
    display: block;
    font-weight: 500;
    padding-right: 30px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.a46bfa3d li .c28582ff:focus {
    outline: none
}

.a46bfa3d li.ac0ee8fe .c28582ff {
    background-image: linear-gradient(45deg, transparent 50%, var(--election-tab-text-color) 50%), linear-gradient(135deg, var(--election-tab-text-color) 50%, transparent 50%), linear-gradient(to right, var(--election-tab-text-color), var(--election-tab-text-color));
    background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), calc(100% - 2.5em) .5em;
    background-repeat: no-repeat;
    background-size: 5px 5px, 5px 5px, 1px 0
}

.da130b16 {
    padding: 0
}

.da130b16 a {
    background: #ff8400;
    border-radius: 8px;
    color: #fff;
    display: block;
    font-size: 18px;
    font-weight: var(--font-weight-bold);
    line-height: 26px;
    margin: 16px 0;
    padding: 12px;
    text-align: center;
    width: 100%
}

@media only screen and (max-width: 768px) {
    .da130b16 a {
        font-size: 16px;
        line-height: 24px;
        padding: 12px
    }
}

.ef88b9dd a, .ef88b9dd a img {
    border-radius: 8px;
    display: block
}

.ef88b9dd a img {
    border: 1px solid var(--border-color);
    width: 100%
}

.a0e27563 {
    display: block
}

.a0e27563 h2 {
    color: var(--primary-color);
    margin-bottom: 16px
}

.a0e27563 h2, .a0e27563 h4 {
    font-size: 24px;
    font-weight: var(--font-weight-bold);
    line-height: 36px
}

.a0e27563 ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0
}

.a0e27563 ul li {
    border: 1px solid var(--border-color);
    border-radius: 4px;
    margin-bottom: 12px;
    max-height: 48px;
    max-width: 49%;
    min-width: 49%;
    overflow: hidden;
    position: relative
}

.a0e27563 ul li a {
    align-items: center;
    color: var(--primary-color);
    display: flex;
    flex-wrap: wrap;
    font-size: 14px;
    justify-content: space-between;
    line-height: 20px
}

.a0e27563 ul li a .c444813d {
    border-radius: 4px 0 0 4px;
    height: 48px;
    margin-right: 12px;
    width: 68px
}

.a0e27563 ul li a .c444813d img {
    height: 100%
}

.a0e27563 ul li a .ac6a5973 {
    flex: 2;
    font-weight: var(--font-weight-bold)
}

@media (max-width: 768px) {
    .a0e27563 {
        margin: 0
    }

    .a0e27563 h2, .a0e27563 h4 {
        font-size: 20px;
        line-height: 30px
    }

    .a0e27563 h4 {
        font-weight: var(--font-weight-bold)
    }

    .a0e27563 ul li {
        max-width: 100%;
        min-width: 100%
    }
}

.dd24a279 {
    display: block;
    margin: 10px 20px
}

.dd24a279 h2 {
    align-items: center;
    color: var(--primary-color-light);
    display: flex;
    font-size: 24px;
    font-weight: var(--font-weight-bold);
    line-height: 36px;
    margin-bottom: 10px
}

.dd24a279 h2 span {
    background: #f44336;
    border-radius: 4px;
    color: #fff;
    display: block;
    font-size: 14px;
    line-height: 20px;
    margin-right: 10px;
    padding: 2px 8px
}

.dd24a279 .b8dd786f {
    display: block
}

.dd24a279 .b8dd786f iframe {
    border: none;
    display: block;
    width: 100%
}

@media only screen and (max-width: 768px) {
    .dd24a279 {
        margin: 10px
    }

    .dd24a279 h2 {
        font-size: 16px;
        line-height: 24px
    }

    .dd24a279 h2 span {
        background: #f44336;
        border-radius: 4px;
        color: #fff;
        display: block;
        font-size: 14px;
        line-height: 20px;
        margin-right: 10px;
        padding: 2px 8px
    }
}

.cfbacd96 {
    margin: 0
}

.d15cc0b6 {
    border-bottom: 1px solid var(--border-color);
    display: block
}

.d15cc0b6 ul {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    list-style: none;
    margin: 0 10px
}

.d15cc0b6 ul li {
    color: var(--primary-color);
    cursor: pointer;
    flex: 1 1 0;
    font-size: 14px;
    line-height: 18px;
    margin: 3px 0 16px;
    text-align: center
}

.d15cc0b6 ul li .d071efc8 {
    display: block;
    margin-bottom: 6px
}

.d15cc0b6 ul li .e2422f11 {
    word-wrap: break-word;
    display: block
}

.d15cc0b6 ul li .d071efc8 img {
    border-radius: 50%;
    display: block;
    height: 32px;
    margin: auto;
    width: 32px
}

.ce39364a {
    padding: 20px 20px 0
}

.ce39364a h2 {
    align-items: center;
    color: var(--primary-color);
    display: flex;
    font-size: 20px;
    justify-content: flex-start;
    line-height: 30px;
    margin-bottom: 8px
}

.ce39364a h2 .d3c6277a {
    display: block;
    margin-left: auto;
    text-align: center
}

.ce39364a h2 .d3c6277a span {
    color: gray;
    display: block;
    font-size: 6px;
    font-weight: 400;
    line-height: 8px
}

.ce39364a h2 .d3c6277a img {
    display: block;
    width: 40px
}

.ce39364a h2 .e6455ff3 {
    margin-right: 12px
}

.ce39364a h2 .e6455ff3 img {
    border-radius: 50%;
    display: block;
    height: 32px;
    width: 32px
}

.ce39364a ul {
    list-style: none
}

.ce39364a ul li {
    color: var(--primary-color);
    padding-left: 14px;
    position: relative
}

.ce39364a p, .ce39364a ul li {
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 6px
}

.ce39364a p {
    color: gray
}

.ce39364a ul li:after {
    background: var(--primary-color);
    border-radius: 50%;
    content: "";
    display: block;
    height: 4px;
    left: 0;
    position: absolute;
    top: 14px;
    width: 4px
}

@media (max-width: 768px) {
    .d15cc0b6 ul li {
        font-size: 14px;
        line-height: 20px;
        margin-top: 0;
        min-width: 25%
    }

    .ce39364a p, .ce39364a ul li {
        font-size: 16px;
        line-height: 28px
    }
}

.f126442b {
    display: block;
    padding: 16px
}

.f126442b h2 {
    padding: 10px 0
}

.f126442b h4 {
    margin-bottom: 10px
}

.f126442b p {
    color: var(--primary-color);
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 12px
}

.f126442b p a {
    color: #3564c8
}

.f126442b ol {
    color: var(--primary-color);
    font-size: 16px;
    line-height: 20px;
    padding-left: 28px
}

.f126442b ol li {
    margin-bottom: 12px
}

.f126442b ul {
    color: var(--primary-color);
    font-size: 16px;
    line-height: 20px;
    list-style-type: square;
    padding-left: 28px
}

.f126442b ul li {
    margin-bottom: 12px
}

.e394a7d9 {
    display: block
}

.e394a7d9 h2 {
    font-size: 22px;
    line-height: 28px;
    padding: 10px 0 0
}

.e394a7d9 h2, .e394a7d9 h3 {
    color: var(--primary-color);
    display: block;
    font-weight: var(--font-weight-bold)
}

.e394a7d9 h3 {
    font-size: 18px;
    line-height: 26px;
    padding: 20px 0 0
}

.e394a7d9 p {
    color: var(--primary-color);
    display: block;
    font-size: 16px;
    line-height: 24px;
    padding: 10px 0
}

.e394a7d9 p strong {
    font-weight: var(--font-weight-bold)
}

.e394a7d9 ol {
    display: block;
    list-style: decimal
}

.e394a7d9 ol li {
    color: var(--primary-color);
    font-size: 16px;
    line-height: 24px;
    margin-left: 25px;
    padding: 10px 0
}

.e3e040f2 .e011a266, .e3e040f2 .e011a266 .c9012eb6, .e3e040f2 .e011a266 .d5abd908, .e9c55f13 {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.e3e040f2 {
    border-top: 12px solid var(--border-color);
    display: block
}

.e3e040f2 .e011a266 {
    padding: 16px 16px 8px
}

.e3e040f2 .e011a266 .c9012eb6 .d0d4d47c {
    align-items: center;
    background: hsla(0, 0%, 50%, .08);
    border-radius: 50%;
    display: flex;
    height: 48px;
    justify-content: center;
    width: 48px
}

.e3e040f2 .e011a266 .c9012eb6 .d0d4d47c img {
    display: block;
    height: 32px
}

.e3e040f2 .e011a266 .c9012eb6 h2.ac53f798 {
    color: var(--primary-color);
    font-size: 24px;
    font-weight: var(--font-weight-bold);
    line-height: 36px;
    padding-left: 16px
}

.e3e040f2 .e011a266 .d5abd908 {
    border: 1px solid #ff554b;
    border-radius: 4px;
    color: #ff554b;
    font-size: 16px;
    font-weight: var(--font-weight-bold);
    line-height: 24px;
    padding: 6px 16px
}

.e3e040f2 .faff5059 {
    --foreground-color: var(--text-color);
    --background-color: transparent;
    align-items: center;
    background: var(--background-color-main);
    border-bottom: 1px solid var(--border-color);
    display: flex;
    margin: 0;
    padding: 0 5px;
    position: sticky;
    top: var(--navbar-height);
    z-index: var(--z-index-2)
}

.e3e040f2 .faff5059 .bd2a25bc, .e3e040f2 .faff5059 .df7dfc5c {
    background: transparent;
    border: none;
    border-radius: 50%;
    cursor: pointer;
    height: 36px;
    margin: 0 5px;
    width: 36px
}

.e3e040f2 .faff5059 .bd2a25bc .c3fe440f, .e3e040f2 .faff5059 .df7dfc5c .c3fe440f {
    --foreground-color: var(--primary-color)
}

.e3e040f2 .faff5059 .df7dfc5c {
    margin-top: -6px
}

.e3e040f2 .faff5059 .bd2a25bc:hover, .e3e040f2 .faff5059 .df7dfc5c:hover {
    --background-color: #f5f6f7
}

.e3e040f2 .faff5059 .bd2a25bc:hover .c3fe440f, .e3e040f2 .faff5059 .df7dfc5c:hover .c3fe440f {
    --foreground-color: var(--primary-color)
}

.e3e040f2 .faff5059 .bd2a25bc.dafe6996 .c3fe440f, .e3e040f2 .faff5059 .df7dfc5c.dafe6996 .c3fe440f {
    --foreground-color: var(--tertiary-color)
}

.e3e040f2 .faff5059 ul {
    -ms-overflow-style: none;
    display: flex;
    flex-grow: 1;
    justify-content: flex-start;
    list-style: none;
    scrollbar-width: none
}

.e3e040f2 .faff5059 ul li {
    display: block;
    white-space: nowrap
}

.e3e040f2 .faff5059 ul li .e86527d2 {
    background: transparent;
    border: none;
    color: var(--secondary-color);
    cursor: pointer;
    display: block;
    font-size: 16px;
    font-weight: var(--font-weight-bold);
    padding: 10px
}

.e3e040f2 .faff5059 ul li.a16bffad .e86527d2, .e3e040f2 .faff5059 ul li:hover .e86527d2 {
    border-bottom: 2px solid var(--primary-color);
    color: var(--primary-color)
}

.e3e040f2 .faff5059 ul::-webkit-scrollbar {
    display: none
}

.e3e040f2 .ba08699b {
    position: relative;
    z-index: 1
}

@media only screen and (max-width: 768px) {
    .e3e040f2 .e011a266 {
        padding-bottom: 4px
    }

    .e3e040f2 .e011a266 .c9012eb6 .d0d4d47c {
        height: 36px;
        width: 36px
    }

    .e3e040f2 .e011a266 .c9012eb6 .d0d4d47c img {
        display: block;
        height: 24px
    }

    .e3e040f2 .e011a266 .c9012eb6 h2.ac53f798 {
        font-size: 20px;
        line-height: 30px;
        padding-left: 10px
    }

    .e3e040f2 .e011a266 .d5abd908 {
        font-size: 12px;
        line-height: 18px
    }

    .e3e040f2 .faff5059 {
        padding: 12px 16px
    }

    .e3e040f2 .faff5059 .bd2a25bc, .e3e040f2 .faff5059 .df7dfc5c {
        display: none
    }

    .e3e040f2 .faff5059 ul li .e86527d2 {
        border: 1px solid var(--border-color);
        border-radius: 24px;
        color: var(--primary-color);
        font-size: 14px;
        line-height: 22px;
        margin: 0 4px;
        padding: 5px 15px
    }

    .e3e040f2 .faff5059 ul li.a16bffad .e86527d2, .e3e040f2 .faff5059 ul li:hover .e86527d2 {
        background: #2b2b2b;
        border: 1px solid #2b2b2b;
        color: #fff
    }
}

.c7ff6507 {
    border-bottom: 1px solid var(--border-color);
    list-style: none;
    padding: 20px 20px 8px
}

.c7ff6507 .ad3ccf1a {
    color: var(--primary-color);
    display: flex;
    font-family: var(--font-family);
    font-weight: var(--font-weight-normal);
    justify-content: space-between;
    line-height: 30px
}

.c7ff6507 .ad3ccf1a h3 {
    font-size: 20px;
    font-weight: var(--font-weight-bold);
    line-height: 30px;
    padding-right: 20px
}

.c7ff6507 .ad3ccf1a a {
    color: var(--primary-color);
    font-size: 20px
}

.c7ff6507 .ad3ccf1a figure {
    background: var(--border-color);
    border-radius: 4px;
    height: 108px;
    max-width: 144px;
    min-width: 144px;
    overflow: hidden;
    position: relative
}

.c7ff6507 .ad3ccf1a figure img {
    display: block;
    max-height: 500px;
    width: 100%
}

.c7ff6507 .ad3ccf1a figure .ae544dab {
    --foreground-color: #fff;
    --background-color: #000;
    height: 30px;
    left: calc(50% - 15px);
    position: absolute;
    top: calc(50% - 15px);
    width: 30px;
    z-index: 2
}

.c7ff6507 .ad3ccf1a figure span {
    border-radius: 4px;
    bottom: 6px;
    color: #fff;
    height: 16px;
    line-height: 16px;
    padding: 0 4px
}

.c7ff6507 .ad3ccf1a figure .f48b4444, .c7ff6507 .ad3ccf1a figure span {
    background: rgba(0, 0, 0, .6);
    font-size: 12px;
    font-weight: 500;
    position: absolute;
    right: 6px
}

.c7ff6507 .ad3ccf1a figure .f48b4444 {
    border-radius: 12px;
    color: var(--white-color);
    line-height: 18px;
    padding: 0 8px;
    top: 6px
}

.c7ff6507:hover {
    background: var(--feeds-hover-background-color)
}

@media (min-width: 768px) {
    .c7ff6507.a5b9f98e .ad3ccf1a {
        display: flex;
        flex-direction: column;
        line-height: 36px
    }

    .c7ff6507.a5b9f98e .ad3ccf1a h3 {
        font-size: 24px;
        line-height: 36px;
        margin-bottom: 10px;
        padding-right: 0
    }

    .c7ff6507.a5b9f98e .ad3ccf1a a {
        font-size: 24px
    }

    .c7ff6507.a5b9f98e .ad3ccf1a .ab869fae {
        border-radius: 0;
        margin-left: -20px;
        margin-right: -20px
    }

    .c7ff6507.a5b9f98e .ad3ccf1a .ab869fae figure {
        border-radius: 0
    }

    .c7ff6507.a5b9f98e .ad3ccf1a figure {
        height: auto;
        max-width: 100%;
        min-height: 350px
    }

    .c7ff6507.a5b9f98e .ad3ccf1a figure .ae544dab {
        height: 60px;
        left: calc(50% - 30px);
        top: calc(50% - 30px);
        width: 60px
    }

    .c7ff6507.a5b9f98e .ad3ccf1a figure span {
        background: rgba(0, 0, 0, .6);
        border-radius: 4px;
        bottom: 8px;
        color: #fff;
        font-size: 14px;
        font-weight: 500;
        height: 20px;
        line-height: 20px;
        margin-left: 2px;
        padding: 0 4px;
        position: absolute;
        right: 8px
    }

    .c7ff6507.a5b9f98e .ad3ccf1a figure .f48b4444 {
        font-size: 14px;
        line-height: 20px;
        right: 8px;
        top: 8px
    }
}

@media (max-width: 768px) {
    .c7ff6507 {
        padding: 12px 16px
    }

    .c7ff6507 .ad3ccf1a h3 {
        font-size: 17px;
        line-height: 24px;
        padding-right: 8px
    }

    .c7ff6507 .ad3ccf1a a {
        font-size: 16px;
        line-height: 24px
    }

    .c7ff6507 .ad3ccf1a figure {
        height: 81px;
        margin-top: 5px;
        max-width: 108px;
        min-width: 108px
    }

    .c7ff6507 .ad3ccf1a figure .ae544dab {
        height: 28px;
        width: 28px
    }

    .c7ff6507 .ad3ccf1a figure span {
        bottom: 4px;
        font-size: 12px;
        font-weight: 500;
        height: 16px;
        line-height: 16px;
        right: 4px
    }

    .c7ff6507 .ad3ccf1a figure .f48b4444 {
        padding: 0 6px;
        right: 4px;
        top: 4px
    }
}

.fc955a5d {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@media only screen and (max-width: 768px) {
    .db9a2680 {
        -webkit-touch-callout: none;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }
}

.c62bd949 {
    align-items: center;
    display: flex;
    height: 100%
}

.c62bd949 .f97587ba {
    height: 100%;
    -o-object-fit: fill;
    object-fit: fill;
    width: 100%
}

.fe19aee0 {
    background: var(--border-color)
}

.d842c6bf {
    align-items: center;
    display: inline-flex;
    position: relative
}

.d842c6bf .f78e5dad {
    border-radius: 4px;
    color: #fff;
    font-size: .9em;
    margin-right: 6px;
    padding: 0 6px
}

.d842c6bf .d6be291b {
    line-height: normal
}

.d842c6bf .f2041576 {
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: a452834a;
    animation-name: a452834a;
    background: #f44336;
    border-radius: 50%;
    height: 10px;
    left: -14px;
    position: absolute;
    width: 10px
}

@-webkit-keyframes a452834a {
    50% {
        opacity: 0
    }
}

@keyframes a452834a {
    50% {
        opacity: 0
    }
}

@media (max-width: 768px) {
    .d842c6bf .f2041576 {
        height: 8px;
        left: -12px;
        width: 8px
    }
}

.ed4183bf {
    margin-top: 8px
}

.ed4183bf .f7e2f859 {
    color: var(--primary-color);
    font-size: 16px;
    font-weight: var(--font-weight-bold);
    line-height: 24px;
    margin-bottom: 8px
}

.ed4183bf .bd776f58 {
    position: relative
}

.ed4183bf .bd776f58:before {
    background-image: linear-gradient(to bottom, var(--tertiary-color) 50%, transparent 50%);
    background-repeat: repeat-y;
    background-size: 1px 8px;
    bottom: -4px;
    content: "";
    left: 4px;
    position: absolute;
    top: 6px;
    width: 1px
}

.ed4183bf .bd776f58:last-child:before {
    display: none
}

.ed4183bf .bd776f58:last-child {
    padding-bottom: 0
}

.ed4183bf .bd776f58 {
    padding-bottom: 8px
}

.ed4183bf .bd776f58 .f472b431 {
    background: var(--text-color);
    border-radius: 50%;
    height: 10px;
    position: absolute;
    top: 4px;
    width: 10px
}

.ed4183bf .bd776f58 .f472b431.cebb5e1e {
    background: #f44336
}

.ed4183bf .bd776f58 .fd4115e8 {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: var(--primary-color);
    display: -webkit-box;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-left: 20px;
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis;
    top: -4px
}

.ed4183bf .bd776f58 .fd4115e8 .a0b21e3c {
    color: var(--text-color)
}

.ed4183bf .bd776f58 .fd4115e8 .a0b21e3c.cebb5e1e {
    color: #f44336;
    font-weight: 600
}

.ed4183bf .bd776f58 .fd4115e8 .df6ed667 {
    color: var(--text-color)
}

.ed4183bf .bd776f58 .de8d1a01:after {
    clear: both;
    content: "";
    display: table
}

@media (max-width: 768px) {
    .ed4183bf .f7e2f859 {
        font-size: 14px;
        line-height: 22px
    }

    .ed4183bf .bd776f58:before {
        left: 2px
    }

    .ed4183bf .bd776f58 .f472b431 {
        height: 6px;
        top: 4px;
        width: 6px
    }

    .ed4183bf .bd776f58 .fd4115e8 {
        font-size: 14px;
        font-weight: 400;
        line-height: 22px;
        margin-left: 16px
    }

    .ed4183bf .bd776f58 .fd4115e8 .a0b21e3c.cebb5e1e {
        font-weight: 600
    }
}

.ff29866a {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-top: 8px
}

.ff29866a span {
    color: #c4ccd4;
    font-weight: var(--font-weight-bold)
}

.ff29866a .d4231e2c {
    align-items: center;
    display: flex;
    flex-direction: row
}

.ff29866a .d4231e2c .fd4e34d0 {
    border: 1px solid var(--border-color);
    border-radius: 20px;
    color: var(--primary-color);
    font-size: 16px;
    font-weight: var(--font-weight-bold);
    line-height: 20px;
    margin-right: 10px;
    padding: 4px 4px 4px 10px;
    white-space: nowrap
}

.ff29866a .d4231e2c .fd4e34d0 a {
    align-items: center;
    color: var(--primary-color);
    display: flex;
    justify-content: center
}

.ff29866a .d4231e2c .fd4e34d0 a .a8386ccf {
    --foreground-color: var(--primary-color);
    background: transparent;
    border: none;
    cursor: pointer;
    height: 16px;
    margin-left: 4px;
    transform: rotate(270deg);
    width: 16px
}

.ff29866a .d4231e2c .fd4e34d0 a:hover {
    text-decoration: none
}

.ff29866a .d4231e2c .fd4e34d0:hover {
    background: hsla(0, 0%, 50%, .08)
}

.ff29866a .d4231e2c .a9eadda8 {
    color: var(--tertiary-color);
    font-size: 16px;
    line-height: 24px
}

.ff29866a .d4231e2c .f2873c45 {
    margin-right: 20px
}

.ff29866a .e02419a9 {
    display: none
}

@media (max-width: 768px) {
    .ff29866a {
        font-size: 14px;
        line-height: 24px;
        margin-top: 10px
    }

    .ff29866a .a68dacec {
        display: none
    }

    .ff29866a .d4231e2c .fd4e34d0 {
        font-size: 14px;
        line-height: 18px
    }

    .ff29866a .d4231e2c .a9eadda8 {
        font-size: 14px;
        line-height: 22px
    }

    .ff29866a .d4231e2c .f2873c45 {
        margin-right: 16px
    }

    .ff29866a .e02419a9 {
        align-items: center;
        color: var(--text-color);
        display: flex;
        font-weight: var(--font-weight-bold);
        height: 18px;
        margin-bottom: 0;
        text-align: right
    }

    .ff29866a .e02419a9 .b188440f {
        background: url(/assets/images/whatsapp.icon.ccad40c8.svg) 50% no-repeat;
        height: 40px;
        width: 40px
    }

    .ff29866a .e02419a9 .e7ab1d24 {
        color: #818181;
        font-size: 18px
    }
}

.a756c403 {
    display: flex;
    list-style: none;
    position: relative
}

.a756c403 .a56e5e55 {
    border-radius: 200px;
    cursor: pointer;
    margin: 0 5px
}

.a756c403 .a56e5e55, .a756c403 button {
    height: 36px;
    width: 36px
}

.a756c403 .dc486035 {
    background: url(/assets/images/facebook_icon.7dc26277.svg) 50% no-repeat
}

.a756c403 .dc486035:hover {
    background: #1877f2 url(/assets/images/facebook_h_icon.56f284ba.svg) 50% no-repeat
}

.a756c403 .eabf179b {
    background: url(/assets/images/twitter_icon.6e422445.svg) 50% no-repeat
}

.a756c403 .eabf179b:hover {
    background: #4aa0ec url(/assets/images/twitter_h_icon.4259b1a2.svg) 50% no-repeat
}

.a756c403 .fa57dd56 {
    background: url(/assets/images/copy_icon.2a9d86a4.svg) 50% no-repeat;
    position: relative
}

.a756c403 .fa57dd56 strong {
    display: block;
    height: 36px;
    width: 36px
}

.a756c403 .fa57dd56:hover {
    background: #000 url(/assets/images/copy_h_icon.7dda2302.svg) 50% no-repeat;
    position: relative
}

.a756c403 .fa57dd56 span {
    background: var(--black-color);
    border-radius: 2px;
    bottom: -31px;
    color: var(--white-color);
    display: none;
    font-size: 12px;
    font-weight: var(--font-weight-bold);
    line-height: 20px;
    padding: 0 10px;
    position: absolute;
    right: -30px;
    white-space: nowrap
}

.a756c403 .fa57dd56:hover span {
    display: block
}

.cd310081 {
    clip-rule: evenodd;
    border-radius: 3px;
    -webkit-clip-path: polygon(0 0, 85% 0, 98% 50%, 85% 100%, 0 100%);
    clip-path: polygon(0 0, 85% 0, 98% 50%, 85% 100%, 0 100%)
}

.cd310081 .f24da512 {
    color: var(--white-color);
    font-size: 14px;
    font-weight: var(--font-weight-bold);
    line-height: 22px;
    padding: 0 10px 0 6px
}

@media (max-width: 768px) {
    .cd310081 .f24da512 {
        font-size: 12px;
        line-height: 18px
    }
}

.fba199c3 ul {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0
}

.fba199c3 ul li {
    color: var(--primary-color);
    display: inline;
    font-size: 12px;
    line-height: 20px;
    position: relative;
    text-transform: capitalize
}

.fba199c3 ul li a {
    color: var(--text-color);
    white-space: nowrap
}

.fba199c3 ul li:not(:last-child):after {
    color: var(--text-color);
    content: "/";
    margin: 0 5px
}

@media only screen and (max-width: 768px) {
    .fba199c3 {
        display: none
    }
}

.c8097ca9 {
    --foreground-color: var(--text-color);
    background: var(--header-footer-color);
    bottom: 0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .2), 0 2px 2px rgba(0, 0, 0, .12), 0 0 2px rgba(0, 0, 0, .14);
    display: none;
    height: 56px;
    left: 0;
    position: fixed;
    transition: background .2s ease-in-out;
    width: 100%;
    z-index: var(--z-index-3)
}

.c8097ca9 ul {
    display: flex;
    height: 100%;
    justify-content: space-around;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%
}

.c8097ca9 ul li {
    width: 33.33%
}

.c8097ca9 ul li.d81e148e {
    --foreground-color: var(--secondary-common-color);
    width: 33.33%
}

.c8097ca9 ul li a {
    align-items: center;
    color: var(--foreground-color);
    display: flex;
    flex-direction: column;
    font-size: 12px;
    font-weight: var(--font-weight-bold);
    height: 100%;
    justify-content: center;
    line-height: 18px;
    margin: 0;
    padding: 0;
    text-align: center
}

@media (max-width: 768px) {
    .c8097ca9 {
        display: block
    }
}

* {
    margin: 0;
    padding: 0
}

.f0e619a2 {
    display: flex;
    margin: 0 auto;
    max-width: 1280px;
    position: relative;
    width: 100%
}

.e307bc9e {
    padding: 20px;
    position: sticky;
    width: 20%
}

.ba1e62a6 {
    border-left: 1px solid #e2e7ed;
    border-right: 1px solid #e2e7ed;
    height: 100%;
    width: 50%
}

.b9cd31db {
    bottom: 20px;
    padding: 24px 21px 24px 24px;
    position: sticky;
    width: 30%
}

@media only screen and (max-width: 768px) {
    .b9cd31db, .e307bc9e {
        display: none
    }

    .ba1e62a6 {
        border-left: 0;
        border-right: 0;
        height: auto;
        min-height: inherit;
        padding-bottom: 55px;
        width: 100%
    }
}

.c83e41c1 {
    display: block;
    list-style: none;
    margin: 0;
    padding: 10px 0
}

.c83e41c1 li {
    display: flex;
    height: 56px
}

.c83e41c1 li a {
    align-items: center;
    border-radius: 4px;
    color: var(--primary-color);
    display: flex;
    font-size: 18px;
    font-weight: var(--font-weight-bold);
    line-height: 26px;
    padding: 12px 15px;
    width: 100%
}

.c83e41c1 li a .a5868684 {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    margin-right: 5px;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis
}

.c83e41c1 li a .d213906b {
    border-radius: 14px;
    display: inline-flex;
    font-size: 10px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-left: auto;
    margin-right: 5px;
    padding: 2px 4px
}

.c83e41c1 li.b5af8d26 a {
    background: #4db2ec !important;
    font-weight: var(--font-weight-bold)
}

.c83e41c1 li a:hover {
    background: rgba(126, 144, 160, .08)
}

.c83e41c1 li img {
    display: block
}

.dce102e7 {
    display: block;
    margin: 30px 0;
    padding: 0;
    text-align: center
}

.c2d99e98 p, .dce102e7 p {
    color: var(--text-color);
    display: block;
    font-size: 12px;
    font-weight: var(--font-weight-normal);
    line-height: 18px;
    padding: 6px 0;
    text-align: center
}

.dce102e7 a {
    display: block;
    margin: 6px 0
}

.c2d99e98 {
    display: block;
    margin: 30px 0;
    padding: 0;
    text-align: center
}

.c2d99e98 ul {
    display: flex;
    justify-content: center;
    list-style: none
}

.c2d99e98 ul li {
    display: block;
    margin: 0 8px
}

.c2d99e98 ul li a {
    background: #101010;
    border-radius: 50%;
    display: block;
    height: 32px;
    line-height: 32px;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 32px
}

.c2d99e98 ul li a .be7897e5 {
    --foreground-color: var(--white-color);
    display: block;
    height: 32px;
    width: 32px
}

.c2d99e98 ul li a:hover {
    background: var(--secondary-common-color)
}

.cf559a0e {
    background: var(--header-footer-color);
    background-image: url(/assets/images/loading.154c749d.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    opacity: .99;
    padding: 10px 0;
    transition: padding .2s ease-in-out, background .2s ease-in-out
}

.cf559a0e .d034f070 {
    color: var(--text-color);
    display: block;
    font-size: 12px;
    font-weight: 600;
    line-height: 24px;
    text-align: center;
    transition: height .2s ease-in-out
}

.cf559a0e .fbad50ce {
    align-items: center;
    display: flex;
    flex-grow: 1;
    justify-content: center
}

.f1ab6437 {
    display: flex
}

.b06c8b9b {
    display: none
}

.bac48ff8 {
    display: none !important
}

@media only screen and (max-width: 768px) {
    .cf559a0e {
        border: none;
        border-bottom: 1px solid var(--border-color)
    }

    .f1ab6437 {
        display: none
    }

    .b06c8b9b {
        display: flex
    }
}

.fa42b3b3 {
    border: 1px solid var(--border-color);
    border-radius: 4px;
    margin-top: 20px;
    padding: 10px 16px
}

.c2303cee, .fa42b3b3 {
    display: block;
    overflow: hidden
}

.c2303cee {
    clear: both;
    height: 0
}

.ba7fb9c5 {
    display: block;
    margin: 0;
    padding: 0
}

.ba7fb9c5 h3 {
    color: var(--primary-color);
    display: block;
    float: left;
    font-size: 16px;
    font-weight: var(--font-weight-bold);
    line-height: 24px
}

.e5cd9131 {
    text-align: right
}

.ba7fb9c5 .a25439d4 {
    color: var(--text-color);
    cursor: pointer;
    float: right;
    font-size: 14px;
    font-weight: var(--font-weight-bold);
    line-height: 20px;
    padding-right: 20px;
    position: relative;
    text-align: right
}

.ba7fb9c5 .a25439d4 span {
    background: url(/assets/images/rashi_arrow_down.b0a72377.svg) 0 0 no-repeat;
    display: block;
    height: 20px;
    position: absolute;
    right: 0;
    top: 0;
    width: 20px
}

.ab45b895 {
    display: block;
    margin-top: 10px
}

.ab45b895 .a7ad6888 {
    border: 1px solid var(--border-color);
    border-radius: 50%;
    display: block;
    float: left;
    height: 50px;
    margin-right: 16px;
    padding: 2px;
    width: 50px
}

.ab45b895 .a7ad6888 img {
    max-width: 100%
}

.ab45b895 .e758acf0 {
    float: left;
    font-size: 18px;
    font-weight: var(--font-weight-bold);
    line-height: 30px;
    margin-top: 8px
}

.ab45b895 .e758acf0, .fa42b3b3 p {
    color: var(--primary-color);
    display: block
}

.fa42b3b3 p {
    font-size: 16px;
    font-weight: var(--font-weight-normal);
    line-height: 24px;
    padding: 10px 0 0
}

.fa42b3b3 p.e79b4a40 {
    max-height: 200px;
    overflow: hidden
}

.fa42b3b3 p a {
    color: var(--secondary-common-color);
    text-align: right
}

@media only screen and (max-width: 768px) {
    .fa42b3b3 {
        display: none
    }
}

.cce0a6ab2 {
    border: 1px solid var(--border-color);
    border-radius: 4px;
    display: block;
    margin: 0 0 20px;
    min-height: 380px;
    overflow: hidden;
    position: relative
}

.cce0a6ab2 a {
    display: block;
    margin: 0;
    padding: 0
}

.cce0a6ab2 a img, video {
    display: block;
    min-height: 350px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.cce0a6ab2:after {
    background: linear-gradient(180deg, rgba(0, 0, 0, .867), transparent 30%);
    content: "";
    display: block;
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%
}

.cce0a6ab2 .f4a630a7 {
    background: rgba(0, 0, 0, .5);
    border-radius: 40px;
    color: var(--white-color);
    cursor: pointer;
    font-size: 14px;
    font-weight: var(--font-weight-normal);
    line-height: 20px;
    padding: 5px 20px;
    position: absolute;
    right: 18px;
    text-align: center;
    top: 18px;
    z-index: var(--z-index-1)
}

.cce0a6ab2 .ed28c45e {
    align-items: center;
    background: rgba(0, 0, 0, .6);
    border: 1px solid hsla(0, 0%, 100%, .6);
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    height: 46px;
    justify-content: center;
    left: 50%;
    margin: -24px;
    position: absolute;
    top: 50%;
    width: 46px
}

.cce0a6ab2 .ed28c45e .ba5ce2b1 {
    border-bottom: 9px solid transparent;
    border-left: 16px solid var(--white-color);
    border-radius: 2px;
    border-top: 9px solid transparent;
    display: block;
    height: 0;
    margin-left: 2px;
    position: relative;
    transition: all .3s;
    width: 0
}

.cce0a6ab2 .f1735215 {
    color: var(--white-color);
    display: block;
    font-size: 20px;
    font-weight: var(--font-weight-bold);
    left: 18px;
    line-height: 30px;
    position: absolute;
    text-align: center;
    top: 18px;
    z-index: var(--z-index-1)
}

.cce0a6ab2:hover .ed28c45e {
    border: 1px solid hsla(0, 0%, 100%, .9)
}

@media only screen and (max-width: 768px) {
    .cce0a6ab {
        display: none
    }
}

.ab46c443 {
    display: block;
    margin: 20px 0 0;
    padding: 0
}

.ab46c443 ul.d775a447 {
    list-style: none;
    margin: 0;
    padding: 0
}

.ab46c443 ul.d775a447 li {
    color: var(--text-color);
    display: inline-block;
    font-size: 12px;
    font-weight: var(--font-weight-lighter);
    line-height: 20px
}

.ab46c443 ul.d775a447 li span {
    display: inline-block;
    padding: 0 5px
}

.ab46c443 ul.d775a447 li a {
    color: var(--text-color);
    display: inline-block;
    font-size: 12px;
    font-weight: var(--font-weight-lighter);
    line-height: 20px
}

.ab46c443 ul.d775a447 li a:hover {
    color: var(--primary-color)
}

.ab46c443 span.dd6b3092 {
    color: var(--text-color);
    display: block;
    font-size: 12px;
    font-weight: var(--font-weight-normal);
    line-height: 12px;
    margin: 20px 0 0;
    padding: 0
}

.ab46c443 ul.f84881f1 {
    list-style: none;
    margin: 0;
    padding: 0
}

.ab46c443 ul.f84881f1 li {
    display: block;
    padding: 5px 0 0
}

.ab46c443 ul.f84881f1 li a {
    color: var(--text-color);
    font-size: 14px;
    font-weight: var(--font-weight-bold);
    line-height: 20px
}

.ab46c443 ul.f84881f1 li a:hover {
    color: var(--primary-color)
}

.ab46c443 p {
    color: var(--text-color);
    display: block;
    font-size: 12px;
    font-weight: var(--font-weight-lighter);
    line-height: 12px;
    margin: 10px 0 0;
    padding: 0
}

.ab46c443 p a {
    color: var(--link-color)
}

.dbc90c19 {
    --match-card-color: #fff;
    --match-card-light-color: hsla(0, 0%, 100%, .7);
    --match-card-status-color: #fff;
    --foreground-color: #fff;
    --scorecard-text-color: #fff;
    --scorecard-text-light-color: hsla(0, 0%, 100%, .7);
    --scorecard-status-text-color: #fff;
    --scorecard-icon-border-color: transparent;
    border-radius: 4px
}

.dbc90c19 .c14c5e8e {
    background: #002547;
    border-radius: 2px;
    display: block;
    margin: 0 0 10px
}

@media only screen and (max-width: 768px) {
    .dbc90c19 .c14c5e8e {
        display: none
    }
}

.ebf6e4be {
    display: block;
    position: fixed;
    top: calc(50% - 50px)
}

.ebf6e4be a {
    background: #4db2ec url(/assets/images/feedback.f74b93c0.svg) 10px 8px no-repeat;
    border-radius: 6px 6px 0 0;
    color: #fff;
    display: block;
    font-size: 16px;
    font-weight: var(--font-weight-lighter);
    height: 40px;
    line-height: 40px;
    padding: 0 20px 0 40px;
    text-align: center;
    transform: rotate(-90deg)
}

@media only screen and (max-width: 768px) {
    .ebf6e4be {
        display: none
    }
}

.afdf8dd2 {
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 0 4px #333;
    box-sizing: border-box;
    margin: auto;
    padding: 20px 10px;
    text-align: center;
    width: 280px
}

.afdf8dd2 .e11f9b9f {
    width: 68px
}

.afdf8dd2 h3 {
    color: var(--primary-color);
    font-size: 20px;
    line-height: 30px;
    padding: 20px 0
}

.afdf8dd2 a, .afdf8dd2 h3 {
    font-style: normal;
    font-weight: var(--font-weight-bold);
    text-align: center
}

.afdf8dd2 a {
    background: #ff8400;
    border-radius: 50px;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    line-height: 40px;
    margin: 5px 0;
    padding: 0 25px
}

.f262d6bf {
    align-items: center;
    background: rgba(0, 0, 0, .8);
    display: flex;
    justify-content: space-evenly;
    overflow-y: scroll;
    position: fixed;
    z-index: var(--z-index-5)
}

.f262d6bf, .f262d6bf .e36fc4db {
    height: 100%;
    left: 0;
    top: 0;
    width: 100%
}

.f262d6bf .e36fc4db {
    position: absolute;
    z-index: -1
}

.e8a70e98 {
    --foreground-color: var(--black-white-color);
    --background-color: var(--background-color-main);
    border-radius: 200px;
    cursor: pointer;
    height: 40px;
    margin: 0 5px;
    position: absolute;
    right: 30px;
    top: 30px;
    width: 40px
}

.bbf7ec51 {
    background-color: var(--background-color-main);
    border-radius: 8px;
    padding: 20px
}

.bbf7ec51 h2 {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 20px;
    text-align: center
}

.bbf7ec51 h2, .bbf7ec51 h6 {
    color: var(--text-color);
    font-weight: var(--font-weight-bold)
}

.bbf7ec51 .ddbfd70a {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: auto;
    max-width: 500px
}

.bbf7ec51 .ddbfd70a .ff1cb057 {
    border-radius: 2px;
    color: var(--primary-color);
    flex-basis: 75px;
    margin-bottom: 20px;
    padding: 5px;
    text-align: center
}

.bbf7ec51 .ddbfd70a .ff1cb057.d41d1083, .bbf7ec51 .ddbfd70a .ff1cb057:hover {
    background-color: rgba(255, 132, 0, .08);
    cursor: pointer
}

.bbf7ec51 .ddbfd70a .ff1cb057.d41d1083 h6, .bbf7ec51 .ddbfd70a .ff1cb057:hover h6 {
    color: var(--secondary-common-color)
}

.bbf7ec51 .ddbfd70a .ff1cb057.d41d1083 h5, .bbf7ec51 .ddbfd70a .ff1cb057:hover h5 {
    color: var(--secondary-common-color)
}

@media only screen and (max-width: 768px) {
    .bbf7ec51 h2 {
        font-size: 16px;
        line-height: 30px
    }

    .e6e3872e {
        border: 1px solid var(--border-color);
        border-radius: 50%;
        display: block;
        height: 56px;
        margin: 0 auto;
        width: 56px
    }

    .bbf7ec51 h5 {
        font-size: 16px;
        line-height: 28px
    }

    .bbf7ec51 h6 {
        color: var(--text-color);
        font-size: 12px;
        font-weight: var(--font-weight-bold);
        line-height: 18px
    }
}

.a7f49028 {
    --secondary-color: #929496;
    --background-color-main: #2b2b2b;
    --color: var(--foreground-color);
    --background-color: var(--secondary-color);
    background-color: var(--background-color-main);
    display: flex;
    flex-direction: column;
    height: 100%;
    left: 0;
    max-height: 100%;
    overflow: hidden;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: var(--z-index-5)
}

.a7f49028 .a3a114c3 {
    --foreground-color: var(--white-color);
    width: 80px
}

.a7f49028 .a7dc2109 {
    --navbar-height: 40px;
    --foreground-color: #fff;
    align-items: center;
    border-bottom: none;
    display: flex;
    margin-top: 16px;
    padding: 0 20px;
    position: absolute;
    z-index: 2
}

.a7f49028 .a7dc2109 .c1972e6d {
    align-items: center;
    background: #000;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    height: 40px;
    justify-content: center;
    padding-top: 4px;
    width: 40px
}

.a7f49028 .a7dc2109 .eadce61f {
    background: rgba(0, 0, 0, .6);
    border-radius: 12px;
    color: var(--white-color);
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    padding: 1px 8px
}

.a7f49028 .ee683dbc {
    height: 64px;
    min-height: 64px;
    padding: 20px;
    position: absolute;
    width: 100%
}

.a7f49028 .ee683dbc .c732bd9c {
    align-items: center;
    display: flex;
    justify-content: space-between;
    position: relative
}

.a7f49028 .aebdc878 {
    border-radius: 200px;
    cursor: pointer;
    height: 40px;
    margin: 0 5px;
    width: 40px
}

.a7f49028 .f6a030a9:hover {
    --foreground-color: var(--black-color);
    --background-color: #e7e7e7
}

.a7f49028 .d50fc248 {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    flex-grow: 1;
    height: 100%;
    justify-content: center;
    overflow: hidden;
    padding-bottom: 60px;
    padding-top: 60px;
    position: relative;
    width: auto
}

.a7f49028 .d50fc248 video {
    flex-grow: 1;
    height: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.a7f49028 .d50fc248 .b43f7be0 {
    display: flex;
    flex-direction: row;
    flex-grow: 1;
    height: 100%;
    justify-content: center;
    overflow: hidden;
    position: relative;
    width: auto
}

.a7f49028 .d50fc248 .b43f7be0 .e7442ace {
    display: block;
    height: 100%;
    width: auto
}

.a7f49028 .d50fc248 .b43f7be0 .e7442ace img {
    display: block;
    flex-grow: 1;
    height: 100%;
    max-height: 100%;
    object-fit: contain;
    -o-object-fit: contain;
    overflow: hidden
}

.a7f49028 .d50fc248 .b43f7be0 .c0c6ef2a {
    width: 70px
}

.a7f49028 .d50fc248 .b43f7be0 .a793307c {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    margin-left: 20px;
    padding-bottom: 16px
}

.a7f49028 .d50fc248 .b43f7be0 .a793307c li {
    margin-top: 24px;
    position: relative
}

.a7f49028 .d50fc248 .b43f7be0 .a793307c li strong {
    bottom: -20px;
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    left: 50%;
    line-height: 18px;
    position: absolute;
    text-align: center;
    text-shadow: 0 0 2px rgba(0, 0, 0, .4), 0 0 2px rgba(0, 0, 0, .2);
    transform: translateX(-50%);
    width: 50px
}

.a7f49028 .a72a9d1c {
    --foreground-color: #2b2b2b;
    --background-color: #ffffffcc;
    display: flex;
    justify-content: space-between;
    padding: 0 20px;
    position: absolute;
    top: 47.5%;
    width: 100%;
    z-index: var(--z-index-7)
}

.a7f49028 .a72a9d1c .bb04d486 {
    cursor: pointer;
    height: 48px;
    width: 48px
}

.a7f49028 .deea3044 {
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 2
}

.a7f49028 .deea3044 .b1df9e8f {
    display: none
}

.a7f49028 .deea3044 .d2e5a1be {
    box-sizing: border-box;
    color: var(--white-color);
    padding-bottom: 21px;
    text-align: center
}

.a7f49028 .deea3044 .d2e5a1be .dd2583d5 {
    height: 100%;
    margin: 0 20px
}

.a7f49028 .deea3044 .d2e5a1be h2 {
    font-size: 16px;
    line-height: 24px;
    text-align: center
}

.a7f49028 .ff24551c {
    background: transparent;
    border: none;
    min-height: 63px
}

@media only screen and (max-width: 768px) {
    .a7f49028 .ee683dbc {
        display: none
    }

    .a7f49028 .a7dc2109 {
        --navbar-height: 56px;
        --foreground-color: #fff;
        background: linear-gradient(180deg, rgba(0, 0, 0, .7), transparent);
        border-bottom: none;
        display: flex;
        margin-top: 0;
        padding: 0 16px
    }

    .a7f49028 .a7dc2109 .c1972e6d {
        background: none;
        height: 24px;
        margin-right: 12px;
        width: 24px
    }

    .a7f49028 .a7dc2109 .eadce61f {
        background: rgba(0, 0, 0, .6);
        border-radius: 12px;
        color: var(--white-color);
        font-size: 14px;
        font-weight: 500;
        line-height: 20px;
        padding: 0 6px
    }

    .a7f49028 .d50fc248 {
        padding-bottom: 0;
        padding-top: 0
    }

    .a7f49028 .d50fc248 .b43f7be0 .a793307c, .a7f49028 .d50fc248 .b43f7be0 .c0c6ef2a {
        display: none
    }

    .a7f49028 .a72a9d1c {
        --foreground-color: var(--white-color);
        --background-color: #000000b3;
        padding: 0 8px;
        top: 47.5%
    }

    .a7f49028 .a72a9d1c .bb04d486 {
        height: 32px;
        width: 32px
    }

    .a7f49028 .deea3044 {
        --foreground-color: #fff;
        background: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent)
    }

    .a7f49028 .deea3044 .b1df9e8f {
        align-items: center;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        margin: 0 12px 16px auto;
        width: 40px
    }

    .a7f49028 .deea3044 .b1df9e8f .ae520dd1 {
        align-items: center;
        background: #000;
        border-radius: 50%;
        display: flex;
        height: 40px;
        justify-content: center;
        padding-top: 2px;
        width: 40px
    }

    .a7f49028 .deea3044 .b1df9e8f .ae520dd1 path {
        fill: var(--white-color)
    }

    .a7f49028 .deea3044 .b1df9e8f .fa420145 {
        color: var(--white-color);
        font-size: 12px;
        font-weight: 600;
        line-height: 18px;
        margin-top: 2px;
        text-align: center
    }

    .a7f49028 .deea3044 .d2e5a1be {
        margin: 0 12px;
        padding-bottom: 16px
    }

    .a7f49028 .deea3044 .d2e5a1be .dd2583d5 {
        margin: 0
    }
}

.e984bad0 {
    --foreground-color: var(--secondary-color);
    align-items: center;
    background: var(--background-color-main);
    border-bottom: 1px solid var(--border-color);
    display: flex;
    height: var(--navbar-height);
    justify-content: space-between;
    left: 0;
    padding: 0 10px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: var(--z-index-3)
}

.e984bad0 .f7f972cc {
    margin-right: 16px
}

.e984bad0 .e139f7a2, .e984bad0 .f7f972cc {
    align-items: center;
    display: flex
}

.e984bad0 .e139f7a2 .a353d173, .e984bad0 .f7f972cc .a353d173 {
    color: var(--foreground-color);
    font-family: var(--font-family);
    font-size: 16px;
    font-style: normal;
    font-weight: var(--font-weight-bold);
    height: 24px;
    line-height: 24px
}

.e984bad0 .e139f7a2 {
    align-items: center;
    display: flex;
    flex-grow: 1;
    justify-content: space-between
}

.fbec4184 {
    border-bottom: 1px solid var(--border-color);
    list-style: none;
    padding: 16px 16px 10px
}

.fbec4184 .f3426d1d h3 {
    color: var(--primary-color);
    font-size: 20px;
    font-weight: var(--font-weight-bold);
    line-height: 30px
}

.fbec4184 .f3426d1d .ce88e0da {
    border-radius: 0;
    margin-left: -16px;
    margin-right: -16px
}

.fbec4184 .f3426d1d .e2c3333d {
    margin-top: 0;
    min-height: 428px
}

.fbec4184 .f3426d1d .d67c7436 {
    border-radius: 0;
    margin: -20px -20px -8px;
    min-height: 270px
}

.fbec4184 .f3426d1d .ebf26e6f {
    min-height: 200px
}

.fbec4184 .f3426d1d figure {
    background: var(--border-color);
    border-radius: 4px;
    display: block;
    margin-top: 12px;
    overflow: hidden;
    position: relative
}

.fbec4184 .f3426d1d figure img {
    display: block;
    width: 100%
}

.fbec4184 .f3426d1d figure .dd5255cb {
    --foreground-color: #fff;
    --background-color: #000;
    height: 64px;
    left: calc(50% - 32px);
    position: absolute;
    top: calc(50% - 32px);
    width: 64px;
    z-index: 2
}

.fbec4184 .f3426d1d figure span {
    background: rgba(0, 0, 0, .6);
    border-radius: 4px;
    bottom: 8px;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    margin-left: 2px;
    padding: 0 4px;
    position: absolute;
    right: 8px
}

.fbec4184 .f3426d1d figure .be8875be {
    background: rgba(0, 0, 0, .6);
    border-radius: 12px;
    color: var(--white-color);
    font-size: 12px;
    font-weight: 700;
    line-height: 18px;
    padding: 1px 8px;
    position: absolute;
    right: 8px;
    top: 8px
}

.fbec4184 .f3426d1d ol {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0
}

.fbec4184 .f3426d1d ol li {
    color: var(--primary-color);
    font-size: 14px;
    font-weight: var(--font-weight-bold);
    line-height: 22px;
    margin: 16px 0 0;
    padding: 0 0 0 10px;
    position: relative
}

.fbec4184 .f3426d1d ol li:before {
    background: var(--primary-color);
    border-radius: 50%;
    content: "";
    display: block;
    height: 4px;
    left: 0;
    position: absolute;
    top: 10px;
    width: 4px
}

.fbec4184 .f3426d1d h3.abc1c3c0 {
    text-align: center
}

.fbec4184 .f3426d1d h3.abc1c3c0 span {
    display: block;
    position: relative;
    text-align: center
}

.fbec4184 .f3426d1d h3.abc1c3c0 span strong {
    display: block;
    height: 2px;
    margin: 8px auto;
    width: 72px
}

.fbec4184:hover {
    background: var(--feeds-hover-background-color)
}

.af2906ca .a7d3ff96 {
    margin-top: var(--navbar-height)
}

.dce685e7, .dce685e7 .a68d08f0 {
    display: block;
    position: relative
}

.dce685e7 .a68d08f0 {
    color: var(--primary-color);
    font-size: 24px;
    font-weight: var(--font-weight-bold);
    line-height: 36px;
    padding: 0 20px 20px
}

.a68d08f0 span {
    background: var(--border-color) url(/assets/images/ic_arrow_down.b0a72377.svg) 88% 4px no-repeat;
    border-radius: 40px;
    cursor: pointer;
    font-size: 14px;
    line-height: 20px;
    padding: 6px 40px 6px 25px;
    position: absolute;
    right: 20px;
    top: 0
}

.a68d08f0 span, .dce685e7 .c03cdc42 h3 {
    color: var(--primary-color);
    display: block
}

.dce685e7 .c03cdc42 h3 {
    font-size: 20px;
    font-weight: var(--font-weight-bold);
    line-height: 30px;
    padding: 0 10px;
    text-align: center
}

.c03cdc42 {
    display: block;
    margin: 20px 0 200px;
    padding: 0;
    text-align: center
}

.fe2f0d30 {
    background: var(--secondary-common-color);
    border-radius: 24px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, .08);
    color: var(--white-color);
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    line-height: 24px;
    margin: 20px;
    padding: 10px 30px
}

.fe2f0d30 span {
    display: inline-block;
    font-size: 18px;
    padding-right: 10px
}

.a0ecacea {
    --foreground-color: var(--text-color);
    --background-color: transparent;
    background: var(--background-color-main);
    border-bottom: 1px solid var(--border-color);
    display: flex;
    margin: 0;
    padding: 0 10px;
    position: sticky;
    top: var(--navbar-height);
    z-index: var(--z-index-3)
}

.a0ecacea .e7884ff5, .a0ecacea .f8ca0d81 {
    border-radius: 50%;
    cursor: pointer;
    display: block;
    height: 36px;
    width: 36px
}

.a0ecacea .e7884ff5:hover, .a0ecacea .f8ca0d81:hover {
    --background-color: #f5f6f7
}

.a0ecacea .d91d5e84 {
    display: none !important
}

.a0ecacea ul {
    -ms-overflow-style: none;
    display: flex;
    flex-grow: 1;
    justify-content: flex-start;
    list-style: none
}

.a0ecacea ul::-webkit-scrollbar {
    display: none
}

.a0ecacea ul li {
    border-bottom: 2px solid transparent;
    color: var(--primary-color);
    cursor: pointer;
    display: block;
    font-size: 16px;
    padding: 10px;
    white-space: nowrap
}

.a0ecacea ul li, .a0ecacea ul li h1 {
    font-weight: var(--font-weight-bold)
}

.a0ecacea ul li h1 {
    font-size: inherit
}

.a0ecacea ul li:hover {
    background: var(--border-color)
}

.a0ecacea ul li.b9217f31 {
    border-bottom: 2px solid var(--primary-color)
}

@media (max-width: 767px) {
    .dce685e7 .a68d08f0 {
        display: none
    }

    .a0ecacea {
        --foreground-color: var(--white-color);
        --background-color: var(--secondary-common-color);
        align-items: center;
        border-top: 1px solid var(--border-color);
        bottom: 55px;
        display: flex;
        height: 48px;
        justify-content: space-between;
        left: 0;
        padding: 0;
        position: fixed;
        top: auto;
        width: 100%
    }

    .a0ecacea ul {
        border-right: 1px solid var(--border-color);
        padding: 0 10px
    }

    .a0ecacea ul li {
        border: 1px solid var(--border-color) !important;
        border-radius: 50px;
        color: var(--text-color);
        margin-right: 10px;
        padding: 5px 10px
    }

    .a0ecacea ul li.b9217f31 {
        background-color: #ffebd6;
        border-color: var(--secondary-common-color) !important;
        color: var(--secondary-common-color)
    }

    .a0ecacea .e7884ff5, .a0ecacea .f8ca0d81 {
        display: none
    }

    .a0ecacea .d91d5e84 {
        display: block !important;
        height: 26px;
        margin: 0 10px;
        min-width: 26px;
        transform: rotate(45deg);
        width: 26px
    }

    .c3109f70 {
        display: none
    }

    .af2906ca {
        --navbar-height: var(--mobile-navbar-height, 96px)
    }
}

.a3e8f83a {
    background: var(--header-footer-color);
    display: block;
    transition: background .2s ease-in-out
}

.d2f06b12 {
    display: block !important
}

.f12fc979 {
    display: none !important
}

.cf2f6bd0 {
    align-items: center;
    display: block;
    display: flex;
    justify-content: center;
    margin: 0 auto;
    max-height: 250px;
    max-width: 970px;
    width: 100%
}

@media only screen and (max-width: 768px) {
    .a3e8f83a {
        display: none
    }

    .d2f06b12 {
        display: none !important
    }

    .f12fc979 {
        display: block !important
    }
}

.e18ea945 {
    display: none
}

@media only screen and (max-width: 768px) {
    .e18ea945 {
        display: flex;
        font-family: sans-serif;
        justify-content: center
    }

    .e18ea945 .f9b352a5 {
        background-color: var(--primary-color);
        border-radius: 24px;
        bottom: 25px;
        box-shadow: 0 2px 4px rgba(0, 0, 0, .32);
        color: var(--foreground-color);
        display: block;
        padding: 10px 30px;
        position: fixed;
        z-index: var(--z-index-3)
    }
}

.c5559666 {
    --foreground-color: var(--primary-color);
    background: var(--header-footer-color);
    border-bottom: 1px solid var(--border-color);
    display: flex;
    flex-direction: column;
    height: var(--navbar-height);
    justify-content: center;
    left: 0;
    padding: 0 20px;
    position: fixed;
    top: 0;
    transition: background .2s ease-in-out, height .2s;
    width: 100%;
    z-index: var(--z-index-3)
}

.c5559666 .e5cbcf53 {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 1280px;
    transition: all .5s ease;
    width: 100%
}

.c5559666 .e5cbcf53 .a6da76a6 {
    width: 58px
}

.c5559666 .e5cbcf53 .fa12a686 {
    display: flex;
    flex: 2;
    justify-content: flex-end;
    list-style: none
}

.c5559666 .e5cbcf53 .fa12a686 .e52e0c45 {
    font-size: 18px;
    font-weight: var(--font-weight-bold);
    margin: 0 12px;
    padding: 5px 10px;
    position: relative
}

.c5559666 .e5cbcf53 .fa12a686 .e52e0c45 .ac1237e6, .c5559666 .e5cbcf53 .fa12a686 .e52e0c45 .c2915b93 {
    align-items: center;
    color: var(--foreground-color);
    display: flex
}

.c5559666 .e5cbcf53 .fa12a686 .e52e0c45 .ac1237e6 {
    --foreground-color: var(--secondary-color);
    cursor: pointer
}

.c5559666 .e5cbcf53 .fa12a686 .e52e0c45 .f47cc65c {
    --foreground-color: var(--secondary-common-color)
}

.c5559666 .e5cbcf53 .fa12a686 .e52e0c45 .ed2962b8 {
    height: 28px;
    margin-right: 10px;
    width: 28px
}

.c5559666 .e5cbcf53 .fa12a686 .e52e0c45 .d0224ce8 {
    --foreground-color: var(--primary-color);
    height: 25px;
    margin-left: -10px;
    width: 25px
}

.c5559666 .e5cbcf53 .fa12a686 .c1e61c36 {
    border-left: 1px solid var(--border-color);
    padding-left: 36px
}

.c5559666 .e5cbcf53 .fa12a686 .e52e0c45 .ac1237e6:hover, .c5559666 .e5cbcf53 .fa12a686 .e52e0c45 .c2915b93:hover, .c5559666 .e5cbcf53 .fa12a686 .fdf45ee3 {
    --foreground-color: var(--secondary-common-color)
}

.c5559666 .e5cbcf53 .dbddf40b, .c5559666 .f76cecd2 {
    display: none
}

@media only screen and (max-width: 768px) {
    .c5559666 {
        background: var(--header-footer-color);
        border: none;
        box-shadow: 0 2px 2px rgba(0, 0, 0, .08);
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding: 0
    }

    .c5559666 .e5cbcf53 {
        flex-grow: 1;
        padding: 0 15px
    }

    .c5559666 .e5cbcf53 .e3434886 {
        max-width: 110px
    }

    .c5559666 .e5cbcf53 .a6da76a6 {
        width: 50px
    }

    .c5559666 .e5cbcf53 .fa12a686 {
        display: none
    }

    .c5559666 .e5cbcf53 .dbddf40b, .c5559666 .e5cbcf53 .dbddf40b .d6f03855 {
        align-items: center;
        display: flex
    }

    .c5559666 .f76cecd2 {
        display: block
    }

    .c5559666 .f76cecd2 .df7b6a0a {
        display: block;
        margin: 0
    }

    .c5559666 .f76cecd2 .df7b6a0a ul {
        display: flex;
        list-style: none;
        overflow-x: auto;
        width: 100%
    }

    .c5559666 .f76cecd2 .df7b6a0a ul li {
        display: inline-block;
        padding: 0 10px;
        white-space: nowrap
    }

    .c5559666 .f76cecd2 .df7b6a0a ul li a {
        align-items: center;
        color: var(--primary-color);
        display: flex;
        flex-wrap: nowrap;
        font-size: 14px;
        font-weight: var(--font-weight-bold);
        justify-content: center;
        line-height: 40px;
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content
    }

    .c5559666 .f76cecd2 .df7b6a0a ul li a .f2a9c454 {
        border-radius: 14px;
        display: inline-flex;
        font-size: 10px;
        font-style: normal;
        font-weight: 600;
        height: 14px;
        line-height: normal;
        line-height: 10px;
        margin-left: 5px;
        padding: 2px 5px
    }

    .c5559666 .f76cecd2 .df7b6a0a ul li.ed5652bb {
        border-bottom: 2px solid var(--primary-color);
        color: var(--primary-color)
    }
}

.c5002da4 {
    align-items: center;
    background: var(--link-color);
    display: none;
    justify-content: space-between;
    padding: 5px 8px
}

.c5002da4 p {
    color: #fff;
    flex-basis: 52%;
    line-height: 17px;
    padding: 0 5px
}

.c5002da4 a, .c5002da4 p {
    font-size: 12px;
    font-weight: var(--font-weight-bold)
}

.c5002da4 a {
    background: #fff;
    border-radius: 4px;
    color: #333;
    line-height: 18px;
    margin-right: 18px;
    overflow: hidden;
    padding: 5px 10px 4px 24px;
    position: relative;
    text-align: center;
    white-space: nowrap
}

.c5002da4 a .a0f709ac {
    -webkit-animation: ce6e31c9 2s;
    animation: ce6e31c9 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    left: 5px;
    position: absolute;
    top: 6px;
    width: 14px
}

@-webkit-keyframes ce6e31c9 {
    0% {
        top: 0
    }
    30% {
        top: 6px
    }
    50% {
        top: 6px
    }
    to {
        top: 50px
    }
}

@keyframes ce6e31c9 {
    0% {
        top: 0
    }
    30% {
        top: 6px
    }
    50% {
        top: 6px
    }
    to {
        top: 50px
    }
}

.c5002da4 .c82fc8dc {
    --foreground-color: var(--white-color);
    height: 30px;
    position: absolute;
    right: 0;
    top: -3px;
    width: 30px
}

.c5002da4 .da0cacc7 {
    width: 50px
}

.f889bf71 {
    display: none;
    position: relative
}

.f889bf71 .c82fc8dc {
    --foreground-color: #000;
    height: 30px;
    position: absolute;
    right: 0;
    top: -3px;
    width: 30px
}

@media (max-width: 768px) {
    .c5002da4 {
        display: flex
    }

    .f889bf71 {
        display: block;
        max-height: 70px;
        overflow: hidden
    }

    .f889bf71 img {
        -o-object-fit: cover;
        object-fit: cover;
        width: 100%
    }
}

.e07d8399 {
    background: var(--background-color-main);
    border-radius: 4px;
    box-shadow: 3px 4px 15px rgba(0, 0, 0, .15);
    display: block;
    -webkit-filter: drop-shadow(0 4px 4px rgba(0, 0, 0, .25));
    filter: drop-shadow(0 4px 4px rgba(0, 0, 0, .25));
    min-width: 280px;
    position: absolute;
    right: 16px;
    top: 10px;
    z-index: var(--z-index-5)
}

.e07d8399::-webkit-scrollbar {
    display: none
}

.a2583ed0 {
    background: transparent;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: var(--z-index-1)
}

.dfa61846 {
    background: var(--background-color-main);
    border-radius: 4px;
    box-shadow: 3px 4px 15px rgba(0, 0, 0, .15);
    display: block;
    right: 16px;
    top: 10px;
    width: 280px;
    z-index: var(--z-index-4)
}

.dfa61846 h2 {
    align-items: center;
    background: var(--header-footer-bg);
    border-bottom: 1px solid var(--border-color);
    border-radius: 8px 8px 0 0;
    color: var(--primary-color);
    display: none;
    font-size: var(--font-size-m);
    font-weight: var(--font-weight-bold);
    line-height: var(--line-height-m);
    padding: 12px 20px
}

.dfa61846 h2 strong {
    display: flex;
    margin-right: 16px
}

.dfa61846 h2 strong .e27f1eb9 {
    --foreground-color: var(--primary-color);
    width: 24px
}

.dfa61846 ul {
    display: block;
    margin: 0;
    padding: 0
}

.dfa61846 ul li {
    cursor: pointer;
    display: flex;
    padding: 16px
}

.dfa61846 ul li a {
    align-items: center;
    color: var(--primary-color);
    display: flex;
    flex-basis: 100%;
    font-size: var(--font-size-s);
    font-weight: var(--font-weight-bold);
    line-height: var(--line-height-s)
}

.dfa61846 ul li a strong {
    flex: 2
}

.dfa61846 ul li a span {
    display: inline;
    justify-content: center;
    max-width: 24px
}

.dfa61846 ul li a span .e27f1eb9 {
    --foreground-color: var(--secondary-color);
    transform: rotate(270deg);
    width: 10px
}

.dfa61846 ul li:hover {
    background: hsla(0, 0%, 50%, .08)
}

.dfa61846 ul .acddae7a {
    align-items: center;
    border-bottom: 1px solid var(--border-color);
    display: flex;
    justify-content: space-between;
    margin: 0;
    padding: 12px 16px
}

.dfa61846 ul .acddae7a .d169da92 {
    color: var(--primary-color);
    display: flex;
    flex-direction: column;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px
}

.dfa61846 ul .acddae7a .d169da92 .a4d82c67 {
    color: var(--primary-color);
    font-size: 14px;
    font-weight: 400;
    line-height: 22px
}

.dfa61846 ul .acddae7a .d169da92 .e760a213 {
    color: var(--primary-color);
    font-size: 16px;
    font-weight: 700;
    line-height: 24px
}

.dfa61846 ul .acddae7a .af775ef2 {
    width: 22px
}

.dfa61846 ul .acddae7a .ac21e161 {
    height: 40px;
    margin-right: 10px;
    width: 40px
}

.dfa61846 ul .acddae7a .ac21e161 span {
    max-width: inherit
}

.dfa61846 ul .acddae7a .ac21e161 .d6ef085b {
    width: 40px
}

.dfa61846 ul .acddae7a .ac21e161 img, .dfa61846 ul .acddae7a .d02d8612 {
    display: block
}

.dfa61846 ul .acddae7a .d02d8612 span {
    display: block;
    max-width: 100%
}

.dfa61846 ul .acddae7a .d02d8612 .c5e8258e {
    color: var(--primary-color);
    font-size: 16px;
    font-weight: 600;
    line-height: 24px
}

.dfa61846 ul .acddae7a .d02d8612 .a4d82c67 {
    color: var(--primary-color);
    font-size: 14px;
    font-weight: 600;
    line-height: 20px
}

.dfa61846 ul .acddae7a .d02d8612 .e760a213 {
    color: var(--secondary-color);
    font-size: 12px;
    font-weight: 600;
    line-height: 18px
}

.dfa61846 ul .acddae7a .f6a048b2 {
    margin-left: auto
}

.dfa61846 ul .acddae7a .f6a048b2 .ea214f1d {
    width: 20px
}

.dfa61846 ul .acddae7a .a94cb331 {
    margin-left: auto
}

.dfa61846 ul .acddae7a .a94cb331 button {
    font-size: 14px;
    line-height: 20px
}

.dfa61846 ul .acddae7a .a94cb331 button, .dfa61846 ul .acddae7a button {
    background: var(--secondary-common-color);
    border: none;
    border-radius: 4px;
    color: var(--white-color);
    cursor: pointer;
    display: block;
    font-weight: var(--font-weight-bold);
    padding: 4px 16px
}

.dfa61846 ul .acddae7a button {
    font-size: var(--font-size-m);
    line-height: var(--line-height-m)
}

.dfa61846 ul .acddae7a:hover {
    background: hsla(0, 0%, 50%, .08)
}

@media (max-width: 768px) {
    .dfa61846 {
        box-shadow: none;
        height: 100%;
        left: 0;
        position: fixed;
        top: 0;
        width: 100%
    }

    .dfa61846 h2 {
        display: flex;
        height: 56px
    }

    .dfa61846 ul li {
        border-bottom: 1px solid var(--border-color);
        padding: 16px
    }

    .dfa61846 ul li a {
        font-size: var(--font-size-m);
        line-height: var(--line-height-m)
    }

    .dfa61846 ul li a span img {
        width: 18px
    }

    .dfa61846 ul .acddae7a {
        align-items: center;
        border-bottom: 1px solid var(--border-color);
        display: flex;
        justify-content: space-between;
        margin: 0;
        padding: 12px 16px
    }

    .dfa61846 ul .acddae7a .d169da92 {
        color: var(--primary-color);
        font-size: 16px;
        font-weight: 600;
        line-height: 24px
    }

    .dfa61846 ul .acddae7a .af775ef2 {
        width: 24px
    }

    .dfa61846 ul .acddae7a .ac21e161 {
        height: 40px;
        margin-right: 10px;
        width: 40px
    }

    .dfa61846 ul .acddae7a .ac21e161 span {
        max-width: inherit
    }

    .dfa61846 ul .acddae7a .ac21e161 .d6ef085b {
        --foreground-color: var(--primary-color);
        width: 40px
    }

    .dfa61846 ul .acddae7a .ac21e161 img, .dfa61846 ul .acddae7a .d02d8612 {
        display: block
    }

    .dfa61846 ul .acddae7a .d02d8612 span {
        display: block;
        max-width: 100%
    }

    .dfa61846 ul .acddae7a .d02d8612 .a4d82c67 {
        color: var(--primary-color);
        font-size: 16px;
        font-weight: 600;
        line-height: 24px
    }

    .dfa61846 ul .acddae7a .d02d8612 .e760a213 {
        color: var(--secondary-color);
        font-size: 12px;
        font-weight: 600;
        line-height: 18px
    }

    .dfa61846 ul .acddae7a .f6a048b2 {
        margin-left: auto
    }

    .dfa61846 ul .acddae7a .f6a048b2 .ea214f1d {
        width: 24px
    }

    .dfa61846 ul .acddae7a strong {
        color: var(--primary-color);
        flex: 2;
        font-size: var(--font-size-s);
        font-weight: var(--font-weight-bold);
        line-height: var(--line-height-s)
    }

    .dfa61846 ul .acddae7a button {
        background: var(--secondary-common-color);
        border: none;
        border-radius: 4px;
        color: var(--white-color);
        cursor: pointer;
        display: block;
        font-size: var(--font-size-m);
        font-weight: var(--font-weight-bold);
        line-height: var(--line-height-m);
        padding: 4px 16px
    }
}

.d4d646f7 {
    --border-feed-color: transparent;
    --text-feed-color: transparent;
    align-items: center;
    border-bottom: 1px solid var(--border-color);
    border-top: 12px solid var(--section-separator-color);
    display: flex;
    justify-content: space-between;
    padding: 12px 20px
}

.d4d646f7 .da83d719 {
    align-items: center;
    display: inline-flex
}

.d4d646f7 .da83d719 span {
    align-items: center;
    background: hsla(0, 0%, 50%, .06);
    border-radius: 50%;
    display: flex;
    height: 48px;
    justify-content: center;
    width: 48px
}

.d4d646f7 .da83d719 span img {
    height: 32px;
    overflow: hidden;
    width: 32px
}

.d4d646f7 .da83d719 .b2b24c49 {
    color: var(--primary-color);
    font-size: 24px;
    font-weight: var(--font-weight-bold);
    line-height: 36px;
    margin-left: 16px
}

.d4d646f7 .d93c3eaa {
    background: var(--background-color-main);
    border: 1px solid var(--secondary-common-color);
    border-radius: 4px;
    color: var(--secondary-common-color);
    font-size: 16px;
    font-weight: var(--font-weight-bold);
    line-height: 24px;
    padding: 6px 16px
}

@media (max-width: 768px) {
    .d4d646f7 {
        border-bottom: 1px solid var(--border-color);
        border-top: 12px solid var(--border-color)
    }

    .d4d646f7 .da83d719 span {
        height: 36px;
        width: 36px
    }

    .d4d646f7 .da83d719 span img {
        height: 22px;
        overflow: hidden;
        width: 22px
    }

    .d4d646f7 .da83d719 .b2b24c49 {
        font-size: 20px;
        line-height: 30px
    }

    .d4d646f7 .d93c3eaa {
        font-size: 12px;
        font-weight: var(--font-weight-bold);
        line-height: 18px;
        padding: 4px 12px
    }
}

.e96634e0 .d3826354 {
    display: none
}

.e96634e0 .ff407105 {
    display: block
}

.e96634e0 .a813067d {
    -webkit-animation: cd90b4da .5s ease-out forwards;
    animation: cd90b4da .5s ease-out forwards;
    background: var(--primary-color);
    border-radius: 8px;
    bottom: -96px;
    color: var(--election-tab-text-color);
    display: flex;
    font-size: 18px;
    font-style: normal;
    font-weight: var(--font-weight-bold);
    justify-content: center;
    left: 46%;
    line-height: 24px;
    opacity: 0;
    padding: 5px 20px;
    position: fixed;
    text-align: center;
    transform: translateX(-50%);
    z-index: var(--z-index-5)
}

@-webkit-keyframes cd90b4da {
    0% {
        bottom: -96px;
        opacity: 0
    }
    to {
        bottom: 56px;
        opacity: 1
    }
}

@keyframes cd90b4da {
    0% {
        bottom: -96px;
        opacity: 0
    }
    to {
        bottom: 56px;
        opacity: 1
    }
}

@media only screen and (max-width: 768px) {
    .e96634e0 .d3826354 {
        display: block
    }

    .e96634e0 .ff407105 {
        display: none
    }

    .e96634e0 .a813067d {
        border-radius: 0;
        font-size: 14px;
        left: 0;
        line-height: 22px;
        padding: 5px 10px;
        transform: none;
        width: 100%
    }
}

.b5efc039 .a63934ca, .b5efc039 .a63934ca .a7a07d48, .b5efc039 .e36c2a44, .b5efc039 .e36c2a44 .cadac38f, .b5efc039 .e36c2a44 .f4728aed, .f0dec626 {
    display: flex
}

.b5efc039 .e36c2a44, .db2a7520 {
    justify-content: space-between
}

.b5efc039 .a63934ca, .b5efc039 .e36c2a44, .b5efc039 .e36c2a44 .cadac38f, .b5efc039 .e36c2a44 .f4728aed, .f459ce01 {
    align-items: center
}

.b5efc039 {
    border-bottom: 1px solid var(--border-color)
}

.b5efc039 .e36c2a44 {
    padding: 20px 20px 0
}

.b5efc039 .e36c2a44 .f4728aed {
    background: #f44336;
    border-radius: 4px;
    color: var(--white-color);
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
    min-height: 36px;
    padding: 3px 12px;
    text-overflow: ellipsis
}

.b5efc039 .e36c2a44 .cadac38f, .b5efc039 .e36c2a44 .f4728aed {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden
}

.b5efc039 .e36c2a44 .cadac38f {
    color: var(--primary-color);
    font-size: 24px;
    font-weight: 700;
    line-height: 36px
}

.b5efc039 .e36c2a44 .bcc073be {
    align-items: center;
    background: none;
    border: 1px solid #ff8400;
    border-radius: 4px;
    color: #ff8400;
    display: flex;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    padding: 6px 16px;
    white-space: nowrap
}

.b5efc039 .a63934ca {
    position: relative
}

.b5efc039 .a63934ca .a7a07d48 {
    -ms-overflow-style: none;
    display: flex;
    overflow-x: auto;
    padding: 16px 20px 20px;
    scroll-behavior: smooth;
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    width: 100%
}

.b5efc039 .a63934ca .a7a07d48::-webkit-scrollbar {
    display: none
}

.b5efc039 .a63934ca .eb9fa2d9 {
    background: var(--background-color-main);
    border: 1px solid var(--tertiary-color);
    box-shadow: -1px 0 4px rgba(0, 0, 0, .3);
    color: var(--black-white-color);
    cursor: pointer;
    height: 36px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 36px
}

.b5efc039 .a63934ca .eb9fa2d9 span {
    height: 14px;
    width: 8px
}

.b5efc039 .a63934ca .dc111e15 {
    border-left: 0;
    border-radius: 0 8px 8px 0;
    box-shadow: 0 0 4px rgba(0, 0, 0, .3);
    left: 0
}

.b5efc039 .a63934ca .dc111e15 .f08263d4 {
    --foreground-color: var(--primary-color);
    margin-right: 5px;
    transform: rotate(90deg);
    width: 28px
}

.b5efc039 .a63934ca .e20fd337 {
    border-radius: 8px 0 0 8px;
    border-right: 0;
    right: 0
}

.b5efc039 .a63934ca .e20fd337 .e0fc91aa {
    --foreground-color: var(--primary-color);
    margin-left: 5px;
    transform: rotate(-90deg);
    width: 28px
}

.b819f3aa {
    background: #2e2e2e
}

.e65ea8fe {
    background: var(--background-color)
}

@media only screen and (max-width: 768px) {
    .b5efc039 .e36c2a44 {
        padding: 16px 16px 0
    }

    .b5efc039 .e36c2a44 .f4728aed {
        font-size: 16px;
        line-height: 24px;
        max-width: 240px;
        min-height: 28px;
        padding: 2px 12px
    }

    .b5efc039 .e36c2a44 .cadac38f {
        color: var(--primary-color);
        font-size: 20px;
        font-weight: 600;
        line-height: 30px
    }

    .b5efc039 .e36c2a44 .bcc073be {
        font-size: 14px;
        line-height: 22px;
        margin-left: 10px;
        padding: 3px 12px
    }

    .b5efc039 .a63934ca .a7a07d48 {
        padding: 16px
    }

    .b5efc039 .a63934ca .eb9fa2d9 {
        display: none
    }
}

.adb73b17 .e93246f3 {
    cursor: pointer;
    flex-shrink: 0;
    margin-right: 20px;
    min-width: 176px;
    width: 176px
}

.adb73b17 .bcafd12c {
    background: hsla(0, 0%, 50%, .08);
    border-radius: 8px;
    cursor: pointer;
    flex-direction: column;
    min-width: 176px
}

.adb73b17 .bcafd12c, .adb73b17 .bcafd12c .f9255734 {
    align-items: center;
    display: flex;
    justify-content: center
}

.adb73b17 .bcafd12c .f9255734 {
    background: var(--secondary-common-color);
    border-radius: 50%;
    height: 52px;
    width: 52px
}

.adb73b17 .bcafd12c .f9255734 .c5c466b4 {
    --foreground-color: var(--white-color);
    height: 28px;
    transform: rotate(180deg);
    width: 28px
}

.adb73b17 .bcafd12c .d6c6ef48 {
    color: var(--secondary-common-color);
    font-size: 20px;
    font-weight: var(--font-weight-bold);
    line-height: 30px;
    margin-top: 8px
}

.adb73b17 .bcafd12c:last-child {
    margin-right: 0
}

@media only screen and (max-width: 768px) {
    .adb73b17 .e93246f3 {
        margin-right: 16px;
        min-width: 144px;
        width: 144px
    }

    .adb73b17 .bcafd12c {
        min-width: 144px
    }

    .adb73b17 .bcafd12c .f9255734 {
        height: 44px;
        width: 44px
    }

    .adb73b17 .bcafd12c .f9255734 .c5c466b4 {
        height: 24px;
        width: 24px
    }

    .adb73b17 .bcafd12c .d6c6ef48 {
        font-size: 16px;
        line-height: 24px
    }
}

.be5dc0f8 {
    display: flex;
    flex-direction: column;
    height: 100%
}

.be5dc0f8 .ecc52c4b {
    border-radius: 8px
}

.be5dc0f8 .f5b13c8b {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: var(--primary-color);
    display: -webkit-box;
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
    margin-top: 10px;
    overflow: hidden;
    padding-left: 2px;
    text-overflow: ellipsis
}

.be5dc0f8 .c53b9e93 {
    color: var(--secondary-color);
    display: block;
    font-size: 16px;
    line-height: 24px;
    padding-top: 4px
}

@media only screen and (max-width: 768px) {
    .be5dc0f8 .f5b13c8b {
        font-size: 16px;
        line-height: 24px
    }

    .be5dc0f8 .c53b9e93 {
        font-size: 14px;
        line-height: 22px
    }
}

.c38f42f8 {
    background: var(--border-color);
    height: 100%;
    width: 100%
}

.de480d5c {
    height: 224px;
    position: relative;
    width: 126px
}

.de480d5c .f626b96c {
    border: .5px solid var(--border-color);
    border-radius: 4px;
    min-height: 224px;
    width: 126px
}

.de480d5c .d7cc86b4 {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    width: 100%
}

.de480d5c .f1b54441 {
    --foreground-color: var(--white-color);
    --background-color: var(--black-color);
    height: 40px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 40px
}

.de480d5c .c010c68c {
    align-items: center;
    background: rgba(0, 0, 0, .6);
    border-radius: 4px;
    bottom: 6px;
    color: #fff;
    display: flex;
    font-size: 12px;
    font-weight: 500;
    height: 16px;
    justify-content: center;
    line-height: 16px;
    padding: 0 4px;
    position: absolute;
    right: 6px
}

@media only screen and (max-width: 768px) {
    .de480d5c {
        height: 160px
    }

    .de480d5c .f626b96c {
        min-height: 160px;
        width: 90px
    }

    .de480d5c .f1b54441 {
        height: 32px;
        width: 32px
    }

    .de480d5c .c010c68c {
        bottom: 4px;
        right: 4px
    }
}

.c333818f {
    margin-right: 12px
}

.c333818f:last-child {
    margin-right: 0
}

@media only screen and (max-width: 768px) {
    .c333818f {
        margin-right: 8px
    }
}

.c6e833a2 {
    margin-right: 8px;
    min-width: 90px;
    position: relative
}

.c6e833a2:last-child {
    margin-right: 0
}

.e0a76785 {
    border-radius: 4px
}

.ef8fcf12 {
    background: rgba(0, 0, 0, .6);
    border-radius: 12px;
    color: #fff;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
    padding: 0 6px;
    position: absolute;
    right: 4px;
    text-align: center;
    top: 4px
}

.d5119090 {
    align-items: center;
    background: #000;
    display: flex;
    height: 100%;
    width: 100%
}

.d5119090 .a5f2e738 {
    position: absolute;
    top: 0;
    width: 100%
}

.d5119090 .a5f2e738 .e58f4ebf {
    z-index: 8
}

.d5119090 .a5f2e738 .a41c985c {
    height: 72px;
    position: absolute;
    top: 0
}

.d5119090 .a5f2e738 .a41c985c .bbe17ac6 {
    top: 16px
}

.d5119090 .a5f2e738 .f7c47f57 {
    background: rgba(0, 0, 0, .6);
    border-radius: 12px;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    line-height: 18px;
    padding: 1px 8px;
    position: absolute;
    right: 16px;
    top: 22px
}

.d5119090 .c4e73c6d {
    height: unset;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

.d5119090 .eec21483 {
    background: linear-gradient(0, rgba(0, 0, 0, .9), transparent);
    bottom: 0;
    color: #fff;
    display: flex;
    flex-direction: column-reverse;
    height: 200px;
    padding: 0 16px;
    position: absolute;
    width: 100%
}

.d5119090 .eec21483 .c39fe59b {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 16px;
    text-align: center
}

.d5119090 .eec21483 .f8c57836 {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 16px;
    text-align: center
}

.d5119090 .eec21483 .f8c57836 div {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    z-index: 8
}

.d5119090 .eec21483 .f8c57836 strong {
    color: #fff;
    font-size: 12px;
    line-height: 18px;
    text-shadow: 0 0 2px rgba(0, 0, 0, .4)
}

.d5119090 .eec21483 .f8c57836 span {
    align-items: center;
    background: rgba(0, 0, 0, .502);
    border-radius: 50%;
    display: flex;
    height: 40px;
    justify-content: center;
    padding: 5px;
    width: 40px
}

.d5119090 .eec21483 .f8c57836 span img {
    display: block
}

.d5119090 .b88837ef {
    --foreground-color: var(--white-color);
    --background-color: #000;
    --opacity: 0.7;
    display: flex;
    height: 100%;
    justify-content: space-between;
    position: absolute;
    width: 100%;
    z-index: var(--z-index-7)
}

.d5119090 .b88837ef .ddae8f43 {
    height: 100%
}

.d5119090 .b88837ef .bb59576b {
    width: 20%
}

.d5119090 .b88837ef .ee0d76c2 {
    width: 80%
}

.d5119090 .b88837ef .b4a963ec {
    left: 4px;
    transform: translateY(-50%)
}

.d5119090 .b88837ef .ef9a7202 {
    right: 4px;
    transform: translateY(-50%) rotate(180deg)
}

.d5119090 .b88837ef .c3ca962f {
    cursor: pointer;
    height: 32px;
    position: absolute;
    top: 50%;
    width: 32px
}

.c69e31eb, .ddfeeb90 {
    transition: opacity .2s ease
}

.ddfeeb90 {
    opacity: 0
}

.cc8bd9fc {
    display: flex;
    justify-content: center;
    position: fixed;
    width: 100%
}

.cc8bd9fc img {
    width: 100px
}

.dcd78a6f {
    background: linear-gradient(180deg, rgba(0, 0, 0, .6), transparent);
    display: block;
    height: 93px;
    position: relative;
    width: 100%
}

.dcd78a6f .f4639690 {
    left: 16px;
    position: absolute;
    top: 12px;
    width: 80px
}

.dcd78a6f .f4639690 .b20eea7e {
    --foreground-color: #fff;
    display: block;
    width: 90px
}

.dcd78a6f .f7399328 {
    background: rgba(0, 0, 0, .502);
    border: 1px solid hsla(0, 0%, 100%, .502);
    border-radius: 8px;
    font-size: 14px;
    line-height: 22px;
    padding: 5px 10px;
    position: absolute;
    right: 16px;
    text-align: center;
    top: 12px
}

.dcd78a6f .f7399328, .dcd78a6f .f7399328 a {
    color: var(--white-color)
}

@media (max-width: 768px) {
    .dcd78a6f {
        border-radius: 0
    }

    .dcd78a6f .f4639690 {
        left: 52px
    }
}

.ce0aadfb {
    align-items: center;
    background: var(--black-color);
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    height: 40px;
    justify-content: center;
    left: 20px;
    position: absolute;
    top: 20px;
    width: 40px;
    z-index: var(--z-index-4)
}

.ce0aadfb .e8c47831 {
    --foreground-color: var(--white-color);
    height: 24px;
    width: 24px
}

@media (max-width: 768px) {
    .ce0aadfb {
        background: none;
        left: 10px;
        top: 10px
    }
}

.ad6cc671 {
    background: hsla(0, 0%, 100%, .4);
    border-radius: 4px;
    flex-grow: 1;
    height: 2px;
    margin-right: 2px;
    position: relative
}

.ef8fd58e {
    background: #fff
}

.fd4d4e35 {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 4px 4px 12px;
    position: relative;
    z-index: 1
}

.aa3db88f, .cd0f678e .b7cafbb1 .c56d8ac4, .cd0f678e .b7cafbb1 .c56d8ac4 .dfebf3a1, .cd0f678e .cde429d6, .cd0f678e .da136d93 .b2523d98, .cd0f678e .da136d93 .b2523d98 .b1a580a1, .cd0f678e .da136d93 .bffaf164, .cd0f678e .da136d93 .d67ccffc, .cd0f678e .da136d93 .d67ccffc .ede1f66f, .cd0f678e .da136d93 .d67ccffc .ede1f66f .d1605684 .cfc33acf, .cd0f678e .da136d93 .d70ff727, .cd0f678e .da136d93 .d70ff727 .c68f3046 {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.cd0f678e {
    background: #002547;
    border-radius: 0 0 4px 4px;
    padding: 0
}

.cd0f678e .b7cafbb1 {
    display: block;
    padding: 12px 16px
}

.cd0f678e .b7cafbb1 .d182dfd5 {
    background: hsla(0, 0%, 92%, .2);
    display: block;
    height: 17px;
    width: 100px
}

.cd0f678e .b7cafbb1 .c56d8ac4 {
    padding: 12px 0
}

.cd0f678e .b7cafbb1 .c56d8ac4 .dfebf3a1 {
    width: 45%
}

.cd0f678e .b7cafbb1 .c56d8ac4 .dfebf3a1 .ed06fd69 {
    background: hsla(0, 0%, 92%, .2);
    border-radius: 4px;
    display: block;
    height: 32px;
    width: 32px
}

.cd0f678e .b7cafbb1 .c56d8ac4 .dfebf3a1 .cbd91ed0 {
    background: hsla(0, 0%, 92%, .2);
    display: block;
    height: 17px;
    margin: 0 10px;
    width: 80px
}

.cd0f678e .b7cafbb1 .c56d8ac4 .dfebf3a1.c870291b {
    justify-content: flex-start
}

.cd0f678e .b7cafbb1 .c56d8ac4 .dfebf3a1.baa6e9f8 {
    justify-content: flex-end
}

.cd0f678e .b7cafbb1 .c56d8ac4 .f5ba2f98 {
    color: #bebebe;
    display: block;
    font-size: 14px;
    line-height: 22px;
    max-width: 10%;
    min-width: 10%
}

.cd0f678e .b7cafbb1 .ffb26b85 {
    background: hsla(0, 0%, 92%, .2);
    display: block;
    height: 17px;
    margin: 12px 0 30px;
    width: 100%
}

.cd0f678e .da136d93 {
    padding: 12px 16px 8px
}

.cd0f678e .da136d93 .bffaf164 .da7be9b5 {
    color: #fff;
    font-size: 14px;
    line-height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.cd0f678e .da136d93 .bffaf164 .b11966c4 {
    background: #f44336;
    border-radius: 4px;
    color: #fff;
    font-size: 12px;
    line-height: 15px;
    padding: 1px 5px
}

.cd0f678e .da136d93 .d67ccffc {
    padding: 8px 0 6px
}

.cd0f678e .da136d93 .d67ccffc .ede1f66f {
    justify-content: flex-start;
    max-width: 45%;
    min-width: 45%
}

.cd0f678e .da136d93 .d67ccffc .ede1f66f .d1605684 {
    display: block;
    padding: 0 8px
}

.cd0f678e .da136d93 .d67ccffc .ede1f66f .d1605684 .cfc33acf {
    color: #fff;
    font-size: 14px;
    line-height: 22px
}

.cd0f678e .da136d93 .d67ccffc .ede1f66f .d1605684 .cfc33acf .d023847c {
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: bd7d64f7;
    animation-name: bd7d64f7;
    background: #f44336;
    border-radius: 50%;
    display: block;
    height: 8px;
    margin: 2px 4px;
    width: 8px
}

.cd0f678e .da136d93 .d67ccffc .ede1f66f .e437a519 {
    border: solid #eaeaea;
    border-radius: 4px;
    display: block;
    height: 32px;
    overflow: hidden;
    width: 32px
}

.cd0f678e .da136d93 .d67ccffc .d2963050 {
    color: #bebebe;
    display: block;
    font-size: 14px;
    line-height: 22px;
    max-width: 10%;
    min-width: 10%
}

.cd0f678e .da136d93 .ede1f66f.c870291b, .cd0f678e .da136d93 .ede1f66f.c870291b .d1605684 .cfc33acf {
    justify-content: flex-start
}

.cd0f678e .da136d93 .ede1f66f.baa6e9f8, .cd0f678e .da136d93 .ede1f66f.baa6e9f8 .d1605684 .cfc33acf {
    justify-content: flex-end
}

.cd0f678e .da136d93 .d70ff727 .c68f3046 {
    color: #fff;
    font-size: 14px;
    line-height: 22px;
    max-width: 48%
}

.cd0f678e .da136d93 .d70ff727 .c68f3046 span {
    display: block;
    margin: 2px 4px 0;
    min-width: 16px
}

.cd0f678e .da136d93 .d70ff727 .c68f3046 span img {
    display: block
}

.cd0f678e .da136d93 .b2523d98 {
    padding: 4px 0
}

.cd0f678e .da136d93 .b2523d98 .edfac32e {
    color: #bebebe;
    font-size: 14px;
    line-height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.cd0f678e .da136d93 .b2523d98 .b1a580a1 {
    display: none
}

.cd0f678e .da136d93 .b2523d98 .b1a580a1 span {
    margin-right: 5px;
    opacity: .6
}

.cd0f678e .da136d93 .b2523d98 .b1a580a1 strong {
    color: hsla(0, 0%, 100%, .6);
    font-size: 14px;
    line-height: 22px
}

.cd0f678e .cde429d6 {
    background: hsla(0, 0%, 100%, .16);
    border-radius: 0 0 4px 4px;
    justify-content: center
}

.cd0f678e .cde429d6 .f6abebef li:hover {
    --background-color: none
}

@-webkit-keyframes bd7d64f7 {
    50% {
        opacity: 0
    }
}

@keyframes bd7d64f7 {
    50% {
        opacity: 0
    }
}

@media only screen and (max-width: 768px) {
    .cd0f678e {
        border-radius: 0
    }

    .cd0f678e .da136d93 .b2523d98 .edfac32e {
        max-width: 80%
    }

    .cd0f678e .da136d93 .b2523d98 .b1a580a1 {
        display: flex;
        margin-top: -2px
    }

    .cd0f678e .da136d93 .b2523d98 .b1a580a1 img {
        width: 20px
    }

    .cd0f678e .cde429d6 {
        display: none
    }
}

.b577d748 .ceabbbe4 {
    align-items: center;
    color: var(--primary-color);
    display: flex;
    font-size: 24px;
    font-weight: var(--font-weight-bold);
    justify-content: space-between;
    line-height: 36px;
    margin-bottom: 16px;
    margin-right: 16px
}

.b577d748 .ceabbbe4 a {
    border: 1px solid var(--secondary-common-color);
    border-radius: 4px;
    color: var(--secondary-common-color);
    display: block;
    font-size: 16px;
    font-weight: var(--font-weight-bold);
    line-height: 24px;
    margin-left: auto;
    padding: 6px 16px
}

.b577d748 .e3c4f076 {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    flex-flow: column wrap;
    justify-content: flex-start;
    max-height: 238px;
    width: 100%
}

.b577d748 .e3c4f076 .bec35c06 {
    max-width: 400px;
    min-width: 400px
}

@media (max-width: 768px) {
    .b577d748 .ceabbbe4 {
        font-size: 24px;
        line-height: 36px
    }

    .b577d748 .ceabbbe4 a {
        font-size: 16px;
        line-height: 24px
    }

    .b577d748 .e3c4f076 {
        max-height: 270px
    }

    .b577d748 .e3c4f076 .bec35c06 {
        max-width: 250px;
        min-width: 250px
    }
}

.a715f659 .ce338713 .a008180d, .a715f659 .ce338713 .a008180d .e9809f56 .f2994129, .a715f659 .ce338713 .cc00866c, .a715f659 .ce338713 .cc00866c .a89e8126, .f79cd034 {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.a715f659 .ce338713 {
    background: var(--header-footer-color);
    border: 1px solid var(--border-color);
    border-radius: 4px;
    display: block;
    margin: 12px 20px;
    padding: 12px 16px
}

.a715f659 .ce338713 .cc00866c {
    padding-bottom: 6px
}

.a715f659 .ce338713 .cc00866c .bb9c8abd {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.a715f659 .ce338713 .cc00866c .a89e8126, .a715f659 .ce338713 .cc00866c .bb9c8abd {
    color: var(--secondary-color);
    font-size: 18px;
    font-weight: var(--font-weight-bold);
    line-height: 26px
}

.a715f659 .ce338713 .cc00866c .a89e8126 {
    margin-left: auto
}

.a715f659 .ce338713 .cc00866c .a89e8126 .d21fbb68 {
    --foreground-color: var(--secondary-color);
    --background-color: transparent;
    display: block;
    height: 36px;
    margin-right: -12px;
    transform: rotate(180deg);
    width: 36px
}

.a715f659 .ce338713 .a008180d .e9809f56 {
    display: block;
    height: 66px;
    margin-right: 12px;
    position: relative;
    width: 66px
}

.a715f659 .ce338713 .a008180d .e9809f56 .bc354362 {
    border: 1px solid var(--border-color);
    border-radius: 50%;
    display: block;
    height: 66px;
    width: 66px
}

.a715f659 .ce338713 .a008180d .e9809f56 .f2994129 {
    bottom: 0;
    height: 22px;
    position: absolute;
    right: 0;
    width: 22px
}

.a715f659 .ce338713 .a008180d .e9809f56 .f2994129 img {
    background: var(--background-color-main);
    border: 1px solid var(--border-color);
    border-radius: 50%;
    display: block;
    height: 22px;
    width: 22px
}

.a715f659 .ce338713 .a008180d .f17f6688 {
    display: block;
    flex: 2
}

.a715f659 .ce338713 .a008180d .f17f6688 .e1845554 {
    color: var(--primary-color);
    font-size: 20px;
    font-weight: var(--font-weight-bold);
    line-height: 30px;
    max-width: 460px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.a715f659 .ce338713 .a008180d .f17f6688 .ba51de86 {
    display: flex;
    justify-content: space-between
}

.a715f659 .ce338713 .a008180d .f17f6688 .ba51de86 .dbe86720 {
    color: var(--primary-color);
    max-width: 180px
}

.a715f659 .ce338713 .a008180d .f17f6688 .ba51de86 .a7dce43c, .a715f659 .ce338713 .a008180d .f17f6688 .ba51de86 .dbe86720 {
    font-size: 18px;
    font-weight: var(--font-weight-bold);
    line-height: 26px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.a715f659 .ce338713 .a008180d .f17f6688 .ba51de86 .a7dce43c {
    margin-left: auto;
    max-width: 280px
}

@media (max-width: 768px) {
    .a715f659 .ce338713 {
        margin: 8px 16px;
        padding: 12px
    }

    .a715f659 .ce338713 .cc00866c .bb9c8abd {
        font-size: 14px;
        line-height: 22px;
        padding-right: 10px
    }

    .a715f659 .ce338713 .cc00866c .a89e8126 {
        font-size: 14px;
        line-height: 22px
    }

    .a715f659 .ce338713 .cc00866c .a89e8126 .d21fbb68 {
        height: 30px;
        width: 30px
    }

    .a715f659 .ce338713 .a008180d .e9809f56 {
        height: 48px;
        margin-right: 10px;
        width: 48px
    }

    .a715f659 .ce338713 .a008180d .e9809f56 .bc354362 {
        height: 48px;
        width: 48px
    }

    .a715f659 .ce338713 .a008180d .e9809f56 .f2994129, .a715f659 .ce338713 .a008180d .e9809f56 .f2994129 img {
        height: 16px;
        width: 16px
    }

    .a715f659 .ce338713 .a008180d .f17f6688 {
        display: block;
        flex: 2
    }

    .a715f659 .ce338713 .a008180d .f17f6688 .e1845554 {
        font-size: 16px;
        line-height: 24px;
        max-width: 240px
    }

    .a715f659 .ce338713 .a008180d .f17f6688 .ba51de86 .dbe86720 {
        font-size: 14px;
        line-height: 22px;
        max-width: 84px
    }

    .a715f659 .ce338713 .a008180d .f17f6688 .ba51de86 .a7dce43c {
        font-size: 14px;
        line-height: 22px;
        max-width: 160px
    }
}

.fcbcdc9e {
    background: var(--background-color-main)
}

.fcbcdc9e .f19e48df {
    background-color: rgba(202, 209, 215, .4);
    display: flex;
    flex-grow: 1
}

.fcbcdc9e .ad8e5576 {
    bottom: 30px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    z-index: 401
}

.fcbcdc9e .fabf3b16 {
    align-items: center;
    border-radius: 4px;
    bottom: 130px;
    color: var(--secondary-color);
    display: inline-flex;
    font-size: 10px;
    left: -28px;
    margin: 8px;
    padding: 0 4px;
    position: absolute;
    transform: rotate(-90deg);
    z-index: 401
}

.fcbcdc9e .fabf3b16 img {
    margin-right: 2px
}

.fcbcdc9e .e07389b1 {
    align-items: center;
    border-radius: 4px;
    bottom: 16px;
    color: var(--link-color);
    cursor: pointer;
    display: flex;
    font-size: 10px;
    font-size: 16px;
    font-weight: var(--font-weight-bold);
    justify-content: space-between;
    line-height: 24px;
    margin: 0;
    padding: 0 4px;
    position: absolute;
    right: 12px;
    text-decoration: underline;
    text-shadow: #000;
    z-index: 401
}

.fcbcdc9e .e07389b1 .c25127ad {
    --foreground-color: var(--link-color);
    height: 24px;
    scale: .5;
    width: 24px
}

.fcbcdc9e .e07389b1 strong {
    margin-left: -3px
}

.fcbcdc9e .e07389b1:hover {
    text-decoration: none
}

.fcbcdc9e .bc40d4eb {
    background-color: transparent;
    border: none;
    box-shadow: none;
    color: #2b2b2b;
    font-family: var(--font-family);
    font-size: 14px;
    font-weight: var(--font-weight-bold);
    opacity: 0;
    text-shadow: 0 0 2px hsla(0, 0%, 100%, .6), 0 0 5px hsla(0, 0%, 100%, .6), 0 0 10px hsla(0, 0%, 100%, .6);
    transition: opacity .2s ease-in-out
}

.fcbcdc9e .dca28c01 {
    font-size: 18px
}

.fcbcdc9e .b14d63a6 {
    font-size: 20px
}


@media (max-width: 768px) {
    .fcbcdc9e .ad8e5576 {
        display: none
    }

    .fcbcdc9e .e07389b1 {
        bottom: 105px;
        font-size: 12px
    }
}

.e8508c69, .ebce4e2f .b45a285b, .ebce4e2f .b45a285b .a349d237, .ebce4e2f .b45a285b .a349d237 .c56dfbf2 .f761f494, .ebce4e2f .b45a285b .d7dfdf2b {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.ebce4e2f .b45a285b {
    background: var(--header-footer-color);
    border: 1px solid var(--border-color);
    border-radius: 4px;
    margin-right: 12px;
    margin-top: 12px;
    padding: 12px
}

.ebce4e2f .b45a285b .a349d237 .c56dfbf2 {
    border-radius: 50%;
    display: block;
    height: 80px;
    margin-right: 12px;
    position: relative;
    width: 80px
}

.ebce4e2f .b45a285b .a349d237 .c56dfbf2 .a43530fc {
    border: 1px solid var(--border-color);
    border-radius: 50%;
    display: block;
    height: 80px;
    width: 80px
}

.ebce4e2f .b45a285b .a349d237 .c56dfbf2 .f761f494 {
    border-radius: 50%;
    bottom: 0;
    height: 24px;
    position: absolute;
    right: 0;
    width: 24px
}

.ebce4e2f .b45a285b .a349d237 .c56dfbf2 .f761f494 img {
    background: var(--background-color-main);
    border: 1px solid var(--border-color);
    border-radius: 50%;
    display: block;
    height: 24px;
    width: 24px
}

.ebce4e2f .b45a285b .a349d237 .b55e5022 {
    display: block;
    max-width: 305px
}

.ebce4e2f .b45a285b .a349d237 .b55e5022 .c8d5cfa1 {
    color: var(--primary-color);
    font-size: 18px;
    font-weight: var(--font-weight-bold);
    line-height: 26px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ebce4e2f .b45a285b .a349d237 .b55e5022 .ac91b84d {
    color: var(--secondary-color);
    font-size: 16px;
    font-weight: var(--font-weight-bold);
    line-height: 24px;
    overflow: hidden;
    padding: 2px 0;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ebce4e2f .b45a285b .a349d237 .b55e5022 .f32bef0e {
    color: var(--primary-color);
    font-size: 18px;
    font-weight: var(--font-weight-bold);
    line-height: 26px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ebce4e2f .b45a285b .d7dfdf2b {
    margin-left: auto;
    padding-right: 10px
}

.ebce4e2f .b45a285b .d7dfdf2b .b706e6bc {
    --foreground-color: var(--secondary-color);
    --background-color: transparent;
    display: block;
    height: 40px;
    margin-right: -18px;
    transform: rotate(180deg);
    width: 40px
}

@media (max-width: 768px) {
    .ebce4e2f .b45a285b {
        margin-right: 8px;
        margin-top: 8px;
        padding: 8px
    }

    .ebce4e2f .b45a285b .a349d237 .c56dfbf2, .ebce4e2f .b45a285b .a349d237 .c56dfbf2 .a43530fc {
        height: 64px;
        width: 64px
    }

    .ebce4e2f .b45a285b .a349d237 .c56dfbf2 .f761f494 {
        height: 20px;
        width: 20px
    }

    .ebce4e2f .b45a285b .a349d237 .c56dfbf2 .f761f494 img {
        display: block;
        height: 20px;
        width: 20px
    }

    .ebce4e2f .b45a285b .a349d237 .b55e5022 {
        max-width: 126px
    }

    .ebce4e2f .b45a285b .a349d237 .b55e5022 .c8d5cfa1 {
        font-size: 14px;
        line-height: 22px
    }

    .ebce4e2f .b45a285b .a349d237 .b55e5022 .ac91b84d {
        font-size: 12px;
        line-height: 18px
    }

    .ebce4e2f .b45a285b .a349d237 .b55e5022 .f32bef0e {
        font-size: 14px;
        line-height: 22px
    }

    .ebce4e2f .b45a285b .d7dfdf2b .b706e6bc {
        height: 30px;
        width: 30px
    }
}

.f9b45519 {
    background-color: #cad1d7;
    display: flex;
    flex-direction: column;
    overscroll-behavior-y: none;
    position: relative
}

.f9b45519, .f9b45519 .c3aefb72 {
    height: var(--screen-height, 100vh)
}

.f9b45519 .c3aefb72 {
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 805
}

.f9b45519 .b169c0f8 {
    left: 16px;
    position: absolute;
    z-index: 803
}

.f9b45519 .f7cc618d {
    border-radius: 8px;
    bottom: 16px
}

.f9b45519 .c9089c27 {
    left: 16px;
    top: 75px;
    z-index: 802
}

.f9b45519 .b926dfa3 {
    left: 0;
    position: absolute;
    top: 6px;
    width: 100%;
    z-index: 803
}

.f9b45519 .fb81c709 {
    border-radius: 16px;
    box-shadow: 0 1px 12px 0 rgba(0, 0, 0, .16);
    height: 80%;
    max-height: 80%;
    min-height: 80%;
    position: fixed;
    right: 10px;
    top: 80px;
    width: 400px;
    z-index: 804
}

.f9b45519 .fb81c709 .ef73dbdf {
    margin: 0 16px
}

.f9b45519 .fb81c709 .b6ac0df2 {
    display: none
}

.f9b45519 .c79c84d1 {
    display: flex;
    flex-grow: 1;
    justify-content: center;
    overflow: hidden;
    position: relative
}

@media (max-width: 768px) {
    .f9b45519 .b169c0f8 {
        left: 0;
        margin: 0 12px;
        min-width: calc(100% - 24px);
        position: absolute;
        width: calc(100% - 24px)
    }

    .f9b45519 .f7cc618d {
        border: none
    }

    .f9b45519 .c9089c27 {
        left: 0;
        min-width: calc(100% - 24px);
        top: 65px
    }

    .f9b45519 .fb81c709 {
        border-radius: 8px 8px 0 0;
        bottom: 0;
        height: 50%;
        max-height: 80%;
        min-height: 50%;
        right: 0;
        top: auto;
        width: 100%
    }

    .f9b45519 .fb81c709 .ef73dbdf {
        margin: 0 16px
    }

    .f9b45519 .fb81c709 .b6ac0df2 {
        display: block
    }
}

.e64070cf {
    --foreground-color: var(--primary-color);
    background: rgba(0, 0, 0, .8);
    display: block;
    height: 100%;
    position: fixed;
    width: 100%;
    z-index: var(--z-index-4)
}

.e64070cf .a0fd52db {
    align-items: center;
    background: var(--background-color-main);
    border: 1px solid var(--border-color);
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    left: 50%;
    max-width: 380px;
    min-width: 380px;
    padding: 30px;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    z-index: var(--z-index-1)
}

.e64070cf .a0fd52db .c362a28b {
    display: block
}

.e64070cf .a0fd52db .cfd05122 {
    color: var(--primary-color);
    font-size: 24px;
    font-weight: var(--font-weight-bold);
    line-height: 36px;
    padding: 32px 0;
    text-align: center
}

.e64070cf .a0fd52db .dcb5bd94 {
    border-radius: 8px;
    display: block;
    margin-bottom: 46px
}

.e64070cf .a0fd52db .dcb5bd94 img {
    border: 1px solid var(--border-color);
    border-radius: 8px;
    display: block
}

.e64070cf .a0fd52db .d5682831 {
    align-items: center;
    background: #ff8400;
    border: none;
    border-radius: 8px;
    color: #fff;
    cursor: pointer;
    display: flex;
    font-size: 16px;
    justify-content: center;
    line-height: 24px;
    padding: 12px;
    position: relative;
    width: 100%
}

.e64070cf .a0fd52db .d5682831 .ddaf5dcf {
    -webkit-animation: a6722429 .8s linear infinite;
    animation: a6722429 .8s linear infinite;
    display: inline-block;
    margin-left: 5px;
    margin-top: -4px
}

.e64070cf .a0fd52db .d5682831 .ddaf5dcf .a183a457 {
    --foreground-color: #fff;
    transform: rotate(180deg);
    width: 24px
}

@-webkit-keyframes a6722429 {
    to {
        transform: translateX(0)
    }
    50% {
        transform: translateX(10px)
    }
    0% {
        transform: translateX(0)
    }
}

@keyframes a6722429 {
    to {
        transform: translateX(0)
    }
    50% {
        transform: translateX(10px)
    }
    0% {
        transform: translateX(0)
    }
}

@media only screen and (max-width: 768px) {
    .e64070cf .a0fd52db {
        border: none;
        border-radius: 0;
        height: 100%;
        left: 0;
        max-width: 100%;
        min-width: 100%;
        padding: 10px 20px;
        top: 0;
        transform: translate(0);
        width: 100%
    }

    .e64070cf .a0fd52db .d5682831 {
        bottom: 20px;
        position: absolute;
        width: calc(100% - 40px)
    }
}

.d2c2e409 {
    --foreground-color: var(--primary-color);
    align-items: center;
    display: flex;
    height: 64px;
    justify-content: space-between;
    padding: 12px;
    position: relative;
    z-index: var(--z-index-2)
}

.d2c2e409 .c38fc4d2 {
    pointer-events: auto
}

.d2c2e409 .abacea78 {
    pointer-events: none
}

.d2c2e409 .e4f3da94 {
    background: var(--background-color-main);
    border-radius: 44px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .078);
    flex: 1;
    height: 44px;
    max-width: 112px;
    padding: 6px 12px;
    position: relative;
    width: 112px;
    z-index: var(--z-index-2)
}

.d2c2e409 .e4f3da94 .d6007e2f {
    align-items: center;
    display: flex;
    justify-content: center
}

.d2c2e409 .e4f3da94 .d6007e2f .e1db380b {
    width: 82px
}

.d2c2e409 .e4f3da94 .df012e54 {
    display: none
}

.d2c2e409 .cdd0ec86 {
    background: var(--background-color-main);
    border-radius: 44px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .078);
    display: block;
    height: 44px;
    margin-left: 20px;
    min-width: 320px;
    padding: 10px 20px 10px 40px;
    position: relative
}

.d2c2e409 .cdd0ec86 .af79f342 {
    --foreground-color: var(--primary-color);
    cursor: pointer;
    height: 24px;
    left: 8px;
    position: absolute;
    top: 22px;
    transform: translateY(-50%);
    width: 24px;
    z-index: var(--z-index-3)
}

.d2c2e409 .cdd0ec86 .aa6529b3 {
    align-items: center;
    background: var(--primary-color);
    border-radius: 50%;
    display: flex;
    height: 28px;
    justify-content: center;
    left: 8px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 28px;
    z-index: var(--z-index-2)
}

.d2c2e409 .cdd0ec86 .aa6529b3 .e1db380b {
    --foreground-color: var(--background-color-main);
    height: 20px;
    width: 20px
}

.d2c2e409 .cdd0ec86 .cef8cd38 {
    background: var(--background-color-main);
    border: none;
    color: var(--secondary-color);
    display: block;
    font-size: 16px;
    font-style: normal;
    font-weight: var(--font-weight-bold);
    height: 26px;
    overflow: hidden;
    padding: 5px;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    z-index: var(--z-index-2)
}

.d2c2e409 .cdd0ec86 .cef8cd38::-moz-placeholder {
    color: var(--secondary-color)
}

.d2c2e409 .cdd0ec86 .cef8cd38:-ms-input-placeholder {
    color: var(--secondary-color)
}

.d2c2e409 .cdd0ec86 .cef8cd38::placeholder {
    color: var(--secondary-color)
}

.d2c2e409 .cdd0ec86 .a189511a {
    --foreground-color: var(--background-color-main);
    align-items: center;
    background: var(--secondary-color);
    border-radius: 50%;
    display: block;
    display: flex;
    height: 20px;
    justify-content: center;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    z-index: var(--z-index-3)
}

.d2c2e409 .cdd0ec86 .ec14aef6 {
    border-radius: 8px;
    left: 0;
    max-height: 200px;
    overflow-y: scroll;
    position: absolute;
    top: 100%;
    width: 100%;
    z-index: var(--z-index-2)
}

.d2c2e409 .f97c04fa {
    align-items: center;
    background: var(--background-color-main);
    border-radius: 50%;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .078);
    display: flex;
    height: 40px;
    justify-content: center;
    min-width: 40px;
    width: 40px
}

.d2c2e409 .f97c04fa .e1db380b {
    --foreground-color: var(--primary-color);
    border: none;
    height: 24px;
    left: inherit;
    margin: 2px 0 0;
    padding: 0;
    position: static;
    top: inherit;
    width: 24px
}

.d2c2e409 .a7b76cb5 {
    align-items: center;
    color: var(--primary-color);
    display: flex;
    flex: 2;
    font-size: 24px;
    font-weight: var(--font-weight-bold);
    justify-content: center;
    line-height: 36px;
    position: relative;
    z-index: var(--z-index-2)
}

.d2c2e409 .a7b76cb5 .f8d493be {
    align-items: center;
    cursor: pointer;
    display: inline-flex
}

.d2c2e409 .a7b76cb5 .df3ccd3d {
    height: 24px;
    scale: 1.5;
    transform: rotate(-90deg);
    width: 24px
}

.d2c2e409 .a7b76cb5 .a40688b3 {
    margin: 0 auto;
    position: absolute;
    top: 40px;
    width: 150px;
    z-index: var(--z-index-2)
}

.d2c2e409 .f09d4895 {
    display: flex;
    justify-content: flex-end;
    margin-right: 20px
}

.d2c2e409 .f09d4895 .a61020fc {
    --foreground-color: var(--primary-color);
    display: flex
}

.d2c2e409 .f09d4895 .a61020fc .a132b9aa {
    background: var(--background-color-main);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .078);
    margin: 0 0 0 10px
}

.d2c2e409 .f09d4895 .ef0e637a {
    --foreground-color: var(--primary-color);
    display: none
}

.d2c2e409 .edd3e8cd {
    align-items: center;
    display: flex;
    flex: 1;
    justify-content: flex-end
}

.d2c2e409 .d638100a {
    background: hsla(0, 0%, 100%, .1);
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: var(--z-index-1)
}

@media (max-width: 768px) {
    .d2c2e409 {
        height: 56px;
        padding: 12px 14px
    }

    .d2c2e409 .e4f3da94 {
        align-items: center;
        background: #fff;
        border-radius: 50%;
        display: flex;
        flex: 0;
        height: 40px;
        justify-content: center;
        width: 40px
    }

    .d2c2e409 .e4f3da94 .d6007e2f {
        display: none
    }

    .d2c2e409 .e4f3da94 .df012e54 {
        display: block
    }

    .d2c2e409 .e4f3da94 .df012e54 .e1db380b {
        width: 30px
    }

    .d2c2e409 .cdd0ec86 {
        flex: auto;
        height: 40px;
        margin-left: 10px;
        min-width: 240px;
        padding: 7px 7px 7px 34px
    }

    .d2c2e409 .cdd0ec86 .af79f342 {
        height: 24px;
        left: 8px;
        top: 50%;
        transform: translateY(-50%);
        width: 24px
    }

    .d2c2e409 .cdd0ec86 .aa6529b3 {
        height: 24px;
        width: 24px
    }

    .d2c2e409 .cdd0ec86 .aa6529b3 .e1db380b {
        --foreground-color: var(--background-color-main);
        height: 16px;
        width: 16px
    }

    .d2c2e409 .cdd0ec86 .cef8cd38 {
        font-size: 16px;
        height: 28px;
        line-height: 22px
    }

    .d2c2e409 .cdd0ec86.ce6728b9 {
        left: -2px;
        margin: 12px;
        max-width: calc(100% - 24px);
        min-width: calc(100% - 24px);
        position: fixed;
        top: 2px;
        width: calc(100% - 24px);
        z-index: 9
    }

    .d2c2e409 .f09d4895 {
        background-color: var(--background-color-main);
        border-radius: 50%;
        box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .078);
        height: 40px;
        margin-left: 7px;
        margin-right: 0;
        width: 40px
    }

    .d2c2e409 .f09d4895 .a61020fc {
        display: none
    }

    .d2c2e409 .f09d4895 .ef0e637a {
        align-items: center;
        display: block;
        display: flex;
        height: 40px;
        justify-content: center;
        width: 40px
    }

    .d2c2e409 .a7b76cb5 {
        flex: 3;
        font-size: 16px;
        justify-content: flex-end;
        line-height: 24px
    }

    .d2c2e409 .c589cfcc {
        justify-content: flex-start;
        margin-left: 35px
    }

    .d2c2e409 .edd3e8cd {
        flex: 0
    }

    .d2c2e409 .edd3e8cd .b891ce7a span {
        display: none
    }

    .d2c2e409 .edd3e8cd .b891ce7a .aa6529b3 {
        height: 24px;
        margin-right: 0;
        width: 24px
    }

   
}

.e07f1781 {
    background: var(--background-color-main);
    border-radius: 4px;
    box-shadow: 3px 4px 15px 0 rgba(0, 0, 0, .15)
}

.e07f1781 .debd0076 {
    list-style: none
}

.e07f1781 .debd0076 .c3a36f2d {
    align-items: center;
    display: flex;
    padding: 6px 8px
}

.e07f1781 .debd0076 .c3a36f2d .e651491e {
    margin-right: 8px
}

.e07f1781 .debd0076 .c3a36f2d .e651491e img {
    display: block;
    height: 20px;
    min-width: 20px;
    width: 20px
}

.e07f1781 .debd0076 .c3a36f2d .b76af120 {
    color: var(--primary-color);
    display: block;
    font-size: 14px;
    font-weight: var(--font-weight-bold);
    line-height: 22px
}

.e07f1781 .debd0076 .c3a36f2d .b76af120 .ae656d8f {
    color: var(--secondary-color);
    display: block;
    font-size: 12px;
    font-weight: var(--font-weight-bold);
    line-height: 22px
}

.e07f1781 .debd0076 .c3a36f2d:hover {
    background: hsla(0, 0%, 50%, .078)
}

@media (max-width: 768px) {
    .e07f1781 {
        border-radius: 0
    }

    .e07f1781 .debd0076 .c3a36f2d {
        border-top: 1px solid var(--border-color);
        padding: 12px 16px
    }

    .e07f1781 .debd0076 .c3a36f2d .e651491e img {
        height: 24px;
        min-width: 24px;
        width: 24px
    }

    .e07f1781 .debd0076 .c3a36f2d .b76af120 {
        font-size: 16px;
        font-weight: var(--font-weight-bold);
        line-height: 24px
    }
}

.f85d83bd {
    background: var(--background-color-main);
    border: 1px solid var(--border-color);
    border-radius: 8px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .06);
    display: flex;
    flex-direction: column;
    max-width: 425px;
    min-width: 310px
}

.f85d83bd .c8d935b0, .f85d83bd .f78d1b73 {
    border-bottom: 1px solid var(--border-color)
}

.f85d83bd .c8d935b0 {
    display: block;
    height: 100px;
    margin: 11px 16px 0
}

.f85d83bd .c8d935b0 .e4995794 {
    color: var(--primary-color);
    display: block;
    font-size: 20px;
    font-weight: var(--font-weight-bold);
    line-height: 30px
}

.f85d83bd .c8d935b0 .c2325278 {
    color: var(--secondary-color);
    display: block;
    font-size: 12px;
    line-height: 18px;
    padding: 5px 0 8px
}

.f85d83bd .fefa535d {
    display: flex;
    justify-content: space-between;
    padding: 8px 16px
}

.f85d83bd .fefa535d .ac36f6c6 {
    align-items: center;
    display: flex;
    flex: 2;
    flex-wrap: wrap;
    justify-content: space-between;
    list-style: none
}

.f85d83bd .fefa535d .ac36f6c6 .e75004cc {
    align-items: center;
    display: flex;
    max-width: 50%;
    min-width: 50%
}

.f85d83bd .fefa535d .ac36f6c6 .e75004cc .b4915a33 {
    border-radius: 50%;
    display: block;
    height: 12px;
    width: 12px
}

.f85d83bd .fefa535d .ac36f6c6 .e75004cc .f4fdd907 {
    color: var(--primary-color);
    font-size: 14px;
    font-weight: var(--font-weight-bold);
    line-height: 22px;
    margin-left: 5px
}

.f85d83bd .fefa535d .ee4e0342 {
    display: block;
    margin-left: auto
}

.f85d83bd .fefa535d .ee4e0342 strong {
    color: var(--secondary-color);
    display: block;
    font-size: 14px;
    font-weight: var(--font-weight-bold)
}

.f85d83bd .fefa535d .ee4e0342 span {
    color: var(--secondary-color);
    display: block;
    font-size: 14px;
    line-height: 22px;
    padding-top: 4px;
    text-align: right
}

@media (max-width: 768px) {
    .f85d83bd {
        width: 100%
    }

    .f85d83bd .c8d935b0 {
        display: none
    }

    .f85d83bd .fefa535d .ac36f6c6 .e75004cc .f4fdd907 {
        color: var(--primary-color);
        font-size: 12px;
        font-weight: var(--font-weight-bold);
        line-height: 18px;
        margin-left: 5px
    }

    .f85d83bd .fefa535d .ee4e0342 strong {
        font-size: 12px
    }

    .f85d83bd .fefa535d .ee4e0342 span {
        font-size: 12px;
        line-height: 18px
    }
}

.caf8c78f {
    align-items: center;
    background: var(--background-color-main);
    border: 1px solid var(--tertiary-color);
    border-radius: 4px;
    display: flex;
    justify-content: space-between
}

.caf8c78f .d3f741e5 {
    border-left: 1px solid var(--tertiary-color);
    border-right: 1px solid var(--tertiary-color);
    color: var(--primary-color);
    font-size: 16px;
    font-weight: var(--font-weight-bold);
    line-height: 24px;
    padding: 6px 8px
}

.caf8c78f .a245b17d, .caf8c78f .fba13faf {
    --foreground-color: var(--primary-color);
    cursor: pointer;
    display: block;
    height: 28px;
    margin: 2px 5px;
    width: 28px
}

.caf8c78f .a245b17d.e4a18374, .caf8c78f .fba13faf.e4a18374 {
    --foreground-color: var(--tertiary-color)
}

.d4f6e5ad {
    gap: 10px;
    min-width: 450px
}

.d4f6e5ad, .d4f6e5ad .d1d0b980 {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.d4f6e5ad .d1d0b980 {
    background: var(--background-color-main);
    border-radius: 8px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .078);
    margin-right: 5px;
    padding: 3px;
    white-space: nowrap
}

.d4f6e5ad .d1d0b980 .d495f6d8 {
    align-items: center;
    border-radius: 8px;
    color: var(--secondary-color);
    display: flex;
    font-size: 14px;
    line-height: 22px;
    padding: 3px 10px
}

.d4f6e5ad .d1d0b980 .d495f6d8 span.d84d1f5c {
    background: #f44336;
    border-radius: 4px;
    color: #fff;
    font-size: 10px;
    line-height: 16px;
    margin-left: 5px;
    padding: 0 4px
}

.d4f6e5ad .d1d0b980 .bb4f3ecf.fdf461c7, .d4f6e5ad .d1d0b980 .d495f6d8.fdf461c7 {
    background: var(--primary-color);
    color: var(--background-color-main)
}

.d4f6e5ad .d1d0b980.fdf461c7 {
    background: var(--background-color-main);
    padding: 3px
}

.d4f6e5ad .ef3ceaf0 {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: var(--background-color-main);
    background-image: linear-gradient(45deg, transparent 50%, var(--primary-color) 50%), linear-gradient(135deg, var(--primary-color) 50%, transparent 50%), linear-gradient(to right, var(--primary-color), var(--primary-color));
    background-position: calc(100% - 10px) calc(1em - 2px), calc(100% - 5px) calc(1em - 2px), calc(100% - 2.5em) .5em;
    background-repeat: no-repeat;
    background-size: 5px 5px, 5px 5px, 1px 0;
    border: none;
    border-radius: 8px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .078);
    color: var(--primary-color);
    display: flex;
    font-size: 16px;
    font-weight: var(--font-weight-bold);
    height: 32px;
    line-height: 22px;
    margin-left: auto;
    padding: 5px 20px 5px 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.d4f6e5ad .ef3ceaf0:focus {
    outline: none
}

@media only screen and (max-width: 768px) {
    .d4f6e5ad {
        min-width: 100%
    }
}

.a1ed45b9 {
    background: var(--background-color-main);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    touch-action: none
}

.a1ed45b9 .af78936c {
    cursor: pointer
}

.a1ed45b9 .af78936c .d14c5cd2 {
    background-color: #ccc;
    border-radius: 3px;
    height: 5px;
    margin: 10px auto 0;
    width: 40px
}

.a1ed45b9 .f68cac7a {
    flex-grow: 1;
    overflow-y: auto;
    overscroll-behavior-y: none
}

.e3b79178, .e3b79178 .d86a31ab {
    background: var(--background-color-main)
}

.e3b79178 .d86a31ab {
    --foreground-color: var(--secondary-color);
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 5px 0;
    position: sticky;
    top: 0;
    z-index: var(--z-index-1)
}

.e3b79178 .d86a31ab .c34e45fd {
    color: var(--primary-color);
    flex: 2;
    font-size: 20px;
    font-weight: var(--font-weight-bold);
    line-height: 30px;
    margin-right: 5px
}

.e3b79178 .d86a31ab .db9d60db {
    display: flex
}

.e3b79178 .d86a31ab .db9d60db .a9889435 {
    margin: 0
}

.e3b79178 .d86a31ab .a294e34f {
    display: none
}

.e3b79178 .d86a31ab .cd04d0aa {
    cursor: pointer
}

.e3b79178 .d86a31ab .cd04d0aa .be634bd4 {
    cursor: pointer;
    height: 28px;
    margin-top: 5px;
    width: 28px
}

.e3b79178 .e9a85da5 {
    color: var(--primary-color);
    font-size: 16px;
    font-weight: var(--font-weight-bold);
    line-height: 24px;
    padding-bottom: 10px
}

.e3b79178 .e9a85da5 strong {
    border-left: solid var(--border-color);
    display: inline-block;
    margin-left: 10px;
    padding-left: 10px
}

.e3b79178 .c91c731b {
    padding: 8px 0
}

.e3b79178 .c91c731b, .e3b79178 .d3c36423 {
    color: var(--primary-color);
    font-size: 16px;
    font-weight: var(--font-weight-bold);
    line-height: 24px
}

.e3b79178 .d3c36423 {
    background: var(--border-color);
    border-radius: 4px;
    margin: 8px 0;
    padding: 2px 16px;
    text-align: center
}

.e3b79178 .dbd46da0 .a046e8ae {
    margin: 0
}

.e3b79178 .dbd46da0 .a046e8ae .c03792b8 {
    align-items: center;
    border-top: 1px solid var(--border-color);
    display: flex;
    justify-content: space-between;
    padding: 8px 0
}

.e3b79178 .dbd46da0 .a046e8ae .c03792b8 .f7e71b62 {
    color: var(--secondary-color);
    flex: 2;
    flex-basis: 40%;
    font-size: 16px;
    font-weight: var(--font-weight-bold);
    line-height: 24px;
    max-width: 40%
}

.e3b79178 .dbd46da0 .a046e8ae .c03792b8 .d73e5a69 {
    color: var(--primary-color);
    flex: 2;
    flex-basis: 45%;
    font-size: 16px;
    font-weight: var(--font-weight-bold);
    line-height: 24px;
    text-align: left
}

.e3b79178 .dbd46da0 .a046e8ae .c03792b8 .e8ad4416 {
    border: 1px solid var(--border-color);
    border-radius: 50%;
    display: block;
    height: 28px;
    overflow: hidden;
    width: 28px
}

.e3b79178 .dbd46da0 .a046e8ae .c03792b8:first-child {
    border-top: none
}

.e3b79178::-webkit-scrollbar {
    width: 6px
}

.e3b79178::-webkit-scrollbar-track {
    background: var(--background-color-main);
    border-radius: 50%
}

.e3b79178::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 8px
}

.e3b79178::-webkit-scrollbar-thumb:hover {
    background: #555
}

@media (max-width: 768px) {
    .e3b79178 .d86a31ab .db9d60db {
        display: none
    }

    .e3b79178 .d86a31ab .aeb7f0a7 {
        align-items: center;
        background: var(--header-footer-color);
        border: 1px solid #bebebe;
        border-radius: 50%;
        display: flex;
        height: 32px;
        justify-content: center;
        margin-right: 10px;
        width: 32px
    }

    .e3b79178 .d86a31ab .aeb7f0a7 .a294e34f {
        --foreground-color: var(--primary-color);
        display: block;
        height: 20px;
        width: 20px
    }

    .e3b79178 .d86a31ab .cd04d0aa {
        align-items: center;
        background: var(--header-footer-color);
        border: 1px solid #bebebe;
        border-radius: 50%;
        display: flex;
        height: 32px;
        justify-content: center;
        width: 32px
    }

    .e3b79178 .d86a31ab .cd04d0aa .be634bd4 {
        --foreground-color: var(--primary-color);
        height: 20px;
        margin-top: 0;
        width: 20px
    }
}

.cee957be .bd29e5b3 {
    border-bottom: 1px solid var(--border-color);
    padding: 8px 0
}

.cee957be .bd29e5b3 .bbe9bb6e {
    align-items: flex-start;
    display: flex
}

.cee957be .bd29e5b3 .bbe9bb6e .d5c772c4 {
    background: var(--background-color-main);
    border: 1px solid var(--border-color);
    margin-right: 12px;
    position: relative
}

.cee957be .bd29e5b3 .bbe9bb6e .d5c772c4, .cee957be .bd29e5b3 .bbe9bb6e .d5c772c4 .abbf07c3 {
    border-radius: 50%;
    height: 52px;
    width: 52px
}

.cee957be .bd29e5b3 .bbe9bb6e .d5c772c4 .bc9d4abd {
    background: var(--background-color-main);
    border: 1px solid var(--border-color);
    border-radius: 50%;
    bottom: 0;
    height: 20px;
    overflow: hidden;
    position: absolute;
    right: 0;
    width: 20px
}

.cee957be .bd29e5b3 .bbe9bb6e .d5c772c4 .bc9d4abd img {
    max-width: 100%
}

.cee957be .bd29e5b3 .bbe9bb6e .e143d956 {
    display: block;
    min-width: 160px
}

.cee957be .bd29e5b3 .bbe9bb6e .e143d956 .b1279ddb {
    color: var(--primary-color);
    display: block;
    font-size: 18px;
    font-weight: var(--font-weight-bold);
    line-height: 28px
}

.cee957be .bd29e5b3 .bbe9bb6e .e143d956 .a90dcbab span {
    border-left: solid var(--border-color);
    color: var(--secondary-color);
    font-size: 16px;
    font-weight: var(--font-weight-normal);
    line-height: 24px;
    padding: 0 10px
}

.cee957be .bd29e5b3 .bbe9bb6e .e5fd5ee5 {
    border-radius: 4px;
    font-size: 14px;
    font-weight: var(--font-weight-bold);
    line-height: 22px;
    margin-left: auto;
    padding: 0 8px
}

.cee957be .bd29e5b3 .b0be1262 {
    color: var(--primary-color);
    font-size: 16px;
    font-weight: var(--font-weight-normal);
    line-height: 28px;
    padding: 8px 0
}

.cee957be .bd29e5b3:last-child {
    border-bottom: none
}

.cee957be .c92c6fec {
    display: block;
    margin-top: 8px
}

.cee957be .c92c6fec ul {
    display: block;
    list-style: none
}

.cee957be .c92c6fec ul li {
    align-items: center;
    border-top: 1px solid var(--border-color);
    display: flex;
    justify-content: space-between;
    padding: 10px 0
}

.cee957be .c92c6fec ul li .ad936f50 {
    color: var(--secondary-color);
    flex: 1;
    font-size: 16px;
    font-weight: var(--font-weight-bold);
    line-height: 24px;
    min-width: 140px
}

.cee957be .c92c6fec ul li .f881220d {
    color: var(--primary-color);
    flex: 2;
    font-size: 16px;
    font-weight: var(--font-weight-bold);
    line-height: 24px
}

.a99fd6d1 {
    display: block;
    padding: 0
}

.a99fd6d1 .da077e65 {
    background: var(--border-color);
    border-radius: 4px;
    color: var(--primary-color);
    font-size: 16px;
    font-weight: var(--font-weight-bold);
    line-height: 24px;
    margin: 8px 0 0;
    padding: 2px 16px;
    text-align: center
}

.a99fd6d1 ul {
    display: block;
    list-style: none
}

.a99fd6d1 ul li {
    border-bottom: 1px solid var(--border-color);
    display: block;
    padding: 16px 0
}

.a99fd6d1 ul li a {
    display: flex;
    justify-content: space-between
}

.a99fd6d1 ul li a .f4afb9e1 {
    border: 1px solid var(--border-color);
    border-radius: 4px;
    height: 60px;
    margin-left: 12px;
    max-width: 80px;
    min-width: 80px;
    position: relative
}

.a99fd6d1 ul li a .f4afb9e1 img {
    border-radius: 4px;
    height: 100%;
    -o-object-fit: fill;
    object-fit: fill;
    width: 100%
}

.a99fd6d1 ul li a .f4afb9e1 .f44272c5 {
    --foreground-color: #fff;
    --background-color: #000;
    height: 20px;
    left: calc(50% - 10px);
    position: absolute;
    top: calc(50% - 10px);
    width: 20px;
    z-index: 2
}

.a99fd6d1 ul li a .f4afb9e1 span {
    background: rgba(0, 0, 0, .6);
    border-radius: 4px;
    bottom: 2px;
    color: #fff;
    font-size: 10px;
    font-weight: 500;
    line-height: 14px;
    padding: 2px 4px;
    position: absolute;
    right: 2px;
    text-align: center
}

.a99fd6d1 ul li a h3 {
    color: var(--primary-color);
    font-size: 16px;
    font-weight: var(--font-weight-bold);
    line-height: 24px
}

.a99fd6d1 ul li a h3 .e334c953 {
    align-items: center;
    display: inline-flex;
    position: relative
}

.a99fd6d1 ul li a h3 .e334c953 .ffd295b2 {
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: ffd295b2;
    animation-name: ffd295b2;
    background: #f44336;
    border-radius: 50%;
    display: block;
    height: 8px;
    left: -12px;
    position: absolute;
    top: 8px;
    width: 8px
}

.a99fd6d1 ul li a h3 .e334c953 .e8cd6dad {
    background: #f44336;
    border-radius: 4px;
    color: #fff;
    font-size: 12px;
    font-weight: var(--font-weight-bold);
    line-height: 18px;
    margin-left: 0;
    margin-right: 5px;
    padding: 2px 6px
}

@-webkit-keyframes ffd295b2 {
    50% {
        opacity: 0
    }
}

@keyframes ffd295b2 {
    50% {
        opacity: 0
    }
}

@media only screen and (max-width: 768px) {
    .a99fd6d1 ul li a h3 {
        font-size: 14px;
        line-height: 22px
    }
}

.db3f246c .f04ff930 {
    margin-top: var(--navbar-height)
}

.db3f246c .f04ff930 .a25407e6 {
    padding: 20px 20px 0
}

.db3f246c .f04ff930 .a25407e6 .d97d8d5b {
    font-family: var(--font-family);
    font-size: 24px;
    font-weight: var(--font-weight-bold);
    line-height: 36px;
    margin-top: 20px
}

@media only screen and (max-width: 768px) {
    .db3f246c {
        --navbar-height: var(--mobile-navbar-height, 96px)
    }

    .db3f246c .f04ff930 .a25407e6 {
        display: none !important
    }

    .db3f246c .f04ff930 .a25407e6 .d97d8d5b {
        font-size: 20px;
        line-height: 30px;
        margin-top: -5px;
        white-space: nowrap
    }
}

.fbf3bba7 {
    --foreground-color: var(--primary-color);
    background: var(--header-footer-color);
    border-top: 1px solid var(--tertiary-color);
    padding: 0 20px
}

.fbf3bba7 .fa3a510d {
    display: flex;
    margin: 0 auto;
    max-width: 1280px;
    padding-bottom: 24px
}

.fbf3bba7 .fa3a510d h2.d7eb06b4 {
    color: var(--primary-color);
    display: block;
    font-size: 14px;
    font-weight: var(--font-weight-bold);
    line-height: 22px;
    padding-bottom: 6px;
    padding-top: 16px
}

.fbf3bba7 .fa3a510d .feb0bab9 {
    display: block;
    flex: 0.7;
    padding: 20px;
}

.fbf3bba7 .fa3a510d ul li a {
    color: var(--text-color);
    display: block;
    font-size: 12px;
    line-height: 16px;
    margin-right: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.fbf3bba7 .fa3a510d .c5970c64 {
    display: block;
    flex: 0.5;
    padding: 20px;
}


.fbf3bba7 .dc018b7e {
    align-items: center;
    display: flex;
    margin: 0 auto;
    max-width: 1280px;
    padding: 20px 0
}

.fbf3bba7 .dc018b7e a {
    flex: 2
}

.fbf3bba7 .dc018b7e a .f12e92e3 {
    height: 48px;
    width: 140px
}

@media only screen and (max-width: 768px) {
    .fbf3bba7 {
        padding: 0 16px
    }

    .fbf3bba7 .fa3a510d {
        flex-direction: column
    }

    .fbf3bba7 .fa3a510d .feb0bab9 {
        display: block
    }

    .fbf3bba7 .fa3a510d .feb0bab9 li {
        max-width: 50%;
        min-width: 50%
    }

    .fbf3bba7 .fa3a510d .c5970c64 li {
        display: block;
        max-width: 50%;
        min-width: 50%
    }
}

.f6017535 .a265014a {
    border: 1px solid var(--border-color);
    border-radius: 50%;
    max-width: 32px
}

.f6017535 .e15dc5f0 {
    margin-top: var(--navbar-height);
    transition: margin .2s
}

.f6017535 .e15dc5f0 h1 {
    font-family: var(--font-family);
    font-size: 24px;
    font-weight: var(--font-weight-bold);
    line-height: 36px;
    margin-top: 20px;
    padding: 0 10px;
    position: relative;
    text-align: center;
    white-space: nowrap;
    width: 100%
}

.f6017535 .e15dc5f0 h1 span {
    background: var(--border-color) url(/assets/images/ic_arrow_down.b0a72377.svg) 88% 4px no-repeat;
    border-radius: 40px;
    color: var(--primary-color);
    cursor: pointer;
    display: block;
    font-size: 14px;
    line-height: 20px;
    padding: 6px 40px 6px 25px;
    position: absolute;
    right: 20px;
    top: 0
}

.f6017535 .e15dc5f0 .caf32161 {
    color: var(--primary-color);
    font-family: var(--font-family);
    font-size: 24px;
    font-weight: var(--font-weight-bold);
    line-height: 36px;
    margin-top: 20px;
    position: relative;
    text-align: center;
    white-space: nowrap;
    width: 100%
}

.f6017535 .dc0c1f73 {
    padding: 20px 20px 0
}

.f6017535 .c15b52c6 h1 {
    line-height: 36px;
    margin-top: 20px
}

.f6017535 .c15b52c6 h3, .f6017535 .c15b52c6 h4 {
    color: var(--text-color);
    font-size: 16px;
    font-weight: var(--font-weight-bold);
    margin-top: 20px
}

.f6017535 .c15b52c6 h4 {
    color: var(--primary-color)
}

.f6017535 .c15b52c6 .ba5f8fba {
    border-bottom: 1px solid var(--border-color);
    display: flex;
    justify-content: center
}

.f6017535 .c15b52c6 .ba5f8fba a {
    color: var(--text-color);
    cursor: pointer;
    font-size: 16px;
    font-weight: var(--font-weight-bold);
    margin-top: 20px;
    padding: 0 10px 10px
}

.f6017535 .c15b52c6 .ba5f8fba a.df205493 {
    border-bottom: 2px solid var(--primary-color);
    color: var(--primary-color)
}

.f6017535 .c15b52c6 .a1fb1284 {
    align-items: center;
    display: flex;
    flex-direction: column;
    text-align: center
}

.f6017535 .c15b52c6 .a1fb1284 img {
    border: 1px solid var(--border-color);
    border-radius: 50%;
    margin-top: 20px;
    max-width: 72px
}

.f6017535 .c15b52c6 .a1fb1284 h1, .f6017535 .c15b52c6 .a1fb1284 h2 {
    font-size: 24px;
    font-weight: var(--font-weight-bold);
    line-height: 36px;
    margin-top: 20px
}

.f6017535 .c15b52c6 .d68122f8 .baf7ae0c {
    text-align: center
}

.f6017535 .c15b52c6 .baf7ae0c, .f6017535 .c15b52c6 .df605a63 {
    font-family: var(--font-family);
    font-size: 24px;
    font-weight: var(--font-weight-bold);
    line-height: 36px;
    margin-top: 20px
}

.f6017535 .c15b52c6 .a6b3d8fe {
    font-size: 18px;
    line-height: 30px;
    padding: 20px
}

.f6017535 .c15b52c6 .a6b3d8fe p {
    padding: 5px 0
}

.f6017535 .c15b52c6 .a6b3d8fe br {
    height: 1px;
    padding-bottom: 100px;
    width: 100%
}

.f6017535 .c15b52c6 .e2607ad4 {
    align-items: center;
    border-bottom: 1px solid var(--border-color);
    display: flex;
    justify-content: center;
    margin: 20px auto auto;
    max-width: 300px;
    width: 300px
}

.f6017535 .c15b52c6 .e2607ad4 img {
    margin-right: 20px;
    max-width: 50px
}

.f6017535 .c15b52c6 .cebd88d4 {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.f6017535 .c15b52c6 .cebd88d4 ul.dbdbac35 {
    display: flex;
    justify-content: space-between;
    list-style: none;
    max-width: 400px;
    padding: 20px;
    width: 100%
}

.f6017535 .c15b52c6 .cebd88d4 ul.dbdbac35 li {
    border: 1px solid var(--secondary-common-color);
    border-radius: 50%;
    cursor: pointer;
    padding: 5px 10px
}

.f6017535 .c15b52c6 .cebd88d4 ul.dbdbac35 li.df205493 {
    background: var(--secondary-common-color);
    color: #fff
}

@media only screen and (max-width: 768px) {
    .f6017535 {
        --navbar-height: var(--mobile-navbar-height, 56px)
    }

    .dc0c1f73 {
        display: none
    }

    .aca57c67 {
        box-shadow: none
    }

    .a489e54b {
        --foreground-color: var(--text-color);
        margin-right: 5px;
        width: 24px
    }

    .ba5f8fba {
        box-shadow: 0 2px 2px rgba(0, 0, 0, .08)
    }

    .ba5f8fba a {
        text-align: center;
        width: 50%
    }

    .f6017535 .c15b52c6 .ba5f8fba a.df205493 {
        border-bottom-width: 1px
    }

    .f6017535 .c15b52c6 .a1fb1284 h1, .f6017535 .c15b52c6 .a1fb1284 h2 {
        font-size: 20px;
        line-height: 30px
    }

    .f6017535 .c15b52c6 .a1fb1284 h3, .f6017535 .c15b52c6 .a1fb1284 h4 {
        font-weight: var(--font-weight-normal)
    }

    .f6017535 .c15b52c6 .a1fb1284 h4 {
        font-size: 14px
    }

    .f6017535 .cebd88d4 .caf32161, .f6017535 .cebd88d4 .df605a63, .f6017535 .d68122f8 .baf7ae0c, .f6017535 .d68122f8 .caf32161 {
        font-size: 20px;
        line-height: 30px
    }

    .a6b3d8fe p {
        font-size: 16px;
        line-height: 28px
    }
}

.b1a70259 {
    justify-content: center;
    padding: 100px 32px
}

.b1a70259, .b1a70259 .f84b7ad6 {
    align-items: center;
    display: flex
}

.b1a70259 .f84b7ad6 {
    flex-direction: column;
    max-width: 360px;
    z-index: var(--z-index-2)
}

.b1a70259 .f84b7ad6 .dfa3a43a {
    border: 2px solid var(--border-color);
    border-radius: 20px;
    display: block;
    height: 96px;
    position: relative;
    width: 96px;
    z-index: var(--z-index-2)
}

.b1a70259 .f84b7ad6 .dfa3a43a .bce13573 {
    display: block;
    width: 93px
}

.b1a70259 .f84b7ad6 .b4bd74c9 {
    color: var(--primary-color);
    display: block;
    font-size: 24px;
    font-weight: var(--font-weight-bold);
    line-height: 36px;
    margin-top: 24px;
    text-align: center
}

.b1a70259 .f84b7ad6 .a872972b {
    background: var(--border-color);
    border-radius: 8px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-top: 36px;
    max-width: 310px;
    padding: 10px
}

.b1a70259 .f84b7ad6 .a872972b .df7e3eeb {
    background: #fff;
    height: 140px;
    padding: 4px;
    width: 140px
}

.b1a70259 .f84b7ad6 .a872972b .ad9b090b {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-left: 12px
}

.b1a70259 .f84b7ad6 .a872972b .ad9b090b .f8aed4f1 {
    color: var(--primary-color);
    font-size: 18px;
    font-weight: var(--font-weight-bold);
    line-height: normal;
    padding-bottom: 6px;
    text-align: center
}

.b1a70259 .f84b7ad6 .d41d7fc2 {
    background: var(--secondary-common-color);
    border: none;
    border-radius: 8px;
    color: var(--white-color);
    cursor: pointer;
    display: none;
    font-size: 18px;
    font-weight: 600;
    line-height: 28px;
    margin-top: 24px;
    padding: 10px 16px;
    text-align: center;
    width: 100%
}

@media only screen and (max-width: 768px) {
    .b1a70259 .b599a304 {
        height: 32px;
        right: 16px;
        top: 16px;
        width: 32px
    }

    .b1a70259 .f84b7ad6 {
        max-width: 100%;
        min-width: 320px
    }

    .b1a70259 .f84b7ad6 .dfa3a43a {
        background: var(--background-color-main);
        height: 83px;
        width: 84px
    }

    .b1a70259 .f84b7ad6 .dfa3a43a .bce13573 {
        display: block;
        width: 80px
    }

    .b1a70259 .f84b7ad6 .b4bd74c9 {
        font-size: 18px;
        line-height: 28px;
        margin-top: 16px
    }

    .b1a70259 .f84b7ad6 .a872972b {
        display: none
    }

    .b1a70259 .f84b7ad6 .d41d7fc2 {
        display: block
    }
}

.fb24f9d5 {
    --match-card-color: #000;
    --match-card-light-color: var(--text-color);
    --match-card-status-color: var(--text-color)
}

.fb24f9d5 .bea67aa4 {
    margin-top: var(--navbar-height)
}

.fb24f9d5.beefab15 {
    margin-top: var(--navbar-heigh, 56px)
}

.fb24f9d5 .a0e825b5 {
    padding: 20px 20px 0
}

.fb24f9d5 .a0e825b5 .e6eb1a5f {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin: 10px 0
}

.fb24f9d5 .a0e825b5 .e6eb1a5f h1 {
    font-family: var(--font-family);
    font-size: 24px;
    font-weight: var(--font-weight-bold);
    line-height: 36px;
    margin-top: 0
}

.e7b2f59d {
    background: var(--background-color-main, #fff);
    border-bottom: 1px solid var(--border-color);
    margin-bottom: 20px;
    padding-bottom: 10px;
    position: sticky;
    top: var(--navbar-height);
    z-index: var(--z-index-1)
}

.c162dffd {
    display: none
}

@media only screen and (max-width: 768px) {
    .fb24f9d5 {
        --navbar-height: var(--mobile-navbar-height, 96px);
        display: block
    }

    .fb24f9d5 .a0e825b5 {
        padding: 20px 16px 0
    }

    .fb24f9d5 .a0e825b5 .e6eb1a5f h1 {
        font-size: 20px;
        line-height: 30px;
        margin-top: -5px
    }

    .fb24f9d5 .a0e825b5 .e6eb1a5f .d0a0fed1, .fb24f9d5 .a0e825b5 .e6eb1a5f ul, .fb24f9d5 .a0e825b5.d85fe49c {
        display: none
    }

    .fb24f9d5.beefab15 {
        --navbar-height: var(--mobile-navbar-height, 56px)
    }

    .e7b2f59d {
        background: var(--header-footer-color);
        margin-bottom: 10px
    }

    .d85fe49c {
        display: none
    }

    .c162dffd {
        display: block;
        font-size: 20px;
        font-weight: var(--font-weight-bold);
        line-height: 30px;
        padding: 0 16px
    }
}

.a45a3338 .fb60b69a {
    margin-left: auto;
    margin-right: auto;
    max-width: 800px;
    padding: 20px 20px 0
}

.a45a3338 .fb60b69a h1 {
    font-family: var(--font-family);
    font-size: 24px;
    font-weight: var(--font-weight-bold);
    line-height: 36px;
    margin-top: 0;
    text-align: center
}

@media only screen and (max-width: 768px) {
    .a45a3338 .fb60b69a {
        padding: 16px
    }

    .a45a3338 .fb60b69a h1 {
        text-align: left
    }
}

.b8a39b82 h2 {
    color: var(--primary-color);
    font-size: 30px;
    font-weight: 700;
    line-height: 44px;
    margin-bottom: 2px;
    text-align: center
}

.b8a39b82 h3 {
    font-size: 24px;
    font-weight: 600;
    line-height: 36px;
    margin-bottom: 12px;
    margin-top: 12px
}

.b8a39b82 h3 a {
    color: var(--primary-color);
    text-decoration: none
}

.b8a39b82 h3 a:hover {
    color: var(--secondary-common-color)
}

.b8a39b82 .e246cbc6 {
    display: flex;
    flex-direction: column;
    list-style-type: none
}

.b8a39b82 .e246cbc6 .cb4be616 {
    margin-bottom: 12px
}

.b8a39b82 .e246cbc6 .cb4be616 .fc8a020a {
    color: var(--primary-color);
    font-size: 18px;
    font-weight: 600;
    line-height: 26px;
    text-decoration: none
}

.b8a39b82 .e246cbc6 .cb4be616 .fc8a020a:hover {
    color: var(--secondary-common-color)
}

.b8a39b82 .e246cbc6 .b17d50ce {
    background-color: var(--header-footer-color);
    border: 1px solid var(--tertiary-color);
    border-radius: 8px;
    margin-bottom: 12px;
    padding: 12px 16px;
    width: 100%
}

.b8a39b82 .e246cbc6 .b17d50ce .d2d37729 {
    display: flex;
    flex-wrap: wrap;
    gap: 2px 16px
}

.b8a39b82 .e246cbc6 .b17d50ce .d2d37729 .a146b39d {
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.b8a39b82 .e246cbc6 .b17d50ce .d2d37729 .a146b39d .fe57e8cf {
    color: var(--primary-color);
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    text-decoration: none
}

.b8a39b82 .e246cbc6 .b17d50ce .d2d37729 .a146b39d .fe57e8cf:hover {
    color: var(--secondary-common-color)
}

.b8a39b82 .b3a1f1be {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 25px;
    list-style-type: none;
    margin-bottom: 16px;
    padding: 0
}

.b8a39b82 .b3a1f1be .f690b1af {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    min-width: 168px
}

.b8a39b82 .b3a1f1be .f690b1af .d9a1acf2 {
    color: var(--primary-color);
    font-size: 18px;
    font-weight: 600;
    line-height: 26px;
    text-decoration: none
}

.b8a39b82 .b3a1f1be .f690b1af .d9a1acf2:hover {
    color: var(--secondary-common-color)
}

.b8a39b82 .f971c07a {
    border: .5px solid var(--tertiary-color);
    color: var(--tertiary-color)
}

@media only screen and (max-width: 768px) {
    .b8a39b82 h2 {
        font-size: 22px;
        text-align: center
    }

    .b8a39b82 h2, .b8a39b82 h3 {
        font-weight: 600;
        line-height: 30px
    }

    .b8a39b82 h3 {
        font-size: 20px
    }

    .b8a39b82 .e246cbc6 .cb4be616 {
        margin-bottom: 12px
    }

    .b8a39b82 .e246cbc6 .cb4be616 .fc8a020a {
        font-size: 16px;
        font-weight: 600;
        line-height: 24px
    }

    .b8a39b82 .e246cbc6 .b17d50ce .d2d37729 .a146b39d .fe57e8cf {
        font-size: 16px;
        font-weight: 400;
        line-height: 24px
    }

    .b8a39b82 .b3a1f1be {
        margin-bottom: 12px
    }

    .b8a39b82 .b3a1f1be .f690b1af {
        min-width: 140px
    }

    .b8a39b82 .b3a1f1be .f690b1af .d9a1acf2 {
        font-size: 16px;
        font-weight: 600;
        line-height: 24px
    }
}

.d8cc1949 .f20f2937 {
    margin-top: var(--navbar-height)
}

.fb68df9a {
    margin: 0 auto;
    max-width: 1000px;
    padding-top: 1px;
    width: 100%
}

.e6f0cc7d {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-top: 24px
}

.e6f0cc7d li {
    border: 1px solid var(--border-color);
    border-radius: 4px;
    cursor: pointer;
    margin: 0 11px 24px;
    max-width: 224px;
    min-height: 380px;
    min-width: 224px;
    overflow: hidden;
    position: relative;
    transition: all .3s
}

.e6f0cc7d li .ec61cbe2 {
    display: block
}

.e6f0cc7d li .ec61cbe2:after {
    background: linear-gradient(180deg, rgba(0, 0, 0, .1) 34.9%, rgba(0, 0, 0, .9) 70.83%, rgba(0, 0, 0, .79));
    content: "";
    display: block;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    transition: all .3s;
    width: 100%
}

.e6f0cc7d li:hover .ec61cbe2:after {
    background: linear-gradient(180deg, transparent 34.9%, rgba(0, 0, 0, .9) 70.83%, rgba(0, 0, 0, .79));
    transition: all .3s
}

.e6f0cc7d li .ec61cbe2 figure {
    display: block;
    line-height: 0px
}

.e6f0cc7d li .ec61cbe2 .e536afdf {
    bottom: 0;
    color: var(--white-color);
    font-size: 14px;
    left: 0;
    line-height: 20px;
    padding: 16px 16px 12px;
    position: absolute;
    text-shadow: 0 4px 4px rgba(0, 0, 0, .25);
    z-index: var(--z-index-2)
}

.e6f0cc7d li .ef624bc1 {
    align-items: center;
    background: rgba(0, 0, 0, .6);
    border: 1px solid rgba(0, 0, 0, .6);
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    height: 46px;
    justify-content: center;
    left: 50%;
    margin: -24px;
    position: absolute;
    top: 50%;
    width: 46px
}

.e6f0cc7d li:hover .ef624bc1 {
    border: 1px solid hsla(0, 0%, 100%, .9)
}

.e6f0cc7d li .ef624bc1 span.b6a37929 {
    border-bottom: 9px solid transparent;
    border-left: 16px solid var(--white-color);
    border-radius: 2px;
    border-top: 9px solid transparent;
    display: block;
    height: 0;
    margin-left: 2px;
    position: relative;
    transition: all .3s;
    width: 0;
    z-index: var(--z-index-1)
}

.e6f0cc7d li .a41eef56 {
    color: var(--tertiary-color);
    display: flex;
    font-size: 12px;
    line-height: 18px;
    margin: 8px 0 0
}

@media only screen and (max-width: 768px) {
    .d8cc1949 {
        --navbar-height: 56px;
        background-image: linear-gradient(rgba(0, 0, 0, .6), #000);
        min-height: 100vh
    }

    .f20f2937 {
        --navbar-height: 0px
    }

    .fb68df9a {
        display: none
    }

    .aa21e94a, .e347331c {
        --foreground-color: var(--white-color);
        background: transparent;
        box-shadow: none
    }

    .e347331c {
        border-top: 1px solid hsla(0, 0%, 100%, .133)
    }
}

.b434fabd .f049b166 {
    margin-top: var(--navbar-height);
    transition: margin .2s
}

.b434fabd .efdf7dbb {
    height: 0;
    position: sticky;
    top: 95px;
    z-index: var(--z-index-2)
}

.b434fabd .bf64dc76 {
    counter-reset: pointercounter;
    display: block;
    padding: 20px;
    position: relative
}

.b434fabd .bf64dc76 iframe {
    max-width: 100% !important
}

.b434fabd .a88a1c42, .b434fabd .cc188a1f {
    display: block
}

.b434fabd .a88a1c42 h1 {
    color: var(--primary-color);
    display: block;
    font-size: 24px;
    font-weight: var(--font-weight-bold);
    line-height: 36px;
    margin-top: 20px;
    word-break: break-word
}

.b434fabd .a88a1c42 h1 .c599c552 {
    color: var(--secondary-common-color);
    padding-right: 5px
}

.b434fabd .d1172d9b {
    align-items: center;
    background: var(--background-color-main);
    display: flex;
    margin-top: 10px;
    padding: 0;
    z-index: var(--z-index-1)
}

.b434fabd .d1172d9b ul {
    display: flex;
    justify-content: flex-end;
    width: 60%
}

.b434fabd .d1172d9b ul li {
    display: block;
    margin-left: 5px
}

.b434fabd .d1172d9b ul li a {
    background-color: rgba(126, 144, 160, .08);
    border-radius: 50%;
    display: block;
    height: 40px;
    text-indent: -9999px;
    width: 40px
}

.b434fabd .d1172d9b .edd8d071 {
    width: 40%
}

.b434fabd .edd8d071 span {
    color: var(--primary-color);
    display: inline-block;
    font-size: 14px;
    font-weight: var(--font-weight-bold);
    line-height: 16px
}

.b434fabd .edd8d071 span.c49a6b85 {
    color: var(--text-color)
}

.b434fabd .edd8d071 span.b96cf284 {
    display: block;
    margin-top: 10px
}

.b434fabd .edd8d071 span.e81caeeb {
    padding-right: 20px
}

.b434fabd .b36654ad {
    display: flex;
    flex-direction: row
}

.b434fabd .b36654ad .cc71687c {
    height: 18px;
    margin: 12px 8px 0 0;
    width: 24px
}

.b434fabd .b36654ad .e73fc018 {
    align-self: flex-end;
    height: 18px;
    margin: 0 0 12px 8px;
    transform: rotate(180deg);
    width: 24px
}

.b434fabd .f3e032cb {
    background: var(--border-color);
    border: 1px solid var(--border-color);
    border-radius: 4px;
    display: block;
    margin: 10px 0;
    min-height: 150px;
    overflow: hidden;
    position: relative
}

.b434fabd .f3e032cb, .b434fabd .f3e032cb img, .b434fabd video {
    display: block;
    height: auto;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

.b434fabd .f3e032cb span {
    background: rgba(0, 0, 0, .6);
    border-radius: 4px;
    bottom: 8px;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    margin-left: 2px;
    padding: 0 4px;
    position: absolute;
    right: 8px
}

.b434fabd .f46ba790 {
    display: block;
    margin: 5px 0;
    text-align: center
}

.b434fabd .f46ba790 span {
    color: var(--text-color);
    font-size: 14px;
    text-align: center
}

.b434fabd .f5e1d774 {
    border-bottom: 1px solid var(--border-color);
    display: block;
    margin: 0;
    padding: 0 0 10px
}

.b434fabd .fe1b7d06 {
    display: flex;
    justify-content: center;
    margin: 10px auto;
    max-width: 400px
}

.b434fabd .f5e1d774 .d7ef6cb6 {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0
}

.b434fabd .f5e1d774 ol.d7ef6cb6 {
    counter-reset: od-list
}

.b434fabd .f5e1d774 .d7ef6cb6 li {
    color: var(--primary-color);
    display: block;
    font-size: 18px;
    line-height: 30px;
    margin: 10px 0 0;
    padding: 0 0 0 20px;
    position: relative
}

.b434fabd video {
    min-height: 150px
}

.b434fabd .f5e1d774 .d7ef6cb6 li:before {
    background: var(--primary-color);
    border-radius: 50%;
    content: "";
    display: block;
    height: 8px;
    left: 0;
    position: absolute;
    top: 11px;
    width: 8px
}

.b434fabd .f5e1d774 ol.d7ef6cb6 li:before {
    content: counter(od-list) ". ";
    counter-increment: od-list;
    height: 0;
    text-align: right;
    top: 0;
    width: 25px
}

.b434fabd .f5e1d774 ol.d7ef6cb6 li {
    padding-left: 32px
}

.b434fabd .bf64dc76 h3 {
    font-size: 20px;
    font-weight: var(--font-weight-bold)
}

.b434fabd .bf64dc76 h3, .b434fabd .bf64dc76 p {
    color: var(--primary-color);
    line-height: 30px;
    margin: 10px 0
}

.b434fabd .bf64dc76 p {
    font-size: 18px
}

.b434fabd .bf64dc76 i, .b434fabd .bf64dc76 strong {
    word-wrap: break-word
}

.b434fabd .daf9159e {
    font-size: 18px;
    line-height: 30px
}

.b434fabd .dc00a75b {
    font-size: 22px;
    line-height: 34px
}

.b434fabd .fc38530a {
    font-size: 26px;
    line-height: 38px
}

.b434fabd .cfd92a7d {
    font-size: 30px;
    line-height: 42px
}

.b434fabd .bb3fa197 {
    font-size: 34px;
    line-height: 44px
}

.b434fabd .bf64dc76 table {
    margin: 10px 0;
    text-align: left;
    white-space: normal;
    width: 100% !important;
    word-break: break-all
}

.b434fabd .bf64dc76 table td, .b434fabd .bf64dc76 table th {
    word-wrap: break-word;
    font-size: 18px;
    line-height: 30px;
    padding: 8px
}

.b434fabd .bf64dc76 table ul {
    margin-left: 20px
}

.b434fabd .a330ff56 {
    --foreground-color: #fff;
    --background-color: #000;
    left: calc(50% - 30px);
    pointer-events: none;
    position: absolute;
    top: calc(50% - 30px);
    width: 60px
}

.b434fabd .cda600a0 {
    border: 4px solid var(--border-color);
    margin: 0 -20px 24px
}

.b434fabd .c4fb714d {
    min-height: 70px
}

.b434fabd .a5993508 {
    display: none
}

.b434fabd .d5b6eea4 {
    display: flex;
    justify-content: flex-start;
    padding: 10px 0
}

.b434fabd .d5b6eea4 h4 {
    color: var(--primary-color);
    display: block;
    font-size: 16px;
    font-weight: var(--font-weight-bold);
    line-height: 20px;
    padding-right: 5px
}

.b434fabd .d5b6eea4 ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: 0;
    padding: 0
}

.b434fabd .d5b6eea4 ul li {
    align-items: center;
    color: var(--primary-color);
    display: flex;
    justify-content: flex-start;
    margin-right: 5px
}

.b434fabd .d5b6eea4 ul li a {
    color: #3564c9;
    display: block;
    font-size: 16px;
    font-weight: var(--font-weight-bold);
    line-height: 20px
}

.b434fabd .d5b6eea4 ul li a:hover {
    text-decoration: underline
}

.b434fabd .d5b6eea4 ul li:last-child span {
    display: none
}

@media only screen and (max-width: 768px) {
    .b434fabd {
        --navbar-height: var(--mobile-navbar-height, 56px)
    }

    .b434fabd .efdf7dbb {
        top: calc(var(--mobile-navbar-height, 56px) + 20px)
    }

    .b434fabd .f049b166 {
        position: relative
    }

    .b434fabd .b36654ad .cc71687c {
        height: 12px;
        margin: 16px 6px 0 0;
        width: 16px
    }

    .b434fabd .b36654ad .e73fc018 {
        height: 12px;
        margin: 0 0 16px 6px;
        width: 16px
    }

    .b434fabd .bf64dc76 {
        padding: 15px
    }

    .b434fabd .cc188a1f, .b434fabd .d1172d9b ul {
        display: none
    }

    .b434fabd .d1172d9b .edd8d071 {
        width: 100%
    }

    .b434fabd .edd8d071 span.b96cf284 {
        display: block;
        float: right;
        margin-top: 0
    }

    .b434fabd .a88a1c42 h1 {
        display: block;
        font-size: 20px;
        line-height: 30px;
        margin-top: 0
    }

    .b434fabd .bf64dc76 p, .b434fabd .daf9159e, .b434fabd .f5e1d774 .d7ef6cb6 li {
        font-size: 16px;
        line-height: 28px
    }

    .b434fabd .dc00a75b {
        font-size: 20px;
        line-height: 32px
    }

    .b434fabd .fc38530a {
        font-size: 24px;
        line-height: 36px
    }

    .b434fabd .cfd92a7d {
        font-size: 28px;
        line-height: 40px
    }

    .b434fabd .bb3fa197 {
        font-size: 32px;
        line-height: 42px
    }

    .b434fabd .f5e1d774 .d7ef6cb6 li:before {
        height: 6px;
        left: 0;
        top: 11px;
        width: 6px
    }

    .b434fabd .bf64dc76 h3 {
        font-size: 16px;
        line-height: 24px
    }

    .b434fabd .bf64dc76 table td, .b434fabd .bf64dc76 table th {
        font-size: 16px;
        line-height: 28px;
        padding: 5px
    }

    .b434fabd .d1172d9b {
        position: inherit;
        top: 0
    }

    .b434fabd .cda600a0 {
        margin: 0 -15px 24px
    }

    .b434fabd .d5b6eea4 h4, .b434fabd .d5b6eea4 ul li a {
        font-size: 14px;
        line-height: 20px
    }
}

.a0a8c070 {
    display: block;
    margin: 0 -15px
}

.a0a8c070 .e8c0a4b7 {
    color: var(--text-color);
    display: block;
    font-size: 24px;
    font-weight: var(--font-weight-bold);
    line-height: 36px;
    margin: 0;
    padding: 0 15px
}

@media only screen and (max-width: 768px) {
    .a0a8c070 .e8c0a4b7 {
        font-size: 20px;
        line-height: 30px
    }
}

.e4765a8e {
    display: block;
    margin: 0 -20px;
    overflow: hidden;
    position: relative
}

.e4765a8e .aa2629c1 {
    background: var(--background-color-main);
    border: 1px solid var(--tertiary-color);
    box-shadow: -1px 0 4px rgba(0, 0, 0, .3);
    color: var(--black-white-color);
    cursor: pointer;
    height: 36px;
    position: absolute;
    top: calc(50% - 29px);
    transform: translateY(-50%);
    width: 36px;
    z-index: 2
}

.e4765a8e .aa2629c1 span {
    height: 14px;
    width: 8px
}

.e4765a8e .c9a80edb {
    border-left: 0;
    border-radius: 0 8px 8px 0;
    box-shadow: 0 0 4px rgba(0, 0, 0, .3);
    left: 0
}

.e4765a8e .c9a80edb .c5f4f3ac {
    --foreground-color: var(--primary-color);
    margin-right: 5px;
    transform: rotate(90deg);
    width: 28px
}

.e4765a8e .b3ca0a91 {
    border-radius: 8px 0 0 8px;
    border-right: 0;
    right: 0
}

.e4765a8e .b3ca0a91 .cad5ef88 {
    --foreground-color: var(--primary-color);
    margin-left: 5px;
    transform: rotate(-90deg);
    width: 28px
}

.e4765a8e .bf781463 {
    padding-bottom: 75%;
    position: relative;
    width: 100%
}

.e4765a8e .bf781463 figure {
    background: var(--border-color);
    border-radius: 4px;
    cursor: pointer;
    display: block;
    height: 100%;
    left: 0;
    margin-top: 12px;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%
}

.e4765a8e .bf781463 figure img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center top;
    object-position: center top;
    width: 100%
}

.e4765a8e .bf781463 figure ol {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0
}

.e4765a8e .bf781463 figure ol li {
    color: var(--primary-color);
    font-size: 14px;
    font-weight: var(--font-weight-bold);
    line-height: 22px;
    margin: 16px 0 0;
    padding: 0 0 0 10px;
    position: relative
}

.e4765a8e .bf781463 figure ol li:before {
    background: var(--primary-color);
    border-radius: 50%;
    content: "";
    display: block;
    height: 4px;
    left: 0;
    position: absolute;
    top: 10px;
    width: 4px
}

.e4765a8e .bf781463 figure h3.b1bcf434 {
    text-align: center
}

.e4765a8e .bf781463 figure h3.b1bcf434 span {
    display: block;
    position: relative;
    text-align: center
}

.e4765a8e .bf781463 figure h3.b1bcf434 span strong {
    display: block;
    height: 2px;
    margin: 8px auto;
    width: 72px
}

.e4765a8e .bf781463 .b07c7627 {
    --foreground-color: #fff;
    --background-color: #000;
    cursor: pointer;
    height: 64px;
    left: calc(50% - 32px);
    position: absolute;
    top: calc(50% - 32px);
    width: 64px;
    z-index: 2
}

.e4765a8e .bf781463 .ca806486 {
    background: rgba(0, 0, 0, .6);
    border-radius: 4px;
    bottom: 8px;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    margin-left: 2px;
    padding: 0 4px;
    position: absolute;
    right: 8px
}

.e4765a8e .d58dd3de {
    list-style: none;
    -o-object-fit: fill;
    object-fit: fill;
    transition: transform .5s
}

.e4765a8e .d58dd3de .c84b9a7c {
    display: flex;
    flex-direction: row;
    list-style-type: none;
    transition: transform .5s
}

.e4765a8e .d58dd3de .c84b9a7c .dc8bd1fa {
    border-radius: 0;
    flex: 0 0 100%;
    list-style-type: none;
    position: relative;
    width: 100%
}

.e4765a8e .d58dd3de .c84b9a7c .dc8bd1fa .d13aad22 {
    display: block;
    height: 270px;
    width: 100%
}

.e4765a8e .b284a3de {
    background: var(--header-footer-color);
    border-bottom: 1px solid var(--border-color);
    padding: 24px 20px 12px;
    text-align: center
}

.e4765a8e .b284a3de .ada643bf {
    color: var(--secondary-color);
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    max-width: 100%;
    min-height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.e4765a8e .ca9e537e .d2fd0545 {
    background: rgba(0, 0, 0, .6);
    border-radius: 12px;
    color: var(--white-color);
    font-size: 12px;
    line-height: 18px;
    padding: 1px 8px;
    position: absolute;
    right: 8px;
    top: 20px
}

.e4765a8e .ca9e537e .d2fd0545 .e6badbf1 {
    font-weight: 700
}

.f008eaef {
    align-items: center;
    display: flex;
    justify-content: center;
    margin: 12px auto 16px;
    position: relative;
    transition: transform .3s
}

.f008eaef .ba2cfc7b {
    background-color: var(--tertiary-color);
    border: none;
    border-radius: 50%;
    height: 8px;
    margin: 0 4px;
    outline: none;
    transition: transform .3s, background-color .5s, height .3s, width .3s, opacity .3s;
    width: 8px
}

.f008eaef .ba2cfc7b.a48bb9b4 {
    background-color: var(--secondary-common-color);
    border-radius: 50%
}

.f008eaef .a46495e3, .f008eaef .ba2cfc7b.a48bb9b4 {
    height: 8px;
    opacity: 1;
    width: 8px
}

.f008eaef .d460a437 {
    height: 6px;
    opacity: .8;
    width: 6px
}

.f008eaef .d51aa39f {
    height: 4px;
    opacity: .6;
    width: 4px
}

@media only screen and (max-width: 768px) {
    .e4765a8e .aa2629c1 {
        display: none
    }

    .e4765a8e .b284a3de {
        background: var(--header-footer-color);
        border-bottom: 1px solid var(--border-color)
    }

    .e4765a8e .b284a3de .ada643bf {
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        max-width: 100%;
        white-space: normal
    }

    .a1dd065e {
        margin: 0 -15px
    }

    .f008eaef {
        margin: 12px auto 8px
    }
}

.ddb849c5 {
    background: var(--background-color-main);
    border-radius: 8px;
    display: flex;
    justify-content: center;
    padding: 0 40px 40px;
    position: relative
}

.ddb849c5 .e7d20167 {
    background: linear-gradient(180deg, var(--background-color-main) 74.8%, var(--overlay-locked-shadow) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(74.8%, var(--background-color-main)), color-stop(100%, var(--overlay-locked-shadow)));
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: -120px;
    transform: rotate(-180deg);
    width: 100%;
    z-index: var(--z-index-1)
}

.ddb849c5 .d736cb4f {
    width: 100%;
    z-index: var(--z-index-2)
}

.ddb849c5 .d736cb4f, .ddb849c5 .d736cb4f .e0552d99 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative
}

.ddb849c5 .d736cb4f .e0552d99 {
    align-items: center;
    height: 40px
}

.ddb849c5 .d736cb4f .e0552d99 hr {
    border: none;
    border-top: 1px dotted var(--tertiary-color);
    width: 100%
}

.ddb849c5 .d736cb4f .e0552d99 .cb0ad10e {
    align-items: center;
    background: var(--background-color-main);
    height: 32px;
    justify-content: center;
    padding: 4px 1px;
    position: absolute;
    width: 32px
}

.ddb849c5 .d736cb4f .c85c24fb {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 24px
}

.ddb849c5 .d736cb4f .c85c24fb .ae8683bb {
    max-width: 280px
}

.ddb849c5 .d736cb4f .c85c24fb .f38c99ec {
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
    margin-top: 24px;
    text-align: center
}

.ddb849c5 .d736cb4f .c85c24fb .f38c99ec span {
    display: inline-block;
    padding-right: 4px
}

.ddb849c5 .d736cb4f .c85c24fb .f628d734 {
    background: var(--border-color);
    border-radius: 8px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-top: 24px;
    max-width: 248px;
    padding: 12px
}

.ddb849c5 .d736cb4f .c85c24fb .f628d734 .b7cd5402 {
    background: #fff;
    padding: 4px
}

.ddb849c5 .d736cb4f .c85c24fb .f628d734 .f1a9e223 {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-left: 12px
}

.ddb849c5 .d736cb4f .c85c24fb .f628d734 .f1a9e223 .f1367f7c {
    font-size: 12px;
    font-weight: 600;
    line-height: normal;
    text-align: center
}

.ddb849c5 .d736cb4f .d1da552e {
    display: none
}

.ddb849c5 .d736cb4f .ff940840 {
    color: var(--secondary-color);
    font-size: 14px;
    font-weight: 600;
    line-height: 22px;
    text-align: center
}

.ddb849c5 .d736cb4f .ff940840 .d4ef1a0d {
    color: var(--secondary-common-color);
    text-decoration-line: underline
}

@media (max-width: 768px) {
    .ddb849c5 {
        padding: 0 9px 16px
    }

    .ddb849c5 .e7d20167 {
        top: -110px
    }

    .ddb849c5 .d736cb4f {
        width: 100%
    }

    .ddb849c5 .d736cb4f .c85c24fb .f628d734 {
        display: none
    }

    .ddb849c5 .d736cb4f .c85c24fb .f38c99ec span {
        display: block
    }

    .ddb849c5 .d736cb4f .d1da552e {
        background: var(--secondary-common-color);
        border: none;
        border-radius: 8px;
        color: var(--white-color);
        display: block;
        font-size: 14px;
        font-weight: 700;
        line-height: 22px;
        padding: 11px;
        text-align: center;
        width: 100%
    }

    .ddb849c5 .d736cb4f .ff940840 {
        margin-top: 24px
    }
}

.bf681ca5 {
    background: var(--background-color-main);
    border-radius: 8px;
    display: flex;
    justify-content: center;
    padding: 0 40px 40px;
    position: relative
}

.bf681ca5 .adafbb3a {
    background: linear-gradient(180deg, var(--background-color-main) 74.8%, var(--overlay-locked-shadow) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(74.8%, var(--background-color-main)), color-stop(100%, var(--overlay-locked-shadow)));
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: -120px;
    transform: rotate(-180deg);
    width: 100%;
    z-index: var(--z-index-1)
}

@media (max-width: 768px) {
    .bf681ca5 {
        padding: 0 9px 16px
    }

    .bf681ca5 .adafbb3a {
        top: -110px
    }
}

.d614f7df {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    width: 100%;
    z-index: var(--z-index-2)
}

.d614f7df .f020d9e6 {
    margin-bottom: 24px;
    width: 40px
}

.d614f7df .a72167fb {
    margin-bottom: 8px
}

.d614f7df .a72167fb, .d614f7df .cf4add1b {
    color: var(--primary-color);
    font-size: 24px;
    font-weight: var(--font-weight-bold);
    line-height: 36px;
    text-align: center
}

.d614f7df .cf4add1b {
    margin-bottom: 28px
}

.d614f7df .ac24ae3c {
    color: var(--primary-color);
    font-size: 20px;
    font-weight: var(--font-weight-normal);
    line-height: 30px;
    margin-bottom: 28px;
    text-align: center
}

.d614f7df .bc97c9db {
    background: var(--secondary-common-color);
    border: none;
    border-radius: 8px;
    color: var(--white-color);
    margin-bottom: 16px;
    max-width: 100%
}

.d614f7df .a7280f34, .d614f7df .bc97c9db {
    cursor: pointer;
    font-size: 20px;
    font-weight: var(--font-weight-bold);
    height: 56px;
    line-height: 30px;
    width: 400px
}

.d614f7df .a7280f34 {
    background: transparent;
    border: 2px solid var(--secondary-common-color);
    border-radius: 8px;
    color: var(--secondary-common-color)
}

@media (max-width: 768px) {
    .d614f7df {
        min-width: 312px;
        width: 100%
    }

    .d614f7df .f020d9e6 {
        width: 32px
    }

    .d614f7df .a72167fb {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 8px
    }

    .d614f7df .cf4add1b {
        color: var(--primary-color);
        font-size: 20px;
        font-weight: var(--font-weight-bold);
        line-height: 30px;
        margin-bottom: 28px;
        text-align: center
    }

    .d614f7df .ac24ae3c {
        font-size: 16px;
        line-height: 28px;
        margin-bottom: 24px
    }

    .d614f7df .bc97c9db {
        color: var(--white-color)
    }

    .d614f7df .a7280f34, .d614f7df .bc97c9db {
        font-size: 16px;
        height: 48px;
        line-height: 24px;
        width: 100%
    }

    .d614f7df .a7280f34 {
        color: var(--secondary-common-color)
    }
}

.e266c1cc {
    align-items: center;
    display: flex;
    justify-content: center;
    position: fixed;
    z-index: var(--z-index-6)
}

.e266c1cc, .e266c1cc .e388190a {
    height: 100%;
    left: 0;
    top: 0;
    width: 100%
}

.e266c1cc .e388190a {
    display: block;
    position: absolute;
    z-index: var(--z-index-2)
}

.e266c1cc .bf36ecac {
    align-items: center;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    height: 40px;
    justify-content: center;
    position: absolute;
    right: 28px;
    top: 28px;
    width: 40px;
    z-index: var(--z-index-3)
}

.e266c1cc .c9a3db05 {
    display: none
}

@media (max-width: 768px) {
    .e266c1cc .bf36ecac {
        display: none;
        height: 26px;
        padding-bottom: 8px;
        width: 26px
    }

    .e266c1cc .bf36ecac div {
        align-items: center;
        display: flex;
        height: 11px;
        width: 11px
    }

    .e266c1cc .c9a3db05 {
        align-items: center;
        cursor: pointer;
        display: flex;
        justify-content: center;
        left: 16px;
        position: absolute;
        top: 16px;
        z-index: var(--z-index-3)
    }

    .e266c1cc .c9a3db05, .e266c1cc .c9a3db05 .b3be782f {
        height: 24px;
        width: 24px
    }

    .d240f2a8 {
        margin: 24px;
        width: 100%
    }
}

.b5b79811 {
    margin-top: 16px
}

.b5b79811 .bd394eec {
    background: var(--border-color);
    border: none;
    height: 1px;
    margin-bottom: 16px;
    width: 100%
}

.b5719124 {
    cursor: pointer;
    display: flex;
    justify-content: center
}

.b5719124 .e9f061c9 {
    align-items: center;
    background: #ff8400;
    border-radius: 50px;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .08);
    color: #fff;
    display: flex;
    font-size: 16px;
    font-weight: var(--font-weight-bold);
    line-height: 24px;
    padding: 10px 12px
}

.b5719124 .e9f061c9 .c1fbcf11 {
    align-content: center;
    background-color: #000;
    border-radius: 50%;
    display: flex;
    height: 28px;
    justify-content: center;
    margin-right: 8px;
    padding: 2px 8px;
    width: 28px
}

.b5719124 .e9f061c9 .a9af79e1 {
    height: 20px;
    margin-left: 4px;
    width: 20px
}

@media only screen and (max-width: 768px) {
    .b5719124 .e9f061c9 {
        border-radius: 40px;
        font-size: 14px;
        line-height: 22px
    }

    .b5719124 .e9f061c9 .c1fbcf11 {
        height: 24px;
        margin-right: 6px;
        padding: 1px 8px;
        width: 24px
    }
}

.d31625f9 {
    border-top: 1px solid var(--border-color);
    padding-top: 16px
}

.d31625f9 .af59fc20 {
    color: var(--primary-color);
    font-size: 24px;
    font-weight: var(--font-weight-bold);
    line-height: 36px;
    margin-bottom: 4px
}

.d31625f9 .d2656f9b:before {
    background-image: linear-gradient(to bottom, var(--tertiary-color) 50%, transparent 50%);
    background-repeat: repeat-y;
    background-size: 1px 10px;
    bottom: -36px;
    content: "";
    left: 6px;
    position: absolute;
    top: 28px;
    width: 1px
}

.d31625f9 .d2656f9b:last-child:before {
    bottom: 0
}

.d31625f9 .d2656f9b.f64c241d {
    background: rgba(248, 156, 29, .12);
    margin: 0 -20px;
    padding: 0 20px
}

.d31625f9 .d2656f9b.f64c241d .a0c94eeb {
    background: var(--text-color);
    border-radius: 50%;
    height: 12px;
    position: absolute;
    top: 26px;
    width: 12px
}

.d31625f9 .d2656f9b.f64c241d:before {
    left: 26px
}

.d31625f9 .d2656f9b {
    position: relative
}

.d31625f9 .d2656f9b .a0c94eeb {
    background: var(--text-color);
    border-radius: 50%;
    height: 12px;
    position: absolute;
    top: 26px;
    width: 12px
}

.d31625f9 .d2656f9b .a0c94eeb.a66c15e4 {
    background: #f44336
}

.d31625f9 .d2656f9b .dd677d39 {
    margin-left: 20px;
    padding: 16px 0
}

.d31625f9 .d2656f9b .dd677d39 .f6a91157 {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 8px
}

.d31625f9 .d2656f9b .dd677d39 .f6a91157 .e8c091d2 {
    color: var(--text-color);
    font-size: 16px;
    font-weight: var(--font-weight-bold);
    line-height: 24px
}

.d31625f9 .d2656f9b .dd677d39 .f6a91157 .e8c091d2.a66c15e4 {
    color: #f44336
}

.d31625f9 .d2656f9b .dd677d39 .f6a91157 .bb785805 li {
    background-size: 20px;
    height: 28px;
    width: 28px
}

.d31625f9 .d2656f9b .dd677d39 .f6a91157 .f919f167 {
    display: none
}

.d31625f9 .d2656f9b .dd677d39 .a64bafc8 {
    color: var(--primary-color);
    font-size: 18px;
    font-weight: var(--font-weight-bold);
    line-height: 30px;
    margin-bottom: 12px
}

.d31625f9 .d2656f9b .dd677d39 .a105db28 a, .d31625f9 .d2656f9b .dd677d39 .a105db28 li a {
    text-decoration: underline
}

.d31625f9 .d2656f9b .d7fc4a84:after {
    clear: both;
    content: "";
    display: table
}

@media only screen and (max-width: 768px) {
    .d31625f9 .af59fc20 {
        font-size: 20px;
        font-weight: var(--font-weight-bold);
        line-height: 30px
    }

    .d31625f9 .d2656f9b:before {
        left: 5px
    }

    .d31625f9 .d2656f9b.f64c241d {
        margin: 0 -15px;
        padding: 0 15px
    }

    .d31625f9 .d2656f9b.f64c241d .a0c94eeb {
        height: 10px;
        top: 22px;
        width: 10px
    }

    .d31625f9 .d2656f9b.f64c241d:before {
        left: 20px
    }

    .d31625f9 .d2656f9b .a0c94eeb {
        height: 10px;
        top: 22px;
        width: 10px
    }

    .d31625f9 .d2656f9b .dd677d39 .a64bafc8 {
        font-size: 18px;
        font-weight: var(--font-weight-bold);
        line-height: 30px
    }

    .d31625f9 .d2656f9b .dd677d39 .f6a91157 .e8c091d2 {
        font-size: 14px;
        line-height: 22px
    }

    .d31625f9 .d2656f9b .dd677d39 .f6a91157 .bb785805 {
        display: none
    }

    .d31625f9 .d2656f9b .dd677d39 .f6a91157 .f919f167 {
        align-items: center;
        color: var(--text-color);
        display: flex;
        font-weight: var(--font-weight-bold);
        height: 18px;
        margin-bottom: 0;
        text-align: right
    }

    .d31625f9 .d2656f9b .dd677d39 .f6a91157 .f919f167 .daebf978 {
        background: url(/assets/images/whatsapp.icon.ccad40c8.svg) 50% no-repeat;
        background-size: 36px;
        height: 36px;
        width: 36px
    }

    .d31625f9 .d2656f9b .dd677d39 .f6a91157 .f919f167 .fa1f0487 {
        color: #818181;
        font-size: 18px
    }
}

.f7bd83ab {
    border-top: 1px solid var(--border-color);
    padding: 16px 0
}

.f7bd83ab .e73c33e4 {
    color: var(--primary-color);
    font-size: 24px;
    font-weight: 600;
    line-height: 36px
}

.f7bd83ab .abb50a1e a, .f7bd83ab .abb50a1e li a {
    text-decoration: underline
}

@media only screen and (max-width: 768px) {
    .f7bd83ab .e73c33e4 {
        font-size: 20px;
        font-weight: 600;
        line-height: 30px
    }
}

.eea00180 .c86edeff {
    --match-card-color: var(--black-white-color);
    --match-card-light-color: hsla(0, 0%, 100%, .7);
    --match-card-status-color: #fff;
    --foreground-color: #fff
}

.eea00180 .d1a614f4 {
    background: linear-gradient(96.14deg, #3ea2ff 13.43%, #482fde 86.03%);
    border-radius: 4px;
    display: none;
    margin: 10px;
    padding: 5px 10px
}

.eea00180 .a2d31c0c {
    --match-card-color: var(--black-white-color);
    --match-card-light-color: var(--text-color);
    --match-card-status-color: var(--text-color)
}

.eea00180 .df89d18b {
    margin-top: 0px;
}

.eea00180 .df89d18b .c84fe997 {
    top: var(--navbar-height)
}

.eea00180 .dfd6a972 {
    padding: 20px 20px 0
}

.eea00180 .b6d4d86a {
    background: var(--header-footer-color);
    border: 1px solid var(--border-color);
    border-radius: 4px;
    margin: 12px 10px 2px;
    width: calc(100% - 20px)
}

@media only screen and (max-width: 768px) {
    .eea00180 {
        --navbar-height: var(--mobile-navbar-height, 96px)
    }

    .eea00180 .c86edeff .d1a614f4 {
        display: block
    }

    .eea00180 .dfd6a972 {
        display: block;
        padding: 20px 16px 0
    }
}

.e3ddcaac {
    align-items: center;
    display: flex;
    justify-content: space-between;
    position: relative
}

.e3ddcaac .ba383eae, .e3ddcaac .f2db7a26 {
    display: none
}

.c0a316f9 {
    font-family: var(--font-family);
    font-size: 24px;
    font-weight: var(--font-weight-bold);
    line-height: 36px;
    margin-top: 20px
}

.e3ddcaac.d8d2830a {
    height: 48px
}

.e3ddcaac.d8d2830a strong {
    align-items: center;
    display: flex;
    position: relative;
    z-index: var(--z-index-1)
}

.e3ddcaac.d8d2830a .ae630a3a {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.e3ddcaac.d8d2830a .ae630a3a img {
    display: block;
    max-height: 48px;
    width: 100%
}

.e3ddcaac.d8d2830a .ae630a3a img.dedb5e79 {
    display: block
}

.e3ddcaac.d8d2830a .ae630a3a img.f2db7a26 {
    display: none
}

@media only screen and (max-width: 768px) {
    .e3ddcaac .ba383eae, .e3ddcaac .f2db7a26 {
        display: flex
    }

    .c0a316f9 {
        font-size: 20px;
        line-height: 30px;
        margin-top: -5px;
        white-space: nowrap
    }

    .e3ddcaac.d8d2830a {
        height: 30px
    }

    .e3ddcaac.d8d2830a .ae630a3a img {
        max-height: 30px
    }

    .e3ddcaac.d8d2830a .ae630a3a img.dedb5e79 {
        display: none
    }

    .e3ddcaac.d8d2830a .ae630a3a img.f2db7a26 {
        display: block
    }

    .dedb5e79 {
        display: none
    }

    .c43a9d24 {
        --foreground-color: #3e9e3e;
        align-items: center;
        display: flex;
        max-height: 36px
    }

    .c43a9d24 span {
        color: var(--foreground-color);
        font-size: 14px;
        line-height: 22px
    }
}

.b5737ab9 {
    justify-content: space-evenly;
    width: 100%
}

.b5737ab9, .b5737ab9 .fb13e27c {
    align-items: center;
    display: flex
}

.b5737ab9 .fb13e27c {
    cursor: pointer;
    justify-content: center;
    padding: 12px
}

.b5737ab9 .fb13e27c .ba3e71aa {
    color: var(--secondary-color);
    font-size: 9px;
    font-style: normal;
    font-weight: 400;
    line-height: 10px;
    margin-right: 10px
}

.b5737ab9 .fb13e27c .d515de1f {
    height: 30px
}

.b5737ab9 .e0fe26f2 {
    align-items: center;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    padding: 6px
}

.b5737ab9 .e0fe26f2 .d3b2a9eb {
    height: 30px
}

.b5737ab9 .e0fe26f2 .e3406db9 {
    color: var(--secondary-color);
    font-size: 9px;
    font-style: normal;
    font-weight: 400;
    line-height: 10px;
    margin-bottom: 3px
}

.b5737ab9 .ba1cd8ce {
    background-color: var(--border-color);
    height: 24px;
    width: 1px
}

.ad6bc113 {
    box-sizing: border-box;
    min-height: 67px;
    width: 100%;
    z-index: var(--z-index-3)
}

.ad6bc113 .a41ad059 {
    align-items: center;
    background: var(--background-color-main);
    border-bottom: 1px solid var(--border-color);
    box-sizing: border-box;
    display: flex;
    flex-wrap: nowrap;
    padding: 12px 10px 12px 20px;
    transition: transform .3s ease-in-out
}

.ad6bc113 .a41ad059 .b3f29358 {
    align-items: center;
    display: flex;
    justify-content: space-between;
    position: relative
}

.ad6bc113 .a41ad059 .b3f29358 strong {
    background: linear-gradient(90deg, var(--background-color-main) 10%, hsla(0, 0%, 100%, 0) 100%);
    display: block;
    height: 36px;
    position: absolute;
    right: -14px;
    top: -10px;
    width: 20px;
    z-index: var(--z-index-2)
}

.ad6bc113 .a41ad059 .b3f29358 .c2b263cc {
    color: #f44336;
    display: block;
    font-size: 14px;
    font-weight: var(--font-weight-bold);
    line-height: 18px;
    overflow: hidden;
    padding-right: 8px;
    position: relative;
    text-overflow: ellipsis;
    text-transform: capitalize;
    white-space: nowrap;
    z-index: var(--z-index-2)
}

.ad6bc113 .a41ad059 .b3f29358 .f34f8b9e, .ad6bc113 .a41ad059 .c7f1afaf {
    --foreground-color: var(--text-color);
    cursor: pointer;
    display: block;
    height: 36px;
    position: relative;
    width: 36px
}

.ad6bc113 .a41ad059 .c7f1afaf {
    margin-left: auto;
    margin-top: -5px
}

.ad6bc113 .a41ad059 .c7f1afaf.d54723de, .ad6bc113 .a41ad059 .f34f8b9e.d54723de {
    display: none
}

.ad6bc113 .a41ad059 .ce295b7a {
    -ms-overflow-style: none;
    align-items: center;
    display: flex;
    justify-content: space-between;
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative
}

.ad6bc113 .a41ad059 .ce295b7a li {
    display: block;
    white-space: nowrap
}

.ad6bc113 .a41ad059 .ce295b7a li a {
    align-items: center;
    border: 1px solid var(--border-color);
    border-radius: 99px;
    color: white;
    display: flex;
    font-size: 16px;
    font-weight: 600;
    justify-content: space-between;
    line-height: 20px;
    margin: 0 6px;
    padding: 5px 4px 5px 16px;
    background-color: #4db2ec !important
}

.ad6bc113 .a41ad059 .ce295b7a li a .e6f5b85f {
    --foreground-color: var(--text-color);
    height: 30px;
    transform: rotate(-180deg);
    width: 30px
}

.ad6bc113 .a41ad059 .ce295b7a li a:hover {
    background: hsla(0, 0%, 50%, .08)
}

.ad6bc113 .a41ad059 .ce295b7a::-webkit-scrollbar {
    display: none
}

.ad6bc113.adcac97c {
    position: sticky
}

.ad6bc113.c302c1d0 {
    display: none
}

@media only screen and (max-width: 768px) {
    .ad6bc113 {
        min-height: 56px
    }

    .ad6bc113 .a41ad059 {
        padding: 12px 0 12px 16px
    }

    .ad6bc113 .a41ad059 .b3f29358 .f34f8b9e, .ad6bc113 .a41ad059 .c7f1afaf {
        display: none
    }

    .ad6bc113 .a41ad059 .ce295b7a li a {
        font-size: 14px;
        line-height: 18px;
        padding: 2px 0 2px 16px
    }

    .ad6bc113 .a41ad059 .ce295b7a li a .e6f5b85f {
        height: 28px;
        width: 28px
    }
}

.ba89d53c .fba00ed0 {
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding: 16px 10px
}

.ba89d53c .d41f57b6 {
    flex-basis: calc(33.33% - 20px);
    margin: 10px
}

.ba89d53c .e66cca60 {
    color: var(--text-color);
    display: block;
    font-size: 16px;
    line-height: 24px;
    margin-top: 4px
}

.ba89d53c .e66cca60:hover {
    text-decoration: underline
}

.ba89d53c .f52b90af {
    margin-top: 16px
}

@media only screen and (max-width: 768px) {
    .ba89d53c .fba00ed0 {
        justify-content: space-between;
        padding: 12px 8px
    }

    .ba89d53c .d41f57b6 {
        flex-basis: calc(50% - 16px);
        margin: 8px
    }

    .ba89d53c .e66cca60 {
        font-size: 14px;
        line-height: 22px
    }

    .ba89d53c .f52b90af {
        margin-top: 0
    }
}

.fba25787 {
    border-bottom: 1px solid var(--border-color);
    display: block;
    padding: 0 20px
}

.fba25787 .d4406261 {
    display: flex
}

.fba25787 .de70d921 {
    align-items: flex-start;
    display: flex
}

.fba25787 .de70d921 .bc5e882d {
    align-items: center;
    display: flex;
    min-height: 68px;
    min-width: 68px
}

.fba25787 .de70d921 .bc5e882d .d42b8243 {
    border-radius: 50%;
    height: 68px;
    width: 68px
}

.fba25787 .de70d921 .ec475eb8 {
    display: block;
    margin-left: 12px;
    width: 100%
}

.fba25787 .de70d921 .ec475eb8 .d44bba80 {
    align-items: center;
    color: var(--primary-color);
    display: flex;
    font-size: 24px;
    font-weight: var(--font-weight-bold);
    justify-content: space-between;
    line-height: 36px;
    margin-bottom: 4px
}

.fba25787 .de70d921 .ec475eb8 .dba77523 {
    color: var(--primary-color);
    display: block;
    font-size: 18px;
    line-height: 28px
}

.fba25787 .c5635e81 {
    align-items: center;
    background: hsla(0, 0%, 50%, .12);
    border: 1px dashed gray;
    border-radius: 4px;
    color: var(--primary-color);
    display: flex;
    font-size: 14px;
    justify-content: center;
    line-height: 22px;
    margin: 16px 0 20px;
    padding: 8px 16px
}

.fba25787 .c5635e81 .e5114f97 {
    --foreground-color: var(--primary-color);
    height: 24px;
    margin-right: 7px;
    width: 24px
}

.fba25787 .c5635e81 .e5114f97 .fec82393 {
    margin-top: 1px;
    width: 24px
}

.fba25787 .c5635e81 .e9c637e0 {
    display: block
}

.fba25787 .c5635e81 .e9c637e0 p {
    display: inline
}

@media (max-width: 768px) {
    .fba25787 {
        padding: 0 16px
    }

    .fba25787 .d4406261 {
        display: none
    }

    .fba25787 .de70d921 .bc5e882d {
        min-height: 64px;
        min-width: 64px
    }

    .fba25787 .de70d921 .bc5e882d .d42b8243 {
        height: 64px;
        width: 64px
    }

    .fba25787 .de70d921 .ec475eb8 .d44bba80 {
        font-size: 20px;
        line-height: 30px
    }

    .fba25787 .de70d921 .ec475eb8 .dba77523 {
        font-size: 16px;
        line-height: 28px
    }

    .fba25787 .c5635e81 {
        font-size: 14px;
        line-height: 22px;
        margin: 12px 0 16px;
        padding: 7px 16px
    }

    .fba25787 .c5635e81 .e5114f97 {
        height: 20px;
        margin-right: 4px;
        width: 20px
    }

    .fba25787 .c5635e81 .e5114f97 .fec82393 {
        width: 20px
    }
}

.e0841154 {
    --title-height: 20px;
    background: #2b2b2b;
    display: block;
    height: 100%;
    width: 100%;
    z-index: var(--z-index-2)
}

.e0841154 ::-moz-selection {
    background: transparent
}

.e0841154 ::selection {
    background: transparent
}

.e0841154 .a3db62ed {
    height: calc(100vh - var(--title-height))
}

.e0841154 .d13b94ac {
    padding-top: var(--title-height)
}

@media (max-width: 768px) {
    .e0841154 .a3db62ed {
        height: 100vh
    }

    .e0841154 .d13b94ac {
        padding-top: 0
    }

    .e0841154 .b9fc21e4 {
        display: none
    }
}

.f9032950 {
    align-items: center;
    display: block;
    display: flex;
    justify-content: center;
    width: 100%
}

.f9032950 h2 {
    color: var(--white-color);
    display: block;
    font-size: 16px;
    font-weight: var(--font-weight-bold);
    line-height: 24px;
    padding: 16px;
    text-align: center
}

.f9032950 h2 span {
    color: #0f86f5;
    display: inline-block;
    padding-right: 5px
}

.ecba5365 {
    display: block;
    position: absolute;
    right: 24px;
    top: 50%;
    transform: translateY(-50%)
}

.ecba5365 .dbf0c352 {
    align-items: center;
    background: hsla(0, 0%, 100%, .8);
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    height: 48px;
    justify-content: center;
    margin-bottom: 20px;
    transform: rotate(90deg);
    width: 48px
}

.ecba5365 .dbf0c352 .cc62dae5 {
    --foreground-color: var(--black-color);
    height: 24px;
    width: 24px
}

.ecba5365 .a6471a84 {
    align-items: center;
    background: hsla(0, 0%, 100%, .8);
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    height: 48px;
    justify-content: center;
    transform: rotate(-90deg);
    width: 48px
}

.ecba5365 .a6471a84 .cc62dae5 {
    --foreground-color: var(--black-color);
    height: 24px;
    width: 24px
}

.ecba5365 .c32d8c56 {
    background: hsla(0, 0%, 100%, .302);
    cursor: none;
    pointer-events: none
}

.ecba5365 .a6471a84:hover, .ecba5365 .dbf0c352:hover {
    background: hsla(0, 0%, 100%, .8);
    background: #fff
}

@media (max-width: 768px) {
    .ecba5365 {
        display: none
    }
}

.e63198cd .b598a92a {
    flex-grow: 1
}

.e63198cd .d821b830 {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 150px
}

.e63198cd .ca765b3b {
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    background: rgba(0, 0, 0, .7);
    height: 100%;
    left: 0;
    padding: 24px;
    position: absolute;
    top: 0
}

.e63198cd .c781a155 {
    left: calc(50% - 50px);
    position: absolute;
    top: 50%
}

.e63198cd .eaf5bb67 {
    left: calc(50% - 35px);
    position: absolute;
    top: calc(50% - 35px)
}

.e63198cd .d80f03c9 {
    display: inline-block;
    padding: 10px 0 0 16px
}

.e63198cd .d80f03c9 .f651f248 {
    align-items: center;
    display: inline-flex
}

.e63198cd .d80f03c9 .f651f248 .c67ab103 {
    align-items: center;
    background: var(--white-color);
    border-radius: 50%;
    display: flex;
    height: 32px;
    justify-content: center;
    margin-right: 10px;
    padding: 5px;
    width: 32px
}

.e63198cd .d80f03c9 .f651f248 .c67ab103 img {
    display: block
}

.e63198cd .d80f03c9 .f651f248 .d508b0e6 {
    align-items: center;
    background: rgba(0, 0, 0, .5);
    border: 1px solid hsla(0, 0%, 100%, .5);
    border-radius: 32px;
    color: var(--white-color);
    display: flex;
    font-size: 14px;
    font-weight: var(--font-weight-bold);
    justify-content: center;
    line-height: 18px;
    padding: 4px 2px 4px 12px;
    text-shadow: 0 0 4px rgba(0, 0, 0, .4)
}

.e63198cd .d80f03c9 .f651f248 .d508b0e6 .af14a4f3 {
    --foreground-color: var(--white-color);
    background: transparent;
    border: none;
    cursor: pointer;
    height: 16px;
    margin-left: 2px;
    transform: rotate(270deg);
    width: 16px
}

.e63198cd .d80f03c9 .f651f248 .f403e2c3 {
    background: #ff8400;
    border-radius: 4px;
    box-shadow: 0 0 2px rgba(0, 0, 0, .16);
    color: var(--white-color);
    font-size: 12px;
    font-weight: var(--font-weight-bold);
    line-height: 16px;
    margin-left: 10px;
    padding: 4px 8px
}

.e63198cd .d80f03c9 .f651f248 .d508b0e6::-moz-selection {
    background: transparent
}

.e63198cd .d80f03c9 .f651f248 .d508b0e6::selection {
    background: transparent
}

.ea7cbcd8 {
    align-items: flex-end;
    border-radius: 8px;
    display: flex;
    height: 100%;
    justify-content: center;
    margin: 0 auto;
    max-height: 100%;
    overflow: hidden;
    position: relative
}

.ea7cbcd8 ::-moz-selection {
    background: transparent
}

.ea7cbcd8 ::selection {
    background: transparent
}

.ea7cbcd8 .d71c551d {
    left: 16px;
    margin-right: -50px;
    position: relative;
    z-index: var(--z-index-4)
}

.ea7cbcd8 .f75b1dd9 {
    aspect-ratio: .5625;
    border-radius: 8px;
    height: 100%;
    overflow: hidden;
    position: relative
}

.ea7cbcd8 .c42e3f94 {
    background: linear-gradient(180deg, transparent, transparent 65%, rgba(0, 0, 0, .5));
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: var(--z-index-2)
}

.ea7cbcd8 .d1d2c381 {
    border-radius: 8px;
    height: 100%
}

.ea7cbcd8 .d1d2c381 .e7f89bce {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

@media (max-width: 768px) {
    .ea7cbcd8 {
        border-radius: 0;
        height: 100%;
        max-width: 100%;
        width: 100%
    }

    .ea7cbcd8 .d71c551d {
        bottom: 100px;
        left: auto;
        margin-right: 0;
        position: absolute;
        right: 12px
    }

    .ea7cbcd8 .f75b1dd9 {
        border-radius: 0;
        height: 100%;
        max-width: 100%;
        width: 100%
    }

    .ea7cbcd8 .f75b1dd9 .d1d2c381 {
        border-radius: 0
    }
}

.fab3c1db {
    display: inline-flex;
    flex-direction: column;
    min-height: 94px;
    padding: 0 16px;
    width: 100%
}

.fab3c1db, .fab3c1db .b77c47e8 {
    align-items: center;
    justify-content: center
}

.fab3c1db .b77c47e8 {
    display: flex
}

.fab3c1db .b190ca3e {
    --background-color: transparent;
    --foreground-color: #fff;
    position: relative
}

.fab3c1db .b190ca3e .e3de4627 {
    height: 30px;
    min-width: 30px;
    width: 30px
}

.fab3c1db .f6b548a1 {
    cursor: pointer;
    position: relative
}

.fab3c1db .f6b548a1 .bcb1b5e4 {
    color: var(--foreground-color);
    font-size: 9px;
    position: absolute;
    top: calc(50% - 8px)
}

.fab3c1db .f6b548a1 .bcb1b5e4::-moz-selection {
    background: transparent
}

.fab3c1db .f6b548a1 .bcb1b5e4::selection {
    background: transparent
}

.fab3c1db .cd6132cd {
    --foreground-color: #fff;
    width: 100%
}

.fab3c1db .cd6132cd .b45339f4 {
    color: var(--foreground-color);
    font-size: 12px;
    padding: 0
}

.fab3c1db .cd6132cd .b9826eae {
    flex-grow: 1;
    height: 30px;
    margin: 0 8px;
    position: relative
}

.fab3c1db .cd6132cd .b9826eae .aa6349cf {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff;
    height: 2px;
    outline: none;
    width: 100%
}

.fab3c1db .cd6132cd .b9826eae .aa6349cf::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    background: #fff;
    border-radius: 50%;
    cursor: pointer;
    height: 14px;
    width: 14px
}

.fab3c1db .cd6132cd .b9826eae .da8287ce {
    background-color: #ff8400;
    height: 2px;
    max-width: 95%;
    pointer-events: none;
    position: relative;
    top: -6px;
    width: 0
}

.fab3c1db .e7eb8b61 {
    justify-content: space-between;
    min-height: 48px;
    width: 100%
}

.fab3c1db .e7eb8b61 .ace1c2db {
    color: var(--foreground-color);
    font-size: 12px;
    left: 30px;
    line-height: 18px;
    margin-top: 3px;
    min-width: 30px;
    position: absolute
}

.d921914e {
    --foreground-color: #fff
}

.d921914e .afdebb4b {
    display: block;
    padding-bottom: 16px
}

.d921914e .d0c70710 {
    display: none
}

.d921914e .a422e295 {
    display: flex;
    flex-direction: column
}

.d921914e .a422e295 li {
    background: #000;
    margin-top: 35px;
    position: relative
}

.d921914e .a422e295 li strong {
    bottom: -20px;
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    left: 50%;
    line-height: 18px;
    position: absolute;
    text-align: center;
    text-shadow: 0 0 2px rgba(0, 0, 0, .4), 0 0 2px rgba(0, 0, 0, .2);
    transform: translateX(-50%);
    width: 50px
}

.d921914e .a422e295 li:hover span {
    display: none
}

@media (max-width: 768px) {
    .d921914e .afdebb4b {
        display: none
    }

    .d921914e .d0c70710 {
        display: block;
        text-align: center
    }

    .d921914e .d0c70710 strong {
        color: #fff;
        font-size: 12px;
        line-height: 18px;
        text-shadow: 0 0 2px rgba(0, 0, 0, .4)
    }

    .d921914e .d0c70710 span {
        align-items: center;
        background: rgba(0, 0, 0, .502);
        border-radius: 50%;
        display: flex;
        height: 40px;
        justify-content: center;
        padding: 5px;
        width: 40px
    }

    .d921914e .d0c70710 span img {
        display: block
    }
}

.a99658e8 {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: backwards;
    animation-fill-mode: backwards;
    color: var(--white-color);
    font-size: 30px;
    font-weight: 700;
    opacity: 0;
    text-align: center;
    width: 100px
}

.a99658e8.a5091d77 {
    -webkit-animation-name: ca5cf521;
    animation-name: ca5cf521
}

.a99658e8.d20d5011 {
    -webkit-animation-name: c4d2640f;
    animation-name: c4d2640f
}

@-webkit-keyframes ca5cf521 {
    0% {
        opacity: 1
    }
    50% {
        left: calc(50% + 50px);
        opacity: 1
    }
    to {
        left: calc(50% + 50px);
        opacity: 0
    }
}

@keyframes ca5cf521 {
    0% {
        opacity: 1
    }
    50% {
        left: calc(50% + 50px);
        opacity: 1
    }
    to {
        left: calc(50% + 50px);
        opacity: 0
    }
}

@-webkit-keyframes c4d2640f {
    0% {
        opacity: 1
    }
    50% {
        left: calc(50% - 150px);
        opacity: 1
    }
    to {
        left: calc(50% - 150px);
        opacity: 0
    }
}

@keyframes c4d2640f {
    0% {
        opacity: 1
    }
    50% {
        left: calc(50% - 150px);
        opacity: 1
    }
    to {
        left: calc(50% - 150px);
        opacity: 0
    }
}

.c072f78b {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: backwards;
    animation-fill-mode: backwards;
    opacity: 0;
    pointer-events: none
}

.c072f78b .f3e0906f {
    --foreground-color: #fff;
    --background-color: transparent;
    background-color: rgba(0, 0, 0, .5);
    border: none;
    border-radius: 50%;
    height: 70px;
    min-width: 70px;
    width: 70px
}

.c072f78b .b6a7ecc5 {
    padding: 0
}

.c072f78b .edfcbed4 {
    padding: 18px
}

.c072f78b.caaccc12 {
    -webkit-animation-name: b196d5e4;
    animation-name: b196d5e4
}

.c072f78b.ea81c89b {
    -webkit-animation-name: c06988a1;
    animation-name: c06988a1
}

@-webkit-keyframes b196d5e4 {
    0% {
        opacity: 1
    }
    50% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes b196d5e4 {
    0% {
        opacity: 1
    }
    50% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@-webkit-keyframes c06988a1 {
    0% {
        opacity: 1
    }
    50% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes c06988a1 {
    0% {
        opacity: 1
    }
    50% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

.bd37ea4a {
    background: #2b2b2b;
    flex-direction: column;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%
}

.bd37ea4a, .bd37ea4a .fc2dcc55 {
    align-items: center;
    display: flex;
    justify-content: center
}

.bd37ea4a .fc2dcc55 {
    border: 4px solid #8bc66f;
    border-radius: 50%;
    height: 52px;
    margin: 0 auto;
    width: 52px
}

.bd37ea4a .fc2dcc55 .d5203179 {
    display: block;
    height: 24px;
    width: 24px
}

.bd37ea4a .cd234c18 {
    color: var(--tertiary-color);
    display: block;
    font-size: 20px;
    line-height: 30px;
    margin-top: 20px
}

.ac0745a9 .edb050bd {
    align-items: center;
    background: var(--secondary-common-color);
    border-radius: 8px;
    bottom: 10px;
    color: var(--white-color);
    display: flex;
    font-size: 16px;
    font-weight: 600;
    height: 40px;
    justify-content: center;
    left: 10px;
    line-height: 24px;
    margin: auto;
    position: absolute;
    width: calc(100% - 20px);
    z-index: var(--z-index-2)
}

.ac0745a9 .e69927c6 {
    align-items: center;
    display: flex;
    height: 100%;
    width: 100%
}

.ac0745a9 .e69927c6 .b062d211 {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

@media (max-width: 768px) {
    .ac0745a9 .c2ff168f {
        bottom: 74px
    }

    .ac0745a9 .edb050bd {
        bottom: 16px;
        left: 16px;
        width: calc(100% - 32px)
    }
}

.e1c3f5df {
    display: block
}

.e1c3f5df .d756a690 {
    font-size: 18px;
    font-weight: 600;
    line-height: 26px;
    margin: 16px 0
}

.e1c3f5df .f7d87c2b {
    margin-left: auto;
    margin-right: auto;
    max-width: 800px;
    padding: 20px 20px 0
}

.e1c3f5df .f7d87c2b h1 {
    color: var(--primary-color);
    font-size: 30px;
    font-weight: 700;
    line-height: 44px;
    margin-bottom: 2px;
    text-align: center
}

.e1c3f5df .f7d87c2b h2 {
    font-size: 24px;
    font-weight: 600;
    line-height: 36px;
    margin-bottom: 12px;
    margin-top: 12px
}

.e1c3f5df .f7d87c2b .a789cf93 h3, .e1c3f5df .f7d87c2b h2 a {
    color: var(--primary-color);
    text-decoration: none
}

.e1c3f5df .f7d87c2b .a789cf93 h3 {
    font-size: 18px;
    font-weight: 600;
    line-height: 26px;
    margin-bottom: 12px
}

.e1c3f5df .f7d87c2b .a789cf93 h3 a {
    color: var(--primary-color);
    text-decoration: none
}

.e1c3f5df .f7d87c2b .a789cf93 h3 a:hover {
    color: var(--secondary-common-color)
}

.e1c3f5df .f7d87c2b .a789cf93 ul {
    background-color: var(--header-footer-color);
    border: 1px solid var(--tertiary-color);
    border-radius: 8px;
    display: flex;
    flex-wrap: wrap;
    gap: 2px 16px;
    margin-bottom: 12px;
    padding: 12px 16px;
    width: 100%
}

.e1c3f5df .f7d87c2b .a789cf93 ul li {
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.e1c3f5df .f7d87c2b .a789cf93 ul li a {
    color: var(--primary-color);
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    text-decoration: none
}

.e1c3f5df .f7d87c2b .a789cf93 ul li a:hover {
    color: var(--secondary-common-color)
}

@media only screen and (max-width: 768px) {
    .e1c3f5df {
        display: block
    }

    .e1c3f5df .f7d87c2b {
        width: 100%
    }

    .e1c3f5df .f7d87c2b h1 {
        font-size: 30px;
        line-height: 44px
    }

    .e1c3f5df .f7d87c2b h2 {
        font-size: 20px;
        font-weight: 600;
        line-height: 30px
    }

    .e1c3f5df .f7d87c2b .a789cf93 h3 {
        font-size: 16px;
        font-weight: 600;
        line-height: 24px
    }

    .e1c3f5df .f7d87c2b .a789cf93 ul li a {
        font-size: 16px;
        font-weight: 400;
        line-height: 24px
    }
}

.d0acf223 {
    display: block
}

.d0acf223 .a9510961 {
    margin-top: var(--navbar-height);
    transition: margin .2s
}

.d0acf223 .a9510961 .e2e10a43 {
    padding: 20px 20px 0
}

.d0acf223 .a9510961 .e2e10a43 .d6737dbd {
    font-family: var(--font-family);
    font-size: 24px;
    font-weight: var(--font-weight-bold);
    line-height: 36px;
    margin-top: 20px
}

.d0acf223 .a9510961 .b2ba928a {
    display: block
}

.d0acf223 .a9510961 .b2ba928a .e4776e57 {
    border-bottom: 1px solid var(--border-color);
    padding: 20px
}

.d0acf223 .a9510961 .b2ba928a .e4776e57 .c2d01a50 {
    display: flex;
    justify-content: space-between
}

.d0acf223 .a9510961 .b2ba928a .e4776e57 .c2d01a50 h2.b8f0c8a2 {
    color: var(--primary-color);
    font-size: 20px;
    font-weight: var(--font-weight-normal);
    line-height: 30px
}

.d0acf223 .a9510961 .b2ba928a .e4776e57 .c2d01a50 h2.b8f0c8a2 span {
    color: #39c3a2;
    display: inline-block;
    padding-right: 5px
}

.d0acf223 .a9510961 .b2ba928a .e4776e57 .c2d01a50 .e9cdb201 {
    background: #eaeaea;
    background-size: 80%;
    border-radius: 4px;
    height: 108px;
    margin-left: 10px;
    max-width: 144px;
    min-width: 144px;
    overflow: hidden;
    position: relative
}

.d0acf223 .a9510961 .b2ba928a .e4776e57 .c2d01a50 .e9cdb201 img {
    display: block
}

.d0acf223 .a9510961 .b2ba928a .e4776e57 .c2d01a50 .e9cdb201 .d90af791 {
    --foreground-color: #fff;
    --background-color: #000;
    height: 30px;
    left: calc(50% - 15px);
    position: absolute;
    top: calc(50% - 15px);
    width: 30px;
    z-index: 2
}

.d0acf223 .a9510961 .b2ba928a .e4776e57 .b3114946 {
    color: var(--text-color);
    font-size: 16px;
    font-weight: var(--font-weight-bold);
    line-height: 20px;
    margin-top: 10px
}

@media only screen and (max-width: 768px) {
    .d0acf223 {
        --navbar-height: var(--mobile-navbar-height, 96px)
    }

    .d0acf223 .a9510961 .e2e10a43 {
        display: none !important
    }

    .d0acf223 .a9510961 .e2e10a43 .d6737dbd {
        font-size: 20px;
        line-height: 30px;
        margin-top: -5px;
        white-space: nowrap
    }

    .d0acf223 .a9510961 .b2ba928a .e4776e57 .c2d01a50 h2.b8f0c8a2 {
        font-size: 18px;
        line-height: 30px
    }

    .d0acf223 .a9510961 .b2ba928a .e4776e57 .c2d01a50 .e9cdb201 {
        height: 81px;
        max-width: 108px;
        min-width: 108px
    }

    .d0acf223 .a9510961 .b2ba928a .e4776e57 .c2d01a50 .e9cdb201 .d90af791 {
        height: 28px;
        width: 28px;
        z-index: 2
    }
}

.f62cfcf7 {
    --title-height: 20px;
    background-color: #2b2b2b;
    height: 100vh;
    min-height: 100vh;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: var(--z-index-6)
}

.f62cfcf7 .aa0cc803 {
    display: block
}

.f62cfcf7 ::-moz-selection {
    background: transparent
}

.f62cfcf7 ::selection {
    background: transparent
}

.f62cfcf7 .de8922d5 {
    height: calc(100vh - var(--title-height))
}

.f62cfcf7 .d7b27f22 {
    padding-top: var(--title-height)
}

@media (max-width: 768px) {
    .f62cfcf7 .de8922d5 {
        height: 100vh
    }

    .f62cfcf7 .d7b27f22 {
        padding-top: 0
    }
}

.b69c88c9 .ac22428c {
    top: var(--navbar-height)
}

.b69c88c9 .f6934c6c {
    padding: 20px 20px 0
}

.b69c88c9 .f6934c6c .f5fe707d {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin: 10px 0
}

.b69c88c9 .f6934c6c .f5fe707d h1 {
    font-family: var(--font-family);
    font-size: 24px;
    font-weight: var(--font-weight-bold);
    line-height: 36px;
    margin-top: 0
}

.b69c88c9 .b03c22a7 {
    margin-top: var(--navbar-height);
    position: relative;
    transition: margin .2s;
    z-index: var(--z-index-1)
}

.b69c88c9 .b03c22a7 .e7d1d954 .ac22428c {
    top: var(--navbar-height)
}

.b69c88c9 .b03c22a7 .f1c411eb {
    display: none
}

.b69c88c9 .fbe37f07 {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 300px;
    padding: 50px 60px
}

.b69c88c9 .fbe37f07 h3.f8cd9ff9 {
    color: var(--secondary-color);
    font-size: 24px;
    font-weight: var(--font-weight-bold);
    line-height: 30px;
    text-align: center
}

.b69c88c9 .fbe37f07 .d250810d {
    background: #ff8400;
    border-radius: 48px;
    color: #fff;
    font-size: 18px;
    font-weight: var(--font-weight-bold);
    line-height: 24px;
    margin-top: 20px;
    padding: 8px 20px
}

@media only screen and (max-width: 768px) {
    .b69c88c9 {
        --navbar-height: var(--mobile-navbar-height, 56px)
    }

    .b69c88c9 .b03c22a7 .f1c411eb {
        color: var(--primary-color);
        display: block;
        font-size: 20px;
        font-weight: var(--font-weight-bold);
        line-height: 30px;
        padding: 5px 16px
    }

    .b69c88c9 .b03c22a7 .f6934c6c {
        display: none
    }

    .b69c88c9 .b03c22a7 .f6934c6c .c3f571ce {
        font-size: 20px;
        line-height: 30px;
        margin-top: -5px;
        white-space: nowrap
    }

    .b69c88c9 .fbe37f07 {
        min-height: 400px;
        padding: 20px 16px
    }

    .b69c88c9 .fbe37f07 h3.f8cd9ff9 {
        font-size: 20px;
        line-height: 30px
    }

    .b69c88c9 .fbe37f07 .d250810d {
        border-radius: 48px;
        font-size: 16px;
        line-height: 20px;
        margin-top: 16px;
        padding: 8px 20px
    }
}

.bbef112a {
    align-items: center;
    background: var(--background-color-main);
    border-bottom: 1px solid var(--border-color);
    display: flex;
    padding: 4px 10px 0 20px;
    position: sticky;
    z-index: var(--z-index-3)
}

.bbef112a .eb06079f, .bbef112a .ede93c56 {
    --foreground-color: var(--text-color);
    cursor: pointer;
    display: block;
    height: 36px;
    position: relative;
    width: 36px
}

.bbef112a .eb06079f {
    margin-left: auto;
    margin-top: -5px
}

.bbef112a .eb06079f.fcc412cf, .bbef112a .ede93c56.fcc412cf {
    display: none
}

.bbef112a .a4add101 {
    -ms-overflow-style: none;
    align-items: center;
    display: flex;
    justify-content: space-between;
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative
}

.bbef112a .a4add101 li {
    display: block;
    white-space: nowrap
}

.bbef112a .a4add101 li a {
    align-items: center;
    border-bottom: 2px solid var(--background-color-main);
    color: var(--primary-color);
    display: flex;
    font-size: 14px;
    font-weight: 600;
    justify-content: space-between;
    line-height: 20px;
    padding: 16px
}

.bbef112a .a4add101 li a .c4a9c8d4 {
    --foreground-color: var(--text-color);
    height: 30px;
    transform: rotate(-180deg);
    width: 30px
}

.bbef112a .a4add101 li.b28fcdae a {
    border-bottom: 2px solid var(--primary-color)
}

.bbef112a .a4add101::-webkit-scrollbar {
    display: none
}

@media only screen and (max-width: 768px) {
    .bbef112a {
        border: 0;
        padding: 12px 0 12px 16px
    }

    .bbef112a .eb06079f, .bbef112a .ede93c56 {
        display: none
    }

    .bbef112a .a4add101 li a {
        border: 1px solid var(--border-color);
        border-radius: 24px;
        margin-right: 8px;
        padding: 4px 12px
    }

    .bbef112a .a4add101 li.b28fcdae a {
        background: var(--primary-color);
        border: 1px solid var(--primary-color);
        color: var(--background-color-main)
    }
}

.d8ae5305 .c4a7fac8 {
    display: block;
    margin: 10px auto;
    max-width: 1170px;
    padding: 66px 10px 10px
}

.d8ae5305 .c4a7fac8 h1 {
    color: var(--primary-color);
    display: block;
    font-size: 23px;
    font-weight: var(--font-weight-bold);
    line-height: 30px;
    padding: 10px 0 20px;
    text-align: center
}

.d0119014 {
    background-color: var(--header-footer-color);
    border-top: 1px solid var(--border-color);
    display: block;
    padding: 20px 10px;
    text-align: center
}

.d0119014 ul {
    display: flex;
    justify-content: center;
    list-style: none;
    margin: 0 auto;
    max-width: 1170px
}

.d0119014 ul li {
    color: var(--secondary-color);
    display: block;
    font-size: 12px;
    line-height: 18px;
    padding: 0
}

.d0119014 ul li span {
    display: inline-block;
    margin: 0 5px
}

.d0119014 ul li a {
    color: var(--secondary-color);
    line-height: 18px;
    text-decoration: none
}

.d0119014 ul li a:hover {
    color: var(--primary-color)
}

.d0119014 p {
    color: var(--tertiary-color);
    display: block;
    font-size: 12px;
    line-height: 18px;
    padding: 10px
}

.d0119014 p a {
    color: var(--link-color)
}

@media only screen and (max-width: 768px) {
    .d0119014 ul {
        flex-direction: column
    }

    .d0119014 li {
        font-size: 14px !important;
        margin: 5px 0;
        word-break: keep-all
    }

    .d0119014 li span {
        display: none !important
    }

    .d0119014 p {
        font-size: 14px
    }
}

.e2f76224 {
    align-items: center;
    display: flex;
    justify-content: center
}

.e2f76224 .b81842c4 {
    -webkit-animation: d8d7f944 1.5s ease-in-out infinite;
    animation: d8d7f944 1.5s ease-in-out infinite
}

.e2f76224 .f2c8c09c {
    height: 100%;
    position: relative;
    width: 100%
}

.e2f76224 .f2c8c09c .cde42673 {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 150px
}

.e2f76224 .f2c8c09c .d3d3e446 {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.e2f76224 .f91dfb8b {
    height: 100%;
    position: relative
}

.e2f76224 .f91dfb8b .d3d3e446 {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.e2f76224 .f91dfb8b .c14d8ba7 {
    cursor: pointer;
    left: 50%;
    position: absolute;
    top: 37%;
    transform: translate(-50%)
}

.e2f76224 .f91dfb8b .c14d8ba7 img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: relative;
    width: 100%
}

.e2f76224 .f91dfb8b .c14d8ba7 .e99d8404 {
    -webkit-animation: e99d8404 2s linear infinite;
    animation: e99d8404 2s linear infinite;
    background: rgba(109, 68, 9, .529);
    border-radius: 50%;
    height: 120%;
    left: 50%;
    position: absolute;
    top: 28%;
    transform: translate(-50%, -50%);
    width: 120%
}

.e2f76224 .f91dfb8b .ab5ea083 {
    bottom: 3%;
    cursor: pointer;
    left: 50%;
    max-width: 500px;
    position: absolute;
    transform: translate(-50%);
    width: 100%
}

.e2f76224 .d09e76f0 {
    left: 0;
    position: fixed;
    top: 0;
    z-index: var(--z-index-4)
}

.e2f76224 .eb6b125f {
    --background-color: transparent;
    --foreground-color: #fff;
    align-items: center;
    color: #fff;
    display: flex;
    font-size: 16px;
    justify-content: center;
    left: 50%;
    line-height: 24px;
    position: absolute;
    text-align: center;
    top: 20px;
    transform: translateX(-50%);
    z-index: var(--z-index-3)
}

.e2f76224 .eb6b125f .dbf62afc {
    display: block;
    height: 32px;
    margin-right: 5px;
    margin-top: 2px;
    width: 32px
}

.e2f76224 .a77ddcbd {
    display: none
}

.e2f76224 .df09f61d {
    height: 100%;
    position: relative;
    width: 100%
}

.e2f76224 .df09f61d .ed457a85 {
    bottom: 15%
}

.e2f76224 .df09f61d .b4bf5308, .e2f76224 .df09f61d .ed457a85 {
    cursor: pointer;
    left: 50%;
    max-width: 500px;
    position: absolute;
    transform: translate(-50%);
    width: 100%
}

.e2f76224 .df09f61d .b4bf5308 {
    bottom: 5%
}

.e2f76224 .df09f61d .e9cbad26 {
    background: rgba(0, 0, 0, .7);
    height: 100vh;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: var(--z-index-1)
}

.e2f76224 .df09f61d .eb0aec3a {
    border-radius: 8px;
    left: 50%;
    max-height: calc(100% - 80px);
    position: absolute;
    right: auto;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 400px;
    z-index: var(--z-index-2)
}

.e2f76224 .df09f61d .eb0aec3a .e5ee7fe2 {
    align-items: center;
    background: var(--background-color-main);
    display: flex;
    padding: 16px;
    position: sticky;
    top: 0
}

.e2f76224 .df09f61d .eb0aec3a .e5ee7fe2 .f6876700 {
    color: var(--primary-color);
    font-size: 20px;
    font-weight: var(--font-weight-bold);
    line-height: 30px
}

.e2f76224 .df09f61d .eb0aec3a .e5ee7fe2 .db683187 {
    --foreground-color: var(--secondary-color);
    background-color: transparent;
    border: none;
    cursor: pointer;
    height: 24px;
    margin-left: auto;
    padding: 0;
    width: 24px
}

.e2f76224 .df09f61d .a1b75b91 {
    display: none
}

.e2f76224 .bec495cf {
    height: 100%;
    position: relative;
    width: 100%
}

.e2f76224 .bec495cf .a9ba150c {
    align-items: center;
    background: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent);
    display: flex;
    height: 64px;
    justify-content: space-between;
    left: 0;
    padding: 0 24px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: var(--z-index-3)
}

.e2f76224 .bec495cf .a9ba150c .e4d328a5 {
    display: block;
    margin-right: auto;
    width: 114px
}

.e2f76224 .bec495cf .a9ba150c .e4d328a5 .fc5ddc8b {
    --foreground-color: #fff;
    width: 114px
}

.e2f76224 .bec495cf .a9ba150c .aaf0a21e {
    --foreground-color: #fff;
    border-radius: 50%;
    height: 40px;
    padding: 8px 12px 8px 0;
    width: 36px
}

.e2f76224 .bec495cf .a9ba150c .f6d458cf {
    --foreground-color: #fff;
    display: flex;
    justify-content: flex-end
}

.e2f76224 .bec495cf .a9ba150c .f6d458cf .b55f05c6 {
    --foreground-color: #fff;
    display: flex
}

.e2f76224 .bec495cf .a9ba150c .f6d458cf .b55f05c6 .cd75759c {
    margin: 0
}

.e2f76224 .bec495cf .a9ba150c .f6d458cf .a16e565c {
    --foreground-color: #fff;
    display: none
}

.e2f76224 .bec495cf .a9ba150c .f83178da {
    align-items: center;
    background-color: rgba(169, 20, 0, .6);
    border: 2px solid #f1dc9d;
    border-radius: 4px;
    color: #f1dc9d;
    display: flex;
    font-size: 14px;
    font-weight: var(--font-weight-bold);
    line-height: 22px;
    margin-left: auto;
    margin-right: 20px;
    padding: 3px 7px
}

.e2f76224 .bec495cf .a9ba150c .f83178da img {
    display: block;
    height: 24px;
    margin-right: 5px;
    width: 24px
}

.e2f76224 .bec495cf .c4d0e73d {
    height: 100%
}

.e2f76224 .bec495cf .c4d0e73d .e277f30b {
    cursor: pointer;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.e2f76224 .bec495cf .c4d0e73d .ad94d6e0 {
    bottom: 5%;
    cursor: pointer;
    left: 50%;
    max-width: 500px;
    position: absolute;
    transform: translate(-50%);
    width: 100%;
    z-index: var(--z-index-2)
}

.e2f76224 .bec495cf .afb65a9f {
    align-items: center;
    bottom: 5%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    position: absolute;
    width: 100%;
    z-index: var(--z-index-2)
}

.e2f76224 .bec495cf .afb65a9f .ef72d5e6 {
    cursor: pointer;
    max-width: 50%;
    z-index: var(--z-index-3)
}

.e2f76224 .bec495cf .da1532df {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: var(--z-index-2)
}

@-webkit-keyframes d8d7f944 {
    0% {
        transform: translate(-50%) scale(.9)
    }
    20% {
        transform: translate(-50%) scale(1)
    }
    to {
        transform: translate(-50%) scale(.9)
    }
}

@keyframes d8d7f944 {
    0% {
        transform: translate(-50%) scale(.9)
    }
    20% {
        transform: translate(-50%) scale(1)
    }
    to {
        transform: translate(-50%) scale(.9)
    }
}

@-webkit-keyframes e99d8404 {
    0% {
        background: rgba(168, 79, 10, .58);
        height: 50%;
        width: 50%
    }
    to {
        background: rgba(109, 68, 9, 0);
        height: 150%;
        width: 150%
    }
}

@keyframes e99d8404 {
    0% {
        background: rgba(168, 79, 10, .58);
        height: 50%;
        width: 50%
    }
    to {
        background: rgba(109, 68, 9, 0);
        height: 150%;
        width: 150%
    }
}

@media only screen and (max-width: 768px) {
    .e2f76224 .bec495cf {
        width: 100%
    }

    .e2f76224 .bec495cf .a9ba150c {
        padding: 0 16px
    }

    .e2f76224 .bec495cf .a9ba150c .f6d458cf .b55f05c6 {
        display: none
    }

    .e2f76224 .bec495cf .a9ba150c .f6d458cf .a16e565c {
        display: block
    }

    .e2f76224 .bec495cf .a9ba150c .e4d328a5 {
        display: block;
        width: 84px
    }

    .e2f76224 .bec495cf .a9ba150c .e4d328a5 .fc5ddc8b {
        width: 84px
    }

    .e2f76224 .bec495cf .a9ba150c .f83178da {
        font-size: 12px;
        line-height: 18px
    }

    .e2f76224 .bec495cf .a9ba150c .f83178da img {
        height: 18px;
        width: 18px
    }

    .e2f76224 .bec495cf .eb0aec3a {
        border-radius: 8px 8px 0 0;
        bottom: 0;
        height: 50%;
        left: auto;
        max-height: 80%;
        min-height: 30%;
        right: 0;
        top: inherit;
        transform: translate(0);
        width: 100%
    }

    .e2f76224 .bec495cf .eb0aec3a .a1b75b91 {
        display: block
    }

    .e2f76224 .bec495cf .afb65a9f {
        bottom: 5%;
        flex-direction: column
    }

    .e2f76224 .bec495cf .afb65a9f .ef72d5e6 {
        max-width: 100%
    }

    .e2f76224 .eb6b125f {
        bottom: 8px;
        color: #fff;
        font-size: 14px;
        line-height: 22px;
        top: inherit;
        width: 100%
    }

    .e2f76224 .eb6b125f .dbf62afc {
        height: 28px;
        width: 28px
    }

    .e2f76224 .a77ddcbd {
        background: linear-gradient(1turn, rgba(36, 15, 3, .7), rgba(114, 52, 16, 0));
        bottom: 0;
        display: block;
        left: 0;
        min-height: 120px;
        position: absolute;
        width: 100%;
        z-index: var(--z-index-1)
    }
}

.f8d0aac8 {
    display: block;
    padding: 0 16px
}

.f8d0aac8 ul {
    display: block;
    list-style: none
}

.f8d0aac8 ul li {
    border-bottom: 1px solid var(--border-color);
    display: block;
    padding: 16px 0
}

.f8d0aac8 ul li a {
    display: flex;
    justify-content: space-between
}

.f8d0aac8 ul li a .a850f9d3 {
    border-radius: 4px;
    height: 84px;
    margin-right: 12px;
    max-width: 112px;
    min-width: 112px
}

.f8d0aac8 ul li a .a850f9d3 img {
    border-radius: 4px;
    height: 100%;
    -o-object-fit: fill;
    object-fit: fill;
    width: 100%
}

.f8d0aac8 ul li a h3 {
    color: var(--primary-color);
    font-size: 18px;
    font-weight: var(--font-weight-bold);
    line-height: 28px
}

@media only screen and (max-width: 768px) {
    .f8d0aac8 ul li a h3 {
        font-size: 16px;
        line-height: 24px
    }
}

.aaf5274a {
    background: #fff;
    height: 100vh;
    width: 100%
}

.aaf5274a .a501c6fe {
    align-items: center;
    background: #fff;
    display: flex;
    flex-direction: column;
    left: 50%;
    max-width: 296px;
    min-width: 296px;
    padding: 24px 0;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}

.aaf5274a .a501c6fe .d91cb29f {
    display: flex;
    justify-content: center;
    padding-top: 35px;
    position: relative;
    width: 100%
}

.aaf5274a .a501c6fe .d91cb29f span {
    display: flex;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: var(--z-index-1)
}

.aaf5274a .a501c6fe .d91cb29f .ae5e683f {
    background: #fff;
    border: 2px solid #eaeaea;
    border-radius: 20px;
    display: block;
    height: 112px;
    position: relative;
    width: 112px;
    z-index: var(--z-index-2)
}

.aaf5274a .a501c6fe .d91cb29f .ae5e683f .d34fbbd0 {
    display: block;
    height: 112px;
    width: 112px
}

.aaf5274a .a501c6fe .d91cb29f .ae5e683f .a6ef265e {
    --foreground-color: #fff;
    background: #3e9e3e;
    border-radius: 50%;
    height: 40px;
    padding: 6px;
    position: absolute;
    right: -20px;
    top: -20px;
    transform: rotate(90deg);
    width: 40px
}

.aaf5274a .a501c6fe .b76a7de4 {
    color: #2b2b2b;
    line-height: 34px;
    margin-top: 20px;
    text-align: center
}

.aaf5274a .a501c6fe .b76a7de4, .aaf5274a .a501c6fe .e6f6270e {
    display: block;
    font-size: 20px;
    font-weight: var(--font-weight-bold)
}

.aaf5274a .a501c6fe .e6f6270e {
    background: #ff8400;
    border: none;
    border-radius: 8px;
    color: #fff;
    cursor: pointer;
    line-height: 30px;
    margin-top: 32px;
    padding: 12px 16px;
    width: 100%
}

.e7e67b5e {
    --interactive-container-max-width: 560px;
    --interactive-container-min-width: 560px;
    --interactive-dimension: 90px;
    height: 100vh;
    position: relative;
    width: 100%;
    z-index: var(--z-index-2)
}

.e7e67b5e .e44b1dcf {
    left: 0;
    position: fixed;
    top: 0;
    z-index: var(--z-index-3)
}

.e7e67b5e .a22747fe, .e7e67b5e .a22747fe .dc430432 {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.e7e67b5e .a22747fe .dc430432 {
    -o-object-fit: cover;
    object-fit: cover
}

.e7e67b5e .f34e9255 {
    height: 100%;
    position: absolute;
    width: 100%
}

.e7e67b5e .f34e9255 .a7006e65 {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.e7e67b5e .fa9f60e4 {
    bottom: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 100%;
    z-index: var(--z-index-2)
}

.e7e67b5e .fa9f60e4 ul {
    display: flex;
    gap: 8px;
    justify-content: space-between;
    list-style: none;
    margin: 0 auto;
    max-width: var(--interactive-container-max-width);
    min-width: var(--interactive-container-min-width);
    padding: 0 5px;
    width: 100%
}

.e7e67b5e .fa9f60e4 ul li {
    cursor: pointer;
    display: block;
    flex: 1;
    position: relative;
    text-align: center
}

.e7e67b5e .fa9f60e4 ul li .fc48bebd {
    display: block;
    height: var(--interactive-dimension);
    left: 50%;
    position: relative;
    transform: translateX(-50%);
    width: var(--interactive-dimension)
}

.e7e67b5e .fa9f60e4 ul li .fc48bebd .bfac4eff, .e7e67b5e .fa9f60e4 ul li .fc48bebd .fda2ade4 {
    height: var(--interactive-dimension);
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: var(--interactive-dimension)
}

.e7e67b5e .fa9f60e4 ul li .fc48bebd .fda2ade4 {
    -webkit-animation-duration: 5s;
    animation-duration: 5s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: b50779a7;
    animation-name: b50779a7;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

.e7e67b5e .fa9f60e4 ul li .d79d0544 {
    color: #fff;
    display: block;
    font-family: Eczar;
    font-size: 16px;
    font-weight: var(--font-weight-bold);
    line-height: 24px;
    text-align: center;
    text-shadow: 0 1px 5px rgba(0, 0, 0, .502)
}

.e7e67b5e .fa9f60e4 .a568b657 {
    display: none;
    margin-top: 12px;
    padding: 0 5px;
    width: 100%;
    z-index: var(--z-index-2)
}

.e7e67b5e .fa9f60e4 .a568b657 .f11132bd {
    display: block
}

.e7e67b5e .c7594425 {
    background: linear-gradient(1turn, rgba(0, 0, 0, .7), transparent);
    bottom: 0;
    height: 230px;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: var(--z-index-1)
}

.e7e67b5e.a3be29f0 {
    z-index: var(--z-index-4)
}

@-webkit-keyframes b50779a7 {
    0% {
        transform: translate(-50%, -50%) rotate(0deg) scale(1.2);
        transform-origin: 50% 50%
    }
    to {
        transform: translate(-50%, -50%) rotate(1turn) scale(1.2);
        transform-origin: 50% 50%
    }
}

@keyframes b50779a7 {
    0% {
        transform: translate(-50%, -50%) rotate(0deg) scale(1.2);
        transform-origin: 50% 50%
    }
    to {
        transform: translate(-50%, -50%) rotate(1turn) scale(1.2);
        transform-origin: 50% 50%
    }
}

@media only screen and (max-width: 768px) {
    .e7e67b5e {
        --interactive-container-max-width: 400px;
        --interactive-container-min-width: 200px;
        --interactive-dimension: 70px
    }

    .e7e67b5e .fa9f60e4 {
        bottom: 10px
    }

    .e7e67b5e .fa9f60e4 ul li .d79d0544 {
        font-size: 14px;
        line-height: 18px
    }

    .e7e67b5e .fa9f60e4 .a568b657 {
        display: block
    }
}

.e9a64e17 {
    height: 100vh;
    position: absolute;
    width: 100%;
    z-index: var(--z-index-4)
}

.e9a64e17 .a37e1640 {
    background: rgba(0, 0, 0, .7);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: var(--z-index-1)
}

.e9a64e17 .d0b7e92d {
    --foreground-color: #000;
    background: #b4b4b4;
    border-radius: 50%;
    cursor: pointer;
    display: block;
    height: 40px;
    right: 28px;
    top: 28px;
    width: 40px
}

.e9a64e17 .c63d5439, .e9a64e17 .d0b7e92d {
    position: absolute;
    z-index: var(--z-index-2)
}

.e9a64e17 .c63d5439 {
    align-items: center;
    background: #fff;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    left: 50%;
    max-width: 360px;
    min-width: 360px;
    padding: 30px;
    top: 50%;
    transform: translate(-50%, -50%)
}

.e9a64e17 .c63d5439 .c51f8d1a {
    background: #fff;
    border: 2px solid #eaeaea;
    border-radius: 20px;
    position: relative;
    z-index: var(--z-index-2)
}

.e9a64e17 .c63d5439 .c51f8d1a, .e9a64e17 .c63d5439 .c51f8d1a .d3e8e4c3 {
    display: block;
    height: 96px;
    width: 96px
}

.e9a64e17 .c63d5439 .b7436bd8 {
    color: #2b2b2b;
    font-size: 18px;
    line-height: 28px;
    margin-top: 20px
}

.e9a64e17 .c63d5439 .b7436bd8, .e9a64e17 .c63d5439 .b7714d7f {
    display: block;
    font-weight: var(--font-weight-bold);
    text-align: center
}

.e9a64e17 .c63d5439 .b7714d7f {
    background: #ff8400;
    border: none;
    border-radius: 8px;
    color: #fff;
    cursor: pointer;
    font-size: 20px;
    line-height: 30px;
    margin-top: 32px;
    padding: 12px 16px;
    width: 100%
}

@media only screen and (max-width: 768px) {
    .e9a64e17 .d0b7e92d {
        height: 30px;
        right: 20px;
        top: 20px;
        width: 30px
    }

    .e9a64e17 .c63d5439 {
        max-width: 340px;
        min-width: 320px;
        padding: 30px 24px
    }
}

.ad472b50 {
    background-color: #efd7a7;
    height: var(--screen-height, 100vh);
    position: relative;
    width: 100%
}

.ad472b50 .d813a9db {
    position: relative;
    z-index: var(--z-index-2)
}

.ad472b50 .cbaa8764 {
    align-items: center;
    background: linear-gradient(180deg, #f0d6a2 0, rgba(37, 141, 200, 0));
    display: flex;
    height: 64px;
    justify-content: space-between;
    left: 0;
    padding: 0 24px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: var(--z-index-1)
}

.ad472b50 .cbaa8764 .e47bc2e6 {
    display: block;
    margin-right: auto;
    width: 114px
}

.ad472b50 .cbaa8764 .e47bc2e6 .c8529a96 {
    --foreground-color: #000;
    width: 114px
}

.ad472b50 .cbaa8764 .eb192e2c {
    --foreground-color: #2b2b2b;
    border-radius: 50%;
    height: 40px;
    padding: 8px 12px 8px 0;
    width: 36px
}

.ad472b50 .cbaa8764 .a44ae967 {
    justify-content: flex-end
}

.ad472b50 .cbaa8764 .a44ae967, .ad472b50 .cbaa8764 .a44ae967 .e9cebef4 {
    --foreground-color: var(--primary-color);
    display: flex
}

.ad472b50 .cbaa8764 .a44ae967 .e9cebef4 .ef703f7c {
    margin: 0
}

.ad472b50 .cbaa8764 .a44ae967 .d88fb2de {
    --foreground-color: var(--primary-color);
    display: none
}

.ad472b50 .cbaa8764 .c80905e4 {
    align-items: center;
    background-color: hsla(0, 0%, 100%, .6);
    border: 2px solid #71380e;
    border-radius: 4px;
    color: #71380e;
    display: flex;
    font-size: 16px;
    font-weight: var(--font-weight-bold);
    margin-left: auto;
    margin-right: 20px;
    padding: 3px 7px
}

.ad472b50 .cbaa8764 .c80905e4 img {
    display: block;
    margin-right: 5px;
    width: 24px
}

.ad472b50 .f14d7db2 {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    position: relative
}

.ad472b50 .f14d7db2 .f0173ae8 {
    background-color: transparent;
    border: none;
    bottom: 20px;
    cursor: pointer;
    left: 50%;
    max-width: 360px;
    position: absolute;
    transform: translateX(-50%);
    width: 80%
}

.ad472b50 .f14d7db2 .f0173ae8 .b47864d2 {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.ad472b50 .f14d7db2 .cd29a74c {
    height: 100%;
    width: 100%
}

.ad472b50 .f14d7db2 .cd29a74c .cd1ec54c {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.ad472b50 .e382bfe9 {
    --foreground-color: #fff;
    background-color: rgba(0, 0, 0, .467);
    border-radius: 4px;
    bottom: 16px;
    cursor: pointer;
    padding: 6px 8px;
    position: absolute;
    right: 16px
}

.ad472b50 .e382bfe9 .eb192e2c {
    height: 28px;
    width: 28px
}

.ad472b50 .fdc5fc52 {
    align-items: center;
    background: hsla(0, 0%, 100%, .7);
    border-radius: 4px;
    bottom: 0;
    color: var(--secondary-color);
    display: inline-flex;
    font-size: 10px;
    left: 0;
    margin: 8px;
    padding: 0 4px;
    position: absolute;
    z-index: var(--z-index-1)
}

.ad472b50 .fdc5fc52 img {
    margin-right: 2px
}

.ad472b50 .dfd1ec5e {
    cursor: -webkit-grab;
    cursor: grab;
    height: 100%
}

.ad472b50 .b423a135 {
    height: 100%;
    width: 100%
}

.ad472b50 .b423a135 .fa96a9da {
    position: relative
}

.ad472b50 .b423a135 .fa96a9da .b0a9acd1 {
    height: 100%;
    opacity: 0;
    position: relative;
    transition: opacity .5s ease-in-out;
    width: 100%
}

.ad472b50 .b423a135 .fa96a9da .b0a9acd1 .b7637595 {
    align-items: center;
    aspect-ratio: 1;
    cursor: pointer;
    display: flex;
    justify-content: center;
    position: absolute;
    transform: translate(-50%, -50%);
    width: 4.6%
}

.ad472b50 .b423a135 .fa96a9da .b0a9acd1 .b7637595 .ada5136c {
    height: 100%;
    width: 100%;
    z-index: var(--z-index-1)
}

.ad472b50 .b423a135 .fa96a9da .b0a9acd1 .b7637595 .ada5136c img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.ad472b50 .b423a135 .fa96a9da .b0a9acd1 .b7637595 .b3e0624d {
    -webkit-animation: b3e0624d 2s linear infinite;
    animation: b3e0624d 2s linear infinite;
    background: rgba(109, 68, 9, .529);
    border-radius: 50%;
    height: 150%;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 150%
}

.ad472b50 .b423a135 .fa96a9da .b0a9acd1 .e3efb3b4 {
    height: 100%;
    width: 100%
}

.ad472b50 .b423a135 .fa96a9da .b0a9acd1 .e3efb3b4 img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.ad472b50 .de9009a2 {
    border-radius: 8px;
    max-height: calc(100% - 80px);
    min-height: calc(100% - 80px);
    position: fixed;
    right: 20px;
    top: 60px;
    width: 400px;
    z-index: var(--z-index-1)
}

.ad472b50 .de9009a2 .db0a4a1a {
    position: relative
}

.ad472b50 .de9009a2 .db0a4a1a .fda4e263 {
    align-items: center;
    background: var(--background-color-main);
    border-bottom: 1px solid rgba(0, 0, 0, .067);
    display: flex;
    justify-content: space-between;
    left: 0;
    margin-top: 0;
    padding: 16px 16px 10px;
    position: sticky;
    top: 0;
    z-index: var(--z-index-2)
}

.ad472b50 .de9009a2 .db0a4a1a .fda4e263 .cad70a6a {
    font-size: 20px;
    font-weight: 600
}

.ad472b50 .de9009a2 .db0a4a1a .fda4e263 .c0f027fd {
    display: flex;
    margin-left: auto
}

.ad472b50 .de9009a2 .db0a4a1a .fda4e263 .c0f027fd .e9cebef4 {
    display: flex
}

.ad472b50 .de9009a2 .db0a4a1a .fda4e263 .c0f027fd .e9cebef4 .ef703f7c {
    margin: 0
}

.ad472b50 .de9009a2 .db0a4a1a .fda4e263 .c0f027fd .d88fb2de {
    display: none
}

.ad472b50 .de9009a2 .db0a4a1a .fda4e263 .c47a0dca {
    --foreground-color: var(--secondary-color);
    background-color: transparent;
    border: none;
    cursor: pointer;
    height: 24px;
    padding: 0;
    width: 24px
}

.ad472b50 .de9009a2 .db0a4a1a .ad1ab615 {
    cursor: pointer;
    padding: 16px;
    position: relative
}

.ad472b50 .de9009a2 .db0a4a1a .ad1ab615 .c2a4fae5 {
    --foreground-color: #fff;
    background-color: rgba(0, 0, 0, .467);
    border-radius: 50%;
    height: 50px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 50px
}

.ad472b50 .de9009a2 .db0a4a1a .ad1ab615 .b7a38f25 {
    background-color: rgba(0, 0, 0, .6);
    border-radius: 4px;
    bottom: 26px;
    color: #fff;
    font-size: 12px;
    line-height: 18px;
    padding: 2px 6px;
    position: absolute;
    right: 26px
}

.ad472b50 .de9009a2 .db0a4a1a .ad1ab615 .dba6b502 {
    border-radius: 6px;
    display: block;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.ad472b50 .de9009a2 .db0a4a1a .c3f5bd67 {
    font-size: 18px;
    line-height: 30px;
    padding: 2px 16px
}

.ad472b50 .de9009a2 .db0a4a1a .c3f5bd67 p {
    display: block;
    margin-bottom: 20px
}

.ad472b50 .ca6a03cf {
    display: none
}

@media only screen and (max-width: 768px) {
    .ad472b50 .cbaa8764 {
        padding: 0 16px
    }

    .ad472b50 .cbaa8764 .a44ae967 .e9cebef4 {
        display: none
    }

    .ad472b50 .cbaa8764 .a44ae967 .d88fb2de {
        display: block
    }

    .ad472b50 .cbaa8764 .e47bc2e6 {
        display: block;
        width: 84px
    }

    .ad472b50 .cbaa8764 .e47bc2e6 .c8529a96 {
        width: 84px
    }

    .ad472b50 .cbaa8764 .c80905e4 {
        font-size: 12px
    }

    .ad472b50 .cbaa8764 .c80905e4 img {
        width: 18px
    }

    .ad472b50 .f14d7db2 .cd1ec54c {
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        width: 100%
    }

    .ad472b50 .de9009a2 {
        border-radius: 8px 8px 0 0;
        bottom: 0;
        height: 50%;
        max-height: 80%;
        min-height: 30%;
        right: 0;
        top: inherit;
        width: 100%
    }

    .ad472b50 .de9009a2 .db0a4a1a .fda4e263 .c0f027fd .e9cebef4 {
        display: none
    }

    .ad472b50 .de9009a2 .db0a4a1a .fda4e263 .c0f027fd .d88fb2de {
        display: flex
    }

    .ad472b50 .ca6a03cf {
        display: block
    }
}

@-webkit-keyframes b3e0624d {
    0% {
        background: rgba(109, 68, 9, .529);
        height: 50%;
        width: 50%
    }
    to {
        background: rgba(109, 68, 9, 0);
        height: 150%;
        width: 150%
    }
}

@keyframes b3e0624d {
    0% {
        background: rgba(109, 68, 9, .529);
        height: 50%;
        width: 50%
    }
    to {
        background: rgba(109, 68, 9, 0);
        height: 150%;
        width: 150%
    }
}

.d5996fc1 {
    background: var(--background-color-main);
    height: 100vh;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 4
}

.d5996fc1 .a53258fa {
    --foreground-color: #fff;
    background: #b4b4b4;
    border-radius: 50%;
    cursor: pointer;
    display: block;
    height: 40px;
    right: 28px;
    top: 28px;
    width: 40px
}

.d5996fc1 .a53258fa, .d5996fc1 .b62d5b00 {
    position: absolute;
    z-index: var(--z-index-2)
}

.d5996fc1 .b62d5b00 {
    align-items: center;
    display: flex;
    justify-content: space-between;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 1024px
}

.d5996fc1 .b62d5b00 .d1929ad3 {
    border: 1px solid #eaeaea;
    border-radius: 12px;
    width: 600px
}

.d5996fc1 .b62d5b00 .d1929ad3 .bc06a1b1 {
    border-radius: 12px;
    display: block;
    width: 100%
}

.d5996fc1 .b62d5b00 .e75d0cba {
    align-items: center;
    display: flex;
    flex-direction: column;
    max-width: 310px
}

.d5996fc1 .b62d5b00 .e75d0cba .d9ff107b {
    border: 2px solid var(--border-color);
    border-radius: 20px;
    display: block;
    height: 96px;
    position: relative;
    width: 96px;
    z-index: var(--z-index-2)
}

.d5996fc1 .b62d5b00 .e75d0cba .d9ff107b .caed3420 {
    display: block;
    width: 93px
}

.d5996fc1 .b62d5b00 .e75d0cba .d9c2a919 {
    color: var(--primary-color);
    display: block;
    font-size: 24px;
    font-weight: var(--font-weight-bold);
    line-height: 36px;
    margin-top: 24px;
    text-align: center;
    white-space: pre-line
}

.d5996fc1 .b62d5b00 .e75d0cba .df1ab068 {
    background: var(--border-color);
    border-radius: 8px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-top: 36px;
    max-width: 310px;
    padding: 10px
}

.d5996fc1 .b62d5b00 .e75d0cba .df1ab068 .ceecb31e {
    background: #fff;
    height: 140px;
    padding: 4px;
    width: 140px
}

.d5996fc1 .b62d5b00 .e75d0cba .df1ab068 .d81850c3 {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-left: 12px
}

.d5996fc1 .b62d5b00 .e75d0cba .df1ab068 .d81850c3 .abe57807 {
    color: var(--primary-color);
    font-size: 18px;
    font-weight: var(--font-weight-bold);
    line-height: normal;
    padding-bottom: 6px;
    text-align: center
}

.d5996fc1 .b62d5b00 .e75d0cba .b189d2ba {
    background: var(--secondary-common-color);
    border: none;
    border-radius: 8px;
    color: var(--white-color);
    cursor: pointer;
    display: none;
    font-size: 18px;
    font-weight: 600;
    line-height: 28px;
    margin-top: 24px;
    padding: 10px 16px;
    text-align: center;
    width: 100%
}

@media only screen and (max-width: 768px) {
    .d5996fc1 .a53258fa {
        height: 32px;
        right: 16px;
        top: 16px;
        width: 32px
    }

    .d5996fc1 .b62d5b00 {
        flex-direction: column;
        max-width: 100%;
        min-width: 320px;
        padding: 0 24px;
        width: 100%
    }

    .d5996fc1 .b62d5b00 .d1929ad3 {
        border: 1px solid #eaeaea;
        border-radius: 12px;
        width: 100%
    }

    .d5996fc1 .b62d5b00 .d1929ad3 .bc06a1b1 {
        border-radius: 12px;
        display: block;
        width: 100%
    }

    .d5996fc1 .b62d5b00 .e75d0cba {
        max-width: 100%;
        min-width: 320px
    }

    .d5996fc1 .b62d5b00 .e75d0cba .d9ff107b {
        background: var(--background-color-main);
        display: none;
        height: 83px;
        width: 84px
    }

    .d5996fc1 .b62d5b00 .e75d0cba .d9ff107b .caed3420 {
        display: block;
        width: 80px
    }

    .d5996fc1 .b62d5b00 .e75d0cba .d9c2a919 {
        font-size: 18px;
        line-height: 28px;
        margin-top: 16px
    }

    .d5996fc1 .b62d5b00 .e75d0cba .df1ab068 {
        display: none
    }

    .d5996fc1 .b62d5b00 .e75d0cba .b189d2ba {
        display: block
    }
}

.f12cb511 {
    background: var(--background-color-main);
    display: block;
    height: 100vh;
    overflow: hidden
}

.f12cb511 .bdfe2178 {
    display: flex;
    flex-direction: column;
    height: 100%;
    margin-top: var(--navbar-height);
    overflow: hidden;
    transition: margin .2s
}

.f12cb511 .bdfe2178 .b2925c99 {
    flex: 1;
    overflow: hidden
}

.f12cb511 .bdfe2178 .b2925c99 .a139ba48, .f12cb511 .bdfe2178 .b2925c99 .c40c3219, .f12cb511 .bdfe2178 .b2925c99 .f5ff46ec {
    height: 100%;
    overflow-y: auto
}

@media only screen and (max-width: 768px) {
    .f12cb511 {
        --navbar-height: var(--mobile-navbar-height, 96px)
    }
}