/*COLOR============================================================================*/
:root {
--color_primary : rgb(200, 50, 200);
--color_luvstep1 : rgb(237, 30, 37);
--color_luvstep1radio : rgb(237, 30, 37);
--color_luvstep15 : rgb(237, 30, 37);
--color_luvstep2 : rgb(97, 11, 11);
--color_luvstep25 : rgb(203, 14, 41);
--color_luvstep3 : rgb(95, 56, 98);
--color_luvstep4 : rgb(33, 45, 105);
--color_luvstep5 : rgb(230, 89, 50);
--color_luvstep6 : rgb(168, 24, 24);
--color_luvstep7 : rgb(164, 36, 85);
--color_luvstep8 : rgb(37, 22, 38);
--color_luvstep2020 : rgb(48, 83, 131);
--color_luvstep2021 : rgb(212, 78, 62);
--color_luvstep1_pastel : rgba(237, 30, 37, 0.5);
--color_luvstep1radio_pastel : rgba(237, 30, 37, 0.5);
--color_luvstep15_pastel : rgba(237, 30, 37, 0.5);
--color_luvstep2_pastel : rgba(97, 11, 11, 0.5);
--color_luvstep25_pastel : rgba(203, 14, 41, 0.5);
--color_luvstep3_pastel : rgba(95, 56, 98, 0.5);
--color_luvstep4_pastel : rgba(33, 45, 105, 0.5);
--color_luvstep5_pastel : rgba(230, 89, 50, 0.5);
--color_luvstep6_pastel : rgba(168, 24, 24, 0.5);
--color_luvstep7_pastel : rgba(164, 36, 85, 0.5);
--color_luvstep8_pastel : rgba(37, 22, 38, 0.5);
--color_luvstep2020_pastel : rgba(48, 83, 131, 0.5);
--color_luvstep2021_pastel : rgba(212, 78, 62, 0.5);
/* ["ED1E25","610B0B","5F3862","212D69","E65932","A81818","A42455","251626"] */
/* ["ED1E25","cb0e29","610B0B","5F3862","212D69","E65932","A81818","A42455","251626","305383","d44e3e"] */
}
/*DEFAULTS============================================================================*/
* {
box-sizing: border-box;
margin: 0;
padding: 0;
}
html {
overflow-x: hidden;
width: 100%;
-webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */
}
body {
background-color: white;
color: rgb(84, 84, 84);
font-family: arial, sans-serif;
font-size: 14px;
font-style: normal;
min-width: 300px;
overflow-x: hidden;
text-align: left;
width: 100%
}
button, input, select, datalist, textarea {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: none;
border: none;
border-radius: 0;
color: inherit;
font-family: arial, sans-serif;
font-size: 20px;
font-style: normal;
text-align: left;
}
button:disabled, input:disabled, select:disabled, datalist:disabled, textarea:disabled {
color: rgb(84, 84, 84);
opacity: 1;
}
button, input, select, datalist, textarea, a {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-tap-highlight-color: transparent;
}
[data-src] {
min-width: 1px;
min-height: 1px;
}
::selection {
background: black;
}
/*GLOBAL============================================================================*/
.hidden {display: none !important;}
.invisible {opacity: 0 !important; transition: opacity 0s !important;}
/*FONTS============================================================================*/
/* page title */
h1 {
margin: 150px 0 0;
color: black; /* rgb(34, 34, 34) */
font-size: 48px;
letter-spacing: 2px;
text-transform: uppercase;
}
/* page subtitle */
p.subtitle {
margin: 10px 0 0;
color: rgb(122, 122, 122);
font-size: 16px;
font-weight: bold;
letter-spacing: 2px;
line-height: 1em;
text-transform: uppercase;
}
/* section title */
h2 {
margin: 0 0 0;
color: black;
font-size: 32px;
font-style: italic;
text-transform: uppercase;
}
/* sub section title */
h3 {
margin: 20px 0 0;
color: black;
font-size: 24px;
}
/* card title */
h4 {
margin: 0 0 0;
color: black;
font-size: 24px;
}
/* date */
h5 {
margin: 10px 0 0;
color: rgb(122, 122, 122);
font-size: 0.95em;
font-weight: normal;
line-height: 1em;
}
/* NOT USED */
h6 {
margin: 0 0 0;
color: rgb(122, 122, 122);
font-size: 1.1em;
}
p {
line-height: 2em;
margin: 20px 0 0;
width: 100%;
}
hr {
background-image: linear-gradient(to right, black, transparent);
border: 0;
height: 0; /* 10px */
margin: 50px 0;
}
body.luvstep1 hr {background-image: linear-gradient(to right, var(--color_luvstep1_pastel), transparent);}
body.luvstep1radio hr {background-image: linear-gradient(to right, var(--color_luvstep1radio_pastel), transparent);}
body.luvstep15 hr {background-image: linear-gradient(to right, var(--color_luvstep15_pastel), transparent);}
body.luvstep2 hr {background-image: linear-gradient(to right, var(--color_luvstep2_pastel), transparent);}
body.luvstep25 hr {background-image: linear-gradient(to right, var(--color_luvstep25_pastel), transparent);}
body.luvstep3 hr {background-image: linear-gradient(to right, var(--color_luvstep3_pastel), transparent);}
body.luvstep4 hr {background-image: linear-gradient(to right, var(--color_luvstep4_pastel), transparent);}
body.luvstep5 hr {background-image: linear-gradient(to right, var(--color_luvstep5_pastel), transparent);}
body.luvstep6 hr {background-image: linear-gradient(to right, var(--color_luvstep6_pastel), transparent);}
body.luvstep7 hr {background-image: linear-gradient(to right, var(--color_luvstep7_pastel), transparent);}
body.luvstep8 hr {background-image: linear-gradient(to right, var(--color_luvstep8_pastel), transparent);}
body.luvstep2020 hr {background-image: linear-gradient(to right, var(--color_luvstep2020_pastel), transparent);}
body.luvstep2021 hr {background-image: linear-gradient(to right, var(--color_luvstep2021_pastel), transparent);}
/*LINKS============================================================================*/
/* links */
a:link, a:visited, a:active {
color: inherit;
cursor: pointer;
text-decoration: none;
}
/* links, hover */
@media (hover: hover) and (pointer: fine) {
a:hover {
cursor: pointer;
/*text-decoration: underline;*/
/*text-decoration: none;*/
/*text-decoration-color: black;
text-decoration-thickness: 4px;*/
font-weight: bold;
text-transform: uppercase;
color: black;
}
}
a.hyperlink {
color: var(--color_primary); /*rgb(51, 102, 204);*/
}
/*ADSENSE============================================================================*/
.adsense_header {
background: rgb(242, 242, 242);
border-radius: 8px;
box-shadow: 0 1px 6px rgba(32, 33, 36, 0.28);
box-sizing: border-box;
overflow: hidden;
position: relative;
margin: 0 0 30px;
width: 100%;
min-height: 90px;
cursor: pointer;
}
.adsense_footer {
background: rgb(242, 242, 242);
border-radius: 8px;
box-shadow: 0 1px 6px rgba(32, 33, 36, 0.28);
box-sizing: border-box;
overflow: hidden;
position: relative;
margin: 0;
width: 100%;
min-height: 90px;
cursor: pointer;
}
.adsense_hover {
display: none;
background: rgb(242, 242, 242);
border-radius: 8px;
box-shadow: 0 1px 6px rgba(32, 33, 36, 0.28);
box-sizing: border-box;
overflow: hidden;
position: fixed;
margin: 0;
cursor: pointer;
}
.adsense_quote {
background: rgb(242, 242, 242);
border-radius: 8px;
box-shadow: 0 1px 6px rgba(32, 33, 36, 0.28);
box-sizing: border-box;
overflow: hidden;
position: relative;
margin: 20px 0 10px;
width: 100%;
min-height: 90px;
cursor: pointer;
}
.adsense_hide {
font-size: 10px;
background: rgb(242, 242, 242);
position: absolute;
top: 0;
right: 0;
padding: 5px 7px;
border-bottom-left-radius: 5px;
border-bottom: 1px solid rgb(228, 228, 228);
border-left: 1px solid rgb(228, 228, 228);
color: rgb(106, 106, 106);
}
@media (hover: hover) and (pointer: fine) {
.adsense_hide:hover {
background: rgb(228, 228, 228);
}
}
@media screen and (min-width: 1400px), print {
.adsense_hover {
display: block;
right: 20px;
bottom: 20px;
width: 300px;
height: 250px;
}
.adsense_hover.offset {
bottom: 80px;
}
}
/*ARTICLE============================================================================*/
article {
margin: 0 auto;
max-width: 750px;
/*overflow: hidden;*/
padding: 20px;
position: relative;
width: 100%;
}
@media screen and (min-width: 1270px) {
article {
margin: 0 auto 0 250px;
}
}
section {
margin: 50px 0;
width: 100%;
}
/*CATEGORY============================================================================*/
.category {
background: rgb(84, 84, 84);
border-radius: 20px;
border:none;
color: white;
display: inline-block;
font-size: 14px;
font-weight: normal;
height: 24px;
line-height: 24px;
margin: 0 10px 20px 0;
outline: none;
padding: 0 12px;
text-transform: uppercase;
user-select: none;
}
.category.pink {background: #FF0099;}
.category.blue {background: #00B3FF;}
.category.purple {background: #8000FF;}
.category.orange {background: #FF9900;}
.category.red {background: #FF002E;}
.category.beta {
background: black;
padding-left: 30px;
background-repeat: no-repeat;
background-position: 6px 50%;
background-size: 20px;
}
.category.beta {background-image: url('data:image/svg+xml;utf8,');}
.category.new {
background: #00FF80;
padding-left: 30px;
background-repeat: no-repeat;
background-position: 6px 50%;
background-size: 20px;
}
.category.new {background-image: url('data:image/svg+xml;utf8,');}
.category.new {background-image: url('data:image/svg+xml;utf8,');}
.category.limitedRun {background: #FF0099;}
.category.limitedTime {background: #FF9900;}
/*CITATION LST============================================================================*/
.citation_list {
list-style-position: outside;
line-height: 1.6em;
margin: 20px 0 0;
padding: 0 0 0 20px;
}
.citation_list li {
padding: 4px 0 4px 20px;
}
.citation_list li a {
color: var(--color_primary);
cursor: pointer;
}
.citation_list li span[onClick]:hover {
color: black;
font-weight: bold;
text-transform: uppercase;
}
cite {
color: var(--color_primary);
cursor: pointer;
font-size: 11.2;
font-style: normal;
font-weight: normal;
line-height: 0;
vertical-align: super;
}
cite:hover {
color: black;
cursor: pointer;
font-weight: bold;
}
/*CONTACT============================================================================*/
.contact_form {
padding: 30px 0;
}
.contact_form label {
margin: 0;
padding: 0;
width: 100%;
}
.contact_form input[type=text], .contact_form input[type=email], .contact_form select, .contact_form textarea {
background: none;
border: 1px solid #ccc;
border-radius: 4px;
box-sizing: border-box;
color: black;
margin-top: 6px;
margin-bottom: 16px;
padding: 12px;
resize: vertical;
width: 100%;
max-width: 100%;
}
.contact_form input[type=submit] {
background-color: black;
border: none;
border-radius: 4px;
color: white;
cursor: pointer;
font-weight: bold;
padding: 12px 48px;
}
@media (hover: hover) and (pointer: fine) {
.contact_form input[type=submit]:hover {
opacity: 0.7;
}
}
/*CONTAINER============================================================================*/
.container {
width: 100%;
height: auto;
background: none;
display: flex;
flex-wrap: wrap;
align-items: flex-start;
align-content: flex-start;
overflow: hidden;
}
/*COVER============================================================================*/
.cover {
background-color: transparent;
height: 0;
padding: calc(418 / 800 * 100%) 0 0 0;
position: absolute;
margin: 0 0 20px;
width: 750px;
left: calc(100% + 20px);
top: 180px;
}
.cover.two {
top: 592px;
}
.cover.three {
top: 1004px;
}
.cover_image {
position: absolute;
top: 0;
left: 0;
max-width: 100%;
height: auto;
opacity: 1;
transition: opacity 3s;
user-select: none;
}
.cover_image[data-src] {
opacity: 0;
}
/*DATA============================================================================*/
.data_table {
margin: 20px 0 0;
width: 100%;
line-height: 2em;
}
.data_table td {
vertical-align: top;
}
.data_table td:nth-child(1) {
width: 100px;
}
.data_stream {
background-position: 0,0;
background-repeat: no-repeat;
background-size: 40px;
/*border-radius: 20px;*/
display: inline-block;
height: 40px;
margin: 10px 5px 0 0;
user-select: none;
width: 40px;
}
.data_stream.mixcloud {
background-color: rgb(25, 168, 224);
background-image: url('data:image/svg+xml;utf8,');
}
.data_stream.soundcloud {
background-color: rgb(255, 169, 33);
background-image: url('data:image/svg+xml;utf8,');
}
.data_stream.youtube {
background-color: rgb(253, 56, 50);
background-image: url('data:image/svg+xml;utf8,');
}
@media (hover: hover) and (pointer: fine) {
.data_stream:hover {
background-color: black;
}
}
/*DISCOVER============================================================================*/
.discover_section {
margin: 100px 0;
font-size: 0;
}
.discover {
position: relative;
padding-top: calc(100% / 2);
display: inline-block;
width: calc(100% / 2);
height: calc(100% / 2);
color: white;
overflow: hidden;
}
.discover_text {
font-size: 18px;
font-weight: bold;
position: absolute;
bottom: 10px;
right: 10px;
transform: translate(0%, 0%);
text-align: right;
}
.discover_image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: auto;
opacity: 0.7;
transition: opacity 3s;
}
.discover_image[data-src] {
opacity: 0;
}
.discover_iframe {
height: 360px;
width: 100%;
}
/*ERROR============================================================================*/
.error_image {
width: 500px;
max-width: 70%;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
opacity: 1;
transition: opacity 3s;
}
.error_image[data-src] {
opacity: 0;
}
.error_text {
width: 100%;
position: fixed;
top: 70%;
left: 50%;
font-size: 2em; /* 1.8em */
line-height: 1.6em;
transform: translate(-50%, -50%);
z-index: 1;
color: rgb(122, 122, 122);
text-align: center;
}
/*FOOTER============================================================================*/
footer {
width: 100%;
background-color: rgb(242, 242, 242);
color: rgb(106, 106, 106);
text-align: left;
padding: 30px 0 90px;
}
.footer_article {
margin: 0 auto;
max-width: 750px;
padding: 20px;
position: relative;
}
@media screen and (min-width: 1270px) {
.footer_article {
margin: 0 auto 0 250px;
}
}
.footer_section {
margin: 50px 0;
}
footer p {
line-height: 2em;
margin: 20px 0 0;
max-width: calc(750px * 0.7);
}
.footer_logo {
background-image: url('data:image/svg+xml;utf8,');
background-position: center;
background-repeat: no-repeat;
background-size: 172px;
display: inline-block;
height: 35px;
width: 172px;
}
.footer_logo_love {
background-image: url('data:image/svg+xml;utf8,');
background-position: center;
background-repeat: no-repeat;
background-size: 35px;
display: inline-block;
height: 30px;
width: 35px;
}
@media (hover: hover) and (pointer: fine) {
.footer_logo:hover, .footer_logo_love:hover {
box-shadow: 0 10px black;
}
}
.footer_list {
box-sizing: border-box;
display: flex;
font-family: inherit;
font-size: 14px;
font-style: normal;
font-weight: bold;
list-style: none;
margin: 0;
padding: 15px 0 0;
text-transform: uppercase;
}
.footer_list li::after {
content: "|";
margin: 0 8px;
}
.footer_list li:last-child::after {
content: "";
}
/*FOOTER MUSIC============================================================================*/
.footer_music {
width: 100%;
height: 60px;
left: 0;
bottom: 0;
z-index: 6;
position: fixed;
background-color: rgb(37, 41, 44);
text-align: left;
}
/*GRID============================================================================*/
/* https://css-tricks.com/look-ma-no-media-queries-responsive-layouts-using-css-grid/ */
.grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); /*minmax(320px, 1fr) + 710px max-width on card*/
grid-gap: 40px;
margin: 20px 0 0;
vertical-align: baseline;
}
.grid.space {
grid-gap: 140px 40px;
}
.grid_card {
overflow: hidden;
max-width: 710px;
}
.grid_card.elevate {
box-shadow: 0 4px 10px rgba(28, 28, 28, 0.28);
}
.grid_card.round {
border-radius: 10px;
}
.grid_card_thumbnail {
cursor: pointer;
height: 220px;
overflow: hidden;
/*border-top-left-radius: 10px;
border-top-right-radius: 10px;*/
position: relative;
display: block;
width: 100%;
}
.grid_card_thumbnail.square {
aspect-ratio: 1 / 1;
height: auto;
}
.grid_card_thumbnail img {
position: absolute;
width: 100%;
height: 100%;
object-fit: cover;
opacity: 1;
transition: opacity 3s, transform 300ms ease-in-out;
}
.grid_card_thumbnail img[data-src] {
opacity: 0;
}
.grid_card_thumbnail.zoom img {
transform: scale(1.01);
}
@media (hover: hover) and (pointer: fine) {
.grid_card_thumbnail.zoom:hover img {
transform: scale(1.1);
}
}
/* SWITCH */
.grid_card_thumbnail.switch img {
visibility: hidden;
}
.grid_card_thumbnail.switch img:first-child {
visibility: visible;
}
@media (hover: hover) and (pointer: fine) {
.grid_card_thumbnail.switch:hover img {
transform: scale(1.01);
visibility: visible;
}
.grid_card_thumbnail.switch:hover img:first-child {
display: none;
}
}
.grid_card_data {
padding: 20px 0;
width: 100%;
}
.grid_card.elevate .grid_card_data {
padding: 20px;
width: 100%;
}
/*HEADER============================================================================*/
header {
background-image: url("../images/ripples/ripples_light.jpg");
background-position: center;
background-repeat: no-repeat;
background-size: cover;
/*box-shadow: 0 1px 6px 0 rgba(32, 33, 36, 0.28); /* CONFIRMED */
height: 300px;
min-width: 260px;
text-align: left;
width: 100%;
margin-bottom: -300px;
position: relative;
}
header::before {
background-image: linear-gradient(rgba(211, 211, 211, 0.7), white);
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
body.luvstep1 > header::before {background-image: linear-gradient(var(--color_luvstep1_pastel), white);}
body.luvstep1radio > header::before {background-image: linear-gradient(var(--color_luvstep1radio_pastel), white);}
body.luvstep15 > header::before {background-image: linear-gradient(var(--color_luvstep15_pastel), white);}
body.luvstep2 > header::before {background-image: linear-gradient(var(--color_luvstep2_pastel), white);}
body.luvstep25 > header::before {background-image: linear-gradient(var(--color_luvstep25_pastel), white);}
body.luvstep3 > header::before {background-image: linear-gradient(var(--color_luvstep3_pastel), white);}
body.luvstep4 > header::before {background-image: linear-gradient(var(--color_luvstep4_pastel), white);}
body.luvstep5 > header::before {background-image: linear-gradient(var(--color_luvstep5_pastel), white);}
body.luvstep6 > header::before {background-image: linear-gradient(var(--color_luvstep6_pastel), white);}
body.luvstep7 > header::before {background-image: linear-gradient(var(--color_luvstep7_pastel), white);}
body.luvstep8 > header::before {background-image: linear-gradient(var(--color_luvstep8_pastel), white);}
body.luvstep2020 > header::before {background-image: linear-gradient(var(--color_luvstep2020_pastel), white);}
body.luvstep2021 > header::before {background-image: linear-gradient(var(--color_luvstep2021_pastel), white);}
.header_logo {
background-color: none;
background-image: url('data:image/svg+xml;utf8,');
background-position: center;
background-repeat: no-repeat;
background-size: 90%;
width: min((100vh - 60px) * (320 / 1825), 900px * (320 / 1825));
left: -25px;
position: fixed;
top: calc((100vh - 60px) / 2);
transform: translate(0, -50%);
height: min((100vh - 60px) - 20px, 900px);
opacity: 0.48;
opacity: 1;
transition: left 300ms ease-in-out, opacity 300ms ease-in-out;
}
@media screen and (max-width: 1100px) {
.header_logo {
cursor: default !important;
opacity: 0;
pointer-events: none;
}
}
@media (hover: hover) and (pointer: fine) and (min-width: 1100px) {
.header_logo:hover {
left: 0;
opacity: 1;
}
}
.header.hero {
background: none;
box-shadow: none;
height: 0;
}
.header.zero {
height: 0px;
}
/*HERO PAGE============================================================================*/
/*.hero_image {
filter: brightness(85%) contrast(100%) blur(4px);
min-width: 100%;
min-height: 100vh;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) scale(1.04);
z-index: -1;
opacity: 1;
transition: opacity 3s;
}
.hero_image[data-src] {
opacity: 0;
}*/
.hero_background {
opacity: 1;
transition: opacity 3s;
user-select: none;
z-index: -1000;
}
.hero_background.invisible {
opacity: 0;
transition: opacity 0s;
}
.hero_background canvas {
min-width: 100%;
min-height: 100vh;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) scale(1.04);
opacity: 1;
transition: opacity 3s;
user-select: none;
}
.hero_download {
background-color: transparent;
background-image: url('data:image/svg+xml;utf8,');
background-position: center;
background-repeat: no-repeat;
background-size: 100%;
cursor: pointer;
width: 40px;
height: 40px;
position: fixed;
bottom: 40px;
left: 40px;
transform: translate(-50%, 50%);
transition: all 300ms ease-in-out;
opacity: 0.5;
user-select: none;
}
@media (hover: hover) and (pointer: fine) {
.hero_download:hover {
height: 50px;
opacity: 1;
width: 50px;
}
}
.hero_love {
display: none;
background-color: transparent;
background-image: url('data:image/svg+xml;utf8,');
background-image: url('data:image/svg+xml;base64,PHN2ZyBpZD0iaW5wdXQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgd2lkdGg9IjEwMCIgaGVpZ2h0PSIxMDAiIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj4KPGc+CiAgPHBhdGggZD0iTSA2Ni45NDEgNTQuNzUgbCAwIC0xMC45NTUgbCA3LjQ2NCAwIGEgMTYuOTQ2IDE2Ljk0NiAwIDAgMCAyLjkyMyAtMC4yMzQgcSAzLjE3MyAtMC41NTcgNC45NzggLTIuNDMxIGEgOC45ODYgOC45ODYgMCAwIDAgMi4zNTUgLTQuNjczIGEgMTIuODY3IDEyLjg2NyAwIDAgMCAwLjIxNCAtMi40MDQgYSAxMS41MTEgMTEuNTExIDAgMCAwIC0wLjMwMSAtMi43MDkgYSA3LjcyNiA3LjcyNiAwIDAgMCAtMi4yNDQgLTMuOTMyIGEgOC40NTQgOC40NTQgMCAwIDAgLTMuNjk4IC0xLjk4MiBxIC0xLjQ5NSAtMC4zOTIgLTMuMzA3IC0wLjM5MiBhIDEyLjEyMiAxMi4xMjIgMCAwIDAgLTMuMjQzIDAuNDE0IGEgOS40OTIgOS40OTIgMCAwIDAgLTMuNDk0IDEuNzkxIGEgNy4yMSA3LjIxIDAgMCAwIC0yLjExOCAyLjcyIGEgNy40NzcgNy40NzcgMCAwIDAgLTAuNTk3IDMuMDI1IGwgLTE0LjAwOCAwIGEgMTcuMjI4IDE3LjIyOCAwIDAgMSAyLjk4MSAtOS45MTMgYSAxOS4xNiAxOS4xNiAwIDAgMSA2LjI1OSAtNS43NzYgYSAyMy44MTQgMjMuODE0IDAgMCAxIDIuMDc4IC0xLjA4MyBhIDI3LjEzNSAyNy4xMzUgMCAwIDEgOS42MTkgLTIuMzk5IGEgMzIuMjQxIDMyLjI0MSAwIDAgMSAyLjE4NCAtMC4wNzIgYSAzNy43ODMgMzcuNzgzIDAgMCAxIDYuOTc2IDAuNjA1IHEgNi4zNTQgMS4xOTQgMTAuNTcxIDQuNzUxIGEgMTcuNTA2IDE3LjUwNiAwIDAgMSA2LjE2MiAxMS42NDggYSAyNS4wMjYgMjUuMDI2IDAgMCAxIDAuMTg4IDMuMTEyIGEgMTQuODUgMTQuODUgMCAwIDEgLTIuOTU2IDguOTIgYSAxOS4yMSAxOS4yMSAwIDAgMSAtNy43NTYgNi4yNTMgYSAyMS44MTkgMjEuODE5IDAgMCAxIDQuMzI2IDIuMDczIGEgMTUuNTEyIDE1LjUxMiAwIDAgMSA0LjU2OCA0LjMyNSBxIDIuOTMyIDQuMjY2IDIuOTMyIDEwLjA4MiBhIDIwLjgyNiAyMC44MjYgMCAwIDEgLTEuMjIgNy4yNzEgYSAxOC4yMjMgMTguMjIzIDAgMCAxIC01LjYzOSA3LjgwNSBxIC02LjUwMyA1LjM3OCAtMTYuOTk1IDUuNjU1IGEgNDMuNjM4IDQzLjYzOCAwIDAgMSAtMS4xNTggMC4wMTYgYSAzMi43NzIgMzIuNzcyIDAgMCAxIC03LjY2OCAtMC44NTEgYSAyMy4zNTIgMjMuMzUyIDAgMCAxIC05LjYxMiAtNC43MjQgYSAxNy45NDYgMTcuOTQ2IDAgMCAxIC02LjY1NCAtMTMuMDQ5IGEgMjMuNzAxIDIzLjcwMSAwIDAgMSAtMC4wNiAtMS42ODYgbCAxNC4wMDkgMCBhIDguNiA4LjYgMCAwIDAgMC42OTMgMy40OTYgYSA4LjI2OCA4LjI2OCAwIDAgMCAyLjI4NyAyLjk5OSBhIDEwLjYwNCAxMC42MDQgMCAwIDAgNS44ODUgMi40NDYgYSAxMy45NjQgMTMuOTY0IDAgMCAwIDEuNDU5IDAuMDc0IGEgMTUuMjEyIDE1LjIxMiAwIDAgMCAzLjE3OCAtMC4zMTMgcSAyLjc5IC0wLjU5NiA0LjY1MSAtMi4zMjkgYSA4Ljc3NCA4Ljc3NCAwIDAgMCAyLjc1OSAtNS42MiBhIDEyLjIyNCAxMi4yMjQgMCAwIDAgMC4wNzYgLTEuMzg1IGEgMTMuNjkyIDEzLjY5MiAwIDAgMCAtMC42MzYgLTQuMzY1IHEgLTIuMDQ2IC02LjA4NyAtMTAuNjY5IC02LjE5OSBhIDI1LjA3NSAyNS4wNzUgMCAwIDAgLTAuMzI5IC0wLjAwMyBsIC03LjQxNiAwIHogbSAtMjUuMjA2IC05LjM1NCBsIC0yNy42MjkgOS45MzYgbCAyNy42MjkgOS43NDMgbCAwIDEzLjU3MiBsIC00MS43MzUgLTE3LjY5MyBsIDAgLTExLjQzOSBsIDQxLjczNSAtMTcuNjkyIGwgMCAxMy41NzIgeiAiIGZpbGw9IndoaXRlIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMCIgZmlsbC1ydWxlPSJub256ZXJvIj48L3BhdGg+CjwvZz4KPC9zdmc+');
background-position: center;
background-repeat: no-repeat;
background-size: 40%;
filter: blur(5px);
width: 200%;
height: 200%;
position: fixed;
top: 50%;
left: 50%;
opacity: 0.1;
transform: translate(-50%, -50%) rotate(-15deg);
transition: opacity 300ms ease-in-out;
user-select: none;
}
.hero_luvstep {
background-color: transparent;
background-image: url('data:image/svg+xml;base64,PHN2ZyBpZD0iaW5wdXQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgd2lkdGg9IjE4MjUiIGhlaWdodD0iNDc1IiB2aWV3Qm94PSIwIDAgMTgyNSA0NzUiPgogICAgCiAgICA8ZyBpZD0ibHV2c3RlcCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoICAwIDE1MCkgc2NhbGUoMSAxKSI+CiAgICA8cGF0aCBmaWxsPSJ3aGl0ZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoICAgMCAwKSBzY2FsZSgxIDEpIiBkPSJNIDAgMCBIMjAgVjE1NSBIMjAwIFYxNzUgSDAgWiI+PC9wYXRoPgogICAgPHBhdGggZmlsbD0id2hpdGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKCAyNDAgMCkgc2NhbGUoMSAxKSIgZD0iTSAwIDAgSDIwIFYxMjAgUTIwIDE1NSA1NSAxNTUgSDE3NSBRMjEwIDE1NSAyMTAgMTIwIFYwIEgyMzAgVjEyMCBRMjMwIDE3NSAxNzUgMTc1IEg1NSBRMCAxNzUgMCAxMjAgWiI+PC9wYXRoPgogICAgPHBhdGggZmlsbD0id2hpdGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKCA1MjAgMCkgc2NhbGUoMSAxKSIgZD0iTSAwIDAgSDI0IEwxMjUgMTUyIEwyMjYgMCBIMjUwIEwxMzYgMTc1IEwxMTMgMTc1IFoiPjwvcGF0aD4KICAgIDxwYXRoIGZpbGw9IndoaXRlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSggNzk1IDApIHNjYWxlKDEgMSkiIGQ9Ik0gMjI1IDAgVjIwIEg1MCBRMjAgMjAgMjAgNDcgUTIwIDc0IDUwIDc0IEgxNzUgUTIyNSA3NCAyMjUgMTI4IFEyMjUgMTc1IDE3NSAxNzUgSDAgVjE1NSBIMTc1IFEyMDUgMTU1IDIwNSAxMjggUTIwNSA5NCAxNzUgOTQgSDUwIFEwIDk0IDAgNDcgUTAgMCA1MCAwIFoiPjwvcGF0aD4KICAgIDxwYXRoIGZpbGw9IndoaXRlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMDYwIDApIHNjYWxlKDEgMSkiIGQ9Ik0gMCAwIEgyMzAgVjIwIEgxMjUgViAxNzUgSDEwNSBWMjAgSDAgWiI+PC9wYXRoPgogICAgPHBhdGggZmlsbD0id2hpdGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEzNDAgMCkgc2NhbGUoMSAxKSIgZD0iTSAwIDAgSDIwMCBWMjAgSDIwIFY3NSBIMTgwIFY5NSBIMjAgVjE1NSBIMjAwIFYxNzUgSDAgWiI+PC9wYXRoPgogICAgPHBhdGggZmlsbD0id2hpdGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE2MDAgMCkgc2NhbGUoMSAxKSIgZD0iTSAwIDAgSDE3NSBRMjI1IDAgMjI1IDU1IFEyMjUgMTEwIDE3NSAxMTAgSDIwIFYxNzUgSDAgVjAgTDIwIDIwIFY5MCBIMTc1IFEyMDUgOTAgMjA1IDU1IFEyMDUgMjAgMTc1IDIwIEgyMCBMMCAwIFoiPjwvcGF0aD4KICAgIDwvZz4KICAgIAogICAgPGcgaWQ9InRoZV91bm9mZmljaWFsX2FyY2hpdmUiPgogICAgPHBhdGggZmlsbD0id2hpdGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE0NzMgMzUwKSBzY2FsZSgwLjggMC44KSIgZD0iTSAzMjAuMiAyOC4yMDEgTCAzMjAuMiAwLjAwMSBMIDMyNy4xIDAuMDAxIEwgMzI3LjEgNjIuMjAxIEwgMzIwLjIgNjIuMjAxIEwgMzIwLjIgMzQuMTAxIEwgMzA2LjggMzQuMTAxIEwgMzA2LjggNjIuMjAxIEwgMjk5LjkgNjIuMjAxIEwgMjk5LjkgMC4wMDEgTCAzMDYuOCAwLjAwMSBMIDMwNi44IDI4LjIwMSBMIDMyMC4yIDI4LjIwMSBaIE0gMjU0LjYgNTMuMjAxIEwgMjU0LjYgMC4wMDEgTCAyNjEuNCAwLjAwMSBMIDI2MS40IDU0LjMwMSBBIDExLjM3MyAxMS4zNzMgMCAwIDEgMjYxLjAwOCA1Ny40MjcgUSAyNjAuMDA0IDYwLjkzMyAyNTYuNDI2IDYxLjg2NCBBIDExLjYzOSAxMS42MzkgMCAwIDEgMjUzLjUgNjIuMjAxIEwgMjQzLjMgNjIuMjAxIEEgMTEuMzczIDExLjM3MyAwIDAgMSAyNDAuMTc0IDYxLjgxIFEgMjM2LjY2OCA2MC44MDUgMjM1LjczNyA1Ny4yMjcgQSAxMS42MzkgMTEuNjM5IDAgMCAxIDIzNS40IDU0LjMwMSBMIDIzNS40IDAuMDAxIEwgMjQyLjIgMC4wMDEgTCAyNDIuMiA1My4yMDEgQSAxMC40MTEgMTAuNDExIDAgMCAwIDI0Mi4yMjkgNTQuMDA3IFEgMjQyLjMzMSA1NS4zMjEgMjQyLjggNTUuNzUxIEEgMS40NjkgMS40NjkgMCAwIDAgMjQzLjI0IDU2LjAxNyBRIDI0My45MzEgNTYuMyAyNDUuMjg2IDU2LjMwMSBBIDEyLjg1MiAxMi44NTIgMCAwIDAgMjQ1LjMgNTYuMzAxIEwgMjUxLjUgNTYuMzAxIEEgMTAuNCAxMC40IDAgMCAwIDI1Mi4yNjkgNTYuMjc1IFEgMjUzLjUzMSA1Ni4xODEgMjU0IDU1Ljc1MSBRIDI1NC41ODEgNTUuMjE5IDI1NC41OTkgNTMuMzI2IEEgMTIuODc4IDEyLjg3OCAwIDAgMCAyNTQuNiA1My4yMDEgWiBNIDE4My4zIDUzLjIwMSBMIDE4My4zIDM2LjIwMSBBIDEwLjQxMSAxMC40MTEgMCAwIDAgMTgzLjI3MSAzNS4zOTYgUSAxODMuMTY5IDM0LjA4MSAxODIuNyAzMy42NTEgQSAxLjQ2OSAxLjQ2OSAwIDAgMCAxODIuMjYgMzMuMzg1IFEgMTgxLjU2OSAzMy4xMDMgMTgwLjIxNCAzMy4xMDEgQSAxMi44NTIgMTIuODUyIDAgMCAwIDE4MC4yIDMzLjEwMSBMIDE3My40IDMzLjEwMSBBIDExLjM3MyAxMS4zNzMgMCAwIDEgMTcwLjI3NCAzMi43MSBRIDE2Ni43NjggMzEuNzA1IDE2NS44MzcgMjguMTI3IEEgMTEuNjM5IDExLjYzOSAwIDAgMSAxNjUuNSAyNS4yMDEgTCAxNjUuNSA3LjkwMSBBIDExLjM3MyAxMS4zNzMgMCAwIDEgMTY1Ljg5MiA0Ljc3NSBRIDE2Ni44OTYgMS4yNjkgMTcwLjQ3NCAwLjMzOCBBIDExLjYzOSAxMS42MzkgMCAwIDEgMTczLjQgMC4wMDEgTCAxODIuMiAwLjAwMSBBIDExLjM3MyAxMS4zNzMgMCAwIDEgMTg1LjMyNiAwLjM5MyBRIDE4OC44MzIgMS4zOTcgMTg5Ljc2MyA0Ljk3NiBBIDExLjYzOSAxMS42MzkgMCAwIDEgMTkwLjEgNy45MDEgTCAxOTAuMSAxNy41MDEgTCAxODMuMiAxNy41MDEgTCAxODMuMiA5LjAwMSBBIDExLjM1NCAxMS4zNTQgMCAwIDAgMTgzLjE3NCA4LjE5NiBRIDE4My4wODggNy4wMDQgMTgyLjcyNyA2LjUzOSBBIDAuOTQxIDAuOTQxIDAgMCAwIDE4Mi42NSA2LjQ1MSBBIDEuMjcxIDEuMjcxIDAgMCAwIDE4Mi4yNDEgNi4xOTIgUSAxODEuNjAyIDUuOTIyIDE4MC4zMDIgNS45MDMgQSAxMy43NDUgMTMuNzQ1IDAgMCAwIDE4MC4xIDUuOTAxIEwgMTc1LjUgNS45MDEgQSAxMS4zNTQgMTEuMzU0IDAgMCAwIDE3NC42OTQgNS45MjcgUSAxNzMuNTAyIDYuMDEzIDE3My4wMzggNi4zNzQgQSAwLjk0MSAwLjk0MSAwIDAgMCAxNzIuOTUgNi40NTEgQSAxLjI3MSAxLjI3MSAwIDAgMCAxNzIuNjkgNi44NiBRIDE3Mi40MjEgNy40OTkgMTcyLjQwMSA4Ljc5OSBBIDEzLjc0NSAxMy43NDUgMCAwIDAgMTcyLjQgOS4wMDEgTCAxNzIuNCAyNC4xMDEgQSAxMC40IDEwLjQgMCAwIDAgMTcyLjQyNiAyNC44NyBRIDE3Mi41MiAyNi4xMzIgMTcyLjk1IDI2LjYwMSBRIDE3My40ODMgMjcuMTgyIDE3NS4zNzUgMjcuMjAxIEEgMTIuODc4IDEyLjg3OCAwIDAgMCAxNzUuNSAyNy4yMDEgTCAxODIuMyAyNy4yMDEgQSAxMS4zNzMgMTEuMzczIDAgMCAxIDE4NS40MjYgMjcuNTkzIFEgMTg4LjkzMiAyOC41OTcgMTg5Ljg2MyAzMi4xNzYgQSAxMS42MzkgMTEuNjM5IDAgMCAxIDE5MC4yIDM1LjEwMSBMIDE5MC4yIDU0LjMwMSBBIDExLjM3MyAxMS4zNzMgMCAwIDEgMTg5LjgwOCA1Ny40MjcgUSAxODguODA0IDYwLjkzMyAxODUuMjI2IDYxLjg2NCBBIDExLjYzOSAxMS42MzkgMCAwIDEgMTgyLjMgNjIuMjAxIEwgMTczLjYgNjIuMjAxIEEgMTEuMzczIDExLjM3MyAwIDAgMSAxNzAuNDc0IDYxLjgxIFEgMTY2Ljk2OCA2MC44MDUgMTY2LjAzNyA1Ny4yMjcgQSAxMS42MzkgMTEuNjM5IDAgMCAxIDE2NS43IDU0LjMwMSBMIDE2NS43IDQ0LjcwMSBMIDE3Mi42IDQ0LjcwMSBMIDE3Mi42IDUzLjIwMSBBIDExLjM1NCAxMS4zNTQgMCAwIDAgMTcyLjYyNiA1NC4wMDcgUSAxNzIuNzEyIDU1LjE5OSAxNzMuMDczIDU1LjY2MyBBIDAuOTQxIDAuOTQxIDAgMCAwIDE3My4xNSA1NS43NTEgQSAxLjI3MSAxLjI3MSAwIDAgMCAxNzMuNTU5IDU2LjAxMSBRIDE3NC4xOTggNTYuMjgxIDE3NS40OTggNTYuMyBBIDEzLjc0NSAxMy43NDUgMCAwIDAgMTc1LjcgNTYuMzAxIEwgMTgwLjIgNTYuMzAxIEEgMTAuNCAxMC40IDAgMCAwIDE4MC45NjkgNTYuMjc1IFEgMTgyLjIzMSA1Ni4xODEgMTgyLjcgNTUuNzUxIFEgMTgzLjI4MSA1NS4yMTkgMTgzLjI5OSA1My4zMjYgQSAxMi44NzggMTIuODc4IDAgMCAwIDE4My4zIDUzLjIwMSBaIE0gNDI0LjEgMzIuODAxIEwgNDI0LjEgNTYuMzAxIEwgNDQxLjIgNTYuMzAxIEwgNDQxLjIgNjIuMjAxIEwgNDE3LjIgNjIuMjAxIEwgNDE3LjIgMC4wMDEgTCA0NDAuNSAwLjAwMSBMIDQ0MC41IDUuOTAxIEwgNDI0LjEgNS45MDEgTCA0MjQuMSAyNi45MDEgTCA0MzcuNSAyNi45MDEgTCA0MzcuNSAzMi44MDEgTCA0MjQuMSAzMi44MDEgWiBNIDcwLjYgMzYuMjAxIEwgNjQuNyAzNi4yMDEgTCA2NC43IDYyLjIwMSBMIDU3LjkgNjIuMjAxIEwgNTcuOSAwLjAwMSBMIDc2IDAuMDAxIEEgMTEuMzczIDExLjM3MyAwIDAgMSA3OS4xMjYgMC4zOTMgUSA4Mi42MzIgMS4zOTcgODMuNTYzIDQuOTc2IEEgMTEuNjM5IDExLjYzOSAwIDAgMSA4My45IDcuOTAxIEwgODMuOSAyOC4zMDEgQSAxMiAxMiAwIDAgMSA4My41ODIgMzEuMTkgUSA4Mi40OTUgMzUuNTYgNzcuNyAzNi4xMDEgTCA4Ny4xIDYyLjIwMSBMIDc5LjcgNjIuMjAxIEwgNzAuNiAzNi4yMDEgWiBNIDEzNi4yIDQzLjIwMSBMIDEzNi4yIDYyLjIwMSBMIDEyOS40IDYyLjIwMSBMIDEyOS40IDQzLjIwMSBMIDExNy4xIDAuMDAxIEwgMTI0IDAuMDAxIEwgMTMyLjggMzYuNTAxIEwgMTQxLjEgMC4wMDEgTCAxNDggMC4wMDEgTCAxMzYuMiA0My4yMDEgWiBNIDM0Ny4xIDU0LjMwMSBMIDM0Ny4xIDQzLjAwMSBMIDM1NCA0My4wMDEgTCAzNTQgNTMuMjAxIEEgMTAuNDExIDEwLjQxMSAwIDAgMCAzNTQuMDI5IDU0LjAwNyBRIDM1NC4xMzEgNTUuMzIxIDM1NC42IDU1Ljc1MSBBIDEuNDY5IDEuNDY5IDAgMCAwIDM1NS4wNCA1Ni4wMTcgUSAzNTUuNzMxIDU2LjMgMzU3LjA4NiA1Ni4zMDEgQSAxMi44NTIgMTIuODUyIDAgMCAwIDM1Ny4xIDU2LjMwMSBMIDM2MC41IDU2LjMwMSBBIDEwLjQgMTAuNCAwIDAgMCAzNjEuMjY5IDU2LjI3NSBRIDM2Mi41MzEgNTYuMTgxIDM2MyA1NS43NTEgUSAzNjMuNTgxIDU1LjIxOSAzNjMuNTk5IDUzLjMyNiBBIDEyLjg3OCAxMi44NzggMCAwIDAgMzYzLjYgNTMuMjAxIEwgMzYzLjYgMC4wMDEgTCAzNzAuNSAwLjAwMSBMIDM3MC41IDU0LjMwMSBBIDExLjM3MyAxMS4zNzMgMCAwIDEgMzcwLjEwOCA1Ny40MjcgUSAzNjkuMTA0IDYwLjkzMyAzNjUuNTI2IDYxLjg2NCBBIDExLjYzOSAxMS42MzkgMCAwIDEgMzYyLjYgNjIuMjAxIEwgMzU1IDYyLjIwMSBBIDExLjM3MyAxMS4zNzMgMCAwIDEgMzUxLjg3NCA2MS44MSBRIDM0OC4zNjggNjAuODA1IDM0Ny40MzcgNTcuMjI3IEEgMTEuNjM5IDExLjYzOSAwIDAgMSAzNDcuMSA1NC4zMDEgWiBNIDg5LjMgMC4wMDEgTCAxMTYuMSAwLjAwMSBMIDExNi4xIDUuOTAxIEwgMTA2LjEgNS45MDEgTCAxMDYuMSA2Mi4yMDEgTCA5OS4zIDYyLjIwMSBMIDk5LjMgNS45MDEgTCA4OS4zIDUuOTAxIEwgODkuMyAwLjAwMSBaIE0gMjY3LjEgMC4wMDEgTCAyOTMuOSAwLjAwMSBMIDI5My45IDUuOTAxIEwgMjgzLjkgNS45MDEgTCAyODMuOSA2Mi4yMDEgTCAyNzcuMSA2Mi4yMDEgTCAyNzcuMSA1LjkwMSBMIDI2Ny4xIDUuOTAxIEwgMjY3LjEgMC4wMDEgWiBNIDAgNjIuMjAxIEwgMCAwLjAwMSBMIDE5LjcgMC4wMDEgQSAxMS4zNzMgMTEuMzczIDAgMCAxIDIyLjgyNiAwLjM5MyBRIDI2LjMzMiAxLjM5NyAyNy4yNjMgNC45NzYgQSAxMS42MzkgMTEuNjM5IDAgMCAxIDI3LjYgNy45MDEgTCAyNy42IDU0LjMwMSBBIDExLjM3MyAxMS4zNzMgMCAwIDEgMjcuMjA4IDU3LjQyNyBRIDI2LjIwNCA2MC45MzMgMjIuNjI2IDYxLjg2NCBBIDExLjYzOSAxMS42MzkgMCAwIDEgMTkuNyA2Mi4yMDEgTCAwIDYyLjIwMSBaIE0gMjA3LjEgMC4wMDEgTCAyMTcuMyAwLjAwMSBBIDExLjM3MyAxMS4zNzMgMCAwIDEgMjIwLjQyNiAwLjM5MyBRIDIyMy45MzIgMS4zOTcgMjI0Ljg2MyA0Ljk3NiBBIDExLjYzOSAxMS42MzkgMCAwIDEgMjI1LjIgNy45MDEgTCAyMjUuMiA1NC4zMDEgQSAxMS4zNzMgMTEuMzczIDAgMCAxIDIyNC44MDggNTcuNDI3IFEgMjIzLjgwNCA2MC45MzMgMjIwLjIyNiA2MS44NjQgQSAxMS42MzkgMTEuNjM5IDAgMCAxIDIxNy4zIDYyLjIwMSBMIDIwNy4xIDYyLjIwMSBBIDExLjM3MyAxMS4zNzMgMCAwIDEgMjAzLjk3NCA2MS44MSBRIDIwMC40NjggNjAuODA1IDE5OS41MzcgNTcuMjI3IEEgMTEuNjM5IDExLjYzOSAwIDAgMSAxOTkuMiA1NC4zMDEgTCAxOTkuMiA3LjkwMSBBIDExLjM3MyAxMS4zNzMgMCAwIDEgMTk5LjU5MiA0Ljc3NSBRIDIwMC41OTYgMS4yNjkgMjA0LjE3NCAwLjMzOCBBIDExLjYzOSAxMS42MzkgMCAwIDEgMjA3LjEgMC4wMDEgWiBNIDM4OC42IDAuMDAxIEwgMzk4LjggMC4wMDEgQSAxMS4zNzMgMTEuMzczIDAgMCAxIDQwMS45MjYgMC4zOTMgUSA0MDUuNDMyIDEuMzk3IDQwNi4zNjMgNC45NzYgQSAxMS42MzkgMTEuNjM5IDAgMCAxIDQwNi43IDcuOTAxIEwgNDA2LjcgNTQuMzAxIEEgMTEuMzczIDExLjM3MyAwIDAgMSA0MDYuMzA4IDU3LjQyNyBRIDQwNS4zMDQgNjAuOTMzIDQwMS43MjYgNjEuODY0IEEgMTEuNjM5IDExLjYzOSAwIDAgMSAzOTguOCA2Mi4yMDEgTCAzODguNiA2Mi4yMDEgQSAxMS4zNzMgMTEuMzczIDAgMCAxIDM4NS40NzQgNjEuODEgUSAzODEuOTY4IDYwLjgwNSAzODEuMDM3IDU3LjIyNyBBIDExLjYzOSAxMS42MzkgMCAwIDEgMzgwLjcgNTQuMzAxIEwgMzgwLjcgNy45MDEgQSAxMS4zNzMgMTEuMzczIDAgMCAxIDM4MS4wOTIgNC43NzUgUSAzODIuMDk2IDEuMjY5IDM4NS42NzQgMC4zMzggQSAxMS42MzkgMTEuNjM5IDAgMCAxIDM4OC42IDAuMDAxIFogTSAzOS4xIDYyLjIwMSBMIDM5LjEgMC4wMDEgTCA0NS45IDAuMDAxIEwgNDUuOSA2Mi4yMDEgTCAzOS4xIDYyLjIwMSBaIE0gMjAuNyA1My4yMDEgTCAyMC43IDkuMDAxIEEgMTAuNDExIDEwLjQxMSAwIDAgMCAyMC42NzEgOC4xOTYgUSAyMC41NjkgNi44ODEgMjAuMSA2LjQ1MSBBIDEuNDY5IDEuNDY5IDAgMCAwIDE5LjY2IDYuMTg1IFEgMTguOTY5IDUuOTAzIDE3LjYxNCA1LjkwMSBBIDEyLjg1MiAxMi44NTIgMCAwIDAgMTcuNiA1LjkwMSBMIDYuOSA1LjkwMSBMIDYuOSA1Ni4zMDEgTCAxNy42IDU2LjMwMSBBIDEwLjQgMTAuNCAwIDAgMCAxOC4zNjkgNTYuMjc1IFEgMTkuNjMxIDU2LjE4MSAyMC4xIDU1Ljc1MSBRIDIwLjY4MSA1NS4yMTkgMjAuNjk5IDUzLjMyNiBBIDEyLjg3OCAxMi44NzggMCAwIDAgMjAuNyA1My4yMDEgWiBNIDIxOC40IDUzLjIwMSBMIDIxOC40IDkuMDAxIEEgMTAuNDExIDEwLjQxMSAwIDAgMCAyMTguMzcxIDguMTk2IFEgMjE4LjI2OSA2Ljg4MSAyMTcuOCA2LjQ1MSBBIDEuNDY5IDEuNDY5IDAgMCAwIDIxNy4zNiA2LjE4NSBRIDIxNi42NjkgNS45MDMgMjE1LjMxNCA1LjkwMSBBIDEyLjg1MiAxMi44NTIgMCAwIDAgMjE1LjMgNS45MDEgTCAyMDkuMSA1LjkwMSBBIDEwLjQgMTAuNCAwIDAgMCAyMDguMzMxIDUuOTI3IFEgMjA3LjA2OSA2LjAyMSAyMDYuNiA2LjQ1MSBRIDIwNi4wMTkgNi45ODQgMjA2LjAwMSA4Ljg3NiBBIDEyLjg3OCAxMi44NzggMCAwIDAgMjA2IDkuMDAxIEwgMjA2IDUzLjIwMSBBIDEwLjQxMSAxMC40MTEgMCAwIDAgMjA2LjAyOSA1NC4wMDcgUSAyMDYuMTMxIDU1LjMyMSAyMDYuNiA1NS43NTEgQSAxLjQ2OSAxLjQ2OSAwIDAgMCAyMDcuMDQgNTYuMDE3IFEgMjA3LjczMSA1Ni4zIDIwOS4wODYgNTYuMzAxIEEgMTIuODUyIDEyLjg1MiAwIDAgMCAyMDkuMSA1Ni4zMDEgTCAyMTUuMyA1Ni4zMDEgQSAxMC40IDEwLjQgMCAwIDAgMjE2LjA2OSA1Ni4yNzUgUSAyMTcuMzMxIDU2LjE4MSAyMTcuOCA1NS43NTEgUSAyMTguMzgxIDU1LjIxOSAyMTguMzk5IDUzLjMyNiBBIDEyLjg3OCAxMi44NzggMCAwIDAgMjE4LjQgNTMuMjAxIFogTSAzOTkuOSA1My4yMDEgTCAzOTkuOSA5LjAwMSBBIDEwLjQxMSAxMC40MTEgMCAwIDAgMzk5Ljg3MSA4LjE5NiBRIDM5OS43NjkgNi44ODEgMzk5LjMgNi40NTEgQSAxLjQ2OSAxLjQ2OSAwIDAgMCAzOTguODYgNi4xODUgUSAzOTguMTY5IDUuOTAzIDM5Ni44MTQgNS45MDEgQSAxMi44NTIgMTIuODUyIDAgMCAwIDM5Ni44IDUuOTAxIEwgMzkwLjYgNS45MDEgQSAxMC40IDEwLjQgMCAwIDAgMzg5LjgzMSA1LjkyNyBRIDM4OC41NjkgNi4wMjEgMzg4LjEgNi40NTEgUSAzODcuNTE5IDYuOTg0IDM4Ny41MDEgOC44NzYgQSAxMi44NzggMTIuODc4IDAgMCAwIDM4Ny41IDkuMDAxIEwgMzg3LjUgNTMuMjAxIEEgMTAuNDExIDEwLjQxMSAwIDAgMCAzODcuNTI5IDU0LjAwNyBRIDM4Ny42MzEgNTUuMzIxIDM4OC4xIDU1Ljc1MSBBIDEuNDY5IDEuNDY5IDAgMCAwIDM4OC41NCA1Ni4wMTcgUSAzODkuMjMxIDU2LjMgMzkwLjU4NiA1Ni4zMDEgQSAxMi44NTIgMTIuODUyIDAgMCAwIDM5MC42IDU2LjMwMSBMIDM5Ni44IDU2LjMwMSBBIDEwLjQgMTAuNCAwIDAgMCAzOTcuNTY5IDU2LjI3NSBRIDM5OC44MzEgNTYuMTgxIDM5OS4zIDU1Ljc1MSBRIDM5OS44ODEgNTUuMjE5IDM5OS44OTkgNTMuMzI2IEEgMTIuODc4IDEyLjg3OCAwIDAgMCAzOTkuOSA1My4yMDEgWiBNIDc0IDUuOTAxIEwgNjQuNyA1LjkwMSBMIDY0LjcgMzAuMzAxIEwgNzQgMzAuMzAxIEEgMTEuMzU0IDExLjM1NCAwIDAgMCA3NC44MDYgMzAuMjc1IFEgNzUuOTk4IDMwLjE5IDc2LjQ2MiAyOS44MjggQSAwLjk0MSAwLjk0MSAwIDAgMCA3Ni41NSAyOS43NTEgQSAxLjI3MSAxLjI3MSAwIDAgMCA3Ni44MSAyOS4zNDIgUSA3Ny4wNzkgMjguNzAzIDc3LjA5OSAyNy40MDMgQSAxMy43NDUgMTMuNzQ1IDAgMCAwIDc3LjEgMjcuMjAxIEwgNzcuMSA5LjAwMSBBIDExLjM1NCAxMS4zNTQgMCAwIDAgNzcuMDc0IDguMTk2IFEgNzYuOTg4IDcuMDA0IDc2LjYyNyA2LjUzOSBBIDAuOTQxIDAuOTQxIDAgMCAwIDc2LjU1IDYuNDUxIEEgMS4yNzEgMS4yNzEgMCAwIDAgNzYuMTQxIDYuMTkyIFEgNzUuNTAyIDUuOTIyIDc0LjIwMiA1LjkwMyBBIDEzLjc0NSAxMy43NDUgMCAwIDAgNzQgNS45MDEgWiI+PC9wYXRoPgogICAgPHBhdGggZmlsbD0id2hpdGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE0NzMgNDE4KSBzY2FsZSgwLjggMC44KSIgZD0iTSAzMzEuMzAxIDQ2LjUwMSBMIDMzMS4zMDEgMC4wMDEgTCAzMzcuNjAxIDAuMDAxIEwgMzM3LjYwMSA2Mi4yMDEgTCAzMzAuMTAxIDYyLjIwMSBMIDMxNy4yMDEgMTQuMDAxIEwgMzE3LjIwMSA2Mi4yMDEgTCAzMTAuOTAxIDYyLjIwMSBMIDMxMC45MDEgMC4wMDEgTCAzMTguOTAxIDAuMDAxIEwgMzMxLjMwMSA0Ni41MDEgWiBNIDEzMi42MDEgNTMuMjAxIEwgMTMyLjYwMSAwLjAwMSBMIDEzOS40MDEgMC4wMDEgTCAxMzkuNDAxIDU0LjMwMSBBIDExLjM3MyAxMS4zNzMgMCAwIDEgMTM5LjAwOSA1Ny40MjcgUSAxMzguMDA1IDYwLjkzMyAxMzQuNDI2IDYxLjg2NCBBIDExLjYzOSAxMS42MzkgMCAwIDEgMTMxLjUwMSA2Mi4yMDEgTCAxMjEuMzAxIDYyLjIwMSBBIDExLjM3MyAxMS4zNzMgMCAwIDEgMTE4LjE3NSA2MS44MSBRIDExNC42NjkgNjAuODA1IDExMy43MzggNTcuMjI3IEEgMTEuNjM5IDExLjYzOSAwIDAgMSAxMTMuNDAxIDU0LjMwMSBMIDExMy40MDEgMC4wMDEgTCAxMjAuMjAxIDAuMDAxIEwgMTIwLjIwMSA1My4yMDEgQSAxMC40MTEgMTAuNDExIDAgMCAwIDEyMC4yMyA1NC4wMDcgUSAxMjAuMzMyIDU1LjMyMSAxMjAuODAxIDU1Ljc1MSBBIDEuNDY5IDEuNDY5IDAgMCAwIDEyMS4yNDEgNTYuMDE3IFEgMTIxLjkzMiA1Ni4zIDEyMy4yODcgNTYuMzAxIEEgMTIuODUyIDEyLjg1MiAwIDAgMCAxMjMuMzAxIDU2LjMwMSBMIDEyOS41MDEgNTYuMzAxIEEgMTAuNCAxMC40IDAgMCAwIDEzMC4yNyA1Ni4yNzUgUSAxMzEuNTMyIDU2LjE4MSAxMzIuMDAxIDU1Ljc1MSBRIDEzMi41ODIgNTUuMjE5IDEzMi42IDUzLjMyNiBBIDEyLjg3OCAxMi44NzggMCAwIDAgMTMyLjYwMSA1My4yMDEgWiBNIDM5NC44MDEgMC4wMDEgTCAzODMuMjAxIDMwLjQwMSBMIDM5NS44MDEgNjIuMjAxIEwgMzg4LjQwMSA2Mi4yMDEgTCAzNzkuNjAxIDM2LjkwMSBMIDM3MC44MDEgNjIuMjAxIEwgMzYzLjQwMSA2Mi4yMDEgTCAzNzYuMDAxIDMwLjQwMSBMIDM2NC40MDEgMC4wMDEgTCAzNzEuODAxIDAuMDAxIEwgMzc5LjYwMSAyNC4yMDEgTCAzODcuNDAxIDAuMDAxIEwgMzk0LjgwMSAwLjAwMSBaIE0gMjcuMTAxIDYyLjIwMSBMIDcuOTAxIDYyLjIwMSBBIDExLjM3MyAxMS4zNzMgMCAwIDEgNC43NzUgNjEuODEgUSAxLjI2OSA2MC44MDUgMC4zMzggNTcuMjI3IEEgMTEuNjM5IDExLjYzOSAwIDAgMSAwLjAwMSA1NC4zMDEgTCAwLjAwMSA0Mi43MDEgQSAxMS4yODggMTEuMjg4IDAgMCAxIDAuMTkgNDAuNTc5IFEgMC40MzIgMzkuMzEyIDAuOTg2IDM4LjI4OSBBIDYuODcxIDYuODcxIDAgMCAxIDEuMTUxIDM4LjAwMSBBIDguNzYxIDguNzYxIDAgMCAxIDIuMjAzIDM2LjYyMyBRIDIuNzczIDM2LjAwMyAzLjUyMyAzNS4zNzIgQSAyMi4wOTYgMjIuMDk2IDAgMCAxIDUuMjAxIDM0LjEwMSBMIDguNjAxIDMxLjUwMSBBIDI5NC40ODIgMjk0LjQ4MiAwIDAgMSA3LjUyOSAzMC4wOTUgUSA2LjAzOCAyOC4xMjYgNS4yNTEgMjcuMDAxIEEgMTUuMzk3IDE1LjM5NyAwIDAgMSA0LjQ5IDI1Ljc4NyBRIDQuMTQ4IDI1LjE4NiAzLjggMjQuNDc3IEEgMzQuOTkgMzQuOTkgMCAwIDEgMy4xMDEgMjIuOTUxIFEgMi4wNzkgMjAuNTgyIDIuMDA2IDE4LjUxNCBBIDguOTU0IDguOTU0IDAgMCAxIDIuMDAxIDE4LjIwMSBMIDIuMDAxIDcuOTAxIEEgMTEuMzczIDExLjM3MyAwIDAgMSAyLjM5MyA0Ljc3NSBRIDMuMzk3IDEuMjY5IDYuOTc1IDAuMzM4IEEgMTEuNjM5IDExLjYzOSAwIDAgMSA5LjkwMSAwLjAwMSBMIDE5LjEwMSAwLjAwMSBBIDExLjM3MyAxMS4zNzMgMCAwIDEgMjIuMjI3IDAuMzkzIFEgMjUuNzMzIDEuMzk3IDI2LjY2NCA0Ljk3NiBBIDExLjYzOSAxMS42MzkgMCAwIDEgMjcuMDAxIDcuOTAxIEwgMjcuMDAxIDE3LjgwMSBBIDI0LjY2NCAyNC42NjQgMCAwIDEgMjYuODEgMjAuOTY5IFEgMjYuNjAyIDIyLjU3IDI2LjE2OCAyMy44OTcgQSAxMS4xMzUgMTEuMTM1IDAgMCAxIDI1LjM1MSAyNS44MDEgQSAxMi45NDggMTIuOTQ4IDAgMCAxIDIyLjkyIDI4LjkxNCBRIDIxLjcwNCAzMC4wNzcgMjAuMTAxIDMxLjEwMSBMIDE3LjcwMSAzMi44MDEgTCAyOS40MDEgNDcuNzAxIEwgMjkuNDAxIDM5LjgwMSBMIDM1LjAwMSAzOS44MDEgTCAzNS4wMDEgNTQuOTAxIEwgNDMuNTAxIDY1LjcwMSBMIDM2LjAwMSA2NS43MDEgTCAzMi4yMDEgNjAuOTAxIFEgMzAuNjE5IDYxLjk4NCAyOC4xMzUgNjIuMTY1IEEgMTQuMjI5IDE0LjIyOSAwIDAgMSAyNy4xMDEgNjIuMjAxIFogTSAyNTEuMjAxIDM2LjIwMSBMIDI0NS4zMDEgMzYuMjAxIEwgMjQ1LjMwMSA2Mi4yMDEgTCAyMzguNTAxIDYyLjIwMSBMIDIzOC41MDEgMC4wMDEgTCAyNTYuNjAxIDAuMDAxIEEgMTEuMzczIDExLjM3MyAwIDAgMSAyNTkuNzI3IDAuMzkzIFEgMjYzLjIzMyAxLjM5NyAyNjQuMTY0IDQuOTc2IEEgMTEuNjM5IDExLjYzOSAwIDAgMSAyNjQuNTAxIDcuOTAxIEwgMjY0LjUwMSAyOC4zMDEgQSAxMiAxMiAwIDAgMSAyNjQuMTgzIDMxLjE5IFEgMjYzLjA5NiAzNS41NiAyNTguMzAxIDM2LjEwMSBMIDI2Ny43MDEgNjIuMjAxIEwgMjYwLjMwMSA2Mi4yMDEgTCAyNTEuMjAxIDM2LjIwMSBaIE0gODAuNjAxIDAuMDAxIEwgODAuNjAxIDUuOTAxIEwgNjMuMjAxIDUuOTAxIEwgNjMuMjAxIDI3LjkwMSBMIDc2LjYwMSAyNy45MDEgTCA3Ni42MDEgMzMuODAxIEwgNjMuMjAxIDMzLjgwMSBMIDYzLjIwMSA2Mi4yMDEgTCA1Ni4zMDEgNjIuMjAxIEwgNTYuMzAxIDAuMDAxIEwgODAuNjAxIDAuMDAxIFogTSAxNzQuNDAxIDAuMDAxIEwgMTc0LjQwMSA1LjkwMSBMIDE1Ny4wMDEgNS45MDEgTCAxNTcuMDAxIDI3LjkwMSBMIDE3MC40MDEgMjcuOTAxIEwgMTcwLjQwMSAzMy44MDEgTCAxNTcuMDAxIDMzLjgwMSBMIDE1Ny4wMDEgNjIuMjAxIEwgMTUwLjEwMSA2Mi4yMDEgTCAxNTAuMTAxIDAuMDAxIEwgMTc0LjQwMSAwLjAwMSBaIE0gMjA0LjcwMSAwLjAwMSBMIDIwNC43MDEgNS45MDEgTCAxODcuMzAxIDUuOTAxIEwgMTg3LjMwMSAyNy45MDEgTCAyMDAuNzAxIDI3LjkwMSBMIDIwMC43MDEgMzMuODAxIEwgMTg3LjMwMSAzMy44MDEgTCAxODcuMzAxIDYyLjIwMSBMIDE4MC40MDEgNjIuMjAxIEwgMTgwLjQwMSAwLjAwMSBMIDIwNC43MDEgMC4wMDEgWiBNIDIwNS43MDEgMC4wMDEgTCAyMzIuNTAxIDAuMDAxIEwgMjMyLjUwMSA1LjkwMSBMIDIyMi41MDEgNS45MDEgTCAyMjIuNTAxIDYyLjIwMSBMIDIxNS43MDEgNjIuMjAxIEwgMjE1LjcwMSA1LjkwMSBMIDIwNS43MDEgNS45MDEgTCAyMDUuNzAxIDAuMDAxIFogTSA5My40MDEgMC4wMDEgTCA5My40MDEgNTYuMzAxIEwgMTA3LjcwMSA1Ni4zMDEgTCAxMDcuNzAxIDYyLjIwMSBMIDg2LjYwMSA2Mi4yMDEgTCA4Ni42MDEgMC4wMDEgTCA5My40MDEgMC4wMDEgWiBNIDI4Mi4zMDEgMC4wMDEgTCAyOTIuNTAxIDAuMDAxIEEgMTEuMzczIDExLjM3MyAwIDAgMSAyOTUuNjI3IDAuMzkzIFEgMjk5LjEzMyAxLjM5NyAzMDAuMDY0IDQuOTc2IEEgMTEuNjM5IDExLjYzOSAwIDAgMSAzMDAuNDAxIDcuOTAxIEwgMzAwLjQwMSA1NC4zMDEgQSAxMS4zNzMgMTEuMzczIDAgMCAxIDMwMC4wMDkgNTcuNDI3IFEgMjk5LjAwNSA2MC45MzMgMjk1LjQyNiA2MS44NjQgQSAxMS42MzkgMTEuNjM5IDAgMCAxIDI5Mi41MDEgNjIuMjAxIEwgMjgyLjMwMSA2Mi4yMDEgQSAxMS4zNzMgMTEuMzczIDAgMCAxIDI3OS4xNzUgNjEuODEgUSAyNzUuNjY5IDYwLjgwNSAyNzQuNzM4IDU3LjIyNyBBIDExLjYzOSAxMS42MzkgMCAwIDEgMjc0LjQwMSA1NC4zMDEgTCAyNzQuNDAxIDcuOTAxIEEgMTEuMzczIDExLjM3MyAwIDAgMSAyNzQuNzkzIDQuNzc1IFEgMjc1Ljc5NyAxLjI2OSAyNzkuMzc1IDAuMzM4IEEgMTEuNjM5IDExLjYzOSAwIDAgMSAyODIuMzAxIDAuMDAxIFogTSAzNDkuNjAxIDYyLjIwMSBMIDM0OS42MDEgMC4wMDEgTCAzNTYuNDAxIDAuMDAxIEwgMzU2LjQwMSA2Mi4yMDEgTCAzNDkuNjAxIDYyLjIwMSBaIE0gMjkzLjYwMSA1My4yMDEgTCAyOTMuNjAxIDkuMDAxIEEgMTAuNDExIDEwLjQxMSAwIDAgMCAyOTMuNTcyIDguMTk2IFEgMjkzLjQ3IDYuODgxIDI5My4wMDEgNi40NTEgQSAxLjQ2OSAxLjQ2OSAwIDAgMCAyOTIuNTYxIDYuMTg1IFEgMjkxLjg3IDUuOTAzIDI5MC41MTUgNS45MDEgQSAxMi44NTIgMTIuODUyIDAgMCAwIDI5MC41MDEgNS45MDEgTCAyODQuMzAxIDUuOTAxIEEgMTAuNCAxMC40IDAgMCAwIDI4My41MzIgNS45MjcgUSAyODIuMjcgNi4wMjEgMjgxLjgwMSA2LjQ1MSBRIDI4MS4yMiA2Ljk4NCAyODEuMjAxIDguODc2IEEgMTIuODc4IDEyLjg3OCAwIDAgMCAyODEuMjAxIDkuMDAxIEwgMjgxLjIwMSA1My4yMDEgQSAxMC40MTEgMTAuNDExIDAgMCAwIDI4MS4yMyA1NC4wMDcgUSAyODEuMzMyIDU1LjMyMSAyODEuODAxIDU1Ljc1MSBBIDEuNDY5IDEuNDY5IDAgMCAwIDI4Mi4yNDEgNTYuMDE3IFEgMjgyLjkzMiA1Ni4zIDI4NC4yODcgNTYuMzAxIEEgMTIuODUyIDEyLjg1MiAwIDAgMCAyODQuMzAxIDU2LjMwMSBMIDI5MC41MDEgNTYuMzAxIEEgMTAuNCAxMC40IDAgMCAwIDI5MS4yNyA1Ni4yNzUgUSAyOTIuNTMyIDU2LjE4MSAyOTMuMDAxIDU1Ljc1MSBRIDI5My41ODIgNTUuMjE5IDI5My42IDUzLjMyNiBBIDEyLjg3OCAxMi44NzggMCAwIDAgMjkzLjYwMSA1My4yMDEgWiBNIDI1NC42MDEgNS45MDEgTCAyNDUuMzAxIDUuOTAxIEwgMjQ1LjMwMSAzMC4zMDEgTCAyNTQuNjAxIDMwLjMwMSBBIDExLjM1NCAxMS4zNTQgMCAwIDAgMjU1LjQwNiAzMC4yNzUgUSAyNTYuNTk4IDMwLjE5IDI1Ny4wNjMgMjkuODI4IEEgMC45NDEgMC45NDEgMCAwIDAgMjU3LjE1MSAyOS43NTEgQSAxLjI3MSAxLjI3MSAwIDAgMCAyNTcuNDExIDI5LjM0MiBRIDI1Ny42OCAyOC43MDMgMjU3LjY5OSAyNy40MDMgQSAxMy43NDUgMTMuNzQ1IDAgMCAwIDI1Ny43MDEgMjcuMjAxIEwgMjU3LjcwMSA5LjAwMSBBIDExLjM1NCAxMS4zNTQgMCAwIDAgMjU3LjY3NSA4LjE5NiBRIDI1Ny41ODkgNy4wMDQgMjU3LjIyOCA2LjUzOSBBIDAuOTQxIDAuOTQxIDAgMCAwIDI1Ny4xNTEgNi40NTEgQSAxLjI3MSAxLjI3MSAwIDAgMCAyNTYuNzQyIDYuMTkyIFEgMjU2LjEwMyA1LjkyMiAyNTQuODAzIDUuOTAzIEEgMTMuNzQ1IDEzLjc0NSAwIDAgMCAyNTQuNjAxIDUuOTAxIFogTSA5LjkwMSA1Ni4zMDEgTCAyNi4zMDEgNTYuMzAxIFEgMjcuMzAxIDU2LjMwMSAyOC4zMDEgNTYuMTAxIEwgMTIuNjAxIDM2LjUwMSBMIDkuOTAxIDM4LjQwMSBBIDExLjg3MyAxMS44NzMgMCAwIDAgOC44ODggMzkuMTUxIFEgOC40MDggMzkuNTUxIDguMDU2IDM5Ljk1IEEgNC42MzcgNC42MzcgMCAwIDAgNy40NTEgNDAuODAxIEEgNC4yNDMgNC4yNDMgMCAwIDAgNy4xMDEgNDEuNzAzIFEgNi44NDYgNDIuNjM3IDYuODA4IDQ0LjAwMyBBIDE3Ljc0IDE3Ljc0IDAgMCAwIDYuODAxIDQ0LjUwMSBMIDYuODAxIDUzLjIwMSBBIDEwLjQxMSAxMC40MTEgMCAwIDAgNi44MyA1NC4wMDcgUSA2LjkzMiA1NS4zMjEgNy40MDEgNTUuNzUxIEEgMS40NjkgMS40NjkgMCAwIDAgNy44NDEgNTYuMDE3IFEgOC41MzIgNTYuMyA5Ljg4NyA1Ni4zMDEgQSAxMi44NTIgMTIuODUyIDAgMCAwIDkuOTAxIDU2LjMwMSBaIE0gOC44MDEgOS4wMDEgTCA4LjgwMSAxOC44MDEgQSA2LjEgNi4xIDAgMCAwIDkuMTgxIDIwLjc5MSBRIDEwLjE1MSAyMy41NzYgMTMuNjAxIDI3LjYwMSBMIDE0LjUwMSAyNi45MDEgQSAyOS40MjkgMjkuNDI5IDAgMCAwIDE2LjI2MyAyNS41NTUgUSAxOC4wMDcgMjQuMTA3IDE4LjkwMSAyMi44MDEgUSAyMC4wMzIgMjEuMTQ4IDIwLjE3OSAxOC41ODYgQSAxMy43MTQgMTMuNzE0IDAgMCAwIDIwLjIwMSAxNy44MDEgTCAyMC4yMDEgOS4wMDEgQSAxMC40MTEgMTAuNDExIDAgMCAwIDIwLjE3MiA4LjE5NiBRIDIwLjA3IDYuODgxIDE5LjYwMSA2LjQ1MSBBIDEuNDY5IDEuNDY5IDAgMCAwIDE5LjE2MSA2LjE4NSBRIDE4LjQ3IDUuOTAzIDE3LjExNSA1LjkwMSBBIDEyLjg1MiAxMi44NTIgMCAwIDAgMTcuMTAxIDUuOTAxIEwgMTEuOTAxIDUuOTAxIEEgMTAuNCAxMC40IDAgMCAwIDExLjEzMiA1LjkyNyBRIDkuODcgNi4wMjEgOS40MDEgNi40NTEgUSA4LjgyIDYuOTg0IDguODAxIDguODc2IEEgMTIuODc4IDEyLjg3OCAwIDAgMCA4LjgwMSA5LjAwMSBaIj48L3BhdGg+CiAgICA8L2c+CiAgICAKPC9zdmc+');
background-position: center;
background-repeat: no-repeat;
background-size: 90%;
width: 90%;
max-width: 960px;
height: 100%;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
transition: opacity 300ms ease-in-out;
-webkit-filter: drop-shadow( 3px 3px 2px rgba(0, 0, 0, .5));
filter: drop-shadow( 3px 3px 2px rgba(0, 0, 0, .5));
user-select: none;
}
.hero_button {
min-width: 120px;
position: fixed;
top: 88%;
left: 50%;
transform: translate(-50%, -50%);
background-color: transparent;
border: 4px solid white;
border-radius: 100px;
color: white !important;
cursor: pointer;
font-size: 20px;
font-weight: normal !important;
outline: none;
padding: 10px 40px;
text-align: center;
text-transform: uppercase;
transition: all 300ms ease-in-out;
user-select: none;
z-index: 1;
}
@media (hover: hover) and (pointer: fine) {
.hero_button:hover {
background: rgba(255, 255, 255, 0.08); /*rgba(0, 0, 0, 0.5); rgba(61, 31, 37, 0.7);*/
text-decoration: none;
}
}
.hero_text {
width: 100%;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 1;
color: white;
text-align: center;
transition: opacity 300ms ease-in-out;
user-select: none;
opacity: 1;
-webkit-transition: opacity 300ms ease-in-out;
}
.hero_text.active {
opacity: 0;
}
.hero_text.disabled, .hero_text.disabled.active, .hero_text.active.disabled {
opacity: 0;
}
.hero_text h1 {
padding: 0;
font-size: 1.4em;
line-height: 1.6em;
color: white;
}
.hero_text span {
display: block;
padding: 0;
font-size: 1.4em;
line-height: 1.2em;
color: white;
}
/*MARGIN============================================================================*/
.margin {
margin: 0 auto;
max-width: 1000px;
padding: 20px;
}
.margin.nopad {padding: 0;}
.margin.grey {background-color: var(--color_smoke); padding: 0;}
.margin.narrow {max-width: 375px;}
.margin.article {max-width: 750px;}
.margin.normal {max-width: 1000px;}
.margin.wide {max-width: 1500px;}
.margin.full {max-width: 100%;}
/*ARTWORK============================================================================*/
.artwork_image {
background-color: rgb(242, 242, 242);
height: auto;
width: 100%;
margin: 20px 0 0 0;
opacity: 1;
transition: opacity 3s;
}
.artwork_image[data-src] {
opacity: 0;
}
.artwork_caption {
font-style: italic;
margin: 0;
}
/*MENU============================================================================*/
.menu {
background: black;
height: 100vh;
margin: 0;
overflow-x: hidden;
overflow-y: auto;
padding-top: 120px;
position: fixed;
right: 0;
text-align: right;
top: 0;
white-space: nowrap;
z-index: 8;
user-select: none;
width: 0%;
-webkit-transition: width 300ms ease-in-out;
transition: width 300ms ease-in-out;
-ms-overflow-style: none; /* IE and Edge */
scrollbar-width: none; /* Firefox */
}
.menu::-webkit-scrollbar {
display: none; /* Hide scrollbar for IE, Edge and Firefox */
}
.menu.active {
width: 100%;
}
.menu.hero {
background: none;
opacity: 0;
-webkit-transition: opacity 300ms ease-in-out;
transition: opacity 300ms ease-in-out;
}
.menu.hero.active {
opacity: 1;
}
@media screen and (min-width: 750px), print {
.menu.active {
width: 550px;
}
.menu.hero.active {
width: 550px; /* 100% */
}
}
.menu_list {
list-style: none;
margin: 0;
padding: 0;
}
.menu_list li {
color: white;
font-size: 1.6em;
font-weight: bold;
line-height: 1em;
min-height: 1em;
margin: 20px;
}
.menu_list li a {
color: white;
}
.menu_divider {
background-image: url('data:image/svg+xml;utf8,');
background-repeat: no-repeat;
background-position: top 0 right 20px;
background-size: 30px;
/*background-image: linear-gradient(to left, white, transparent);*/
height: 30px;
margin: 40px 0;
width: 100%;
}
.menu_space {
height: 200px;
width: 100%;
}
.menu_button {
background-image: url('data:image/svg+xml;utf8,');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
border: 0;
border-radius: 0;
cursor: pointer;
height: 80px;
outline: none;
position: fixed;
right: 50px;
transform: translate(50%, -50%);
top: 50px;
user-select: none;
width: 80px;
z-index: 9000;
-webkit-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.menu_button.hero {
background-image: url('data:image/svg+xml;utf8,');
}
@media (hover: hover) and (pointer: fine) {
.menu_button:hover {
height: 90px;
width: 90px;
}
}
/*LIGHTBOX============================================================================*/
.lightbox {
background: rgba(0, 0, 0, 1);
height: 100vh;
left: 0;
position: fixed;
top: 0;
user-select: none;
width: 100vw;
z-index: 10000;
}
.lightbox_image {
height: 80vh;
left: 50%;
object-fit: contain;
position: fixed;
transform: translate(-50%, -50%);
top: 50%;
width: 80vw;
z-index: 10001;
}
.lightbox_close {
background-color: transparent;
background-image: url('data:image/svg+xml;utf8,');
background-repeat: no-repeat;
background-position: center;
background-size: cover;
border-radius: 25px;
cursor: pointer;
height: 50px;
position: fixed;
right: 50px;
top: 50px;
transform: translate(50%, -50%);
width: 50px;
z-index: 10002;
-webkit-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
@media (hover: hover) and (pointer: fine) {
.lightbox_close:hover {
height: 60px;
width: 60px;
}
}
/*MOVIES============================================================================*/
.movies_card {
display: none;
background: white;
border-radius: 8px;
margin: 20px 0 10px;
padding: 20px 0;
text-align: left;
width: 100%;
}
.movies_card.active {
display: inline-block;
}
.movies_card p {
margin: 10px 0 0;
}
.movies_cover {
background-color: rgb(242, 242, 242);
cursor: pointer;
height: 0;
margin: 20px 0 10px;
overflow: hidden;
padding-top: calc(418 / 800 * 100%);
position: relative;
width: 100%;
}
.movies_cover a {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.movies_cover img {
width: 100%;
height: 100%;
object-fit: cover;
transform: scale(1.01);
opacity: 1;
transition: opacity 3s, transform 250ms cubic-bezier(0.4, 0, 0.4, 1);
}
.movies_cover img[data-src] {
opacity: 0;
}
@media (hover: hover) and (pointer: fine) {
.movies_cover img:hover {
transform: scale(1.05);
}
}
.movies_link {
color: rgb(122, 122, 122);
font-size: 1em;
font-weight: bold;
}
/*NAVIGATION============================================================================*/
nav {
margin: 20px 0 0;
}
.nav_scroll {
display: inline-block;
background-color: white;
border: 4px solid black;
box-shadow: none;
box-sizing: border-box;
color: black !important;
cursor: pointer;
font-size: 14px;
font-weight: bold;
height: 32px;
line-height: 24px;
margin: 0 10px 10px 0;
opacity: 1;
outline: none;
padding: 0 12px;
text-align: center;
text-transform: uppercase;
user-select: none;
vertical-align: top;
}
@media (hover: hover) and (pointer: fine) {
.nav_scroll:hover {
/*opacity: 0.52;*/
background-color: black;
color: white !important;
}
}
.nav_scroll.toggle {
color: white;
background-color: rgb(0, 0, 0);
}
@media (hover: hover) and (pointer: fine) {
.nav_scroll.toggle:hover {
background-color: rgb(27, 27, 27); /*rgba(0, 0, 0, 0.09);*/
}
}
.nav_scroll.next {
background-image: url('data:image/svg+xml;utf8,');
background-position: center;
background-repeat: no-repeat;
background-size: 24px;
width: 32px;
}
.nav_scroll.previous {
background-image: url('data:image/svg+xml;utf8,');
background-position: center;
background-repeat: no-repeat;
background-size: 24px;
width: 32px;
}
.nav_scroll.next:hover {
background-image: url('data:image/svg+xml;utf8,');
}
.nav_scroll.previous:hover {
background-image: url('data:image/svg+xml;utf8,');
}
.nav_top {
display: none;
}
/*NEWS============================================================================*/
.news_card {
background: white;
border-radius: 8px;
margin: 20px 0;
text-align: left;
width: 100%;
}
.news_cover {
background-color: rgb(242, 242, 242);
cursor: pointer;
height: 0;
margin: 20px 0 10px;
overflow: hidden;
padding-top: calc(418 / 800 * 100%);
position: relative;
width: 100%;
}
.news_cover a {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.news_cover img {
width: 100%;
height: 100%;
object-fit: cover;
transform: scale(1.01);
opacity: 1;
transition: opacity 3s, transform 250ms cubic-bezier(0.4, 0, 0.4, 1);
}
.news_cover img[data-src] {
opacity: 0;
}
@media (hover: hover) and (pointer: fine) {
.news_cover img:hover {
transform: scale(1.05);
}
}
.news_link {
color: rgb(122, 122, 122);
font-size: 1em;
font-weight: bold;
}
.news_hidden {
display: none;
padding: 30px 0 0;
}
.news_hidden.active {
display: block;
}
.news_list {
box-sizing: border-box;
display: flex;
font-family: inherit;
font-size: 14px;
font-style: normal;
font-weight: bold;
list-style: none;
margin: 0;
padding: 15px 0 0;
}
.news_list li::after {
content: "|";
margin: 0 8px;
}
.news_list li:last-child::after {
content: "";
}
/*QUOTES============================================================================*/
.quote_card {
padding: 20px;
background: rgb(242, 242, 242);
text-align: left;
margin: 20px 0 0;
width: 100%;
}
.quote_imdb {
margin: 20px 0 0;
width: 100%;
}
.quote_imdb td {
vertical-align: middle;
line-height: 23px;
vertical-align: middle;
}
.quote_imdb td:nth-child(1) {
width: 40px;
}
.quote_imdb td:nth-child(2) {
font-size: 1em;
font-weight: bold;
padding: 0;
}
.quote_imdbLogo {
background-color: rgb(255, 212, 43);
background-image: url('data:image/svg+xml;utf8,');
background-size: 46px 23px;
background-repeat: no-repeat;
background-position: center;
/*border-radius: 4px;*/
display: inline-block;
height: 23px;
margin: 6px 10px 0 0;
opacity: 1;
user-select: none;
width: 46px;
}
/*SEARCH============================================================================*/
.search {
margin: 100px 0 0;
position: relative;
width: 100%;
}
.search_find, .search_reset {
background-color: transparent;
background-repeat: no-repeat;
background-position: center;
background-size: 26px;
cursor: pointer;
height: 50px;
margin: 0;
opacity: 0.673;
opacity: 0.28;
opacity: 1;
padding: 0;
position: absolute;
transform: translate(0, -50%);
width: 50px;
}
.search_find {
left: 5px;
top: 50%;
background-image: url('data:image/svg+xml;utf8,');
}
.search_find:hover {
background-image: url('data:image/svg+xml;utf8,');
}
.search_reset {
right: 5px;
top: 50%;
background-image: url('data:image/svg+xml;utf8,');
}
.search_reset:hover {
background-image: url('data:image/svg+xml;utf8,');
}
.search_input {
border-radius: 30px;
border: 4px solid rgb(228, 228, 228);
border: 4px solid black;
font-size: 16px;
height: 50px;
line-height: 50px;
margin: 0px;
outline: none;
padding: 0 60px;
width: 100%;
}
.search_input:focus {border: 4px solid var(--color_primary);}
.search_input:focus::placeholder {color: var(--color_primary);}
.search.tool .search_find {height: 40px; width: 40px;}
.search.tool .search_input {font-size: 16px; height: 40px; line-height: 40px; padding: 0 50px;}
.search.tool .search_reset {height: 40px; width: 40px;}
.search_hint {
color: var(--color_primary);
margin: 5px 0 0;
}
.search_hint span {
cursor: pointer;
}
@media (hover: hover) and (pointer: fine) {
.search_hint span:hover {
text-decoration: underline;
}
}
/*STREAM============================================================================*/
.stream_audio {
margin: 30px 0 0;
outline: none;
width: 100%;
}
.stream_track {
font-size: 12px;
line-height: 1.1em;
margin: 40px 0 -20px;
padding: 0 40px;
position: relative;
text-align: center;
}
/*.stream_track::before {
background-image: url('data:image/svg+xml;utf8,');
background-repeat: no-repeat;
background-position: center;
background-size: cover;
content: "";
height: 12px;
width: 12px;
display: inline-block;
margin-right: 10px;
}
.stream_track.playing::before {
background-image: url('data:image/svg+xml;utf8,');
}*/
/*SUMMARY============================================================================*/
.summary {
color: grey;
font-size: 22px;
font-style: italic;
line-height: 1.5em;
max-width: 650px;
opacity: 0.8;
width: 100%;
}
body.luvstep1 .summary {color: var(--color_luvstep1);}
body.luvstep1radio .summary {color: var(--color_luvstep1radio);}
body.luvstep15 .summary {color: var(--color_luvstep15);}
body.luvstep2 .summary {color: var(--color_luvstep2);}
body.luvstep25 .summary {color: var(--color_luvstep25);}
body.luvstep3 .summary {color: var(--color_luvstep3);}
body.luvstep4 .summary {color: var(--color_luvstep4);}
body.luvstep5 .summary {color: var(--color_luvstep5);}
body.luvstep6 .summary {color: var(--color_luvstep6);}
body.luvstep7 .summary {color: var(--color_luvstep7);}
body.luvstep8 .summary {color: var(--color_luvstep8);}
body.luvstep2020 .summary {color: var(--color_luvstep2020);}
body.luvstep2021 .summary {color: var(--color_luvstep2021);}
/*TEASER============================================================================*/
.teaser_container {
background-color: black;
height: 0;
padding: calc(418 / 800 * 100%) 0 0 0;
position: relative;
margin: 20px 0 0;
}
.teaser_container iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/*TEASERS============================================================================*/
.teasers_cover {
position: relative;
width: 100%;
overflow: hidden;
margin: 0 0 20px;
padding-top: 56.25%; /* 16:9 Aspect Ratio */
}
.teasers_cover iframe {
background: black;
border: none;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 100%;
height: 100%;
}
.library {
display: flex;
align-items: flex-start;
flex-wrap: wrap;
width: 100%;
}
.thumbnail {
background-color: rgb(242, 242, 242);
cursor: pointer;
display: flex;
margin: 0 0 15px 0;
height: calc(418 / 800 * 100%);
width: 100%;
opacity: 1;
transition: opacity 3s;
}
.thumbnail[data-src] {
opacity: 0;
}
@media (hover: hover) and (pointer: fine) {
.thumbnail:hover {
filter: contrast(0.8) brightness(1.2);
}
}
/*TEXTAREA============================================================================*/
textarea {
border: 1px solid black;
font-family: monospace;
font-size: 14px;
display: block;
line-height: 1.2em;
margin: 20px 0 0;
overflow-y: scroll;
padding: 10px;
resize: none;
width: 100%;
}
textarea:focus {outline: none;}
textarea.code {
white-space: pre;
overflow-wrap: normal;
overflow-x: scroll;
}
/*TOOLS============================================================================*/
.toolbar_divider {
background-color: rgb(232, 232, 232); /*rgba(0, 0, 0, 0.075);*/
border: none;
box-shadow: none;
box-sizing: border-box;
height: 40px;
outline: none;
width: 1px;
margin: 10px 5px;
float: left;
}
.toolbar_button {
opacity: 1;
/*transition: opacity 300ms ease-in-out;*/
background-color: white;
background-repeat: no-repeat;
background-position: center;
background-size: 26px;
border: none;
border-radius: 20px;
box-shadow: none;
box-sizing: border-box;
color: black;
cursor: pointer;
font-size: 13px;
font-weight: bold;
height: 40px;
outline: none;
width: 40px;
margin: 10px 5px;
text-align: center;
}
.toolbar_button.grey {
opacity: 0.3;
}
.toolbar_button:hover {
opacity: 1;
background-color: rgb(242, 242, 242);
}
.toolbar_button.disabled, .color_button.disabled:hover {
opacity: 0.2;
}
.toolbar_button.selected {
background-color: var(--color_primary);
opacity: 1;
}
.toolbar_button.infinite {
background-image: url('data:image/svg+xml;utf8,');
}
.toolbar_button.shuffle {
background-image: url('data:image/svg+xml;utf8,');
}
.toolbar_button.replay30 {
background-image: url('data:image/svg+xml;utf8,');
}
.toolbar_button.forward30 {
background-image: url('data:image/svg+xml;utf8,');
}
.toolbar_button.time {
background-image: url('data:image/svg+xml;utf8,');
}
/*TRACKLIST============================================================================*/
.tracklist {
list-style-position: outside;
line-height: 1.6em;
margin: 20px 0 0;
padding: 0 0 0 20px;
}
.tracklist li {
padding: 4px 0 4px 20px;
}
.tracklist li span {
cursor: pointer;
}
.tracklist li span[onClick]:hover {
color: black;
font-weight: bold;
text-transform: uppercase;
}
/*WIKIPEDIA============================================================================*/
.wikipedia a {
color: var(--color_primary); /*rgb(51, 102, 204);*/
}
.wikipedia a:hover{
font-weight: normal;
text-decoration: underline;
text-transform: none;
}
.wikipedia_table {
line-height: 22.4px;
margin: 20px 0 0;
text-align: left;
max-width: 100%;
}
@media screen and (max-width: 500px) {
.wikipedia_table {
font-size: 10px;
}
.wikipedia_table th:nth-child(1) {min-width: 10px;}
}
.wikipedia_table th, .wikipedia_table td {
vertical-align: top;
padding: 2.8px 5.6px;
}
.wikipedia_table, .wikipedia_table th, .wikipedia_table td {
border: 1px solid rgb(162, 169, 177);
border-collapse: collapse;
}
.wikipedia_table thead, .wikipedia_table tfoot {background-color: rgb(238, 238, 238);}
.wikipedia_table tr:nth-child(even) {background-color: rgb(247, 247, 247);}
.wikipedia_table.full {
width: 100%;
}
.wikipedia_table.flat, .wikipedia_table.flat th, .wikipedia_table.flat td {
border: none;
}
.wikipedia_table th:nth-child(1) {min-width: 120px;}
@media screen and (max-width: 500px) {
.wikipedia_table th:nth-child(1) {min-width: 20px;}
}
.wikipedia_list {
list-style-position: outside;
line-height: 1.6em;
margin: 20px 0 0;
padding: 0 0 0 20px;
list-style-type: none;
}
.wikipedia_list li {
padding: 4px 0 4px 20px;
}
.wikipedia_list li::before {
content: "\2B24";
color: black;
font-weight: bold;
display: inline-block;
width: 40px;
float: left; margin-left: -40px;
}
/*RESPONSIVE============================================================================*/
@media screen and (min-width: 750px), print {
.hero_text h1 {
font-size: 1.8em;
line-height: 1.6em;
}
.hero_text span {
font-size: 1.6em;
line-height: 1.2em;
}
.discover {
position: relative;
padding-top: calc(100% / 3);
display: inline-block;
width: calc(100% / 3);
height: calc(100% / 3);
color: white;
font-size: 0;
text-align: center;
}
.thumbnail {
margin: 0 0 15px 0;
height: auto;
width: calc((100% / 2) - 7.5px);
}
.thumbnail:nth-of-type(2n+1) {
margin-right: 7.5px;
}
.thumbnail:nth-of-type(2n+2) {
margin-left: 7.5px;
}
}
/*PRINT============================================================================*/
@media print {
.menu {
display: none;
}
.nav_top {
display: none !important;
}
main {
padding: 0;
}
article {
padding-top: 20px !important;
padding-bottom: 10px !important;
}
header, footer {
display: none;
}
.footer_music {
display: none;
}
.teaser_container {
display: none;
}
h1, h2, h3, h4, h5, h6 {
padding-top: 10px;
}
p {
line-height: 1.5em;
padding-top: 0;
}
.data_table, .tracklist_table, .teaser_table {
line-height: 1.5em;
}
.quote_card {
box-shadow: none;
border: 1px solid rgb(228, 228, 228);
}
#tracklist, #quotes, #teaser {
page-break-before: always;
}
#Media {
display: none;
}
.teasers_cover, .library {
display: none;
}
.adsense_header, .adsense_footer, .adsense_hover {
display: none;
}
}