@font-face {
	font-family: 'HNLT Pro';
	src: url('/assets/font/HelveticaNeueLTPro-Roman.woff2') format('woff2'),
		url('/assets/font/HelveticaNeueLTPro-Roman.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'HNLT Pro';
	src: url('/assets/font/HelveticaNeueLTPro-Md.woff2') format('woff2'),
		url('/assets/font/HelveticaNeueLTPro-Md.woff') format('woff');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'HNLT Pro';
	src: url('/assets/font/HelveticaNeueLTPro-Bd.woff2') format('woff2'),
		url('/assets/font/HelveticaNeueLTPro-Bd.woff') format('woff');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'DOMA';
	src: url('/assets/font/DreamOrphans-Regular.woff2') format('woff2'),
		url('/assets/font/DreamOrphans-Regular.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Dealerplate';
	src: url('/assets/font/DealerplateCalifornia-Regular.woff2') format('woff2'),
		url('/assets/font/DealerplateCalifornia-Regular.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

body, html {
	padding: 0;
	margin: 0;
	width: 100%;
	min-height: 100vh;
	/*overflow-y: hidden;*/
	overflow-x: hidden;
	font-family: 'HNLT Pro';
	text-size-adjust: none;
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
}

.container {
	/*display: table-cell;*/
	/*padding: 0px 50px;*/
	box-sizing: border-box;
	vertical-align: middle;
	margin: 30px auto 0 auto;
	width: calc(100vw - 60px - (100vw - 100%));
	max-width: 450px;
	z-index: 999;
	position: relative;
	/*overflow-y: hidden;*/
}

.link-icon-container {
	margin-right: 3px;
}

.link-icon-container,.link-arrow-container {
	position: relative;
	display: inline-block;
	vertical-align: top;
	height: 60px;
	width: 40px;
}

.link-arrow-container {
	float: right;
	vertical-align: top;
}

.link-icon {
	position: absolute;
	top: 50%;
	/*left: 50%;*/
	left: 0;
	/*transform: translate(-50%,-50%);*/
	transform: translateY(-50%);
	display: inline-block;
	vertical-align: top;
}

.link-icon[data-ic=sc] {
	width: 27px;
}

.link-icon[data-ic=yt] {
	width: 27px;
}

.link-icon[data-ic=sp] {
	width: 22px;
}

.link-icon[data-ic=ap] {
	width: 25px;
}

.link-icon[data-ic=td] {
	width: 32px;
}

.link-icon[data-ic=bc] {
	width: 32px;
}

.link-icon[data-ic=ul] {
	width: 25px;
}

.link-icon[data-ic=dl] {
	width: 25px;
}

.link-icon[data-ic=dl2] {
	width: 26px;
	padding-left:2px;
}

.link-icon[data-ic=ytm] {
	width: 28px;
}

.link-icon[data-ic=bc] {
	width: 27px;
}

.link-icon[data-ic=doc] {
	width: 24px;
}

.link-icon[data-ic=gdp] {
	width: 27px;
}

.link-icon[data-ic=sh] {
	padding-left: 1px;
	width: 21px;
}

.link {
	font-size: 20px;
	/*font-family: 'DOMA';*/
	display: block;
	font-weight: 600;
	height: 60px;
	line-height: 60px;
	text-decoration: none;
	transition: 200ms all cubic-bezier(0.19, 1, 0.22, 1);
	overflow: hidden;
}

.link-text {
	vertical-align:top;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width:  calc(100% - 90px);
	display:  inline-block;
}

.link-text-context {
    font-family: 'HNLT Pro';
    font-weight: 600;
    font-size: 13px;
}

.link:hover {
	opacity: .6;
}

.link-arrow {
	height: 15px;
	width: 15px;
	position: absolute;
	top: 50%;
	/*left: 50%;*/
	right: 0;
	/*transform: translate(-50%,-50%);*/
	transform: translateY(-50%);
}
/*
.artist {
	font-size: 34px;
	font-weight: 600;
	margin-bottom: 10px;
}

.title {
	font-size: 23px;
	font-weight: 500;
	margin-bottom: 30px;
}
*/

.artist {
	font-size: 23px;
	margin-bottom: 30px;
	line-height: 25px;
}

.artist .artist-name {
	font-weight: 500;
}

/*.artist .artist-by {
	font-style: italic;
	font-size: 20px;
}
*/
.title {
    /*font-family: 'DOMA';*/
	font-size: 32px;
	line-height: 40px;
	font-weight: 600;
	margin-bottom: 5px;
}

.description {
	font-size: 15px;
	font-weight: 400;
	margin-bottom: 30px;
}

.coverart-container,.coverart {
	border-radius: 5px;
}

.coverart-container {
	width: 100%;
	margin-bottom: 30px;
}

.coverart {
	display: block;
	width: 100%;
	height: 100%;
}

.footer {
	line-height: 20px;
	/*font-family: 'Georgia';*/
	opacity: .75;
	margin: 60px 0;
	font-size: 14px;
}

.footer-info {
	display: block;
}

.footer-end {
	font-size: 14px;
	display: flex;
}

.footer-end span {
	white-space: nowrap;
	float: left;
}

.footer-info span {
	vertical-align: top;
}

.footer-catalogue {
	/*float: left;*/
}

.footer-date {
	float: right;
}

.marquee-container {
	flex-grow: 1;
	display: inline-block;
	overflow: hidden;
	white-space: nowrap;
	margin-left: 10px;
}

.marquee {
	display: inline-block;
	animation: marquee 40s linear infinite;
}

.ma-link {
	font-family: 'DOMA';
	text-transform: uppercase;
	font-size: 12px;
}

@keyframes marquee {
	from {
		transform: translateX(0%);
	}
	to {
		transform: translateX(-200%);
	}
}

/* Pre-release styles */
.prerelease-date {
	text-align: center;
	font-family: 'HNLT Pro', sans-serif;
	font-size: 14px;
	margin: 16px 0;
	opacity: 0.8;
}

.prerelease-link {
	transition: transform 0.2s ease, opacity 0.2s ease;
}

.prerelease-link:hover {
	transform: translateX(4px);
	opacity: 0.9;
}