.spinner{font-size:var(--spinner-size, 28px);--spinner-color: #b8bfc8;--spinner-fade-color: rgba(184, 191, 200, .12);position:relative;display:inline-block;width:1em;height:1em}.spinner .spinner-blade{position:absolute;left:.4629em;bottom:0;width:.074em;height:.2777em;border-radius:.0555em;background-color:var(--spinner-fade-color);transform-origin:center -.2222em;animation:spinner-fade 1s infinite linear}.spinner .spinner-blade:nth-child(1){transform:rotate(0);animation-delay:-0s}.spinner .spinner-blade:nth-child(2){transform:rotate(30deg);animation-delay:-.0833333333s}.spinner .spinner-blade:nth-child(3){transform:rotate(60deg);animation-delay:-.1666666667s}.spinner .spinner-blade:nth-child(4){transform:rotate(90deg);animation-delay:-.25s}.spinner .spinner-blade:nth-child(5){transform:rotate(120deg);animation-delay:-.3333333333s}.spinner .spinner-blade:nth-child(6){transform:rotate(150deg);animation-delay:-.4166666667s}.spinner .spinner-blade:nth-child(7){transform:rotate(180deg);animation-delay:-.5s}.spinner .spinner-blade:nth-child(8){transform:rotate(210deg);animation-delay:-.5833333333s}.spinner .spinner-blade:nth-child(9){transform:rotate(240deg);animation-delay:-.6666666667s}.spinner .spinner-blade:nth-child(10){transform:rotate(270deg);animation-delay:-.75s}.spinner .spinner-blade:nth-child(11){transform:rotate(300deg);animation-delay:-.8333333333s}.spinner .spinner-blade:nth-child(12){transform:rotate(330deg);animation-delay:-.9166666667s}@keyframes spinner-fade{0%{background-color:var(--spinner-color)}39%,to{background-color:var(--spinner-fade-color)}}*{font-family:Arial,Helvetica,sans-serif;margin:0;padding:0;box-sizing:border-box}textarea{resize:vertical}ul,ol{margin:0;padding:0}audio{max-width:200;border:none}:where(audio,canvas,iframe,img,svg,video){vertical-align:middle}.container{margin:0 auto;display:flex;flex-direction:column;max-width:1100px;width:100%}.title{font-size:20px;font-weight:600}.save-button,.cancel-button{width:150px;height:40px;font-size:15px;border-radius:6px;font-weight:600;cursor:pointer}.add-media-button{height:40px;font-size:15px;cursor:pointer;border-radius:6px;font-weight:600;border:1px}.edit-form{padding-bottom:10px;border-bottom:1px solid #999}.edit-form-input{display:none}.content{padding:24px;display:flex;flex-direction:column}.open-color-picker{padding:5px}.talk-button{padding:8px 12px;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer}.status{margin-top:24px;font-size:14px;text-align:center}.form{margin-top:24px;display:flex;flex-direction:column;gap:8px}.form-input-row{display:flex;gap:8px;width:100%;justify-content:space-between;position:relative}.header-color-select{min-width:50px;border-radius:6px;height:38px;border:1px solid #dcdcde}.form-input{border:1px solid #dcdcde}.form-media-input{display:none}.color-picker-container{z-index:9;position:absolute;top:45px;right:0}.preview{width:150px;height:150px;border:1px solid black;border-radius:6px}.add-photo{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.form-input{font-size:16px;padding:8px 12px;border-radius:6px;flex:1}.form-button{font-size:14px;padding:8px 12px;border-radius:6px;cursor:pointer}.form-inputs{display:flex;flex-direction:column;gap:5px}.form-input-controls{display:flex;flex-direction:row;width:100%;gap:10px}.posts-label{margin-top:16px;font-size:20px;line-height:24px;font-weight:600}.preview-container{width:100%;overflow-x:scroll;display:flex;flex-direction:row;gap:5px}.post{border-bottom:1px solid #999;padding:16px 0 4px}.post-content{font-size:18px;line-height:21px;width:96%;padding-left:5px}.post-time{width:100%;font-size:12px;line-height:14px;padding:16px 0 4px}.edit-image-container{position:relative}.remove-image{position:absolute;right:5px;top:5px;cursor:pointer}.post-head{display:flex;flex-direction:row;justify-content:space-between}.post-title{border-radius:6px;display:flex;align-items:center}.edit-button{padding:5px;border-radius:6px;width:25px;height:25px;display:flex;align-items:center;justify-content:center;cursor:pointer}.media-dnd-area{padding:20px;display:flex;align-items:center;justify-content:space-between;border-radius:6px;border:2px dashed #787777;color:#787777;cursor:pointer;background-color:#edf2ff;transition:border .3s ease,color .3s ease}.media-dnd-area:hover,.drag-active{border:2px solid #1e3f85}.selected-button{background-color:#ddefff}button:disabled{opacity:.7;cursor:not-allowed}.self-view-wrapper video{border-radius:800px!important;width:500px!important;height:500px!important}.overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:999;background-color:#00000080;display:flex;align-items:center;justify-content:center}p{margin:0 0 10px}ul{list-style-type:disc;padding-left:20px;margin:0}ul ul{list-style-type:circle}ul ul ul{list-style-type:square}ol{padding-left:20px;margin:0}ol ol{list-style-type:decimal}ol ol ol{list-style-type:lower-alpha}li{margin-bottom:8px}a{color:#007bff!important;text-decoration:none}a span{color:#007bff!important}a:hover{text-decoration:underline}.highlight{background-color:#ff0}.text-style{color:#000}.header{padding:24px;display:flex;flex-direction:row;gap:20px}@media only screen and (max-width: 520px){.form-input-row{flex-direction:column}}@media only screen and (max-width: 360px){.form-input{width:150px!important}.header-color-select{min-width:20px}}.articles-list{margin-top:20px}.articles-list__article{margin-top:10px;cursor:pointer;padding:10px}.articles-list__article:hover{background-color:#f7f7f7}.articles-list__empty{text-align:center;opacity:.7;margin-top:100px}.categories{display:flex;flex-direction:row;justify-content:space-between;border:1px solid #dcdcde;border-radius:4px;padding:10px;align-items:center;position:relative;cursor:pointer}.categories-list{position:absolute;top:50px;background-color:#fff;z-index:999;border:1px solid #dcdcde;border-radius:4px;left:0}.category{display:flex;flex-direction:row;gap:5px;align-items:center;justify-content:center;background-color:#efefef;padding:8px;border-radius:16px;font-weight:600}.category-select{padding:8px 10px;display:flex;align-items:center;gap:5px;cursor:pointer}.active-categories{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}.categories-placeholder{display:flex;align-items:center;opacity:.7}.picker{width:300px;background:#f0f0f4;border-radius:9px;z-index:9}.picker .react-colorful{width:auto}.picker__swatches{display:flex;margin-top:10px;gap:5px}.picker__swatch{width:24px;height:24px;border:none;padding:0;border-radius:4px;cursor:pointer;outline:none}.react-colorful__pointer{width:16px!important;height:16px!important;cursor:pointer}.react-colorful__hue{height:10px!important;border-radius:6px!important;margin-top:10px}.picker{width:200px;padding:15px;border-radius:6px!important;background-color:#efefef}.picker__controls{display:flex;justify-content:space-between}.picker__current-color{margin-top:10px;padding:4px;text-align:center;border:1px solid black}.picker button{z-index:10;width:50px!important}.react-colorful__saturation{margin-top:10px;border-radius:0!important;border:none!important}.editor-container{padding:20px;border-radius:6px;border:1px solid #dcdcde}.editor-container button{min-width:30px;min-height:30px;padding:5px;border:1px solid #dcdcde;border-radius:6px}.editor-wrapper .ProseMirror{min-height:300px;border-radius:6px;padding:0;outline:none;border:none;box-shadow:none}.editor-wrapper .ProseMirror p{margin:0;padding:0}.editor-wrapper .ProseMirror a{cursor:pointer;color:#00f!important}.editor-wrapper .ProseMirror{color:inherit}.editor-wrapper{margin-top:10px;margin-bottom:10px}.toolbar{display:flex;flex-direction:row;gap:10px}.toolbar__section{position:relative;display:flex;flex-direction:row;gap:5px}.toolbar__current-color{height:10px;width:10px;border-radius:50%;border:1px solid black}.toolbar__color-button{display:flex;flex-direction:row;gap:3px;align-items:center;justify-content:center}.toolbar__active-button{background-color:#ddefff}.toolbar__color-picker-container{z-index:9;top:35px;position:absolute}.hyperlink{min-height:30px;display:flex;flex-direction:row;gap:5px}.hyperlink button{min-width:30px;min-height:30px;padding:5px;border-radius:6px}.hyperlink__input-container{display:flex;align-items:center;border:1px solid #dcdcde;border-radius:6px;padding-left:5px}.hyperlink__input-container input{outline:none;border:none}.hyperlink{display:flex;flex-direction:row}button{cursor:pointer}.editor-wrapper{overflow:auto}.editor-wrapper ul,.editor-wrapper ol{margin:0;padding-left:1.25rem}@media only screen and (max-width: 520px){.toolbar{flex-direction:column}}.create-article{display:flex;flex-direction:column;gap:10px;margin-top:20px}.create-article__title{font-size:16px;padding:10px;height:46px;border-radius:6px;border:1px solid #dcdcde}.create-article__publish{background-color:#165dfb;color:#fff;width:180px;border:none;padding:8px;border-radius:8px;height:34px;align-self:flex-end;font-size:18px}.create-article__dropbox-area{display:flex;align-items:center;justify-content:center;flex-direction:column;border-radius:6px;border:1px solid #dcdcde;padding:10px}.create-article__dropbox-head{display:flex;width:100%;margin-bottom:10px;align-items:flex-end;justify-content:flex-end}.create-article__path-container{width:100%;display:flex;justify-content:center}.create-article__folders-container{width:100%;max-height:300px;overflow-y:scroll}.create-article__item{display:flex;flex-direction:row;gap:5px;padding:5px;align-items:center;cursor:pointer}.create-article__item:hover{background-color:#efefef}.create-article__folder-container{width:100%}.create-article__dropbox-item{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:10px;width:100%}.create-article__item-inner{display:flex;flex-direction:row;align-items:center;gap:5px}.create-article__remove-file{border:none;background-color:transparent}.create-article__no-items{opacity:.7;font-size:14px;text-align:center}.articles-container{padding:0 24px}.articles-container__head{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.articles-container__button{display:flex;flex-direction:row;gap:5px;align-items:center;justify-content:center;font-size:24px;font-weight:600;border:none;background-color:transparent}.article-categories{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:20px}.article-categories__category{padding:1rem;border:1px solid #ccc;border-radius:6px;font-weight:600;display:flex;flex-direction:row;justify-content:space-between;align-items:center;cursor:pointer}.article{display:flex;flex-direction:column;padding:0 24px}.article__head{display:flex;flex-direction:column}.article__category{font-weight:600;font-size:14px;margin-top:5px;opacity:.8}.article__time{justify-self:flex-end;align-self:flex-end;font-size:14px}.article__content{margin-top:20px;margin-bottom:20px;padding:5px}.articles-back{display:flex;flex-direction:row;gap:5px;align-items:center;justify-content:center;font-size:24px;font-weight:600;border:none;background-color:transparent;margin-bottom:20px;justify-self:flex-end}