@import url(https://fonts.googleapis.com/css2?family=Tajawal:wght@300;400;500;700&display=swap);.error-container,.search-box,body{position:relative}.btn-clear img,.btn-search img{filter:invert(40%) sepia(85%) saturate(1000%) hue-rotate(250deg) brightness(90%) contrast(95%)}.suggestion-info h3,.suggestion-list a,.suggestion-list a:active,.suggestion-list a:hover,.suggestion-list a:visited,.suggestion-name{text-decoration:none}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Tajawal,sans-serif;color:#fff;background-color:#000;background-image:url(../image/error/game-of-thrones3.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;height:100vh;display:flex;align-items:center;justify-content:center;text-align:center}body::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.7);z-index:1}.error-container{width:100%;max-width:800px;padding:2rem;z-index:2}.error-content{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.error-code{font-size:8rem;font-weight:700;margin:0;letter-spacing:2px;color:#fff;text-shadow:0 0 10px rgba(255,255,255,.5)}.error-quote{font-size:1.5rem;font-style:italic;max-width:600px;margin:0 auto;line-height:1.5;color:#a855f7}.error-message{font-size:1.25rem;line-height:1.6;margin:1rem 0}.input-search,.suggestion-info h3,.suggestion-name{font-size:1rem;color:#fff}.search-box{max-width:500px;width:100%;margin:1.5rem auto}.input-search{width:100%;padding:.9rem 3rem .9rem 1rem;border:2px solid #a855f7;border-radius:5px;background-color:rgba(0,0,0,.5);transition:.3s;outline:0}.btn-clear,.btn-search{background:0 0;border:none;cursor:pointer;padding:5px;top:50%;transform:translateY(-50%);position:absolute}.input-search::placeholder{color:#999}.input-search:focus{border-color:#fff;box-shadow:0 0 15px rgba(168,85,247,.5)}.btn-search{right:10px}.btn-search img{width:20px;height:20px}.btn-clear img,.loader{width:16px;height:16px}.btn-clear{left:10px}.loader{display:none;position:absolute;top:50%;left:50px;transform:translateY(-50%);border:2px solid rgba(168,85,247,.3);border-radius:50%;border-top-color:#a855f7;animation:1s linear infinite spin}@keyframes spin{to{transform:translateY(-50%) rotate(1turn)}}.search-suggestions{display:none;position:absolute;max-width:500px;width:100%;background-color:rgba(20,20,20,.95);border:1px solid #a855f7;border-radius:5px;max-height:250px;overflow-y:auto;z-index:1000;text-align:right;box-shadow:0 4px 15px rgba(0,0,0,.3);top:calc(65%);scrollbar-width:thin;scrollbar-color:#a855f7 rgba(0,0,0,.2)}.suggestion-list li,.suggestion-list-item{border-bottom:1px solid rgba(168,85,247,.5)}.suggestion-list{list-style:none;padding:0;margin:0}.suggestion-list-item{display:flex;align-items:center;padding:10px}.suggestion-list li:last-child{border-bottom:none}.suggestion-list li a{display:flex;padding:12px;color:#fff;text-decoration:none;align-items:center;justify-content:center;transition:background-color .2s;text-align:center}.suggestion-list li a:hover{background-color:rgba(168,85,247,.1)}.suggestion-image{width:50px;height:75px;margin-left:10px;flex-shrink:0;overflow:hidden}.suggestion-actor-image{width:50px;height:50px;margin-right:2px;border-radius:50%}.suggestion-image img{width:100%;height:100%;object-fit:cover}.suggestion-name{text-align:center;padding-right:15px}.suggestion-info{flex-grow:1}.suggestion-info h3{margin:0 0 5px;font-weight:500;text-align:center}.suggestion-info p{margin:0;font-size:.8rem;color:#a855f7}.no-results{padding:15px;text-align:center;color:#999}.logo{margin-top:2rem;display:block}.logo img{height:60px;width:auto;transition:transform .3s}.logo img:hover{transform:scale(1.1)}@media (max-width:768px){.error-code{font-size:5rem}.error-quote{font-size:1.2rem}.error-message{font-size:1rem}.search-suggestions{max-width:90%;left:5%;right:5%}}@media (max-width:480px){.error-code{font-size:4rem}.error-quote{font-size:1rem}.logo img{height:45px}}.search-suggestions::-webkit-scrollbar{width:8px}.search-suggestions::-webkit-scrollbar-track{background:rgba(0,0,0,.2);border-radius:4px}.search-suggestions::-webkit-scrollbar-thumb{background-color:#a855f7;border-radius:4px}