*{box-sizing:border-box;margin:0;padding:0}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:initial}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}a{-webkit-appearance:none;appearance:none;color:inherit;text-decoration:none;text-decoration:initial}.App{position:relative}.App main{padding:0 40px}header{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background-color:var(--color-primary);padding:10px 40px;position:fixed;top:0;width:100%;z-index:999}header .header_main{align-items:center;display:flex;flex-direction:row;justify-content:space-between}header img{width:50px}header .icons_section{align-items:center;display:flex;flex-direction:row;gap:35px}header .icons_section .icon{cursor:pointer;font-size:30px}header .icons_section .icon :hover{-webkit-transform:scale(1.1);transform:scale(1.1)}:root{--color-primary:#f39c2b;--color-secondary:#fff}.custom_input input{background-color:#a3bdd3;border:none;border-radius:5px;padding:12px;width:280px}.custom_input input:focus{outline:none}.popup_back{background:linear-gradient(rgba(0,0,0,.7),rgba(0,0,0,.7));height:100vh;justify-content:center;left:0;top:0;width:100vw}.popup_back,.sign_in_popup{align-items:center;display:flex;position:fixed;transition:.3s}.sign_in_popup{background-color:#fdfffc;border:1px solid #011627;border-radius:1em;color:#011627;flex-direction:column;justify-content:space-between;left:calc(50% - 250px);padding:40px;top:150px;width:500px;z-index:999}.sign_in_popup .tab_section{align-items:center;display:flex;flex-direction:row;gap:40px;margin-bottom:30px}.sign_in_popup .tab_section .nth_tab{color:#2c6696;cursor:pointer;font-size:25px;font-weight:700;transition:.3s}.sign_in_popup .tab_section .nth_tab.active{font-size:35px}.sign_in_popup .tab_section .nth_tab:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.sign_in_popup .input_field .nth_input{position:relative}.sign_in_popup .input_field .nth_input .custom_input{margin-bottom:25px}.sign_in_popup .input_field .nth_input .error_message{color:#ff6b6b;font-size:12px;position:absolute;text-align:left;top:44px}.sign_in_popup .btn{text-align:center}.sign_in_popup .btn button{background-color:#064587;border:1px solid #064587;border-radius:5px;color:#fff;cursor:pointer;font-size:18px;padding:7px;text-align:center;transition:.3s;width:200px}.sign_in_popup .btn button:hover{background-color:#fff;color:#064587}footer{margin:60px 0 20px}footer div{color:var(--color-primary);text-align:center}.genres_block{margin-right:40px}.genres_block h1{color:#222627;font-size:24px;font-weight:700;letter-spacing:10px;margin-bottom:20px;text-align:center}.genres_block .genres>li{background-color:var(--color-primary);border:2px solid;color:var(--color-secondary);cursor:pointer;padding:10px;text-align:center;transition:.4s;width:200px}.genres_block .genres>li.active,.genres_block .genres>li:hover{background-color:var(--color-secondary);color:var(--color-primary)}.genres_block .genres :not(:last-child){margin-bottom:10px}.movies_block h1{color:#222627;font-size:24px;font-weight:700;letter-spacing:10px;margin-bottom:20px;text-align:center}.movies_block .movies{grid-gap:20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.movies_block .movies .movie_nth{background-color:var(--color-primary);color:var(--color-secondary);cursor:pointer;overflow:hidden;transition:.4s}.movies_block .movies .movie_nth .image_field{position:relative}.movies_block .movies .movie_nth .image_field .icon-heart{font-size:25px;position:absolute;right:5px;top:5px}.movies_block .movies .movie_nth .image_field .icon-heart.active{color:red}.movies_block .movies .movie_nth .image_field .image img{object-fit:contain;transition:.4s;width:100%}.movies_block .movies .movie_nth .image_field .image img:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.movies_block .movies .movie_nth .movie_info{display:flex;flex-direction:column;gap:10px;padding:20px 20px 30px}.movies_block .movies .movie_nth .movie_info .title{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;font-size:20px;font-weight:700;overflow:hidden;white-space:normal}.movies_block .movies .movie_nth .movie_info .review{align-items:center;display:flex}.movies_block .movies .movie_nth .movie_info .review img{margin-right:10px;width:20px}.movies_block .movies .movie_nth .movie_info .date{align-items:center;display:flex;flex-direction:row;gap:10px}.movies_block .movies .movie_nth .movie_info .description{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;white-space:normal}.movies_block .movies .movie_nth .movie_info .favorites{background-color:#7a20a2;border-radius:50px;color:var(--color-secondary);padding:5px 10px;text-align:center;width:75px}.movies_block .movies .movie_nth:hover{box-shadow:3px 3px 20px rgba(0,0,0,.288)}.movies_block .page_info{float:right;margin-top:10px}.movies_block .btn{margin-top:20px;text-align:center}.movies_block .btn>button{background-color:var(--color-primary);border:1px solid;color:var(--color-secondary);cursor:pointer;padding:15px;text-align:center;transition:.4s;width:150px}.movies_block .btn>button:hover{background-color:var(--color-secondary);color:var(--color-primary)}.home_page{display:flex;flex-direction:row;margin-top:100px}.loading_block{background-color:#ffd296;height:100vh;left:0;position:absolute;top:0;width:100%}.lds-ripple{display:inline-block;height:64px;left:50%;position:absolute;top:50%;width:64px}.lds-ripple div{-webkit-animation:lds-ripple 1s cubic-bezier(0,.2,.8,1) infinite;animation:lds-ripple 1s cubic-bezier(0,.2,.8,1) infinite;border:4px solid #cef;border-radius:50%;opacity:1;position:absolute}.lds-ripple div:nth-child(2){-webkit-animation-delay:-.5s;animation-delay:-.5s}@-webkit-keyframes lds-ripple{0%{height:0;left:28px;opacity:1;top:28px;width:0}to{height:58px;left:-1px;opacity:0;top:-1px;width:58px}}@keyframes lds-ripple{0%{height:0;left:28px;opacity:1;top:28px;width:0}to{height:58px;left:-1px;opacity:0;top:-1px;width:58px}}.movie_page{display:flex;flex-direction:row;margin-top:100px}.movie_page .images{margin-right:60px}.movie_page .info .title{display:flex;flex-direction:row;justify-content:space-between;margin-bottom:15px}.movie_page .info .title h1{font-size:30px}.movie_page .info .desc{font-size:25px;margin-bottom:15px}.movie_page .info .overview{font-size:22px;margin-bottom:15px}.movie_page .info .review{align-items:center;display:flex;margin-bottom:15px}.movie_page .info .review img{margin-right:10px;width:20px}.movie_page .info .date{align-items:center;gap:10px;margin-bottom:15px}.movie_page .info .date,.movie_page .info .genres_field{display:flex;flex-direction:row}.movie_page .info .genres_field .genres{margin-left:20px}.movie_page .info .genres_field .genres>span{margin-right:10px}.movie_page .info .btn{margin-top:30px;text-align:center}.movie_page .info .btn a{background-color:var(--color-primary);border:1px solid;color:var(--color-secondary);cursor:pointer;font-size:20px;padding:15px 45px;text-align:center;transition:.4s;width:250px}.movie_page .info .btn a:hover{background-color:var(--color-secondary);color:var(--color-primary)}.account_page{align-items:flex-start;display:flex;flex-direction:row;margin-top:200px}.account_page .tabs{display:flex;flex-direction:column;gap:30px;justify-content:center;margin-right:120px;margin-top:65px}.account_page .tabs .nth_tab{background-color:#3f78b4;border:1px solid #064587;border-radius:5px;color:#fff;cursor:pointer;padding:15px 60px;transition:.3s}.account_page .tabs .nth_tab.active{background-color:#064587}.account_page .tabs .nth_tab:hover{background-color:#fff;color:#064587}.account_page h1{color:#064587;font-size:30px;margin-bottom:30px;text-align:center}.account_page h2{color:#064587;font-size:25px}.account_page .my_account,.account_page h2{text-align:center}.account_page .user_info{width:500px}.account_page .user_info .nth_info{align-items:center;border:1px solid #064587;border-radius:5px;display:flex;flex-direction:row;justify-content:space-between;padding:10px;width:100%}.account_page .user_info .nth_info h3{font-size:18px}.account_page .user_info .nth_info h3:last-of-type{font-weight:700;margin-left:30px}.account_page .user_info .nth_info:not(:last-of-type){margin-bottom:20px}.account_page .movies{grid-gap:20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.account_page .movies .movie_nth{background-color:var(--color-primary);color:var(--color-secondary);cursor:pointer;max-width:320px;overflow:hidden;transition:.4s}.account_page .movies .movie_nth .image_field{position:relative}.account_page .movies .movie_nth .image_field .icon-heart{font-size:25px;position:absolute;right:5px;top:5px}.account_page .movies .movie_nth .image_field .icon-heart.active{color:red}.account_page .movies .movie_nth .image_field .image img{object-fit:contain;transition:.4s;width:100%}.account_page .movies .movie_nth .image_field .image img:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.account_page .movies .movie_nth .movie_info{display:flex;flex-direction:column;gap:10px;padding:20px 20px 30px}.account_page .movies .movie_nth .movie_info .title{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;font-size:20px;font-weight:700;overflow:hidden;white-space:normal}.account_page .movies .movie_nth .movie_info .review{align-items:center;display:flex}.account_page .movies .movie_nth .movie_info .review img{margin-right:10px;width:20px}.account_page .movies .movie_nth .movie_info .date{align-items:center;display:flex;flex-direction:row;gap:10px}.account_page .movies .movie_nth .movie_info .description{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;white-space:normal}.account_page .movies .movie_nth .movie_info .favorites{background-color:#7a20a2;border-radius:50px;color:var(--color-secondary);padding:5px 10px;text-align:center;width:75px}.account_page .movies .movie_nth:hover{box-shadow:3px 3px 20px rgba(0,0,0,.288)}.account_page .favourite_empty{text-align:center;width:75%}@font-face{font-display:block;font-family:icomoon;font-style:normal;font-weight:400;src:url(/static/media/icomoon.5db689eea9f5bee05b78.eot);src:url(/static/media/icomoon.5db689eea9f5bee05b78.eot#iefix) format("embedded-opentype"),url(/static/media/icomoon.e23a3d6ed6d56d2f8b57.ttf) format("truetype"),url(/static/media/icomoon.3aefbb3c6c6a8f905698.woff) format("woff"),url(/static/media/icomoon.aa845575f2a025bda1e0.svg#icomoon) format("svg")}[class*=" icon-"],[class^=icon-]{speak:never;-webkit-font-feature-settings:normal;font-feature-settings:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:icomoon!important;font-style:normal;font-variant:normal;font-weight:400;line-height:1;text-transform:none}.icon-user:before{content:"\e971"}.icon-heart:before{content:"\e9da"}.icon-enter:before{content:"\ea13"}.icon-exit:before{content:"\ea14"}
/*# sourceMappingURL=main.faffbf8e.css.map*/