#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.Movies{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;padding:20px}@media (max-width: 768px){body{display:inline!important}#root{padding:0;margin:0}.Movies{grid-template-columns:repeat(3,1fr);padding:10px;gap:10px}h1{font-size:1.5em!important}}.card{border:1px solid rgb(20,20,20);background-color:#1e1e1e;border-radius:10px;box-shadow:5px 5px 5px #0000001a;padding:20px;text-align:center;display:block;box-sizing:border-box;cursor:pointer}.card-image{width:100%;height:auto;max-height:150px;object-fit:contain;border-radius:5%}.card-details{display:block}.card .card-title{font-family:Arial,sans-serif;font-size:1.2em;margin:0;color:#a0a0a0}.card .card-text{font-family:Arial,sans-serif;color:#a0a0a0;margin:0}@media (max-width: 768px){.card{max-width:none;min-width:none;max-height:none;min-height:auto;padding:0;box-sizing:border-box}.card img{margin-top:5px}.card-details{margin-bottom:5px}.card p,.card .card-title{font-size:1em!important}}.modal{display:flex;justify-content:center;align-items:center;position:fixed;z-index:1;left:0;top:0;width:100vw;height:100vh;overflow:auto;background-color:#000;background-color:#000000bf}.modal-content{background-color:#444;border:2px solid rgb(10,10,10);border-radius:50px;width:500px;height:auto;position:relative;padding:50px 20px 20px}.close{position:absolute;top:0;right:25px;color:#aaa;float:right;font-size:40px;font-weight:700}.close:hover,.close:focus{color:#696969;text-decoration:none;cursor:pointer}.card-modal-image{width:100%;border-radius:5%}.card-modal-content-wrapper{display:flex;align-items:flex-start;justify-content:center}.card-modal-content{width:50%}.card-modal-details{text-align:left;padding:0 10%}.card-modal-title{margin-top:0;padding:0 5%}.card-modal-text{margin:0}@media (max-width: 768px){.modal-content{width:100%}}.overlay{height:0%;width:100%;position:fixed;z-index:1;top:0;left:0;background-color:#000;background-color:#000000e6;overflow-y:hidden;transition:.5s;display:flex;place-items:center;justify-content:center}.overlay.open{height:100%}.overlay a{padding:8px;text-decoration:none;font-size:36px;color:#818181;display:block;transition:.3s}.overlay a:hover,.overlay a:focus{color:#f1f1f1}.overlay .closebtn{position:absolute;bottom:50px;font-size:60px}@media screen and (min-width: 769px){#mobile-settings{display:none}}@media screen and (max-height: 768px){.overlay{overflow-y:auto}.overlay a{font-size:20px}.overlay .closebtn{font-size:40px;top:15px;right:35px}}.navigation-mobile{display:flex;align-items:center;flex-direction:column}.navigation-mobile label{font-family:Arial,sans-serif;margin:10px}.navigation-mobile #sortLabel{font-size:40px}.navigation-mobile button{background-color:#7f7f7f;margin:5px;font-size:1.5em}.navigation-mobile button:disabled{background-color:#626262;color:#4a4a4a}.navigation-mobile #hideSeries{display:flex;align-items:center;margin-top:40px;font-size:30px}.navigation{display:flex;justify-content:center;align-items:center}.navigation select{margin:0 20px 0 0}.navigation *{display:flex;align-items:center}label{font-family:Arial,sans-serif;font-size:20px;margin:0 10px}.navigation button{background-color:#7f7f7f;margin:0 10px 0 0}.navigation button:disabled{background-color:#626262;color:#4a4a4a}select{background-color:#c9c9c9;border:1px solid #c9c9c9;border-radius:5px;padding:10px 40px 10px 10px;font-size:16px;font-family:Arial,sans-serif;color:#333;cursor:pointer;position:relative;width:auto}select:hover,select:focus{border-color:#e1e1e1;background-color:#e1e1e1;outline:none}option[disabled]{background-color:#7f7f7f}input[type=checkbox]{width:25px;height:25px;border:2px solid #ccc;border-radius:5px;position:relative;margin-right:10px;cursor:pointer}@media (max-width: 768px){.navigation{display:none}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#2d2d2d;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}