@import url(https://fonts.googleapis.com/css2?family=Exo+2:ital,wght@0,100..900;1,100..900&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap);*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{--exo-font:"Exo 2",sans-serif;--inter-font:"Inter",sans-serif;--bkg-color:#0d1117;--accent-primary:#00f5ff;--accent-secondary:#d830ff;--text-primary:#e6edf3;--text-secondary:#8b949e;--ui-element:#161b22;background-color:var(--bkg-color);color:var(--text-primary);font-family:var(--inter-font)}section{padding:24px 0}.container{margin:0 auto;max-width:1200px;padding:0 16px;width:100%}.row{display:flex;gap:8px}h1,h2,h3,h4,h5,h6{font-family:var(--exo-font);margin:0}a{color:var(--text-primary);cursor:pointer;text-decoration:none}li{list-style:none}a,button{-webkit-tap-highlight-color:transparent}img{width:100%}.no-img{padding:8px}.accent--primary{color:var(--accent-primary);text-shadow:0 0 16px #00f7ff4b}.motion{display:inline-block}.btn{background-color:initial;border:1px solid var(--text-secondary);border-radius:16px;color:var(--text-secondary);cursor:pointer;font-family:var(--inter-font);font-size:14px;font-weight:300;padding:6px 16px;transition:border-color .3s ease,color .3s ease}.btn:hover{border-color:var(--accent-secondary);color:var(--accent-secondary)}.loader{animation:l1 1s infinite;aspect-ratio:1;border:4px solid;border-color:var(--accent-secondary) #0000;border-radius:50%;position:absolute;right:16px;top:-7px;width:32px}.loader--nav,.loader--search-page{border:3px solid;border-color:var(--accent-secondary) #0000;top:3px;width:26px}.loader__container{align-items:center;display:flex;height:calc(100dvh - 400px);justify-content:center;padding-left:28px;width:100%}.loader--movie-page{position:relative;width:60px}@keyframes l1{to{transform:rotate(.5turn)}}nav{--nav-height:60px;background-color:var(--bkg-color);display:flex;height:var(--nav-height);left:0;padding:8px 0;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:1000}.nav__row,nav{align-items:center}.nav__row{justify-content:space-between}.nav__logo{-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(to right,var(--accent-primary),var(--accent-secondary));color:#0000;letter-spacing:1px;margin-right:8px;transform:translateY(-2px);-webkit-user-select:none;user-select:none}.nav__links{align-items:center;display:flex;transform:translateX(16px)}.nav__link{display:flex;font-size:18px;height:calc(var(--nav-height) - 18px);margin-top:18px;padding:8px 16px 0;position:relative}.nav__link:not(:first-of-type){margin-left:16px}.nav__link:before{background-color:initial;border-radius:16px;bottom:0;content:"";height:1px;left:50%;position:absolute;transform:translateX(-50%);transition:background-color .3s ease,filter .3s ease,height .3s ease,bottom .3s ease;width:100%}.nav__link:hover:before{background-color:var(--accent-primary);filter:brightness(80%)}.active:hover:before{filter:brightness(100%)}.active:before{background-color:var(--accent-primary);bottom:-1px;height:2px}.nav__icon{align-items:center;display:flex;justify-content:center;transform:translateY(-8px);width:30px}.nav__icon--home{height:34px;width:34px}#hero{height:calc(100dvh - 133px);position:relative}.hero__content{left:50%;position:absolute;text-align:center;top:40%;transform:translate(-50%,-50%)}.hero__title{text-wrap:balance;animation:fade-in 1.5s ease-in-out .3s forwards;font-size:60px;font-weight:400;margin-bottom:48px;opacity:0;transform:translateY(24px)}@keyframes fade-in{to{opacity:1;transform:translateY(0)}}.input__wrapper{display:inline;flex-grow:1;position:relative}.input{border:1px solid #0000;border-radius:48px;font-family:var(--inter-font);font-size:18px;height:40px;max-width:550px;outline:2px solid #0000;padding:8px 60px 8px 24px;transition:all .3s ease;width:100%}.input:hover{border-color:var(--accent-primary);outline-color:var(--accent-primary)}.input:focus{border-color:var(--accent-secondary);outline-color:var(--accent-secondary)}.input:focus .search-icon{color:var(--ui-element)}input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none}.search-icon__wrapper{cursor:pointer;display:flex;height:40px;padding:0 16px;position:absolute;right:0;top:45%;transform:translateY(-50%)}.search-icon{color:var(--ui-element);transition:all .3s ease;width:32px}.search-icon__wrapper:hover .search-icon{color:var(--accent-secondary)}.loading-icon{animation:loading-spin .8s linear infinite;position:absolute;right:4px;rotate:0;top:-14%;transform:scale(1.5);transition:all .3s ease;width:60px}@keyframes loading-spin{to{rotate:1turn}}#search{min-height:calc(100dvh - 133px);padding-bottom:48px}.search-bar{display:none;justify-content:center;margin-bottom:24px;padding:0 8px}.input__wrapper{max-width:460px}.input--nav,.input--search-page,.search-icon__wrapper--nav,.search-icon__wrapper--search-page{height:32px}.search-icon__wrapper--nav,.search-icon__wrapper--search-page{top:50%}.search-icon--nav,.search-icon--search-page{width:30px}.loading-icon--nav,.loading-icon--search-page{right:8px;top:14%;transform:scale(1.2);width:48px}.filter-bar{display:flex;flex-grow:1;justify-content:space-between;margin:0 auto 32px;max-width:1000px;padding:0 16px;width:100%}.filter-bar__select:not(:first-of-type){margin-left:24px}.filter-bar__select{background-color:initial;border-color:var(--text-secondary);border-radius:16px;color:var(--text-secondary);font-family:var(--inter-font);font-size:14px;font-weight:300;outline:none;padding:4px 16px;transition:border-color .3s ease,outline-color .3s ease,color .3s ease}.filter-bar__select:hover{outline:1px solid var(--accent-secondary)}.filter-bar__select:focus,.filter-bar__select:hover{border-color:var(--accent-secondary);color:var(--accent-secondary)}.filter-bar__select option{background-color:var(--ui-element);color:var(--text-primary)}.search-message{text-wrap:balance;font-size:36px;font-weight:200;left:50%;letter-spacing:1px;position:absolute;text-align:center;top:20%;transform:translate(-50%,-50%);width:100%}.movies{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin:0 auto;max-width:1000px;padding:0 16px;width:100%}.movie-card{background-color:var(--ui-element);border-radius:8px;max-width:383px;outline:1px solid #8b949e60;overflow:hidden;transition:transform .15s ease,box-shadow .3s ease;will-change:transform}.movie-card--skeleton{background-color:initial;outline:none;pointer-events:none;-webkit-user-select:none;user-select:none}.movie-card:hover{box-shadow:0 0 10px 4px #00f5ff80;outline-color:#00f5ff;transform:scale(1.01) translateY(-2px)}.movie-card--skeleton:hover{box-shadow:none;outline:none;transform:none}.movie-card__poster{background-color:var(--text-secondary);display:flex}.movie-card__poster--skeleton{border-radius:8px;overflow:hidden}.movie-card__img{aspect-ratio:2/3}.movie-card__info{border-top:1px solid #8b949e60;padding:8px 8px 16px}.movie-card__info--skeleton{border:none;padding:8px 0 16px}.movie-card:hover .movie-card__info{border-color:#00f5ff}.movie-card__title{line-clamp:1;-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;font-family:var(--inter-font);font-size:18px;font-weight:500;margin-bottom:8px;overflow:hidden;text-overflow:ellipsis}.movie-card__title--skeleton,.movie-card__year--skeleton{background-color:#8b949e;border-radius:8px;color:#0000;width:70%}.movie-card__year{color:var(--text-secondary);font-family:var(--inter-font);font-size:16px;font-weight:300}.movie-card__year--skeleton{width:30%}.view-more{display:flex;justify-content:center}.view-more__btn{margin-top:32px}.view-more__btn:active{transform:translateY(1px)}#movie-page{align-items:center;display:flex;flex-direction:column;min-height:calc(100dvh - 133px);padding-top:8px}.movie-page__row{justify-content:space-around}.back-btn__container{display:flex;max-width:1200px;padding:0 16px;width:100%}.back-btn{align-items:center;border-color:var(--text-primary);border-radius:50%;color:var(--text-primary);display:flex;justify-content:center;margin:0 0 32px;padding:8px}.back-icon{width:24px}.movie-details__column,.movie-poster__column{transition:all .3s ease;width:50%}.movie-poster__column{align-items:start;display:flex;justify-content:center;padding:0 16px;width:50vh}.movie-details__column{transform:translateY(-10px)}.movie-poster__img{aspect-ratio:2/3;background-color:var(--text-secondary);border-radius:8px;box-shadow:0 0 16px #00f5ff33;outline:1px solid #00f5ff33}.movie-details__title{text-wrap:balance;font-weight:600;margin-bottom:8px;text-align:center}.movie-details__metadata{align-items:center;display:flex;justify-content:space-between;margin:0 auto 16px;max-width:360px}.metadata__info{font-size:18px;font-weight:300}.meta-dot{color:var(--text-secondary);font-size:12px;margin:0 8px}.movie-details__rating{display:inline-block}.movie-details__star{color:#f5c518;margin-right:4px;transform:translateY(2px);width:18px}.movie-details__genre-tags{display:flex;flex-wrap:wrap;justify-content:center;margin:0 auto 24px;max-width:400px}.genre-tag{cursor:not-allowed;margin-bottom:16px}.genre-tag:hover{border-color:var(--accent-secondary);color:var(--accent-secondary)}.genre-tag:not(:last-of-type){margin-right:16px}.section-title{font-weight:600;margin-bottom:8px}.movie__plot{text-wrap:pretty;font-size:18px;font-weight:300;line-height:1.4;margin-bottom:60px}.key-detail{font-weight:300;margin-bottom:24px}.highlight{font-size:18px;font-weight:500}.error-message{text-wrap:balance;font-size:28px;font-weight:200;left:50%;letter-spacing:1px;padding:0 8px;position:absolute;text-align:center;top:40%;transform:translate(-50%,-50%);width:100%}.minimal-footer{align-items:center;display:flex;justify-content:center;padding:24px 16px 32px;text-align:center}.footer__text{color:var(--text-secondary);font-family:var(--inter-font);font-size:14px;font-weight:200;letter-spacing:1px}@media (max-width:1000px){.movie-poster__column{width:40%}.movie-details__column{width:60%}}@media (max-width:768px){.search-bar{display:flex}.filter-bar{align-items:center;flex-direction:column-reverse;max-width:476px;padding:0 8px}.search-message{font-size:28px;top:40%}.input__wrapper--nav{display:none}.movie-page__row{align-items:center;flex-direction:column}.movie-poster__column{margin-bottom:16px;width:100%}.movie-details__column{width:100%}}@media (max-width:428px){#hero{height:calc(100dvh - 166px)}#movie-page,#search{min-height:calc(100dvh - 166px)}.search-message{font-size:24px}.minimal-footer{flex-direction:column}.footer__text:first-of-type{margin-bottom:16px}}
/*# sourceMappingURL=main.da0cd743.css.map*/