@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400&display=swap);:root{--maintheme:#61dafb;--bg-color:#282c34;--white:#fff}*,:after,:before{-webkit-tap-highlight-color:rgba(0,0,0,0);box-sizing:border-box}button,input,textarea{font-family:inherit}body{background:#282c34;background:var(--bg-color);color:#fff;color:var(--white);font-family:Roboto,sans-serif;font-size:14px;font-style:normal;font-weight:300;letter-spacing:.05rem;line-height:normal;margin:0}#root{display:flex;flex-direction:column;justify-content:space-between;min-height:100vh}h2{margin:1rem 0}h3,h4{margin:.5rem 0}:active,:focus{outline:none}a:active,a:focus{color:inherit;outline:none}button{cursor:pointer}a,a:link,a:visited{color:inherit;text-decoration:none}a:hover{color:#61dafb;color:var(--maintheme);text-decoration:none}aside,footer,header,nav{display:block}p{margin:.5rem 0}.wrapper{margin:0 auto;max-width:1300px;width:95%}h1{color:#61dafb;color:var(--maintheme);font-size:1.5rem;font-weight:400;margin:1rem 2rem 1rem 1rem;white-space:nowrap}.btn{-ms-flex-pack:center;-webkit-tap-highlight-color:rgba(0,0,0,0);align-items:center;background:hsla(0,0%,100%,.2);border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-flex;font-weight:300;letter-spacing:.05rem;outline:none;padding:6px 15px;position:relative}a.btn{display:inline}a.btn:hover{color:inherit}a.btn.btn.inactive:hover{color:#a8a8a8}.btn-big{background:rgba(157,117,194,.5);max-width:150px}.btn:hover{opacity:.9}.btn:active{opacity:.7}.btn.active,.btn.inactive{background:rgba(0,0,0,.25)}.btn.inactive{color:#a8a8a8;cursor:default}.btn.inactive:active,.btn.inactive:hover{opacity:1}li,ul{line-height:25px;list-style:none;padding:0}.hidden,.hide{display:none}@media screen and (max-width:768px){html{font-size:14px}a,p{line-height:1.5rem}}.search{width:18%}.header__wrapper{align-items:center;background:hsla(0,0%,100%,.1);border-radius:8px;display:flex;font-size:1rem;justify-content:space-between;margin:2rem auto 1.2rem;padding:0 1.2rem}h1.logo{font-size:1.25rem}.search__form{display:flex}.search__form.hidden{display:none}input{background:hsla(0,0%,100%,.2);border:0;border-radius:4px 0 0 4px;color:#fff;height:1.8rem;padding:.5rem;transition:.3s;width:100%}input::-webkit-input-placeholder{color:hsla(0,0%,100%,.5)}input::placeholder{color:hsla(0,0%,100%,.5)}input:focus{background:hsla(0,0%,100%,.3)}.search__button{background:hsla(0,0%,100%,.2);border:0;border-radius:0 4px 4px 0;padding:.3rem .4rem .1rem;transition:.3s}.search__button img{max-height:21px}.search__button:hover{background:hsla(0,0%,100%,.3)}@media screen and (max-width:768px){.header{z-index:1}.header__wrapper{margin:1.5rem auto 1rem}.nav__list{flex-wrap:wrap}.search{width:30%}}@media screen and (max-width:550px){h1.logo{margin:1rem 0}.search{width:40%}}@media screen and (max-width:450px){h1.logo{font-size:1rem}}.nav__list{display:flex;gap:20px}.nav__list .btn{background:transparent;border-color:transparent}.nav__list .btn.btn-login{background:hsla(0,0%,100%,.2)}.nav__list .btn.btn-logout{background:rgba(0,0,0,.2)}.hamburger{display:none;margin:0 3rem 0 1rem;transition:.3s;z-index:1}.hamburger .line{background-color:var(--maintheme);display:block;height:2px;margin:6px auto;transition:all .3s ease-in-out;width:30px}.hamburger:hover{cursor:pointer}#hamburger-1.is-active{-webkit-transform:rotate(90deg);transform:rotate(90deg)}@media screen and (max-width:768px){.hamburger{display:block;margin:0 1rem 0 0}.nav__list{align-items:center;flex-direction:column;flex-wrap:wrap;gap:20px;margin-bottom:1.5rem}.nav{background:hsla(0,0%,100%,.5);border-radius:8px;padding-right:0;position:fixed;right:1.5rem;top:5rem;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:0 0;transform-origin:0 0;transition:.5s;width:160px;z-index:2}.nav.is-active{top:53px;-webkit-transform:scaleY(1);transform:scaleY(1)}}@media screen and (max-width:450px){.hamburger{margin:0}}@media screen and (max-width:350px){.nav{width:100%}}.card{background:hsla(0,0%,100%,.1);border-radius:8px;cursor:pointer;display:flex;flex-direction:column;max-width:100%}.card__img img{border-radius:8px 8px 0 0;height:auto;width:100%}.card__props{display:flex;gap:2rem;justify-content:flex-start}.card__info{padding:1rem}.card__description{overflow:hidden}.card__buttons{display:flex;gap:1rem;justify-content:space-evenly;margin:auto auto 1rem}.modalcard{align-items:center;border-radius:8px;display:flex;flex-direction:column;margin:2rem .5rem;max-height:85vh;max-width:100%;overflow-y:auto;padding:0 1rem}.modalcard__img img{border-radius:8px 8px 0 0;height:auto;max-width:580px}.modalcard__props{display:flex;gap:2rem;justify-content:flex-start;margin-bottom:0}.modalcard__info{max-width:100%;overflow-x:hidden;padding:1rem}.popup.is-active{display:flex}.modalcard__close-button{margin-left:-2rem}.modalcard__close-button .close-button__img{border-radius:9px;box-sizing:initial;cursor:pointer;max-width:1.5rem;padding:.5rem;transition:.3s}.modalcard__close-button .close-button__img:hover{background-color:hsla(0,0%,56%,.8)}.dropdown__wrapper{display:flex;margin:.5rem;min-width:122px;position:relative;z-index:1}.dropdown__header{background-color:hsla(0,0%,100%,.2);background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAA3NCSVQICAjb4U/gAAAACXBIWXMAAAH2AAAB9gHM/csYAAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAAEtQTFRF////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA16y2cwAAABh0Uk5TAAEMDxEZHSUtMklekJKWrbW+2Obq7/3+58/N7wAAANpJREFUWMPtzEsWgjAUBNFGBZSPoKL0/lfqxCMfk/A6ehyl5reAVCr1s/anXQzbnfYAgKIf+ehylefdg2NfAIcbSXI4av44kCRvB7RkxOHlyRZXRhzenlfcqR8mzzsulA8zzwsqqoe5ZwU04mHhGwDZWTos/DmDenB46eD0wsHjzQevNx4C3nQIesNhw28eNv3GweCDB5MPHIzeezB7z0HwzoPkHQfRfxxkvz7ofnWI8L6D3bsPincdNP95UP36oPvlIcbPD3F+OsR6APVADjW+KCvLDKlU6h89ARE0R09dBLf6AAAAAElFTkSuQmCC);background-position:100px 11px;background-repeat:no-repeat;background-size:13px;border:none;border-radius:4px;cursor:default;padding:.5rem 1rem;width:100%}.dropdown__header.disable{-webkit-filter:brightness(.5);filter:brightness(.5)}.dropdown__header:focus{outline:3px solid #ddd;z-index:1}.dropdown__list{background-color:#f6f6f6;background-color:#65686d;border-radius:4px;cursor:pointer;left:0;margin:0;padding:.5rem 0;position:absolute;top:34px;width:100%}.dropdown__list-item{color:#fff;display:block;line-height:normal;padding:.5rem 1rem;text-decoration:none}.dropdown__list-item.active{color:#cac8c8;cursor:default}.dropdown__list-item.active:hover{background-color:#65686d}.dropdown__list-item:hover{background-color:#868686;transition:.3s}.search-bar{align-items:center;border-radius:8px;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-end}.search-bar__title{font-size:1rem}.pagination__wrapper{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-end;margin:.5rem .5rem 1rem}.pagination__button{background-color:hsla(0,0%,100%,.2);border:none;border-radius:4px;cursor:pointer;padding:.5rem 1rem}.pagination__button:hover{background-color:hsla(0,0%,100%,.15)}.pagination__button:active{background-color:hsla(0,0%,100%,.1)}.loader{align-items:center;color:#fff;display:flex;font-size:27px;justify-content:center;left:0;position:absolute;top:40%;width:100%}.loader h2{font-size:.8em;font-weight:300;margin:0;text-align:center;text-transform:uppercase}.loader .loading span{-webkit-animation:loading 1s infinite alternate;animation:loading 1s infinite alternate;background:#fff;border-radius:.6em;display:inline-block;height:.6em;margin:.19em;vertical-align:middle;width:.6em}.loader .loading span:nth-of-type(2){-webkit-animation-delay:.15s;animation-delay:.15s;background:#fff}.loader .loading span:nth-of-type(3){-webkit-animation-delay:.3s;animation-delay:.3s;background:#fff}.loader .loading span:nth-of-type(4){-webkit-animation-delay:.45s;animation-delay:.45s;background:#fff}.loader .loading span:nth-of-type(5){-webkit-animation-delay:.6s;animation-delay:.6s;background:#fff}.loader .loading span:nth-of-type(6){-webkit-animation-delay:.8s;animation-delay:.8s;background:#fff}.loader .loading span:nth-of-type(7){-webkit-animation-delay:1s;animation-delay:1s;background:#fff}@-webkit-keyframes loading{0%{opacity:0}to{opacity:1}}@keyframes loading{0%{opacity:0}to{opacity:1}}@media screen and (max-width:768px){.loader{font-size:20px}}.main__cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(4,minmax(0,1fr));padding-bottom:.5rem}.no-matches-message{font-size:1rem;padding-top:2rem}.main__settings-wrapper{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between}.popup{align-items:center;background-color:rgba(41,41,41,.7);color:#fff;cursor:pointer;display:none;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:10}.popup__wrapper{align-items:flex-start;background-color:rgba(75,75,75,.95);border-radius:9px;cursor:default;display:flex;max-width:570px;position:absolute;z-index:4}.popup ::-webkit-scrollbar-button{height:0}.popup ::-webkit-scrollbar-track{background-color:var(--bg-color);box-shadow:inset 0 0 3px #000;margin-top:20px}.popup ::-webkit-scrollbar-thumb{background-color:#969696}.popup ::-webkit-resizer{height:0}.popup ::-webkit-scrollbar{width:9px}@media screen and (max-width:1300px){.main__cards{grid-template-columns:repeat(3,minmax(0,1fr))}.main__title,.no-matches-message{text-align:center}}@media screen and (max-width:768px){.main__cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (max-width:550px){.main__cards{grid-template-columns:repeat(1,minmax(0,1fr))}}.switch__checkbox{height:0;margin:0;visibility:hidden;width:0}.switch__label{align-items:center;background:gray;border-radius:80px;cursor:pointer;display:flex;height:40px;justify-content:space-between;min-height:auto;position:relative;transition:background-color .2s;width:80px}.switch__label .switch__button{background:#fff;border-radius:36px;box-shadow:0 0 2px 0 hsla(0,0%,4%,.29);content:"";height:36px;left:2px;position:absolute;top:2px;transition:.2s;width:36px}.switch__label.male{background:#61dafb}.switch__label.female{background:#fb61cb}.switch__checkbox:checked+.switch__label .switch__button{left:calc(100% - 2px);-webkit-transform:translateX(-100%);transform:translateX(-100%)}.switch__label:active .switch__button{width:40px}.switch__label-info{display:flex;gap:120px;left:0;position:absolute;top:54%}@media screen and (max-width:500px){.switch__label{min-width:auto}.switch__label-info{left:auto}}.modal{background:rgba(0,0,0,.44);border-radius:.5rem;color:var(--maintheme);font-size:1.5rem;font-weight:500;left:50%;opacity:0;padding:1rem 2rem;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:.5s}.modal.show{opacity:1}input:-webkit-autofill:active+.form__error,input:-webkit-autofill:focus+.form__error{font-weight:300}input:focus~label,input:focus~span,label:active{font-weight:300}.form{align-items:flex-start;background:hsla(0,0%,100%,.1);border-radius:8px;display:flex;flex-direction:row;flex-wrap:wrap;gap:.75rem 2.5rem;justify-content:space-evenly;max-width:530px;padding:2rem;position:relative}input{height:auto}form:focus span{font-weight:300}select{background:hsla(0,0%,100%,.2);border:0;border-radius:4px;color:#fff;height:auto;padding:.5rem;width:100%}option{background:#a8a8a8}label{display:flex;flex-direction:column;gap:.5rem;min-height:85px;min-width:40%}.form__submit{cursor:pointer;font-size:1.15rem;height:auto;margin:.5rem auto 0;transition:.3s;width:200px}.form__submit:hover{background:hsla(0,0%,100%,.15)}.form__checkbox{align-items:flex-start;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;min-height:40px;width:100%}.form__checkbox .form__error{align-self:center;margin-top:-.25rem;text-align:center;width:100%}.form__checkbox input{height:1rem;margin-top:.05rem;width:1rem}.form__checkbox-label{display:flex;flex-direction:row;min-height:auto}input.error,select.error{outline:1px solid red}.form__switch{align-items:center;display:flex;flex-direction:column;min-width:40%;position:relative}.switch__title{align-self:flex-start;padding-bottom:.5rem}input:disabled{color:#a8a8a8;cursor:not-allowed}input:disabled,input:disabled:hover{background:rgba(0,0,0,.2)}.form__error{color:red;font-size:.75rem}@media screen and (max-width:1300px){.form{margin:0 auto}}@media screen and (max-width:500px){.form__switch,label{min-width:100%}.switch__title{align-self:flex-start}}.form-card{background:hsla(0,0%,100%,.1);border-radius:8px;display:flex;flex-direction:row;flex-wrap:wrap;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.form-card__props{display:flex;flex-direction:column;gap:1rem;justify-content:flex-start}.form-card__info{padding:1rem 2rem}.form-cards{display:flex;flex-direction:row;flex-wrap:wrap;gap:1.5rem;justify-content:flex-start;margin:1.5rem 1rem 0}.detailcard{align-items:flex-start;border-radius:8px;display:flex;flex-direction:column;margin:2rem .5rem;max-height:85vh;max-width:100%;overflow-y:auto;padding:0 1rem}.detailcard__img img{border-radius:8px 8px 0 0;height:auto;max-width:580px}.detailcard__props{display:flex;gap:2rem;justify-content:flex-start;margin-bottom:0}.detailcard__info{max-width:100%;overflow-x:hidden;padding:1rem}header{align-items:center;display:flex;gap:3rem;justify-content:space-between;padding-bottom:.5rem}.detailcard__img iframe{height:450px;width:800px}@media screen and (max-width:768px){.detailcard__img iframe{height:360px;width:480px}}.main{margin-bottom:auto}.main__wrapper{padding-bottom:1rem}.footer__wrapper{align-items:center;display:flex;font-size:1rem;justify-content:space-around;padding:20px 0}.footer__info{display:flex;gap:20px}.footer__copyright{align-items:center;display:flex}.year{padding:0 20px}.github-username,.rss{text-decoration:none;transition:.3s}@media screen and (max-width:768px){.footer__wrapper{grid-gap:20px;flex-wrap:wrap}}
/*# sourceMappingURL=main.8624e039.css.map*/