@import url(https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Roboto+Flex:opsz,wght@8..144,100..1000&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap);
html,body,p,ol,ul,li,dl,dt,dd,blockquote,figure,fieldset,legend,textarea,pre,iframe,hr,h1,h2,h3,h4,h5,h6{margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}ul{list-style:none}button,input,select{margin:0}html{box-sizing:border-box}*,*::before,*::after{box-sizing:inherit}img,video{height:auto;max-width:100%}iframe{border:0}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}body{font-family:"Inter",sans-serif;min-height:100vh;font-size:16px;line-height:1.6em;background:#171718 url("../images/bg.jpg") repeat;background-size:300px;background-attachment:fixed;color:silver}img{display:block;max-width:100%;width:auto;height:auto}.page{min-height:100vh;max-width:900px;margin:0 auto}.page__loader{display:grid;place-items:center;position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.page__loader img{width:50%;max-width:200%;transform:scale(0);opacity:0}.page__content{display:none}.header{position:relative;display:flex;align-items:center;gap:10px;padding:15px;background:#171718;box-shadow:0 0 40px 0 rgba(0,0,0,.6)}.header__logo{width:40px;flex-shrink:0}.header__wrap{position:relative;flex-grow:1}.header__title{font-size:18px;font-weight:600;color:#fff}.header__search{position:absolute;top:50%;left:0;width:100%;z-index:10;transform:translateY(-50%)}.header__search-input-wrap{position:relative;z-index:10;overflow:hidden;width:0;transition:all .6s ease}.header__search.active .header__search-input-wrap{width:100%}.header__search-input{width:100%;padding:10px;border-radius:5px;font-size:12px;border:none;background:#202020;outline:none;color:#fff}.header__search-input::placeholder{color:#666}.header__search-button{display:grid;place-items:center;position:absolute;width:50px;aspect-ratio:1/1;top:50%;right:-5px;z-index:11;transform:translateY(-50%);opacity:.5;transition:all .3s ease}.header__search-button img{width:16px}.header__search.active .header__search-button{opacity:1}.menu{display:flex;padding:0 10px}.menu__item{position:relative;padding:10px;flex-grow:1;font-size:14px;text-align:center;transition:all .3s ease}.menu__item::after{position:absolute;display:block;content:"";width:100%;height:2px;background:#fecf1e;transition:all .3s ease;transform:scaleX(0);left:0;right:0;bottom:0;margin:0 auto;border-radius:100px}.menu__item.active{color:#fff}.menu__item.active::after{transform:scaleX(1)}.cards{padding:10px;display:grid;gap:10px}.card{background:hsla(0,0%,100%,.03);backdrop-filter:blur(7px);padding:10px;border-radius:10px}.card__title{display:flex;gap:5px;font-size:16px;align-items:flex-start;font-weight:550;color:#fff}.card__title img{position:relative;top:5px}.card__desc{font-size:12px;margin-bottom:5px}.card__btn{font-size:12px;padding:10px;display:flex;align-items:center;justify-content:center;border-radius:5px;background:hsla(0,0%,100%,.05);color:#fff;text-decoration:none}.card__episodes{flex-wrap:wrap;display:flex;gap:5px}.card__episodes a{width:calc(14.2857142857% - 5px);max-width:45px;aspect-ratio:1/1}.not-found{font-size:14px;text-align:center;background:hsla(0,0%,100%,.03);backdrop-filter:blur(7px);padding:10px;border-radius:10px}