@import"https://fonts.googleapis.com/css2?family=Outfit:wght@100;200;300;400;500;600;700;800;900&display=swap";body,html{padding:0;margin:0;font-family:Public Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-family:Outfit,sans-serif;background-color:#111;color:#fff;--border:.5px solid hsla(0,0%,100%,.253);display:flex;justify-content:center}a{color:inherit;text-decoration:none}*{box-sizing:border-box;color:#fff;font-family:Public Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-family:Outfit,sans-serif;padding:0;margin:0}.page-wrapper{width:100vw;max-width:1500px;height:100vh;flex-direction:row}.page-wrapper,main{overflow:hidden;display:flex}main{width:100%;height:100%;flex-direction:column;justify-content:space-between}.container{width:1400px;max-width:100%}.container.top{border-top:.5px solid hsla(0,0%,100%,.253)}.container.bottom{border-bottom:.5px solid hsla(0,0%,100%,.253)}.container.right{border-right:.5px solid hsla(0,0%,100%,.253)}.container.left{border-left:.5px solid hsla(0,0%,100%,.253)}.block{position:relative}.block.top{border-top:var(--border)}.block.bottom{border-bottom:var(--border)}.block.right{border-right:var(--border)}.block.left{border-left:var(--border)}.tweet-input{width:100%;min-height:70px;display:flex;align-items:center;justify-content:center}.tweet-input .container{display:flex;flex-direction:row;height:100%}.tweet-input button{height:100%;width:150px;cursor:pointer;background-color:transparent;border:none;border-left:var(--border);font-weight:600;font-size:.9rem}.tweet-input button:hover{background-color:hsla(0,0%,100%,.068)}.tweet-input #tweetInput{background-color:transparent;border:none;height:100%;width:100%;font-weight:600;font-size:.9rem;padding:0 1rem}.tweet-input #tweetInput:focus{outline:none}.tweet-render{width:100%}.tweet-render,.tweet-render .container{height:100%}.tweet-editor,.tweet-render,.tweet-render .container{display:flex;align-items:center;justify-content:center}.tweet-editor{width:100%;min-height:200px;overflow-x:scroll}.tweet-editor::-webkit-scrollbar{width:12px;height:10px}.tweet-editor::-webkit-scrollbar-track{background:hsla(0,0%,100%,.119)}.tweet-editor::-webkit-scrollbar-thumb{background-color:#fff;border-radius:0;border:3px solid #fff}.tweet-editor .container{height:100%}.tweet-editor .edit-wrapper{display:flex;flex-direction:row;height:100%}.tweet-editor .edit-block{display:flex;flex-direction:column;align-items:flex-start;width:-moz-fit-content;width:fit-content;gap:15px;padding:1rem;border-right:var(--border)}.tweet-editor .edit-block .edit-block-content.background{width:200px;display:flex;flex-direction:row;flex-wrap:wrap;gap:5px}.tweet-editor .edit-block .edit-block-content.background .background{width:50px;height:50px;cursor:pointer;background-size:cover;background-repeat:no-repeat;background-position:50%}.tweet-editor .edit-block input[type=range].slider{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none}.tweet-editor .edit-block input[type=range].slider::-webkit-slider-runnable-track{-webkit-appearance:none;appearance:none;background-color:#fff;height:1px}.tweet-editor .edit-block input[type=range].slider::-ms-track{appearance:none;background-color:#fff;height:1px}.tweet-editor .edit-block input[type=range].slider::-moz-range-track{-moz-appearance:none;appearance:none;background-color:#fff;height:1px}.tweet-editor .edit-block input[type=range].slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:15px;height:15px;background:#fff;margin-top:-7.5px}.tweet-editor .edit-block input[type=range].slider::-moz-range-thumb{-moz-appearance:none;appearance:none;width:15px;height:15px;background:#fff;margin-top:-7.5px}.tweet-editor .edit-block input[type=range].slider::-ms-thumb{appearance:none;width:15px;height:15px;background:#fff;margin-top:-7.5px}.nav{min-width:100px;height:100%;display:flex;flex-direction:column}.nav .nav-item{height:69.5px;width:100%;border-bottom:var(--border)}.nav .nav-item.profile{display:flex;align-items:center;justify-content:center}.nav .nav-item.profile img{border-radius:100%;width:45px;height:45px}.nav .logout{margin-top:auto;border-top:var(--border)}.nav button{height:69.5px;width:100%;cursor:pointer;background-color:transparent;border:none;border-bottom:var(--border);font-weight:600;font-size:.9rem}.nav button:hover{background-color:hsla(0,0%,100%,.068)}.download-button{position:absolute;right:0;bottom:0;height:69.5px;width:150px;cursor:pointer;background-color:transparent;border:none;border-top:var(--border);border-left:var(--border);font-weight:600;font-size:.9rem}.download-button.copy{bottom:69.5px}.download-button:hover{background-color:hsla(0,0%,100%,.068)}.login-page{height:100vh;position:absolute;left:100%;width:calc(min(100vw,1500px) - 101px);background-color:#111;top:0;right:0;z-index:100;border-left:var(--border);border-top:var(--border);border-bottom:var(--border);display:flex;justify-content:center;align-items:center}.login-page .auth-wrapper{height:auto;width:500px;border:var(--border);display:flex;flex-direction:column}.login-page .tabs{display:flex;flex-direction:row}.login-page .tabs button:first-child{border-right:var(--border)}.login-page .tabs button.active{background-color:hsla(0,0%,100%,.068)}.login-page .login-with-twitter{display:flex;flex-direction:row;gap:10px;align-items:center;justify-content:center}.login-page .input-wrapper{display:flex;flex-direction:column;width:100%;margin:10px 0}.login-page .input-wrapper label{padding:.5rem 1rem}.login-page .input-wrapper input{background-color:transparent;border:none;border-top:var(--border);border-bottom:var(--border);height:50px;width:100%;font-weight:600;font-size:.9rem;padding:0 1rem}.login-page .input-wrapper input:focus{outline:none}.login-page form{display:flex;flex-grow:1;flex-direction:column}.login-page button{margin-top:auto;border-top:var(--border)}form.credit-tweet{display:flex;flex-direction:row;align-items:center;height:70px;width:500px}form.credit-tweet input.credit-tweet-input{background-color:transparent;border:var(--border);height:100%!important;flex-grow:1;width:100%;font-weight:600;font-size:.9rem;padding:0 1rem}form.credit-tweet input.credit-tweet-input:focus{outline:none}form.credit-tweet .credit-tweet-button{border-right:var(--border);height:100%;flex-shrink:1;width:200px}.recent-tweets{position:relative;height:100%;transition:all .2s ease;width:400px}.recent-tweets .open-recent{position:absolute;top:10px;right:-25px;cursor:pointer;rotate:180deg}.recent-tweets.closed{width:0}.recent-tweets.closed>:not(svg.open-recent){opacity:0;pointer-events:none}.recent-tweets.closed .open-recent{pointer-events:default;rotate:0deg}.recent-tweets .login-with-twitter{color:#fff;background:none;outline:none;border:var(--border);border-top:none;width:100%;height:69px;font-weight:500;cursor:pointer}.tweet-wrapper{--border-radius:10px;--background-color:#fff;--color:#000;--background:#fff;--shadow:3px 3px 30px rgba(0,0,0,.148);width:600px;padding:1rem;min-height:400px;position:relative;background:var(--background);background-repeat:no-repeat;background-size:cover;background-position:50%;overflow:hidden;display:flex;align-items:center;justify-content:center}.tweet-wrapper .watermark{position:absolute;font-size:1rem;z-index:1;background-color:#000;padding:.3rem .5rem;border-radius:4px;right:10px;bottom:10px;margin:0}.tweet-wrapper .tweet{position:relative;background-color:var(--background-color);border-radius:var(--border-radius);display:flex;flex-direction:column;padding:20px;gap:8px;width:400px;box-shadow:var(--shadow)}.tweet-wrapper .tweet *{color:var(--color)}.tweet-wrapper .tweet .header,.tweet-wrapper .tweet .header .profile{display:flex;flex-direction:row;align-items:center}.tweet-wrapper .tweet .header .profile{gap:15px;width:100%}.tweet-wrapper .tweet .header .profile img{border-radius:100%;width:50px;height:50px}.tweet-wrapper .tweet .header .profile .account-info{width:100%}.tweet-wrapper .tweet .header .profile .name{font-weight:700;width:100%}.tweet-wrapper .tweet .header .profile .username{opacity:.5;font-weight:500;width:100%}.tweet-wrapper .tweet .body{display:flex;flex-direction:column;gap:15px}.tweet-wrapper .tweet .body .text{font-weight:400;font-size:19px;width:100%}.tweet-wrapper .tweet .body img.img{width:100%;height:auto;border-radius:var(--border-radius)}.tweet-wrapper .tweet .footer .time{opacity:.5;font-size:15px;width:100%}.recent-tweets-wrapper{padding:1rem;display:flex;flex-direction:column;gap:10px;overflow:hidden;max-height:100%}.recent-tweets-wrapper .tweet-wrapper.preview{--border-radius:10px;--background-color:#fff;--color:#000;--background:#fff;--shadow:3px 3px 30px rgba(0,0,0,.148);width:250px;padding:1rem;min-height:100px;position:relative;background:var(--background);background-repeat:no-repeat;background-size:cover;background-position:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;cursor:pointer}.recent-tweets-wrapper .tweet-wrapper.preview .watermark{position:absolute;font-size:1rem;z-index:1;background-color:#000;padding:.3rem .5rem;border-radius:4px;right:10px;bottom:10px;margin:0}.recent-tweets-wrapper .tweet-wrapper.preview .tweet{position:relative;background-color:var(--background-color);border-radius:var(--border-radius);display:flex;flex-direction:column;padding:20px;gap:8px;width:200px;box-shadow:var(--shadow)}.recent-tweets-wrapper .tweet-wrapper.preview .tweet *{color:var(--color)}.recent-tweets-wrapper .tweet-wrapper.preview .tweet .header{display:flex;flex-direction:row;align-items:center}.recent-tweets-wrapper .tweet-wrapper.preview .tweet .header .profile{display:flex;flex-direction:row;align-items:center;gap:10px;width:100%}.recent-tweets-wrapper .tweet-wrapper.preview .tweet .header .profile img{border-radius:100%;width:20px;height:20px}.recent-tweets-wrapper .tweet-wrapper.preview .tweet .header .profile .account-info{width:100%}.recent-tweets-wrapper .tweet-wrapper.preview .tweet .header .profile .name{font-weight:700;font-size:10px;width:100%}.recent-tweets-wrapper .tweet-wrapper.preview .tweet .header .profile .username{opacity:.5;font-weight:500;font-size:8px;width:100%}.recent-tweets-wrapper .tweet-wrapper.preview .tweet .body{display:flex;flex-direction:column;gap:8px}.recent-tweets-wrapper .tweet-wrapper.preview .tweet .body .text{font-weight:400;font-size:10px;width:100%}.recent-tweets-wrapper .tweet-wrapper.preview .tweet .body img.img{width:100%;height:auto;border-radius:var(--border-radius)}.recent-tweets-wrapper .tweet-wrapper.preview .tweet .footer .time{opacity:.5;font-size:15px;width:100%;font-size:8px}.hello-wrapper{display:flex;flex-direction:column;gap:20px;border:var(--border)}.hello-wrapper .header{padding:1rem;display:flex;flex-direction:row;gap:15px;align-items:center}.hello-wrapper .header div.img{background-image:url(/assets/julien.png);width:100px;height:100px;border-radius:100%;background-repeat:no-repeat;background-size:130%;background-position:50%}.hello-wrapper p{padding:0 1rem;font-weight:500;opacity:.7}.hello-wrapper .footer button{width:100%;height:60px;background:#000;font-weight:500;font-size:1rem;cursor:pointer;border-top:var(--border)}