.VideoPlayer[data-v-12d6f31b]{background-color:var(--ids-color-black);align-items:center;max-height:100%;position:relative;overflow:hidden}.VideoPlayer[data-v-12d6f31b],.VideoPlayer__wrap[data-v-12d6f31b]{justify-content:center;width:100%;height:100%;display:flex}.VideoPlayer__wrap[data-v-12d6f31b]{align-self:stretch;position:absolute;top:0;left:0;right:0}.VideoPlayer__player[data-v-12d6f31b]{-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;opacity:.3;width:100%;height:auto;transform:var(--base-video-player-scale);transition-property:opacity;transition-duration:.5s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.VideoPlayer__player--visible[data-v-12d6f31b]{opacity:1}.VideoPlayer__error[data-v-12d6f31b]{background-color:rgb(0 0 0/var(--tw-bg-opacity,1));--tw-bg-opacity:.5;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.VideoPlayer__errorMessage[data-v-12d6f31b]{text-align:center;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));background-color:rgb(0 0 0/var(--tw-bg-opacity,1));--tw-bg-opacity:.75;border-radius:.5rem;padding:.5rem 1rem}.VideoPlayer__controls[data-v-12d6f31b]{opacity:0;width:100%;height:100%;position:absolute;top:0;left:0}.VideoPlayer__controls[data-v-12d6f31b],.VideoPlayer__controlsButton[data-v-12d6f31b]{justify-content:center;align-items:center;display:flex}.VideoPlayer__controlsButton[data-v-12d6f31b]{width:var(--base-video-player-button-size,72px);height:var(--base-video-player-button-size,72px);position:relative}.VideoPlayer__controlsButtonOverlay[data-v-12d6f31b]{opacity:.5;background-color:var(--ids-color-black);border-radius:9999px;width:100%;height:100%;position:absolute;top:0;left:0}.VideoPlayer__loading[data-v-12d6f31b]{background-color:rgb(0 0 0/var(--tw-bg-opacity,1));--tw-bg-opacity:.5;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.VideoPlayer__spinner[data-v-12d6f31b]{--tw-border-opacity:1;border-width:4px;border-color:rgb(255 255 255/var(--tw-border-opacity,1));border-top-color:#0000;border-radius:9999px;width:3rem;height:3rem;animation:1s linear infinite spin-12d6f31b}.fade-enter-active[data-v-12d6f31b]{animation:1s fade-in-out-12d6f31b}@keyframes fade-in-out-12d6f31b{0%{opacity:0;transform:scale(1)}20%{opacity:1;transform:scale(1.25)}80%{opacity:1;transform:scale(1.25)}to{opacity:0;transform:scale(1)}}@keyframes spin-12d6f31b{0%{transform:rotate(0)}to{transform:rotate(1turn)}}