.navigation-banner ul
{
    padding:0;
    margin:0;
    list-style:none
}
.navigation-banner li
{
    margin:0;
}
.navigation-banner .navigation-banner__swiper .swiper-slide
{
    width:auto
}
.navigation-banner .navigation-banner__swiper-next
{
    display:flex;
    align-items:center;
    justify-content:center;
    position:absolute;
    z-index:1;
    top:0;
    bottom:var(--nav-banner-next-offset);
    right:0;
    background:var(--color-scheme-background-color);
    cursor:pointer
}
.navigation-banner .navigation-banner__swiper-next.swiper-button-disabled
{
    opacity:0;
    visibility:hidden
}
.navigation-banner .navigation-banner__swiper-next:after
{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:40px;
    height:100%;
    transform:translateX(-100%);
    pointer-events:none;
    background-image:linear-gradient(to right,rgba(var(--color-scheme-background-rgb),0) 0,rgba(var(--color-scheme-background-rgb),1) 100%)
}
.navigation-banner .navigation-banner__grid-list
{
    display:flex;
    flex-wrap:wrap;
    gap:calc(var(--grid-spacing-tight) * .75);
    justify-content:var(--grid-alignment)
}
@media screen and (min-width:768px)
{
    .navigation-banner .navigation-banner__grid-list
    {
        gap:var(--grid-spacing-tight)
    }
}
.navigation-banner .navigation-banner__grid-list.increase-spacing
{
    column-gap:22.5px;
    row-gap:15px
}
@media screen and (min-width:768px)
{
    .navigation-banner .navigation-banner__grid-list.increase-spacing
    {
        column-gap:30px;
        row-gap:30px
    }
}
.navigation-banner:has(.swiper-button-lock) .navigation-banner__swiper
{
    display:flex;
    align-items:center
}
.navigation-banner:has(.swiper-button-lock) .navigation-banner__swiper .swiper-wrapper
{
    transform:none!important;
    width:fit-content
}
.navigation-banner:has(.swiper-button-lock) .navigation-banner__swiper .swiper-wrapper .swiper-slide:last-of-type
{
    margin-right:0!important
}
.navigation-banner:has(.swiper-button-lock).content-align--left .navigation-banner__swiper
{
    justify-content:flex-start
}
.navigation-banner:has(.swiper-button-lock).content-align--center .navigation-banner__swiper
{
    justify-content:center
}
.navigation-banner:has(.swiper-button-lock).content-align--right .navigation-banner__swiper
{
    justify-content:flex-end
}