/**
 * Plasmic Audio Player PACKAGED v:1.0
 * Global CSS.
 * @author Tibi - FWDesign [https://webdesign-flash.ro/]
 * Copyright © Since 2006 All Rights Reserved.
 */


/* ###############################################
 * Import main font. 
 * #############################################*/
 @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap');


/* ###############################################
 * Font icon. 
 * #############################################*/
@font-face {
    font-family: 'fwdpapicon';
    src:  url('fonts/fwdpapicon.eot?w9rz1w');
    src:  url('fonts/fwdpapicon.eot?w9rz1w#iefix') format('embedded-opentype'),
      url('fonts/fwdpapicon.ttf?w9rz1w') format('truetype'),
      url('fonts/fwdpapicon.woff?w9rz1w') format('woff'),
      url('fonts/fwdpapicon.svg?w9rz1w#fwdpapicon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}
  
.fwdpapicon,
[class^="fwdpapicon-"]:before,
[class*=" fwdpapicon-"]:before {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'fwdpapicon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
  
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
  
.fwdpapicon-playlist-close:before {
    content: "\e919";
}
  
.fwdpapicon-like-empty:before {
    content: "\e900";
}
  
.fwdpapicon-like-full:before {
    content: "\e901";
}
  
.fwdpapicon-linkedin:before {
    content: "\e902";
}
  
.fwdpapicon-loop:before {
    content: "\e903";
}
  
.fwdpapicon-next:before {
    content: "\e904";
}
  
.fwdpapicon-open:before {
    content: "\e905";
}
  
.fwdpapicon-pause:before {
    content: "\e906";
}
  
.fwdpapicon-pinterest:before {
    content: "\e907";
}
  
.fwdpapicon-play:before {
    content: "\e908";
}
  
.fwdpapicon-playback-speed:before {
    content: "\e909";
}
  
.fwdpapicon-playlist:before {
    content: "\e90a";
}
  
.fwdpapicon-prev:before {
    content: "\e90b";
}
  
.fwdpapicon-reddit:before {
    content: "\e90c";
}
  
.fwdpapicon-share:before {
    content: "\e90d";
}
  
.fwdpapicon-shuffle:before {
    content: "\e90e";
}
  
.fwdpapicon-tumblr:before {
    content: "\e90f";
}
  
.fwdpapicon-twitter:before {
    content: "\e910";
}
  
.fwdpapicon-volume:before {
    content: "\e911";
}
  
.fwdpapicon-volume-off:before {
    content: "\e912";
}
  
.fwdpapicon-blogger:before {
    content: "\e913";
}
  
.fwdpapicon-buffer:before {
    content: "\e914";
}
  
.fwdpapicon-close:before {
    content: "\e915";
}
  
.fwdpapicon-digg:before {
    content: "\e916";
}
  
.fwdpapicon-error:before {
    content: "\e917";
}
  
.fwdpapicon-facebook:before {
    content: "\e918";
}


/* ###############################################
 * General. 
 * #############################################*/
.fwdds-error-window{
    background: #FFF !important;
}

.fwdpap-error-window-text{
    font: 400 16px Roboto, Arial !important;
    padding: 7px 21px 9px 23px !important;
    color: #000 !important;
}

.fwdpapicon-error{
    position: relative !important;
    top: 5px !important;
    left: -5px !important;
    margin: 0 1px 0 0 !important;
    color: #F00 !important;
}

.fwdpapicon-error:before{
  font-size: 26px !important;
}


/* ###############################################
 * Payer controls. 
 * #############################################*/
.fwdpap-controls{
  width: 100% !important;
  height: 80px;
}

.fwdpap-right-line-separator{
    width: 17px !important;
    height: 28px !important;
}

.fwdpap-right-line-separator-in{
    width: 1px !important;
    height: 9px !important;
    top: calc(50% - 4px) !important;
    left: calc(50% - 1px) !important;
}

.fwdpap-controls.compact .fwdpap-right-line-separator{
    height: 32px !important;
}

.fwdpap-controls.compact .fwdpap-right-line-separator-in{
    height: 12px !important;
    top: calc(50% - 5px) !important;
}


/* Artwork. */
.fwdpap-artwork{
    width: 56px !important;
    height: 56px !important;
    border-radius: 100% !important;
}


/* Artist and title. */
.fwdpap-title{
    display: inline-block !important;
    font-family: 'Inter' !important;
    font-style: normal !important;
    font-weight: 500 !important;
    font-size: 15px !important;
    line-height: 16px !important;
    margin: 0 !important;
    padding: 0 !important;
}

.fwdpap-artist{
    display: inline-block !important;
    font-family: 'Inter' !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 12px !important;
    line-height: 10px !important;
    margin: 0 !important;
    padding: 0 !important;
}

.fwdpap .artist-tooltip-background,
.fwdpap .title-tooltip-background{
    border-radius: 8px !important;
}

.fwdpap .title-tooltip-background .title-tooltip-pointer{
   
}

.fwdpap .title-tooltip-text{
    display: inline-block !important;
    font-family: 'Inter' !important;
    font-style: normal !important;
    font-weight: 500 !important;
    font-size: 15px !important;
    line-height: 16px !important;
    margin: 0 !important;
    padding: 15px 15px !important;
}

.fwdpap .artist-tooltip-text{
    display: inline-block !important;
    font-family: 'Inter' !important;
    font-style: normal !important; 
    font-weight: 400 !important;
    font-size: 12px !important;
    border-radius: 8px !important;
    line-height: 10px !important;
    margin: 0 !important;
    padding: 15px 15px !important;
}


/* Like button. */
.fwdpap-like-button{
    width: 28px !important;
    height: 28px !important;
}

.fwdpap-like-button .fwdpapicon-like-empty,
.fwdpap-like-button .fwdpapicon-like-full{
    font-size: 22px !important;
}

.fwdpap-like-button .fwdpap-first-button span,
.fwdpap-like-button .fwdpap-second-button span{
    position: relative !important; 
    top: calc(50% - 11px) !important;
    left: calc(50% - 11px) !important;
}

.fwdpap-like{
    font-family: 'Inter' !important;
    font-style: normal !important;
    font-weight: 900 !important;
    font-size: 9px !important;
    line-height: 10px !important;
    border-radius: 10px !important;
    padding: 2px 5px !important;
}


/* Playback rate speed button. */
.fwdpap-playback-speed-button{
    width: 24px !important;
    height: 28px !important;
}

/* Center buttons. */
.fwdpap-play-pause-button{
    width: 32px !important;
    height: 32px !important;
}

.fwdpap-play-pause-button .fwdpapicon-play,
.fwdpap-play-pause-button .fwdpapicon-pause{
    font-size: 32px !important;
}

.fwdpap-play-pause-button .fwdpap-first-button span,
.fwdpap-play-pause-button .fwdpap-second-button span{
    position: relative !important;
    top: calc(50% - 16px) !important;
    left: calc(50% - 16px) !important;
}

.fwdpap-controls.compact .fwdpap-play-pause-button{
    width: 45px !important;
    height: 45px !important;
}

.fwdpap-controls.compact .fwdpap-play-pause-button .fwdpapicon-play,
.fwdpap-controls.compact .fwdpap-play-pause-button .fwdpapicon-pause{
    font-size: 45px !important;
}

.fwdpap-controls.compact .fwdpap-play-pause-button .fwdpap-first-button span,
.fwdpap-controls.compact .fwdpap-play-pause-button .fwdpap-second-button span{
    position: relative !important;
    top: calc(50% - 22px) !important;
    left: calc(50% - 23px) !important;
}

.fwdpap-prev-button,
.fwdpap-next-button,
.fwdpap-shuffle-button,
.fwdpap-loop-button{
    width: 19px !important;
    height: 28px !important;
}

.fwdpap-controls.compact .fwdpap-prev-button,
.fwdpap-controls.compact .fwdpap-next-button,
.fwdpap-controls.compact .fwdpap-shuffle-button,
.fwdpap-controls.compact .fwdpap-loop-button{
    width: 32px !important;
    height: 30px !important;
    font-size: 22px !important;
}

.fwdpap-controls.compact .fwdpap-prev-button span,
.fwdpap-controls.compact .fwdpap-next-button span,
.fwdpap-controls.compact .fwdpap-shuffle-button span,
.fwdpap-controls.compact .fwdpap-loop-button span{
    top: calc(50% - 11px) !important;
    left: calc(50% - 10px)!important;
}


/* Right buttons. */
.fwdpap-share-button,
.fwdpap-close-button,
.fwdpap-play-pause-close-button,
.fwdpap-volume-button,
.fwdpap-playback-speed-button,
.fwdpap-playlist-button{
    width: 24px !important;
    height: 28px !important;
}

.fwdpap-play-pause-close-button .fwdpapicon-pause,
.fwdpap-play-pause-close-button .fwdpapicon-play{
    font-size: 18px;
    top: 4px !important;
}

.fwdpap-play-pause-close-button-visualizer{
    width: 10px !important;
    height: 10px !important;
}

.fwdpap-first-button span,
.fwdpap-second-button span{
    position: relative !important; 
    top: calc(50% - 8px) !important;
    left: calc(50% - 8px) !important;
}

.fwdpap-controls.compact .fwdpap-share-button,
.fwdpap-controls.compact .fwdpap-close-button,
.fwdpap-controls.compact .fwdpap-volume-button,
.fwdpap-controls.compact .fwdpap-playback-speed-button,
.fwdpap-controls.compact .fwdpap-playlist-button,
.fwdpap-controls.compact .fwdpap-play-pause-close-button{
    width: 30px !important;
    height: 32px !important;
    font-size: 22px !important;
}

.fwdpap-controls.compact .fwdpap-play-pause-close-button .fwdpapicon-pause,
.fwdpap-controls.compact .fwdpap-play-pause-close-button .fwdpapicon-play{
    font-size: 26px !important;
}

.fwdpap-controls.compact .fwdpap-share-button span,
.fwdpap-controls.compact .fwdpap-volume-button span,
.fwdpap-controls.compact .fwdpap-playback-speed-button span,
.fwdpap-controls.compact .fwdpap-playlist-button span{
    top: calc(50% - 11px) !important;
    left: calc(50% - 10px)!important;
}

.fwdpap-controls.compact .fwdpap-close-button .fwdpapicon-close{
    top: calc(50% - 10px) !important;
    left: calc(50% - 10px)!important;
}

.fwdpap-controls.compact .fwdpap-close-button .fwdpapicon-open{
    top: calc(50% - 11px) !important;
    left: calc(50% - 10px)!important;
}

.fwdpap-controls.compact .fwdpap-play-pause-close-button span{
    top: calc(50% - 12px) !important;
    left: calc(50% - 13px)!important;
}


/* ###############################################
 * Playlist. 
 * #############################################*/
.fwdpap-playlist-visualizer{
    width: 10px !important; 
    height: 10px !important; 
    margin-right: 8px !important;
    top: -1px !important;
}

.fwdpap-scrollbar-track,
.fwdpap-scrollbar-handler-in{
    border-radius: 8px !important;
}


/* ###############################################
 * Share. 
 * #############################################*/
.fwdpap-share .share-window{
    width: 164px !important;
    border-radius: 8px !important;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1) !important;
}

.fwdpap-share .share-window .share-window-text{
    font-family: 'Inter', sans-serif !important;
    font-style: normal !important;
    font-weight: 500 !important;
    font-size: 15px !important;
    line-height: 25px !important;
    text-align: center !important;
    padding: 13px 0 10px !important;
}

.fwdpap-share .share-button{
    margin: 0 16px 10px 0 !important;
}

.fwdpap-share .share-window-pointer{
    box-shadow: 1px 4px 4px rgba(0, 0, 0, 0.1) !important;
}

.fwdpap-share .share-button:nth-child(3n) {
    margin-right: 0 !important;
}

.fwdpap-share .share-button .button{
    position: relative !important;
    cursor: pointer !important;
    width: 32px !important;
    height: 32px !important;
    font-size: 18px !important;
}

.fwdpap-share .share-window-buttons-holder{
    padding: 15px 18px 2px !important
}

.fwdpap-share .fwdpapicon-facebook{
    position: absolute !important;
    top: 4px !important;
    left: 4px !important;
}

.fwdpap-share .share-button .selected.facebook{
}

.fwdpap-share .fwdpapicon-twitter{
    position: absolute !important;
    top: 4px !important;
    left: 5px !important;
}

.fwdpap-share .share-button .selected.twitter{
}

.fwdpap-share .fwdpapicon-linkedin{
    position: absolute !important;
    top: 4px !important;
    left: 5px !important;
}

.fwdpap-share .share-button .selected.linkedin{
}

.fwdpap-share .fwdpapicon-tumblr{
    position: absolute !important;
    top: 4px !important;
    left: 4px !important;
}

.fwdpap-share .share-button .selected.tumblr{
}

.fwdpap-share .fwdpapicon-pinterest{
    position: absolute !important;
    top: 4px !important;
    left: 4px !important;
}

.fwdpap-share .share-button .selected.pinterest{
}

.fwdpap-share .fwdpapicon-reddit{
    position: absolute !important;
    top: 4px !important;
    left: 4px !important;
}

.fwdpap-share .share-button .selected.reddit{
}

.fwdpap-share .fwdpapicon-buffer{
    position: absolute !important;
    top: 4px !important;
    left: 4px !important;
}

.fwdpap-share .share-button .selected.buffer{
}

.fwdpap-share .fwdpapicon-digg{
    position: absolute !important;
    top: 4px !important;
    left: 4px !important;
}

.fwdpap-share .share-button .selected.digg{
}

.fwdpap-share .fwdpapicon-blogger{
    position: absolute !important;
    top: 4px !important;
    left: 4px !important;
}

.fwdpap-share .share-button .selected.blogger{
}


/* ###############################################
 * Volume and playback speed scrubbers. 
 * #############################################*/
.fwdpap .volume-scrubber-background,
.fwdpap .volume-scrubber-progress{
    border-radius: 8px !important;
}

.fwdpap .volume-scrubber-holder{
    border-radius: 16px !important;
    /* box-shadow: 0px 1px 4px rgba(255, 255, 255, 0.1); */
}

.fwdpap .volume-scrubber-tooltip-background{
    border-radius: 4px !important;
    box-shadow: 0px 1px 4px rgba(255, 255, 255, 0.1) !important;
}

.fwdpap .volume-scrubber-tooltip-pointer{
    box-shadow: 2px -2px 5px rgba(255, 255, 255, .1) !important;
}

.fwdpap .volume-scrubber-tooltip-pointer.right{
    box-shadow: -2px 4px 5px rgba(255, 255, 255, .1) !important;
}

.fwdpap .volume-scrubber-tooltip-text{
    font-family: 'Inter', sans-serif !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 11px !important;
    padding: 6px 10px !important;
}


/* ###############################################
 * Main scrubber.
 * #############################################*/
.fwdpap .main-scrubber-background,
.fwdpap .main-scrubber-progress{
    border-radius: 8px !important;
}

.fwdpap .main-scrubber-tooltip-background{
    border-radius: 8px !important;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1) !important;
}

.fwdpap .main-scrubber-tooltip-pointer{
    box-shadow: 1px 1px 4px rgba(0, 0, 0, .1) !important;
}

.fwdpap .main-scrubber-tooltip-text{
    font-family: 'Inter', sans-serif !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 11px !important;
    padding: 6px 10px !important;
}


/* ###############################################
 * Current and total time.
 * #############################################*/
.fwdpap .time{
    font-family: 'Inter', sans-serif !important;
    font-style: normal !important;
    font-weight: 500 !important;
    font-size: 11px !important;
    line-height: 0px !important;
}

.fwdpap .time.current-time{
    padding: 6px 10px 6px 0 !important;
}

.fwdpap .time.current-time.radio{
    padding: 6px !important;
}

.fwdpap .time.total-time{
    padding: 6px 0 6px 10px !important;
}


/* ###############################################
 * GUI. 
 * #############################################*/
.dg.main.a{
    z-index: 999;
    margin:0; 
}

.dg.main.a.closed{
    overflow: visible !important;
}

.dg.main.a.opened{
    overflow: auto;
}

.dg .c{
    width: 50% !important;
}

.dg.a{
    margin: 0 !important;
}

.dg .property-name{
    width: 50% !important;
}

.dg.main.a .slider{
    width: 71%;
    margin-left:0;
}

.dg.main.a .has-slider input[type=text]{
    width: 24% !important;
    padding: 2px !important;
}

.dg.main.a .cr.color input[type=text]{
    padding: 2px 0;
}

.dg .close-button{
  width: 100% !important;
}

.dg > ul{
  height: auto !important;
}

/* Stats. */
.fwdds-imafe-manager > div{
    position: absolute !important;
}

.fwdpap-data-playlist{
 	display: none !important; 
}