/*
 * embeddable_usni_narrator.1.0.0.css — externalized static CSS for embeddable_usni_narrator.jsp
 *
 * Externalized 2026-05-25 (see engineering-docs/features/jsp-externalization/playbook.md).
 * Versioned filename for cache-busting; bump version on change.
 */

   .provider-primary {
     color: var(--primary-color);
   }

   .provider-primary-background,
   .provider-primary-background-spinner:after {
     background-image: linear-gradient(141deg, var(--background-gradient-start) 12%, var(--background-gradient-stop) 87%);
   }

   .provider-primary-border,
   .button-container:hover .spinner,
   .button-container:hover .spinner:before,
   .button-container-selected .provider-primary-selected,
   .button-container-selected .provider-primary-border-small,
   .provider-primary-seekbar::-webkit-slider-thumb,
   .provider-primary-seekbar::-moz-range-thumb,
   .provider-primary-seekbar::-moz-range-progress,
   .button-container:hover .circular-button,
   .button-container:hover .spinner:after,
   .button-container:hover .speed-text-hover,
   .widget-ad-container,
   .provider-primary-seekbar::-moz-range-progress,
   input[type="range"]::-webkit-slider-thumb,
   input[type="range"]::-moz-range-thumb,
   .provider-primary-seekbar::-webkit-slider-thumb:hover,
   .provider-primary-seekbar::-moz-range-thumb:hover,
   .provider-primary-seekbar::-moz-range-thumb {
     background-color: var(--primary-color);
   }

   .button-container:hover .circular-button {
     background-color: var(--primary-color);
     opacity:0.8;
   }

   .provider-primary-border {
     border: solid 4px var(--primary-color);
   }

   .sponsor-text {
     color: var(--sponsor-text-color);
     font-size: var(--sponsor-text-size) !important;
   }

   .sponsor-instaread-logo {
     height: var(--sponsor-text-logo) !important;
   }

   .speed-text-hover {
     color: var(--speed-time-color);
   }

   .speed-current-time,
   .audio-primary-text,
   .current {
     color: var(--speed-time-current-color);
   }

   .widget-ad-container {
      cursor:pointer;
     /* background-image: linear-gradient(to bottom, var(--widget-ad-gradient-start-color) 0%, var(--widget-ad-gradient-end-color) 100%) !important; */
     height:35px;
     background-image: var(--default-ad-bg); /* Set the path to your image */
     background-size: cover; /* Adjust the background size */
     width: 250px;
     background-repeat: no-repeat;
     -webkit-background-repeat: no-repeat;
     -moz-background-repeat: no-repeat;
     -o-background-repeat: no-repeat;
     background-position: contain;
     box-shadow:none !important;
     -webkit-background-size: contain;
     -moz-background-size: contain;
     -o-background-size: contain;
   }
   .widget-ad-inner-container_default{
       background-image: var(--default-ad-bg) !important;
       background-size: cover !important;
       background-position: center !important;
   }

   .underline {
     -webkit-text-decoration-line: underline;
     text-decoration-line: underline;
   }

   .text-black {
     color: #000;
   }

   .font-bold {
     font-weight: 700;
   }

   .provider-primary-border {
     border: solid 4px var(--primary-color);
   }

   .provider-secondary-background {
     background-color: var(--secondary-color);
     /* border-bottom: solid 1px rgb(0 0 0 / 0.2); */
   }
    #instaread-widget {
                visibility: hidden;
            }

   .widget-ads-container {
     padding: 1px;
     display: flex;
     justify-content: center;
     align-items: center;
   }
   .instaread-widget-mobile .widget-ads-container{
     width: 320px;
     min-width: 320px;
     height: 66px;
     display: flex;
     justify-content: center;
     position: relative
   }

   .instaread-widget-mobile {
     background-color: var(--bg-secondary-color);
     width: 99%;
     height: 218.4px;
     box-shadow: 0px 1px 5px 0px rgba(81, 87, 103, 0.12), 0px 2px 2px 0px rgba(81, 87, 103, 0.14), 0px 3px 1px -2px rgba(81, 87, 103, 0.20);
    /** border: solid 1px rgb(0 0 0 / 0.1);
     box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25); **/
   }

   .instaread-widget-desktop {
     background-color: var(--bg-secondary-color);
     width: 99%;
     height: 140px;
     box-shadow: 0px 1px 5px 0px rgba(81, 87, 103, 0.12), 0px 2px 2px 0px rgba(81, 87, 103, 0.14), 0px 3px 1px -2px rgba(81, 87, 103, 0.20);
     /** border: solid 1px rgb(0 0 0 / 0.1);
     box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25); **/
   }

   .pointer {
     cursor: pointer;
   }
   .audio-primary-text{
         font-family: var(--font-family) !important;
     }
     .circular-button{
         box-shadow: none;
         border: 3px solid var(--button-border-color);
     }

.pby-container{
    z-index:9999;
    cursor:pointer;
   }
   .instaread-widget-mobile .audio-primary-text{
     font-size: 16px;
     margin-top: -10px;
     margin-left: 1.2rem;
   }
   .audioPrimaryWaves{
       height:56px;
       width: 100%;
       max-width: 377px;

   }
   .instaread-widget-mobile .audioPrimaryWaves{
       width:230px;
       max-width:230px;
       height: 44px;
   }
   .instaread-widget-mobile .widget-audio-container{
       padding-top: 20px;
   }
   .instaread-widget-mobile .pby-container{
       right: 4.14%;
       bottom: -36px;
   }
   .instaread-widget-mobile .advertisementText{
       font-size: 12px;
       font-family: var(--font-family);
       width: 92%;
       margin-bottom: 6px;
   }
   .instaread-widget-mobile .parent-ad-container{
         height: auto !important;
         display: flex;
         justify-content: center;
         align-items: center;
         margin-top: 15px !important;
         flex-direction: column;
   }
   @media all and (min-width:600px){
     .instaread-widget-desktop #instaread-displayflex{
       display: flex;
     }

     .instaread-widget-desktop #widget-audio-container::after {
         content: "";
         background-color: rgb(0 0 0 / 0.2);
         position: absolute;
         width: 1px;
         height: 33px;
         top: 24px;
         left: 100%;
         display: block;
     }
     .instaread-widget-desktop .audio-primary-text{
         font-size: 18px;
         margin-left: 24px;
         padding-bottom: 8px;
     }
     .instaread-widget-desktop #widget-audio-container {
         width: 53.5%;
         min-width: 278.4px;
         /* height: 50px !important;
         min-height: 50px; */
         padding: 0px 10px;
         margin: 15px 0px;
         border-bottom: 0;
     }
     /* .instaread-widget-desktop .widget-audio-container{
       width: 324px;
     } */
     .instaread-widget-desktop .widget-ads-container{
         width: 320px;
         min-width: 320px;
         min-height: 88.4px;
         height: 88.4px;
         display: flex;
         justify-content: center;
         align-items: center;
         padding: 0px 10px;
         position: relative;
     }
     .instaread-widget-desktop .advertisementText{
       font-size: 12px;
       font-family: var(--font-family);
       /* margin-left: 2rem; */
       margin-bottom: -8px;
       width: 87%;
     }
     .instaread-widget-desktop .parent-ad-container{
           width: 46.5%;
           display: flex;
           justify-content: center;
           align-items: center;
           flex-direction: column;
       }
       .instaread-widget-desktop .pby-container{
         right: 2.14%;
         height: 20px;
         bottom: -14px;
       }

    #widget-audio-container::after{
     display: none !important;
   }
    .widget-ad-container {
      cursor:pointer;
     /* height:47px;
     width: 300px; */
   }
   }
   .instaread-widget-mobile .parent-ad-container {
       height: 79px;
       display: flex;
       justify-content: center;
       align-items: center;
       margin-top: 7px;
       flex-direction: column;
   }
   .instaread-widget-desktop .audioplayer-middle-container-1{
       padding-left: 1rem;
       display: flex;
       align-items: center;
       height: 100%;
   }
   .instaread-widget-desktop .widget-audio-inner-container{
     height: 60px;
   }
   /* Rest of your styles... */
    .pb-instaread-logo{
     opacity: 0.2 !important;
   }