@import url(https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400;700;900&display=swap);h2{font-size:36px;font-weight:400;letter-spacing:1px;-webkit-margin-after:20px;margin-block-end:20px;-webkit-margin-before:20px;margin-block-start:20px}@media only screen and (max-width:900px){h2{font-size:4vw}}h3{font-size:20px;letter-spacing:1px}body{box-sizing:border-box;margin:0;padding:0}.App{font-family:"Lato",sans-serif;background-image:linear-gradient(90deg,#3c302d,#343d48);color:#eaeef0;display:flex;flex-direction:column}.App,.main{min-height:100vh;height:auto}.main{margin:0 25px}@media screen and (max-width:900px){.main{margin:0 15px}}@media screen and (max-width:600px){.main{margin:0}}.hidden{visibility:hidden;opacity:0}.input{border:2px solid #eaeef0;background-color:#d5d8da;box-sizing:border-box;font-size:20px;font-family:"Lato",sans-serif;font-weight:500;color:#242527;padding:0 20px}.input::-webkit-input-placeholder{font-weight:300;color:#777}.input:-ms-input-placeholder{font-weight:300;color:#777}.input::placeholder{font-weight:300;color:#777}.input:focus{outline:none;border:2px solid #a8a6a2}.input:focus:invalid{border-color:#df5127}.swapToRight{-webkit-transform:translateX(-100%);transform:translateX(-100%)}.banner{box-sizing:border-box;border:2px solid #a8a6a2;background-size:cover;display:grid;grid-template-rows:repeat(10,30px);grid-template-columns:minmax(0,120px) 1fr minmax(0,120px);grid-row-gap:20px;grid-column-gap:20px}@media only screen and (max-width:1200px){.banner{grid-template-columns:40px 1fr 40px}}@media only screen and (max-width:900px){.banner{grid-template-columns:10px 1fr 10px;grid-row-gap:10px;grid-column-gap:10px}}@media only screen and (max-width:600px){.banner{grid-template-rows:repeat(8,30px);grid-row-gap:5px;grid-column-gap:0}}.banner__box{grid-area:4/2/span 4/span 1;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:2}@media only screen and (max-width:600px){.banner__box{grid-area:4/2/span 2/span 1}}.banner__backdrop{grid-area:1/1/-1/-1;overflow:hidden}.banner__backdrop img{-webkit-filter:brightness(60%);filter:brightness(60%);width:100%}@media screen and (max-width:900px){.banner__backdrop img{width:auto;height:120%}}.bg-1{background-image:linear-gradient(rgba(0,0,0,.4),rgba(0,0,0,.4)),url(/static/media/bg-1.aed11d2f.jpg)}.bg-2{background-image:linear-gradient(rgba(0,0,0,.3),rgba(0,0,0,.3)),url(/static/media/bg-2.b7eb71d5.jpg)}.navbar{height:auto;grid-area:1/2/span 2/span 1;justify-content:space-between}.nav,.navbar{display:flex;align-items:center;z-index:2}.nav{flex-direction:row;justify-content:center}.nav__user{padding-right:10px}.nav__link *{transition:all .1s}.nav__link:hover *{color:#ecb10c}.logo{font-size:36px;font-weight:600;letter-spacing:5px;color:#eaeef0;text-decoration:none}.search{display:flex;flex-direction:row;justify-content:center;align-items:center;width:100%}.search__input{background-color:#d5d8da;box-sizing:border-box;font-size:20px;font-family:"Lato",sans-serif;font-weight:500;color:#242527;padding:0 20px;grid-area:4/2/span 4/span 1;width:652px;height:48px;border-radius:5px;border-top-right-radius:0;border-bottom-right-radius:0;border:2px solid #eaeef0;border-right:none}.search__input::-webkit-input-placeholder{font-weight:300;color:#777}.search__input:-ms-input-placeholder{font-weight:300;color:#777}.search__input::placeholder{font-weight:300;color:#777}.search__input:focus{outline:none;border:2px solid #a8a6a2}.search__input:focus:invalid{border-color:#df5127}.search__input:focus{border-right:none}@media only screen and (max-width:900px){.search__input{width:inherit;max-width:652px}}.search__btn{background-color:#eaeef0;height:48px;width:48px;border:none;border-radius:5px;border-top-left-radius:0;border-bottom-left-radius:0;cursor:pointer}.search__btn *{margin-top:4px}.menu{display:flex;flex-direction:row;align-items:center;justify-content:center;width:400px}.menu__item{cursor:pointer;margin:0 50px}.menu__item *{transition:all .1s}.menu__item:hover *{color:#ecb10c}.footer{padding:25px;text-align:center}.overlay{background-color:rgba(17,18,19,.75);overflow:hidden;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);transition:all .3s;display:flex;flex-direction:row;justify-content:center;align-items:center;z-index:4}.overlay,.overlay__bg{position:fixed;top:0;left:0;height:100%;width:100%}.overlay__bg{z-index:5}.overlay__container{width:480px;height:600px;border-radius:15px;border:2px solid #777;box-shadow:0 10px 20px 5px rgba(17,18,19,.5);background-image:linear-gradient(180deg,#343d48,#3c302d);display:grid;grid-template-rows:repeat(8,1fr);grid-row-gap:15px;row-gap:15px;overflow:hidden;z-index:10}.overlay__title{grid-row:2/span 1;text-align:center}.overlay__icon span{letter-spacing:0;font-weight:300;font-size:36px;color:#777;padding-left:5px}.overlay__content{grid-row:3/-1;width:480px;transition:all .15s ease;justify-content:center}.overlay__content,.overlay__form,.overlay__inputs{display:flex;flex-direction:column;align-items:center}.overlay__inputs{justify-content:center;min-height:200px;position:relative}.overlay__input{border:2px solid transparent;border-bottom-color:#777;background-color:transparent!important;box-sizing:border-box;font-size:20px;font-family:"Lato",sans-serif;font-weight:500;color:#d5d8da;transition:all 70ms;height:40px;width:350px;padding-left:10px}.overlay__input::-webkit-input-placeholder{font-weight:300;color:#777;text-transform:capitalize}.overlay__input:-ms-input-placeholder{font-weight:300;color:#777;text-transform:capitalize}.overlay__input::placeholder{font-weight:300;color:#777;text-transform:capitalize}.overlay__input:focus,.overlay__input:required{outline:none;background-color:rgba(36,37,39,.5)!important;border:2px solid transparent;border-bottom-color:#2d91da;color:#d5d8da}.overlay__input:focus:invalid,.overlay__input:required:invalid{border-bottom-color:#df5127}.overlay__input:not(:last-child){margin-bottom:36px}.overlay__btn{font-family:"Lato",sans-serif;font-size:20px;font-weight:300;color:#eaeef0;text-transform:uppercase;margin-top:60px;padding:8px 25px;border-radius:100px;border:2px solid transparent;background-color:#2d91da;transition:all .1s}.overlay__btn:hover{border:2px solid #eaeef0;background-color:transparent;-webkit-transform:scale(1.03);transform:scale(1.03)}.overlay__btn:active{-webkit-transform:scale(1);transform:scale(1)}.overlay__link{font-size:20px;font-weight:300}.overlay__link span{font-size:24px;color:#2d91da;margin-left:5px;cursor:pointer}.overlay__link span:hover{font-weight:500;letter-spacing:-.25px}.overlay__message{position:absolute;text-align:center;top:190px;color:#a8a6a2}.details{align-items:flex-start}.details__title{font-size:72px;margin:5px 0;padding:0;letter-spacing:2px}@media screen and (max-width:1200px){.details__title{font-size:60px}}@media screen and (max-width:700px){.details__title{font-size:48px}}.details__tagline{font-size:30px;font-weight:300;margin:0;padding:0;letter-spacing:1px}@media screen and (max-width:700px){.details__tagline{font-size:24px}}.info{margin-top:-20px;box-sizing:border-box;display:grid;grid-template-rows:repeat(10,30px);grid-template-columns:minmax(0,120px) 1fr minmax(0,120px);grid-row-gap:20px;grid-column-gap:20px}@media only screen and (max-width:1200px){.info{grid-template-columns:40px 1fr 40px}}@media only screen and (max-width:900px){.info{grid-template-columns:10px 1fr 10px;grid-column-gap:10px}}@media only screen and (max-width:700px){.info{grid-template-rows:repeat(8,30px);grid-row-gap:5px;grid-column-gap:0}}.info__area{grid-area:2/2/span 8/span 1;display:grid;height:430px;grid-template-columns:minmax(0,270px) 1fr;box-shadow:0 15px 20px 5px rgba(17,18,19,.4)}@media screen and (max-width:700px){.info__area{grid-template-columns:0 1fr;height:auto}}.info__poster{overflow:hidden;display:flex;flex-direction:row;justify-content:center;align-items:center}@media screen and (max-width:700px){.info__poster{display:none}}.info__poster img{height:100%}.info__container{grid-column:2/-1;height:430px;width:100%;background-image:linear-gradient(180deg,rgba(43,37,36,.6),rgba(22,25,29,.6));display:grid;border:2px solid #242527;box-sizing:border-box;grid-template-rows:auto repeat(2,3fr) 5fr 20px;grid-template-columns:2fr 3fr 48px;padding:20px 20px 0}.info__container *{display:flex;flex-direction:column;padding:0 25px 8px 0}.info__title{margin:0 0 5px;padding:0;font-size:18px;text-transform:uppercase;letter-spacing:3px}@media screen and (max-width:900px){.info__title{letter-spacing:1px;font-size:16px;margin:0 0 3px}}.info__content{margin:0;padding:0;font-weight:300}.info__overview{grid-area:1/1/span 1/-1}.info__overview .info__content{max-height:100px;margin-bottom:20px;overflow:auto}@media screen and (max-width:700px){.info__overview .info__content{max-height:50px}}.info__overview .info__content::-webkit-scrollbar{color:transparent}@media screen and (max-width:700px){.info__overview .info__content{max-height:none}}.info__release{grid-area:2/1/span 1/span 1}.info__starring{grid-area:2/2/span 1/span 1}.info__length{grid-area:3/1/span 1/span 1}.info__genres{grid-area:3/2/span 1/span 1}.info__avaliable{grid-area:4/1/span 1/span 2;overflow:hidden}.info__btns{grid-area:3/3/span 2/-1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;padding:0}.info__link{height:40px;width:40px;transition:all .1s;padding:0;position:relative}.info__link *{position:absolute}.info__link:hover *{color:#ecb10c}.info__btn{height:40px;width:40px;background-color:transparent;border:none;transition:all .1s;padding:0;margin-top:10px;position:relative;cursor:pointer}.info__btn *{position:absolute}.info__btn:hover *{color:#ecb10c}.info__message{grid-area:5/1/-1/-1;margin:0;padding:0 8px;font-size:12px;text-align:center;color:#2d91da}.error{color:#df5127}.list{display:grid;grid-template-rows:50px repeat(7,45px);grid-template-columns:minmax(48px,140px) minmax(750px,1fr) minmax(48px,140px);width:100%;user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}@media screen and (max-width:1200px){.list{grid-template-columns:minmax(48px,96px) minmax(750px,1fr) minmax(48px,96px)}}@media screen and (max-width:900px){.list{grid-template-rows:40px repeat(6,45px);grid-template-columns:36px 1fr 36px}}@media screen and (max-width:600px){.list{grid-template-rows:40px repeat(6,35px);grid-template-columns:36px 1fr 36px}}.list__title{text-transform:uppercase;letter-spacing:3px;grid-area:1/2/span 1/span 1;margin:0;padding:0;align-self:flex-end}.list__content{grid-area:2/2/-1/span 1}.list__btn--prev{grid-area:2/1/-1/span 1;justify-content:flex-end}.list__btn--next,.list__btn--prev{display:flex;flex-direction:row;align-items:center}.list__btn--next{grid-area:2/3/-1/span 1;justify-content:flex-start}.list__btn--icon{height:95%;transition:all .1s;border:2px solid transparent}.list__btn--icon:hover{background-color:rgba(36,37,39,.4);border-color:#a8a6a2;-webkit-transform:translateY(-5px);transform:translateY(-5px);box-shadow:0 5px 25px 5px rbga(#111213,.6)}.list__btn--icon:active{-webkit-transform:translateY(0);transform:translateY(0)}.list__posters{grid-area:2/2/-1/span 1;overflow:hidden;padding:0;margin:0;list-style:none;display:grid;grid-auto-flow:column;align-items:center;z-index:0;width:auto}.list__posters:hover .list__item:not(:hover){padding:3px;opacity:.7}.list__posters:hover .list__item:not(:hover) *{-webkit-filter:grayscale(50%);filter:grayscale(50%)}.list__item{width:197px;height:95%;overflow:hidden;display:flex;flex-direction:row;justify-content:center;align-items:center;justify-content:flex-start;box-sizing:border-box;border:2px solid transparent;transition:all .1s;z-index:1}.list__item:hover *{width:100%;border:2px solid #2d91da}.list__item img{box-sizing:border-box;border:2px solid transparent;width:99%}@media screen and (max-width:900px){.list__item{width:160px}}@media screen and (max-width:600px){.list__item{width:125px}}.provider{margin-top:10px;padding-right:5px;width:48px;overflow:hidden;cursor:pointer}.provider:hover .provider__name{visibility:visible;opacity:1}.provider:hover .provider__box{border-color:#2d91da}.provider:hover .provider__text{background-color:#2d91da}.provider__box{width:inherit;border:2px solid #111213;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;margin:0;padding:0;overflow:hidden;position:relative}.provider__img{height:48px;width:inherit;padding:0}.provider__text{font-size:10px;width:inherit;margin:0;color:#eaeef0;text-transform:uppercase}.provider__name,.provider__text{text-align:center;padding:0;background-color:#111213}.provider__name{position:absolute;top:0;left:0;height:48px;font-size:12px;width:48px;margin:auto;visibility:hidden;opacity:0;color:#d5d8da;display:flex;flex-direction:row;justify-content:center;align-items:center}.provider__name-box{font-weight:500;width:50px;margin:0;padding:0}.provider__container{display:flex;flex-direction:row;flex-wrap:wrap;overflow:auto;max-height:90px}.provider__container::-webkit-scrollbar{color:transparent}.search-result{display:grid;grid-template-rows:50px auto;grid-template-columns:minmax(48px,140px) minmax(750px,1fr) minmax(48px,140px);width:100%;user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}@media screen and (max-width:1200px){.search-result{grid-template-columns:minmax(48px,96px) minmax(750px,1fr) minmax(48px,96px)}}@media screen and (max-width:900px){.search-result{grid-template-columns:36px 1fr 36px}}@media screen and (max-width:600px){.search-result{grid-template-columns:36px 1fr 36px}}.search-result__title-box{grid-area:1/2/span 1/span 1;display:flex}.search-result__title{letter-spacing:3px;padding-right:10px}.search-result__randomise{align-self:flex-end;background-color:transparent;cursor:pointer;margin:0;padding:0;border:none;display:flex;flex-direction:row;justify-content:center;align-items:center}.search-result__randomise:hover *{-webkit-transform-origin:center;transform-origin:center;color:#ecb10c;-webkit-animation:dice .5s forwards;animation:dice .5s forwards}@keyframes dice{0%{-webkit-transform:rotate(90deg);transform:rotate(90deg)}}.search-result__randomise*{margin:0;padding:0}.search-result__posters{grid-area:2/2/-1/span 1;padding:0;margin:0;list-style:none;justify-content:flex-start;align-items:center;z-index:0;width:auto;display:grid;grid-template-columns:repeat(8,1fr)}@media screen and (max-width:1500px){.search-result__posters{grid-template-columns:repeat(7,1fr)}}@media screen and (max-width:1200px){.search-result__posters{grid-template-columns:repeat(6,1fr)}}@media screen and (max-width:1050px){.search-result__posters{grid-template-columns:repeat(5,1fr)}}@media screen and (max-width:900px){.search-result__posters{grid-template-columns:repeat(4,1fr)}}@media screen and (max-width:600px){.search-result__posters{grid-template-columns:repeat(3,1fr)}}.search-result__posters:hover .search-result__item:not(:hover){opacity:.7;-webkit-transform:scale(.96);transform:scale(.96)}.search-result__posters:hover .search-result__item:not(:hover) *{-webkit-filter:grayscale(50%);filter:grayscale(50%)}.search-result__item{width:inherit;height:100%;overflow:hidden;display:flex;flex-direction:row;justify-content:center;align-items:center;justify-content:flex-start;box-sizing:border-box;border:2px solid transparent;transition:all .1s;z-index:1}.search-result__item:hover{border:2px solid #2d91da}.search-result__item img{box-sizing:border-box;border:2px solid transparent;height:100%;width:100%}
/*# sourceMappingURL=main.5ec9d684.chunk.css.map */