@layer components{.x--player .visible{visibility:visible}.x--player .top-0\.5{top:.125rem}.x--player .mr-1{margin-right:.25rem}.x--player .mr-\[-0\.5rem\]{margin-right:-.5rem}.x--player .hidden{display:none}.x--player .cursor-pointer{cursor:pointer}.x--player .resize{resize:both}.x--player .rounded{border-radius:12px}.x--player .filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.x--player :root{--swiper-theme-color:#007aff}.x--player :host{z-index:1;margin-left:auto;margin-right:auto;display:block;position:relative}.x--player .swiper{z-index:1;margin-left:auto;margin-right:auto;padding:0;list-style:none;display:block;position:relative;overflow:hidden}.x--player .swiper-vertical>.swiper-wrapper{flex-direction:column}.x--player .swiper-wrapper{z-index:1;width:100%;height:100%;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box;display:flex;position:relative}.x--player .swiper-android .swiper-slide,.x--player .swiper-ios .swiper-slide,.x--player .swiper-wrapper{transform:translate(0)}.x--player .swiper-horizontal{touch-action:pan-y}.x--player .swiper-vertical{touch-action:pan-x}.x--player .swiper-slide{flex-shrink:0;width:100%;height:100%;transition-property:transform;display:block;position:relative}.x--player .swiper-slide-invisible-blank{visibility:hidden}.x--player .swiper-autoheight,.x--player .swiper-autoheight .swiper-slide{height:auto}.x--player .swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.x--player .swiper-backface-hidden .swiper-slide{backface-visibility:hidden;transform:translateZ(0)}.x--player .swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.x--player .swiper-3d .swiper-wrapper{transform-style:preserve-3d}.x--player .swiper-3d{perspective:1200px}.x--player .swiper-3d .swiper-slide,.x--player .swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.x--player .swiper-css-mode>.swiper-wrapper{scrollbar-width:none;-ms-overflow-style:none;overflow:auto}.x--player .swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.x--player .swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.x--player .swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.x--player .swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.x--player .swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.x--player .swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.x--player .swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.x--player .swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.x--player .swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.x--player .swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.x--player .swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.x--player .swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.x--player .swiper-3d .swiper-slide-shadow,.x--player .swiper-3d .swiper-slide-shadow-left,.x--player .swiper-3d .swiper-slide-shadow-right,.x--player .swiper-3d .swiper-slide-shadow-top,.x--player .swiper-3d .swiper-slide-shadow-bottom{pointer-events:none;z-index:10;width:100%;height:100%;position:absolute;top:0;left:0}.x--player .swiper-3d .swiper-slide-shadow{background:#00000026}.x--player .swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(270deg,#00000080,#0000)}.x--player .swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(90deg,#00000080,#0000)}.x--player .swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(#0000,#00000080)}.x--player .swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(#00000080,#0000)}.x--player .swiper-lazy-preloader{z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-top-color:#0000;border-radius:50%;width:42px;height:42px;margin-top:-21px;margin-left:-21px;position:absolute;top:50%;left:50%}.x--player .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,.x--player .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader{animation:1s linear infinite swiper-preloader-spin}.x--player .swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.x--player .swiper-lazy-preloader-black{--swiper-preloader-color:#000}.x--player{--topbar-min-height:50px;--topbar-font-size:.9rem;--topbar-padding:1rem;--brand-width:80px}@media(min-width:512px){.x--player{--topbar-min-height:60px;--topbar-font-size:1rem;--topbar-padding:1rem;--brand-width:100px}}@media(min-width:640px){.x--player{--topbar-padding:1.5rem}}@media(min-width:768px){.x--player{--topbar-min-height:70px}}.x--player.--theme-dark{--theme-mode-color:var(--color-white)}.x--player.--theme-light{--theme-mode-color:var(--color-black)}:is(.x--player.--theme-dark,.x--player.--theme-light) .svg-follow-theme path{fill:var(--theme-mode-color,var(--color-black))!important}:is(.x--player.--theme-dark,.x--player.--theme-light) .svg-follow-theme path:where(.dark-mode,.dark-mode *){fill:var(--theme-mode-color,var(--color-white))!important}.x--player .player__header{box-sizing:border-box;z-index:200;width:100%;min-height:var(--topbar-min-height);transition:min-height .2s var(--ease);display:block;position:fixed;top:0;left:0}.x--player .player__header .header__container{width:100%}.x--player .player__header .header__background{z-index:100;width:100%;height:100%;opacity:calc(var(--scroll-top,0)*.05);-webkit-backdrop-filter:saturate(180%)blur(15px);backdrop-filter:saturate(180%)blur(15px);background-color:rgb(from var(--color-real-white)r g b/.5);transition:opacity .2s linear;display:block;position:absolute;top:0;left:0}.x--player .player__header .header__background:where(.dark-mode,.dark-mode *){background-color:rgb(from var(--color-real-black)r g b/.5)}.x--player .player__header .header__background{border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-gray-150)}.x--player .player__header .header__background:where(.dark-mode,.dark-mode *){border-color:var(--color-gray-850)}.x--player .player__header .header__container{z-index:101;height:100%;min-height:var(--topbar-min-height);padding:0 var(--topbar-padding);transition:all .2s var(--ease);flex-direction:row;justify-content:center;width:100%;display:flex;position:relative;top:1rem;left:0}.x--player .player__header .header__container>*{text-align:center;flex-direction:row;flex:1 1 0;justify-content:center;align-items:center;height:min-content;min-height:100%;display:flex}.x--player .player__header .header__container>:first-child{text-align:left;justify-content:flex-start}.x--player .player__header .header__container>:last-child{text-align:right;justify-content:flex-end}.x--player .player__header .header__container>.--grow{flex-grow:3}.x--player .player__header .header__container .header__brand{letter-spacing:-.025em;height:var(--brand-height,35px);max-height:100px;font-size:1.5rem;font-weight:700;display:flex}.x--player .player__header .header__container .header__brand svg,.x--player .player__header .header__container .header__brand img{object-fit:contain;width:auto;max-width:100%;height:100%;display:block;position:relative}.x--player .player__header .header__container .header__brand svg .svg-fill{fill:var(--logo-color)!important}.x--player .player__header .header__container .header__brand svg .svg-stroke{stroke:var(--logo-color)!important}.x--player .player__header .header__container .header__title{font-size:var(--topbar-font-size);transition:font-size .2s var(--ease);opacity:calc(var(--scroll-top)*.05);padding:.5rem;font-weight:500;line-height:1.3;display:none}.x--player .player__header .header__container .header__actions .x--button{--x-color:var(--theme-mode-color,var(--color-neutral-600));--x-color-hover:var(--theme-mode-color,var(--color-neutral-800))}.x--player .player__header .header__container .header__actions .x--button:where(.dark-mode,.dark-mode *){color:var(--theme-mode-color,var(--color-neutral-500))}.x--player .player__footer{box-sizing:border-box;z-index:100;width:100%;min-height:var(--topbar-min-height);transition:min-height .2s var(--ease);display:block;position:fixed;bottom:0;left:0}.x--player .player__footer .header__container{width:100%}.x--player .player__footer .footer__background{z-index:100;width:100%;height:100%;opacity:calc(var(--scroll-bottom,0)*.05);-webkit-backdrop-filter:saturate(180%)blur(15px);backdrop-filter:saturate(180%)blur(15px);background-color:rgb(from var(--color-real-white)r g b/.5);transition:opacity .2s linear;display:block;position:absolute;top:0;left:0}.x--player .player__footer .footer__background:where(.dark-mode,.dark-mode *){background-color:rgb(from var(--color-real-black)r g b/.5)}.x--player .player__footer .footer__background{border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--color-gray-150)}.x--player .player__footer .footer__background:where(.dark-mode,.dark-mode *){border-color:var(--color-gray-850)}.x--player .player__footer .footer__container{z-index:101;height:100%;min-height:var(--topbar-min-height);padding:0 var(--topbar-padding);transition:all .2s var(--ease);flex-direction:row;justify-content:center;align-items:center;width:100%;display:flex;position:relative;top:0;left:0}.x--player .player__footer .footer__copyright{text-align:center;width:100%;color:var(--theme-mode-color,var(--color-neutral-700));opacity:0;margin:0 auto;font-size:.8rem;line-height:1;transition:opacity .2s linear;display:block;position:absolute;bottom:calc(50% - .5rem);left:0}.x--player .player__footer .footer__copyright:where(.dark-mode,.dark-mode *){color:var(--theme-mode-color,var(--color-neutral-600))}.x--player.--slide\:first .footer__copyright{opacity:1}.x--player.--default-branding{--brand-height:20px}.player__progress{--progress-muted:var(--color-neutral-300);--progress-done:var(--color-primary-800);--progress-current:var(--color-primary);--progress-height:3px;--progress-width:6px;--progress-max:none;--progress-gap:5px;--progress-grow:0}@media(min-width:375px){.player__progress{--progress-height:4px;--progress-width:8px;--progress-gap:6px}}@media(min-width:512px){.player__progress{--progress-height:4px;--progress-width:8px;--progress-gap:6px;--progress-grow:1}}.player__progress{opacity:0;visibility:hidden;width:100%;transition:opacity .2s var(--ease);display:block}.player__progress.\:active{animation:.5s linear forwards show}.player__progress ul{flex-direction:row;justify-content:center;align-items:center;width:100%;margin:0;padding:0;display:flex}.player__progress ul li{flex-grow:var(--progress-grow);max-width:var(--progress-max);padding:0;padding:0 calc(var(--progress-gap)/2);opacity:0;visibility:hidden;flex-direction:row;justify-content:center;align-items:center;margin:0;animation:.5s linear forwards show;display:flex;position:relative}.player__progress ul li button{cursor:pointer;width:100%;height:45px;min-width:var(--progress-width);margin:0;padding:0;display:block;position:relative}.player__progress ul li button span{color:var(--color-white);display:none}.player__progress ul li button:before,.player__progress ul li button:after{content:"";z-index:100;top:calc(50% - var(--progress-height)/2);width:100%;height:var(--progress-height);background-color:var(--progress-muted);border-radius:50px;display:block;position:absolute;left:0}.player__progress ul li button:after{z-index:100;background-color:var(--progress-done);transform-origin:0;will-change:transform;transform:scaleX(0)}.player__progress ul li.\:done:hover{cursor:pointer!important}.player__progress ul li.\:done button:after{transition:background-color .25s linear;transform:scaleX(1)}.player__progress ul li.\:current button:after{background-color:var(--progress-current);transition:transform .5s var(--ease-out).25s;transform:scaleX(1)}.player__nav{z-index:50;opacity:0;width:100%;position:fixed;bottom:calc(20px + 2vh);left:0}.player__nav:hover{opacity:1}.player__nav .nav__container{max-width:400px;transition:padding .2s var(--ease);flex-direction:row;justify-content:center;align-items:center;gap:1rem;margin:0 auto;padding:1rem;display:flex}@media(min-width:512px){.player__nav .nav__container{transition:padding .2s var(--ease);padding:1.5rem}}.player__nav .nav__container>*{flex:1 1 0}@keyframes show{to{visibility:visible;opacity:1;transform:none}}@keyframes wobble{0%{transform:translate(0)}10%{transform:translate(-10px)}20%{transform:translate(8px)}30%{transform:translate(-6px)}40%{transform:translate(4px)}}.--swiper-forbidden .x--slide.swiper-slide-active{animation:wobble .6s var(--ease-out)}}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}