html, body {
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
    background: transparent;
    --widget-scale: 1;
    --widget-offset-x: 0%;
    --widget-offset-y: 0%;
}

#player-container {
    position: absolute;
    top: 50%;
    left: 50%;
    width: calc(var(--widget-scale) * 100%);
    height: calc(var(--widget-scale) * 100%);
    transform: translate(calc(-50% + var(--widget-offset-x)), calc(-50% + var(--widget-offset-y)));
    transform-origin: center center;
}

.spine-player {
    background: transparent !important;
}

.spine-player-canvas {
    width: 100% !important;
    height: 100% !important;
    cursor: pointer;
}

.spine-player-controls,
.spine-player-button-tooltip,
.spine-player-popup {
    display: none !important;
}