:root {
	--rmts:16px;
	--rmta:14px;
	--rmch:12px;
	--rmchmg:-18px;
	--raa:16px;
	--rah:18px;
	--ras:14px;
	--hc:#353535
}

*{-webkit-tap-highlight-color:rgba(0,0,0,0)}

.pg-head{display:block;position:relative;min-height:160px;padding-bottom:20px;text-align:left;vertical-align:baseline;background-color:#f7f7f7}

table{width:100%;border-collapse:collapse;border-spacing:0;vertical-align:middle}

h1,h2,h4{color:var(--hc);text-transform:uppercase}
h1{display:block;position:relative;margin:0 auto;padding:60px 0 10px 0;vertical-align:baseline;font-weight:900}

h3{display:block;font-family:"Permanent Marker",cursive;font-weight:400;letter-spacing:1px}

.mtr-cont{display:block;position:relative;margin:0 auto;padding:30px 0}

.caution{background-color:#ffc0cb;vertical-align:middle;display:block;position:relative;width:auto;margin:0 auto;padding:10px 5px;font-size:16px;color:#000;text-align:center;font-weight:500;letter-spacing:0.3px;border-radius:6px;border:1px solid red;margin-bottom:30px}
.cmsg:before{filter: brightness(0) saturate(100%) invert(47%) sepia(48%) saturate(6422%) hue-rotate(336deg) brightness(99%) contrast(83%);display:inline-block;position:relative;width:18px;height:18px;content:"";background-size:cover;margin-right:5px;top:2px;background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiI+PHBhdGggc3R5bGU9InN0cm9rZTpub25lO2ZpbGwtcnVsZTpub256ZXJvO2ZpbGw6IzAwMDtmaWxsLW9wYWNpdHk6MSIgZD0iTTEuNjMzIDI4LjNhMi4yMzcgMi4yMzcgMCAwIDAgMS45NzYgMS4wMzJoMjYuMDk4Yy43OTcuMDM1IDEuNTUtLjM2IDEuOTc3LTEuMDMxLjQxLS42OC40MTQtMS41MjguMDAzLTIuMjA3TDE4LjY2IDIuNDM3YTIuMzI3IDIuMzI3IDAgMCAwLTEuOTgtMS4xMDUgMi4zMiAyLjMyIDAgMCAwLTEuOTc3IDEuMTA1TDEuNjMzIDI2LjA5NWEyLjE1IDIuMTUgMCAwIDAgMCAyLjIwN3ptMS4xNDQtMS41MjNMMTUuODcxIDMuMDc4YS45NDcuOTQ3IDAgMCAxIC44MDUtLjQxYy4zNC0uMDA4LjY2LjE2OC44NC40NTNsMTMgMjMuNjEzYS44MjguODI4IDAgMCAxIC4wMjMuODgzLjk3Mi45NzIgMCAwIDEtLjgzMi4zODNIMy42MDlhLjk2Ljk2IDAgMCAxLS44MjgtLjM4My44MDIuODAyIDAgMCAxLS4wMDQtLjg0ek0xNy4zMzIgMjBIMTZ2LTkuMzMyaDEuMzMyem0tMiAzLjMzMmExLjMzNSAxLjMzNSAwIDEgMSAxLjMzNiAxLjMzNiAxLjM0IDEuMzQgMCAwIDEtMS4zMzYtMS4zMzZ6bTAgMCIvPjwvc3ZnPg==)}
.cmsg a{display:inline;text-decoration:underline;color:#000}

/*fonts icons*/
#control-row i:before,
.related li i:first-child:before,
.related .img-box,
.related .img-box:before,.img-box:after,
#helpful-for ul li:before,
#dls a:after{font-family:"RockMtr";font-style:normal;speak:never;font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}

/* multitrack player [play/pause/volume] */
#masterTools{display:table}
#masterTools.pending{opacity:0.2}

#control-row{display:table-row}
#control-row button{display:table-column;height:45px;width:45px;cursor:pointer}

#control-row i:before{font-size:30px}

#control-row button i{color:#000}
#control-row button[disabled] i{color:#898686;opacity:0.3}

#bplaypause[data-state="stopped"] i:before{content:"\e811"}
#bplaypause[data-state="playing"] i:before{content:"\e813"}
#bplaypause[data-state="paused"] i:before{content:"\e811"}

#bstop i:before{content:"\e812"}

/*********************************************/

.mtr-player{display:block;position:relative;width:100%}

/*********************************************/

#app,#scroll{display:block;position:relative;width:100%}
#trackControl,#canvass{display:block;position:relative}

#tracks{margin-top:-1px}
#tracks tr{border:1px solid #d2d2d2}
#tracks td{padding:10px 0;text-align:left}

#tracks td{border-top:1px solid #717375;border-right:1px solid #717375;box-sizing:border-box;user-select:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;transition:background-color 0.2s ease}
#tracks td{background-color:#25282b}
#tracks td:hover{background-color:#464545}
#tracks td[data-error="1"],#tracks td[data-error="1"]:hover{background-color:#ff0000}

.pisteProgress{display:block;float:left;-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-o-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=-1);margin-left:-18px;height:20px;margin-top:22px}

.control-container{display:block;position:relative}

.mute,.solo{display:inline-block;float:left;width:21px;height:16px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;font-size:9px;font-weight:900;color:#000000;outline:0;cursor:pointer;background-color:#57595c;border:1px solid #121415}

.mute{border-top-left-radius:3px;border-bottom-left-radius:3px}
.solo{border-top-right-radius:3px;border-bottom-right-radius:3px}

.mute + .solo{margin:0}

#tracks td:hover .mute:not(.activated),#tracks td:hover .solo:not(.activated){background-color:#ececec}

.mute.activated,.solo.activated{color:#000000}
.mute.activated{background-color:#e3ca68}
.solo.activated {background-color:#b94147}

.instlabel{display:block;position:relative;margin-top:-5px;padding:0 0 0 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fffaf0}

.volctrl{display:block}
.volumeSlider{margin-left:20px}

/*********************************************/
output{width:100px;height:40px;font-size:2em}

input[type=range]{-webkit-appearance:none;position:relative}
input[type=range]:focus{outline:none}
input[type=range]::-webkit-slider-runnable-track{width:100%;height:2px;border:none;border-radius:3px}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;border:none;height:12px;width:12px;border-radius:510%;background:#141414;border:2px solid #515151;margin-top:-5px;cursor:pointer}

/*********************************************/

#myCanvas{background:#fff}

/*********************************************/
h3,/*who is i.lb*/
i.lb{
	/*display:block;font-family:"Permanent Marker",cursive;
	font-weight:400;letter-spacing:1px;*/
	color:#ef1130;
	font-size:30px;/* 32 px, 36px */
	text-align:center
}

/*********************************************/

.song-info{display:block;position:relative;margin:15px auto;text-align:center}

/*********************************************/

h3 + #multitrack-meta{margin-top:30px}
#multitrack-meta td{padding:5px 10px;text-align:center}
#multitrack-meta + h3{margin:30px auto 0 auto}

/*********************************************/
/*Downloads*/

#multitrack-download{display:block;position:relative;width:100%;margin-bottom:90px;user-select:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none}

#wait:not(.wrk){display:none}
#wait.wrk{display:flex;position:absolute;z-index:3;align-items:center;background-color:#eee;width:100%;height:100%}
@keyframes move-bg{0%{background-position: initial}100%{background-position:100px 0px}}
#wait.wrk{background:repeating-linear-gradient(45deg,#fff,#fff 5%,#d386a0 5%,#d386a0 10%);background-size:100px 100px;animation:move-bg 60s linear infinite}
#wait.wrk p{padding: 0 12px;background-color:#fff;border-radius:2px;color:#000;font-size:18px;font-weight:500;}

#dls a,.po-note{display:block;width:100%;padding:10px 0;padding-left:10px;word-wrap:break-word}
#dls a{font-weight:600;font-size:18px;color:#000}
.po-note{font-size:18px;text-align:center;font-weight:500;letter-spacing:0.5px;color:#ef1130}

#dls a + .po-note{margin-top:30px}
#dls.ng #fdm + a{padding:0 0 10px 10px}

#dls.ng #fdm,#dls:not(.ng) #fdm.ash{display:inline-block;width:auto;margin:0 0 0 10px;padding:0 6px;color:#fff;text-transform: uppercase;font-weight:500;background-color:#1eb4aa;border-radius:2px}
#dls:not(.ng) #fdm:not(.ash){display:none}

#dls a:not(:last-child){border-bottom:2px dotted #d2d2d2}

#dls.ng a.demo-mix:after,#dls.ng a.free:after,#dls:not(.ng) a:after{display:inline-block;position:relative;float:right;padding-right:5px;content:"\e823"}

#dls a:hover{color:#000;text-decoration:underline;cursor:pointer}
#dls a:hover:after{color:#1eb4aa}
#dls.ng a.stem.prem,#dls.ng a.qmix{color:#9e9e9e}

#dls:not(.ng) .po-note{display:none}
/*Meta info table*/

#dls.ng a.demo-mix + a.stem,#dls.ng a.stem.free + a.stem.prem,#dls.ng a.stem + a.qmix{margin-top:30px}

/*Useful*/
#helpful-for{display:block;position:relative;padding-left:10px}
#helpful-for ul li{padding:0 0 0 25px;margin:10px 0}
#helpful-for ul li:before{display:block;position:absolute;margin-left:-32px;color:#ed5252;font-size:16px;line-height:26px;text-align:center;content:"\e819"}

/*article cutter (lazy logo)*/
#cut2{display:block;position:relative}
.second-cut{padding-bottom:100%}

/*Widgets - Related, Featured*/
#widgets{display:block;position:relative;width:100%;clear:both;border-top:1px dotted}

.mtr-widget{display:block;position:relative;margin-bottom:30px}

h4{font-size:24px;line-height:36px;letter-spacing:1px}

.mtr-widget h4 + ul{padding-top:15px}
/*
#widgets:after,#widgets:before{display:table;content:" "}#widgets:after{clear:both}
*/

.mtr-widget li{display:block;position:relative}
.mtr-widget ul{display:flex;flex-wrap:wrap;flex-direction:row;position:relative;width:100%}

.feat-wrap{display:block;position:relative;margin:0 auto}
.feat-wrap a{display:block;width:100%;height:0;padding-bottom:100%;background-color:#fff}

.featured .img-box img,.featured .img-box picture{display:block;width:100%;height:auto}

.featured > ul > li > a{display:inline-block;width:100%;color:var(--hc);font-size:var(--raa);line-height:var(--rah);vertical-align:middle;font-weight:500;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.featured > ul > li > a:hover{text-decoration:underline}
.featured > ul > li > span{display:inline-block;width:100%;line-height:var(--rah);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}

/******************************/

.related li i:first-child{display:block;position:absolute;right:10%;height:var(--rmch);font-size:var(--rmch);line-height:var(--rmch);font-weight:500;color:#000;cursor:pointer}
.related li i:first-child:before{display:inline-block;position:absolute;float:left;top:0;right:0;bottom:0;left:var(--rmchmg);width:var(--rmch);height:var(--rmch);font-size:var(--rmch);line-height:var(--rmch);color:#000}
.related li i:first-child:before{content:"\e821"}
.related li i:first-child:hover:before{content:"\e820";color:#e95050}

.related .img-box{display:table-cell;width:107px;text-align:center;vertical-align:middle;font-size:42px;line-height:75px;color:#000;cursor:pointer}
.related .img-box:before,.related .img-box:after{display:block;width:75px;height:75px;font-size:60px;line-height:75px;opacity:0.2}

.related .img-box:not(.track-loading):before{position:absolute;margin:0 auto 0 10px;color:#000;content:"\e81e"}
.related .img-box.playing:before{text-shadow:#474747 1px 4px 3px}

.related .img-box:after{position:absolute;margin:-90px auto 0 10px;font-size:54px;font-style:normal;color:#e95050;content:"\e81f";opacity:0}
.related .img-box.playing:after{opacity:0.6}

.track-loading{-webkit-animation:rotating 2s linear infinite;-moz-animation:rotating 2s linear infinite;-ms-animation:rotating 2s linear infinite;-o-animation:rotating 2s linear infinite;animation:rotating 2s linear infinite}

.related a{display:block;font-size:var(--rmts);line-height:1.45em;font-weight:500;letter-spacing:-0.5px;color:var(--hc);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.related a:hover{text-decoration:underline}


.related ul > li > span{display:block;font-size:var(--rmta);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.related hr{display:block;visibility:hidden;height:8px;width:85%;margin:8px 0 15px 0}

/*Loading related tracks - animation*/
@keyframes rotating{from{-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}to{-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}
@-webkit-keyframes rotating{from{-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}

article{display:block;position:relative;margin:0 auto;padding:30px 0 0 0}
article p{display:block;position:relative;margin:0 auto;text-align:center}

#five-things p{white-space:pre-line}

article h4{font-family:"Permanent Marker",cursive;font-weight:400;color:#ef1130}

.pic-wrap{display:block;position:relative}

article h3 + p{margin-top:30px}
article mark{background-color:#fff;color:#ed5252;padding:0;letter-spacing:2px;font-weight:400;font-style:italic}

h6 a{color:inherit}

article a{color:#ed5252;-webkit-transition:color .15s ease-out;-moz-transition:color .15s ease-out;transition:color .15s ease-out}

article ul{text-align:left;white-space:normal;display:block;margin:0 auto}

strong{color:#000}

.link-r{text-transform:uppercase;border-radius:2px}

mark a{color:#000!important}

/* logo bottom menu */
#logo-btm{display:block;position:relative}
.lbtm{display:block;width:100%;height:0;padding-bottom:100%}
.lbtm img,.lbtm picture{display:block;position:absolute;width:100%}

#logo-btm{margin:30px auto}

@media(min-width:1600px){
	#cut2{width:20%}
}

@media(min-width:1500px){
	#five-things{display:flex;position:relative;width:90%;margin:60px auto 30px auto;flex-wrap:wrap;flex-direction:row;border:1px solid #000;border-radius:3px}
	.thing{display:flex;position:relative;flex-direction:column;flex:1;width:20%;text-align:left;padding:10px}
	#five-things p{width:100%;text-align:left;padding:30px 0 50px 0}

	.link-r{margin-top:auto;padding:0 5px}
}

@media(max-width:1499px){
	#five-things{display:block;position:relative}
	.thing{display:block;position:relative;width:100%;clear:both;padding-top:60px}
	article h4{width:100%;white-space:normal;text-align:left}
	#five-things ul,#five-things ol{width:60%!important;float:right;text-align:left;padding:0 0 0 30px}
}

@media(min-width:1441px){
	.related li{width:33%}
	#logo-btm{width:8%}
}

@media(min-width:1400px){
	h1,.breadcrumbs,.mtr-cont{width:80%}
}

@media(max-width:1199px){
	#cut1{width:25%}
}

@media(min-width:1181px){
	.featured{float:right;width:25%;padding:30px 0 0 30px}
	.related{width:75%;float:left;padding:30px 0 0 0;border-right:1px dotted}

	.featured li{width:50%}

	#widgets:after,#widgets:before{display:table;content:" "}
	#widgets:after{clear:both}
}

@media(min-width:1181px) and (max-width:1440px){
	.related li{width:50%}
}

@media(max-width:1180px){
	.featured{clear:both}
	.featured,.related{width:100%}
	.related{border-top:1px dotted}
}

@media(min-width:1025px) and (max-width:1440px){
	#logo-btm{width:10%}
}

@media(min-width:969px) and (max-width:1399px){
	h1,.breadcrumbs,.mtr-cont{width:90%}
}

@media(max-width:968px){
	.mtr-cont{width:98%}
}

@media(min-width:962px) and (max-width:1180px){
	.featured li{width:16.99%}
}

@media(min-width:962px) {
	.volumeSlider{width:170px}
	.instlabel{max-width:140px}
}

@media(min-width:800px) and (max-width:1599px){
	#cut2{width:25%}
}

@media(min-width:800px){
	#helpful-for{width:70%;float:left}
}

@media(max-width:799px){
	#helpful-for{width:100%}
}

@media(min-width:769px) and (max-width:1499px){
	#five-things{width:90%;margin:60px auto}
	.thing:after,.thing:before{display:table;content:" "}.thing:after{clear:both}
	.pic-wrap{margin-top:15px;float:left;width:40%}
	#five-things p{width:60%;float:right;text-align:left;padding:0 0 0 30px}
	.link-r{position:relative;clear:both;float:left;padding:0 15px;margin:30px 0 0 42%}
}

@media(min-width:769px) and (max-width:1024px){
	#logo-btm{width:15%}
}

@media(min-width:769px) and (max-width:961px){
	.featured li{width:20%}
}

@media(min-width:769px){
	#multitrack-meta tr:not(:first-child) td{border-left:1px dotted}
	.iifive tr{width:20%}
	.iisix tr{width:16.66%}
	.iisvn tr{width:14.28%}
	.iieight tr{width:12.5%}
	#multitrack-meta tr{display:table-cell;border-top:1px dotted}
	#multitrack-meta td{display:block;min-height:60px;height:60px}
	#multitrack-meta td:first-child{border-bottom:1px dotted;font-weight:500}
}

@media(max-width:768px) {
	#messages,.instlabel{font-size:10px}
	.mute{margin-left:-15px}
	.link-r{clear:both;position:relative}
	.link-r:hover{border-color:rgb(237, 82, 82);background-color:#e95050}
}

@media(max-width:768px){
	#multitrack-meta tr{border:1px dotted}
	#multitrack-meta td{border-left:1px dotted}
	#five-things {width:98%;margin:0 auto}
	.pic-wrap{width:100%;margin:15px auto}
	#five-things p{display:block;width:100%;margin:0 auto}
	#five-things ul,#five-things ol{width:100%!important;padding:30px 0 10px 0}
}

@media(min-width:601px){
	.feat-wrap{width:90%}
}

@media(min-width:600px) and (max-width:799px){
	#cut2{width:33.33%}
}

@media(min-width:601px) and (max-width:768px){
	.featured li{width:25%}
	#logo-btm{width:20%}
}

@media(min-width:600px){
	#cut2{float:right;margin:0 0 30px 0}
}

@media(max-width:599px){
	#cut2{margin:0 auto 30px auto;clear:both}
}

@media(min-width:501px) and (max-width:1180px){
	.related li{width:33%}
}

@media(min-width:501px) and (max-width:600px){
	.featured li{width:33.3%}
	.feat-wrap{width:75%}
}

@media(max-width:500px){
	.mtr-widget li{width:100%}
}

@media(min-width:451px) and (max-width:961px){
	.volumeSlider{width:70%}
}

@media(min-width:451px){
	#trackControl{width:25%;float:left;overflow:hidden}
	#canvass{float:right;width:75%}
}

@media(max-width:450px) {
	#trackControl,#canvass{width:100%}
	.volumeSlider{width:170px}
}

@media(min-width:421px) and (max-width:600px){
	#logo-btm{width:25%}
}

@media(max-width:420px) {
	#messages.instlabel{font-size:8px}
}

@media(min-width:401px) and (max-width:1180px){
	.featured,.related{padding:30px 0}
}

@media (min-width:401px) and (max-width:968px){
	.breadcrumbs{width:95%}
}

@media(min-width:401px){
	h1{font-size:36px}

	.breadcrumbs{display:block;margin:0 auto;font-size:16px}/*checked*/
	.breadcrumbs a, .breadcrumbs li{color:#7d7d7d}
	.breadcrumbs li{display:inline-block}
	.breadcrumbs li:not(:first-child)::before{content:"→"}
	.breadcrumbs li:last-child{display:none}
}

@media(min-width:401px) and (max-width:968px){
	h1{width:95%}
}

@media(min-width:401px) and (max-width:500px){
	.featured li{float:left}
	.featured li,.feat-wrap{width:50%}
}

@media(max-width:400px){
	.breadcrumbs{display:none}
	h1{width:98%}
	h1{font-size:28px}
	#multitrack-download a{display:block;width:100%;overflow:hidden;text-overflow:elipsis}
}

@media(max-width:400px){
	.mtr-widget li{padding:0px}
}

@media(min-width:381px) and (max-width:768px){
	.thing p{padding:0}
}

@media(min-width:381px) and (max-width:768px){
	.link-r{margin:30px auto 15px auto;padding:21px 67px}
}

@media(min-width:381px){
	.link-r{display:inline-block}
	.link-r:hover{text-decoration:underline}
	.link-r{font-weight:400;background-color:#e95050;color:#fff}
}

@media(max-width:380px){
	.link-r{display:block;width:90%;margin:0 auto;padding:20px 5px;text-align:center;color:rgb(243, 243, 243);border-color:rgb(53, 53, 53);background-color:rgb(53, 53, 53);font-size:17px;font-weight:500}
	.thing p{padding:0 0 15px 0}
}

@media(min-width:301px) and (max-width:420px){
	#logo-btm{width:33.33%}
}

@media(min-width:300px) and (max-width:599px){
	#cut2{width:70%}
}

@media(max-width:300px){
	#logo-btm{width:66.66%}
}

@media(max-width:299px){
	#cut2{width:90%}
}

@media(min-width:281px) and (max-width:768px){
	#multitrack-meta td:first-child{width:40%}
	#multitrack-meta td:last-child{width:60%}
}

@media(max-width:280px){
	.volumeSlider{width:70%}
	#multitrack-meta td:first-child{display:block;width:100%;font-weight:400;color:#000;padding:5px 0 2px 0}
	#multitrack-meta td:first-child:after{content:":"}
	#multitrack-meta td:last-child{display:block;width:100%;padding:0 0 3px 0}
}

@media(min-width:251px){
	/* Master volume knob */
	.knob-group[data-state="pending"]{visibility:hidden}
	.knob-group{display:inline-block;float:right;position:relative;margin:-10px 0 0 30px;cursor:grabbing;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
	.knob-group[data-status="disabled"] .knob svg path:first-of-type{stroke:currentColor}
	.knob{--knob-deg:0;display:inline-block;position:relative;padding:0;margin:0;border:0;text-align:center;touch-action:none;font-size:1rem}
	.knob.knob-small{font-size:0.72rem}
	input[number]{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none; -ms-user-select:none; user-select:none}
	.knob input{display:block;position:relative;margin:5.8em 0 0 0;left:0;top:0;width:5.3em;height:1.5em;appearance:textfield;-moz-appearance:textfield;font:inherit;font-size:0.75em;line-height:1;color:currentColor;text-align:center;font-variant-numeric:tabular-nums lining-nums;background-color:transparent;border:0;outline:0;cursor:default;z-index:2;caret-color:currentColor}
	.knob input:placeholder{opacity:1;color:currentColor}
	.knob input::-webkit-outer-spin-button,.knob input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
	.knob input::selection{color:currentColor;background-color:magenta}
	.knob input[disabled],.knob input[readonly]{cursor:not-allowed}
	.knob input[disabled] ~ *,.knob input[readonly] ~ *,.knob input[disabled] ~ *::before,.knob input[readonly] ~ *::before,.knob input[disabled] ~ *::after,.knob input[readonly] ~ *::after{pointer-events:none}
	.knob input[disabled]::selection,.knob input[readonly]::selection{background-color:transparent}
	.knob label{display:inline-block;position:absolute;z-index:1;width:100%;height:100%;top:0;left:0;overflow:hidden;padding-top:6em;font-size:1em;white-space:nowrap;text-overflow:ellipsis;pointer-events:none}
	.knob label::before,.knob label::after{display:inline-block;position:absolute}
	.knob label::before{content:"";top:0.5em;left:50%;width:3.5em;height:3.5em;border:0.5em solid #191e20;border-radius:100%;background-color:transparent;background:linear-gradient(to bottom, currentColor 0% 100%) no-repeat 50% 0%;background-size:0.2em 1em;transform-origin:center center;transform:translateX(-50%) rotate(0deg);transform:translateX(-50%) rotate(calc(1deg * var(--knob-deg)));cursor:default;pointer-events:fill}
	.knob label::after{content:attr(data-unit);top:5.05em;right:0;font-size:0.65em;line-height:2.5;color:#000000}
	.knob svg{position:absolute;z-index:3;top:0;left:50%;width:4.5em;height:4.5em;transform:translateX(-50%);stroke-dasharray:184 184;fill:none;stroke:currentColor}

	/*visibility:visible;*/
	.knob svg path{stroke-width:5;stroke-dashoffset:0;pointer-events:stroke;transition:all 0.2s cubic-bezier(0, 0, 0.2, 1)}

	.knob svg path:first-of-type{stroke:#e95050}
	.knob svg path:last-of-type{stroke:#888;stroke-dashoffset:-97}

	#messages{display:block;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px;line-height:24px;height:24px;min-height:24px}
	#messages strong{font-weight:400;color:#000}

	.mtr-player{margin:0 auto 60px auto}
}


@media(max-width:250px){
	.knob-group{display:none}
	#messages{display:none}
	.mtr-player{margin:30px auto 30px auto}
}

@media(min-width:281px) and (max-width:400px){
	.feat-wrap{width:45%}
}

@media(max-width:280px){
	.feat-wrap{width:80%}
}

@media(min-width:201px) and (max-width:400px){
	.featured,.related{padding:30px 10px}
}

@media(max-width:200px){
	.featured,.related{padding:30px 5px}
}