.skeleton{background-color:#ddd;animation:skeleton-loading 1.2s ease-in-out infinite;border-radius:4px;display:inline-block}.skeleton-circle{border-radius:50%}@keyframes skeleton-loading{0%{background-color:#ddd}50%{background-color:#eaeaea}to{background-color:#ddd}}.movie-card{display:flex;flex-direction:column;background-color:#1b1b2f;border-radius:15px;box-shadow:0 10px 20px #0000004d;overflow:hidden;width:330px;transition:transform .3s,box-shadow .3s;border:1px solid rgba(255,255,255,.1);position:relative}.movie-card:hover{transform:translateY(-10px);box-shadow:0 15px 30px #00000080}.movie-card__image-container{width:100%;overflow:hidden}.movie-card__image{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.movie-card:hover .movie-card__image{transform:scale(1.1)}.movie-card__content{padding:20px;background-color:#141e30;color:#fff}.movie-card__title{font-size:22px;margin-bottom:15px;font-weight:700;color:#fff;display:flex;justify-content:space-between}.movie-card__rating{display:flex;align-items:center;margin-bottom:15px}.star{font-size:18px;color:#ffc107;margin-right:4px}.star.half-filled{background:linear-gradient(90deg,#ffc107 50%,#ccc 50%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.movie-card__rating-count{margin-left:10px;font-size:14px;color:#b0b0b0}.movie-card__description{font-size:14px;line-height:1.5;color:#ddd}.spinner{border:4px solid;border-radius:50%;border-top-color:transparent;border-right-color:transparent;animation:spin 1s linear infinite;display:block}.infinite-movie-section{display:flex;padding-top:20px;gap:30px 20px;flex-wrap:wrap;justify-content:space-around;overflow-y:auto;width:100svw}.infinite-movie-section::-webkit-scrollbar{width:10px}.infinite-movie-section::-webkit-scrollbar-track{display:none}.infinite-movie-section::-webkit-scrollbar-thumb{background:#888;border-radius:5px}.infinite-movie-section::-webkit-scrollbar-thumb:hover{background:#555}.backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#ffffff80;display:flex;align-items:center;justify-content:center;z-index:99999}.loader{border:10px solid #f3f3f3;border-top:10px solid #3498db;border-radius:50%;width:80px;height:80px;animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.select-container{position:relative;display:inline-block;width:100%}.select{cursor:pointer;width:100%;padding:10px;border:1px solid #ccc;border-radius:4px;background-color:#fff;font-size:16px;color:#333;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;box-shadow:0 2px 4px #0000001a;transition:border-color .3s ease,box-shadow .3s ease}.select:focus{border-color:#007bff;box-shadow:0 0 0 .2rem #268fff40}.select:after{content:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMCIgaGVpZ2h0PSIxMCI+PHBhdGggZD0iTTEwIDQgTDEuNzUgNy41IEwyLjUgMyBMMy43NSA3LjUgTDEwIDQgWiIvPjwvc3ZnPg==);position:absolute;right:10px;top:50%;transform:translateY(-50%);pointer-events:none;width:16px;height:16px}.tabs-container{width:100%;padding-left:30px;padding-bottom:10px}.tabs{display:flex;position:relative;width:max-content}.tab{padding:10px 20px;cursor:pointer;flex:1;text-align:center;color:#555;font-size:18px;transition:color .3s ease;width:150px}.tab:hover{color:#007bff}.active{color:#007bff;font-weight:700}.underline{position:absolute;bottom:-2px;left:0;width:160px;height:3px;background-color:#007bff;transition:transform .3s ease}body{font-family:Arial,sans-serif}#app{width:100svw;height:100svh;overflow:hidden;background:linear-gradient(90deg,#2e1a47,#181818 60%)}.header-section{display:flex;justify-content:flex-end;gap:30px;padding:30px}.search-input-container{width:300px;border-bottom:2px solid #fff;padding:5px;display:flex;gap:5px;justify-content:space-between;transition:all .3s ease-in-out}.search-input{outline:none;border:none;background-color:transparent;font-size:19px;caret-color:#fff;color:#fff}.search-input:focus{width:350px;outline:none}.fav-movie-container{display:flex;padding-top:20px;gap:30px 20px;flex-wrap:wrap;justify-content:space-around;overflow-y:auto;width:100svw;height:calc(100svh - 100px);padding-bottom:70px}#movies-section{display:flex;height:100svh}.no-data-found{width:100%;height:70%;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;color:#757575;font-size:25px;font-weight:700}.sorting-container{display:flex}.sorting-title{color:#fff;width:50%;display:flex;align-items:center;flex-wrap:wrap}.fav-movie-container::-webkit-scrollbar{width:10px}.fav-movie-container::-webkit-scrollbar-track{display:none}.fav-movie-container::-webkit-scrollbar-thumb{background:#888;border-radius:5px}.fav-movie-container::-webkit-scrollbar-thumb:hover{background:#555}@media screen and (max-width: 500px){.header-section{flex-direction:column}.sorting-title{width:30%}.search-input-container{margin:auto}}*{margin:0;padding:0;box-sizing:border-box}