{"version":3,"sources":["webpack://jerri-ui/src/components/musicPlayer/F:/All project/JR-UI-pub/src/components/musicPlayer/index.scss"],"names":[],"mappings":"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","file":"style.css","sourcesContent":["* {\r\n  user-select: none;\r\n}\r\n\r\n.disabled {\r\n  cursor: not-allowed !important;\r\n\r\n  &* {\r\n    cursor: not-allowed !important;\r\n  }\r\n}\r\n\r\n.audio-container {\r\n  &.window {\r\n    width: 680px;\r\n    height: 500px;\r\n\r\n    position: fixed;\r\n    top: 50%;\r\n    left: 50%;\r\n    transform: translate(-50%, -50%);\r\n    z-index: 121;\r\n  }\r\n\r\n  &.min {\r\n    position: fixed;\r\n    bottom: 0px;\r\n    width: 100%;\r\n    background-color: #4f5a5f;\r\n    left: 0px;\r\n    right: 0px;\r\n  }\r\n}\r\n\r\n.audio-shade {\r\n  position: fixed;\r\n  top: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n  left: 0;\r\n  background-color: #00000090;\r\n}\r\n\r\n.audio-list {\r\n  height: 380px;\r\n  padding: 30px;\r\n  background-size: 100% 100%;\r\n  background-image: url(\"#{$--cdn-images}/musicPlayer/bg.png\");\r\n\r\n  > h4 {\r\n    text-align: left;\r\n    color: white;\r\n    margin: 0px;\r\n\r\n    > button {\r\n      width: 18px;\r\n      height: 18px;\r\n      float: right;\r\n      border: none;\r\n      background-color: unset;\r\n      cursor: pointer;\r\n\r\n      &.min {\r\n        margin-right: 15px;\r\n        background-image: url(\"#{$--cdn-images}/musicPlayer/i_minimize_nor.png\");\r\n\r\n        &:hover {\r\n          background-image: url(\"#{$--cdn-images}/musicPlayer/i_minimize_hov.png\");\r\n        }\r\n      }\r\n\r\n      &.close {\r\n        background-image: url(\"#{$--cdn-images}/musicPlayer/i_close_nor.png\");\r\n\r\n        &:hover {\r\n          background-image: url(\"#{$--cdn-images}/musicPlayer/i_close_hov.png\");\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  main {\r\n    padding-top: 24px;\r\n  }\r\n\r\n  ul {\r\n    height: 350px;\r\n    overflow-y: scroll;\r\n    overflow-x: hidden;\r\n    padding: 0px;\r\n    margin: 0px;\r\n\r\n    &::-webkit-scrollbar {\r\n      width: 3px;\r\n    }\r\n\r\n    &::-webkit-scrollbar-button {\r\n      width: 3px;\r\n      height: 0px;\r\n    }\r\n\r\n    &::-webkit-scrollbar-thumb {\r\n      background-color: #6c787f;\r\n    }\r\n\r\n    &::-webkit-scrollbar-track {\r\n      background-color: unset !important;\r\n    }\r\n  }\r\n\r\n  li {\r\n    width: 620px;\r\n    height: 45px;\r\n    color: #effcff;\r\n    display: flex;\r\n    line-height: 45px;\r\n    align-items: center;\r\n    cursor: pointer;\r\n\r\n    &.active,\r\n    &:hover {\r\n      background-color: #69787f;\r\n\r\n      .name {\r\n        color: #00ff00;\r\n      }\r\n    }\r\n\r\n    .index {\r\n      width: 40px;\r\n      text-align: center;\r\n\r\n      img {\r\n        position: relative;\r\n      }\r\n    }\r\n\r\n    .name {\r\n      color: #ffffff;\r\n      width: 500px;\r\n      text-align: left;\r\n    }\r\n\r\n    .duration {\r\n      flex: 1;\r\n      text-align: right;\r\n      padding-right: 10px;\r\n      font-size: 13px;\r\n    }\r\n  }\r\n}\r\n\r\n.audio-section {\r\n  margin: 0px auto;\r\n  width: 680px;\r\n  height: 60px;\r\n  display: flex;\r\n  background-color: #4f5a5f;\r\n\r\n  .audio-section__btn-container {\r\n    flex: 1;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    position: relative;\r\n\r\n    .audio-section__btn {\r\n      border: none;\r\n      background-repeat: no-repeat;\r\n      height: 24px;\r\n      width: 24px;\r\n      background-color: #4f5a5f;\r\n      position: relative;\r\n      padding: 0px;\r\n      outline: none;\r\n      cursor: pointer;\r\n\r\n      &[disabled] {\r\n        cursor: not-allowed;\r\n      }\r\n\r\n      &.previous {\r\n        background-image: url(\"#{$--cdn-images}/musicPlayer/i_up_nor.png\");\r\n\r\n        &:hover {\r\n          background-image: url(\"#{$--cdn-images}/musicPlayer/i_up_hov.png\");\r\n        }\r\n      }\r\n\r\n      &.start {\r\n        margin: 0px 12px;\r\n        background-image: url(\"#{$--cdn-images}/musicPlayer/i_play_nor.png\");\r\n\r\n        &:hover {\r\n          background-image: url(\"#{$--cdn-images}/musicPlayer/i_play_hov.png\");\r\n        }\r\n      }\r\n\r\n      &.pause {\r\n        margin: 0px 12px;\r\n        background-image: url(\"#{$--cdn-images}/musicPlayer/i_pause_nor.png\");\r\n\r\n        &:hover {\r\n          background-image: url(\"#{$--cdn-images}/musicPlayer/i_pause_hov.png\");\r\n        }\r\n      }\r\n\r\n      &.next {\r\n        background-image: url(\"#{$--cdn-images}/musicPlayer/i_down_nor.png\");\r\n\r\n        &:hover {\r\n          background-image: url(\"#{$--cdn-images}/musicPlayer/i_down_hov.png\");\r\n        }\r\n      }\r\n\r\n      &.voice {\r\n        margin-left: 15px;\r\n        background-image: url(\"#{$--cdn-images}/musicPlayer/i_voice_nor.png\");\r\n\r\n        &:hover {\r\n          background-image: url(\"#{$--cdn-images}/musicPlayer/i_voice_hov.png\");\r\n        }\r\n      }\r\n\r\n      &.loop {\r\n        &.loopCurrent {\r\n          background-color: rgba(38, 50, 56, 0.2);\r\n          border-radius: 12px;\r\n        }\r\n\r\n        height: 24px;\r\n        width: 34px;\r\n        background-position: 5px;\r\n        margin-left: 15px;\r\n        background-image: url(\"#{$--cdn-images}/musicPlayer/i_cycle_nor.png\");\r\n\r\n        &:hover {\r\n          background-image: url(\"#{$--cdn-images}/musicPlayer/i_cycle_hov.png\");\r\n        }\r\n      }\r\n\r\n      &.list {\r\n        width: unset;\r\n        padding-left: 30px;\r\n        padding-right: 10px;\r\n        color: #ffffff;\r\n\r\n        background-color: rgba(38, 50, 56, 0.2);\r\n        border-radius: 12px;\r\n        min-width: 45px;\r\n        background-position: 5px;\r\n        margin-left: 15px;\r\n        background-image: url(\"#{$--cdn-images}/musicPlayer/i_list_nor.png\");\r\n\r\n        &:hover {\r\n          background-image: url(\"#{$--cdn-images}/musicPlayer/i_list_hov.png\");\r\n        }\r\n      }\r\n    }\r\n\r\n    .audio-section__voice-wrap {\r\n      width: 26px;\r\n      height: 100px;\r\n      position: absolute;\r\n      top: -117px;\r\n      background-color: #4f5a5f;\r\n      border-radius: 2px 2px 0px 0px;\r\n\r\n      .audio-section__voice-container {\r\n        width: 2px;\r\n        background: #ddd;\r\n        height: 85%;\r\n        position: absolute;\r\n        bottom: 0;\r\n        left: 49%;\r\n        cursor: pointer;\r\n\r\n        .audio-section__voice-progress {\r\n          position: absolute;\r\n          left: 0;\r\n          bottom: 0;\r\n          height: 100%;\r\n          width: 2px;\r\n          background: #00ff00;\r\n        }\r\n\r\n        .audio-section__voice-progress__point {\r\n          position: absolute;\r\n          left: -4px;\r\n          top: 0px;\r\n          width: 11px;\r\n          height: 11px;\r\n          margin-top: -6px;\r\n          background-color: #ffffff;\r\n          border-radius: 50%;\r\n          cursor: pointer;\r\n\r\n          &:after {\r\n            content: \"\";\r\n            position: absolute;\r\n            top: 50%;\r\n            left: 50%;\r\n            width: 8px;\r\n            height: 8px;\r\n            margin: -4px 0 0 -4px;\r\n            background: #fff;\r\n            border-radius: 50%;\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    .audio-section__player {\r\n      display: block;\r\n      margin: 0 auto;\r\n    }\r\n  }\r\n\r\n  .audio-section__progress-container {\r\n    width: 415px;\r\n    position: relative;\r\n    background: #747d81;\r\n    height: 3px;\r\n    margin-top: 35px;\r\n    cursor: pointer;\r\n\r\n    .audio-section__name {\r\n      font-size: 12px;\r\n      color: #c0c5c9;\r\n      position: absolute;\r\n      left: 0px;\r\n      top: -24px;\r\n      cursor: auto;\r\n    }\r\n\r\n    .audio-section__time {\r\n      font-size: 12px;\r\n      color: #c0c5c9;\r\n      position: absolute;\r\n      right: 0px;\r\n      top: -20px;\r\n      cursor: auto;\r\n    }\r\n\r\n    .audio-section__progress {\r\n      position: absolute;\r\n      left: 0;\r\n      top: 0;\r\n      bottom: 0;\r\n      width: 0;\r\n      background: #ffffff;\r\n    }\r\n\r\n    .audio-section__progress__point {\r\n      position: absolute;\r\n      left: 0;\r\n      top: 50%;\r\n      width: 10px;\r\n      height: 10px;\r\n      margin-top: -5px;\r\n      background-color: #ffffff;\r\n      border-radius: 50%;\r\n      cursor: pointer;\r\n\r\n      &:after {\r\n        content: \"\";\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 50%;\r\n        width: 8px;\r\n        height: 8px;\r\n        margin: -4px 0 0 -4px;\r\n        background: #fff;\r\n        border-radius: 50%;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n//  渐变动画fadefast\r\n.fade-enter-active {\r\n  transition: opacity 500ms ease;\r\n  opacity: 1;\r\n}\r\n\r\n.fade-leave-active {\r\n  transition: opacity 500ms ease;\r\n  opacity: 1;\r\n}\r\n\r\n.fade-enter,\r\n.fade-leave-active {\r\n  opacity: 0;\r\n}\r\n"]}