<!DOCTYPE html>
<html lang="en-US">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
	<title>ml-mofs-coming-soon-II-No-Email &#8211; Music Of Stylo</title>
<meta name='robots' content='max-image-preview:large' />
<link rel='dns-prefetch' href='//cdn.jsdelivr.net' />
<link rel='dns-prefetch' href='//fonts.googleapis.com' />
<link rel="alternate" type="application/rss+xml" title="Music Of Stylo &raquo; Feed" href="https://www.musicofstylo.com/feed/" />
<link rel="alternate" type="application/rss+xml" title="Music Of Stylo &raquo; Comments Feed" href="https://www.musicofstylo.com/comments/feed/" />
<link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://www.musicofstylo.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.musicofstylo.com%2F%3Felementor_library%3Dml-mofs-coming-soon-ii-no-email" />
<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://www.musicofstylo.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.musicofstylo.com%2F%3Felementor_library%3Dml-mofs-coming-soon-ii-no-email&#038;format=xml" />
<style id="wp-img-auto-sizes-contain-inline-css">
img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
/*# sourceURL=wp-img-auto-sizes-contain-inline-css */
</style>
<style id="wp-emoji-styles-inline-css">

	img.wp-smiley, img.emoji {
		display: inline !important;
		border: none !important;
		box-shadow: none !important;
		height: 1em !important;
		width: 1em !important;
		margin: 0 0.07em !important;
		vertical-align: -0.1em !important;
		background: none !important;
		padding: 0 !important;
	}
/*# sourceURL=wp-emoji-styles-inline-css */
</style>
<style id="classic-theme-styles-inline-css">
/*! This file is auto-generated */
.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
/*# sourceURL=/wp-includes/css/classic-themes.min.css */
</style>
<style id="global-styles-inline-css">
:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}:where(body) { margin: 0; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
:root :where(.wp-block-icon svg){width: 24px;}
:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}
:where(.wp-block-term-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-term-template.is-layout-grid){gap: 1.25em;}
:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}
:root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;}
/*# sourceURL=global-styles-inline-css */
</style>
<link rel='stylesheet' id='sr7css-css' href='//www.musicofstylo.com/wp-content/plugins/revslider/public/css/sr7.css?ver=6.7.51' media='all' />
<link rel='stylesheet' id='elementor-frontend-css' href='https://www.musicofstylo.com/wp-content/plugins/elementor/assets/css/frontend.min.css?ver=4.1.3' media='all' />
<link rel='stylesheet' id='sr-addons-elementor-css' href='https://www.musicofstylo.com/wp-content/plugins/elementor-for-sonaar/assets/css/sonaar-addons-elementor.css?ver=2.5.3' media='all' />
<link rel='stylesheet' id='iron-master-css' href='https://www.musicofstylo.com/wp-content/themes/sonaar/dist/css/main.min.css?ver=7.0' media='all' />
<link rel='stylesheet' id='child-style-css' href='https://www.musicofstylo.com/wp-content/themes/sonaar-child/style.css?ver=7.0' media='all' />
<link rel='stylesheet' id='sr-font-awesome-css' href='https://www.musicofstylo.com/wp-content/themes/sonaar/includes/sonaar-music/fontawesome/css/fontawesome.min.css?ver=5.12.0' media='all' />
<link rel='stylesheet' id='sr-font-awesome-brand-css' href='https://www.musicofstylo.com/wp-content/themes/sonaar/includes/sonaar-music/fontawesome/css/brands.min.css?ver=5.12.0' media='all' />
<link rel='stylesheet' id='sr-font-awesome-solid-css' href='https://www.musicofstylo.com/wp-content/themes/sonaar/includes/sonaar-music/fontawesome/css/solid.min.css?ver=5.12.0' media='all' />
<link rel='stylesheet' id='sr-font-awesome-regular-css' href='https://www.musicofstylo.com/wp-content/themes/sonaar/includes/sonaar-music/fontawesome/css/regular.min.css?ver=5.12.0' media='all' />
<link rel='stylesheet' id='sr-google-font-css' href='//fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,400|Karla' media='all' />
<link rel='stylesheet' id='iron-custom-styles-css' href='https://www.musicofstylo.com/?load=custom-style.css&#038;ver=1781216923' media='all' />
<style id="iron-custom-styles-inline-css">
.menu-toggle span, .menu-toggle.toggled span{ background-color: #c8ffc3; }.menu-toggle rect{
	fill:#c8ffc3;

}ul.header-top-menu li a{color:#c8ffc3;}.menu-toggle-off polygon{
	fill:#c8ffc3;
}#page-banner{height:350px;}span.heading-b3{
		margin-top:30px;
		margin-bottom:75px;
		background-color:#ffffff;
	}
/*# sourceURL=iron-custom-styles-inline-css */
</style>
<script id="tp-tools-js-before">
window.ESG ??= {}; ESG.E ??= {}; ESG.E.site_url = 'https://www.musicofstylo.com'; ESG.E.plugin_url = 'https://www.musicofstylo.com/wp-content/plugins/essential-grid/'; ESG.E.ajax_url = 'https://www.musicofstylo.com/wp-admin/admin-ajax.php'; ESG.E.nonce = 'fc7b79363e'; ESG.E.tptools = false; ESG.E.waitTptFunc ??= []; ESG.F ??= {}; ESG.F.waitTpt = () => { if ( typeof jQuery==='undefined' || !window?._tpt?.regResource || !ESG?.E?.plugin_url || (!ESG.E.tptools && !window?.SR7?.E?.plugin_url) ) return setTimeout(ESG.F.waitTpt, 29); if (!window._tpt.gsap) window._tpt.regResource({id: 'tpgsap', url : ESG.E.tptools && ESG.E.plugin_url+'/public/assets/js/libs/tpgsap.js' || SR7.E.plugin_url + 'public/js/libs/tpgsap.js'}); _tpt.checkResources(['tpgsap']).then(() => { if (window.tpGS && !_tpt?.Back) { _tpt.eases = tpGS.eases; Object.keys(_tpt.eases).forEach((e) => {_tpt[e] === undefined && (_tpt[e] = tpGS[e])}); } ESG.E.waitTptFunc.forEach((f) => { typeof f === 'function' && f(); }); ESG.E.waitTptFunc = []; }); }
//# sourceURL=tp-tools-js-before
</script>
<script async data-wp-strategy="async" id="tp-tools-js" src="//www.musicofstylo.com/wp-content/plugins/revslider/public/js/libs/tptools.js?ver=6.7.51"></script>
<script async data-wp-strategy="async" id="sr7-js" src="//www.musicofstylo.com/wp-content/plugins/revslider/public/js/sr7.js?ver=6.7.51"></script>
<script id="vue-js" src="//cdn.jsdelivr.net/npm/vue@2/dist/vue.min.js"></script>
<script id="d3-js" src="//cdn.jsdelivr.net/npm/d3@5/dist/d3.min.js"></script>
<script id="jquery-core-js" src="https://www.musicofstylo.com/wp-includes/js/jquery/jquery.min.js?ver=3.7.1"></script>
<script id="jquery-migrate-js" src="https://www.musicofstylo.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1"></script>
<link rel="https://api.w.org/" href="https://www.musicofstylo.com/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://www.musicofstylo.com/wp-json/wp/v2/elementor_library/6125" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://www.musicofstylo.com/xmlrpc.php?rsd" />
<meta name="generator" content="WordPress 7.0" />
<link rel="canonical" href="https://www.musicofstylo.com/?elementor_library=ml-mofs-coming-soon-ii-no-email" />
<link rel='shortlink' href='https://www.musicofstylo.com/?p=6125' />
		<style>#wp-admin-bar-elementor-maintenance-on > a { background-color: #dc3232; }
			#wp-admin-bar-elementor-maintenance-on > .ab-item:before { content: "\f160"; top: 2px; }</style>
		<meta name="generator" content="Elementor 4.1.3; features: additional_custom_breakpoints; settings: css_print_method-external, google_font-enabled, font_display-auto">
<style>.recentcomments a{display:inline !important;padding:0 !important;margin:0 !important;}</style>			<style>
				.e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload),
				.e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload) * {
					background-image: none !important;
				}
				@media screen and (max-height: 1024px) {
					.e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload),
					.e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload) * {
						background-image: none !important;
					}
				}
				@media screen and (max-height: 640px) {
					.e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload),
					.e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload) * {
						background-image: none !important;
					}
				}
			</style>
			<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin>
<meta name="generator" content="Powered by Slider Revolution 6.7.51 - responsive, Mobile-Friendly Slider Plugin for WordPress with comfortable drag and drop interface." />
<link rel="icon" href="https://www.musicofstylo.com/wp-content/uploads/2026/06/cropped-512x512-logo-32x32.png" sizes="32x32" />
<link rel="icon" href="https://www.musicofstylo.com/wp-content/uploads/2026/06/cropped-512x512-logo-192x192.png" sizes="192x192" />
<link rel="apple-touch-icon" href="https://www.musicofstylo.com/wp-content/uploads/2026/06/cropped-512x512-logo-180x180.png" />
<meta name="msapplication-TileImage" content="https://www.musicofstylo.com/wp-content/uploads/2026/06/cropped-512x512-logo-270x270.png" />
<script>
	window._tpt			??= {};
	window.SR7			??= {};
	_tpt.R				??= {};
	_tpt.R.fonts		??= {};
	_tpt.R.fonts.customFonts??= {};
	SR7.devMode			=  false;
	SR7.F 				??= {};
	SR7.G				??= {};
	SR7.LIB				??= {};
	SR7.E				??= {};
	SR7.E.gAddons		??= {};
	SR7.E.php 			??= {};
	SR7.E.nonce			= '208d27e73d';
	SR7.E.ajaxurl		= 'https://www.musicofstylo.com/wp-admin/admin-ajax.php';
	SR7.E.resturl		= 'https://www.musicofstylo.com/wp-json/';
	SR7.E.slug_path		= 'revslider/revslider.php';
	SR7.E.slug			= 'revslider';
	SR7.E.plugin_url	= 'https://www.musicofstylo.com/wp-content/plugins/revslider/';
	SR7.E.wp_plugin_url = 'https://www.musicofstylo.com/wp-content/plugins/';
	SR7.E.revision		= '6.7.51';
	SR7.E.fontBaseUrl	= '';
	SR7.G.breakPoints 	= [1240,1024,778,480];
	SR7.G.fSUVW 		= false;
	SR7.E.modules 		= ['module','page','slide','layer','draw','animate','srtools','canvas','defaults','carousel','navigation','media','modifiers','migration'];
	SR7.E.libs 			= ['WEBGL'];
	SR7.E.css 			= ['csslp','cssbtns','cssfilters','cssnav','cssmedia'];
	SR7.E.resources		= {};
	SR7.E.ytnc			= false;
	SR7.JSON			??= {};
/*! Slider Revolution 7.0 - Page Processor */
!function(){"use strict";window.SR7??={},window._tpt??={},SR7.version="Slider Revolution 6.7.40",_tpt.getMobileZoom=()=>_tpt.is_mobile?document.documentElement.clientWidth/window.innerWidth:1,_tpt.getWinDim=function(t){_tpt.screenHeightWithUrlBar??=window.innerHeight;let e=SR7.F?.modal?.visible&&SR7.M[SR7.F.module.getIdByAlias(SR7.F.modal.requested)];_tpt.scrollBar=window.innerWidth!==document.documentElement.clientWidth||e&&window.innerWidth!==e.c.module.clientWidth,_tpt.winW=_tpt.getMobileZoom()*window.innerWidth-(_tpt.scrollBar||"prepare"==t?_tpt.scrollBarW??_tpt.mesureScrollBar():0),_tpt.winH=_tpt.getMobileZoom()*window.innerHeight,_tpt.winWAll=document.documentElement.clientWidth},_tpt.getResponsiveLevel=function(t,e){return SR7.G.fSUVW?_tpt.closestGE(t,window.innerWidth):_tpt.closestGE(t,_tpt.winWAll)},_tpt.mesureScrollBar=function(){let t=document.createElement("div");return t.className="RSscrollbar-measure",t.style.width="100px",t.style.height="100px",t.style.overflow="scroll",t.style.position="absolute",t.style.top="-9999px",document.body.appendChild(t),_tpt.scrollBarW=t.offsetWidth-t.clientWidth,document.body.removeChild(t),_tpt.scrollBarW},_tpt.loadCSS=async function(t,e,s){return s?_tpt.R.fonts.required[e].status=1:(_tpt.R[e]??={},_tpt.R[e].status=1),new Promise((i,n)=>{if(_tpt.isStylesheetLoaded(t))s?_tpt.R.fonts.required[e].status=2:_tpt.R[e].status=2,i();else{const o=document.createElement("link");o.rel="stylesheet";let l="text",r="css";o["type"]=l+"/"+r,o.href=t,o.onload=()=>{s?_tpt.R.fonts.required[e].status=2:_tpt.R[e].status=2,i()},o.onerror=()=>{s?_tpt.R.fonts.required[e].status=3:_tpt.R[e].status=3,n(new Error(`Failed to load CSS: ${t}`))},document.head.appendChild(o)}})},_tpt.addContainer=function(t){const{tag:e="div",id:s,class:i,datas:n,textContent:o,iHTML:l}=t,r=document.createElement(e);if(s&&""!==s&&(r.id=s),i&&""!==i&&(r.className=i),n)for(const[t,e]of Object.entries(n))"style"==t?r.style.cssText=e:r.setAttribute(`data-${t}`,e);return o&&(r.textContent=o),l&&(r.innerHTML=l),r},_tpt.collector=function(){return{fragment:new DocumentFragment,add(t){var e=_tpt.addContainer(t);return this.fragment.appendChild(e),e},append(t){t.appendChild(this.fragment)}}},_tpt.isStylesheetLoaded=function(t){let e=t.split("?")[0];return Array.from(document.querySelectorAll('link[rel="stylesheet"], link[rel="preload"]')).some(t=>t.href.split("?")[0]===e)},_tpt.preloader={requests:new Map,preloaderTemplates:new Map,show:function(t,e){if(!e||!t)return;const{type:s,color:i}=e;if(s<0||"off"==s)return;const n=`preloader_${s}`;let o=this.preloaderTemplates.get(n);o||(o=this.build(s,i),this.preloaderTemplates.set(n,o)),this.requests.has(t)||this.requests.set(t,{count:0});const l=this.requests.get(t);clearTimeout(l.timer),l.count++,1===l.count&&(l.timer=setTimeout(()=>{l.preloaderClone=o.cloneNode(!0),l.anim&&l.anim.kill(),void 0!==_tpt.gsap?l.anim=_tpt.gsap.fromTo(l.preloaderClone,1,{opacity:0},{opacity:1}):l.preloaderClone.classList.add("sr7-fade-in"),t.appendChild(l.preloaderClone)},150))},hide:function(t){if(!this.requests.has(t))return;const e=this.requests.get(t);e.count--,e.count<0&&(e.count=0),e.anim&&e.anim.kill(),0===e.count&&(clearTimeout(e.timer),e.preloaderClone&&(e.preloaderClone.classList.remove("sr7-fade-in"),e.anim=_tpt.gsap.to(e.preloaderClone,.3,{opacity:0,onComplete:function(){e.preloaderClone.remove()}})))},state:function(t){if(!this.requests.has(t))return!1;return this.requests.get(t).count>0},build:(t,e="#ffffff",s="")=>{if(t<0||"off"===t)return null;const i=parseInt(t);if(t="prlt"+i,isNaN(i))return null;if(_tpt.loadCSS(SR7.E.plugin_url+"public/css/preloaders/t"+i+".css","preloader_"+t),isNaN(i)||i<6){const n=`background-color:${e}`,o=1===i||2==i?n:"",l=3===i||4==i?n:"",r=_tpt.collector();["dot1","dot2","bounce1","bounce2","bounce3"].forEach(t=>r.add({tag:"div",class:t,datas:{style:l}}));const d=_tpt.addContainer({tag:"sr7-prl",class:`${t} ${s}`,datas:{style:o}});return r.append(d),d}{let n={};if(7===i){let t;e.startsWith("#")?(t=e.replace("#",""),t=`rgba(${parseInt(t.substring(0,2),16)}, ${parseInt(t.substring(2,4),16)}, ${parseInt(t.substring(4,6),16)}, `):e.startsWith("rgb")&&(t=e.slice(e.indexOf("(")+1,e.lastIndexOf(")")).split(",").map(t=>t.trim()),t=`rgba(${t[0]}, ${t[1]}, ${t[2]}, `),t&&(n.style=`border-top-color: ${t}0.65); border-bottom-color: ${t}0.15); border-left-color: ${t}0.65); border-right-color: ${t}0.15)`)}else 12===i&&(n.style=`background:${e}`);const o=[10,0,4,2,5,9,0,4,4,2][i-6],l=_tpt.collector(),r=l.add({tag:"div",class:"sr7-prl-inner",datas:n});Array.from({length:o}).forEach(()=>r.appendChild(l.add({tag:"span",datas:{style:`background:${e}`}})));const d=_tpt.addContainer({tag:"sr7-prl",class:`${t} ${s}`});return l.append(d),d}}},SR7.preLoader={show:(t,e)=>{"off"!==(SR7.M[t]?.settings?.pLoader?.type??"off")&&_tpt.preloader.show(e||SR7.M[t].c.module,SR7.M[t]?.settings?.pLoader??{color:"#fff",type:10})},hide:(t,e)=>{"off"!==(SR7.M[t]?.settings?.pLoader?.type??"off")&&_tpt.preloader.hide(e||SR7.M[t].c.module)},state:(t,e)=>_tpt.preloader.state(e||SR7.M[t].c.module)},_tpt.prepareModuleHeight=function(t){window.SR7.M??={},window.SR7.M[t.id]??={},"ignore"==t.googleFont&&(SR7.E.ignoreGoogleFont=!0);let e=window.SR7.M[t.id];if(null==_tpt.scrollBarW&&_tpt.mesureScrollBar(),e.c??={},e.states??={},e.settings??={},e.settings.size??={},t.fixed&&(e.settings.fixed=!0),e.c.module=document.querySelector("sr7-module#"+t.id),e.c.adjuster=e.c.module.getElementsByTagName("sr7-adjuster")[0],e.c.content=e.c.module.getElementsByTagName("sr7-content")[0],"carousel"==t.type&&(e.c.carousel=e.c.content.getElementsByTagName("sr7-carousel")[0]),null==e.c.module||null==e.c.module)return;t.plType&&t.plColor&&(e.settings.pLoader={type:t.plType,color:t.plColor}),void 0===t.plType||"off"===t.plType||SR7.preLoader.state(t.id)&&SR7.preLoader.state(t.id,e.c.module)||SR7.preLoader.show(t.id,e.c.module),_tpt.winW||_tpt.getWinDim("prepare"),_tpt.getWinDim();let s=""+e.c.module.dataset?.modal;"modal"==s||"true"==s||"undefined"!==s&&"false"!==s||(e.settings.size.fullWidth=t.size.fullWidth,e.LEV??=_tpt.getResponsiveLevel(window.SR7.G.breakPoints,t.id),t.vpt=_tpt.fillArray(t.vpt,5),e.settings.vPort=t.vpt[e.LEV],void 0!==t.el&&"720"==t.el[4]&&t.gh[4]!==t.el[4]&&"960"==t.el[3]&&t.gh[3]!==t.el[3]&&"768"==t.el[2]&&t.gh[2]!==t.el[2]&&delete t.el,e.settings.size.height=null==t.el||null==t.el[e.LEV]||0==t.el[e.LEV]||"auto"==t.el[e.LEV]?_tpt.fillArray(t.gh,5,-1):_tpt.fillArray(t.el,5,-1),e.settings.size.width=_tpt.fillArray(t.gw,5,-1),e.settings.size.minHeight=_tpt.fillArray(t.mh??[0],5,-1),e.cacheSize={fullWidth:e.settings.size?.fullWidth,fullHeight:e.settings.size?.fullHeight},void 0!==t.off&&(t.off?.t&&(e.settings.size.m??={})&&(e.settings.size.m.t=t.off.t),t.off?.b&&(e.settings.size.m??={})&&(e.settings.size.m.b=t.off.b),t.off?.l&&(e.settings.size.p??={})&&(e.settings.size.p.l=t.off.l),t.off?.r&&(e.settings.size.p??={})&&(e.settings.size.p.r=t.off.r),e.offsetPrepared=!0),_tpt.updatePMHeight(t.id,t,!0))},_tpt.updatePMHeight=(t,e,s)=>{let i=SR7.M[t];var n=i.settings.size.fullWidth?_tpt.winW:i.c.module.parentNode.offsetWidth;n=0===n||isNaN(n)?_tpt.winW:n;let o=i.settings.size.width[i.LEV]||i.settings.size.width[i.LEV++]||i.settings.size.width[i.LEV--]||n,l=i.settings.size.height[i.LEV]||i.settings.size.height[i.LEV++]||i.settings.size.height[i.LEV--]||0,r=i.settings.size.minHeight[i.LEV]||i.settings.size.minHeight[i.LEV++]||i.settings.size.minHeight[i.LEV--]||0;if(l="auto"==l?0:l,l=parseInt(l),"carousel"!==e.type&&(n-=parseInt(e.onw??0)||0),i.MP=!i.settings.size.fullWidth&&n<o||_tpt.winW<o?Math.min(1,n/o):1,e.size.fullScreen||e.size.fullHeight){let t=parseInt(e.fho)||0,s=(""+e.fho).indexOf("%")>-1;e.newh=_tpt.winH-(s?_tpt.winH*t/100:t)}else e.newh=i.MP*Math.max(l,r);if(e.newh+=(parseInt(e.onh??0)||0)+(parseInt(e.carousel?.pt)||0)+(parseInt(e.carousel?.pb)||0),void 0!==e.slideduration&&(e.newh=Math.max(e.newh,parseInt(e.slideduration)/3)),e.shdw&&_tpt.buildShadow(e.id,e),i.c.adjuster.style.height=e.newh+"px",i.c.module.style.height=e.newh+"px",i.c.content.style.height=e.newh+"px",i.states.heightPrepared=!0,i.dims??={},i.dims.moduleRect=i.c.module.getBoundingClientRect(),i.c.content.style.left="-"+i.dims.moduleRect.left+"px",!i.settings.size.fullWidth)return s&&requestAnimationFrame(()=>{n!==i.c.module.parentNode.offsetWidth&&_tpt.updatePMHeight(e.id,e)}),void _tpt.bgStyle(e.id,e,window.innerWidth==_tpt.winW,!0);_tpt.bgStyle(e.id,e,window.innerWidth==_tpt.winW,!0),requestAnimationFrame(function(){s&&requestAnimationFrame(()=>{n!==i.c.module.parentNode.offsetWidth&&_tpt.updatePMHeight(e.id,e)})}),i.earlyResizerFunction||(i.earlyResizerFunction=function(){requestAnimationFrame(function(){_tpt.getWinDim(),_tpt.moduleDefaults(e.id,e),_tpt.updateSlideBg(t,!0)})},window.addEventListener("resize",i.earlyResizerFunction))},_tpt.buildShadow=function(t,e){let s=SR7.M[t];null==s.c.shadow&&(s.c.shadow=document.createElement("sr7-module-shadow"),s.c.shadow.classList.add("sr7-shdw-"+e.shdw),s.c.content.appendChild(s.c.shadow))},_tpt.bgStyle=async(t,e,s,i,n)=>{const o=SR7.M[t];if((e=e??o.settings).fixed&&!o.c.module.classList.contains("sr7-top-fixed")&&(o.c.module.classList.add("sr7-top-fixed"),o.c.module.style.position="fixed",o.c.module.style.width="100%",o.c.module.style.top="0px",o.c.module.style.left="0px",o.c.module.style.pointerEvents="none",o.c.module.style.zIndex=5e3,o.c.content.style.pointerEvents="none"),null==o.c.bgcanvas){let t=document.createElement("sr7-module-bg"),l=!1;if("string"==typeof e?.bg?.color&&e?.bg?.color.includes("{"))if(_tpt.gradient&&_tpt.gsap)e.bg.color=_tpt.gradient.convert(e.bg.color);else try{let t=JSON.parse(e.bg.color);(t?.orig||t?.string)&&(e.bg.color=JSON.parse(e.bg.color))}catch(t){return}let r="string"==typeof e?.bg?.color?e?.bg?.color||"transparent":e?.bg?.color?.string??e?.bg?.color?.orig??e?.bg?.color?.color??"transparent";if(t.style["background"+(String(r).includes("grad")?"":"Color")]=r,("transparent"!==r||n)&&(l=!0),o.offsetPrepared&&(t.style.visibility="hidden"),e?.bg?.image?.src&&(t.style.backgroundImage=`url(${e?.bg?.image.src})`,t.style.backgroundSize=""==(e.bg.image?.size??"")?"cover":e.bg.image.size,t.style.backgroundPosition=e.bg.image.position,t.style.backgroundRepeat=""==e.bg.image.repeat||null==e.bg.image.repeat?"no-repeat":e.bg.image.repeat,l=!0),!l)return;o.c.bgcanvas=t,e.size.fullWidth?t.style.width=_tpt.winW-(s&&_tpt.winH<document.body.offsetHeight?_tpt.scrollBarW:0)+"px":i&&(t.style.width=o.c.module.offsetWidth+"px"),e.sbt?.use?o.c.content.appendChild(o.c.bgcanvas):o.c.module.appendChild(o.c.bgcanvas)}o.c.bgcanvas.style.height=void 0!==e.newh?e.newh+"px":("carousel"==e.type?o.dims.module.h:o.dims.content.h)+"px",o.c.bgcanvas.style.left=!s&&e.sbt?.use||o.c.bgcanvas.closest("SR7-CONTENT")?"0px":"-"+(o?.dims?.moduleRect?.left??0)+"px"},_tpt.updateSlideBg=function(t,e){const s=SR7.M[t];let i=s.settings;s?.c?.bgcanvas&&(i.size.fullWidth?s.c.bgcanvas.style.width=_tpt.winW-(e&&_tpt.winH<document.body.offsetHeight?_tpt.scrollBarW:0)+"px":preparing&&(s.c.bgcanvas.style.width=s.c.module.offsetWidth+"px"))},_tpt.moduleDefaults=(t,e)=>{let s=SR7.M[t];null!=s&&null!=s.c&&null!=s.c.module&&(s.dims??={},s.dims.moduleRect=s.c.module.getBoundingClientRect(),s.c.content.style.left="-"+s.dims.moduleRect.left+"px",s.c.content.style.width=_tpt.winW-_tpt.scrollBarW+"px","carousel"==e.type&&(s.c.module.style.overflow="visible"),_tpt.bgStyle(t,e,window.innerWidth==_tpt.winW))},_tpt.getOffset=t=>{var e=t.getBoundingClientRect(),s=window.pageXOffset||document.documentElement.scrollLeft,i=window.pageYOffset||document.documentElement.scrollTop;return{top:e.top+i,left:e.left+s}},_tpt.fillArray=function(t,e){let s,i;t=Array.isArray(t)?t:[t];let n=Array(e),o=t.length;for(i=0;i<t.length;i++)n[i+(e-o)]=t[i],null==s&&"#"!==t[i]&&(s=t[i]);for(let t=0;t<e;t++)void 0!==n[t]&&"#"!=n[t]||(n[t]=s),s=n[t];return n},_tpt.closestGE=function(t,e){let s=Number.MAX_VALUE,i=-1;for(let n=0;n<t.length;n++)t[n]-1>=e&&t[n]-1-e<s&&(s=t[n]-1-e,i=n);return++i}}();</script>
<link rel="icon" href="https://www.musicofstylo.com/wp-content/uploads/2026/06/cropped-512x512-logo-32x32.png" sizes="32x32" />
<link rel="icon" href="https://www.musicofstylo.com/wp-content/uploads/2026/06/cropped-512x512-logo-192x192.png" sizes="192x192" />
<link rel="apple-touch-icon" href="https://www.musicofstylo.com/wp-content/uploads/2026/06/cropped-512x512-logo-180x180.png" />
<meta name="msapplication-TileImage" content="https://www.musicofstylo.com/wp-content/uploads/2026/06/cropped-512x512-logo-270x270.png" />
</head>
<body class="wp-singular elementor_library-template elementor_library-template-elementor_header_footer single single-elementor_library postid-6125 wp-custom-logo wp-theme-sonaar wp-child-theme-sonaar-child lang-en-US layout-wide fixed_header _moonlight_elementor elementor-default elementor-template-full-width elementor-kit-3705 elementor-page elementor-page-6125 elementor-maintenance-mode">
	<div id="overlay"><div class="perspective"></div></div>
	
	
		<div id="pusher-wrap" class="pusher-type-elementor-menu">
			<div id="pusher" class="menu-type-elementor-menu">
				<div class="pjax-container">
		<div id="wrapper" class="wrapper">
			<div data-elementor-type="page" data-elementor-id="6125" class="elementor elementor-6125" data-elementor-post-type="elementor_library">
						<section class="elementor-section elementor-top-section elementor-element elementor-element-30d6963d elementor-section-stretched elementor-section-height-full elementor-section-content-middle animated-slow elementor-section-boxed elementor-section-height-default elementor-section-items-middle elementor-invisible" data-id="30d6963d" data-element_type="section" data-e-type="section" data-settings="{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;fadeIn&quot;}">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-35543a75" data-id="35543a75" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<section class="elementor-section elementor-inner-section elementor-element elementor-element-34f98205 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="34f98205" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-48f303a9" data-id="48f303a9" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-d82d4cf elementor-invisible elementor-widget elementor-widget-heading" data-id="d82d4cf" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_animation&quot;:&quot;fadeInUp&quot;,&quot;_animation_delay&quot;:300}" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default"><a href="https://link.v1ce.co/musicofstylo" target="_blank">Stylo's
new website is coming soon</a></h2>				</div>
				</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-22f4fd10" data-id="22f4fd10" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-288a7808 elementor-invisible elementor-widget elementor-widget-heading" data-id="288a7808" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_animation&quot;:&quot;fadeInUp&quot;,&quot;_animation_delay&quot;:600}" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default"><a href="https://link.v1ce.co/musicofstylo">We'll be here soon with our new awesome site.  Subscribe to my Music | Beats | Prose newsletter to get the upfront info of when we are back online.  Stay tuned</a></h2>				</div>
				</div>
				<div class="elementor-element elementor-element-13afdde elementor-button-align-stretch elementor-widget elementor-widget-form" data-id="13afdde" data-element_type="widget" data-e-type="widget" data-settings="{&quot;step_next_label&quot;:&quot;Next&quot;,&quot;step_previous_label&quot;:&quot;Previous&quot;,&quot;button_width&quot;:&quot;100&quot;,&quot;step_type&quot;:&quot;number_text&quot;,&quot;step_icon_shape&quot;:&quot;circle&quot;}" data-widget_type="form.default">
				<div class="elementor-widget-container">
							<form class="elementor-form" method="post" id="music_beats_prose_lite_1" name="m-of-s-lite-to-music-beats-prose" aria-label="m-of-s-lite-to-music-beats-prose">
			<input type="hidden" name="post_id" value="6125"/>
			<input type="hidden" name="form_id" value="13afdde"/>
			<input type="hidden" name="referer_title" value="ml-mofs-coming-soon-II-No-Email" />

							<input type="hidden" name="queried_id" value="6125"/>
			
			<div class="elementor-form-fields-wrapper elementor-labels-above">
								<div class="elementor-field-type-email elementor-field-group elementor-column elementor-field-group-email elementor-col-100 elementor-field-required">
												<label for="form-field-email" class="elementor-field-label">
								Email							</label>
														<input size="1" type="email" name="form_fields[email]" id="form-field-email" class="elementor-field elementor-size-sm  elementor-field-textual" placeholder="Email" required="required">
											</div>
								<div class="elementor-field-group elementor-column elementor-field-type-submit elementor-col-100 e-form__buttons">
					<button class="elementor-button elementor-size-sm" type="submit" id="subscribe-to-music-prose-beats">
						<span class="elementor-button-content-wrapper">
																						<span class="elementor-button-text">SUBSCRIBE</span>
													</span>
					</button>
				</div>
			</div>
		</form>
						</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-inner-section elementor-element elementor-element-69a277e2 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="69a277e2" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-743d730" data-id="743d730" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-348fa6cd elementor-shape-square elementor-grid-0 e-grid-align-center elementor-widget elementor-widget-social-icons" data-id="348fa6cd" data-element_type="widget" data-e-type="widget" data-widget_type="social-icons.default">
				<div class="elementor-widget-container">
							<div class="elementor-social-icons-wrapper elementor-grid" role="list">
							<span class="elementor-grid-item" role="listitem">
					<a class="elementor-icon elementor-social-icon elementor-social-icon-link elementor-animation-wobble-top elementor-repeater-item-30b95d5" href="https://link.v1ce.co/musicofstylo" target="_blank">
						<span class="elementor-screen-only">Link</span>
						<i aria-hidden="true" class="fas fa-link"></i>					</a>
				</span>
							<span class="elementor-grid-item" role="listitem">
					<a class="elementor-icon elementor-social-icon elementor-social-icon-instagram elementor-animation-wobble-top elementor-repeater-item-8797d4d" href="https://www.instagram.com/stylothedj/" target="_blank">
						<span class="elementor-screen-only">Instagram</span>
						<i aria-hidden="true" class="fab fa-instagram"></i>					</a>
				</span>
							<span class="elementor-grid-item" role="listitem">
					<a class="elementor-icon elementor-social-icon elementor-social-icon-youtube elementor-animation-wobble-top elementor-repeater-item-7f449ed" href="https://www.youtube.com/c/MgroovesStylo" target="_blank">
						<span class="elementor-screen-only">Youtube</span>
						<i aria-hidden="true" class="fab fa-youtube"></i>					</a>
				</span>
							<span class="elementor-grid-item" role="listitem">
					<a class="elementor-icon elementor-social-icon elementor-social-icon-facebook-f elementor-animation-wobble-top elementor-repeater-item-def81d1" href="https://www.facebook.com/DJStylo" target="_blank">
						<span class="elementor-screen-only">Facebook-f</span>
						<i aria-hidden="true" class="fab fa-facebook-f"></i>					</a>
				</span>
					</div>
						</div>
				</div>
					</div>
		</div>
					</div>
		</section>
					</div>
		</div>
					</div>
		</section>
				</div>
			</div>


		<!-- footer -->
	<footer id="footer">
		<div class="container">
		
				</div>
	</footer>
	<!--- end if elementor footer location -->
	 </div>
		</div>
			</div>
		</div>
</div>
<script type="speculationrules">
{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/sonaar-child/*","/wp-content/themes/sonaar/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
</script>
<script>var ajaxRevslider;function rsCustomAjaxContentLoadingFunction(){ajaxRevslider=function(obj){var content='',data={action:'revslider_ajax_call_front',client_action:'get_slider_html',token:'208d27e73d',type:obj.type,id:obj.id,aspectratio:obj.aspectratio};jQuery.ajax({type:'post',url:'https://www.musicofstylo.com/wp-admin/admin-ajax.php',dataType:'json',data:data,async:false,success:function(ret,textStatus,XMLHttpRequest){if(ret.success==true)content=ret.data;},error:function(e){console.log(e);}});return content;};var ajaxRemoveRevslider=function(obj){return jQuery(obj.selector+' .rev_slider').revkill();};if(jQuery.fn.tpessential!==undefined)if(typeof(jQuery.fn.tpessential.defaults)!=='undefined')jQuery.fn.tpessential.defaults.ajaxTypes.push({type:'revslider',func:ajaxRevslider,killfunc:ajaxRemoveRevslider,openAnimationSpeed:0.3});}var rsCustomAjaxContent_Once=false;if(document.readyState==="loading")document.addEventListener('readystatechange',function(){if((document.readyState==="interactive"||document.readyState==="complete")&&!rsCustomAjaxContent_Once){rsCustomAjaxContent_Once=true;rsCustomAjaxContentLoadingFunction();}});else{rsCustomAjaxContent_Once=true;rsCustomAjaxContentLoadingFunction();}</script>			<script>
				const lazyloadRunObserver = () => {
					const lazyloadBackgrounds = document.querySelectorAll( `.e-con.e-parent:not(.e-lazyloaded)` );
					const lazyloadBackgroundObserver = new IntersectionObserver( ( entries ) => {
						entries.forEach( ( entry ) => {
							if ( entry.isIntersecting ) {
								let lazyloadBackground = entry.target;
								if( lazyloadBackground ) {
									lazyloadBackground.classList.add( 'e-lazyloaded' );
								}
								lazyloadBackgroundObserver.unobserve( entry.target );
							}
						});
					}, { rootMargin: '200px 0px 200px 0px' } );
					lazyloadBackgrounds.forEach( ( lazyloadBackground ) => {
						lazyloadBackgroundObserver.observe( lazyloadBackground );
					} );
				};
				const events = [
					'DOMContentLoaded',
					'elementor/lazyload/observe',
				];
				events.forEach( ( event ) => {
					document.addEventListener( event, lazyloadRunObserver );
				} );
			</script>
			<div id="sonaar-player" :class="[{enable: !minimize , 'show-list': showList, 'hide-track-lenght': hideDuration, 'hide-track-category': hideCategory, 'hide-skip-button': hideSkipButton, 'hide-speed-rate-button': hideSpeedRateButton, 'hideArtistName': classes.author }, playerClass]">

  <audio id="sonaarAudio" src=""></audio>

  <transition name="sonaar-player-slidefade" v-on:after-enter="playlistAfterEnter">
    <div class="playlist" v-if="showList">
      <div class="scroll">
        <div class="container">
          <div class="boxed">
            <div class="playlist-title" v-if="(playListTitle)">{{playListTitle}}</div>
            <div class="track-artist" v-if="!classes.author && list.tracks[currentTrack].album_artist != false" v-html="classes.artistPrefix + ' ' + list.tracks[currentTrack].album_artist"></div>
            <div class="shuffle" @click="enableRandomList" v-if="list.type!='podcast'">
              <div v-if="shuffle">
                <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" x="0px" y="0px"
                viewBox="0 0 22 22" style="enable-background:new 0 0 22 22;" xml:space="preserve">
                  <path d="M18.2,13.2c-0.1-0.1-0.4-0.1-0.5,0c-0.1,0.1-0.1,0.4,0,0.5l2.1,2h-3.6c-0.9,0-2.1-0.6-2.7-1.3L10.9,11l2.7-3.4
                  c0.6-0.7,1.8-1.3,2.7-1.3h3.6l-2.1,2c-0.1,0.1-0.1,0.4,0,0.5c0.1,0.1,0.2,0.1,0.3,0.1c0.1,0,0.2,0,0.3-0.1L21,6.2
                  c0.1-0.1,0.1-0.2,0.1-0.3c0-0.1,0-0.2-0.1-0.3L18.2,3c-0.1-0.1-0.4-0.1-0.5,0c-0.1,0.1-0.1,0.4,0,0.5l2.1,2h-3.6
                  c-1.1,0-2.5,0.7-3.2,1.6l-2.6,3.3L7.8,7.1C7.1,6.2,5.7,5.5,4.6,5.5H1.3c-0.2,0-0.4,0.2-0.4,0.4c0,0.2,0.2,0.4,0.4,0.4h3.3
                  c0.9,0,2.1,0.6,2.7,1.3L9.9,11l-2.7,3.4c-0.6,0.7-1.8,1.3-2.7,1.3H1.3c-0.2,0-0.4,0.2-0.4,0.4c0,0.2,0.2,0.4,0.4,0.4h3.3
                  c1.1,0,2.5-0.7,3.2-1.6l2.6-3.3l2.6,3.3c0.7,0.9,2.1,1.6,3.2,1.6h3.6l-2.1,2c-0.1,0.1-0.1,0.4,0,0.5c0.1,0.1,0.2,0.1,0.3,0.1
                  c0.1,0,0.2,0,0.3-0.1l2.7-2.7c0.1-0.1,0.1-0.2,0.1-0.3c0-0.1,0-0.2-0.1-0.3L18.2,13.2z"/>
                </svg>
              </div>
              <div v-else>
                <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"  width="20" height="20" x="0px" y="0px"
              viewBox="0 0 22 22" style="enable-background:new 0 0 22 22;" xml:space="preserve">
                  <path d="M19,15.4H3.2l2.8-2.7c0.1-0.1,0.1-0.3,0-0.5c-0.1-0.1-0.3-0.1-0.5,0l-3.3,3.3C2.1,15.5,2,15.6,2,15.7c0,0.1,0,0.2,0.1,0.2
                  l3.3,3.3c0.1,0.1,0.1,0.1,0.2,0.1c0.1,0,0.2,0,0.2-0.1c0.1-0.1,0.1-0.3,0-0.5L3.2,16H19c0.2,0,0.3-0.1,0.3-0.3
                  C19.3,15.5,19.1,15.4,19,15.4z M20.3,7.2l-3.3-3.3c-0.1-0.1-0.3-0.1-0.5,0c-0.1,0.1-0.1,0.3,0,0.5l2.8,2.7H3.5
                  c-0.2,0-0.3,0.1-0.3,0.3c0,0.2,0.1,0.3,0.3,0.3h15.8l-2.8,2.7c-0.1,0.1-0.1,0.3,0,0.5c0.1,0.1,0.1,0.1,0.2,0.1c0.1,0,0.2,0,0.2-0.1
                  l3.3-3.3c0.1-0.1,0.1-0.1,0.1-0.2C20.4,7.3,20.3,7.3,20.3,7.2z"/>
                </svg>
              </div>
            </div>
            <button class="play" @click="play" v-if="isPlaying">pause</button>
            <button class="play" @click="play" v-if="!isPlaying">play</button>
            <div class="trackscroll">
              <ul class="tracklist">
                <li v-for="(track, index) in list.tracks" :key="track.id" @click="currentTrack = index" :class="index == currentTrack ? 'active' : '' ">
                  <span class="track-status">{{ index + 1 }}</span>
                  <span class="track-title"><span class="content" @mouseover="scroll">{{ track.track_title }}</span></span>
                  <span class="track-album"><span class="content">{{ track.album_title }}</span></span>
                  <span class="track-lenght" v-if="track.lenght"><span class="content">{{ track.lenght }}</span></span>
                  <span class="track-store" v-if="(list.type=='album' && track.song_store_list ) || (list.type=='podcast' && track.podcast_calltoaction )">
                    <a v-for="store in track.song_store_list" :href="store.store_link" :target="store.store_link_target"  :download=" (store.song_store_icon == 'fas fa-download')? '': false " v-if="list.type!='podcast'">
                      <i class="fa" :class="store.song_store_icon" v-if="store.song_store_icon != 'custom-icon'"></i>
                      <div class="sr_svg-box" :data-svg-url="store.sr_icon_file" v-if="store.song_store_icon == 'custom-icon'">{{getSVG(store.sr_icon_file)}}</div>
                    </a>
                    
                    <a v-for="button in track.podcast_calltoaction" :href="button.podcast_button_link" :target="  (button.podcast_button_target)?'_blank':'_self'  " class="sonaar-callToAction" v-if="list.type=='podcast'">{{button.podcast_button_name}}</a>
                  </span>
                </li>
              </ul>
            </div>
          </div>
        </div>
      </div>
    </div>

  </transition>

  <div class="close btn_playlist" v-if="showList" @click="setshowList"></div>
  <div class="close btn-player" :class="{enable: !minimize, 'storePanel':list.tracks && playerCallToAction}" @click="closePlayer" v-if="list.tracks">
    <svg class="audioBar" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"  width="16" height="16" x="0px" y="0px" viewBox="0 0 17 17" enable-background="new 0 0 17 17" xml:space="preserve">
      <rect x="0" width="2" height="16" transform="translate(0)">
        <animate attributeName="height" attributeType="XML" dur="1s" values="2;16;2" repeatCount="indefinite" />
      </rect>
      <rect x="5" width="2" height="16" transform="translate(0)">
        <animate attributeName="height" attributeType="XML" dur="1s" values="2;16;2" repeatCount="indefinite" begin="0.3s" />
      </rect>
      <rect x="10" width="2" height="16" transform="translate(0)">
        <animate attributeName="height" attributeType="XML" dur="1s" values="2;16;2" repeatCount="indefinite" begin="0.5s" />
      </rect>
      <rect x="15" width="2" height="16" transform="translate(0)">
        <animate attributeName="height" attributeType="XML" dur="1s" values="2;16;2" repeatCount="indefinite" begin="0.3s" />
      </rect>
    </svg>
  </div>

  <div :class="(list.tracks.length >= 2)?'player ':'player no-list '">
    <div class="mobileProgress">
      <div class="skip" @mouseup="skipTo"></div>
      <div class="mobileProgressing wave-cut" :style=" css.wavecut "></div>
      <div class="progressDot" :style=" css.progressDot "></div>
    </div>
    <div class="player-row">

      <div class="playerNowPlaying" v-if="list.tracks">
        <div class="album-art" :class="{'loading': loading < 100 }" v-if="hasArtwork">
          <i class="fa-solid fa-circle-notch fa-spin fa-2x fa-fw loading-icon"></i>
          <img class="hover" :src="list.tracks[currentTrack].poster" />
          <img :src="list.tracks[currentTrack].poster" />
        </div>
        <div :class="(hasArtwork)?'metadata ':'metadata no-image '">
          <div class="track-name" @mouseover="scroll">{{list.tracks[currentTrack].track_title}}</div>
          <div class="track-album" @mouseover="scroll" v-if="list.tracks[currentTrack].album_title">{{list.tracks[currentTrack].album_title}}</div>
          <div class="track-artist" @mouseover="scroll" v-html="classes.artistPrefix + ' ' + list.tracks[currentTrack].album_artist" v-if="!classes.author && list.tracks[currentTrack].album_artist"></div>
        </div>
      </div>
      <div class="playerNowPlaying" v-else></div>
      <div class="control">
        <div class="list" @click="setshowList" v-if="!classes.playlist && list.tracks.length > 1">
          <svg width="24" height="20" viewBox="0 0 24 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve">
            <g>
              <rect x="0" y="0" width="24" height="2" />
              <rect x="0" y="6" width="24" height="2" />
              <rect x="0" y="12" width="24" height="2" />
              <rect x="0" y="18" width="15" height="2" />
            </g>
          </svg>
        </div>
        <div class="sr_skipBackward" @click="skipBackward" v-if="list.type=='podcast' && classes.hideSkipButton==false">
          <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"  width="26" height="26" x="0px" y="0px"
            viewBox="0 0 350 350" style="enable-background:new 0 0 350 350;" xml:space="preserve">
          <path class="st0" d="M92.99,53.26c50.47-37.73,117.73-40.35,170.62-7.61l-21.94,16.61c0,0,0,0,0,0c0,0,0,0,0,0l0,0c0,0,0,0,0,0
            c-3.86,2.92-6.03,7.4-6.03,12.07c0,1.29,0.16,2.59,0.5,3.88c1.43,5.43,5.72,9.49,11.52,10.94c0,0,0,0,0,0l61.38,17.66c0,0,0,0,0,0
            c0,0,0,0,0,0l0,0c0,0,0,0,0,0c4.15,1.19,8.7,0.37,12.16-2.22c3.47-2.59,5.56-6.71,5.59-11.04c0,0,0,0,0-0.01c0,0,0,0,0-0.01
            l0.42-65.18c0-0.02,0-0.03,0-0.05c0-0.02,0-0.04,0-0.06c0.02-6-2.71-10.99-7.54-13.69c-5.23-2.93-11.7-2.48-16.5,1.14c0,0,0,0,0,0
            c0,0,0,0,0,0l-26.11,19.76c-13.29-8.89-27.71-15.81-42.95-20.6C217.39,9.61,200,7.02,182.44,7.18c-17.56,0.15-34.91,3.04-51.54,8.58
            c-17.03,5.67-32.98,14.01-47.41,24.8c-2.08,1.56-3.18,3.94-3.18,6.36c0,1.65,0.51,3.32,1.58,4.74
            C84.51,55.16,89.48,55.88,92.99,53.26z M310.96,90.86l-58.55-16.84l29.03-21.97c0.45-0.27,0.87-0.59,1.27-0.96l28.65-21.68
            L310.96,90.86z"/>
          <path class="st0" d="M36.26,139.69l1.6-6.62l3.4-10.4l3.99-10.18l4.75-9.7l5.57-9.36l6.18-8.97l6.77-8.37l7.58-8.2
            c2.97-3.22,2.78-8.23-0.44-11.21c-3.22-2.97-8.23-2.78-11.21,0.44l-7.76,8.39c-0.12,0.13-0.23,0.26-0.34,0.4l-7.13,8.81
            c-0.13,0.16-0.25,0.32-0.37,0.49l-6.5,9.44c-0.1,0.14-0.19,0.29-0.28,0.44l-5.87,9.86c-0.11,0.19-0.21,0.38-0.31,0.57l-5.03,10.28
            c-0.09,0.19-0.18,0.39-0.26,0.59l-4.2,10.7c-0.06,0.14-0.11,0.29-0.15,0.43l-3.57,10.91c-0.06,0.2-0.12,0.4-0.17,0.6l-1.68,6.92
            c-0.15,0.63-0.23,1.26-0.23,1.87c0,3.58,2.44,6.82,6.07,7.7C30.94,146.56,35.23,143.94,36.26,139.69z"/>
          <path class="st0" d="M70.09,275.38l-7.14-8.56l-6.14-8.72l-5.59-9.38l-4.99-9.79l-4.2-10l-3.59-10.18l-2.78-10.52l-1.99-10.75
            l-1.19-10.75l-0.4-10.78l0.2-7.72c0.12-4.37-3.34-8.02-7.72-8.14c-4.38-0.12-8.02,3.34-8.14,7.72l-0.21,7.97c0,0.07,0,0.14,0,0.21
            c0,0.1,0,0.2,0.01,0.29l0.42,11.33c0.01,0.19,0.02,0.39,0.04,0.58l1.26,11.33c0.02,0.19,0.05,0.38,0.08,0.57l2.1,11.33
            c0.04,0.2,0.08,0.39,0.13,0.58l2.94,11.12c0.05,0.21,0.12,0.41,0.19,0.61l3.78,10.7c0.05,0.15,0.11,0.29,0.17,0.43l4.4,10.49
            c0.08,0.18,0.16,0.36,0.25,0.53l5.24,10.28c0.08,0.15,0.16,0.31,0.25,0.45l5.87,9.86c0.1,0.17,0.21,0.34,0.33,0.51l6.5,9.23
            c0.12,0.18,0.25,0.35,0.39,0.51l7.34,8.81c2.8,3.37,7.81,3.82,11.17,1.02C72.44,283.75,72.9,278.75,70.09,275.38z"/>
          <path class="st0" d="M185.89,342.5l11.54-0.63c0.15-0.01,0.3-0.02,0.44-0.04l3.78-0.42c4.35-0.48,7.49-4.41,7.01-8.76
            c-0.48-4.35-4.41-7.49-8.76-7.01l-3.55,0.39l-10.95,0.6l-10.75-0.4l-10.82-1l-10.75-1.79l-10.6-2.6l-10.31-3.17l-9.91-4.16
            l-9.84-4.82l-9.39-5.39l-9.17-6.18l-2.71-2.13c-3.44-2.71-8.43-2.11-11.14,1.34c-1.14,1.45-1.7,3.18-1.7,4.9
            c0,2.35,1.04,4.68,3.03,6.24l2.94,2.31c0.15,0.12,0.31,0.23,0.47,0.34l9.65,6.5c0.16,0.11,0.32,0.21,0.48,0.3l9.86,5.66
            c0.15,0.09,0.31,0.17,0.46,0.25l10.28,5.03c0.14,0.07,0.28,0.13,0.42,0.19l10.49,4.41c0.24,0.1,0.49,0.19,0.74,0.27l10.91,3.36
            c0.15,0.05,0.29,0.09,0.44,0.12l11.12,2.73c0.19,0.05,0.39,0.09,0.59,0.12l11.33,1.89c0.19,0.03,0.38,0.06,0.57,0.07l11.33,1.05
            c0.15,0.01,0.29,0.02,0.44,0.03l11.33,0.42C185.41,342.52,185.65,342.52,185.89,342.5z"/>
          <path class="st0" d="M316.46,248.51l-3.87,6.52l-6.21,9.22l-6.58,8.37l-7.37,8.17l-7.77,7.37l-8.38,6.98l-8.96,6.37l-9.18,5.59
            l-9.58,4.99l-10.14,4.38l-10.19,3.46c-3.3,1.12-5.38,4.21-5.38,7.51c0,0.85,0.14,1.71,0.42,2.55c1.41,4.15,5.92,6.37,10.06,4.96
            l10.49-3.57c0.2-0.07,0.4-0.14,0.59-0.23l10.7-4.62c0.18-0.08,0.35-0.16,0.52-0.25l10.07-5.24c0.16-0.08,0.31-0.17,0.46-0.26
            l9.65-5.87c0.16-0.1,0.32-0.2,0.47-0.31l9.44-6.71c0.17-0.12,0.33-0.24,0.48-0.37l8.81-7.34c0.13-0.11,0.26-0.22,0.38-0.34
            l8.18-7.76c0.15-0.14,0.29-0.29,0.43-0.44l7.76-8.6c0.12-0.13,0.24-0.27,0.35-0.41l6.92-8.81c0.12-0.15,0.23-0.31,0.34-0.47
            l6.5-9.65c0.08-0.13,0.17-0.25,0.24-0.38l3.99-6.71c2.24-3.77,1-8.63-2.77-10.87C323.56,243.51,318.69,244.75,316.46,248.51z"/>
          </svg>
          <div class="sr_skip_number">{{classes.skipBackward}}</div>
        </div>
        <div class="sr_skipForward" @click="skipForward" v-if="list.type=='podcast' && classes.hideSkipButton==false">
          <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"  width="26" height="26" x="0px" y="0px"
            viewBox="0 0 350 350" style="enable-background:new 0 0 350 350;" xml:space="preserve">
          <path class="st0" d="M92.99,53.26c50.47-37.73,117.73-40.35,170.62-7.61l-21.94,16.61c0,0,0,0,0,0c0,0,0,0,0,0l0,0c0,0,0,0,0,0
            c-3.86,2.92-6.03,7.4-6.03,12.07c0,1.29,0.16,2.59,0.5,3.88c1.43,5.43,5.72,9.49,11.52,10.94c0,0,0,0,0,0l61.38,17.66c0,0,0,0,0,0
            c0,0,0,0,0,0l0,0c0,0,0,0,0,0c4.15,1.19,8.7,0.37,12.16-2.22c3.47-2.59,5.56-6.71,5.59-11.04c0,0,0,0,0-0.01c0,0,0,0,0-0.01
            l0.42-65.18c0-0.02,0-0.03,0-0.05c0-0.02,0-0.04,0-0.06c0.02-6-2.71-10.99-7.54-13.69c-5.23-2.93-11.7-2.48-16.5,1.14c0,0,0,0,0,0
            c0,0,0,0,0,0l-26.11,19.76c-13.29-8.89-27.71-15.81-42.95-20.6C217.39,9.61,200,7.02,182.44,7.18c-17.56,0.15-34.91,3.04-51.54,8.58
            c-17.03,5.67-32.98,14.01-47.41,24.8c-2.08,1.56-3.18,3.94-3.18,6.36c0,1.65,0.51,3.32,1.58,4.74
            C84.51,55.16,89.48,55.88,92.99,53.26z M310.96,90.86l-58.55-16.84l29.03-21.97c0.45-0.27,0.87-0.59,1.27-0.96l28.65-21.68
            L310.96,90.86z"/>
          <path class="st0" d="M36.26,139.69l1.6-6.62l3.4-10.4l3.99-10.18l4.75-9.7l5.57-9.36l6.18-8.97l6.77-8.37l7.58-8.2
            c2.97-3.22,2.78-8.23-0.44-11.21c-3.22-2.97-8.23-2.78-11.21,0.44l-7.76,8.39c-0.12,0.13-0.23,0.26-0.34,0.4l-7.13,8.81
            c-0.13,0.16-0.25,0.32-0.37,0.49l-6.5,9.44c-0.1,0.14-0.19,0.29-0.28,0.44l-5.87,9.86c-0.11,0.19-0.21,0.38-0.31,0.57l-5.03,10.28
            c-0.09,0.19-0.18,0.39-0.26,0.59l-4.2,10.7c-0.06,0.14-0.11,0.29-0.15,0.43l-3.57,10.91c-0.06,0.2-0.12,0.4-0.17,0.6l-1.68,6.92
            c-0.15,0.63-0.23,1.26-0.23,1.87c0,3.58,2.44,6.82,6.07,7.7C30.94,146.56,35.23,143.94,36.26,139.69z"/>
          <path class="st0" d="M70.09,275.38l-7.14-8.56l-6.14-8.72l-5.59-9.38l-4.99-9.79l-4.2-10l-3.59-10.18l-2.78-10.52l-1.99-10.75
            l-1.19-10.75l-0.4-10.78l0.2-7.72c0.12-4.37-3.34-8.02-7.72-8.14c-4.38-0.12-8.02,3.34-8.14,7.72l-0.21,7.97c0,0.07,0,0.14,0,0.21
            c0,0.1,0,0.2,0.01,0.29l0.42,11.33c0.01,0.19,0.02,0.39,0.04,0.58l1.26,11.33c0.02,0.19,0.05,0.38,0.08,0.57l2.1,11.33
            c0.04,0.2,0.08,0.39,0.13,0.58l2.94,11.12c0.05,0.21,0.12,0.41,0.19,0.61l3.78,10.7c0.05,0.15,0.11,0.29,0.17,0.43l4.4,10.49
            c0.08,0.18,0.16,0.36,0.25,0.53l5.24,10.28c0.08,0.15,0.16,0.31,0.25,0.45l5.87,9.86c0.1,0.17,0.21,0.34,0.33,0.51l6.5,9.23
            c0.12,0.18,0.25,0.35,0.39,0.51l7.34,8.81c2.8,3.37,7.81,3.82,11.17,1.02C72.44,283.75,72.9,278.75,70.09,275.38z"/>
          <path class="st0" d="M185.89,342.5l11.54-0.63c0.15-0.01,0.3-0.02,0.44-0.04l3.78-0.42c4.35-0.48,7.49-4.41,7.01-8.76
            c-0.48-4.35-4.41-7.49-8.76-7.01l-3.55,0.39l-10.95,0.6l-10.75-0.4l-10.82-1l-10.75-1.79l-10.6-2.6l-10.31-3.17l-9.91-4.16
            l-9.84-4.82l-9.39-5.39l-9.17-6.18l-2.71-2.13c-3.44-2.71-8.43-2.11-11.14,1.34c-1.14,1.45-1.7,3.18-1.7,4.9
            c0,2.35,1.04,4.68,3.03,6.24l2.94,2.31c0.15,0.12,0.31,0.23,0.47,0.34l9.65,6.5c0.16,0.11,0.32,0.21,0.48,0.3l9.86,5.66
            c0.15,0.09,0.31,0.17,0.46,0.25l10.28,5.03c0.14,0.07,0.28,0.13,0.42,0.19l10.49,4.41c0.24,0.1,0.49,0.19,0.74,0.27l10.91,3.36
            c0.15,0.05,0.29,0.09,0.44,0.12l11.12,2.73c0.19,0.05,0.39,0.09,0.59,0.12l11.33,1.89c0.19,0.03,0.38,0.06,0.57,0.07l11.33,1.05
            c0.15,0.01,0.29,0.02,0.44,0.03l11.33,0.42C185.41,342.52,185.65,342.52,185.89,342.5z"/>
          <path class="st0" d="M316.46,248.51l-3.87,6.52l-6.21,9.22l-6.58,8.37l-7.37,8.17l-7.77,7.37l-8.38,6.98l-8.96,6.37l-9.18,5.59
            l-9.58,4.99l-10.14,4.38l-10.19,3.46c-3.3,1.12-5.38,4.21-5.38,7.51c0,0.85,0.14,1.71,0.42,2.55c1.41,4.15,5.92,6.37,10.06,4.96
            l10.49-3.57c0.2-0.07,0.4-0.14,0.59-0.23l10.7-4.62c0.18-0.08,0.35-0.16,0.52-0.25l10.07-5.24c0.16-0.08,0.31-0.17,0.46-0.26
            l9.65-5.87c0.16-0.1,0.32-0.2,0.47-0.31l9.44-6.71c0.17-0.12,0.33-0.24,0.48-0.37l8.81-7.34c0.13-0.11,0.26-0.22,0.38-0.34
            l8.18-7.76c0.15-0.14,0.29-0.29,0.43-0.44l7.76-8.6c0.12-0.13,0.24-0.27,0.35-0.41l6.92-8.81c0.12-0.15,0.23-0.31,0.34-0.47
            l6.5-9.65c0.08-0.13,0.17-0.25,0.24-0.38l3.99-6.71c2.24-3.77,1-8.63-2.77-10.87C323.56,243.51,318.69,244.75,316.46,248.51z"/>
          </svg>
          <div class="sr_skip_number">{{classes.skipForward}}</div>
        </div>
        <div class="previous" @click="previous" v-if="list.type!='podcast'">
          <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"  width="17.42" height="20" x="0px" y="0px" viewBox="0 0 10.2 11.7" style="enable-background:new 0 0 10.2 11.7;" xml:space="preserve">
            <polygon points="10.2,0 1.4,5.3 1.4,0 0,0 0,11.7 1.4,11.7 1.4,6.2 10.2,11.7"></polygon>
          </svg>
        </div>
        <div class="play" @click="play" :class="{'audio-playing': isPlaying }">
          <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20.64" height="25" x="0px" y="0px" viewBox="0 0 17.5 21.2" style="enable-background:new 0 0 17.5 21.2;" xml:space="preserve">
            <path d="M0,0l17.5,10.9L0,21.2V0z"></path>
            <rect width="6" height="21.2"></rect>
            <rect x="11.5" width="6" height="21.2"></rect>
          </svg>
        </div>
        <div class="next" @click="next" v-if="list.type!='podcast'">
          <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="17.42" height="20" x="0px" y="0px" viewBox="0 0 10.2 11.7" style="enable-background:new 0 0 10.2 11.7;" xml:space="preserve">
            <polygon points="0,11.7 8.8,6.4 8.8,11.7 10.2,11.7 10.2,0 8.8,0 8.8,5.6 0,0"></polygon>
          </svg>
        </div>
        <div class="shuffle" @click="enableRandomList" v-if="list.type!='podcast'">
          <div v-if="shuffle">
            <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" x="0px" y="0px"
            viewBox="0 0 22 22" style="enable-background:new 0 0 22 22;" xml:space="preserve">
              <path d="M18.2,13.2c-0.1-0.1-0.4-0.1-0.5,0c-0.1,0.1-0.1,0.4,0,0.5l2.1,2h-3.6c-0.9,0-2.1-0.6-2.7-1.3L10.9,11l2.7-3.4
              c0.6-0.7,1.8-1.3,2.7-1.3h3.6l-2.1,2c-0.1,0.1-0.1,0.4,0,0.5c0.1,0.1,0.2,0.1,0.3,0.1c0.1,0,0.2,0,0.3-0.1L21,6.2
              c0.1-0.1,0.1-0.2,0.1-0.3c0-0.1,0-0.2-0.1-0.3L18.2,3c-0.1-0.1-0.4-0.1-0.5,0c-0.1,0.1-0.1,0.4,0,0.5l2.1,2h-3.6
              c-1.1,0-2.5,0.7-3.2,1.6l-2.6,3.3L7.8,7.1C7.1,6.2,5.7,5.5,4.6,5.5H1.3c-0.2,0-0.4,0.2-0.4,0.4c0,0.2,0.2,0.4,0.4,0.4h3.3
              c0.9,0,2.1,0.6,2.7,1.3L9.9,11l-2.7,3.4c-0.6,0.7-1.8,1.3-2.7,1.3H1.3c-0.2,0-0.4,0.2-0.4,0.4c0,0.2,0.2,0.4,0.4,0.4h3.3
              c1.1,0,2.5-0.7,3.2-1.6l2.6-3.3l2.6,3.3c0.7,0.9,2.1,1.6,3.2,1.6h3.6l-2.1,2c-0.1,0.1-0.1,0.4,0,0.5c0.1,0.1,0.2,0.1,0.3,0.1
              c0.1,0,0.2,0,0.3-0.1l2.7-2.7c0.1-0.1,0.1-0.2,0.1-0.3c0-0.1,0-0.2-0.1-0.3L18.2,13.2z"/>
            </svg>
          </div>
          <div v-else>
            <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" x="0px" y="0px"
            viewBox="0 0 22 22" style="enable-background:new 0 0 22 22;" xml:space="preserve">
              <path d="M19,15.4H3.2l2.8-2.7c0.1-0.1,0.1-0.3,0-0.5c-0.1-0.1-0.3-0.1-0.5,0l-3.3,3.3C2.1,15.5,2,15.6,2,15.7c0,0.1,0,0.2,0.1,0.2
              l3.3,3.3c0.1,0.1,0.1,0.1,0.2,0.1c0.1,0,0.2,0,0.2-0.1c0.1-0.1,0.1-0.3,0-0.5L3.2,16H19c0.2,0,0.3-0.1,0.3-0.3
              C19.3,15.5,19.1,15.4,19,15.4z M20.3,7.2l-3.3-3.3c-0.1-0.1-0.3-0.1-0.5,0c-0.1,0.1-0.1,0.3,0,0.5l2.8,2.7H3.5
              c-0.2,0-0.3,0.1-0.3,0.3c0,0.2,0.1,0.3,0.3,0.3h15.8l-2.8,2.7c-0.1,0.1-0.1,0.3,0,0.5c0.1,0.1,0.1,0.1,0.2,0.1c0.1,0,0.2,0,0.2-0.1
              l3.3-3.3c0.1-0.1,0.1-0.1,0.1-0.2C20.4,7.3,20.3,7.3,20.3,7.2z"/>
            </svg>
          </div>
        </div>
        <div class="sr_speedRate" :class="this.mediaPlayer.getPlaybackRate() != 1 ? 'active' : '' " @click="setSpeedRate" v-if="list.type=='podcast' && classes.hideSpeedRateButton==false"><div>{{this.mediaPlayer.getPlaybackRate()}}X</div></div>
      </div>
   
      <div class="wavesurfer">
        <div class="timing">
            <div class="time timing_currentTime">{{ currentTime }}</div>
            <div class="time timing_totalTime">{{ totalTime }}</div>
        </div>
        <div class="wave-custom">
          <div class="wave-base">
            
          </div>
          <div class="wave-cut" :style=" css.wavecut ">
            <div class="wave-progress">
            
            </div>
          </div>
        </div>
        <div class="wave-progress-bar">
          <div class="bar progress_totalTime" :style=" css.waveColor "></div>
          <div class="bar progress_currentTime" :style=" css.progressColor "></div>
          <div class="skip" @mouseup="skipTo"></div>
        </div>
        <div class="volume" v-if="!isSafari">
          <div class="icon" @click="muteTrigger">
            <div v-if="mute">
              <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="22" height="22" x="0px" y="0px"
                  viewBox="0 0 22 22" style="enable-background:new 0 0 22 22;" xml:space="preserve">
                <path d="M11.7,19c0,0.3-0.1,0.6-0.3,0.8c-0.2,0.2-0.5,0.3-0.8,0.3c-0.3,0-0.6-0.1-0.8-0.3l-4.1-4.1H1.1c-0.3,0-0.6-0.1-0.8-0.3
                  C0.1,15.2,0,14.9,0,14.6V8c0-0.3,0.1-0.6,0.3-0.8C0.5,7,0.8,6.9,1.1,6.9h4.7l4.1-4.1c0.2-0.2,0.5-0.3,0.8-0.3c0.3,0,0.6,0.1,0.8,0.3
                  c0.2,0.2,0.3,0.5,0.3,0.8V19z"/>
                <g>
                  <path d="M17.2,11.2l1.7,1.7c0.1,0.1,0.1,0.2,0.1,0.4c0,0.1,0,0.3-0.1,0.4L18.5,14c-0.1,0.1-0.2,0.1-0.4,0.1c-0.1,0-0.3,0-0.4-0.1
                    l-1.7-1.7L14.4,14c-0.1,0.1-0.2,0.1-0.4,0.1c-0.1,0-0.3,0-0.4-0.1l-0.4-0.4c-0.1-0.1-0.1-0.2-0.1-0.4c0-0.1,0-0.3,0.1-0.4l1.7-1.7
                    l-1.7-1.7c-0.1-0.1-0.1-0.2-0.1-0.4c0-0.1,0-0.3,0.1-0.4l0.4-0.4c0.1-0.1,0.2-0.1,0.4-0.1c0.1,0,0.3,0,0.4,0.1l1.7,1.7l1.7-1.7
                    c0.1-0.1,0.2-0.1,0.4-0.1c0.1,0,0.3,0,0.4,0.1l0.4,0.4C18.9,8.9,19,9.1,19,9.2c0,0.1,0,0.3-0.1,0.4L17.2,11.2z"/>
                </g>
              </svg>
            </div>
            <div v-else >
                <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="22" height="22" x="0px" y="0px"
                viewBox="0 0 22 22" style="enable-background:new 0 0 22 22;" xml:space="preserve">
                <g>
                  <path d="M11.7,19c0,0.3-0.1,0.6-0.3,0.8c-0.2,0.2-0.5,0.3-0.8,0.3c-0.3,0-0.6-0.1-0.8-0.3l-4.1-4.1H1.1c-0.3,0-0.6-0.1-0.8-0.3
                    C0.1,15.2,0,14.9,0,14.6V8c0-0.3,0.1-0.6,0.3-0.8C0.5,7,0.8,6.9,1.1,6.9h4.7l4.1-4.1c0.2-0.2,0.5-0.3,0.8-0.3
                    c0.3,0,0.6,0.1,0.8,0.3c0.2,0.2,0.3,0.5,0.3,0.8V19z M17.1,9.2c-0.4-0.7-0.9-1.2-1.6-1.6c-0.3-0.2-0.7-0.3-1.1-0.2
                    C14,7.5,13.7,7.7,13.5,8c-0.2,0.4-0.3,0.7-0.2,1.1c0.1,0.4,0.3,0.7,0.7,0.9c0.5,0.3,0.7,0.7,0.7,1.2c0,0.5-0.2,0.9-0.6,1.2
                    c-0.3,0.2-0.5,0.6-0.6,1s0,0.8,0.3,1.1c0.2,0.3,0.5,0.5,0.9,0.6c0.4,0.1,0.8,0,1.1-0.2c0.6-0.4,1-1,1.4-1.6c0.3-0.6,0.5-1.3,0.5-2
                    C17.6,10.6,17.4,9.8,17.1,9.2z M20.9,7c-0.8-1.3-1.8-2.4-3.1-3.2c-0.3-0.2-0.7-0.3-1.1-0.2c-0.4,0.1-0.7,0.3-0.9,0.7
                    c-0.2,0.4-0.3,0.7-0.2,1.1c0.1,0.4,0.3,0.7,0.7,0.9c0.9,0.5,1.5,1.2,2,2.1c0.5,0.9,0.8,1.8,0.8,2.9c0,0.9-0.2,1.8-0.7,2.7
                    c-0.4,0.9-1.1,1.6-1.9,2.1c-0.3,0.2-0.5,0.6-0.6,1c-0.1,0.4,0,0.8,0.3,1.1c0.3,0.4,0.7,0.6,1.2,0.6c0.3,0,0.6-0.1,0.8-0.3
                    c1.2-0.8,2.1-1.9,2.8-3.2c0.7-1.3,1-2.6,1-4.1C22,9.8,21.6,8.3,20.9,7z"/>
                </g>
                </svg>
            </div>

          </div>
          <div class="slider-container">
            <div class="slide"></div>
          </div>
        </div>
      </div>
      <div class="sonaar-extend-button" @click="showCTA" v-if="list.tracks && playerCallToAction">
        <i class="fa-solid fa-ellipsis-vertical"></i>
      </div>
      <transition name="sonaar-player-storefade">
      <div class="store" v-if="list.tracks && playerCallToAction" :style="{width: storeWidth }">
        <ul class="track-store" v-if="playerCallToAction">
          <li v-for="store in playerCallToAction">
            <a :href="store.store_link" :target="store.store_link_target" v-if="list.type!='podcast'" :download=" (store.song_store_icon == 'fas fa-download')? '': false " >
              <i class="fa" :class="store.song_store_icon" v-if="store.song_store_icon != 'custom-icon'"></i>
              <div class="sr_svg-box" :data-svg-url="store.sr_icon_file" v-if="store.song_store_icon == 'custom-icon'">{{getSVG(store.sr_icon_file)}}</div>
              <span>{{store.song_store_name}}</span>
            </a>
            <a :href="store.podcast_button_link" :target="(store.podcast_button_target)?'_blank':'_self'" v-if="list.type=='podcast'">{{store.podcast_button_name}}</a>
          </li>
        </ul>
      </div>
    </transition>
    </div>
  </div>
</div><link rel='stylesheet' id='elementor-post-6125-css' href='https://www.musicofstylo.com/wp-content/uploads/elementor/css/post-6125.css?ver=1781184918' media='all' />
<link rel='stylesheet' id='e-animation-fadeInUp-css' href='https://www.musicofstylo.com/wp-content/plugins/elementor/assets/lib/animations/styles/fadeInUp.min.css?ver=4.1.3' media='all' />
<link rel='stylesheet' id='widget-heading-css' href='https://www.musicofstylo.com/wp-content/plugins/elementor/assets/css/widget-heading.min.css?ver=4.1.3' media='all' />
<link rel='stylesheet' id='widget-form-css' href='https://www.musicofstylo.com/wp-content/plugins/elementor-pro/assets/css/widget-form.min.css?ver=4.1.1' media='all' />
<link rel='stylesheet' id='e-animation-wobble-top-css' href='https://www.musicofstylo.com/wp-content/plugins/elementor/assets/lib/animations/styles/e-animation-wobble-top.min.css?ver=4.1.3' media='all' />
<link rel='stylesheet' id='widget-social-icons-css' href='https://www.musicofstylo.com/wp-content/plugins/elementor/assets/css/widget-social-icons.min.css?ver=4.1.3' media='all' />
<link rel='stylesheet' id='e-apple-webkit-css' href='https://www.musicofstylo.com/wp-content/plugins/elementor/assets/css/conditionals/apple-webkit.min.css?ver=4.1.3' media='all' />
<link rel='stylesheet' id='e-animation-fadeIn-css' href='https://www.musicofstylo.com/wp-content/plugins/elementor/assets/lib/animations/styles/fadeIn.min.css?ver=4.1.3' media='all' />
<link rel='stylesheet' id='elementor-icons-css' href='https://www.musicofstylo.com/wp-content/plugins/elementor/assets/lib/eicons/css/elementor-icons.min.css?ver=5.49.0' media='all' />
<link rel='stylesheet' id='elementor-post-3705-css' href='https://www.musicofstylo.com/wp-content/uploads/elementor/css/post-3705.css?ver=1781184918' media='all' />
<link rel='stylesheet' id='font-awesome-5-all-css' href='https://www.musicofstylo.com/wp-content/plugins/elementor/assets/lib/font-awesome/css/all.min.css?ver=4.1.3' media='all' />
<link rel='stylesheet' id='font-awesome-4-shim-css' href='https://www.musicofstylo.com/wp-content/plugins/elementor/assets/lib/font-awesome/css/v4-shims.min.css?ver=4.1.3' media='all' />
<link rel='stylesheet' id='elementor-gf-manrope-css' href='https://fonts.googleapis.com/css?family=Manrope:100,100italic,200,200italic,300,300italic,400,400italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic&#038;display=auto' media='all' />
<link rel='stylesheet' id='elementor-gf-michroma-css' href='https://fonts.googleapis.com/css?family=Michroma:100,100italic,200,200italic,300,300italic,400,400italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic&#038;display=auto' media='all' />
<link rel='stylesheet' id='elementor-gf-roboto-css' href='https://fonts.googleapis.com/css?family=Roboto:100,100italic,200,200italic,300,300italic,400,400italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic&#038;display=auto' media='all' />
<link rel='stylesheet' id='elementor-gf-robotoslab-css' href='https://fonts.googleapis.com/css?family=Roboto+Slab:100,100italic,200,200italic,300,300italic,400,400italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic&#038;display=auto' media='all' />
<link rel='stylesheet' id='elementor-icons-shared-0-css' href='https://www.musicofstylo.com/wp-content/plugins/elementor/assets/lib/font-awesome/css/fontawesome.min.css?ver=5.15.3' media='all' />
<link rel='stylesheet' id='elementor-icons-fa-solid-css' href='https://www.musicofstylo.com/wp-content/plugins/elementor/assets/lib/font-awesome/css/solid.min.css?ver=5.15.3' media='all' />
<link rel='stylesheet' id='elementor-icons-fa-brands-css' href='https://www.musicofstylo.com/wp-content/plugins/elementor/assets/lib/font-awesome/css/brands.min.css?ver=5.15.3' media='all' />
<script id="wp-hooks-js" src="https://www.musicofstylo.com/wp-includes/js/dist/hooks.min.js?ver=7496969728ca0f95732d"></script>
<script id="wp-i18n-js" src="https://www.musicofstylo.com/wp-includes/js/dist/i18n.min.js?ver=781d11515ad3d91786ec"></script>
<script id="wp-i18n-js-after">
wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } );
//# sourceURL=wp-i18n-js-after
</script>
<script id="swv-js" src="https://www.musicofstylo.com/wp-content/plugins/contact-form-7/includes/swv/js/index.js?ver=6.1.6"></script>
<script id="contact-form-7-js-before">
var wpcf7 = {
    "api": {
        "root": "https:\/\/www.musicofstylo.com\/wp-json\/",
        "namespace": "contact-form-7\/v1"
    }
};
//# sourceURL=contact-form-7-js-before
</script>
<script id="contact-form-7-js" src="https://www.musicofstylo.com/wp-content/plugins/contact-form-7/includes/js/index.js?ver=6.1.6"></script>
<script id="underscore-js" src="https://www.musicofstylo.com/wp-includes/js/underscore.min.js?ver=1.13.8"></script>
<script id="jquery-ui-core-js" src="https://www.musicofstylo.com/wp-includes/js/jquery/ui/core.min.js?ver=1.13.3"></script>
<script id="jquery-ui-mouse-js" src="https://www.musicofstylo.com/wp-includes/js/jquery/ui/mouse.min.js?ver=1.13.3"></script>
<script id="jquery-ui-slider-js" src="https://www.musicofstylo.com/wp-includes/js/jquery/ui/slider.min.js?ver=1.13.3"></script>
<script id="mediaelement-core-js-before">
var mejsL10n = {"language":"en","strings":{"mejs.download-file":"Download File","mejs.install-flash":"You are using a browser that does not have Flash player enabled or installed. Please turn on your Flash player plugin or download the latest version from https://get.adobe.com/flashplayer/","mejs.fullscreen":"Fullscreen","mejs.play":"Play","mejs.pause":"Pause","mejs.time-slider":"Time Slider","mejs.time-help-text":"Use Left/Right Arrow keys to advance one second, Up/Down arrows to advance ten seconds.","mejs.live-broadcast":"Live Broadcast","mejs.volume-help-text":"Use Up/Down Arrow keys to increase or decrease volume.","mejs.unmute":"Unmute","mejs.mute":"Mute","mejs.volume-slider":"Volume Slider","mejs.video-player":"Video Player","mejs.audio-player":"Audio Player","mejs.captions-subtitles":"Captions/Subtitles","mejs.captions-chapters":"Chapters","mejs.none":"None","mejs.afrikaans":"Afrikaans","mejs.albanian":"Albanian","mejs.arabic":"Arabic","mejs.belarusian":"Belarusian","mejs.bulgarian":"Bulgarian","mejs.catalan":"Catalan","mejs.chinese":"Chinese","mejs.chinese-simplified":"Chinese (Simplified)","mejs.chinese-traditional":"Chinese (Traditional)","mejs.croatian":"Croatian","mejs.czech":"Czech","mejs.danish":"Danish","mejs.dutch":"Dutch","mejs.english":"English","mejs.estonian":"Estonian","mejs.filipino":"Filipino","mejs.finnish":"Finnish","mejs.french":"French","mejs.galician":"Galician","mejs.german":"German","mejs.greek":"Greek","mejs.haitian-creole":"Haitian Creole","mejs.hebrew":"Hebrew","mejs.hindi":"Hindi","mejs.hungarian":"Hungarian","mejs.icelandic":"Icelandic","mejs.indonesian":"Indonesian","mejs.irish":"Irish","mejs.italian":"Italian","mejs.japanese":"Japanese","mejs.korean":"Korean","mejs.latvian":"Latvian","mejs.lithuanian":"Lithuanian","mejs.macedonian":"Macedonian","mejs.malay":"Malay","mejs.maltese":"Maltese","mejs.norwegian":"Norwegian","mejs.persian":"Persian","mejs.polish":"Polish","mejs.portuguese":"Portuguese","mejs.romanian":"Romanian","mejs.russian":"Russian","mejs.serbian":"Serbian","mejs.slovak":"Slovak","mejs.slovenian":"Slovenian","mejs.spanish":"Spanish","mejs.swahili":"Swahili","mejs.swedish":"Swedish","mejs.tagalog":"Tagalog","mejs.thai":"Thai","mejs.turkish":"Turkish","mejs.ukrainian":"Ukrainian","mejs.vietnamese":"Vietnamese","mejs.welsh":"Welsh","mejs.yiddish":"Yiddish"}};
//# sourceURL=mediaelement-core-js-before
</script>
<script id="mediaelement-core-js" src="https://www.musicofstylo.com/wp-includes/js/mediaelement/mediaelement-and-player.min.js?ver=4.2.17"></script>
<script id="mediaelement-migrate-js" src="https://www.musicofstylo.com/wp-includes/js/mediaelement/mediaelement-migrate.min.js?ver=7.0"></script>
<script id="mediaelement-js-extra">
var _wpmejsSettings = {"pluginPath":"/wp-includes/js/mediaelement/","classPrefix":"mejs-","stretching":"responsive","audioShortcodeLibrary":"mediaelement","videoShortcodeLibrary":"mediaelement"};
//# sourceURL=mediaelement-js-extra
</script>
<script id="iron-main-js-extra">
var iron_vars = {"sonaar_debug":"","enable_ajax":"","enable_spectrum":"","theme_url":"https://www.musicofstylo.com/wp-content/themes/sonaar","plugins_folder_url":"https://www.musicofstylo.com/wp-content/plugins","ajaxurl":"https://www.musicofstylo.com/wp-admin/admin-ajax.php?lang=en","enable_fixed_header":"1","header_top_menu_hide_on_scroll":"1","content_background_transparency":"","menu":{"top_menu_position":"righttype","menu_transition":"type2","classic_menu_over_content":false,"classic_menu_position":"fixed fixed_before","menu_type":"elementor-menu","classic_menu_hmargin":"40px","classic_menu_logo_align":"pull-center","unveil_all_mobile_items":0},"lang":"en","custom_js":"//Change footer social networt icon color\r\n$(\"#footer .links-box\").addClass(\"color4_txt\");\r\n\r\n","plugins_url":"https://www.musicofstylo.com/wp-content/themes/sonaar/includes/sonaar-music/","slug":{"events":"event","discography":false,"artist":"artist","videos":"videos"},"sonaar_music":{"color_base":"rgb(21, 9, 26)","color_progress":"rgb(96, 223, 165)","continuous_background":"rgb(21, 9, 26)","continuous_timeline_background":"rgb(96, 223, 165)","continuous_progress_bar":"rgb(255, 255, 255)","continuous_control_color":false,"continuous_artist_name":"1","continuous_playlist_icon":false,"footer_playlist":false,"footer_podcast":false,"footer_playlist_autoplay":false,"footer_podcast_autoplay":false,"podcast_color_base":"rgb(31, 31, 31)","podcast_color_progress":"rgb(13, 237, 180)","podcast_hide_duration":false,"podcast_hide_category":false,"podcast_skip_button":false,"podcast_speed_rate_button":false,"artist_prefix":"by"},"wp_admin_bar":"","site_url":"https://www.musicofstylo.com/","site_name":"Music Of Stylo","logo":{"enable":true,"dark":{"url":"https://www.musicofstylo.com/wp-content/uploads/2018/11/logo-moonlight.png","url_retina":"https://www.musicofstylo.com/wp-content/uploads/2018/11/logo-moonlight@2x.png"},"light":{"url":"https://www.musicofstylo.com/wp-content/uploads/2018/11/logo-moonlight.png","url_retina":"https://www.musicofstylo.com/wp-content/uploads/2018/11/logo-moonlight@2x.png"},"responsive":{"url":""},"logo_select":"light","light_responsive":true,"page_logo_select":false,"page_logo_select_elementor":false,"logo_mini_url":"","logo_align":"pull-center","logo_height":{"light":66,"dark":66}},"social":{"facebook":"1","linkedin":"1","pinterest":"1"},"social_enabled":"0","look_and_feel":{"color_1":"rgb(96, 223, 165)","color_2":null,"color_3":"#000000","color_4":"#3b8865","text_color_1":"#ffffff","text_color_2":"#ffffff","body_background":{"file":"https://www.musicofstylo.com/wp-content/uploads/2026/06/yellow-aviators-right-slight-lean.jpg","repeat":"no-repeat","size":"cover","position":"center center","color":"#000000"},"classic_menu_typography":{"font_readable":"","style":"","font":"","align":"","size":"","transform":"","height":"","weight":"","color":"","bgcolor":""}},"taxonomy":{"banner":false},"i18n":{"events":{"pagination":{"next":"Next Events","prev":"Previous Events"}},"no_events":"No events scheduled yet. Stay tuned!"}};
//# sourceURL=iron-main-js-extra
</script>
<script id="iron-main-js" src="https://www.musicofstylo.com/wp-content/themes/sonaar/dist/js/sonaar.scripts.min.js?ver=4.28.3"></script>
<script id="elementor-webpack-runtime-js" src="https://www.musicofstylo.com/wp-content/plugins/elementor/assets/js/webpack.runtime.min.js?ver=4.1.3"></script>
<script id="elementor-frontend-modules-js" src="https://www.musicofstylo.com/wp-content/plugins/elementor/assets/js/frontend-modules.min.js?ver=4.1.3"></script>
<script id="elementor-frontend-js-before">
var elementorFrontendConfig = {"environmentMode":{"edit":false,"wpPreview":false,"isScriptDebug":false},"i18n":{"shareOnFacebook":"Share on Facebook","shareOnTwitter":"Share on Twitter","pinIt":"Pin it","download":"Download","downloadImage":"Download image","fullscreen":"Fullscreen","zoom":"Zoom","share":"Share","playVideo":"Play Video","previous":"Previous","next":"Next","close":"Close","a11yCarouselPrevSlideMessage":"Previous slide","a11yCarouselNextSlideMessage":"Next slide","a11yCarouselFirstSlideMessage":"This is the first slide","a11yCarouselLastSlideMessage":"This is the last slide","a11yCarouselPaginationBulletMessage":"Go to slide"},"is_rtl":false,"breakpoints":{"xs":0,"sm":480,"md":768,"lg":1025,"xl":1440,"xxl":1600},"responsive":{"breakpoints":{"mobile":{"label":"Mobile Portrait","value":767,"default_value":767,"direction":"max","is_enabled":true},"mobile_extra":{"label":"Mobile Landscape","value":880,"default_value":880,"direction":"max","is_enabled":false},"tablet":{"label":"Tablet Portrait","value":1024,"default_value":1024,"direction":"max","is_enabled":true},"tablet_extra":{"label":"Tablet Landscape","value":1200,"default_value":1200,"direction":"max","is_enabled":false},"laptop":{"label":"Laptop","value":1366,"default_value":1366,"direction":"max","is_enabled":false},"widescreen":{"label":"Widescreen","value":2400,"default_value":2400,"direction":"min","is_enabled":false}},"hasCustomBreakpoints":false},"version":"4.1.3","is_static":false,"experimentalFeatures":{"additional_custom_breakpoints":true,"theme_builder_v2":true,"global_classes_should_enforce_capabilities":true,"e_variables":true,"e_opt_in_v4_page":true,"e_components":true,"e_interactions":true,"e_widget_creation":true,"import-export-customization":true,"e_pro_atomic_form":true,"e_pro_variables":true,"e_pro_interactions":true},"urls":{"assets":"https:\/\/www.musicofstylo.com\/wp-content\/plugins\/elementor\/assets\/","ajaxurl":"https:\/\/www.musicofstylo.com\/wp-admin\/admin-ajax.php","uploadUrl":"https:\/\/www.musicofstylo.com\/wp-content\/uploads"},"nonces":{"floatingButtonsClickTracking":"5ce1c1c05a","atomicFormsSendForm":"28b703b870"},"swiperClass":"swiper","settings":{"page":[],"editorPreferences":[]},"kit":{"stretched_section_container":"body","active_breakpoints":["viewport_mobile","viewport_tablet"],"global_image_lightbox":"yes","lightbox_enable_counter":"yes","lightbox_enable_fullscreen":"yes","lightbox_enable_zoom":"yes","lightbox_enable_share":"yes","lightbox_title_src":"title","lightbox_description_src":"description"},"post":{"id":6125,"title":"ml-mofs-coming-soon-II-No-Email%20%E2%80%93%20Music%20Of%20Stylo","excerpt":"","featuredImage":false}};
//# sourceURL=elementor-frontend-js-before
</script>
<script id="elementor-frontend-js" src="https://www.musicofstylo.com/wp-content/plugins/elementor/assets/js/frontend.min.js?ver=4.1.3"></script>
<script id="font-awesome-4-shim-js" src="https://www.musicofstylo.com/wp-content/plugins/elementor/assets/lib/font-awesome/js/v4-shims.min.js?ver=4.1.3"></script>
<script id="sr-scripts-elementor-js-extra">
var sonaarMailchimp = {"ajax_url":"https://www.musicofstylo.com/wp-admin/admin-ajax.php"};
//# sourceURL=sr-scripts-elementor-js-extra
</script>
<script id="sr-scripts-elementor-js" src="https://www.musicofstylo.com/wp-content/plugins/elementor-for-sonaar/assets/js/sonaar-addons-elementor.min.js?ver=2.5.3"></script>
<script id="elementor-pro-webpack-runtime-js" src="https://www.musicofstylo.com/wp-content/plugins/elementor-pro/assets/js/webpack-pro.runtime.min.js?ver=4.1.1"></script>
<script id="elementor-pro-frontend-js-before">
var ElementorProFrontendConfig = {"ajaxurl":"https:\/\/www.musicofstylo.com\/wp-admin\/admin-ajax.php","nonce":"c67edb51dd","urls":{"assets":"https:\/\/www.musicofstylo.com\/wp-content\/plugins\/elementor-pro\/assets\/","rest":"https:\/\/www.musicofstylo.com\/wp-json\/"},"settings":{"lazy_load_background_images":true},"popup":{"hasPopUps":false},"shareButtonsNetworks":{"facebook":{"title":"Facebook","has_counter":true},"twitter":{"title":"Twitter"},"linkedin":{"title":"LinkedIn","has_counter":true},"pinterest":{"title":"Pinterest","has_counter":true},"reddit":{"title":"Reddit","has_counter":true},"vk":{"title":"VK","has_counter":true},"odnoklassniki":{"title":"OK","has_counter":true},"tumblr":{"title":"Tumblr"},"digg":{"title":"Digg"},"skype":{"title":"Skype"},"stumbleupon":{"title":"StumbleUpon","has_counter":true},"mix":{"title":"Mix"},"telegram":{"title":"Telegram"},"pocket":{"title":"Pocket","has_counter":true},"xing":{"title":"XING","has_counter":true},"whatsapp":{"title":"WhatsApp"},"email":{"title":"Email"},"print":{"title":"Print"},"x-twitter":{"title":"X"},"threads":{"title":"Threads"}},"facebook_sdk":{"lang":"en_US","app_id":""},"lottie":{"defaultAnimationUrl":"https:\/\/www.musicofstylo.com\/wp-content\/plugins\/elementor-pro\/modules\/lottie\/assets\/animations\/default.json"}};
//# sourceURL=elementor-pro-frontend-js-before
</script>
<script id="elementor-pro-frontend-js" src="https://www.musicofstylo.com/wp-content/plugins/elementor-pro/assets/js/frontend.min.js?ver=4.1.1"></script>
<script id="pro-elements-handlers-js" src="https://www.musicofstylo.com/wp-content/plugins/elementor-pro/assets/js/elements-handlers.min.js?ver=4.1.1"></script>
<script id="wp-emoji-settings" type="application/json">
{"baseUrl":"https://s.w.org/images/core/emoji/17.0.2/72x72/","ext":".png","svgUrl":"https://s.w.org/images/core/emoji/17.0.2/svg/","svgExt":".svg","source":{"concatemoji":"https://www.musicofstylo.com/wp-includes/js/wp-emoji-release.min.js?ver=7.0"}}
</script>
<script type="module">
/*! This file is auto-generated */
const a=JSON.parse(document.getElementById("wp-emoji-settings").textContent),o=(window._wpemojiSettings=a,"wpEmojiSettingsSupports"),s=["flag","emoji"];function i(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function c(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0);const a=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);return t.every((e,t)=>e===a[t])}function p(e,t){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var n=e.getImageData(16,16,1,1);for(let e=0;e<n.data.length;e++)if(0!==n.data[e])return!1;return!0}function u(e,t,n,a){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\udde8\ud83c\uddf6","\ud83c\udde8\u200b\ud83c\uddf6")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!a(e,"\ud83e\u1fac8")}return!1}function f(e,t,n,a){let r;const o=(r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):document.createElement("canvas")).getContext("2d",{willReadFrequently:!0}),s=(o.textBaseline="top",o.font="600 32px Arial",{});return e.forEach(e=>{s[e]=t(o,e,n,a)}),s}function r(e){var t=document.createElement("script");t.src=e,t.defer=!0,document.head.appendChild(t)}a.supports={everything:!0,everythingExceptFlag:!0},new Promise(t=>{let n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(s),u.toString(),c.toString(),p.toString()].join(",")+"));",a=new Blob([e],{type:"text/javascript"});const r=new Worker(URL.createObjectURL(a),{name:"wpTestEmojiSupports"});return void(r.onmessage=e=>{i(n=e.data),r.terminate(),t(n)})}catch(e){}i(n=f(s,u,c,p))}t(n)}).then(e=>{for(const n in e)a.supports[n]=e[n],a.supports.everything=a.supports.everything&&a.supports[n],"flag"!==n&&(a.supports.everythingExceptFlag=a.supports.everythingExceptFlag&&a.supports[n]);var t;a.supports.everythingExceptFlag=a.supports.everythingExceptFlag&&!a.supports.flag,a.supports.everything||((t=a.source||{}).concatemoji?r(t.concatemoji):t.wpemoji&&t.twemoji&&(r(t.twemoji),r(t.wpemoji)))});
//# sourceURL=https://www.musicofstylo.com/wp-includes/js/wp-emoji-loader.min.js
</script>
<a href="#" id="back-to-top-mobile" class="footer-wrapper-backtotop-mobile" aria-label="Back to top">
			<i class="fa-solid fa-chevron-up"></i>
		</a>
		<a href="#" id="back-to-top" class="footer-wrapper-backtotop" aria-label="Back to top">
			<i class="fa-solid fa-chevron-up"></i>
		</a></body>
</html>