//Header loading .trendingPreview-container{display:flex;flex-direction:column}.trendingPreview-header{display:flex}.trendingPreview-title--loading{animation:loaderSkeleton infinite 1.5s;width:90px;height:32px;border-radius:8px;animation-delay:.2s}.trendingPreview-btn--loading{animation:loaderSkeleton infinite 1.5s;border-radius:8px;height:32px;width:72px;animation-delay:.4s}//Trending loading .trendingPreview-movieList{display:flex;gap:10px}.movie-container__loading{height:225px;min-height:225px;max-height:225px;width:150px;min-width:150px;max-width:150px;border-radius:8px;animation:loaderSkeleton infinite 1.5s}.movie-container__loading:nth-child(2){animation-delay:.2s}.movie-container__loading:nth-child(3){animation-delay:.4s}@keyframes loaderSkeleton{0%{background:#b0b0b0}50%{background:#9d5ed1}to{background:#b0b0b0}}*{box-sizing:border-box}:root{--primary: #24CA48;--secondary: #37A04E;--accent: #02F536;--dark-1: #3C7548;--dark-2: #334B38;--dark-3: #2B332D;--white: #F5F5F5;--dark:#1A1A1A;--primary-light: #5CE077;--secondary-light: #56C47C;--accent-dark: #018B28;--dark-green: #1F4D35;--dark-olive: #475F49;--emerald: #44D160;--yellow: #37A04E;--green: #24CA48;--aqua: #02F536;--lightBlue: #3C7548;--darkBlue: #334B38;--red: #2B332D}body{font-family:Alata,serif;font-weight:400;font-style:normal;padding:0;margin:0;background:linear-gradient(to bottom,#000000d9,#334b38);color:var(--white)}h1,h2,h3{margin:0;padding:0}h1,h2{font-size:24px;color:var(--purple-dark-2);font-family:var(--font-family-titles);font-weight:var(--font-weight-title1);margin:0;padding:0}h2{font-size:18px;color:var(--purple-dark-1);font-weight:var(--font-weight-title2)}h3{color:var(--purple-dark-2);font-weight:var(--font-weight-text2);font-size:16px}input{background-color:transparent;border:none;padding-left:16px;font-size:14px;font-weight:100;color:var(--white)}input::placeholder{color:var(--white);font-size:13px;letter-spacing:1px;font-weight:100;opacity:.5}button{background-color:var(--purple-dark-1);border:none;color:var(--purple-light-2);font-weight:var(--font-weight-text2);font-size:14px;cursor:pointer}//Liked styles .trendingPreview-header,{padding:40px 0 20px;display:flex;flex-direction:column}.categoriesPreview-container{padding:32px 16px;display:flex;flex-direction:column;color:var(--dark);align-items:center}.categoriesPreview-title{margin-bottom:0;text-align:center;color:var(--white);font-size:24px}.categoriesPreview-subtitle{margin-bottom:24px;font-size:14px;font-weight:200;width:85%;text-align:justify;color:var(--white)}.categoriesPreview-list{display:grid;grid-template-columns:repeat(2,1fr);column-gap:28px}.category-title{margin-bottom:8px;cursor:pointer;white-space:nowrap;overflow:auto;text-overflow:ellipsis;color:var(--white)}.category-title:before{content:"$$/";color:transparent;background:var(--idColor);border-radius:100%;margin-right:8px;width:6px;height:6px}#id28{--idColor: var(--primary)}#id12{--idColor: var(--accent-dark)}#id16{--idColor: var(--emerald)}#id35{--idColor: var(--secondary)}#id80{--idColor: var(--dark-green)}#id99{--idColor: var(--secondary-light)}#id18{--idColor: var(--dark-olive)}#id10751{--idColor: var(--primary-light)}#id14{--idColor: var(--accent-dark)}#id36{--idColor: var(--secondary-light)}#id18{--idColor: var(--dark-green)}#id9648{--idColor: var(--emerald)}#id27{--idColor: var(--dark-1)}#id10402{--idColor: var(--emerald)}#id10749{--idColor: var(--accent-dark)}#id878{--idColor: var(--primary)}#id10770{--idColor: var(--dark-3)}#id53{--idColor: var(--dark-olive)}#id10752{--idColor: var(--dark-green)}#id37{--idColor: var(--dark-2)}.liked-container{padding:32px 0}.movie-container{cursor:pointer;position:relative}.liked-btn{position:absolute;display:flex;justify-content:center;align-items:center;top:4px;right:4px;color:var(--white);transition:transform .3s ease-in-out}.liked-btn.liked-btn--toggle{transform:scale(1.2)}.liked-btn:not(.liked-btn--toggle){transform:scale(1)}.liked-btn--toggle{color:var(--accent)}.liked-btn.liked-btn--toggle:before{content:"💚"}.liked-btn:before{content:"🤍";font-size:22px}.trendingPreview-container{padding:32px 0}.movie-img{border-radius:8px;min-height:175px;opacity:0;transform:translateY(50px);transition:opacity 1s ease-out,transform 1s ease-out}.movie-img--visible{opacity:1;transform:translateY(0);min-height:175px;height:230px}.categories-list{display:flex;align-items:center;justify-content:space-between;position:relative;flex-wrap:wrap;gap:12px}.header-container{padding-top:58px;display:flex;flex-direction:column}.header-container--long{background-image:url(https://pics.filmaffinity.com/Deadpool-777527803-large.jpg);background:linear-gradient(180deg,#00000059 19.27%,#0000 29.17%),url(https://pics.filmaffinity.com/Deadpool-777527803-large.jpg);background-size:cover!important;height:70vh;image-rendering:-webkit-optimize-contrast}.header-title{margin-bottom:16px;text-align:center;color:var(--white)}.header--subtitle{font-size:14px;font-weight:200;width:85%;text-align:justify;color:var(--white);align-self:center}.header-arrow{font-weight:var(--font-weight-text2);font-size:32px;margin-bottom:16px;cursor:pointer;display:inline-block;position:absolute;top:2px;left:12px}.header-arrow--white{color:var(--purple-light-1)}.header-searchForm{display:flex;align-items:center;justify-content:center;width:85%;flex-wrap:nowrap;align-self:center;border-radius:8px;position:relative}.input-container{position:relative;width:100%;transition:box-shadow .3s ease;border-radius:8px;border:1px solid var(--dark-1)}#searchInput{width:100%;height:48px;padding-left:30px;border-radius:8px}#searchBtn{position:absolute;right:4px;top:50%;transform:translateY(-50%);font-size:20px}.focused{box-shadow:0 1px 2px var(--accent);transform:scale(1.01)}.header-searchForm input{height:48px;width:100%;border:none;outline:none}.header-searchForm input:placeholder{color:var(--white)}.header-searchForm button{width:56px;height:48px}.liked-header{padding-bottom:24px;text-align:center;color:var(--white)}.trendingPreview-header{display:flex;align-items:center;justify-content:center;padding:0 0 20px}.trendingPreview-btn{border-radius:8px;height:32px;width:72px}.separator{width:70%;margin:0 auto;height:1px;background-image:linear-gradient(to right,#fff,#02f536);background-size:200% 100%;background-position:100% 0;animation:pulse 1.5s infinite ease-in-out}@keyframes pulse{0%{background-position:100% 0;transform:scaleX(1)}50%{background-position:0 0;transform:scaleX(1.05)}to{background-position:100% 0;transform:scaleX(1)}}.trendingPreview-movieList .movie-container{display:inline-block;margin-right:8px}.trendingPreview-movieList .movie-container .movie-img,.liked-img{height:225px;min-height:225px;max-height:225px;width:150px;min-width:150px;max-width:150px;border-radius:8px}.main-container{overflow:auto;position:relative}#languages{position:absolute;top:12px;right:12px}#languageoptions{padding:8px 30px 8px 8px;border-radius:4px;border:1px solid var(--primary);background:transparent;outline:none;transition:all .3s linear;color:var(--white);appearance:none;-webkit-appearance:none;-moz-appearance:none}#languages:after{content:"▼";font-size:12px;color:#37a04e;position:absolute;right:10px;top:50%;transform:translateY(-50%);pointer-events:none}#languageoptions option{color:#000;background:var(--white);padding:20px}#languageoptions:focus{box-shadow:0 2px 4px #3c7548,0 2px 1px #37a04e}.genericList-container{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:32px 24px}.genericList-container .movie-container{display:inline-block;width:100%}.genericList-container .movie-img{width:100%}.trendingPreview-title{color:var(--white)}.movieDetail-container{padding:32px 24px;z-index:1;background:var(--dark-3)}.movieDetail-title{display:inline-block;width:80%;margin:0 0 16px;padding:0}.movieDetail-score{display:inline-block;text-align:right;width:18%;font-weight:var(--font-weight-title2)}.movieDetail-score:before{content:"★";color:var(--yellow);padding-right:8px;font-size:20px}.movieDetail-description{margin:0 0 24px}.relatedMovies-container{margin-top:24px;height:216px;position:relative}.relatedMovies-title{margin-bottom:16px}.relatedMovies-scrollContainer .movie-container{display:inline-block;margin-right:8px}.relatedMovies-scrollContainer .movie-img{width:125px;min-width:125px;max-width:125px;height:187.5px;min-height:187.5px;max-height:187.5px}.carousel-wrapper,.liked-wrapper,.relatedMoviesContent{position:relative;display:flex;align-items:center;justify-content:center;width:85%;margin:0 auto}.left-arrow{left:-24px}.right-arrow{right:-24px}@media (min-width: 680px){.carousel-wrapper,.liked-wrapper{width:65%}.main-container{width:65%;margin:0 auto}.genericList-container{grid-template-columns:repeat(3,1fr)}.main-container footer{background:var(--dark-3)}.categoriesPreview-title{font-size:28px}.categoriesPreview-subtitle{margin-bottom:24px;font-size:18px;font-weight:200;width:65%;align-self:center;text-align:justify;color:var(--white)}.categoriesPreview-list{grid-template-columns:repeat(3,1fr);column-gap:0px;row-gap:8px;padding-top:16px;width:65%;align-self:center}.categoriesPreview-container{align-items:normal}.separator{width:30%}.left-arrow{left:-30px}.right-arrow{right:-30px}.header--subtitle{font-size:18px;font-weight:200;width:65%;text-align:justify;color:var(--white);align-self:center}.header-title{font-size:32px}.trendingPreview-title{font-size:22px}.header-searchForm{width:80%}@media (min-width: 1200px){.categoriesPreview-list{grid-template-columns:repeat(4,1fr)}.header-searchForm{width:50%}}input{background-color:transparent;color:var(--white);border:none;font-size:16px;padding-left:16px;font-weight:100}input::placeholder{color:var(--white);font-size:15px;letter-spacing:1px;opacity:.5}}.trendingPreview-movieList,.liked-content,.relatedMovies-scrollContainer{display:flex;gap:10px;overflow:hidden;scroll-behavior:smooth;width:100%}.movie-container__loading{border-radius:8px;background-color:var(--primary)}@media (max-width: 768px){.movie-container__loading{flex:0 0 calc((100% - 20px) / 3)}}@media (min-width: 769px){.movie-container__loading{flex:0 0 calc((100% - 30px)/4)}}.carousel-arrow{border:none;background:var(--dark-2);width:28px;height:28px;border-radius:100%;font-size:1.8rem;cursor:pointer;color:var(--accent);position:absolute;top:50%;transform:translateY(-50%);z-index:10;display:flex;align-items:center;justify-content:center;padding:0}.carousel-arrow:active,.carousel-arrow:hover{color:var(--dark-2);background:var(--secondary);transition:all .3s linear}footer{background-color:var(--purple-medium-3);color:var(--purple-light-2);text-align:center;height:48px;display:flex;justify-content:center;align-items:center}.inactive{display:none}