div.title.svelte-1mesmpq.svelte-1mesmpq {
    display: flex;
    justify-content: space-between
}

div.scroll-container.svelte-1mesmpq.svelte-1mesmpq {
    position: relative
}

div.scroll-container.svelte-1mesmpq ul.m-b.svelte-1mesmpq {
    margin-bottom: 16px !important
}

div.scroll-container.svelte-1mesmpq ul.row-scroll.svelte-1mesmpq {
    display: flex;
    list-style-type: none;
    margin: 0;
    padding: var(--page-pagging);
    scrollbar-width: none;
    -ms-overflow-style: none
}

div.scroll-container.svelte-1mesmpq ul.row-scroll.background.svelte-1mesmpq {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, var(--color-secondary) 40%, var(--color-secondary) 60%, rgba(255, 255, 255, 0) 100%)
}

div.scroll-container.svelte-1mesmpq ul.row-scroll.svelte-1mesmpq::-webkit-scrollbar {
    display: none
}

div.scroll-container.m-t.svelte-1mesmpq.svelte-1mesmpq {
    margin-top: 16px
}

div.scroll-container.svelte-1mesmpq:hover .scroll-button.visibile.svelte-1mesmpq {
    opacity: 1
}

div.scroll-container.svelte-1mesmpq:hover .scroll-button.svelte-1mesmpq:hover {
    background-color: #071543cc
}

div.scroll-container.svelte-1mesmpq .scroll-button.svelte-1mesmpq {
    align-items: center;
    background-color: #07154380;
    border-radius: 50%;
    color: #fff;
    display: flex;
    padding: 8px 16px;
    border: none;
    cursor: pointer;
    height: 64px;
    justify-content: center;
    opacity: 0;
    position: absolute;
    top: 25%;
    transition: opacity .3s ease;
    width: 64px;
    z-index: 2
}

div.scroll-container.svelte-1mesmpq .scroll-button.left.svelte-1mesmpq {
    left: 8px
}

div.scroll-container.svelte-1mesmpq .scroll-button.right.svelte-1mesmpq {
    right: 8px
}

div.scroll-container.mobile.svelte-1mesmpq button.svelte-1mesmpq {
    display: none
}

div.scroll-container.mobile.svelte-1mesmpq ul.row-scroll.svelte-1mesmpq {
    padding: 0
}