@import"https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&display=swap";@import"https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200..1000;1,200..1000&display=swap";.footer{position:fixed;bottom:0;left:0;right:0;background-color:#fff;padding-block:.8rem}.footer__list{display:flex;align-items:center;justify-content:space-evenly;list-style:none}.footer__list-icon{width:1.25rem;height:1.25rem}.toggle{display:flex;justify-content:space-between}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#aaa9b1;transition:.4s;border-radius:2.25rem}.toggle-slider:before{position:absolute;content:"";height:1rem;width:1rem;bottom:.25rem;left:.25rem;background-color:#fff;transition:.4s;border-radius:50%}.switch{position:relative;display:inline-block;width:3rem;height:1.5rem}.switch-input{opacity:0;width:0;height:0}input:checked+.toggle-slider{background-color:#fff}input:focus+.toggle-slider{box-shadow:0 0 1px #fff}input:checked+.toggle-slider:before{background-color:#000;transform:translate(1.62rem)}.burger-menu{position:absolute;top:0;left:0;right:0;bottom:0;padding:1rem;transition:transform .2s ease-out;z-index:2;background-color:#fff}.burger-menu__heading{text-align:center;font-size:1.3em}.burger-menu__list{list-style:none;margin-top:3rem;margin-left:2rem}.burger-menu__listitem{display:flex;align-items:center;gap:.3rem;font-size:1em;color:#000;font-family:Mulish,"sans-serif";background:none;border:none}body:has(.open){overflow-y:hidden;touch-action:none}.header{padding:1rem}.header__menu{display:flex;justify-content:space-between;align-items:center;text-align:center;margin-bottom:.3rem}.header__menu-btn{background:none;border:none}.header__menu-icon{width:1.3rem;height:1.3rem}.header__menu-heading{font-size:1em;color:#000}.header__search{display:flex;align-items:center;justify-content:center;gap:.3rem}.header__search-input{background-color:#dbe3ff;border:none;padding-left:.2rem;border-radius:.3rem}.details-header{display:flex;justify-content:space-between;padding:1rem}.details-header.list{position:absolute;top:0;left:0;right:0;z-index:1}.now-showing{margin-top:1rem;padding-inline:1rem}.now-showing__title{display:flex;justify-content:space-between;align-items:center}.now-showing__title-heading{font-size:1em}.now-showing__title-btn{background:none;border:1px solid #AAA9B1;border-radius:1rem;color:#aaa9b1;font-size:.6em;padding:.2rem .5rem;font-family:Mulish,"sans-serif"}.now-showing__cards{margin-top:1rem;display:flex;gap:1rem;overflow-x:scroll;scroll-snap-type:x mandatory;padding-bottom:.5rem;scrollbar-width:none}.tall-card{display:flex;flex-direction:column;gap:.5rem;scroll-snap-align:center}.tall-card__poster{width:8.9rem;border-radius:.5rem;box-shadow:0 5px 10px #aaa9b1;cursor:pointer}.tall-card__title{font-size:.87em;font-family:Mulish,"sans-serif";cursor:pointer;color:#000;text-decoration:none}.tall-card__rating{display:flex;align-items:center;gap:.1rem;font-size:.75em;color:#9c9c9c}.wide-card{display:flex;gap:.8rem;font-family:Mulish,"sans-serif"}.wide-card__poster{width:5.3rem;border-radius:.3rem;cursor:pointer}.wide-card__info{display:flex;flex-direction:column;gap:.5rem}.wide-card__title{font-size:.87em;cursor:pointer;color:#000;text-decoration:none}.wide-card__rating{display:flex;align-items:center;gap:.1rem;font-size:.75em;color:#9c9c9c}.wide-card__genre-list{list-style:none;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.wide-card__genre-listitem{font-size:.5em;background-color:#dbe3ff;padding:.2rem .5rem;border-radius:.5rem;color:#88a4e8;font-family:Mulish,"sans-serif";cursor:pointer}.wide-card__runtime{font-size:.75em;display:flex;align-items:center;gap:.2rem}.search-card{display:flex;flex-direction:column;scroll-snap-align:center;gap:.5rem}.search-card__poster{width:8.9rem;border-radius:.5rem;box-shadow:0 5px 10px #aaa9b1;cursor:pointer}.search-card__title{font-size:.87em;font-family:Mulish,"sans-serif";cursor:pointer;color:#000;text-decoration:none}.favourite-card{display:flex;flex-direction:column;gap:.5rem}.favourite-card__poster{width:8.5rem;border-radius:.5rem;box-shadow:0 5px 10px #aaa9b1;cursor:pointer}.favourite-card__info{display:flex;justify-content:space-between;gap:.3rem;max-width:8.5rem}.favourite-card__title{font-size:.87em;font-family:Mulish,"sans-serif";cursor:pointer;color:#000;text-decoration:none}.list-content-card{display:flex;flex-direction:column;gap:.5rem}.list-content-card__poster{width:8.5rem;border-radius:.5rem;box-shadow:0 5px 10px #aaa9b1;cursor:pointer}.list-content-card__info{display:flex;justify-content:space-between;gap:.3rem;max-width:8.5rem}.list-content-card__title{font-size:.87em;font-family:Mulish,"sans-serif";cursor:pointer;color:#000;text-decoration:none}.popular-movies{margin-top:1rem;padding-inline:1rem}.popular-movies__title{display:flex;justify-content:space-between;align-items:center;margin-top:1rem}.popular-movies__title-heading{font-size:1em}.popular-movies__title-btn{background:none;border:1px solid #AAA9B1;border-radius:1rem;color:#aaa9b1;font-size:.6em;padding:.2rem .5rem;font-family:Mulish,"sans-serif"}.popular-movies__navigate{display:flex;align-items:center;justify-content:center;margin-left:-.5rem;margin-block:.3rem 1rem}.popular-movies__navigate-btn{background:none;border:none;height:1.8rem}.popular-movies__navigate-btn__icon{width:1.8rem;height:1.8rem;color:#fff}.popular-movies__navigate-pages{font-size:.75em}.popular-movies__cards{margin-block:1rem 3rem;display:flex;flex-direction:column;gap:1rem}*{margin:0;padding:0;box-sizing:border-box}html p{font-family:Mulish,"sans-serif"}html{color:#000;font-family:Merriweather,"sans-serif"}a{text-decoration:none}p+p{margin-top:1lh}button{cursor:pointer;font-family:Mulish,"sans-serif"}body.dark{background-color:#000}body.dark h1{color:#fff}body.dark h1.header__menu-heading,body.dark h2{color:#dbe3ff}body.dark h2.list-content-card__title,body.dark h3{color:#fff}body.dark h3.details-info__cast-member-name{color:#dbe3ff}body.dark .burger-menu{background-color:#000}body.dark .burger-menu__listitem,body.dark .authorise-login{color:#fff}body.dark .login-form__input,body.dark .create-list-form__input,body.dark .list-select{border:1px solid #fff}body.dark .tall-card__poster,body.dark .list-content-card__poster,body.dark .favourite-card__poster{box-shadow:0 5px 10px #2f2f2f}body.dark button,body.dark p{color:#9c9c9c}body.dark p.runtime{color:#fff}body.dark .lists__create,body.dark th{color:#9c9c9c}body.dark td{color:#fff}body.dark .footer{background-color:#000}
