.platine{height:100%;display:flex;position:relative}.platine,.platine .disc{width:100%;overflow:hidden}.platine .disc{pointer-events:auto;aspect-ratio:1;cursor:grab;background-color:#0000;background-position:50%;background-size:cover;border-radius:50%;padding:6%;position:relative}.loading .platine .disc{box-shadow:none}.platine .turn-point{background-color:#fdec50;border-radius:9999px;width:8.33333%;height:8.33333%;position:absolute;top:50%;right:.5rem}.platine .disc.is-scratching{cursor:grabbing}.platine .power-button{z-index:100;cursor:pointer;transform-origin:50%;border-radius:100%;justify-content:center;align-items:center;width:33%;height:33%;transition:all .1s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.platine .power-button .macaron{filter:grayscale();width:66.6667%;height:66.6667%;transition:transform .1s,filter .8s;position:absolute}.platine .power-button.isPowerActive .macaron,.platine .power-button:active .macaron{transform:scale(.8)}.platine.playing .power-button .macaron{filter:grayscale(0)}.platine .disc-middle{background:#1a1a1a;border-radius:50%;width:20px;height:20px}.platine .bobine,.platine .disc-middle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.platine .bobine{background-color:rgb(0 0 0/var(--tw-bg-opacity,1));--tw-bg-opacity:.6;--tw-backdrop-blur:blur(4px);width:17%;height:17%;-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);border-radius:9999px;position:relative}.rank[data-v-f09a9ec2]{z-index:10;transition:opacity .5s ease-in-out;container-type:inline-size}.number[data-v-f09a9ec2]{width:100%;font-size:34cqw;line-height:34cqw}.play-pause-btn[data-v-4571f259]{--size:100%;--color:currentColor;--duration:.22s;--ease:cubic-bezier(.34,1.56,.64,1);width:var(--size);height:var(--size);cursor:pointer;color:var(--color);background:0 0;border:none;justify-content:center;align-items:center;padding:20%;display:inline-flex}.play-pause-btn[data-v-4571f259]:focus-visible{outline-offset:4px;border-radius:4px;outline:2px solid}.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:50%}.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-552b502b]{--tw-scale-x:1.1;--tw-scale-y:1.1;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);background-color:#00000040;font-size:2.25rem;font-weight:700;line-height:2.5rem;transition-property:all;transition-duration:.1s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.play-button[data-v-552b502b],.play-button[data-v-552b502b]:active{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.play-button[data-v-552b502b]:active{--tw-scale-x:.9;--tw-scale-y:.9}.play-button[data-v-552b502b]{pointer-events:none;aspect-ratio:1;border-radius:100%;justify-content:center;align-items:center;height:30%;font-size:420%;display:flex}.play-button.interactive[data-v-552b502b]{pointer-events:auto}.play-button[data-v-552b502b]:after{clip-path:polygon(0 5%,95% 50%,0 95%);background-color:#fdec50;border-radius:10px;width:30%;height:30%}.play-button .loader[data-v-552b502b]{fill:#fdec50;opacity:.7;padding:22%}.is-loading[data-v-552b502b],.play-button-changed[data-v-552b502b]{opacity:1!important}.card-element{perspective:1000px;--tw-scale-x:1;--tw-scale-y:1;width:100%;height:100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.card-element .flip-inner{width:100%;height:100%;transform-style:preserve-3d;transform-origin:50%;transition:transform .6s;position:relative}.card-element .face-down,.card-element .face-up{backface-visibility:hidden;will-change:transform;background-color:#ffffff80;width:100%;height:100%;position:absolute}.card-element .face-down .cover,.card-element .face-up .cover{cursor:pointer;border-radius:.75rem;flex:1;justify-content:center;align-items:center;display:flex;overflow:hidden}.card-element .face-up{border:none;border-radius:1rem;transition:box-shadow .6s;transform:rotateY(0)}.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:not(.is-disabled),.card-element:focus:not(.is-disabled){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)) skewX(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:not(.is-disabled) .face-up,.card-element:focus:not(.is-disabled) .face-up{--tw-shadow:0 25px 50px -12px #00000080;--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:not(.is-disabled) .play-button,.card-element:focus:not(.is-disabled) .play-button,.card-element .face-up:hover .action-buttons,.card-element .face-up:hover .play-button{opacity:1}.card-element .face-up:hover .action-buttons{pointer-events:auto}.card-element .face-up .flip-inner{transform:rotateY(-170deg)}.card-element .face-up.is-dragging{opacity:.65;z-index:9999;box-shadow:0 25px 50px -12px #0006;cursor:grabbing!important;transform:scale(.92)rotate(5deg)!important}.card-element .face-up.is-dragging .card-body,.card-element .face-up.is-dragging .play-button{display:none!important}.card-element .play-button{opacity:0;position:absolute}.card-element .play-button:hover{opacity:1}.card-element .play-button.loading{opacity:1!important}.card-element .action-buttons{opacity:0;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:20px;transition:opacity .15s;display:flex;position:absolute;inset:0}.card-element .action-buttons .action-button{--tw-scale-x:1.1;--tw-scale-y:1.1;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));background-color:#00000080;font-weight:700;transition-property:all;transition-duration:.1s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.card-element .action-buttons .action-button,.card-element .action-buttons .action-button:active{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.card-element .action-buttons .action-button:active{--tw-scale-x:.9;--tw-scale-y:.9}.card-element .action-buttons .action-button{pointer-events:auto;aspect-ratio:1;border-radius:10px;width:100%}.show-play-button .card-element .action-buttons.action-buttons--play{opacity:1}.card-element .action-buttons.action-buttons--loading-play{opacity:1;pointer-events:auto}@media (hover:none) and (pointer:coarse){.card-element .action-buttons--custom .action-button{pointer-events:none}.card-element .face-up:hover .action-buttons--custom{opacity:0;pointer-events:none}.card-element.current-card:not(.is-disabled) .action-buttons--custom,.card-element:active:not(.is-disabled) .action-buttons--custom,.card-element:focus:not(.is-disabled) .action-buttons--custom{opacity:1;pointer-events:auto}.card-element.current-card:not(.is-disabled) .action-buttons--custom .action-button,.card-element:active:not(.is-disabled) .action-buttons--custom .action-button,.card-element:focus:not(.is-disabled) .action-buttons--custom .action-button{pointer-events:auto}}.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)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.card-element.is-disabled,.card-element.is-disabled .cover{cursor:default}.card-element.is-disabled .play-button{pointer-events:none;opacity:0!important}.card.card-enter[data-v-be021778]{animation:.2s cubic-bezier(.34,1.56,.64,1) forwards scale-in-be021778}@keyframes scale-in-be021778{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@keyframes card-slide-in-be021778{0%{opacity:0;transform:translateY(50px)scale(.95)}60%{opacity:1;transform:translateY(-6px)scale(1.02)}to{transform:translateY(0)scale(1)}}.card[data-v-be021778]{aspect-ratio:7/10;rotate:var(--card-rotation,0deg);max-width:100vmin;max-height:100vmin;position:relative}.card[data-v-be021778],.card.open[data-v-be021778]{transition:all 1.2s cubic-bezier(.4,0,.2,1)}.card.open[data-v-be021778]{aspect-ratio:10/10;rotate:0deg}.card .card-element[data-v-be021778],.card .platine[data-v-be021778]{width:100%;height:100%;transition:all 1.2s cubic-bezier(.4,0,.2,1)}.card[data-v-be021778] .card-element{position:absolute}.card[data-v-be021778] .card-element .card-body{display:none}.card[data-v-be021778] .card-element .cover,.card[data-v-be021778] .card-element .face-up{transition:all 1.2s cubic-bezier(.4,0,.2,1)}.card[data-v-be021778] .card-element .cover:active .play-button,.card[data-v-be021778] .card-element .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)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.card.open .card-element[data-v-be021778]{pointer-events:none}.card.open .card-element[data-v-be021778]: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)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.card.open[data-v-be021778] .card-element .face-down,.card.open[data-v-be021778] .card-element .face-up{--tw-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--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);border-radius:100%}.card.open[data-v-be021778] .card-element .face-down .cover,.card.open[data-v-be021778] .card-element .face-up .cover{border-radius:100%}.card.open[data-v-be021778] .card-element .face-down .play-button,.card.open[data-v-be021778] .card-element .face-down .rank,.card.open[data-v-be021778] .card-element .face-up .play-button,.card.open[data-v-be021778] .card-element .face-up .rank{opacity:0}.platine.fading-out[data-v-be021778]{opacity:0;pointer-events:none;transition:opacity 1.2s ease-out}