@charset "UTF-8";.loading,.play-button-changed{opacity:1!important}.fade-enter-active[data-v-74972c61],.fade-leave-active[data-v-74972c61]{transition:opacity .2s ease}.fade-enter-from[data-v-74972c61],.fade-leave-to[data-v-74972c61]{opacity:0}.label{background-color:#fdec50;border-radius:9999px;font-weight:700;height:1.75rem;line-height:.75rem;margin-top:-1.5rem;padding:.5rem;text-align:center;width:1.75rem}.♠,.♣,.♥,.♦{font-size:3rem;height:3.5rem;line-height:1;width:3.5rem}.card{height:20rem;min-height:20rem;min-width:14rem;perspective:1000px;width:14rem;--tw-scale-x:1;--tw-scale-y:1;touch-action:none;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-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.card .flip-inner{height:100%;position:relative;transform-origin:center;transform-style:preserve-3d;transition:transform .6s;width:100%}.card .face-down,.card .face-up{backface-visibility:hidden;background-color:#ffffff80;height:100%;position:absolute;width:100%;will-change:transform}.card .face-up{transform:rotateY(0);transition:box-shadow .6s}.card .face-down{transform:rotateY(-180deg)}.card.face-down .flip-inner{transform:rotateY(180deg)}.card.face-up .flip-inner{transform:rotateY(0)}.card.face-down:hover .play-button{opacity:1}.card.face-down:hover .flip-inner{transform:rotateY(170deg)}.card.current-track,.card:focus{z-index:50;--tw-scale-x:1.1;--tw-scale-y:1.1;outline:none;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))}.card.current-track .face-up,.card: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.current-track .play-button,.card:focus .play-button{opacity:1}.card .play-button{opacity:0}.card .face-up:hover .play-button{opacity:1}.card .face-up:hover .flip-inner{transform:rotateY(-170deg)}.card .play-button{bottom:50%;opacity:0;position:absolute;top:6rem}.card .play-button:hover{opacity:1}.card .face-down:active .play-button,.card .pochette:active .play-button{--tw-scale-x:.9;--tw-scale-y:.9}.card .face-down:active .play-button,.card .pochette:active .play-button,.card.is-dragging{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))}.card.is-dragging{--tw-rotate:6deg;--tw-scale-x:.95;--tw-scale-y:.95;cursor:grabbing!important;opacity:.5}.card.is-dragging .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)}.card.is-dragging .card-body,.card.is-dragging .play-button{display:none}.ghost-card{transition:none}.ghost-card .card{--tw-rotate:6deg;--tw-scale-x:.95;--tw-scale-y:.95;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));--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)}.ghost-card .card .card-body,.ghost-card .card .play-button{display:none}.ghost-card .flip-inner{perspective:1000px}