@import url(https://fonts.googleapis.com/css2?family=RocknRoll+One&display=swap);*,:after,:before{margin:0;padding:0;box-sizing:border-box}html{font-family:RocknRoll One,sans-serif;background-color:#5149ca;scroll-behavior:smooth}ul{list-style:none}a{text-decoration:none}.container{width:90%;height:500px;margin:0 auto}section{height:100vh}header{width:25%}nav .menu__toggle{display:block;position:relative;top:1px;left:.4rem;z-index:9;-webkit-user-select:none;user-select:none;padding:.5rem}nav .menu__toggle input{display:block;width:40px;height:32px;position:absolute;top:-7px;left:-5px;cursor:pointer;opacity:0;z-index:2;-webkit-touch-callout:none}nav .menu__toggle input:checked~span{opacity:1;transform:rotate(45deg) translate(-2px,-1px);background:#c5c2c2}nav .menu__toggle input:checked~span:nth-last-child(3){opacity:0;transform:rotate(0deg) scale(.2)}nav .menu__toggle input:checked~span:nth-last-child(2){transform:rotate(-45deg) translateY(-1px)}nav .menu__toggle input:checked~ul{transform:none}nav .menu__toggle span{display:block;width:33px;height:4px;margin-bottom:5px;position:relative;background:#fff;border-radius:3px;z-index:1;transform-origin:4px 0;transition:transform .5s cubic-bezier(.77,.2,.05,1),background .5s cubic-bezier(.77,.2,.05,1),opacity .55s ease}nav .menu__toggle span:first-child{transform-origin:0 0}nav .menu__toggle span:nth-last-child(2){transform-origin:0 100%}nav ul.navbar{list-style:none;text-align:center;position:absolute;width:300px;margin:-100px 0 0 -50px;padding:125px 0 2rem;background:#ededed;list-style-type:none;-webkit-font-smoothing:antialiased;transform-origin:0 0;transform:translate(-100%);transition:transform .5s cubic-bezier(.77,.2,.05,1)}nav ul.navbar li{display:inline-block;width:100%;padding:10px 0;font-size:1rem}nav ul.navbar li a{position:relative;z-index:1;border:solid transparent;border-width:0 0 4px;display:block;padding:1rem;text-decoration:none;color:#232323;font-weight:800;text-transform:uppercase;transition:all .5s ease}nav ul.navbar li a:hover{color:#fff;border:solid grey;border-width:0 0 4px}nav ul.navbar li a:hover:after{opacity:1;visibility:visible;height:100%}nav ul.navbar li a:after{display:block;position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;width:100%;height:1px;content:".";color:transparent;background:#5149ca;visibility:none;opacity:0;z-index:-1;transition:all .5s}nav ul.navbar li a:before{transition:all .5s}.page__notFound{display:flex;flex-direction:column;align-items:center;margin-top:-3rem;height:92.5vh;background:url(/assets/imgs/404.jpg) no-repeat bottom,no-repeat 50%/cover,#5149ca;animation:animationRotateIn .7s linear;animation-iteration-count:1;transform-origin:50% 50%;-webkit-animation:animationRotateIn .7s linear;-webkit-animation-iteration-count:1;-webkit-transform-origin:50% 50%;-moz-animation:animationRotateIn linear .7s;-moz-animation-iteration-count:1;-moz-transform-origin:50% 50%;-o-animation:animationRotateIn linear .7s;-o-animation-iteration-count:1;-o-transform-origin:50% 50%;-ms-animation:animationRotateIn linear .7s;-ms-animation-iteration-count:1;-ms-transform-origin:50% 50%}.page__notFound h1{font-size:6rem;color:#fff}.page__notFound p{color:#fff;font-size:4rem}@keyframes animationRotateIn{0%{opacity:0;transform:rotate(-200deg)}to{opacity:1;transform:rotate(0deg)}}.center{text-align:center}.title{font-weight:700;font-size:3rem}.text-white,.title{color:#fff}.truncate-string{width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.overlay{position:fixed;width:100%;height:100%;background-color:rgba(91,60,201,.5333333333333333);z-index:10;display:flex;align-items:center;justify-content:center}ul.episodes__list{counter-reset:gradient-counter;list-style:none;margin:1.75rem 0;padding-left:1rem}ul.episodes__list>li{background:#fff;border-radius:0 .5rem .5rem .5rem;box-shadow:.25rem .25rem .6rem rgba(0,0,0,.05),0 .5rem 1.125rem rgba(75,0,0,.05);counter-increment:gradient-counter;min-height:3rem;padding:1rem 1rem 1rem 3rem;position:relative}ul.episodes__list>li:after,ul.episodes__list>li:before{background:linear-gradient(135deg,rgba(73,42,131,.9803921568627451),#5b2a88);border-radius:1rem 1rem 0 1rem;content:"";height:3rem;left:-1rem;overflow:hidden;position:absolute;top:-1rem;width:3rem}ul.episodes__list>li:before{box-shadow:.25rem .25rem .6rem rgba(0,0,0,.05),0 .5rem 1.125rem rgba(75,0,0,.05);content:counter(gradient-counter);color:#fff;display:flex;font:900 1.8em/1 RocknRoll One;justify-content:flex-end;padding:.125em .25em;z-index:1;align-items:flex-end;flex-direction:column}ul.episodes__list>li:hover{box-shadow:5px 5px 1px rgba(250,246,246,.5);-webkit-box-shadow:5px 5px 20px rgba(250,246,246,.5);-moz-box-shadow:5px 5px 20px rgba(250,246,246,.5)}ul.episodes__list>li+li{margin-top:2rem}.card{margin:10px;border:5px solid transparent;box-shadow:2px 2px 6px 0 rgba(0,0,0,.3);max-width:350px;transition:all .6s;border-radius:.5rem;cursor:pointer}.card figure{height:300px;background:linear-gradient(90deg,#492378,#492378 38%,#492378)}.card ul li{padding:.4rem 0;display:flex;justify-content:space-between;color:#09cdce}.card ul li .table__label{color:#d8d6d6;overflow-wrap:break-word;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.card .card__details{padding:0 10px 10px;position:relative}.card .card__details h3{color:#fff}.card .card__list{margin-top:1rem;padding:0}.card img{max-width:100%;opacity:.5;transition:opacity .5s;border-radius:.2rem;width:100%}.card img:hover{opacity:1}.card .card__favorite{position:absolute;width:30px;height:30px;right:.4rem;opacity:.7;cursor:pointer}.card:hover{border:5px solid #fff;box-shadow:5px 5px 1px rgba(250,246,246,.5);-webkit-box-shadow:5px 5px 20px rgba(250,246,246,.5);-moz-box-shadow:5px 5px 20px rgba(250,246,246,.5)}@media screen and (max-width:500px){.container{width:100%}.character__list{justify-content:flex-start;flex-direction:column}.card{border:5px solid hsla(0,0%,100%,.9);box-shadow:2px 2px 6px 0 hsla(0,0%,100%,.3);max-width:100%}.card img{opacity:1}}.toast-center-center{top:50%;left:50%;transform:translate(-50%,-50%)}.toast-top-center{top:0;right:0;width:100%}.toast-bottom-center{bottom:0;right:0;width:100%}.toast-top-full-width{top:0;right:0;width:100%}.toast-bottom-full-width{bottom:0;right:0;width:100%}.toast-top-left{top:12px;left:12px}.toast-top-right{top:12px;right:12px}.toast-bottom-right{right:12px;bottom:12px}.toast-bottom-left{bottom:12px;left:12px}.toast-title{font-weight:700}.toast-message{word-wrap:break-word}.toast-message a,.toast-message label{color:#fff}.toast-message a:hover{color:#ccc;text-decoration:none}.toast-close-button{position:relative;right:-.3em;top:-.3em;float:right;font-size:20px;font-weight:700;color:#fff;text-shadow:0 1px 0 #fff}.toast-close-button:focus,.toast-close-button:hover{color:#000;text-decoration:none;cursor:pointer;opacity:.4}button.toast-close-button{padding:0;cursor:pointer;background:transparent;border:0}.toast-container{pointer-events:none;position:fixed;z-index:999999}.toast-container *{box-sizing:border-box}.toast-container .ngx-toastr{position:relative;overflow:hidden;margin:0 0 6px;padding:15px 15px 15px 50px;width:300px;border-radius:3px 3px 3px 3px;background-position:15px;background-repeat:no-repeat;background-size:24px;box-shadow:0 0 12px #999;color:#fff}.toast-container .ngx-toastr:hover{box-shadow:0 0 12px #000;opacity:1;cursor:pointer}.toast-info{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' width='512' height='512'%3E%3Cpath fill='rgb(255,255,255)' d='M256 8C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm0 110c23.196 0 42 18.804 42 42s-18.804 42-42 42-42-18.804-42-42 18.804-42 42-42zm56 254c0 6.627-5.373 12-12 12h-88c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h12v-64h-12c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h64c6.627 0 12 5.373 12 12v100h12c6.627 0 12 5.373 12 12v24z'/%3E%3C/svg%3E")}.toast-error{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' width='512' height='512'%3E%3Cpath fill='rgb(255,255,255)' d='M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm121.6 313.1c4.7 4.7 4.7 12.3 0 17L338 377.6c-4.7 4.7-12.3 4.7-17 0L256 312l-65.1 65.6c-4.7 4.7-12.3 4.7-17 0L134.4 338c-4.7-4.7-4.7-12.3 0-17l65.6-65-65.6-65.1c-4.7-4.7-4.7-12.3 0-17l39.6-39.6c4.7-4.7 12.3-4.7 17 0l65 65.7 65.1-65.6c4.7-4.7 12.3-4.7 17 0l39.6 39.6c4.7 4.7 4.7 12.3 0 17L312 256l65.6 65.1z'/%3E%3C/svg%3E")}.toast-success{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' width='512' height='512'%3E%3Cpath fill='rgb(255,255,255)' d='M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z'/%3E%3C/svg%3E")}.toast-warning{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512' width='576' height='512'%3E%3Cpath fill='rgb(255,255,255)' d='M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z'/%3E%3C/svg%3E")}.toast-container.toast-bottom-center .ngx-toastr,.toast-container.toast-top-center .ngx-toastr{width:300px;margin-left:auto;margin-right:auto}.toast-container.toast-bottom-full-width .ngx-toastr,.toast-container.toast-top-full-width .ngx-toastr{width:96%;margin-left:auto;margin-right:auto}.ngx-toastr{background-color:#030303;pointer-events:auto}.toast-success{background-color:#51a351}.toast-error{background-color:#bd362f}.toast-info{background-color:#2f96b4}.toast-warning{background-color:#f89406}.toast-progress{position:absolute;left:0;bottom:0;height:4px;background-color:#000;opacity:.4}@media (max-width:240px){.toast-container .ngx-toastr.div{padding:8px 8px 8px 50px;width:11em}.toast-container .toast-close-button{right:-.2em;top:-.2em}}@media (min-width:241px) and (max-width:480px){.toast-container .ngx-toastr.div{padding:8px 8px 8px 50px;width:18em}.toast-container .toast-close-button{right:-.2em;top:-.2em}}@media (min-width:481px) and (max-width:768px){.toast-container .ngx-toastr.div{padding:15px 15px 15px 50px;width:25em}}