.sp-container {
  width: 100%;
  border-radius: $borderRadius;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow:hidden;

  input, button {
    -webkit-tap-highlight-color: transparent !important;
  }

  &__disablecursor{
    cursor: none;
  }

  &.sp-theater-mode {
    width: 100%;
    height: calc((9 / 16) * 100vw);
    max-height: calc(100vh - 169px);
  }

  .sp-video {

    position: absolute;
    top: 0;
    margin:0 auto;
    width: 100%;
    height: 100%;
    border-radius: $borderRadius;
    opacity: 1;

    &--hidden {
      opacity: 0;
    }
  }

  &__box {
    display: flex;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    border-radius: $borderRadius;
    background-color: $backgroundColor;
  }

  &__wrapper {
    max-width: 1280px;
    width: 100%;
  }

  &--no-cursor {
    cursor: none;
  }

  svg, g {

    box-sizing: unset !important;

  }

}