.wrapper{align-items:center;background:none;display:flex;height:100vh;justify-content:center;width:100vw}.spinner{text-align:center;width:300px}.spinner>div{-webkit-animation:sk-bouncedelay 1.4s ease-in-out infinite both;animation:sk-bouncedelay 1.4s ease-in-out infinite both;background-color:var(--active);border-radius:100%;display:inline-block;height:36px;width:36px}.spinner .bounce1{-webkit-animation-delay:-.32s;animation-delay:-.32s}.spinner .bounce2{-webkit-animation-delay:-.16s;animation-delay:-.16s}@-webkit-keyframes sk-bouncedelay{0%,80%,to{-webkit-transform:scale(0)}40%{-webkit-transform:scale(1)}}@keyframes sk-bouncedelay{0%,80%,to{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}.bg-error{background-image:url(/static/media/404.bd557fc701de750bea4c.jpg);background-repeat:no-repeat;background-size:cover;height:100vh;max-width:100%;position:relative;width:100%}.container.error{align-items:center;display:flex;flex-direction:column;height:calc(100vh - 50px);justify-content:flex-end;padding:0 20px;text-align:center}.container.error h1{font-size:40px;padding-bottom:10px;padding-left:0}.container.error p{padding-bottom:15px}.container.error button{background-color:var(--background);border:2px solid var(--background);font-family:EuclidSquare-Medium;padding-bottom:15px;padding-top:15px;width:100%}.container.error button a{color:var(--active);font-family:EuclidSquare-Medium;font-size:16px}.container.home{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;padding:0 20px;text-align:center}.container.home svg{height:auto;max-width:124px;width:100%}.container.home button{background-color:var(--active);border:none;border:2px solid var(--active);border-radius:8px;font-size:17px;margin-bottom:8px;padding-bottom:15px;padding-top:15px;text-align:center;width:100%}.container.home button.signup a{color:var(--background);font-family:EuclidSquare-Medium;font-size:18px}.container.home button.login{background-color:transparent}.container.home button.login a{color:var(--active);font-family:EuclidSquare-Medium;font-size:18px}.home h1{color:var(--active);font-size:45px;letter-spacing:0;padding:20px 0 5px}.home p{font-family:EuclidSquare-light;font-size:15px;line-height:24px;padding:10px 20px 0}.home p,.home p a{color:var(--textLight)}.container.signup{padding:35px 20px 130px}.container.signup h1{padding-bottom:1em;padding-left:0}.container.signup p{line-height:24px;padding-bottom:2em;padding-left:0}.container.signup label{display:block;font-family:EuclidSquare-SemiBold;font-size:14px;padding-bottom:5px}.container.signup input{background-color:var(--backgroundLight);border:none;border-radius:5px;color:var (--textDark);font-family:EuclidSquare-Light;font-size:13px;height:20px;margin-bottom:20px;padding:10px;width:calc(100% - 20px)}.container.signup button{background-color:var(--background);border:2px solid var(--background);font-family:EuclidSquare-Medium;font-size:16px;padding-bottom:15px;padding-top:15px;width:100%}.container.signup .text{padding-top:2em;text-align:center}.container.login{padding:35px 20px 130px}.container.login h1{padding-bottom:1em;padding-left:0}.container.login p{line-height:24px;padding-bottom:2em;padding-left:0}.container.login label{display:block;font-family:EuclidSquare-SemiBold;font-size:14px;padding-bottom:5px}.container.login input{background-color:transparent;border:none;border-bottom:1.5px solid var(--background);border-radius:0;color:var (--textDark);font-family:EuclidSquare-Light;font-size:13px;height:20px;margin-bottom:20px;padding:10px;width:calc(100% - 20px)}.container.login input:focus{background-color:var(--backgroundLight);border-bottom:0;border-radius:5px}.container.login button{background-color:var(--background);border:2px solid var(--background);font-family:EuclidSquare-Medium;font-size:16px;padding-bottom:15px;padding-top:15px;width:100%}.container.login .text{padding-top:2em;text-align:center}.navbar-bg{background-color:var(--background);bottom:0;max-width:100%;position:fixed;width:100%}.navbar{justify-content:space-around;margin:0 auto;max-width:375px;padding:24px 0}.navbar,.navbar a{display:flex;width:100%}.navbar a{align-items:center;flex-direction:column;text-align:center;text-decoration:none}.navbar a,.navbar a span{font-family:EuclidSquare-Medium;font-size:13px}.navbar a span{padding-top:8px}.search{margin-bottom:2em;position:relative;width:100%}.search input{background-color:var(--backgroundLight);background-image:url(/static/media/search.a58fb012545d3d55a7fe.svg);background-position:15px 15px;background-repeat:no-repeat;background-size:20px;border:none;border-radius:8px;color:var(--textDark);font-family:EuclidSquare-Light;font-size:15px;opacity:1;padding:15px 0 15px 45px;width:calc(100% - 45px)}.item-movie{background-color:var(--background);border-radius:8px;justify-content:space-between;margin-bottom:15px;padding:14px 17px 11px}.item-movie,.item-movie .icons{display:flex;flex-direction:row}.item-movie .icons{align-items:center}.item-movie .info{padding-right:10px}.item-movie .stars{display:flex;justify-content:space-between;width:125px}.item-movie .watchlist-icon{margin-left:16px}.item-movie a{text-decoration:none}.item-movie h2{color:var(--textLight);font-size:17px;line-height:22px}.item-movie p{color:var(--textLight);font-size:13px}.hero{align-items:center;background-color:var(--background);display:flex;height:117px;justify-content:space-between;width:100%}.container.film .headline,.hero .info{padding-left:15px}.hero .info h2{color:var(--textLight);font-family:EuclidSquare-Medium;font-size:24px;padding-bottom:14px}.container.film{margin:0 auto;max-width:375px;padding:35px 0 100px;position:relative}.film .content{padding:25px 20px 0}.film .content p{font-family:EuclidSquare-Light;font-size:15px;padding-bottom:10px}.film .content p span{color:var(--background);display:block;font-family:EuclidSquare-SemiBold;font-size:14px;line-height:20px}.cover{padding-right:15px}.cover img{border-radius:4px;height:auto;max-width:138px;width:100%}.label-input{margin-bottom:.5em}.form input,.form label{display:block}.form label{font-family:EuclidSquare-SemiBold;font-size:14px;padding-bottom:5px}.newfilm .label-input{margin-bottom:1em}.newfilm input,.newfilm textarea{border:none;border-bottom:1.5px solid var(--background);border-radius:0;color:var (--textDark);font-family:EuclidSquare-Light;font-size:13px;margin-bottom:10px;padding:8px;width:calc(100% - 15px)}.newfilm textarea{margin-bottom:0;min-height:80px}.newfilm input:focus,.newfilm textarea:focus{background-color:var(--backgroundLight);border-bottom:0;border-radius:5px}.editfilm input,.editfilm textarea{background-color:var(--backgroundLight);border:none;border-radius:5px;color:var (--textDark);font-family:EuclidSquare-Light;font-size:13px;margin-bottom:10px;padding:8px;width:calc(100% - 15px)}.editfilm textarea{margin-bottom:0;min-height:80px}.editfilm .label-input{margin-bottom:15px;margin-top:0}.help-text{font-size:12px;margin-top:-8px}.rating svg{padding-right:3px}button{background-color:var(--background);border:none;border-radius:8px;margin-top:1em;padding:10px 25px}button,button a{color:var(--active);font-family:EuclidSquare-Regular;font-size:16px}button a{text-decoration:none}.container.watchlist .item-movie .remove{margin-left:16px}.container.watchlist p.any-movies{padding-bottom:20px}.container.watchlist p.any-movies strong{font-family:EuclidSquare-Medium}.container.watchlist p.any-movies svg{position:relative;top:4px}.container.watchlist .icon-wheel{padding-top:1.5em;text-align:center}.icon-wheel img{height:auto;max-width:110px;width:100%}.container.profile h2{color:var(--background);font-family:EuclidSquare-SemiBold;padding-bottom:8px}.container.profile .email,.container.profile .status{padding-bottom:1em}.container.profile ul{list-style:disc none outside;list-style:initial;padding-left:15px}.container.profile li{padding-bottom:8px}.container.profile li a{color:var(--textDark);font-family:EuclidSquare-SemiBold}.container.profile li strong{color:var(--textDark);font-family:EuclidSquare-Medium}.container.profile .recommendation{padding-top:1em;text-align:center}.container.profile .recommendation h3{font-family:EuclidSquare-SemiBold;font-size:17px;padding-bottom:10px}.container.profile .recommendation svg{padding-bottom:25px}.logout-icon{position:absolute;right:15px}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:baseline}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}:root{--background:#370906;--backgroundLight:#eee;--active:#fed800;--textDark:#333;--textLight:#fff;--opacity:0.8;--success:#0f8000;--error:#fc2831}@font-face{font-family:EuclidSquare-Light;font-style:normal;font-weight:400;src:url(/static/media/euclidSquareLight.e7bcb45bc5b3dfcd89f3.otf) format("opentype"),url(/static/media/euclidSquareLight.5caac11e4a74d18d19d5.eot) format("eot"),url(/static/media/euclidSquareLight.625f122d80179731b7f0.woff) format("woff"),url(/static/media/euclidSquareLight.1d62b86ba13926daccae.ttf) format("truetype"),url(/static/media/euclidSquareLight.acfa7a6bc5f1ce7baeaf.svg) format("svg")}@font-face{font-family:EuclidSquare-Regular;font-style:normal;font-weight:400;src:url(/static/media/EuclidSquareRegular.5b249eb1fef6b6665020.otf) format("opentype"),url(/static/media/EuclidSquareRegular.417d108aaabc7951cc23.eot) format("eot"),url(/static/media/EuclidSquareRegular.807c5d3aaa2b60408d5d.woff) format("woff"),url(/static/media/EuclidSquareRegular.446681644476338def3c.ttf) format("truetype"),url(/static/media/EuclidSquareRegular.5f331d0ca30d80904d05.svg) format("svg")}@font-face{font-family:EuclidSquare-Medium;font-style:normal;font-weight:400;src:url(/static/media/EuclidSquareMedium.e70bd3e43422aaa2be6a.otf) format("opentype"),url(/static/media/EuclidSquareMedium.be7f5486db564b81a5e2.eot) format("eot"),url(/static/media/EuclidSquareMedium.05f8a24d70e459257a7d.woff) format("woff"),url(/static/media/EuclidSquareMedium.61fa6c7ddc7c192075dd.ttf) format("truetype"),url(/static/media/EuclidSquareMedium.cf01dcec7667be9e594c.svg) format("svg")}@font-face{font-family:EuclidSquare-SemiBold;font-style:normal;font-weight:400;src:url(/static/media/euclidSquareSemiBold.8c5c7e85ab8347395945.otf) format("opentype"),url(/static/media/euclidSquareSemiBold.479e1ade50a455dee811.eot) format("eot"),url(/static/media/euclidSquareSemiBold.465bef181cc237a77f1b.woff) format("woff"),url(/static/media/euclidSquareSemiBold.6c51b0602cb435b79aac.ttf) format("truetype"),url(/static/media/euclidSquareSemiBold.e391a84183d4fff03e60.svg) format("svg")}@font-face{font-family:EuclidSquare-Bold;font-style:normal;font-weight:400;src:url(/static/media/euclidSquareBold.9c29112a1f2c677482b7.otf) format("opentype"),url(/static/media/euclidSquareBold.227166130a2ac1b654c7.eot) format("eot"),url(/static/media/euclidSquareBold.ee892e691839edfb3f55.woff) format("woff"),url(/static/media/euclidSquareBold.dd31ecd932c33efba1ed.ttf) format("truetype"),url(/static/media/euclidSquareBold.580955ece0f93067c888.svg) format("svg")}body{color:#333;color:var(--textDark);font-family:EuclidSquare-Light;font-size:16px}.container{margin:0 auto;max-width:375px;padding:35px 15px 115px;position:relative}h1{color:#370906;color:var(--background);font-family:EuclidSquare-Bold;font-size:25px;padding-left:20px}h2{font-family:EuclidSquare-Medium}p{font-size:16px;line-height:22px}p,p a{color:#333;color:var(--textDark)}.back{left:0;position:absolute}.active{color:#fed800;color:var(--active)}.inactive{color:#fff;color:var(--textLight);opacity:.8;opacity:var(--opacity)}.headline{align-content:space-between;align-items:center;display:flex;flex-direction:row;padding-bottom:2em}.box-message{background-color:#eee;background-color:var(--backgroundLight);bottom:88px;max-width:100%;padding:10px 20px;position:fixed;width:100%}.info-message{color:#0f8000;color:var(--success)}.error-message,.info-message{font-family:EuclidSquare-Medium;font-size:15px}.error-message{color:#fc2831;color:var(--error)}
/*# sourceMappingURL=main.7545e7d9.css.map*/