* {
	box-sizing: border-box;
	border: none;
	margin: 0;
	padding: 0;
	/*-webkit-user-select: none;*/
	-webkit-touch-callout: none;
	-webkit-tap-highlight-color: transparent !important;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0) !important; 
	-webkit-focus-ring-color: rgba(255, 255, 255, 0) !important;
	/*user-select: none;*/
	touch-callout: none;
	tap-highlight-color: transparent !important;
	tap-highlight-color: rgba(255, 255, 255, 0) !important; 
	focus-ring-color: rgba(255, 255, 255, 0) !important; 
	outline: none !important;
	cursor: default;
}
a {
	cursor: pointer;
}
img,
svg,
h1 {
	display: block;
}
svg * {
	pointer-events: none;
}
img[src=""] {
	content:url("data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==");
}
.hidden {
	display: none;
}
input[type=text],
input[type=tel],
input[type=email],
input[type=password],
.mixPanelSelect > select,
.input > select {   
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
    background: transparent;
    outline: none;
	height: 36px;
	line-height: normal;
	border-width: 2px;
	border-style: solid;
	border-color: #EEE;
	border-radius: 36px;
	background-color: #EEE;
	font-size: 15px;
	font-family: "maaxregular", system, -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif;
	font-weight: normal;
	font-style: normal;
	color: #1B1B1B;
	letter-spacing: -0.02em;
	width: 100%;
	padding: 0 20px 0 20px;
	margin: 10px 0 0 0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-user-select: text;
	user-select: text;
	-webkit-touch-callout: text;
	touch-callout: text;
	cursor: text;
	position: relative;
	-webkit-transition: all 90ms ease-in-out;
	transition: all 90ms ease-in-out;
	caret-color: #1B1B1B;
}
input[type=text]:focus,
input[type=tel]:focus,
input[type=email]:focus,
input[type=password]:focus {
	border-color: #1B1B1B;
}
input[type=text] {
	text-transform: capitalize;
}
input[type=file],
input[type=file]::-webkit-file-upload-button {
	cursor: pointer; 
}
:focus,
:active,
::-moz-focus-inner {
	outline: 0;
}
input[type=checkbox].css-checkbox {
	position: absolute;
	z-index: -1000;
	left: -1000px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	height: 1px;
	width: 1px;
	margin: -1px;
	padding: 0;
	border: 0;
}
input[type=checkbox].css-checkbox + label.css-label {
	padding-left: 26px;
	height: 16px; 
	display: block;
	line-height: 16px;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 16px 32px;
	font-size: 15px;
	vertical-align: middle;
	cursor: pointer;
	margin-bottom: 20px;
}
input[type=checkbox].css-checkbox:checked + label.css-label {
	background-position: 0 -16px;
}
label.css-label {
	background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPGcgZmlsbD0iIzFCMUIxQiIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxwYXRoIGQ9Ik0yIDBoMTJhMiAyIDAgMCAxIDIgMnYxMmEyIDIgMCAwIDEtMiAySDJhMiAyIDAgMCAxLTItMlYyYTIgMiAwIDAgMSAyLTJ6bTAgMnYxMmgxMlYySDJ6TTIgMTZoMTJhMiAyIDAgMCAxIDIgMnYxMmEyIDIgMCAwIDEtMiAySDJhMiAyIDAgMCAxLTItMlYxOGEyIDIgMCAwIDEgMi0yem0wIDJ2MTJoMTJWMThIMnoiIGZpbGwtcnVsZT0ibm9uemVybyIvPgogICAgPHBhdGggZD0iTTcuMjEyIDI0LjMzM2wzLjE4Mi0zLjE4MmEuNS41IDAgMCAxIC43MDcgMGwuNzA3LjcwOGEuNS41IDAgMCAxIDAgLjcwN2wtNC41OTYgNC41OTYtMi44NTgtMi44NTlhLjUuNSAwIDAgMSAwLS43MDdsLjcwNy0uNzA3YS41LjUgMCAwIDEgLjcwNyAwbDEuNDQ0IDEuNDQ0eiIvPgogIDwvZz4KPC9zdmc+");
	-webkit-touch-callout: none;
	/*-webkit-user-select: none;*/
	/*-khtml-user-select: none;*/
	/*-moz-user-select: none;*/
	/*-ms-user-select: none;*/
	/*user-select: none;*/
}
.input > select {
	display: block;
	cursor: default;
	text-transform: none;
}
.input > select:hover,
.input.select:hover > span {
	color: #FFF;
	border-color: #1B1B1B;
	background-color: #1B1B1B;
}
.input > a,
.input > a > svg {
	position: absolute;
	width: 46px;
	height: 36px;
	bottom: 0;
	right: 0;
	cursor: pointer;
}
.input > a > svg {
	pointer-events: none;
}
.input > a > svg .inputIcon {
	opacity: 0.24;
	-webkit-transition: opacity 90ms ease-in-out;
	transition: opacity 90ms ease-in-out;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}
.input > a:hover > svg .inputIcon {
	opacity: 1;
}
.input > a:active > svg .inputIcon {
	-webkit-transform: translateY(1px);
	transform: translateY(1px);
}
textarea {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	outline: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-user-select: text;
	user-select: text;
	-webkit-touch-callout: text;
	touch-callout: text;
	cursor: text;
}
fieldset {
	display: block;
	padding-left: 26px;
}
input.toggle:checked ~ fieldset {
    display: none;
}
hr {
	clear: both;
	height: 0;
	opacity: 0;
}
html,
body {
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: #FFF;
	font-family: "maaxregular", system, -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif;
	font-weight: normal;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #1B1B1B;
	letter-spacing: -0.01em;
	overflow: hidden;
}
li.disabled {
	pointer-events: none;
	opacity: 0.48;
}

/***
MENU
***/

menu {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	width: 280px;
	background-color: #FFF;
	-webkit-transform: translateX(0);
	transform: translateX(0);
	opacity: 1;
}
menu.hidden {
	display: none;
}
#close {
	position: absolute;
	display: block;
	top: 0;
	left: calc(100vw - 76px);
	width: 94px;
	height: 94px;
	cursor: pointer;
	display: none;
	opacity: 0;
}
#close > svg {
	width: 94px;
	height: 94px;
	fill: #FFF;
	fill-rule: evenodd;
	pointer-events: none;
}
menu.open #close {
	opacity: 1;
}
menu::before {
	content: "";
	display: block;
	position: absolute;
	top: 40px;
	right: 0;
	bottom: 40px;
	width: 1px;
	background-color: #EEE;
}
menu > div {
	position: absolute;
	top: 0;
	left: 0;
	right: 1px;
	height: 126px;
	background-color: #FFF;
}
menu > div::before {
	content: "";
	display: block;
	position: absolute;
	left: 40px;
	bottom: 0;
	right: 40px;
	height: 1px;
	background-color: #EEE;
}
menu > div > svg {
	position: absolute;
	top: 60px;
	left: 60px;
	width: 103px;
	height: 36px;
	fill: #1B1B1B;
	fill-rule: evenodd;
}
menu > ul {
	position: absolute;
	top: 126px;
	left: 0;
	right: 1px;
	bottom: 0;
	overflow: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	overflow-scrolling: touch;
	list-style: none;
}
menu > ul > li {
	display: block;
	height: auto;
	margin: 0 39px 0 40px;
	border-top: 1px solid #EEE;
	padding: 15px 0 15px 0;
}
menu > ul > li:first-of-type {
	margin-top: 27px;
	border-top: none;
	padding: 0;
}
menu > ul > li:last-of-type {
	margin-bottom: 40px;
}
menu > ul > li > span {
	position: relative;
	display: block;
	height: 40px;
	line-height: 40px;
	font-family: "maaxbold";
	font-size: 11px;
	color: #1B1B1B;
	text-transform: uppercase;
	text-indent: 20px;
	letter-spacing: 0;
}
menu > ul > li > a {
	display: block;
	position: relative;
	width: 100%;
	height: 36px;
	line-height: 32px;
	border: 2px solid rgba(27, 27, 27, 0);
	border-radius: 18px;
	font-family: "maaxmedium";
	font-size: 15px;
	letter-spacing: -0.3px;
	color: #1B1B1B;
	text-decoration: none;
	text-indent: 53px;
	opacity: 0.24;
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 34px 32px;
	text-transform: capitalize;
	overflow: hidden;
}
menu > ul > li > a:last-of-type {
	margin-bottom: 15px;
}
menu > ul > li:first-of-type > a:last-of-type {
	margin-bottom: 30px;
}
menu > ul > li > a * {
	pointer-events: none;
}
body.desktop menu > ul > li > a:hover,
menu > ul > li > a.selected {
	opacity: 1;
}
body.desktop menu > ul > li > a:hover {
	border-color: rgba(27, 27, 27, 1);
}
body.desktop menu > ul > li > a:active {
	border-color: rgba(27, 27, 27, 1);
	opacity: 1;
	background-color: rgba(27, 27, 27, 1);
	color: #FFF;
	-webkit-transition: all 0ms;
	transition: all 0ms;
}
#menuMixes > a {
	background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNCIgaGVpZ2h0PSIzMiI+PHBhdGggZmlsbD0iIzFCMUIxQiIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNMzAuNjQ5IDEwLjc2NkE3LjAwMiA3LjAwMiAwIDAgMSAyNyAyMi45M0wyNyAyNmwtNC00IDQtNCAuMDAxIDIuOWE1LjAwMiA1LjAwMiAwIDAgMCAyLjIzLTguNzE2bDEuNDE4LTEuNDE4Wk0yNSA2bDQgNC00IDR2LTIuOWE1LjAwMiA1LjAwMiAwIDAgMC0yLjIzIDguNzE2bC0xLjQxOSAxLjQxOEE3LjAwMiA3LjAwMiAwIDAgMSAyNSA5LjA3VjZaIi8+PC9zdmc+");
}
#menuMixes > a:active {
	background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNCIgaGVpZ2h0PSIzMiI+PHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNMzAuNjQ5IDEwLjc2NkE3LjAwMiA3LjAwMiAwIDAgMSAyNyAyMi45M0wyNyAyNmwtNC00IDQtNCAuMDAxIDIuOWE1LjAwMiA1LjAwMiAwIDAgMCAyLjIzLTguNzE2bDEuNDE4LTEuNDE4Wk0yNSA2bDQgNC00IDR2LTIuOWE1LjAwMiA1LjAwMiAwIDAgMC0yLjIzIDguNzE2bC0xLjQxOSAxLjQxOEE3LjAwMiA3LjAwMiAwIDAgMSAyNSA5LjA3VjZaIi8+PC9zdmc+");
}
#menuProfile {
	background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzQiIGhlaWdodD0iMzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggZD0iTTI4LjkyNCAxNC43M0MzMS4zMyAxNS45OTQgMzMgMTguNzc0IDMzIDIyaC0yYzAtMy4zNjktMi4zMDItNi01LTZzLTUgMi42MzEtNSA2aC0yYzAtMy4yMjUgMS42Ny02LjAwNSA0LjA3Ni03LjI3YTQgNCAwIDEgMSA1Ljg0OCAwek0yNiAxNGEyIDIgMCAxIDAgMC00IDIgMiAwIDAgMCAwIDR6IiBmaWxsPSIjMUIxQjFCIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz4KPC9zdmc+");
}
#menuProfile:active {
	background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzQiIGhlaWdodD0iMzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggZD0iTTI4LjkyNCAxNC43M0MzMS4zMyAxNS45OTQgMzMgMTguNzc0IDMzIDIyaC0yYzAtMy4zNjktMi4zMDItNi01LTZzLTUgMi42MzEtNSA2aC0yYzAtMy4yMjUgMS42Ny02LjAwNSA0LjA3Ni03LjI3YTQgNCAwIDEgMSA1Ljg0OCAwek0yNiAxNGEyIDIgMCAxIDAgMC00IDIgMiAwIDAgMCAwIDR6IiBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz4KPC9zdmc+");
}
#menuPremiumMusicPlaylists {
	background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzQiIGhlaWdodD0iMzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggZD0iTTIzIDE3LjMzN1YxMWExIDEgMCAwIDEgLjc4My0uOTc2bDktMkExIDEgMCAwIDEgMzQgOXY5YzAgLjA2LS4wMDUuMTE4LS4wMTUuMTc0QTMuNSAzLjUgMCAxIDEgMzIgMTUuMzM3di01LjA5bC03IDEuNTU2VjIwYzAgLjA2LS4wMDUuMTE4LS4wMTUuMTc0QTMuNSAzLjUgMCAxIDEgMjMgMTcuMzM3ek0yMS41IDE5YTEuNSAxLjUgMCAxIDAgMCAzIDEuNSAxLjUgMCAwIDAgMC0zem05LTJhMS41IDEuNSAwIDEgMCAwIDMgMS41IDEuNSAwIDAgMCAwLTN6IiBmaWxsPSIjMUIxQjFCIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz4KPC9zdmc+");
}
#menuPremiumAiMusicPlaylists {
	background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzQiIGhlaWdodD0iMzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggZD0iTTIzIDE3LjMzN1YxMWExIDEgMCAwIDEgLjc4My0uOTc2bDktMkExIDEgMCAwIDEgMzQgOXY5YzAgLjA2LS4wMDUuMTE4LS4wMTUuMTc0QTMuNSAzLjUgMCAxIDEgMzIgMTUuMzM3di01LjA5bC03IDEuNTU2VjIwYzAgLjA2LS4wMDUuMTE4LS4wMTUuMTc0QTMuNSAzLjUgMCAxIDEgMjMgMTcuMzM3ek0yMS41IDE5YTEuNSAxLjUgMCAxIDAgMCAzIDEuNSAxLjUgMCAwIDAgMC0zem05LTJhMS41IDEuNSAwIDEgMCAwIDMgMS41IDEuNSAwIDAgMCAwLTN6IiBmaWxsPSIjMUIxQjFCIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz4KPC9zdmc+");
}
#menuPremiumMusicPlaylists:active {
	background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzQiIGhlaWdodD0iMzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggZD0iTTIzIDE3LjMzN1YxMWExIDEgMCAwIDEgLjc4My0uOTc2bDktMkExIDEgMCAwIDEgMzQgOXY5YzAgLjA2LS4wMDUuMTE4LS4wMTUuMTc0QTMuNSAzLjUgMCAxIDEgMzIgMTUuMzM3di01LjA5bC03IDEuNTU2VjIwYzAgLjA2LS4wMDUuMTE4LS4wMTUuMTc0QTMuNSAzLjUgMCAxIDEgMjMgMTcuMzM3ek0yMS41IDE5YTEuNSAxLjUgMCAxIDAgMCAzIDEuNSAxLjUgMCAwIDAgMC0zem05LTJhMS41IDEuNSAwIDEgMCAwIDMgMS41IDEuNSAwIDAgMCAwLTN6IiBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz4KPC9zdmc+");
}
#menuPremiumLifestylePlaylists {
	background-size: 36px 32px;
	background-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjMyIiB3aWR0aD0iMzYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0iIzFiMWIxYiI+PHBhdGggZD0iTTI0IDEwYzAgMS40NDggMS41NTIgMyAzIDMgMS4zOTYgMCAyLjg5LTEuNDQzIDIuOTk0LTIuODQ1TDMwIDEwaDJjMCAxLjM5NiAxLjQ0MyAyLjg5IDIuODQ1IDIuOTk0TDM1IDEzYTEgMSAwIDAxMCAyYy0xLjQ2MyAwLTIuODkzLS44MDUtMy44NDYtMS45NzNMMzEgMTIuODI4Yy0uOTA3IDEuMjItMi4zMjUgMi4wOTMtMy43OTkgMi4xNjdMMjcgMTVjLTEuNDYzIDAtMi44OTMtLjgwNS0zLjg0Ni0xLjk3M0wyMyAxMi44MjhjLS45MDcgMS4yMi0yLjMyNSAyLjA5My0zLjc5OSAyLjE2N0wxOSAxNWExIDEgMCAwMS0uMTE3LTEuOTkzTDE5IDEzYzEuMzk2IDAgMi44OS0xLjQ0MyAyLjk5NC0yLjg0NUwyMiAxMHpNMjQgMTdjMCAxLjQ0OCAxLjU1MiAzIDMgMyAxLjM5NiAwIDIuODktMS40NDMgMi45OTQtMi44NDVMMzAgMTdoMmMwIDEuMzk2IDEuNDQzIDIuODkgMi44NDUgMi45OTRMMzUgMjBhMSAxIDAgMDEwIDJjLTEuNDYzIDAtMi44OTMtLjgwNS0zLjg0Ni0xLjk3M0wzMSAxOS44MjhjLS45MDcgMS4yMi0yLjMyNSAyLjA5My0zLjc5OSAyLjE2N0wyNyAyMmMtMS40NjMgMC0yLjg5My0uODA1LTMuODQ2LTEuOTczTDIzIDE5LjgyOGMtLjkwNyAxLjIyLTIuMzI1IDIuMDkzLTMuNzk5IDIuMTY3TDE5IDIyYTEgMSAwIDAxLS4xMTctMS45OTNMMTkgMjBjMS4zOTYgMCAyLjg5LTEuNDQzIDIuOTk0LTIuODQ1TDIyIDE3eiIvPjwvZz48L3N2Zz4=");
}
#menuPremiumLifestylePlaylists:active {
	background-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjMyIiB3aWR0aD0iMzYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0iI2ZmZiI+PHBhdGggZD0iTTI0IDEwYzAgMS40NDggMS41NTIgMyAzIDMgMS4zOTYgMCAyLjg5LTEuNDQzIDIuOTk0LTIuODQ1TDMwIDEwaDJjMCAxLjM5NiAxLjQ0MyAyLjg5IDIuODQ1IDIuOTk0TDM1IDEzYTEgMSAwIDAxMCAyYy0xLjQ2MyAwLTIuODkzLS44MDUtMy44NDYtMS45NzNMMzEgMTIuODI4Yy0uOTA3IDEuMjItMi4zMjUgMi4wOTMtMy43OTkgMi4xNjdMMjcgMTVjLTEuNDYzIDAtMi44OTMtLjgwNS0zLjg0Ni0xLjk3M0wyMyAxMi44MjhjLS45MDcgMS4yMi0yLjMyNSAyLjA5My0zLjc5OSAyLjE2N0wxOSAxNWExIDEgMCAwMS0uMTE3LTEuOTkzTDE5IDEzYzEuMzk2IDAgMi44OS0xLjQ0MyAyLjk5NC0yLjg0NUwyMiAxMHpNMjQgMTdjMCAxLjQ0OCAxLjU1MiAzIDMgMyAxLjM5NiAwIDIuODktMS40NDMgMi45OTQtMi44NDVMMzAgMTdoMmMwIDEuMzk2IDEuNDQzIDIuODkgMi44NDUgMi45OTRMMzUgMjBhMSAxIDAgMDEwIDJjLTEuNDYzIDAtMi44OTMtLjgwNS0zLjg0Ni0xLjk3M0wzMSAxOS44MjhjLS45MDcgMS4yMi0yLjMyNSAyLjA5My0zLjc5OSAyLjE2N0wyNyAyMmMtMS40NjMgMC0yLjg5My0uODA1LTMuODQ2LTEuOTczTDIzIDE5LjgyOGMtLjkwNyAxLjIyLTIuMzI1IDIuMDkzLTMuNzk5IDIuMTY3TDE5IDIyYTEgMSAwIDAxLS4xMTctMS45OTNMMTkgMjBjMS4zOTYgMCAyLjg5LTEuNDQzIDIuOTk0LTIuODQ1TDIyIDE3eiIvPjwvZz48L3N2Zz4=");
}
#menuPremiumDronePlaylists {
	background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzQiIGhlaWdodD0iMzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTMxIDEyYTEgMSAwIDAgMSAwIDJoLTR2MmMyLjcuNCA1IDIuMSA2LjIgNC42YTEgMSAwIDEgMS0xLjguOCA2IDYgMCAwIDAtMTAuOCAwIDEgMSAwIDAgMS0xLjgtLjggOCA4IDAgMCAxIDYuMi00LjVWMTRoLTRhMSAxIDAgMCAxIDAtMmgxMFptLTgtM2ExIDEgMCAwIDEgMCAyaC00YTEgMSAwIDAgMSAwLTJoNFptMTAgMGExIDEgMCAwIDEgMCAyaC00YTEgMSAwIDAgMSAwLTJoNFoiIGZpbGw9IiMxQjFCMUIiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==");
}
#menuPremiumDronePlaylists:active {
	background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzQiIGhlaWdodD0iMzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTMxIDEyYTEgMSAwIDAgMSAwIDJoLTR2MmMyLjcuNCA1IDIuMSA2LjIgNC42YTEgMSAwIDEgMS0xLjguOCA2IDYgMCAwIDAtMTAuOCAwIDEgMSAwIDAgMS0xLjgtLjggOCA4IDAgMCAxIDYuMi00LjVWMTRoLTRhMSAxIDAgMCAxIDAtMmgxMFptLTgtM2ExIDEgMCAwIDEgMCAyaC00YTEgMSAwIDAgMSAwLTJoNFptMTAgMGExIDEgMCAwIDEgMCAyaC00YTEgMSAwIDAgMSAwLTJoNFoiIGZpbGw9IiNGRkYiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==");
}
#menuPremiumNewsPlaylists {
	background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzQiIGhlaWdodD0iMzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxkZWZzPjxwYXRoIGQ9Ik0yNyA4bC4xNzYuMDA1QTMgMyAwIDAxMzAgMTF2M2gxbC4xNzYuMDA1QTMgMyAwIDAxMzQgMTd2NGwtLjAwNS4xNzZBMyAzIDAgMDEzMSAyNEgyMGwtLjE3Ni0uMDA1QTMgMyAwIDAxMTcgMjFWMTFsLjAwNS0uMTc2QTMgMyAwIDAxMjAgOGg3em0wIDJoLTdsLS4xMTcuMDA3QTEgMSAwIDAwMTkgMTF2MTBsLjAwNy4xMTdBMSAxIDAgMDAyMCAyMmg4LjE3bC0uMDQ3LS4xNDhBMyAzIDAgMDEyOCAyMVYxMWwtLjAwNy0uMTE3QTEgMSAwIDAwMjcgMTB6bTQgNmgtMXY1bC4wMDcuMTE3QTEgMSAwIDAwMzIgMjF2LTRsLS4wMDctLjExN0ExIDEgMCAwMDMxIDE2em0tNSAydjJoLTV2LTJoNXptMC0zdjJoLTV2LTJoNXptMC0zdjJoLTV2LTJoNXoiIGlkPSJhIi8+PC9kZWZzPjx1c2UgZmlsbD0iIzFCMUIxQiIgZmlsbC1ydWxlPSJub256ZXJvIiB4bGluazpocmVmPSIjYSIvPjwvc3ZnPg==");
}
#menuPremiumNewsPlaylists:active {
	background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzQiIGhlaWdodD0iMzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxkZWZzPjxwYXRoIGQ9Ik0yNyA4bC4xNzYuMDA1QTMgMyAwIDAxMzAgMTF2M2gxbC4xNzYuMDA1QTMgMyAwIDAxMzQgMTd2NGwtLjAwNS4xNzZBMyAzIDAgMDEzMSAyNEgyMGwtLjE3Ni0uMDA1QTMgMyAwIDAxMTcgMjFWMTFsLjAwNS0uMTc2QTMgMyAwIDAxMjAgOGg3em0wIDJoLTdsLS4xMTcuMDA3QTEgMSAwIDAwMTkgMTF2MTBsLjAwNy4xMTdBMSAxIDAgMDAyMCAyMmg4LjE3bC0uMDQ3LS4xNDhBMyAzIDAgMDEyOCAyMVYxMWwtLjAwNy0uMTE3QTEgMSAwIDAwMjcgMTB6bTQgNmgtMXY1bC4wMDcuMTE3QTEgMSAwIDAwMzIgMjF2LTRsLS4wMDctLjExN0ExIDEgMCAwMDMxIDE2em0tNSAydjJoLTV2LTJoNXptMC0zdjJoLTV2LTJoNXptMC0zdjJoLTV2LTJoNXoiIGlkPSJhIi8+PC9kZWZzPjx1c2UgZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJub256ZXJvIiB4bGluazpocmVmPSIjYSIvPjwvc3ZnPg==");
}
#menuPremiumViralPlaylists {
	background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzQiIGhlaWdodD0iMzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggZD0iTTI1LjcwNyAyNC43MDdjLS42My42My0xLjcwNy4xODQtMS43MDctLjcwN3YtNGgtM2EzIDMgMCAwIDEtMy0zdi02YTMgMyAwIDAgMSAzLTNoMTBhMyAzIDAgMCAxIDMgM3Y2YTMgMyAwIDAgMS0zIDNoLS41ODZsLTQuNzA3IDQuNzA3em0zLjU4Ni02LjQxNEExIDEgMCAwIDEgMzAgMThoMWExIDEgMCAwIDAgMS0xdi02YTEgMSAwIDAgMC0xLTFIMjFhMSAxIDAgMCAwLTEgMXY2YTEgMSAwIDAgMCAxIDFoNGExIDEgMCAwIDEgMSAxdjIuNTg2bDMuMjkzLTMuMjkzeiIgZmlsbD0iIzFCMUIxQiIgZmlsbC1ydWxlPSJub256ZXJvIi8+Cjwvc3ZnPg==");
}
#menuPremiumViralPlaylists:active {
	background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzQiIGhlaWdodD0iMzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggZD0iTTI1LjcwNyAyNC43MDdjLS42My42My0xLjcwNy4xODQtMS43MDctLjcwN3YtNGgtM2EzIDMgMCAwIDEtMy0zdi02YTMgMyAwIDAgMSAzLTNoMTBhMyAzIDAgMCAxIDMgM3Y2YTMgMyAwIDAgMS0zIDNoLS41ODZsLTQuNzA3IDQuNzA3em0zLjU4Ni02LjQxNEExIDEgMCAwIDEgMzAgMThoMWExIDEgMCAwIDAgMS0xdi02YTEgMSAwIDAgMC0xLTFIMjFhMSAxIDAgMCAwLTEgMXY2YTEgMSAwIDAgMCAxIDFoNGExIDEgMCAwIDEgMSAxdjIuNTg2bDMuMjkzLTMuMjkzeiIgZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJub256ZXJvIi8+Cjwvc3ZnPg==");
}
#menuPremiumSportPlaylists {
	background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzQiIGhlaWdodD0iMzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTI3Ljk3NCAxOS40MjlBNy45NzggNy45NzggMCAwMTI1IDIwYTcuOTc4IDcuOTc4IDAgMDEtMi45NzMtLjU3bC0uNzYyIDUuNjc1IDMuMjItMS45MTFhMS4wMSAxLjAxIDAgMDExLjAzIDBsMy4yMiAxLjkxMS0uNzYtNS42NzZ6bTEuODc1LTEuMDY1bDEuMTQyIDguNTE1Yy4xMS44Mi0uNzg4IDEuNDA0LTEuNTA2Ljk3OEwyNSAyNS4xOTVsLTQuNDg1IDIuNjYyYy0uNzE4LjQyNi0xLjYxNi0uMTU3LTEuNTA2LS45NzhsMS4xNDQtOC41MTRhOCA4IDAgMTE5LjY5NiAwek0yNSAxOGE2IDYgMCAxMDAtMTIgNiA2IDAgMDAwIDEyeiIgZmlsbD0iIzFCMUIxQiIgZmlsbC1ydWxlPSJub256ZXJvIi8+PC9zdmc+");
}
#menuPremiumSportPlaylists:active {
	background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzQiIGhlaWdodD0iMzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTI3Ljk3NCAxOS40MjlBNy45NzggNy45NzggMCAwMTI1IDIwYTcuOTc4IDcuOTc4IDAgMDEtMi45NzMtLjU3bC0uNzYyIDUuNjc1IDMuMjItMS45MTFhMS4wMSAxLjAxIDAgMDExLjAzIDBsMy4yMiAxLjkxMS0uNzYtNS42NzZ6bTEuODc1LTEuMDY1bDEuMTQyIDguNTE1Yy4xMS44Mi0uNzg4IDEuNDA0LTEuNTA2Ljk3OEwyNSAyNS4xOTVsLTQuNDg1IDIuNjYyYy0uNzE4LjQyNi0xLjYxNi0uMTU3LTEuNTA2LS45NzhsMS4xNDQtOC41MTRhOCA4IDAgMTE5LjY5NiAwek0yNSAxOGE2IDYgMCAxMDAtMTIgNiA2IDAgMDAwIDEyeiIgZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJub256ZXJvIi8+PC9zdmc+");
}
#menuPremiumKidsPlaylists {
	background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzQiIGhlaWdodD0iMzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggZD0iTTI4LjkyNCAxNC43M0MzMS4zMyAxNS45OTQgMzMgMTguNzc0IDMzIDIyaC0yYzAtMy4zNjktMi4zMDItNi01LTZzLTUgMi42MzEtNSA2aC0yYzAtMy4yMjUgMS42Ny02LjAwNSA0LjA3Ni03LjI3YTQgNCAwIDEgMSA1Ljg0OCAwek0yNiAxNGEyIDIgMCAxIDAgMC00IDIgMiAwIDAgMCAwIDR6IiBmaWxsPSIjMUIxQjFCIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz4KPC9zdmc+");
}
#menuPremiumKidsPlaylists:active {
	background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzQiIGhlaWdodD0iMzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggZD0iTTI4LjkyNCAxNC43M0MzMS4zMyAxNS45OTQgMzMgMTguNzc0IDMzIDIyaC0yYzAtMy4zNjktMi4zMDItNi01LTZzLTUgMi42MzEtNSA2aC0yYzAtMy4yMjUgMS42Ny02LjAwNSA0LjA3Ni03LjI3YTQgNCAwIDEgMSA1Ljg0OCAwek0yNiAxNGEyIDIgMCAxIDAgMC00IDIgMiAwIDAgMCAwIDR6IiBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz4KPC9zdmc+");
}
#menuSchedules > a {
	background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzQiIGhlaWdodD0iMzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggZD0iTTI2IDI0YTggOCAwIDEgMSAwLTE2IDggOCAwIDAgMSAwIDE2em0wLTJhNiA2IDAgMSAwIDAtMTIgNiA2IDAgMCAwIDAgMTJ6bTEtNS40MTRsMS4yMDcgMS4yMDdhMSAxIDAgMCAxLTEuNDE0IDEuNDE0bC0xLjUtMS41QS45OTcuOTk3IDAgMCAxIDI1IDE3di00YTEgMSAwIDAgMSAyIDB2My41ODZ6IiBmaWxsPSIjMUIxQjFCIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz4KPC9zdmc+");
}
#menuSchedules > a:active {
	background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzQiIGhlaWdodD0iMzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggZD0iTTI2IDI0YTggOCAwIDEgMSAwLTE2IDggOCAwIDAgMSAwIDE2em0wLTJhNiA2IDAgMSAwIDAtMTIgNiA2IDAgMCAwIDAgMTJ6bTEtNS40MTRsMS4yMDcgMS4yMDdhMSAxIDAgMCAxLTEuNDE0IDEuNDE0bC0xLjUtMS41QS45OTcuOTk3IDAgMCAxIDI1IDE3di00YTEgMSAwIDAgMSAyIDB2My41ODZ6IiBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz4KPC9zdmc+");
}
#menuMixes > span,
#menuSchedules > span {
	cursor: pointer;
}
#menuMixes > span::after,
#menuSchedules > span::after {
	opacity: 0.24;
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 40px;
	height: 40px;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: top right;
	background-size: 40px 40px;
	background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggZD0iTTM1IDE5aDQuNWEuNS41IDAgMCAxIC41LjV2MWEuNS41IDAgMCAxLS41LjVIMzV2NC41YS41LjUgMCAwIDEtLjUuNWgtMWEuNS41IDAgMCAxLS41LS41VjIxaC00LjVhLjUuNSAwIDAgMS0uNS0uNXYtMWEuNS41IDAgMCAxIC41LS41SDMzdi00LjVhLjUuNSAwIDAgMSAuNS0uNWgxYS41LjUgMCAwIDEgLjUuNVYxOXoiIGZpbGw9IiMxQjFCMUIiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPgo8L3N2Zz4=");
}
#menuMixes > span:hover::after,
#menuSchedules > span:hover::after {
	opacity: 1;
}

/******
SCREENS
******/

.screen {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
	display: none;
}
.screen > .window {
	position: absolute;
	padding: 40px 60px 40px 60px;
	top: 126px;
	right: 280px;
	bottom: 0;
	left: 280px;
	overflow-x: visible;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	overflow-scrolling: touch;
}
.screen > .window.full {
	padding: 40px;
	right: 0;
}
header {
	display: block;
	position: absolute;
	top: 0;
	left: 280px;
	right: 0;
	height: 126px;
}
header::before {
	content: "";
	display: block;
	position: absolute;
	left: 40px;
	bottom: 0;
	right: 40px;
	height: 1px;
	background-color: #EEE;
}
header > h1 {
	font-family: "maaxbold";
	font-size: 36px;
	letter-spacing: -0.05em;
	color: #1B1B1B;
	padding-top: 58px;
	text-indent: 60px;
	text-transform: capitalize;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
#playlist header > h1 > span {
	font-family: "maaxbold";
	font-size: 11px;
	color: #1B1B1B;
	text-transform: uppercase;
	letter-spacing: 0;
	padding-left: 8px;
	font-weight: normal;
}
#hamburger {
	position: fixed;
	top: 0;
	left: 0;
	width: 80px;
	height: 94px;
	fill: #1B1B1B;
	fill-rule: evenodd;
	cursor: pointer;
	display: none;
}
#hamburger.hidden {
	display: none !important;
}
header > button {
	position: absolute;
	bottom: 30px;
	right: 60px;
	width: 160px;
}
#editPlaylistButton,
#editScheduleButton {
	right: 240px;
}

/****
FORMS
****/

.input {
	position: relative;
	margin: 25px 40px 0 40px;
	font-family: "maaxbold";
	font-size: 11px;
	letter-spacing: 0;
	color: #1B1B1B;
	text-transform: uppercase;
	z-index: 2;
}
.input span {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	font-size: 11px;
	font-family: "maaxbold";
	text-transform: uppercase;
	color: #E60000;
	opacity: 0;
}
.input.error span {
	opacity: 1;
}
.input.error input {
	border-color: #E60000 !important;
}
button {
	border: none;
	width: auto;
	overflow: hidden;
	background: transparent;
	color: inherit;
	font: inherit;
	line-height: normal;
	-webkit-font-smoothing: inherit;
	-moz-osx-font-smoothing: inherit;
	-webkit-appearance: none;
	display: block;
	position: relative;
	width: auto;
	height: 36px;
	line-height: 33px;
	margin: 0;
	padding: 0 25px 0 25px;
	border: 2px solid #1B1B1B;
	border-radius: 36px;
	text-align: center;
	font-family: "maaxbold", system, -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-transform: uppercase;
	font-size: 14px;
	color: #1B1B1B;
	font-weight: normal;
	font-style: normal;
	cursor: pointer;
	-webkit-transition: background-color 90ms ease-in-out, border-color 90ms ease-in-out, color 90ms ease-in-out;
	transition: background-color 90ms ease-in-out, border-color 90ms ease-in-out, color 90ms ease-in-out;
	z-index: 0;
}
button:hover {
	background-color: #1B1B1B;
	color: #FFF;
}
button.warning:hover {
	border-color: #E60000;
	background-color: #E60000;
	color: #FFF;
}
button:active {
	-webkit-transform: translateY(1px);
	transform: translateY(1px);
}
button * {
	pointer-events: none;
}
button > span {
	display: inline-block;
	height: 36px;
	letter-spacing: 0;
}
button > svg {
	width: 18px;
	height: 32px;
	display: inline-block;
	vertical-align: top;
	margin-right: 2px;
	margin-left: -6px;
	fill: #1B1B1B;
	fill-rule: evenodd;
	-webkit-transition: fill 90ms ease-in-out;
	transition: fill 90ms ease-in-out;
}
button:hover > svg {
	fill: #FFF;
}
.showbox {
	position: absolute;
	top: -2px;
	bottom: 0;
	left: 0;
	right: 0;
	display: none;
}
.loading {
	pointer-events: none;
	border-color: rgba(0, 0, 0, 0);
	background-color: rgba(0, 0, 0, 0);
}
.loading > span,
.loading > svg {
	display: none;
}
.loading .showbox {
	display: block;
}
.white .showbox {
	left: -2px;
}
.loader {
	position: relative;
	margin: 0 auto;
	width: 36px;
}
.loader:before {
	content: "";
	display: block;
	padding-top: 100%;
}
.loading .circular {
	-webkit-animation: rotate 2s linear infinite;
	animation: rotate 2s linear infinite;
	height: 100%;
	-webkit-transform-origin: center center;
	transform-origin: center center;
	width: 100%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}
.loading .path {
	stroke-dasharray: 1, 200;
	stroke-dashoffset: 0;
	stroke: #1B1B1B;
	-webkit-animation: dash 1.5s ease-in-out infinite;
	animation: dash 1.5s ease-in-out infinite;
	stroke-linecap: round;
}
.white .path {
	stroke: #FFF;
}
@-webkit-keyframes rotate {
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@keyframes rotate {
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@-webkit-keyframes dash {
	0% {
		stroke-dasharray: 1, 200;
		stroke-dashoffset: 0;
	}
	50% {
		stroke-dasharray: 89, 200;
		stroke-dashoffset: -35px;
	}
	100% {
		stroke-dasharray: 89, 200;
		stroke-dashoffset: -124px;
	}
}
@keyframes dash {
	0% {
		stroke-dasharray: 1, 200;
		stroke-dashoffset: 0;
	}
	50% {
		stroke-dasharray: 89, 200;
		stroke-dashoffset: -35px;
	}
	100% {
		stroke-dasharray: 89, 200;
		stroke-dashoffset: -124px;
	}
}
.check {
	overflow: hidden;
	float: left;
	height: 36px;
	padding: 0 20px 0 40px;
	margin-top: 40px;
}
.check > div {
	display: inline-block;
	vertical-align: top;
	width: 30px;
	height: 36px;
	cursor: pointer;
	background-repeat: no-repeat;
	background-size: 16px 16px;
	background-position: center left;
	background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggZD0iTTIgMGgxMmEyIDIgMCAwIDEgMiAydjEyYTIgMiAwIDAgMS0yIDJIMmEyIDIgMCAwIDEtMi0yVjJhMiAyIDAgMCAxIDItMnptMCAydjEyaDEyVjJIMnoiIGZpbGw9IiMxQjFCMUIiIGZpbGwtcnVsZT0ibm9uemVybyIvPgo8L3N2Zz4=");
}
.check.checked > div {
	background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggZD0iTTIgMGgxMmEyIDIgMCAwIDEgMiAydjEyYTIgMiAwIDAgMS0yIDJIMmEyIDIgMCAwIDEtMi0yVjJhMiAyIDAgMCAxIDItMnptMCAydjEyaDEyVjJIMnptNS4yMTIgNi4zMzNsMy4xODItMy4xODJhLjUuNSAwIDAgMSAuNzA3IDBsLjcwNy43MDhhLjUuNSAwIDAgMSAwIC43MDdsLTQuNTk2IDQuNTk2LTIuODU4LTIuODU5YS41LjUgMCAwIDEgMC0uNzA3bC43MDctLjcwN2EuNS41IDAgMCAxIC43MDcgMGwxLjQ0NCAxLjQ0NHoiIGZpbGw9IiMxQjFCMUIiIGZpbGwtcnVsZT0ibm9uemVybyIvPgo8L3N2Zz4=");
}
.check > a {
	display: inline-block;
	height: 36px;
	line-height: 38px;
	font-size: 15px;
	text-decoration: none;
	color: #1B1B1B;
}
.check > a:hover {
	text-decoration: underline;
}
.input::after {
	content: "";
	display: block;
	position: absolute;
	right: 2px;
	bottom: 2px;
	width: 100px;
	height: 32px;
	border-top-right-radius: 16px;
	border-bottom-right-radius: 16px;
	pointer-events: none;
	background: rgba(240, 240, 240, 0);
	background: -webkit-linear-gradient(left,
		rgba(240, 240, 240, 0) 0%,
		rgba(240, 240, 240, 1) 50%,
		rgba(240, 240, 240, 1) 100%);
	background: linear-gradient(to right,
		rgba(240, 240, 240, 0) 0%,
		rgba(240, 240, 240, 1) 50%,
		rgba(240, 240, 240, 1) 100%);
}

/***********
REGISTRATION
***********/

.registration {
	background-color: #1B1B1B;
	overflow: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	overflow-scrolling: touch;
}
.registration > svg {
	position: relative;
	top: 40px;
	left: 50%;
	margin-left: -51px;
	width: 103px;
	height: 36px;
	fill: #FFF;
	fill-rule: evenodd;
}
.registration > h1 {
	font-family: "maaxbold";
	font-size: 36px;
	letter-spacing: -0.06em;
	color: #FFF;
	padding-top: 58px;
	text-align: center;
}
.registration > p {
	max-width: 480px;
	margin: 70px auto 0 auto;
	padding: 0 20px 0 20px;
	line-height: 20px;
	color: #FFF;
	text-align: center;
}
.registration > .form {
	position: relative;
	max-width: 480px;
	background-color: #FFF;
	border-radius: 6px;
	margin: 40px auto 40px auto;
	padding: 15px 0 40px 0;
	overflow: visible;
}
.registration > div > button {
	margin: 40px 40px 0 0;
	float: right;
}
.registration > div > a {
	position: relative;
	font-family: "maaxbold";
	font-size: 11px;
	color: #1B1B1B;
	text-transform: uppercase;
	letter-spacing: 0;
	text-decoration: none;
	margin: 42px 0 0 30px;
	padding: 10px;
	float: left;
	opacity: 0.32;
	-webkit-transition: opacity 120ms ease-out;
	transition: opacity 120ms ease-out;
}
.registration > div > a:hover {
	opacity: 1;
}
#registerFooter {
	max-width: 480px;
	margin: 0 auto 40px auto;
	overflow: auto;
	z-index: 0;
}
#registerFooter > p,
#registerFooter > a {
	font-size: 15px;
	color: #FFF;
	cursor: pointer;
	text-decoration: none;
	color: #FFF;
}
#registerFooter > p:hover,
#registerFooter > a:hover {
	text-decoration: underline;
	opacity: 1;
}
#registerToggle {
	float: left;
}
#registerToggle::before {
	content: "I already have a Loop Business Account";
}
#registerToggle.signin::before {
	content: "Create a new Loop Business Account";
}
#registerForgot {
	float: right;
	opacity: 0.32;
}
#registerForgot::before {
	content: "Forgot your password?";
}
#addressAutofill,
#tvAutofill,
#profileAutofill {
	position: absolute;
	width: calc(100% - 80px);
	left: 40px;
	padding: 36px 0 0 0;
	border-radius: 18px;
	background-color: #333;
	margin-top: -36px;
	z-index: 1;
	border: 2px solid #1B1B1B;
}
#tvAutofill {
	position: relative;
	left: auto;
	float: right;
	width: calc(50% - 10px);
}
#profileAutofill {
	position: relative;
	left: auto;
	float: left;
	width: calc(50% - 10px);
	clear: both;
}
#addressAutofill > div,
#tvAutofill > div,
#profileAutofill > div {
	width: 100%;
	height: 50px;
	padding-top: 5px;
	overflow: hidden;
	cursor: pointer;
}
#addressAutofill > div *,
#tvAutofill > div *,
#profileAutofill > div * {
	pointer-events: none;
}
#addressAutofill > div:nth-child(even),
#tvAutofill > div:nth-child(even),
#profileAutofill > div:nth-child(even) {
	background-color: rgba(255, 255, 255, .12);
}
#addressAutofill > div > p,
#addressAutofill > div > span,
#tvAutofill > div > p,
#tvAutofill > div > span,
#profileAutofill > div > p,
#profileAutofill > div > span {
	display: inline-block;
	width: calc(100% - 22px);
	margin-left: 22px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #FFF;
	font-size: 12px;
	letter-spacing: -0.02em;
}
#addressAutofill > div > p > strong,
#tvAutofill > div > p > strong,
#profileAutofill > div > p > strong {
	font-family: "maaxbold";
	font-weight: normal;
	font-style: normal;
}

/*******
SIDEBARS
*******/

.sidebar {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	width: 280px;
	background-color: #FFF;
	overflow: visible;
	padding: 166px 35px 40px 40px;
}
.sidebar::after {
	content: "";
	display: block;
	position: absolute;
	top: 40px;
	left: 0;
	bottom: 40px;
	width: 1px;
	background-color: #EEE;
}
.sidebar > header {
	position: absolute;
	top: 0;
	right: 0;
	left: auto;
	width: 320px;
	height: 126px;
	background-color: #FFF;
}
.sidebar > header::before {
	left: 81px;
}
.sidebar > header > button {
	position: absolute;
	top: 60px;
	right: 60px;
	width: 160px;
	padding: 0;
}
.sidebar > p {
	position: relative;
	font-size: 15px;
	line-height: 20px;
	padding: 0 20px 40px 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.sidebar > p > br {
	display: block;
	width: 100%;
	height: 10px;
	content: " ";
}
.sidebar > form,
.sidebar > ul {
	position: absolute;
	top: 126px;
	right: 0;
	bottom: 0;
	left: 0;
	display: block;
	padding: 40px 40px 40px 60px;
	overflow: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	overflow-scrolling: touch;
	list-style: none;
}
.sidebar > form > .input {
	margin: 0 0 40px 0;
}
.sidebar > form > .input > select,
.sidebar > form > .input > input {
	margin-top: 20px;
}
.sidebar > form > .input.text::after {
	display: none;
}
.overlay > div > form > span,
.sidebar > form > span {
	position: relative;
	display: block;
	font-family: "maaxbold";
	font-size: 11px;
	letter-spacing: 0;
	color: #1B1B1B;
	text-transform: uppercase;
	margin-bottom: 20px;
}
.overlay > div > form > span:first-of-type,
.sidebar > form > span:first-of-type {
	margin-bottom: 26px;
	margin-top: 0;
}
.overlay > div > form > span.under,
.sidebar > form > span.under {
	padding-top: 20px;
	margin-bottom: 20px;
}
.sidebar > form > p {
	position: relative;
	display: block;
	font-size: 11px;
	vertical-align: middle;
	margin-bottom: 6px;
	text-transform: uppercase;
	letter-spacing: 0;
}
.sidebar > form > p > strong {
	font-weight: normal;
	display: inline-block;
	width: 60px;
	position: relative;
	font-family: "maaxbold";
	color: #444;
}
.sidebar > form > p > span {
	display: block;
	position: absolute;
	top: 0;
	width: 100%;
	text-align: right;
}
#invoices > li {
	padding-left: 26px;
	height: 16px;
	display: block;
	line-height: 16px;
	background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggZD0iTTE2IDEydjFhMyAzIDAgMCAxLTMgM0gzYTMgMyAwIDAgMS0zLTN2LTFhMSAxIDAgMCAxIDIgMHYxYTEgMSAwIDAgMCAxIDFoMTBhMSAxIDAgMCAwIDEtMXYtMWExIDEgMCAwIDEgMiAwek05IDguNTg2bDIuMjkzLTIuMjkzYTEgMSAwIDAgMSAxLjQxNCAxLjQxNGwtMy45NSAzLjk1YTEgMSAwIDAgMS0uMTY5LjE1My45Ny45NyAwIDAgMS0uNTg4LjE5Mi45Ny45NyAwIDAgMS0uNTg4LS4xOTIgMSAxIDAgMCAxLS4xNjktLjE1M2wtMy45NS0zLjk1YTEgMSAwIDAgMSAxLjQxNC0xLjQxNEw3IDguNTg2VjFhMSAxIDAgMCAxIDIgMHY3LjU4NnoiIGZpbGw9IiMxQjFCMUIiIGZpbGwtcnVsZT0ibm9uemVybyIvPgo8L3N2Zz4=");
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 16px 16px;
	font-size: 15px;
	vertical-align: middle;
	cursor: pointer;
	margin-bottom: 20px;
}
#invoices > li * {
	pointer-events: none;
}

/***********
WINDOW FORMS
***********/

.windowForm {
	position: relative;
	padding: 15px 0 40px 0;
	margin: 40px 0 0 0;
	overflow: auto;
}
.windowForm::before,
.windowForm::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	height: 1px;
	background-color: #EEE;
}
.windowForm::after {
	top: auto;
	bottom: 0;
}
.windowForm.standalone {
	padding-top: 0;
	padding-bottom: 0;
	margin-top: 0;
}
.windowForm.standalone::before,
.windowForm.standalone::after {
	display: none;
}
.windowForm > .input {
	float: left;
	width: calc(50% - 10px);
	margin: 0;
}
.windowForm > .input:nth-child(odd) {
	margin: 25px 10px 0 0;
}
.windowForm > .input:nth-child(even) {
	margin: 25px 0 0 10px;
}
.windowForm.standalone > .input:nth-child(1),
.windowForm.standalone > .input:nth-child(2) {
	margin-top: 0;
}
.window > button {
	float: right;
	width: 160px;
	margin: 40px 0 40px 0;
}

/********
PLAYLISTS
********/

.slip-swiping-container {
	overflow-x: hidden;
}
.slip-reordering {
	-webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.24);
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.24);
}
li {
	position: relative;
}
.screen > .window.playlist {
	top: 186px;
	padding-top: 0;
}
.screen.empty > .window.playlist,
.screen.empty > .window.mix {
	top: 126px;
}
#playlistHeader,
#mrssHeader {
	width: calc(100% - 420px);
}
.playlistHeader {
	position: fixed;
	top: 126px;
	left: 320px;
	right: 40px;
	height: 60px;
	background-color: #FFF;
}
.reordering .playlistHeader::after {
	content: "";
	display: block;
	position: absolute;
	left: 40px;
	bottom: 0;
	right: 40px;
	height: 1px;
	background-color: #EEE;
}
#mrss.empty .playlistHeader,
#playlist.empty .playlistHeader,
#playlists.empty .playlistHeader,
#channels.empty .playlistHeader {
	display: none;
}
.playlistHeader::before {
	display: none;
}
.playlistHeader > span {
	position: relative;
	display: block;
	float: left;
	overflow: hidden;
	height: 60px;
	line-height: 60px;
	font-family: "maaxbold";
	font-size: 11px;
	color: #1B1B1B;
	text-transform: uppercase;
	letter-spacing: 0;
}
#playlist .playlistHeader > span:nth-child(1) {
	width: calc((((100% - 246px) / 10) * 5) - 40px);
	text-indent: 20px;
}
#playlist .playlistHeader > span:nth-child(2) {
	width: calc((((100% - 246px) / 10) * 3));
	margin-right: 20px;
}
#playlist .playlistHeader > span:nth-child(3) {
	width: calc((((100% - 246px) / 10) * 2));
	margin-right: 20px;
}
#playlist .playlistHeader > span:nth-child(4) {
	width: 100px;
	padding-right: 30px;
	text-align: right;
}
#playlist .playlistHeader > span:nth-child(5),
#playlist .playlistHeader > span:nth-child(5) {
	width: 146px;
}

#mrss .playlistHeader > span:nth-child(1) {
	width: calc((((100% - 170px) / 10) * 4) - 40px);
	text-indent: 20px;
}
#mrss .playlistHeader > span:nth-child(2) {
	width: calc((((100% - 170px) / 10) * 3));
	margin-right: 20px;
}
#mrss .playlistHeader > span:nth-child(3) {
	width: calc((((100% - 170px) / 10) * 3));
	margin-right: 20px;
}
#mrss .playlistHeader > span:nth-child(4) {
	width: 100px;
	padding-right: 30px;
	text-align: right;
}
#mrss .playlistHeader > span:nth-child(5) {
	width: 70px;
}








.screen > .window.playlist > ul {
	list-style: none;
}
.screen > .window.playlist > ul > li {
	height: 60px;
	border-radius: 4px;
	background-color: #FFF;
	overflow: hidden;
	cursor: default;
}
.screen > .window.playlist > ul > li:nth-child(odd) {
	background-color: #FAFAFA;
}
.screen > .window.playlist > ul > li > p {
	display: block;
	position: relative;
	float: left;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	height: 60px;
	line-height: 60px;
	font-size: 15px;
	color: #1B1B1B;
	letter-spacing: -0.02em;
	text-transform: capitalize;
	pointer-events: none;
}
#playlist > .window.playlist > ul > li > p:nth-child(1) {
	width: calc((((100% - 246px) / 10) * 5) - 60px);
	margin-right: 20px;
}
#playlist > .window.playlist > ul > li > p:nth-child(2) {
	width: calc((((100% - 246px) / 10) * 3));
	margin-right: 20px;
}
#playlist > .window.playlist > ul > li > p:nth-child(3) {
	width: calc((((100% - 246px) / 10) * 2));
	margin-right: 20px;
}
#playlist > .window.playlist > ul > li > p:nth-child(4) {
	width: 100px;
	padding-right: 30px;
	text-align: right;
}
#playlist > .window.playlist > ul > li > p:last-child {
	width: 146px;
}

#mrss > .window.playlist > ul > li > p:nth-child(1) {
	width: calc((((100% - 170px) / 10) * 4) - 60px);
	margin-right: 20px;
}
#mrss > .window.playlist > ul > li > p:nth-child(2) {
	width: calc((((100% - 170px) / 10) * 3));
	margin-right: 20px;
}
#mrss > .window.playlist > ul > li > p:nth-child(3) {
	width: calc((((100% - 170px) / 10) * 3));
	margin-right: 20px;
}
#mrss > .window.playlist > ul > li > p:nth-child(4) {
	width: 100px;
	padding-right: 30px;
	text-align: right;
}
#mrss > .window.playlist > ul > li > p:last-child {
	width: 70px;
}

#playlists > .window.playlist > ul > li > p:nth-child(1),
#playlists .playlistHeader > span:nth-child(1),
#channels > .window.playlist > ul > li > p:nth-child(1),
#channels .playlistHeader > span:nth-child(1) {
	width: calc((((100% - 190px) / 12) * 4) - 20px);
	margin-right: 20px;
}
#playlists .playlistHeader > span:nth-child(1),
#channels .playlistHeader > span:nth-child(1) {
	text-indent: 20px;
}
#playlists > .window.playlist > ul > li > p:nth-child(2),
#playlists .playlistHeader > span:nth-child(2),
#channels > .window.playlist > ul > li > p:nth-child(2),
#channels .playlistHeader > span:nth-child(2) {
	width: calc((((100% - 190px) / 12) * 8) - 20px);
	margin-right: 20px;
}
#playlists > .window.playlist > ul > li > p:nth-child(3),
#playlists .playlistHeader > span:nth-child(3),
#channels > .window.playlist > ul > li > p:nth-child(3),
#channels .playlistHeader > span:nth-child(3) {
	width: 120px;
	padding-right: 30px;
	text-align: right;
}
#playlists > .window.playlist > ul > li > p:last-child,
#playlists .playlistHeader > span:last-child,
#channels > .window.playlist > ul > li > p:last-child,
#channels .playlistHeader > span:last-child {
	width: 70px;
}
#playlists > .window.playlist > ul > li > p:last-child > a,
#channels > .window.playlist > ul > li > p:last-child > a {
	display: none;
}



.screen > .window.playlist > ul > li > p:nth-child(1) > img {
	position: absolute;
	width: 56px;
	height: 36px;
	border-radius: 3px;
	object-fit: cover;
	top: 12px;
	left: 20px;
	background-color: #343434;
}
.screen > .window.playlist > ul > li > p:nth-child(1) > a {
	position: absolute;
	display: block;
	width: 56px;
	height: 36px;
	border-radius: 3px;
	top: 12px;
	left: 20px;
	background-color: rgba(0, 0, 0, .64);
	pointer-events: all;
	cursor: pointer;
	opacity: 0;
	-webkit-transition: opacity 120ms ease-out;
	transition: opacity 120ms ease-out;
}
.screen > .window.playlist > ul > li > p:nth-child(1) > a::after {
	content: "";
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	top: 12px;
	left: 23px;
	border-style: solid;
	border-width: 6px 0 6px 10px;
	border-color: transparent transparent transparent #FFF;
	pointer-events: none;
}
.screen > .window.playlist > ul > li > p:nth-child(1) > a.edit {
	pointer-events: none;
}
.screen > .window.playlist > ul > li > p:nth-child(1) > a.edit::after {
	border: none;
	width: 16px;
	height: 16px;
	top: 10px;
	left: 20px;
	background-repeat: no-repeat;
	background-size: 16px 16px;
	background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggZD0iTTEzLjcwMy4xMDZhMy4wOTkgMy4wOTkgMCAwIDEgMS4zOSA1LjE4NGwtOS40MjYgOS40MjVhLjk5My45OTMgMCAwIDEtLjQ2MS4yNjJsLTMuOTcxLjk5MkEuOTkzLjk5MyAwIDAgMSAuMDMgMTQuNzY1bC45OTItMy45NzFhLjk5My45OTMgMCAwIDEgLjI2Mi0uNDYxTDEwLjcxLjkwOGEzLjA5OSAzLjA5OSAwIDAgMSAyLjk5My0uODAyek0xMC4wMDEgMTZhMSAxIDAgMSAxIDAtMmg1YTEgMSAwIDEgMSAwIDJoLTV6bTMuNjg3LTEyLjExNGExLjExMyAxLjExMyAwIDAgMC0xLjU3NC0xLjU3NGwtOS4yMyA5LjIzLS41MjYgMi4xIDIuMS0uNTI1IDkuMjMtOS4yM3oiIGZpbGw9IiNGRkYiIGZpbGwtcnVsZT0ibm9uemVybyIvPgo8L3N2Zz4=");
}
.screen > .window.playlist > ul > li:hover > p:nth-child(1) > a.edit,
.screen > .window.playlist > ul > li > p:nth-child(1) > a:hover {
	opacity: 1;
}
.screen > .window.playlist > ul > li > p:nth-child(1) > span {
	font-family: "maaxmedium";
	letter-spacing: -0.3px;
	color: #1B1B1B;
	padding-left: 96px;
}
.screen > .window.playlist > ul > li.inactive {
	opacity: 0.32;
}
.screen > .window.playlist > ul > li.explicit > p:nth-child(1) > span {
	padding-right: 15px;
	background-position: right 2px;
	background-repeat: no-repeat;
	background-size: 10px 11px;
	background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxwYXRoIGQ9Ik0yIDBoNmEyIDIgMCAwIDEgMiAydjdhMiAyIDAgMCAxLTIgMkgyYTIgMiAwIDAgMS0yLTJWMmEyIDIgMCAwIDEgMi0yeiIgZmlsbD0iI0M4MDAwMCIvPgogICAgPHBhdGggZmlsbD0iI0ZGRiIgZD0iTTMuNSAzLjR2MS40aDN2MS40aC0zdjEuNEg4VjlIMlYyaDZ2MS40eiIvPgogIDwvZz4KPC9zdmc+");
}
.screen > .window.playlist > ul > li.synced > p:nth-child(1)::after {
	content: "";
	position: absolute;
	width: 22px;
	height: 22px;
	top: 19px;
	left: 9px;
	background-repeat: no-repeat;
	background-size: 22px 22px;
	background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxjaXJjbGUgZmlsbD0iIzFCMUIxQiIgY3g9IjExIiBjeT0iMTEiIHI9IjEwIi8+CiAgICA8cGF0aCBkPSJNMTEgMjJjNi4wNzUgMCAxMS00LjkyNSAxMS0xMVMxNy4wNzUgMCAxMSAwIDAgNC45MjUgMCAxMXM0LjkyNSAxMSAxMSAxMXptMC0yYTkgOSAwIDEgMSAwLTE4IDkgOSAwIDAgMSAwIDE4eiIgZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJub256ZXJvIi8+CiAgICA8cGF0aCBkPSJNMTQgMTFhMyAzIDAgMCAwLTQuMjkzLTIuNzA4TDguMjQzIDYuODI4QTUgNSAwIDAgMSAxNiAxMWgybC0zIDMtMy0zaDJ6bS04IDBINGwzLTMgMyAzSDhhMyAzIDAgMCAwIDQuMjkzIDIuNzA4bDEuNDY0IDEuNDY0QTUgNSAwIDAgMSA2IDExeiIgZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJub256ZXJvIi8+CiAgPC9nPgo8L3N2Zz4=");
}
.screen > .window.playlist > ul > li > p:last-child > span {
	font-family: "maaxbold";
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 0;
	color: #FFF;
	display: inline-block;
	width: 50px;
	height: 20px;
	line-height: 21px;
	border-radius: 3px;
	background-color: #1B1B1B;
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-top: 20px;
}
.screen > .window.playlist > ul > li > p:last-child > a.remove {
	display: block;
	cursor: pointer;
	position: absolute;
	top: 0;
	right: 41px;
	width: 40px;
	height: 60px;
	text-indent: -999px;
	overflow: hidden;
	background-repeat: no-repeat;
	background-size: 10px 10px;
	background-position: center center;
	background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggZD0iTTYuNDkxIDVsMy4zNTUgMy4zNTVhLjUyNy41MjcgMCAwIDEgMCAuNzQ1bC0uNzQ2Ljc0NmEuNTI3LjUyNyAwIDAgMS0uNzQ1IDBMNSA2LjQ5IDEuNjQ1IDkuODQ2YS41MjcuNTI3IDAgMCAxLS43NDUgMEwuMTU0IDkuMWEuNTI3LjUyNyAwIDAgMSAwLS43NDVMMy41MSA1IC4xNTQgMS42NDVhLjUyNy41MjcgMCAwIDEgMC0uNzQ1TC45LjE1NGEuNTI3LjUyNyAwIDAgMSAuNzQ1IDBMNSAzLjUxIDguMzU1LjE1NGEuNTI3LjUyNyAwIDAgMSAuNzQ1IDBMOS44NDYuOWEuNTI3LjUyNyAwIDAgMSAwIC43NDVMNi40OSA1eiIgZmlsbD0iIzFCMUIxQiIgZmlsbC1ydWxlPSJldmVub2RkIi8+Cjwvc3ZnPg==");
}
.screen > .window.playlist > ul > li > p:last-child > a.remove.locked {
	cursor: not-allowed;
}
.screen > .window.playlist > ul > li > p:last-child > a.move {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 41px;
	height: 60px;
	text-indent: -999px;
	overflow: hidden;
	cursor: move;
	background-position: 15px 23px;
	background-repeat: no-repeat;
	background-size: 6px 14px;
	background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSIxNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBkPSJNNCAwaDJ2Mkg0VjB6TTAgMGgydjJIMFYwem00IDRoMnYySDRWNHpNMCA0aDJ2MkgwVjR6bTQgNGgydjJINFY4ek0wIDhoMnYySDBWOHptNCA0aDJ2Mkg0di0yem0tNCAwaDJ2Mkgwdi0yeiIgZmlsbD0iIzFCMUIxQiIgZmlsbC1ydWxlPSJldmVub2RkIi8+Cjwvc3ZnPg==");
}
.screen > .window.playlist > ul > li > p:last-child > a.move.locked {
	pointer-events: none;
	opacity: 0.3;
}
.screen > .window.playlist > ul > li > p:last-child > a {
	pointer-events: all;
}
.screen > .window.playlist > ul > li > p:last-child > a:active {
	-webkit-transform: translateY(1px);
	transform: translateY(1px);
}
.screen > .window.playlist > ul#playlistsList > li {
	cursor: pointer;
}
#tagList {
	position: relative;
	overflow: auto;
	margin: 0 40px 0 40px;
	padding-bottom: 30px;
	border-top: 1px solid rgba(255, 255, 255, .32);
	border-bottom: 1px solid rgba(255, 255, 255, .32);
}
#tagList > p {
	position: relative;
	font-family: "maaxbold";
	font-size: 11px;
	text-transform: uppercase;
	color: #FFF;
	padding: 30px 0 15px 0;
}
#tagList > ul {
	position: relative;
	list-style: none;
	overflow: auto;
	margin-left: -5px;
}
#tagList > ul > li {
	position: relative;
	overflow: hidden;
	float: left;
	font-family: "maaxbold";
	font-size: 11px;
	text-transform: uppercase;
	color: #FFF;
	height: 24px;
	line-height: 25px;
	padding: 0 8px 0 12px;
	border-left: 5px solid rgba(255, 255, 255, 0);
	border-bottom: 5px solid rgba(255, 255, 255, 0);
	cursor: pointer;
	box-sizing: content-box;
}
#tagList > ul > li > span {
	position: relative;
	z-index: 1;
	pointer-events: none;
}
#tagList > ul > li::before,
#tagList > ul > li::after {
	z-index: 0;
	pointer-events: none;
}
#tagList > ul > li::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 10px;
	height: 24px;
	background-position: top left;
	background-repeat: no-repeat;
	background-size: 10px 24px;
	background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggZD0iTTkuMjQzIDBIMTB2MWgtLjc1N2EyIDIgMCAwIDAtMS40MTUuNTg2TDEuNTg2IDcuODI4QTIgMiAwIDAgMCAxIDkuMjQzdjUuNTE0YTIgMiAwIDAgMCAuNTg2IDEuNDE1bDYuMjQyIDYuMjQyQTIgMiAwIDAgMCA5LjI0MyAyM0gxMHYxaC0uNzU3YTMgMyAwIDAgMS0yLjEyMi0uODc5TC44OCAxNi44OEEzIDMgMCAwIDEgMCAxNC43NTdWOS4yNDNBMyAzIDAgMCAxIC44NzkgNy4xMkw3LjEyLjg4QTMgMyAwIDAgMSA5LjI0MyAweiIgZmlsbD0iIzZBNkE2QSIgZmlsbC1ydWxlPSJub256ZXJvIi8+Cjwvc3ZnPg==");
}
#tagList > ul > li::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 10px;
	width: calc(100% - 10px);
	height: 24px;
	background-position: top right;
	background-repeat: no-repeat;
	background-size: 380px 24px;
	background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzgwIiBoZWlnaHQ9IjI0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxwYXRoIGQ9Ik0wIDBoMzc3YTMgMyAwIDAgMSAzIDN2MThhMyAzIDAgMCAxLTMgM0gwdi0xaDM3N2EyIDIgMCAwIDAgMi0yVjNhMiAyIDAgMCAwLTItMkgwVjB6IiBmaWxsPSIjNkE2QTZBIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz4KPC9zdmc+");
}
#tagList > ul > li:hover,
#tagList > ul > li.selected {
	color: #1B1B1B;
}
#tagList > ul > li:hover::before,
#tagList > ul > li.selected::before {
	background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggZD0iTTkuMjQzIDBIMTB2MjRoLS43NTdhMyAzIDAgMCAxLTIuMTIyLS44NzlMLjg4IDE2Ljg4QTMgMyAwIDAgMSAwIDE0Ljc1N1Y5LjI0M0EzIDMgMCAwIDEgLjg3OSA3LjEyTDcuMTIuODhBMyAzIDAgMCAxIDkuMjQzIDB6IiBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz4KPC9zdmc+");
}
#tagList > ul > li:hover::after,
#tagList > ul > li.selected::after {
	background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzgwIiBoZWlnaHQ9IjI0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxwYXRoIGQ9Ik0wIDBoMzc3YTMgMyAwIDAgMSAzIDN2MThhMyAzIDAgMCAxLTMgM0gwVjB6IiBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz4KPC9zdmc+");
}
#tagList > ul > li.selected:active {
	color: #FFF;
}
#tagList > ul > li.selected:active::before {
	background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggZD0iTTkuMjQzIDBIMTB2MWgtLjc1N2EyIDIgMCAwIDAtMS40MTUuNTg2TDEuNTg2IDcuODI4QTIgMiAwIDAgMCAxIDkuMjQzdjUuNTE0YTIgMiAwIDAgMCAuNTg2IDEuNDE1bDYuMjQyIDYuMjQyQTIgMiAwIDAgMCA5LjI0MyAyM0gxMHYxaC0uNzU3YTMgMyAwIDAgMS0yLjEyMi0uODc5TC44OCAxNi44OEEzIDMgMCAwIDEgMCAxNC43NTdWOS4yNDNBMyAzIDAgMCAxIC44NzkgNy4xMkw3LjEyLjg4QTMgMyAwIDAgMSA5LjI0MyAweiIgZmlsbD0iIzZBNkE2QSIgZmlsbC1ydWxlPSJub256ZXJvIi8+Cjwvc3ZnPg==");
}
#tagList > ul > li.selected:active::after {
	background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzgwIiBoZWlnaHQ9IjI0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxwYXRoIGQ9Ik0wIDBoMzc3YTMgMyAwIDAgMSAzIDN2MThhMyAzIDAgMCAxLTMgM0gwdi0xaDM3N2EyIDIgMCAwIDAgMi0yVjNhMiAyIDAgMCAwLTItMkgwVjB6IiBmaWxsPSIjNkE2QTZBIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz4KPC9zdmc+");
}
.input.select::after {
	right: 17px;
	bottom: 16px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 4px 4px 0 4px;
	border-color: #1B1B1B transparent transparent transparent;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	background: rgba(240, 240, 240, 0);
	-webkit-transition: all 90ms ease-in-out;
	transition: all 90ms ease-in-out;
}
.input.select:hover::after {
	border-color: #FFF transparent transparent transparent;
}
.toggle {
	position: relative;
	overflow: hidden;
	margin: 0 40px 0 40px;
	padding: 30px 0 30px 0;
	border-bottom: 1px solid rgba(255, 255, 255, .32);
}
.toggle.single {
	border-top: 1px solid rgba(255, 255, 255, .32);
	margin-top: 0px;
}
.toggle > span {
	position: relative;
	display: inline-block;
	line-height: 24px;
	letter-spacing: -0.03em;
	width: calc(100% - 100px);
	font-size: 15px;
	font-family: "maaxmedium";
	color: #FFF;
}
.toggle > div {
	position: absolute;
	top: 50%;
	right: 0;
	width: 60px;
	height: 36px;
	border-radius: 36px;
	border: 2px solid #FFF;
	margin-top: -18px;
	cursor: pointer;
}
.toggle > div > div {
	position: absolute;
	top: 4px;
	right: 4px;
	width: 24px;
	height: 24px;
	border-radius: 24px;
	background-color: #78C800;
	pointer-events: none;
	-webkit-transition: -webkit-transform 90ms ease-in-out, background-color 90ms ease-in-out;
	transition: transform 90ms ease-in-out, background-color 90ms ease-in-out;
}
.toggle.off > div > div {
	-webkit-transform: translateX(-24px);
	transform: translateX(-24px);
	background-color: #FFF;
}
.toggle.disabled {
	pointer-events: none;
}

/**************
SEARCH AND EDIT
**************/

.morePanel {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	width: 500px;
	max-width: 500px;
	background-color: rgba(27, 27, 27, .96);
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
	-webkit-transition: -webkit-transform 240ms ease-out;
	transition: transform 240ms ease-out;
	z-index: 1;
}
.morePanel.show {
	-webkit-transform: translateX(0);
	transform: translateX(0);
}
#searchInput,
#editInput,
#editScheduleInput,
#editSignSetInput,
#editMixInput {
	background-color: #FFF;
	position: relative;
	margin: 60px 0 0 40px;
	width: calc(100% - 126px);
	border-color: #FFF;
	padding: 0 20px 0 40px;
	background-position: 10px 8px;
	background-repeat: no-repeat;
	background-size: 16px 16px;
	background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggZD0iTTcgMTRhNyA3IDAgMSAxIDUuNjA2LTIuODA4bDMuMjUgMy4yNWEuNS41IDAgMCAxIDAgLjcwN2wtLjcwNy43MDdhLjUuNSAwIDAgMS0uNzA3IDBsLTMuMjUtMy4yNUE2Ljk2OSA2Ljk2OSAwIDAgMSA3IDE0em0wLTJBNSA1IDAgMSAwIDcgMmE1IDUgMCAwIDAgMCAxMHoiIGZpbGw9IiMxQjFCMUIiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPgo8L3N2Zz4=");
}
#searchInput:focus,
#editInput:focus,
#editScheduleInput:focus,
#editSignSetInput:focus,
#editMixInput:focus {
	background-color: #FFF;
	border-color: #FFF;
}
#editInput,
#editScheduleInput,
#editSignSetInput,
#editMixInput {
	background-image: none;
	padding-left: 20px;
}
.largePanelClose,
.morePanelClose {
	display: block;
	position: absolute;
	top: 60px;
	right: 40px;
	width: 36px;
	height: 36px;
	overflow: hidden;
	cursor: pointer;
	border: 2px solid #FFF;
	border-radius: 36px;
	-webkit-transition: all 90ms ease-in-out;
	transition: all 90ms ease-in-out;
}
.largePanelClose {
	right: 60px;
}
.largePanelClose > svg,
.morePanelClose > svg {
	position: absolute;
	width: 36px;
	height: 36px;
	top: -2px;
	left: -2px;
	fill: #FFF;
	fill-rule: evenodd;
	pointer-events: none;
	-webkit-transition: all 90ms ease-in-out;
	transition: all 90ms ease-in-out;
}
.largePanelClose:hover,
.morePanelClose:hover {
	background-color: #FFF;
}
.largePanelClose:hover > svg,
.morePanelClose:hover > svg {
	fill: #1B1B1B;
}
.largePanelClose:active,
.morePanelClose:active {
	-webkit-transform: translateY(1px);
	transform: translateY(1px);
}
.largePanelClose.loading,
.morePanelClose.loading {
	border-color: rgba(255, 255, 255, 0);
}
#searchSuggest {
	position: absolute;
	top: 125px;
	right: 40px;
	left: 40px;
	height: 118px;
	border-top: 1px solid rgba(255, 255, 255, .32);
}
#searchFilters {
	position: absolute;
	top: 243px;
	right: 40px;
	left: 40px;
	height: 40px;
	border-top: 1px solid rgba(255, 255, 255, .32);
}
#searchFilters > a {
	display: block;
	position: absolute;
	right: 0;
	height: 60px;
	line-height: 60px;
	font-family: "maaxbold";
	font-size: 11px;
	text-transform: uppercase;
	color: #FFF;
	padding: 0 16px 0 16px;
	float: right;
}
#searchFilters > a::after {
	content: "";
	display: block;
	position: absolute;
	top: 27px;
	right: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 4px 4px 0 4px;
	border-color: #FFF transparent transparent transparent;
	pointer-events: none;
}
#searchFilters > ul {
	display: none;
	height: 105px;
	list-style: none;
	margin-top: 23px;
	flex-direction: column;
	flex-wrap: wrap;
}
#searchFilters > ul > li {
	height: 26px;
	line-height: 27px;
	width: calc((100% - 24px) / 4);
	margin-right: 8px;
	display: block;
	float: left;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-indent: 25px;
	font-size: 14px;
	color: #FFF;
	background-repeat: no-repeat;
	background-size: 16px 16px;
	background-position: 0 5px;
	background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggZD0iTTIgMGgxMmEyIDIgMCAwIDEgMiAydjEyYTIgMiAwIDAgMS0yIDJIMmEyIDIgMCAwIDEtMi0yVjJhMiAyIDAgMCAxIDItMnptMCAydjEyaDEyVjJIMnoiIGZpbGw9IiNGRkYiIGZpbGwtcnVsZT0ibm9uemVybyIvPgo8L3N2Zz4=");
}
#searchFilters > ul > li.selected {
	background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggZD0iTTIgMGgxMmEyIDIgMCAwIDEgMiAydjEyYTIgMiAwIDAgMS0yIDJIMmEyIDIgMCAwIDEtMi0yVjJhMiAyIDAgMCAxIDItMnptMCAydjEyaDEyVjJIMnptNS4yMTIgNi4zMzNsMy4xODItMy4xODJhLjUuNSAwIDAgMSAuNzA3IDBsLjcwNy43MDhhLjUuNSAwIDAgMSAwIC43MDdsLTQuNTk2IDQuNTk2LTIuODU4LTIuODU5YS41LjUgMCAwIDEgMC0uNzA3bC43MDctLjcwN2EuNS41IDAgMCAxIC43MDcgMGwxLjQ0NCAxLjQ0NHoiIGZpbGw9IiNGRkYiIGZpbGwtcnVsZT0ibm9uemVybyIvPgo8L3N2Zz4=");
}
#searchFilters > ul > li * {
	pointer-events: none;
}
#searchFilters > ul > li:nth-last-child(1),
#searchFilters > ul > li:nth-last-child(2),
#searchFilters > ul > li:nth-last-child(3),
#searchFilters > ul > li:nth-last-child(4) {
	margin-right: 0;
}
#search.filters #searchFilters > a::after {
	border-width: 0 4px 4px 4px;
	border-color: transparent transparent #FFF transparent;
}
#search.filters #searchFilters > ul {
	display: flex;
}
#searchResults {
	position: absolute;
	top: 243px;
	right: 0;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
#search.filters #searchResults {
	top: 372px;
}
#searchResults > p {
	display: block;
	height: 60px;
	line-height: 60px;
	font-family: "maaxbold";
	font-size: 11px;
	text-transform: uppercase;
	color: #FFF;
	border-bottom: 1px solid rgba(255, 255, 255, .32);
	margin-left: 40px;
	width: calc(100% - 80px);
}
#searchResults > ul {
	position: absolute;
	top: 60px;
	right: 0;
	bottom: 0;
	left: 0;
	overflow: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	overflow-scrolling: touch;
	list-style: none;
	padding: 0 40px 40px 40px;
}
#searchResults > ul > li {
	display: block;
	position: relative;
	width: 100%;
	height: 60px;
	overflow: hidden;
	border-bottom: 1px solid rgba(255, 255, 255, .32);
}
#searchResults > ul > li * {
	pointer-events: none;
}
#searchResults > ul > li > a {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 32px;
	height: 58px;
	pointer-events: all;
}
#searchResults > ul > li > a:active {
	-webkit-transform: translateY(1px);
	transform: translateY(1px);
}
#searchResults > ul > li > a::before,
#searchResults > ul > li > a::after {
	content: "";
	position: absolute;
	display: block;
	border-radius: 0.5px;
	background-color: #FFF;
}
#searchResults > ul > li > a::before {
	width: 12px;
	height: 2px;
	top: 29px;
	left: 0;
}
#searchResults > ul > li > a::after {
	width: 2px;
	height: 12px;
	top: 24px;
	left: 5px;
}
#searchResults > ul > li > img {
	position: absolute;
	width: 56px;
	height: 36px;
	border-radius: 3px;
	object-fit: cover;
	top: 12px;
	left: 32px;
	background-color: #343434;
}
#searchResults > ul > li > div {
	position: absolute;
	width: 56px;
	height: 36px;
	border-radius: 3px;
	top: 12px;
	left: 32px;
	background-color: rgba(0, 0, 0, .64);
	pointer-events: all;
	cursor: pointer;
	opacity: 0;
	-webkit-transition: opacity 120ms ease-out;
	transition: opacity 120ms ease-out;
}
#searchResults > ul > li > div::after {
	content: "";
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	top: 12px;
	left: 23px;
	border-style: solid;
	border-width: 6px 0 6px 10px;
	border-color: transparent transparent transparent #FFF;
	pointer-events: none;
}
#searchResults > ul > li > div:hover {
	opacity: 1;
}
#searchResults > ul > li > p {
	display: block;
	position: absolute;
	height: 16px;
	line-height: 16px;
	left: 106px;
	right: 60px;
	top: 31px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 14px;
	color: #FFF;
	text-transform: capitalize;
}
#searchResults > ul > li > p:first-of-type {
	font-family: "maaxbold";
	top: 13px;
}
#searchResults > ul > li.explicit > p:first-of-type::after {
	content: "";
	display: inline-block;
	position: relative;
	width: 10px;
	height: 10px;
	margin-left: 4px;
	background-repeat: no-repeat;
	background-size: 10px 10px;
	background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggZD0iTTIgMGg2YTIgMiAwIDAgMSAyIDJ2NmEyIDIgMCAwIDEtMiAySDJhMiAyIDAgMCAxLTItMlYyYTIgMiAwIDAgMSAyLTJ6bTUgOFY2LjgyN0g0LjI3NXYtMS4zMUg2LjVWNC4zNjNINC4yNzV2LTEuMTlIN1YySDN2Nmg0eiIgZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJldmVub2RkIi8+Cjwvc3ZnPg==");
}
#searchResults > ul > li > span {
	position: absolute;
	top: 20px;
	right: 0;
	font-family: "maaxbold";
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 0;
	color: #1B1B1B;
	display: inline-block;
	width: 50px;
	height: 20px;
	line-height: 21px;
	border-radius: 3px;
	background-color: #FFF;
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
#searchResults > ul > li.disabled {
	pointer-events: none;
	opacity: 0.24;
}
#searchResults > ul > li.disabled * {
	pointer-events: none !important;
}
@keyframes shadow-pulse {
	0% { box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
	100% { box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); }
}
@-webkit-keyframes shadow-pulse {
	0% { box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
	100% { box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); }
}
#emptyIcon {
	position: absolute;
	text-align: center;
	top: 50%;
	left: 50%;
	margin: -80px 0 0 -80px;
	width: 160px;
	height: 160px;
	border-radius: 80px;
	background-color: #1B1B1B;
	font-family: "maaxbold";
	text-transform: uppercase;
	font-size: 14px;
	color: #FFF;
	padding-top: 60px;
	line-height: 20px;
	cursor: pointer;
	display: none;
	-webkit-animation: none;
	animation: none;
	-webkit-transition: opacity 240ms ease-out;
	transition: opacity 240ms ease-out;
	opacity: 0;
	pointer-events: none;
}
#emptyIcon * {
	pointer-events: none;
}
#emptyIcon > svg {
	width: 32px;
	height: 16px;
	position: absolute;
	left: 50%;
	bottom: 30px;
	margin-left: -16px;
	pointer-events: none;
	fill: #FFF;
	fill-rule: evenodd;
}
.empty #emptyIcon {
	display: block;
	-webkit-animation: shadow-pulse 1s infinite;
	animation: shadow-pulse 1s infinite;
}
.empty.loading #emptyIcon {
	display: none;
	-webkit-animation: none;
	animation: none;
}
#emptyIcon:active {
	-webkit-transform: translateY(1px);
	transform: translateY(1px);
}
#emptyIcon.show {
	opacity: 1;
	pointer-events: all;
}
#mrssLoader,
#scheduleLoader,
#channelsLoader,
#playlistLoader,
#playlistsLoader {
	position: absolute;
	top: calc(50% + 46px);
	left: calc(50% + 122px);
	width: 36px;
	height: 36px;
	pointer-events: none;
}
#playlistsLoader,
#channelsLoader {
	top: calc(50% - 18px);
	left: 50%;
}
#edit,
#editSchedule {
	overflow: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	overflow-scrolling: touch;
}
.editButtons {
	position: relative;
	height: 96px;
	padding: 30px 0 30px 0;
	border-bottom: 1px solid rgba(255, 255, 255, .32);
	margin: -24px 40px 30px 40px;
}
#editMix .editButtons,
#editSchedule .editButtons,
#editSignSet .editButtons {
	margin-top: 40px;
	border-bottom: none;
	border-top: 1px solid rgba(255, 255, 255, .32);
}
#editSchedule .editButtons.single {
	margin-top: 0;
	border-top: none;
}
.editButtons > a {
	display: block;
	position: relative;
	overflow: visible;
	width: 36px;
	height: 36px;
	float: left;
	border: 2px solid #FFF;
	border-radius: 36px;
	margin-right: 10px;
	-webkit-transition: all 90ms ease-in-out;
	transition: all 90ms ease-in-out;
}
.editButtons > a:hover {
	background-color: #FFF;
}
.editButtons > a:active {
	-webkit-transform: translate3d(0, 1px, 0);
	transform: translate3d(0, 1px, 0);
}
.editButtons > a > svg {
	position: absolute;
	fill: #FFF;
	fill-rule: nonzero;
	top: 50%;
	left: 50%;
	pointer-events: none;
	-webkit-transition: all 90ms ease-in-out;
	transition: all 90ms ease-in-out;
}
.editButtons > a:hover > svg {
	fill: #1B1B1B;
}
.editButtons > a#deleteMix:hover,
.editButtons > a#deletePlaylist:hover,
.editButtons > a#deleteSchedule:hover,
.editButtons > a#deleteSignSet:hover {
	background-color: #E60000;
	border-color: #E60000;
}
#deletePlaylist > svg,
#deleteSchedule > svg,
#deleteSignSet > svg,
#deleteMix > svg {
	width: 18px;
	height: 20px;
	margin: -10px 0 0 -9px;
}
#clearPlaylist > svg {
	width: 20px;
	height: 20px;
	margin: -10px 0 0 -10px;
}
#shufflePlaylist > svg {
	width: 16px;
	height: 18px;
	margin: -8px 0 0 -8px;
}
.updateButton {
	position: absolute;
	top: 30px;
	right: 0;
	border-color: #FFF;
	color: #FFF;
}
.updateButton:hover {
	background-color: #FFF;
	color: #1B1B1B;
}
.updateButton.loading {
	border-color: rgba(0, 0, 0, 0);
}
.updateButton.loading .path {
	stroke: #FFF;
}
.tooltip {
	display: block;
	position: absolute;
	height: 24px;
	line-height: 25px;
	font-family: "maaxbold";
	overflow: visible;
	white-space: nowrap;
	font-size: 11px;
	color: #1B1B1B;
	text-transform: uppercase;
	letter-spacing: 0;
	background-color: #FFF;
	padding: 0 10px 0 10px;
	border-radius: 3px;
	bottom: -36px;
	left: -2px;
	pointer-events: none;
	opacity: 0;
	-webkit-transition: opacity 120ms linear 0ms;
	transition: opacity 120ms linear 0ms;
}
.tooltip::before {
	content: "";
	display: block;
	position: absolute;
	top: -5px;
	left: 12px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 6px 6px 6px;
	border-color: transparent transparent #FFF transparent;
}
a:hover > .tooltip {
	opacity: 1;
	-webkit-transition: opacity 120ms linear 400ms;
	transition: opacity 120ms linear 400ms;
}
.morePanel > textarea {
	position: relative;
	width: calc(100% - 80px);
	background-color: #FFF;
	border-radius: 6px;
	font-size: 15px;
	font-family: "maaxregular", system, -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif;
	font-weight: normal;
	font-style: normal;
	color: #1B1B1B;
	letter-spacing: -0.02em;
	line-height: 20px;
	padding: 16px 20px 16px 20px;
	margin: 30px 40px 0 40px;
	resize: none;
}
#imageSelector,
#imageScheduleSelector {
	position: relative;
	width: calc(100% - 80px);
	height: 210px;
	margin: 30px 0 0 40px;
	background-color: #343434;
	border-radius: 6px;
	overflow: hidden;
	z-index: 1;
}
#logoSelector {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.swiper-button-next,
.swiper-button-prev {
	position: absolute;
	width: 36px;
	height: 72px;
	background-color: rgba(27, 27, 27, .76);
	top: 50%;
	margin-top: -36px;
	z-index: 10;
	cursor: pointer;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-transition: all 90ms ease-in-out;
	transition: all 90ms ease-in-out;
}
.swiper-button-next:hover,
.swiper-button-prev:hover {
	background-color: #FFF;
}
.swiper-button-next:active,
.swiper-button-prev:active {
	-webkit-transform: translate3d(0, 1px, 0);
	transform: translate3d(0, 1px, 0);
}
.swiper-button-prev {
	border-top-right-radius: 36px;
	border-bottom-right-radius: 36px;
	left: 0;
}
.swiper-button-next {
	right: 0;
	border-top-left-radius: 36px;
	border-bottom-left-radius: 36px;
}
.swiper-button-next > svg,
.swiper-button-prev > svg {
	position: absolute;
	width: 16px;
	height: 14px;
	fill: #FFF;
	fill-rule: nonzero;
	top: 29px;
	pointer-events: none;
	-webkit-transition: all 90ms ease-in-out;
	transition: all 90ms ease-in-out;
}
.swiper-button-next:hover > svg,
.swiper-button-prev:hover > svg {
	fill: #1B1B1B;
}
.swiper-button-prev > svg {
	left: 7px;
}
.swiper-button-next > svg {
	left: 13px;
}
.swiper-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	-o-transition-property: transform;
	transition-property: transform;
	transition-property: transform,-webkit-transform;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}
.swiper-slide {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 100%;
	height: 100%;
	position: relative;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	-o-transition-property: transform;
	transition-property: transform;
	transition-property: transform,-webkit-transform;
	z-index: 1;
}
.swiper-button-disabled {
	opacity: 0.48;
	cursor: default;
	pointer-events: none;
}
#coverUpload,
#coverScheduleUpload {
	position: relative;
	font-family: "maaxbold";
	font-size: 11px;
	color: #FFF;
	text-transform: uppercase;
	background-color: rgba(27, 27, 27, .76);
	height: 24px;
	line-height: 25px;
	overflow: hidden;
	cursor: pointer;
	left: 50%;
	padding: 0 20px 0 20px;
	border-radius: 12px;
	display: inline-block;
	-webkit-transform: translate3d(-50%, -44px, 0);
	transform: translate3d(-50%, -44px, 0);
	z-index: 10;
	-webkit-transition: all 90ms ease-in-out;
	transition: all 90ms ease-in-out;
}
#coverUpload:hover,
#coverScheduleUpload:hover {
	background-color: #FFF;
	color: #1B1B1B;
}
#coverUpload:active,
#coverScheduleUpload:active {
	-webkit-transform: translate3d(-50%, -43px, 0);
	transform: translate3d(-50%, -43px, 0);
}
#coverSource,
#coverScheduleSource {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;
	opacity: 0;
}
#totalTime {
	position: relative;
	padding: 0 0 40px 40px;
	font-family: "maaxbold";
	font-size: 11px;
	color: #FFF;
	text-transform: uppercase;
	opacity: 0.32;
}
#editButtons {
	position: relative;
	height: 96px;
	padding: 30px 0 30px 0;
	border-bottom: 1px solid rgba(255, 255, 255, .32);
	margin: 0 40px 30px 40px;
}
#editButtons > a {
	display: block;
	position: relative;
	overflow: visible;
	width: 36px;
	height: 36px;
	float: left;
	border: 2px solid #FFF;
	border-radius: 36px;
	margin-right: 10px;
	-webkit-transition: all 90ms ease-in-out;
	transition: all 90ms ease-in-out;
}
#editButtons > a:hover {
	background-color: #FFF;
}
#editButtons > a:active {
	-webkit-transform: translate3d(0, 1px, 0);
	transform: translate3d(0, 1px, 0);
}
#editButtons > a > svg {
	position: absolute;
	fill: #FFF;
	fill-rule: nonzero;
	top: 50%;
	left: 50%;
	pointer-events: none;
	-webkit-transition: all 90ms ease-in-out;
	transition: all 90ms ease-in-out;
}
#editButtons > a:hover > svg {
	fill: #1B1B1B;
}
#editButtons > a#deletePlaylist:hover {
	background-color: #E60000;
	border-color: #E60000;
}
#deletePlaylist > svg {
	width: 18px;
	height: 20px;
	margin: -10px 0 0 -9px;
}
#clearPlaylist > svg {
	width: 20px;
	height: 20px;
	margin: -10px 0 0 -10px;
}
#shufflePlaylist > svg {
	width: 16px;
	height: 18px;
	margin: -8px 0 0 -8px;
}
#updatePlaylistButton {
	position: absolute;
	top: 30px;
	right: 0;
	border-color: #FFF;
	color: #FFF;
}
#updatePlaylistButton:hover {
	background-color: #FFF;
	color: #1B1B1B;
}
#updatePlaylistButton.loading {
	border-color: rgba(0, 0, 0, 0);
}
#updatePlaylistButton.loading .path {
	stroke: #FFF;
}
.tooltip {
	display: block;
	position: absolute;
	height: 24px;
	line-height: 25px;
	font-family: "maaxbold";
	overflow: visible;
	white-space: nowrap;
	font-size: 11px;
	color: #1B1B1B;
	text-transform: uppercase;
	letter-spacing: 0;
	background-color: #FFF;
	padding: 0 10px 0 10px;
	border-radius: 3px;
	bottom: -36px;
	left: -2px;
	pointer-events: none;
	opacity: 0;
	-webkit-transition: opacity 120ms linear 0ms;
	transition: opacity 120ms linear 0ms;
}
.tooltip::before {
	content: "";
	display: block;
	position: absolute;
	top: -5px;
	left: 12px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 6px 6px 6px;
	border-color: transparent transparent #FFF transparent;
}
a:hover > .tooltip {
	opacity: 1;
	-webkit-transition: opacity 120ms linear 400ms;
	transition: opacity 120ms linear 400ms;
}

/****
VIDEO
****/

#videoContainer {
	position: fixed;
	display: flex;
	align-items: center;
	justify-content: center;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: 0;
	display: none;
	background-color: rgba(0, 0, 0, .76);
	-webkit-transition: opacity 320ms ease-out;
	transition: opacity 320ms ease-out;
}
#videoPlayer {
	position: relative;
	background-color: #000;
	object-fit: contain;
	width: 640px;
	height: 360px;
	border-radius: 4px;
}
#videoContainer.show {
	opacity: 1;
}
#newPlaylistButton {
	display: none;
}
#videoContainer > a {
	position: absolute;
	display: block;
	cursor: pointer;
	margin: -296px 0 0 576px;
}
#videoContainer > a > svg {
	pointer-events: none;
}

/*******
SCHEDULE
*******/

#timeline {
	position: relative;
	overflow: hidden;
	margin: 0 20px 0 20px;
	border-bottom: 1px solid #EEE;
}
#timeline > ul {
	list-style: none;
	position: relative;
	top: 0;
	left: 0;
	width: 60px;
	height: 100%;
	overflow: hidden;
	border-right: 4px solid #EEE;
	padding-top: 41px;
	background-color: #FFF;
}
#timeline > ul > li {
	height: 41px;
	line-height: 40px;
	font-family: "maaxbold";
	font-size: 11px;
	color: #1B1B1B;
	text-transform: uppercase;
	letter-spacing: 0;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	border-top: 1px solid #EEE;
}
#timeline > div {
	position: absolute;
	margin-left: 60px;
	width: calc(200% - 120px);
	top: 0;
	bottom: 0;
	overflow: hidden;
}
#timeline > div > ul {
	position: relative;
	width: 100%;
	height: 100%;
	white-space: nowrap;
	border-top: 1px solid #EEE;
}
#timeline > div > ul,
#timeline > div > div {
	/*
	-webkit-transition: -webkit-transform 60ms ease-in-out;
	transition: transform 60ms ease-in-out;
	*/
}
#timeline.n0 > div > ul,
#timeline.n0 > div > div {
	-webkit-transform: translateX(0);
	transform: translateX(0);
}
#timeline.n1 > div > ul,
#timeline.n1 > div > div {
	-webkit-transform: translateX(calc(0px - ((100% / 24) * 1)));
	transform: translateX(calc(0px - ((100% / 24) * 1)));
}
#timeline.n2 > div > ul,
#timeline.n2 > div > div {
	-webkit-transform: translateX(calc(0px - ((100% / 24) * 2)));
	transform: translateX(calc(0px - ((100% / 24) * 2)));
}
#timeline.n3 > div > ul,
#timeline.n3 > div > div {
	-webkit-transform: translateX(calc(0px - ((100% / 24) * 3)));
	transform: translateX(calc(0px - ((100% / 24) * 3)));
}
#timeline.n4 > div > ul,
#timeline.n4 > div > div {
	-webkit-transform: translateX(calc(0px - ((100% / 24) * 4)));
	transform: translateX(calc(0px - ((100% / 24) * 4)));
}
#timeline.n5 > div > ul,
#timeline.n5 > div > div {
	-webkit-transform: translateX(calc(0px - ((100% / 24) * 5)));
	transform: translateX(calc(0px - ((100% / 24) * 5)));
}
#timeline.n6 > div > ul,
#timeline.n6 > div > div {
	-webkit-transform: translateX(calc(0px - ((100% / 24) * 6)));
	transform: translateX(calc(0px - ((100% / 24) * 6)));
}
#timeline.n7 > div > ul,
#timeline.n7 > div > div {
	-webkit-transform: translateX(calc(0px - ((100% / 24) * 7)));
	transform: translateX(calc(0px - ((100% / 24) * 7)));
}
#timeline.n8 > div > ul,
#timeline.n8 > div > div {
	-webkit-transform: translateX(calc(0px - ((100% / 24) * 8)));
	transform: translateX(calc(0px - ((100% / 24) * 8)));
}
#timeline.n9 > div > ul,
#timeline.n9 > div > div {
	-webkit-transform: translateX(calc(0px - ((100% / 24) * 9)));
	transform: translateX(calc(0px - ((100% / 24) * 9)));
}
#timeline.n10 > div > ul,
#timeline.n10 > div > div {
	-webkit-transform: translateX(calc(0px - ((100% / 24) * 10)));
	transform: translateX(calc(0px - ((100% / 24) * 10)));
}
#timeline.n11 > div > ul,
#timeline.n11 > div > div {
	-webkit-transform: translateX(calc(0px - ((100% / 24) * 11)));
	transform: translateX(calc(0px - ((100% / 24) * 11)));
}
#timeline.n12 > div > ul,
#timeline.n12 > div > div,
#timeline.n13 > div > ul,
#timeline.n13 > div > div,
#timeline.n14 > div > ul,
#timeline.n14 > div > div,
#timeline.n15 > div > ul,
#timeline.n15 > div > div,
#timeline.n16 > div > ul,
#timeline.n16 > div > div,
#timeline.n17 > div > ul,
#timeline.n17 > div > div,
#timeline.n18 > div > ul,
#timeline.n18 > div > div {
	-webkit-transform: translateX(calc(0px - ((100% / 24) * 12)));
	transform: translateX(calc(0px - ((100% / 24) * 12)));
}
#timeline > div > div {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	cursor: move;
}
#timeline > div > div > div {
	position: absolute;
	overflow: visible;
	width: 100%;
	margin-left: 2px;
	height: 36px;
	line-height: 36px;
	font-family: "maaxbold";
	text-indent: 10px;
	font-size: 11px;
	color: #FFF;
	text-transform: uppercase;
	letter-spacing: 0;
	cursor: pointer;
}
.c0 {
	background-color: #1E88E5;
}
.c1 {
	background-color: #D81B60;
}
.c2 {
	background-color: #8E24AA;
}
.c3 {
	background-color: #5E35B1;
}
.c4 {
	background-color: #43A047;
}
.c5 {
	background-color: #E53935;
}
.c6 {
	background-color: #0288D1;
}
.c7 {
	background-color: #00897B;
}
.c8 {
	background-color: #F4511E;
}
.c9 {
	background-color: #3949AB;
}
.c10 {
	background-color: #00ACC1;
}
.c11 {
	background-color: #757575;
}
.c12 {
	background-color: #546E7A;
}
#timeline > div > div > div > span {
	position: relative;
	display: block;
	pointer-events: none;
}
#timeline > div > div > div::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	background-color: #FFF;
	opacity: 0;
	-webkit-transition: opacity 90ms ease-in-out;
	transition: opacity 90ms ease-in-out;
}
#timeline > div > div > div:hover::before {
	opacity: 0.24;
}
#timeline > div > div > div > a {
	display: block;
	overflow: hidden;
	position: absolute;
	pointer-events: none;
	top: 0;
	left: -7px;
	width: 9px;
	height: 36px;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSIzNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgPHBhdGggZD0iTTAgMGg5YTIgMiAwIDAgMC0yIDJ2MzJhMiAyIDAgMCAwIDIgMkgwYTIgMiAwIDAgMCAyLTJWMmEyIDIgMCAwIDAtMi0yeiIgZmlsbD0iI0ZGRiIvPgogICAgPHBhdGggZmlsbD0iI0VFRSIgZD0iTTQgMGgxdjM2SDR6Ii8+CiAgPC9nPgo8L3N2Zz4=");
}
.mon {
	top: 44px;
}
.tue {
	top: 85px;
}
.wed {
	top: 126px;
}
.thu {
	top: 167px;
}
.fri {
	top: 208px;
}
.sat {
	top: 249px;
}
.sun {
	top: 290px;
}
.u0000 {
	left: 0;
}
.u0030 {
	left: calc((100% / 48) * 1);
}
.u0100 {
	left: calc((100% / 48) * 2);
}
.u0130 {
	left: calc((100% / 48) * 3);
}
.u0200 {
	left: calc((100% / 48) * 4);
}
.u0230 {
	left: calc((100% / 48) * 5);
}
.u0300 {
	left: calc((100% / 48) * 6);
}
.u0330 {
	left: calc((100% / 48) * 7);
}
.u0400 {
	left: calc((100% / 48) * 8);
}
.u0430 {
	left: calc((100% / 48) * 9);
}
.u0500 {
	left: calc((100% / 48) * 10);
}
.u0530 {
	left: calc((100% / 48) * 11);
}
.u0600 {
	left: calc((100% / 48) * 12);
}
.u0630 {
	left: calc((100% / 48) * 13);
}
.u0700 {
	left: calc((100% / 48) * 14);
}
.u0730 {
	left: calc((100% / 48) * 15);
}
.u0800 {
	left: calc((100% / 48) * 16);
}
.u0830 {
	left: calc((100% / 48) * 17);
}
.u0900 {
	left: calc((100% / 48) * 18);
}
.u0930 {
	left: calc((100% / 48) * 19);
}
.u1000 {
	left: calc((100% / 48) * 20);
}
.u1030 {
	left: calc((100% / 48) * 21);
}
.u1100 {
	left: calc((100% / 48) * 22);
}
.u1130 {
	left: calc((100% / 48) * 23);
}
.u1200 {
	left: calc((100% / 48) * 24);
}
.u1230 {
	left: calc((100% / 48) * 25);
}
.u1300 {
	left: calc((100% / 48) * 26);
}
.u1330 {
	left: calc((100% / 48) * 27);
}
.u1400 {
	left: calc((100% / 48) * 28);
}
.u1430 {
	left: calc((100% / 48) * 29);
}
.u1500 {
	left: calc((100% / 48) * 30);
}
.u1530 {
	left: calc((100% / 48) * 31);
}
.u1600 {
	left: calc((100% / 48) * 32);
}
.u1630 {
	left: calc((100% / 48) * 33);
}
.u1700 {
	left: calc((100% / 48) * 34);
}
.u1730 {
	left: calc((100% / 48) * 35);
}
.u1800 {
	left: calc((100% / 48) * 36);
}
.u1830 {
	left: calc((100% / 48) * 37);
}
.u1900 {
	left: calc((100% / 48) * 38);
}
.u1930 {
	left: calc((100% / 48) * 39);
}
.u2000 {
	left: calc((100% / 48) * 40);
}
.u2030 {
	left: calc((100% / 48) * 41);
}
.u2100 {
	left: calc((100% / 48) * 42);
}
.u2130 {
	left: calc((100% / 48) * 43);
}
.u2200 {
	left: calc((100% / 48) * 44);
}
.u2230 {
	left: calc((100% / 48) * 45);
}
.u2300 {
	left: calc((100% / 48) * 46);
}
.u2330 {
	left: calc((100% / 48) * 47);
}
.u2400 {
	left: calc((100% / 48) * 48);
}
.u2430 {
	left: calc((100% / 48) * 49);
}
#timeline > div > ul > li {
	display: inline-block;
	width: calc(100% / 24);
	height: 100%;
	overflow: hidden;
	border-right: 1px solid #EEE;
	line-height: 40px;
	font-family: "maaxbold";
	font-size: 11px;
	color: #1B1B1B;
	text-transform: uppercase;
	letter-spacing: 0;
	text-indent: 10px;
	background-position: center 40px;
	background-repeat: repeat-y;
	background-size: 1001px 41px;
	background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwMSIgaGVpZ2h0PSI0MSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8ZyBmaWxsPSIjRUVFIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgPHBhdGggZD0iTTAgMGgxMDAxdjFIMHoiLz4KICAgIDxwYXRoIGQ9Ik01MDAgMGgxdjQxaC0xeiIvPgogIDwvZz4KPC9zdmc+");
}
#timeline > div > ul > li > span {
	position: relative;
	display: block;
}
#timeline > div > ul > li::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 40px;
	background-color: #FFF;
}
#schedulePrev,
#scheduleNext {
	display: block;
	float: right;
	position: relative;
	width: 78px;
	height: 36px;
	background-color: #FFF;
	border: 2px solid #1B1B1B;
	overflow: hidden;
	text-indent: -999px;
	margin-top: 40px;
	-webkit-transition: background-color 90ms ease-in-out;
	transition: background-color 90ms ease-in-out;
}
#schedulePrev {
	border-top-left-radius: 18px;
	border-bottom-left-radius: 18px;
	margin-right: 2px;
}
#scheduleNext {
	border-top-right-radius: 18px;
	border-bottom-right-radius: 18px;
	margin-left: 2px;
	margin-right: 20px;
}
#schedulePrev:hover,
#scheduleNext:hover {
	background-color: #1B1B1B;
}
#schedulePrev:active,
#scheduleNext:active {
	-webkit-transform: translateY(1px);
	transform: translateY(1px);
}
#schedulePrev > svg,
#scheduleNext > svg {
	position: absolute;
	top: calc(50% - 6px);
	left: calc(50% - 4px);
	width: 8px;
	height: 12px;
	fill: #1B1B1B;
	fill-rule: evenodd;
	-webkit-transition: fill 90ms ease-in-out;
	transition: fill 90ms ease-in-out;
	pointer-events: none;
}
#schedulePrev:hover > svg,
#scheduleNext:hover > svg {
	fill: #FFF;
}
.modal {
	position: fixed;
	display: flex;
	justify-content: center;
	align-items: center;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: 0;
	visibility: hidden;
	background-color: rgba(27, 27, 27, .96);
	-webkit-transition: opacity 240ms ease-in-out, visibility 0ms linear 300ms;
	transition: opacity 240ms ease-in-out, visibility 0ms linear 300ms;
}
.modal.open {
	opacity: 1;
	visibility: visible;
	-webkit-transition: opacity 240ms ease-in-out, visibility 0ms linear 0ms;
	transition: opacity 240ms ease-in-out, visibility 0ms linear 0ms;
}
.modal > div {
	margin: auto;
	max-height: 100%;
	overflow: auto;
}
.modal > div > div {
	background: white;
	width: 420px;
	background-color: #FFF;
	border-radius: 18px;
	padding: 0;
	overflow: auto;
}
.modal > div > div > .input {
	margin: 25px 30px 0 30px;
}
.modal > div > div > .input:nth-child(1) {
	margin-top: 30px;
}
.modal > div > div > .input:nth-child(2) {
	float: left;
	width: calc(50% - 40px);
	margin-right: 10px;
	margin-bottom: 30px;
}
.modal > div > div > .input:nth-child(3) {
	float: left;
	width: calc(50% - 40px);
	margin-left: 10px;
	margin-right: 0;
	margin-bottom: 30px;
}
.button_group {
	margin: 0 30px 0 30px;
	border-top: 1px solid #EEE;
	padding-top: 30px;
	height: 96px;
	clear: both;
	overflow: auto;
}
.button_group > button {
	float: right;
	width: calc(50% - 10px);
}
.button_group > button:nth-child(1) {
	margin: 0 0 0 10px;
}
.button_group > button:nth-child(2) {
	margin: 0 10px 0 0;
}
#windowLoading {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(255, 255, 255, .76);
	display: none;
}
#windowLoading .loader {
	top: calc(50% - 18px);
}
#windowLoading.loading {
	display: block;
}


/*** MIX ***/
.mixPanelSelect {
	position: absolute;
	top: 0;
	right: 0;
	height: 50px;
	width: auto;
	line-height: 50px;
	font-family: "maaxbold";
	font-size: 11px;
	color: #FFF;
	text-transform: uppercase;
	text-align: right;
	padding: 0 38px 0 20px;
	letter-spacing: 0;
	cursor: pointer;
	overflow: hidden;
}
.mixPanelSelect > span {
	pointer-events: none;
}
.mixPanelSelect:after {
	content: "";
	display: block;
	position: absolute;
	right: 20px;
	top: 22px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 4px 4px 0 4px;
	border-color: #FFF transparent transparent transparent;
	-webkit-transition: all 90ms ease-in-out;
	transition: all 90ms ease-in-out;
	pointer-events: none;
}
.mixPanelSelect > select {
	position: absolute;
	top: 0;
	right: 0;
	width: 300px;
	height: 50px;
	display: block;
	cursor: pointer;
	opacity: 0;
	border: none;
	padding: 0;
	margin: 0;
}
.mixPanel > h2 {
	position: absolute;
	top: 0;
	left: 20px;
	height: 50px;
	width: auto;
	line-height: 50px;
	font-family: "maaxbold";
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
	color: #FFF;
	text-transform: uppercase;
	letter-spacing: 0;
	overflow: hidden;
	pointer-events: none;
}
.mixPanel {
	position: relative;
	background-color: #1B1B1B;
	border-radius: 6px;
	float: left;
	height: 100%;
}
#mixPanelChannels {
	margin: 0 5px 0 20px;
	width: calc((100% / 3) - 20px);
}
#mixPanelPatterns {
	margin: 0 5px 0 5px;
	width: calc((100% / 3) - 20px);
}
#mixPanelExclusions {
	margin: 0 20px 0 5px;
	width: calc((100% / 3) - 20px);
}
.mixPanel > ul {
	display: block;
	list-style: none;
	position: absolute;
	top: 50px;
	right: 4px;
	bottom: 4px;
	left: 4px;
	overflow: hidden;
	overflow-y: auto;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
}
.mixPanel > ul > li {
	display: block;
	width: 100%;
	height: 40px;
	line-height: 40px;
	padding: 0 16px 0 50px;
	font-size: 15px;
	color: #FFF;
	font-family: "maaxregular";
	letter-spacing: -0.3px;
	cursor: pointer;
}
#mixPanelPatternList > li:last-of-type::after {
	content: "Repeat pattern from start";
	display: block;
	position: absolute;
	width: 100%;
	height: 40px;
	line-height: 40px;
	padding: 0 16px 0 50px;
	font-size: 15px;
	color: #FFF;
	font-family: "maaxregular";
	letter-spacing: -0.3px;
	pointer-events: none;
	top: 40px;
	left: 0;
}
#mixPanelPatternList > li.slip-reordering:last-of-type::before,
#mixPanelPatternList > li.slip-reordering:last-of-type::after {
	display: none;
}
#mixPanelPatternList > li:last-of-type::before {
	content: "";
	display: block;
	position: absolute;
	pointer-events: none;
	width: 17px;
	height: 14px;
	top: 52px;
	left: 16px;
	opacity: 0.48;
	background-repeat: no-repeat;
	background-size: 17px 14px;
	background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNyIgaGVpZ2h0PSIxNCI+PHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOS44ODMgMS45OTNBMSAxIDAgMCAxIDEwIDBhNyA3IDAgMSAxLTcgN0gwbDQtNCA0IDRINWE1IDUgMCAxIDAgNS01bC0uMTE3LS4wMDdaIi8+PC9zdmc+");
}
.mixPanel > ul > li > span {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: inline-block;
	width: 100%;
}
#mixPanelChannelsList > li,
#mixPanelExclusionsList > li,
#mixPanelPatternList > li > span > span {
	text-transform: capitalize;
}
#mixPanelPatternList > li > span > span,
#mixPanelExclusionsList > li > span > span {
	font-family: "maaxmedium";
}
#mixPanelPatternList > li > span > svg {
	width: 11px;
	height: 11px;
	display: inline-block;
	vertical-align: top;
	margin: 16px 0 0 6px;
	opacity: 0.48;
}
#mixPanelPatternList > li > span > svg path {
	fill: #FFF;
}
.mixPanel > ul > li * {
	pointer-events: none;
}
.mixPanel > ul > li:nth-child(odd) {
	background-color: #222;
}
.mixPanel > ul > li:hover,
.mixPanel > ul > li:nth-child(odd):hover {
	background-color: #EBEBEB;
	color: #1B1B1B;
}
#mixPanelChannelsList > li:active,
#mixPanelChannelsList > li:nth-child(odd):active {
	background-color: #888;
}
#mixPanelChannelsList > li > svg {
	display: block;
	width: 18px;
	height: 18px;
	position: absolute;
	top: 11px;
	left: 16px;
}
#mixPanelChannelsList > li > svg path {
	fill: #FFF;
}
#mixPanelChannelsList > li > svg path:first-child {
	opacity: 0.48;
}
#mixPanelChannelsList > li:hover > svg path,
#mixPanelChannelsList > li:nth-child(odd):hover > svg path,
#mixPanelChannelsList > li:active > svg path,
#mixPanelChannelsList > li:nth-child(odd):active > svg path {
	fill: #1B1B1B;
}
#mixPanelChannelsList > li:hover > svg path:first-child,
#mixPanelChannelsList > li:nth-child(odd):hover > svg path:first-child,
#mixPanelChannelsList > li:active > svg path:first-child,
#mixPanelChannelsList > li:nth-child(odd):active > svg path:first-child {
	opacity: 1;
}
.mixPanel.loading {
	pointer-events: none;
}
.mixPanel .loader {
	position: absolute;
	top: calc(50% - 18px);
	left: calc(50% - 18px);
	visibility: hidden;
}
.mixPanel.loading .loader {
	visibility: visible;
}
#mixPanelPatternList > li {
	cursor: default;
	padding: 0 80px 0 50px;
}
#mixPanelPatternList > li > div {
	display: block;
	width: 18px;
	height: 18px;
	position: absolute;
	top: 11px;
	left: 16px;
	background-color: #FFF;
	border-radius: 3px;
}
#mixPanelPatternList > li > svg {
	display: block;
	width: 40px;
	height: 40px;
	position: absolute;
	top: 0;
	right: 40px;
	pointer-events: all;
	cursor: pointer;
}
#mixPanelPatternList > li > svg:first-of-type {
	right: 0;
	cursor: grab;
}
#mixPanelPatternList > li > svg:first-of-type:active {
	cursor: grabbing;
}
#mixPanelPatternList > li > svg path {
	fill: #FFF;
}
#mixPanelPatternList > li > svg path:first-child {
	opacity: 0.48;
}
#mixPanelPatternList > li > svg:first-of-type path:first-child {
	opacity: 0.12;
}
#mixPanelPatternList > li:hover > svg path,
#mixPanelPatternList > li:nth-child(odd):hover > svg path,
#mixPanelPatternList > li:active > svg path,
#mixPanelPatternList > li:nth-child(odd):active > svg path {
	fill: #1B1B1B;
}
#mixPanelPatternList > li:hover > span > svg path {
	fill: #1B1B1B;
}
#mixPanelExclusionsList > li > div {
	display: block;
	box-sizing: border-box;
	width: 18px;
	height: 18px;
	position: absolute;
	top: 11px;
	left: 16px;
	border: 2px solid rgba(255, 255, 255, .48);
	border-radius: 3px;
}
#mixPanelExclusionsList > li:hover > div {
	border-color: #1B1B1B;
}
#mixPanelExclusionsList > li > div::before,
#mixPanelExclusionsList > li > div::after {
	content: "";
	display: block;
	position: absolute;
	background-color: #1B1B1B;
	transform: rotate(45deg);
	opacity: 0;
}
#mixPanelExclusionsList > li > div::before {
	width: 5px;
	height: 2px;
	top: 10px;
	left: 4px;
}
#mixPanelExclusionsList > li > div::after {
	width: 2px;
	height: 8px;
	top: 5px;
	left: 9.6px;
}
#mixPanelExclusionsList > li:hover > div::before,
#mixPanelExclusionsList > li:hover > div::after {
	background-color: #FFF;
}
#mixPanelExclusionsList > li.selected > div {
	border: none;
	background-color: #FFF;
}
#mixPanelExclusionsList > li.selected:hover > div {
	background-color: #1B1B1B;
}
#mixPanelExclusionsList > li.selected > div::before,
#mixPanelExclusionsList > li.selected > div::after {
	opacity: 1;
}
#mixWarning i {
	font-style: normal;
}

/***** LABEL MIX *****/

#labelMix {
	position: relative;
	overflow: auto;
	padding: 0 0 34px 0;
}
#labelMix::before {
	content: "";
	display: block;
	width: calc(100% - 80px);
	margin-left: 40px;
	height: 1px;
	background-color: rgba(255, 255, 255, .32);
}
#labelMix > span,
#labelMix > div {
	position: relative;
	width: calc((100% - 114px) / 2);
	float: left;
	margin-left: 34px;
}
#labelMix > span:first-of-type,
#labelMix > div:first-of-type {
	margin-left: 40px;
}
#labelMix > span {
	font-family: "maaxbold";
	font-size: 11px;
	text-transform: uppercase;
	color: #FFF;
	padding: 30px 0 15px 0;
}
#labelMix > div::before {
	content: "";
	display: block;
	padding-top: 100%;
}
#labelMix > div > canvas {
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: hidden;
	top: 0;
	left: 0;
}

@media only screen and (max-width: 1200px) {

	/******
	SCREENS
	******/
	
	.screen > .window {
		right: 0;
	}
	
	/*******
	SIDEBARS
	*******/
	
	.sidebar {
		position: relative;
		top: auto;
		right: auto;
		bottom: auto;
		width: 100%;
		overflow: auto;
		padding: 0;
	}
	.sidebar::after {
		content: "";
		top: 0;
		left: 0;
		right: 0;
		bottom: auto;
		width: auto;
		height: 1px;
	}
	.sidebar > header {
		position: relative;
		top: auto;
		right: auto;
		left: auto;
		width: 100%;
		height: 116px;
	}
	.sidebar > header::before {
		left: auto;
	}
	.sidebar > header > button {
		top: 40px;
		right: 0;
	}
	
	/****
	FORMS
	****/
	
	button > svg {
		display: none;
	}
	button.warning {
		border-color: #E60000;
		color: #E60000;
	}
	
	/********
	PLAYLISTS
	********/
	
	#playlist .playlistHeader > span:nth-child(1) {
		width: calc((((100% - 246px) / 10) * 4) + 60px);
		text-indent: 20px;
	}
	#playlist .playlistHeader > span:nth-child(2),
	#playlist .playlistHeader > span:nth-child(3) {
		width: calc((((100% - 246px) / 10) * 3));
		margin-right: 20px;
	}
	#playlist .playlistHeader > span:nth-child(4) {
		display: none;
	}
	#playlist .window.playlist > ul > li > p:nth-child(1) {
		width: calc((((100% - 246px) / 10) * 4) + 40px);
		margin-right: 20px;
	}
	#playlist .window.playlist > ul > li > p:nth-child(2),
	#playlist .window.playlist > ul > li > p:nth-child(3) {
		width: calc((((100% - 246px) / 10) * 3));
		margin-right: 20px;
	}
	#playlist .window.playlist > ul > li > p:nth-child(4) {
		display: none;
	}
	#playlists > .window.playlist > ul > li > p:nth-child(1),
	#playlists .playlistHeader > span:nth-child(1),
	#channels > .window.playlist > ul > li > p:nth-child(1),
	#channels .playlistHeader > span:nth-child(1) {
		width: calc((((100% - 190px) / 12) * 5) - 20px);
	}
	#playlists > .window.playlist > ul > li > p:nth-child(2),
	#playlists .playlistHeader > span:nth-child(2),
	#channels > .window.playlist > ul > li > p:nth-child(2),
	#channels .playlistHeader > span:nth-child(2) {
		width: calc((((100% - 190px) / 12) * 7) - 20px);
	}

	#mrss .playlistHeader > span:nth-child(1) {
		width: calc((((100% - 170px) / 10) * 4) + 60px);
		text-indent: 20px;
	}
	#mrss .playlistHeader > span:nth-child(2),
	#mrss .playlistHeader > span:nth-child(3) {
		width: calc((((100% - 170px) / 10) * 3));
		margin-right: 20px;
	}
	#mrss .playlistHeader > span:nth-child(4) {
		display: none;
	}
	#mrss .window.playlist > ul > li > p:nth-child(1) {
		width: calc((((100% - 170px) / 10) * 4) + 40px);
		margin-right: 20px;
	}
	#mrss .window.playlist > ul > li > p:nth-child(2),
	#mrss .window.playlist > ul > li > p:nth-child(3) {
		width: calc((((100% - 170px) / 10) * 3));
		margin-right: 20px;
	}
	#mrss .window.playlist > ul > li > p:nth-child(4) {
		display: none;
	}

	/**
	MIX
	**/

	#mixPanelChannels {
		width: calc(50% - 25px);
		height: 70%;
	}
	#mixPanelPatterns {
		width: calc(50% - 25px);
		height: 70%;
		margin: 0 20px 0 5px;
	}
	#mixPanelExclusions {
		width: calc(100% - 40px);
		height: calc(30% - 10px);
		margin: 10px 20px 0 20px;
	}
	#mixWarning i {
		display: none;
	}

}

@media only screen and (max-width: 1022px) {

	/******
	SIDEBAR
	******/
	
	.sidebar {
		z-index: 0;
	}
	.sidebar > header {
		float: right;
		width: calc(50% - 10px);
	}
	.sidebar > header > button {
		width: 100%;
	}
	.sidebar > p {
		position: relative;
		float: left;
		width: 100%;
		padding: 40px 0 40px 0;
		border-top: 1px solid #EEE;
		overflow: hidden;
		overflow-y: hidden;
	}
	.sidebar > form {
		display: none;
	}
	
	/****
	FORMS
	****/
	
	.windowForm::after {
		display: none;
	}
	.windowForm > .input {
		width: 100%;
		float: none;
	}
	.windowForm > .input:nth-child(odd),
	.windowForm > .input:nth-child(even) {
		margin-left: 0;
		margin-right: 0;
	}
	#tvAutofill,
	#profileAutofill {
		float: none;
		width: 100%;
	}
	.window > button {
		float: none;
		position: absolute;
		z-index: 1;
		width: calc(50% - 80px);
	}
	.windowForm.standalone > .input:nth-child(2) {
		margin-top: 25px;
	}
	
	/********
	PLAYLISTS
	********/
	
	#addScheduleButton,
	#addMusicButton,
	#editScheduleButton,
	#editMixButton,
	#editPlaylistButton,
	#newPlaylistButton {
		overflow: hidden;
		text-indent: -999px;
		width: 46px;
		height: 94px;
		padding: 0;
		border: none;
		border-radius: 0;
		right: 40px;
		bottom: 0;
		background-position: 10px 39px;
		background-repeat: no-repeat;
		background-size: 16px 16px;
		background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggZD0iTTcgMTRhNyA3IDAgMSAxIDUuNjA2LTIuODA4bDMuMjUgMy4yNWEuNS41IDAgMCAxIDAgLjcwN2wtLjcwNy43MDdhLjUuNSAwIDAgMS0uNzA3IDBsLTMuMjUtMy4yNUE2Ljk2OSA2Ljk2OSAwIDAgMSA3IDE0em0wLTJBNSA1IDAgMSAwIDcgMmE1IDUgMCAwIDAgMCAxMHoiIGZpbGw9IiMxQjFCMUIiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPgo8L3N2Zz4=");
	}
	#editMixButton,
	#editScheduleButton,
	#editPlaylistButton {
		right: 96px;
		background-position: 19px 38px;
		background-size: 18px 18px;
		background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggZD0iTTEwIDE3YTEgMSAwIDAgMSAwLTJoNmExIDEgMCAxIDEgMCAyaC02ek0xNC44MS4xMDZhMy4xMjEgMy4xMjEgMCAwIDEgMS4zOTkgNS4yMjJsLTEwLjUgMTAuNWExIDEgMCAwIDEtLjQ2NS4yNjRsLTQgMWExIDEgMCAwIDEtMS4yMTItMS4yMTNsMS00YTEgMSAwIDAgMSAuMjYzLS40NjVsMTAuNS0xMC41YTMuMTIxIDMuMTIxIDAgMCAxIDMuMDE1LS44MDh6TTQuNDg5IDE0LjIxOEwxNC43OTUgMy45MTRhMS4xMjEgMS4xMjEgMCAxIDAtMS41ODYtMS41ODZMMi45MDQgMTIuNjMzbC0uNTI5IDIuMTE0IDIuMTE1LS41Mjl6IiBmaWxsPSIjMUIxQjFCIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz4KPC9zdmc+");
	}
	#newPlaylistButton {
		background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggZD0iTTkgN2g2LjVhLjUuNSAwIDAgMSAuNS41djFhLjUuNSAwIDAgMS0uNS41SDl2Ni41YS41LjUgMCAwIDEtLjUuNWgtMWEuNS41IDAgMCAxLS41LS41VjlILjVhLjUuNSAwIDAgMS0uNS0uNXYtMUEuNS41IDAgMCAxIC41IDdIN1YuNWEuNS41IDAgMCAxIC41LS41aDFhLjUuNSAwIDAgMSAuNS41Vjd6IiBmaWxsPSIjMUIxQjFCIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz4KPC9zdmc+");
	}
	#editMixButton:hover,
	#addScheduleButton:hover,
	#addMusicButton:hover,
	#editScheduleButton:hover,
	#editPlaylistButton:hover,
	#newPlaylistButton:hover {
		background-color: rgba(255, 255, 255, 0);
	}
	#playlistHeader {
		width: calc(100% - 140px);
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	#mrss .playlistHeader > span:nth-child(1) {
		width: calc(100% - 70px);
		text-indent: 20px;
	}
	#playlist .playlistHeader > span:nth-child(1) {
		width: calc(100% - 146px);
		text-indent: 20px;
	}
	#mrss .playlistHeader > span:nth-child(2),
	#mrss .playlistHeader > span:nth-child(3),
	#mrss .playlistHeader > span:nth-child(4),
	#playlist .playlistHeader > span:nth-child(2),
	#playlist .playlistHeader > span:nth-child(3),
	#playlist .playlistHeader > span:nth-child(4) {
		display: none;
	}
	#mrss > .window.playlist > ul > li > p:nth-child(1) {
		width: calc(100% - 80px);
		margin-right: 10px;
	}
	#playlist > .window.playlist > ul > li > p:nth-child(1) {
		width: calc(100% - 156px);
		margin-right: 10px;
	}
	#mrss .window.playlist > ul > li > p:nth-child(2),
	#mrss .window.playlist > ul > li > p:nth-child(3),
	#mrss .window.playlist > ul > li > p:nth-child(4),
	#playlist .window.playlist > ul > li > p:nth-child(2),
	#playlist .window.playlist > ul > li > p:nth-child(3),
	#playlist .window.playlist > ul > li > p:nth-child(4) {
		display: none;
	}
	#playlists > .window.playlist > ul > li > p:nth-child(1),
	#playlists .playlistHeader > span:nth-child(1),
	#channels > .window.playlist > ul > li > p:nth-child(1),
	#channels .playlistHeader > span:nth-child(1) {
		width: calc((((100% - 190px) / 12) * 12) - 20px);
	}
	#playlists > .window.playlist > ul > li > p:nth-child(2),
	#playlists .playlistHeader > span:nth-child(2),
	#channels > .window.playlist > ul > li > p:nth-child(2),
	#channels .playlistHeader > span:nth-child(2) {
		display: none;
	}

	/**
	MIX
	**/

	#mixPanelChannels {
		width: calc(50% - 5px);
		margin: 0 5px 0 0;
	}
	#mixPanelPatterns {
		width: calc(50% - 5px);
		margin: 0 0 0 5px;
	}
	#mixPanelExclusions {
		width: 100%;
		margin: 10px 0 0 0;
	}
	#editMixButton {
		right: 30px;
	}

}

@media only screen and (max-width: 800px) {
	
	/***
	MENU
	***/
	
	menu {
		position: fixed;
		top: 0;
		left: 0;
		bottom: 0;
		width: 100%;
		background-color: rgba(0, 0, 0, .76);
		opacity: 0;
		visibility: hidden;
		-webkit-transition: opacity 240ms ease-in-out 300ms, -webkit-transform 240ms ease-in-out 60ms, visibility 0ms linear 600ms;
		transition: opacity 240ms ease-in-out 300ms, transform 240ms ease-in-out 60ms, visibility 0ms linear 600ms;
	}
	menu.open {
		opacity: 1;
		visibility: visible;
		-webkit-transition: opacity 240ms ease-in-out, -webkit-transform 240ms ease-in-out, visibility 0ms linear 0ms;
		transition: opacity 240ms ease-in-out, transform 240ms ease-in-out, visibility 0ms linear 0ms;
	}
	menu::before {
		top: 0;
		left: 0;
		right: auto;
		bottom: 0;
		width: 280px;
		background-color: #FFF;
	}
	menu > div {
		right: auto;
		width: 280px;
		height: 106px;
	}
	menu > div > svg {
		top: 40px;
		left: 40px;
	}
	#close {
		display: block;
	}
	menu > ul {
		top: 106px;
		right: auto;
		width: 280px;
	}
	menu > ul > li {
		margin: 0 20px 0 20px;
	}
	menu > ul > li > span::after {
		background-position: -20px 0;
	}
	
	menu::before,
	menu > div,
	menu > ul {
		-webkit-transform: translateX(-280px);
		transform: translateX(-280px);
		-webkit-transition: -webkit-transform 240ms ease-in-out 60ms;
		transition: transform 240ms ease-in-out 60ms;
	}
	
	menu.open::before,
	menu.open > div,
	menu.open > ul {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
	
	/******
	SCREENS
	******/
	
	.screen > .window {
		top: 95px;
		right: 0;
		bottom: 0;
		left: 0;
		padding-left: 20px;
		padding-right: 20px;
	}
	header {
		left: 0;
		height: 95px;
	}
	header::before {
		left: 0;
		right: 0;
	}
	header > h1 {
		font-size: 24px;
		padding-top: 34px;
		text-indent: 0px;
		text-align: center;
	}
	header > h1 > span {
		display: none;
	}
	#hamburger {
		display: block;
	}
	
	/****
	FORMS
	****/
	
	.input {
		margin: 25px 0 0 0;
	}
	button {
		font-family: "maaxbold", system, -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif;
	}
	.check {
		padding: 0;
	}
	.window > button {
		width: calc(50% - 30px);
	}
	
	/***********
	REGISTRATION
	***********/
	
	.registration > h1 {
		display: none;
	}
	.registration > .form {
		margin-top: 40px;
		padding: 15px 20px 40px 20px;
	}
	.registration > div > button {
		margin: 40px 0 0 0;
	}
	.registration > div > a {
		margin-left: 0;
		padding-left: 0;
	}
	#registerToggle,
	#registerForgot {
		float: none;
		padding-left: 20px;
	}
	#registerToggle {
		padding-bottom: 10px;
	}
	#registerForgot {
		padding-top: 10px;
		opacity: 1;
	}
	#addressAutofill {
		width: calc(100% - 40px);
		left: 20px;
	}
	
	/*
	TV
	*/
	
	.imageContainer {
		height: 180px;
	}
	
	/********
	PLAYLISTS
	********/
	
	#editMixButton,
	#addScheduleButton,
	#addMusicButton,
	#editScheduleButton,
	#editPlaylistButton,
	#newPlaylistButton {
		right: 0;
		top: 0;
		bottom: auto;
	}
	#editMixButton,
	#editScheduleButton,
	#editPlaylistButton {
		right: 50px;
	}
	#playlistHeader {
		width: calc(100% - 160px);
		left: 80px;
		position: absolute;
	}
	.screen > .window.playlist > ul > li {
		border-radius: 0;
	}
	.screen > .window.playlist {
		padding-left: 0;
		padding-right: 0;
		top: 155px;
	}
	.screen.empty > .window.playlist {
		top: 95px;
	}
	.playlistHeader {
		top: 95px;
		left: 0;
		right: 0;
		border-bottom: 1px solid #EEE;
	}
	#scheduleLoader,
	#channelsLoader,
	#playlistLoader,
	#playlistsLoader {
		left: calc(50% - 18px);
	}
	
	/*****
	SEARCH
	*****/
	
	.morePanel {
		width: 100%;
		max-width: 100%;
	}
	#editMixInput,
	#searchInput,
	#editInput {
		margin: 30px 0 0 20px;
		width: calc(100% - 40px);
		padding-right: 40px;
	}
	.morePanelClose {
		top: 32px;
		right: 19px;
		border: none;
	}
	.morePanelClose > svg {
		top: -2px;
		right: auto;
		left: -4px;
		fill: #1B1B1B;
	}
	.morePanelClose:hover {
		background-color: rgba(255, 255, 255, 0);
	}
	.morePanelClose:hover > svg {
		fill: #1B1B1B;
	}
	.morePanelClose.white .path {
		stroke: #1B1B1B;
		r: 16;
	}
	#searchFilters {
		top: 95px;
		right: 20px;
		left: 20px;
	}
	#searchFilters > ul {
		height: 131px;
		overflow: hidden;
	}
	#searchFilters > ul > li {
		width: calc((100% - 16px) / 3);
	}
	#searchFilters > ul > li:nth-last-child(5),
	#searchFilters > ul > li:nth-last-child(6) {
		margin-right: 0;
	}
	#searchResults {
		right: 0;
		left: 0;
		top: 95px;
	}
	#search.filters #searchResults {
		top: 250px;
	}
	#searchResults > p {
		margin-left: 20px;
		width: calc(100% - 40px);
	}
	#searchResults > ul {
		padding: 0 20px 40px 20px;
	}
	.morePanel > textarea,
	#imageSelector,
	#imageScheduleSelector {
		width: calc(100% - 40px);
		margin: 30px 20px 0 20px;
	}
	#editButtons {
		margin-left: 20px;
		margin-right: 20px;
	}
	
	/****
	VIDEO
	****/
	
	#videoFrame {
		width: 100%;
		height: calc(100vw * 0.56);
		top: 50%;
		left: 0;
		-webkit-transform: translate3d(0, -50%, 0);
		transform: translate3d(0, -50%, 0);
	}
	#totalTime {
		padding-left: 20px;
	}

	/*******
	SCHEDULE
	*******/
	
	.screen#schedule > .window.full {
		padding-left: 0;
	}
	#timeline {
		margin: 0;
	}
	#timeline > ul {
		width: 70px;
	}
	#timeline > ul > li {
		text-indent: 20px;
	}
	#timeline > div {
		margin-left: 70px;
		width: calc(600% - 420px);
	}
	#timeline.n13 > div > ul,
	#timeline.n13 > div > div {
		-webkit-transform: translateX(calc(0px - ((100% / 24) * 13)));
		transform: translateX(calc(0px - ((100% / 24) * 13)));
	}
	#timeline.n14 > div > ul,
	#timeline.n14 > div > div {
		-webkit-transform: translateX(calc(0px - ((100% / 24) * 14)));
		transform: translateX(calc(0px - ((100% / 24) * 14)));
	}
	#timeline.n15 > div > ul,
	#timeline.n15 > div > div {
		-webkit-transform: translateX(calc(0px - ((100% / 24) * 15)));
		transform: translateX(calc(0px - ((100% / 24) * 15)));
	}
	#timeline.n16 > div > ul,
	#timeline.n16 > div > div {
		-webkit-transform: translateX(calc(0px - ((100% / 24) * 16)));
		transform: translateX(calc(0px - ((100% / 24) * 16)));
	}
	#timeline.n17 > div > ul,
	#timeline.n17 > div > div {
		-webkit-transform: translateX(calc(0px - ((100% / 24) * 17)));
		transform: translateX(calc(0px - ((100% / 24) * 17)));
	}
	#timeline.n18 > div > ul,
	#timeline.n18 > div > div {
		-webkit-transform: translateX(calc(0px - ((100% / 24) * 18)));
		transform: translateX(calc(0px - ((100% / 24) * 18)));
	}
	#scheduleNext {
		margin-right: 0;
	}
	.modal > div {
		width: 100%;
	}
	.modal > div > div {
		width: calc(100% - 40px);
		margin-left: 20px;
	}
	.modal > div > div {
		margin-top: 74px;
		margin-bottom: 40px;
	}

	/**
	MIX
	**/

	#mixPanelChannels {
		width: 100%;
		margin: 0;
		height: calc(100% / 3);
	}
	#mixPanelPatterns {
		width: 100%;
		margin: 10px 0 0 0;
		height: calc((100% / 3) - 10px);
	}
	#mixPanelExclusions {
		width: 100%;
		margin: 10px 0 0 0;
		height: calc((100% / 3) - 10px);
	}
	#editMixButton {
		right: 10px;
	}
	
}

@media only screen and (max-width: 370px) {

	/*
	TV
	*/
	
	.imageContainer > p {
		top: calc(50% - 25px);
		width: 36px;
		height: 50px;
		margin: 0 2px 0 2px;
		border-radius: 6px;
		font-size: 32px;
		line-height: 50px;
	}

}

@media only screen and (max-width: 359px) {
	
	.check {
		width: 100%;
		margin-top: 30px;
	}
	.registration > div > button {
		margin-top: 20px;
	}

}