@import url(https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600;700;800&display=swap);@import url(https://fonts.googleapis.com/css2?family=Quantico:wght@400;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Open+Sans:wght@600&display=swap);*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{font-family:"Manrope",sans-serif;overflow-x:hidden}html{background:#1d2226}.header{background:#0f1c26;color:#fdfdfd;display:flex;align-items:center;justify-content:space-evenly;padding:24px 100px 24px 70px}.header__logo{margin-right:42px}.header__item-container{display:flex;align-items:center;grid-gap:8px;gap:8px}.item-container__img{object-fit:contain;width:56px;height:56px}.mr-95{margin-right:95px}.search-container{flex-grow:1;position:relative;display:flex;margin-right:92px}.search-container__input{width:100%;padding:16px 14px;outline:0;background:#171b1e;color:#fff;border:1px solid transparent}.search-container__input:hover{border:1px solid #8c8c8c}.search-container__input:focus{border:1px solid #fdfdfd}.search-container__input::-webkit-input-placeholder{font-family:"Manrope",sans-serif;font-weight:500;color:#fdfdfd;opacity:.7}.search-container__input:-ms-input-placeholder{font-family:"Manrope",sans-serif;font-weight:500;color:#fdfdfd;opacity:.7}.search-container__input::placeholder{font-family:"Manrope",sans-serif;font-weight:500;color:#fdfdfd;opacity:.7}.search-container__icon{width:24px;height:24px;cursor:pointer;align-self:center;position:absolute;z-index:1;right:15px}.movie-card{height:300px;padding:12px 8px 6px;display:flex;flex-direction:column;box-shadow:0 4px 4px 0 rgba(0,0,0,.4)}.movie-card>svg{cursor:pointer}.starred{fill:#fff}.movie-info{margin-top:auto;display:flex;justify-content:space-between;margin-bottom:10px}.movie-info h3{color:#fff;max-width:100px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.movie-info .movie-stars{color:#fbcd6e}.price-button{all:unset;box-sizing:border-box;cursor:pointer;display:flex;justify-content:space-between;font-weight:700}.price-button.movie{padding:5px 8px;font-size:12px;background:#a785ed;color:#eee5ff}.price-button.basket{padding:16px;font-size:16px;background:#e25ebf;color:#fdfdfd}.price-button.movie:hover{background:linear-gradient(0deg,rgba(46,46,46,.45),rgba(46,46,46,.45)),#a785ed}.price-button.movie:active{background:linear-gradient(0deg,hsla(0,0%,48.2%,.45),hsla(0,0%,48.2%,.45)),#a785ed}.price-button.basket:hover{background:linear-gradient(0deg,rgba(225,123,123,.45),rgba(225,123,123,.45)),#ffb6eb;box-shadow:0 16px 24px -12px rgba(226,94,191,.16)}.price-button.basket:active{background:linear-gradient(0deg,rgba(225,123,123,.6),rgba(225,123,123,.6)),#ffb6eb;box-shadow:0 16px 24px -12px rgba(226,94,191,.5)}.bag{width:312px;height:560px;color:#fff;position:-webkit-sticky;position:sticky;top:127px;overflow-y:auto;background-color:#1d2226}.bag .bag__title{width:100%;display:flex;justify-content:center;align-items:center;background:linear-gradient(0deg,#a785ed,#a785ed),#c4c4c4;align-self:center}.bag .bag__container{display:flex;flex-direction:column;background:rgba(0,0,0,.2);grid-gap:24px;gap:24px;padding:40px 16px}.bag__container h3{font-size:16px;align-self:center}.bag__container .bag__illustration,.bag__container h2{align-self:center}.coupon-container span{font-size:12px;margin-bottom:3px}.coupon-container__input-group{width:100%;height:40px;position:relative;display:flex}.coupon-container__input{width:100%;padding:16px 14px;outline:0;background:#0b1217;color:#fff;border:1px solid transparent}.coupon-container__input:hover{border:1px solid #8c8c8c}.coupon-container__input:focus{border:1px solid #fdfdfd}.coupon-container__input::-webkit-input-placeholder{font-family:"Manrope",sans-serif;font-weight:500;color:#fdfdfd;opacity:.7}.coupon-container__input:-ms-input-placeholder{font-family:"Manrope",sans-serif;font-weight:500;color:#fdfdfd;opacity:.7}.coupon-container__input::placeholder{font-family:"Manrope",sans-serif;font-weight:500;color:#fdfdfd;opacity:.7}.coupon-container__icon{width:24px;height:24px;align-self:center;position:absolute;z-index:1;right:15px}.bag__movie{display:flex;align-items:center}.bag__movie img{width:45px;height:65px;margin-right:13px}.bag__movie__info{width:100%;display:flex;flex-direction:column;grid-gap:8px;gap:8px}.bag__movie__actions{display:flex;grid-gap:14px;gap:14px}.bag__movie__actions svg:hover{background:linear-gradient(0deg,hsla(0,0%,42%,.37),hsla(0,0%,42%,.37))}.bag__movie__actions svg:active{background:linear-gradient(0deg,hsla(0,0%,74.9%,.37),hsla(0,0%,74.9%,.37))}.bag__movie__actions svg{cursor:pointer}.App{min-height:100vh;display:grid;grid-template-areas:"header header" "main bag";grid-gap:24px 50px;gap:24px 50px;background-color:#1d2226}.App>header{grid-area:header}.App>main{grid-area:main}.App>.bag{grid-area:bag;margin-right:96px}.content{padding-left:96px;padding-bottom:24px;position:relative;flex-grow:1}.top-movies{margin-bottom:40px}.movies h2,.top-movies h2{color:#fff;margin-bottom:16px}.movies-grid{max-width:937px;display:grid;grid-template-columns:repeat(auto-fit,168px)}.filters,.movies-grid{grid-gap:24px;gap:24px}.filters{display:flex;margin-bottom:24px}.filter{all:unset;font-family:"Open Sans",sans-serif;flex-basis:168px;box-sizing:border-box;cursor:pointer;display:grid;place-content:center;padding:5px;background:rgba(225,131,200,.2);opacity:.2;border:2px solid #fff;color:#fff;text-align:center}.filter:not(.filter--active):hover{background:transparent}.filter.filter--active,.filter:not(.filter--active):hover{opacity:1;border:2px solid #e183c8;color:#e183c8}.movies .search-container{display:none}
/*# sourceMappingURL=main.83535cb8.chunk.css.map */