.playerContainer
{
   display: flex;
   flex-direction: column;
   /* border-left: 2px solid var(--font-color-accent-light); */
   min-width: 100%;
}
.mainPlayer[type="player"] .cover .playButton img 
{
   display: none;
}
.titleWrapper > .title
{
   border-left: 8px solid var(--font-color-accent);
   font-size: 46px;
   font-style: normal;
   font-weight: 400;
   line-height: normal;
   letter-spacing: -0.23px;
   font-family: var(--font-family-headline);
   color: var(--content-bg);
   margin: 13px 0px 48px 0;
   padding-left: calc(5% - 8px);
}
.mainPlayer{
   margin: auto;
   display: flex;
   width: 90%;
   margin-left: 5%;
   margin-bottom: 56px;
   position: relative;
   border-radius: var(--border-radius);

   height: 288px;
}
.mainPlayer .content{
   margin: 8px 25px 4px 0px;
   flex: 1;
   display: flex;
}
.mainPlayerPlayButton{
   padding: 38px;
   border-left: 2px solid var(--font-color-accent);
   background: var(--header-bg-dark);
   border-radius: 0 var(--border-radius) var(--border-radius) 0;
   display: flex;
   align-items: center;
}
.mainPlayerPlayButton img{
   width: 72px;
   height: 72px;
}

.bottomRow{
   display: flex;
   justify-content: space-between;
   align-items: center;
   margin-bottom: 16px;
}
.mainPlayer[type='player'] .content{
   overflow: hidden;
   margin: 0;
   padding: 0;
   position: relative;
   border: unset;
   border-radius: var(--border-radius) 0 0 var(--border-radius);
}
.mainPlayer[type="login"]
{
   height: unset;
}

@media screen and (max-width: 1000px) {
   .mainPlayer{
      height: unset;
   }
   .playerContainer
   {
      /* min-width: 90% */
   }
   .mainPlayer
   {
      width: 90%;
      margin-left: 5%;
      margin-right: 5%;
   }
   .titleWrapper .title
   {
      margin: 13px 0 26px 0;
   }
}