.livebox {
  z-index: 99999; }
  .livebox--header {
    padding: 20px 72px;
    font-size: 17px;
    font-family: "SF Pro Text", sans-serif;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: -0.4px;
    font-feature-settings: 'salt' on;
    color: #1a202c;
    box-shadow: 0px 2px 4px rgba(26, 32, 44, 0.1), 0px 1px 2px rgba(26, 32, 44, 0.15), 0px 0px 1px rgba(26, 32, 44, 0.2);
    height: 64px; }
  .livebox--help {
    width: 520px; }
    .livebox--help--content {
      padding: 32px; }
      .livebox--help--content .video-player {
        height: 304px;
        width: 100%;
        background: #352f84;
        border-radius: 4px; }
      .livebox--help--content h4 {
        margin-bottom: 40px; }
      .livebox--help--content h5 {
        margin-top: 40px; }
      .livebox--help--content .user-guide {
        padding: 24px;
        margin-top: 16px;
        box-shadow: 0px 2px 4px rgba(26, 32, 44, 0.1), 0px 1px 2px rgba(26, 32, 44, 0.15), 0px 0px 1px rgba(26, 32, 44, 0.2);
        border-radius: 4px; }
        .livebox--help--content .user-guide:hover {
          text-decoration: none; }
        .livebox--help--content .user-guide div {
          margin-left: 24px; }
          .livebox--help--content .user-guide div .filename {
            font-size: 20px;
            font-family: "SF Pro Display", sans-serif;
            font-weight: 500;
            line-height: 28px;
            letter-spacing: 0.4px;
            font-feature-settings: 'salt' on;
            color: #1a202c; }
          .livebox--help--content .user-guide div .filesize {
            font-size: 14px;
            font-family: "SF Pro Text", sans-serif;
            font-weight: normal;
            line-height: 20px;
            letter-spacing: -0.154px;
            font-feature-settings: 'salt' on;
            color: #4a5568; }
    .livebox--help .dk--station--type:first-of-type {
      margin-top: 0; }
    .livebox--help .dk--station--type__list-item__icon {
      border: solid 2px #ffffff;
      box-shadow: 0 2px 4px rgba(26, 32, 44, 0.05), 0 1px 2px rgba(26, 32, 44, 0.1), 0 0 1px rgba(26, 32, 44, 0.15); }
      .livebox--help .dk--station--type__list-item__icon svg {
        height: 17px;
        width: initial; }
    .livebox--help .dk--station--type__list-item.centered .dk--station--type__list-item__label {
      align-self: center; }

.livebox-wrapper.shown {
  overflow: hidden; }

.livebox-wrapper .livebox-popup.shown {
  right: 0;
  transition: .5s; }

.livebox-wrapper .livebox-popup {
  position: absolute;
  right: -100vw;
  transition: .2s;
  top: 0;
  height: 100vh;
  padding: 0;
  width: unset;
  max-width: unset;
  border-radius: 0; }
  .livebox-wrapper .livebox-popup .livebox-close-btn {
    padding: 0;
    left: 16px;
    top: 15px;
    right: unset;
    font-size: 30px;
    max-height: 32px;
    width: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(0, 0, 0, 0.6);
    border-radius: 50%; }
    .livebox-wrapper .livebox-popup .livebox-close-btn:hover {
      background: #e2e8f0;
      outline: solid 1px #424c5c; }

.livebox-wrapper .livebox-popup .livebox-close-btn {
  z-index: 15; }