:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;width:var(--swiper-navigation-size);height:var(--swiper-navigation-size);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color));&.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}&.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled &{display:none!important}::slotted(svg),svg{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;transform-origin:center;fill:currentColor;pointer-events:none}}.swiper-button-lock{display:none}.swiper-button-next,.swiper-button-prev{top:var(--swiper-navigation-top-offset,50%);margin-top:calc(0px - (var(--swiper-navigation-size) / 2))}.swiper-button-prev{left:var(--swiper-navigation-sides-offset,4px);right:auto;.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(180deg)}}.swiper-button-next{right:var(--swiper-navigation-sides-offset,4px);left:auto}.swiper-horizontal{.swiper-button-next,.swiper-button-prev,~.swiper-button-next,~.swiper-button-prev{top:var(--swiper-navigation-top-offset,50%);margin-top:calc(0px - (var(--swiper-navigation-size) / 2));margin-left:0}&.swiper-rtl .swiper-button-next,&.swiper-rtl~.swiper-button-next,&~.swiper-button-prev,.swiper-button-prev{left:var(--swiper-navigation-sides-offset,4px);right:auto}&.swiper-rtl .swiper-button-prev,&.swiper-rtl~.swiper-button-prev,&~.swiper-button-next,.swiper-button-next{right:var(--swiper-navigation-sides-offset,4px);left:auto}&.swiper-rtl .swiper-button-next,&.swiper-rtl~.swiper-button-next,&~.swiper-button-prev,.swiper-button-prev{.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(180deg)}}&.swiper-rtl .swiper-button-prev,&.swiper-rtl~.swiper-button-prev{.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(0deg)}}}.swiper-vertical{.swiper-button-next,.swiper-button-prev,~.swiper-button-next,~.swiper-button-prev{left:var(--swiper-navigation-top-offset,50%);right:auto;margin-left:calc(0px - (var(--swiper-navigation-size) / 2));margin-top:0}.swiper-button-prev,~.swiper-button-prev{top:var(--swiper-navigation-sides-offset,4px);bottom:auto;.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(-90deg)}}.swiper-button-next,~.swiper-button-next{bottom:var(--swiper-navigation-sides-offset,4px);top:auto;.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(90deg)}}}.playlist{display:flex;flex-direction:column;width:100%}.playlist-title p{margin:0!important}.playlist .swiper-button-next.swiper-button-disabled,.playlist .swiper-button-prev.swiper-button-disabled{pointer-events:all!important;cursor:not-allowed}.playlist .swiper-button-next.swiper-button-disabled:after,.playlist .swiper-button-prev.swiper-button-disabled:after{opacity:.5}.playlist .swiper{overflow:visible!important;position:relative;z-index:1}.playlist .swiper:hover{z-index:10}.playlist .swiper-slide{position:relative;transition:z-index 0s;z-index:1;width:280px!important;max-width:280px!important;height:170px!important;max-height:200px!important;overflow-y:visible}.playlist .swiper-slide:hover{z-index:1000}.playlist.playlist--search .swiper-slide{width:216px!important;max-width:216px!important;height:128px!important;max-height:145px!important}.swiper-button-next,.swiper-button-prev{z-index:10}.playlist-nav-button{box-shadow:0 16px 40px 0 rgba(0,0,0,.06),0 4px 8px -2px rgba(0,0,0,.12);border:1px solid hsla(0,0%,100%,.3);overflow:hidden}.playlist-nav-button:before{content:"";position:absolute;inset:0;border-radius:1.5rem;padding:1px;background:linear-gradient(135deg,hsla(0,0%,100%,.6),hsla(0,0%,100%,.1));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.playlist-v2 .swiper{overflow:visible!important;position:relative;z-index:1}.playlist-v2 .swiper:hover{z-index:10}.playlist-v2 .swiper-slide{position:relative;z-index:1;overflow:visible}.playlist-v2 .swiper-slide:hover{z-index:1000}.playlist-v2.playlist-v2--search .swiper{overflow:visible!important;position:relative;z-index:1}.playlist-v2.playlist-v2--search .swiper:hover{z-index:10}.playlist-v2.playlist-v2--search .swiper-slide{position:relative;z-index:1;overflow:visible;width:216px!important;max-width:216px!important}.playlist-v2.playlist-v2--search .swiper-slide:hover{z-index:1000}