.comment-list{margin:20px}.comment-list__container{display:flex;align-items:center;gap:5px}.comment-list__avatar img{border-radius:50%;width:40px}.comment-list__creator h3{font-size:18px}.comment-list__creator p{font-size:13px}.comment-list__content{margin-top:5px;font-size:15px}.comment-list__input{margin:20px}.detail-page{margin:50px}.thread-detail{margin-bottom:20px}.login-page{display:flex;flex-direction:row-reverse;width:100%;height:100%}.login-page__main{display:flex;justify-content:center;flex-direction:column;align-items:center;margin:0 auto}.login-page__hero img{max-width:100%;max-height:100vh;margin:auto;height:auto}.login-input{margin-bottom:10px;background-color:#fff;display:block;padding:1rem;width:100%;max-width:550px;border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.login-input input,.login-input button{outline:none;border:1px solid #e5e7eb;margin:8px 0}.input-container{display:flex;flex-direction:column}.input-container input{background-color:#fff;padding:1rem 3rem 1rem 1rem;font-size:.875rem;line-height:1.25rem;width:100%;border-radius:.5rem;box-shadow:0 1px 2px #0000000d}.login-submit{display:block;padding:.75rem 1.25rem;background-color:#4f46e5;color:#fff;font-size:.875rem;line-height:1.25rem;font-weight:500;width:100%;border-radius:.5rem;text-transform:uppercase}.logo{font-size:28px;font-weight:700;text-decoration:none;color:#1a1a1a}.navigation{display:flex;text-align:center;align-items:center;justify-content:space-between;padding:10px}.navigation-container{display:flex;align-items:center;gap:10px}.navigation-avatar{border-radius:50%;width:50px}.register-page{display:flex;flex-direction:row-reverse;width:100%;height:100%}.register-page__main{display:flex;justify-content:center;flex-direction:column;align-items:center;margin:0 auto}.register-page__hero img{max-width:100%;max-height:100vh;height:auto;margin:auto}.register-input{margin-bottom:10px;background-color:#fff;display:block;padding:1rem;width:100%;max-width:550px;border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.register-input input,.register-input button{outline:none;border:1px solid #e5e7eb;margin:8px 0}.register-container{display:flex;flex-direction:column}.register-container input{background-color:#fff;padding:1rem 3rem 1rem 1rem;font-size:.875rem;line-height:1.25rem;width:100%;border-radius:.5rem;box-shadow:0 1px 2px #0000000d}.register-submit{display:block;padding:.75rem 1.25rem;background-color:#4f46e5;color:#fff;font-size:.875rem;line-height:1.25rem;font-weight:500;width:100%;border-radius:.5rem;text-transform:uppercase}.thread-input{display:flex;flex-direction:column;position:relative;--width-of-input: 300px}.thread-input__title-container{display:flex;justify-content:flex-start}.thread-input__title{display:flex;justify-content:flex-start;font-size:20px;background-color:transparent;width:30%;box-sizing:border-box;padding-inline:.5em;padding-block:.7em;border:none;border-bottom:var(--border-height) solid var(--border-before-color)}.thread-input__title:focus{outline:none}.thread-input__textarea{font-size:20px;background-color:transparent;width:100%;box-sizing:border-box;padding-inline:.5em;padding-block:.7em;border:none;border-bottom:var(--border-height) solid var(--border-before-color);box-shadow:0 2px 4px #0000001a}.thread-input__textarea-border{position:absolute;background:var(--border-after-color);width:0%;height:2px;bottom:0;left:0;transition:width .3s cubic-bezier(.6,-.28,.735,.045)}.thread-input__textarea:focus{outline:none}.thread-input__textarea+.thread-input__textarea-border{width:100%}.thread-input__footer{display:flex;flex-direction:column;justify-content:center;text-align:center;gap:5px;margin-top:5px}.textarea-alt{font-size:1.2rem;padding-inline:1em;padding-block:.8em;box-shadow:0 4px 8px #0000001a}.textarea-border-alt{height:3px;background:linear-gradient(90deg,#FF6464 0%,#FFBF59 50%,#47C9FF 100%);transition:width .4s cubic-bezier(.42,0,.58,1)}.textarea-alt:focus+.textarea-border-alt{width:100%}.thread-item{margin:5px 0}.thread-item__container{display:flex;justify-content:space-between}.thread-item__container-wrapper{display:flex;align-items:center;border-bottom:.5px solid #595f64;margin-bottom:10px}.thread-item__user-photo{margin:0 5px 3px 0}.thread-item__user-photo img{border-radius:50%}.thread-item__user-name{font-size:23px}.thread-item__category{text-align:right}.thread-item__body{font-size:15px;border-bottom:.5px solid #595f64;padding-bottom:5px}.thread-item__total-comments{font-size:14.5px;font-weight:300}.thread-list{display:flex;flex-direction:column;justify-content:flex-start;margin:10px 40px}.comment-list__input{display:flex;align-items:center;gap:10px}.comment-list__input textarea{font-size:15px;background-color:transparent;width:100%;box-sizing:border-box;padding:5px;border:none;box-shadow:0 2px 4px #0000001a}.comment-list__input button{padding:15px}.comment-list__input textarea:focus{outline:none}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}h2{font-size:50px}textarea{resize:none}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}h1{font-size:3.2em;line-height:1.1}.loading{position:sticky;top:0;z-index:1;width:100%}.app-container{margin:0 auto;max-width:1500px}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}