:root{--color1:#00e7ff;--color2:#ff00e7;--back:url(https://cdn2.bulbagarden.net/upload/1/17/Cardback.jpg);--charizard1:#fac;--charizard2:#dca;--charizardfront:url(../images/production-explorer.jpg);--pika1:#54a29e;--pika2:#a79d66;--pikafront:url(../images/song-explorer.jpg);--eevee1:#efb2fb;--eevee2:#acc6f8;--eeveefront:url(../images/artist-development.jpg);--mewtwo1:#efb2fb;--mewtwo2:#acc6f8;--mewtwofront:url(https://assets.codepen.io/13471/mewtwo-gx.webp);--swiper-theme-color:#fff}.swiper-pagination-bullet{background:#000}.dark-mode .swiper-pagination-bullet{background:#fff}.card{max-width:380px;min-height:calc(100svh - 220px);width:calc(100vw - 4rem)}@media screen and (min-height:765px){.card{max-height:32rem;min-height:32rem}}@media screen and (min-width:600px){.card{max-height:420px;max-width:275px;min-height:420px}}.card{background-color:#fff;background-image:var(--front);background-position:50% 50%;background-repeat:no-repeat;background-size:cover;border-radius:5%/3.5%;border-radius:1rem;overflow:hidden;position:relative;touch-action:none;transform-origin:center;transition:transform .5s ease,box-shadow .2s ease;will-change:transform,filter;z-index:10}.dark-mode .card{background-color:#040712}.card{box-shadow:-10px -10px 8px -15px var(--color1),5px 5px 8px -15px var(--color2),-5px -5px 5px -5px var(--color1),5px 5px 5px -5px var(--color2)}@media screen and (min-width:768px){.card{box-shadow:-10px -10px 8px -15px var(--color1),5px 5px 8px -15px var(--color2),-5px -5px 5px -5px var(--color1),5px 5px 5px -5px var(--color2),0 55px 35px -10px #00000080}.card:hover{box-shadow:-20px -20px 30px -25px var(--color1),20px 20px 30px -25px var(--color2),-7px -7px 10px -5px var(--color1),7px 7px 10px -5px var(--color2),0 0 13px 4px #ffffff4d,0 55px 35px -20px #00000080}.card:before{background-image:linear-gradient(115deg,transparent 0,var(--color1) 25%,transparent 47%,transparent 53%,var(--color2) 75%,transparent 100%);background-size:300% 300%;filter:brightness(.5) contrast(1);opacity:.5;z-index:1}.card:after,.card:before{background-position:50% 50%;border-radius:5%/3.5%}.card:after{background-blend-mode:overlay;background-image:url(https://assets.codepen.io/13471/sparkles.gif),url(https://assets.codepen.io/13471/holo.png),linear-gradient(125deg,#ff008450 15%,#fca40040 30%,#ffff0030 40%,#00ff8a20 60%,#00cfff40 70%,#cc4cfa50 85%);background-size:160%;filter:brightness(1) contrast(1);mix-blend-mode:color-dodge;opacity:.75;transition:all .33s ease;z-index:2}.card.active:after,.card:hover:after{filter:brightness(1) contrast(1);opacity:1}.card.active,.card:hover{animation:none;transition:box-shadow .1s ease-out}.card.active:before,.card:hover:before{animation:none;background-image:linear-gradient(110deg,transparent 25%,var(--color1) 48%,var(--color2) 52%,transparent 75%);background-position:50% 50%;background-size:250% 250%;filter:brightness(.66) contrast(1.33);opacity:.88;transition:none}.card.active:after,.card.active:before,.card:hover:after,.card:hover:before{animation:none;transition:none}}.card.charizard{--color1:var(--charizard1);--color2:var(--charizard2);--front:var(--charizardfront)}.card.pika{--color1:var(--pika1);--color2:var(--pika2);--front:var(--pikafront)}.card.mewtwo{--color1:var(--mewtwo1);--color2:var(--mewtwo2);--front:var(--mewtwofront)}.card.eevee{--color1:#ec9bb6;--color2:#ccac6f;--color3:#69e4a5;--color4:#8ec5d6;--color5:#b98cce;--front:var(--eeveefront)}.card:after,.card:before{background-repeat:no-repeat;bottom:0;content:"";left:0;mix-blend-mode:color-dodge;opacity:.5;overflow:hidden;position:absolute;right:0;top:0;transition:all .33s ease}.card.animated{animation:holoCard 2s ease 0s 1;transition:none}.card.animated:before{animation:holoGradient 12s ease 0s 1;transition:none}.card.animated:after{animation:holoSparkle 12s ease 0s 1;transition:none}@keyframes holoSparkle{0%,to{background-position:50% 50%;filter:brightness(1.2) contrast(1.25);opacity:.75}5%,8%{background-position:40% 40%;filter:brightness(.8) contrast(1.2);opacity:1}13%,16%{background-position:50% 50%;filter:brightness(1.2) contrast(.8);opacity:.5}35%,38%{background-position:60% 60%;filter:brightness(1) contrast(1);opacity:1}55%{background-position:45% 45%;filter:brightness(1.2) contrast(1.25);opacity:.33}}@keyframes holoGradient{0%,to{background-position:50% 50%;filter:brightness(.5) contrast(1);opacity:.5}5%,9%{background-position:100% 100%;filter:brightness(.75) contrast(1.25);opacity:1}13%,17%{background-position:0 0;opacity:.88}35%,39%{background-position:100% 100%;filter:brightness(.5) contrast(1);opacity:1}55%{background-position:0 0;filter:brightness(.75) contrast(1.25);opacity:1}}@keyframes holoCard{0%{transform:rotate(0) rotateX(0) rotateY(0)}50%{transform:rotate(0) rotateX(12deg) rotateY(10deg)}to{transform:rotate(0) rotateX(0) rotateY(0)}}.demo .card{background-image:var(--back);font-size:2vh}.demo .card>span{position:relative;top:45%}.demo .card:first-of-type,.demo .card:nth-of-type(2),.demo .card:nth-of-type(3){animation:none;box-shadow:inset 0 0 0 1px rgba(white,.4),0 25px 15px -10px #00000080;height:27.5vh;width:20vh}.demo .card:first-of-type:after,.demo .card:first-of-type:before,.demo .card:nth-of-type(2):after,.demo .card:nth-of-type(2):before,.demo .card:nth-of-type(3):after,.demo .card:nth-of-type(3):before{animation:none}.demo .card:first-of-type:after,.demo .card:first-of-type:before{display:none}.demo .card:nth-of-type(2){background:none}.demo .card:nth-of-type(2):before{display:none}.demo .card:nth-of-type(3){background:none}.demo .card:nth-of-type(3):after{display:none}.operator{display:inline-block;font-size:6vh;vertical-align:middle}.cards,.demo{align-items:center;display:flex;flex-direction:column;justify-content:space-evenly;perspective:2000px;position:relative;transform:translate3d(.1px,.1px,.1px);z-index:1}.demo{flex-direction:row;justify-content:center}@media screen and (min-width:768px){.cards{flex-direction:row}}.cards .card:nth-child(2),.cards .card:nth-child(2):after,.cards .card:nth-child(2):before{animation-delay:.25s}.cards .card:nth-child(3),.cards .card:nth-child(3):after,.cards .card:nth-child(3):before{animation-delay:.5s}.cards .card:nth-child(4),.cards .card:nth-child(4):after,.cards .card:nth-child(4):before{animation-delay:.75s}.promo{margin-top:50px}.promo img{margin-top:10px;max-width:80%}@keyframes rubberBand{0%{transform:scaleX(1)}30%{transform:scale3d(1.25,.75,1)}40%{transform:scale3d(.75,1.25,1)}50%{transform:scale3d(1.15,.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}to{transform:scaleX(1)}}[lang=en] [data-card=songExplorer] .session-title,[lang=sk] [data-card=artistDevelopment] .session-title{max-width:12rem}.card-slide .session-title{max-width:16rem}[lang=is] .card-slide [data-card=artistDevelopment] .session-title,[lang=sv] .card-slide [data-card=productionExplorer] .session-title{max-width:100%}