:root{--color1: rgb(0, 231, 255);--color2: rgb(255, 0, 231);--back: url(https://cdn2.bulbagarden.net/upload/1/17/Cardback.jpg);--charizard1: rgb(192, 192, 192);--charizard2: #ddccaa;--charizardfront: url(https://media.discordapp.net/attachments/881615007706664960/898331908574953472/casegold.png?width=342&height=478);--pika1: #54a29e;--pika2: #a79d66;--pikafront: url(https://assets.codepen.io/13471/pikachu-gx.webp);--eevee1: #efb2fb;--eevee2: #acc6f8;--eeveefront: url(https://assets.codepen.io/13471/eevee-gx.webp);--mewtwo1: #efb2fb;--mewtwo2: #acc6f8;--mewtwofront: url(https://assets.codepen.io/13471/mewtwo-gx.webp)}.card{width:71.5vw;height:100vw;width:clamp(200px,61vh,18vw);height:clamp(280px,85vh,25.2vw);position:relative;margin:20px;overflow:hidden;z-index:10;touch-action:none;border-radius:5%/3.5%;box-shadow:-5px -5px 5px -5px var(--color1),5px 5px 5px -5px var(--color2),-7px -7px 10px -5px transparent,7px 7px 10px -5px transparent,0 0 5px #fff0,0 55px 35px -20px #00000080;transition:transform .5s ease,box-shadow .2s ease;will-change:transform,filter;background-color:#040712;background-image:var(--front);background-size:cover;background-repeat:no-repeat;background-position:50% 50%;transform-origin:center}@media screen and (min-width: 600px){.card{width:clamp(12.9vw,61vh,18vw);height:clamp(18vw,85vh,25.2vw)}}.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.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:before,.card:after{content:"";position:absolute;left:0;right:0;bottom:0;top:0;background-repeat:no-repeat;opacity:.5;mix-blend-mode:color-dodge;transition:all .33s ease}.card:before{background-position:50% 50%;background-size:300% 300%;background-image:linear-gradient(115deg,transparent 0%,var(--color1) 25%,transparent 47%,transparent 53%,var(--color2) 75%,transparent 100%);opacity:.5;filter:brightness(.5) contrast(1);z-index:1}.card:after{opacity:1;background-position:50% 50%;background-size:160%;background-blend-mode:overlay;z-index:2;filter:brightness(1) contrast(1);transition:all .33s ease;mix-blend-mode:color-dodge;opacity:.75}.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%;opacity:.88;filter:brightness(.66) contrast(1.33);transition:none}.card.active:before,.card:hover:before,.card.active:after,.card:hover:after{animation:none;transition:none}.card.animated{transition:none;animation:holoCard 12s ease 0s 1}.card.animated:before{transition:none;animation:holoGradient 12s ease 0s 1}.card.animated:after{transition:none;animation:holoSparkle 12s ease 0s 1}@keyframes holoSparkle{0%,to{opacity:.75;background-position:50% 50%;filter:brightness(1.2) contrast(1.25)}5%,8%{opacity:1;background-position:40% 40%;filter:brightness(.8) contrast(1.2)}13%,16%{opacity:.5;background-position:50% 50%;filter:brightness(1.2) contrast(.8)}35%,38%{opacity:1;background-position:60% 60%;filter:brightness(1) contrast(1)}55%{opacity:.33;background-position:45% 45%;filter:brightness(1.2) contrast(1.25)}}@keyframes holoGradient{0%,to{opacity:.5;background-position:50% 50%;filter:brightness(.5) contrast(1)}5%,9%{background-position:100% 100%;opacity:1;filter:brightness(.75) contrast(1.25)}13%,17%{background-position:0% 0%;opacity:.88}35%,39%{background-position:100% 100%;opacity:1;filter:brightness(.5) contrast(1)}55%{background-position:0% 0%;opacity:1;filter:brightness(.75) contrast(1.25)}}@keyframes holoCard{0%,to{transform:rotate(0) rotateX(0) rotateY(0)}5%,8%{transform:rotate(0) rotateX(6deg) rotateY(-20deg)}13%,16%{transform:rotate(0) rotateX(-9deg) rotateY(32deg)}35%,38%{transform:rotate(3deg) rotateX(12deg) rotateY(20deg)}55%{transform:rotate(-3deg) rotateX(-12deg) rotateY(-27deg)}}.card.eevee:hover{box-shadow:0 0 30px -5px #fff,0 0 10px -2px #fff,0 55px 35px -20px #00000080}.card.eevee:hover:before,.card.eevee.active:before{background-image:linear-gradient(115deg,transparent 20%,var(--color1) 36%,var(--color2) 43%,var(--color3) 50%,var(--color4) 57%,var(--color5) 64%,transparent 80%)}.demo .card{background-image:var(--back);font-size:2vh}.demo .card>span{position:relative;top:45%}.demo .card:nth-of-type(1),.demo .card:nth-of-type(2),.demo .card:nth-of-type(3){width:20vh;height:27.5vh;box-shadow:inset 0 0 0 1px #fff6,0 25px 15px -10px #00000080;animation:none}.demo .card:nth-of-type(1):before,.demo .card:nth-of-type(1):after,.demo .card:nth-of-type(2):before,.demo .card:nth-of-type(2):after,.demo .card:nth-of-type(3):before,.demo .card:nth-of-type(3):after{animation:none}.demo .card:nth-of-type(1):before,.demo .card:nth-of-type(1):after{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;vertical-align:middle;font-size:6vh}.cehtml,.cebody{height:100%;background-color:#333844;padding:0;z-index:1;transform:translateZ(.1px)}.cebody{color:#fff;background-color:#333844;font-family:Heebo,sans-serif;text-align:center}.ceh1{display:block;margin:30px 0}.cep{margin-top:5px;font-weight:200}#app{position:relative}.demo,.cards{display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;perspective:2000px;position:relative;z-index:1;transform:translate3d(.1px,.1px,.1px)}.demo{flex-direction:row;justify-content:center}@media screen and (min-width: 600px){.cards{flex-direction:row}}.cards .card:nth-child(2),.cards .card:nth-child(2):before,.cards .card:nth-child(2):after{animation-delay:.25s}.cards .card:nth-child(3),.cards .card:nth-child(3):before,.cards .card:nth-child(3):after{animation-delay:.5s}.cards .card:nth-child(4),.cards .card:nth-child(4):before,.cards .card:nth-child(4):after{animation-delay:.75s}body{background:#f8f 8f 8}a{text-decoration:none}h1{text-align:center;font-family:Lato,sans-serif;font-size:25px;line-height:32px;padding-top:70px}h1 a{color:#6cc}.price-table-wrapper{font-family:Lato,sans-serif;text-align:center;margin-top:150px}.price-table-wrapper .featured-table{box-shadow:0 0 19px -3px #0000005c}.price-table-wrapper .pricing-table{display:inline-block;border:1px solid #c8c8c8;border-radius:10px;background:#fff;margin:20px;transition:all .3s ease-in-out}.price-table-wrapper .pricing-table__header{padding:20px;font-size:20px;color:#909090;background:#e0e0e0}.price-table-wrapper .pricing-table__price{color:#6cc;padding:20px;margin:auto;font-size:40px;font-weight:500}.price-table-wrapper .pricing-table__button{display:block;background:#6cc;text-decoration:none;padding:20px;color:#fff;position:relative;overflow:hidden;transition:all .3s ease-in-out}.price-table-wrapper .pricing-table__button:before{position:absolute;left:-20%;top:-10%;content:"";width:60%;height:220%;transform:rotate(-30deg);background:#fff;opacity:.3;transition:all .3s ease-in-out}.price-table-wrapper .pricing-table__button:after{position:absolute;content:">";top:0;right:0;font-size:25px;padding:15px 40px 15px 15px;color:#fff;opacity:0;transition:all .3s ease-in-out}.price-table-wrapper .pricing-table__button:hover{background:#000}.price-table-wrapper .pricing-table__list{padding:20px;color:#a0a0a0}.price-table-wrapper .pricing-table__list li{padding:15px;border-bottom:1px solid #c8c8c8}.price-table-wrapper .pricing-table__list li:last-child{border:none}.price-table-wrapper .pricing-table:hover{box-shadow:0 0 19px -3px #0000005c}.price-table-wrapper .pricing-table:hover .pricing-table__button{padding-left:0;padding-right:35px}.price-table-wrapper .pricing-table:hover .pricing-table__button:before{top:-80%;transform:rotate(0);width:100%}.price-table-wrapper .pricing-table:hover .pricing-table__button:after{opacity:1;padding-right:15px}// CUSTOM STYLES FOR CARD STACK .karten-liste{display:flex;padding:10rem;width:fit-content;height:fit-content;padding:0;margin:5rem;transition:opacity .2s}.list-and-heading{transition:.4s}.list-and-heading:hover{z-index:1000}.karten-liste:hover .karte:not(:first-child){opacity:100%}.all-lists:hover>*:not(:hover){opacity:20%;z-index:1}.karte{background:#17141d;box-shadow:-1rem 0 3rem #000;display:flex;flex-direction:column;transition:.2s;margin:0;scroll-snap-align:start;clear:both;position:relative}.karte:focus-within~.karte,.karte:hover~.karte{transform:translate(20px)}.karte:hover{transform:translateY(-1rem);transform:rotate(2deg)}.karte:not(:first-child){opacity:0%;margin-left:-180px}.tinted-img{filter:brightness(75%)}.sogeht-weisse-schrift{color:#fff!important;font-weight:700}
/*# sourceMappingURL=/s/files/1/0528/5625/8736/t/8/assets/custom-styles.css.map */