@import "https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";:root{--color-white:#fff;--color-black:#101010;--color-grey:#b6b6b6;--color-grey--dark:#272727;--color-purple-light:#9d65ff;--color-purple-dark:#703dc9;--color-purple--tint:#d8c1ff;--color-purple--shade:#4f3380;--gradient-logo:linear-gradient(to bottom right,#9d65ff,#703dc9);--gradient-background:linear-gradient(to bottom right,#101010,#272727);--font-size-regular:1.6rem;--font-size-h2:2rem;--font-size-h3:3.6rem;--mg-container:9.6rem;--mg-sections:6.4rem;--sm:2.4rem;--border-radius-sm:3px;--border-radius-rounded:101px;--font-size-buttons:1.4rem;--font-weight-buttons:500;--padding-buttons:0 3.2rem;--gap-inside-buttons:.4rem;--border-stroke-width-buttons:.3rem;--font-size-icons--sm:2rem;--font-size-icons--regular:2.4rem;--font-size-icons--large:3rem;--stroke-width-icons--sm:3.6rem;--stroke-width-icons--regular:4.4rem;--font-size-chevron--regular:3.6rem;--font-size-chevron--hover:4.4rem;--width-chevron-container:8rem;--box-shadow:.8rem 1.6rem 4.8rem #0a0a0a26;--max-width-logo:17.6rem;--max-width-search-bar:48rem;--padding-search-bar:2rem 3.2rem;--letter-spacing-search-bar:-.3px;--right-displacement-search-button:-3px;--padding-vertical-bookmarks-button:2rem;--max-height-slider:80vh;--gap-between-movie-rows:4rem;--gap-h2-and-movie-row:1.6rem;--gap-movie-posters:1.6rem;--width-movie-poster:20.8rem;--height-movie-poster:30.4rem;--width-modal:65vw;--height-modal:90vh;--padding-modal:4.8rem 6.4rem;--gap-poster-and-data:1.6rem;--gap-movie-data-items:1.6rem;--gap-movie-data-chips:.4rem;--padding-movie-data-chips:.25rem 1.2rem .5rem 1.2rem;--line-height-movie-data-plot:1.6;--padding-vertical-movie-data-buttons:1.4rem;--width-modal-close-icon--div:5rem;--height-modal-close-icon--div:5rem;--padding-right-modal-close-icon:.4rem;--line-clamp-modal-overview:8;--gap-results-rows:2.4rem;--gap-results-button-back-and-h2:4.8rem;--padding-results-button--back:.8rem 1.8rem .8rem .8rem;--height-footer-line:.1rem;--mg-top-footer-line:9.6rem;--gap-footer-content:4.8rem;--padding-footer-content:8rem 0 6.4rem 0;--gap-footer-copy-socials:2.4rem;--gap-footer-social-icons:1.2rem;--width-height-footer-social-icons:4.8rem}*{box-sizing:border-box;margin:0;padding:0}html{font-size:56.25%}body{font-family:Inter,sans-serif;font-size:var(--font-size-regular);color:var(--color-white);background:var(--gradient-background);background-repeat:no-repeat;background-size:cover;background-attachment:fixed}h2{font-size:var(--font-size-h2)}h3{font-size:var(--font-size-h3)}li{list-style:none}.container{margin:0 var(--mg-container)}.flex{display:flex}.center{justify-content:center;align-items:center}.truncate-2-lines{-webkit-line-clamp:2;line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.truncate-modal-overview{-webkit-line-clamp:var(--line-clamp-modal-overview);line-clamp:var(--line-clamp-modal-overview);text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.btn{justify-content:center;align-items:center;gap:var(--gap-inside-buttons);height:100%;font-family:Inter,sans-serif;font-size:var(--font-size-buttons);font-weight:var(--font-weight-buttons);text-transform:uppercase;color:var(--color-white);padding:var(--padding-buttons);border-radius:var(--border-radius-rounded);cursor:pointer;background-color:#0000;border:none;transition:all .2s ease-in-out;display:flex}.button__container{z-index:10;height:100%;width:var(--width-chevron-container);cursor:pointer;background-color:#0a0a0a0a;border:none;transition:background-color .15s ease-in-out;position:absolute}.button__container:hover{background-color:#0a0a0a26}.button__container--previous{top:0;left:0}.button__container--next{top:0;right:0}.button__box{width:100%;height:100%}.button__icon{font-size:var(--font-size-chevron--regular);color:var(--color-grey);transition:color .15s ease-in-out,font-size .15s ease-in-out}.button__container:hover .button__icon{color:var(--color-white);font-size:var(--font-size-chevron--hover)}.button__container:active .button__icon{font-size:var(--font-size-chevron--regular);transition:font-size 20ms ease-in-out}.icon{font-size:var(--font-size-icons--regular);--ionicon-stroke-width:var(--stroke-width-icons--regular);color:var(--color-white)}.mg-top--sm{margin-top:var(--sm)}.padding-top--sm{padding-top:var(--sm)}.padding-bottom--sm{padding-bottom:var(--sm)}.sr-only{white-space:nowrap;clip-path:inset(50%);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;inset:0;overflow:hidden}.invisible-box{height:200vh}.nav{z-index:1000;width:100%;position:relative}.nav--fixed{backdrop-filter:blur(8px);background:#0a0a0acc;position:fixed;top:0;left:0}.nav .container{justify-content:space-between;align-items:center}.nav__logo{max-width:var(--max-width-logo);cursor:pointer}.nav__search{flex:1;justify-content:center}.search__wrapper{max-width:var(--max-width-search-bar);flex:1;position:relative}.search__field{width:100%;padding:var(--padding-search-bar);border-radius:var(--border-radius-rounded);letter-spacing:var(--letter-spacing-search-bar);font-family:Inter,sans-serif;font-size:var(--font-size-regular);color:var(--color-black);border:none;flex:1}.search__field:focus{outline:2px solid var(--color-grey);outline-offset:.3rem}input::placeholder{letter-spacing:var(--letter-spacing-search-bar);font-family:Inter,sans-serif;font-size:var(--font-size-regular)}.search__btn{top:0;right:var(--right-displacement-search-button);background:var(--gradient-logo);transition:transform .2s ease-in-out;position:absolute}.search__btn:hover{transform:scale(1.08)}.search__btn:active{transition:transform .12s ease-in-out;transform:scale(1)}.btn--bookmarks{padding-top:var(--padding-vertical-bookmarks-button);padding-bottom:var(--padding-vertical-bookmarks-button);cursor:pointer;border:var(--border-stroke-width-buttons)solid transparent}.btn--bookmarks:hover{border-color:var(--color-purple-light)}.btn--bookmarks:active{transition:transform .1s ease-in-out;transform:scale(.92)}.icon--bookmarks{color:var(--color-purple-light)}.slider-dots__wrapper{margin-bottom:var(--mg-sections)}.slider{max-width:100%;height:var(--max-height-slider);border-radius:var(--border-radius-sm);min-height:50rem;margin-bottom:1.6rem;position:relative;overflow:hidden}.slider__wrapper{flex-wrap:nowrap;height:100%;transition:transform .5s}.slider__slide{min-width:100%}.slider__slide-btn{background:var(--gradient-background);cursor:pointer;border:none;width:100%;height:100%}.slider__slide-btn:active img{border-radius:var(--border-radius-sm);transform:scale(.99)}.slider__slide img{object-fit:cover;width:100%;height:auto;transition:transform 60ms ease-in-out;display:block}.slider__dots{gap:1rem}.slider__dot{border-radius:var(--border-radius-rounded);cursor:pointer;background-color:#b6b6b680;border:none;width:.8rem;height:.8rem;transition:background-color .3s}.slider__dot--active{background-color:#ffffffb3}.slider__dot:hover{background-color:#fff9}.movies{gap:var(--gap-h2-and-movie-row);margin-bottom:var(--gap-between-movie-rows);flex-direction:column}section.movies:last-of-type{margin-bottom:0}.movies__row-wrapper{position:relative;overflow:hidden}.movies__row{gap:var(--gap-movie-posters);padding:0 var(--mg-container);transition:transform .5s ease-in-out;display:flex}.movies__card{width:var(--width-movie-poster);height:var(--height-movie-poster);border-radius:var(--border-radius-sm);background-color:var(--color-grey--dark);flex:none;overflow:hidden}.movies__card:hover img{transform:scale(1.06)}.movies__card:active img{transition:transform 60ms ease-in-out;transform:scale(1.03)}.movies__card-btn{all:unset;cursor:pointer;width:100%;height:100%}.movies__card-btn img{object-fit:cover;width:100%;height:100%;transition:transform .15s ease-in-out}.overlay{z-index:1001;background-color:#0a0a0abf;width:100%;height:100%;position:fixed;top:0;left:0;overflow-y:auto}.modal-open{overflow:hidden}.modal{width:var(--width-modal);height:var(--height-modal);background:var(--gradient-background);min-height:60rem;padding:var(--padding-modal);border-radius:var(--border-radius-sm);box-shadow:var(--box-shadow);position:relative}.modal__content{gap:var(--gap-poster-and-data);height:100%;display:flex}.modal__movie-poster{border-radius:var(--border-radius-sm);width:50%;height:100%;overflow:hidden}.modal__movie-poster img{object-fit:cover;width:100%;height:100%}.modal__movie-data{flex-direction:column;justify-content:space-between;width:50%;height:100%}.modal__movie-data-wrapper{gap:var(--gap-movie-data-items);flex-direction:column}.modal__movie-data--chips{gap:var(--gap-movie-data-chips);display:flex}.modal__chip{color:var(--color-purple--tint);background-color:var(--color-purple--shade);padding:var(--padding-movie-data-chips);border-radius:var(--border-radius-rounded);align-items:center;display:flex}.modal__movie-data--information{color:var(--color-grey);line-height:var(--line-height-movie-data-plot)}.modal__movie-data--plot p{line-height:var(--line-height-movie-data-plot)}.modal__movie-data__buttons-container{gap:.8rem}.modal__movie-data__button{width:50%;padding:var(--padding-vertical-movie-data-buttons)0}.modal__movie-data__button--bookmarks{background:var(--gradient-logo)}.modal__movie-data__button--bookmarked{background:linear-gradient(to bottom right,#6fcf47,#448f31)}.modal__movie-data__button--trailer{border:var(--border-stroke-width-buttons)solid var(--color-purple-light);background:0 0}.modal__movie-data__button--bookmarks:active,.modal__movie-data__button--bookmarked:active,.modal__movie-data__button--trailer:active{transition:transform .12s ease-in-out;transform:scale(.97)}.icon--link{transform:rotate(-45deg)}.modal__close-icon{width:var(--width-modal-close-icon--div);height:var(--height-modal-close-icon--div);padding-right:var(--padding-right-modal-close-icon);cursor:pointer;background-color:#0000;border:none;position:absolute;top:0;right:0}.icon--close{font-size:var(--font-size-icons--large)}.results__container{gap:var(--gap-h2-and-movie-row);margin-top:var(--sm);flex-direction:column}.button__back-container{margin-bottom:var(--gap-results-button-back-and-h2)}.button__back{background-color:var(--color-purple--shade);color:var(--color-purple--tint);padding:var(--padding-results-button--back);gap:0;transition:color .1s ease-in-out}.button__back:hover,.button__back:hover .icon--back{color:var(--color-purple-light)}.icon--back{color:var(--color-purple--tint);transition:color .1s ease-in-out}.results__posters-container{grid-template-columns:repeat(auto-fill,minmax(var(--width-movie-poster),max-content));justify-content:space-between;row-gap:var(--gap-results-rows);width:100%;height:100%;display:grid}.h2--container{justify-content:space-between;align-items:center}.btn--clear-all{text-transform:none;padding:.8rem;font-size:1.7rem;font-weight:400;transition:all .2s ease-in-out}.btn--clear-all:hover,.btn--clear-all:hover .icon--trash{color:#ff4500}.icon--trash{font-size:var(--font-size-icons--sm);--ionicon-stroke-width:var(--stroke-width-icons--sm);transition:all .2s ease-in-out}.footer{flex-direction:column}.footer__line{width:100%;height:var(--height-footer-line);background-color:var(--color-grey);margin-top:var(--mg-top-footer-line)}.footer__content{gap:var(--gap-footer-content);padding:var(--padding-footer-content);flex-direction:column}.footer__copy-socials{gap:var(--gap-footer-copy-socials);flex-direction:column}.footer__link{color:var(--color-white);cursor:pointer;text-decoration:none;transition:color .15s ease-in-out}.footer__link:hover{color:var(--color-purple-light)}.footer__socials-container{gap:var(--gap-footer-social-icons)}.footer__socials-button{width:var(--width-height-footer-social-icons);height:var(--width-height-footer-social-icons);background-color:var(--color-purple--shade);border-radius:var(--border-radius-rounded)}.icon--footer{color:var(--color-purple--tint);transition:color .15s ease-in-out}.footer__socials-button:hover .icon--footer{color:var(--color-purple-light)}.footer__socials-button:active{transform:scale(.92)}.error__overlay{z-index:1002;background-color:#0a0a0a4d;width:100%;height:100%;position:fixed;top:0;left:0;overflow-y:auto}.error__modal{background:var(--gradient-background);border-radius:var(--border-radius-sm);max-width:50.4rem;padding:6.4rem 10.4rem;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.error__message{font-size:1.8rem;line-height:1.6}.error__close-icon{width:var(--width-modal-close-icon--div);height:var(--height-modal-close-icon--div);padding-right:var(--padding-right-modal-close-icon);cursor:pointer;background-color:#0000;border:none;position:absolute;top:0;right:0}.hidden{display:none!important}
/*# sourceMappingURL=repo.0d2eac2e.css.map */