:root{--pickledBlueWood: #233647;--cadetBlue: #A6B2C4;--sulu: #c6ee80;--wewak: #f39c8f;--bGwhite: #F3F6FA;--interFont: "Inter";--titleWeight: 600;--globalPadding: 60px;--mobilePadding: 24px;--height100: 100px;--heght200: 200px;--height500: 667px;--widthFilmGridDesktop: 182px;--heightFilmGridDesktop: 255px;--widthFilmMobile: 95px;--heightFilmMobile: 134px;--widthChessMobile: 100px;--heightChessMobile: 150px;--globalWidth: 300px}*{margin:0;padding:0}.main,.hero,header{width:100%}.head,.main{height:var(--height100)}header{background-color:var(--blueHead)}.head{background-color:var(--pickledBlueWood)}.head>.nav-wrapper{display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center;padding-left:var(--globalPadding);padding-right:var(--globalPadding)}.head>.nav-wrapper li{list-style:none;align-items:top;font-family:arial;font-size:18px;color:#fff}.head>.nav-wrapper li:hover{text-decoration:underline var(--sulu)}.head>.nav-wrapper>.navigator{display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center;height:100%;width:50%}.hero{background-image:url(/02/blade-runner.png);background-size:cover;height:var(--height500);display:flex;flex-flow:column nowrap;justify-content:end}.hero-container{height:229px;display:flex;flex-flow:column nowrap;justify-content:space-between;margin-left:5%;margin-bottom:5%}.hero-rating p{color:#fff;font-weight:400;font-size:16px;line-height:2}.rate:before{content:url(/02/white-star.png);color:#fff}.hero-title-wrapper img{width:341px}.hero-buttons{display:flex;flex-flow:row wrap;justify-content:space-around;align-items:center;width:779px}.hero-buttons>p{color:#fff;font-weight:700;font-size:18px;font-family:Arial,Helvetica,sans-serif;border-left:3px solid white;padding-left:10px}.hero-buttons>button{border-radius:24px;height:48px;width:312px;border:1px solid #fff;font-weight:700;font-size:18px}.hero-buttons>button.viewlater-btn{background-color:transparent;color:#fff}.main{background-color:var(--bGwhite);width:100%;display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:center}.main>.searcher{background-color:#fff;border-radius:24px;border:0;height:60px;width:447px;padding-left:2%;margin-left:var(--globalPadding)}.main>.searcher::placeholder{font-size:18px}.main>.magnifyer{border-radius:100%;height:60px;width:60px;background-color:var(--cadetBlue);border:0px;position:absolute;left:447px}.magnifyer:before{content:url(/02/lupa.png)}main{background-color:var(--bGwhite)}.table{margin:0 auto;padding:0;height:var(--heght200);display:flex;flex-flow:row wrap;justify-content:space-between;gap:20px 20px;padding:var(--globalPadding);height:fit-content}.table>.film-item{height:var(--heightFilmGridDesktop);width:var(--widthFilmGridDesktop)}.table>.film-item>figure{position:relative}.table>.film-item .film-pic{height:var(--heightFilmGridDesktop);width:var(--widthFilmGridDesktop)}.table>.film-item .icon-saved{position:absolute;right:3px;top:3px}.table>.film-item img:after{content:url(./lupa.png)}.saved{font-family:Arial,Helvetica,sans-serif;color:var(--pickledBlueWood);font-size:20px;font-weight:600;margin-left:var(--globalPadding)}.container{width:100%}.main-profile{padding-left:var(--globalPadding);padding-right:var(--globalPadding)}.profile{display:flex;flex-flow:row nowrap;justify-content:space-between;padding-top:30px}.profile>div{width:107px;justify-content:space-between}.profile div>p{font-family:Arial,Helvetica,sans-serif;color:var(--pickledBlueWood);font-weight:700;font-size:20px}.logout-logo{width:32px;height:auto}.personal-data{padding-top:30px;padding-bottom:300px}.personal-data div>p{font-family:Arial,Helvetica,sans-serif;color:var(--pickledBlueWood);font-weight:600;font-size:20px}.profile div{display:flex;flex-flow:row nowrap;align-items:center}.personal-form-wrapper{padding-top:30px}.personal-form-wrapper>.personal-form{display:flex;flex-flow:column nowrap;justify-content:space-around;background-color:#fff;max-width:574px;width:auto;height:250px;padding:16px;border-radius:10px}.name-wrapper,.mail-wrapper{border-bottom:1px solid black;display:flex;justify-content:space-between;flex-direction:row;align-items:center;height:auto;padding-left:10px;padding-right:10px;gap:10px}.name-wrapper>input,.mail-wrapper>input{height:61px;max-width:400px;width:400px;border:none;vertical-align:baseline;font-size:18px;color:var(--pickledBlueWood);font-weight:700}.name-wrapper>input::placeholder,.mail-wrapper>input::placeholder{font-family:Arial,Helvetica,sans-serif;color:var(--pickledBlueWood);font-weight:700}.name-wrapper img,.mail-wrapper img{width:32px;height:32px}@media (max-width: 380px){header,.hero,.main{width:100%;margin:0 auto}.head{height:60px}.head>.nav-wrapper{padding-left:var(--mobilePadding);padding-right:var(--mobilePadding);height:60px}.logout-icon{width:32px}.navigator img{height:47px}.nav-shows,.nav-movies{display:none}.hero{height:460px;justify-content:space-around}.hero-container{margin:0;height:350px}.hero-rating{padding-left:var(--mobilePadding)}.hero-title-wrapper{display:flex;flex-direction:row;justify-content:center}.hero-title-wrapper>img{width:280px}.hero-buttons{width:360px;height:550px;display:flex;justify-content:center}.hero-buttons>p{border:none}.container{width:100%}.main .searcher{width:312px;margin:0;margin-left:var(--mobilePadding)}.magnifyer{display:none}.detalis{border-left:1px solid white}.saved{margin:0;padding-left:var(--mobilePadding)}.table{height:fit-content;padding:var(--mobilePadding);gap:10px}.table>.film-item{height:var(--heightFilmMobile);width:var(--widthFilmMobile)}.table>.film-item .film-pic{height:var(--heightFilmMobile);width:var(--widthFilmMobile)}.main-profile{margin:0;padding:0}.profile,.personal-data div p{width:auto;padding-left:var(--mobilePadding);padding-right:var(--mobilePadding)}}