{"version":3,"file":"style.css","mappings":"AAAA,EAGE,6BAAY,CAAZ,sBADA,QAAS,CADT,SAEsB,CACvB,0BAGC,kBAAmB,CADrB,mCAGI,UAAW,CAGX,cAAe,CACf,gBAHA,iBAAkB,CAClB,2BAEgB,CAPpB,2CAiBI,2BAAsB,CAAtB,4BAAsB,CACtB,uBAAuB,CAAvB,oBAAuB,CACvB,wBAAa,CAAb,qBAAa,CAAb,mBARA,qBAAsB,CAKtB,0BAAoB,CAApB,0BAAoB,CAApB,mBAAoB,CACpB,yBAAsB,CAAtB,qBAAsB,CACtB,sBAAuB,CAHvB,eAAgB,CADhB,iBAKmB,CAnBvB,gFAYI,kBAAmB,CACnB,yCAA0C,CAA1C,iCAcU,CA3Bd,qCA0BI,WAAY,CADZ,iBAAkB,CAElB,SAAU,CA3Bd,iCA+BI,qBAAsB,CACtB,aAAc,CACd,WAAY,CACZ,UAAW,CAlCf,qCAsCI,UAAW,CAtCf,sCA6CI,YADA,iBAAkB,CAFlB,iBAAkB,CAClB,UAEY,CA7ChB,iCAiDI,cAAe,CACf,eAAgB,CAlDpB,kCAsDI,gBAAiB,CACjB,eAAgB,CAvDpB,8CA6DI,+BAAoC,CAGpC,kBADA,cAAe,CAJf,UAAW,CAGX,kBAAmB,CAFnB,UAIkB,CAhEtB,oCAoEI,qBAAsB,CAGtB,qBAAsB,CADtB,cAAe,CAEf,oCAAY,CAAZ,+BAAY,CAAZ,6BAHA,OAG+B,CAxEnC,qCA6EI,wBAA8B,CAA9B,qBAA8B,CAD9B,mBAAa,CAAb,mBAAa,CAAb,YAAa,CAEb,iBADA,6BACiB,CA9ErB,uCAmFI,uBAAuB,CAAvB,oBAAuB,CACvB,wBAAmB,CAAnB,qBAAmB,CAAnB,kBAAmB,CAFnB,mBAAa,CAAb,mBAAa,CAAb,YAAa,CACb,sBAAuB,CAEvB,YAAa,CArFjB,2CAyFM,eAAc,CADd,kBACgB,CAzFtB,+BAqGI,YAAa,CAHb,WAAY,CAEZ,kBAAmB,CAHnB,cAAe,CAHf,oBAAqB,CACrB,gBAAiB,CAIjB,YAAa,CAHb,YAAa,CAMb,yDAAY,CAAZ,oDAAY,CAAZ,iDAAuD,CAtG3D,sEA6GI,wBAAmB,CAAnB,qBAAmB,CACnB,uBAAuB,CAAvB,oBAAuB,CADvB,kBAAmB,CAEnB,kBAHA,0BAAoB,CAApB,0BAAoB,CAApB,mBAAoB,CADpB,WAAY,CAGZ,sBAAuB,CAJvB,UAKkB,CA/GtB,8EAiHM,UAAW,CAjHjB,kFAoHM,wBAAyB,CACzB,aAAc,CArHpB,uCA0HI,SAAU,CAWV,wBAAmB,CAAnB,qBAAmB,CACnB,uBAAiB,CAAjB,oBAAiB,CADjB,kBAAmB,CAZnB,qBAAsB,CAKtB,WAAY,CAKZ,iBAAkB,CANlB,cAAe,CAOf,0BAAoB,CAApB,0BAAoB,CAApB,mBAAoB,CAFpB,WAAY,CAIZ,uBAXA,aAAc,CAId,YAAa,CAHb,mBAAoB,CAIpB,qCAAgC,CAAhC,gCAAgC,CAAhC,6BAAgC,CAChC,UAKuB,CAtI3B,2CAyIM,UAAW,CAzIjB,mDA6IM,eAAgB,CA7ItB,8DAgJQ,YAAa,CAhJrB,oDAoJM,cAAe,CApJrB,8DAuJQ,YAAa,CACd,qBAxJP,6CA8JM,WAAa,CACd","sources":["webpack://mp3-player-block/./src/style.scss"],"sourcesContent":["* {\r\n  padding: 0;\r\n  margin: 0;\r\n  box-sizing: border-box;\r\n}\r\n\r\n.wp-block-bpmp-mp3-player {\r\n  margin-bottom: 20px;\r\n  .heading {\r\n    color: #000;\r\n    text-align: center;\r\n    text-shadow: 2px 1px #848484;\r\n    font-size: 4rem;\r\n    font-weight: 600;\r\n  }\r\n\r\n  .music-container {\r\n    background-color: #fff;\r\n    border-radius: 1rem;\r\n    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.4);\r\n    padding: 1rem 2rem;\r\n    margin-top: 7rem;\r\n    display: inline-flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    align-items: center;\r\n  }\r\n\r\n  #cover-box {\r\n    border-radius: 1rem;\r\n    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.4);\r\n    position: relative;\r\n    bottom: 4rem;\r\n    width: 85%;\r\n  }\r\n\r\n  #cover {\r\n    border-radius: inherit;\r\n    display: block;\r\n    height: 100%;\r\n    width: 100%;\r\n  }\r\n\r\n  #music-box {\r\n    width: 100%;\r\n  }\r\n\r\n  #music-info {\r\n    text-align: center;\r\n    width: 100%;\r\n    position: relative;\r\n    bottom: 2rem;\r\n  }\r\n\r\n  #title {\r\n    font-size: 2rem;\r\n    font-weight: 600;\r\n  }\r\n\r\n  #artist {\r\n    font-size: 1.4rem;\r\n    font-weight: 500;\r\n  }\r\n\r\n  #progress-container {\r\n    height: 4px;\r\n    width: 100%;\r\n    background-color: rgba(0, 0, 0, 0.2);\r\n    margin: 2rem 0 1rem;\r\n    cursor: pointer;\r\n    border-radius: 8px;\r\n  }\r\n\r\n  #progress {\r\n    background-color: #000;\r\n    width: 0%;\r\n    height: inherit;\r\n    border-radius: inherit;\r\n    transition: width 100ms ease-in;\r\n  }\r\n\r\n  #timer-bar {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    font-size: 1.4rem;\r\n  }\r\n\r\n  #control-box {\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    padding: 1rem;\r\n\r\n    svg {\r\n      font-style: inherit;\r\n      border-radius: 0;\r\n    }\r\n  }\r\n\r\n  .btn {\r\n    display: inline-block;\r\n    font-size: 1.6rem;\r\n    padding: 10px;\r\n    cursor: pointer;\r\n    border: none;\r\n    outline: none;\r\n    border-radius: 4rem;\r\n    fill: #a0a0a0;\r\n    transition: background 200ms linear, color 200ms linear;\r\n  }\r\n  .btnPrev,\r\n  .btnNext {\r\n    width: 45px;\r\n    height: 45px;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    border-radius: 50%;\r\n    svg {\r\n      width: 40px;\r\n    }\r\n    &:hover {\r\n      background-color: #d8d8d8;\r\n      color: #545454;\r\n    }\r\n  }\r\n  .special-btn {\r\n    background-color: #000;\r\n    fill: #fff;\r\n    margin: 0 1rem;\r\n    padding: 1.4rem 1rem;\r\n    cursor: pointer;\r\n    border: none;\r\n    outline: none;\r\n    transition: opacity 200ms linear;\r\n    width: 60px;\r\n    height: 60px;\r\n    border-radius: 50%;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    svg {\r\n      width: 30px;\r\n    }\r\n\r\n    svg.playBtn {\r\n      margin-left: 5px;\r\n\r\n      .pausePath {\r\n        display: none;\r\n      }\r\n    }\r\n    svg.pauseBtn {\r\n      margin: 0 2.5px;\r\n\r\n      .playPath {\r\n        display: none;\r\n      }\r\n    }\r\n  }\r\n\r\n  @media (hover: hover) {\r\n    .special-btn:hover {\r\n      opacity: 0.75;\r\n    }\r\n  }\r\n}\r\n"],"names":[],"sourceRoot":""}