.j4ae560c825ff {
    color: var(--ee79bb6f77339);
    background: var(--i908a02749199)
}
.n0103f1284f6b {
    gap: 8px 16px;
    min-height: 66px;
    padding: 8px 0;
    align-items: center;
    justify-content: space-between;
    display: flex;
    flex-wrap: wrap
}
.k52b24cef2080 {
    gap: 8px;
    align-items: center;
    justify-content: flex-end;
    display: flex;
    flex-wrap: wrap
}.r528f6ebcbe82{outline-offset:0}
.p9c7516eaf579 {
    padding: 9px 0;
    overflow-x: auto;
    scrollbar-width: none;
    gap: 6px;
    display: flex;
    white-space: nowrap
}
.p9c7516eaf579::-webkit-scrollbar {
    display: none
}
.h4d1c3714fa94 {
    color: var(--fe7f8eba38f48,rgb(255,255,255));
    background: var(--pc94c9836117f)
}
.p9c7516eaf579 a {
    display: block;
    padding: 8px 16px;
    font-size: 14px;
    font-weight: 700;
    border-radius: 999px;
    background: color-mix(in srgb,var(--fe7f8eba38f48,rgb(255,255,255)) 14%,transparent)
}
.p9c7516eaf579 .tfc2f2c4c72ed {
    font-weight: 500
}
.p9c7516eaf579 a:hover {
    color: var(--pc94c9836117f);
    background: var(--fe7f8eba38f48,rgb(255,255,255))
}
@media(max-width:480px) {
    .j4ae560c825ff .na6de1f6bb156 {
        font-size: 18px
    }
    .k52b24cef2080 .h799831177ce8 {
        display: none
    }
    .n0103f1284f6b {
        gap: 4px 12px;
        grid-template-columns: minmax(0,1fr)auto;
        display: grid
    }
    .k52b24cef2080 .re66c2c78bff7 {
        grid-row: 2;
        grid-column: 1/-1;
        justify-self: end
    }
    .k52b24cef2080 {
        display: contents
    }
}