.search-bar{position:relative;height:30px;min-width:30px;width:200px;transition:width .5s}.search-bar input{width:100%;height:100%}.search-bar label{position:absolute;top:50%;transform:translateY(-50%);right:0;padding:2px}.search-bar.folded{width:30px}.search-bar.folded input{width:0px;max-width:0px;opacity:0}header.header{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:center;height:80px;max-height:10vh;padding:0 20px;background-color:var(--netflix-black);color:var(--netflix-white)}header.header .header_left,header.header .header_right{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:20px;height:100%}header.header .header_left>div,header.header .header_right>div{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-end;align-items:center;gap:20px;height:100%}header.header .logo{width:fit-content}header.header .links{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:20px}header.header .links a{text-decoration:none;color:var(--netflix-white);font-size:.9em}header.header .links a:hover{text-decoration:underline}header.header .profile a{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:5px;cursor:pointer;position:relative}header.header .profile .popup{position:absolute;top:100%;right:0;background-color:var(--netflix-black);color:var(--netflix-white);padding:10px;border:1px solid var(--netflix-white);z-index:1;width:100%;max-height:unset;cursor:unset;display:inline-block}header.header .profile .popup .links{flex-direction:column;gap:10px}.mobile-nav{width:100vw;position:fixed;bottom:0;z-index:150;background-color:var(--netflix-black);padding:10px}.mobile-nav .mobile-nav-links{display:flex;flex-direction:row;justify-content:space-evenly;align-items:center}.mobile-nav .mobile-nav-links>*{display:flex;flex-direction:column;justify-content:center;align-items:center}.better-img{width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:var(--netflix-gray)}.better-img img{width:100%;height:100%;object-fit:cover}.videoItem{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;height:100%;width:auto;border:2px solid transparent;overflow:hidden;flex-shrink:0;cursor:pointer}.videoItem:hover{text-decoration:none}.videoItem.selected{border-color:var(--netflix-red);transition:all .1s ease-in-out}.videoItem .image_container{height:100%;width:100%;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;aspect-ratio:16/9;background-color:var(--netflix-gray)}.videoItem .image_container img{width:100%;height:100%;object-fit:cover}.videoItem .duration{position:absolute;top:0;right:0;color:var(--netflix-white);margin:.5rem;font-size:10px}.videoItem .videoName{position:absolute;bottom:0;left:0;width:100%;overflow:hidden;color:var(--netflix-white);font-size:10px;background:linear-gradient(to top,#000,#000000b3 70%,#0000);padding:.5rem;white-space:nowrap;text-overflow:ellipsis;transition:all .1s ease-in-out}.videoItem:not(.selected):not(.mobile) .videoName{bottom:-40px}.video-item-list{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:10px;overflow-x:scroll;overflow-y:hidden;width:100%}.video-item-list>*{height:150px}.video-item-list.wrap{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:50px 20px}.video-item-list.wrap>*{height:100%}.video-item-list::-webkit-scrollbar{display:none}.video-item-list-container{margin:40px 0}.video-item-list-container h2{margin-bottom:20px}@media screen and (max-width: 700px){.video-item-list-container{margin:20px 0}.video-item-list>*{height:100px}}.detail-page .hero{display:flex;flex-direction:row;align-items:center;gap:30px;margin:30px}.detail-page .hero>.imageContainer{flex:1}.detail-page .hero>.imageContainer{height:300px;object-fit:cover}.detail-page .hero svg{position:absolute;top:0;left:0;width:50px;height:50px}.detail-page .hero .description{flex:2;display:flex;flex-direction:column;gap:10px;height:100%}@media screen and (max-width: 1000px){.detail-page .hero{flex-direction:column;margin:0}.detail-page .hero>.description{padding:0 10px}}.selectMenu{position:relative;width:fit-content}.selectMenu.mobile{position:unset}.selectMenu h3{display:flex;align-items:center;gap:5px;cursor:pointer;border:1px solid var(--netflix-white);width:fit-content;padding:3px 10px}.selectMenu h3 span{display:flex;align-items:center;transition:all .3s ease-in-out}.selectMenu>div{display:none}.selectMenu.open>div{display:block;position:absolute;top:100%;left:0;z-index:100;max-width:unset}.mobile .selectMenu.open>div{max-width:100vw}.selectMenu.open h3 span{transform:rotate(-180deg)}.selectMenu .selectBox{display:grid;grid-template-columns:repeat(1,1fr);background-color:var(--netflix-black);color:var(--netflix-white);border:1px solid var(--netflix-gray);padding:10px;gap:3px 15px}.selectMenu.mobile .selectBox{gap:8px}.selectMenu .selectBox div{white-space:nowrap}.selectMenu .selectBox div:hover{cursor:pointer;text-decoration:underline}.selectMenu .option{font-size:1.5em}.films-page .hero{display:flex;flex-direction:row;align-items:center;gap:30px;padding:30px;position:relative}.films-page .hero a{text-decoration:none;color:var(--netflix-white)}.films-page.mobile .hero{justify-content:space-between}.detail-page#serie-detail .videoItem>.image_container{aspect-ratio:2/3}.detail-page#season-detail .hero .imageContainer{flex:unset;width:300px;height:450px}.overlay-background{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:100;display:flex;justify-content:center;align-items:center}.overlay-content{background-color:var(--netflix-black);color:var(--netflix-white);padding:2em;border-radius:.5em;max-width:800px;width:100%}.page.profile{max-width:800px;margin:0 auto 60px}.page.profile h1{text-align:center;margin:1em 0}.page.profile .split>div:last-child{flex:2}.page.profile .split>.imageContainer{max-width:300px;word-wrap:100%;border-radius:100%;aspect-ratio:1/1}.page.profile .split>.info{width:300px}.page.profile .split .info h2{font-size:2em;margin-bottom:1em}.page.profile .split .info p{font-size:1.2em;margin-bottom:1em}.page.profile .edit button{background-color:var(--netflix-gray);color:var(--netflix-white);width:60%;padding:10px;border:none;border-radius:5px;cursor:pointer}.page.profile .edit.change-password{margin-top:20px;gap:20px}.page.profile .delete{background-color:var(--netflix-red);margin-top:30px;padding:10px}.BetterInput{position:relative}.BetterInput .label{position:absolute;left:4px;top:50%;transform:translateY(-50%);transition:all .1s ease-in-out;cursor:text;-webkit-user-select:none;user-select:none}.BetterInput .label.selected{top:4px;transform:translateY(0);cursor:auto}.BetterInput input{height:100%;width:100%;border:none}.BetterInput input[type=password]{letter-spacing:2px}.BetterInput .inputContainer{background-color:inherit;border:1px solid var(--netflix-white);border-radius:5px;padding:2px}#login{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;height:calc(100vh - 80px);padding-bottom:20%}#login form{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;width:300px;max-width:95vw}#login form>*{width:100%}#login button{font-size:20px;padding:5px;background-color:var(--netflix-red);border:none;border-radius:5px;color:var(--netflix-white);cursor:pointer;transition:all .1s ease-in-out}#login button:hover{background-color:var(--netflix-red-dark)}#login a{font-size:15px}#register{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;height:calc(100vh - 80px);padding-bottom:20%;max-width:95vw}#register form{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;width:300px;max-width:100%}#register form>*{width:100%}#register button{font-size:20px;padding:5px;background-color:var(--netflix-red);border:none;border-radius:5px;color:var(--netflix-white);cursor:pointer;transition:all .1s ease-in-out}#register button:hover{background-color:var(--netflix-red-dark)}#register .disclaimer{background-color:var(--netflix-gray);padding:10px;border-radius:5px}#register .disclaimer>*{color:var(--netflix-white);text-align:center}#register .disclaimer p{font-size:1.1em}#register .disclaimer p.bold{font-size:16px}#register .back{background-color:var(--netflix-gray)}#register .back:hover{background-color:var(--netflix-gray-dark)}:root{--netflix-black: #000000;--netflix-white: #ffffff;--netflix-red: #e50914;--netflix-red-dark: #b20710;--netflix-gray: #564d4d;--netflix-gray-dark: #3c3c3c;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:var(--netflix-white);background-color:var(--netflix-black);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0;max-width:100%;max-height:100%}body,#root{margin:0;display:block;width:100vw;max-width:100vw;min-height:100vh;font-size:12px;overflow-x:hidden}a{font-size:1em;font-weight:500;color:var(--netflix-white);text-decoration:inherit;cursor:pointer}a:hover{color:var(--netflix-white);text-decoration:underline}h1{font-size:3.2em;line-height:1.1}p{font-size:1.2em;line-height:1.5}.bold{font-weight:700}.underline{text-decoration:underline}.center{text-align:center}.imageContainer{position:relative;width:100%;height:100%;overflow:hidden}.split{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:10px}.split>*{flex:1}@media screen and (max-width: 1000px){#root{font-size:10px}.split{flex-direction:column}}