:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size) / 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size) / 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:normal;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:"prev"}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:"next"}.card-swiper_swiper__HpqIR{--swiper-theme-color:var(--color-accent)}.card-swiper_showAllCard__RMXiU{position:relative;width:98%;height:100%;color:var(--color-text-primary);background-color:#fff;border-radius:calc(.375rem - 1px);box-shadow:0 4px 6px rgba(44,51,65,.11)}.card-swiper_showAllCard__RMXiU:hover{box-shadow:0 4px 6px rgba(44,51,65,.2)}.card-swiper_isGenre__Cm6v5{height:calc(100% - 2.4rem)}.card-swiper_body__nDVcn{height:100%;background-color:var(--color-background-thin)}.card-swiper_text__8Hz_l{position:absolute;bottom:12%;left:16%}.card-swiper_arrow__hD0Fd{position:absolute;right:20%;bottom:12%}.swiper{--swiper-theme-color:var(--color-accent);--gradation-steps:color-mix(in srgb,var(--color-background),transparent 100%) 0%,color-mix(in srgb,var(--color-background),transparent 99%) 8.1%,color-mix(in srgb,var(--color-background),transparent 96.4%) 15.5%,color-mix(in srgb,var(--color-background),transparent 92.2%) 22.5%,color-mix(in srgb,var(--color-background),transparent 86.8%) 29%,color-mix(in srgb,var(--color-background),transparent 80.6%) 35.3%,color-mix(in srgb,var(--color-background),transparent 73.6%) 41.2%,color-mix(in srgb,var(--color-background),transparent 66.2%) 47.1%,color-mix(in srgb,var(--color-background),transparent 58.8%) 52.9%,color-mix(in srgb,var(--color-background),transparent 51.4%) 58.8%,color-mix(in srgb,var(--color-background),transparent 44.4%) 64.7%,color-mix(in srgb,var(--color-background),transparent 38.2%) 71%,color-mix(in srgb,var(--color-background),transparent 32.8%) 77.5%,color-mix(in srgb,var(--color-background),transparent 28.6%) 84.5%,color-mix(in srgb,var(--color-background),transparent 26%) 91.9%,color-mix(in srgb,var(--color-background),transparent 25%) 100%}.swiper-wrapper .swiper-slide:only-child .show-all-card .card-swiper-body{height:15rem}@media(min-width:768px){.swiper-wrapper .swiper-slide:only-child .show-all-card .card-swiper-body{height:20rem}}.swiper-button-prev{top:15px;right:0;left:0;justify-content:start;width:80px;height:100%;background:linear-gradient(to left,var(--gradation-steps))}.swiper-button-prev:after{font-size:32px;color:var(--color-accent);transform:translateY(-15px) translateX(12px)}.swiper-button-next{top:15px;right:0;justify-content:end;width:80px;height:100%;background:linear-gradient(to right,var(--gradation-steps))}.swiper-button-next:after{font-size:32px;color:var(--color-accent);transform:translateY(-15px) translateX(-12px)}.swiper-button-next,.swiper-button-prev{display:none}@media screen and (min-width:768px){.swiper-button-next,.swiper-button-prev{display:flex}}