.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{filter:grayscale(var(--power-grayscale,1));position:absolute;z-index:100;cursor:pointer;transition:transform .1s,filter .25s linear;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;transition:transform .1s;width:66.666667%;height:66.666667%}.platine .power-button.isPowerActive .macaron,.platine .power-button:active .macaron{transform:scale(.8)}.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)}