/* Modal CSS */
        .modal-container {
            position: absolute; /* Fallback to absolute if browser doesn't support fixed */
            position: fixed; 
            z-index: 999999;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: rgba(0,0,0,0.75);
            padding:0.5em;
        }

        .modal {
            transform: translateY(-50%);
            position: relative;
            top: 50%;
            font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
            background: #fff;
            margin: 0 auto;
            border-radius: 4px;
            width: 100%;
            max-width: 25em;
            padding: 1em;
        }

        .modal-body {
            font-size: 0.8em;
            padding: 1em 0;
        }

        .modal-body p {
            margin: 0.75em 0;
            color: #555;
        }

        .modal-input {
            display: block;
            padding: 0.5em;
            width: 100%;
        }

        .modal-button {
            width: 100%;
            background: rgb(59 121 236);
            color: #fff;
            font-size: 1.25em;
            border: none;
            padding: 0.5em;
            border-radius: 4px;
            cursor: pointer;
            margin-top:0.5em;
        }

        .modal-close {
            float: right;
            cursor: pointer;
            opacity: 0.4;
            font-size: 1.5em;
            line-height: 0.75em;
        }

        /* Playlist Selection Modal */
        .playlist-list {
            max-height: 300px;
            overflow-y: auto;
            margin: 1em 0;
        }

        .playlist-item {
            display: flex;
            align-items: center;
            padding: 0.75em;
            border: 1px solid #e0e0e0;
            border-radius: 8px;
            margin-bottom: 0.5em;
            cursor: pointer;
            transition: background-color 0.15s ease, border-color 0.15s ease;
        }

        .playlist-item:hover {
            background-color: #f5f5f5;
            border-color: #ccc;
        }

        .playlist-item.selected {
            background-color: #e8f4fd;
            border-color: rgb(59 121 236);
        }

        .playlist-item__image {
            width: 48px;
            height: 48px;
            border-radius: 4px;
            object-fit: cover;
            margin-right: 0.75em;
            background-color: #e0e0e0;
        }

        .playlist-item__image--placeholder {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 48px;
            height: 48px;
            border-radius: 4px;
            margin-right: 0.75em;
            background-color: #e0e0e0;
            color: #999;
            font-size: 1.5em;
        }

        .playlist-item__info {
            flex: 1;
            min-width: 0;
        }

        .playlist-item__name {
            font-weight: 600;
            font-size: 0.95em;
            color: #333;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .playlist-item__tracks {
            font-size: 0.8em;
            color: #666;
        }

        .playlist-loading {
            text-align: center;
            padding: 2em;
            color: #666;
        }

        .playlist-error {
            text-align: center;
            padding: 1em;
            color: #c00;
            font-size: 0.9em;
        }

        .modal-button--secondary {
            background: #f0f0f0;
            color: #333;
        }

        .modal-button--secondary:hover {
            background: #e0e0e0;
        }

        /* Ads */
        .listento_ad {
            position: relative;
            font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
            background:rgb(47, 103, 223);
            padding:0.5em 1em;
            font-size:0.9rem;
            border-radius: 5px;
            overflow: hidden;
        }

        .listento_ad b {
            display:inline-block;
            color:#fff;
            font-weight:600;
            margin-bottom:0.5em;
        }

        .listento_ad p {
            font-size:0.85em;
            color:#fff;
            opacity:0.75;
        }
        .listento_ad a {
            text-decoration: none;
            color:inherit;
        }

        /* Self-Promo Ad */
        .promo_ad {
            position: relative;
            font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
            background: #fff;
            padding: 0.75em 1em 0.75em 3.5em;
            font-size: 0.85rem;
            transition: box-shadow 0.2s ease, transform 0.2s ease;
        }

        .promo_ad:hover {
            box-shadow: 0 4px 12px rgba(0,0,0,0.15);
            transform: translateY(-1px);
        }

        .promo_ad__label {
            position: absolute;
            top: 0.3em;
            right: 0.5em;
            font-size: 0.6em;
            color: #999;
            font-weight: 400;
            letter-spacing: 0.02em;
        }

        .promo_ad__icon {
            position: absolute;
            left: 0.75em;
            top: 50%;
            transform: translateY(-50%);
            width: 2em;
            height: 2em;
        }

        .promo_ad__title {
            display: block;
            color: #f97316;
            font-weight: 700;
            font-size: 0.9em;
            margin-bottom: 0.2em;
        }

        .promo_ad__text {
            font-size: 0.75em;
            color: #555;
            margin: 0;
            line-height: 1.4;
        }

        .promo_ad__cta {
            display: inline-block;
            margin-top: 0.4em;
            font-size: 0.7em;
            color: #fff;
            background: #f97316;
            padding: 0.3em 0.6em;
            border-radius: 4px;
            font-weight: 600;
        }

        .display_ad {
            display: flex;
            justify-content: center;
            position: relative;
            z-index: 555;
        }

        .mmtwrappos {
            position: relative;
            z-index: 5;
            padding: 10px;
            margin-bottom: 0!important;
        }

        /* Include Common Theme CSS */
        /* Common to all themes */
        
        
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        
        body {
            overflow-x: hidden;
            background: #fff;
            display: flex;
            align-items: center;
            flex-direction: column;
            min-height: 100vh;
            padding: 0 1em;
        }
        
        #content {
            position: relative;
            padding: 1em 5px;
            z-index: 5555;
            width: 100%;
            margin: 0 auto 1em auto;
            padding: 0.5em;
            max-width: 410px;
        }
        
        #container {
            left: 0;
            right: 0;
            width:100%;
            text-align: center;
        }
        
        .platform-list {
            width: 100%;
            margin: 0 auto;
            overflow:hidden;
            border-radius: 0 0 5px 5px;
            box-shadow: none;
            background: none;
        }
        
        .platforms-list__name {
            padding: 1.5em;
            letter-spacing: 1px;
            text-align: center;
            font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
            width: 100%;
            font-size: 0.85em;
            color: #fff;
            border-radius: 0;
            background: none;
            font-weight: bold;
            margin: 0.5em 0;
        
        }   
        
        .platforms-list__container {
            width: 100%;
            margin-bottom:1em;
        }
        
        @media(max-width:700px) {
            .platforms-list__name {
                font-size: 1em;
            }
        }
        
        .music-link__container {
            font-size: 0.9em;
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 0.8em 1em;
            border-top:1px solid #f6f6f6;
            border-bottom:1px solid #f6f6f6;
            width: 100%;
            overflow: hidden;
        }
        
        .music-link__container:last-child {
            border-bottom: none;
        }
        
        .music-link__container.disabled {
            pointer-events: none;
            opacity: 0.6;
            cursor: default;
        }
        
        .music-link__text {
            pointer-events: none;
            text-align: center;
            font-weight: 500;
            width: 100%;
            font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
        }
        
        .music-link__logo {
            pointer-events: none;
            float: left;
            width: 7em;
        }
        
        .music-link__logo-container {
            height: 2.25em;
            display: flex;
            align-items: center;
        }
        
        .music-link__custom-platform {
            float: left;
            font-size: 1.1em;
            width: 100%;
            max-width: 12em;
            text-align: left;
            font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
            font-weight: 600;
            word-break: break-word;
            color: #111111;
        }
        
        .music-link__button {
            font: 500 13px 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
            text-decoration: none;
            float: right;
            padding: 0.5em 1em;
            background: #fff;
            color: #333;
            border: 1px solid rgb(218 218 218);
            font-weight: bold;
            border-radius: 25px;
            cursor: pointer;
        }
        
        .music-link__button:hover {
            background: rgb(60, 60, 60);
            border: 1px solid transparent;
            color: #fff;
        }
        
        .music-link__social-media {
            display: inline-block;
            padding: 0 0.15em;
            text-decoration: none;
            color: inherit;
            margin: 0.75em 0.25em;
        }
        
        .music-link__social-media img {
            opacity: 0.45;
            vertical-align: middle;
        } 
        
        .music-link__container:not(.music-link__container--custom-text):hover {
            cursor: pointer;
        }
        
        /* YouTube Embed */
        #content .youtube-embed {
            margin-top:1em;
            position: relative;
            width:100%;
            background: #19202b; 
            padding-bottom: 52.1%; /* 16:9 */  padding-top: 15px;
        }
        
        #content .youtube-embed iframe {
            position: absolute; top: 0; left: 0; width: 100%; height: 100%;
        }
        
        
            #play-button {
                position: absolute;
                top: 50%;
                left: 50%;
                color: #fff;
                width: 4em;
                filter: invert(1);
                transform: translateX(-50%) translateY(-50%);
                transition: width 200ms ease-in-out;
                cursor: pointer;
            }
        
            #play-button:hover {
                width: 4.5em;
            }
        
        
            #content {
                max-width: 410px;
            }
        
        /* Banner */
        .banner {
            font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
            background: rgb(189, 189, 189);
            border-radius: 5px;
            padding: 0.5em;
            margin-bottom: 0.5em;
        }
        
        .banner--success {
            background: #31c171;
            color: #fff;
        }
        
        /* Footer */
        .footer__cookie-consent {
            display:block;
            color:#ccc;
            text-decoration: none;
            font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
            font-size: 11px;
        }        
        /* Include Theme CSS */
            #container {
                position: absolute;
                top: 0;
                bottom: 0;
                background:#0a0a0a;
                background-size: cover;
                background-position: 0 -180px;
                height: 100vh;
            }
            
            #bg_container {
                position: fixed;
                top: -50%;
                left: -50%;
                width: 200%;
                height: 200%;
                -o-transform: translate3d(0,0,0);
                -ms-transform: translate3d(0,0,0);
                -moz-transform: translate3d(0,0,0);
                -webkit-transform: translate3d(0,0,0);
            }
            
            #bg_img {
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                margin: auto;
                min-width: 55%;
                min-height: 55%;
                -webkit-filter: blur(34px);
                -moz-filter: blur(34px);
                -o-filter: blur(34px);
                -ms-filter: blur(34px);
                filter: blur(34px);
            }
            
            .platform-list {
                background: #fff;
                box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.25);
            }
            
            .platforms-list__name {
                background: #111;
                font-weight: 400;
                margin: 0;
            }
            
            #user-artwork {
                border-radius: 5px 5px 0 0;
            }
            
            .music-link__container:not(.music-link__container--custom-text):hover {
                box-shadow: 0px 1px 5px rgba(0,0,0,0.2);
                border-top:1px solid transparent;
                border-bottom: 1px solid transparent;
            }
            
            .music-link__container--custom-text {
                background: #f8f8f8;
            }
            
            .music-link__social-media-container {
                background: #efefef;
            }
            .bg_main {
            	background-color: black;
			background:  alt="Background image" src="assets/img/time_for_war.jpg.jpg";
		}