@font-face{font-family:font-1;src:url(/assets/JosefinSans-Medium-222d1b31.ttf)}*{padding:0;margin:0;box-sizing:border-box}body{background:rgb(243,243,243);font-family:font-1,sans-serif}li{list-style-type:none}p{padding:40px;font-size:18px}.navigation{font-size:30px}.navigation ul{display:flex;margin:30px}.navigation ul a{text-decoration:none;padding:20px}.navigation ul a li{color:#019ac7;transition:.4s;cursor:pointer}.navigation ul a li:hover{color:#3b4154}.navigation ul .nav-active{position:relative}.navigation ul .nav-active:after{content:"";height:4px;width:0;background:#61dafb;position:absolute;border-radius:10px;bottom:0px;left:50%;transform:translate(-50%);-webkit-animation:anim .3s ease forwards;animation:anim .6s ease forwards}@-webkit-keyframes anim{to{width:100%}}@keyframes anim{to{width:100%}}#logo{display:flex;justify-content:center;align-items:center;margin:10px auto;width:200px}.navlink-active{text-decoration:none}.openai{margin:60px 50px}.openai-flex{display:flex;gap:10px}.openai h1{font-size:1.8em;color:#3b4154;margin-bottom:30px}.key{position:relative;outline:none}.key span{position:absolute;left:-15px;top:-13px;font-size:18px;padding:30px;pointer-events:none;color:#999;transition:all .3s}.key input{border:1px solid #999999;border-radius:10px;outline:none;color:#555;background-color:#f3f3f3;padding:15px;resize:none;width:600px;font-family:Heebo,sans-serif}.key #keyInput:focus~span,.key #keyInput:not(:placeholder-shown)~span{color:#009578;background:rgb(243,243,243);transform:translate(35px) translateY(4px);padding:0 10px;border-left:1px solid #009578;border-right:1px solid #009578}.key #keyInput:not(:placeholder-shown),#keyInput:focus{border-color:#009578}.file-page{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-around}.file-name{height:200px;width:350px;margin:30px;text-align:center;color:#3b4154}.file-cover{text-align:center;margin:15px;border-radius:10px;overflow:hidden;box-shadow:0 0 10px #000;cursor:pointer}.file-cover:hover img{transform:scale(1.1) rotate(-3deg)}.file-cover img{border-radius:10px;transition:.5s}.button-index svg{position:absolute;top:50%;left:30%;transform:translate(-50%,-50%)}.button-summary svg{position:absolute;top:50%;left:20%;transform:translate(-50%,-50%)}.button-summary,.button-index{font-weight:700;gap:10px;background:transparent;margin:20px;border:0;color:#fff;position:relative;overflow:hidden;padding:20px 50px;border-radius:10px;box-shadow:0 0 #8f40f880,0 0 #27c8ff80;transition:all .2s;font-size:14px;width:270px;cursor:pointer}.button-index:after{content:"";width:1400px;height:1400px;background:linear-gradient(225deg,yellow 0%,salmon 50%,#c625d0 100%);position:absolute;top:-150px;left:-350px;z-index:-1;transition:all .5s}.button-summary:after{content:"";width:1400px;height:1400px;background:linear-gradient(225deg,#27d86c 0%,#26caf8 50%,#c625d0 100%);position:absolute;top:-150px;left:-350px;z-index:-1;transition:all .5s}.button-summary:hover:after,.button-index:hover:after{transform:rotate(150deg)}.button-summary:hover,.button-index:hover{transform:translateY(-6px);box-shadow:10px -10px 25px #8f40f840,-10px 10px 25px #27c8ff40}#sum,#index{width:300px}.summary,.indexation{width:100%;text-align:center;position:relative;outline:none}.summary span,.indexation span{position:absolute;left:30px;top:10px;font-size:18px;padding:30px;pointer-events:none;color:#999;transition:all .3s}.summary input,.indexation input{border:1px solid #999999;border-radius:10px;outline:none;color:#555;background-color:#f3f3f3;padding:15px;resize:none;font-family:Heebo,sans-serif}.inputBox{width:100%;position:relative;outline:none}.inputBox span{position:absolute;left:0;top:40px;font-size:23px;padding:30px;pointer-events:none;color:#999;transition:all .3s}.summary #sum:focus~span,.summary #sum:not(:placeholder-shown)~span{color:#61dafb;background:rgb(243,243,243);transform:translate(35px) translateY(4px);padding:0 10px;border-left:1px solid #61dafb;border-right:1px solid #61dafb}.indexation #index:focus~span,.indexation #index:not(:placeholder-shown)~span{color:#fba458;background:rgb(243,243,243);transform:translate(35px) translateY(4px);padding:0 10px;border-left:1px solid rgb(251,164,88);border-right:1px solid rgb(251,164,88)}.indexation #index:not(:placeholder-shown),#index:focus{border-color:#fba458}.summary #sum:not(:placeholder-shown),#sum:focus{border-color:#61dafb}.inputBox #keywords:focus~span,.inputBox #keywords:not(:placeholder-shown)~span{color:#f3f3f3;background:rgb(251,164,88);transform:translate(35px) translateY(-20px);padding:10px;border-radius:5px}.inputBox #summary:focus~span,.inputBox #summary:not(:placeholder-shown)~span{color:#f3f3f3;background:#61dafb;transform:translate(35px) translateY(-20px);padding:10px;border-radius:5px}.wrapper textarea{overflow:scroll;border:none;outline:none;color:#555;background-color:#fff;padding:15px;resize:none;width:100%;height:100%;font-family:Heebo,sans-serif;scrollbar-width:none;line-height:1.3;transition:all .2s}.wrapper{margin:40px auto;padding-top:30px;height:250px;border-radius:10px;background-color:#fff;transition:.3s}.function{display:flex;flex-direction:column;justify-content:center;align-items:center}.saveBack button{margin:20px}.saveBack{display:flex}.save{display:inline-flex;height:50px;padding:0;background:#009578;border:none;outline:none;border-radius:5px;overflow:hidden;font-family:Quicksand,sans-serif;font-weight:700;cursor:pointer;transition:.4s}.back{display:inline-flex;height:50px;padding:0;background:salmon;border:none;outline:none;border-radius:5px;overflow:hidden;font-family:Quicksand,sans-serif;font-weight:700;cursor:pointer;transition:.4s}.save:hover{background:#008168}.back:hover{background:rgb(223,84,69)}.back:active{background:#d6453d;text-decoration:none}.save:active{background:#006e58}.buttonText,.buttonIcon{display:inline-flex;align-items:center;padding:0 24px;color:#fff;height:100%}.buttonIcon{font-size:1.5em;background:rgba(0,0,0,.08)}.alertBD{background-color:#009578;padding:20px 60px;min-width:420px;position:fixed;right:0px;top:170px;border-radius:4px;border-left:8px solid #008168;overflow:hidden}.alertBD.show{animation:show_slide 1s ease forwards}.alertBD.hide{display:none}.alertBD #iconBD{font-size:30px;position:absolute;left:20px;top:50%;transform:translateY(-50%);color:#015a48}.alertBD .msgBD{margin:10px;font-size:18px;color:#e2fbf6}.alertBD .close-btnBD{position:absolute;right:0px;top:50%;font-size:20px;transform:translateY(-50%);background:#006e58;padding:25px 18px;cursor:pointer}.alertBD .close-btnBD:hover{background:#008168}.close-btnBD .closeBD{color:#006e58;font-size:22px;line-height:40px}.card{position:relative;height:100px;width:160px;border-radius:4px;transition:.3s;margin:10px;cursor:pointer}.card h2{font-size:1rem}.card:hover{transform:scale(1.2);z-index:2}.card:hover .infos{opacity:1;transform:scaleY(1)}.card .infos{position:absolute;top:0;left:0;background:rgba(0,0,0,.7);color:#f3f3f3;height:100%;width:100%;display:grid;align-items:center;justify-content:center;border-radius:10px;opacity:0;transform:scaleY(0);transition:.3s}.card img{height:100px;width:160px;object-fit:cover;border-radius:10px}.drag-area{height:400px;width:90%;max-width:700px;border:3px dashed #7abdab;display:flex;align-items:center;justify-content:center;flex-direction:column;margin:10px auto}h3{margin-bottom:20px;font-weight:500}.drag-area .icon{font-size:50px;color:#1683ff}.drag-area .header{font-size:20px;font-weight:500;color:#34495e}.drag-area .support{font-size:12px;color:gray;margin:10px 0 15px}.drag-area .button{font-size:20px;font-weight:500;color:#1683ff;cursor:pointer}.drag-area.active{border:2px solid #1683ff}.drag-area img{width:100%;height:100%;object-fit:cover}form{display:flex;flex-direction:column;justify-content:center;margin:40px auto;align-items:center;width:800px;height:550px;max-height:calc(100vh - 500px);max-width:80%;min-width:50%;min-height:400px;border:2px dashed #1475cf;cursor:pointer;border-radius:5px}form>#icon{font-size:100px;color:#ff1384;margin:20px}form>p{font-size:19px;margin:20px;color:#1475cf}.alert{background-color:salmon;padding:20px 60px;min-width:420px;position:fixed;right:0px;top:170px;border-radius:4px;border-left:8px solid #ff1317;overflow:hidden}.alert.show{animation:show_slide 1s ease forwards}@keyframes show_slide{0%{transform:translate(100%)}40%{transform:translate(-10%)}80%{transform:translate(0)}to{transform:translate(-10px)}}.alert.hide{display:none}.alert #icon{font-size:30px;position:absolute;left:20px;top:50%;transform:translateY(-50%);color:#a40f11}.alert .msg{margin:10px;font-size:18px;color:#530001}.alert .close-btn{position:absolute;right:0px;top:50%;transform:translateY(-50%);font-size:20px;background:#fa5356;padding:25px 18px;cursor:pointer}.alert .close-btn:hover{background:#ff5255}.close-btn .close{color:#530001;font-size:22px;line-height:40px}.files{text-align:center}.files .radio-container{justify-content:space-around;align-items:center;margin-bottom:20px;background:#3b4154;border-radius:20px;padding:10px;color:#f3f3f3;box-shadow:0 4px 10px #00000073}.files .radio-container input{transform:translateY(1px)}.files .radio-container label{margin-left:10px;cursor:pointer}.files input[type=text]{padding:10px;border-radius:40px;font-size:1.3rem;border:3px solid #61dafb;outline:none;transition:.4s;text-align:center;width:400px;margin-bottom:20px}.files input[type=text]:focus{background:#61dafb;border-radius:4px;color:#f3f3f3}.files button{margin:0 auto 20px;background:none;border:2px solid #61dafb;padding:4px 10px;border-radius:10px;cursor:pointer;transition:.2s}.files button:hover{background:#61dafb}.files ul{display:flex;flex-wrap:wrap;justify-content:center}.pl{display:block;width:2em;height:2em}.pl__ring,.pl__ball1,.pl__ball2{animation-duration:2s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;transform-origin:32px 32px}.pl__ring{animation-name:ring}.pl__ball1{animation-name:ball1}.pl__ball2{animation-name:ball2}@media (prefers-color-scheme: dark){:root{--bg: hsl(var(--hue),10%,10%);--fg: hsl(var(--hue),10%,90%)}}@keyframes ring{0%{animation-timing-function:ease-in-out;stroke-dashoffset:-122.52;transform:rotate(135deg)}15%{animation-timing-function:ease-in;stroke-dashoffset:-122.52;transform:rotate(90deg)}35%{animation-timing-function:ease-out;stroke-dashoffset:-65.34;transform:rotate(297.5deg)}55%{animation-timing-function:ease-in-out;stroke-dashoffset:-122.52;transform:rotate(505deg)}70%{animation-timing-function:ease-in-out;stroke-dashoffset:-122.52;transform:rotate(490deg)}85%,to{stroke-dashoffset:-122.52;transform:rotate(497.5deg)}}@keyframes ball1{0%{transform:rotate(14deg)}20%{transform:rotate(-7deg)}60%{transform:rotate(399deg)}75%{transform:rotate(361deg)}90%,to{transform:rotate(374deg)}}@keyframes ball2{0%{transform:rotate(-21deg)}25%{transform:rotate(-47deg)}60%{transform:rotate(364deg)}75%{transform:rotate(326deg)}90%,to{transform:rotate(339deg)}}.content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%}.loading{padding:2rem 1.8rem}h4{margin:0 0 1rem;font-size:1.5rem;line-height:1.5rem}.description{font-size:1rem;line-height:1.4rem}.loading h4,.loading .description{background-color:#ededed;background:linear-gradient(100deg,rgba(255,255,255,0) 40%,rgba(255,255,255,.5) 50%,rgba(255,255,255,0) 60%) #ededed;background-size:200% 100%;background-position-x:180%;animation:1s loading ease-in-out infinite}@keyframes loading{to{background-position-x:-20%}}.loading h4{min-height:1.6rem;border-radius:4px;animation-delay:.05s}.loading .description{min-height:4rem;border-radius:4px;animation-delay:.06s}
