*{padding:0;margin:0;box-sizing:border-box}#app{font-family:Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;max-width:1440px;margin:auto}button,li,p,span{font-weight:400}h2,h3,h4{font-weight:300}.heading{padding:5rem 30px}.heading span{font-size:1.2rem;display:block;margin-bottom:10px}.heading h1{font-size:5rem;font-weight:300}.flex{display:flex;margin-top:2rem;padding:0 30px}.box-overlay,.overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);opacity:0;pointer-events:none;transition:.25s ease-in;z-index:600}.box-overlay{z-index:500}.overlay.active{opacity:1;pointer-events:all}.box-overlay{position:absolute}#nav{flex:1;display:flex;flex-direction:column;background:#2c3e50;border-radius:5px;max-width:300px;min-height:500px;max-height:500px;padding:1rem 0}#nav a{color:#fff;text-decoration:none;font-size:1.2rem;padding:10px 0}#nav a.router-link-exact-active{color:#2c2c2c;background:#42b983}.view{flex:3}.movie-wrap{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;padding:0 30px 2rem 30px}.box{text-align:left;border:8px solid #2c2c2c;min-height:200px;height:100%;border-radius:5px;cursor:pointer;position:relative;transition:.2s ease-in}.box:hover{border:8px solid #42b983}.box:hover .box-overlay{opacity:1;pointer-events:all}.box:hover .details{transform:translate(-50%,-50%);opacity:1}.box .details{position:absolute;top:50%;left:50%;transform:translate(-50%,-10%);text-align:center;color:#fff;width:100%;opacity:0;transition:.25s ease-in;z-index:550;padding:0 10px}.box img{width:100%;height:100%}.box h4{font-size:1.5rem;font-weight:400}.box span{display:block;margin:10px 0;font-size:1.2rem;font-weight:300}.box p{font-size:1.5rem;font-weight:700}.box button{padding:10px 20px;background:#42b983;color:#fff;border:1px solid transparent;outline:none;margin:10px 0;font-size:1rem;border-radius:3px;cursor:pointer}.box button:hover{background:#2e835d}@media (max-width:900px){.heading{padding:3rem 30px 1rem 30px}.flex{padding:0 15px;margin-top:0}.heading span{font-size:1rem}.heading h1{font-size:3rem}.flex{flex-direction:column;align-items:center}#nav,.view{width:100%}#nav{margin-bottom:1rem;max-width:100%;min-height:100%}.flex input{margin-right:0!important;margin-bottom:10px}.flex button{width:100%}.pop-up{padding:1.5rem;width:90%;height:500;overflow:auto}.pop-up .flex-btn{flex-direction:column}.pop-up .yts-links li{margin:10px 0}.pop-up .flex-btn button{width:100%;margin:10px 0}}@media (max-width:650px){.movie-wrap{grid-template-columns:1fr;justify-items:center;padding:0}.box{height:400px;width:250px}}.box[data-v-58708dcc]{max-width:300px}.pop-up[data-v-a58b503a]{position:fixed;top:50%;left:50%;width:80%;max-width:1000px;min-height:500px;transform:translate(-50%,-50%) scale(0);background:#2e2e2e;color:#fff;border-radius:5px;padding:3rem 2rem;transition:.25s ease-in;z-index:700;display:flex;align-items:center;justify-content:center;flex-direction:column}.pop-up h2[data-v-a58b503a]{font-size:2rem}.pop-up h4[data-v-a58b503a]{font-size:1.25rem;font-weight:500}.pop-up a[data-v-a58b503a]{text-decoration:none;color:#fff}.pop-up ul[data-v-a58b503a]{display:flex;margin:10px 0;justify-content:center;align-items:center;flex-wrap:wrap}.pop-up li[data-v-a58b503a]{list-style:none;margin:8px 5px}.pop-up .yts-genres .genre[data-v-a58b503a]{background:#fff;border-radius:3px;color:#000;font-size:.9rem;padding:5px}.pop-up .yts-links .link span[data-v-a58b503a]{border:1px solid transparent;color:#fff;border-radius:3px;padding:3px 8px;font-size:.9rem}.pop-up .yts-links .link span[data-v-a58b503a]:hover{border:1px solid #fff;opacity:.8}.pop-up .flex-btn[data-v-a58b503a]{display:flex;justify-content:center}.pop-up .flex-btn button[data-v-a58b503a]{padding:10px 15px;border-radius:5px;border:none;cursor:pointer;margin:10px;font-size:.9rem}.pop-up .flex-btn button[data-v-a58b503a]:hover{background:#dfdede}.pop-up .flex-btn .yts-btn[data-v-a58b503a]{background:#42b983;color:#fff}.pop-up .flex-btn .yts-btn[data-v-a58b503a]:hover{background:#2e835d}.pop-up.active[data-v-a58b503a]{transform:translate(-50%,-50%) scale(1)}@media (max-width:900px){.pop-up[data-v-a58b503a]{padding:1.5rem;width:90%;height:500;overflow:auto}.pop-up .flex-btn[data-v-a58b503a]{flex-direction:column}.pop-up .flex-btn button[data-v-a58b503a]{width:100%;margin:5px 0}}.lds-ripple[data-v-3aaa4f0a]{display:inline-block;position:relative;width:80px;height:80px}.lds-ripple div[data-v-3aaa4f0a]{position:absolute;border:4px solid #42b983;opacity:1;border-radius:50%;-webkit-animation:lds-ripple-3aaa4f0a 1s cubic-bezier(0,.2,.8,1) infinite;animation:lds-ripple-3aaa4f0a 1s cubic-bezier(0,.2,.8,1) infinite}.lds-ripple div[data-v-3aaa4f0a]:nth-child(2){-webkit-animation-delay:-.5s;animation-delay:-.5s}.loader[data-v-3aaa4f0a]{margin:3rem auto}@-webkit-keyframes lds-ripple-3aaa4f0a{0%{top:36px;left:36px;width:0;height:0;opacity:1}to{top:0;left:0;width:72px;height:72px;opacity:0}}@keyframes lds-ripple-3aaa4f0a{0%{top:36px;left:36px;width:0;height:0;opacity:1}to{top:0;left:0;width:72px;height:72px;opacity:0}}.filter[data-v-422220f0]{display:flex;align-items:center;padding:0 30px;margin-bottom:1rem}.filter span[data-v-422220f0]{margin-right:10px}.filter input[data-v-422220f0]{margin-bottom:0}@media (max-width:650px){.filter[data-v-422220f0]{justify-content:center}}.flex-input[data-v-21f8b218]{margin-top:0;margin-bottom:1rem;padding:0 30px;display:flex;justify-content:center}.flex-input input[data-v-21f8b218]{width:100%;font-size:1.2rem;padding:8px 5px;margin-right:10px;border:3px solid #2c3e50;border-radius:5px;outline:none}.flex-input input[data-v-21f8b218]:focus{box-shadow:0 0 5px 2px rgba(44,62,80,.7)}.flex-input button[data-v-21f8b218]{background:#2c3e50;padding:10px 20px;color:#fff;border-radius:5px;border:none;outline:none;cursor:pointer;font-size:1.2rem}.flex-input button[data-v-21f8b218]:hover{background:#253342}.error-message[data-v-21f8b218]{margin:2rem 0}@media (max-width:900px){.flex-input[data-v-21f8b218]{padding:0;flex-direction:column}.flex-input input[data-v-21f8b218]{width:100%}}