/* Loại bỏ mọi margin/padding của trang */
  html,
  body {
      margin: 0;
      padding: 0;
      overflow: hidden;
      /* ẩn thanh scroll */
     
      /* hoặc màu khác nếu muốn */
  }



  body {
      font-family: sans-serif;
      display: flex;
      justify-content: center;
      align-items: center;
      background: #111;
      color: #fff;
      height: 100vh;
  }

 /* .phone-mini {
        border: 7px solid #808080;
        display: inline-block;
        width: fit-content;
        height: fit-content;
        border-radius: 12px;
        vertical-align: top;
    } */

  .phone-mini canvas,
  .phone-mini img.phone-preview {
      display: block;
      object-fit: contain;
       border: 7px solid #808080;
        border-radius: 12px;
  }

.video-loading {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--rz-base-500);
    z-index: 10;
    transition: opacity 0.3s ease;
}

.video-loader {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 6rem;
    margin-top: 3rem;
    margin-bottom: 3rem;
}

    .video-loader:before,
    .video-loader:after {
        content: "";
        position: absolute;
        border-radius: 50%;
        animation: pulsOut 1.8s ease-in-out infinite;
        filter: drop-shadow(0 0 1rem rgba(255, 255, 255, 0.75));
    }

    .video-loader:before {
        width: 100%;
        padding-bottom: 100%;
        box-shadow: inset 0 0 0 1rem #fff;
        animation-name: pulsIn;
    }

    .video-loader:after {
        width: calc(100% - 2rem);
        padding-bottom: calc(100% - 2rem);
        box-shadow: 0 0 0 0 #fff;
    }

@keyframes pulsIn {
    0% {
        box-shadow: inset 0 0 0 1rem #fff;
        opacity: 1;
    }

    50%, 100% {
        box-shadow: inset 0 0 0 0 #fff;
        opacity: 0;
    }
}

@keyframes pulsOut {
    0%, 50% {
        box-shadow: 0 0 0 0 #fff;
        opacity: 0;
    }

    100% {
        box-shadow: 0 0 0 1rem #fff;
        opacity: 1;
    }
}