@import url("https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100..700;1,100..700&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Lobster&family=Pacifico&family=Play:wght@400;700&family=Rowdies:wght@300;400;700&family=Sen:wght@400..800&family=Viga&display=swap");*{-webkit-tap-highlight-color:transparent}html{scrollbar-width:none}body{font-family:Poppins,sans-serif;background-color:#f4f4f4;text-align:center;-webkit-user-select:none;user-select:none}body::-webkit-scrollbar{display:none}h1{font-family:Viga,serif;font-size:60px}.tooltip{position:relative;left:.5%;width:fit-content;cursor:pointer;color:#f1f1f1;padding:.5em 1em;border-radius:1em}.tooltip,.tooltip .tooltiptext{background-color:#333;text-align:center;z-index:9999}.tooltip .tooltiptext{visibility:hidden;width:210px;color:#fff;border-radius:5px;padding:10px;position:absolute;top:125%;left:130%;transform:translateX(-50%);opacity:0;transition:opacity .3s}.tooltiptext p{font-size:12px}.tooltip:hover .tooltiptext{visibility:visible;opacity:1}.tooltip .tooltiptext:after{content:"";position:absolute;bottom:100%;left:15%;border:8px solid transparent;border-top-color:#333;transform:translateX(-50%) rotate(180deg)}a{text-decoration:none;color:#000}.contact{font-size:15px;position:fixed;padding:10px;right:0;top:0}.contact-txt{text-align:center}.contact-href:hover{text-decoration:underline;text-underline-offset:.3em}@keyframes blink{0%{opacity:1}50%{opacity:0}to{opacity:1}}.blinking{animation:blink 1.5s infinite;color:red}.blinking,.bold{font-weight:700}.smaller-lighter{font-size:12px;font-weight:lighter}.warning{color:red;font-weight:700}h4{font-weight:400;font-size:12px}.header{display:flex;flex-direction:row;justify-content:center;align-items:center;width:100%;max-width:100%;color:#333}.youtube-logo{margin-right:5px;position:relative;background-color:red;box-shadow:inset -2px -2px 10px rgba(0,0,0,.56);border-radius:10px;width:80px;height:50px}.youtube-arrow{position:absolute;top:28%;left:50%;transform:translateX(-50%) rotate(180deg);width:0;height:0;border-left:17px solid transparent;border-right:17px solid transparent;border-bottom:25px solid #fff;border-radius:2px}.header2{font-size:15px;margin-top:-65px;padding:0}.inputs{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;margin-top:20px}.input-container{position:relative;display:inline-block}.remove{position:absolute;top:50%;right:25px;height:fit-content;width:fit-content;transform:translateY(-50%);background:none;border:none;cursor:pointer;background-color:hsla(0,0%,50.2%,.188);transition:all .5s ease;border-radius:50px;text-align:center}.remove:hover i{color:#333}.remove i{padding:1px;text-align:center;transition:all .3s ease;color:#f5f5f5}.remove:active{background-color:#770606;transition-duration:.1s}input{width:320px;max-width:100%;padding:12px;margin-right:10px;margin-left:10px;border-radius:50px;box-shadow:inset 5px 5px 10px rgba(0,0,0,.184);text-align:center;transition:all 1s ease-in-out;border:1px solid hsla(0,0%,50.2%,.295)}input:focus{width:350px;outline-color:red}input:focus+.remove i{color:#333}input:focus+.remove i:hover{color:red}::placeholder{transition:all .5s ease}input:focus::placeholder{opacity:0;transform:translateY(-150px)}.autocomplete-container{margin-top:2px;background-color:#fff;border:0 solid #ccc;border-top:none;border-radius:0 0 10px 10px;box-shadow:0 2px 4px rgba(0,0,0,.1);max-height:200px;width:100%;max-width:320px;padding:0}.autocomplete-suggestion{padding:8px 12px;cursor:pointer}.autocomplete-suggestion:hover{background-color:#f0f0f0}button{font-family:Josefin Sans,sans-serif}.buttons{margin:20px 0 10px;display:flex;gap:5px}.buscar{padding:10px 10px 8px;background-color:red;color:#fff;text-align:center;font-size:20px;font-weight:700;border:none;border-radius:5px;cursor:pointer;width:-moz-fit-content;width:fit-content;max-width:100%;transition:all .2s ease-in-out}.buscar:hover{background-color:#fff;color:red}.buscar .fa-magnifying-glass{transition:transform .3s ease,scale .3s ease}.buscar:hover .fa-magnifying-glass{transform:rotateY(180deg) scale(1.02)}.buscar:active{background-color:silver;border:1px solid red;transition-duration:.5s}#alert-container{position:fixed;font-weight:400;top:5%;padding:10px;font-size:13px;overflow:hidden;z-index:9999}.alert{opacity:0;transition:opacity .5s ease-in-out;background-color:#f5f5f5;padding:5px;border-radius:10px;border:1px solid hsla(0,0%,76.1%,.28627450980392155)}.alert-fade-in{opacity:1}.alert-fade-out{opacity:0}.alert-info{color:#00f}.alert-success{color:green}.alert-danger{color:red}::placeholder{font-size:12px;font-style:italic;color:#9b9b9b}label{margin:10px 0}.delete-btn{margin:0 0 10px;padding:10px 40px;background-color:#000;color:#fff;border:none;border-radius:5px;cursor:pointer;max-width:-moz-fit-content;max-width:fit-content;width:fit-content;width:100%;transition:all .5s ease-in-out}.delete-btn:hover{background-color:#fff;color:red}.delete-btn .fa-circle-xmark{text-align:center;transition:transform 1s ease;font-size:20px}.delete-btn:hover .fa-circle-xmark{transform:rotate(180deg)}.add-btn{padding:13px;background-color:#0051ff;color:#fff;border:none;border-radius:50px;cursor:pointer;width:100px;max-width:100%;transition:all .2s ease-in-out;margin:5px;text-align:center}.add-btn:hover{background-color:#fff;color:#0051ff}.add-btn .fa-circle-plus{text-align:center;margin-right:2px;transition:transform 1s ease;font-size:15px}.add-btn:hover .fa-circle-plus{transform:rotate(180deg)}.add-btn:active{background-color:silver;border:1px solid #0051ff;transition-duration:.5s}#loading-icon{margin-top:30px}.fa-spinner{color:red;font-size:30px}#clear-results-btn{display:none;justify-content:center;align-items:center;margin:15px}#clear-results-btn hr{flex:1;border:none;height:2px;border-radius:10px;background:linear-gradient(100deg,#f5f5f5,rgba(255,0,0,.37) 49%,#f5f5f5)}@keyframes growWidth{0%{width:0}to{width:100%}}@keyframes shrinkWidth{0%{width:100%}to{width:0}}.clear-results-btn{padding:10px;color:#000;border:1px solid hsla(0,0%,50.2%,.238);border-radius:10px;cursor:pointer;width:100px;max-width:100%;transition:all .2s ease-in-out;background-color:#f5f5f5}.clear-results-btn:hover{box-shadow:inset 1px 1px 3px hsla(0,0%,50.2%,.238);background-color:#f5f5f5}.clear-results-btn:hover .fa-trash-can{color:red}.playlist-header{height:auto;margin-top:50px}.playlist-hr{margin:-10px 0 20px;width:100%;max-width:800px;border:none;height:2px;border-radius:10px;background:linear-gradient(100deg,#f5f5f5,rgba(255,0,0,.37) 49%,#f5f5f5)}#playlist-title{font-size:30px;text-align:center}#empty-playlist-msg{padding:30px;background-color:#f5f5f5;margin-top:50px;color:#5d5d5d}.download-btn{padding:10px;background-color:#000;color:#fff;border:none;border-radius:5px;cursor:pointer;max-width:-moz-fit-content;max-width:fit-content;width:fit-content;width:100%;transition:all .5s ease-in-out}.download-btn:hover{background-color:#fff}.download-btn:hover .fa-file-arrow-down{transform:rotateY(180deg);color:red}.fa-file-arrow-down{text-align:center;font-size:20px;transition:all .5s ease}.container{display:flex;flex-direction:column;align-items:center}#results{margin-top:20px}#playlist-container,.results-container{width:100%;max-width:800px}#playlist-container{background:linear-gradient(100deg,#f5f5f5,hsla(0,0%,78%,.245) 49%,#f5f5f5);height:40vh;max-height:-moz-fit-content;max-height:fit-content;border-radius:0 0 20px 20px}.results-container{position:relative}.playlist-header{text-align:center}#playlist{padding-left:0;overflow:hidden;list-style-type:none}iframe{width:100%;max-width:720px;height:320px;border-radius:10px;box-shadow:5px 5px 20px rgba(0,0,0,.372)}.video-container1{background-color:#eee;box-shadow:inset 5px 5px 20px #c8c8c8;border-radius:20px;overflow:hidden;padding:30px 0;margin-bottom:10px}.video-container1-buttons{display:flex;align-items:center;justify-content:center;gap:5px}.title{font-weight:700;font-size:15px;margin:10px 0;overflow-wrap:break-word}.addtoplaylist p{color:#fff;margin:20px}.channel{font-size:12px}.sortable-item{cursor:move;padding:20px;margin:20px;background-color:red;border-bottom:20px solid #eee;border-radius:10px;list-style-type:none;box-shadow:5px 5px 10px rgba(0,0,0,.207)}@media screen and (max-width:768px){.container{padding:0 10px}.video-container1 iframe{border-radius:0}}@media screen and (max-width:480px){.tooltip{font-size:12px}#alert-container{top:7%;font-size:12px}#empty-playlist-msg{font-size:14px}.tooltip .tooltiptext{left:150%}.header{font-size:25px;padding-top:25px}.header2{font-size:13px;padding:7px}.clear-results-btn{width:65px}.youtube-logo{margin-right:5px;position:relative;background-color:red;border-radius:10px;width:60px;height:40px}.youtube-arrow{border-left:13px solid transparent;border-right:13px solid transparent;border-bottom:20px solid #fff}iframe{height:240px}#playlist-container,.results-container{max-width:100%}}