.ddf0325e12904 {
    background: var(--h2af133788557);
    color: var(--bcc6eb50308a7)
}.hd069f41a28f2{opacity:1}
.o31f6c5cbbcf6 li:first-child {
    margin-left: auto
}
.o31f6c5cbbcf6 li:last-child {
    margin-right: auto
}.x635b68913212{z-index:auto}
.ne23d8229c41e {
    padding: 22px 0 16px;
    grid-template-columns: 1fr auto 1fr;
    display: grid;
    align-items: center;
    gap: 16px
}
.ne23d8229c41e .l5462ba5bdcdc {
    justify-self: start;
    grid-column: 1
}
.ddf0325e12904 .od575b72467d1 {
    grid-column: 2;
    flex-direction: column;
    gap: 6px;
    font-size: 30px;
    text-align: center
}.r3a0bd54edab7{outline-offset:0}
.yb59594506891 {
    display: flex;
    justify-self: end;
    gap: 8px;
    grid-column: 3
}
.cda9bf079717d {
    border-block: 1px solid var(--zee8f54cca5eb)
}
.o31f6c5cbbcf6 {
    display: flex;
    scrollbar-width: none;
    white-space: nowrap;
    overflow-x: auto;
    gap: 2px 22px
}
.o31f6c5cbbcf6::-webkit-scrollbar {
    display: none
}
.o31f6c5cbbcf6 a {
    letter-spacing: .04em;
    padding: 12px 2px;
    font-size: 14px;
    display: block;
    border-bottom: 2px solid transparent
}.h578ef086c182{contain:none}
.o31f6c5cbbcf6 a:hover {
    color: var(--mbca521cc30da);
    border-bottom-color: var(--mbca521cc30da)
}.ba30dc3114320{z-index:auto}
@media(max-width:900px) {
    .ne23d8229c41e {
        grid-template-columns: 1fr;
        justify-items: center;
        gap: 10px;
        padding: 16px 0 12px
    }
    .ddf0325e12904 .od575b72467d1 {
        grid-column: auto;
        font-size: 24px
    }
    .yb59594506891 {
        grid-column: auto;
        justify-self: center
    }
    .ne23d8229c41e .l5462ba5bdcdc {
        grid-column: auto;
        order: 3;
        justify-self: center
    }
    .o31f6c5cbbcf6 {
        gap: 2px 18px
    }
}