.loading{align-items:center;display:none;justify-content:center}.loading,.loading .loading-background{height:100vh;left:0;position:fixed;top:0;width:100%;z-index:999}.loading .loading-background{background:#292929;opacity:.5}.loading.show{display:flex}.spinner{animation:is-rotating 1s infinite;border:6px solid var(--primary-color);border-radius:50%;border-top:6px solid #0000;height:50px;width:50px;z-index:1000}@keyframes is-rotating{to{transform:rotate(1turn)}}.header{align-items:center;background:var(--light-color);display:flex;height:70px;justify-content:flex-end;padding:10px;width:100%}.header .open-menu-btn{background:none;border:none;display:none;padding:0}.header .open-menu-btn i{color:var(--primary-color);font-size:35px}.user-fields{align-items:center;display:flex;gap:10px;height:100%;justify-content:flex-end;padding:10px}.user-fields span{color:var(--primary-color);font-weight:700}.user-fields button{border:2px solid var(--primary-color);border-radius:50%;height:32px;overflow:hidden;width:32px}.user-fields button img{width:32px}.menu{background:var(--primary-color);height:100%;left:0;overflow:hidden;position:fixed;top:0;transition:all .2s ease;width:250px;z-index:500}.menu .menu-header{align-items:center;display:flex;height:70px;margin-bottom:20px}.menu .logo{padding:0 20px}.menu .menu-header .close-menu-btn{background:none;border:none;display:none}.menu .menu-header .close-menu-btn i{color:var(--light-color);font-size:35px}.menu .logo svg{width:100%}.menu .menu-items{padding:0 10px}.menu .menu-items li{border-bottom:1px solid #ffffff70;cursor:pointer;display:flex}.menu .menu-items li:hover{background:#551d5b}.menu .menu-items li.active{background:#ffffff70}.menu .menu-items li a{color:var(--light-color);padding:10px;text-decoration:none;width:100%}@media (max-width:800px){.header{justify-content:space-between}.header .open-menu-btn{display:flex}.menu{transform:translateX(-250px)}.menu.active{transform:translateX(0)}.menu .logo,.menu .menu-header .close-menu-btn{display:flex}.menu .logo{align-items:center;height:70px;justify-content:center;overflow:hidden;padding:0 10px}.user-fields{padding:0}}.home{padding:10px}.home h2{color:var(--primary-color)}.article-list{padding:10px}.article-list h2{color:var(--primary-color);margin-bottom:20px}.article-list table{border:1px solid var(--primary-color);border-collapse:initial;border-left:0;border-radius:4px;border-spacing:0;width:100%}thead{border-collapse:initial;border-color:inherit;display:table-header-group;vertical-align:middle}tr{border-color:inherit;display:table-row;vertical-align:inherit}td,th{border-left:1px solid var(--primary-color);padding:5px 4px 6px;text-align:left;vertical-align:top}tr th{color:var(--primary-color)}td,tr th{text-align:center}td{border-top:1px solid var(--primary-color)}tbody:first-child tr:first-child td:first-child,thead:first-child tr:first-child th:first-child{border-radius:4px 0 0 0}tbody:last-child tr:last-child td:first-child,thead:last-child tr:last-child th:first-child{border-radius:0 0 0 4px}td button{align-items:center;background:none;border:none;display:flex;height:100%;justify-content:center;transition:all .2 ease;width:100%}td button:hover{transform:scale(1.1)}td button i{color:var(--primary-color)}@media (max-width:1000px){.article-list .card-content{overflow:scroll}}.modal{align-items:center;display:flex;height:100vh;justify-content:center;left:0;opacity:0;padding:10px;position:fixed;top:0;transition:all .1s ease;visibility:hidden;width:100%}.modal.show{opacity:1;visibility:visible}.modal-block-touch{background:#292929;height:100vh;left:0;opacity:.5;position:fixed;top:0;width:100%}.modal-content{background:#fff;border-radius:8px;box-shadow:0 0 18px 0 #000000b0;max-height:100%;max-width:700px;padding:10px;transform:scale(.5);transition:all .2s ease;width:100%;z-index:2000}.modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px;padding-top:10px}.modal-header button{background:none;border:none;padding:0}.modal-header button i{font-size:26px}.modal.show .modal-content{transform:scale(1)}.article{font-size:18px;padding:40px 0}.article .container{padding:0 10px}.article-header p{margin:0}.article-tag{color:var(--primary-color);text-transform:uppercase}.article-body{line-height:170%;margin-bottom:30px}.article-title{font-size:62px;font-weight:700;line-height:110%;margin-bottom:20px}.article-subtitle{color:var(--secondary-font-color)}.article-info{padding:20px 0}.article-author{color:var(--primary-color);font-size:14px;font-weight:700}.article-date{color:var(--primary-font-color);font-size:12px}.article-banner{margin-bottom:20px;width:100%}.article-banner img{width:100%}.article-body p{margin-bottom:20px}.article-body p img{max-width:950px;width:100%}.article-related-title,.article-share-title{color:var(--primary-color);font-weight:700}.article-related{margin-bottom:20px}.article-related-tags{display:flex;gap:20px;overflow:hidden;width:100%}.article-related-tags a{border:1px solid var(--primary-color);border-radius:8px;color:var(--primary-color);font-size:14px;font-weight:700;padding:8px 15px;text-transform:uppercase}.article-related-tags a:hover{background:var(--primary-color);color:var(--light-color)}@media (max-width:800px){.article-title{font-size:40px}}.login{align-items:center;background:var(--primary-color);display:flex;height:100vh;justify-content:center;padding:10px;width:100%}.login-form{background:var(--light-color);border-radius:8px;box-shadow:0 0 117px 20px #431e47;max-width:450px;min-height:470px;position:relative;width:100%}.login-form-box{border:2px solid var(--primary-color);border-radius:8px;box-sizing:border-box;height:100%;height:calc(100% - 8px);left:4px;padding:30px 50px;position:absolute;top:4px;width:calc(100% - 8px)}.login-form-header{margin-bottom:70px;padding:10px 40px}.login-description{margin-bottom:20px;width:100%}.login-description span{color:var(--primary-color);display:flex;font-weight:700;justify-content:center;width:100%}.login-error-message{display:block;font-size:13px;font-weight:700;padding-bottom:10px;width:100%}.login-error-message span{color:red}.login-button{font-size:15px;height:36px;margin-top:10px;width:100%}@media (max-width:800px){.login-form-box{padding:30px}}*{box-sizing:border-box;color:#333;font-family:Open Sans;margin:0;padding:0}:root{--primary-font-color:#666;--secondary-font-color:#555;--light-font-color:#555;--primary-color:#6a2c70;--light-color:#fff;--dark-color:#000;--background:#f7f7f7}body{background:#f7f7f7;background:var(--background)}button{align-items:center;background:#6a2c70;background:var(--primary-color);border:1px solid #6a2c70;border:1px solid var(--primary-color);border-radius:5px;color:#fff;color:var(--light-color);cursor:pointer;display:flex;font-size:15px;font-weight:700;justify-content:center;padding:7px 10px;transition:all .2s ease}button.light{background:#fff;background:var(--light-color);color:#6a2c70;color:var(--primary-color)}input{border:1px solid #6a2c70;border:1px solid var(--primary-color);margin-bottom:10px}input,select{background:#fff;background:var(--light-color);border-radius:5px;color:#6a2c70;color:var(--primary-color);font-size:15px;margin-top:10px;padding:7px 10px;width:100%}select{-webkit-appearance:none;appearance:none;border:1px solid #6a2c70;border:1px solid var(--primary-color);display:block}.card{background:#fff;border-radius:10px;padding:10px}.card-title{color:#6a2c70;color:var(--primary-color);font-weight:700;padding-bottom:20px}.card-buttons{padding-top:10px}.card-buttons button{max-width:200px;width:100%}.ql-container.ql-snow{border:1px solid #6a2c70;border:1px solid var(--primary-color);border-radius:0 0 8px 8px}.ql-toolbar.ql-snow{border:1px solid #6a2c70;border:1px solid var(--primary-color);border-radius:8px 8px 0 0}.container{padding-left:250px;transition:all .2s ease}@media (max-width:800px){.container{padding-left:0}}.article-creation{padding:20px}.article-creation h2{color:#6a2c70;color:var(--primary-color);margin-bottom:20px}.content-buttons{display:flex;gap:10px;padding-top:5px}.article-content-box{height:calc(100vh - 170px);width:100%}.article-content-box button{background:#6a2c70;background:var(--primary-color);color:#fff;width:100%}.article-content-box button:hover{background:#491f4d}.article-content{background:#fff;border:1px solid #6a2c70;border:1px solid var(--primary-color);border-radius:5px;font-size:10px;height:calc(100% - 40px);margin-bottom:10px;overflow-wrap:break-word;overflow-y:scroll;padding:20px;width:100%}.article-info p{font-size:8px}.input-box{display:block}.input-box label{color:#6a2c70;color:var(--primary-color)}.input-box .input-content-box{margin-top:10px}.input-box .input-content{background:#fff;font-size:15px}.article-title{font-size:30px}.row{display:flex;gap:10px;margin-bottom:10px}.row,.row div{width:100%}@media (max-width:1300px){.article-creation{padding:10px}.create-article-content{min-width:auto}.article-content{padding:10px}.row{display:block}.row.prevent{display:flex}}
/*# sourceMappingURL=main.6d65b169.css.map*/