/* --- --- general settings --- --- */

:root {
    --white: #FFF;
    --black: #242424;
    --orange: #EB5E28;
    --shadow-black: #24242465;
    --background-white: #24242410;
    --background-white-transparent: #FFFFFFE4;
    --background-orange: #EB5E283D;
    --background-orange-intense: #EB5E28CC;
    --backgroung-green: #2DE1007F;
    --red: #F00;
    --selection: #BFDBF7;
    --shadow-classic: 0 0 2.5px var(--shadow-black);
    --shadow-classic-soft: 0 0 1.5px var(--shadow-black);
    --shadow-orange: 0 0 2.5px var(--orange);
    --shadow-red: 0 0 2.5px var(--red);
    --border-classic: 1px solid var(--shadow-black);
    --border-bold: 2.5px solid var(--shadow-black);
}

* {
    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: var(--black);
    text-decoration: none;
    border: none;
    outline: none;
}

*::selection {
    background-color: var(--selection);
    color: var(--black);
}

/* --- --- general settings --- --- */


/* --- --- special elements --- --- */

.technical-info {
    opacity: 0;
    display: none;
}

.inevitably::after {
    margin-left: 1.5px;
    content: '*';
    color: var(--red);
}

.arrow-switch, .search-filters-select-arrow, .settings-information-block-arrow {
    margin-left: 5px;
    margin-bottom: 3px;
    width: 5px;
    height: 5px;
    border: 1.5px solid;
    border-color: var(--black) transparent transparent var(--black);
    transform: rotate(-135deg);
}

.arrow-switch-up, .search-filters-select-arrow-up, .settings-information-block-arrow-up {
    transform: rotate(45deg);
    margin-top: 9px;
}

.mobile-menu::before {
    margin-top: -8px;
    content: '';
}
.mobile-menu::after {
    margin-top: 8px;
    content: '';
}

.mobile-menu-close, .information-error-message, .complain-close, .clean-form-input, .settings-information-delete {
    transform: rotate(45deg);
}
.mobile-menu-close::before, .information-error-message::before, .complain-close::before, .clean-form-input::before, .settings-information-delete::before {
    content: '';
    transform: rotate(90deg);
}

.mobile-menu, .mobile-menu::before, .mobile-menu::after,
.mobile-menu-close, .mobile-menu-close::before,
.information-error-message, .information-error-message::before, .complain-close, .complain-close::before,
.clean-form-input, .clean-form-input::before, .settings-information-delete, .settings-information-delete::before {
    height: 2.5px;
    width: 30px;
    display: block;
    position: absolute;
    background-color: var(--white);
    border-radius: 2px;
}

.information-error-message, .information-error-message::before,
.complain-close, .complain-close::before,
.clean-form-input, .clean-form-input::before {
    width: 20px;
}

.clean-form-input, .clean-form-input::before {
    background-color: var(--black);
}

.user-notification {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: var(--red);
    position: absolute;
    left: 75%;
    top: 75%;
}
.user-notification-active {
    display: block;
}

.user-options-panel {
    width: 225px;
    height: 135px;
    position: absolute;
    bottom: -415%;
    overflow-y: scroll;
}

.feed-publication-footer-likes, .feed-publication-footer-dislikes,
.feed-publication-footer-bookmark, .feed-publication-footer-spread,
.feed-publication-footer-comments, .feed-publication-footer-complain {
    height: 20px;
    min-width: 20px;
    margin-right: 10px;
    padding: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    cursor: pointer;
    user-select: none;
}

.feed-publication-footer-likes:hover, .feed-publication-footer-dislikes:hover,
.feed-publication-footer-bookmark:hover, .feed-publication-footer-spread:hover,
.feed-publication-footer-comments:hover, .feed-publication-footer-complain:hover {
    background-color: var(--background-orange);
}

.feed-publication-footer-comments:active, .feed-publication-footer-spread:active, .feed-publication-footer-complain:active {
    background-color: var(--background-orange-intense);
}

.feed-publication-footer-like-icon, .feed-publication-footer-dislike-icon {
    width: 16.5px;
    height: 16.5px;
}
.feed-publication-footer-dislike-icon {
    transform: rotate(180deg);
}
.feed-publication-footer-comments-icon {
    width: 17px;
    height: 17px;
}
.feed-publication-footer-bookmark-icon {
    width: 19px;
    height: 19px;
}
.feed-publication-footer-spread-icon {
    width: 15.5px;
    height: 15.5px;
}

.label-legal-input, .settings-input-checkbox-label {
    max-width: 13px;
    max-height: 13px;
    min-width: 13px;
    min-height: 13px;
    margin-right: 5px;
    box-shadow: 0px 0px 1px var(--black);
    border-radius: 2.5px;
    position: relative;
    cursor: pointer;
}
.label-legal-input-active, .settings-input-checkbox-label-active {
    background-color: var(--black);
}
.label-legal-input-active::before, .settings-input-checkbox-label-active::before {
    width: 3px;
    height: 7px;
    content: '';
    border: solid var(--white);
    border-width: 0px 2px 2px 0px;
    transform: rotate(45deg);
    position: absolute;
    right: 30%;
    bottom: 25%;
}

.arrow-block {
    width: 15px;
    height: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: 30%;
    left: 14%;
    transform: rotate(90deg);
}
.arrow-block-up {
    transform: rotate(270deg);
    bottom: 25%;
}
.arrow-block-box {
    position: absolute;
    width: 8px;
    height: 2px;
    background-color: var(--black);
}
.arrow-block-box::before, .arrow-block-box::after {
    content: '';
    position: absolute;
    width: 7px;
    height: 2px;
    right: -2.5px;
    background-color: var(--black);
}
.arrow-block-box::before {
    top: 2px;
    transform: rotate(-45deg);
}
.arrow-block-box::after {
    top: -2px;
    transform: rotate(45deg);
}

.hub-data-block {
    width: 20px;
    height: 20px;
    border-radius: 50px;
    cursor: pointer;
    user-select: none;
    box-shadow: var(--shadow-classic);
}
.hub-data-name {
    color: var(--white);
    text-shadow: 0 0 1px var(--black);
    font-size: 8.5px;
    font-weight: 900;
}

.cookies-panel {
    width: 450px;
    padding: 5px;
    padding-left: 15px;
    padding-right: 15px;
    position: fixed;
    bottom: 0;
    box-shadow: var(--shadow-classic);
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: var(--white);
    opacity: 90%;
}

.cookie-title {
    margin-top: 2.5px;
    font-weight: 900;
    font-size: 12px;
    text-align: center;
}
.cookie-text {
    margin-top: 2.5px;
    margin-bottom: 2.5px;
    font-size: 12px;
    text-align: center;
}
.cookie-panel-link {
    font-size: 12px;
    text-decoration: underline;
}
.cookie-button {
    margin-top: 2.5px;
    margin-bottom: 2.5px;
}

/* --- --- COMPLAIN --- --- */

.complain-panel {
    background-color: var(--background-white-transparent);
}
.complain-block {
    padding: 10px;
    padding-left: 35px;
    padding-right: 35px;
}
.complain-block-fields, .complain-info, .complain-send {
    margin-top: 10px;
}
.complain-text-field {
    margin-top: 20px;
}
.complain-block-fields .captcha-block {
    margin-top: 10px;
    margin-bottom: 10px;
}
.complain-topic-field, .complain-text-field, .complain-captcha-field, .s-arc-button-field {
    width: 425px;
}
.complain-topic-field, .complain-captcha-field {
    height: 35px;
}
.complain-text-field {
    height: 100px;
}
.complain-topic-field, .complain-text-field, .complain-captcha-field {
    box-shadow: var(--shadow-classic);
    border-radius: 5px;
    position: relative;
}
.complain-topic-input, .complain-text-input, .complain-captcha-input {
    width: 100%;
    height: 100%;
    padding-left: 5px;
    padding-right: 5px;
    background-color: transparent;
    resize: none;
}
.complain-text-field {
    padding-top: 5px;
    padding-bottom: 5px;
}
.complain-topic-field-label, .complain-text-field-label, .complain-captcha-field-label, .complain-length {
    padding-left: 0.5px;
    padding-right: 0.5px;
    font-size: 12px;
    font-weight: 900;
    background-color: var(--white);
    position: absolute;
    left: 0.75%;
    user-select: none;
}
.complain-topic-field-label, .complain-captcha-field-label {
    top: -20.5%;
}
.complain-text-field-label {
    top: -7.5%;
}
.complain-length {
    font-size: 10px;
    white-space: nowrap;
    color: var(--shadow-black);
}
.complain-length-topic {
    bottom: -18%;
}
.complain-length-text {
    bottom: -5.5%;
}

.complain-info {
    height: 35px;
    width: 100%;
    background-color: var(--background-orange);
    border-radius: 5px;
}
.complain-info-success {
    background-color: var(--backgroung-green);
}
.complain-info-text {
    text-align: center;
    font-size: 14px;
    font-weight: 900;
}

/* --- --- COMPLAIN --- --- */

/* --- --- special elements --- --- */


/* --- --- flex settings --- --- */

.search-filters-options-block, .countries, .sexes, .years, .months, .days, .timezones {
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: start;
}

.settings-input-box, .create-input-block, .create-textarea-field {
    display: flex;
    flex-direction: column;
    align-items: normal;
    justify-content: center;
}

.feed-publication-footer-block, .author-block-name-subscribers, .comments-block, .comments-block-body,
.user-profile-box, .user-profile-name-stat, .interlocutor-dialogue-data, .settings-input-check-box, .settings-special-box,
.rules-box {
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: center;
}

body, .main-s-arc, .feed, .feed-block, .user-profile-about-block, .create-input-hubs-list {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: start;
}

.s-arc-box, .mobile-menu-panel, .information-message-block, .feed-publication-main-block, .complain-block, 
.complain-block-fields, .comments-block-block, .comments-block-block-alt, .publications-block-block, .login-box, .links-box,
.box-no-messages, .settings-input-box-0, .settings-input-box-1 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.search-filters, .search-filters-select, .feed-publication-tools, .feed-publication-hubs,
.article-author, .comments-block-body-author-name-date, .comments-block-body-author, .user-profile-main,
.user-profile-image-name, .user-profile-stat-block, .user-profile-write-subscribe, .input-box-date, .settings-input-checkbox-0,
.create-input-field, .article-or-post, .create-input-hubs, .create-textarea-tools, .create-image-field, .create-image-name-file-delete, .art-aut-img-nm {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: start;
}

.login-link-panel {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
}

.header-container, .mobile-panel, .search-line, .author-tools, .settings-box-split, .settings-input-box-place-split,
.settings-label-box {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.author-block-name-sub, .settings-input-box-education-job {
    display: flex;
    flex-direction: row;
    align-items: start;
    justify-content: space-between;
}

.author-block-write-subscribe {
    display: flex;
    flex-direction: row;
    align-items: start;
    justify-content: left;
}

.filters-options, .feed-publication-title, .feed-publication-article-block-footer, .feed-publication-footer-panel,
.author-block-image-name-subscribers, .comments-block-body-tools, .user-profile-detail-title-box,
.hubs-sorting-name, .hubs-sorting-count, .hub-block-image-link, .feed-messages, .settings-input-box-title-align,
.settings-input-checkbox-block, .create-buttons-block, .create-input-field-title, .create-input-field-title, .create-input-field-title {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: left;
}

.comments-send-button-block, .hub-block-count, .save-box, .s-arc-button-field {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: right;
}

.footer-container, .header-s-arc, .footer-s-arc, .footer-box,
.s-arc-button, .header-site-name, .header-container-panel,
.login-link, .footer-s-arc, .information-message-panel-close, .complain-panel-close,
.s-arc-paginator-block, .information-panel, .complain-panel, .clean-form-input-block,
.feed-publication-views, .feed-publication-time, .comments-empty, .login-block,
.login-info-block, .input-box, .input-date, .legal-box, .page-error-block, .hubs-sorting, .hub-block, .tool,
.settings-information-block-delete, .settings-information-block-tools, .hub-image, .hub-data-block,
.complain-topic-field, .complain-text-field, .complain-captcha-field, .complain-info {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.main-s-arc, .comments-empty, .login-block, .feed-messages-panel, .box-no-messages {
    flex: 1 0 auto;
}

.feed-publication-hubs {
    flex-wrap: wrap;
    row-gap: 5px;
}

.user-option {
    display: block;
}

/* --- --- flex settings --- --- */


/* --- --- width, height settings --- --- */

html, body, .header-s-arc, .footer-s-arc, .main-s-arc, 
.mobile-menu-panel, .information-panel, .complain-panel, .s-arc-publications-block-name,
.s-arc-publications-block-body, .author-tools, .author-tool-img, .comments-block-name,
.comments-block, .comments-block-body-tools, .comments-dialogue-block, .load-comments,
.comments-empty, .comments-send-button-block, .user-profile-detail-block, .user-profile-main,
.user-profile-about-title, .user-profile-about-block, .user-profile-about, .user-profile-detail-title-box,
.user-profile-detail-box, .user-profile-detail-text, .login-info-block, .input-field, .s-arc-login-label-box,
.feed-messages-block, .settings-box, .settings-title, .settings-input-box-title, .settings-input, .save-box,
.create-input-block, .create-input-hubs-list, .create-textarea-field, .create-textarea-tools, .create-image-field,
.create-buttons-block {
    width: 100%;
}

html, .header-container, .footer-container, .main-s-arc,
.footer-box, .feed, .author-tool-img, .comments-empty, .feed-block,
.user-profile-write-subscribe, .input-field, .hubs-sorting-name, .hubs-sorting-count, .settings-input,
.box-no-messages {
    height: 100%;
}

body {
    min-height: 100%;
    max-height: 100%;
}

.s-arc-box, .search-line, .search-filters, .search-filters-options-block {
    width: 700px;
}

.header-feed-footer-width {
    width: 730px;
    min-width: 500px;
}

.feed-width {
    width: 690px;
}

.header-s-arc, .footer-s-arc {
    max-height: 50px;
    min-height: 50px;
}

.header-site-name, .header-container-panel, .login-link {
    max-height: 40px;
    min-height: 40px;
}

.mobile {
    max-width: 40px;
    min-width: 40px;
}

.search-line, .search-line-input {
    max-height: 35px;
    min-height: 35px;
}

.search-line-input {
    width: 590px;
}

.clean-form-input-block {
    width: 35px;
    height: 35px;
}

.search-filters {
    height: 30px;
}

.information-button {
    width: 80px;
    height: 25px;
}

.search-button {
    width: 70px;
    max-height: 30px;
    min-height: 30px;
}

.panel-link {
    width: 70px;
}

.login-link-panel {
    width: 50px;
    max-height: 25px;
    min-height: 25px;
}

.information-message-panel-close, .complain-panel-close {
    width: 20px;
    height: 20px;
}

.user-profile-icon {
    max-width: 35px;
    max-height: 35px;
    min-width: 35px;
    min-height: 35px;
}

.mobile-menu-panel, .information-panel, .complain-panel {
    height: 100vh;
}

.information-message-block {
    width: 400px;
    height: 125px;
}

.footer-s-arc {
    max-height: 24px;
    min-height: 24px;
}

.author-tool {
    width: 20px;
    height: 20px;
}

.author-tools {
    height: 25px;
}

.feed-publication-type {
    width: 45px;
}

.feed-publication-views-icon {
    width: 20px;
    height: 20px;
}
.feed-publication-time-icon {
    width: 15px;
    height: 15px;
}
.feed-publication-footer-complain-icon {
    width: 16.5px;
    height: 16.5px;
}

.feed-publication-image {
    height: 350px;
}

.article-author-image, .comments-block-body-author-image {
    width: 25px;
    height: 25px;
}

.author-block-image {
    width: 40px;
    height: 40px;
}

.comments-block {
    min-height: 50px;
}

.user-profile-image {
    width: 100px;
    height: 100px;
}

/* --- --- width, height settings --- --- */


/* --- --- padding, margin settings --- --- */

/* --- --- padding --- --- */
.author-tool-img {
    padding: 1.5px;
}
.text-frame, .feed-publication-type, .hub-block {
    padding: 2.5px;
}
.user-option, .countries, .sexes, .years, .months, .days, .timezones,
.country, .sex, .year, .month, .day, .timezone, .hub {
    padding: 5px;
}
.s-arc-box, .comments-block-body {
    padding: 10px;
}
/* --- --- padding-top --- --- */
.s-arc-button, .panel-link, .login-info-block, .settings-title {
    padding-top: 5px;
}
/* --- --- padding-bottom --- --- */
.s-arc-publications-block-name, .s-arc-button, .panel-link,
.comments-block-name, .login-info-block, .settings-title {
    padding-bottom: 5px;
}
/* --- --- padding-left --- --- */
.feed-publication-type {
    padding-left: 1.5px;
}
.search-line-input, .text-frame, .input-field, .settings-input, .create-input-hub {
    padding-left: 5px;
}
.s-arc-button, .login-link-panel, .user-option, .create-input, .create-input-hubs, .hub-block {
    padding-left: 10px;
}
.s-arc-box {
    padding-left: 15px;
}
/* --- --- padding-right --- --- */
.feed-publication-type {
    padding-right: 1.5px;
}
.text-frame, .input-field, .settings-input, .create-input-hub {
    padding-right: 5px;
}
.s-arc-button, .login-link-panel, .user-option, .create-input, .create-input-hubs, .hub-block {
    padding-right: 10px;
}
.s-arc-box {
    padding-right: 15px;
}
/* --- --- margin --- --- */
.user-options-panel-box {
    margin: 5px;
}
/* --- --- margin-top --- --- */
.s-arc-publications-block-body .feed-publication-tools, .user-option, .mobile-menu-panel-link,
.author-block-subscribers, .image-description-text, .image-file-name, .settings-label-image, .get-link {
    margin-top: 2.5px;
}
.feed-block, .feed-publication, .feed-publication-info-block, .comments-block,
.comments-block-body-tools, .comments-show, .load-comments, .comments-empty,
.comments-dialogue-block, .user-profile-detail-text, .input-box, .input-date, .captcha-block, .links-box,
.create-input-field-title-description, .hub, .create-input-hub, .author-block-description {
    margin-top: 5px;
}
.feed-publication-tools {
    margin-top: 5.5px;
}
.feed, .search-filters-option, .empty, .s-arc-publications-block-body, .feed-publication-footer-panel,
.information-message, .feed-publication-text-block, .comments-send-button-block, .settings-input-check-box,
.user-profile-about-title, .login-box-title, .hub-block, .feed-messages, .feed-settings, .create-input-field,
.pub-empty-publications {
    margin-top: 10px;
}
/* --- --- margin-bottom --- --- */
.s-arc-publications-block-body:last-child {
    margin-bottom: 0;
}
.user-option, .mobile-menu-panel-link, .user-profile-name, .interlocutor-name,
.image-description-text, .image-file-name, .settings-special-text {
    margin-bottom: 2.5px;
}
.feed, .search-filters-option-title, .feed-publication, .comments-block-body-author, .load-comments,
.user-profile-about-title, .login-box-title, .login-info-block, .input-box, .input-date, .captcha-block, .hubs-sorting,
.settings-input-box, .settings-label-box, .settings-private-info {
    margin-bottom: 5px;
}
.feed-publication-tools {
    margin-bottom: 5.5px;
}
.search-filters-option, .empty, .filters-options-apply, .information-message, .feed-publication-info-block,
.feed-publication-text-block, .s-arc-publication-feed, .hub-block, .feed-messages-panel, .feed-settings,
.create-input-block, .settings-special-link, .base-text-publication {
    margin-bottom: 10px;
}
.base-text-publication:last-child {
    margin-bottom: 0;
}
/* --- --- margin-left --- --- */
.search-filters-select, .search-filters-select-user, .search-filters-options,
.feed-publication-footer-likes-count, .feed-publication-footer-dislikes-count, .feed-publication-footer-comments-count,
.filters-options-apply, .panel-link, .information-message, .article-author-name, .author-block-name, .comments-block-body-author-name, .e-link,
.article-author-date, .comments-block-body-author-date, .author-block-subscribers, .login-info-block-text, .s-arc-login-label,
.hubs-sorting, .hub-block, .interlocutor-dialogue-data, .count-about, .block-title, .user-profile-detail-block, .settings-information-block-name,
.max-hubs, .create-counter, .maximum-key-words {
    margin-left: 5px;
}
.footer-link, .user-profile-box, .hub-link-and-description, .feed-publication-views, .feed-publication-time,
.settings-special-text, .settings-special-text-c {
    margin-left: 10px;
}
.footer-container, .interlocutor-image, .tool {
    margin-left: 15px;
}
/* --- --- margin-right --- --- */
.search-button {
    margin-right: 2.5px;
}
.option-button, .panel-link, .information-message, .feed-publication-views-icon,
.feed-publication-time-icon, .feed-publication-hub-name, .login-info-block-text, .hubs-sorting, .hub-block, .hub-text,
.create-image-name, .settings-information-block-tools, .settings-information-block-arrow, .separator-date, .text-date {
    margin-right: 5px;
}
.mobile, .footer-link, .comments-block-body-comment-answ, .input-date, .settings-input-checkbox-block, .pub-type,
.create-button {
    margin-right: 10px;
}
.footer-container {
    margin-right: 15px;
}

/* --- --- margin, padding settings --- --- */


/* --- --- overflow, position settings --- --- */

body {
    overflow-y: auto;
}

.header-s-arc, .s-arc-box, .search-line, .clean-form-input-block, .s-arc-button,
.user-profile-icon, .main-s-arc, .information-message-block, .complain-block,
.feed-publication-main-block, .comments-block-block, .comments-block-block-alt, .publications-block-block,
.input-box, .input-date, .input-field, .hubs-sorting-name, .hubs-sorting-count, .settings-input, #about-field, .create-input-field,
.create-input-hubs, .hub-block, .settings-information-block-delete {
    position: relative;
}

.mobile-menu-panel, .information-panel, .complain-panel {
    position: fixed;
    top: 0;
}

.information-message-panel-close {
    position: absolute;
    top: 7.5%;
    left: 92.5%;
}
.complain-panel-close {
    position: absolute;
    top: 2%;
    left: 94.5%;
}

/* --- --- overflow, position settings --- --- */


/* --- --- border, outline settings --- --- */

.login-link-panel {
    border: 1.25px solid var(--white);
    border-radius: 2.5px;
}

.s-arc-box-style, .search-line, .s-arc-button, .text-frame,
.user-profile-icon, .user-option, .author-tool-img, .feed-publication-type,
.article-author-image, .comments-block-body-author-image, .author-block-image,
.comments-block-body, .user-profile-image, .input-box, .input-date, .interlocutor-image, #about-field,
.country, .sex, .year, .month, .day, .timezone, .create-input-hubs-list, .hub,
.create-input, .create-input-hub, .create-input-hubs, .create-annotation, .create-textarea, .hub-block, .create-textarea-field,
.tool, .settings-title, .settings-information-block {
    border-radius: 5px;
}

.search-filters, .search-filters-options-block, .s-arc-publications-block-name,
.comments-block-name, .hubs-sorting {
    border-bottom: var(--border-classic);
}

.text-frame {
    border: var(--border-classic);
}

.option-button-active {
    border-color: var(--orange);
}

.header-site-name-link:hover, .feed-publication-hub-name:hover {
    border-color: var(--orange);
}

.panel-link, .feed-publication-image {
    border-radius: 2.5px;
}

.login-link-panel, .feed-publication-views-icon, .feed-publication-time-icon,
.feed-messages {
    border-radius: 50px;
}

.information-message-block, .complain-block {
    border-radius: 15px;
}

/* --- --- border, outline settings --- --- */


/* --- --- background, shadow, z-index settings --- --- */

.article-author-image, .comments-block-body-author-image, .search-line,
.search-line-input, .text-frame, .user-profile-image, .input-field, .settings-input,
#about-field, .create-input, .create-input-hub, .create-input-hubs, .create-annotation, .create-textarea,
.captcha-block {
    background-color: transparent;
}

.header-s-arc, .footer-s-arc, .information-error-message, .information-error-message::before, .complain-close, .complain-close::before {
    background-color: var(--black);
}

.header-s-arc, .footer-s-arc {
    z-index: 999;
}

.mobile-menu-panel {
    z-index: 900;
}

.main-s-arc {
    z-index: 930;
}

.main-s-arc, .s-arc-box-style, .mobile-menu-panel, .information-message-block, .complain-block,
.s-arc-login-label, .create-input-hubs-list {
    background-color: var(--white);
}

.s-arc-box-style, .search-line, .information-message-block, .complain-block, .input-box, .input-date, #about-field,
.create-input-hubs-list, .create-input, .create-input-hub, .create-input-hubs, .create-annotation, .create-textarea,
.create-input-hub, .create-textarea-field, .settings-information-block {
    box-shadow: var(--shadow-classic);
}

.search-line-active, .hub-block {
    box-shadow: var(--shadow-orange);
}

.s-arc-button, .settings-title {
    background-color: var(--background-white);
}

.information-panel {
    background-color: var(--background-white-transparent);
}

.feed-publication-type {
    background-color: var(--orange);
}

.mobile:hover .mobile-menu, 
.mobile:hover .mobile-menu::before, 
.mobile:hover .mobile-menu::after,
.mobile:hover .mobile-menu-close, 
.mobile:hover .mobile-menu-close::before, 
.panel-link:hover,
.panel-link-active, 
.information-message-panel-close:hover .information-error-message,
.information-message-panel-close:hover .information-error-message::before,
.complain-panel-close:hover .complain-close,
.complain-panel-close:hover .complain-close::before,
.clean-form-input-block:hover .clean-form-input, 
.clean-form-input-block:hover .clean-form-input::before {
    background-color: var(--orange);
}

.s-arc-button:hover, .s-arc-button-active, .author-tool-img:hover {
    background-color: var(--background-orange);
}

.user-option:hover {
    background-color: var(--background-orange-intense);
}

/* --- --- background, shadow, z-index settings --- --- */


/* --- --- cursor settings --- --- */

.clean-form-input-block, .search-filters-select, .s-arc-links-style, 
.s-arc-button, .text-frame, .mobile, .arrow-switch, .user-profile-icon,
.user-option, .information-message-panel-close, .complain-panel-close, .author-tool, .publication-status,
.feed-publication-type, .feed-publication-views, .feed-publication-time, .comments-block-body-comment-answ,
.comments-show, .load-comments, .comments-empty, .user-profile-detail-title-box, .hubs-sorting, .feed-messages,
.country, .sex, .year, .month, .day, .timezone, #sex-field, .hub, .create-input-hubs, .tool, .settings-information-block,
.settings-input-checkbox-block {
    cursor: pointer;
}

.user-profile-name-stat, .hub-block-count {
    cursor: default;
}

/* --- --- cursor settings --- --- */


/* --- --- fonts, text, color settings --- --- */

.feed-publication-type, .image-description-text, .image-file-name, .file-name {
    font-size: 10px;
}

.s-arc-button, .option-button, .panel-link, .login-link-text,
.footer-link, .publication-status, .feed-publication-hub-name,
.feed-publication-footer-likes-count, .feed-publication-footer-dislikes-count, .feed-publication-footer-comments-count,
.comments-block-body-comment-answ, .comments-show, .load-comments, .comments-empty, .comments-show-text, .comments-show-count,
.s-arc-login-label, .hubs-sorting-title, .settings-input-length, .get-link-again, .get-link-again-timer, .create-input-field-title-description,
.create-error-field-message, .create-counter, .settings-special-text-c {
    font-size: 12px;
}

.search-filters-select, .information-button, .search-filters-option-title, .search-filters-select-user,
.feed-publication-author-link, .feed-publication-author, .feed-publication-views-count, .feed-publication-time-count,
.feed-publication-read-link, .article-author-name, .author-block-name, .comments-block-body-author-name, .e-link,
.article-author-date, .comments-block-body-author-date, .author-block-subscribers, .comments-empty,
.login-info-block-text, .legal-box-text, .legal-box-text-link, .links-box-link, .last-message-author, .interlocutor-name,
.last-message, .settings-label, .settings-input-checkbox-span, .hub-text, .tool, .create-image-name, .info-moderation, .hub-description,
.settings-private-info, .change-settings-info, .text-date, .author-block-description {
    font-size: 14px;
}

.search-button {
    font-size: 16px;
}

.s-arc-publications-block-name, .mobile-menu-panel-link, .comments-block-name, .user-profile-about-title,
.user-profile-detail-title, .login-box-title, .no-messages, .settings-title, .settings-input-box-title {
    font-size: 18px;
}

.feed-publication-title-link, .article-title {
    font-size: 20px;
}

.header-site-name-link, .user-profile-name {
    font-size: 26px;
}

.filters-options-apply, .empty, .s-arc-publications-block-title, .s-arc-button,
.panel-link, .login-link-text, .user-option, .footer-link, .feed-publication-title-link,
.publication-status, .feed-publication-author, .feed-publication-type,
.feed-publication-footer-likes-count, .feed-publication-footer-dislikes-count, .feed-publication-footer-comments-count,
.article-title, .article-author-name, .author-block-name, .comments-block-body-author-name, .e-link,
.comments-show, .load-comments, .comments-empty, .detail-title, .login-info-block-text, .links-box-link, .hubs-sorting-title, .no-messages,
.interlocutor-name, .last-message-author, .settings-input-box-title, .image-description-text, .image-file-name, .settings-label,
.get-link-again, .file-name, .create-input-field-title-description, .tool, .create-error-field-message, .info-moderation, .settings-special-text,
.settings-special-text-c, .settings-information-block-name, .hub-link, .hub-block-count-data, .pub-empty-publications,
.information-message, .mobile-menu-panel-link, .change-settings-info, .abbr-name, .complain-block-title {
    font-weight: 900;
}

@media (-webkit-max-device-pixel-ratio: 1.5) {

    .filters-options-apply, .empty, .s-arc-publications-block-title, .s-arc-button,
    .panel-link, .login-link-text, .user-option, .footer-link, .feed-publication-title-link,
    .publication-status, .feed-publication-author, .feed-publication-type,
    .feed-publication-footer-likes-count, .feed-publication-footer-dislikes-count, .feed-publication-footer-comments-count,
    .article-title, .article-author-name, .author-block-name, .comments-block-body-author-name, .e-link,
    .comments-show, .load-comments, .comments-empty, .detail-title, .login-info-block-text, .links-box-link, .hubs-sorting-title, .no-messages,
    .interlocutor-name, .last-message-author, .settings-input-box-title, .image-description-text, .image-file-name, .settings-label,
    .get-link-again, .file-name, .create-input-field-title-description, .tool, .create-error-field-message, .info-moderation, .settings-special-text,
    .settings-special-text-c, .settings-information-block-name, .hub-link, .hub-block-count-data, .pub-empty-publications,
    .information-message, .mobile-menu-panel-link, .change-settings-info, .abbr-name, .complain-block-title {
        font-weight: 600 !important;
    }

    .hub-data-name {
        font-weight: 600 !important;
    }
    .cookie-title {
        font-weight: 600 !important;
    }
    .complain-topic-field-label, .complain-text-field-label, .complain-captcha-field-label, .complain-length {
        font-weight: 600 !important;
    }
    .complain-info-text {
        font-weight: 600 !important;
    }
    /* pub */
    .comments-block-block-alt-message, .dis-comments, .e-bold, .e-footnote-span {
        font-weight: 600 !important;
    }
    .e-break {
        height: 1px !important;
    }
    /* chat */
    .message-head-name, .messages-user-name, .block-chat-text {
        font-weight: 600 !important;
    }
    /* errors */
    .page-error-message {
        font-weight: 600 !important;
    }
    /* login */
    .new-query {
        font-weight: 600 !important;
    }
    /* rules */
    .s-arc-rules-place-date, .s-arc-rules-link {
        font-weight: 600 !important;
    }
    /* settings */
    .settings-error-message {
        font-weight: 600 !important;
    }

}

.empty, .panel-link, .information-message, .feed-publication-type, .load-comments,
.login-info-block-text, .image-description-text, .image-file-name, .year, .month, .day, .info-moderation, .settings-title {
    text-align: center;
}

.feed-publication-text, .comments-block-body-comment-answ, .user-profile-about-title, .user-profile-about,
.user-profile-detail-title, .user-profile-detail-text, .s-arc-login-label, .legal-box-text, .settings-input-box-title {
    text-align: left;
}

.feed-publication-text, .author-block-description, .user-profile-about {
    text-wrap: wrap;
    white-space: normal;
    word-break: break-word;
}

.article-text, .feed-publication-text {
    line-height: 1.5rem;
}

.panel-link, .login-link-text, .publication-status, .feed-publication-type {
    text-transform: uppercase;
}

.header-site-name-link, .login-link, .panel-link, .login-link-text,
.footer-link, .feed-publication-type {
    color: var(--white);
}

.count-about, .image-description-text, .image-file-name, .file-name, .settings-input-length,
.create-input-field-title-description, .create-counter, .max-hubs, .maximum-key-words, .settings-special-text-c,
.settings-private-info, .change-settings-info, .hub-description, .comments-block-body-author-date {
    color: var(--shadow-black);
}

.publication-status, .info-moderation {
    color: var(--orange);
}

.login-info-block-text {
    color: var(--red);
}

.s-arc-publications-block-title:hover, .s-arc-links-style:hover, .login-link-text:hover,
.feed-publication-hub-name:hover, .feed-publication-title-link:hover, .feed-publication-author-link:hover,
.comments-block-body-comment-answ:hover, .load-comments:hover, .article-author-name:hover, .author-block-name:hover,
.comments-block-body-author-name:hover, .e-link:hover, .legal-box-text-link:hover, .links-box-link:hover, .hub-link:hover,
.interlocutor-name:hover, .profile-job-link:hover {
    color: var(--orange);
}

.panel-link:hover {
    color: var(--white);
}

/* --- --- fonts, text, color settings --- --- */


/* --- --- paginator settings --- --- */

.s-arc-paginator-block {
    height: 30px;
    margin-top: 5px;
    margin-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
    border-radius: 50px !important;
}

.s-arc-paginator-arrow {
    margin-left: 5px;
    margin-right: 5px;
    width: 5px;
    height: 5px;
    border: 1.5px solid;
    border-color: var(--black) transparent transparent var(--black);
    cursor: pointer;
}
.s-arc-paginator-arrow-left {
    transform: rotate(-45deg);
}
.s-arc-paginator-arrow-right {
    transform: rotate(135deg);
}
.s-arc-paginator-arrow:hover {
    border-color: var(--orange) transparent transparent var(--orange);
}

.s-arc-paginator-nums, .s-arc-paginator-last, .s-arc-paginator-first {
    padding-top: 2.5px;
    padding-bottom: 2.5px;
    padding-left: 7.5px;
    padding-right: 7.5px;
    margin-left: 1.5px;
    margin-right: 1.5px;
    cursor: pointer;
    color: var(--black);
    text-decoration: none;
}
.s-arc-paginator-nums:hover {
    background-color: var(--background-orange);
    border-radius: 50%;
}
.s-arc-paginator-last:hover, .s-arc-paginator-first:hover {
    color: var(--orange);
}

.actual-page {
    background-color: var(--background-orange);
    border-radius: 50%;
}

/* --- --- paginator settings --- --- */


/* --- --- display: none; --- --- */

.mobile-deact, .standart-deact, .mobile-menu-disactive, .user-notification, .complain-info-disactive,
.user-options-panel-disactive, .mobile-menu-panel-disactive, .information-panel-disactive, .complain-panel-disactive,
.clean-form-input-block-disactive, .search-filters-options-block-disactive, .feed-icons,
.comments-dialogue-block-disactive, .load-comments-disactive, .comments-empty-disactive, .user-profile-detail-box-disactive,
.settings-input-image, .settings-input-checkbox, .box-disactive, .text-date, .cookies-panel-disactive {
    display: none;
}

/* --- --- display: none; --- --- */

.like-active, .dislike-active, .comment-active, .bookmark-active, .spread-active, .feed-publication-footer-complain-icon {
    display: block;
}