* {
    /* margin: 0 !important ; */
    box-sizing: border-box !important ;
  }
  
  html {
    scroll-snap-type: y mandatory !important ;
  }
  
  body {
    color: white !important ;
    background-color: black !important ;
    height: 98vh !important ;
    padding-bottom: 6.5rem !important;
    /* display: grid !important ; */
    /* place-items: center !important ; */
  }
  
  .app__videos {
    position: relative !important ;
    height: 100% !important ;
    /* height: 750px !important ; */
    background-color: white !important ;
    overflow: scroll !important ;
    width: 100% !important ;
    /* max-width: 400px !important ; */
    scroll-snap-type: y mandatory !important ;
    /* border-radius: 20px !important ; */
  }
  
  .app__videos::-webkit-scrollbar {
    display: none !important ;
  }
  
  .app__videos {
    -ms-overflow-style: none !important ;
    scrollbar-width: none !important ;
  }
  
  .video {
    position: relative !important ;
    height: 100% !important ;
    width: 100% !important ;
    background-color: white !important ;
    scroll-snap-align: start !important ;
  }
  
  .video__player {
    object-fit: cover !important ;
    width: 100% !important ;
    height: 100% !important ;
  }
  
  @media (max-width: 425px) {
    .app__videos {
      width: 100% !important ;
      height: 100% !important ;
      max-width: 100% !important ;
      border-radius: 0 !important ;
    }
  }
  
  /* video header */
  
  .videoHeader {
    position: absolute !important ;
    width: 100% !important ;
    display: flex !important ;
    justify-content: space-between !important ;
    align-items: center !important ;
  }
  
  .videoHeader * {
    padding: 20px !important ;
  }
  
  /* video footer */
  
  .videoFooter {
    /* position: relative !important ;
    bottom: 100px !important ;
    margin-left: 20px !important ; */
  }
  
  .videoFooter__text {
    position: absolute !important ;
    bottom: 0 !important ;
    color: white !important ;
    display: flex !important ;
    align-items: center !important ;
    margin-bottom: 45px !important ;
  }
  
  .user__avatar {
    border-radius: 50% !important ;
    width: 50px !important ;
    height: 50px !important ;
  }
  
  .videoFooter__text h3 {
    margin-left: 10px !important ;
  }
  
  .videoFooter__text h3 button {
    color: white !important ;
    font-weight: 900 !important ;
    text-transform: inherit !important ;
    background: rgba(0, 0, 0, 0.5) !important ;
    border: none !important ;
    padding: 5px !important ;
  }
  
  .videoFooter__ticker {
    width: 60% !important ;
    margin-left: 30px !important ;
    margin-bottom: 20px !important ;
    height: fit-content !important ;
  }
  
  .videoFooter__ticker marquee {
    font-size: 12px !important ;
    padding-top: 7px !important ;
    color: white !important ;
  }
  
  .videoFooter__ticker .material-icons {
    position: absolute !important ;
    left: 5px !important ;
    color: white !important ;
  }
  
  .videoFooter__actions {
    display: flex !important ;
    /* position: absolute !important ; */
    width: 95% !important ;
    justify-content: space-between !important ;
    color: white !important ;
  }
  
  .videoFooter__actionsLeft .material-icons {
    padding: 0 7px !important ;
    font-size: 1.6em !important ;
  }
  
  .videoFooter__actionsRight .material-icons {
    font-size: 25px !important ;
  }
  
  .videoFooter__actionsRight {
    /* display: flex !important ; */
    position: absolute !important ;
    right: 0 !important ;
    bottom: 20px !important ;
    text-align: center !important ;
  }
  
  .videoFooter__stat {
    /* display: flex !important ; */
    align-items: center !important ;
    margin-right: 10px !important ;
    margin-bottom: 20px !important ;
  }
  
  .videoFooter__stat p {
    margin-left: 3px !important ;
    margin: 0 !important ;
  }
  
  .play-btn{
    position: absolute !important ;
    top: 0 !important ;
    bottom: 0 !important ;
    width: 15% !important ;
    margin: auto !important ;
    left: 0 !important ;
    right: 0 !important ;
    text-align: center !important ;
  }
.app__videos a{
    z-index: 5 !important ;
    margin: 0 !important ;
    padding: 0 !important ;
    color: white !important ;
  }