.platine{position:relative;display:flex;height:100%}.platine,.platine .disc{overflow:hidden;width:100%}.platine .disc{pointer-events:auto;position:absolute;background-color:transparent;position:relative;aspect-ratio:1;border-radius:50%;cursor:grab;background-position:50%;background-size:cover;padding:6%}.loading .platine .disc{box-shadow:none}.platine .turn-point{position:absolute;top:50%;right:.5rem;width:8.333333%;height:8.333333%;border-radius:9999px;background-color:#fdec50}.platine .disc.is-scratching{cursor:grabbing}.platine .power-button{position:absolute;z-index:100;cursor:pointer;transition:all .1s;display:flex;justify-content:center;align-items:center;transform-origin:center;width:33%;height:33%;border-radius:100%;top:50%;left:50%;transform:translate(-50%,-50%)}.platine .power-button .macaron{position:absolute;filter:grayscale(1);transition:transform .1s,filter .8s;width:66.666667%;height:66.666667%}.platine .power-button.isPowerActive .macaron,.platine .power-button:active .macaron{transform:scale(.8)}.platine.playing .power-button .macaron{filter:grayscale(0)}.platine .disc-middle{width:20px;height:20px;background:#1a1a1a;border-radius:50%}.platine .bobine,.platine .disc-middle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.platine .bobine{width:17%;height:17%;position:relative;border-radius:9999px;background-color:rgb(0 0 0/var(--tw-bg-opacity,1));--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)}.card.card-enter[data-v-4b7b5657]{animation:scale-in-4b7b5657 .2s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes scale-in-4b7b5657{0%{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}@keyframes card-slide-in-4b7b5657{0%{transform:translateY(50px) scale(.95);opacity:0}60%{transform:translateY(-6px) scale(1.02);opacity:1}to{transform:translateY(0) scale(1)}}.card[data-v-4b7b5657]{aspect-ratio:7/10;position:relative;max-height:100vmin;max-width:100vmin}.card[data-v-4b7b5657],.card.open[data-v-4b7b5657]{transition:all 1.2s cubic-bezier(.4,0,.2,1)}.card.open[data-v-4b7b5657]{aspect-ratio:10/10}.card .card-element[data-v-4b7b5657],.card .platine[data-v-4b7b5657]{height:100%;width:100%;transition:all 1.2s cubic-bezier(.4,0,.2,1)}.card[data-v-4b7b5657] .card-element{position:absolute}.card[data-v-4b7b5657] .card-element .card-body{display:none}.card[data-v-4b7b5657] .card-element .cover,.card[data-v-4b7b5657] .card-element .face-up{transition:all 1.2s cubic-bezier(.4,0,.2,1)}.card[data-v-4b7b5657] .card-element .cover:active .play-button,.card[data-v-4b7b5657] .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)) skew(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-4b7b5657]{pointer-events:none}.card.open .card-element[data-v-4b7b5657]: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))}.card.open[data-v-4b7b5657] .card-element .face-down,.card.open[data-v-4b7b5657] .card-element .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)}.card.open[data-v-4b7b5657] .card-element .face-down .cover,.card.open[data-v-4b7b5657] .card-element .face-up .cover{border-radius:100%}.card.open[data-v-4b7b5657] .card-element .face-down .play-button,.card.open[data-v-4b7b5657] .card-element .face-down .rank,.card.open[data-v-4b7b5657] .card-element .face-up .play-button,.card.open[data-v-4b7b5657] .card-element .face-up .rank{opacity:0}.platine.fading-out[data-v-4b7b5657]{opacity:0;transition:opacity 1.2s ease-out;pointer-events:none}