.MovieCard{max-width:calc(var(--viewport-width)*320/var(--base-viewport-width))}.MovieCard__img{aspect-ratio:3/4;-o-object-fit:cover;object-fit:cover;width:100%}.MovieCard__title{font-family:Switzer,sans-serif;font-size:calc(var(--viewport-width)*20/var(--base-viewport-width));font-weight:500;line-height:calc(var(--viewport-width)*32.36/var(--base-viewport-width))}.MovieCard__details,.MovieCard__title{margin-top:calc(var(--viewport-width)*12/var(--base-viewport-width))}.MovieCard__details{align-items:center;display:flex;justify-content:space-between}.MovieCard__details svg{width:calc(var(--viewport-width)*16/var(--base-viewport-width))}.MovieCard__details>div{align-items:center;display:flex;gap:calc(var(--viewport-width)*20/var(--base-viewport-width))}.MovieCard__duration,.MovieCard__rating,.MovieCard__viewers{align-items:center;display:flex;gap:calc(var(--viewport-width)*8/var(--base-viewport-width))}.MovieCard__duration,.MovieCard__viewers{color:rgba(var(--color-ivory),.5);font-family:Switzer,sans-serif;font-size:calc(var(--viewport-width)*16/var(--base-viewport-width));font-weight:400;line-height:calc(var(--viewport-width)*25.888/var(--base-viewport-width))}.MovieCard__duration svg,.MovieCard__viewers svg{stroke:rgba(var(--color-ivory),.5);stroke-width:3}.MovieCard__rating{color:rgba(var(--color-ivory),1);font-family:Switzer,sans-serif;font-size:calc(var(--viewport-width)*16/var(--base-viewport-width));font-weight:500;line-height:calc(var(--viewport-width)*25.888/var(--base-viewport-width))}.MovieCard__rating svg{fill:rgba(var(--color-ivory),1)}.Pagination{display:flex;justify-content:center}.Pagination__wrapper{border:calc(var(--viewport-width)*1/var(--base-viewport-width)) solid rgba(var(--color-ivory),1);display:flex}.Pagination__wrapper li button{aspect-ratio:1;color:rgba(var(--color-ivory),1);font-family:Switzer,sans-serif;font-size:calc(var(--viewport-width)*20/var(--base-viewport-width));font-weight:500;line-height:calc(var(--viewport-width)*32.36/var(--base-viewport-width));width:calc(var(--viewport-width)*56/var(--base-viewport-width))}.Pagination__wrapper li:not(:last-child) button{border-right:calc(var(--viewport-width)*1/var(--base-viewport-width)) solid rgba(var(--color-ivory),1)}.Pagination__navigation svg{stroke-width:1.5;stroke:rgba(var(--color-sea),1)}.Pagination__navigation--disabled{cursor:not-allowed}.Pagination__navigation--disabled svg{stroke:rgba(var(--color-ivory),.3)}.Pagination__page-btn[data-active=true]{color:rgba(var(--color-sea),1)}.MovieList{padding-bottom:calc(var(--viewport-width)*80/var(--base-viewport-width))}.MovieList__header{align-items:center;display:flex;flex-direction:column;justify-content:space-between;margin-bottom:calc(var(--viewport-width)*80/var(--base-viewport-width))}.MovieList__headline{max-width:calc(var(--viewport-width)*700/var(--base-viewport-width))}.MovieList__headline h2,.MovieList__headline p{text-align:center}.MovieList__headline h2{font-family:Khand,sans-serif;font-size:calc(var(--viewport-width)*60/var(--base-viewport-width));font-weight:600;line-height:calc(var(--viewport-width)*97.08/var(--base-viewport-width))}.MovieList__headline p{color:rgba(var(--color-ivory),.7);font-family:Switzer,sans-serif;font-size:calc(var(--viewport-width)*16/var(--base-viewport-width));font-weight:400;line-height:calc(var(--viewport-width)*25.888/var(--base-viewport-width))}.MovieList__search{align-items:center;border-bottom:solid calc(var(--viewport-width)*2/var(--base-viewport-width));display:flex;margin-top:calc(var(--viewport-width)*20/var(--base-viewport-width))}.MovieList__search input{padding:calc(var(--viewport-width)*12/var(--base-viewport-width));text-align:center}.MovieList__lists{display:grid;gap:calc(var(--viewport-width)*40/var(--base-viewport-width));grid-template-columns:repeat(5,1fr)}