@charset "UTF-8";.rank{transition:opacity .5s ease-in-out}.play-button[data-v-ff1bf5df]{display:flex;height:6rem;pointer-events:none;width:6rem;--tw-scale-x:1.1;--tw-scale-y:1.1;align-items:center;background-color:#00000040;border-radius:9999px;color:#fdec50;font-size:2.25rem;font-weight:700;justify-content:center;line-height:2.5rem;--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-duration:.1s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.play-button[data-v-ff1bf5df],.play-button[data-v-ff1bf5df]: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-ff1bf5df]:active{--tw-scale-x:.9;--tw-scale-y:.9}.play-button .loader[data-v-ff1bf5df]{fill:#fdec50;height:3.5rem;opacity:.7;width:3.5rem}.loading[data-v-ff1bf5df],.play-button-changed[data-v-ff1bf5df]{opacity:1!important}.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:100%;perspective:1000px;width: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-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-down .cover,.card .face-up .cover{align-items:center;cursor:pointer;display:flex;flex:1 1 0%;justify-content:center;overflow:hidden}.card .face-down .cover .cover-image,.card .face-up .cover .cover-image{border-radius:.75rem}.card .face-up{border:none;border-radius:1rem;transform:rotateY(0);transition:box-shadow .6s}.card .face-down img{width:100%}.card .face-down figure{overflow:hidden}.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-card,.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-card .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-card .play-button,.card:focus .play-button{opacity:1}.card .play-button{opacity:0}.card .face-up:hover .play-button{opacity:1}.card .face-up .flip-inner{transform:rotateY(-170deg)}.card .play-button{opacity:0;position:absolute}.card .play-button:hover,.card.show-play-button .play-button,.card.show-play-button-face-up .face-up .play-button{opacity:1}.card .cover-image:active .play-button,.card .face-down:active .play-button{--tw-scale-x:.9;--tw-scale-y:.9}.card .cover-image:active .play-button,.card .face-down: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}.platine{display:flex;height:100%;position:relative}.platine,.platine .disc{overflow:hidden;width:100%}.platine .disc{aspect-ratio:1;background-color:transparent;background-position:50%;background-size:cover;border-radius:50%;cursor:grab;padding:14px;pointer-events:auto;position:absolute;position:relative}.loading .platine .disc{box-shadow:none}.platine .turn-point{background-color:#fdec50;border-radius:9999px;height:8.333333%;position:absolute;right:2rem;top:50%;width:8.333333%}.platine .disc.is-scratching{cursor:grabbing}.platine .power-button{align-items:center;border-radius:100%;cursor:pointer;display:flex;height:33%;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transform-origin:center;transition:all .1s;width:33%;z-index:100}.platine .power-button .macaron{filter:grayscale(1);height:66.666667%;position:absolute;transition:transform .1s,filter .8s;width:66.666667%}.platine .power-button:active .macaron{transform:scale(.8)}.platine.playing .power-button .macaron{filter:grayscale(0)}.platine .disc-middle{background:#1a1a1a;border-radius:50%;height:20px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:20px}@keyframes spin{to{transform:rotate(1turn)}}.platine .bobine{background-color:rgb(0 0 0/var(--tw-bg-opacity,1));border-radius:9999px;height:17%;left:50%;position:absolute;position:relative;top:50%;transform:translate(-50%,-50%);width:17%;--tw-bg-opacity:.6;--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)}button[data-v-f7657077]{background-color:#fdec50;border-radius:.375rem;font-weight:700;margin:.5rem 1rem;padding:.5rem 1rem;--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1));transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}button[data-v-f7657077]:active{--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))}.platine-card[data-v-26c6f63b]{height:20rem;max-height:100vmin;max-width:100vmin;min-height:20rem;min-width:14rem;position:relative;transition:all .4s;width:14rem}.platine-card .card[data-v-26c6f63b],.platine-card .platine[data-v-26c6f63b]{height:100%;transition:max-width .4s,max-height .4s,transform .1s;width:100%}.platine-card[data-v-26c6f63b] .card{position:absolute}.platine-card[data-v-26c6f63b] .card .cover,.platine-card[data-v-26c6f63b] .card .face-up{transition:border-radius .4s,box-shadow .4s}.platine-card[data-v-26c6f63b] .card .cover:active .play-button,.platine-card[data-v-26c6f63b] .card .face-up: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))}.platine-card.open[data-v-26c6f63b]{height:40rem;width:40rem}.platine-card.open .card[data-v-26c6f63b]{pointer-events:none}.platine-card.open .card[data-v-26c6f63b]:focus{z-index:auto;--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))}.platine-card.open[data-v-26c6f63b] .card .face-down,.platine-card.open[data-v-26c6f63b] .card .face-up{border-radius:100%;--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.platine-card.open[data-v-26c6f63b] .card .face-down .cover,.platine-card.open[data-v-26c6f63b] .card .face-up .cover{border-radius:100%}.platine-card.open[data-v-26c6f63b] .card .face-down .play-button,.platine-card.open[data-v-26c6f63b] .card .face-down .rank,.platine-card.open[data-v-26c6f63b] .card .face-up .play-button,.platine-card.open[data-v-26c6f63b] .card .face-up .rank{opacity:0}