.auth-form{display:flex;flex-direction:column;padding:1.5rem;background-color:#fff;border-radius:5px;gap:1rem}.auth-form form{display:flex;flex-direction:column;gap:1rem}.auth-form form input{padding:.7rem;border:1px solid #ccc;border-radius:3px;font-size:1rem}.auth-form form input[type=date],.auth-form form input::placeholder{color:#ccc}.auth-form form input:focus{outline:none;border-color:#000}.auth-form form button{padding:.7rem;border:none;border-radius:3px;font-size:1rem;background-color:#000;color:#fff;cursor:pointer}.auth-form form button:disabled{background-color:#ccc;color:#000;cursor:not-allowed}.auth-form form button:disabled:hover{background-color:#ccc}.auth-form form button:hover{background-color:#333}.error{color:red;font-size:.8rem}.auth-form h1{font-size:1.5rem;text-align:center;line-height:1.5}.auth-form p{font-size:1rem}.auth-form p a{color:#000;font-weight:600}.preference-container{display:flex;flex-wrap:wrap;gap:.7rem;width:min-content;min-width:30vw;justify-content:center}.preference{border-radius:20px;padding:.2rem .5rem;display:flex;justify-content:center;border:1px solid #ccc;cursor:pointer;transition:all .2s ease-in-out}.preference:hover{background-color:#ccc}.preference input{display:none}.preference input:checked+label{background-color:#000;color:#fff}.preference.selected{background-color:#000;color:#fff}.navbar{background-color:#f0f8ff;width:100%;display:flex;align-items:center;justify-content:space-between;padding:1rem;box-shadow:0 0 5px #0003}.navbar .logo{width:30px;height:30px}.navbar .logo img{width:100%;height:100%;object-fit:contain}.navbar .menu{display:flex;align-items:center;flex-direction:row;gap:2rem}.navbar .menu .icon{width:25px;height:25px;color:#333}@media screen and (min-width: 768px){.article-body-inner{width:80%;height:fit-content;padding-top:20px;display:flex;flex-direction:column}.article-body{width:100%;height:fit-content;min-height:fit-content;display:flex;justify-content:center;align-items:center}}@media screen and (max-width: 768px){.article-body-inner{width:100%;height:fit-content;padding-top:20px;display:flex;flex-direction:column}.article-body{width:100%;padding:0 .5rem;height:fit-content;min-height:fit-content;display:flex;justify-content:center;align-items:center}}.category-selector{width:100%;height:fit-content;display:flex;flex-direction:row;gap:1.5rem;overflow-x:auto;overflow-y:hidden;padding:0 1.5rem}.category-selector div{display:flex;flex-direction:row;justify-content:center;gap:.7rem;padding:1rem 0;align-items:center;border-radius:10px}.category-selector::-webkit-scrollbar{display:none}.category{padding:.4rem .8rem;border-radius:1rem;background-color:#f5f5f5;font-family:Arial,Helvetica,sans-serif;font-size:.8rem;font-weight:600;color:#333;transition:all .3s ease-in-out;border:0;cursor:pointer;box-shadow:0 0 2px #0003}.category:hover{background-color:#d5d4d4;color:#232222}.selected{background-color:#333;color:#f5f5f5}.selected:hover{background-color:#575757;color:#f5f5f5}.article-list{width:100%;height:fit-content;min-height:100%;display:grid;gap:.5rem;flex:1}.article-list-grid{grid-template-columns:repeat(1,1fr)}@media screen and (min-width: 768px){.article-list-grid{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width: 1024px){.article-list-grid{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width: 1224px){.article-list-grid{grid-template-columns:repeat(3,1fr)}}@media screen and (min-width: 1640px){.article-list-grid{grid-template-columns:repeat(4,1fr)}}.article{width:100%;border-radius:5px;height:fit-content;min-height:100%;box-shadow:0 0 5px #0003;font-family:Arial,Helvetica,sans-serif}.article :first-child{width:100%;height:100px}.article img{width:100%;height:100%;border-radius:5px 5px 0 0;object-fit:cover}.article h2{font-size:20px;font-weight:700;line-height:24px;font-family:Arial,Helvetica,sans-serif;height:fit-content!important;margin:0}.article>.content-area{padding:.5rem;display:flex;flex-direction:column;justify-content:space-between;gap:1rem}.article>.content-area>h2{margin:0}.article-data p{margin:0;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.article .article-details{height:fit-content;font-weight:200;color:#868686;font-size:smaller}.article .article-data{height:fit-content;font-size:14px;display:flex;flex-direction:column;gap:.5rem}.article .author-details{font-weight:500;color:#868686;font-size:smaller}.article-opened{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#02020280;z-index:100;display:flex;justify-content:center;align-items:center;flex-direction:column;padding:1rem;gap:1rem}.article-inner-opened{flex:1;background-color:#fff;border-radius:10px;padding:1rem;display:flex;flex-direction:column;font-family:Arial,Helvetica,sans-serif;gap:1rem;overflow-y:scroll}.article-inner-opened::-webkit-scrollbar{width:10px}.article-opened-width{width:100%}@media screen and (min-width: 425px){.article-opened-width{width:90%}}@media screen and (min-width: 768px){.article-opened-width{width:70%}}@media screen and (min-width: 1024px){.article-opened-width{width:60%}}@media screen and (min-width: 1440px){.article-opened-width{width:50%}}.article-opened-content{height:fit-content;display:flex;flex-direction:column;align-items:start;gap:1rem;width:100%;flex-shrink:0}.article-inner-opened span{font-size:1rem;color:#333;line-height:1.2}.article-opened-content::-webkit-scrollbar{width:10px}.article-opened-details{height:fit-content;font-weight:500;color:#868686}.article-opened-image{width:100%;border-radius:5px 5px 0 0;object-fit:contain}.article-opened-head{display:flex;flex-direction:row;justify-content:space-between}.article-opened-actions{display:flex;flex-direction:row;align-items:center;gap:1rem}.article-opened-actions button{border-radius:5px;padding:.5rem 1rem;border:none;background-color:#c90000;color:#fff;font-weight:600;cursor:pointer}.article-opened-actions .unblock{background-color:#00c900}.article-opened-icons{width:25px;height:25px;color:#c71585;cursor:pointer}.new-article-page{width:100vw;height:100vh;background-color:#fff;display:flex;flex-direction:column}.new-article-page .new-article-head{width:100%;height:7vh;display:flex;flex-direction:row;justify-content:end;padding:0 2rem}.new-article-page .new-article-head button{font-size:1.5rem;font-weight:600;background-color:#333;margin:auto 0;color:#f5f5f5;border:0;padding:.5rem 1rem;border-radius:5rem;box-shadow:0 0 5px #0003;cursor:pointer}.new-article-page .new-article-head button:hover{background-color:#575757;color:#f5f5f5}.new-article-page .new-article-title{width:100%;height:10vh;display:flex;align-items:center;padding:0 2rem}.new-article-page .new-article-title input{font-size:2.5rem;width:100%;height:100%;border:0}.new-article-page .new-article-title input:focus{outline:none}.new-article-page .new-article-image{width:100%;height:30vh;padding:0 2rem;display:flex;align-items:center;justify-content:center}.new-article-page .new-article-image input{display:none}.new-article-page .new-article-image img{height:100%;display:flex;align-items:center;justify-content:center;border-radius:4px;cursor:pointer}.new-article-page .new-article-image img:hover{opacity:.8}.new-article-page .new-article-content{width:100%;height:50vh;padding:0 2rem}.new-article-page .new-article-content textarea{width:100%;height:100%;border:0;font-size:1.5rem;resize:none}.new-article-page .new-article-content textarea:focus{outline:none}.new-article-info-form-out{position:fixed;top:0;right:0;height:100vh;width:100vw;background-color:#00000080;z-index:100;display:flex;justify-content:center;align-items:center}.new-article-form{padding:2rem;background-color:#fff;border-radius:5px;font-family:Arial,sans-serif;display:flex;flex-direction:column;gap:1rem}.new-article-form>div{display:flex;flex-direction:column;gap:.5rem}.new-article-form>div>.input{font-family:Arial,sans-serif;font-size:16px;color:#333;padding:8px;width:200px;border:1px solid #ccc;border-radius:3px}.new-article-form>div>label{font-family:Arial,sans-serif;font-size:16px;color:#333;font-weight:600}.new-article-form>div>button{font-family:Arial,sans-serif;font-size:16px;padding:8px;width:200px;border:1px solid #ccc;border-radius:3px;cursor:pointer;color:#f5f5f5;font-weight:600;background-color:#333}.new-article-form>div>.input:focus{outline:none}.new-article-form>div>button:hover{background-color:#575757}.new-article-form>div>button:disabled{background-color:#ccc;color:#000;cursor:not-allowed}.new-article-form>div>button:disabled:hover{background-color:#ccc}.new-article-form .tags{display:flex;flex-direction:row;gap:.5rem;flex-wrap:wrap;width:200px}.new-article-form .tags>div{display:flex;align-items:center;background-color:#eee;border-radius:3px;padding:.2rem .5rem;justify-content:center;white-space:nowrap}.new-article-form .tags>div button{border:0;cursor:pointer}.settings{display:flex;flex-direction:column;align-items:center;height:100vh;width:100%;background-color:#f5f5f5;padding:0 20px;gap:.5rem}.settings .selector{display:flex;flex-direction:row;align-items:center;gap:.7rem;padding:.5rem;overflow-y:auto}.settings .selector::-webkit-scrollbar{width:5px}.selector-width{width:100%;justify-content:start}@media screen and (min-width: 768px){.selector-width{width:fit-content;justify-content:center}}.settings .selector span{font-size:1rem;color:#333;font-family:Arial,Helvetica,sans-serif;font-weight:600;padding:.5rem 1rem;cursor:pointer;transition:all .3s ease-in-out;white-space:nowrap}.settings .selector .selected{background-color:#3a3a3a;color:#fff;border-radius:5px;box-shadow:0 0 5px #0003}.settings-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:1rem;background-color:#fff;width:fit-content;border-radius:5px}.settings-width{width:100%}.group-form{flex-direction:column;gap:1rem!important}@media screen and (min-width: 768px){.settings-width{width:fit-content}.group-form{flex-direction:row}}.settings-form{font-family:Arial,Helvetica,sans-serif;display:flex;flex-direction:column;align-items:center;gap:1rem}.settings-form input,.settings-form button{width:100%;padding:.5rem;border:1px solid #ccc;border-radius:5px;font-size:1rem;font-family:Arial,Helvetica,sans-serif;color:#333;outline:none}.settings-form button:hover{background-color:#3a3a3a;color:#fff;cursor:pointer}.settings-form input:focus{border:1px solid #3a3a3a}.settings-form .group-input{display:flex;gap:.5rem}.settings-form form button{padding:.7rem;border:none;border-radius:3px;font-size:1rem;background-color:#000;color:#fff;cursor:pointer}.settings-form form button:disabled{background-color:#ccc;color:#000;cursor:not-allowed}.settings-form form button:disabled:hover{background-color:#ccc}body{margin:0;padding:0}*{box-sizing:border-box}.auth-page{background-image:linear-gradient(135deg,#e70000,#0582f8,#1ebbe3,#d84f8b,yellow);height:100vh;width:100vw;display:flex;justify-content:center;align-items:center}@media screen and (max-width: 768px){.auth-page{background-image:none;background-color:#fff}}.profile{width:100%;height:fit-content;display:flex;flex-direction:column;gap:1rem;font-family:Arial,Helvetica,sans-serif}.profile-data{width:100%;height:100%;display:flex;flex-direction:column;gap:1rem;align-items:start}.profile-data h3{margin:0;padding:0;font-size:1.5rem;font-weight:600}.profile-data span{font-size:1.2rem;font-weight:400;color:#666}