:root{
  --blue:#1366AA;
  --blue-cadet:#27BCEE;
  --blue-sky: #77BBff;
  --highlight:#f86b93;
  --light-complement: #FFF3F0;
  --light-peach: #FFD0C7;
  --mint:#83E6D1;
  --orange:#FF7043;
  --yellow:#FEDE2F;
  --yellow2:#e4bd26;


  --black: #000;
  --grey-00:#333;
  --grey-01:#777;
  --grey-02:#c3c3c3;
  --grey-03:#E9EBEE;
  --grey-04:#F9F9F9;
  --white: #fff;

  --plyr-color-main: #fff;
  --plyr-video-control-color: #f86b93;
  --plyr-video-control-color-hover: #f86b93;
  --plyr-control-icon-size: 20px;
  --plyr-control-spacing: 30px;
}

@keyframes loadingIcon{
  0%{transform: rotate(0deg);}
  100%{transform: rotate(359deg);}

}