.d5558a0c0046f {
    padding: 8px 0;
    gap: 8px 16px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    min-height: 66px;
    justify-content: space-between
}
.nb2610e1c84c3 {
    background: var(--x846d5ea0dfd9);
    color: var(--x4d61cee01265)
}.y6b725f0a127c{z-index:auto}
.e4a7ae8095519 {
    gap: 8px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end
}
.h2f70935ec860 {
    color: var(--l38432f6b0bfe,#fff);
    background: var(--o499835918246)
}
.f9786cc6c8a09 {
    scrollbar-width: none;
    white-space: nowrap;
    overflow-x: auto;
    padding: 9px 0;
    gap: 6px;
    display: flex
}
.f9786cc6c8a09::-webkit-scrollbar {
    display: none
}
.f9786cc6c8a09 a {
    background: color-mix(in srgb,var(--l38432f6b0bfe,#fff) 14%,transparent);
    border-radius: 999px;
    font-size: 14px;
    font-weight: 700;
    display: block;
    padding: 8px 16px
}
.f9786cc6c8a09 a:hover {
    color: var(--o499835918246);
    background: var(--l38432f6b0bfe,#fff)
}
.f9786cc6c8a09 .qcf11faca7944 {
    font-weight: 500
}
@media(max-width:480px) {
    .e4a7ae8095519 .sec8a56b3007a {
        display: none
    }
    .d5558a0c0046f {
        grid-template-columns: minmax(0,1fr)auto;
        gap: 4px 12px;
        display: grid
    }
    .e4a7ae8095519 .w16107d46a50f {
        grid-row: 2;
        grid-column: 1/-1;
        justify-self: end
    }
    .nb2610e1c84c3 .e857d7cd2f4e6 {
        font-size: 18px
    }
    .e4a7ae8095519 {
        display: contents
    }
}.r3bb10fc814f3{z-index:auto}