/* _content/marstondynamics.com/Pages/Admin/_adxLayout.cshtml.rz.scp.css */
/*BB-2 path: marstondynamics.com\Pages\Admin\_adxLayout.cshtml.css
BB-2 version: 2025.02.15.01*/

/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */
a.navbar-brand[b-ri6ffsxe6e] {
    white-space: normal;
    text-align: center;
    word-break: break-all;
}

a[b-ri6ffsxe6e] {
    color: whitesmoke !important;
}

a:hover[b-ri6ffsxe6e] {
    cursor: pointer !important;
    color: var(--bs-info) !important;
}

.btn-primary[b-ri6ffsxe6e] {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

.nav-pills .nav-link.active[b-ri6ffsxe6e], .nav-pills .show > .nav-link[b-ri6ffsxe6e] {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

.border-top[b-ri6ffsxe6e] {
    border-top: 1px solid #e5e5e5;
}

.border-bottom[b-ri6ffsxe6e] {
    border-bottom: 1px solid #e5e5e5;
}

.box-shadow[b-ri6ffsxe6e] {
    box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy[b-ri6ffsxe6e] {
    font-size: 1rem;
    line-height: inherit;
}

.footer[b-ri6ffsxe6e] {
    position: absolute;
    bottom: 0;
    width: 100%;
    white-space: nowrap;
    line-height: 60px;
}
/* _content/marstondynamics.com/Pages/Index.cshtml.rz.scp.css */
/* Extra small devices (phones, 600px and down) */
/*@media only screen and (max-width: 600px) {
    ...
}*/

/* Small devices (portrait tablets and large phones, 600px and up) */
/*@media only screen and (min-width: 600px) {
    ...
}*/

/* Medium devices (landscape tablets, 768px and up) */
/*@media only screen and (min-width: 768px) {
    ...
}*/

/* Large devices (laptops/desktops, 992px and up) */
/*@media only screen and (min-width: 992px) {
    ...
}*/

/* Extra large devices (large laptops and desktops, 1200px and up) */
/*@media only screen and (min-width: 1200px) {
    ...
}
*/


#mdxScene[b-18l3ikzqee] {
    position: relative;
    overflow: hidden;
    width: 380px;
    height: 100%;
    z-index: 1;
    /*float: left;*/
    order: 1;
}

#mdxContent[b-18l3ikzqee] {
    width: 100%;
    position: relative;
    flex-grow: 1;
    min-width: 0;
    flex-basis: 0;
    height: 100%;
    z-index: 1;
    order: 2;
    vertical-align: top;
    text-align: left;
    /*margin-left: 400px;*/
}

    #mdxContent a[b-18l3ikzqee] {
        color: royalblue;
        font-weight: bolder;
    }

        #mdxContent a:hover[b-18l3ikzqee] {
            color: darkred;
        }

    #mdxContent a.mdx-alt-color[b-18l3ikzqee] {
        color: orange;
    }

        #mdxContent a.mdx-alt-color:hover[b-18l3ikzqee] {
            color: greenyellow;
        }




.mdx-contact-overlay[b-18l3ikzqee] {
    position: absolute;
    inset: 0; /* cover mdxContent */
    z-index: 5; /* above mdxContentScroll (and above scene which is z=2) */
    display: none; /* off-stage by default */
    color: var(--bs-dark);
}

    .mdx-contact-overlay.is-open[b-18l3ikzqee] {
        display: block;
    }

.mdx-contact-backdrop[b-18l3ikzqee] {
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,.45);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
}

.mdx-contact-card[b-18l3ikzqee] {
    position: absolute;
    max-width: 680px;
    width: min(92%, 680px);
    background: rgba(255,255,255,0.9);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(255,255,255,0.3);
    border-radius: 16px;
    box-shadow: 0 20px 60px rgba(0,0,0,.35);
    padding: 20px 22px;
    left: 50%;
    top: 52%;
    transform: translate(-50%, -50%);
    overflow: auto;
    max-height: 80%;
}

.mdx-dark-on-light .mdx-contact-card[b-18l3ikzqee] {
    background: rgba(255,255,255,0.92);
}

.mdx-contact-close[b-18l3ikzqee] {
    position: absolute;
    right: 10px;
    top: 8px;
    background: transparent;
    border: 0;
    font-size: 28px;
    line-height: 1;
    opacity: .6;
}

    .mdx-contact-close:hover[b-18l3ikzqee] {
        opacity: 1;
        cursor: pointer;
        transform: scale(1.15);
    }

.mdx-contact-status[b-18l3ikzqee] {
    min-height: 3.2em;
    background: inherit;
    border: 2px solid;
    border-color: rgba(0,0,0,0.2);
    border-radius: 8px;
    padding: 1em;
    color: inherit;
}

.mdx-contact-status-ok[b-18l3ikzqee] {
    color: darkgreen;
    border-color: darkgreen;
    background: rgba(0,128,0,0.1);
}

.mdx-contact-status-error[b-18l3ikzqee] {
    color: darkred;
    border-color: darkred;
    background: rgba(128,0,0,0.1);  
}




#mdxContentScroll[b-18l3ikzqee] {
    overflow-y: auto;
    padding-right: 0.25em;
}

    #mdxContentScroll[b-18l3ikzqee]::-webkit-scrollbar {
        width: 24px; /* width of the entire scrollbar */
    }

    #mdxContentScroll[b-18l3ikzqee]::-webkit-scrollbar-track {
        background: rgba(255,255,255,0.2); /* color of the tracking area */
        border-radius: 10px;
    }

    #mdxContentScroll[b-18l3ikzqee]::-webkit-scrollbar-thumb {
        background-color: rgba(190,190,190,0.6); /* color of the scroll thumb */
        border-radius: 10px; /* roundness of the scroll thumb */
        border: 2px solid lightgray; /* creates padding around scroll thumb */
    }

#mdxHero[b-18l3ikzqee] {
    background: rgba(255, 255, 255, 0.2); /* Semi-transparent background */
    backdrop-filter: blur(60px); /* Frosted glass blur */
    -webkit-backdrop-filter: blur(60px); /* For Safari support */
    border: 1px solid rgba(255, 255, 255, 0.3); /* Subtle border */
    border-radius: 15px; /* Rounded corners */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Soft shadow */
    padding: 2em;
    margin-bottom: 1em;
}

/* Bootstrap already sets these classes; scope more narrowly if you like */
.accordion[b-18l3ikzqee] {
    /*padding: 10px 0;*/
}

.accordion-item[b-18l3ikzqee] {
    background: rgba(255, 255, 255, 0.1); /* Semi-transparent background */
    backdrop-filter: blur(24px); /* Frosted glass blur */
    -webkit-backdrop-filter: blur(24px); /* For Safari support */
    border: 1px solid rgba(255, 255, 255, 0.3); /* Subtle border */
    border-radius: 15px; /* Rounded corners */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Soft shadow */
    color: var(--bs-dark);
    overflow-y: auto;
}

.accordion-header[b-18l3ikzqee] {
    position: relative;
    max-height: 52px;
    height: 52px;
    margin: 0;
    padding: 1rem 1.25rem;
    color: var(--bs-dark);
}

    .accordion-header > .accordion-button[b-18l3ikzqee] {
        position: absolute;
        inset: 0;
        display: block; /* take up the whole line              */
        width: 100%;
        height: 52px;
        border: none;
        padding: 1rem 1.25rem; /* keeps the usual accordion spacing   */
        text-align: left; /* or center/whatever you prefer       */
        cursor: pointer;
        background: rgba(255, 255, 255, 0.2); /* Semi-transparent background */
        backdrop-filter: blur(12px); /* Frosted glass blur */
        -webkit-backdrop-filter: blur(12px); /* For Safari support */
        border: 1px solid rgba(255, 255, 255, 0.3); /* Subtle border */
        border-radius: 15px; /* Rounded corners */
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Soft shadow */
        color: var(--bs-dark);
        font-weight: 500;
    }

        .accordion-header > .accordion-button:hover[b-18l3ikzqee] {
            background-color:gainsboro;
            color: var(--bs-dark) !important;
        }

.accordion-item:has(.accordion-collapse.show) > .accordion-header > .accordion-button[b-18l3ikzqee] {
    background-color: gainsboro;
    color: var(--bs-dark) !important;
}

.mdx-accordion-body[b-18l3ikzqee] {
    /*text-shadow: 0px 0px 6px rgba(255,255,255,0.66);*/
    font-weight: 500;
}

.mdx-accordion-body li[b-18l3ikzqee] {
    font-style: italic; 
}


    #mdxUIBackdrop[b-18l3ikzqee] {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        /*border-radius: 1.5em;*/
        padding: 0;
        /*border: 9px solid rgba(255,255,255, 0.45);*/
        margin: 0;
        z-index: 3;
        overflow: hidden;
        width: 100%;
        height: 100%;
        font-size: smaller;
    }

    #mdxUIBackdrop.mdx-uibackdrop-indX[b-18l3ikzqee] {
        background-color: rgba(19,9,21,0.99) !important;
        background: repeating-linear-gradient( 90deg, rgba(19,9,21,0.99), rgba(19,9,21,0.99) 4px, /* Adjust this value to change the gap between stripes */
        rgba(69,59,81,0.22) 2px, /* This is the stripe color - a lighter shade */
        rgba(69,59,81,0.22) 6px /* Adjust this value to change the stripe width */
        );
    }

    #mdxUIBackdrop.mdx-uibackdrop-satX[b-18l3ikzqee] {
        background-color: rgba(9,21,12,0.99) !important;
        background: repeating-linear-gradient( 90deg, rgba(9,21,12,0.99), rgba(9,21,12,0.99) 4px, /* Adjust this value to change the gap between stripes */
        rgba(49,71,52,0.22) 2px, /* This is the stripe color - a lighter shade */
        rgba(49,71,52,0.22) 6px /* Adjust this value to change the stripe width */
        );
    }

    #mdxUIBackdrop button.close-btn[b-18l3ikzqee] {
        position: absolute;
        top: 10px;
        right: 12px;
        padding: 4px 14px;
        background-color: rgba(200, 0, 0, 0.9);
        border: 3px solid white;
        border-radius: 999px;
        font-size: 16px;
        font-weight: bold;
        color: white !important;
        z-index: 4;
        cursor: pointer;
        outline: none;
        transition: background-color 0.3s ease, transform 0.1s ease;
    }

        #mdxUIBackdrop button.close-btn:hover[b-18l3ikzqee] {
            background-color: rgba(220, 0, 0, 1);
            transform: scale(1.05);
        }

#viewport-stats[b-18l3ikzqee] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: rgba(0,0,0,.2);
    border-radius: 3em;
    padding: 3em;
    border: 0;
    margin: 0;
    z-index: 5;
}

/*----------------------------------------------------------------------------------------------*/

#xdxA[b-18l3ikzqee] {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex; /* This will help with the inner layout */
    /*justify-content: center;*/ /* Center content vertically */
    justify-content: space-between;
    align-items: center; /* Center content horizontally */
}

#xdxB[b-18l3ikzqee] {
    display: inline-block; /* Keeps the original display property */
    width: 100%; /* Width set to 100% to respond to JavaScript dynamically */
    min-width: var(--apt-width);
    max-width: var(--apt-width); /* Maximum width is aptWidth */
    height: 100%;
    border-radius: 1em;
    margin: 0;
    border: 0;
    padding: 0;
    overflow: hidden; /* Ensures content does not overflow its bounds */
    text-align: center; /* Helps center inline or inline-block children */
    position: relative; /* Establishes a positioning context for absolutely positioned children */
    justify-content: center; /* Horizontally center (if needed) */
    align-items: center; /* Vertically center */
}

#xdxC[b-18l3ikzqee] {
    position: relative;
    display: inline-block;
    left: 0;
    min-width: var(--apt-width) !important;
    min-height: var(--apt-height) !important;
    max-width: var(--apt-width) !important;
    max-height: var(--apt-height) !important;
    width: var(--apt-width);
    height: var(--apt-height);
    background: url(/images/mediaset/ms1/m/00000-2302431107.png);
    border-radius: 1em;
    margin: 0;
    border: 0;
    padding: 0;
    overflow: hidden;
}

#xdxE[b-18l3ikzqee] {
    background-color: rgba(0, 0, 0, 0.9); /* fallback color */
    background: repeating-linear-gradient( 90deg, /* horizontal stripes */
    rgba(0, 0, 0, 0.9), /* dark base color */
    rgba(0, 0, 0, 0.9) 4px, /* gap between stripes */
    rgba(30, 30, 30, 0.9) 2px, /* stripe color - lighter shade */
    rgba(30, 30, 30, 0.9) 6px /* stripe width */
    );
    height: 100%;
    /*border-top: 0;
    border-bottom: 0;
    border-left: 1px solid rgba(255,255,255,.98);
    border-right: 1px solid rgba(255,255,255,.98);*/
    border-radius: 1em;
    border: 0;
    /*z-index: 3;*/
    /*margin: 1em;*/
    padding: 1.5em;
    overflow-x: hidden;
    overflow-y: auto;
    /*scrollbar-color: hotpink rgba(9,21,12,0.45);*/
    scrollbar-color: darkorchid rgba(0,0,0,0.4);
    /*scrollbar-width: thin;*/
    position: relative;
    margin-top: 10px !important;
    color: var(--bs-light) !important;
}

    #xdxE p.mdx-e-textsubheading[b-18l3ikzqee] {
        font-style: italic;
        color: rgba(255,255,255, 0.6);
    }

#xdxF[b-18l3ikzqee] {
    background-color: rgba(255, 255, 255, 0.9); /* fallback color */
    background: repeating-linear-gradient( 90deg, /* horizontal stripes */
    rgba(255, 255, 255, 0.9), /* light base color */
    rgba(240, 240, 240, 0.9) 4px, /* gap between stripes */
    rgba(240, 240, 240, 0.9) 6px /* stripe width */
    );
    font-family: 'Georgia Pro', Georgia, 'Times New Roman', Times, serif;
    font-style: italic;
    /*font-size: larger;*/
    font-weight: 100;
    color: var(--bs-dark) !important;
    overflow: hidden;
    position: relative;
    border-radius: 1em;
    height: 100%;
    margin-top: 10px !important;
    top: -10px;
    display: flex;
    flex-direction: column;
    justify-content: center; /* vertical centering */
    /* optional if you want horizontal centering too: */
    /* align-items: center; text-align: center; */
    gap: .25rem; /* tidy space between the two <p>s */
}

    #xdxF p.mdx-f-textcontent[b-18l3ikzqee] {
        padding: 1.5em;
        padding-bottom: 0;
        margin-bottom: 0;
    }

    #xdxF p.mdx-f-textfooter[b-18l3ikzqee] {
        margin-top: 0;
        /*padding: 0 .5em;*/
        padding: 0;
        font-size: smaller;
        color: rgba(0,0,0, 0.7);
    }

/* _content/marstondynamics.com/Pages/Shared/_Layout.cshtml.rz.scp.css */
/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */

a.navbar-brand[b-3r9v8zncgd] {
  white-space: normal;
  text-align: center;
  word-break: break-all;
}

a[b-3r9v8zncgd] {
  color: #0077cc;
}

.btn-primary[b-3r9v8zncgd] {
  color: #fff;
  background-color: #1b6ec2;
  border-color: #1861ac;
}

.nav-pills .nav-link.active[b-3r9v8zncgd], .nav-pills .show > .nav-link[b-3r9v8zncgd] {
  color: #fff;
  background-color: #1b6ec2;
  border-color: #1861ac;
}

.border-top[b-3r9v8zncgd] {
  border-top: 1px solid #e5e5e5;
}
.border-bottom[b-3r9v8zncgd] {
  border-bottom: 1px solid #e5e5e5;
}

.box-shadow[b-3r9v8zncgd] {
  box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy[b-3r9v8zncgd] {
  font-size: 1rem;
  line-height: inherit;
}

.footer[b-3r9v8zncgd] {
  position: absolute;
  bottom: 0;
  width: 100%;
  white-space: nowrap;
  line-height: 60px;
}
/* _content/marstondynamics.com/Pages/Shared/_mdxLayout.cshtml.rz.scp.css */
/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */

/* Extra small devices (phones, 600px and down) */
/*@media only screen and (min-width: 992px) {
    ...
}*/

/* Small devices (portrait tablets and large phones, 600px and up) */
/*@media only screen and (min-width: 992px) {
    ...
}*/

/* Medium devices (landscape tablets, 768px and up) */
/*@media only screen and (min-width: 992px) {
    ...
}*/

/* Large devices (laptops/desktops, 992px and up) */
/*@media only screen and (min-width: 992px) {
    ...
}*/

/* Extra large devices (large laptops and desktops, 1200px and up) */
/*@media only screen and (min-width: 1200px) {
    ...
}
*/

a.navbar-brand[b-3286y7vre7] {
  white-space: normal;
  text-align: center;
  word-break: break-all;
}

a[b-3286y7vre7] {
    /*color: #0077cc;*/
    color: whitesmoke !important;
}

.btn-primary[b-3286y7vre7] {
  color: #fff;
  background-color: #1b6ec2;
  border-color: #1861ac;
}

.nav-pills .nav-link.active[b-3286y7vre7], .nav-pills .show > .nav-link[b-3286y7vre7] {
  color: #fff;
  background-color: #1b6ec2;
  border-color: #1861ac;
}

.border-top[b-3286y7vre7] {
  border-top: 1px solid #e5e5e5;
}
.border-bottom[b-3286y7vre7] {
  border-bottom: 1px solid #e5e5e5;
}

.box-shadow[b-3286y7vre7] {
  box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy[b-3286y7vre7] {
  font-size: 1rem;
  line-height: inherit;
}

.footer[b-3286y7vre7] {
  position: absolute;
  bottom: 0;
  width: 100%;
  white-space: nowrap;
  line-height: 28px;
}

.mdx-footer[b-3286y7vre7] {
    background-color: rgba(0, 0, 0, .66) !important;
    text-align: right;
    z-index: 5;
}

div.mdx-body-container[b-3286y7vre7] {
    position: relative;
    max-width: 3440px !important;
    padding: 48px !important;
    justify-content: center;
}

div.mdx-body-container[b-3286y7vre7]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    /*background-image: url(/images/marstonblack-overlay.png);
    background-repeat: repeat-x !important;
    background-position: center;
    animation-name: slofade;
    animation-direction: alternate;
    animation-duration: 12s;
    animation-iteration-count: infinite;*/
}

/*@keyframes slofade {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}*/

/*div.mdx-viewport {
    width: 3440px;
    display: grid;
    align-items: center;
    justify-content: center;
    text-align: center;
}*/

div.mdx-viewport[b-3286y7vre7] {
    display: flex;
    flex-direction: row;
    width: 100%;
    height: 100%;
    min-width: 0;
    flex-basis: 0;
    flex-grow: 1;
}

nav.mdx-navbar[b-3286y7vre7] {
    color: var(--bs-light) !important;
    background-color: rgba(0, 0, 0, .66) !important;
    margin: 0 !important;
    z-index: 5;
}

a.mdx-navbar[b-3286y7vre7] {
    margin: 0 !important;    
}

#linkMB[b-3286y7vre7] {
    color: var(--bs-light) !important;
    white-space: nowrap !important;
}

#linkMB:hover[b-3286y7vre7] {
    cursor: pointer !important;
    color: var(--bs-info) !important;
    /*animation: pulsate 0.2s ease-out infinite;*/
}

#linkMBX[b-3286y7vre7] {
    white-space: nowrap !important;
}

    #linkMBX:hover[b-3286y7vre7] {
        cursor: pointer !important;
    }

li.mdx-btn-li[b-3286y7vre7] {
    display: inline-block;
    margin: 0 0 0 4px;
    padding: 0;
    border: 0;
}

button.mdx-btn[b-3286y7vre7] {
    width: 30px !important;
    height: 30px !important;
}

    button.mdx-btn:hover[b-3286y7vre7] {
        transform: scale(1.15);
    }

/*button.mdx-btn-ind,
button.mdx-btn-sat {
    width: 50px;
    height: 42px;
    background-color: transparent;
    padding: 0;
    border: 0;
}

    button.mdx-btn-ind:hover,
    button.mdx-btn-sat:hover {
        animation: pulsate 0.2s ease-out infinite;
    }*/

@keyframes pulsate-b-3286y7vre7 {
    0% {
        transform: scale(1);
        opacity: 1;
    }

    100% {
        transform: scale(1.08);
        opacity: 0.8;
    }
}

div.mdx-ticker-container[b-3286y7vre7] {
    width:100%;
}

div.mdx-ticker[b-3286y7vre7] {    
    /*background-color: rgba(255,255,255, 0.3);*/
}

@media only screen and (max-width: 600px) {
    .mdx-ticker[b-3286y7vre7] {
        margin-left:revert !important;
        text-align: center;
    }
}

@media only screen and (min-width: 600px) {
    .mdx-ticker[b-3286y7vre7] {
        margin-left: 3% !important;
        text-align: left;
    }
}

span.mdx-ticker-text[b-3286y7vre7] {
    font-family: 'Georgia Pro', Georgia, 'Times New Roman', Times, serif;
    font-style: italic;
    font-weight: 100;
    color: rgba(255,255,255, 0.66);
    white-space: nowrap !important;
}

a.mdx-login[b-3286y7vre7] {
    padding: 0 12px !important;
    opacity: 0.8;
}

a.mdx-login:hover[b-3286y7vre7] {
    cursor: pointer !important;
    opacity: 1;
    transform: scale(1.15);
}

i.mdx-login[b-3286y7vre7] {
    font-size: xx-large;
}

span.mdx-login[b-3286y7vre7] {
    font-size: xx-small;
}

div.mdx-preload[b-3286y7vre7]::before {
    content: url('/images/bg-mdx.webp') url('/images/bg-ind.webp') url('/images/bg-sat.webp') url(/images/marstonblack-overlay.png);
    display: none;
}

div.mdx-spinner-container[b-3286y7vre7] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 0;
    border: 0;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    z-index: 4;
}

div.mdx-message-container[b-3286y7vre7] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /*background-color: rgba(0,0,0,.2);
    border-radius: 3em;
    padding: 3em;*/
    background-color: rgba(0,0,0,0);
    border-radius: 0;
    padding: 0;
    border: 0;
    margin: 0;
    z-index: 5;
}

span.mdx-spinner[b-3286y7vre7] {
    width: 480px;
    height: 480px;
    border-radius: 50%;
    display: inline-block;
    position: relative;
    border: 40px solid;
    /*border-color: #777 #FFF transparent transparent;*/
    border-style: dashed;
    border-color: transparent transparent rgba(0, 0, 0, .08) rgba(0, 0, 0, .10);
    box-sizing: border-box;
    animation: rotation-b-3286y7vre7 1s linear infinite;
    /*box-shadow: 0 0 400px 5px #48abe0, 0 0 20px 7px #ebecca, 0 0 25px 20px #8a2be2, 0 0 30px 25px #ff1493;*/
    /*box-shadow: 0 0 66px 20px rgba(255, 255, 255, .20), 0 0 66px 20px rgba(255, 255, 255, .20) inset;*/
}

    span.mdx-spinner[b-3286y7vre7]::after,
    span.mdx-spinner[b-3286y7vre7]::before {
        content: '';
        box-sizing: border-box;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        border: 60px solid;
        /*border-color: transparent transparent #FF3D00 #FF3D00;*/
        /*border-color: transparent transparent rgba(185, 9, 235, .33) transparent;*/
        border-color: transparent transparent rgba(0, 204, 255, .33) transparent;
        width: 400px;
        height: 400px;
        border-radius: 50%;
        box-sizing: border-box;
        animation: rotationBack-b-3286y7vre7 0.5s linear infinite;
        transform-origin: center center;
    }

    span.mdx-spinner[b-3286y7vre7]::before {
        width: 320px;
        height: 320px;
        /*border-color: #777 #FFF transparent transparent;*/
        /*border-color: transparent rgba(179, 235, 9, .33) transparent transparent;*/
        border-color: transparent rgba(180, 0, 15, .33) transparent transparent;
        animation: rotation-b-3286y7vre7 1.5s linear infinite;
    }

@keyframes rotation-b-3286y7vre7 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes rotationBack-b-3286y7vre7 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(-360deg);
    }
}

span.mdx-footer-span[b-3286y7vre7] {
    line-height:8px;
    margin:0;
    border:0;
    padding:0;
}

#spanPBS[b-3286y7vre7] {
    font-style: italic;
    vertical-align: baseline;
    margin-right: 4px;
}

#footerLegal[b-3286y7vre7] {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    white-space: nowrap;
    font-size: 0.85em;
    padding-top: 6px;
    padding-bottom: 6px;
}

#divCPY[b-3286y7vre7] {
    color: rgba(255, 255, 255, 0.4) !important;
}

#divCPY :hover[b-3286y7vre7] {
    cursor: pointer !important;
    color: rgba(255, 255, 255, 0.6) !important;
}

#spanCPY[b-3286y7vre7] {
    color: rgba(255, 255, 255, 0.4);
    display: inline;
}

    #spanCPY a[b-3286y7vre7] {
        /*color: var(--bs-light) !important;*/
        /*text-decoration: none !important;*/
    }

        #spanCPY a:hover[b-3286y7vre7] {
            cursor: pointer !important;
            color: rgba(255, 255, 255, 0.6) !important;
        }

#clauseLegal[b-3286y7vre7] {
    opacity: 0;
    transition: opacity 0.5s ease;
    color: rgba(255, 255, 255, 0.6);
}

#clauseLine[b-3286y7vre7] {
    margin-left: 1em;
    color: deeppink;
    opacity: 0;
    transition: opacity 0.5s ease;
}


div.mdx-audio[b-3286y7vre7] {
    position: relative;
    top: 12px;
    left: 0;
    float: right;
    margin-left: 36px;
    font-size: 10pt;
    line-height: 12pt;
    text-align: left;
}

#divFeedback[b-3286y7vre7] {
    display: none;
    opacity: 0;
    float: right;
}

.mdx-feedback-btn[b-3286y7vre7] {
    margin: 5px 4px 5px 4px;
    padding: 4px 18px;
    border-radius: 999px;
    font-size: 16px;
    font-weight: bold;
    border: 3px solid white;
    color: rgba(255, 255, 255, 0.9);
    cursor: pointer;
    outline: none;
    transition: background-color 0.3s ease, transform 0.1s ease, box-shadow 0.3s ease;
}

/* RED - Negative */
.negative[b-3286y7vre7] {
    background-color: rgba(244, 67, 54, 0.85);
}

    .negative:hover[b-3286y7vre7] {
        background-color: rgba(244, 67, 54, 1);
        transform: scale(1.05);
        box-shadow: 0 0 12px rgba(244, 67, 54, 0.75);
    }

/* GRAY - Neutral */
.neutral[b-3286y7vre7] {
    background-color: rgba(128, 128, 128, 0.85);
}

    .neutral:hover[b-3286y7vre7] {
        background-color: rgba(128, 128, 128, 1);
        transform: scale(1.05);
        box-shadow: 0 0 12px rgba(200, 200, 200, 0.6);
    }

/* GREEN - Positive */
.positive[b-3286y7vre7] {
    background-color: rgba(76, 175, 80, 0.85);
}

    .positive:hover[b-3286y7vre7] {
        background-color: rgba(76, 175, 80, 1);
        transform: scale(1.05);
        box-shadow: 0 0 12px rgba(76, 175, 80, 0.75);
    }


/*.mdx-feedback-btn {
    margin: 10px 0 0 6px;
    border: none;
    padding: 0 18px;
    border-radius: 10px;
    color: rgba(255, 255, 255, 0.6);
    cursor: pointer;
}

.negative {
    background-color: rgba(244, 67, 54, 0.3);*/ /* Red */
    /*border: 1px solid rgba(244, 67, 54, 0.9);
}

    .negative:hover {
        box-shadow: 0 0 10px #ffffff;
        background-color: rgba(244, 67, 54, 0.6);
        color: rgba(255, 255, 255, 0.9);
    }

.neutral {
    background-color: rgba(128, 128, 128, 0.3);*/ /* White with 0.3 opacity */
    /*border: 1px solid rgba(128, 128, 128, 0.9);
}

    .neutral:hover {
        box-shadow: 0 0 10px #ffffff;
        background-color: rgba(128, 128, 128, 0.6);
        color: rgba(255, 255, 255, 0.9);
    }

.positive {
    background-color: rgba(76, 175, 80, 0.3);*/ /* Green */
    /*border: 1px solid rgba(76, 175, 80, 0.9);
}

    .positive:hover {
        box-shadow: 0 0 10px #ffffff;
        background-color: rgba(76, 175, 80, 0.6);
        color: rgba(255, 255, 255, 0.9);
    }*/

/* This is now being added inline when the iframe is created and appended to the DOM */
/*#spotifyCtrl {
    overflow: hidden !important;
    top: 0 !important;
    left: 0 !important;
    height: 84px !important;
    margin-top: -52px !important;
    margin-right: 0px !important;
    box-shadow: -50px 35px 50px 0px rgba(255,255,255, 0.2), 50px 35px 50px 0px rgba(255,255,255, 0.2) !important;
    -moz-box-shadow: -50px 35px 50px 0px rgba(255,255,255, 0.2), 50px 35px 50px 0px rgba(255,255,255, 0.2) !important;
    -webkit-box-shadow: -50px 35px 50px 0px rgba(255,255,255, 0.2), 50px 35px 50px 0px rgba(255,255,255, 0.2) !important;
    border: 2px solid rgba(255,255,255,0.65) !important;
    border-radius: 14px !important;
}*/