{"version":3,"sources":["webpack://AudioPlayer/./src/index.scss"],"names":[],"mappings":"AAAA;AACA;AACA,gCAAgC;AAChC;AACA,iCAAiC,EAAE;;AAEnC;AACA;AACA,gCAAgC;AAChC;AACA,iCAAiC,EAAE;;AAEnC;AACA;AACA,gCAAgC;AAChC;AACA,iCAAiC,EAAE;;AAEnC;AACA;AACA,gCAAgC;AAChC;AACA,iCAAiC,EAAE;;AAEnC;AACA;AACA,gCAAgC;AAChC;AACA,iCAAiC,EAAE;;AAEnC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA,2BAA2B;;AAE3B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,gBAAgB;AAChB;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA,uBAAuB;AACvB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,mCAAmC;AACnC;AACA;AACA;AACA;AACA;AACA;AACA;AACA,sBAAsB;AACtB;AACA;AACA;AACA;AACA;AACA;AACA;AACA,gBAAgB;AAChB;AACA;AACA;AACA;AACA,oBAAoB;AACpB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA,uBAAuB;AACvB;AACA;AACA;AACA;AACA;AACA;AACA,qBAAqB;AACrB;AACA,mCAAmC;AACnC;AACA,kCAAkC;AAClC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,qCAAqC;AACrC;AACA;AACA;AACA;AACA;AACA,+BAA+B;AAC/B;AACA,eAAe;AACf;AACA,eAAe;AACf;AACA,kCAAkC;AAClC;AACA,iCAAiC;AACjC;AACA,8BAA8B;AAC9B;AACA;AACA,wBAAwB;AACxB;AACA;AACA;AACA;AACA;AACA,0CAA0C;AAC1C;AACA;AACA;AACA,yEAAyE,EAAE;AAC3E;AACA;AACA,yEAAyE,EAAE;AAC3E;AACA;AACA,0EAA0E,EAAE;AAC5E;AACA;AACA,uEAAuE,EAAE;AACzE;AACA;AACA,yBAAyB,EAAE","file":"audioplayer.css","sourcesContent":["@keyframes marquee1 {\n 0% {\n transform: translateX(100%); }\n 100% {\n transform: translateX(-100%); } }\n\n@keyframes marquee2 {\n 0% {\n transform: translateX(100%); }\n 100% {\n transform: translateX(-200%); } }\n\n@keyframes marquee3 {\n 0% {\n transform: translateX(100%); }\n 100% {\n transform: translateX(-300%); } }\n\n@keyframes marquee4 {\n 0% {\n transform: translateX(100%); }\n 100% {\n transform: translateX(-400%); } }\n\n@keyframes marquee5 {\n 0% {\n transform: translateX(100%); }\n 100% {\n transform: translateX(-500%); } }\n\n.noselect {\n cursor: default;\n /* http://stackoverflow.com/a/4407335/4956731 */\n -webkit-touch-callout: none;\n /* iOS Safari */\n -webkit-user-select: none;\n /* Chrome/Safari/Opera */\n /* Konqueror */\n -moz-user-select: none;\n /* Firefox */\n -ms-user-select: none;\n /* IE/Edge */\n user-select: none;\n /* non-prefixed version, currently\n not supported by any browser */ }\n\n.hidden {\n display: none !important; }\n\n.audio_player {\n display: flex;\n flex-direction: row;\n height: 50px;\n background-color: #333;\n width: 100%;\n /* http://codepen.io/aralon/pen/NqGWXZ */ }\n .audio_player .spacer {\n width: 10px; }\n .audio_player .audio_progress_container {\n position: relative;\n height: 100%;\n flex-grow: 1; }\n .audio_player .audio_progress {\n background-color: #4a4a4a;\n height: 100%;\n width: 0;\n will-change: width; }\n .audio_player .audio_progress_overlay {\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n display: flex;\n flex-direction: row;\n justify-content: space-between; }\n .audio_player .audio_info_marquee {\n overflow: hidden;\n /* to make room for .audio_time_progress */\n width: calc(100% - 180px);\n display: flex;\n flex-direction: row;\n align-items: center;\n margin-left: 10px; }\n .audio_player .audio_info {\n display: none;\n width: 100%;\n white-space: nowrap;\n word-break: break-all;\n margin: 0;\n font-size: 19.2px;\n color: #fff; }\n .audio_player .audio_time_progress {\n margin-right: 20px;\n align-self: center;\n color: #fff;\n font-size: 23px; }\n .audio_player .audio_button {\n padding-left: 11px;\n padding-right: 11px;\n margin-left: 4px;\n margin-right: 4px;\n cursor: pointer;\n align-self: center;\n display: flex;\n justify-content: center;\n flex-direction: column;\n height: 50px; }\n .audio_player .play_pause_button .play_pause_inner {\n height: 30px;\n width: 30px;\n overflow: hidden;\n position: relative; }\n .audio_player .play_pause_button .left {\n height: 100%;\n float: left;\n background-color: #fff;\n width: 36%;\n transition: all 0.25s ease;\n overflow: hidden; }\n .audio_player .play_pause_button .triangle_1 {\n transform: translate(0, -100%); }\n .audio_player .play_pause_button .triangle_2 {\n transform: translate(0, 100%); }\n .audio_player .play_pause_button .triangle_1,\n .audio_player .play_pause_button .triangle_2 {\n position: absolute;\n top: 0;\n right: 0;\n background-color: transparent;\n width: 0;\n height: 0;\n border-right: 30px solid #333;\n border-top: 15px solid transparent;\n border-bottom: 15px solid transparent;\n transition: transform 0.25s ease; }\n .audio_player .play_pause_button .right {\n height: 100%;\n float: right;\n width: 36%;\n background-color: #fff;\n transition: all 0.25s ease; }\n .audio_player .play_pause_button.paused .left {\n width: 50%; }\n .audio_player .play_pause_button.paused .right {\n width: 50%; }\n .audio_player .play_pause_button.paused .triangle_1 {\n transform: translate(0, -50%); }\n .audio_player .play_pause_button.paused .triangle_2 {\n transform: translate(0, 50%); }\n .audio_player .skip_button.back {\n transform: rotate(180deg); }\n .audio_player .skip_button .skip_button_inner {\n display: flex;\n flex-direction: row; }\n .audio_player .skip_button .right_facing_triangle {\n width: 0;\n height: 0;\n border-left: 16px solid #fff;\n border-top: 16px solid transparent;\n border-bottom: 16px solid transparent; }\n @media screen and (min-width: 370px) {\n .audio_player .audio_info {\n display: initial;\n animation: marquee5 10s cubic-bezier(0, 0.23, 0.6, -0.09) infinite; } }\n @media screen and (min-width: 450px) {\n .audio_player .audio_info {\n animation: marquee4 10s cubic-bezier(0, 0.23, 0.7, -0.09) infinite; } }\n @media screen and (min-width: 550px) {\n .audio_player .audio_info {\n animation: marquee3 10s cubic-bezier(0, 0.23, 0.85, -0.09) infinite; } }\n @media screen and (min-width: 650px) {\n .audio_player .audio_info {\n animation: marquee2 10s cubic-bezier(0, 0.23, 1, -0.09) infinite; } }\n @media screen and (min-width: 720px) {\n .audio_player .audio_info {\n animation: initial; } }\n"],"sourceRoot":""}