.EC_BG {
    height: 100vh;
    overflow: hidden
}

.EC_BH {
    display: flex;
    flex-direction: row
}

.EC_BI {
    height: 55px;
    border-bottom: 1px solid var(--adv-sidebar-background-secondary);
    display: flex;
    align-items: center
}

.EC_BJ,.EC_BK,.EC_BL {
    margin: 0 16px;
    width: 24px;
    border-radius: var(--radius-xs);
    background: var(--gradient-loading-outcome);
    height: 24px
}

.EC_BK {
    width: 140px;
    height: 20px;
    margin: 0
}

.EC_BL {
    margin-inline-start:auto}

.EC_BM {
    padding: 16px;
    border-bottom: 1px solid var(--adv-sidebar-background-secondary)
}

.EC_BN {
    width: 140px;
    height: 16px;
    border-radius: var(--radius-xs);
    background: var(--gradient-loading-outcome);
    margin: 0 0 8px 16px
}

.EC_BO {
    width: 288px;
    height: 240px;
    border-radius: var(--radius-md);
    background: var(--gradient-loading-outcome)
}

.EC_Bb {
    --list-view-background: var(--adv-sidebar-background-secondary)
}

.EC_Bc {
    display: flex;
    justify-content: flex-end;
    width: 100%
}

.EC_E {
    margin-top: 16px;
    background: var(--background-main);
    border-radius: var(--radius-md);
    display: flex;
    flex-direction: row;
    position: relative;
    padding: 16px 40px 16px 16px
}

.EC_F {
    width: 40px;
    text-align: center;
    margin-inline-end:16px}

.EC_G {
    width: 100%
}

.EC_H {
    color: var(--text-title);
    display: block;
    margin-bottom: 8px
}

.EC_I {
    margin-bottom: 16px;
    padding-inline-end:16px;color: var(--text-body);
    width: 100%;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden
}

.EC_J,.EC_I {
    word-wrap: break-word;
    white-space: pre-wrap
}

.EC_K {
    position: absolute;
    top: 16px;
    right: 16px
}

.EC_L {
    margin: 16px 0
}

.EC_M {
    margin-inline-start:8px;color: var(--text-title)
}

.EC_AX {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 30px 0;
    height: 100%
}

.EC_AY {
    color: var(--text-title)
}

.EC_AZ {
    margin-bottom: 12px
}

.EC_Aa {
    color: var(--text-body);
    margin: 4px 0 16px;
    max-width: 288px;
    text-align: center
}

.EC_f {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: calc( 100vh - var(--header-height) - 101px - 32px - 48px - var(--tab-bar-mobile-height) )
}

.EC_f .EC_g {
    height: -moz-fit-content;
    height: fit-content;
    margin: 0
}

.EC_EZ {
    background: var(--background-secondary);
    padding: 24px;
    height: -moz-fit-content;
    height: fit-content
}

.EC_Ea {
    display: flex;
    margin-top: 12px;
    gap: 8px
}

.EC_Ei {
    padding: 8px;
    display: flex;
    align-items: center;
    text-align: start;
    margin-top: 8px
}

.EC_Ej {
    margin-inline-end:8px;display: flex
}

.EC_Ek {
    color: var(--text-body)
}

.EC_ES {
    cursor: pointer
}

.EC_ES .EC_ET {
    color: inherit
}

.EC_ES:hover .EC_ET {
    text-decoration: underline;
    color: var(--text-title)
}

.EC_Fw {
    width: 64px;
    height: 64px;
    border: 1px solid #eaeaea;
    overflow: hidden;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto 8px
}

.EC_Fx {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-align: center;
    color: var(--text-title);
    white-space: break-spaces;
    word-break: break-word
}

.EC_Fy a {
    white-space: break-spaces;
    display: flex;
    justify-content: center;
    width: 100%
}

.EC_Fz {
    height: 16px;
    width: 16px;
    border-radius: 50%;
    margin: 0 2px;
    font-size: 10px;
    color: var(--background-main);
    align-content: center
}

.EC_GA {
    background-color: var(--icon-success)
}

.EC_GB {
    background-color: var(--icon-error)
}

.EC_GC {
    background-color: var(--icon-main)
}

.EC_GE {
    color: var(--text-disable);
    background-color: var(--control-disabled)
}

.EC_GF {
    width: 8px;
    height: 8px
}

.EC_Fu {
    display: flex;
    justify-content: center;
    -moz-column-gap: 6px;
    column-gap: 6px;
    margin-top: 4px
}

.EC_Fv {
    display: flex;
    flex-direction: column;
    row-gap: 3px
}

.EC_GG {
    color: var(--text-live)
}

.EC_Gq {
    position: relative;
    overflow: hidden;
    width: -moz-fit-content;
    width: fit-content;
    height: 1em
}

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

.EC_Gs {
    transform: translateY(-50%);
    transition: transform var(--animation-duration) ease-in-out
}

.EC_Gt,.EC_Gu {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 1em;
    font-variant-numeric: tabular-nums
}

.EC_GH {
    margin: auto;
    width: -moz-fit-content;
    width: fit-content;
    position: relative
}

.EC_GI {
    display: flex;
    align-items: center;
    color: var(--text-title)
}

.EC_GJ {
    position: absolute;
    inset-inline-end: 6px;
    top: 0;
    bottom: 0;
    display: flex
}

.EC_GK {
    position: absolute;
    inset-inline-start: 6px;
    top: 0;
    bottom: 0;
    display: flex
}

.EC_GL {
    display: flex;
    align-items: center;
    min-width: 30px
}

.EC_GL:first-of-type {
    justify-content: end
}

.EC_GL:last-of-type {
    justify-content: start
}

.EC_GM {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center
}

.EC_GN {
    position: absolute;
    z-index: 1;
    line-height: 10px
}

.EC_GO {
    color: var(--text-always-white)
}

.EC_GT {
    color: var(--text-live);
    transition: opacity var(--animation-duration) ease-in-out;
    display: flex;
    gap: .25em
}

.EC_GU {
    opacity: 0
}

.EC_GV {
    color: var(--text-body)
}

.EC_GW {
    color: var(--text-title)
}

.EC_GX {
    unicode-bidi: isolate;
    display: inline-flex
}

.EC_GY {
    display: inline-flex
}

.EC_GP {
    display: flex;
    justify-content: center;
    flex-flow: column wrap;
    align-items: center;
    padding-top: 8px;
    text-align: center
}

.EC_GQ {
    color: var(--icon-main)
}

.EC_GR {
    color: var(--text-title)
}

.EC_GS {
    color: var(--text-body)
}

.EC_FK {
    max-width: 272px;
    display: flex;
    flex-direction: column;
    margin: auto
}

.EC_FL {
    grid-area: name;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-align: center;
    margin: auto
}

.EC_FM {
    color: var(--text-live)
}

.EC_FN {
    color: var(--text-body)
}

.EC_EJ {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    -moz-column-gap: 4px;
    column-gap: 4px;
    padding: 8px;
    margin: auto
}

.EC_EJ.EC_EK {
    grid-template-columns: 4fr 1fr 4fr
}

.EC_EJ .EC_EL {
    display: grid;
    place-content: start center
}

.EC_EJ .EC_EL:first-of-type,.EC_EJ .EC_EL:last-of-type {
    align-content: space-between
}

.EC_EJ .EC_EM {
    padding-top: 4px
}

.EC_EJ.EC_EN {
    height: 100%;
    padding: 0
}

.EC_EJ.EC_EN .EC_EL:first-of-type,.EC_EJ.EC_EN .EC_EL:last-of-type {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 4px
}

.EC_EJ.EC_EN .EC_EM {
    padding-top: 0;
    margin: auto
}

.EC_EJ.EC_EN .EC_EO {
    margin-top: -5px
}

.EC_EP {
    display: flex;
    justify-content: center;
    margin: 12px 0 8px
}

.EC_Ez {
    display: flex;
    flex-direction: column;
    padding: 0 2px;
    justify-content: space-between;
    align-items: center
}

.EC_Ez .EC_FA {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 14px;
    min-width: 22px;
    font-size: 10px
}

.EC_Ez .EC_FA .EC_FB {
    line-height: 8px
}

.EC_Ez .EC_FC {
    color: var(--text-body);
    margin: 4px 0;
    height: 16px
}

.EC_Ez .EC_FE {
    color: var(--text-title)
}

.EC_Ez .EC_FF {
    color: var(--text-live)
}

.EC_Ez.EC_FG {
    min-width: 14px
}

.EC_Ez.EC_FG .EC_FA,.EC_Ez.EC_FG .EC_FC {
    display: flex;
    min-height: 16px;
    justify-content: center;
    align-items: center;
    margin: 4px 0
}

.EC_Ez.EC_FG .EC_FA {
    min-height: 14px;
    margin: 0
}

.EC_FR {
    color: var(--text-title);
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    margin: 4px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    width: 100%;
    text-align: start;
    max-height: 16px;
    white-space: nowrap
}

.EC_Ew {
    font-weight: 600;
    font-size: 10px;
    line-height: 14px;
    letter-spacing: .25px;
    text-transform: uppercase;
    color: var(--text-body);
    text-align: start;
    max-height: 14px;
    display: flex;
    gap: .25em
}

.EC_Ex {
    unicode-bidi: isolate;
    display: inline-flex
}

.EC_Ey {
    display: inline-flex
}

.EC_El {
    width: 100%;
    height: 82px;
    background-color: var(--control-disabled);
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding-block:10px;padding-inline:12px;border-radius: var(--radius-md)
}

.EC_El .EC_Em {
    flex: 1;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-around
}

.EC_El .EC_Em .EC_En {
    display: flex;
    flex-flow: column nowrap;
    align-items: flex-start
}

.EC_El .EC_Eo {
    max-width: 60%;
    display: flex
}

.EC_El .EC_Eo .EC_Ep {
    display: flex;
    flex-direction: row;
    position: relative;
    overflow: hidden
}

.EC_El .EC_Eo .EC_Ep .EC_Eq {
    display: flex;
    overflow: auto hidden;
    flex-flow: row nowrap;
    position: relative
}

.EC_El .EC_Eo .EC_Ep .EC_Eq.EC_Er {
    scrollbar-color: var(--control-quaternary) transparent;
    scrollbar-width: thin
}

.EC_El .EC_Eo .EC_Ep .EC_Eq.EC_Er::-webkit-scrollbar {
    width: 0;
    height: 4px
}

.EC_El .EC_Eo .EC_Ep .EC_Eq.EC_Er::-webkit-scrollbar-track {
    background-color: transparent;
    border-radius: 2px
}

.EC_El .EC_Eo .EC_Ep .EC_Eq.EC_Er::-webkit-scrollbar-thumb {
    background-color: var(--control-quaternary);
    border-radius: 2px
}

.EC_El .EC_Eo .EC_Ep .EC_Eq.EC_Er::after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: linear-gradient(to right, var(--control-disabled), transparent)
}

.EC_El .EC_Eo .EC_Ep.EC_Es {
    display: flex;
    flex-direction: row-reverse
}

.EC_Eb {
    width: 100%;
    margin: auto
}

.EC_Cn {
    background: var(--background-secondary);
    padding: 24px;
    flex: 1;
    align-items: center;
    height: auto;
    justify-content: center
}

.EC_CV {
    height: 60vh;
    max-height: 600px;
    width: 100%
}

.EC_Cx {
    padding: 2px 0 10px;
    text-align: center
}

.EC_Cy {
    position: relative;
    display: flex;
    padding: 0 8px 8px
}

.EC_Cz {
    min-height: 212px;
    margin: 0 8px
}

.EC_EA.EC_Cz {
    min-height: 440px
}

.EC_Cy.EC_EB {
    margin-bottom: 8px
}

.EC_Cy.EC_EC {
    display: none
}

.EC_HQ {
    display: flex;
    align-items: center;
    color: var(--text-title)
}

.EC_FP {
    display: flex;
    flex-direction: column;
    align-items: flex-end
}

.EC_FQ {
    color: var(--text-live)
}

.EC_FH {
    margin-bottom: 16px;
    background: var(--list-view-background, var(--background-secondary));
    border-radius: var(--radius-md)
}

.EC_Ec {
    text-align: start;
    padding: 0 8px
}

.EC_Ee {
    line-height: 32px;
    cursor: pointer
}

.EC_Ef {
    display: inline-block;
    vertical-align: middle;
    width: 0;
    height: 0;
    border-inline-start:4px solid transparent;border-inline-end:4px solid transparent;border-top: 4px solid #7b756b;
    margin-inline-start:5px;margin-top: -2px
}

.EC_Eg {
    height: 1px;
    background-color: #7b756b
}

.EC_Eh ul {
    background-color: transparent
}

.EC_Eh ul [data-testid=modulor-divider] {
    display: none
}

.EC_q {
    height: 32px
}

.EC_CW {
    max-width: 420px;
    padding: 0 8px 8px;
    margin: auto
}

.EC_CX {
    margin-bottom: 10px;
    text-align: center;
    border-bottom-left-radius: var(--radius-xs);
    border-bottom-right-radius: var(--radius-xs);
    background-color: var(--background-main)
}

.EC_CY {
    border-radius: var(--radius-md)
}

.EC_CZ {
    min-height: 32px
}

.EC_h {
    position: relative;
    width: 100%;
    padding: 8px 0;
    background-color: var(--sport-filter-background);
    overflow-x: hidden
}

:dir(rtl) .EC_h {
    overflow-x: auto
}

.EC_h .EC_i {
    display: flex;
    will-change: transform;
    transition: transform 300ms ease;
    scroll-behavior: smooth
}

:dir(rtl) .EC_h .EC_i {
    direction: rtl;
    flex-direction: row
}

.EC_h .EC_i.EC_j {
    overflow-x: auto;
    scrollbar-width: none
}

.EC_h .EC_i.EC_j::-webkit-scrollbar {
    width: 0;
    height: 0
}

.EC_h .EC_i.EC_j::-webkit-scrollbar-track,.EC_h .EC_i.EC_j::-webkit-scrollbar-thumb {
    border-radius: 0;
    background: transparent
}

.EC_k {
    position: absolute;
    background: var(--control-tertiary);
    z-index: 2;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    cursor: pointer;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    top: calc(50% - 20px)
}

.EC_l {
    left: 0
}

.EC_m {
    right: 0
}

.EC_Cu {
    background: var(--background-secondary);
    box-sizing: border-box;
    padding: 8px 0;
    height: 32px;
    display: flex;
    justify-content: center;
    gap: 4px
}

.EC_Cv {
    color: var(--text-disable)
}

.EC_FI {
    padding-block:16px;padding-inline:8px;display: flex;
    gap: 6px;
    background: var(--dynamic-violet);
    align-items: center;
    cursor: pointer
}

.EC_FI .EC_FJ {
    flex-grow: 1
}

.EC_Fi {
    width: 100%;
    display: flex;
    justify-content: center
}

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

.EC_Fr {
    margin-bottom: 20px
}

.EC_Fs {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 4px
}

.EC_Ft {
    color: var(--text-boosted-odd)
}

.EC_Fj {
    background-color: var(--background-main);
    box-shadow: none;
    align-items: flex-start;
    border-bottom: 1px solid var(--divider-main)
}

.EC_Fj:last-of-type {
    border-bottom: none
}

.EC_Fk {
    outline: none;
    border: none;
    background: none;
    width: 100%;
    display: flex;
    align-items: center;
    padding: 16px;
    cursor: pointer;
    min-height: 56px
}

.EC_Fl {
    padding-block:8px;padding-inline:12px}

.EC_Fm {
    color: var(--text-title);
    white-space: nowrap;
    flex-shrink: 1
}

.EC_Fn {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-inline-start:auto;width: -moz-fit-content;
    width: fit-content;
    gap: 8px
}

.EC_Fo {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px 8px;
    min-width: 0
}

.EC_Fp {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    flex-grow: 1;
    min-width: 0
}

.EC_Ff {
    display: flex;
    margin-bottom: 8px
}

.EC_Ff.EC_Fg {
    margin-inline-start:156px}

.EC_Fh {
    justify-content: center;
    align-items: center;
    flex: 1;
    padding: 0 8px;
    text-align: center;
    color: var(--text-body);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 20px;
    font-size: 12px;
    font-weight: 590
}

.EC_IH {
    text-decoration: line-through
}

.EC_HU {
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1;
    height: 56px;
    -webkit-user-select: none;
    user-select: none;
    background-color: var(--control-disabled);
    color: var(--text-disable);
    border-radius: var(--radius-xs);
    padding-block:11px;padding-inline:4px}

.EC_He {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    min-height: 56px;
    margin-inline-end:4px;padding-block:11px;padding-inline:4px;width: 100%;
    border-radius: var(--radius-xs);
    border: none;
    background-color: var(--control-secondary);
    color: var(--text-body);
    cursor: pointer
}

.EC_Hf,.EC_Hg {
    background-color: var(--control-disabled);
    color: var(--text-disable);
    pointer-events: none
}

.EC_Hh {
    background: var(--control-primary);
    color: var(--text-subtitle)
}

.EC_Hh .EC_Hi {
    color: var(--text-primary-control)
}

.EC_Hj {
    background: var(--control-boosted-odd)
}

.EC_Hj:hover {
    background: var(--control-boosted-odd-hover)
}

.EC_He:last-of-type {
    margin-inline-end:0}

.EC_Hg .EC_Hk {
    max-height: 20px;
    background-color: transparent
}

.EC_Hl {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    max-height: 20px
}

@media(hover: hover) {
    .EC_He:hover {
        background-color:var(--control-secondary-hover)
    }

    .EC_Hh:hover {
        background: var(--control-primary-hover)
    }
}

.EC_HR {
    display: flex;
    padding-bottom: 8px;
    gap: 8px
}

.EC_HR:nth-of-type(odd) {
    background-color: var(--background-main)
}

.EC_HR .EC_HS {
    flex: 1;
    margin: 0
}

.EC_Gz {
    padding-bottom: 8px
}

.EC_Gz .EC_HA {
    padding: 0 8px;
    min-height: 56px;
    border-inline-end:1px solid transparent}

.EC_HB {
    display: flex;
    flex-direction: column;
    flex: 1;
    margin-inline-start:8px}

.EC_HB:first-of-type {
    margin-inline-start:0}

.EC_HC {
    display: flex
}

.EC_Ga {
    display: flex;
    flex-direction: column;
    flex: 1
}

.EC_Gb {
    display: flex
}

.EC_HH {
    display: flex;
    padding-bottom: 8px;
    gap: 8px
}

.EC_HH:last-child {
    padding-bottom: 0
}

.EC_HH .EC_HI {
    flex: 1;
    padding: 0 8px;
    margin: 0;
    min-height: 56px
}

.EC_II {
    display: flex;
    flex-direction: column;
    align-items: center
}

.EC_IJ {
    color: var(--text-primary_control)
}

.EC_Hx {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    min-height: 36px;
    margin-inline-end:4px;padding-block:6px;padding-inline:4px;width: 100%;
    border-radius: var(--radius-xs);
    border: none;
    background-color: var(--control-secondary);
    color: var(--text-body);
    cursor: pointer
}

.EC_Hy {
    background-color: var(--control-tertiary)
}

.EC_Hz,.EC_IA {
    background-color: var(--control-disabled);
    color: var(--text-disable);
    pointer-events: none
}

.EC_IB {
    background: var(--control-primary);
    color: var(--text-subtitle)
}

.EC_IB .EC_IC {
    color: var(--text-primary-control)
}

.EC_IE {
    padding-block:2px;padding-inline:4px}

.EC_Hx:last-of-type {
    margin-inline-end:0}

.EC_IA {
    pointer-events: none
}

.EC_IF {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    max-height: 20px
}

.EC_IG {
    height: 36px;
    background-color: var(--control-disabled)
}

@media(hover: hover) {
    .EC_Hx:hover {
        background-color:var(--control-secondary-hover)
    }

    .EC_IB:hover {
        background: var(--control-primary-hover)
    }
}

.EC_HK {
    display: flex;
    gap: 8px;
    padding-bottom: 8px;
    flex-direction: row
}

.EC_HK:last-child {
    padding-bottom: 0
}

.EC_HK .EC_HL {
    flex: 0 50%;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px
}

.EC_HK .EC_HM {
    flex: 0 50%;
    min-width: 82px;
    height: 36px;
    background-color: var(--control-disabled);
    opacity: .7;
    border-radius: var(--radius-xs)
}

.EC_Hm {
    text-align: center;
    height: 56px;
    border-radius: var(--radius-xs);
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 4px;
    color: var(--text-title)
}

.EC_Hs {
    text-align: center;
    height: 56px;
    border-radius: var(--radius-xs);
    overflow: hidden;
    display: flex;
    align-items: center;
    padding: 0 4px
}

.EC_Hs .EC_Ht {
    color: var(--text-title);
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

.EC_Hu {
    text-align: start;
    padding: 0 8px
}

.EC_Hv {
    text-align: end;
    padding: 0 8px
}

.EC_Hw {
    text-align: center;
    padding: 0 4px;
    margin: 0 auto
}

.EC_HN {
    display: grid;
    grid-gap: 8px;
    padding-bottom: 8px
}

.EC_HO {
    padding: 0 8px;
    margin: 0
}

.EC_GZ {
    padding: 0 8px;
    margin: 0
}

.EC_Gf {
    display: flex;
    margin-bottom: 8px
}

.EC_Gf .EC_Gg {
    flex: 1;
    padding: 0 8px;
    min-height: 56px;
    margin: 0;
    border-inline-end:1px solid transparent}

.EC_Gf .EC_Gg :last-child {
    border-inline-end:none}

.EC_Gh {
    display: flex;
    flex-direction: column;
    flex: 1 50%
}

.EC_Gh:nth-of-type(even) .EC_Gf {
    margin-inline-start:8px}

.EC_Gi {
    display: flex;
    flex-wrap: wrap
}

.EC_Hn {
    display: flex;
    gap: 8px
}

.EC_Hn .EC_Ho {
    flex: 1;
    padding: 0 8px;
    margin: 0;
    min-height: 56px
}

.EC_HG {
    display: flex;
    gap: 8px;
    padding-bottom: 8px
}

.EC_HG>* {
    flex: 1;
    margin: 0
}

.EC_HP {
    display: flex;
    gap: 8px;
    padding-bottom: 8px
}

.EC_HP>* {
    flex: 1;
    margin: 0
}

.EC_Hp {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%
}

.EC_Hp:last-of-type {
    margin-inline-end:4px}

@media all and (max-width: 1279px) {
    .EC_Hp:last-of-type {
        margin-inline-end:12px
    }
}

.EC_Hq {
    padding: 0 8px;
    margin: 0;
    min-width: 84px;
    min-height: 48px;
    height: 48px
}

.EC_Hq.EC_Hr {
    border-radius: var(--radius-xs);
    background-color: var(--control-disabled);
    color: var(--text-disable);
    pointer-events: none;
    display: flex;
    justify-content: center;
    align-items: center
}

.EC_HE {
    height: 48px;
    border-radius: var(--radius-xs);
    overflow: hidden;
    display: flex;
    align-items: center;
    padding: 0 4px;
    justify-content: left
}

.EC_HE .EC_HF {
    color: var(--text-title);
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

.EC_Gj {
    display: flex;
    flex-direction: row;
    overflow: hidden;
    margin-bottom: 8px
}

.EC_Gj.EC_Gk {
    margin-inline-end:-8px}

.EC_Gl {
    display: flex;
    flex-direction: column;
    width: 144px;
    padding: 0 8px 0 4px;
    gap: 8px
}

.EC_Gl.EC_Gm {
    background: var(--background-main);
    box-shadow: 0 0 40px 0 var(--icon-disabled)
}

.EC_Gn {
    width: calc(100% - 144px)
}

.EC_Go {
    width: 100%
}

.EC_Go.EC_Gp {
    margin-inline-end:12px}

.EC_HV {
    display: flex;
    gap: 8px;
    align-items: center;
    padding: 4px
}

.EC_HV .EC_HW {
    display: flex;
    width: 16px;
    height: 16px;
    min-width: 14px;
    padding: 0 5px 1px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 75px;
    background: var(--control-text-button-hover)
}

.EC_HV .EC_HW .EC_HX {
    color: var(--text-title)
}

.EC_HV .EC_HY {
    flex: 1
}

.EC_HV .EC_HZ {
    display: flex;
    gap: 12px;
    flex: 1;
    align-items: center
}

.EC_HV .EC_HZ .EC_Ha {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex: 1 0 0
}

.EC_HV .EC_HZ .EC_Hb,.EC_HV .EC_HZ .EC_Hc {
    display: -webkit-box;
    align-self: stretch;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical
}

.EC_HV .EC_HZ .EC_Hb {
    color: var(--text-title);
    -webkit-line-clamp: 2
}

.EC_HV .EC_HZ .EC_Hc {
    color: var(--text-body);
    -webkit-line-clamp: 1
}

.EC_HJ {
    padding: 0 8px;
    margin: 0
}

.EC_Gx {
    display: flex;
    gap: 8px
}

.EC_Gx .EC_Gy {
    flex: 1;
    padding: 0 8px;
    margin: 0;
    min-height: 56px;
    border-inline-end:1px solid transparent}

.EC_HT {
    display: flex;
    gap: 8px;
    padding-bottom: 8px
}

.EC_HT:last-child {
    padding-bottom: 0
}

.EC_HT>* {
    flex: 1;
    margin: 0
}

.EC_HT>*:nth-of-type(1) {
    order: 2
}

.EC_HT>*:nth-of-type(2) {
    order: 1
}

.EC_HT>*:nth-of-type(3) {
    order: 3
}

.EC_Gc {
    display: flex;
    gap: 8px
}

.EC_Gc .EC_Ge {
    flex: 1;
    padding: 0 8px;
    margin: 0;
    min-height: 56px;
    border-inline-end:1px solid transparent}

.EC_Et {
    padding: 0 8px 8px
}

.EC_Eu {
    padding: 0 12px 12px
}

.EC_Ev {
    word-break: break-word
}

.EC_Fa {
    position: relative;
    padding-block:10px;padding-inline:16px;background: var(--dynamic-violet);
    margin: 8px;
    border-radius: var(--radius-md)
}

.EC_Fa .EC_Fb {
    color: var(--text-title);
    display: block;
    padding-inline-end:16px}

.EC_Fa .EC_Fc {
    position: absolute;
    right: 8px;
    top: 8px;
    z-index: 1
}

.EC_Fa .EC_Fe {
    margin-top: 10px
}

.EC_EH {
    width: 100%
}

.EC_EI {
    display: flex;
    justify-content: center;
    padding: var(--indent-xxxxxl)
}

.EC_AL {
    min-width: 72px;
    max-width: 72px;
    display: flex;
    flex-flow: column;
    align-items: center;
    padding: 2px;
    outline: none;
    border: none;
    background-color: transparent;
    box-sizing: content-box;
    position: relative
}

.EC_AL:first-of-type {
    margin-inline-start:8px}

.EC_AL:last-of-type {
    margin-inline-end:8px}

.EC_AL:hover {
    cursor: pointer
}

.EC_AL .EC_AM {
    width: 56px;
    height: 56px;
    border-radius: var(--radius-adv-sport-filter-item-default);
    border: var(--stroke-sport-filter-item-default) solid var(--sport-filter-item-default-stroke);
    background-color: var(--sport-filter-item-default-background);
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    overflow: hidden
}

.EC_AL .EC_AM:hover {
    transition: .5s;
    background-color: var(--sport-filter-item-default-background-hover);
    border: var(--stroke-sport-filter-item-default) solid var(--sport-filter-item-default-stroke-hover)
}

.EC_AL .EC_AN {
    background-color: var(--sport-filter-item-selected-background);
    border-radius: var(--radius-adv-sport-filter-item-default);
    border: var(--stroke-sport-filter-item-selected) solid var(--sport-filter-item-selected-stroke)
}

.EC_AL .EC_AN:hover {
    transition: .5s;
    background-color: var(--sport-filter-item-selected-background-hover);
    border: var(--stroke-sport-filter-item-selected) solid var(--sport-filter-item-selected-stroke-hover)
}

.EC_AL .EC_AM .EC_AO {
    position: absolute;
    left: 0;
    z-index: 1;
    top: 4px;
    height: 14px;
    display: flex;
    align-items: center;
    justify-content: center
}

.EC_AL .EC_AP {
    position: absolute;
    z-index: 1;
    top: 38px;
    left: 46px;
    height: 24px;
    width: 24px;
    background-color: var(--sport-filter-background);
    border-radius: 50%
}

.EC_AL .EC_AQ {
    text-align: center;
    margin-top: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 72px
}

.EC_AL .EC_AQ a {
    color: var(--sport-filter-item-default-title)
}

.EC_AL .EC_AR a {
    color: var(--sport-filter-item-selected-title)
}

.EC_Bg {
    display: inline-block;
    vertical-align: middle
}

.EC_Bh circle {
    transform-origin: 12px 12px;
    stroke-dashoffset: 0;
    stroke-dasharray: 0,95px;
    will-change: transform,stroke-dasharray,stroke-dashoffset;
    animation-name: EC_Bi;
    animation-duration: 1.6s;
    animation-iteration-count: infinite;
    animation-direction: normal;
    animation-fill-mode: forwards;
    animation-timing-function: linear
}

.EC_Bj circle {
    animation-name: EC_Bk;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-direction: normal;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
    animation-fill-mode: both
}

.EC_Bj circle:nth-child(1) {
    animation-delay: .1s
}

.EC_Bj circle:nth-child(2) {
    animation-delay: .2s
}

.EC_Bj circle:nth-child(3) {
    animation-delay: .3s
}

.EC_Bl polygon {
    opacity: 0
}

.EC_Bl polygon:nth-child(1) {
    transform: translate3d(0, 0, 0);
    animation-name: EC_Bm;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    animation-direction: normal;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
    animation-fill-mode: backwards
}

.EC_Bl polygon:nth-child(2) {
    transform: translate3d(20px, 0, 0);
    animation-name: EC_Bn;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    animation-direction: normal;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
    animation-fill-mode: backwards
}

@keyframes EC_Bk {
    0%,100% {
        opacity: 0
    }

    50% {
        opacity: 1
    }
}

@keyframes EC_Bi {
    0% {
        stroke-dasharray: 0,95px;
        stroke-dashoffset: 0;
        transform: rotate(0deg)
    }

    50% {
        stroke-dashoffset: -25px;
        stroke-dasharray: 95px,95px;
        transform: rotate(180deg)
    }

    100% {
        stroke-dashoffset: -59px;
        stroke-dasharray: 95px,95px;
        transform: rotate(360deg)
    }
}

@keyframes EC_Bm {
    0%,12.5% {
        transform: translate3d(0, 0, 0);
        opacity: 0
    }

    25% {
        transform: translate3d(8px, 0, 0);
        opacity: .9
    }

    37.5%,62.5% {
        transform: translate3d(8px, 0, 0);
        opacity: 1
    }

    75% {
        transform: translate3d(8px, 0, 0);
        opacity: .9
    }

    87.5% {
        transform: translate3d(15px, 0, 0);
        opacity: 0
    }

    100% {
        transform: translate3d(20px, 0, 0)
    }
}

@keyframes EC_Bn {
    0% {
        transform: translate3d(20px, 0, 0);
        opacity: 0
    }

    12.5% {
        transform: translate3d(15px, 0, 0);
        opacity: 0
    }

    25%,75% {
        transform: translate3d(10px, 0, 0);
        opacity: .9
    }

    37.5%,62.5% {
        opacity: 1
    }

    87.5%,100% {
        transform: translate3d(0, 0, 0);
        opacity: 0
    }
}

.EC_Ae {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 100px;
    background-color: var(--adv-sidebar-background-main);
    z-index: 1
}

.EC_Cw {
    margin-top: 8px;
    padding: 0;
    position: relative;
    background-color: transparent
}

.EC_Gv {
    background-color: var(--dynamic-orange);
    box-sizing: border-box;
    padding: 8px 0;
    height: 32px;
    display: flex;
    justify-content: center;
    gap: 4px
}

.EC_Gw {
    color: var(--text-warning)
}

.EC_FO {
    border-bottom: solid 2px var(--text-warning)
}

.EC_CN {
    width: 100%;
    height: -moz-fit-content;
    height: fit-content;
    margin-top: 16px;
    display: flex;
    flex-direction: column;
    background-color: var(--background-main);
    border-radius: var(--radius-lg);
    overflow: hidden
}

.EC_CO {
    border-bottom: 1px solid var(--divider-main)
}

.EC_CP {
    overflow-x: visible;
    max-width: 100%
}

.EC_CP [data-testid=marketTabs-button] {
    margin: 0;
    padding-block:4px;padding-inline:12px}

.EC_CP button[disabled] span {
    color: var(--text-disable)
}

.EC_CQ {
    background-color: var(--control-tertiary);
    width: 24px;
    height: 24px;
    top: calc(50% - 12px)
}

.EC_CQ:hover {
    background-color: var(--control-secondary-hover)
}

.EC_CR {
    left: 8px
}

.EC_CS {
    right: 8px
}

.EC_CT {
    margin-top: 10px
}

.EC_FS {
    color: var(--surface_default);
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-inline-end:110px;width: 100%;
    position: relative
}

.EC_FS.EC_FT {
    padding-inline-start:48px}

.EC_FS.EC_FU {
    padding-inline-start:16px}

.EC_FV {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.EC_FW {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.EC_FX {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 8px
}

.EC_FY {
    font-weight: 400;
    font-size: 14px;
    line-height: 16px
}

.EC_FZ {
    z-index: 1
}

.EC_EU {
    display: flex;
    flex: 0 0 calc(100% - 8px);
    max-width: calc(656px + 8px);
    transform: translateZ(0)
}

.EC_EV {
    width: 100%;
    margin-inline-end:8px;border-radius: var(--radius-xxs);
    overflow: hidden;
    display: flex
}

.EC_EW {
    flex: 0 0 100%;
    max-width: 100%
}

.EC_EW .EC_EV {
    margin-inline-end:0}

.EC_EX {
    display: flex;
    justify-content: space-between;
    width: 100%;
    cursor: pointer
}

.EC_EY.EC_EU {
    flex: 0 0 calc(600px + 8px);
    max-width: calc(100% + 8px)
}

.EC_EY.EC_EW {
    flex: 0 0 100%
}

.EC_Cg {
    padding: 8px;
    height: 144px;
    margin-bottom: 8px
}

.EC_Ch {
    height: 128px
}

.EC_Ci {
    left: 12px
}

.EC_Cj {
    right: 12px
}

.EC_c {
    transition: transform 175ms ease-out;
    position: sticky;
    z-index: 10
}

.EC_c.EC_e {
    transition: transform 200ms ease-in
}

.EC_r {
    display: flex;
    flex-direction: column;
    background-color: var(--sport-filter-background);
    top: 0
}

@supports(-webkit-touch-callout: none) {
    .EC_r {
        top: var(--header-height)
    }
}

.EC_r.EC_s {
    transform: translateY(0)
}

.EC_r.EC_t {
    transform: translateY(calc((101px + var(--header-height)) * -1))
}

.EC_u {
    top: 16px;
    left: 6px
}

.EC_v {
    top: 16px;
    right: 6px
}

.EC_w {
    padding: 0 8px;
    background-color: var(--sport-filter-background)
}

.EC_x div {
    visibility: hidden
}

.EC_a {
    position: relative
}

.EC_Bx {
    background: var(--background-main);
    border-radius: var(--radius-xxs);
    height: 48px;
    flex: none;
    padding: 0 12px;
    display: flex;
    align-items: center
}

.EC_By {
    width: 122px;
    height: 6px;
    border-radius: var(--radius-sm);
    background-color: #e0e0e0
}

.EC_BE {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.EC_BE:not(:empty) {
    padding: 8px 8px 0
}

.EC_BE.EC_BF:not(:empty) {
    padding: 8px 0 0
}

.EC_AS {
    border-top-left-radius: var(--radius-lg);
    border-top-right-radius: var(--radius-lg);
    overflow: hidden
}

.EC_Bz {
    display: flex;
    min-height: 40px;
    align-items: center
}

.EC_CA {
    overflow: inherit;
    white-space: inherit;
    text-overflow: inherit;
    color: var(--text, var(--text-body));
    font-family: -apple-system,BlinkMacSystemFont,Roboto,"Segoe UI",Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",Arial,sans-serif;
    margin: 0;
    padding: 0;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px;
    color: var(--text-title);
    padding: 0 var(--indent-sm);
    text-transform: capitalize;
    align-items: center;
    display: flex
}

.EC_CB {
    float: right
}

.EC_CB .EC_CC {
    fill: var(--icon-main)
}

.EC_CB button[disabled] {
    opacity: .25
}

.EC_CB button {
    width: 40px;
    height: 40px;
    border: none;
    background: none;
    border-radius: 50%;
    cursor: pointer
}

.EC_CB button:hover:not([disabled],.EC_CE) {
    background: var(--background-secondary)
}

.EC_CF {
    display: flex;
    min-height: 40px;
    align-items: center
}

.EC_CF .EC_CG {
    width: 40px;
    height: 40px;
    overflow: inherit;
    white-space: inherit;
    text-overflow: inherit;
    color: var(--text, var(--text-body));
    font-family: -apple-system,BlinkMacSystemFont,Roboto,"Segoe UI",Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",Arial,sans-serif;
    margin: 0;
    padding: 0;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.32px;
    color: var(--text-disable);
    text-transform: capitalize;
    display: flex;
    align-items: center;
    justify-content: center
}

.EC_CH {
    display: flex;
    min-height: 40px;
    align-items: center
}

.EC_CI {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center
}

.EC_CI:hover:not(.EC_CJ) {
    background: var(--background-secondary);
    border-radius: 50%
}

.EC_CI.EC_CJ {
    opacity: .25
}

.EC_CI .EC_CK {
    cursor: pointer;
    width: 40px;
    height: 40px;
    padding: 0;
    border: none;
    background: none
}

.EC_CL:not([disabled]) {
    width: 40px;
    height: 40px;
    overflow: inherit;
    white-space: inherit;
    text-overflow: inherit;
    color: var(--text, var(--text-body));
    font-family: -apple-system,BlinkMacSystemFont,Roboto,"Segoe UI",Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",Arial,sans-serif;
    margin: 0;
    padding: 0;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.32px;
    background: var(--control-primary);
    color: var(--text-primary-control);
    font-weight: 400;
    padding: 0;
    border-radius: 50%
}

.EC_CM:not([disabled]) {
    overflow: inherit;
    white-space: inherit;
    text-overflow: inherit;
    color: var(--text, var(--text-body));
    font-family: -apple-system,BlinkMacSystemFont,Roboto,"Segoe UI",Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",Arial,sans-serif;
    margin: 0;
    padding: 0;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    color: var(--text-title)
}

.EC_Ac {
    width: 48px;
    padding: 8px 0;
    align-self: center;
    text-align: center;
    border-inline-start:1px solid var(--divider-main);background-color: var(--sport-filter-background)
}

.EC_AI {
    padding: 0 8px;
    margin-bottom: 16px;
    border-top: 1px solid var(--sport-filter-divider);
    height: 48px;
    border-bottom-left-radius: var(--radius-lg);
    border-bottom-right-radius: var(--radius-lg);
    background-color: var(--sport-filter-background);
    display: flex;
    justify-content: space-between;
    top: 101px
}

@supports(-webkit-touch-callout: none) {
    .EC_AI {
        top: calc(var(--header-height) + 101px)
    }
}

.EC_AI.EC_AJ {
    transform: translateY(-101px)
}

.EC_AK {
    display: flex;
    align-items: center;
    overflow-x: auto;
    scrollbar-color: var(--control-quaternary) transparent;
    scrollbar-width: thin
}

.EC_AK::-webkit-scrollbar {
    width: 0;
    height: 4px
}

.EC_AK::-webkit-scrollbar-track {
    background-color: transparent;
    border-radius: 2px
}

.EC_AK::-webkit-scrollbar-thumb {
    background-color: var(--control-quaternary);
    border-radius: 2px
}

.EC_Al {
    width: 100%;
    height: 100vh;
    position: fixed;
    inset: 0;
    z-index: 103
}

.EC_Am {
    width: 100%;
    height: 100%
}

.EC_EE.EC_EE {
    z-index: 100000
}

.EC_EF {
    color: var(--text-title)
}

.EC_EG {
    color: var(--color-primary);
    padding-block:8px;padding-inline:16px}

@keyframes EC_Ce {
    from {
        margin-top: 100%
    }

    to {
        margin-top: 0%
    }
}

.EC_Ca {
    position: sticky;
    width: 100%;
    z-index: 99;
    top: 0
}

.EC_Ca.EC_Cb {
    position: fixed
}

.EC_Ca .EC_Cc {
    animation-duration: .3s;
    animation-name: EC_Ce;
    animation-iteration-count: 1;
    animation-direction: alternate;
    height: 100%
}

.EC_Ca .EC_Cf {
    display: flex
}

.EC_Ca .EC_Cf>*:last-child {
    margin-inline-end:16px}

.EC_B {
    display: flex;
    justify-content: center;
    /* height:32px; */
    margin: 0
}

.EC_N [data-id=modulor-icon] {
    color: var(--icon-main) !important
}

.EC_Cl {
    margin: 8px 0
}

.EC_Cl .EC_Cm {
    border-radius: var(--radius-xxxs);
    border-bottom: 1px solid var(--background-secondary)
}

.EC_Cl .EC_Cm:last-of-type {
    border-bottom-left-radius: var(--radius-lg);
    border-bottom-right-radius: var(--radius-lg)
}

.EC_Ck {
    border-top: 1px solid var(--divider-main);
    border-radius: var(--radius-xxxs)
}

.EC_Ck:last-of-type {
    border-bottom-left-radius: var(--radius-lg);
    border-bottom-right-radius: var(--radius-lg)
}

.EC_BP {
    display: -webkit-box;
    margin-inline-start:8px;text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.EC_BQ {
    max-height: 40px;
    display: flex;
    align-items: center;
    overflow: hidden
}

.EC_BR {
    max-width: calc(100% - 24px - 8px)
}

.EC_BS {
    height: 40px;
    padding: 0 16px;
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: center;
    justify-content: space-between
}

.EC_BS .EC_BP {
    white-space: nowrap;
    display: block;
    width: 100%
}

.EC_BS .EC_BQ {
    max-width: 100%
}

.EC_BS.EC_BT {
    display: grid;
    grid-template-areas: "title market-name favorite";
    grid-template-columns: minmax(auto, 33%) 1fr auto
}

.EC_BS.EC_BT .EC_BU {
    grid-area: image
}

.EC_BS.EC_BT .EC_BV {
    grid-area: favorite
}

.EC_BS.EC_BT .EC_BW {
    grid-area: market-name;
    display: flex;
    width: 100%;
    align-items: center;
    gap: 6px;
    align-self: stretch
}

.EC_BS.EC_BT .EC_BW .EC_BX {
    display: block;
    width: 100%;
    text-align: center
}

.EC_BY {
    cursor: pointer
}

.EC_Ab {
    background-color: var(--background-main);
    border-radius: var(--radius-lg);
    margin: 8px 0
}

.EC_Ab:first-of-type {
    margin: 0 0 8px
}

.EC_Be {
    height: auto
}

.EC_Bf {
    min-height: 85px;
    height: auto
}

.EC_y {
    display: flex;
    justify-content: space-between;
    background-color: var(--background-secondary);
    padding-block:8px;padding-inline:16px;align-items: center;
    position: relative;
    z-index: 9
}

.EC_y.EC_z {
    position: sticky;
    z-index: 10;
    top: calc(101px + 48px)
}

.EC_y.EC_z.EC_AA {
    top: 101px
}

.EC_y.EC_z.EC_AB {
    transform: translateY(-101px)
}

@supports(-webkit-touch-callout: none) {
    .EC_y.EC_z {
        top: calc( var(--header-height) + 101px + 48px )
    }

    .EC_y.EC_z.EC_AA {
        top: calc(var(--header-height) + 101px)
    }
}

.EC_y.EC_AC {
    top: calc(101px)
}

.EC_AE {
    display: flex
}

.EC_AF {
    margin-inline-start:8px}

.EC_AG {
    margin: 0 10px 0 16px
}

.EC_AH [data-id=modulor-icon] {
    position: relative
}

.EC_AH [data-id=modulor-icon]::after {
    content: "";
    position: absolute;
    left: -50%;
    top: -50%;
    width: 48px;
    height: 48px
}

.EC_At:not(:last-child) {
    margin-bottom: 8px
}

.EC_Au {
    padding: 0 8px 8px
}

.EC_Av {
    padding-bottom: 0
}

.EC_Aw {
    color: var(--text-title)
}

.EC_AT {
    background-color: var(--background-main);
    padding: 16px;
    margin-top: 8px
}

.EC_AU {
    margin-block:8px;margin-inline:16px;display: inline-block
}

.EC_AV {
    background-color: var(--background-main);
    border-radius: var(--radius-md)
}

.EC_AV:not(:last-child) {
    margin-bottom: 8px
}

.EC_AW {
    color: var(--content-title, var(--text-body))
}

.EC_CU {
    padding: 8px;
    text-align: center
}

.EC_Af {
    padding-top: 55px
}

.EC_Ag {
    padding: 8px;
    text-align: center
}

.EC_Bu {
    position: fixed;
    inset: 0;
    background: var(--background-modalview);
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    max-height: 100vh;
    overflow: hidden;
    cursor: auto
}

.EC_Bv {
    z-index: 10003
}

.EC_Bw {
    background-color: var(--background-main);
    border-radius: var(--radius-lg);
    position: relative
}

.EC_Ap {
    margin: 0;
    padding: var(--indent-xl)
}

[dir=rtl] .EC_Ap nav button {
    transform: rotate(180deg)
}

.EC_Aq {
    color: var(--text-link);
    padding: var(--indent-md) var(--indent-xs);
    display: block;
    cursor: pointer
}

.EC_Ar {
    display: flex;
    flex-direction: column;
    align-items: center
}

.EC_As {
    width: 100%
}

.EC_As [data-component-name=modulor-navigation-bar-layout] {
    border-top-left-radius: var(--radius-lg);
    border-top-right-radius: var(--radius-lg)
}

.EC_Bo {
    display: flex;
    padding: var(--indent-xs) var(--indent-md) 10px var(--indent-md);
    align-items: center;
    gap: var(--indent-md);
    align-self: stretch;
    min-height: 48px
}

.EC_Bo .EC_Bp {
    display: flex;
    align-items: center;
    gap: var(--indent-md);
    flex: 1 0 0
}

.EC_Bo .EC_Bp.EC_Bq {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--indent-xxxxs)
}

.EC_Bo .EC_Bp .EC_Br {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--indent-xxxxs);
    flex: 1 0 0
}

.EC_Bo .EC_Bs {
    width: 40px
}

.EC_Bo .EC_Bt {
    color: var(--text-title)
}

.EC_An {
    min-height: 32px;
    display: flex;
    justify-content: center;
    padding-bottom: var(--indent-md)
}

.EC_Ao {
    display: flex;
    min-height: 32px;
    padding: var(--indent-xxxs) 0;
    justify-content: center;
    align-items: center;
    align-self: stretch;
    text-align: center
}

.EC_O {
    display: flex;
    flex-direction: column;
    margin-top: var(--indent-md);
    min-height: 100%
}

.EC_O.EC_P {
    margin-top: unset
}

.EC_Q {
    position: sticky;
    top: 0
}

.EC_Q div:first-of-type {
    border-radius: var(--radius-lg) var(--radius-lg) 0 0
}

.EC_Q.EC_P div:first-of-type {
    border-radius: 0
}

.EC_R {
    background-color: var(--background-main);
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
    border-radius: 0 0 var(--radius-lg) var(--radius-lg)
}

.EC_R .EC_S {
    display: flex;
    gap: var(--indent-xs)
}

.EC_R .EC_T {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--indent-md)
}

.EC_R .EC_T.EC_P {
    border-bottom: 1px solid var(--divider-main)
}

.EC_R .EC_S .EC_U {
    display: flex;
    align-items: flex-start
}

.EC_R .EC_S .EC_U div:first-of-type {
    width: 100%
}

.EC_R .EC_S .EC_V {
    min-width: 168px
}

.EC_R .EC_S .EC_W {
    min-width: 256px
}

.EC_R .EC_S.EC_P,.EC_R .EC_T.EC_P {
    flex-direction: column;
    width: 100%
}

.EC_R .EC_S.EC_P .EC_U,.EC_R .EC_T.EC_P .EC_U {
    min-width: 100%
}

.EC_R .EC_X {
    width: 100%;
    height: 100%;
    padding: var(--indent-md)
}

.EC_R .EC_X.EC_Y {
    display: flex;
    justify-content: center;
    height: 100vh
}

.EC_R .EC_X.EC_Z {
    padding-top: 96px;
    display: flex;
    justify-content: center;
    height: 100vh
}

.EC_BZ {
    border-radius: var(--radius-md);
    margin: 8px 0;
    padding: 0
}

.EC_BZ:first-of-type {
    margin-top: 0
}

.EC_Ba {
    color: var(--text-title)
}

.EC_Ah {
    padding: 0 16px;
    height: calc(100vh - var(--header-height));
    margin: 16px 0;
    max-height: 100%
}

.EC_Ai {
    margin-bottom: 8px;
    display: flex;
    justify-content: space-between;
    cursor: pointer;
    min-height: 16px;
    align-items: center
}

.EC_Aj {
    color: var(--adv-sidebar-text-link)
}

.EC_Ak::before {
    content: "";
    position: absolute;
    left: -50%;
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: var(--icon-warning);
    opacity: .2
}

.EC_BA {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    padding: 15px;
    cursor: pointer;
    align-items: center;
    border: none;
    border-bottom: 1px solid var(--adv-sidebar-divider-main);
    outline: none;
    font: inherit;
    color: inherit;
    background: none
}

.EC_BA:hover {
    background-color: var(--adv-sidebar-background-secondary)
}

.EC_BA .EC_BB {
    margin-inline-end:16px}

.EC_BA .EC_BC {
    color: var(--adv-sidebar-text-title)
}

.EC_Ay {
    color: var(--adv-sidebar-text-title)
}

.EC_Az {
    width: 100%;
    padding-block:8px 16px;padding-inline:16px;border-bottom: 1px solid var(--adv-sidebar-divider-main)
}

.EC_Ax {
    padding: 16px 16px 0;
    width: 100%
}

.EC_b {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

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

.EC_o {
    padding: 16px;
    border-bottom: 1px solid var(--adv-sidebar-divider-main)
}

.EC_p {
    color: var(--adv-sidebar-text-title)
}

.EC_C {
    margin: 0;
    overflow-y: auto;
    max-height: calc(100vh - var(--header-height))
}

.EC_A {
    padding: 0 12px
}

.EC_EQ {
    display: flex;
    justify-content: space-between;
    margin: 8px 0;
    align-items: baseline;
    min-height: 16px
}

.EC_ER {
    color: var(--adv-sidebar-text-link);
    cursor: pointer
}

.EC_Co {
    margin: 0 0 16px
}

.EC_Cp {
    overflow-y: auto
}

.EC_Cp::-webkit-scrollbar {
    display: none
}

.EC_Cq {
    visibility: hidden
}

.EC_Cr {
    margin-top: -20px
}

.EC_Cs::before {
    content: "";
    position: absolute;
    left: -50%;
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: var(--icon-warning);
    opacity: .2
}

.EC_Ct {
    margin: 8px 0
}