/*
 * RatedTunes Frontend v2 / Layout 2 player CSS extracted from old build.
 *
 * Source:
 * /var/www/audiolibrary.frontend/build/static/css/main.9f7cac87.chunk.css
 *
 * Only player/waveform related rules are copied.
 * Do not copy the full old webpack CSS into v2.
 */

.track-detail_waveform{margin-top:-20px;-webkit-user-select:none!important;user-select:none!important;pointer-events:none!important;overflow:hidden;height:140px;position:relative}

.track-detail_waveform-wrapper{margin-top:auto}

@media screen and (max-width:768px){.track-detail_waveform-wrapper{display:none}

@media screen and (max-width:1400px){.track-detail_waveform{height:100px}

@media screen and (max-width:768px){.track-detail_waveform{height:50px}

.track-detail_waveform-actual{position:absolute;top:76px;left:0;height:140px}

@media screen and (max-width:1400px){.track-detail_waveform-actual{height:100px}

@media screen and (max-width:768px){.track-detail_waveform-actual{height:50px}

.track-detail_waveform-actual *{max-height:140px}

@media screen and (max-width:1400px){.track-detail_waveform-actual *{max-height:100px}

@media screen and (max-width:768px){.track-detail_waveform-actual *{max-height:50px}

@media screen and (max-width:1400px){.track-detail_waveform-actual{top:50px}

@media screen and (max-width:768px){.track-detail_waveform-actual{top:25px}

body.customize-support .audioplayer--active{bottom:32px}

@media screen and (max-width:768px){body.customize-support .audioplayer--active{bottom:46px}

.audioplayer{position:fixed;z-index:11111;left:0;width:100%;height:70px;background-color:#152537;bottom:-70px;transition:bottom .3s ease-in-out,top .3s ease-in-out;-webkit-user-select:none;user-select:none;pointer-events:none;box-shadow:0 0 4px 0 rgba(0,0,0,.13);display:flex;justify-content:space-between;align-items:stretch}

@media screen and (max-width:768px){.audioplayer{padding-bottom:70px;height:140px;bottom:-140px}

.audioplayer--active{bottom:0;-webkit-user-select:auto;user-select:auto;pointer-events:auto}

@media screen and (max-width:768px){.audioplayer--active{bottom:0}

.audioplayer>div{opacity:1;transition:opacity .3s ease-in-out}

.audioplayer--active.audioplayer--menu-opened{bottom:582px}

.audioplayer--active.audioplayer--menu-opened>div:not(.audioplayer_mobile-menu):not(.audioplayer_waveform){opacity:0;-webkit-user-select:none;user-select:none;pointer-events:none}

.audioplayer--active.audioplayer--menu-opened .audioplayer_waveform{position:absolute;top:396px;left:0;width:85%}

.audioplayer_like{display:flex;justify-content:center;align-items:center;margin-left:7px;margin-right:7px;border-right:1px solid #e30000}

@media screen and (max-width:768px){.audioplayer_like{margin-left:2px;margin-right:2px;display:flex}

@media screen and (max-width:360px){.audioplayer_like{padding:0!important;margin:0;width:15px;border-right:none}

.audioplayer_like_button{border:none!important;background-color:transparent!important;width:18px;height:18px;color:#c9c9c9;padding:0;margin-right:4px;display:flex;justify-content:center;align-items:center;display:flex!important;opacity:1;transition:opacity .2s ease-in-out,color .2s ease-in-out!important}

.audioplayer_like_button--wished{color:#ff1493}

.audioplayer_like_button svg{max-height:14px}

.audioplayer_buying{padding:0 10px;display:flex;align-items:center;color:#fff!important}

.audioplayer_buying a{display:none!important}

@media screen and (max-width:768px){.audioplayer_buying{padding-right:0!important;margin-left:auto;margin-left:0}

.audioplayer_buying_button{padding:6px 12px!important;transition:background-color .2s ease-in-out;min-width:57.6px}

@media screen and (max-width:768px){.audioplayer_buying_button{min-width:unset;padding:3px 6px!important}

.audioplayer_buying_button--outofstock{pointer-events:none!important;-webkit-user-select:none!important;user-select:none!important}

@media screen and (max-width:768px){.audioplayer_buying_button--outofstock{opacity:.5}

.audioplayer_buying_button span{font-size:10px;margin-left:7px;text-decoration:line-through}

@media screen and (max-width:992px){.audioplayer_buying_button span{display:none!important}

.audioplayer_buying_button_icon{display:none;width:19px;height:17px}

@media screen and (max-width:768px){.audioplayer_buying_button_icon{color:#ff69b4!important}

@media screen and (max-width:768px){.audioplayer_buying_button{background-color:transparent!important}

.audioplayer_buying_button b,.audioplayer_buying_button span{display:none!important}

.audioplayer_buying_button_icon{display:flex;justify-content:center;align-items:center;color:#ff1493;font-size:17px}

.audioplayer_buying_button:hover{background-color:transparent!important}

.audioplayer_waveform{height:100%;display:flex;justify-content:center;align-items:center;padding:10px 0 10px 10px;flex-grow:1;min-width:200px}

.audioplayer_waveform canvas{image-rendering:optimizeSpeed;image-rendering:-o-crisp-edges;image-rendering:pixelated;-ms-interpolation-mode:nearest-neighbor}

@media screen and (max-width:768px){.audioplayer_waveform{position:absolute;width:100%;height:70px;bottom:0;padding:5px 10px;border-top:1px solid rgba(128,151,177,.222);min-width:150px}

.audioplayer_waveform_inner{width:100%;height:100%;position:relative;display:flex;justify-content:center;align-items:center}

@media screen and (max-width:768px){.audioplayer_waveform_inner{margin-right:unset}

.audioplayer_waveform_inner>*{max-height:100%!important;width:100%!important;cursor:pointer;overflow:hidden!important}

@media screen and (max-width:768px){.audioplayer_waveform_inner>*{max-height:80%!important}

.audioplayer_away{height:100%;display:flex;justify-content:center;align-items:center;padding:0 10px 0 0}

.audioplayer_away a{font-size:15px}

.audioplayer_away>div{padding:0 5px}

.audioplayer_controls{display:flex;justify-content:space-between;align-items:center;margin:5px 5px 5px 10px}

.audioplayer_controls_modal{padding:0 5px 0 0!important}

.audioplayer_controls_modal button{font-size:13px;margin-right:5px}

.audioplayer_controls_volume{padding:0 10px 0 0;position:relative}

@media screen and (max-width:768px){.audioplayer_controls_volume{display:none!important}

.audioplayer_controls_volume-button{background-color:transparent!important;border:none!important;font-size:13px;width:24px;height:24px;color:#fff}

.audioplayer_controls_volume-button--mute{color:red!important}

.audioplayer_controls_volume-button svg{max-height:12px}

.audioplayer_controls_volume--hovered>div,.audioplayer_controls_volume:hover>div{opacity:1;z-index:20}

.audioplayer_controls_volume-hover{opacity:0;z-index:-10;transition:opacity .2s ease-in-out;position:absolute;top:-140px;left:0;right:0;margin:auto;padding:16px 0 10px;display:flex;justify-content:center;align-items:center;width:38px;background-color:#262626;box-shadow:0 0 5px 0 rgba(0,0,0,.44);border-radius:2px}

.audioplayer_controls_volume-hover>div{box-shadow:inset 0 0 5px 0 rgba(0,0,0,.69);background-color:#ababab}

.audioplayer_controls_volume-hover>div>div{box-shadow:0 0 5px 0 rgba(0,0,0,.69)}

.audioplayer_controls_volume-hover:after{content:"";display:block;position:absolute;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:10px solid #262626;bottom:-10px;left:0;right:0;margin:auto;z-index:0}

.audioplayer_controls_play,.audioplayer_controls_play>button{display:flex;justify-content:center;align-items:center}

.audioplayer_controls_play>button{border-radius:50%;border:none!important;font-size:12px;background-color:hsla(0,0%,100%,.05);transition:background-color .2s ease-in-out,color .2s ease-in-out;flex-shrink:0;margin:0 5px;color:#efefef;padding:0!important;cursor:pointer}

.audioplayer_controls_play>button:hover{background-color:hsla(0,0%,100%,.15);color:#fff}

.audioplayer_controls_play>button svg{max-height:12px}

.audioplayer_controls_play--next,.audioplayer_controls_play--previous{width:50px;height:50px}

.audioplayer_controls_play--play{width:60px;height:60px;margin:0 2px!important;font-size:14px!important}

.audioplayer_controls_play--play svg{max-height:unset!important}

@media screen and (max-width:768px){.audioplayer_controls_play--previous{display:none!important}

@media screen and (max-width:768px){.audioplayer_controls_play--next,.audioplayer_controls_play--play,.audioplayer_controls_play--previous{display:flex!important;width:25px;height:25px;background-color:transparent!important}

@media screen and (max-width:768px){.audioplayer>div.audioplayer_meta{width:100%;max-width:calc(100% - 125px)}

.audioplayer_meta{display:flex;justify-content:flex-start;align-items:stretch}

.audioplayer_meta>div:not(.audioplayer_meta_title){padding:5px 10px}

.audioplayer_meta_image{padding:0!important;flex-shrink:0;width:70px;height:70px}

.audioplayer_meta_image--no-picture{padding:15px!important}

.audioplayer_meta_title{padding:5px 20px 5px 10px;display:flex;justify-content:center;align-items:flex-start;flex-direction:column;white-space:nowrap;max-width:300px;overflow:hidden;border-right:1px solid #213248;width:300px}

@media screen and (max-width:1720px){.audioplayer_meta_title{min-width:40%;width:250px}

@media screen and (max-width:1400px){.audioplayer_meta_title{width:250px}

@media screen and (max-width:1200px){.audioplayer_meta_title{width:200px}

@media screen and (max-width:768px){.audioplayer_meta_title{flex:100% 1;max-width:unset}

@media screen and (max-width:1200px){.audioplayer_meta_title{padding:5px 10px}

.audioplayer_meta_title *{overflow:hidden;text-overflow:ellipsis;max-width:100%;white-space:nowrap;color:#8c8c8c}

.audioplayer_meta_title h2{font-size:14px;font-weight:500;margin-bottom:0;color:#aebed3}

.audioplayer_meta_title .song_artist{color:#5c7089;font-size:12px;margin-bottom:0}

.audioplayer_meta_title_price{display:none}

@media screen and (max-width:768px){.audioplayer_meta_title_price{display:block}

.audioplayer_meta_attribute{font-size:12px;height:20px;width:100%;font-weight:400;display:flex;justify-content:flex-end;align-items:center;flex:0 1}

.audioplayer_meta_attribute_inner{padding:0 2px;color:#797979;font-size:11px}

.audioplayer_meta_attribute_inner:first-of-type{padding-left:0}

.audioplayer_meta_timer{display:flex;justify-content:center;align-items:center;padding-left:20px!important;padding-right:10px!important}

@media screen and (max-width:768px){.audioplayer_meta_timer{margin-left:auto}

@media screen and (max-width:992px){.audioplayer_meta_timer{display:none}

.audioplayer_meta_timer_inner{white-space:nowrap;display:flex;justify-content:space-between;align-items:flex-start;flex-direction:column;width:100%}

.audioplayer_meta_timer--delimiter{padding:0 15px}

@media screen and (max-width:992px){.audioplayer_meta_timer--delimiter{padding:0 6px}

.audioplayer_meta_timer--entire{font-size:14px;font-weight:600;color:var(--theme-color-blue);width:39px!important}

.audioplayer_meta_timer--actual{font-size:14px;color:#a5a5a5}

.audioplayer_mobile-button{width:45px;height:70px;background-color:transparent!important;border-radius:0;padding:0;font-size:20px;border:none!important;border-left:1px solid #222!important;display:none;transition:background-color .2s ease-in-out}

.audioplayer_mobile-button:hover{background-color:#171717!important}

@media screen and (max-width:768px){.audioplayer_mobile-button{display:flex;justify-content:center;align-items:center}

.audioplayer_mobile-button--opened{transform:rotate(180deg)}

.audioplayer_mobile-menu{position:absolute;left:0;right:0;top:70px;display:none;height:550px;background-color:#000}

@media screen and (max-width:768px){.audioplayer_mobile-menu{display:block}

.audioplayer_mobile-menu .audioplayer_like{display:flex!important;position:absolute;left:16px;top:0;border-right:0;font-size:22px}

.audioplayer_mobile-menu .audioplayer_buying{display:flex!important;justify-content:center;margin-top:33px}

.audioplayer_mobile-menu .audioplayer_buying span{display:inline!important;font-size:16px}

.audioplayer_mobile-menu .audioplayer_buying b{font-size:18px}

.audioplayer_mobile-menu .audioplayer_buying button{display:flex;justify-content:center;align-items:center}

.audioplayer_mobile-menu .audioplayer_controls{justify-content:center}

.audioplayer_mobile-menu .audioplayer_controls>div:not(.audioplayer_controls_volume){display:flex!important}

.audioplayer_mobile-menu .audioplayer_controls_play{margin-top:14px}

.audioplayer_mobile-menu .audioplayer_controls_play>button{display:flex!important;transform:scale(1.4);margin:0 18px}

.audioplayer_mobile-menu_meta{display:flex;justify-content:flex-start;align-items:center;flex-direction:column}

.audioplayer_mobile-menu_meta .audioplayer_meta{position:relative;flex-direction:column;align-items:center;margin-top:-45px;width:100%!important}

.audioplayer_mobile-menu_meta .audioplayer_meta_image{width:300px;height:300px}

.audioplayer_mobile-menu_meta .audioplayer_meta_title{max-width:100%}

.audioplayer_mobile-menu_meta .audioplayer_meta_title *{max-width:100%;display:block;width:100%;text-align:center}

.audioplayer_mobile-menu_meta .audioplayer_meta_title h2{font-size:27px;margin-top:5px}

.audioplayer_mobile-menu_meta .audioplayer_meta_title small{margin-top:0;font-size:14px}

.audioplayer_mobile-menu_meta .audioplayer_meta_timer{max-width:15%}

.player-button{color:#7c8ea5;transition:color .2s ease-in-out;font-size:13px}

.player-button:hover{color:#fff}

html body #waveform,
html body #waveform *,
html body .audioplayer_waveform_inner,
html body .audioplayer_waveform_inner *,
html body .audioplayer_waveform,
html body .audioplayer_waveform *,
html body .ms_player_wrapper .audioplayer_waveform,
html body .ms_player_wrapper .audioplayer_waveform * {
  box-sizing: content-box !important;}