.rank[data-v-3cf7c0dc]{transition:opacity .5s ease-in-out;container-type:inline-size}.number[data-v-3cf7c0dc]{font-size:34cqw;line-height:34cqw;width:100%}.play-pause-btn[data-v-4571f259]{--size:100%;--color:currentColor;--duration:.22s;--ease:cubic-bezier(.34,1.56,.64,1);display:inline-flex;align-items:center;justify-content:center;width:var(--size);height:var(--size);padding:20%;border:none;background:transparent;cursor:pointer;color:var(--color)}.play-pause-btn[data-v-4571f259]:focus-visible{outline:2px solid currentColor;outline-offset:4px;border-radius:4px}.icon[data-v-4571f259]{width:100%;height:100%;overflow:visible}.play-icon[data-v-4571f259]{transition:opacity var(--duration) ease,transform var(--duration) var(--ease),clip-path var(--duration) var(--ease)}.bar[data-v-4571f259],.play-icon[data-v-4571f259]{fill:currentColor;transform-origin:center}.bar[data-v-4571f259]{transition:opacity var(--duration) ease,transform var(--duration) var(--ease)}.bar-left[data-v-4571f259]{transform-origin:16.5px 24px}.bar-right[data-v-4571f259]{transform-origin:31.5px 24px}.pause-icon[data-v-4571f259]{opacity:0;pointer-events:none}.bar-left[data-v-4571f259]{transform:scaleX(0) translate(-4px)}.bar-right[data-v-4571f259]{transform:scaleX(0) translate(4px)}.play-icon[data-v-4571f259]{opacity:1;transform:scale(1)}.isPlaying .pause-icon[data-v-4571f259]{opacity:1;pointer-events:auto}.isPlaying .bar-left[data-v-4571f259],.isPlaying .bar-right[data-v-4571f259]{transform:scaleX(1) translate(0)}.isPlaying .play-icon[data-v-4571f259]{opacity:0;transform:scale(.6)}.play-button[data-v-47df9d09]{--tw-scale-x:1.1;--tw-scale-y:1.1;background-color:#00000040;font-size:2.25rem;line-height:2.5rem;font-weight:700;color:#fdec50;--tw-backdrop-blur:blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);transition-property:all;transition-duration:.1s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.play-button[data-v-47df9d09],.play-button[data-v-47df9d09]:active{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.play-button[data-v-47df9d09]:active{--tw-scale-x:.9;--tw-scale-y:.9}.play-button[data-v-47df9d09]{pointer-events:none;border-radius:100%;height:30%;font-size:420%;aspect-ratio:1;display:flex;align-items:center;justify-content:center}.play-button[data-v-47df9d09]:after{background-color:#fdec50;width:30%;height:30%;clip-path:polygon(0 5%,95% 50%,0 95%);border-radius:10px}.play-button .loader[data-v-47df9d09]{fill:#fdec50;opacity:.7;padding:22%}.loading[data-v-47df9d09],.play-button-changed[data-v-47df9d09]{opacity:1!important}.card-element{perspective:1000px;width:100%;height:100%;--tw-scale-x:1;--tw-scale-y:1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.card-element .flip-inner{position:relative;width:100%;height:100%;transition:transform .6s;transform-style:preserve-3d;transform-origin:center}.card-element .face-down,.card-element .face-up{position:absolute;width:100%;height:100%;backface-visibility:hidden;will-change:transform;background-color:#ffffff80}.card-element .face-down .cover,.card-element .face-up .cover{display:flex;flex:1 1 0%;cursor:pointer;align-items:center;justify-content:center;overflow:hidden;border-radius:.75rem}.card-element .face-up{border-radius:1rem;border:none;transform:rotateY(0);transition:box-shadow .6s}.card-element .face-down img{width:100%}.card-element .face-down figure{overflow:hidden}.card-element .face-down{transform:rotateY(-180deg)}.card-element.face-down .flip-inner{transform:rotateY(180deg)}.card-element.face-up .flip-inner{transform:rotateY(0)}.card-element.face-down:hover .play-button{opacity:1}.card-element.face-down:hover .flip-inner{transform:rotateY(170deg)}.card-element.current-card,.card-element:focus{z-index:50;--tw-scale-x:1.1;--tw-scale-y:1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));outline:none}.card-element.current-card .face-up,.card-element:focus .face-up{--tw-shadow:0 25px 50px -12px rgba(0,0,0,.5);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);transition:box-shadow .6s,transform 6s}.card-element.current-card .play-button,.card-element:focus .play-button{opacity:1}.card-element .face-up:hover .play-button{opacity:1}.card-element .face-up .flip-inner{transform:rotateY(-170deg)}.card-element .face-up.is-dragging{opacity:.65;transform:scale(.92) rotate(5deg)!important;box-shadow:0 25px 50px -12px #0006;z-index:9999;cursor:grabbing!important}.card-element .face-up.is-dragging .card-body,.card-element .face-up.is-dragging .play-button{display:none!important}.card-element .play-button{position:absolute;opacity:0}.card-element .play-button:hover,.show-play-button .card-element .play-button{opacity:1}.card-element .cover-image:active .play-button,.card-element .face-down:active .play-button{--tw-scale-x:.9;--tw-scale-y:.9;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}