@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}body{font-family:Inter,sans-serif}.container{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;height:100%}.movie-list{margin:0 42px}.error{font-size:24px;font-weight:700;color:#374151;text-align:center}.link{text-decoration:none;transition:ease-in-out .2s}.header{background-image:url(/assets/header-hero-Z46v-EkE.jpg);background-size:cover;background-position:center;height:208px;color:#fff;padding-left:42px;padding-right:42px;position:relative;margin-bottom:65px}.header__nav{width:100%;display:flex;justify-content:space-between;align-items:center}.header__nav__title{font-weight:800}.header__nav__link{color:#fff;font-weight:700}.active-link{font-size:42.79px;opacity:1}.inactive-link{font-size:24px;opacity:.5}@media (max-width: 600px){.header__nav{flex-direction:column;gap:20px}}.search-bar{width:100%;max-width:100%;padding-left:42px;padding-right:42px;box-sizing:border-box;position:absolute;top:190px;left:0}.search-bar__form{position:relative;display:flex;flex:1;font-size:14px;font-weight:500}.search-bar__input{flex:1;padding-left:35px;padding-top:10px;padding-bottom:10px;color:#6b7280;border:1px solid #d1d5db;border-right:none;border-radius:4px 0 0 4px}.search-bar__icon{position:absolute;top:50%;left:13px;transform:translateY(-50%);color:#888;pointer-events:none}.search-bar__button{width:120px;color:#374151;font-weight:600;border:1px solid #d1d5db;border-radius:0 4px 4px 0;background-color:#f9fafb;transition:ease-in-out .2s}.search-bar__button:hover{background-color:#ccc;cursor:pointer;color:#333}.movie-card{display:flex;justify-content:center;align-items:center;gap:16px;border-radius:12px;border:1px solid #d1d5db;background-color:#fff;width:100%;padding:40px;margin:10px 0}.movie-card__poster{width:150px;border-radius:2.33px;object-fit:cover;box-shadow:0 0 10px #00000012}.movie-card__content{display:flex;flex-direction:column;flex:1}.movie-card__header{display:flex;align-items:center;gap:7px;margin-bottom:16px}.movie-card__title{font-size:18px;font-weight:500;margin:0;color:#000}.movie-card__rating{display:flex;align-items:center;gap:4px;color:#111827;font-size:16px}.movie-card__rating-icon{font-size:14px;color:#fec654}.movie-card__info{display:flex;align-items:center;gap:16px;margin-bottom:16px;font-size:12px;color:#111827}.movie-card__info__meta{display:flex;align-items:center;gap:16px}.movie-card__watchlist{display:flex;align-items:center;gap:5px;background:none;border:none;font-weight:500;color:#0d0d0d;cursor:pointer;font-weight:800}.movie-card__watchlist-icon{background:#0d0d0d;color:#fff;border-radius:50%;padding:4px;font-size:10px}.movie-card__description{color:#6b7280;font-size:14px;line-height:20px}@media (max-width: 767px){.movie-card{flex-direction:column;text-align:center}.movie-card__poster{width:250px;height:auto}.movie-card__header{justify-content:center;flex-wrap:wrap;gap:12px}.movie-card__info{flex-direction:column;justify-content:center;gap:12px}}.empty-page{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#dfdddd;text-align:center}.empty-page__message{font-size:24px;font-weight:700;line-height:30px}.empty-page__sub-message{display:flex;justify-content:center;align-items:center;gap:8px;color:#363636;margin-top:16px}.empty-page__sub-message__message{font-size:20px;font-weight:700;line-height:24px}
