/* Animations */ @keyframes background-move {0%{background-position-x:0;}100%{background-position-x:20px;}} @-webkit-keyframes background-move {0%{background-position-x:0;}100%{background-position-x:20px;}} .progress {pointer-events:none;background-image: linear-gradient(-45deg,var(--c-progress-1) 0,var(--c-progress-1) 25%,var(--c-progress-0) 26%,var(--c-progress-0) 50%,var(--c-progress-1) 51%,var(--c-progress-1) 75%,var(--c-progress-0) 76%);background-size: 20px 20px;animation: background-move 1s linear infinite;transition: none!important;opacity: 0.8;box-shadow: none!important;} .progress-invert {pointer-events:none;background-image: linear-gradient(-45deg,var(--c-progress-11) 0,var(--c-progress-11) 25%,var(--c-progress-10) 26%,var(--c-progress-10) 50%,var(--c-progress-11) 51%,var(--c-progress-11) 75%,var(--c-progress-10) 76%);background-size: 20px 20px;animation: background-move 1s linear infinite;transition: none!important;opacity: 0.8;box-shadow: none!important;} .interaction {opacity: 1;cursor: pointer;transition: .3s} .interaction:active {opacity: .5;} /* General */ * {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-ms-text-size-adjust: 100%;-moz-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;} ::-webkit-input-placeholder {color: var(--c-text-light);} :-moz-placeholder {color: var(--c-text-light);opacity: 1;} ::-moz-placeholder {color: var(--c-text-light);opacity: 1;} :-ms-input-placeholder {color: var(--c-text-light);} ::-ms-input-placeholder {color: var(--c-text-light);} ::placeholder {color: var(--c-text-light);} input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;} input[type=number] {-moz-appearance:textfield;} input[type="range"] {-webkit-appearance: none;appearance: none;width: 100%;cursor: pointer;outline: none;border-radius: 12px;height: 24px;padding: 0!important;border: 9px solid var(--c-content-bg)!important;background: var(--c-accent-light);} input[type="range"]::-webkit-slider-thumb {-webkit-appearance: none;appearance: none;width: 18px;height: 18px;background-color: var(--c-accent);border-radius: 50%;border: none;transition: .2s ease-in-out;} input[type="range"]::-moz-range-thumb {width: 18px;height: 18px;background-color: var(--c-accent);border-radius: 50%;border: none;transition: .2s ease-in-out;} .input-wrapper {display: inline-block;position: relative;width: 100%;} .input-label {position: absolute;left: 15px;top: -9px;background-color: var(--c-content-bg);color: var(--c-text-light);font-weight: bold;padding: 0 7px 1px 7px;border-radius: var(--r-default);} .pre { white-space: pre; /* CSS 2.0 */ white-space: pre-wrap; /* CSS 2.1 */ white-space: pre-line; /* CSS 3.0 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ white-space: -moz-pre-wrap; /* Mozilla */ white-space: -hp-pre-wrap; /* HP Printers */ word-wrap: break-word; /* IE 5+ */ } html,body {font-family: var(--f-default);font-size: var(--fs-default);line-height: var(--lh-default);margin: 0;text-align: center;color: var(--c-text);background-color: var(--c-content-bg);} .body-fixed {position: fixed; left: 0; top: 0; right: 0;} a {color: var(--c-text);text-decoration: none;cursor: default;} svg {width: 100%;height: 100%;} select,input,textarea {-webkit-appearance: none;-moz-appearance: none;appearance: none;font-family: var(--f-default);color: var(--c-text);background-color: var(--c-content-bg);border: 2px solid var(--c-content-border);outline: none;box-shadow:none;font-size: var(--fs-default);width: 100%;max-width: 700px;border-radius: var(--r-default);} select,input {padding: 0 15px;line-height: 32px;} select {background: var(--bg-select);background-color: var(--c-content-bg);height: 36px;} textarea {padding: 15px;resize: none;} select:focus,input:focus,textarea:focus{border-color: var(--c-text-light);} input[type="radio"] {-webkit-appearance: radio;-moz-appearance: radio;appearance: radio;padding: 0;border: none;} input[type="checkbox"] {-webkit-appearance: radio;-moz-appearance: radio;appearance: radio;padding: 0;border: none;} .link {color: var(--c-accent);cursor: pointer;transition: .3s;display: block;max-width: 300px;overflow: hidden;text-overflow: ellipsis;} .link:active {opacity:.5;} .search-input {padding-left: 48px;background: url(https://d2bfqgjv97fx4w.cloudfront.net/i/web/search-general.svg) 16px 50% no-repeat;background-size: 18px;max-width: 100%;} .search-input-header {padding-left: 48px;background: url(https://d2bfqgjv97fx4w.cloudfront.net/i/web/search-general.svg) 16px 50% no-repeat;background-color: var(--c-accent-light);border-color: var(--c-accent-light);background-size: 18px;max-width: 100%;} .svg-filled {fill: var(--c-text-light);} .hidden {display: none!important;} .transparent {opacity: 0!important;} .disabled {pointer-events: none!important;;opacity: .5!important;} .width-max-content {width: max-content!important;} .width-auto {width: auto!important;} .width-100 {width: 100%!important;} .width-50 {width: 50%!important;} .width-10 {width: 10%!important;} .max-width-100 {max-width: 100px;} .max-width-200 {max-width: 200px;} .nowrap, nowrap {white-space: nowrap;} .scroll {overflow-y: scroll;} .border-0 {border: none!important;} .margin-0 {margin: 0!important;} .padding-0 {padding: 0!important;} .padding-15 {padding: 15px;} .padding-25 {padding: 25px;} .padding-15-25 {padding: 15px 25px;} .padding-book-empty {padding: 25px 15px;} .top {vertical-align: top;} .middle {vertical-align: middle;} .bottom {vertical-align: bottom;} .object-fit-unset {object-fit: unset!important;} .text-center , .text-0 {text-align: center!important;} .text-left , .text-1 {text-align: left!important;} .text-right , .text-2 {text-align: right!important;} .text-bold {font-weight: bold!important;} .text-normal {font-weight: normal!important;} .text-uppercase {text-transform: uppercase!important;} .text-default {font-size: var(--fs-default)!important;} .text-small {font-size: var(--fs-small)!important;} .text-micro {font-size: var(--fs-micro)!important;} .text-accent {color: var(--c-accent)!important;} .text-status {color: var(--c-status)!important;} .text-destructive {color: var(--c-destructive)!important;} .text-lavender {color: var(--с-lavender)!important;} .text-light {color: var(--c-text-light)!important;} .work-title {font-weight: bold;font-size: var(--fs-title)!important;} .work-text {font-size: var(--fs-post)!important;line-height: var(--lh-post)!important;} hr {margin:0;margin-top: 25px;border: none;} .hr-border {padding-top: 25px; border-top: 2px solid var(--c-content-border);} .hr-100 {margin-top: 100px;} .hr-75 {margin-top: 75px;} .hr-50 {margin-top: 50px;} .hr-35 {margin-top: 35px;} .hr-30 {margin-top: 30px;} .hr-25 {margin-top: 25px;} .hr-20 {margin-top: 20px;} .hr-15 {margin-top: 15px;} .hr-10 {margin-top: 10px;} .hr-7 {margin-top: 7px;} .hr-5 {margin-top: 5px;} .hr-3 {margin-top: 3px;} .hr-0 {margin-top: 0px;} .table {display:inline-table;width:100%;} .table-cell-100 {display: table-cell;width: 100%;} .table-cell-98 {display: table-cell;width: 98%;} .table-cell-96 {display: table-cell;width: 96%;} .table-cell-95 {display: table-cell;width: 95%;} .table-cell-94 {display: table-cell;width: 94%;} .table-cell-92 {display: table-cell;width: 92%;} .table-cell-90 {display: table-cell;width: 90%;} .table-cell-80 {display: table-cell;width: 80%;} .table-cell-75 {display: table-cell;width: 75%;} .table-cell-70 {display: table-cell;width: 70%;} .table-cell-60 {display: table-cell;width: 60%;} .table-cell-58 {display: table-cell;width: 58%;} .table-cell-55 {display: table-cell;width: 55%;} .table-cell-50 {display: table-cell;width: 50%;} .table-cell-49 {display: table-cell;width: 49%;} .table-cell-48 {display: table-cell;width: 48%;} .table-cell-47 {display: table-cell;width: 47%;} .table-cell-45 {display: table-cell;width: 45%;} .table-cell-40 {display: table-cell;width: 40%;} .table-cell-35 {display: table-cell;width: 35%;} .table-cell-33 {display: table-cell;width: 33%;} .table-cell-32 {display: table-cell;width: 32%;} .table-cell-30 {display: table-cell;width: 30%;} .table-cell-28 {display: table-cell;width: 28%;} .table-cell-25 {display: table-cell;width: 25%;} .table-cell-20 {display: table-cell;width: 20%;} .table-cell-15 {display: table-cell;width: 15%;} .table-cell-10 {display: table-cell;width: 10%;} .table-cell-6 {display: table-cell;width: 6% ;} .table-cell-5 {display: table-cell;width: 5% ;} .table-cell-4 {display: table-cell;width: 4% ;} .table-cell-2 {display: table-cell;width: 2% ;} .table-cell {display: table-cell;} .table-row {display: table-row;} .link-accent {cursor: pointer;transition: .3s;color: var(--c-accent);} .link-destructive {cursor: pointer;transition: .3s;color: var(--c-destructive);} .link-light {cursor: pointer;transition: .3s;color: var(--c-text-light);} .link-accent:active, .link-destructive:active, .link-light:active {opacity: .5;} .mobile {display: none!important} .mobile-block {display: none!important} h1 {font-size: var(--fs-title-big);line-height: 26px;text-align: left;margin: 0 0 25px 0;} h2 {font-size: var(--fs-title);line-height: 22px;text-align: left;margin: 0 0 25px 0;} /* Icons */ .icon {display: inline-block;vertical-align: middle;position: relative;} .icon-default {width: 36px;height: 36px;padding: 6px;} .icon-default-fix {width: 34px;height: 34px;padding: 6px;} .icon-extrabig {width: 48px;height: 48px;} .icon-big {width: 36px;height: 36px;} .icon-small {width: 24px;height: 24px;} .icon-micro {width: 18px;height: 18px;} .icon-inline-text {display: inline-block;vertical-align: bottom;width: 18px;height: 18px;margin: 0 7px;} .icon-overlay {position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #ffffff00;} .icon-create {width: 36px;height: 36px;margin-left: 10px;} .icon-social {width: 36px;height: 36px;padding:6px;background: var(--c-accent-light);border-radius: 100%;} /* Modal */ .modal {position: fixed;left: 0;top: 0;z-index: 100;display: inline-table;width: 100%;height: 200%;background-color: rgba(0,0,0,0.65);} .modal-close {position: absolute;right: 4px;top: 4px;} .modal-content-wrapper {display: table-cell;vertical-align: middle;} .modal-content {display: inline-block;position: relative;width: 94%;max-width: 370px;background-color: var(--c-content-bg);border: 2px solid var(--c-content-border);border-radius: var(--r-default);padding: 25px;overflow: hidden;} .modal-content-title {font-size: var(--fs-title);font-weight: bold;line-height: 24px;} .modal-content-message {line-height: 18px;color: var(--c-text-light);} .modal-content-message-small {font-size: var(--fs-small);line-height: 16px;color: var(--c-text-light);} .modal-content-label {color: var(--c-text-light);margin-top: 10px;} .modal-content-tabs {display: inline-table;width: 100%;} .modal-content-tab {display: table-cell;width: 50%;padding-bottom: 15px;border-bottom: 2px solid var(--c-accent-light);font-size: var(--fs-header);color: var(--c-text-light);font-size: var(--fs-small);font-weight: bold;text-transform: uppercase;} .modal-content-tab.selected {color: var(--c-text);border-color: var(--c-text);} .modal-content-menu {max-width: 340px;} .modal-payment {z-index: 105;} .pop-up {position: absolute; left: 0;top: 0;width: 100%;max-width: 320px;background-color: var(--c-content-bg);border-radius: var(--r-default);border: 2px solid var(--c-content-border);box-shadow: var(--s-default);z-index: 50;} .pop-up-overlay {position: fixed; left: 0;top: 0;width: 100%;height: 100%;z-index: 51;cursor: default;} .pop-up-arrow {position: absolute;top: -7px;right: 38px;width: 12px;height: 12px;background: var(--c-content-bg);border-radius: 2px;border: 2px solid var(--c-content-border);border-bottom: none;border-right: none;behavior:url(-ms-transform.htc);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);} .pop-up-content {cursor: default;position: relative;z-index: 52;} .modal-general-content {max-height: 350px;overflow: auto;} /* Dialog */ #dialog {z-index: 500;} .dialog-title {font-size: var(--fs-title);font-weight: bold;} .dialog-message {line-height: var(--lh-text);margin: 15px 15px 0 15px;} .dialog-actions {max-height: 260px;overflow: auto;} .dialog-action {line-height: 46px;border-top: 2px solid var(--c-content-border);font-size: var(--fs-title);} /* Buttons */ .button {display: inline-block;cursor: pointer;transition: .3s;text-align:center;padding: 0px 25px;line-height: 36px;background-color: var(--c-accent);color: var(--c-white);border-radius: var(--r-default);white-space: nowrap;font-weight: bold;} .button:active {box-shadow: none;opacity: .5;} .button-green {background-color: var(--c-status);border-color: var(--c-status);} .button-linear {display: inline-block;transition: .3s;cursor: pointer;line-height: 32px;border-radius: 18px;padding: 0 15px;background-color: var(--c-content-bg);border: 2px solid var(--c-text);color: var(--c-text);white-space: nowrap;} .button-linear-accent-solid {border-color: var(--c-accent);color: var(--c-accent);} .button-linear-accent-dotted {border-style: dotted; border-color: var(--c-accent);color: var(--c-accent);} .button-linear-accent {border: 2px solid var(--c-content-border);background-color: var(--c-accent-light);color: var(--c-accent);line-height: 32px;} .button-linear-destructive {border: 1px solid var(--c-content-border);background-color: var(--c-accent-light);color: var(--c-destructive);line-height: 34px;} .button-linear-default {border: 2px solid var(--c-text);background-color: var(--c-content-bg);color: var(--c-text);line-height: 32px;} .button-linear-light {border: 2px solid var(--c-content-border);line-height: 32px;} .button-linear-extralight {border: 2px solid var(--c-content-border);background-color: var(--c-content-bg);color: var(--c-text-light);line-height: 32px;} .button-linear:active {opacity: .5;} /* Switch */ .switch {background-color: var(--c-accent-light);border-radius: 25px;} .switch-button {line-height: 34px;font-weight: bold;border-radius: var(--r-default);color: var(--c-text-light);padding: 0 10px;white-space: nowrap;border: 1px solid var(--c-accent-light);} .switch-button.active {color: var(--c-text);border-color: var(--c-text);background-color: var(--c-content-bg);border-color: var(--c-content-border);} /* Placeholder */ .placeholder {display: inline-block;border: 2px solid var(--c-content-border);padding: 75px 25px;border-radius: var(--r-default);width: 100%;max-width: 600px;} .placeholder-title {font-size: var(--fs-title);font-weight: bold;margin-bottom: 15px;line-height: 24px;} .placeholder-message {display: inline-block;color: var(--c-text-light);max-width: 320px;line-height: var(--lh-text);} .placeholder-icon {display: inline-block;width: 48px;height: 48px;} /* Header */ .header-wrapper {position: fixed;left: 0;top: 0;width: 100%;height: 60px;z-index: 50;background-color: var(--c-content-bg);box-shadow: var(--s-header);-webkit-box-shadow: var(--s-header);} .header-logo {display: inline-block;width: 100px;margin-bottom: 3px;vertical-align: middle;} .header {display: inline-table;width: 92vw;height: 100%;} .header-cell {display: table-cell;vertical-align: middle;width: 25%;position: relative;} .header-cell-center {width: 50%;} .header-cell-left {text-align: left;} .header-cell-right {text-align: right;} .header-icon_logo {display: flex;align-items: center;} .header-icon_logo-icon {position: relative;width: 36px;height: 36px;margin-right: 10px;} .header-icon_logo-logo {position: relative;width: 110px;height: 24px;} .header-icon_logo-menu {width: 24px;height: 24px;} .header-icon_logo-icon-overlay, .header-icon_logo-logo-overlay {position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 2;} .header-icon_logo-desktop {display: flex;} .header-icon_logo-mobile {display: none;} .header-search-popup {position: absolute;left: 0;top: 46px;width: 100%;background-color: var(--c-content-bg);border: 2px solid var(--c-content-border);border-radius: var(--r-default);padding: 10px;font-weight: bold;} .header-search-label {background: url(https://d2bfqgjv97fx4w.cloudfront.net/i/web/arrow-right-general.svg) 55% 50% no-repeat;padding: 12px 15px;color: var(--c-text-light);text-align: left;} .header-balance {display: inline-flex;position: relative;vertical-align: middle;padding: 4px;border: 2px solid var(--c-accent-light);border-radius: var(--r-default);margin-right: 10px;} .header-balance-icon {width: 24px;height: 24px;} .header-balance-value {font-size: var(--fs-header);font-weight: bold;line-height: 24px;margin: 0 7px 0 7px;} .header-balance-label {bottom: -50px!important;} .header-balance:hover .header-balance-label {display: block;} .header-balance-plus {position: absolute;top: -7px;right: -4px;width: 18px;height: 18px;font-size: 16px;font-weight: bold;line-height: 16.5px;text-align: center;background-color: var(--c-accent-light);border-radius: 9px;color: var(--c-text);} .header-login {display: inline-block;} .header-login-title {display: inline-block;vertical-align: bottom;font-size: var(--fs-header);font-weight: bold;} .button-login-footer {display: inline-block;padding: 0 10px;background-color: var(--c-accent-light);line-height: 36px;white-space: nowrap;border-radius: var(--r-default);} .button-login-service {display: flex;width: 100%;height: 36px;align-items: center;background: #111111;border-radius: var(--r-default);} .button-login-service-vk {background: #07F;} .button-login-service-ok {background: #EE8208;} .button-login-service-ok .button-login-service-icon {padding: 3px;} .button-login-service-facebook {background: #1877F2;} .button-login-service-icon {width: 36px;height: 36px;padding: 6px;margin-left: 5px;} .button-login-service-label {line-height: 36px;width: 100%;padding-right: 41px;color: var(--c-white);} .header-item {display: inline-block;position: relative;} .header-item-icon-filled {width: 36px;height: 36px;padding: 8px;margin-right: 10px;vertical-align: middle;background-color: var(--c-content-border);border-radius: var(--r-default);} .header-item-user-photo {display: inline-block;vertical-align: middle;width: 36px;height: 36px;background-color: var(--c-accent-light);border-radius: var(--r-default);border: 2px solid var(--c-content-border);} .header-item-user-placeholder {display: inline-block;width: 36px;line-height: 34px;font-weight: bold;text-align: center;background: var(--c-accent-light);color: var(--c-text-light);border: 1px solid var(--c-content-border);border-radius: 100%;} .header-item-status {position: absolute;right: -3px;top: -3px;width: 18px;height: 18px;background-color: var(--c-destructive);color: var(--c-white);text-align: center;line-height: 18px;font-size: var(--fs-micro);border-radius: 9px;} .header-button-create {vertical-align: middle;margin-right: 10px;} .header-user {cursor: pointer;} .header-profile {top: 46px;left: -185px;width: 250px;} .header-profile-user-info {width: calc(100% - 64px);} .header-profile-header {padding: 15px 0px 15px 0px;text-align: left;border-bottom: 2px solid var(--c-content-border);} .header-profile-footer {display: inline-flex;justify-content: space-between;width: 100%;height: 62px;padding: 13px 15px 12px 0;} .header-profile-user {display: flex;margin: 0 25px;align-items: center;} .header-profile-user-photo {margin-right: 10px;} .header-profile-user-firstname-lastname {line-height: var(--lh-text);height: 18px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding-right: 10px;font-weight: bold;} .header-profile-user-username {font-size: var(--fs-small);color: var(--c-text-light);margin-top: 5px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding-right: 10px;} .header-profile-user-pro {color: var(--с-lavender);border: 2px solid var(--с-lavender);padding: 0 15px;line-height: 24px;border-radius: 14px;font-weight: bold;} .header-profile-content-create {display: inline-block;width: calc(100% - 50px);margin: 15px 25px 0;text-align: center;line-height: 36px;background-color: var(--c-accent-light);border-radius: var(--r-default);} .header-profile-action {display: flex;padding: 7px 25px 7px 19px;line-height: 36px;text-align: left;border-bottom: 2px solid var(--c-content-border);} .header-profile-action-icon {margin-right: 4px;} .deposit-wrapper {padding: 10px 15px 25px;width: 100%;max-width: 370px;display: inline-block;} .deposit-levels {display: flex;flex-wrap: wrap;justify-content: space-between;} .deposit-level {display: inline-flex;justify-content: space-between;align-items: center;width: 100%;border: 2px solid var(--c-content-border);border-radius: var(--r-default);padding: 15px;margin-top: 15px;} .deposit-level-header {display: inline-flex;align-items: center;width: 40%;} .deposit-level-header-icon {width: 28px;height: 28px;margin-right: 15px;} .deposit-level-header-title {font-size: var(--fs-title);} .deposit-level-price-wrapper {background-color: var(--c-accent-light);line-height: 24px;padding: 0 15px;border-radius: 12px;} .deposit-level-price {display: inline-block;} .deposit-level-price-old {text-decoration: line-through;color: var(--c-text-light);margin: 0 5px 0 0;} .deposit-level-price-new {color: var(--c-destructive);} deposit-level-price {display: inline-block;} deposit-level-price-old {display: inline-block;text-decoration: line-through;color: var(--c-text-light);margin: 0 5px 0 0;} deposit-level-price-new {display: inline-block;color: var(--c-destructive);} .modal-deposit {max-width: 575px;text-align: left;} .modal-deposit.static {display: inline-block;margin-top: 10px;} .modal-deposit-title {font-size: var(--fs-title-big);font-weight: bold;line-height: 24px;margin-bottom: 5px;} .modal-deposit-description {display: inline-flex;align-items: center;border-radius: 10px;background-color: var(--c-accent-light);color: var(--c-text-light);line-height: 20px;margin: 15px 0 25px;} .modal-deposit-description-icon {width: 36px;height: 36px;padding: 9px;} .modal-deposit-description-text {width: calc(100% - 36px);padding: 6px 10px;border-left: 2px solid var(--c-content-bg);min-height: 36px;line-height: 24px;} .modal-deposit-actions {display: inline-flex;justify-content: space-between;flex-wrap: wrap;width: 100%;} .modal-deposit-action {display: inline-block;vertical-align: top;width: calc(50% - 12.5px);} .modal-deposit-neo-wrapper {display: inline-flex;align-items: center;flex-wrap: wrap;} .modal-deposit-neo-title {margin-bottom: 15px;font-weight: bold;} .modal-deposit-neo-icon-wrapper {width: 28px;height: 28px;} .modal-deposit-neo {font-size: var(--fs-header);width: 75px;margin: 0 8px;} .modal-deposit-neo-for {margin-right: 7px;} .modal-deposit-promocode-wrapper {display: inline-block;width: 100%;vertical-align: top;border-radius: var(--r-default);} .modal-deposit-promocode-title {margin-bottom: 15px;font-weight: bold;color: var(--c-text-light);} .modal-deposit-promocode-input-wrapper {position: relative;border-radius: var(--r-default);} .modal-deposit-promocode-input {width: 100%;padding-right: 100px;background: none;} .modal-deposit-promocode-button {position: absolute;top: 2px;right: 2px;line-height: 32px;border-top-right-radius: 16px;border-bottom-right-radius: 16px;color: var(--c-accent);padding: 0 15px 0 5px;} .modal-deposit-payment-types {display: inline-flex;width: 100%;margin-top: 25px;} .modal-deposit-payment-type {display: inline-flex;white-space: nowrap;align-items: center;margin-right: 25px;} .modal-deposit-payment-type-radio {width: 20px;height: 20px;margin: 3px 10px 3px 0;} .modal-deposit-payment-type-label {line-height: 24px;} .modal-deposit-buy {width: 100%;margin-top: 25px;} .web-push {position: fixed;right: 15px;bottom: 15px;display: inline-block;width: 100%;max-width: 320px;z-index: 15;background-color: var(--c-content-bg);border-radius: var(--r-default);border: 2px solid var(--c-content-border);box-shadow: var(--s-default);padding: 25px;text-align: left} .web-push-title {font-size: 18px;line-height: 22px;font-weight: bold;} .web-push-agree {display: inline-block;width: 100%;line-height: 36px;text-align: center;font-weight: bold;color: var(--c-white);background-color: var(--c-destructive);border-radius: 18px;margin-top: 15px;} .web-push-disagree {display: inline-block;width: 100%;line-height: 36px;text-align: center;background-color: var(--c-accent-light);border-radius: 18px;margin-top: 15px;} .pro-fullscreen-wrapper {padding: 25px 15px;text-align: center;} .pro-fullscreen {display: inline-block;width: 100%;max-width: 400px;} .pro-header {margin-bottom: 15px;} .pro-header-title {display: inline-block;vertical-align: middle;font-size: var(--fs-title-big);font-weight: bold;line-height: 24px;} .pro-header-sticker {display: inline-block;vertical-align: middle;margin-left: 7px;width: 64px;height: 30px;} .pro-benefit-icon {padding: 0;width: 18px;height: 18px;} .pro-benefit-text {display: inline-block;text-align: left;margin-left: 15px;line-height: 20px;margin-bottom: 15px;color: var(--c-text);} .pro-plan-select-wrapper {position: relative;margin-bottom: 15px;text-align: center;} .pro-plan-select-separator {position: absolute;width: 100%;height: 2px;background: var(--c-content-border);top: 8px;} .pro-plan-select-title {text-align: center;line-height: 18px;display: inline-block;background: var(--c-content-bg);color: var(--c-text-extralight);font-weight: bold;position: relative;z-index: 10;padding: 0 15px;} .pro-plan-wrapper {position: relative;margin-bottom: 15px;} .pro-plan {position: relative;width: 100%;display: inline-block;padding: 20px 15px;background-color: var(--c-accent-light);border-radius: var(--r-default);text-align: left;} .pro-plan-flex {display: inline-flex;width: 100%;} .pro-plan-flex-container {width: 50%;margin: auto 0;} .pro-plan-price {font-size: 16px;line-height: 16px;font-weight: bold;display: inline-block;} .pro-plan-price-period {display: inline-block;white-space: nowrap;font-weight: bold;} .pro-plan-label {color: var(--c-text);font-weight: bold;font-size: 16px;line-height: 16px;} .pro-plan-bonus {margin-top: 10px;} .pro-plan-popular {position: absolute;top: -8px;right: 20px;display: inline-block;padding: 2px 10px;background-color: var(--с-lavender);color: var(--c-white);font-size: var(--fs-micro);border-radius: 10px} .pro-plan-info {position: absolute;top: -7px;right: 20px;display: inline-block;padding: 2px 10px;background-color: var(--c-text);color: var(--c-content-bg);font-size: var(--fs-micro);border-radius: 10px;z-index: 10;} .pro-plan-price-monthly {display: inline-block;margin-top: 10px;} .pro-plan-price-monthly-period {display: inline-block;margin-top: 10px;} .pro-payment-label {font-size: var(--fs-micro);font-weight: bold;color: var(--c-text-light);line-height: 11px;margin-bottom: 5px;} .pro-payment-card-expiry {width: 80px;} .pro-payment-card-expiry-separator {color: var(--c-text-light);} .pro-payment-info {font-size: var(--fs-micro);color: var(--c-text-light);} .modal-pay-header {background: #4c555a;display: flex;padding: 10px 15px;} .modal-pay-header-amount {color: #fff;font-size: var(--fs-title-big);line-height: 36px;margin-left: 15px;} .modal-pay-body {border: none;} .modal-content-create-menu {max-width: 320px;} .create-content-progress {position: absolute;z-index: 10;background-color: var(--c-content-bg);border: none;left: 25px;top: 25px;right: 25px;width: auto;height: 250px;padding: 100px 25px;} .create-content-progress-icon {display: inline-block;width: 48px;height: 48px;} .create-content-title-wrapper {display: inline-block;width: 100%;} .create-content-title {display: inline-block;vertical-align: middle;font-size: 16px;line-height: 16px;font-weight: bold;color: var(--c-text-light);} .create-content-title-label-new {display: inline-block;vertical-align: middle;color: var(--c-white);background: var(--c-accent);padding: 0px 3px;border-radius: 4px;font-size: 10px;margin-left: 4px;margin-bottom: 2px;} .create-content-items {display: inline-flex;width: 100%;flex-wrap: wrap;justify-content: space-between;align-items: center;} .create-content-item {display: inline-block!important;position: relative;cursor: pointer;width: 80px!important;height: 80px!important;padding: 18px 0 0 0;} .create-content-item-bg {position: absolute;z-index: 1;left: 0;top: 0;width: 100%;height: 100%;} .create-content-item-icon {display: inline-block;width: 24px;height: 24px;position: relative;z-index: 2;} .create-content-item-title {position: relative;z-index: 2;font-weight: bold;margin-top: 2px;font-size: var(--fs-small);text-transform: uppercase;} .create-content-item .page-menu-item-icon-svg-path {} .create-content-item .page-menu-item-title {color: var(--c-accent);} .theme-switcher-wrapper {text-align: center;margin-top: 9px;padding: 9px 27px;border-top: 2px solid var(--c-content-border);} .theme-switcher {display: inline-flex;width: 84px;height: 36px;border: 1px solid var(--c-accent-light);background-color: var(--c-accent-light);border-radius: var(--r-default);position: relative;} .theme-icon {display: inline-flex;width: 34px;height: 34px;padding: 5px;margin: 0 5px;} .theme-pointer {transition: .3s;position: absolute;width: 28px;height: 28px;margin-top: 2px;margin-left: 5px;background-color: var(--c-content-bg);border: 2px solid var(--c-content-border);border-radius: 100%;box-shadow: var(--s-default);} .theme-switcher.dark .theme-pointer {margin-left: 50px;} /* Footer */ footer {margin-top: 50px;background: var(--c-content-bg);position: relative;z-index: 10;} .footer-content {display: inline-flex;align-items: start;width: 92vw;overflow: hidden;padding: 12px 0;} .footer-content-left {width: 20%;text-align: left;} .footer-content-center {width: 60%;text-align: center;} .footer-content-right {width: 20%;text-align: right;} .footer-social-link {display: inline-block;background: var(--c-accent-light);border-radius: var(--r-default);margin-right: 7px;} .footer-link {display: inline-block;font-weight: bold;line-height: 36px;margin-right: 10px;} .footer-link:hover {text-decoration: underline;} .footer-copyright {display: inline-block;font-size: var(--fs-small);line-height: 36px;text-transform: uppercase;} .footer-badge {display: inline-block;width: 36px;height: 36px;position: relative;margin: 0 0 0 6px;border-radius: 100%;background: var(--c-accent-light);} .footer-badge-icon {display: inline-block;width: 100%;height: 100%;position: relative;z-index: 5;} .footer-badge-icon-overlay {position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 10;} /* Authorization */ .authorization-code-inputs {width: 170px;} .authorization-info-code {font-size: var(--fs-small);line-height: 18px;color: var(--c-text-light);} .authorization-input-code {width: 36px;padding: 0;line-height: 32px;} .logout {color: var(--c-destructive);} /* Page */ .page {display: inline-flex;width: 100%;min-height: calc(100vh - 300px);margin-top: 62px;} .page-content.padding {padding: 0 4vw;} .page-content.fix, .page-content-fix {width: 92vw;max-width: 600px;margin: 0 auto;} .page-title {padding: 125px 4vw 25px;background-color: var(--c-accent-light);font-size: 72px;line-height: 72px;height: 232px;overflow: hidden;} .page-column {position: relative;} .page-menu-wrapper {position: fixed;width: 140px;margin-top: 0;background-color: var(--c-content-bg);} .page-menu {display: inline-flex;width: 100%;height: 60px;justify-content: space-between;align-items: center;} .page-menu-item {position: relative;width: auto;height: auto;padding: 12px 20px;text-align: center;position: relative;border-radius: var(--r-default);} .page-menu-item:hover {background-color: var(--c-accent-light);} .page-menu-item-icon {width: 24px;height: 24px;} .page-menu-item-title {position: absolute;bottom: -42px;left: 50%;transform: translateX(-50%);color: var(--c-content-bg);background: var(--c-text);line-height: 18px;padding: 8px 15px;border-radius: 8px;display: none;} .page-menu-item-title-arrow {position: absolute;top: -5px;right: calc(50% - 6px);width: 12px;height: 12px;background: var(--c-text);border-radius: 2px;border-bottom: none;border-right: none;behavior: url(-ms-transform.htc);-moz-transform: rotate(45deg);-webkit-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);} .page-menu-item:hover .page-menu-item-title {display: block;} .page-menu-mobile-item {width: 90px;padding: 0;margin-top: 25px;background: none!important;} .page-menu-mobile-button-close {line-height: 46px;border-top: 2px solid var(--c-content-border);color: var(--c-text-light);font-weight: bold;margin-top: 25px;} .page-menu-item-title-mobile {font-weight: bold;} .page-menu-item.active .page-menu-item-title-mobile {color: var(--c-text);} .page-content {width: 100%;} .page-content-wrapper {display: inline-table;width: 100%;} .page-content-primary {width: calc(92vw - 360px - 25px);display: table-cell;vertical-align: top;} .page-content-separator {width: 25px;display: table-cell;vertical-align: top;} .page-content-secondary {width: 360px;display: table-cell;vertical-align: top;} .page-content-title {text-align: left;font-size: 32px;line-height: 38px;font-weight: bold;margin: 25px 0 15px 0;} .page-content-filters {background: var(--c-content-bg);} .page-content-filters.fixed {position: fixed;top: 85px;width: 280px;} .page-content-columns {display: inline-flex;width: 92vw;max-width: 1200px;padding-top: 25px;} .page-content-column-left {position: relative;width: 275px;margin-right: 25px;} .page-content-column-center {position: relative;width: 600px;} .page-content-column-right {position: relative;width: 275px;margin-left: 25px;} .page-content-column-left-content.fixed {position: fixed;top: 87px;width: 275px;} .page-content-column-right-content.fixed {position: fixed;top: 87px;width: 275px;} .page-content-menu-title {font-size: 24px;line-height: 24px;font-weight: bold;text-align: left;margin-bottom: 15px;} .page-content-menu-flexible-item {display: flex;cursor: pointer;transition: .3s;} .page-content-menu-flexible-item:active {opacity: .5;} .page-content-menu-flexible-item-title {font-size: 18px;line-height: 28px;padding: 12px 0 12px 15px;border-left: 3px solid var(--c-content-bg);text-align: left;} .page-content-menu-flexible-item.active .page-content-menu-flexible-item-title {color: var(--c-accent);border-color: var(--c-accent);font-weight: bold;} .profile-placeholder {border: 1px solid var(--c-content-border);border-radius: var(--r-default);padding: 5% 10%;} .profile-placeholder-title {font-size: var(--fs-title);font-weight: bold;} .profile-placeholder-message {display: inline-block;max-width: 300px;line-height: var(--lh-text);} .page-filters {background: var(--c-content-bg);} .page-filters-fixed {position: fixed;top: 85px;width: 280px;} /* Feed */ .feed-items {display: flex;flex-wrap: wrap;justify-content: space-between;} /* Welcome */ .welcome-content {position: relative;margin-top: 25px;padding: 25px;border-radius: var(--r-default); background: var(--c-accent-light);} .welcome-content-title {font-size: 22px;line-height: 28px;display: inline-block;max-width: 550px;} .welcome-content-benefit-icon {width: 48px;height: 48px;display: inline-block;} .welcome-content-benefits {display: inline-flex;} .welcome-content-benefit {padding: 25px 25px 0 25px;} .welcome-content-benefit-title {font-size: var(--fs-title);font-weight: bold;margin: 15px 0 10px;} .welcome-content-benefit-message {color: var(--c-text-light);line-height: var(--lh-text);} /* Carousel */ .carousel-wrapper::-webkit-scrollbar {height: 0px;} .carousel-wrapper {scrollbar-width: none;scrollbar-color: white;} .carousel-wrapper {overflow-x: auto;overflow-y: hidden;} .carousel {display: inline-flex;align-items: end;justify-content: left;min-width: 100%;text-align: left;white-space: nowrap;padding: 0 4vw;} .general-mark {width: 24px;height: 24px;border-radius: 100%;background: var( --c-black-50);text-align: center;font-size: var(--fs-small);line-height: 24px;color: var(--c-white);margin-right: 5px;font-weight: bold;} .general-mark svg {width: 16px;height: 16px;margin: 4px;} .general-mark path {fill: var(--c-white);} .general-mark.user {position: absolute;left: 15px;top: 122px;} /* Recommendations */ .recommendations-wrapper {padding: 25px 25px 10px;border: 2px solid var(--c-content-border);border-radius: var(--r-default);} .recommendations-title {text-align: left;font-weight: bold;font-size: var(--fs-title);line-height: 22px;margin-bottom: 15px;} .recommendations-item-user {margin-bottom: 15px;} .recommendations-item-user-photo {width: 36px;height: 36px;border-radius: 100%;background-color: var(--c-accent-light);border: 1px solid var(--c-content-border);} .recommendations-item-user-photo-placeholder {display: inline-block;width: 36px;line-height: 34px;font-weight: bold;text-align: center;background: var(--c-accent-light);color: var(--c-text-light);border: 1px solid var(--c-content-border);border-radius: 100%;} .recommendations-item-user-info {margin-left: 10px;} .recommendations-item-user-firstname-lastname {font-weight: bold;margin-bottom: 3px;line-height: var(--lh-text);} .recommendations-item-user-stats {font-size: var(--fs-micro);line-height: 14px;color: var(--c-text-light);} .recommendations-poems {padding-top: 10px;border-top: 2px solid var(--c-content-border);} .recommendations-item-poem {display: inline-block;width: 100%;text-align: left;margin-bottom: 15px;padding-bottom: 15px;border-bottom: 2px solid var(--c-content-border);} .recommendations-item-poem-title {font-weight: bold;margin-bottom: 3px;line-height: 16px;} .recommendations-item-poem-user-firstname-lastname {color: var(--c-text-light);font-size: var(--fs-small);} /* Promo */ .promo-method {margin-bottom: 25px;} .promo-method-title {font-size: 18px;line-height: 22px;} .promo-method-description {margin-top: 5px;color: var(--c-text-light);line-height: var(--lh-text);} .promo-method-price-info {margin-left: 15px;white-space: nowrap;} .promo-method-price {font-size: var(--fs-title-big);line-height: 22px;} .promo-method-currency {margin-left: 3px;} .promo-method-button {margin: 5px 0 0 15px;display: inline-block;text-align: center;padding: 7px 15px;background-color: var(--c-accent);color: var(--c-white);border-radius: var(--r-default);} /* Boost */ .boost-title {text-align: left;font-size: 22px;line-height: 24px;font-weight: bold;margin-right: 15px;} .boost-description {line-height: 20px;margin-top: 7px;margin-bottom: 10px;text-align: left;} .boost-options-wrapper {margin-top: -5px;} .boost-action-main {margin-top: 15px;} .boost-impressions {margin: 7px 0 5px 0;font-size: 24px;line-height: 24px;font-weight: bold;} .boost-impressions-title {font-size: var(--fs-small);text-transform: uppercase;letter-spacing: 1px;} .boost-impressions-slider {width: calc(100% - 20px)!important;} .boost-impressions-slider-values {display: flex;justify-content: space-between;} .boost-impressions-slider-value {color: var(--c-text-light);} .boost-preview-wrapper {position: relative;margin-top: 5px;} .boost-preview-bg {width: 100%;} .boost-preview-book {position: absolute;left: calc(50% - 50px);top: calc(50% - 82px);width: 100px;height: 164px;overflow: hidden;text-align: left;border: 2px dashed var(--c-accent);padding: 10px;border-radius: 10px;} .boost-preview-book-img {width: 100%;border-radius: 6px;} .boost-preview-book-title {font-size: 11px;line-height: 11px;height: 11px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .boost-preview-book-author {color: var(--c-text-light);font-size: 11px;line-height: 11px;height: 11px;margin-top: 2px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .boost-preview-default {position: absolute;top: calc(50% - 46px);right: 5%;width: 132px;height: 94px;overflow: hidden;text-align: left;border: 2px dashed var(--c-accent);padding: 10px;border-radius: 10px;} .boost-preview-default-title {font-size: 11px;line-height: 11px;height: 11px;font-weight: bold;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .boost-preview-default-text {font-size: 10px;line-height: 14px;max-height: 43px;overflow: hidden;color: var(--c-text-light);margin: 3px 0;} .boost-preview-default-author {font-size: 11px;line-height: 11px;height: 11px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .boost-preview-user {position: absolute;left: calc(50% - 50px);top: calc(50% - 68px);width: 100px;height: 136px;overflow: hidden;text-align: left;border: 2px dashed var(--c-accent);padding: 10px;border-radius: var(--r-default);} .boost-preview-user-img {width: 100%;border-radius: 100%;} .boost-preview-user-name {font-size: var(--fs-small);text-align: center;line-height: 18px;max-height: 36px;overflow: hidden;} .boost-progress-title {text-transform: uppercase;font-size: var(--fs-small);margin: 20px 0 15px 0;letter-spacing: 1px;} .boost-progress-values {margin-bottom: 15px;} .boost-progress-impressions-done {font-size: 36px;line-height: 36px;font-weight: bold;} .boost-progress-impressions-separator {margin: 0 3px;} .boost-progress-percent {display: inline-block;color: var(--c-text-light);padding: 5px 15px;} /* Post */ .post-filter-label {font-weight: normal;} .select-post-filter {font-weight: bold;text-align: center;max-width: 575px;} .feed-posts {transition: .3s;} .post {position: relative;display: inline-block;width: 100%;max-width: 600px;margin: 0 0 25px 0;border-radius: var(--r-default);border: 2px solid var(--c-content-border);text-align: center;} .post-content {transition: .1s;} .post-menu {position: absolute;right: 10px;top: 10px;z-index: 10;background: var(--c-content-bg);border-radius: var(--r-default);} .post-menu-default {background: var(--c-content-bg);border-radius: var(--r-default);} .post-label-draft {position: absolute;transform: rotate(90deg);right: -18px;top: 81px;width: 90px;line-height: 36px;color: var(--c-text-light);font-size: var(--fs-micro);text-transform: uppercase;z-index: 10;background: var(--c-content-bg-75);border-radius: var(--r-default);} .post-stats {max-width: 220px;margin-left: 15px;} .post-like.active .svg-filled {fill: var(--c-destructive);} .post-bookmark.active .svg-filled {fill: var(--c-text);} .post-like-label {display: inline-block;vertical-align: middle;width: 100%;color: var(--c-text-light);text-align: left;} .post-comment-label {display: inline-block;vertical-align: middle;width: 100%;color: var(--c-text-light);text-align: left;} .post-bookmark-label {display: inline-block;vertical-align: middle;width: 100%;color: var(--c-text-light);text-align: left;} .post-user {margin-top: 20px;} .post-user-pro {position: absolute; right: -3px;top: 24px;width: 20px;} .post-user-photo-wrapper {display: inline-block;position: relative;} .post-user-photo {display: inline-block;vertical-align: middle;width: 36px;height: 36px;border-radius: 100%;border: 2px solid var(--c-text-light-50);} .post-user-photo-placeholder {display: inline-block;vertical-align: middle;width: 36px;line-height: 34px;border-radius: 100%;text-align: center;background: var(--c-accent-light);border: 1px solid var(--c-content-border);color: var(--c-text-light);font-weight: bold;font-size: var(--fs-micro);} .post-user-firstname-lastname {display: inline-block;vertical-align: middle;margin: 0 0 0 10px;line-height: var(--lh-text);font-weight: bold;} .post-date-publish {white-space: nowrap;margin: 2px 0 0 10px;font-size: var(--fs-small);color: var(--c-text-light);} .post-tags {max-height: 87px;overflow: hidden;margin: 15px 0 0;} .post-tag {display: inline-block;font-size: var(--fs-small);line-height: 12px;padding: 4px 7px;margin: 0 5px 5px 0;border: 2px solid var(--c-content-border);border-radius: var(--r-default);} .post-tag.genre {font-weight: bold;} .post-comments {margin: 0;padding: 15px;border-top: 2px solid var(--c-content-border);} .post-boost {font-weight: bold;line-height: 36px;padding: 0 25px 0 20px;color: var(--c-white);background-color: var(--c-accent);border-radius: 18px;} .post-boost path {fill: var(--c-white);} .post-insights {display: inline-block;background-color: var(--c-accent-light);line-height: 36px;padding: 0 25px;border-radius: 18px;margin-left: 15px;} /* Post Default */ .post-default-image-wrapper {display: inline-block;width: 100%;position: relative;margin: 15px 0 0 0;} .post-default-video, .post-default-image {width: 100%;max-height: 700px;object-fit: cover;cursor: pointer;background-color: var(--c-accent-light);overflow: hidden;} .post-default-image {cursor: default;} .post-default-video-play {position: absolute;left: calc( 50% - 50px );top: calc( 50% - 50px );width: 100px;padding: 30px 25px 30px 35px;background: var(--c-black-75);border-radius: 100%;pointer-events: none;} .post-default-header {padding: 15px 5px 0 15px;position: relative;z-index: 2;} .post-default-body {position: relative;z-index: 1;padding: 15px;} .post-default-title {font-size: var(--fs-title);line-height: 28px;font-weight: bold;} .post-default-text {font-size: var(--fs-post);line-height: var(--lh-post);word-break: break-word;} .post-default-text-fix {overflow: hidden;max-height: 102px;} .post-default-read-more {margin-top: 15px;font-size: var(--fs-small);text-transform: uppercase;color: var(--c-text-light);} .post-default-stats {margin-top: 15px;} .post-default-footer {margin-bottom: 15px;} .post-default-edit {width: 100%;margin-top: 15px;} .post-default-insights-and-boost {display: flex;justify-content: center;margin: 15px 0 0;} /* Post Book */ .post-book {text-align: left;border: none;padding: 0;border-radius: 0;overflow: visible;margin-top: 15px;} .post-book-content-wrapper {position: relative;border-radius: var(--r-default);border: 2px solid var(--c-content-border);} .post-book-content {display: flex;align-items: end;} .post-book-menu {position: absolute;top: 8px;right: 5px;} .post-book-image-wrapper {position: relative;display: flex;margin: -15px 0 10px 15px;cursor: pointer;} .post-book-image {width: 154px;height: 229px;background-color: var(--c-accent-light);border: 2px solid var(--c-content-border);border-radius: 12px;} .post-book-about {width: calc(100% - 170px);padding: 15px 15px 15px 0;} .post-book-title-author-description {cursor: pointer;} .post-book-rating-and-author {display: flex;align-items: center;margin: 5px 0 5px 15px;color: var(--c-text-light);} .post-book-title {font-size: 22px;line-height: 28px;font-weight: bold;margin-left: 15px;margin-right: 30px;max-height: 28px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .post-book-label {font-size: var(--fs-small);letter-spacing: .4px;line-height: 24px;margin: 5px 5px 0 0;padding: 0 7px;border-radius: 12px;} .post-book-description {line-height: 22px;margin-top: 10px;margin-left: 15px;max-height: 88px;overflow: hidden;} .post-book-stats-wrapper {text-align: center;margin-bottom: 10px;} .post-book-stats {} .post-tags.book {max-height: 58px;overflow: hidden;margin: 0 0 10px 15px;} .post-book-insights-and-boost {display: flex;justify-content: center;margin: 0 15px 15px;} .post-book-edit {margin: 0 15px 15px;width: calc(100% - 30px);text-align: center;} /* Book */ .book-wrapper {position: relative;padding: 3vw 4vw;min-height: 190px;} .book-bg-wrapper {display: block;position: absolute;width: 100%;height: 100%;top: 0;left: 0;overflow: hidden;background-color: var(--c-accent-light);} .book-bg-cover {display: inline-block;width: 100%;height: 100%;background-position: center center;background-size: cover;-webkit-filter: blur(25px);filter: blur(25px);transform: scale(1.25);background-color: var(--c-content-bg);opacity: 0.1;} .book-content {position: relative;display: inline-flex;justify-content: center;width: 100%;align-items: start;} .book-content-cell {} .book-cover-wrapper {display: inline-block;position: relative;margin-right: 3vw;} .book-cover {width: calc( ( 100vh - 10vw - 60px ) * 2 / 3 );height: calc( 100vh - 10vw - 60px );max-width: 280px;max-height: 420px;min-width: 240px;min-height: 360px;border-radius: 15px;background-color: var(--c-content-border);margin-bottom: -3px;border: 2px solid var(--c-content-border);} .book-marks {position: absolute;display: flex;left: 10px;top: 10px;z-index: 15;} .book-mark {width: 24px;height: 24px;border-radius: 100%;color: var(--c-white);font-size: var( --fs-micro);line-height: 24px;text-align: center;background: var( --c-black-50);} .book-mark svg {max-width: 18px;} .book-mark path {fill: var(--c-white);} .book-marks.big {bottom: 15px;right: 15px;} .book-mark.big {width: 28px;height: 28px;font-size: var(--fs-small);line-height: 28px;} .book-sale {position: absolute;display: flex;right: 10px;top: 10px;z-index: 15;} .book-sale-bg {width: 36px;height: 36px;} .book-sale-label {font-family: 'Sale','General';position: absolute;width: 100%;font-size: 21px;line-height: 36px;color: var( --c-white);text-align: center;} .book-content-cell.second {text-align: left;} .book-title {font-size: 28px;line-height: 36px;max-width: 500px;max-height: 88px;font-weight: bold;color: var(--c-text);overflow: hidden;text-align: left;margin: 25px 0 10px 0;} .book-category {font-size: 18px;color: var(--c-text);} .book-author {font-size: var(--fs-header);line-height: 20px;} .book-overview-card {display: inline-block;vertical-align: middle;padding: 15px 25px;background-color: var(--c-content-bg);border-radius: var(--r-default);margin: 30px 15px 0 0;text-align: left;} .book-overview-card-title {color: var(--c-text-light);margin-bottom: 10px;} .book-overview-card-content {display: flex;align-items: center;font-size: var(--fs-title);font-weight: bold;line-height: 24px;} .book-action-text-button {width: 100%;margin-top: 25px;line-height: 48px;font-size: var(--fs-header);} .book-actions {display: inline-flex;margin-top: 25px;} .book-action-group {display: flex;margin-top: 25px;} .book-action-icon-button {display: inline-flex;align-items: center;height: 48px;padding: 0 15px;background: var(--c-content-bg);border-radius: var(--r-default);margin-right: 15px;} .book-action-icon-button-label {width: auto;margin: 2px 0 2px 3px;} .book-action-add-to-library {display: inline-block;line-height: 32px;background-color: var(--c-content-bg);padding: 0 25px;border-radius: var(--r-default);margin-left: 15px;border: 2px solid var(--c-content-border);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .book-tags-wrapper {text-align: center;background-color: var(--c-text-light);overflow-x: auto;scrollbar-width: none;scrollbar-color: white;} .book-tags {display: inline-block;width: 92vw;white-space: nowrap;} .book-tag {display: inline-block;font-size: var(--fs-default);line-height: 50px;max-width: 340px;height: 48px;padding: 0 15px;color: var(--c-white);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-weight: bold;} .book-details {display: inline-flex;justify-content: space-between;width: 92vw;} .book-details-cell {width: calc( 50% - 25px );text-align: left;} .book-purchase {display: flex;justify-content: space-between;align-items: start;padding: 25px;border-radius: var(--r-default);margin-bottom: 25px;border: 2px solid var(--c-content-border);} .book-purchase-column.first {width: 75%;margin-right: 25px;} .book-purchase-column.second {text-align: right;width: auto;} .book-purchase-title {font-size: 24px;line-height: 28px;font-weight: bold;margin-bottom: 15px;} .book-purchase-description {color: var(--c-text-light);line-height: 20px;} .book-purchase-button {font-weight: normal;} .book-purchase-instant {display: flex;justify-content: space-between;line-height: 48px;color: var(--c-content-bg);background-color: var(--c-text);border-radius: var(--r-default);padding: 0 25px;white-space: nowrap;margin-bottom: 15px;font-size: var(--fs-header);} .book-purchase-instant-price {margin-left: 15px;} .book-purchase-instant-price-old {margin-right: 5px;opacity: .5;text-decoration: line-through;font-weight: bold;} .book-purchase-instant-price-default {font-weight: bold;} .book-purchase-with-coins {text-align: center;line-height: 48px;font-size: var(--fs-header);background-color: var(--c-accent-light);border-radius: var(--r-default);padding: 0 25px;white-space: nowrap;} .book-purchase-price-old {opacity: .5;text-decoration: line-through;margin: 0 0 0 4px;font-size: 18px;font-weight: bold;line-height: 14px;} .book-purchase-price {margin: 0 2px 0 5px;font-size: 18px;font-weight: bold;line-height: 14px;} .book-purchase-price-icon {display: inline-flex;vertical-align: middle;margin-top: -4px;width: 24px;height: 24px;} .book-purchase-coins-wrapper {text-align: center;} .book-purchase-coins {display: inline-flex;flex-wrap: wrap;justify-content: end;align-items: center;color: var(--c-text-light);margin-top: 7px;} .book-purchase-coins-balance {line-height: 18px;} .book-purchase-coins-icon {margin-top: -4px;} .book-purchase-coins-buy {margin-left: 15px;text-decoration: underline;} .book-rating {display: inline-block;width: 100%;padding: 35px;border-radius: var(--r-default);border: 2px solid var(--c-content-border);} .book-rating-title {font-size: 24px;line-height: 24px;font-weight: bold;margin-bottom: 15px;} .book-rating-description {color: var(--c-text-light);line-height: 20px;} .book-rating-stars-wrapper {margin-top: 25px;} .book-rating-star {width: 56px;height: 56px;position: relative;} .book-rating-star-icon-path {fill: var(--c-text-extralight);} .book-rating-star-label {position: absolute;line-height: 60px;left: 0;top: 0;width: 100%;text-align: center;} .book-rating-star:hover .book-rating-star-icon-path {fill: var(--c-destructive);} .book-rating-header {display: flex;} .book-rating-value-wrapper {position: relative;margin-left: 24px;} .book-rating-value-bg {width: 48px;height: 48px;} .book-rating-value {position: absolute;left: 0;top: 0;width: 48px;line-height: 52px;text-align: center;font-size: 16px;font-weight: bold;} .book-rating-group {display: flex;justify-content: space-between;} .book-rating__icon {pointer-events: none;} .book-rating__input {position: absolute !important;left: -9999px !important;} .book-rating__input--none {display: none} .book-rating__label {position: relative;cursor: pointer;width: 10%;height: 10%;padding: 0 7px;max-width:72px;} .book-rating__label__span {position: absolute;left: 0;top: calc(50% - 7px);width: 100%;line-height: 14px;text-align: center;z-index: 10;color: var(--c-white);display: none;} .book-rating-star-icon-path {stroke-width: 1.5;transition: .3s;} .book-rating-star-icon-path {fill: var(--c-accent);stroke: var(--c-accent);transition: .3s;} .book-rating-star-icon-path.star-1 {opacity:.1;} .book-rating-star-icon-path.star-2 {opacity:.2;} .book-rating-star-icon-path.star-3 {opacity:.3;} .book-rating-star-icon-path.star-4 {opacity:.4;} .book-rating-star-icon-path.star-5 {opacity:.5;} .book-rating-star-icon-path.star-6 {opacity:.6;} .book-rating-star-icon-path.star-7 {opacity:.7;} .book-rating-star-icon-path.star-8 {opacity:.8;} .book-rating-star-icon-path.star-9 {opacity:.9;} .book-rating-star-icon-path.star-10 {opacity:1;} .book-rating__input:checked ~ .book-rating__label .book-rating-star-icon-path {opacity: 1;fill: var(--c-text-extralight);stroke: var(--c-text-extralight);} .book-rating__input:checked ~ .book-rating__label .book-rating__label__span {color: var(--c-text-light);} .book-rating-group:hover .book-rating__label .book-rating-star-icon-path {fill: var(--c-accent);stroke: var(--c-accent);} .book-rating-group:hover .book-rating__label .book-rating-star-icon-path.star-1 {opacity:.1;} .book-rating-group:hover .book-rating__label .book-rating-star-icon-path.star-2 {opacity:.2;} .book-rating-group:hover .book-rating__label .book-rating-star-icon-path.star-3 {opacity:.3;} .book-rating-group:hover .book-rating__label .book-rating-star-icon-path.star-4 {opacity:.4;} .book-rating-group:hover .book-rating__label .book-rating-star-icon-path.star-5 {opacity:.5;} .book-rating-group:hover .book-rating__label .book-rating-star-icon-path.star-6 {opacity:.6;} .book-rating-group:hover .book-rating__label .book-rating-star-icon-path.star-7 {opacity:.7;} .book-rating-group:hover .book-rating__label .book-rating-star-icon-path.star-8 {opacity:.8;} .book-rating-group:hover .book-rating__label .book-rating-star-icon-path.star-9 {opacity:.9;} .book-rating-group:hover .book-rating__label .book-rating-star-icon-path.star-10 {opacity:1;} .book-rating__input:hover ~ .book-rating__label .book-rating-star-icon-path {opacity: 1;fill: var(--c-text-extralight);stroke: var(--c-text-extralight);} .book-rating-group:hover .book-rating__label .book-rating__label__span {color: var(--c-white);} .book-rating__input:hover ~ .book-rating__label .book-rating__label__span {color: var(--c-text-light);} .book-about, .book-comments {width: 100%;text-align: left;} .book-about-titles {margin: 0;border-bottom: 2px solid var(--c-content-border);} .book-about-title {display: inline-block;vertical-align: middle;font-size: var(--fs-title-big);line-height: 22px;padding: 0 0 15px 0;margin: 0 15px -2px 0;color: var(--c-text-light);font-weight: bold;border-bottom: 2px solid var(--c-content-border);} .book-about-title.active {color: var(--c-text);border-color: var(--c-text);} .book-about-chapter {display: inline-block;width: 100%;font-size: var(--fs-header);line-height: 24px;margin: 0;padding: 15px 0;border-bottom: 2px solid var(--c-content-border);color: var(--c-text-light);} .book-about-chapter.active {color: var(--c-text);} .book-about-chapter-lock {display: inline-block;width: 14px;height: 14px;margin-right: 3px;} .book-about-chapter-title {width: calc(100% - 28px);max-height: 72px;overflow: hidden;} .book-about-chapter-counter {color: var(--c-text-extralight);} .book-about-description {font-size: 16px;line-height: 26px;color: var(--c-text);word-break: break-word;margin-top: 15px;} .book-about-dates {margin-bottom: 15px;border-bottom: 2px solid var(--c-content-border);} .book-about-date {display: inline-flex;margin: 0 15px 15px 0;} .book-about-date-label {color: var(--c-text-light);margin-right: 7px;} /* Reader */ .reader-header-menu {display: inline-flex;} .reader-header-menu-cover {width: 26px;height: 36px;border: 2px solid var(--c-content-border);border-radius: 6px;margin-left: 10px;} .reader-header-bookmark {margin-right: 20px;padding: 5.5px;} .reader-header-bookmark-path {fill: var(--c-content-bg);stroke: var(--c-text);stroke-width: 2.25;} .reader-header-bookmark-path.active {fill: var(--c-text);} .reader-header-settings-wrapper {display: inline-block;position: relative;} .reader-header-close {display: inline-block;vertical-align: middle;width: 48px;height: 48px;padding: 7px;margin-left: 15px;} .reader-settings {top: 46px;left: -185px;width: 250px;box-shadow: 0 10px 20px 0 rgb(0 0 0 / 10%);} .reader-settings-title {text-align: left;margin: 0 25px;color: var(--c-text-light);} .reader-settings-items {display: inline-flex;justify-content: space-between;width: calc(100% - 50px);margin: 15px 25px;align-items: center;} .reader-settings-theme-button {cursor: pointer;display: inline-block;width: 36px;height: 36px;border: 2px solid var(--c-content-border);border-radius: 100%;} .reader-settings-font-size-start {cursor: pointer;width: 24px;line-height: 36px;font-size: 14px;text-align: center;} .reader-settings-font-size-end {cursor: pointer;width: 28px;line-height: 36px;font-size: 28px;text-align: center;} .theme-style-0 {background: #ffffff;} .theme-style-1 {background: #999999;} .theme-style-2 {background: #b9ac92;} .theme-style-3 {background: #444444;} .theme-style-4 {background: #000000;} .book-chapter-title {font-size: 36px;line-height: 48px;font-weight: bold;margin-top: 10px;} .book-chapter-text {margin-top: 25px;} .book-chapter-attachment-image {display: inline-block;width: 100%;border-radius: 12px;margin-top: 25px;background-color: var(--c-accent-light);object-fit: cover;} .reader-header-wrapper {position: fixed;left: 0;top: 0;width: 100%;height: 60px;z-index: 50;background-color: var(--c-content-bg);box-shadow: var(--s-header);-webkit-box-shadow: var(--s-header);transition: opacity .3s;} .reader-footer {position: fixed;left: 0;bottom: 0;border-top: 2px solid var(--c-content-border);display: inline-flex;flex-wrap: wrap;justify-content: center;width: 100vw;z-index: 10;background-color: var(--c-content-bg);transition: opacity .3s;} .reader-footer-promotion-wrapper {display: inline-flex;justify-content: center;width: 100%;height: 60px;padding-bottom: 2px;background-color: var(--c-accent-light);cursor: pointer;} .reader-footer-promotion {display: inline-flex;width: 92%;max-width: 700px;justify-content: space-between;align-items: center;color: #000;} .reader-footer-promotion-title {color: var(--c-text);font-size: 18px;font-weight: bold;padding-right: 25px;} .reader-footer-promotion-icon {width: 60px;height: 60px;} .reader-footer-promotion-timer {font-size: 18px;font-weight: bold;width: 85px;color: var(--c-destructive);} .reader-footer-promotion-action {padding: 0 15px;line-height: 36px;color: var(--c-text);background-color: var(--c-content-bg);border-radius: var(--r-default);} .reader-pagination {display: inline-flex;width: 100%;justify-content: center;align-items: center;height: 60px;} .reader-pagination-info {font-size: var(--fs-header);margin: 0 15px;} .reader-pagination-info-title {margin-right: 7px;} .reader-pagination-info-counter-current {font-weight: bold;} .reader-pagination-info-counter-of {color: var(--c-text-light);margin: 0 2px;} .reader-pagination-info-counter-all {font-weight: bold;color: var(--c-text-light);} #reader-book-chapter-comments {margin: 50px 0 125px;} .footer-slide-right {width: calc(100vw - 280px);left: 280px;min-width: 350px;} .reader-book-menu {position: fixed;width: 280px;height: 100%;top: 0;background: var(--c-content-bg);z-index: 50;overflow: auto;} .reader-book-menu-hidden {left: -300px;} .reader-book-menu-open {left: 0px;} .reader-book-menu-bg {border-radius: 0!important;} .reader-book-menu-header {display: inline-flex;align-items: center;width: 100%;height: 62px;padding-left: 25px;position: relative;z-index: 10;} .reader-book-image-wrapper {position: relative;display: inline-block;} .reader-book-menu-content-info {position: relative;padding: 25px;} .reader-book-menu-content-info-title {font-size: 24px;font-weight: bold;line-height: 30px;color: var(--c-white);margin: 15px 0 10px;position: relative;z-index: 10;max-height: 90px;overflow: hidden;} .reader-book-menu-content-info-author {display: inline-block;color: var(--c-white);position: relative;z-index: 10;line-height: 18px;} .reader-book-menu-content-chapters {padding-bottom: 50px;position: relative;z-index: 10;} .reader-book-menu-content-chapter-title {padding: 15px 0;margin: 0 25px 15px;border-bottom: 2px solid var(--c-white-50);text-transform: uppercase;font-weight: bold;color: var(--c-white);letter-spacing: 2px;opacity: .5;} .reader-book-menu-content-chapter {display: inline-flex;width: 100%;padding: 15px 25px;font-size: var(--fs-header);line-height: 24px;color: var(--c-white);opacity: .75;border-left: 5px solid var(--c-transparent);} .reader-book-menu-content-chapter.active {font-weight: bold;border-color: var(--c-white);cursor: default;pointer-events: none;opacity: 1;} .reader-pagination-placeholder {display: flex;align-items: center;line-height: 24px;} .header-slide-right {width: calc(100vw - 280px);left: 280px;padding: 0 4vw;min-width: 350px;} .page-slide-right {width: calc(92vw - 280px)!important;margin-left: calc(4vw + 280px)!important;} .book-buy-placeholder {text-align: center;} .book-buy-placeholder-image-wrapper {display: inline-block;width: 100%;overflow: hidden;position: relative;text-align: center;border-radius: var(--r-default);} .book-buy-placeholder-image-bg {position: absolute;width: 200%;height: 200%;left: -50%;top: -50%;-webkit-filter: blur(35px);filter: blur(35px);opacity: .5;} .book-buy-placeholder-image {position: relative;display: inline-block;width: 100px;height: 150px;border-radius: 8px;} .book-buy-placeholder-cols {display: inline-flex;width: 100%;max-width: 600px;border: 2px solid var(--c-content-border);border-radius: var(--r-default);overflow: hidden;} .book-buy-placeholder-col {text-align: left;padding: 25px;} .book-buy-placeholder-col.first {background-color: var(--c-accent-light);width: 35%;} .book-buy-placeholder-col.second {width: 65%;} .book-buy-placeholder-book-title {font-size: var(--fs-header);font-weight: bold;line-height: 20px;margin: 10px 0 7px 0;} .book-buy-placeholder-author {color: var(--c-text-light);} .book-buy-placeholder-title {font-size: var(--fs-title-big);font-weight: bold;line-height: 36px;margin-bottom: 15px;} .book-buy-placeholder-description {display: inline-block;width: 100%;line-height: 22px;} .book-buy-placeholder-price {display: inline-flex;align-items: center;position: relative;} .book-buy-placeholder-price-value {font-size: var(--fs-title-big);font-weight: bold;margin-right: 7px;letter-spacing: 1px;} .book-buy-placeholder-price-value.old {color: var(--c-text-light);text-decoration: line-through;} .book-buy-placeholder-price-value.new {color: var(--c-destructive);} .post-book-price-icon {width: 28px;height: 28px} .book-buy-placeholder-button {width: 140px;} .book-buy-placeholder-buy-neo {display: inline-block;line-height: 24px;color: var(--c-text-light);text-decoration: underline;} .book-prebuy-title {font-size: var(--fs-title);font-weight: bold;line-height: 28px;margin-bottom: 15px;} .book-prebuy-cols {display: flex;align-items: start;} .book-prebuy-col.first {margin-right: 15px;} .book-prebuy-placeholder-price {font-size: var(--fs-title);line-height: 22px;margin-top: 10px;margin-bottom: 5px;} .book-prebuy-placeholder-price-old {color: var(--c-text-light);text-decoration: line-through;margin-right: 5px;} .book-prebuy-placeholder-price-default {} .book-prebuy-subtitle {font-size: var(--fs-small);line-height: 17px;max-width: 300px;} .book-prebuy-cols-separator {width: 25px;} .book-comments-title {font-size: var(--fs-title-big);font-weight: bold;line-height: 22px;margin: 0 0 25px 0;padding: 0 0 25px 0;border-bottom: 2px solid var(--c-content-border);} .book-comments-title-counter {color: var(--c-text-extralight);font-weight: normal;} .book-comments-count {color: var(--c-text-extralight);margin-left: 10px;} .book-inform-wrapper {position: relative;padding: 25px;border-radius: var(--r-default) var(--r-default) 0 0;min-height: 190px;border: 2px solid var(--c-content-border); border-bottom: none;} .book-inform-cover-wrapper {display: block;position: absolute;width: 100%;height: 100%;top: 0;left: 0;overflow: hidden;border-radius: var(--r-default) var(--r-default) 0 0;background: #000000;} .book-inform-cover {display: inline-block;width: 100%;height: 100%;background-position: center center;background-size: cover;-webkit-filter: blur(25px);filter: blur(25px);transform: scale(1.25);background-color: var(--c-content-bg);opacity: .5;} .book-inform-image {background: var(--c-content-bg);} .reader-book-menu-open .book-inform-cover-wrapper {position: fixed;width: 280px;} .book-inform-about {position: relative;z-index: 10;margin-left: 25px;text-align: left;} .book-inform-about-title {font-size: var(--fs-title-big);line-height: 28px;color: var(--c-white);font-weight: bold;margin-bottom: 10px;} .book-inform-about-category-title {color: var(--c-white);opacity: .5;} .book-inform-about-user-firstname-lastname {color: var(--c-text);} .book-inform-about-open {max-width: 250px;} /* Comments */ .comments {overflow: hidden;} .comments-load-more {width: 100%;border: 0;margin: 0 0 15px 0;line-height: var(--lh-text);text-align: center;} .comment-item {margin-bottom: 15px;} .comment-item-user-pro {position: absolute; right: -3px;top: 24px;width: 20px;} .comment-item-user-photo-wrapper {display: inline-block;position: relative;} .comment-item-user-photo {width: 36px;height: 36px;border-radius: 100%;background-color: var(--c-accent-light);border: 2px solid var(--c-content-border);} .comment-item-info {margin-left: 15px;} .comment-item-user-firstname-lastname {display: inline-block;font-weight: bold;margin-bottom: 5px;} .comment-item-date {font-size: var(--fs-small);color: var(--c-text-light);margin-bottom: 4px;line-height: 16px;} .comment-item-text {line-height: var(--lh-text);} .comment-item-text-fix {max-height: 44px;overflow: hidden;} .comment-item-read-more {font-size: var(--fs-small);margin: 2px 0 8px;color: var(--c-text-light);} .comment-item-actions {margin-top: 6px;} .comment-item-action-reply {display: inline-block;font-weight: bold;color: var(--c-text-light);margin-right: 15px;} .comment-item-action-remove {display: inline-block;color: var(--c-text-extralight);} .comment-form {display: flex;} .comment-form-reply {margin-top: 10px;} .comment-input {padding: 6px 15px;height: 36px;overflow: hidden;max-width: 100%;} .comment-replies {margin-top: 10px;} .comment-replies-separator {display: inline-block;width: 15px;height: 1px;background: var(--c-text-light);vertical-align: middle;} .comment-replies-label {display: inline-block;vertical-align: middle;margin-left: 2px;padding: 2px 5px;border-radius: 6px;color: var(--c-text-light);font-weight: bold;} .comment-replies-container {margin-top: 15px;} /* Notification Item */ .notification-item {margin-bottom: 20px;} .notification-item-user-pro {position: absolute; right: -3px;top: 24px;width: 20px;} .notification-item-user-photo-wrapper {display: inline-block;position: relative;} .notification-item-user-photo {width: 36px;height: 36px;border-radius: 100%;background-color: var(--c-accent-light);border: 2px solid var(--c-text-light-50);} .notification-item-date {color: var(--c-text-light);white-space: nowrap;font-size: var(--fs-small);margin-left: 5px;} .notification-item-info {margin-left: 15px;} .notification-item-user-firstname-lastname {font-weight: bold;line-height: var(--lh-text);} .notification-item-label {color: var(--c-text-light);line-height: var(--lh-text);} .notification-item-link {color: var(--c-accent);} .notification-item-comment {line-height: var(--lh-text);margin-top: 3px;max-width: 60vw;} /* Purchase Item */ .purchase-item {margin-bottom: 25px;} .purchase-item-user-photo {width: 36px;height: 36px;border-radius: 100%;background-color: var(--c-accent-light);border: 1px solid var(--c-content-border);} .purchase-item-user-photo-placeholder {display: inline-block;width: 36px;line-height: 34px;font-weight: bold;text-align: center;background: var(--c-accent-light);color: var(--c-text-light);border: 1px solid var(--c-content-border);border-radius: 100%;} .purchase-item-date {color: var(--c-text-light);white-space: nowrap;font-size: var(--fs-small);margin-top: 5px;} .purchase-item-info {margin-left: 15px;} .purchase-item-user-firstname-lastname {font-weight: bold;line-height: var(--lh-text);} .purchase-item-label {line-height: var(--lh-text);} .purchase-item-invoice {margin-left: 10px;} .purchase-item-amount {white-space: nowrap;font-size: var(--fs-title);line-height: 18px;} .purchase-item-commission {white-space: nowrap;color: var(--c-text-extralight);font-size: var(--fs-small);margin-top: 7px;} /* Payout Item */ .payout-cell {padding: 0 15px 25px 0;line-height: 16px;} .payout-item-id {} .payout-item-date {font-size: var(--fs-small);color: var(--c-text-light);} .payout-item-status {text-transform: uppercase;font-size: var(--fs-small);font-weight: bold;} .payout-item-status-0 {color: var(--c-text-light);} .payout-item-status-1 {color: var(--c-status);} .payout-item-status-2 {color: var(--c-destructive);} .payout-item-amount {white-space: nowrap;font-size: var(--fs-title);} .payout-item-note {margin-top: 5px;font-size: var(--fs-small);line-height: 14px;} /* Messages */ .messages-wrapper {display: flex;border: 2px solid var(--c-content-border);border-radius: var(--r-default);overflow: hidden;} .messages-dialogues {width: 35%;border-right: 2px solid var(--c-content-border);overflow: auto;} .messages-primary {width: 65%;position: relative;} .dialog-item {text-align: left;padding: 15px 0;border-bottom: 2px solid var(--c-content-border);background: var(--c-content-bg);} .dialog-item.active {pointer-events: none;} .dialog-item.new-messages {background: var(--c-accent-light);} .dialog-item-user-photo-wrapper {padding: 0 15px;} .dialog-item-user-photo {width: 36px;height: 36px;border-radius: 100%;background-color: var(--c-accent-light);border: 2px solid var(--c-text-light-50);} .dialog-item-header {margin-bottom: 5px;} .dialog-item-user-firstname-lastname {display: inline-block;font-weight: bold;} .dialog-item-last-message-date {font-size: var(--fs-micro);color: var(--c-text-light);white-space: nowrap;padding-right: 15px;} .dialog-item-last-message-text {word-break: break-word;color: var(--c-text-light);margin-right: 15px;height: 15px;overflow: hidden;} .messages-header {text-align: left;padding: 15px 0;border-bottom: 2px solid var(--c-content-border);} .messages-body {display: flex;flex-direction: column;overflow-y: auto;padding: 0 15px;} .messages-footer {padding: 15px;border-top: 2px solid var(--c-content-border);} .messages {padding: 15px 0 0;margin-top: auto;} .messages-placeholder {position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 20;background-color: var(--c-content-bg);border-radius: 0;border: none;display: table;} .messages-placeholder-content {display: table-cell; vertical-align: middle;} .dialog-user-status {margin-top: 4px;font-size: var(--fs-small);} .message-input {padding: 6px 15px;line-height: var(--lh-text);max-width: 100%;height: 36px;overflow: hidden;} .message-to-me {text-align: left;} .message-from-me {text-align: right;} .message-item {padding-bottom: 15px;} .message-item-content {display: inline-block;max-width: 80%;padding: 10px 15px;border: 2px solid var(--c-content-border);border-radius: var(--r-default);overflow: hidden;} .message-item-label {font-size: var(--fs-small);margin-top: 10px;opacity: .5;} .message-item-text {text-align: left;line-height: var(--lh-text);word-break: break-word;} .message-from-me .message-item-content {background: var(--c-accent-light);border-color: var(--c-accent-light);} .message-from-me .message-item-text {color: var(--c-text);} .message-from-me .message-item-label {color: var(--c-text-light);} .load-more-disabled {opacity: 0!important;pointer-events: none!important;} /* User */ .user-block {position: relative;} .user-block-cover {position: relative;z-index: 1;display: inline-block;width: 100%;height: calc(100vw / 4);min-height: 150px;object-fit: cover;background-color: var(--c-accent-light);} .user-block-photo-wrapper {display: inline-block;position: relative;z-index: 2;margin-top: -120px;} .user-block-photo {width: 152px;height: 152px;border-radius: 100%;background-color: var(--c-accent-light);border: 2px solid var(--c-content-border);box-shadow: 0 0 0 5px var(--c-content-bg);} .user-block-pro {position: absolute;width: 46px;right: 5px;top: 120px;} .user-block-firstname-lastname {font-size: 28px;line-height: 38px;font-weight: bold;padding: 0 4vw;margin-top: 10px;overflow: hidden;} .user-block-username {color: var(--c-text-light);} .user-block-counter-value {display: inline-block;vertical-align: middle;font-size: var(--fs-title);font-weight: bold;line-height: var(--lh-text);margin-right: 3px;} .user-block-counter-label {display: inline-block;vertical-align: middle;color: var(--c-text-light);margin-right: 10px;} .user-block-menu {position: absolute;z-index: 3;top: 15px;right: 15px;background: var(--c-content-bg-75);border-radius: 100%;} .user-block-link {display: inline-block;max-width: 240px;color: var(--c-accent);overflow: hidden;height: 18px;line-height: 18px;text-overflow: ellipsis;} .user-block-about {display: inline-block;max-width: 600px;color: var(--c-text-light);line-height: var(--lh-text);padding: 0 4vw;margin-bottom: 20px;} .user-block-about-read-more {color: var(--c-text);display: inline-block;width: 100%;} .user-block-counters {margin: 15px 0 20px;} .user-block-actions {display: inline-flex;width: 92vw;max-width: 360px;} .user-block-main_action-button {width: 100%;} .user-block-boost-button {padding: 6px;border-radius: 100%;margin-left: 10px;background: var(--c-accent);} .user-block-boost-button path {fill: var(--c-white);} .user-block-menu-button {border: 2px solid var(--c-content-border);padding: 4px;border-radius: 100%;margin-left: 10px;} .users-container-wrapper {max-height: 350px;overflow: auto;} .user-item {margin-bottom: 15px;} .user-item-pro {position: absolute; right: -2px;top: 34px;width: 24px;} .user-item-photo-wrapper {display: inline-block;position: relative;} .user-item-photo {width: 48px;height: 48px;border-radius: 100%;background-color: var(--c-accent-light);border: 2px solid var(--c-text-light-50);} .user-item-info {margin-left: 15px;} .user-item-firstname-lastname {font-weight: bold;margin-bottom: 3px;line-height: var(--lh-text);} .user-item-stats {color: var(--c-text-light);line-height: var(--lh-text);} .user-item-timeread {white-space: nowrap;font-weight: bold;line-height: var(--lh-text);margin-bottom: 3px;} .user-item-timeread-label {white-space: nowrap;color: var(--c-text-light);} .content-tabs-wrapper {display: inline-block;width: 92vw;max-width: 600px;overflow-y: auto;} .content-tabs-wrapper {scrollbar-width: none;scrollbar-color: white;} .content-tabs-wrapper::-webkit-scrollbar {height: 0px;} .content-tab-content {text-transform: uppercase;line-height: 36px;color: var(--c-text-light);font-weight: bold;padding: 0 15px;white-space: nowrap;text-align: center;} .content-tab-counter {font-weight: normal;color: var(--c-text-light);margin-left: 2px;} .content-tab-indicator {height: 2px;background-color: var(--c-content-border);} .content-tab.active .content-tab-content {color: var(--c-accent);} .content-tab.active .content-tab-counter {color: var(--c-accent);opacity: .75;} .content-tab.active .content-tab-indicator {background-color: var(--c-accent);} .user-feed-wrapper {display: inline-block;width: 100%;max-width: 600px;} /* Editor */ .editor-title {font-size: var(--fs-title-big);font-weight: bold;line-height: 28px;text-align: left;} .editor-form {display: inline-block;width: 100%;max-width: 400px;} .editor-input-box {display: inline-block;width: 100%;} .editor-input-label-wrapper {display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;} .editor-input-label {text-align: left;font-weight: bold;font-size: 16px;line-height: 20px;} .editor-input {text-align: center;} .editor-input-text {font-family: var(--f-work);font-size: var(--fs-work);line-height: var(--lh-work);} .editor-table {width: auto;min-width: 400px;} .editor-button {width: 100%;} .editor-link {padding: 5px 15px;border-radius: var(--r-default);} .editor-input-counters {display: flex;} .editor-input-counter {margin-left: 15px;color: var(--c-text-light);text-transform: lowercase;} .editor-input-counter-value {font-weight: bold;} .editor-version-switch {width: 100%;display: inline-flex;background-color: var(--c-accent-light);border-radius: 6px;position: relative;margin-top: 15px;} .editor-version-switch-option {width: 50%;padding: 0 15px;line-height: 24px;position: relative;z-index: 8;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .editor-version-switch-pointer {position: absolute;background-color: var(--c-content-bg);border-radius: 4px;left: 2px;top: 2px;width: calc(50% - 4px);height: 20px;z-index: 7;transition: .3s;} .editor-version-switch.prev .editor-version-switch-pointer {left: calc(50% + 2px);} .editor-media {border-radius: var(--r-default);overflow: hidden;background: var(--c-accent-extralight);} .editor-media-placeholder {padding: 25px;} .editor-media-placeholder-title {display: inline-block;font-size: var(--fs-title);line-height: 28px;} .editor-media-placeholder-cover {display: inline-block;} .editor-media-placeholder-button-ai {display: inline-block;padding: 0 25px;line-height: 32px;color: var(--c-accent);background-color: var(--c-accent-extralight);border-radius: var(--r-default);border: 2px solid var(--c-accent);font-weight: bold;} .editor-media-placeholder-button-remove {display: inline-block;padding: 7px 0;background: var(--c-accent-light);border-radius: 20px;color: var(--c-text-light);} .editor-media-file {position: relative;} .editor-media-file-wrapper {display: inline-block;width: calc( 100% - 50px );max-width: 350px;margin: 25px 25px 0;object-fit: cover;overflow: hidden;} .editor-media-file-cover {display: inline-block;width: 160px;height: 240px;object-fit: cover;margin: 25px 25px 0;border-radius: 12px;border: 2px solid var(--c-content-border);} .editor-media-file-image-img {width: 100%;} .editor-settings {display: flex;flex-wrap: wrap;justify-content: space-between;} .editor-select-box {width: 48%;margin-top: 25px;} .editor-price-title {font-size: 17px;line-height: 17px;font-weight: bold;} .editor-price-placeholder {padding: 25px 0;} .editor-price-wrapper {text-align: left;} .editor-price {display: inline-block;vertical-align: middle;font-size: var(--fs-title-big);line-height: 28px;} .editor-price-old {color: var(--c-text-light);text-decoration: line-through;} .editor-price-edit {display: inline-block;vertical-align: middle;margin-left: 15px;line-height: 32px;padding: 0 15px;border: 2px solid var(--c-accent);border-radius: var(--r-default);font-weight: bold;} .editor-price-edit-modal-input {font-size: var(--fs-header);text-align: center;} .editor-price-edit-modal-input-currency {display: inline-block;margin-left: 10px;line-height: 22px;} .editor-price-edit-modal-notice {font-size: var(--fs-micro);} .editor-price-edit-modal-message {line-height: 18px;} .editor-price-edit-suggest {font-size: var(--fs-header);color: var(--c-text-light);} .editor-price-special {display: inline-block;vertical-align: middle;font-size: var(--fs-title-big);color: var(--c-destructive);line-height: 28px;margin-left: 5px;} .editor-price-special-edit {display: inline-block;vertical-align: middle;margin-left: 15px;line-height: 32px;padding: 0 15px;border: 2px solid var(--c-destructive);border-radius: var(--r-default);font-weight: bold;} .editor-price-special-edit-modal-label {text-align: left;font-weight: bold;margin-bottom: 5px;} .editor-price-info {background-color: var(--c-accent-light);color: var(--c-text-light);padding: 15px 15px;margin-top: 15px;border-radius: var(--r-default);line-height: 18px;} .editor-price-info-icon {display: inline-block;width: 18px;height: 18px;margin-right: 15px;} .editor-price-info-pro {} .tags-form-wrapper {border: 2px solid var(--c-content-border);border-radius: var(--r-default);padding: 15px;text-align: left;} .tags-form-item {display: inline-block;position: relative;font-size: var(--fs-micro);padding: 0 25px 0 10px;line-height: 24px;background-color: var(--c-accent-light);border-radius: var(--r-default);margin: 0 5px 10px 0;max-width: 240px;height: 24px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .tags-form-item-word {} .tags-form-item-remove {position: absolute;top: 0;right: 0;width: 24px;height: 24px;background: url(https://d2bfqgjv97fx4w.cloudfront.net/i/web/close-circle.svg) center center no-repeat;background-size: 18px;} .tags-form-input-wrapper {position: relative;} .tags-form-add {position: absolute;line-height: 22px;padding: 0 15px;background: var(--c-content-bg);border-radius: var(--r-default);color: var(--c-accent);top: 7px;right: 2px;} .editor-chapters {display: flex;flex-direction: column;} .editor-chpaters-title {font-size: 17px;line-height: 17px;font-weight: bold;} .editor-chapters-button-add-wrapper {position: fixed;bottom: 0;left: 0;width: 100%;padding: 12px 0;border-top: 2px solid var(--c-content-border);background-color: var(--c-content-bg);text-align: center;z-index: 10;} .editor-chapters-button-add {display: inline-block;width: 94vw;max-width: 700px;line-height: 36px;border-radius: var(--r-default);background-color: var(--c-accent-light);color: var(--c-text);} .editor-chapter-header {border-bottom: 2px solid var(--c-content-border);padding: 5px 5px 5px 15px;} .editor-chapter-button-publish {white-space: nowrap;display: inline-block;line-height: 24px;padding: 0 15px;background-color: var(--c-accent-light);border-radius: var(--r-default);color: var(--c-accent);} .editor-chapter-button-publish-remove {white-space: nowrap;display: inline-block;line-height: 24px;padding: 0 15px;background-color: var(--c-accent-light);border-radius: var(--r-default);color: var(--c-text-light);} .editor-chapter-title {font-size: 18px;line-height: 22px;text-align: left;padding: 10px 15px;} .editor-chapter-draft {font-size: var(--fs-small);text-transform: uppercase;color: var(--c-text-light);margin-bottom: 5px;} .editor-chapter {display: inline-block;width: 100%;margin-bottom: 15px;border: 2px solid var(--c-content-border);border-radius: var(--r-default);overflow: hidden;} .modal-content-edit-chapter {width: 100%;max-width: 100%;height: 100%;border-radius: 0;padding: 0;} .editor-chapter-edit-header {position: fixed;left: 0;top: 0;width: 100%;height: 60px;background-color: var(--c-content-bg);box-shadow: var(--s-header);z-index: 50;} .editor-chapter-edit-header-content {width: 100%;max-width: 700px;height: 60px;} .editor-chapter-edit-header-content-title {width: 50vw;max-width: 450px;font-size: var(--fs-title);font-weight: bold;height: 18px;padding: 2px 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .editor-chapter-edit-button {width: 100%;padding: 0 15px!important;font-weight: bold;} .editor-chapter-edit-button-save {font-weight: bold;color: var(--c-accent);padding: 10px 5px;} .editor-chapter-edit-button-cancel {color: var(--c-text-light);padding: 10px 5px;} .editor-chapter-button-edit {display: inline-block;color: var(--c-text-light);font-weight: bold;padding: 5px 0px;margin: 5px 0;} .editor-chapter-button-remove {display: inline-block;color: var(--c-destructive);} .editor-chapter-edit-body {display: inline-block;width: 100%;max-width: 650px;} .editor-chapter-edit-title {background: none;border: none;text-align: left;font-size: var(--fs-title-big);font-weight: bold;padding: 0;line-height: 36px;max-width: 100%;border-radius: 0;} .editor-chapter-edit-body-input-separator {height: 3px;background-color: var(--c-content-border);border-radius: 2px;margin: 0 3%;} .editor-chapter-edit-quill-wrapper {position: relative;width: 100%;} .editor-chapter-edit-back {position: absolute;left: calc( 4% - 8px );top: 12px;} .editor-chapter-edit-back-label {display: inline-block;font-weight: bold;} .editor-chapter-edit-toolbar-hide {position: absolute;right: calc( 3% - 10px );top: 12px;} .editor-chapter-edit-preloader {position: fixed;left: 0;top: 60px;width: 100%;height: calc( 100% - 67px );display: inline-table;background: var(--c-content-bg);z-index: 10;} .editor-chapter-edit-preloader-content {display: table-cell;text-align: center;vertical-align: middle;} .editor-chapter-edit-preloader-content-icon {display: inline-block;} .ql-snow.ql-toolbar button.ql-active .ql-stroke {stroke: var(--c-text)!important;} /* Affiliate */ .affiliate-title {font-size: 28px;line-height: 38px;font-weight: bold;margin: 50px 0 15px;} .affiliate-description {line-height: 20px;display: inline-block;max-width: 450px;color: var(--c-text-light);} .affiliate-balance {font-size: 28px;line-height: 32px;font-weight: bold;} .affiliate-insights-filters {display: inline-flex;justify-content: space-between;width: 100%;margin: 40px 0 15px;} .affiliate-insights-filter {width: calc(50% - 7.5px);padding-right: 25px;text-overflow: ellipsis;white-space: nowrap;} .affiliate-insights-chart-wrapper {transition: .3s;margin-bottom: 50px;} .affiliate-rates {display: inline-flex;flex-wrap: wrap;width: 100%;border: 2px solid var(--c-content-border);border-radius: var(--r-default);} .affiliate-rates-title {width: 100%;padding: 15px 0;border-top: 2px solid var(--c-content-border);border-bottom: 2px solid var(--c-content-border);} .affiliate-rate {width: calc(50% - 16px);padding: 15px;} .affiliate-rate-value {font-size: 18px;line-height: 24px;margin-bottom: 5px;} .affiliate-rate-label {line-height: 18px;color: var(--c-text-light);} .affiliate-rate-separator {background: var(--c-content-border);width: 2px;height: auto;margin: 0 15px;} .affiliate-invite {display: inline-flex;justify-content: space-between;align-items: center;width: 100%;padding: 15px;margin-bottom: 15px;background-color: var(--c-accent-light);border-radius: var(--r-default);} .affiliate-invite-info {width: 100%;text-align: left;} .affiliate-invite-name {font-size: var(--fs-header);font-weight: bold;margin-bottom: 10px;} .affiliate-invite-date-label {color: var(--c-text-light);line-height: 18px;} .affiliate-invite-copy {margin-right: 5px;} .affiliate-invite-form {display: inline-flex;justify-content: space-between;width: 100%;margin-bottom: 25px;} .affiliate-invite-form-type-id {width: 275px;margin: 0 15px;} .affiliate-invite-form-name {} .affiliate-payout {display: inline-flex;justify-content: space-between;width: 100%;background-color: var(--c-accent-light);padding: 15px 25px;margin-bottom: 15px;border-radius: var(--r-default);} .affiliate-payout-amount {font-size: var(--fs-header);font-weight: bold;} .affiliate-link-wrapper {border: 2px solid var(--c-content-border);border-radius: var(--r-default);padding: 25px;} .affiliate-link-description {text-align: left;line-height: 20px;color: var(--c-text-light);} .affiliate-link-area {display: inline-flex;width: 100%;align-items: center;} .affiliate-link-separator {margin: 0 15px;} .affiliate-lnk {line-height: 18px;} .affiliate-link-input {margin-right: 15px;} .affiliate-user-item {display: inline-flex;width: 100%;margin-bottom: 15px;} .affiliate-user-item-photo {width: 36px;height: 36px;background-color: var(--c-accent-light);border: 2px solid var(--c-content-border);border-radius: 100%;margin-right: 10px;} .affiliate-user-item-info {display: flex;width: 100%;align-items: center;flex-wrap: wrap;} .affiliate-user-item-name {width: 100%;font-weight: bold;text-align: left;} .affiliate-user-item-invite {border-radius: 5px;font-size: var(--fs-small);margin-top: 5px;} .affiliate-user-item-revenue {white-space: nowrap;font-size: var(--fs-small);margin-left: 15px;} .affiliate-user-item-date {white-space: nowrap;font-size: var(--fs-small);margin-left: 15px;} /* Payout */ .payout-balance-wrapper {padding: 25px;border-radius: var(--r-default);} .payout-balance-neo {display: inline-flex;} .payout-balance-neo-icon {width: 18px;height: 18px;margin-right: 7px;} .payout-balance-neo-value {font-weight: bold;line-height: 18px;color: var(--c-text-light);} .earn-balance-btns {display: inline-flex;width: 100%;max-width: 360px;justify-content: space-between;} .btn-payout-step-1 {background-color: var(--c-text);color: var(--c-content-bg)} .earn-insights-title {font-size: var(--fs-title);font-weight: bold;line-height: 36px;} .payout-title {font-size: 28px;line-height: 38px;font-weight: bold;margin: 50px 15px 0;} .payout-description {line-height: 20px;display: inline-block;max-width: 350px;color: var(--c-text-light);} .payout-balance-label {font-size: var(--fs-micro);font-weight: bold;font-size: var(--fs-micro);text-transform: uppercase;} .payout-balance-real {font-size: 28px;line-height: 28px;font-weight: bold;} .earn-rates {display: inline-flex;flex-wrap: wrap;width: 100%;border: 2px solid var(--c-content-border);border-radius: var(--r-default);} .earn-rates-title {width: 100%;padding: 15px 0;border-top: 2px solid var(--c-content-border);border-bottom: 2px solid var(--c-content-border);} .earn-rate {width: calc(50% - 16px);padding: 15px;} .earn-rate-value {font-size: 18px;line-height: 24px;margin-bottom: 5px;} .earn-rate-label {line-height: 18px;color: var(--c-text-light);} .earn-rate-separator-vertical {background: var(--c-content-border);width: 2px;height: auto;margin: 0 15px;} .earn-rate-separator-horizontal {background: var(--c-content-border);width: 100%;height: 2px;} .payout-operations-wrapper {display: inline-block;width: 100%;padding-top: 25px;} .payout-operations-select-wrapper {display: inline-block;width: 100%;text-align: left;} .payout-operations-select {display: inline-block;width: auto;max-width: 100%;padding: 0 35px 0 0;font-size: var(--fs-title);font-weight: bold;line-height: 22px;background: var(--bg-select);background-color: var(--c-content-bg);border: none;} .payout-modal-message {margin-right: 35px;line-height: 20px;color: var(--c-text-light);} .payout-input-wrapper {width: 100%;display: inline-flex;align-items: center;justify-content: left;} .payout-input-amount {width: 140px;} .payout-input-currency {font-size: var(--fs-title);} .transfer-modal-message {font-size: var(--fs-small);line-height: 18px;} .transfer-input-wrapper {display: flex;align-items: center;} .transfer-input-currency {margin: 0 15px;} /* Library */ .library-title {font-size: var(--fs-title-big);line-height: 22px;font-weight: bold;text-align: center;padding: 0 4vw;} .library-section-title-wrapper {width: 92vw;margin: 25px 0 15px;padding-bottom: 5px;border-bottom: 2px solid var(--c-content-border);} .library-section-title {text-align: left;font-size: var(--fs-title);line-height: 24px;} .library-section-all {display: inline-block;line-height: 24px;padding: 0 15px;border-radius: var(--r-default);color: var(--c-accent);white-space: nowrap;} .library-section-placeholder {padding: 25px;border: none;} /* Insights */ .insights-preview {padding: 50px 25px;} .insights-preview-image {display: inline-block;width: 240px;height: 200px;} .insights-preview-title {font-size: 28px;line-height: 28px;font-weight: bold;margin: 25px 0 15px;} .insights-preview-description {display: inline-block;width: 100%;max-width: 350px;line-height: 18px;} .insights-wrapper {transition: .3s;} .insights-header {display: flex;justify-content: space-between;align-items: end;text-align: left;} .insights-header-breadcrumb-link {color: var(--c-accent);font-size: var(--fs-default);font-weight: normal;line-height: 14px;display: inline-block;width: 100%;margin-bottom: 5px;} .insights-header-title {display: inline-block;font-size: var(--fs-title-big);font-weight: bold;text-align: left;line-height: 40px;} .insights-header-period-select {width: 210px;} .insights-post-select-wrapper-wrapper {display: inline-block;width: 100%;text-align: left;} .insights-post-select-wrapper {display: inline-block;border-radius: 3px;} .insights-post-select {display: inline-block;width: auto;max-width: 100%;padding: 0 35px 0 0;font-size: var(--fs-title-big);font-weight: bold;line-height: 24px;background-color: var(--c-content-bg);border: none;} .insights-sections {display: flex;flex-wrap: wrap;justify-content: left;transition: .3s;} .insights-section {width: calc( (92vw - 50px) / 3 );padding: 25px;margin: 0 0 25px 0;border: 2px solid var(--c-content-border);border-radius: var(--r-default);} .insights-section-header {display: flex;justify-content: space-between;align-items: start;margin: 0 0 25px 0;} .insights-section-header-view-all {color: var(--c-accent);font-weight: bold;} .insights-section-title {font-size: var(--fs-title);text-align: left;} .insights-section-overview {width: 100%!important;max-width: 100%!important;} .insights-section-age {margin-right: 25px;} .insights-section-gender {margin-right: 25px;} .insights-section-poems {margin-right: 25px;} .insights-overview {margin-bottom: 15px;display: flex;justify-content: space-between;flex-wrap: wrap;} .insights-overview-item {display: inline-block;vertical-align: top;width: 15%;padding: 15px;border: 2px solid var(--c-content-border);border-radius: var(--r-default);margin: 0 0 15px 0;} .insights-overview-item.active {color: var(--c-text);background-color: var(--c-accent-light);} .insights-overview-item-value {font-size: var(--fs-title-big);font-weight: bold;line-height: 24px;} .insights-overview-item-label {margin-top: 10px;line-height: 20px;color: var(--c-text-light);} .insights-audience-chart-wrapper {display: inline-block;width: 100%;height: 220px;max-width: 375px;} .insights-audience-active-placeholder {color: var(--c-text-light);text-align: center;line-height: 72px;border-radius: var(--r-default);} .item-post-stats {display: flex;align-items: center;justify-content: space-between;width: 100%;margin-bottom: 20px;} .item-post-stats-title {font-weight: bold;text-align: left;margin-right: 10px;} .item-post-stats-data {display: inline-flex;align-items: center;width: 204px;} .item-post-stats-data-wrapper {width: 50%;text-align: right;} .item-post-stats-icon {width: 18px;height: 18px;} .item-post-stats-icon path {fill: var(--c-text-extralight);} .item-post-stats-label {font-size: var(--fs-small);font-weight: bold;width: 30px;height: 14px;margin-left: 3px;text-align: left;} /* Settings */ .settings-user-cover-wrapper {position: relative;z-index: 1;display: inline-block;width: 100%;overflow: hidden;} .settings-user-cover {width: 100%;height: calc(100vw / 4);min-height: 150px;object-fit: cover;background: var(--c-accent-light);} .settings-user-cover-edit {position: absolute;top: 15px;right: 15px;border-radius: 100%;padding: 5px;background: var(--c-accent-light);border: 1px solid var(--c-content-border);} .settings-user-photo-wrapper {cursor: pointer;position: relative;display: inline-block;z-index: 2;margin-top: -100px;} .settings-user-photo {width: 152px;height: 152px;border: 2px solid var(--c-content-border);box-shadow: 0 0 0 3px var(--c-content-bg);border-radius: 100%;background: var(--c-accent-light);} .settings-user-photo-edit {position: absolute;top: 112px;right: 12px;border-radius: 100%;padding: 5px;background: var(--c-accent-light);border: 1px solid var(--c-content-border);} .settings-form {display: inline-block;width: 92vw;max-width: 400px;} .settings-input-box {display: inline-block;width: 100%;} .settings-input-label {font-weight: bold;line-height: 18px;} .settings-input-info {font-size: var(--fs-micro);line-height: 13px;color: var(--c-text-light);margin-top: 5px;} .settings-input {text-align: center;} .settings-table {width: auto;min-width: 400px;} .settings-button {width: 100%;} .settings-link {padding: 5px 15px;border-radius: var(--r-default);} .settings-agreement-wrapper {display: inline-flex;justify-content: space-between;width: 100%;align-items: start;text-align: left;margin-bottom: 25px;} .settings-agreement-label {width: calc(100% - 33px);font-size: var(--fs-small);line-height: 16px;} #settings-agreement {display: inline-block;width: 18px;height: 18px;} .settings-pro-renew-cancel {font-size: var(--fs-micro);color: var(--c-text-extralight);} .settings-connected-service-label {color: var(--c-text-light);} .settings-form-mini {display: inline-flex;justify-content: space-between;align-items: center;width: 100%;margin-top: 25px;background-color: var(--c-accent-light);padding: 10px 15px;border-radius: var(--r-default);} .settings-form-mini-col-left {width: 50%;text-align: left;} .settings-form-mini-col-right {width: 50%;} .settings-invite-name {text-transform: uppercase;font-weight: bold;margin-bottom: 5px;} .settings-invite-terms {color: var(--c-destructive);line-height: 20px;} .content-preferences-title {text-align: left;margin-bottom: 10px;font-size: var(--fs-title-big);line-height: 36px;} .content-preference-options {margin-bottom: 25px;} .content-preferences-option {display: inline-flex;line-height: 32px;border: 2px solid var(--c-text);border-radius: var(--r-default);padding: 0 10px 0 15px;margin: 15px 10px 0 0;} .content-preferences-option-title {font-weight: bold;margin-right: 5px;white-space: nowrap;} .content-preferences-option.active {background-color: var(--c-text);color: var(--c-content-bg);} /* Ai */ .ai-form {display: inline-block;width: 100%;margin: 50px 0 25px;text-align: left;} .ai-title {display: inline-block;max-width: 600px;font-size: 36px;line-height: 48px;margin-bottom: 25px;} .ai-input-cmd-wrapper {display: inline-block;width: 100%;padding: 15px 25px;border: 2px solid var(--c-content-border);border-radius: var(--r-default);margin: 0 0 15px;} .ai-description-wrapper {display: inline-flex;width: 100%;justify-content: space-between;margin-bottom: 15px;} .ai-description {color: var(--c-text-light);} .ai-description-label-free {color: var(--c-text-extralight);margin-left: 15px;text-align: right;} .ai-input-cmd {font-size: var(--fs-title);line-height: 28px;max-width: 100%;letter-spacing: 2px;text-align: left;padding: 0!important;border-radius: 0!important;border: none!important;} .ai-input-cmd::placeholder {color: var(--c-text-extralight);} .ai-section-header {margin: 20px 0 25px;font-size: 18px;font-weight: bold;} .ai-styles-wrapper {display: inline-block;width: 100%;overflow-y: hidden;overflow-x: auto;} .ai-styles-wrapper::-webkit-scrollbar {height: 0px;} .ai-styles {display: inline-flex;width: 1000px;flex-wrap: wrap;justify-content: space-between;} .ai-style {display: inline-block;position: relative;width: 130px;height: 130px;border: 2px solid var(--c-content-border);border-radius: var(--r-default);padding: 2px;margin-bottom: 15px;} .ai-style-image {width: 122px;height: 122px;border-radius: 15px;background-color: var(--c-accent-light);} .ai-style-title {position: absolute;left: 10px;bottom: 10px;color: #fff;font-weight: bold;text-shadow: 2px 3px 5px #000;} .ai-style.selected {border-color: var(--c-accent);} .ai-style-select-indicator {position: absolute;left: 10px;top: 10px;text-align: center;background: var(--c-content-bg);padding: 5px;border-radius: 100%;box-shadow: 2px 3px 12px #000;-webkit-box-shadow: 2px 3px 12px #000;} .ai-style-select-indicator-circle {width: 10px;height: 10px;background: var(--c-content-bg);border-radius: 100%;} .ai-style.selected .ai-style-select-indicator-circle {background: var(--c-accent);} /*.ai-option.selected .pro-path-bg {fill: var(--c-accent);}*/ .ai-actions {display: inline-flex;width: 100%;justify-content: space-between;} .ai-action {width: calc(25% - 13px);border: 2px solid var(--c-accent-extralight);padding: 2px;border-radius: var(--r-default);} .ai-action.selected {border-color: var(--c-accent);} .ai-action-content {display: inline-flex;width: 100%;align-items: center;background: var(--c-accent-extralight);border-radius: 15px;padding: 10px 15px;} .ai-action-image-wrapper {display: inline-block;width: 36px;height: 36px;border-radius: 100%;} .ai-action-image-wrapper-1 {background: #dfe3f3;} .ai-action-image-wrapper-2 {background: #c9ebd6;} .ai-action-image-wrapper-3 {background: #fffad7;} .ai-action-image-wrapper-4 {background: #e3e7f6;} .ai-action-image {width: 24px;height: 24px;margin: 6px;} .ai-action-title {margin-left: 15px;line-height: 16px;} .ai-select-boxes {display: inline-flex;justify-content: space-between;width: 100%;margin: 25px 0;} .ai-select-box {width: calc(33% - 10px);} .ai-select-label {font-size: 18px;font-weight: bold;margin-bottom: 20px;} .ai-select {text-align: left;font-weight: normal!important;} .ai-box-hidden-transparent {opacity: 0;pointer-events: none;} .ai-input-text-wrapper {display: inline-block;width: 100%;margin-bottom: 25px;} .ai-input-text {max-width: 100%;text-align: left;} .ai-options-wrapper {display: inline-block;width: 100%;overflow-y: hidden;overflow-x: auto;} .ai-options-wrapper::-webkit-scrollbar {height: 0px;} .ai-options {display: inline-flex;width: 100%;justify-content: space-between;margin-bottom: 15px;text-align: center;} .ai-option {display: inline-block;width: 200px;vertical-align: middle;white-space: nowrap;padding: 0 25px;border: 2px solid var(--c-content-border);border-radius: var(--r-default);color: var(--c-text-light);font-weight: bold;} .ai-option.selected {border-color: var(--c-accent);color: var(--c-accent);} .ai-option-title {display: inline-block;line-height: 32px;vertical-align: middle;margin-right: 3px;} .ai-option-pro {width: 32px;height: 32px;padding: 4px;} .ai-form-footer {background: var(--c-accent-extralight);border-radius: var(--r-default);padding: 25px;margin-top: 25px;text-align: center;} .ai-form-footer-terms {display: inline-block;width: 100%;max-width: 450px;margin-bottom: 15px;font-size: 12px;line-height: 16px;color: var(--c-text-light);} .ai-form-footer-button-generate {width: 100%;max-width: 360px;font-weight: bold;} .ai-form-footer-button-generate-history {width: 100%;max-width: 280px;margin-top: 15px;} .ai-form-footer-button-generate-new {width: 100%;max-width: 360px;} .ai-feed-title-wrapper {display: inline-flex;width: 100%;justify-content: space-between;align-items: center;padding-bottom: 10px;margin-top: 25px;margin-bottom: 35px;} .ai-feed-title {font-size: 36px;line-height: 48px;font-weight: bold;text-align: left;} .ai-feed-button-add {height: 36px;max-height: 36px;font-weight: bold;} .ai-item-image {display: inline-block;vertical-align: top;margin: 0 0 40px 0;padding: 15px 15px 0;width: 100%;max-width: 492px;border: 2px solid var(--c-content-border);border-radius: var(--r-default);} .ai-item-image-date-wrapper {position: relative;margin: -25px 0 10px;text-align: center;} .ai-item-image-date-separator {position: absolute;width: 100%;height: 2px;background: var(--c-content-border);top: 8px;} .ai-item-image-date {text-align: center;line-height: 18px;display: inline-block;background: var(--c-content-bg);color: var(--c-text-extralight);font-weight: bold;position: relative;z-index: 10;padding: 0 15px;} .ai-item-image-cmd {line-height: 18px;margin-bottom: 15px;font-size: var(--fs-title);font-weight: bold;line-height: 24px;} .ai-item-image-images {display: inline-flex;width: 100%;justify-content: space-between;flex-wrap: wrap;} .ai-item-image-file {width: calc(50% - 8px);margin-bottom: 15px;position: relative;} .ai-item-image-file-image {width: 100%;border-radius: 6px;min-height: 100px;background: var(--c-accent-light);} .ai-item-image-file-button-download {position: absolute;right: 10px;bottom: 10px;background: #000000a3;border-radius: 100%;padding: 9px;} .ai-item-text {display: inline-block;vertical-align: top;margin: 0 0 40px 0;width: 100%;max-width: 700px;background: var(--c-accent-extralight);padding: 25px;border-radius: var(--r-default);} .ai-item-text-header {display: inline-flex;justify-content: space-between;width: 100%;position: relative;text-align: left;margin-bottom: 25px;} .ai-item-text-date {text-align: center;line-height: 18px;display: inline-block;color: var(--c-text-light);position: relative;z-index: 10;} .ai-item-text-copy {font-weight: bold;color: var(--c-text-light);} .ai-item-text-request {display: inline-block;width: 100%;font-size: 18px;line-height: 22px;font-weight: bold;text-align: left;margin-bottom: 10px;} .ai-item-text-response {font-size: 16px;line-height: 24px;letter-spacing: .5px;text-align: left;} .ai-item-text-response-fix {overflow: hidden;max-height: 95px;} .ai-item-text-read-more {text-transform: uppercase;font-size: 11px;color: var(--c-text-light);margin-top: 10px;padding: 10px 0;background: var(--c-content-border);border-radius: 6px;} .ai-progress {display: inline-block;width: 100%;max-width: 350px;background: #fff;padding: 25px 25px 0;border-radius: var(--r-default);margin-top: 25px;} .ai-progress-preloader-wrapper {display: inline-block;width: 300px;height: 300px;overflow: hidden;position: relative;margin-top: 25px;aspect-ratio: 1;border-radius: var(--r-default);} .ai-progress-preloader-video {display: inline-block;width: 600px;height: 600px;margin: -50% 0 0 -50%;} .ai-progress-header {font-size: var(--fs-title);margin: 25px 0 50px;color: var(--c-text-light);line-height: 28px;} .ai-ready-result {margin: 30px 0 0;} /* Page Not Found */ .page-not-found {display: inline-block;width: 94%;max-width: 1000px;margin-top: 100px;} .page-not-found-title {font-size: var(--fs-title-big);font-weight: bold;line-height: 24px;margin: 15px 0;} .page-not-found-subtitle {font-size: var(--fs-title);font-weight: bold;color: var(--c-text-light);line-height: 18px;} .page-not-found-description {display: inline-block;width: 100%;max-width: 300px;color: var(--c-text-light);line-height: var(--lh-text);} .page-not-found-back {display: inline-block;background-color: var(--c-accent-light);line-height: 36px;padding: 0 25px;border-radius: var(--r-default);margin-top: 15px;} .page-not-found-menu {margin-top: 75px;} .page-not-found-menu .page-menu-item {display: inline-block;width: 100px;} .page-not-found-menu .page-menu-item-icon {display: inline-block;margin-bottom: 7px;} .page-not-found-menu .page-menu-item-title {margin: 0;} /***** Desktop *****/ @media screen and (max-width:99999px) { .carousel-header {display: flex;justify-content: space-between;align-items: center;margin: 35px 4vw 20px;} .carousel-header.content-type-1 {margin: 35px 4vw 5px;} .carousel-header-title {font-size: 24px;line-height: 28px;text-align: left;font-weight: bold;} .card-user {position: relative;display: inline-block;vertical-align: top;width: 154px;margin-right: 11px;text-align: center;overflow: hidden;} .card-user-photo {display: flex;width: 154px;height: 154px;border-radius: 100%;background-color: var(--c-accent-light);border: 2px solid var(--c-content-border);} .card-user-firstname {font-size: var(--fs-default);line-height: 20px;margin: 10px 0 0;text-overflow: ellipsis;overflow: hidden;} .card-user-lastname {font-size: var(--fs-default);line-height: 20px;text-overflow: ellipsis;overflow: hidden;} .card-user-pro {position: absolute;width: 36px;right: 15px;top: 126px;} .card-big-user {display: inline-block;vertical-align: top;width: 184px;margin: 0 15px 15px 0;text-align: left;} .card-big-user-photo-wrapper {position: relative;} .card-big-user-photo {display: flex;width: 180px;height: 180px;border-radius: var(--r-default);background-color: var(--c-accent-light);border: 2px solid var(--c-text-light-50);} .card-big-user-photo-padding {padding: 15px;} .card-big-user-pro {position: absolute;width: 36px;bottom: 7px;right: 10px;} .card-big-user-firstname-lastname {font-weight: bold;margin-top: 7px;line-height: 18px;height: 18px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .card-big-user-username {color: var(--c-text-light);font-size: var(--fs-small);margin-top: 3px;line-height: 14px;height: 14px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .card-big-user-stats {display: none;font-size: var(--fs-micro);margin-top: 5px;height: 14px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .card-big-user-boosted {position: absolute;bottom: 7px;left: 7px;} .card-book-wrapper {display: inline-block;position: relative;} .card-book-hide {position: absolute;z-index: 15;right: 7px;top: 27px;border-radius: 100%;background: var(--c-black-75);} .card-book {position: relative;display: inline-block;vertical-align: top;width: 204px;margin-right: 11px;white-space: normal;overflow: hidden;} .card-book-label-wrapper {position: relative;display: inline-block;width: 100%;height: 32px;} .card-book-label {display: inline-block;line-height: 20px;padding: 0 12px 12px;border-top-left-radius: 12px;border-top-right-radius: 12px;font-size: var(--fs-small);font-weight: bold;} .label-1 {color: var(--c-white);background-color: var(--с-lavender);} .label-2 {color: var(--c-white);background-color: var(--c-destructive);} .label-3 {color: var(--c-white);background-color: var(--c-status);} .card-book-image-wrapper {position: relative;} .card-book-image-wrapper.label {margin-top: -12px;} .card-book-image {display: inline-block;vertical-align: middle;width: 204px;height: 304px;border-radius: 12px;background-color: var(--c-accent-light);border: 2px solid var(--c-content-border);position: relative;z-index: 10;object-fit: cover;} .card-book-title {font-size: var(--fs-default);line-height: 18px;font-weight: bold;display: inline-block;width: 100%;margin: 7px 0 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .card-book-user-firstname-lastname {font-size: var(--fs-default);line-height: 18px;color: var(--c-text-light);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .card-book-widgets {display: inline-flex;} .card-book-widgets.post-widgets {margin-left: 15px;} .card-book-widget {width: 24px;height: 24px;line-height: 18px;text-align:center;padding: 3px;background-color: var(--c-accent-light);border-radius: 100%;margin: 5px 5px 0 0;} .card-book-widget-icon {width: 18px;height: 18px;} .card-book-widget-icon.text {width: 16px;height: 16px;margin: 1px;} .card-book-widget-label.adult {font-size: var(--fs-small);} .card-book-rating {display: inline-flex;align-items: center;line-height: 24px;margin-top: 5px;} .card-book-rating-icon {width: 12px;height: 24px;} .card-book-rating-icon-path {fill: var(--c-destructive);} .card-book-rating-value {color: var(--c-destructive);margin: 0 5px 0 2px;font-weight: bold;} .card-book-rating-counter {color: var(--c-text-extralight);} .card-book-widgets.big {width: 100%;} .card-book-widget.big {background-color: var(--c-text-light);margin-right: 10px;width: 28px;height: 28px;padding: 5px;} .card-book-widget.big path {stroke: var(--c-white)!important;} .card-book-widget.big.audio path {fill: var(--c-white)!important;stroke: none!important} .card-book-widget-label.big.paid {color: var(--c-white);font-size: var(--fs-header);font-weight: normal;} .card-book-widget.label {width: auto;height: 28px;border-radius: 14px;font-size: var(--fs-default);font-weight: bold;line-height: 27px;padding: 0 10px;color: var(--c-white);background-color: var(--c-text-light);margin-right: 10px;} .card-book-widget.label.done {} .card-book-rating.big {font-size: var(--fs-title);} .card-book-rating-icon.big {width: 16px;margin-left: 5px;} .card-book-rating-counter.big {font-size: var(--fs-title);color: var(--c-text-light);} .card-book-rating-value.big {font-size: var(--fs-title);} .card-book-rating-icon-path.big {} .card-poem {display: inline-block;vertical-align: top;width: 400px;background: var(--c-accent-light);white-space: normal;padding: 15px 25px;border-radius: var(--r-default);margin-right: 15px;} .card-poem-title {font-family: var(--f-work);font-size: 18px;line-height: 24px;font-weight: bold;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .card-poem-text {display: inline-block;overflow: hidden;width: 100%;height: 124px;font-size: 15px;line-height: 25px;margin: 5px 0 10px;} .card-poem-user {display: flex;align-items: center;} .card-poem-user-photo-wrapper {display: inline-block;position: relative;} .card-poem-user-photo {display: inline-block;vertical-align: middle;width: 24px;height: 24px;border-radius: 100%;} .card-poem-user-pro {display: none;position: absolute;width: 18px;right: -7px;bottom: -7px;} .card-poem-user-name {width: 100%;margin-left: 10px;color: var(--c-text-light);} .card-blog {display: inline-block;vertical-align: top;width: 400px;background: var(--c-accent-light);white-space: normal;padding: 25px;border-radius: var(--r-default);margin-right: 15px;} .card-blog-title {font-size: 18px;line-height: 24px;font-weight: bold;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .card-blog-text {display: inline-block;overflow: hidden;width: 100%;height: 124px;font-size: 15px;line-height: 25px;margin: 5px 0 10px;letter-spacing: .25px;} .card-blog-user {display: flex;align-items: center;} .card-blog-user-photo-wrapper {display: inline-block;position: relative;} .card-blog-user-photo {display: inline-block;vertical-align: middle;width: 24px;height: 24px;border-radius: 100%;} .card-blog-user-pro {display: none;position: absolute;width: 18px;right: -7px;bottom: -4px;} .card-blog-user-name {width: 100%;margin-left: 10px;color: var(--c-text-light);line-height: 18px;max-height: 18px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} } /***** Laptop *****/ @media screen and (max-width:1600px) { .book-rating__label__span {font-size: var(--fs-small);} } @media screen and (max-width:1500px) { .card-book {width: 184px;margin-right: 11px;} .card-book-image {width: 184px;height: 274px;} .card-user {width: 124px;margin-right: 11px;} .card-user-photo {width: 124px;height: 124px;} .card-user-pro {right: 10px;top: 100px;} .card-poem {width: 360px;} .card-blog {width: 360px;} .general-mark.user {left: 12px;top: 96px;} } @media screen and (max-width:1400px) { .book-rating {padding: 25px;} .book-rating__label {padding: 0;} .page-title {font-size: 48px;line-height: 48px;height: 208px;} .insights-section {width: calc( (92vw - 25px) / 2 );} } @media screen and (max-width:1300px) { .card-big-user {width: 165px;margin: 0 7px 15px 7px;} .card-big-user-photo {width: 165px;height: 165px;} } @media screen and (max-width:1200px) { .header-item-icon-filled {margin-right: 6px;} .page-content-column-center {width: calc(92vw - 600px);} .card-big-user {width: 180px;} .card-big-user-photo {width: 180px;height: 180px;} } /***** Mobile *****/ @media screen and (max-width:1100px) { /* General */ .mobile {display: inline-block!important;} .mobile-block {display: block!important} .desktop {display: none!important} .interaction, .button, .button-linear {transition: none;} .interaction:active {opacity: 1;} .width-auto {width: 100%!important;} h1 {font-size: var(--fs-title);} .dialog-action {font-size: 18px;} .placeholder {max-width: 92vw;} /* Header */ .header-icon_logo-desktop {display: none;} .header-icon_logo-mobile {display: flex;} .header-cell-left {width: 12vw;} .header-cell-right {width: 80vw;} /* Footer */ .footer-content {width: 100vw;padding: 12px 4vw;} .footer-content-center {order: 1;width:45%;text-align: left;padding-top: 15px;} .footer-content-left {order: 2;width: 55%;text-align: right;} .footer-link {width: 100%;margin: 0 0 5px 0;} .footer-socials {display: inline-flex;margin: 10px 0 17px;} .footer-social-link {margin-right: 0;margin-left: 7px;} .footer-badges {display: inline-flex;flex-direction: column;} .footer-badge {margin-left: 0;margin-bottom: 10px;} .footer-badge-m {display: inline-block;width: 122px;height: 36px;margin-top: 8px;} .footer-badge-m-icon {width: 100%;height: 100%;} /* Page */ .page {min-height: 0px;} .page-menu {display: none;} .page-menu-item {display: inline-block;} .page-menu-item-icon {display: inline-block;margin-bottom: 7px;} .page-menu-item-title {margin: 0;} .page-content-primary {width: 100%;display: inline-block;} .page-content-separator {display: none;} .page-content-secondary {width: 100%;display: inline-block;margin-top: 25px;} .page-content-title {margin: 25px 4vw 15px 4vw;font-size: var(--fs-title);} .page-title {font-size: 36px;line-height: 36px;height: 196px;} .page-content-columns {flex-direction: column;} .page-content-column-left {order: 1;width: 100%;margin: 0;} .page-content-column-center {order: 3;width: 100%;margin: 0;} .page-content-column-right {order: 2;width: 100%;margin: 0;} .page-content-menu-flexible-wrapper {display: inline-block;width: 100%;overflow-y: hidden;overflow-x: auto;padding-bottom: 15px;margin-bottom: 10px;} .page-content-menu-flexible {display: flex;} .page-content-menu-flexible-item-title {font-size: var(--fs-small);line-height: 15px;white-space: nowrap;border-left: none;padding: 10px 0;margin-right: 15px;border-bottom: 3px solid var(--c-content-bg);text-transform: uppercase;} .user-feed-wrapper {width: 92vw;} .modal-deposit.static {padding: 0 4vw;} .modal-deposit-title {font-size: var(--fs-title);margin-bottom: 0;} .modal-deposit-description {width: 100%;} .modal-deposit-action {width: 100%;} .modal-deposit-action.neo {margin: 0 0 25px 0;} .modal-deposit-neo {width: 90px;} .modal-deposit-promocode-wrapper {width: 100%;} .modal-deposit-promocode-input {width: 100%;} .modal-deposit-payment-types {flex-wrap: wrap;} .modal-deposit-payment-type {margin-bottom: 12px;} .modal-deposit-buy {margin-top: 13px;} /* Welcome */ .welcome-content {border: 0;border-radius: 0;background: var(--c-content-bg);padding: 0;} .welcome-content-title {padding: 0;width: 92vw;max-width: 100%;text-align: left;} .welcome-content-benefits-wrapper {width: 100vw;max-width: 806px;overflow-x: auto;overflow-y: hidden;} .welcome-content-benefit {text-align: left;padding-top: 15px;padding-left: 4vw;padding-right: 0;min-width: 200px;} .welcome-content-benefit-icon {width: 36px;height: 36px;} .welcome-content-benefit-message {} /* Carousel */ .carousel-header.content-type-1 {margin: 25px 4vw 0px;} .carousel-header.content-type-2 {margin: 25px 4vw 15px;} .carousel-header.content-type-3 {margin: 25px 4vw 15px;} .carousel-header.content-type-9 {margin: 25px 4vw 15px;} .carousel-header-title {font-size: 18px;} /* Cards */ .card-user {width: 92px;margin-right: 3px;} .card-user-photo {width: 92px;height: 92px;} .card-user-firstname {font-size: var(--fs-small);line-height: 18px;margin: 5px 0 0;} .card-user-lastname {font-size: var(--fs-small);line-height: 18px;} .card-user-pro {width: 28px;right: 3px;top: 70px;} .general-mark.user {width: 18px;height: 18px;left: 4px;top: 68px;} .general-mark.user svg {width: 14px;height: 14px;margin: 1px;} .card-book-hide {} .card-book {width: 124px;margin-right: 3px;} .card-book-image {width: 124px;height: 184px;border-radius: 10px;} .card-book-title {font-size: var(--fs-small);margin-top: 5px;line-height: 16px;} .card-book-user-firstname-lastname {font-size: var(--fs-small);line-height: 16px;} .card-book-rating-icon {width: 8px;} .card-book-rating-value {font-size: var(--fs-small);} .card-book-rating-value.big {font-size: var(--fs-header);} .card-book-rating-counter.big {font-size: var(--fs-header);} .card-book-rating-icon-path.big {} .book-marks {left: 8px;top: 8px;} .book-sale {right: 8px;top: 8px;} .book-sale-bg {width: 28px;height: 28px;} .book-sale-label {font-size: 17px;line-height: 28px;} .card-big-user {width: 200px;margin: 0 7px 15px 7px;} .card-big-user-photo {width: 100%;height: auto;} .card-big-user-photo-placeholder {width: 200px;line-height: 198px;} .card-poem {width: 240px;padding: 15px;margin-right: 5px;} .card-poem-title {font-size: 15px;line-height: 18px;} .card-poem-text {margin: 5px 0;font-size: var(--fs-small);line-height: 20px;} .card-poem-user-firstname {font-size: 13px;line-height: 18px;margin-bottom: 0;} .card-poem-user-lastname {font-size: 13px;line-height: 18px;} .card-blog {width: 240px;padding: 15px;margin-right: 5px;} .card-blog-title {font-size: 15px;line-height: 18px;} .card-blog-text {margin: 5px 0;font-size: var(--fs-small);line-height: 20px;} .card-blog-user-firstname {font-size: 13px;line-height: 18px;margin-bottom: 0;} .card-blog-user-lastname {font-size: 13px;line-height: 18px;} /* Post */ .post {width: 92vw;} .post-stats {margin: 25px auto 0;} .post-user {width: auto;display: inline-block;} .post-default-edit {width: 100%;} .post-default-video, .post-default-image {max-height: 550px;} .post-default-text {width: calc( 94vw - 32px);max-width: 543px;} .post-default-boosted {margin-left: 10px;} .post-like-label, .post-comment-label, .post-bookmark-label {font-size: var(--fs-small);} .post-book-content {align-items: start;} .post-book-image-wrapper {margin: -15px 0 10px -2px;} .post-book-label-wrapper {} .post-book-image {width: 124px;height: 184px;} .post-book-about {width: calc(100% - 109px);padding: 15px 15px 10px 0;} .post-book-title {font-size: 14px;line-height: 24px;} .post-book-rating-and-author {margin-top: 5px;} .post-book-author {font-size: var(--fs-small);line-height: 14px;height: 14px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .post-book-description {font-size: var(--fs-small);line-height: 18px;height: 72px;max-height: 72px;margin-top: 5px;} .post-book-stats {margin: 0 0 0 8px;} .post-tag {padding: 0;border: 0;} .post-boost {font-size: var(--fs-small);padding: 0 15px;} .post-insights {font-size: var(--fs-small);padding: 0 15px;} /* Book */ .book-wrapper {padding: 2vw 0;} .book-content {flex-direction: column;align-items: start;} .book-content-cell {width: 100%;} .book-content-cell.second {text-align: center;} .book-cover-wrapper {margin: 15px 0 0 0;} .book-cover {width: 50vw;height: 75vw;min-width: 0;min-height: 0;} .book-title {display: inline-block;font-size: 18px;line-height: 26px;max-height: 64px;margin: 0;width: 92vw;text-align: center;} .book-author {display: inline-block;width: 92vw;font-size: var(--fs-default);margin-top: 5px;} .book-marks.big {bottom: 10px;right: 10px;} .book-mark.big {width: 24px;height: 24px;font-size: var(--fs-micro);line-height: 24px;} .book-overview-cards {white-space: nowrap;overflow-x: auto;margin-top: 20px;padding-left: 4vw;padding-right: calc(4vw - 5px);scrollbar-width: none;scrollbar-color: white;} .book-overview-card {margin: 0 5px 0 0!important;padding: 10px 15px;} .book-overview-card-title {font-size: var(--fs-small);margin-bottom: 3px;} .book-overview-card-content {font-size: var(--fs-header);} .book-actions-overview {display: flex;flex-direction: column;} .card-book-widgets.big {margin: 15px 0;order: 0;justify-content: center;} .card-book-rating-icon.big {margin: 0;} .book-overview {text-align: left;justify-content: space-between;order: 2;} .book-overview-item {width: 30%;margin: 15px 0 0 0;} .book-overview-item-value {font-size: var(--fs-small);line-height: 15px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .book-overview-item-label {font-size: 10px;line-height: 10px;margin-top: 3px;} .book-actions {display: inline-flex;margin-top: 25px;margin-bottom: calc(25px - 2vw);justify-content: center;} .book-action-group {width: 100%;margin: 0;} .book-action-group.first {width: 100%;} .book-action-add-to-library {margin: 0;width: calc(100% - 51px);text-align: center;} .book-action-text-button {width: 92vw;min-width: auto;padding: 0;} .book-action-icon-button {margin-left: 5px;margin-right: 5px;} .book-tags {max-height: 92px;} .book-tag {font-size: 10px;padding: 0 5px;} .book-details {flex-direction: column-reverse;} .book-details-cell {width: 100%;} .book-purchase {flex-wrap: wrap;padding: 15px;} .book-purchase-column.first {margin: 0 0 15px 0;} .book-purchase-column {width: 100%!important;} .book-purchase-title {font-size: 18px;line-height: 22px;margin-bottom: 10px;} .book-purchase-button {width: 100%;margin-top: 15px;} .book-purchase-coins {justify-content: start;} .book-rating__label__span {display: none;} .book-rating {padding-bottom: 15px;padding: 15px;margin-bottom: 15px;} .book-rating-title {margin: 0 0 10px 0;font-size: 18px;line-height: 18px;} .book-rating-stars-wrapper {margin-top: 15px;} .content-tab-content {font-size: var(--fs-small);} /* Reader */ .book-buy-placeholder {margin-top: 0;margin-bottom: 225px;} .book-buy-placeholder-cols {flex-direction: column;margin: 0;} .book-buy-placeholder-col.first {display: none;} .book-buy-placeholder-col.second {width: 100%;} .book-buy-placeholder-book-info {display: inline-block;width: 160px;white-space: normal;margin-left: 10px;} .book-buy-placeholder-image {margin-bottom: -3px;} .book-buy-placeholder-title {font-size: var(--fs-title);line-height: 26px;} .book-buy-placeholder-button {width: calc(100% - 50px);} .reader-footer-promotion-title {font-size: 14px;text-align: left;padding: 0;line-height: 20px;} .reader-footer-promotion-timer {font-size: 16px;margin: 0 15px;} /* Comments */ .comments-container-wrapper {height: 275px;} /* Editor */ .editor-input { max-width: 100%; } /* Messages */ .messages-wrapper {border-radius: 0;border-left: none;border-right: none;} .messages-dialogues {width: 50px;} .messages-primary {width: calc(100vw - 50px);} .dialog-item {padding: 5px 0;} .dialog-item-user-photo-wrapper {padding: 0 5px;} .messages-header {padding: 5px 0;} .messages-footer {padding: 5px;} /* Library */ .library-section-title-wrapper {width: 92vw;margin: 25px 4vw 15px;} .library-section-placeholder {margin: 0 4vw;} .library-section-all {padding: 0;} /* Settings */ .settings-input {max-width: 100%;} .settings-table {width: 100%;min-width: 0px;} .settings-button {max-width: 100%;} .settings-user-photo-edit {top: 72px;right: 3px;} .settings-user-photo-wrapper {margin-top: -75px;} .settings-user-photo {width: 100px;height: 100px;} /* Insights */ .insights-section {width: 92vw;} .insights-section-title {font-size: var(--fs-default);} .insights-overview-item {width: 44vw;max-width: 100%;} .insights-overview-item-label {font-size: var(--fs-small);line-height: 16px;} .insights-header-period-select {width: 180px;} .insights-section {border: 0;padding: 0;} .insights-section-header {padding-bottom: 10px;border-bottom: 2px solid var(--c-content-border);} .insights-audience-chart-wrapper {height: 300px;} .insights-section-age, .insights-section-gender, .insights-section-readers {max-width: 100%;} .insights-section-age {margin-right: 0;} .insights-section-gender {margin-right: 0;} .insights-section-poems {margin-right: 0;} /* Affiliate */ .affiliate-rate-author-label {font-size: var(--fs-small);line-height: 16px;} .affiliate-invite-form {flex-direction: column;} .affiliate-invite-form-type-id {width: 100%;text-align: center;margin: 15px 0;} .affiliate-invite-form-name {width: 100%;text-align: center;} .affiliate-invite-date-label {font-size: var(--fs-small);line-height: 16px;} .affiliate-invite-copy {margin-right: 0px;} .affiliate-link-area {flex-wrap: wrap;} .affiliate-link-input {width: 100%;margin: 0 0 25px 0;} .affiliate-link-btn {width: 100%;} .affiliate-lnk {width: calc(100% - 51px);} /* Ai */ .page-content-gpt {padding: 0;} .ai-form {margin-top: 25px;} .ai-title {font-size: 22px;line-height: 28px;margin-bottom: 25px;margin: 0px 4vw 15px;max-width: 280px;} .ai-description {font-size: 12px;line-height: 14px;} .ai-description-label-free {font-size: 11px;line-height: 14px;color: var(--c-text-extralight);} .ai-input-cmd-wrapper {width: 92vw;padding: 15px;margin: 0 4vw 15px;} .ai-input-cmd {font-size: 14px;line-height: 18px;} .ai-input-text-wrapper {width: 92vw;margin: 0 4vw;} .ai-section-header {font-size: 16px;margin: 10px 4vw 15px!important;} .ai-actions {width: 92vw;margin: 0 4vw;flex-wrap: wrap;} .ai-action {width: 100%;margin-bottom: 10px;} .ai-select-boxes {width: 92vw;margin: 0 4vw;flex-wrap: wrap;} .ai-select-box {width: 100%;margin-bottom: 20px;} .ai-select-label {font-size: 16px;margin-bottom: 15px;} .ai-styles {margin: 0 4vw;flex-wrap: wrap;} .ai-style-title {text-align: left;margin-right: 5px;} .ai-options {width: auto;margin: 0 4vw 15px;} .ai-option {width: auto!important;margin-right: 15px;padding: 0 15px;} .ai-form-footer {margin: 20px 4vw 0;} .ai-form-footer-button-generate-new {width: 100%;max-width: 360px;} .ai-form-footer-button-generate-history {width: 100%;margin-top: 25px;} .ai-feed-wrapper {padding: 0 4vw;} .ai-feed-title-wrapper {margin-top: 0;} .ai-feed-title {font-size: var(--fs-title-big);line-height: 28px;max-width: 150px;} .ai-feed-button-add {display: none;} .ai-item-date-wrapper {margin: -25px 0 5px;text-align: left;} .ai-item-date {font-size: var(--fs-small);padding: 0;} .ai-item-text-request {font-size: 16px;line-height: 20px;} .ai-ready-result {margin: 30px 4vw 0;} .ai-item {border: none;padding: 15px 0;} .ai-progress {width: 92vw; margin: 25px 4vw 0;padding: 25px 0;} .ai-progress-preloader-wrapper {width: 250px;height: 250px;} .ai-progress-preloader-video {width: 500px;height: 500px;} .ai-box-hidden-transparent {display: none;} } @media screen and (max-width:800px) { .page-slide-right {min-width: calc( 100vw * 0.92 );} .editor-chapter-edit-header-content {margin-left: 40px;width: calc(100% - 40px);max-width: calc(650px - 25px);} } @media screen and (max-width:600px) { .user-block-action {max-width: 100%;} .insights-overview-item-value {font-size: var(--fs-title);line-height: 18px;} .insights-audience-chart-wrapper {margin-right: 0;} .book-rating-stars-wrapper {overflow-y: hidden;overflow-x: auto;} } @media screen and (max-width:500px) { .modal-deposit-description {align-items: start;} .modal-deposit-description-text {line-height: 20px;} .footer-link {margin-bottom: 25px;line-height: 18px;} .footer-copyright {font-size: var(--fs-small);width: 100%;line-height: 16px;margin-bottom: 12px;white-space: nowrap;} .book-inform-about-chapters-button {max-width: 400px;} .book-inform-content-cell {display: inline-block;width: 100%;} .book-inform-image {width: 94px;height: 139px;border-radius: 4px 10px 10px 4px;margin: 0 0 25px 0;} .book-inform-about {margin: 0;text-align: center;} .reader-header-title {font-size: var(--fs-small);line-height: 12px;max-height: 24px;width: 120px;} .book-chapter-title {font-size: 24px;line-height: 36px;margin-top: 15px;} .reader-header-bookmark {margin-right: 10px;} .reader-header-close {margin-left: 5px;} .book-inform-about-title {text-align: center;} .book-inform-about-category-title {text-align: center;} .book-inform-about-open {max-width: 100%;} .user-block-cover {height: 150px;} .user-block-photo-wrapper {margin-top: -75px;} .user-block-photo {width: 100px;height: 100px;box-shadow: 0 0 0 3px var(--c-content-bg);} .user-block-pro {right: -2px;top: 74px;} .user-block-firstname-lastname {font-size: 24px;line-height: 34px;} .book-comments-count {margin-left: 5px;} .book-cover {border-radius: 10px;} .book-rating-star-icon-path {fill: var(--c-accent);transition: .3s;} .book-rating-star-icon-path.star-1 {opacity:.1;} .book-rating-star-icon-path.star-2 {opacity:.2;} .book-rating-star-icon-path.star-3 {opacity:.3;} .book-rating-star-icon-path.star-4 {opacity:.4;} .book-rating-star-icon-path.star-5 {opacity:.5;} .book-rating-star-icon-path.star-6 {opacity:.6;} .book-rating-star-icon-path.star-7 {opacity:.7;} .book-rating-star-icon-path.star-8 {opacity:.8;} .book-rating-star-icon-path.star-9 {opacity:.9;} .book-rating-star-icon-path.star-10 {opacity:1;} .book-rating__input:checked ~ .book-rating__label .book-rating-star-icon-path {opacity: 1;fill: var(--c-text-extralight);} .book-rating-group:hover .book-rating__label .book-rating-star-icon-path {fill: var(--c-accent);} .book-rating-group:hover .book-rating__label .book-rating-star-icon-path.star-1 {opacity:.1;} .book-rating-group:hover .book-rating__label .book-rating-star-icon-path.star-2 {opacity:.2;} .book-rating-group:hover .book-rating__label .book-rating-star-icon-path.star-3 {opacity:.3;} .book-rating-group:hover .book-rating__label .book-rating-star-icon-path.star-4 {opacity:.4;} .book-rating-group:hover .book-rating__label .book-rating-star-icon-path.star-5 {opacity:.5;} .book-rating-group:hover .book-rating__label .book-rating-star-icon-path.star-6 {opacity:.6;} .book-rating-group:hover .book-rating__label .book-rating-star-icon-path.star-7 {opacity:.7;} .book-rating-group:hover .book-rating__label .book-rating-star-icon-path.star-8 {opacity:.8;} .book-rating-group:hover .book-rating__label .book-rating-star-icon-path.star-9 {opacity:.9;} .book-rating-group:hover .book-rating__label .book-rating-star-icon-path.star-10 {opacity:1;} .book-rating__input:hover ~ .book-rating__label .book-rating-star-icon-path {opacity: 1;fill: var(--c-text-extralight);} .post-book-tag {font-size: var(--fs-micro);} } @media screen and (max-width:470px) { .card-big-user {width: calc(46vw - 15px);margin: 0 7px 15px 7px;} .card-big-user-photo {width: 100%;height: auto;} .card-big-user-photo-placeholder {width: calc(46vw - 15px);line-height: calc(46vw - 17px);} } @media screen and (max-width:410px) { .page-title {font-size: 22px;line-height: 22px;height: 122px;padding: 75px 4vw 25px;} .button-login-footer {font-size: var(--fs-small);} .switch-button {font-size: var(--fs-small);} .post-header-user-firstname-lastname {font-size: var(--fs-small);line-height: var(--lh-default);} .reader-header-cell-title {width: 35%;} .reader-header-title {width: 75px;} .payout-item-id-title {display: none;} .table-cell-chapter-save {width: 30%;} .editor-select {padding: 0 25px 0 10px;} .editor-price {font-size: var(--fs-title);} .editor-price-edit, .editor-price-special-edit {font-size: var(--fs-small);padding: 0 10px;margin-left: 5px;} .editor-chapter-edit-title {font-size: var(--fs-title);} .editor-version-switch-option {font-size: var(--fs-small);} .insights-header {flex-direction: column;} .insights-header-title {width: 100%;font-size: var(--fs-title);line-height: 28px;} .insights-header-period-select {width: 100%;margin-top: 15px;} .insights-header-breadcrumb-link {margin-bottom: 15px;} .ai-progress-preloader-wrapper {width: 200px;height: 200px;} .ai-progress-preloader-video {width: 400px;height: 400px;} } @media screen and (max-width:370px) { .post-user-image {display:none;} .button-linear {padding: 0 5px;} .switch-button {font-size: var(--fs-micro);} .reader-header-cell-title {width: 30%;} .reader-header-title {display: none;} .payout-modal-message {font-size: var(--fs-micro);} .editor-chapter-button-publish {padding: 0 10px;} .editor-chapter-button-publish-remove {padding: 0 7px;} .boost-preview-book {left: calc(50% - 40px);top: calc(50% - 70px);width: 80px;height: 140px;padding: 5px;} .boost-preview-default {width: 120px;padding: 10px 7px;} .boost-preview-user {left: calc(50% - 45px);top: calc(50% - 62px);width: 90px;height: 124px;padding: 5px;} } @media screen and (max-width:350px) { .header-profile {left: -213px;} .pop-up-arrow {display: none;} .header-user-arrow {display: none;} .editor-chapter-edit-button {font-size: var(--fs-small);} .reader-header-cell-title {width: 20%;} .reader-header-title {} .editor-chapter-button-publish {font-size: var(--fs-small);} .editor-chapter-button-publish-remove {font-size: var(--fs-small);} .gpt-input-cmd {font-size: 13px;line-height: 17px;} } @media screen and (max-width:310px) { .header-cell-left {width: 20%;} .header-cell-right {width: 80%;} .header-logo {display: none;} .switch-button {font-size: 9px;} } /* LIBRARIES */ /* Checkout */ .checkout-modal__overlay {background: rgba(0,0,0,0.9)!important;} /* Croppie */ .croppie-container{width:100%;height:100%;} .croppie-container .cr-image{z-index:-1;position:absolute;top:0;left:0;transform-origin:0 0;max-height:none;max-width:none} .croppie-container .cr-boundary{position:relative;overflow:hidden;margin:0 auto;border-radius: var(--r-default);z-index:1;width:100%;height:100%} .croppie-container .cr-viewport,.croppie-container .cr-resizer{position:absolute;border:2px solid #fff;margin:auto;top:0;bottom:0;right:0;left:0;box-shadow:0 0 2000px 2000px rgba(0,0,0,0.5);z-index:0} .croppie-container .cr-resizer{z-index:2;box-shadow:none;pointer-events:none} .croppie-container .cr-resizer-vertical,.croppie-container .cr-resizer-horisontal{position:absolute;pointer-events:all} .croppie-container .cr-resizer-vertical::after,.croppie-container .cr-resizer-horisontal::after{display:block;position:absolute;box-sizing:border-box;border:1px solid #000;background:#fff;width:10px;height:10px;content:''} .croppie-container .cr-resizer-vertical{bottom:-5px;cursor:row-resize;width:100%;height:10px} .croppie-container .cr-resizer-vertical::after{left:50%;margin-left:-5px} .croppie-container .cr-resizer-horisontal{right:-5px;cursor:col-resize;width:10px;height:100%} .croppie-container .cr-resizer-horisontal::after{top:50%;margin-top:-5px} .croppie-container .cr-original-image{display:none} .croppie-container .cr-vp-circle{border-radius:50%} .croppie-container .cr-overlay{z-index:1;position:absolute;cursor:move;touch-action:none} .croppie-container .cr-slider-wrap{width:100%;margin:15px auto;text-align:center} .croppie-result{position:relative;overflow:hidden} .croppie-result img{position:absolute} .croppie-container .cr-image,.croppie-container .cr-overlay,.croppie-container .cr-viewport{-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0)} .cr-slider{-webkit-appearance:none;width:100%;max-width:100%;padding-top:8px;padding-bottom:8px;background-color:transparent} .cr-slider::-webkit-slider-runnable-track{width:100%;height:3px;background:rgba(0,0,0,0.5);border:0;border-radius:3px} .cr-slider::-webkit-slider-thumb{-webkit-appearance:none;border:none;height:16px;width:16px;border-radius:50%;background:#ddd;margin-top:-6px} .cr-slider:focus{outline:none} .cr-slider::-moz-range-track{width:100%;height:3px;background:rgba(0,0,0,0.5);border:0;border-radius:3px} .cr-slider::-moz-range-thumb{border:none;height:16px;width:16px;border-radius:50%;background:#ddd;margin-top:-6px} .cr-slider:-moz-focusring{outline:1px solid #fff;outline-offset:-1px} .cr-slider::-ms-track{width:100%;height:5px;background:transparent;border-color:transparent;border-width:6px 0;color:transparent} .cr-slider::-ms-fill-lower{background:rgba(0,0,0,0.5);border-radius:10px} .cr-slider::-ms-fill-upper{background:rgba(0,0,0,0.5);border-radius:10px} .cr-slider::-ms-thumb{border:none;height:16px;width:16px;border-radius:50%;background:#ddd;margin-top:1px} .cr-slider:focus::-ms-fill-lower{background:rgba(0,0,0,0.5)} .cr-slider:focus::-ms-fill-upper{background:rgba(0,0,0,0.5)} .cr-rotate-controls{position:absolute;bottom:5px;left:5px;z-index:1} .cr-rotate-controls button{border:0;background:none} .cr-rotate-controls i:before{display:inline-block;font-style:normal;font-weight:900;font-size:22px} .cr-rotate-l i:before{content:'↺'} .cr-rotate-r i:before{content:'↻'} /* Quill */ .ql-container{box-sizing:border-box;font-size:18px;height:auto;margin:0;padding: 0;position:relative} .ql-container.ql-disabled .ql-tooltip{visibility:hidden} .ql-container.ql-disabled .ql-editor ul[data-checked] > li::before{pointer-events:none} .ql-clipboard{left:-100000px;height:1px;overflow-y:hidden;position:absolute;top:50%} .ql-clipboard p{margin:0;padding:0} .ql-editor{font-family: 'Reader', 'General', Open Sans, sans-serif;box-sizing:border-box;height:100%;outline:none;overflow-y:auto;padding: 25px 0;tab-size:4;-moz-tab-size:4;text-align:left;white-space:pre-wrap;word-wrap:break-word;word-spacing: 0.1rem;letter-spacing: .025rem;line-height: 1.35;} .ql-editor > *{cursor:text} .ql-editor p,.ql-editor ol,.ql-editor ul,.ql-editor pre,.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{margin:0;padding:0;counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9} .ql-editor ol,.ql-editor ul{padding-left:1.5em} .ql-editor ol > li,.ql-editor ul > li{list-style-type:none} .ql-editor ul > li::before{content:'\2022'} .ql-editor ul[data-checked=true],.ql-editor ul[data-checked=false]{pointer-events:none} .ql-editor ul[data-checked=true] > li *,.ql-editor ul[data-checked=false] > li *{pointer-events:all} .ql-editor ul[data-checked=true] > li::before,.ql-editor ul[data-checked=false] > li::before{color:#777;cursor:pointer;pointer-events:all} .ql-editor ul[data-checked=true] > li::before{content:'\2611'} .ql-editor ul[data-checked=false] > li::before{content:'\2610'} .ql-editor li::before{display:inline-block;white-space:nowrap;width:1.2em} .ql-editor li:not(.ql-direction-rtl)::before{margin-left:-1.5em;margin-right:.3em;text-align:right} .ql-editor li.ql-direction-rtl::before{margin-left:.3em;margin-right:-1.5em} .ql-editor ol li:not(.ql-direction-rtl),.ql-editor ul li:not(.ql-direction-rtl){padding-left:1.5em} .ql-editor ol li.ql-direction-rtl,.ql-editor ul li.ql-direction-rtl{padding-right:1.5em} .ql-editor ol li{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;counter-increment:list-0} .ql-editor ol li:before{content:counter(list-0, decimal) '. '} .ql-editor ol li.ql-indent-1{counter-increment:list-1} .ql-editor ol li.ql-indent-1:before{content:counter(list-1, lower-alpha) '. '} .ql-editor ol li.ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9} .ql-editor ol li.ql-indent-2{counter-increment:list-2} .ql-editor ol li.ql-indent-2:before{content:counter(list-2, lower-roman) '. '} .ql-editor ol li.ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9} .ql-editor ol li.ql-indent-3{counter-increment:list-3} .ql-editor ol li.ql-indent-3:before{content:counter(list-3, decimal) '. '} .ql-editor ol li.ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9} .ql-editor ol li.ql-indent-4{counter-increment:list-4} .ql-editor ol li.ql-indent-4:before{content:counter(list-4, lower-alpha) '. '} .ql-editor ol li.ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9} .ql-editor ol li.ql-indent-5{counter-increment:list-5} .ql-editor ol li.ql-indent-5:before{content:counter(list-5, lower-roman) '. '} .ql-editor ol li.ql-indent-5{counter-reset:list-6 list-7 list-8 list-9} .ql-editor ol li.ql-indent-6{counter-increment:list-6} .ql-editor ol li.ql-indent-6:before{content:counter(list-6, decimal) '. '} .ql-editor ol li.ql-indent-6{counter-reset:list-7 list-8 list-9} .ql-editor ol li.ql-indent-7{counter-increment:list-7} .ql-editor ol li.ql-indent-7:before{content:counter(list-7, lower-alpha) '. '} .ql-editor ol li.ql-indent-7{counter-reset:list-8 list-9} .ql-editor ol li.ql-indent-8{counter-increment:list-8} .ql-editor ol li.ql-indent-8:before{content:counter(list-8, lower-roman) '. '} .ql-editor ol li.ql-indent-8{counter-reset:list-9} .ql-editor ol li.ql-indent-9{counter-increment:list-9} .ql-editor ol li.ql-indent-9:before{content:counter(list-9, decimal) '. '} .ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-left:3em} .ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em} .ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em} .ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em} .ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-left:6em} .ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em} .ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em} .ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em} .ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-left:9em} .ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em} .ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em} .ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em} .ql-editor .ql-indent-4:not(.ql-direction-rtl){padding-left:12em} .ql-editor li.ql-indent-4:not(.ql-direction-rtl){padding-left:13.5em} .ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:12em} .ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:13.5em} .ql-editor .ql-indent-5:not(.ql-direction-rtl){padding-left:15em} .ql-editor li.ql-indent-5:not(.ql-direction-rtl){padding-left:16.5em} .ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:15em} .ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:16.5em} .ql-editor .ql-indent-6:not(.ql-direction-rtl){padding-left:18em} .ql-editor li.ql-indent-6:not(.ql-direction-rtl){padding-left:19.5em} .ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:18em} .ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:19.5em} .ql-editor .ql-indent-7:not(.ql-direction-rtl){padding-left:21em} .ql-editor li.ql-indent-7:not(.ql-direction-rtl){padding-left:22.5em} .ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:21em} .ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:22.5em} .ql-editor .ql-indent-8:not(.ql-direction-rtl){padding-left:24em} .ql-editor li.ql-indent-8:not(.ql-direction-rtl){padding-left:25.5em} .ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:24em} .ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:25.5em} .ql-editor .ql-indent-9:not(.ql-direction-rtl){padding-left:27em} .ql-editor li.ql-indent-9:not(.ql-direction-rtl){padding-left:28.5em} .ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:27em} .ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:28.5em} .ql-editor .ql-video{display:block;max-width:100%} .ql-editor .ql-video.ql-align-center{margin:0 auto} .ql-editor .ql-video.ql-align-right{margin:0 0 0 auto} .ql-editor .ql-bg-black{background-color:#000} .ql-editor .ql-bg-red{background-color:#e60000} .ql-editor .ql-bg-orange{background-color:#f90} .ql-editor .ql-bg-yellow{background-color:#ff0} .ql-editor .ql-bg-green{background-color:#008a00} .ql-editor .ql-bg-blue{background-color:var(--c-accent)} .ql-editor .ql-bg-purple{background-color:#93f} .ql-editor .ql-color-white{color:#fff} .ql-editor .ql-color-red{color:#e60000} .ql-editor .ql-color-orange{color:#f90} .ql-editor .ql-color-yellow{color:#ff0} .ql-editor .ql-color-green{color:#008a00} .ql-editor .ql-color-blue{color:var(--c-accent)} .ql-editor .ql-color-purple{color:#93f} .ql-editor .ql-font-serif{font-family:Georgia,Times New Roman,serif} .ql-editor .ql-font-monospace{font-family:Monaco,Courier New,monospace} .ql-editor .ql-size-small{font-size:.75em} .ql-editor .ql-size-large{font-size:1.2em} .ql-editor .ql-size-huge{font-size:1.6em} .ql-editor .ql-direction-rtl{direction:rtl;text-align:inherit} .ql-editor .ql-align-center{text-align:center} .ql-editor .ql-align-justify{text-align:justify} .ql-editor .ql-align-right{text-align:right} .ql-editor.ql-blank::before{color:var(--c-text-light);content:attr(data-placeholder);left: 0;pointer-events:none;position:absolute;} .ql-snow.ql-toolbar:after,.ql-snow .ql-toolbar:after{clear:both;content:'';display:table} .ql-snow.ql-toolbar button,.ql-snow .ql-toolbar button{background:none;border:none;cursor:pointer;display:inline-block;vertical-align: middle;height:24px;padding:3px 5px;width:28px} .ql-snow.ql-toolbar button svg,.ql-snow .ql-toolbar button svg{float:left;height:100%} .ql-snow.ql-toolbar button:active:hover,.ql-snow .ql-toolbar button:active:hover{outline:none} .ql-snow.ql-toolbar input.ql-image[type=file],.ql-snow .ql-toolbar input.ql-image[type=file]{display:none} .ql-snow.ql-toolbar button:hover,.ql-snow .ql-toolbar button:hover,.ql-snow.ql-toolbar button:focus,.ql-snow .ql-toolbar button:focus,.ql-snow.ql-toolbar button.ql-active,.ql-snow .ql-toolbar button.ql-active,.ql-snow.ql-toolbar .ql-picker-label:hover,.ql-snow .ql-toolbar .ql-picker-label:hover,.ql-snow.ql-toolbar .ql-picker-label.ql-active,.ql-snow .ql-toolbar .ql-picker-label.ql-active,.ql-snow.ql-toolbar .ql-picker-item:hover,.ql-snow .ql-toolbar .ql-picker-item:hover,.ql-snow.ql-toolbar .ql-picker-item.ql-selected,.ql-snow .ql-toolbar .ql-picker-item.ql-selected{color:var(--c-text-light)} .ql-snow.ql-toolbar button:hover .ql-fill,.ql-snow .ql-toolbar button:hover .ql-fill,.ql-snow.ql-toolbar button:focus .ql-fill,.ql-snow .ql-toolbar button:focus .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill{fill:var(--c-text-light)} .ql-snow.ql-toolbar button:hover .ql-stroke,.ql-snow .ql-toolbar button:hover .ql-stroke,.ql-snow.ql-toolbar button:focus .ql-stroke,.ql-snow .ql-toolbar button:focus .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke,.ql-snow .ql-toolbar button.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow.ql-toolbar button:hover .ql-stroke-miter,.ql-snow .ql-toolbar button:hover .ql-stroke-miter,.ql-snow.ql-toolbar button:focus .ql-stroke-miter,.ql-snow .ql-toolbar button:focus .ql-stroke-miter,.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter{stroke:var(--c-text-light)} @media (pointer: coarse) { .ql-snow.ql-toolbar button:hover:not(.ql-active),.ql-snow .ql-toolbar button:hover:not(.ql-active){color:#444} .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill{fill:#444} .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter{stroke:#444} } .ql-snow{box-sizing:border-box} .ql-snow *{box-sizing:border-box} .ql-snow .ql-hidden{display:none} .ql-snow .ql-out-bottom,.ql-snow .ql-out-top{visibility:hidden} .ql-snow .ql-tooltip{position:absolute;transform:translateY(10px)} .ql-snow .ql-tooltip a{cursor:pointer;text-decoration:none} .ql-snow .ql-tooltip.ql-flip{transform:translateY(-10px)} .ql-snow .ql-formats{display:inline-block;vertical-align:middle} .ql-snow .ql-formats:after{clear:both;content:'';display:table} .ql-snow .ql-stroke{fill:none;stroke:var(--c-text-light);stroke-linecap:round;stroke-linejoin:round;stroke-width:2} .ql-snow .ql-stroke-miter{fill:none;stroke:var(--c-text-light);stroke-miterlimit:10;stroke-width:2} .ql-snow .ql-fill,.ql-snow .ql-stroke.ql-fill{fill:var(--c-text-light)} .ql-snow .ql-empty{fill:none} .ql-snow .ql-even{fill-rule:evenodd} .ql-snow .ql-thin,.ql-snow .ql-stroke.ql-thin{stroke-width:1} .ql-snow .ql-transparent{opacity:.4} .ql-snow .ql-direction svg:last-child{display:none} .ql-snow .ql-direction.ql-active svg:last-child{display:inline} .ql-snow .ql-direction.ql-active svg:first-child{display:none} .ql-snow .ql-editor h1{font-size:2em} .ql-snow .ql-editor h2{font-size:1.5em} .ql-snow .ql-editor h3{font-size:1.17em} .ql-snow .ql-editor h4{font-size:1em} .ql-snow .ql-editor h5{font-size:.83em} .ql-snow .ql-editor h6{font-size:.67em} .ql-snow .ql-editor a{text-decoration:underline} .ql-snow .ql-editor blockquote{font-size:1.2em;margin-bottom:5px;margin-top:5px;padding-left: 50px;background: var(--bg-quote);background-size: 36px;} .ql-snow .ql-editor code,.ql-snow .ql-editor pre{} .ql-snow .ql-editor pre{} .ql-snow .ql-editor code{font-size:85%;padding:2px 4px} .ql-snow .ql-editor pre.ql-syntax{overflow:visible} .ql-snow .ql-editor img{max-width:100%;border-radius: 10px;} .ql-snow .ql-picker{color:var(--c-text-light);display:inline-block;font-size:14px;margin: 5px 5px 5px 0;font-weight:bold; text-align: left;height:24px;position:relative;vertical-align:middle;outline: none!important;} .ql-snow .ql-picker-label{cursor:pointer;display:inline-block;height:100%;padding-left:0;padding-right:2px;position:relative;width:100%} .ql-snow .ql-picker-label::before{display:inline-block;line-height:22px;max-width: 70px;overflow: hidden;} .ql-snow .ql-picker-options{background-color:#fff;display:none;min-width:100%;padding:4px 8px;position:absolute;white-space:nowrap} .ql-snow .ql-picker-options .ql-picker-item{cursor:pointer;display:block;padding-bottom:7px;padding-top:7px;font-weight: normal;} .ql-snow .ql-picker.ql-expanded .ql-picker-label{z-index:2} .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill{fill:#ccc} .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke{stroke:#ccc} .ql-snow .ql-picker.ql-expanded .ql-picker-options{display:block;margin-top:-1px;top:100%;z-index:1} .ql-snow .ql-color-picker,.ql-snow .ql-icon-picker{width:28px} .ql-snow .ql-color-picker .ql-picker-label,.ql-snow .ql-icon-picker .ql-picker-label{padding:2px 4px} .ql-snow .ql-color-picker .ql-picker-label svg,.ql-snow .ql-icon-picker .ql-picker-label svg{right:4px} .ql-snow .ql-icon-picker .ql-picker-options{padding:4px 0} .ql-snow .ql-icon-picker .ql-picker-item{height:24px;width:24px;padding:2px 4px} .ql-snow .ql-color-picker .ql-picker-options{padding:3px 5px;width:152px} .ql-snow .ql-color-picker .ql-picker-item{border:1px solid transparent;float:left;height:16px;margin:2px;padding:0;width:16px} .ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{position:absolute;margin-top:-11px;right:0;top:50%;width:18px} .ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before{content:attr(data-label)} .ql-snow .ql-picker.ql-header{width:98px} .ql-snow .ql-picker.ql-header .ql-picker-label::before,.ql-snow .ql-picker.ql-header .ql-picker-item::before{content:'Normal'} .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before{content:'Heading 1'} .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before{content:'Heading 2'} .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before{content:'Heading 3'} .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before{content:'Heading 4'} .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before{content:'Heading 5'} .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before{content:'Heading 6'} .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before{font-size:2em} .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before{font-size:1.5em} .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before{font-size:1.17em} .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before{font-size:1em} .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before{font-size:.83em} .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before{font-size:.67em} .ql-snow .ql-picker.ql-font{width:108px} .ql-snow .ql-picker.ql-font .ql-picker-label::before,.ql-snow .ql-picker.ql-font .ql-picker-item::before{content:'Sans Serif'} .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before{content:'Serif'} .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before{content:'Monospace'} .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before{font-family:Georgia,Times New Roman,serif} .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before{font-family:Monaco,Courier New,monospace} .ql-snow .ql-picker.ql-size{width:90px} .ql-snow .ql-picker.ql-size .ql-picker-label::before,.ql-snow .ql-picker.ql-size .ql-picker-item::before{content:'Default'} .ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before{content:'Small'} .ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before{content:'Subtitle'} .ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before{content:'Title'} .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before{font-size:12px} .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before{font-size:18px;font-weight: bold;} .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before{font-size:24px;font-weight: bold;} .ql-snow .ql-color-picker.ql-background .ql-picker-item{background-color:#fff} .ql-snow .ql-color-picker.ql-color .ql-picker-item{background-color:#000} .ql-toolbar.ql-snow{box-sizing:border-box;font-family:var(--f-default),sans-serif;padding: 13px 0;} .ql-toolbar.ql-snow .ql-formats{} .ql-toolbar.ql-snow .ql-picker-label{border:1px solid transparent} .ql-toolbar.ql-snow .ql-picker-options{border:1px solid transparent;box-shadow:rgba(0,0,0,0.2) 0 2px 8px} .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label{} .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options{border-color: var(--c-content-border);box-shadow: var(--s-default);border-radius: var(--r-default);padding: 15px 25px;background-color: var(--c-content-bg);} .ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover{border-color:#000} .ql-toolbar.ql-snow + .ql-container.ql-snow{border-top:0} .ql-snow .ql-tooltip{background-color:#fff;border:1px solid #ccc;box-shadow:0 0 5px #ddd;color:#444;padding:5px 12px;white-space:nowrap} .ql-snow .ql-tooltip::before{content:"Visit URL:";line-height:26px;margin-right:8px} .ql-snow .ql-tooltip input[type=text]{display:none;border:1px solid #ccc;font-size:13px;height:26px;margin:0;padding:3px 5px;width:170px} .ql-snow .ql-tooltip a.ql-preview{display:inline-block;max-width:200px;overflow-x:hidden;text-overflow:ellipsis;vertical-align:top} .ql-snow .ql-tooltip a.ql-action::after{border-right:1px solid #ccc;content:'Edit';margin-left:16px;padding-right:8px} .ql-snow .ql-tooltip a.ql-remove::before{content:'Remove';margin-left:8px} .ql-snow .ql-tooltip a{line-height:26px} .ql-snow .ql-tooltip.ql-editing a.ql-preview,.ql-snow .ql-tooltip.ql-editing a.ql-remove{display:none} .ql-snow .ql-tooltip.ql-editing input[type=text]{display:inline-block} .ql-snow .ql-tooltip.ql-editing a.ql-action::after{border-right:0;content:'Save';padding-right:0} .ql-snow .ql-tooltip[data-mode=link]::before{content:"Enter link:"} .ql-snow .ql-tooltip[data-mode=formula]::before{content:"Enter formula:"} .ql-snow .ql-tooltip[data-mode=video]::before{content:"Enter video:"} .ql-snow a{color:var(--c-accent)} .ql-container.ql-snow{} .ql-editor p {margin-bottom: 30px;} @media screen and (max-width:1000px) { .ql-container {font-size: 18px;} .ql-editor {line-height: 28px;word-spacing: 0;letter-spacing: .01rem;} } /* Slider */ @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:var(--c-accent)}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;overflow:clip;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--c-text-75);}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,4vw);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,4vw);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,4vw);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;-ms-touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden} .slider-wrapper { margin-top: 25px;} .swiper-slide {cursor: pointer;width: 60vw;height: 20vw;} .swiper-slide-image {width: 100%;height: 100%;background-color: var(--c-accent-light);background-size: cover;border-radius: 12px;border: 2px solid var(--c-content-border);} .swiper-slide-prev, .swiper-slide-next {} .swiper-slide-prev .swiper-slide-image , .swiper-slide-next .swiper-slide-image {opacity: .25;} @media screen and (max-width:1000px) { .slider-wrapper {margin-top: 0;} .swiper-slide {width: 100vw;height: 33.33vw;} .swiper-slide-image {border: 0;border-radius: 0;} } /* Yandex Share */ .ya-share2__icon.ya-share2__icon_more {width: 36px;height: 36px;background-size: 36px 36px;cursor: pointer;} .ya-share2__badge {border-radius: 100%!important;} .ya-share2__badge.ya-share2__badge_more {opacity: 0!important;} .ya-share2__container_size_m .ya-share2__item {margin: 12.5px 4px 12.5px 0!important;} .ya-share2__container_size_m .ya-share2__popup_direction_bottom {text-align: left!important;padding: 2.5px 15px!important;border-radius: var(--r-default)!important;} .ya-share2__item.ya-share2__item_copy {background-color: var(--c-accent-light)!important;border-radius: 6px!important;text-align: center!important;} .ya-share2__container_size_m .ya-share2__popup_direction_bottom {top: 45px!important;background-color: var(--c-content-bg)!important;border: 2px solid var(--c-content-border)!important;right: -15px!important;box-shadow: var(--s-default)!important;} .ya-share2__list_direction_vertical::before {content: '';display: inline-block;width: 16px;height: 16px;position: absolute;background-color: var(--c-content-bg);border-top: 2px solid var(--c-content-border)!important;border-left: 2px solid var(--c-content-border)!important;transform: rotate(45deg);top: -10px;right: 24px;} .ya-share2__title {font-size: 14px!important;color: var(--c-text)!important;} .ya-share2__link {cursor: pointer!important;} .ya-share2__link_copy .ya-share2__title {font-size: 12px!important;} .ya-share2__item.ya-share2__item_more {margin: 0!important;padding: 6px!important;} @media screen and (max-width:1000px) { .ya-share2__item_copy {display: none!important;} }