@charset "UTF-8";
/**
 * 桌面歌词样式
 * @authors yutent<yutent@doui.cc>
 * @date 2019/01/17 19:41:52
 */


@import "./var.scss";


body {background:transparent;

  .lrc-box {position:absolute;left:0;top:0;display:flex;flex-flow:column wrap;width:100%;height:100%;padding:0 5rem;line-height:5rem;color:#fff;font-size:3rem;
          
    section {flex:1;display:flex;
    
      &.left {justify-content:flex-start;}
      &.right {justify-content:flex-end}
  
      span {background-clip:text!important;color:transparent;
        
        &.shadow {text-shadow:0 0 .5rem rgba(0, 0, 0, .5);}
      }
    }
  
  }

  .touch-bar {position:absolute;right:0;top:0;z-index:9;height:2rem;}

  .quit,
  .lock {visibility:hidden;position:absolute;right:1rem;top:.5rem;font-size:1.8rem;font-weight:bold;text-shadow:0 0 .1rem #fff;
    &:hover {color:nth($cr, 1)}
    &:active {color:nth($co, 1)}
  }
  .lock {right:4rem;

    &.active {color:nth($ct, 1)}
  }


  &:hover {background:rgba(29, 35, 44, 0.15);
  
    .quit, .lock {visibility:visible;}
  }
  


}
