@font-face {
    font-family: Katteb;
    font-style: normal;
    font-weight: 100;
    font-display: swap;
    src: url("./Font/Katteb/Montserrat-Arabic-ExtraLight.ttf") format("truetype");
}

@font-face {
    font-family: Katteb;
    font-style: normal;
    font-weight: 200;
    font-display: swap;
    src: url("./Font/Katteb/Montserrat-Arabic-Light.ttf") format("truetype");
}

@font-face {
    font-family: Katteb;
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url("./Font/Katteb/Montserrat-Arabic-Regular.ttf") format("truetype");
}

@font-face {
    font-family: Katteb;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("./Font/Katteb/Montserrat-Arabic-Medium.ttf") format("truetype");
}

@font-face {
    font-family: Katteb;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url("./Font/Katteb/Montserrat-Arabic-Bold.ttf") format("truetype");
}
@font-face {
    font-family: Katteb;
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url("./Font/Katteb/Montserrat-Arabic-ExtraBold.ttf") format("truetype");
}
@font-face {
    font-family: Katteb;
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url("./Font/Katteb/Montserrat-Arabic-Black.ttf") format("truetype");
}

.unline:hover {
    text-decoration: underline;
}

.HeaderTabs > ul > li:not(.selected):hover::after {
    opacity: 1;
}

.HeaderTabs > ul > li:hover {
    color: white;
}

.HotcimaStories .owl-item > li:hover .StoryBg::after {
    background: rgba(24, 25, 26, 0.48);
}

.HotcimaStories .owl-item > li:hover .StoryBg {
    transform: scale(1.04);
}

.PostItemWatchItem > ul > li:hover::after {
    opacity: 1;
    visibility: visible;
}

.PostItemWatchItem > ul > li:hover {
    transform: scale(1.2);
}

ul.PostItemStats > li > .InnerButton:hover {
    background: var(--bghover);
    z-index: 2;
}

.login--leftside-user > a:hover {
    color: white;
}

.userhead-userarea--rightbar > a:hover {
    background: var(--bghover);
    transition: 50ms all var(--transition-timing-in);
}

ul.menu-userarea--rightbar > li > a:hover {
    background: var(--bghover);
    transition: 50ms all var(--transition-timing-in);
}

a.showmore-userarea--rightbar:hover {
    background: var(--bghover);
    transition: 50ms background var(--transition-timing-in);
}

p.comment-area--content---comments a:hover {
    text-decoration: underline;
}

.actions--comment-area---comments .InnerButton:hover {
    cursor: pointer;
    text-decoration: underline;
}

.actions--comment-area---comments > a:hover {
    text-decoration: underline;
    cursor: pointer;
}

.total--post-reactions---post-statistics----postitem:hover {
    text-decoration: underline;
}

a.comments--post-statistics---postitem:hover {
    text-decoration: underline;
}

.HotcimaStories .owl-item > li:active {
    transform: scale(0.98);
}

ul.PostItemStats > li > .InnerButton:active {
    transform: scale(0.96);
}

.addcomment-input--post:focus + span {
    color: rgb(197, 200, 206);
}

form.SearchArea > input:focus::placeholder {
    opacity: 0.5;
}

span.Close--title---Context----overlays:hover::after {
    opacity: 1;
    transition: 50ms all var(--transition-timing-in);
}

.activable:active {
    opacity: .85;
}

.activable.hoverable:active:after {
    opacity: 0.15;
    transition: 0s all ease;
}

.activable.hoverable:focus:after {
    opacity: 0.15;
}

.activable {
    user-select: none;
    cursor: pointer;
}

editors-row .fr-toolbar .fr-command.fr-btn[data-cmd="copy"] froalacopy_button {
    background: #196db626;
    color: var(--uicolor);
}

.hoverable.hoverableselect:hover::after {
    background: var(--media-hover);
}

.hoverable.hoverableselect::after {
    transition: all 0ms ease 0s;
}

.activable {
    user-select: none;
    cursor: pointer;
    position: relative;
    overflow: hidden;
}

.hoverable::after {
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    opacity: 0;
    width: 100%;
    height: 100%;
    background: currentColor;
    transition: 150ms var(--transition-timing-in) opacity;
    pointer-events: none;
}

.hoverable:hover::after {
    transition: 50ms var(--transition-timing-in) opacity;
    opacity: .08;
}

.disabled {
    user-select: none;
    cursor: not-allowed !important;
}

.activableopac:active {
    opacity: 0.7;
}

unsafecontent {
    background: rgb(255, 234, 234);
    box-shadow: rgb(255, 234, 234) 0px 0px 0px 6px;
}

unsafecontent:empty {
    display: none;
}

countdown__delay {
    display: flex;
    align-items: center;
}

countdown__delay > span {
    font-size: 30px;
    font-weight: bold;
    color: var(--uicolor);
    margin-right: 10px;
}

countdown__delay > em {
    font-style: normal;
    line-height: 100%;
    font-size: 17px;
}

.FullyEditorUX__Actions_Item[error] fullpage_build__form__body__inputs_item {
    border-color: rgb(226, 40, 40);
}

.FullyEditorUX__Actions_Item[error] {
}

.FullyEditorUX__Actions_Item[error]::after {
    content: attr(error);
    display: block;
    padding-top: 6px;
    font-weight: bold;
    font-size: 12px;
    color: rgb(226, 40, 40);
}

spelling-now {
    box-shadow: rgb(35, 182, 25) 0px 1px;
    color: rgb(35, 182, 25);
    cursor: pointer;
}

spelling-now:hover {
    box-shadow: rgb(35, 182, 25) 0px 2px;
    transition: all 200ms ease 0s;
}

spelling-bar {
    position: absolute;
    background: white;
    z-index: 1000;
    width: 220px;
    border-radius: var(--miniradius);
    box-shadow: rgba(11, 43, 68, 0.33) 0px 9px 35px;
    padding: 18px 14px;
}

spelling-bar > strong {
    display: block;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 6px;
    color: var(--uicolor);
}

spelling-bar > p {
    font-size: 15px;
    font-weight: bold;
    color: rgba(15, 73, 123, 0.78);
    line-height: 20px;
    margin-bottom: 15px;
}

spelling-bar > ul::-webkit-scrollbar {
    width: 5px;
    height: 4px;
}

spelling-bar > ul::-webkit-scrollbar-thumb {
    background: transparent;
    border-radius: 23px;
}

spelling-bar > ul:hover::-webkit-scrollbar-thumb {
    background: var(--scroll-thumb);
}

spelling-bar > ul::-webkit-scrollbar-track {
    background: white;
}

spelling-bar > ul {
    list-style: none;
    margin: 0px -14px -18px;
    max-height: 280px;
    overscroll-behavior: contain;
    overflow: auto;
    border-top: 1px solid var(--bghover);
}

.hoverable {
    position: relative;
    overflow: hidden;
}

spelling-bar > ul > li {
    padding: 8px 14px;
    cursor: pointer;
    font-weight: bold;
    font-size: 15px;
    display: flex;
    align-items: center;
}

spelling-bar > ul > li.addtodictionary > i {
    vertical-align: middle;
    margin-left: 5px;
}

spelling-bar > ul > li.addtodictionary {
    color: var(--positive);
    font-weight: 400;
}

spelling-bar > ul > li.ignore > i {
    vertical-align: middle;
    margin-left: 5px;
}

spelling-bar > ul > li.ignore {
    color: rgb(177, 98, 98);
    font-weight: 400;
}

.fr-toolbar .fr-btn-grp {
    margin: 0px 5px !important;
}

userpayments-reviews {
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: bold;
    padding-top: 30px;
}

userpayments-reviews > a {
    display: inline-block;
    padding: 0px 11px;
    font-weight: bold;
    background: var(--positive);
    border-radius: var(--miniradius);
    color: white;
    margin: 0px 10px;
    font-size: 14px;
}

a.FacebookActivation {
    display: block;
    font-weight: bold;
    font-size: 16px;
    background: #0064e114;
    color: #0168e2;
    border-radius: var(--largeradius);
    padding: 8px 20px 12px 20px;
    margin: 40px auto 8px;
    width: 280px;
}

a.SMSActivation {
    display: block;
    font-weight: bold;
    font-size: 16px;
    background: #196db614;
    color: var(--uicolor);
    border-radius: var(--largeradius);
    padding: 11px 16px;
    width: 280px;
    margin-bottom: 20px;
    margin: 0 auto 0px;
}

a.SMSActivation > i {
    vertical-align: middle;
    margin-left: 8px;
    font-size: 22px;
}

a.FacebookActivation > svg {
    display: inline-block;
    width: 20px;
    height: auto;
    vertical-align: -7px;
    margin-left: 8px;
}

a.FacebookActivation > svg > path:nth-child(2) {
}

a.FacebookActivation > svg > path:nth-child(3) {
}

pricing-item-inner > a.OrderNow > lord-icon {
    vertical-align: -16px;
    font-size: 18px;
    height: auto;
    width: 40px;
}

pricing-item-inner > p.lg {
    line-height: 20px;
}

pricing-item-inner > p.lg > span {
    padding: 0px;
    font-size: 16px;
    vertical-align: middle;
    opacity: 1;
}

userpayments-items > priceitem > priceitem-price > a {
    display: inline-block;
    background: var(--uicolor);
    color: white;
    padding: 8px 22px;
    border-radius: var(--miniradius);
    font-size: 16px;
    font-weight: bold;
}

userpayments-items > priceitem > priceitem-price > a > lord-icon {
    vertical-align: -11px;
}

inputarea > i[data-type="togglepassword"] {
    pointer-events: inherit;
    cursor: pointer;
    color: var(--secondary-color);
    opacity: 1;
    font-size: 22px;
}

inputarea > i.fa-eye[data-type="togglepassword"] {
    color: var(--uicolor);
}

.FacebookVerification {
    flex: 1;
    max-width: 700px;
    background: white;
    box-shadow: 0px 11px 50px #152c3c2e;
    border-radius: var(--miniradius);
    padding: 60px 30px;
    margin: 30px auto;
    text-align: center;
}

.AppsumoForm {
    padding: 40px;
}

.AppsumoForm .FormConcept {
    margin: 0;
}

.FacebookVerification.SMSVerification {
}

.FacebookVerification > i {
    width: 50px;
    height: 50px;
    display: block;
    margin: 0 auto 30px;
    background: #53da89;
    border-radius: 50px;
    line-height: 54px;
    color: white;
    font-size: 30px;
}

.FacebookVerification > svg {
    display: block;
    width: 70px;
    height: auto;
    margin: 0 auto 20px;
}

.FacebookVerification > h1 {
    font-size: 26px;
    line-height: 28px;
    margin-bottom: 30px;
}

.FacebookVerification > h1 + p {
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: bold;
    color: var(--uicolor);
}

upgradedbox.visible {
    transform: translate(50%, 0%);
    opacity: 1;
}

upgradedbox {
    position: fixed;
    bottom: 0;
    z-index: 9999;
    background: linear-gradient(#196db6, #2a19b6);
    color: white;
    right: 50%;
    width: 100%;
    max-width: 500px;
    padding: 50px 50px 50px;
    opacity: 0;
    border-radius: var(--miniradius) var(--miniradius) 0 0;
    transform: translate(50%, 100%);
    transition: 200ms all linear;
    box-shadow: 0 0 150px 10px #1b5fb6a8;
}

upgradedbox > h1 {
    text-align: center;
    line-height: 24px;
    font-size: 20px;
    max-width: 240px;
    margin: 0 auto;
}

upgradedbox > lord-icon {
    display: block;
    height: auto;
    width: 120px;
    margin: 0 auto 30px;
}

upgradedbox > h2 {
    text-align: center;
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 30px;
}

upgradedbox--ok {
    display: block;
    margin: 0 auto;
    width: 160px;
    background: white;
    text-align: center;
    border-radius: 70px;
    line-height: 45px;
    color: var(--uicolor);
    box-shadow: 0 10px 40px #00000029;
    font-weight: bold;
}

.QuotaUsage.upgraded {
    min-width: auto;
}

.FormConcept.ActivateBySMS {
    text-align: start;
    max-width: 500px;
    margin: 0 auto;
}

.FormConcept.ActivateBySMS > button {
    float: none;
    display: block;
    margin: 0 auto;
    width: 100%;
    height: 50px;
    border: 0;
    border-radius: var(--miniradius);
    margin-top: 14px;
    font-size: 16px;
}

.CountrySelector__Title > flag > img {
    width: 22px;
}

.FormConcept.ActivateBySMS inputarea.user_phonenumber {
}

.FormConcept.ActivateBySMS inputarea.user_phonenumber .dropdown__open {
    margin-left: 0;
    margin-right: 20px;
}

.CountrySelector__Title > flag {
    margin: 0 10px 0 0px;
}

a.send-again {
    display: block;
    font-weight: bold;
    margin-top: 40px;
    cursor: pointer;
    text-align: center;
    color: var(--secondary-color);
    margin-bottom: -20px;
}

roadmap--feature.done {
    padding: 20px 30px;
    background: #e8ffee;
    box-shadow: 0 1px 1px 0px #c2d6c7;
}

span.avatar_span {
    background-image: url(katteb_icon.png?v2);
    background-size: cover;
    background-position: center;
    box-shadow: inset 0 0 0 1px #ffffff47;
}

.FullyEditorUX__Actions_Item.AIDropdown .Lordicon {
    text-align: center;
    line-height: 36px;
    font-size: 18px;
}

@keyframes pulse-red {
    0% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(255, 82, 82, 0.7);
    }

    70% {
        transform: scale(1);
        box-shadow: 0 0 0 10px rgba(255, 82, 82, 0);
    }

    100% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(255, 82, 82, 0);
    }
}

newlabel {
    display: inline-block;
    margin: 0 6px;
    padding: 5px 7px 5px;
    border-radius: var(--miniradius);
    color: white;
    font-weight: normal;
    background: rgba(255, 82, 82, 1);
    font-size: 12px;
    line-height: 100%;
    box-shadow: 0 0 0 0 rgba(255, 82, 82, 1);
    animation: pulse-red 800ms infinite;
}
betalabel {
    display: inline-block;
    margin: 0 6px;
    padding: 5px 7px 5px;
    border-radius: var(--miniradius);
    color: white;
    font-weight: normal;
    background: rgb(0, 86, 77);
    font-size: 12px;
    line-height: 100%;
    box-shadow: 0 0 0 3px rgb(0 86 77 / 28%);
}

@keyframes pulse-beta {
    0% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgb(24 181 159 / 0.7);
    }

    70% {
        transform: scale(1);
        box-shadow: 0 0 0 10px rgba(255, 82, 82, 0);
    }

    100% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(255, 82, 82, 0);
    }
}

newlabel.beta {
    background: #18b59f;
    box-shadow: 0 0 0 0 #18b59f;
    animation: pulse-beta 1.5s infinite;
}

.RewardsCountdown {
    background: white;
    border: 1px solid var(--uicolor);
    padding: 30px 20px;
    border-radius: var(--miniradius);
    box-shadow: 0 0 80px #c0c3c9;
}

.RewardsCountdown > lord-icon {
    display: block;
    margin: 0 auto -20px;
    width: 80px;
    height: auto;
}

.RewardsCountdown > strong {
    display: block;
    text-align: center;
    font-size: 20px;
    line-height: 30px;
    color: var(--uicolor);
    padding-bottom: 10px;
}

p#countdown--leaderboard {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 0px 0;
}

p#countdown--leaderboard > div {
    text-align: center;
    margin: 0 10px;
}

p#countdown--leaderboard > div > strong {
    display: block;
    font-size: 30px;
    color: var(--uicolor);
}

p#countdown--leaderboard > div > span {
    display: block;
}

header > .Userarea > .Avatar {
    background-image: url(katteb_icon.png?v2);
    background-size: cover;
    background-position: center;
}

leaderboard-body > item item-avatar {
    background-image: url(./katteb_icon.png?v2) !important;
}

leaderboard-body > item item-avatar:after {
    background-image: var(--image);
    content: '';
    display: block;
    height: 100%;
    background-size: cover;
    border-radius: 50%;
    background-position: center;
}

leaderboard-head-top3 > item > item-avatar {
    background-image: url(./katteb_icon.png?v2) !important;
}

leaderboard-head-top3 > item > item-avatar:after {
    background-image: var(--image);
    content: '';
    display: block;
    height: 100%;
    background-size: cover;
    border-radius: 50%;
    background-position: center;
}

success-payment {
    display: flex;
    font-style: italic;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: 30px;
}

success-payment > lord-icon {
    width: 150px;
    height: auto;
}

success-payment > h1 {
    font-size: 35px;
    font-style: normal;
    line-height: 30px;
    margin-bottom: 30px;
}

success-payment > p {
    display: block;
    font-style: normal;
    line-height: 20px;
    font-size: 16px;
    font-weight: bold;
    color: #15bd39;
    margin-bottom: 30px;
}

success-payment > a {
    display: block;
    background: var(--uicolor);
    width: 200px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    font-weight: bold;
    font-size: 17px;
    font-style: normal;
    color: white;
    border-radius: var(--miniradius);
}

success-payment > a > i {
    vertical-align: middle;
    font-size: 20px;
    margin-left: 5px;
}

.HeaderMenu > ul > li > ul > li.current-menu-item > a {
    background: var(--bghover);
}

dont-closepage {
    text-align: center;
    min-height: 240px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

dont-closepage.fixed {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: #ffffffe6;
    z-index: 1000;
}

dont-closepage > lord-icon {
    width: 50px;
    height: auto;
    margin-bottom: 20px;
}

dont-closepage > h1 {
    font-size: 30px;
    color: black;
}

dont-closepage > p {
    font-weight: bold;
    font-size: 14px;
    padding-top: 8px;
    color: var(--negative);
}

form#Recaptcha__Form > p:last-child {
    padding-top: 40px;
}

.subscription-product-submission > a.cancel-subscription.disabled {
    background: var(--disable-button);
    color: var(--disable-text);
}

.subscription-product-submission > a.cancel-subscription {
    color: #d64040 !important;
    background: #d6404021 !important;
}

.Dashboard__Menu > ul > li > .submenu > li > a {
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    font-weight: 300 !important;
}

.Dashboard__Menu > ul > li > .submenu > li.selected > a {
    color: var(--uicolor);
    background-color: currentColor;
    background-image: linear-gradient(#ffffffc9, #ffffffc9);
}

.Dashboard__Menu > ul > li > .submenu > li > a newlabel {
    padding: 4px 5px;
    font-size: 10px;
    border-radius: 4px;
}

editors-row {
    display: flex;
    flex-wrap: wrap;
    flex: 1;
}

editors-row > * {
    flex: 1;
    border: 1px solid #ebeef5;
    min-width: 300px;
    position: relative;
    padding-top: 50px;
}

editors-row > *:before {
    content: Attr(data-label);
    position: absolute;
    font-size: 14px;
    background: var(--uicolor);
    z-index: 10;
    border-radius: var(--miniradius);
    color: white;
    padding: 6px 13px;
    font-weight: bold;
    top: 10px;
    right: 10px;
}

div#Rewriting_Editor_Before:before {
    background: #0c2c48;
    color: white;
}

editors-row .fr-toolbar .fr-command.fr-btn[data-cmd="copy"] {
    position: absolute;
    bottom: 100%;
    left: 10px;
    margin-bottom: 1px;
}

label.checbox__concept {
    display: inline-block;
    line-height: 100%;
    height: 40px;
    background: #fff;
    z-index: 1;
    overflow: hidden;
    position: relative;
    width: 140px;
    margin: 12px;
    border-radius: 50px;
    box-shadow: 0px 4px 11px var(--shadow-1);
}

label.checbox__concept.SmallerAI {
    margin: 0;
    width: 100px;
}

label.checbox__concept.SmallerAI > input:checked + span {
    right: 60px;
}

label.checbox__concept.SmallerAI > input:checked + span:after {
    right: -50px;
}

label.checbox__concept > input {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    opacity: 0;
    z-index: 5;
}

label.checbox__concept > span {
    content: '';
    display: block;
    position: absolute;
    transition: 150ms ease all;
    width: 26px;
    margin: 7px;
    right: 0;
    height: 26px;
    background: #0c2c48;
    border-radius: 50%;
    box-shadow: 0 2px 5px var(--shadow-2);
}

label.checbox__concept > bginput {
    position: absolute;
    transition: 150ms all ease;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 50px;
    background: white;
    z-index: -1;
}

label.checbox__concept > input:checked ~ bginput {
    background: #19afb6;
}

label.checbox__concept > span:before {
    content: Attr(data-unchecked);
    position: absolute;
    top: 50%;
    white-space: nowrap;
    transform: translate(0, -50%);
    right: 39px;
    font-weight: bold;
}

label.checbox__concept > span:after {
    content: Attr(data-checked);
    position: absolute;
    top: 50%;
    white-space: nowrap;
    transform: translate(0, -50%);
    right: -90px;
    font-weight: bold;
    color: white;
}

label.checbox__concept > input:checked + span:after {
    right: -90px;
}

label.checbox__concept > input:checked + span {
    background: white;
    right: 100px;
}

loadingawhile {
    position: absolute;
    bottom: 100%;
    right: 0;
    left: 0;
    font-size: 13px;
    font-weight: bold;
    color: var(--uicolor);
    padding-bottom: 6px;
    animation: 1000ms opacity infinite alternate;
}

.ProgressbarUX > progress-track {
    position: relative;
}

.ProgressbarUX > progress-track.biggerabit {
    height: 30px;
    margin-top: 26px;
    transition: 150ms all ease;
}

lifetime-words {
    display: flex;
    align-items: center;
    margin-bottom: 0;
    margin-top: -20px;
    font-size: 20px;
    color: var(--uicolor);
    margin-right: -2px;
}

lifetime-once {
    display: block;
    font-size: 16px;
    margin-bottom: 30px;
    color: #07345a;
    font-weight: bold;
}

lifetime-words > * {
    padding: 0 2px;
    font-weight: bold;
}

userpayments-actions > a {
    display: inline-block;
    vertical-align: top;
    font-size: 17px;
    margin-left: 10px;
    font-weight: bold;
    padding: 0px 35px;
    line-height: 46px;
    color: var(--uicolor);
    border-radius: var(--miniradius);
}

userpayments[data-popupelement="lifetime"] userpayments-header-details {
    text-align: center;
}

userpayments[data-popupelement="lifetime"] userpayments-header-details > h1 {
    font-size: 29px;
    line-height: 32px;
    margin-bottom: 10px;
}

userpayments[data-popupelement="lifetime"] userpayments-header-details > p {
    margin: 0;
    margin-bottom: 30px;
    font-size: 21px;
    line-height: 22px;
}

userpayments[data-popupelement="lifetime"] userpayments-header {
    padding: 50px 30px;
    max-width: 650px;
    border: 0;
    margin: 0 auto;
}

userpayments[data-popupelement="lifetime"] userpayments-header-details lifetime-list {
    display: block;
    margin-bottom: 30px;
    font-size: 18px;
    text-align: start;
}

userpayments[data-popupelement="lifetime"] userpayments-header-details lifetime-list > lifetime-list-item {
    display: block;
    padding: 2px 0px;
    font-size: 18px;
    color: var(--secondary-color);
    margin-bottom: 6px;
    font-size: 16px;
}

userpayments[data-popupelement="lifetime"] userpayments-header-details lifetime-list > lifetime-list-item > i {
    color: var(--positive);
    border-radius: 50px;
    line-height: 20px;
    margin-left: 4px;
    text-align: center;
    font-size: 18px;
    display: inline-block;
    vertical-align: middle;
}

lifetime-list-title {
    display: block;
    text-align: start;
    font-size: 18px;
    font-weight: bold;
    color: var(--positive);
    margin-bottom: 10px;
}

payments-popup[data-elements="lifetime"] payments-popup_inner {
    max-width: 700px;
}

.feature__section__info__addpost {
    margin-bottom: 40px;
    background: #edf3f9;
    border-radius: var(--miniradius);
    display: flex;
    align-items: center;
    color: var(--uicolor);
    padding: 20px 20px;
    flex-wrap: wrap;
}

.feature__section__info__addpost > form {
    flex: 1;
    display: flex;
    margin: 0px 0px;
    flex-wrap: wrap;
}

.feature__section__info__addpost > form .Dash_Dropdown_Button > i {
    margin-right: 13px;
}

.feature__section__info__addpost > form .Dash_Dropdown_Button {
    height: 60px;
    padding: 0 20px;
}

.feature__section__info__addpost > form ul.Dash_Dropdown_Dropdown {
    width: 190px;
}

.feature__section__info__addpost > form > input {
    flex: 1;
    height: 60px;
    border-radius: var(--miniradius);
    border: 1px solid #6a8499;
    background: transparent;
    font-size: 18px;
    padding: 0 24px;
    margin-left: 10px;
    min-width: 280px;
}

.feature__section__info__addpost > form > input::placeholder {
    color: #5d6d7a;
}

.feature__section__info__addpost > form > input:focus::placeholder {
    opacity: .2;
}

.feature__section__info__addpost > form > button {
    border: 0;
    background: var(--uicolor);
    border-radius: var(--miniradius);
    margin-right: 10px;
    color: white;
    font-weight: 400;
    font-size: 16px;
    min-width: 120px;
    padding: 0px 20px;
    max-width: 150px;
    height: 60px;
    flex: 1;
}

.feature__section__info__addpost > h1 {
    margin-left: 30px;
    min-width: 200px;
}

.feature__section__info__addpost > h1 > span {
    display: inline-block;
    line-height: 28px;
    vertical-align: middle;
    font-size: 22px;
}

.feature__section__info__addpost > h1 > lord-icon {
    display: inline-block;
    width: 60px;
    height: auto;
    margin-left: 6px;
}

dashboard--widgets[color="full-article"] {
}

dashboard--widgets[color="full-article"] > fullpage_build {
    background: #f6fbff;
    box-shadow: 0 0 18px 10px #0426421c, inset 0 0 0 2px white;
}

keywords-browse-loader {
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%);
}

keywords-browse-loader > i.fa.fa-times {
    display: block;
    text-align: center;
    font-size: 50px;
    margin-bottom: 12px;
    color: var(--negative);
}

keywords-browse-loader > i.fa.fa-times + p {
    font-weight: bold;
    color: var(--negative);
    animation: none;
}

keywords-browse-loader > svg {
    width: 140px;
    display: block;
    margin: 0 auto;
}

keywords-browse-loader > p {
    display: block;
    font-size: 16px;
    animation: 600ms opacity alternate infinite;
    text-align: center;
}

keywords-browse-loader > p > strong {
    display: block;
    font-size: 18px;
    color: var(--uicolor);
    padding-top: 2px;
}

keywords-browse-loader > svg > path {
    fill: var(--uicolor);
}

headings-checklist-container {
    max-width: 660px;
    width: 100%;
    border-radius: var(--miniradius);
    display: block;
    padding: 70px 20px 100px;
}

headings-checklist-container::-webkit-scrollbar {
    width: 5px;
    height: 4px;
}

headings-checklist-container::-webkit-scrollbar-thumb {
    background: transparent;
    border-radius: 23px;
}

headings-checklist-container:hover::-webkit-scrollbar-thumb {
    background: var(--scroll-thumb);
}

headings-checklist-container::-webkit-scrollbar-track {
    background: white;
}

keywords-browse::-webkit-scrollbar {
    width: 5px;
    height: 4px;
}

keywords-browse::-webkit-scrollbar-thumb {
    background: transparent;
    border-radius: 23px;
}

keywords-browse:hover::-webkit-scrollbar-thumb {
    background: var(--scroll-thumb);
}

keywords-browse::-webkit-scrollbar-track {
    background: white;
}

keywords-browse {
    display: flex;
    height: 100%;
    overflow: auto;
    align-items: center;
    flex-direction: column;
}

headings-checklist-container > headings-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 30px;
}

headings-checklist-container > headings-checklist {
    display: block;
    background: white;
    border-radius: var(--miniradius);
    padding: 10px 0 0;
    box-shadow: 0 10px 40px #07243e24;
    margin-bottom: 24px;
}

headings-checklist-container > headings-checklist > div > .label-headingitem > label {
    display: flex;
    cursor: pointer;
    align-items: center;
    padding: 14px 20px;
    font-size: 16px;
    line-height: 28px;
}

headings-checklist-container > headings-checklist > div > .label-headingitem > label.disable {
    opacity: .5;
    cursor: not-allowed;
    pointer-events: none;
}

headings-checklist-container > headings-checklist > addmoreheading {
    display: flex;
    align-items: center;
    padding: 18px 22px;
    font-size: 16px;
    line-height: 28px;
    border-radius: 0 0 var(--miniradius) var(--miniradius);
    font-weight: bold;
    color: var(--uicolor);
    cursor: pointer;
    border-top: 1px solid #e8edf1;
    transition: 250ms all ease;
}

headings-checklist-container > headings-checklist > addmoreheading > form {
    flex: 1;
    display: flex;
}

headings-checklist-container > headings-checklist > addmoreheading > form#BulkTopics {
    flex-direction: column;
    max-width: 100%;
}

headings-checklist-container > headings-checklist > addmoreheading > form#BulkTopics > textarea {
    padding: 20px;
    border-radius: var(--miniradius);
    font-size: 18px;
    max-width: calc(100% - 10px);
}

headings-checklist-container > headings-checklist > addmoreheading > form#BulkTopics > button {
    width: auto;
}

headings-checklist-container > headings-checklist > addmoreheading > form > input {
    height: 46px;
    flex: 1;
    border-radius: var(--miniradius);
    border: 1px solid var(--secondary-color);
    padding: 0 20px;
    font-size: 16px;
}

headings-checklist-container > headings-checklist > addmoreheading > form > button {
    width: 80px;
    height: 46px;
    border-radius: var(--miniradius);
    border: 0;
    background: var(--uicolor);
    color: white;
    font-weight: bold;
    font-size: 15px;
    cursor: pointer;
}

headings-checklist-container > headings-checklist > addmoreheading > form > * {
    margin: 5px;
}

headings-checklist-container > headings-checklist > addmoreheading:hover {
    background: #196db617;
    color: var(--uicolor);
    transition: 100ms all ease;
}

headings-checklist-container > headings-checklist > addmoreheading:hover.-focused {
    background: transparent;
}

headings-checklist-container > headings-checklist > addmoreheading > i.fa {
    width: 26px;
    height: 26px;
    margin-left: 20px;
    border: 2px solid;
    border-radius: 4px;
    text-align: center;
    line-height: 24px;
    font-size: 18px;
    color: var(--uicolor);
}

headings-checklist-container > headings-checklist > div > .label-headingitem > label > input {
    width: 25px;
    height: 25px;
    margin-left: 20px;
}

headings-checklist-container > headings-checklist > div > .label-headingitem > label > input:checked + p {
}

headings-checklist-container > headings-checklist > div > .label-headingitem > label > input:checked + p > strong {
    color: #0075ff;
}

headings-checklist-container > headings-checklist > div > .label-headingitem > label > input:checked + p > span {
    height: 0;
    overflow: hidden;
}

headings-checklist-container > headings-checklist > div > .label-headingitem > label > input:checked {
}

headings-checklist-container > headings-checklist > div > .label-headingitem > label > p {
}

headings-checklist-container > headings-checklist > div > .label-headingitem > label > p > strong {
    display: block;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
}

headings-checklist-container > headings-checklist > div > .label-headingitem > label > p > span {
    display: block;
    line-height: 18px;
    color: #9ba7b1;
    font-size: 12px;
    height: 16px;
    font-weight: bold;
    transition: 100ms all ease;
}

headings-checklist-container > headings-title > h1 {
    font-size: 34px;
    line-height: 36px;
}

headings-checklist-container > headings-title > div {
    font-size: 25px;
    font-weight: bold;
}

headings-checklist-container.full > headings-title > div {
    color: var(--uicolor);
}

headings-checklist-container > headings-title > div > span {
    color: var(--uicolor);
    font-size: 40px;
    vertical-align: -4px;
}

headings-checklist-container > headings-title > div > strong {
}

headings-checklist-submit {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 20px;
}

headings-checklist-submit > * {
    color: var(--uicolor) !important;
    font-weight: 400;
    font-size: 16px;
    padding: 10px 16px;
    border-radius: var(--miniradius);
    background: #196db61f;
}

headings-checklist-submit > headings-checklist-submit-button[type="submit"] {
    background: var(--uicolor);
    color: white !important;
    padding: 12px 22px;
}

headings-checklist-submit > headings-checklist-submit-button[type="submit"] > i {
    margin-left: 0;
    margin-right: 8px;
}

headings-checklist-submit > headings-checklist-submit-button.disabled {
    background: var(--disable-button);
    color: var(--disable-text);
}

headings-checklist-submit > * > i {
    vertical-align: middle;
    text-align: center;
    margin-left: 8px;
}

.feature__section__info__addpost_fullview {
    margin: 0 auto;
    width: 100%;
    min-height: 100%;
    overflow: auto;
    padding: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.feature__section__info__addpost_fullview_container {
    max-width: 600px;
    width: 100%;
}

.feature__section__info__addpost_fullview_container > h1 {
    text-align: center;
    margin-bottom: 40px;
    color: var(--uicolor);
}

.feature__section__info__addpost_fullview_container > form {
}

.feature__section__info__addpost_fullview_container > form > button {
    display: block;
    width: 100%;
    height: 50px;
    border-radius: var(--miniradius);
    border: 0;
    background: var(--uicolor);
    color: white;
    font-weight: 400;
    font-size: 17px;
}

.feature__section__info__addpost_fullview_container > form > button > i {
    vertical-align: middle;
    padding: 0 8px;
}

.feature__section__info__addpost_fullview_container > form > .Dash_Dropdown {
    margin-bottom: 20px;
}

.feature__section__info__addpost_fullview_container > form > input {
    height: 60px;
    border-radius: var(--miniradius);
    border: 1px solid #6a8499;
    background: #0000;
    font-size: 18px;
    padding: 0 24px;
    min-width: 100%;
    margin-bottom: 11px;
}

.feature__section__info__addpost_fullview_container > form > input:placeholder-shown {
    color: #76828d;
}

.feature__section__info__addpost_fullview_container > form > input::placeholder {
    color: currentColor;
}

.feature__section__info__addpost_fullview_container > form > input:focus::placeholder {
    opacity: .5;
}

.feature__section__info__addpost_fullview_container > h1 > lord-icon {
    display: block;
    margin: -20px auto -4px;
    width: 80px;
    height: auto;
}

.ArticleCreationProgress {
    height: 40px;
    border: 1px solid var(--uicolor);
    border-radius: var(--miniradius);
    position: relative;
    z-index: 1;
}

.ArticleCreationProgress > strong {
    color: white;
    line-height: 38px;
    font-size: 14px;
    font-weight: bold;
    padding: 0 10px;
}

.ArticleCreationProgress__Track {
    position: absolute;
    top: 0;
    bottom: 0;
    background: var(--uicolor);
    min-width: 40px;
    z-index: -1;
    transition: 250ms all ease;
    text-align: end;
    color: white;
    line-height: 38px;
    padding: 0 10px;
    border-radius: var(--miniradius);
}

waitabit {
    display: flex;
    vertical-align: -17px;
    position: absolute;
    right: 0;
    top: 100%;
    align-items: center;
    height: 20px;
    margin-top: 8px;
    left: 0;
}

waitabit > svg {
    display: inline-block;
    vertical-align: middle;
    width: 40px;
    margin: 0 -10px 0 -10px;
}

waitabit > svg > path {
    fill: var(--uicolor);
}

waitabit > countdown__delay {
    display: inline-block;
    vertical-align: middle;
    color: white;
    font-size: 20px;
    padding: 0 10px;
}

waitabit > countdown__delay + p {
    padding: 0 0px;
}

waitabit > p {
    padding: 0 10px;
}

waitabit > countdown__delay > span {
    font-size: 20px;
    margin: 0;
}

froalacopy_button.choosefromlibrary_btn {
    padding-left: 14px;
    padding-right: 11px;
}

froalacopy_button.choosefromlibrary_btn > i {
    float: none !important;
    display: inline-block !important;
    margin: 0 0 0 7px !important;
    vertical-align: middle !important;
    font-weight: 600;
    width: auto !important;
    font-size: 18px;
}

library-popup {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 99999999999;
    background: #196db630;
    opacity: 0;
}

library-popup.visible {
    opacity: 1;
}

library-popup.visible library-popup-inner {
    transform: translate(50%, 0%);
    transition: 200ms all ease;
    opacity: 1;
}

library-popup-inner::-webkit-scrollbar {
    width: 5px;
    height: 4px;
}

library-popup-inner::-webkit-scrollbar-thumb {
    background: transparent;
    border-radius: 23px;
}

library-popup-inner:hover::-webkit-scrollbar-thumb {
    background: var(--scroll-thumb);
}

library-popup-inner::-webkit-scrollbar-track {
    background: white;
}

library-popup-inner {
    position: absolute;
    right: 50%;
    transition: 100ms all ease;
    bottom: 0;
    transform: translate(50%, 100%);
    opacity: 1;
    background: white;
    width: 100%;
    max-height: calc(100vh - 20px);
    overflow: auto;
    max-width: 800px;
    padding: 30px 20px 20px;
    box-shadow: 0 0px 10px #07243e33;
    border-radius: var(--miniradius) var(--miniradius) 0 0;
}

library-popup-inner > h2 {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 16px;
    color: var(--uicolor);
}

library-popup-list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
}

library-image {
    flex: 1;
    min-width: 160px;
    padding-top: 20%;
    background-image: var(--image);
    background-size: cover;
    border-radius: var(--miniradius);
    margin: 10px;
    cursor: pointer;
    background-position: center;
    background-color: var(--bghover);
    opacity: .8;
    position: relative;
    overflow: hidden;
}

library-image:hover {
    opacity: 1;
}

library-image.selected {
    box-shadow: 0 0 0 7px var(--uicolor);
    opacity: 1;
}

.Dashboard__Menu > ul > li > .submenu > li[customize="full-article"] {
}

.Dashboard__Menu > ul > li > .submenu > li[customize="full-article"] > a {
    background: #07243e12;
    padding: 13px 0;
    transition: 100ms all ease;
    display: flex;
    align-items: center;
}

.Dashboard__Menu > ul > li > .submenu > li[customize="full-article"].selected > a {
    color: var(--uicolor);
    background: #186cb517;
}

.Dashboard__Menu > ul > li > .submenu > li[customize="full-article"] > a > span {
    flex: 1;
    font-size: 15px;
    line-height: 16px;
}

.Dashboard__Menu > ul > li > .submenu > li[customize="full-article"] > a > span > em {
    display: block;
    font-style: normal;
    font-size: 12px;
    line-height: 16px;
    color: var(--secondary-color);
    padding-top: 3px;
    opacity: .7;
}

.Dashboard__Menu > ul > li > .submenu > li[customize="full-article"] > a > i {
    font-size: 24px;
}

payments-popup[data-elements="writing-fullarticle"] payments-popup_inner {
    max-width: 800px;
    overflow: auto;
}

payments-popup[data-elements="writing-fullarticle"] payments-popup_inner userpayments-header {
    padding: 50px;
}

iframewindow {
    display: block;
    position: relative;
    padding-top: 60%;
    margin-bottom: 20px;
}

iframewindow > iframe {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

payments-popup[data-elements="writing-fullarticle"] payments-popup_inner userpayments-header userpayments-header-details > h1 {
    text-align: center;
    font-size: 34px;
    margin-bottom: 4px;
}

payments-popup[data-elements="writing-fullarticle"] payments-popup_inner userpayments-header userpayments-header-details > h1-subline {
    display: block;
    text-align: center;
    margin-bottom: 40px;
    font-size: 18px;
    font-weight: bold;
    color: var(--uicolor);
}

payments-popup[data-elements="writing-fullarticle"] payments-popup_inner userpayments-header userpayments-header-details > userpayments-actions {
    text-align: center;
}

payments-popup[data-elements="writing-fullarticle"] payments-popup_inner userpayments-header userpayments-header-details > p {
    font-size: 20px;
    text-align: center;
}

.FormConcept > p {
    margin-bottom: 10px;
}

.FormConcept > p > a {
    display: block;
    font-size: 17px;
}

library-image-size {
    position: absolute;
    bottom: 0;
    left: 0;
    background: black;
    font-size: 11px;
    color: white;
    line-height: 16px;
    padding: 0 6px;
    font-weight: bold;
    border-radius: var(--miniradius);
}

appsumo__code_title {
    display: block;
    padding-bottom: 10px;
    text-align: left;
}

appsumo__code_title > svg {
    width: 140px;
}

froalacopy_button.plagiarism_check {
    background-color: #ffffff;
}

froalacopy_button.plagiarism_check > lord-icon {
    vertical-align: middle;
    margin-left: 4px;
    display: inline-block;
}

plagiarism-popup {
    border-bottom: 1px solid #d1dfec;
    top: 0;
    height: 80px;
    display: block;
    position: sticky;
    background: #f6fbff;
    z-index: 10;
}

plagiarism-popup-loader {
    display: flex;
    height: 100%;
    align-items: center;
    padding: 0px 0px 0px;
    user-select: none;
    flex-wrap: wrap;
}

plagiarism-popup-loader > plagiarism-popup-loader-item {
    margin: 6px 13px;
    font-weight: bold;
    font-size: 18px;
    color: var(--color);
}

plagiarism-popup-loader > plagiarism-popup-loader-item.unique {
    --color: var(--positive);
}

plagiarism-popup-loader > plagiarism-popup-loader-item.matched {
    --color: var(--negative);
}

plagiarism-popup-loader > plagiarism-popup-loader-item > em {
    display: inline-block;
    vertical-align: middle;
    border: 2px solid var(--color);
    border-radius: var(--miniradius);
    text-align: center;
    line-height: 38px;
    font-style: normal;
    font-size: 26px;
    font-family: Arial;
    font-weight: bold;
    margin-left: 12px;
    padding: 0px 10px;
    background: var(--color);
    color: white;
}

plagiarism-popup-loader > plagiarism-popup-loader-item > span {
    vertical-align: middle;
}

plagiarism-popup-loader > lord-icon {
    width: 50px;
    height: auto;
}

plagiarism-popup-track {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    background: #d1dfec;
    height: 6px;
}

plagiarism-popup-track-thumb {
    width: 20px;
    display: inline-block;
    height: 100%;
    background: var(--uicolor);
    vertical-align: top;
    transition: 800ms all ease;
    position: relative;
}

plagiarism-popup-track-thumb > em {
    position: absolute;
    bottom: 100%;
    line-height: 20px;
    font-style: normal;
    background: var(--uicolor);
    color: white;
    border-radius: 50px;
    margin-left: -14px;
    padding: 0px 6px;
    font-size: 12px;
    left: 0;
    margin-bottom: 8px;
}

plagiarism-popup-track-thumb > em:after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 4px 0 4px;
    border-color: var(--uicolor) #0000 #0000 #0000;
    position: absolute;
    top: 100%;
    right: 50%;
    transform: translate(50%, 0);
}

plagiarism-element.unique {
    color: #3e9139;
    background: #f7fef7;
    border-color: transparent;
}

plagiarism-element.matched {
    color: #a91e1e;
    background: #fef7f7;
    cursor: pointer;
}

plagiarism-element.focused {
    color: var(--uicolor);
    z-index: 5;
    font-weight: bold;
    border: 0;
}

plagiarism-element.matched:hover {
    color: #1e70b7;
}

plagiarism-element {
    z-index: 1;
    border-bottom: 1px solid;
    position: relative;
}

plagiarism-element.loading {
    animation: opacity 500ms infinite alternate;
    opacity: .5;
}

plagiarism-element > rephrase-now {
    position: absolute;
    top: 100%;
    background: var(--uicolor);
    right: 50%;
    color: white;
    border-radius: var(--miniradius);
    padding: 2px 9px !important;
    font-size: 14px;
    font-weight: 300;
    font-family: var(--ffamily);
    white-space: nowrap;
    margin-top: 8px;
    transform: translate(50%, 0);
}

plagiarism-element > rephrase-now:after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0px 5px 5px 5px;
    border-color: #0000 #0000 var(--uicolor) #0000;
    position: absolute;
    right: 50%;
    bottom: 100%;
    transform: translate(50%, 0);
}

plagiarism-element.unique:hover {
    color: #107c09;
}

plagiarism-popup-loader-submit {
    flex: 1;
    text-align: end;
    padding: 0 20px;
}

plagiarism-popup-loader-submit > button {
    vertical-align: top;
    border: 0;
    padding: 8px 22px;
    margin: 0 5px;
    border-radius: var(--miniradius);
    font-size: 15px;
    font-weight: bold;
    cursor: pointer;
    background: transparent;
}

plagiarism-popup-loader-submit > button.disabled {
    background: var(--disable-button) !important;
    color: var(--disable-text) !important;
}

plagiarism-popup-loader-submit > button.secondary {
    color: var(--uicolor);
}

plagiarism-popup-loader-submit > button.primary {
    background: var(--uicolor);
    color: white;
}

body__countdown__delay {
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    background: var(--uicolor);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 100;
    padding: 6px 20px;
}

body__countdown__delay > span {
    font-size: 30px;
    line-height: 30px;
    padding: 0 10px;
    font-weight: bold;
}

body__countdown__delay > em {
    font-style: normal;
}

roadmap--feature-title {
    display: block;
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 16px;
    line-height: 26px;
}

a#HavingProblems {
    display: block;
    width: 260px;
    height: 50px;
    background: var(--positive);
    color: white;
    text-align: center;
    font-weight: bold;
    border-radius: var(--miniradius);
    line-height: 50px;
    font-size: 18px;
    margin-bottom: 30px;
}

plagiarism-popup-alert {
    flex: 1;
    padding: 0 20px;
    font-size: 18px;
    color: var(--uicolor);
    font-weight: bold;
    animation: opacity 1s infinite alternate ease;
}

matched-result {
    position: fixed;
    top: 100%;
    overflow: hidden;
    font-family: var(--ffamily);
    width: 300px;
    background: white;
    box-shadow: 0px 1px 15px var(--shadow-2);
    border-radius: var(--miniradius);
    z-index: 1000;
    max-height: 300px;
    overflow: auto;
}

matched-result > a {
    display: block;
    padding: 18px;
    position: relative;
}

matched-result > a matched-result-blank {
    position: absolute;
    top: 50%;
    right: 20px;
    font-size: 20px;
    background: #ffffffba;
    box-shadow: 0 0 0 20px #ffffffba;
    border-radius: 50%;
    transform: translate(0, -50%);
    color: var(--uicolor);
    opacity: 0;
}

matched-result > a:hover matched-result-blank {
    opacity: 1;
}

matched-result matched-result-title {
    display: block;
    font-weight: bold;
    color: black;
    line-height: 22px;
    margin-bottom: 8px;
    font-size: 16px;
}

matched-result matched-result-url {
    display: block;
    font-size: 12px;
    line-height: 14px;
    color: var(--primary-text);
    overflow-wrap: break-word;
    margin-bottom: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

matched-result matched-result-description {
    display: block;
    font-size: 14px;
    line-height: 18px;
}

matched-result matched-result-description em {
    font-weight: bold;
    color: var(--uicolor);
}

matched-result matched-result-description > *[color="#000000"] {
    color: var(--uicolor);
    font-weight: bold;
}

.PhoneVerification__Concept {
    background: white;
    border-radius: var(--miniradius);
    padding: 60px 50px 40px;
    box-shadow: 0 10px 30px var(--shadow-1);
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
}

.PhoneVerification__Concept > form {
    margin-bottom: 0;
}

.PhoneVerification__Concept > h1 {
    text-align: center;
    transition: 200ms all ease;
    margin-bottom: 30px;
}

.PhoneVerification__Concept__Icon {
    width: 100px;
    height: 100px;
    margin: 0 auto 40px;
    position: relative;
    border-radius: 100px;
    border: 2px solid;
    text-align: center;
    line-height: 100px;
    transition: 200ms all ease;
    font-size: 50px;
    color: var(--uicolor);
}

.PhoneVerification__Concept__Icon.success {
    color: var(--positive);
    background: #23b61930;
    border-color: transparent;
}

.PhoneVerification__Concept__Icon.success > i {
    font-weight: 500;
}

.PhoneVerification__Concept__Icon.error {
    color: var(--negative);
}

.PhoneVerification__Concept__Icon.error + h1 {
    color: var(--negative);
}

.PhoneVerification__Concept__Icon.loading {
    border-color: transparent;
}

.PhoneVerification__Concept__Icon.loading > svg {
    position: absolute;
    top: 0;
    right: 0;
    opacity: .8;
    width: 100%;
    height: auto;
}

.PhoneVerification__Concept__Icon.loading > svg path {
    fill: #050505;
}

.PhoneVerification__Concept .FormConcept > button.disabled {
    background: var(--disable-button);
    color: var(--disable-text);
}

.PhoneVerification__Concept .FormConcept > button {
    width: 100%;
}

.PhoneVerification__Concept .FormConcept > svg {
    display: block;
    margin: 0 auto;
    width: 40px;
    height: auto;
}

.PhoneVerification__Concept .FormConcept > svg path {
    fill: var(--uicolor);
}

.country-select {
    position: relative;
    display: block;
}

.country-select * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.country-select .hide {
    display: none
}

.country-select .v-hide {
    visibility: hidden
}

.country-select input, .country-select input[type=text] {
    position: relative;
    z-index: 0;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-right: 36px;
    margin-right: 0
}

.country-select .flag-dropdown {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    padding: 1px
}

.country-select .selected-flag {
    z-index: 1;
    position: relative;
    width: 36px;
    height: 100%;
    padding: 0 8px 0 0px;
}

.country-select .selected-flag .flag {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto
}

.country-select .selected-flag .arrow {
    position: absolute;
    top: 50%;
    margin-top: -2px;
    left: 4px;
    width: 0;
    height: 0;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 4px solid #fff;
}

.country-select .selected-flag .arrow.up {
    border-top: none;
    border-bottom: 4px solid #555
}

.country-select .country-list {
    position: absolute;
    z-index: 2;
    list-style: none;
    text-align: start;
    color: black;
    padding: 0;
    margin: 0 0 0 -1px;
    -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
    background-color: white;
    border: 1px solid #ccc;
    white-space: nowrap;
    max-height: 200px;
    overflow-y: scroll;
}

.country-select .country-list .flag {
    display: inline-block;
    width: 20px
}

@media (max-width: 500px) {
    .country-select .country-list {
        white-space:normal
    }
}

.country-select .country-list .divider {
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid var(--diver);
}

.country-select .country-list .country {
    padding: 5px 10px
}

.country-select .country-list .country.highlight {
    background-color: rgba(0, 0, 0, 0.05)
}

.country-select .country-list .flag, .country-select .country-list .country-name {
    vertical-align: middle
}

.country-select .country-list .flag {
    margin-left: 6px;
}

.country-select.inside input, .country-select.inside input[type=text] {
    padding-left: 6px;
    padding-right: 52px;
    margin-left: 0;
    width: 100%;
    height: 50px;
    border-radius: var(--miniradius);
}

.country-select.inside .flag-dropdown {
    left: auto;
    right: 0;
}

.country-select.inside .selected-flag {
    width: 46px
}

.country-select.inside .flag-dropdown:hover {
    cursor: pointer
}

.country-select.inside .flag-dropdown:hover .selected-flag {
    background-color: rgba(0, 0, 0, 0.05)
}

.country-select.inside input[disabled] + .flag-dropdown:hover, .country-select.inside input[readonly] + .flag-dropdown:hover {
    cursor: default
}

.country-select.inside input[disabled] + .flag-dropdown:hover .selected-flag, .country-select.inside input[readonly] + .flag-dropdown:hover .selected-flag {
    background-color: transparent
}

.country-select .flag {
    width: 20px;
    height: 15px;
    -webkit-box-shadow: 0px 0px 1px 0px #888;
    box-shadow: 0px 0px 1px 0px #888;
    background-image: url("flags.png");
    background-repeat: no-repeat;
    background-color: #dbdbdb;
    background-position: 20px 0;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .country-select .flag {
        background-image:url("../../build/img/flags@2x.png")
    }
}

.country-select .flag {
    width: 20px
}

.country-select .flag.be {
    width: 18px
}

.country-select .flag.ch {
    width: 15px
}

.country-select .flag.mc {
    width: 19px
}

.country-select .flag.ne {
    width: 18px
}

.country-select .flag.np {
    width: 13px
}

.country-select .flag.va {
    width: 15px
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .country-select .flag {
        background-size:5630px 15px
    }
}

.country-select .flag.ac {
    height: 10px;
    background-position: 0px 0px
}

.country-select .flag.ad {
    height: 14px;
    background-position: -22px 0px
}

.country-select .flag.ae {
    height: 10px;
    background-position: -44px 0px
}

.country-select .flag.af {
    height: 14px;
    background-position: -66px 0px
}

.country-select .flag.ag {
    height: 14px;
    background-position: -88px 0px
}

.country-select .flag.ai {
    height: 10px;
    background-position: -110px 0px
}

.country-select .flag.al {
    height: 15px;
    background-position: -132px 0px
}

.country-select .flag.am {
    height: 10px;
    background-position: -154px 0px
}

.country-select .flag.ao {
    height: 14px;
    background-position: -176px 0px
}

.country-select .flag.aq {
    height: 14px;
    background-position: -198px 0px
}

.country-select .flag.ar {
    height: 13px;
    background-position: -220px 0px
}

.country-select .flag.as {
    height: 10px;
    background-position: -242px 0px
}

.country-select .flag.at {
    height: 14px;
    background-position: -264px 0px
}

.country-select .flag.au {
    height: 10px;
    background-position: -286px 0px
}

.country-select .flag.aw {
    height: 14px;
    background-position: -308px 0px
}

.country-select .flag.ax {
    height: 13px;
    background-position: -330px 0px
}

.country-select .flag.az {
    height: 10px;
    background-position: -352px 0px
}

.country-select .flag.ba {
    height: 10px;
    background-position: -374px 0px
}

.country-select .flag.bb {
    height: 14px;
    background-position: -396px 0px
}

.country-select .flag.bd {
    height: 12px;
    background-position: -418px 0px
}

.country-select .flag.be {
    height: 15px;
    background-position: -440px 0px
}

.country-select .flag.bf {
    height: 14px;
    background-position: -460px 0px
}

.country-select .flag.bg {
    height: 12px;
    background-position: -482px 0px
}

.country-select .flag.bh {
    height: 12px;
    background-position: -504px 0px
}

.country-select .flag.bi {
    height: 12px;
    background-position: -526px 0px
}

.country-select .flag.bj {
    height: 14px;
    background-position: -548px 0px
}

.country-select .flag.bl {
    height: 14px;
    background-position: -570px 0px
}

.country-select .flag.bm {
    height: 10px;
    background-position: -592px 0px
}

.country-select .flag.bn {
    height: 10px;
    background-position: -614px 0px
}

.country-select .flag.bo {
    height: 14px;
    background-position: -636px 0px
}

.country-select .flag.bq {
    height: 14px;
    background-position: -658px 0px
}

.country-select .flag.br {
    height: 14px;
    background-position: -680px 0px
}

.country-select .flag.bs {
    height: 10px;
    background-position: -702px 0px
}

.country-select .flag.bt {
    height: 14px;
    background-position: -724px 0px
}

.country-select .flag.bv {
    height: 15px;
    background-position: -746px 0px
}

.country-select .flag.bw {
    height: 14px;
    background-position: -768px 0px
}

.country-select .flag.by {
    height: 10px;
    background-position: -790px 0px
}

.country-select .flag.bz {
    height: 14px;
    background-position: -812px 0px
}

.country-select .flag.ca {
    height: 10px;
    background-position: -834px 0px
}

.country-select .flag.cc {
    height: 10px;
    background-position: -856px 0px
}

.country-select .flag.cd {
    height: 15px;
    background-position: -878px 0px
}

.country-select .flag.cf {
    height: 14px;
    background-position: -900px 0px
}

.country-select .flag.cg {
    height: 14px;
    background-position: -922px 0px
}

.country-select .flag.ch {
    height: 15px;
    background-position: -944px 0px
}

.country-select .flag.ci {
    height: 14px;
    background-position: -961px 0px
}

.country-select .flag.ck {
    height: 10px;
    background-position: -983px 0px
}

.country-select .flag.cl {
    height: 14px;
    background-position: -1005px 0px
}

.country-select .flag.cm {
    height: 14px;
    background-position: -1027px 0px
}

.country-select .flag.cn {
    height: 14px;
    background-position: -1049px 0px
}

.country-select .flag.co {
    height: 14px;
    background-position: -1071px 0px
}

.country-select .flag.cp {
    height: 14px;
    background-position: -1093px 0px
}

.country-select .flag.cr {
    height: 12px;
    background-position: -1115px 0px
}

.country-select .flag.cu {
    height: 10px;
    background-position: -1137px 0px
}

.country-select .flag.cv {
    height: 12px;
    background-position: -1159px 0px
}

.country-select .flag.cw {
    height: 14px;
    background-position: -1181px 0px
}

.country-select .flag.cx {
    height: 10px;
    background-position: -1203px 0px
}

.country-select .flag.cy {
    height: 13px;
    background-position: -1225px 0px
}

.country-select .flag.cz {
    height: 14px;
    background-position: -1247px 0px
}

.country-select .flag.de {
    height: 12px;
    background-position: -1269px 0px
}

.country-select .flag.dg {
    height: 10px;
    background-position: -1291px 0px
}

.country-select .flag.dj {
    height: 14px;
    background-position: -1313px 0px
}

.country-select .flag.dk {
    height: 15px;
    background-position: -1335px 0px
}

.country-select .flag.dm {
    height: 10px;
    background-position: -1357px 0px
}

.country-select .flag.do {
    height: 13px;
    background-position: -1379px 0px
}

.country-select .flag.dz {
    height: 14px;
    background-position: -1401px 0px
}

.country-select .flag.ea {
    height: 14px;
    background-position: -1423px 0px
}

.country-select .flag.ec {
    height: 14px;
    background-position: -1445px 0px
}

.country-select .flag.ee {
    height: 13px;
    background-position: -1467px 0px
}

.country-select .flag.eg {
    height: 14px;
    background-position: -1489px 0px
}

.country-select .flag.eh {
    height: 10px;
    background-position: -1511px 0px
}

.country-select .flag.er {
    height: 10px;
    background-position: -1533px 0px
}

.country-select .flag.es {
    height: 14px;
    background-position: -1555px 0px
}

.country-select .flag.et {
    height: 10px;
    background-position: -1577px 0px
}

.country-select .flag.eu {
    height: 14px;
    background-position: -1599px 0px
}

.country-select .flag.fi {
    height: 12px;
    background-position: -1621px 0px
}

.country-select .flag.fj {
    height: 10px;
    background-position: -1643px 0px
}

.country-select .flag.fk {
    height: 10px;
    background-position: -1665px 0px
}

.country-select .flag.fm {
    height: 11px;
    background-position: -1687px 0px
}

.country-select .flag.fo {
    height: 15px;
    background-position: -1709px 0px
}

.country-select .flag.fr {
    height: 14px;
    background-position: -1731px 0px
}

.country-select .flag.ga {
    height: 15px;
    background-position: -1753px 0px
}

.country-select .flag.gb {
    height: 10px;
    background-position: -1775px 0px
}

.country-select .flag.gd {
    height: 12px;
    background-position: -1797px 0px
}

.country-select .flag.ge {
    height: 14px;
    background-position: -1819px 0px
}

.country-select .flag.gf {
    height: 14px;
    background-position: -1841px 0px
}

.country-select .flag.gg {
    height: 14px;
    background-position: -1863px 0px
}

.country-select .flag.gh {
    height: 14px;
    background-position: -1885px 0px
}

.country-select .flag.gi {
    height: 10px;
    background-position: -1907px 0px
}

.country-select .flag.gl {
    height: 14px;
    background-position: -1929px 0px
}

.country-select .flag.gm {
    height: 14px;
    background-position: -1951px 0px
}

.country-select .flag.gn {
    height: 14px;
    background-position: -1973px 0px
}

.country-select .flag.gp {
    height: 14px;
    background-position: -1995px 0px
}

.country-select .flag.gq {
    height: 14px;
    background-position: -2017px 0px
}

.country-select .flag.gr {
    height: 14px;
    background-position: -2039px 0px
}

.country-select .flag.gs {
    height: 10px;
    background-position: -2061px 0px
}

.country-select .flag.gt {
    height: 13px;
    background-position: -2083px 0px
}

.country-select .flag.gu {
    height: 11px;
    background-position: -2105px 0px
}

.country-select .flag.gw {
    height: 10px;
    background-position: -2127px 0px
}

.country-select .flag.gy {
    height: 12px;
    background-position: -2149px 0px
}

.country-select .flag.hk {
    height: 14px;
    background-position: -2171px 0px
}

.country-select .flag.hm {
    height: 10px;
    background-position: -2193px 0px
}

.country-select .flag.hn {
    height: 10px;
    background-position: -2215px 0px
}

.country-select .flag.hr {
    height: 10px;
    background-position: -2237px 0px
}

.country-select .flag.ht {
    height: 12px;
    background-position: -2259px 0px
}

.country-select .flag.hu {
    height: 10px;
    background-position: -2281px 0px
}

.country-select .flag.ic {
    height: 14px;
    background-position: -2303px 0px
}

.country-select .flag.id {
    height: 14px;
    background-position: -2325px 0px
}

.country-select .flag.ie {
    height: 10px;
    background-position: -2347px 0px
}

.country-select .flag.il {
    height: 15px;
    background-position: -2369px 0px
}

.country-select .flag.im {
    height: 10px;
    background-position: -2391px 0px
}

.country-select .flag.in {
    height: 14px;
    background-position: -2413px 0px
}

.country-select .flag.io {
    height: 10px;
    background-position: -2435px 0px
}

.country-select .flag.iq {
    height: 14px;
    background-position: -2457px 0px
}

.country-select .flag.ir {
    height: 12px;
    background-position: -2479px 0px
}

.country-select .flag.is {
    height: 15px;
    background-position: -2501px 0px
}

.country-select .flag.it {
    height: 14px;
    background-position: -2523px 0px
}

.country-select .flag.je {
    height: 12px;
    background-position: -2545px 0px
}

.country-select .flag.jm {
    height: 10px;
    background-position: -2567px 0px
}

.country-select .flag.jo {
    height: 10px;
    background-position: -2589px 0px
}

.country-select .flag.jp {
    height: 14px;
    background-position: -2611px 0px
}

.country-select .flag.ke {
    height: 14px;
    background-position: -2633px 0px
}

.country-select .flag.kg {
    height: 12px;
    background-position: -2655px 0px
}

.country-select .flag.kh {
    height: 13px;
    background-position: -2677px 0px
}

.country-select .flag.ki {
    height: 10px;
    background-position: -2699px 0px
}

.country-select .flag.km {
    height: 12px;
    background-position: -2721px 0px
}

.country-select .flag.kn {
    height: 14px;
    background-position: -2743px 0px
}

.country-select .flag.kp {
    height: 10px;
    background-position: -2765px 0px
}

.country-select .flag.kr {
    height: 14px;
    background-position: -2787px 0px
}

.country-select .flag.kw {
    height: 10px;
    background-position: -2809px 0px
}

.country-select .flag.ky {
    height: 10px;
    background-position: -2831px 0px
}

.country-select .flag.kz {
    height: 10px;
    background-position: -2853px 0px
}

.country-select .flag.la {
    height: 14px;
    background-position: -2875px 0px
}

.country-select .flag.lb {
    height: 14px;
    background-position: -2897px 0px
}

.country-select .flag.lc {
    height: 10px;
    background-position: -2919px 0px
}

.country-select .flag.li {
    height: 12px;
    background-position: -2941px 0px
}

.country-select .flag.lk {
    height: 10px;
    background-position: -2963px 0px
}

.country-select .flag.lr {
    height: 11px;
    background-position: -2985px 0px
}

.country-select .flag.ls {
    height: 14px;
    background-position: -3007px 0px
}

.country-select .flag.lt {
    height: 12px;
    background-position: -3029px 0px
}

.country-select .flag.lu {
    height: 12px;
    background-position: -3051px 0px
}

.country-select .flag.lv {
    height: 10px;
    background-position: -3073px 0px
}

.country-select .flag.ly {
    height: 10px;
    background-position: -3095px 0px
}

.country-select .flag.ma {
    height: 14px;
    background-position: -3117px 0px
}

.country-select .flag.mc {
    height: 15px;
    background-position: -3139px 0px
}

.country-select .flag.md {
    height: 10px;
    background-position: -3160px 0px
}

.country-select .flag.me {
    height: 10px;
    background-position: -3182px 0px
}

.country-select .flag.mf {
    height: 14px;
    background-position: -3204px 0px
}

.country-select .flag.mg {
    height: 14px;
    background-position: -3226px 0px
}

.country-select .flag.mh {
    height: 11px;
    background-position: -3248px 0px
}

.country-select .flag.mk {
    height: 10px;
    background-position: -3270px 0px
}

.country-select .flag.ml {
    height: 14px;
    background-position: -3292px 0px
}

.country-select .flag.mm {
    height: 14px;
    background-position: -3314px 0px
}

.country-select .flag.mn {
    height: 10px;
    background-position: -3336px 0px
}

.country-select .flag.mo {
    height: 14px;
    background-position: -3358px 0px
}

.country-select .flag.mp {
    height: 10px;
    background-position: -3380px 0px
}

.country-select .flag.mq {
    height: 14px;
    background-position: -3402px 0px
}

.country-select .flag.mr {
    height: 14px;
    background-position: -3424px 0px
}

.country-select .flag.ms {
    height: 10px;
    background-position: -3446px 0px
}

.country-select .flag.mt {
    height: 14px;
    background-position: -3468px 0px
}

.country-select .flag.mu {
    height: 14px;
    background-position: -3490px 0px
}

.country-select .flag.mv {
    height: 14px;
    background-position: -3512px 0px
}

.country-select .flag.mw {
    height: 14px;
    background-position: -3534px 0px
}

.country-select .flag.mx {
    height: 12px;
    background-position: -3556px 0px
}

.country-select .flag.my {
    height: 10px;
    background-position: -3578px 0px
}

.country-select .flag.mz {
    height: 14px;
    background-position: -3600px 0px
}

.country-select .flag.na {
    height: 14px;
    background-position: -3622px 0px
}

.country-select .flag.nc {
    height: 10px;
    background-position: -3644px 0px
}

.country-select .flag.ne {
    height: 15px;
    background-position: -3666px 0px
}

.country-select .flag.nf {
    height: 10px;
    background-position: -3686px 0px
}

.country-select .flag.ng {
    height: 10px;
    background-position: -3708px 0px
}

.country-select .flag.ni {
    height: 12px;
    background-position: -3730px 0px
}

.country-select .flag.nl {
    height: 14px;
    background-position: -3752px 0px
}

.country-select .flag.no {
    height: 15px;
    background-position: -3774px 0px
}

.country-select .flag.np {
    height: 15px;
    background-position: -3796px 0px;
    background-color: transparent
}

.country-select .flag.nr {
    height: 10px;
    background-position: -3811px 0px
}

.country-select .flag.nu {
    height: 10px;
    background-position: -3833px 0px
}

.country-select .flag.nz {
    height: 10px;
    background-position: -3855px 0px
}

.country-select .flag.om {
    height: 10px;
    background-position: -3877px 0px
}

.country-select .flag.pa {
    height: 14px;
    background-position: -3899px 0px
}

.country-select .flag.pe {
    height: 14px;
    background-position: -3921px 0px
}

.country-select .flag.pf {
    height: 14px;
    background-position: -3943px 0px
}

.country-select .flag.pg {
    height: 15px;
    background-position: -3965px 0px
}

.country-select .flag.ph {
    height: 10px;
    background-position: -3987px 0px
}

.country-select .flag.pk {
    height: 14px;
    background-position: -4009px 0px
}

.country-select .flag.pl {
    height: 13px;
    background-position: -4031px 0px
}

.country-select .flag.pm {
    height: 14px;
    background-position: -4053px 0px
}

.country-select .flag.pn {
    height: 10px;
    background-position: -4075px 0px
}

.country-select .flag.pr {
    height: 14px;
    background-position: -4097px 0px
}

.country-select .flag.ps {
    height: 10px;
    background-position: -4119px 0px
}

.country-select .flag.pt {
    height: 14px;
    background-position: -4141px 0px
}

.country-select .flag.pw {
    height: 13px;
    background-position: -4163px 0px
}

.country-select .flag.py {
    height: 11px;
    background-position: -4185px 0px
}

.country-select .flag.qa {
    height: 8px;
    background-position: -4207px 0px
}

.country-select .flag.re {
    height: 14px;
    background-position: -4229px 0px
}

.country-select .flag.ro {
    height: 14px;
    background-position: -4251px 0px
}

.country-select .flag.rs {
    height: 14px;
    background-position: -4273px 0px
}

.country-select .flag.ru {
    height: 14px;
    background-position: -4295px 0px
}

.country-select .flag.rw {
    height: 14px;
    background-position: -4317px 0px
}

.country-select .flag.sa {
    height: 14px;
    background-position: -4339px 0px
}

.country-select .flag.sb {
    height: 10px;
    background-position: -4361px 0px
}

.country-select .flag.sc {
    height: 10px;
    background-position: -4383px 0px
}

.country-select .flag.sd {
    height: 10px;
    background-position: -4405px 0px
}

.country-select .flag.se {
    height: 13px;
    background-position: -4427px 0px
}

.country-select .flag.sg {
    height: 14px;
    background-position: -4449px 0px
}

.country-select .flag.sh {
    height: 10px;
    background-position: -4471px 0px
}

.country-select .flag.si {
    height: 10px;
    background-position: -4493px 0px
}

.country-select .flag.sj {
    height: 15px;
    background-position: -4515px 0px
}

.country-select .flag.sk {
    height: 14px;
    background-position: -4537px 0px
}

.country-select .flag.sl {
    height: 14px;
    background-position: -4559px 0px
}

.country-select .flag.sm {
    height: 15px;
    background-position: -4581px 0px
}

.country-select .flag.sn {
    height: 14px;
    background-position: -4603px 0px
}

.country-select .flag.so {
    height: 14px;
    background-position: -4625px 0px
}

.country-select .flag.sr {
    height: 14px;
    background-position: -4647px 0px
}

.country-select .flag.ss {
    height: 10px;
    background-position: -4669px 0px
}

.country-select .flag.st {
    height: 10px;
    background-position: -4691px 0px
}

.country-select .flag.sv {
    height: 12px;
    background-position: -4713px 0px
}

.country-select .flag.sx {
    height: 14px;
    background-position: -4735px 0px
}

.country-select .flag.sy {
    height: 14px;
    background-position: -4757px 0px
}

.country-select .flag.sz {
    height: 14px;
    background-position: -4779px 0px
}

.country-select .flag.ta {
    height: 10px;
    background-position: -4801px 0px
}

.country-select .flag.tc {
    height: 10px;
    background-position: -4823px 0px
}

.country-select .flag.td {
    height: 14px;
    background-position: -4845px 0px
}

.country-select .flag.tf {
    height: 14px;
    background-position: -4867px 0px
}

.country-select .flag.tg {
    height: 13px;
    background-position: -4889px 0px
}

.country-select .flag.th {
    height: 14px;
    background-position: -4911px 0px
}

.country-select .flag.tj {
    height: 10px;
    background-position: -4933px 0px
}

.country-select .flag.tk {
    height: 10px;
    background-position: -4955px 0px
}

.country-select .flag.tl {
    height: 10px;
    background-position: -4977px 0px
}

.country-select .flag.tm {
    height: 14px;
    background-position: -4999px 0px
}

.country-select .flag.tn {
    height: 14px;
    background-position: -5021px 0px
}

.country-select .flag.to {
    height: 10px;
    background-position: -5043px 0px
}

.country-select .flag.tr {
    height: 14px;
    background-position: -5065px 0px
}

.country-select .flag.tt {
    height: 12px;
    background-position: -5087px 0px
}

.country-select .flag.tv {
    height: 10px;
    background-position: -5109px 0px
}

.country-select .flag.tw {
    height: 14px;
    background-position: -5131px 0px
}

.country-select .flag.tz {
    height: 14px;
    background-position: -5153px 0px
}

.country-select .flag.ua {
    height: 14px;
    background-position: -5175px 0px
}

.country-select .flag.ug {
    height: 14px;
    background-position: -5197px 0px
}

.country-select .flag.um {
    height: 11px;
    background-position: -5219px 0px
}

.country-select .flag.us {
    height: 11px;
    background-position: -5241px 0px
}

.country-select .flag.uy {
    height: 14px;
    background-position: -5263px 0px
}

.country-select .flag.uz {
    height: 10px;
    background-position: -5285px 0px
}

.country-select .flag.va {
    height: 15px;
    background-position: -5307px 0px
}

.country-select .flag.vc {
    height: 14px;
    background-position: -5324px 0px
}

.country-select .flag.ve {
    height: 14px;
    background-position: -5346px 0px
}

.country-select .flag.vg {
    height: 10px;
    background-position: -5368px 0px
}

.country-select .flag.vi {
    height: 14px;
    background-position: -5390px 0px
}

.country-select .flag.vn {
    height: 14px;
    background-position: -5412px 0px
}

.country-select .flag.vu {
    height: 12px;
    background-position: -5434px 0px
}

.country-select .flag.wf {
    height: 14px;
    background-position: -5456px 0px
}

.country-select .flag.ws {
    height: 10px;
    background-position: -5478px 0px
}

.country-select .flag.xk {
    height: 15px;
    background-position: -5500px 0px
}

.country-select .flag.ye {
    height: 14px;
    background-position: -5522px 0px
}

.country-select .flag.yt {
    height: 14px;
    background-position: -5544px 0px
}

.country-select .flag.za {
    height: 14px;
    background-position: -5566px 0px
}

.country-select .flag.zm {
    height: 14px;
    background-position: -5588px 0px
}

.country-select .flag.zw {
    height: 10px;
    background-position: -5610px 0px
}

.intl-tel-input {
    position: relative;
    display: flex;
    align-items: center;
    height: 50px;
    border-radius: var(--miniradius);
    font-size: 16px;
    color: #000;
    border: 1px solid #186cb5;
    background: #0000;
    box-shadow: 0 0 3px #fdfeff;
}

.intl-tel-input > input {
    border: 0 !important;
    box-shadow: 0 0 0 !important;
    padding: 0 8px 0 0 !important;
    text-align: start;
    font-size: 18px;
}

.intl-tel-input * {
    box-sizing: border-box;
    -moz-box-sizing: border-box
}

.intl-tel-input .hide {
    display: none
}

.intl-tel-input .v-hide {
    visibility: hidden
}

.intl-tel-input input,.intl-tel-input input[type=text],.intl-tel-input input[type=tel] {
    position: relative;
    z-index: 0;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-right: 0 !important;
    padding-left: 0px !important;
    margin-right: 0;
    flex: 1;
}

.intl-tel-input .flag-container {
    top: 0;
    bottom: 0;
    left: 0;
    padding: 1px;
}

.intl-tel-input .selected-flag {
    z-index: 1;
    position: relative;
    width: 36px;
    height: 100%;
    padding: 0 8px;
    font-weight: bold;
}

.intl-tel-input .selected-flag .iti-flag {
    display: inline-block;
    vertical-align: middle;
    margin: 0 8px;
}

.intl-tel-input .selected-flag .iti-arrow {
    position: absolute;
    top: 50%;
    margin-top: -2px;
    left: 6px;
    width: 0;
    height: 0;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 4px solid #fff;
    display: none;
}

.intl-tel-input .selected-flag .iti-arrow.up {
    border-top: none;
    border-bottom: 4px solid #555
}

.intl-tel-input .country-list {
    position: absolute;
    z-index: 2;
    list-style: none;
    text-align: start;
    padding: 0;
    color: black;
    margin: 0 0 0 -1px;
    box-shadow: 1px 1px 4px rgba(0,0,0,0.2);
    background-color: white;
    border: 1px solid #CCC;
    white-space: nowrap;
    max-height: 200px;
    overflow-y: scroll;
}

.intl-tel-input .country-list.dropup {
    bottom: 100%;
    margin-bottom: -1px
}

.intl-tel-input .country-list .flag-box {
    display: inline-block;
    width: 20px
}

@media (max-width: 500px) {
    .intl-tel-input .country-list {
        white-space:normal
    }
}

.intl-tel-input .country-list .divider {
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid #CCC
}

.intl-tel-input .country-list .country {
    padding: 5px 10px
}

.intl-tel-input .country-list .country .dial-code {
    color: #999;
    display: inline-block;
    padding-right: 7px;
}

.intl-tel-input .country-list .country.highlight {
    background-color: rgba(0,0,0,0.05)
}

.intl-tel-input .country-list .flag-box,.intl-tel-input .country-list .country-name,.intl-tel-input .country-list .dial-code {
    vertical-align: middle
}

.intl-tel-input .country-list .flag-box,.intl-tel-input .country-list .country-name {
    margin: 0 8px;
}

.intl-tel-input.allow-dropdown input,.intl-tel-input.allow-dropdown input[type=text],.intl-tel-input.allow-dropdown input[type=tel],.intl-tel-input.separate-dial-code input,.intl-tel-input.separate-dial-code input[type=text],.intl-tel-input.separate-dial-code input[type=tel] {
    padding-left: 6px;
    padding-right: 52px;
    margin-left: 0;
}

.intl-tel-input.allow-dropdown .flag-container,.intl-tel-input.separate-dial-code .flag-container {
    left: auto;
    right: 0;
}

.intl-tel-input.allow-dropdown .selected-flag,.intl-tel-input.separate-dial-code .selected-flag {
    width: auto;
}

.intl-tel-input.allow-dropdown .flag-container:hover {
    cursor: pointer
}

.intl-tel-input.allow-dropdown .flag-container:hover .selected-flag {
    background-color: rgba(0,0,0,0.05)
}

.intl-tel-input.allow-dropdown input[disabled]+.flag-container:hover,.intl-tel-input.allow-dropdown input[readonly]+.flag-container:hover {
    cursor: default
}

.intl-tel-input.allow-dropdown input[disabled]+.flag-container:hover .selected-flag,.intl-tel-input.allow-dropdown input[readonly]+.flag-container:hover .selected-flag {
    background-color: transparent
}

.intl-tel-input.separate-dial-code .selected-flag {
    background-color: rgba(0,0,0,0.05);
    display: table
}

.intl-tel-input.separate-dial-code .selected-dial-code {
    display: table-cell;
    vertical-align: middle;
    padding-left: 28px
}

.intl-tel-input.separate-dial-code.iti-sdc-2 input,.intl-tel-input.separate-dial-code.iti-sdc-2 input[type=text],.intl-tel-input.separate-dial-code.iti-sdc-2 input[type=tel] {
    padding-left: 66px
}

.intl-tel-input.separate-dial-code.iti-sdc-2 .selected-flag {
    width: 60px
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input,.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=text],.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=tel] {
    padding-left: 76px
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 .selected-flag {
    width: 70px
}

.intl-tel-input.separate-dial-code.iti-sdc-3 input,.intl-tel-input.separate-dial-code.iti-sdc-3 input[type=text],.intl-tel-input.separate-dial-code.iti-sdc-3 input[type=tel] {
    padding-left: 74px
}

.intl-tel-input.separate-dial-code.iti-sdc-3 .selected-flag {
    width: 68px
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input,.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=text],.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=tel] {
    padding-left: 84px
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 .selected-flag {
    width: 78px
}

.intl-tel-input.separate-dial-code.iti-sdc-4 input,.intl-tel-input.separate-dial-code.iti-sdc-4 input[type=text],.intl-tel-input.separate-dial-code.iti-sdc-4 input[type=tel] {
    padding-left: 82px
}

.intl-tel-input.separate-dial-code.iti-sdc-4 .selected-flag {
    width: 76px
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input,.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=text],.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=tel] {
    padding-left: 92px
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 .selected-flag {
    width: 86px
}

.intl-tel-input.separate-dial-code.iti-sdc-5 input,.intl-tel-input.separate-dial-code.iti-sdc-5 input[type=text],.intl-tel-input.separate-dial-code.iti-sdc-5 input[type=tel] {
    padding-left: 90px
}

.intl-tel-input.separate-dial-code.iti-sdc-5 .selected-flag {
    width: 84px
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input,.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=text],.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=tel] {
    padding-left: 100px
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 .selected-flag {
    width: 94px
}

.intl-tel-input.iti-container {
    position: absolute;
    top: -1000px;
    left: -1000px;
    z-index: 1060;
    padding: 1px
}

.intl-tel-input.iti-container:hover {
    cursor: pointer
}

.iti-mobile .intl-tel-input.iti-container {
    top: 30px;
    bottom: 30px;
    left: 30px;
    right: 30px;
    position: fixed
}

.iti-mobile .intl-tel-input .country-list {
    max-height: 100%;
    width: 100%
}

.iti-mobile .intl-tel-input .country-list .country {
    padding: 10px 10px;
    line-height: 1.5em
}

.iti-flag {
    width: 20px
}

.iti-flag.be {
    width: 18px
}

.iti-flag.ch {
    width: 15px
}

.iti-flag.mc {
    width: 19px
}

.iti-flag.ne {
    width: 18px
}

.iti-flag.np {
    width: 13px
}

.iti-flag.va {
    width: 15px
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .iti-flag {
        background-size:5630px 15px
    }
}

.iti-flag.ac {
    height: 10px;
    background-position: 0px 0px
}

.iti-flag.ad {
    height: 14px;
    background-position: -22px 0px
}

.iti-flag.ae {
    height: 10px;
    background-position: -44px 0px
}

.iti-flag.af {
    height: 14px;
    background-position: -66px 0px
}

.iti-flag.ag {
    height: 14px;
    background-position: -88px 0px
}

.iti-flag.ai {
    height: 10px;
    background-position: -110px 0px
}

.iti-flag.al {
    height: 15px;
    background-position: -132px 0px
}

.iti-flag.am {
    height: 10px;
    background-position: -154px 0px
}

.iti-flag.ao {
    height: 14px;
    background-position: -176px 0px
}

.iti-flag.aq {
    height: 14px;
    background-position: -198px 0px
}

.iti-flag.ar {
    height: 13px;
    background-position: -220px 0px
}

.iti-flag.as {
    height: 10px;
    background-position: -242px 0px
}

.iti-flag.at {
    height: 14px;
    background-position: -264px 0px
}

.iti-flag.au {
    height: 10px;
    background-position: -286px 0px
}

.iti-flag.aw {
    height: 14px;
    background-position: -308px 0px
}

.iti-flag.ax {
    height: 13px;
    background-position: -330px 0px
}

.iti-flag.az {
    height: 10px;
    background-position: -352px 0px
}

.iti-flag.ba {
    height: 10px;
    background-position: -374px 0px
}

.iti-flag.bb {
    height: 14px;
    background-position: -396px 0px
}

.iti-flag.bd {
    height: 12px;
    background-position: -418px 0px
}

.iti-flag.be {
    height: 15px;
    background-position: -440px 0px
}

.iti-flag.bf {
    height: 14px;
    background-position: -460px 0px
}

.iti-flag.bg {
    height: 12px;
    background-position: -482px 0px
}

.iti-flag.bh {
    height: 12px;
    background-position: -504px 0px
}

.iti-flag.bi {
    height: 12px;
    background-position: -526px 0px
}

.iti-flag.bj {
    height: 14px;
    background-position: -548px 0px
}

.iti-flag.bl {
    height: 14px;
    background-position: -570px 0px
}

.iti-flag.bm {
    height: 10px;
    background-position: -592px 0px
}

.iti-flag.bn {
    height: 10px;
    background-position: -614px 0px
}

.iti-flag.bo {
    height: 14px;
    background-position: -636px 0px
}

.iti-flag.bq {
    height: 14px;
    background-position: -658px 0px
}

.iti-flag.br {
    height: 14px;
    background-position: -680px 0px
}

.iti-flag.bs {
    height: 10px;
    background-position: -702px 0px
}

.iti-flag.bt {
    height: 14px;
    background-position: -724px 0px
}

.iti-flag.bv {
    height: 15px;
    background-position: -746px 0px
}

.iti-flag.bw {
    height: 14px;
    background-position: -768px 0px
}

.iti-flag.by {
    height: 10px;
    background-position: -790px 0px
}

.iti-flag.bz {
    height: 14px;
    background-position: -812px 0px
}

.iti-flag.ca {
    height: 10px;
    background-position: -834px 0px
}

.iti-flag.cc {
    height: 10px;
    background-position: -856px 0px
}

.iti-flag.cd {
    height: 15px;
    background-position: -878px 0px
}

.iti-flag.cf {
    height: 14px;
    background-position: -900px 0px
}

.iti-flag.cg {
    height: 14px;
    background-position: -922px 0px
}

.iti-flag.ch {
    height: 15px;
    background-position: -944px 0px
}

.iti-flag.ci {
    height: 14px;
    background-position: -961px 0px
}

.iti-flag.ck {
    height: 10px;
    background-position: -983px 0px
}

.iti-flag.cl {
    height: 14px;
    background-position: -1005px 0px
}

.iti-flag.cm {
    height: 14px;
    background-position: -1027px 0px
}

.iti-flag.cn {
    height: 14px;
    background-position: -1049px 0px
}

.iti-flag.co {
    height: 14px;
    background-position: -1071px 0px
}

.iti-flag.cp {
    height: 14px;
    background-position: -1093px 0px
}

.iti-flag.cr {
    height: 12px;
    background-position: -1115px 0px
}

.iti-flag.cu {
    height: 10px;
    background-position: -1137px 0px
}

.iti-flag.cv {
    height: 12px;
    background-position: -1159px 0px
}

.iti-flag.cw {
    height: 14px;
    background-position: -1181px 0px
}

.iti-flag.cx {
    height: 10px;
    background-position: -1203px 0px
}

.iti-flag.cy {
    height: 13px;
    background-position: -1225px 0px
}

.iti-flag.cz {
    height: 14px;
    background-position: -1247px 0px
}

.iti-flag.de {
    height: 12px;
    background-position: -1269px 0px
}

.iti-flag.dg {
    height: 10px;
    background-position: -1291px 0px
}

.iti-flag.dj {
    height: 14px;
    background-position: -1313px 0px
}

.iti-flag.dk {
    height: 15px;
    background-position: -1335px 0px
}

.iti-flag.dm {
    height: 10px;
    background-position: -1357px 0px
}

.iti-flag.do {
    height: 13px;
    background-position: -1379px 0px
}

.iti-flag.dz {
    height: 14px;
    background-position: -1401px 0px
}

.iti-flag.ea {
    height: 14px;
    background-position: -1423px 0px
}

.iti-flag.ec {
    height: 14px;
    background-position: -1445px 0px
}

.iti-flag.ee {
    height: 13px;
    background-position: -1467px 0px
}

.iti-flag.eg {
    height: 14px;
    background-position: -1489px 0px
}

.iti-flag.eh {
    height: 10px;
    background-position: -1511px 0px
}

.iti-flag.er {
    height: 10px;
    background-position: -1533px 0px
}

.iti-flag.es {
    height: 14px;
    background-position: -1555px 0px
}

.iti-flag.et {
    height: 10px;
    background-position: -1577px 0px
}

.iti-flag.eu {
    height: 14px;
    background-position: -1599px 0px
}

.iti-flag.fi {
    height: 12px;
    background-position: -1621px 0px
}

.iti-flag.fj {
    height: 10px;
    background-position: -1643px 0px
}

.iti-flag.fk {
    height: 10px;
    background-position: -1665px 0px
}

.iti-flag.fm {
    height: 11px;
    background-position: -1687px 0px
}

.iti-flag.fo {
    height: 15px;
    background-position: -1709px 0px
}

.iti-flag.fr {
    height: 14px;
    background-position: -1731px 0px
}

.iti-flag.ga {
    height: 15px;
    background-position: -1753px 0px
}

.iti-flag.gb {
    height: 10px;
    background-position: -1775px 0px
}

.iti-flag.gd {
    height: 12px;
    background-position: -1797px 0px
}

.iti-flag.ge {
    height: 14px;
    background-position: -1819px 0px
}

.iti-flag.gf {
    height: 14px;
    background-position: -1841px 0px
}

.iti-flag.gg {
    height: 14px;
    background-position: -1863px 0px
}

.iti-flag.gh {
    height: 14px;
    background-position: -1885px 0px
}

.iti-flag.gi {
    height: 10px;
    background-position: -1907px 0px
}

.iti-flag.gl {
    height: 14px;
    background-position: -1929px 0px
}

.iti-flag.gm {
    height: 14px;
    background-position: -1951px 0px
}

.iti-flag.gn {
    height: 14px;
    background-position: -1973px 0px
}

.iti-flag.gp {
    height: 14px;
    background-position: -1995px 0px
}

.iti-flag.gq {
    height: 14px;
    background-position: -2017px 0px
}

.iti-flag.gr {
    height: 14px;
    background-position: -2039px 0px
}

.iti-flag.gs {
    height: 10px;
    background-position: -2061px 0px
}

.iti-flag.gt {
    height: 13px;
    background-position: -2083px 0px
}

.iti-flag.gu {
    height: 11px;
    background-position: -2105px 0px
}

.iti-flag.gw {
    height: 10px;
    background-position: -2127px 0px
}

.iti-flag.gy {
    height: 12px;
    background-position: -2149px 0px
}

.iti-flag.hk {
    height: 14px;
    background-position: -2171px 0px
}

.iti-flag.hm {
    height: 10px;
    background-position: -2193px 0px
}

.iti-flag.hn {
    height: 10px;
    background-position: -2215px 0px
}

.iti-flag.hr {
    height: 10px;
    background-position: -2237px 0px
}

.iti-flag.ht {
    height: 12px;
    background-position: -2259px 0px
}

.iti-flag.hu {
    height: 10px;
    background-position: -2281px 0px
}

.iti-flag.ic {
    height: 14px;
    background-position: -2303px 0px
}

.iti-flag.id {
    height: 14px;
    background-position: -2325px 0px
}

.iti-flag.ie {
    height: 10px;
    background-position: -2347px 0px
}

.iti-flag.il {
    height: 15px;
    background-position: -2369px 0px
}

.iti-flag.im {
    height: 10px;
    background-position: -2391px 0px
}

.iti-flag.in {
    height: 14px;
    background-position: -2413px 0px
}

.iti-flag.io {
    height: 10px;
    background-position: -2435px 0px
}

.iti-flag.iq {
    height: 14px;
    background-position: -2457px 0px
}

.iti-flag.ir {
    height: 12px;
    background-position: -2479px 0px
}

.iti-flag.is {
    height: 15px;
    background-position: -2501px 0px
}

.iti-flag.it {
    height: 14px;
    background-position: -2523px 0px
}

.iti-flag.je {
    height: 12px;
    background-position: -2545px 0px
}

.iti-flag.jm {
    height: 10px;
    background-position: -2567px 0px
}

.iti-flag.jo {
    height: 10px;
    background-position: -2589px 0px
}

.iti-flag.jp {
    height: 14px;
    background-position: -2611px 0px
}

.iti-flag.ke {
    height: 14px;
    background-position: -2633px 0px
}

.iti-flag.kg {
    height: 12px;
    background-position: -2655px 0px
}

.iti-flag.kh {
    height: 13px;
    background-position: -2677px 0px
}

.iti-flag.ki {
    height: 10px;
    background-position: -2699px 0px
}

.iti-flag.km {
    height: 12px;
    background-position: -2721px 0px
}

.iti-flag.kn {
    height: 14px;
    background-position: -2743px 0px
}

.iti-flag.kp {
    height: 10px;
    background-position: -2765px 0px
}

.iti-flag.kr {
    height: 14px;
    background-position: -2787px 0px
}

.iti-flag.kw {
    height: 10px;
    background-position: -2809px 0px
}

.iti-flag.ky {
    height: 10px;
    background-position: -2831px 0px
}

.iti-flag.kz {
    height: 10px;
    background-position: -2853px 0px
}

.iti-flag.la {
    height: 14px;
    background-position: -2875px 0px
}

.iti-flag.lb {
    height: 14px;
    background-position: -2897px 0px
}

.iti-flag.lc {
    height: 10px;
    background-position: -2919px 0px
}

.iti-flag.li {
    height: 12px;
    background-position: -2941px 0px
}

.iti-flag.lk {
    height: 10px;
    background-position: -2963px 0px
}

.iti-flag.lr {
    height: 11px;
    background-position: -2985px 0px
}

.iti-flag.ls {
    height: 14px;
    background-position: -3007px 0px
}

.iti-flag.lt {
    height: 12px;
    background-position: -3029px 0px
}

.iti-flag.lu {
    height: 12px;
    background-position: -3051px 0px
}

.iti-flag.lv {
    height: 10px;
    background-position: -3073px 0px
}

.iti-flag.ly {
    height: 10px;
    background-position: -3095px 0px
}

.iti-flag.ma {
    height: 14px;
    background-position: -3117px 0px
}

.iti-flag.mc {
    height: 15px;
    background-position: -3139px 0px
}

.iti-flag.md {
    height: 10px;
    background-position: -3160px 0px
}

.iti-flag.me {
    height: 10px;
    background-position: -3182px 0px
}

.iti-flag.mf {
    height: 14px;
    background-position: -3204px 0px
}

.iti-flag.mg {
    height: 14px;
    background-position: -3226px 0px
}

.iti-flag.mh {
    height: 11px;
    background-position: -3248px 0px
}

.iti-flag.mk {
    height: 10px;
    background-position: -3270px 0px
}

.iti-flag.ml {
    height: 14px;
    background-position: -3292px 0px
}

.iti-flag.mm {
    height: 14px;
    background-position: -3314px 0px
}

.iti-flag.mn {
    height: 10px;
    background-position: -3336px 0px
}

.iti-flag.mo {
    height: 14px;
    background-position: -3358px 0px
}

.iti-flag.mp {
    height: 10px;
    background-position: -3380px 0px
}

.iti-flag.mq {
    height: 14px;
    background-position: -3402px 0px
}

.iti-flag.mr {
    height: 14px;
    background-position: -3424px 0px
}

.iti-flag.ms {
    height: 10px;
    background-position: -3446px 0px
}

.iti-flag.mt {
    height: 14px;
    background-position: -3468px 0px
}

.iti-flag.mu {
    height: 14px;
    background-position: -3490px 0px
}

.iti-flag.mv {
    height: 14px;
    background-position: -3512px 0px
}

.iti-flag.mw {
    height: 14px;
    background-position: -3534px 0px
}

.iti-flag.mx {
    height: 12px;
    background-position: -3556px 0px
}

.iti-flag.my {
    height: 10px;
    background-position: -3578px 0px
}

.iti-flag.mz {
    height: 14px;
    background-position: -3600px 0px
}

.iti-flag.na {
    height: 14px;
    background-position: -3622px 0px
}

.iti-flag.nc {
    height: 10px;
    background-position: -3644px 0px
}

.iti-flag.ne {
    height: 15px;
    background-position: -3666px 0px
}

.iti-flag.nf {
    height: 10px;
    background-position: -3686px 0px
}

.iti-flag.ng {
    height: 10px;
    background-position: -3708px 0px
}

.iti-flag.ni {
    height: 12px;
    background-position: -3730px 0px
}

.iti-flag.nl {
    height: 14px;
    background-position: -3752px 0px
}

.iti-flag.no {
    height: 15px;
    background-position: -3774px 0px
}

.iti-flag.np {
    height: 15px;
    background-position: -3796px 0px
}

.iti-flag.nr {
    height: 10px;
    background-position: -3811px 0px
}

.iti-flag.nu {
    height: 10px;
    background-position: -3833px 0px
}

.iti-flag.nz {
    height: 10px;
    background-position: -3855px 0px
}

.iti-flag.om {
    height: 10px;
    background-position: -3877px 0px
}

.iti-flag.pa {
    height: 14px;
    background-position: -3899px 0px
}

.iti-flag.pe {
    height: 14px;
    background-position: -3921px 0px
}

.iti-flag.pf {
    height: 14px;
    background-position: -3943px 0px
}

.iti-flag.pg {
    height: 15px;
    background-position: -3965px 0px
}

.iti-flag.ph {
    height: 10px;
    background-position: -3987px 0px
}

.iti-flag.pk {
    height: 14px;
    background-position: -4009px 0px
}

.iti-flag.pl {
    height: 13px;
    background-position: -4031px 0px
}

.iti-flag.pm {
    height: 14px;
    background-position: -4053px 0px
}

.iti-flag.pn {
    height: 10px;
    background-position: -4075px 0px
}

.iti-flag.pr {
    height: 14px;
    background-position: -4097px 0px
}

.iti-flag.ps {
    height: 10px;
    background-position: -4119px 0px
}

.iti-flag.pt {
    height: 14px;
    background-position: -4141px 0px
}

.iti-flag.pw {
    height: 13px;
    background-position: -4163px 0px
}

.iti-flag.py {
    height: 11px;
    background-position: -4185px 0px
}

.iti-flag.qa {
    height: 8px;
    background-position: -4207px 0px
}

.iti-flag.re {
    height: 14px;
    background-position: -4229px 0px
}

.iti-flag.ro {
    height: 14px;
    background-position: -4251px 0px
}

.iti-flag.rs {
    height: 14px;
    background-position: -4273px 0px
}

.iti-flag.ru {
    height: 14px;
    background-position: -4295px 0px
}

.iti-flag.rw {
    height: 14px;
    background-position: -4317px 0px
}

.iti-flag.sa {
    height: 14px;
    background-position: -4339px 0px
}

.iti-flag.sb {
    height: 10px;
    background-position: -4361px 0px
}

.iti-flag.sc {
    height: 10px;
    background-position: -4383px 0px
}

.iti-flag.sd {
    height: 10px;
    background-position: -4405px 0px
}

.iti-flag.se {
    height: 13px;
    background-position: -4427px 0px
}

.iti-flag.sg {
    height: 14px;
    background-position: -4449px 0px
}

.iti-flag.sh {
    height: 10px;
    background-position: -4471px 0px
}

.iti-flag.si {
    height: 10px;
    background-position: -4493px 0px
}

.iti-flag.sj {
    height: 15px;
    background-position: -4515px 0px
}

.iti-flag.sk {
    height: 14px;
    background-position: -4537px 0px
}

.iti-flag.sl {
    height: 14px;
    background-position: -4559px 0px
}

.iti-flag.sm {
    height: 15px;
    background-position: -4581px 0px
}

.iti-flag.sn {
    height: 14px;
    background-position: -4603px 0px
}

.iti-flag.so {
    height: 14px;
    background-position: -4625px 0px
}

.iti-flag.sr {
    height: 14px;
    background-position: -4647px 0px
}

.iti-flag.ss {
    height: 10px;
    background-position: -4669px 0px
}

.iti-flag.st {
    height: 10px;
    background-position: -4691px 0px
}

.iti-flag.sv {
    height: 12px;
    background-position: -4713px 0px
}

.iti-flag.sx {
    height: 14px;
    background-position: -4735px 0px
}

.iti-flag.sy {
    height: 14px;
    background-position: -4757px 0px
}

.iti-flag.sz {
    height: 14px;
    background-position: -4779px 0px
}

.iti-flag.ta {
    height: 10px;
    background-position: -4801px 0px
}

.iti-flag.tc {
    height: 10px;
    background-position: -4823px 0px
}

.iti-flag.td {
    height: 14px;
    background-position: -4845px 0px
}

.iti-flag.tf {
    height: 14px;
    background-position: -4867px 0px
}

.iti-flag.tg {
    height: 13px;
    background-position: -4889px 0px
}

.iti-flag.th {
    height: 14px;
    background-position: -4911px 0px
}

.iti-flag.tj {
    height: 10px;
    background-position: -4933px 0px
}

.iti-flag.tk {
    height: 10px;
    background-position: -4955px 0px
}

.iti-flag.tl {
    height: 10px;
    background-position: -4977px 0px
}

.iti-flag.tm {
    height: 14px;
    background-position: -4999px 0px
}

.iti-flag.tn {
    height: 14px;
    background-position: -5021px 0px
}

.iti-flag.to {
    height: 10px;
    background-position: -5043px 0px
}

.iti-flag.tr {
    height: 14px;
    background-position: -5065px 0px
}

.iti-flag.tt {
    height: 12px;
    background-position: -5087px 0px
}

.iti-flag.tv {
    height: 10px;
    background-position: -5109px 0px
}

.iti-flag.tw {
    height: 14px;
    background-position: -5131px 0px
}

.iti-flag.tz {
    height: 14px;
    background-position: -5153px 0px
}

.iti-flag.ua {
    height: 14px;
    background-position: -5175px 0px
}

.iti-flag.ug {
    height: 14px;
    background-position: -5197px 0px
}

.iti-flag.um {
    height: 11px;
    background-position: -5219px 0px
}

.iti-flag.us {
    height: 11px;
    background-position: -5241px 0px
}

.iti-flag.uy {
    height: 14px;
    background-position: -5263px 0px
}

.iti-flag.uz {
    height: 10px;
    background-position: -5285px 0px
}

.iti-flag.va {
    height: 15px;
    background-position: -5307px 0px
}

.iti-flag.vc {
    height: 14px;
    background-position: -5324px 0px
}

.iti-flag.ve {
    height: 14px;
    background-position: -5346px 0px
}

.iti-flag.vg {
    height: 10px;
    background-position: -5368px 0px
}

.iti-flag.vi {
    height: 14px;
    background-position: -5390px 0px
}

.iti-flag.vn {
    height: 14px;
    background-position: -5412px 0px
}

.iti-flag.vu {
    height: 12px;
    background-position: -5434px 0px
}

.iti-flag.wf {
    height: 14px;
    background-position: -5456px 0px
}

.iti-flag.ws {
    height: 10px;
    background-position: -5478px 0px
}

.iti-flag.xk {
    height: 15px;
    background-position: -5500px 0px
}

.iti-flag.ye {
    height: 14px;
    background-position: -5522px 0px
}

.iti-flag.yt {
    height: 14px;
    background-position: -5544px 0px
}

.iti-flag.za {
    height: 14px;
    background-position: -5566px 0px
}

.iti-flag.zm {
    height: 14px;
    background-position: -5588px 0px
}

.iti-flag.zw {
    height: 10px;
    background-position: -5610px 0px
}

.iti-flag {
    width: 20px;
    height: 15px;
    box-shadow: 0px 0px 1px 0px #888;
    background-image: url("flags.png?2");
    background-repeat: no-repeat;
    background-color: #DBDBDB;
    background-position: 20px 0;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .iti-flag {
        background-image:url("img/flags@2x.png")
    }
}

.iti-flag.np {
    background-color: transparent
}

body rephrasing {
    line-height: inherit;
    background: #051726;
    font-family: var(--ffamily);
    box-shadow: 0 2px 5px 1px #092a4430, 0 0 0 4px white;
    color: black;
    transition: 0s;
    display: none;
}

body rephrasing.scale:before {
    display: block;
}

body rephrasing:before {
    display: none;
}

rephrasing.scale {
    display: block;
}

body rephrasing:before {
    border-color: #051726 #0000 #0000 #0000;
    border-width: 8px 4px 0px 4px;
    right: 30px;
    transform: translate(0);
}

cta-buttons {
    display: flex;
    align-items: center;
    font-weight: bold;
    padding: 0 10px;
}

cta-buttons > cta-button {
    padding: 16px 18px;
    color: #a5c1d7;
    cursor: pointer;
    display: flex;
    align-items: center;
}

cta-buttons > cta-button.disabled {
    opacity: .2;
    color: #a5c1d7 !important;
}

body cta-buttons > cta-button > i {
    font-size: 18px !important;
    margin: 0 0 0 10px !important;
}

cta-buttons > cta-button:hover {
    color: white;
}

cta-buttons > cta-length {
    position: relative;
    display: block;
    padding: 0px 10px;
    font-size: 28px;
    color: white;
}

cta-buttons > cta-length.red {
    color: var(--negative);
    cursor: not-allowed;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    text-align: center;
    line-height: 50px;
}

[data-cmd="rephrasing"] {
    z-index: 99999 !important;
}

cta-buttons-loader {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: #051726e0;
    border-radius: var(--miniradius);
}

cta-buttons-loader > svg {
    height: 100%;
    background: transparent !important;
    width: auto !important;
    margin: 0 auto !important;
}

.EditingisOFF {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 9999;
}

.FormPage__Inner.ConnectSignedUser {
    background: white;
    border-radius: var(--miniradius);
    box-shadow: 0 0 20px var(--shadow-1);
    max-width: 440px;
    margin: 0 auto;
    padding: 20px;
}

connected-user-avatar {
    display: block;
    width: 140px;
    height: 140px;
    border-radius: 200px;
    background-image: var(--image);
    background-size: cover;
    background-position: center;
    margin: -60px auto 30px;
    box-shadow: 0 0 0 10px white;
}

connected-user > h1 {
    text-align: center;
    font-size: 12px;
    line-height: 10px;
    margin-bottom: 10px;
    color: var(--positive);
}

connected-user-name {
    display: block;
    text-align: center;
}

connected-user-name > strong {
    display: block;
    font-size: 30px;
    line-height: 30px;
}

connected-user-name > p {
    font-size: 14px;
}

connected-user-continue {
    display: flex;
    justify-content: space-around;
}

connected-user-continue > a {
    text-align: center;
    padding: 0px 20px;
    margin: 10px;
    line-height: 42px;
    font-weight: bold;
    border-radius: var(--miniradius);
}

connected-user-continue > a.primary {
    background: var(--uicolor);
    font-size: 16px;
    color: white;
    flex: 1;
}

connected-user-continue > a.secondary {
}

connected-user {
    display: block;
    margin-bottom: 20px;
}

dashpage-404 {
    display: flex;
    height: 100%;
    justify-content: center;
    align-items: center;
    font-size: 170px;
    color: var(--uicolor);
}

.gsc-results-wrapper-visible {
}

.gsc-resultsbox-visible {
    display: none;
}

.cse-containment {
    opacity: 0;
    visibility: hidden;
    position: fixed;
    top: 20px;
    right: 50%;
    z-index: 999;
    max-width: 90%;
    width: 400px;
    min-height: 167px;
    border-radius: var(--largeradius);
    overflow: hidden;
    border: 1px solid var(--diver);
    background: white;
    padding: 10px 30px;
    transform: translate(50%, -130%);
    box-shadow: 0px 21px 10px -20px var(--shadow-1), 0px 0px 170px 80px var(--shadow-1);
}

.cse-containment.-visible {
    visibility: visible;
    transform: translate(50%, 0px);
    transition: 250ms transform var(--transition-timing-in), 400ms opacity ease;
    opacity: 1;
}

.cse-containment .gsc-results-wrapper-visible {
    width: 100%;
    right: 0px;
    bottom: 0px;
    height: 100%;
}

#recaptcha-wrapper {
    margin: 0 !important;
}

.gsc-webResult.gsc-result {
    display: none;
}

.gsc-results .gsc-cursor-box {
    display: none;
}

.gcsc-more-maybe-branding-root {
    display: none;
}

.gsc-tabData.gsc-tabdActive {
    display: none;
}

.gsc-above-wrapper-area {
    display: none;
}

.-selectbox {
    position: relative;
    margin-bottom: 20px;
    user-select: none;
}

premium-rewriting-popover > ul > li.-variations .-selectbox {
    margin: 0;
    font-family: var(--ffamily);
    padding: 14px;
}

premium-rewriting-popover > ul > li.-variations .-selectbox .-selectbox-button > p > strong {
    color: var(--secondary-color);
    font-size: 17px;
    font-weight: 300;
}

premium-rewriting-popover > ul > li.-variations .-selectbox.-open .-selectbox-button > p > strong {
    color: white;
}

premium-rewriting-popover > ul > li.-variations .-selectbox .-selectbox-button > i {
    font-size: 17px;
    width: auto;
    height: auto;
}

premium-rewriting-popover > ul > li.-variations .-selectbox .-selectbox-button > p {
    margin-left: 6px;
}

premium-rewriting-popover > ul > li.-variations .-selectbox .-selectbox-button > p > span {
    display: none;
}

premium-rewriting-popover > ul > li.-variations .-selectbox .-selectbox-button {
    height: 40px;
    padding: 0px 16px;
}

premium-rewriting-popover > ul > li.-variations .-selectbox .-selectbox-dropdown {
    width: 200px;
    left: 14px;
    right: auto;
    overflow: hidden;
    padding: 10px 0px;
    max-height: inherit !important;
}

.-selectbox.-open {
    overflow: inherit;
}

.-selectbox-button {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid var(--diver-hover);
    padding: 12px 27px;
    border-radius: var(--miniradius);
    cursor: pointer;
    height: 50px;
    position: relative;
}

label.-form-textinput.-iconed .-selectbox-button {
    padding-right: 74px;
}

.-selectbox-button:hover {
}

.-selectbox.-open > .-selectbox-button {
    background: var(--uicolor);
    border-color: var(--uicolor);
    z-index: 10;
}

.-selectbox.-open > .-selectbox-button > p > strong {
    color: white;
}

.-selectbox.-open > .-selectbox-button > i {
    color: var(--uicolor-3);
}

.-selectbox-button > p {
    display: flex;
    line-height: 1.1;
    flex: 1 1 0%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.-selectbox.-open > .-selectbox-button > i {
    transform: rotate(0deg);
    color: white;
}

.-selectbox.-open > .-selectbox-button.-its-from-bottom > i {
    transform: rotate(180deg);
}

.-selectbox-button > i {
    font-weight: 600;
    width: 12px;
    height: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 30px;
    background: var(--bold-divider);
    color: var(--secondarytext);
}

.-selectbox-button:hover > i {
    transition: all 50ms ease 0s;
}

.-selectbox-button > p > strong {
    font-weight: 400;
    font-size: 15px;
    line-height: 1.3;
    overflow: hidden;
    text-overflow: ellipsis;
}

.-selectbox-button > p > strong > img {
    width: 24px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 12px;
}

.-selectbox-button > p > span {
    font-size: 12px;
    color: var(--secondarytext);
    font-weight: 200;
    margin-bottom: 2px;
}

.-selectbox-button > p > span:last-child {
    margin-bottom: 0px;
    font-size: 22px;
    color: var(--secondarytext);
}

.-selectbox-dropdown::-webkit-scrollbar {
    width: 2px;
}

.-selectbox-dropdown::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0);
    border-radius: 50px;
}

.-selectbox-dropdown:hover::-webkit-scrollbar-thumb {
    background: rgb(155, 171, 187);
}

.-selectbox-dropdown::-webkit-scrollbar-track {
    background: transparent;
}

.-selectbox-dropdown {
    position: absolute;
    padding: 14px 0px;
    margin-top: 0px;
    display: none;
    z-index: 5;
    pointer-events: none;
    max-height: 260px;
    overflow: auto;
    left: 0;
    margin-top: 3px;
    right: 0;
    white-space: nowrap;
    background: white;
    transform-origin: center top;
    transition: 0ms all var(--transition-timing-in);
    border-radius: var(--miniradius);
    top: 100%;
    opacity: 0;
    box-shadow: 0px 40px 130px 20px var(--shadow-2);
    border: 1px solid var(--diver);
    transform: translate(0px, 10px);
}

.-selectbox.-positioned > .-selectbox-dropdown {
}

.-selectbox-dropdown.-open {
    transition: 250ms opacity var(--transition-timing-in), 120ms transform var(--transition-timing-in);
    opacity: 1;
    transform: translate(0px);
    pointer-events: inherit;
    display: block;
}

.-selectbox-dropdown.-its-from-bottom {
    box-shadow: 0px -40px 130px 20px var(--shadow-2);
    transform-origin: center bottom;
}

.-selectbox-dropdown > .-selectbox-item {
    padding: 6px 26px;
    font-weight: 400;
    font-size: 14px;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: right;
    cursor: pointer;
    transition: all 60ms ease 0s;
    min-width: 200px;
    display: flex;
    align-items: center;
}

premium-rewriting-popover > ul > li.-variations .-selectbox .-selectbox-dropdown .-selectbox-item {
    padding: 10px 26px;
    font-weight: 300;
}

.-selectbox[data-name="automated_target_audience"] .-selectbox-item {
}

.-selectbox-dropdown > .-selectbox-item img {
    opacity: .6;
    margin-right: 14px;
    width: 22px;
}

.-selectbox-dropdown > .-selectbox-title {
    font-weight: 300;
    padding: 4px 20px;
    font-size: 14px;
    color: var(--secondarytext);
}

.-selectbox-dropdown > .-selectbox-hr {
    background: var(--strong-divider);
    margin: 18px 20px 13px;
    height: 1px;
}

.-selectbox-dropdown.-open > * {
    opacity: 1;
}

.-selectbox-dropdown > * {
    opacity: 0;
}

.-selectbox-dropdown > .-selectbox-item:hover {
}

.-selectbox-dropdown > .-selectbox-item.selected {
    color: white;
    background: var(--uicolor);
}

.-selectbox-searchbox {
    position: relative;
    display: flex;
    background: transparent;
    margin: 0px 0px;
    margin-bottom: 16px;
    height: 52px;
    padding: 0px 18px;
    border-bottom: 1px solid var(--diver);
}

.-selectbox-searchbox > i {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--secondarytext);
    width: 38px;
    margin: 0 9px;
}

.-selectbox-searchbox > input {
    flex: 1;
    background: transparent;
    border: 0;
    font-size: 18px;
    font-weight: 400;
}

preparing-prompt {
    position: absolute;
    top: -20px;
    right: -20px;
    left: -20px;
    bottom: -120px;
    background: #f6fbffc9;
    display: flex;
    align-items: center;
    z-index: 100;
    flex-direction: column;
    justify-content: center;
    font-size: 24px;
    backdrop-filter: blur(6px);
}

preparing-prompt > strong {
    color: var(--uicolor);
    animation: opacity 500ms ease infinite alternate;
    font-weight: 500;
}

preparing-prompt > svg {
    width: 140px;
    margin-right: -68px;
}

preparing-prompt > svg circle {
    fill: var(--uicolor);
}

ai__fields {
    position: relative;
}

@keyframes opacity2 {
    0% {
        opacity: .4
    }
}

button#LaunchContentProducer.-loadings {
    animation: opacity2 700ms ease infinite;
}

preparing-prompt > ul.-preparing-steps {
    list-style: none;
    font-size: 16px;
    text-align: start;
    font-weight: 500;
}

preparing-prompt > ul.-preparing-steps > li {
    padding: 6px 36px;
    color: #afbcc6;
}

preparing-prompt > ul.-preparing-steps > li.-waiting {
    color: var(--secondary-color);
    animation: opacity 400ms ease infinite alternate;
    font-weight: 600;
}

preparing-prompt > ul.-preparing-steps > li.-done {
    font-weight: 600;
    color: var(--uicolor);
    padding: 6px 0;
}

preparing-prompt > ul.-preparing-steps > li.-done > i {
    margin: 0 8px;
    width: 20px;
    height: 20px;
    background: var(--uicolor);
    color: white;
    border-radius: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: 0px;
    font-weight: 500;
    font-size: 14px;
    padding-top: 1px;
}

[checkbox-kit] {
    cursor: pointer;
    color: var(--secondary-color);
    display: flex;
    align-items: center;
    user-select: none;
    margin: 0 -12px;
}

[checkbox-kit] > input {
    display: none;
}

[checkbox-kit] > input:checked + i {
    color: white;
    border-color: var(--uicolor);
    background: var(--uicolor);
}

[checkbox-kit] > input:checked + i::before {
    position: relative;
}

[checkbox-kit] > input:checked + i + span {
    color: var(--uicolor);
}

[checkbox-kit] > span {
    font-weight: 400;
    font-size: 15px;
    margin: 0 0px;
}

[checkbox-kit] > span > a {
    box-shadow: currentcolor 0px 1px 0px;
    padding-bottom: 3px;
}

[checkbox-kit] > span > a:hover {
    box-shadow: currentcolor 0px 2px 0px;
}

[checkbox-kit] > i {
    width: 24px;
    height: 24px;
    border-radius: var(--miniradius);
    border: 2px solid var(--diver-hover);
    display: flex;
    align-items: center;
    justify-content: center;
    color: transparent;
    font-weight: 400;
    font-size: 16px;
    margin: 0 12px;
}

[checkbox-kit] > input[type="radio"] + i {
    border-radius: 50%;
}

[checkbox-kit]:hover > i {
    border-color: var(--secondary-color);
}

@keyframes show-editor-features {
    0% {
        transform: translate(0, 20%);
        opacity: 0;
    }

    10% {
        transform: translate(0, 20%);
        opacity: 1;
    }

    50% {
        transform: translate(0, 0%);
        opacity: 1;
    }

    75% {
        transform: translate(0, 0%);
        opacity: 1;
    }

    100% {
        transform: translate(0, 0%);
        opacity: 1;
    }
}

ul.-editor-features {
    list-style: none;
    display: flex;
    position: absolute;
    user-select: none;
    overflow: auto;
    bottom: 0;
    z-index: 5;
    right: 0;
    left: 0;
    animation: show-editor-features 700ms ease;
    border-top: 1px solid #ced0d482;
    height: 60px;
    padding: 0px 20px;
    align-items: center;
}

.FullyEditorUX__Editor {
}

ul.-editor-features > li {
    display: inline-flex;
    font-weight: 500;
    align-items: center;
    line-height: 1.2;
    background: #8cb74f47;
    font-size: 12px;
    padding: 7px 13px;
    white-space: nowrap;
    color: #699a24;
    border-radius: var(--largeradius);
    margin: 0px 5px;
}

ul.-editor-features katteblogo__icon {
    min-width: 22px;
    height: 34px;
    margin: 0;
    margin-left: 5px;
}

ul.-editor-features p {
    font-size: 16px;
    font-weight: 600;
    color: var(--uicolor);
    padding: 0px 10px;
    margin-left: 16px;
    white-space: nowrap;
}

ul.-editor-features > li:nth-child(3) {
    background: #cfefde;
    color: #43b074;
}

ul.-editor-features > li:nth-child(4) {
    background: #268fea38;
    color: #268fea;
}

ul.-editor-features > li > i {
    font-size: 17px;
    font-weight: 600;
    margin-left: 8px;
}

ul.-editor-features > li > span {
    font-weight: 600;
    font-size: 14px;
}

ul.-editor-features > li > span > em {
}

@-webkit-keyframes flame {
    100% {
        transform: rotate(70deg) translate(0, 0);
    }
}

@keyframes flame {
    100% {
        transform: rotate(70deg) translate(0, 0);
    }
}

@-webkit-keyframes flame-mask {
    100% {
        transform: rotate(110deg) translate(0, 250px);
    }
}

@keyframes flame-mask {
    100% {
        transform: rotate(110deg) translate(0, 250px);
    }
}

.flame-mask {
    transform-origin: 500px 500px;
    transform: rotate(110deg) translate(375px, 250px);
    -webkit-animation: flame-mask 1s linear infinite;
    animation: flame-mask 1s linear infinite;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
}

.hand {
    fill: #ffa666;
    stroke: #1f242e;
    stroke-width: 10;
}

.flame {
    transform-origin: 500px 500px;
    transform: rotate(70deg) translate(375px, 0);
    -webkit-animation: flame 1s linear infinite;
    animation: flame 1s linear infinite;
    fill: var(--primarybg);
}

.flame2 {
    transform: translate(160px, 320px);
}

.flame2 .flame-mask, .flame2 .flame {
    -webkit-animation-delay: -0.3s;
    animation-delay: -0.3s;
}

.flame3 {
    transform: translate(-160px, 280px);
}

.flame3 .flame-mask, .flame3 .flame {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s;
}

.bowl {
    fill: #5971a6;
}

.background {
    fill: var(--bg);
}

.frame {
    fill: none;
    stroke: var(--bg);
    stroke-width: 10;
}

@media only screen and (max-width: 550px) {
    ul.-editor-features > li {
    }

    ul.-editor-features p {
        font-size: 15px;
        padding: 0 10px;
        margin-left: 0px;
        display: none;
    }

    ul.-editor-features {
        height: 50px;
    }

    body root rootinside {
        height: calc(100vh - 55px);
    }

    .FullyEditorUX__Actions {
    }

    body flame-box {
        zoom: .6;}

    .feature__section__info__buttons > * item_inner > item_desc {
        padding-left: 10px;
    }
}

flame-box {
    transform: rotate(30deg);
    position: absolute;
    top: 0;
    right: 0px;
    left: 0px;
    bottom: -90px;
    display: flex;
    align-items: end;
    justify-content: end;
}

flame-box > svg {
    width: 150px;
}

flame-box + item_inner item_desc {
    padding-left: 80px;
    font-size: 16px !important;
}

a.-styling_model-fire- {
    box-shadow: 0px 0px 0px 2px var(--primarybg), 0px 0px 34px var(--bg) !important;
    border-color: var(--uicolor) !important;
}

@media only screen and (max-width: 1460px) {
    body i.Lordicon.katteb-logo-icon {
        width: 100%;
        height: 50px;
    }
}

i.Lordicon.katteb-logo-icon {
    background-image: url(katteb_icon.png?v2);
    background-position: center;
    background-size: 99.9999%;
    width: 70px;
    height: 70px;
    position: relative;
}

.-servicemodel-box item_inner>item_icon i.Lordicon.katteb-logo-icon:after {
    box-sizing: border-box;
    content: "+";
    position: absolute;
    font-style: normal;
    zoom: .4;
    background: white;
    border-radius: 50%;
    line-height: .1;
    bottom: -15px;
    padding: 0px 11px 0px;
    left: 9px;
    width: 36%;
    height: 36%;
    font-weight: bold;
    border: 5px solid var(--uicolor);
    display: flex;
    align-items: center;
    justify-content: center;
}

.fr-box.fr-basic .fr-wrapper {
}

.fr-box.fr-basic {
    background: white;
}

.fr-wrapper .fr-element * {
    margin: revert;
    padding: revert;
}

.fr-box.fr-basic.fr-top ul.-editor-features ~ .fr-wrapper {
    margin-bottom: 60px;
}

.Dashboard__Menu>ul>li>.submenu>li>a>i.katteb-logo-icon {
    width: 20px;
    height: 20px;
    display: inline-block;
    margin: 0px 30px;
}

label-headingitem {
    display: block;
}

sortable-icon > i {
    font-weight: 300 !important;
}

sortable-icon {
    position: absolute;
    top: 0;
    left: 10px;
    bottom: 0;
    width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: grab;
    font-size: 18px;
    color: var(--secondarytext);
    z-index: 10;
}

.label-headingitem {
    position: relative;
}

.label-headingitem.ui-sortable-helper > label {
    background: white !important;
}

.label-headingitem.ui-sortable-helper {
    background: white !important;
}

.label-headingitem.ui-sortable-placeholder {
    background: var(--bghover);
    visibility: visible !important;
    opacity: .4;
}

dash-breadcrumbs {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.-marketplace-customization header dash-breadcrumbs {
    padding-inline-start: 20px;
    padding-top: 0px;
    overflow: inherit;
    transition: 100ms all ease;
}

.-premium-rewriting-root-header > ul.-premium-rewriting-root-bar .Dash_Dropdown_Button {
    padding: 12px 20px;
}

.-premium-rewriting-root-header > ul.-premium-rewriting-root-bar .Dash_Dropdown_Button > strong {
    margin: 0;
    font-size: 17px;
    margin-left: 10px;
    white-space: nowrap;
}

.-premium-rewriting-root-header > ul.-premium-rewriting-root-bar strong {
    font-weight: 300;
}

.Dash_Dropdown_Button>strong {
    display: flex;
    align-items: center;
}

.FullyEditorUX__Actions_Item.-radioitem-flex {
    display: flex;
    align-items: center;
    margin: 0px -12px 30px;
}

.FullyEditorUX__Actions_Item.-radioitem-flex > label {
    margin: 0;
    flex: 1;
    display: flex;
}

.feature__section__info__addpost.-more-wild {
    flex-direction: column;
    align-items: start;
    padding: 25px 20px;
    justify-content: center;
}

.feature__section__info__addpost.-more-wild > form {
    width: auto;
    margin: -8px auto;
}

.feature__section__info__addpost.-more-wild > form > * {
    margin: 8px;
}

.feature__section__info__addpost.-more-wild .-selectbox-button {
    height: 60px;
}

.feature__section__info__addpost.-more-wild > form > input[name="topic"] {
    font-size: 19px;
}

.feature__section__info__addpost.-more-wild > h1 {
    margin: 0;
    min-width: 100%;
    margin-bottom: 6px;
}

.feature__section__info__addpost.-more-wild > form > .FullyEditorUX__Actions_Item.-target-audience {
    min-width: 220px;
    flex: 1;
}

.feature__section__info__addpost.-more-wild > form > .FullyEditorUX__Actions_Item.-target-audience > div {
    margin-bottom: 0;
}

.feature__section__info__addpost.-more-wild > form > button {
    min-width: 50% !important;
    flex: 1;
    max-width: inherit;
    margin-top: 10px;
}

bulk-add-headings.hoverable {
    background: #0c2b4521;
    color: var(--secondary-color);
    display: flex;
    align-items: center;
    padding: 0px 20px;
    border-radius: var(--miniradius);
    font-size: 16px;
    font-weight: 600;
}

bulk-add-headings.hoverable > i {
    margin-left: 8px;
}

.subscription-product-inner-paypro {
    flex: 1;
    padding: 35px 0px;
    line-height: 1.5;
}

.subscription-product-inner-paypro > h1 {
    margin-bottom: 18px;
}

.subscription-product-inner-paypro > form {
    display: flex;
    margin: -10px;
}

.subscription-product-inner-paypro > form > textarea {
    flex: 1;
    border: 1px solid var(--diver);
    padding: 22px;
    font-size: 23px;
    border-radius: var(--miniradius);
    margin: 10px;
    resize: none;
    font-weight: 200;
}

.subscription-product-inner-paypro > form > button {
    margin: 10px;
    background: #d64040;
    color: white;
    border: 0;
    border-radius: var(--miniradius);
    padding: 0px 32px;
    font-size: 20px;
    font-weight: 400;
}

th.-reason {
    width: 360px;
}

td.tdActions>a.tdActions__check {
    background: var(--positive);
    font-size: 15px;
    color: white;
}

td.centerTD.-reason > a {
    font-size: 14px;
    font-weight: 500;
    color: var(--uicolor);
    padding: 8px 10px;
    display: block;
    margin: 0px -20px;
    border-radius: var(--miniradius);
}

th.-invoice {
    width: 150px;
}

notification-dot {
    font-size: 10px;
    height: 18px;
    padding-bottom: 2px;
    width: 18px;
    color: white;
    position: absolute;
    bottom: -5px;
    right: 20px;
    background: var(--negative);
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 0 3px white;
}

.-premium-rewriting-root {
    flex: 1;
    max-width: 1000px;
    margin: 10px auto 0px;
    font-weight: 300;
    line-height: 1.2;
    display: flex;
    flex-direction: column;
    --ffamily: 'Katteb';
    font-family: var(--ffamily);
}

.-premium-rewriting-root.-allowed .-premium-rewriting-root-header > ul.-premium-rewriting-root-bar {
}

.-premium-rewriting-root.-allowed .-premium-rewriting-root-header > ul.-premium-rewriting-root-bar > li {
}

.-premium-rewriting-root-header > ul.-premium-rewriting-root-bar > li.-selected:after {
    opacity: .08;
}

.-premium-rewriting-root-header > ul.-premium-rewriting-root-bar {
    display: flex;
    list-style: none;
    font-weight: 300;
    margin: 10px 10px;
}

ul.-premium-rewriting-root-bar ul.Dash_Dropdown_Dropdown>li {
    font-weight: 400;
    font-size: 16px;
    padding: 10px 16px;
}

.-premium-rewriting-root-header > ul.-premium-rewriting-root-bar > li {
}

.-premium-rewriting-root-header > ul.-premium-rewriting-root-bar.-last {
    flex: initial;
    display: flex;
    justify-content: end;
    margin: 0px 30px;
}

.-premium-rewriting-root-header > ul.-premium-rewriting-root-bar > li[data-premiumrewrite-action="copy"] {
    padding: 15px 24px;
    color: #a1b8cd;
}

.-premium-rewriting-root-header > ul.-premium-rewriting-root-bar.-last > li > i {
}

.-premium-rewriting-root-header > ul.-premium-rewriting-root-bar.-more {
    display: flex;
    color: #7d8fa1;
    align-items: center;
    font-weight: 300;
}

.-premium-rewriting-root-header > ul.-premium-rewriting-root-bar.-more:before {
    content: '';
    height: 20px;
    width: 1px;
    background: var(--diver);
    margin: 0px 20px;
}

.-premium-rewriting-root-header > ul.-premium-rewriting-root-bar.-more > li {
    margin: 0;
    width: 100px;
}

.-premium-rewriting-root-header > ul.-premium-rewriting-root-bar.-more > li > i {
    font-weight: 400;
}

.-premium-rewriting-root-header > ul.-premium-rewriting-root-bar > li {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 15px 16px;
    transition: 300ms all ease;
    justify-content: center;
    margin: 0px 3px;
    font-size: 16px;
    border-radius: var(--largeradius);
}

.-premium-rewriting-root-header > ul.-premium-rewriting-root-bar > li.-external-url {
    color: #3ca591 !important;
}

.-premium-rewriting-root-header > ul.-premium-rewriting-root-bar > li:hover, .-premium-rewriting-root-header > ul.-premium-rewriting-root-bar > li.-selected {
    color: var(--uicolor);
    transition: 50ms all ease;
}

.-premium-rewriting-root-header > ul.-premium-rewriting-root-bar > li[data-action="spellcheck"] {
}

.-premium-rewriting-root-header > ul.-premium-rewriting-root-bar > li > i {
    display: block;
    font-size: 28px;
    margin-bottom: 8px;
    font-weight: 900;
}

.-premium-rewriting-root-header > ul.-premium-rewriting-root-bar > li:hover > i {
}

.-premium-rewriting-root-header > ul.-premium-rewriting-root-bar > li > span {
    display: block;
    line-height: 1.2;
    font-weight: 400;
    white-space: nowrap;
}

.-premium-rewriting-root-header > ul.-premium-rewriting-root-bar > li:hover > span {
}

.-premium-rewriting-root-header {
    align-items: center;
    border-radius: var(--largeradius);
    padding: 0px 0px;
    border: 1px solid #d1dfec;
    display: flex;
    color: var(--secondary-color);
    margin: 0px -20px;
    background: white;
    box-shadow: 0px 20px 100px -20px var(--shadow-1);
    flex-wrap: wrap;
    justify-content: space-between;
}

.fr-box.fr-basic#PremiumRewritingEditor .fr-wrapper {
    border: 0;
}

.fr-box.fr-basic#PremiumRewritingEditor .fr-wrapper.show-placeholder .fr-placeholder {
    top: 0;
    padding-right: 6px !important;
}

.fr-box.fr-basic#PremiumRewritingEditor .fr-second-toolbar {
    border: 0;
    display: none;
}

.fr-box.fr-basic#PremiumRewritingEditor .fr-second-toolbar .fr-counter {
    padding: 0;
}

.fr-box.fr-basic#PremiumRewritingEditor .fr-toolbar {
    border: 0 !important;
    box-shadow: 0 0 0 !important;
    background: transparent !important;
    height: 0 !important;
    overflow: hidden;
}

.fr-box.fr-basic#PremiumRewritingEditor .fr-wrapper .fr-element {
    font-size: 20px;
    min-height: 300px;
    padding-bottom: 30px;
    padding-top: 20px;
    padding-right: 7px;
    padding-left: 7px;
    line-height: 1.6;
    font-weight: 400;
    --secondarytext: #818b93;
}

.-premium-rewriting-root-body::-webkit-scrollbar {
    width: 5px;
    height: 4px;
}

.-premium-rewriting-root-body::-webkit-scrollbar-thumb {
    background: transparent;
    border-radius: 23px;
}

.-premium-rewriting-root-body:hover::-webkit-scrollbar-thumb {
    background: var(--scroll-thumb);
}

.-premium-rewriting-root-body::-webkit-scrollbar-track {
    background: white;
}

.-premium-rewriting-root-body {
    flex: 1;
}

.-premium-rewriting-root-body--title > input#title::placeholder {
    color: inherit;
}

.-premium-rewriting-root-body--title > input#title:placeholder-shown {
    color: #828997;
    box-shadow: 0 0 0 0;
    background: #ebeff7;
}

.-premium-rewriting-root-body--title > input#title {
    width: calc(100% - 4px);
    height: 80px;
    border: 0;
    font-size: 26px;
    font-weight: 300;
    background: #ebeff7;
    box-shadow: 0 0 0 0;
    border-radius: var(--largeradius);
    padding: 0px 34px;
    border: 0;
    margin: 2px;
}

.-premium-rewriting-root-body--title > input#title:focus {
    box-shadow: 0 0 0 2px var(--uicolor);
}

root {
    padding-top: 0.1px !important;
}

premium-rewriting-button.hoverable {
    position: fixed;
    width: 38px;
    height: 38px;
    background: var(--uicolor);
    border-radius: 50px;
    z-index: 100;
    transition: 0s all ease;
    box-shadow: 0px 0px 0px 3px white;
    opacity: 0;
    transform: translate(4px, -6px);
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 20px;
}

premium-rewriting-button.hoverable.scale {
    opacity: 1;
    transition: opacity 150ms ease, 150ms transform ease;
    transform: translate(4px, -4px);
}

@keyframes premium_popover {
    0% {
        transform: translate(0px, 5px);
        opacity: 0;
    }
}

premium-rewriting-popover {
    position: fixed;
    z-index: 200;
    background: white;
    border-radius: var(--miniradius);
    box-shadow: 0px 8px 10px -10px var(--shadow-2), 0px 0px 60px var(--shadow-1);
    border: 1px solid var(--diver);
    --diver: #e1e7ed;
    min-width: 400px;
    max-width: 1000px;
}

premium-rewriting-popover.-loading > ul, premium-rewriting-popover.-loading > premium-rewriting-popover-footer {
    opacity: .5;
    pointer-events: none;
}

premium-rewriting-popover.-visible {
    transition: 250ms ease width, 250ms ease top, 250ms ease left;
    animation: premium_popover 300ms ease;
}

premium-rewriting-popover > ul {
    display: flex;
    border-bottom: 1px solid #dfeaf5;
    list-style: none;
}

premium-rewriting-popover > ul > li {
    min-width: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 55px;
    font-size: 22px;
    color: #748da5;
    border-left: 1px solid var(--diver);
    cursor: pointer;
}

premium-rewriting-popover > ul > li.-variations {
    flex: inherit;
    justify-content: end;
}

premium-rewriting-popover > ul > li.-sentences {
    flex: 1;
    border: 0;
    justify-content: end;
    padding: 0;
    min-width: auto;
    align-items: inherit;
    padding-right: 70px;
}

premium-rewriting-popover > ul > li > i {
}

premium-rewriting-popover > ul > li.-selected {
    color: var(--uicolor);
    background: #196db624;
    border-color: #dfeaf5;
}

premium-rewriting-popover > ul > li.-selected > i {
    font-weight: 900 !important;
}

premium-rewriting-popover-footer {
    display: flex;
    height: 53px;
    align-items: center;
    justify-content: space-between;
    padding: 10px 16px;
}

premium-rewriting-popover-footer > img {
    height: 100%;
    filter: grayscale(1);
    opacity: .6;
}

premium-rewriting-popover-results::-webkit-scrollbar {
    width: 5px;
    height: 4px;
}

premium-rewriting-popover-results::-webkit-scrollbar-thumb {
    background: transparent;
    border-radius: 23px;
}

premium-rewriting-popover-results:hover::-webkit-scrollbar-thumb {
    background: var(--scroll-thumb);
}

premium-rewriting-popover-results::-webkit-scrollbar-track {
    background: white;
}

premium-rewriting-popover-results {
    flex: 1;
    border-bottom: 1px solid var(--diver);
    min-height: 150px;
    display: block;
    max-height: 300px;
    overflow: auto;
    position: relative;
    font-family: var(--ffamily);
    transition: 200ms all ease;
}

premium-rewriting-popover-results svg path {
    fill: var(--uicolor);
}

premium-rewriting-popover-results svg {
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%);
}

premium-rewriting-prepared {
    color: var(--secondarytext);
}

premium-rewriting-prepared-item.-selected {
    transition: 200ms all ease;
    background: #eaf2f8;
    border-radius: var(--miniradius);
    box-shadow: -3px 0 0 2px #eaf2f8, 3px 0 0 2px #eaf2f8, -3px 0 0 3px var(--uicolor), 3px 0 0 3px var(--uicolor);
    color: var(--uicolor) !important;
    cursor: default !important;
    pointer-events: none !important;
    z-index: 2;
    position: relative;
}

premium-rewriting-prepared-item:hover {
    cursor: pointer;
    color: var(--uicolor);
}

premium-rewriting-popover-footer-close {
    font-family: var(--ffamily);
    font-weight: 400;
    color: var(--secondary-color);
    padding: 7px 12px;
    border-radius: var(--miniradius);
    cursor: pointer;
    font-size: 15px;
}

premium-rewriting-popover > ul > li.-sentences > sentences-toolbal {
    display: flex;
    align-items: center;
    color: var(--secondary-color);
    font-weight: 700;
    font-size: 21px;
}

premium-rewriting-popover > ul > li.-sentences > sentences-toolbal > * {
    padding: 0px 8px;
}

premium-rewriting-popover > ul > li.-sentences > sentences-toolbal > strong {
    color: var(--uicolor);
    font-weight: 200;
}

premium-rewriting-popover > ul > li.-sentences > sentences-toolbal > em {
}

premium-rewriting-popover > ul > li.-sentences > sentences-toolbal > span {
}

premium-rewriting-popover > ul > li.-sentences > sentences-navigator {
    display: flex;
    margin-right: 10px;
}

premium-rewriting-popover > ul > li.-sentences > sentences-navigator > sentences-navigator-item {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
}

premium-rewriting-popover > ul > li.-sentences > sentences-navigator > sentences-navigator-item:hover:not(.disabled) {
    background: #196db60d;
    color: var(--uicolor);
}

premium-rewriting-popover > ul > li.-sentences > sentences-navigator > sentences-navigator-item.disabled {
    opacity: .4;
}

premium-rewriting-popover > ul > li.-sentences > sentences-navigator > sentences-navigator-item > i {
    font-weight: 400;
}

premium-rewriting-popover-overlay {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 199;
}

premium-rewriting-popover-results-item {
    display: block;
    padding: 20px 20px;
    font-size: 20px;
    font-weight: 300;
    line-height: 1.6;
    cursor: pointer;
    color: var(--uicolor);
}

premium-rewriting-popover-results-item[data-label] {
    color: var(--secondary-color);
}

premium-rewriting-popover-results-item:before {
    content: Attr(data-label);
    display: block;
    font-size: 12px;
    font-weight: 300;
    color: var(--secondarytext);
}

premium-rewriting-popover-results-item.-selected {
    background: #196db61a;
}

premium-rewriting-popover-results-item.-selected:after {
    display: none;
}

premium-rewriting-popover-results-item strong {
    font-weight: inherit;
    color: var(--secondary-color);
}

premium-rewriting-popover-results-inner {
    opacity: 1;
    transition: 300ms 200ms all ease;
}

premium-rewriting-popover.-loading premium-rewriting-popover-results-inner {
    opacity: 0;
    transition: 0ms all ease;
}

premium-rewriting-prepared-item.-used {
    color: black;
}

premium-rewriting-prepared-item {
    color: var(--secondarytext);
}

.-premium-rewriting-root-title {
    margin-bottom: 10px;
}

.-premium-rewriting-root-title > input {
    width: 100%;
    height: 90px;
    border: 0;
    font-size: 30px;
    color: var(--secondarycolor);
}

.-premium-rewriting-root input::placeholder {
    color: currentColor;
    opacity: .4;
}

.-premium-rewriting-root input:focus::placeholder {
    opacity: .2;
}

.-premium-rewriting-root-header-outer {
    position: sticky;
    top: 0;
    z-index: 100;
}

.-premium-rewriting-external-article {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    max-width: 480px;
    background: white;
    padding: 38px;
    border-radius: 40px;
    margin-top: 10px;
    box-shadow: 0px 1px 90px var(--shadow-1);
    border: 1px solid var(--diver);
    transform: translate(0px, 20px);
    opacity: 0;
    visibility: hidden;
}

form.-premium-rewriting-external-article.-visible {
    transform: translate(0);
    visibility: visible;
    opacity: 1;
    transition: 200ms all ease;
}

.-premium-rewriting-external-article > input {
    width: 100%;
    height: 70px;
    border-radius: 50px;
    background: transparent;
    border: 1px solid #b6c4cf;
    color: var(--secondary-color);
    font-size: 18px;
    font-weight: 300;
    padding: 0px 33px;
    margin-bottom: 24px;
}

.-premium-rewriting-external-article > input:placeholder-shown {
    font-size: 26px;
}

.-premium-rewriting-external-article > button {
    display: block;
    height: 52px;
    font-size: 18px;
    border: 0;
    background: var(--uicolor);
    color: white;
    border-radius: 50px;
    font-weight: 300;
    padding: 0px 30px;
    width: 100%;
}

.-premium-rewriting-external-article label {
    margin-bottom: 24px;
}

.-premium-rewriting-external-article label >span {
    font-size: 16px;
    font-weight: 400;
    flex: 1;
    line-height: 1.3;
}

external-article-loader > svg {
    width: 30px;
    height: auto;
}

external-article-loader {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: #ffffffeb;
    z-index: 10;
    border-radius: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

external-article-loader > svg path {
    fill: var(--uicolor);
}

@media (max-width: 1515px) {
    .sticky-left {
    }
    .blogs-container {
    margin: 0 !important;
    flex: 1;
}
}
@media (max-width: 1490px) {
    * {
    }

.blogs-container {
    margin: 0;
}
}
@media (max-width: 1180px) {
    * {
    }

html[dir="rtl"] .blogbread {
    margin-bottom: 11px;
}

.page-begin>.page-begin-title>h1 {
    font-size: 35px;
}

.blogs-container {
    padding-inline: 0;
}

    .-premium-rewriting-root-header {
        margin: 0;
        flex-wrap: inherit;
        max-width: calc(100vw - 80px);
        overflow: auto;
    }

    .-premium-rewriting-root-header-outer {
        top: 55px;
    }

    .-premium-rewriting-root {
        padding: 0px 40px;
    }

    .-premium-rewriting-root-title > input {
        font-size: 24px;
        height: 70px;
    }
}

@media (max-width: 870px) {
    .feature__section__info__addpost.-more-wild {}

.feature__section__info__addpost.-more-wild > form > input[name="topic"] {
    font-size: 16px;
}

html body .-servicemodel-box {
    margin: 0 7px 15px;
}

html body .feature__section__info__buttons {
    margin: 0 -7px 15px;
}

.feature__section__info__addpost.-more-wild {
    padding: 10px 0;
}
    * {
    }

    .-premium-rewriting-root-header > ul.-premium-rewriting-root-bar > li {
        padding: 15px 12px;
    }

    .-premium-rewriting-root-header > ul.-premium-rewriting-root-bar > li > span {
        font-size: 14px;
    }
}
@media (max-width: 980px) {
    *{}

.blog-page-begin {
    padding-top: 20px;
}

.sticky-left {
    min-width: 100%;
    margin: 0;
    padding: 0;
}
}
@media (max-width: 814px) {
    * {
    }

headings-checklist-container > headings-checklist > div > .label-headingitem > label {
    padding-left: 60px;
}

body fullpage_build.SplitFlexDirection .FullyEditorUX__Boxed .FullyEditorUX__Actions button#LaunchRewriting {
    min-width: 100px !important;
}

body fullpage_build.FullyEditorUX .FullyEditorUX__Boxed .FullyEditorUX__Actions .FullyEditorUX__Actions_Submit {
    flex-wrap: wrap;
    margin: -5px;
    padding-top: 4px;
}
body fullpage_build.FullyEditorUX .FullyEditorUX__Boxed .FullyEditorUX__Actions .FullyEditorUX__Actions_Submit > a.-calltoaction-premium-rewriting {
    font-size: 16px;
    padding: 0px 16px;
    white-space: nowrap;
    flex: 1;
}
body fullpage_build.FullyEditorUX .FullyEditorUX__Boxed .FullyEditorUX__Actions .FullyEditorUX__Actions_Submit > * {
    margin: 5px;
    min-width: 200px;
}

body ul.-affiliate-terms-mega > li {
    font-size: 18px;
    line-height: 1.4;
    padding: 20px 20px;
}

body ul.-affiliate-terms-mega > li > img {
    width: 50px;
}

body ul.-affiliate-terms-mega > li > * {
    margin: 0 13px;
}

    .-premium-rewriting-root {
        padding: 0px 20px;
    }

    .fr-box.fr-basic#PremiumRewritingEditor .fr-wrapper .fr-element {
        padding-top: 0;
    }

    .-premium-rewriting-root-title > input {
        font-size: 18px;
    }

    .-premium-rewriting-root-header {
        max-width: calc(100vw - 40px);
    }

    .-premium-rewriting-root-header > ul.-premium-rewriting-root-bar.-last {
    }
}

affiliate-root-head {
    min-height: 300px;
    background: var(--uicolor);
    margin: 0 0px;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    margin-top: -55px;
    padding-top: 55px;
}

affiliate-root-head > affiliate-root-head-tabs {
    display: flex;
    align-items: center;
    padding: 0px 30px;
}

feature__section#sidebar affiliate-root-head > affiliate-root-head-tabs > affiliate-root-head-tabs-item {
    display: flex;
    flex: 1;
    color: #ffffffc4;
    font-weight: 400;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    cursor: pointer;
    margin: 0px 6px;
    border-radius: var(--largeradius) var(--largeradius) 0 0;
    padding: 18px 0px;
}

affiliate-root-head > affiliate-root-head-tabs > affiliate-root-head-tabs-item > i {
}

feature__section#sidebar affiliate-root-head > affiliate-root-head-tabs > affiliate-root-head-tabs-item > i {
    font-weight: 600;
    display: block;
    font-size: 24px;
    margin-left: 12px;
}

feature__section#sidebar affiliate-root-head > affiliate-root-head-tabs > affiliate-root-head-tabs-item.-selected {
    opacity: 1 !important;
    background: #edf0f8;
    color: var(--uicolor);
    transition: 200ms all ease;
    box-shadow: 0px -8px 0 -3px #f4f8fb3d, 0px -15px 0 -6px #f4f8fb3d;
}

feature__section#sidebar affiliate-root-head > affiliate-root-head-tabs > affiliate-root-head-tabs-item.-selected:after {
    display: none;
}

feature__section#sidebar affiliate-root-head > affiliate-root-head-tabs > affiliate-root-head-tabs-item.-selected > i {
    font-weight: 600;
}

affiliate-root::-webkit-scrollbar {
    width: 5px;
    height: 4px;
}

affiliate-root::-webkit-scrollbar-thumb {
    background: transparent;
    border-radius: 23px;
}

affiliate-root:hover::-webkit-scrollbar-thumb {
    background: var(--scroll-thumb);
}

affiliate-root::-webkit-scrollbar-track {
    background: white;
}

affiliate-root {
    display: flex;
    background: #edf0f8;
    height: 100vh;
    border-left: 1px solid #ccd5dd;
    font-family: var(--ffamily);
    flex-direction: column;
    line-height: 1.6;
    overflow: auto;
    max-width: 450px;
}

invitation-body affiliate-root {
    overflow: inherit;
    height: auto;
    border: 0;
    border-radius: var(--largeradius);
    align-items: center;
    flex-direction: row;
}

invitation-body affiliate-root h2 {
    text-align: center;
}

affiliate-root-body {
}

affiliate-root-body > .affiliate-root-body-tab {
    display: block;
    padding: 70px 40px;
}

invitation-body affiliate-root .affiliate-root-body-tab {
    padding: 40px 40px;
}

affiliate-root-body > .affiliate-root-body-tab > h2 {
    font-size: 21px;
    text-align: center;
    color: var(--secondarytext);
    font-weight: 300;
    margin-bottom: 0px;
    padding-top: 40px;
}

affiliate-root-body > .affiliate-root-body-tab[data-tab="general"] > ul {
    list-style: none;
    padding: 0px 20px;
    font-weight: 300;
}

affiliate-root-body > .affiliate-root-body-tab > a {
    display: flex;
    text-align: center;
    margin: 30px 0;
    color: white;
    font-size: 17px;
    background: var(--secondary-color);
    border-radius: var(--largeradius);
    justify-content: center;
    align-items: center;
    padding: 16px 0px;
    font-weight: 300;
}

affiliate-root-body > .affiliate-root-body-tab > a.-create {
    background: #0c2b4526;
    color: var(--secondary-color);
}

affiliate-root-body > .affiliate-root-body-tab > a > i {
    vertical-align: middle;
    font-size: 20px;
}

affiliate-root-body > .affiliate-root-body-tab > a > * {
    margin: 0 7px;
}

affiliate-root-body > .affiliate-root-body-tab[data-tab="general"] > ul > li {
    display: flex;
    align-items: center;
    padding: 10px 0px;
    color: var(--secondarytext);
    font-size: 18px;
    font-weight: 200;
}

affiliate-root-body > .affiliate-root-body-tab[data-tab="general"] > ul > li > strong {
    display: block;
}

affiliate-root-body > .affiliate-root-body-tab[data-tab="general"] > ul > li > p > strong {
    color: var(--secondary-color);
    font-weight: 400;
}

affiliate-root-body > .affiliate-root-body-tab[data-tab="general"] > ul > li > i {
    margin-left: 18px;
}

affiliate-root-body > .affiliate-root-body-tab > fullpage_build__copy > label {
    display: flex;
    align-items: center;
    background: var(--uicolor);
    color: white;
    padding: 0px 18px;
    font-size: 15px;
    cursor: pointer;
    font-weight: 400;
    white-space: nowrap;
}

affiliate-root-body > .affiliate-root-body-tab > fullpage_build__copy {
    border-width: 3px;
    margin-bottom: 60px;
    border-radius: var(--largeradius);
    overflow: hidden;
}

affiliate-root-body > .affiliate-root-body-tab[data-tab="profit"] > fullpage_build__copy {
    margin-bottom: 30px;
}

affiliate-root-body > .affiliate-root-body-tab > fullpage_build__copy > input {
    font-size: 17px;
    font-weight: 400;
}

affiliate-headline {
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: center;
    color: var(--secondary-color);
    font-size: 23px;
    font-weight: 500;
    padding-bottom: 0px;
}

affiliate-root-head-bar {
    display: block;
    min-height: 55px;
    background: #196db6a6;
    position: sticky;
    top: 0;
    z-index: 10;
    backdrop-filter: blur(10px);
}

fullpage_build__form__body__inputs>h4 {
    font-size: 22px;
    line-height: 1.6;
    margin-bottom: 30px;
    margin-top: 20px;
}

span.-inputicon-img {
    width: 50px;
    height: 50px;
    position: absolute;
    pointer-events: none;
    top: 50%;
    right: 0;
    transform: translate(0, -50%);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: var(--miniradius);
}

span.-inputicon-img.-vfcash-icon-input {
    background-image: url(./vodafone-cash.png);
    background-size: 42px;
    background-color: #E61F26;
}

span.-inputicon-img.-paypal-icon-input {
    background-image: url(./paypal.png);
    background-size: 34px;
}

fullpage_build__form__body__inputs>form--row>fullpage_build__form__body__inputs_item.-has-icon > input {
    padding-right: 70px;
    height: 70px;
}

affiliate-account-info {
    background: white;
    display: block;
    border-radius: var(--largeradius);
    padding: 70px 40px;
    margin: 20px 0 80px;
    box-shadow: 0px 10px 60px var(--shadow-1);
    border: 2px solid var(--uicolor);
}

affiliate-account-info-inner {
    line-height: 1.5;
    --secondarytext: #788897;
}

affiliate-account-info-inner > h2 {
    font-size: 27px;
    font-weight: 800;
    text-align: center;
}

affiliate-account-info-inner > h3 {
    font-weight: 400;
    font-size: 20px;
    color: var(--secondarytext);
    text-align: center;
    margin-bottom: 40px;
}

affiliate-account-info-inner > form--row {
    margin: 0px auto;
    max-width: 470px;
    display: block;
}

affiliate-account-info-inner > form--row:last-child > fullpage_build__form__body__inputs_item {
    margin-bottom: 0;
}

fullpage_build__form__body__inputs_item>input:not(:placeholder-shown) {
    padding-top: 20px;
    padding-bottom: 0px;
}

affiliate-account-info-inner > form--row fullpage_build__form__body__inputs_item>input {
    padding-right: 70px;
    font-size: 19px;
    height: 70px;
    padding-top: 10px;
}

affiliate-account-info-inner > form--row fullpage_build__form__body__inputs_item>label {
    right: 70px;
    margin-bottom: -30px;
}

affiliate-root-head-headline {
    flex: 1;
    display: flex;
    align-items: center;
    color: white;
    padding: 0px 20px;
}

affiliate-root-head-headline > * {
}

affiliate-root-head-headline a.affiliate-root-head-headline_avatar {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    border: 5px solid white;
    position: relative;
    margin: 0px 15px;
    background-size: cover;
    background-position: center;
    z-index: 1;
    background-image: url(katteb_icon.png?v2);
}

affiliate-root-head-headline a.affiliate-root-head-headline_avatar:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 50%;
    background-image: var(--background-image);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: -1;
}

affiliate-root-head-headline div.affiliate-root-head-headline_info {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0px 15px;
    font-size: 18px;
}

affiliate-root-head-headline div.affiliate-root-head-headline_info > strong {
    white-space: nowrap;
    overflow: hidden;
    font-size: 22px;
    text-overflow: ellipsis;
    display: block;
}

affiliate-root-head-headline div.affiliate-root-head-headline_info > p {
    font-weight: 200;
    font-size: 16px;
}

ul.-affiliate-stats {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    margin: -15px -15px 20px;
--secondarytext: #8a90a1;
}

ul.-affiliate-stats > li {
    display: flex;
    flex-direction: column;
    flex: 1;
    background: white;
    margin: 15px;
    border-radius: 30px;
    padding: 20px 30px;
    box-shadow: 0px 41px 74px -35px var(--shadow-1);
}

ul.-affiliate-stats > li > img {
    max-width: 30px;
    margin-bottom: 10px;
}

ul.-affiliate-stats > li > strong {
    font-size: 32px;
    line-height: 1;
    padding: 8px 0;
}

ul.-affiliate-stats > li > span {
    font-weight: 500;
    font-size: 14px;
    color: var(--secondarytext);
}

ul.-affiliate-stats > li.-comission {
    min-width: 80%;
    background: #010b67;
    color: white;
    padding: 32px 20px;
    text-align: center;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

ul.-affiliate-stats > li.-comission > strong {
    font-size: 52px;
    line-height: 1;
    font-family: Arial;
    font-weight: 600;
}

ul.-affiliate-stats > li.-comission > i {
    position: absolute;
    top: 50px;
    right: 140px;
    font-size: 340px;
    color: white;
    transform: rotate(-165deg) scale(0.8, 1);
    z-index: -1;
    opacity: .06;
}

ul.-affiliate-stats > li.-comission > span {
    font-weight: 600;
    font-size: 18px;
    color: #a3ace7;
    margin-bottom: 8px;
}


withdraw_money_button.-withdraw-money {
    display: flex;
    max-width: 240px;
    margin: 0 auto;
    height: 60px;
    color: white;
    background: #2436e5;
    border-radius: 50px;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-weight: 400;
}

withdraw_money_button.-withdraw-money.disabled {
    background: #d0d5e3;
    color: #9ca5bd;
}

.withdraw-alerts-area .alert {
    border: 1px solid;
    border-radius: var(--largeradius);
}

.withdraw-alerts-area .alert:last-child {
    margin-bottom: 0;
}

ul.-affiliate-terms-mega {
    list-style: none;
    padding: 30px 0px;
}

ul.-affiliate-terms-mega > li:last-child {
    border-bottom: 0;
}

ul.-affiliate-terms-mega > li {
    padding: 24px 30px;
    display: flex;
    align-items: center;
    font-weight: 300;
    font-size: 20px;
    line-height: 1.6;
    border-bottom: 1px solid #e4e4e5;
}

ul.-affiliate-terms-mega > li > img {
    width: 60px;
}

ul.-affiliate-terms-mega > li > * {
    margin: 0px 25px;
}

body root invitation-header {
    background: #f0f8ff;
    border-color: #196db6;
}

header__starter {}

body root.page-add header__starter:hover {
    background: var(--bgcolor);
}

payments-popup.open payments-popup_inner>userpayments[data-popupelement="force-subscripe"] > userpayments-header > userpayments-header {}

[data-popupelement="force-subscripe"] userpayments-header-icon {
    order: -1;
    min-width: 100%;
    max-height: 270px;
    display: flex;
}

[data-popupelement="force-subscripe"] userpayments-header {
    flex-direction: column;
}

body root.page-add header__starter:hover {
    box-shadow: 15px -10px 14px 16px #0b2a461a;
    bottom: 0;
}

affiliate-stats-root-widget.-graph {
    position: relative;
    flex: 1;
    min-width: 940px;
}

affiliate-stats-root-widget {
    border-radius: var(--largeradius);
    border: 1px solid var(--diver);
    box-shadow: 0px 2px 3px var(--shadow-1);
    margin: 20px;
    flex: 1;
    display: flex;
    flex-direction: column;
    min-width: 300px;
    max-width: calc(100vw - 40px);
}

affiliate-stats-root-widget.-commission-data {
    flex: inherit;
    width: 480px;
    padding: 0;
}

affiliate-stats-root-widget.-marketers {
    flex: inherit;
}

affiliate-stats-root-widget.-overview {
    min-width: 400px;
    flex: inherit;
    align-self: start;
    position: sticky;
    top: 60px !important;
}

affiliate-stats-root-outerflex affiliate-stats-root.-sidebar affiliate-stats-root-widget {
    min-width: calc(100% - 40px);
}

affiliate-stats-root {
    background: white;
    display: flex;
    padding: 30px;
    line-height: 1.25;
    flex-wrap: wrap;
    word-break: break-word;
}

affiliate-stats-root-outerflex affiliate-stats-root.-sidebar {
    padding: 0;
    flex-direction: column;
--secondarytext: #8e99a3;
}

affiliate-stats-root-outerflex affiliate-stats-root + affiliate-stats-root {
    margin: 0;
    padding: 0;
    flex: 1;
}

affiliate-stats-root + affiliate-stats-root {
    padding-top: 0;
    margin-top: -20px;
}

affiliate-stats-root-widget svg#L9 {
    width: 100px;
    position: absolute;
    top: 50%;
    right: 50%;
    height: auto;
    transform: translate(50%, -50%);
}

affiliate-stats-root-widget.-graph svg#L9 path {
    fill: var(--uicolor);
}

.canvasjs-chart-tooltip, .canvasjs-chart-tooltip * {font-family: var(--ffamily) !important;font-size: 18px;direction: rtl !important;}

[href="https://canvasjs.com/"] {
    display: none;
}

affiliate-stats-root-widget.-graph div#chartContainer {
}

affiliate-stats-root-widget-title {
    display: flex;
    font-size: 26px;
    font-weight: 400;
    justify-content: space-between;
    padding: 30px 30px 0;
}

affiliate-stats-root-widget.-commission-data affiliate-stats-root-widget-title {
    padding: 30px 40px 0px;
}

affiliate-stats-root-widget-title > strong {
    display: flex;
    align-items: center;
    font-weight: 400;
}

affiliate-stats-root-widget-title > a.-widget-button {
    font-size: 18px;
    color: var(--uicolor);
    display: flex;
    align-items: center;
    padding: 0px 13px;
    border-radius: var(--miniradius);
    margin-left: 0px;
    height: 38px;
}

affiliate-stats-root-widget-title > a.-widget-button > i {
}

affiliate-stats-root-widget-title > strong > i {
    margin-left: 20px;
    color: var(--uicolor);
}

affiliate-stats-root-widget-body {
    padding: 30px 40px 30px 40px;
    display: block;
    position: relative;
    flex: 1;
}

affiliate-stats-root-widget-body fullpage_build__form__body__inputs {
    margin-bottom: 20px;
}

affiliate-stats-root-widget-body fullpage_build__form__body__inputs_item>textarea {
    height: 180px !IMPORTANT;
}

affiliate-stats-root-widget.-graph affiliate-stats-root-widget-body {
}

affiliate-stats-root-widget-body.-dtables {
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 20px;
}

a.-calltoaction-premium-rewriting {
    display: flex;
    align-items: center;
    background: white;
    border: 1px solid var(--uicolor);
    color: var(--uicolor);
    font-weight: 400;
    height: 50px;
    border-radius: var(--miniradius);
    padding: 0px 25px;
    font-size: 18px;
    justify-content: center;
    margin-left: 8px;
}

a.-calltoaction-premium-rewriting > i {
    margin-left: 12px;
    font-weight: bold;
}

@media only screen and (max-width: 700px){
    *{}

.faqs-wrapper-autokatteb>.feature-wrap-se>img {
    display: none;
}

.testmonial-sec-auto>div>.stars {
    font-size: 26px !important;
    margin-bottom: 30px;
}

.testmonial-sec-auto {
    padding-block: 20px;
}

.testmonial-sec-auto>.container-r>p {
    font-size: 25px;
}

.temp-acc-sec {
    margin-top: 10px;
}

.feature-wrap-se {
    margin-top: 10px;
    margin-bottom: 20px;
}

.vid-dash-sec {
    margin-top: 0px;
}

html[dir="rtl"] animated-text {
    height: 50px;
    margin-top: 0;
}

.Dash_Dropdown_Button {
    height: 50px;
    padding: 0 20px !important;
}
}

affiliate-stats-table {
    display: block;
}

affiliate-stats-table-thead {
    display: flex;
    align-items: center;
    font-weight: 600;
    margin: 0px -38px 0px;
    font-size: 16px;
    color: var(--secondarytext);
    border-bottom: 1px solid #ced0d485;
    padding-bottom: 7px;
    padding-right: 28px;
    padding-left: 28px;
}

affiliate-stats-table-thead > * {
    margin: 0px 10px;
    min-width: 80px;
    text-align: center;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

affiliate-stats-table-td.-actions {
    min-width: 120px;
}

affiliate-stats-table-td.-commision {
    min-width: 100px;
}

affiliate-stats-table-td.-reciever {
    min-width: 80px;
}

affiliate-stats-table-thead > *.-stretch {
    flex: 1;
    justify-content: start;
}

affiliate-stats-table-tbody {
    display: block;
}

body root affiliate-stats-table-tbody > a {
    display: flex;
    align-items: center;
    margin: 0px -40px;
    padding: 12px 33px;
}

body root affiliate-stats-table-tbody > a > * {
    margin: 0px 10px;
    min-width: 80px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-weight: bold;
}

body root affiliate-stats-table-tbody > a > .-gained.-secondary {
    color: var(--secondarytext);
}

body root affiliate-stats-table-tbody > a > .-gained {
    /* font-family: Arial; */
    font-weight: 500;
    color: var(--uicolor);
    direction: ltr;
    font-size: 18px;
}

body root affiliate-stats-table-tbody > a > .-gained > em {
    padding-right: 5px;
    font-style: normal;
    font-weight: 100;
    display: inline-block;
    zoom: .92;
}

body root affiliate-stats-table-tbody > a > .-usertitle {
    font-size: 16px;
    font-weight: 600;
    color: var(--secondary-color);
    overflow: hidden;
    min-width: 200px;
    max-width: 280px;
}

body root affiliate-stats-table-tbody > a > .-clicks {
}

body root affiliate-stats-table-tbody span.-avatar-shape {
    width: 50px;
    height: 50px;
    background-size: cover;
    border-radius: 50%;
    border: 1px solid var(--diver);
    margin-left: 18px;
    background-position: center;
    position: relative;
    z-index: 1;
    background-image: url(./katteb_icon.png?v2);
}

body root affiliate-stats-table-tbody userlogin-info-td span.-avatar-shape {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0, -50%);
    margin: 0 !important;
}

body root affiliate-stats-table-tbody span.-avatar-shape.-smaller {
    width: 34px;
    height: 34px;
    margin-left: 15px;
}

body root affiliate-stats-table-tbody > a > .-usertitle > p {
    flex: 1;
    text-align: start;
    overflow: hidden;
    max-width: 220px;
    text-overflow: ellipsis;
}

body root affiliate-stats-table-tbody > a > .-usertitle > span:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    background-position: center;
    left: 0;
    background-size: cover;
    bottom: 0;
    border-radius: 50%;
    background-image: var(--background-image);
}

body root affiliate-stats-table-tbody > a > *.-stretch {
    flex: 1;
    justify-content: start;
    max-width: inherit;
}
.subscription-product-inner>ul>li.-buttons {
    padding: 30px 0 0 0;
}
.subscription-product-inner>ul>li .-viewInvoice {
    display: inline-flex;
    align-items: center;
    background: var(--uicolor);
    color: white;
    padding: 14px 28px;
    font-size: 18px;
    border-radius: var(--miniradius);
}

.subscription-product-inner>ul>li .-viewInvoice > i {margin-right: 16px;}

.subscription-product-inner>ul>li>* {
    margin: 0 5px !important;
}

.subscription-product-inner>ul>li {
    margin: 0px -5px;
}

affiliate-stats-table-tbody-row {
    display: flex;
    align-items: center;
    margin: 0px -40px;
    padding: 26px 33px;
    border-bottom: 1px solid #ced0d48c;
--secondarytext: #768c9f;
}

affiliate-stats-table-tbody-row:last-child {
    border-bottom: 0;
}

affiliate-stats-table-tbody-row > * {
    margin: 0px 8px;
    min-width: 120px;
    text-align: center;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

affiliate-stats-table-tbody-row > affiliate-stats-table-td {font-size: 16px;margin: 0px 10px;}

affiliate-stats-table-td.-orderNumber {
    min-width: 100px;
}

affiliate-stats-table-tbody-row > affiliate-stats-table-td.-orderNumber {
    font-size: 18px;
    font-weight: bold;
    color: var(--secondarytext);
}

affiliate-stats-root-widget copy-text:hover {
    color: var(--secondary-color);
}

affiliate-stats-root-widget copy-text:hover:before {
    display: block;
}

affiliate-stats-root-widget copy-text:hover:after {
    display: block;
}

affiliate-stats-root-widget copy-text {
    cursor: pointer;
    position: relative;
    font-size: 18px;
    font-weight: bold;
    vertical-align: middle;
}

affiliate-stats-root-widget copy-text.-url {
    color: var(--secondarytext);
}

affiliate-stats-root-widget copy-text.-url em {
    font-style: normal;
    color: black;
}

affiliate-stats-root-widget copy-text.copied {
    color: var(--uicolor);
--secondary-color:
    var(--uicolor);
}

affiliate-stats-root-widget copy-text.copied:before {
    white-space: nowrap;
}

affiliate-stats-root-widget copy-text:before {
    content: Attr(data-copytooltip);
    position: absolute;
    top: 50%;
    font-size: 12px;
    background: var(--secondary-color);
    color: white;
    padding: 4px 10px;
    border-radius: var(--miniradius);
    left: 100%;
    margin-left: 10px;
    display: none;
    margin-bottom: 2px;
    white-space: nowrap;
    transform: translate(0%, -50%);
    text-align: center;
    font-weight: bold;
}

affiliate-stats-root-widget copy-text:after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 3px 0 3px;
    border-color: var(--secondary-color) transparent transparent transparent;
    position: absolute;
    transform: translate(0, -50%) rotate(90deg);
    left: 100%;
    margin-left: 5px;
    display: none;
    top: 50%;
}

affiliate-stats-table-tbody-row > affiliate-stats-table-td.-time {
}

affiliate-stats-table-tbody-row > affiliate-stats-table-td.-commision {
    font-size: 18px;
    font-weight: bold;
    color: var(--uicolor);
}

affiliate-stats-table-td.-time {
    min-width: 80px;
}

affiliate-stats-table-td.-date {
    min-width: 110px;
}

affiliate-stats-table-tbody-row > affiliate-stats-table-td.-usertitle {
}

affiliate-stats-table-tbody-row > affiliate-stats-table-td.-reciever {
    font-size: 18px;
    font-weight: bold;
    color: var(--secondarytext);
}

affiliate-stats-table-tbody-row > .-stretch {
    flex: 1;
    justify-content: right;
}

userlogin-info-td {
    text-align: right;
    display: block;
    flex: 1;
    padding-right: 45px;
    position: relative;
}

userlogin-info-td > strong {
    display: block;
    margin-bottom: 0px;
    font-size: 18px;
}

userlogin-info-td > p {
    font-size: 16px;
    color: var(--secondarytext);
    white-space: nowrap;
    text-overflow: ellipsis;
    /* overflow: hidden; */
}

affiliate-stats-table-td.-actions a.-affiliate-stats-table-button {
    display: flex;
    background: var(--uicolor);
    color: white;
    flex: 1;
    height: 40px;
    align-items: center;
    justify-content: center;
    border-radius: var(--miniradius);
    font-weight: bold;
}

affiliate-stats-table-td.-actions a.-affiliate-stats-table-button > i {
    margin-right: 8px;
}

.dataTables_wrapper .dataTables_scroll {
    direction: rtl;
}

table.dataTable thead th, table.dataTable thead td, table.dataTable tfoot th, table.dataTable tfoot td {
    text-align: right !important;
}

table.dataTable thead>tr>th.sorting, table.dataTable thead>tr>th.sorting_asc, table.dataTable thead>tr>th.sorting_desc, table.dataTable thead>tr>th.sorting_asc_disabled, table.dataTable thead>tr>th.sorting_desc_disabled, table.dataTable thead>tr>td.sorting, table.dataTable thead>tr>td.sorting_asc, table.dataTable thead>tr>td.sorting_desc, table.dataTable thead>tr>td.sorting_asc_disabled, table.dataTable thead>tr>td.sorting_desc_disabled {
    padding-right: 20px !important;
    padding-left: 26px;
}

.dataTables_scrollHead table.dataTable thead th {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
    font-size: 16px;
    color: var(--secondarytext);
    border-color: #d4dadf;
}

table.dataTable thead>tr>th.sorting:before, table.dataTable thead>tr>th.sorting:after, table.dataTable thead>tr>th.sorting_asc:before, table.dataTable thead>tr>th.sorting_asc:after, table.dataTable thead>tr>th.sorting_desc:before, table.dataTable thead>tr>th.sorting_desc:after, table.dataTable thead>tr>th.sorting_asc_disabled:before, table.dataTable thead>tr>th.sorting_asc_disabled:after, table.dataTable thead>tr>th.sorting_desc_disabled:before, table.dataTable thead>tr>th.sorting_desc_disabled:after, table.dataTable thead>tr>td.sorting:before, table.dataTable thead>tr>td.sorting:after, table.dataTable thead>tr>td.sorting_asc:before, table.dataTable thead>tr>td.sorting_asc:after, table.dataTable thead>tr>td.sorting_desc:before, table.dataTable thead>tr>td.sorting_desc:after, table.dataTable thead>tr>td.sorting_asc_disabled:before, table.dataTable thead>tr>td.sorting_asc_disabled:after, table.dataTable thead>tr>td.sorting_desc_disabled:before, table.dataTable thead>tr>td.sorting_desc_disabled:after {
    right: auto !important;
    left: 10px !important;
}

.dataTables_wrapper a.-avatar-shape {
    width: 35px;
    height: 35px;
    display: block;
    margin: 0 auto;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    background-image: url(./katteb_icon.png?v2);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border: 2px solid var(--uicolor);
}

.dataTables_wrapper a.-avatar-shape:hover {
    border-color: var(--secondary-color);
}

.dataTables_wrapper a.-avatar-shape > span {
    display: block;
    height: 100%;
    width: 100%;
    border-radius: 50%;
    background-image: var(--background-image);
    background-size: cover;
    background-position: center;
}

affiliate-stats-root-widget-body.-dtables td.-dt-order_id {
    text-align: center;
    width: 90px !important;
}

td.-dt-commision {
    text-align: right;
    font-size: 16px;
    font-weight: bold;
    color: var(--uicolor);
}

a.-affiliate-stats-table-button {
    display: flex;
    color: white;
    align-items: center;
    background: var(--uicolor);
    height: 34px;
    justify-content: center;
    font-weight: 400;
    border-radius: var(--miniradius);
    font-size: 14px;
    transition: 300ms all ease;
}

a.-affiliate-stats-table-button:hover {
    transition: 50ms all ease;
    background: var(--secondary-color);
}

a.-affiliate-stats-table-button > i {
    margin-right: 6px;
}

table.dataTable tbody th, table.dataTable tbody td {
    padding: 18px 20px !important;
    font-size: 16px;
}

affiliate-stats-root-widget.-commissions table.dataTable tbody td.-dt-commision {
    font-size: 22px !important;
}

body .dataTables_wrapper.no-footer .dataTables_scrollBody {border-color: #d4dadf;}

affiliate-stats-root-widget .dataTables_wrapper .dataTables_info {
    font-size: 16px;
    padding: 28px 30px 0;
    color: var(--secondarytext);
}

affiliate-stats-root-widget.-marketers .dataTables_wrapper .dataTables_info {
    display: none;
}

affiliate-stats-root-widget .dataTables_wrapper .dataTables_paginate {
    padding: 20px 30px 0;
}

table.dataTable.display tbody td.-dt-display_name {
    font-size: 18px;
}

table.dataTable.display tbody tr:hover>td {
    background: #041e460d !important;
    transition: 100ms all ease;
}

table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td {
    border-top: 0 !important;
    box-shadow: 0 0 0 0 !important;
    font-size: 16px;
}

affiliate-stats-root table.dataTable tbody tr.even {
    background: #f4f6f9;
}

affiliate-stats-root table.dataTable tbody tr.odd {
    background: #fff !important;
}

table.dataTable.display tbody tr.odd>.sorting_1, table.dataTable.order-column.stripe tbody tr.odd>.sorting_1 {}

table.dataTable.display tbody tr>.-dt-display_name {
    font-weight: 400;
}

table.dataTable.display tbody tr>.-dt-display_name a {
    color: var(--uicolor);
}

table.dataTable.display tbody tr>.-dt-display_name a > i {
    display: inline-block;
    margin-right: 10px;
    opacity: 0;
}

table.dataTable.display tbody tr>.-dt-display_name a:hover > i {
    opacity: 1;
}

table.dataTable.display tbody tr>.-dt-display_name a:hover {
    color: var(--secondary-color);
}

table.dataTable.display tbody tr>.sorting_1 {
    box-shadow: inset 0 0 0 70px #07315605 !important;
    background: transparent !important;
}

table.dataTable.display tbody td.-dt-actions {
    padding: 0px 16px 0px 30px !important;
}

body .dataTables_wrapper .dataTables_length select {
    border-radius: var(--miniradius);
    padding: 5px 8px;
    font-weight: bold;
}

affiliate-stats-root .dataTables_wrapper .dataTables_length {
    padding: 0 30px;
    font-size: 16px;
}

affiliate-stats-root .dataTables_wrapper .dataTables_filter {
    padding: 0 20px;
    font-size: 18px;
    font-weight: 500;
    color: var(--secondarytext);
}

root .dataTables_wrapper .dataTables_filter input {
    border-radius: var(--miniradius);
    border-color: var(--diver);
    padding: 5px 12px;
    width: 160px;
}

table.dataTable.display tbody td.-dt-date {
}

affiliate-stats-root-widget.-graph affiliate-stats-root-widget-body div#last30days {
    position: absolute;
    bottom: 50%;
    right: 40px;
    left: 40px;
    width: auto !important;
    transform: translate(0, 50%);
}

root.-marketplace-customization rootinside {margin-top: 0;border-radius: 0 0 0;}

affiliate-stats-root-widget-body th.-dt-checkbox {
    width: 18px !important;
    padding-right: 20px !important;
    padding-left: 20px !important;
}

affiliate-stats-root-widget-body th.-dt-checkbox:before, affiliate-stats-root-widget-body th.-dt-checkbox:after {
    display: none !important;
}

.-affiliate-widget-bulkaction {
    padding: 0px 20px 30px;
    display: flex;
--positive: #4cc96d;
--negative: #d53232;
}

.-affiliate-widget-bulkaction > button {
    height: 40px;
    border-radius: var(--miniradius);
    border: 0;
    margin: 0px 8px;
    font-weight: bold;
    font-size: 16px;
    color: white;
    padding: 0px 25px;
}

.-affiliate-widget-bulkaction > button[action].disabled {
    background: var(--disable-button);
    color: var(--disable-text);
}

.-affiliate-widget-bulkaction > button[action="approve"] {
    background: var(--positive);
}

.-affiliate-widget-bulkaction > button[action="decline"] {
    background: var(--negative);
}

div#comms_table_wrapper {}

affiliate-stats-affiliate-labelinfo-outer {
    display: flex;
    flex-wrap: wrap;
    margin: -15px;
    padding: 20px 0px;
}

affiliate-stats-affiliate-labelinfo-outer > affiliate-stats-affiliate-label-info {
    flex: 1;
    margin: 15px;
    min-width: 270px;
    font-size: 20px;
}

affiliate-stats-affiliate-labelinfo-outer > affiliate-stats-affiliate-label-info > strong {
    display: block;
    margin-bottom: 4px;
    font-size: 16px;
    color: #647483;
}

affiliate-stats-affiliate-labelinfo-outer > affiliate-stats-affiliate-label-info > p {display: flex;align-items: center;}

affiliate-stats-affiliate-labelinfo-outer > affiliate-stats-affiliate-label-info > p > img {
    width: 38px;
    margin-left: 10px;
    border-radius: var(--miniradius);
}

affiliate-stats-affiliate-labelinfo-outer > affiliate-stats-affiliate-label-info > p > copy-text {
    font-size: 20px;
    color: black;
}

affiliate-marketer-box {
    display: block;
    margin-bottom: 16px;
}

affiliate-marketer-box > a {
    display: flex;
    align-items: center;
    border-radius: var(--largeradius);
    padding: 12px 5px;
    margin: 0px -20px;
}

affiliate-marketer-box > a > .-avatar-shape {
    width: 80px;
    background-color: var(--bghover);
    height: 80px;
    border-radius: 50%;
    background-image: url(./katteb_icon.png?v2);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    border: 1px solid var(--diver);
    margin: 0px 10px;
}

affiliate-marketer-box > a:hover > .-avatar-shape {
}

affiliate-marketer-box > a > p {
    flex: 1;
    margin: 0 10px;
}

affiliate-marketer-box > a > p > strong {
    display: block;
    font-size: 14px;
    color: var(--uicolor);
    margin-bottom: 2px;
}

affiliate-marketer-box > a > p > span {
    display: block;
    font-size: 22px;
    font-weight: bold;
}

affiliate-marketer-box > a:hover > p > span {
    color: var(--uicolor);
}

affiliate-marketer-box > a > .-avatar-shape:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 50%;
    left: 0;
    bottom: 0;
    background-image: var(--background-image);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

affiliate-marketer-comission {
    display: flex;
}

affiliate-marketer-comission > affiliate-marketer-comission-label {
    font-size: 16px;
    font-weight: bold;
    margin-left: 18px;
    color: var(--secondarytext);
    display: flex;
    align-items: center;
}

affiliate-marketer-comission > affiliate-marketer-comission-percent {
    display: flex;
    max-width: 90px;
    align-items: end;
    border-radius: var(--miniradius);
    margin-left: 8px;
    overflow: hidden;
    position: relative;
}

affiliate-marketer-comission > affiliate-marketer-comission-submit {
    background: var(--uicolor);
    color: white;
    display: flex;
    align-items: center;
    padding: 0px 14px;
    border-radius: var(--miniradius);
    font-weight: bold;
    font-size: 15px;
}

affiliate-marketer-comission > affiliate-marketer-comission-submit.disabled {
    background: var(--disable-button);
    color: var(--disable-text);
}

affiliate-marketer-comission > affiliate-marketer-comission-percent > input {
    flex: 1;
    border: 0;
    background: var(--disable-button);
    font-size: 26px;
    width: 100%;
    padding-right: 20px;
    text-align: center;
    font-weight: bold;
    color: var(--disable-text);
    border-radius: var(--miniradius);
    cursor: not-allowed;
    border: 1px solid var(--diver);
}

affiliate-marketer-comission > affiliate-marketer-comission-percent > input::placeholder {
    color: currentColor;
}

affiliate-marketer-comission > affiliate-marketer-comission-percent > input + span {
    color: var(--disable-text);
}
affiliate-marketer-comission > affiliate-marketer-comission-percent > input:not(:placeholder-shown), affiliate-marketer-comission > affiliate-marketer-comission-percent > input:focus {cursor:inherit;background: transparent;}
affiliate-marketer-comission > affiliate-marketer-comission-percent > input:not(:placeholder-shown) {color: var(--secondary-color);background: transparent;cursor: inherit;}

affiliate-marketer-comission > affiliate-marketer-comission-percent > input:not(:placeholder-shown) + span {
    color: var(--uicolor);
}

affiliate-marketer-comission > affiliate-marketer-comission-percent > span {font-weight: bold;color: var(--uicolor);font-size: 19px;padding-bottom: 4px;position: absolute;bottom: 0;right: 8px;pointer-events: none;}

affiliate-confirmations-buttons {
    display: flex;
    padding-top: 30px;
    margin: 0px -4px;
}

affiliate-stats-root-widget-body > form > affiliate-confirmations-buttons {
    margin: 0;
    padding: 0 25px 30px;
}

affiliate-confirmations-buttons + .alert {
    margin-bottom: 0;
    padding: 13px 18px;
    margin-top: 10px;
    font-size: 16px;
}

affiliate-confirmations-buttons > affiliate-confirmations-button {
    color: white;
    font-weight: 400;
    border-radius: var(--miniradius);
    padding: 0px 18px;
    margin: 0px 4px;
    font-size: 16px;
    background: var(--color);
    display: flex;
    height: 40px;
    align-items: center;
}

affiliate-confirmations-buttons > affiliate-confirmations-button[type="accept"] {
    --color: #60d18a;
    padding: 0px 28px;
}

affiliate-confirmations-buttons > affiliate-confirmations-button[type="decline"] {
    --color: #e36161;
}
affiliate-confirmations-buttons > affiliate-confirmations-button[type="pending"] {
    --color: #0c2b4529;
    color: #0c2b45;
}

affiliate-marketer-comission > affiliate-marketer-comission-price {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: start;
    font-size: 23px;
    font-weight: bold;
    color: var(--uicolor);
    padding: 0px 20px;
    font-family: Arial;
}

affiliate-stats-root-outerflex {
    display: flex;
    align-items: start;
    background: white;
}

affiliate-stats-root-widget .-user-headerbar {
    padding: 40px 20px;
    display: flex;
    align-items: center;
}

affiliate-stats-root-widget .-user-headerbar span {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    display: block;
    background-image: url(./katteb_icon.png?v2);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

affiliate-stats-root-widget .-user-headerbar > * {
    margin: 0px 10px;
}

affiliate-stats-root-widget .-user-headerbar strong {
    display: block;
    margin: 0 auto 0px;
    text-align: center;
    font-size: 26px;
}

affiliate-stats-root-widget .-user-headerbar p-status {
    display: flex;
    align-items: center;
    justify-content: start;
}

affiliate-stats-root-widget .-user-headerbar p-status > * {
    font-weight: bold;
}

affiliate-stats-root-widget .-user-headerbar p-status > offline-label {
    color: #a7b1c5;
}

affiliate-stats-root-widget .-user-headerbar p-status > online-label {
    color: #40bf35;
}

affiliate-stats-root-widget .-user-headerbar strong > copy-text {
    font-size: inherit;
}

affiliate-stats-root-widget .-user-headerbar span:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-image: var(--background-image);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

ul.-user-headerbar-details {
    list-style: none;
    padding: 0px 30px 30px;
}

ul.-user-headerbar-details > li {
    align-items: center;
    line-height: 1.5;
    margin-bottom: 20px;
}

ul.-user-headerbar-details > li:last-child {
    margin-bottom: 0;
}

ul.-user-headerbar-details > li > strong {
    display: block;
    font-size: 15px;
    color: var(--secondarytext);
}

ul.-user-headerbar-details > li > img {
    width: 26px;
    vertical-align: middle;
    margin-left: 11px;
}

ul.-user-headerbar-details > li > i {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    margin-left: 13px;
}

strong.-user-headerbar-details--title {
    padding: 0px 30px;
    margin-bottom: 10px;
}

affiliate-stats-root-widget-root {
    flex: 1;
}

table.dataTable.display tbody tr>.-dt-display_name status-label {
    font-size: 14px;
    display: inline-block;
    margin-right: 8px;
    vertical-align: 1px;
    padding: 4px 10px;
    border-radius: var(--miniradius);
}

table.dataTable.display tbody tr>.-dt-display_name status-label.-status-draft {
    background: #3dcb7126;
    color: #29874b;
}
table.dataTable.display tbody tr>.-dt-display_name status-label.-status-trash {
    background: #cb3d3d26;
    color: #872929;
}

#users_table_full span.-avatar-shape {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-image: url(katteb_icon.png?v2);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    display: inline-block;
    vertical-align: middle;
    margin: 0px 6px;
    position: relative;
}

#users_table_full span.-avatar-shape:before {
    content: '';
    border-radius: 50%;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-image: var(--background-image);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

#users_table_full span.-avatar-shape + a {
    display: inline-block;
    vertical-align: middle;
    margin: 0px 6px;
    font-weight: bold;
}

affiliate-root-success-sent {
    position: absolute;
    top: 55px;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 10;
    background: var(--uicolor);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

affiliate-root-success-sent > lord-icon {
    width: 110px;
    height: auto;
    margin-bottom: 8px;
}

affiliate-root-success-sent > p {
    font-size: 23px;
    max-width: 320px;
    text-align: center;
    font-weight: bold;
    margin-bottom: 30px;
    color: white;
}

affiliate-root-success-sent > affiliate-root-success-sent-button {
    display: flex;
    width: 140px;
    height: 50px;
    font-size: 21px;
    background: white;
    align-items: center;
    justify-content: center;
    border-radius: var(--miniradius);
    font-weight: bold;
    color: var(--uicolor);
}

root#page-default:not(.noneleaderboard) fullpage_withsidebar {
    padding-left: 450px;
    justify-content: center;
    padding-top: 50px;
    padding-bottom: 50px;
}

@media only screen and (max-width: 1460px){

root#page-default:not(.noneleaderboard) fullpage_withsidebar {
    padding-left: 0;
    padding-top: 0;
    padding-right: 0 !important;
    padding-bottom: 0;
}
}

formal-page {
    display: block;
    background: white;
    padding-bottom: 0px;
}

formal-page-title {
    display: flex;
    flex-direction: column;
    text-align: center;
    justify-content: center;
    align-items: center;
}

formal-page-title > svg {
    height: 90px;
    width: auto;
}

marketplace-root {
    display: flex;
    min-height: 100vh;
    align-items: center;
    justify-content: center;
    background: #e9eff6;
    
--largeradius: 30px;
--miniradius: 15px;
--secondarytext: #929ba3;
--uicolor: #186cb5;--secondarytext-focused: #6f7881;
--textcolor: #02254c;
    padding: 80px 0;
}

marketplace-root.-ordinary {
    display: block;
    padding: 64px 30px 30px 30px;
}

marketplace-root > marketplace-root-container {
    display: block;
    padding: 50px 0;
    max-width: 1280px;
    margin: 0 auto;
}

marketplace-root.-ordinary.-single > marketplace-root-container {
    max-width: 870px;
}

form > marketplace-root > marketplace-root-container {
    max-width: 800px;
}

form > marketplace-root > marketplace-root-container marketplace-root-nodata > svg {
    width: 200px;
    margin-bottom: -20px;
}

form > marketplace-root > marketplace-root-container marketplace-root-nodata > p {
    font-size: 18px;
}

marketplace-root > marketplace-root-container > h1 {
    font-size: 38px;
    font-weight: 500;
    margin-bottom: 30px;
    display: inline-block;
}

marketplace-root > marketplace-root-container > h1.-flexed-form-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

marketplace-root > marketplace-root-container > h1.-flexed-form-title > .-quick-access-user {
    border: 1px solid var(--diver);
    border-radius: var(--miniradius);
    background: white;
}
marketplace-root > marketplace-root-container > h1.-flexed-form-title > .-quick-access-user > form {
    display: flex;
}

marketplace-root > marketplace-root-container > h1.-flexed-form-title > .-quick-access-user > form > input {
    height: 50px;
    padding: 0 20px;
    border: 0;
    border-radius: 6px;
    margin-inline-end: 14px;
    width: 250px;
    font-size: 16px;
    font-weight: 200;
    background: transparent;
}

marketplace-root > marketplace-root-container > h1.-flexed-form-title > .-quick-access-user > form > button {
    font-weight: 300;
    border: 0;
    background: var(--uicolor);
    color: white;
    padding: 0 18px;
    border-radius: 11px;
    font-size: 14px;
    margin: 6px;
}

marketplace-root > marketplace-root-container > h1.-template-tilehead {
    display: inline-flex;
    align-items: center;
}

marketplace-root > marketplace-root-container > h1.-template-tilehead > a {
    width: 60px;
    height: 60px;
    border-radius: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-inline-end: 20px;
}

marketplace-root > marketplace-root-container > h1.-template-tilehead > i {
    width: 70px !important;
    height: 70px !important;
    margin-inline-end: 20px;
    font-size: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
}

marketplace-root > marketplace-root-container > h1.-template-tilehead > strong {}

marketplace-root > marketplace-root-outer {
    flex: 1;
    max-width: 640px;
    padding: 20px;
}

marketplace-root > marketplace-root-outer > marketplace-root-title {
    display: block;
    font-size: 30px;
    text-align: center;
    font-weight: bold;
}

marketplace-root > marketplace-root-outer > marketplace-root-description {
    display: block;
    text-align: center;
    font-size: 20px;
    padding-top: 2px;
    color: var(--secondarytext);
}

marketplace-root > marketplace-root-outer > marketplace-root-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 90px;
    margin-bottom: 28px;
    color: var(--uicolor);
}

marketplace-root-switch {
    display: flex;
    padding: 50px 0;
    margin: 0 auto;
}

marketplace-root-switch > marketplace-root-switch-button {
    display: block;
    margin: 20px 28px;
    flex: 1;
    transition: 300ms all ease;
    position: relative;
    z-index: 1;
}

marketplace-root-switch > marketplace-root-switch-button:hover marketplace-root-switch-button-placeholder {
    transition: 100ms all ease;
}

marketplace-root-switch > marketplace-root-switch-button > label {
    display: flex;
    height: 100%;
    cursor: pointer;
    position: relative;
    flex-direction: column;
    justify-content: center;
    padding: 29px 30px;
}

marketplace-root-switch > marketplace-root-switch-button > label > input {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    opacity: 0;
    cursor: pointer;
    z-index: 5;
}

marketplace-root-switch > marketplace-root-switch-button > label > i.fa {
    color: var(--secondarytext);
    display: flex;
    margin-bottom: 13px;
    height: 38px;
    width: 38px;
    border: 6px solid;
    border-radius: var(--largeradius);
    align-items: center;
    justify-content: center;
    font-size: 26px;
    padding-top: 2px;
    transition: 50ms all ease;
    transform: scale(.6) translate(10px, 7px);
}

marketplace-root-switch > marketplace-root-switch-button:hover > label > i.fa {
    color: var(--secondarytext-focused);
}

marketplace-root-switch > marketplace-root-switch-button:hover > label > span, marketplace-root-switch > marketplace-root-switch-button:hover > label > p, marketplace-root-switch > marketplace-root-switch-button:hover > label > i.fa {
    color: var(--secondarytext-focused);
}

marketplace-root-switch > marketplace-root-switch-button > label > span {
    font-size: 20px;
    color: var(--secondarytext);
    font-weight: bold;
    margin-bottom: 4px;
    transition: 50ms all ease;
}

marketplace-root-switch > marketplace-root-switch-button > label > p {
    font-size: 16px;
    color: var(--secondarytext);
    transition: 50ms all ease;
}

marketplace-root-switch > marketplace-root-switch-button > label > input:checked ~ i.fa {
    background: var(--uicolor);
    color: white;
    border-color: var(--uicolor);
    transition: 80ms all ease;
    box-shadow: 0px 4px 9px #3483dba1;
    transform: scale(1);
}

marketplace-root-switch > marketplace-root-switch-button > label > input:checked ~ span {
    color: var(--uicolor);
    transition: 80ms all ease;
}

marketplace-root-switch > marketplace-root-switch-button > label > input:checked ~ p {
    color: var(--secondary-ccolor);
    transition: 80ms all ease;
}

marketplace-root-switch > marketplace-root-switch-button > label > input:checked ~ i.fa:before {
    opacity: 1;
    color: white;
}

marketplace-root-switch > marketplace-root-switch-button > label > i.fa:before {
    opacity: 0;
    transition: 200ms 100ms all ease;
}

marketplace-root-submit {
    display: flex;
    align-items: center;
    justify-content: center;
}

marketplace-root-submit > button {
    border: 0;
    background: var(--uicolor);
    box-shadow: 0px 11px 18px #3483db69;
    color: white;
    height: 60px;
    font-size: 18px;
    padding: 0px 42px;
    border-radius: var(--largeradius);
    font-weight: 400;
}

marketplace-root-submit > button > i {
    padding-right: 10px;
}

marketplace-root-switch-button-placeholder {
    position: absolute;
    top: 0;
    right: -6px;
    left: -6px;
    bottom: -10px;
    pointer-events: none;
    z-index: -1;
    border-radius: var(--largeradius);
    background: #ffffff82;
    transition: 100ms all ease;
}

marketplace-root-switch > marketplace-root-switch-button > label > input:checked ~ marketplace-root-switch-button-placeholder {
    background: white;
    transform: scale(1.2, 1.24);
    bottom: -2px;
}

marketplace-root-header {
    display: flex;
    justify-content: space-between;
    margin: 0;
}

marketplace-root-header > * {
}

marketplace-root-header > marketplace-root-header-menu {
    display: flex;
    position: relative;
}

marketplace-root-header > marketplace-root-header-menu > a {
    display: flex;
    align-items: center;
    padding: 9px 20px;
    line-height: 1.2;
    margin-inline-end: 8px;
    transition: 300ms all ease;
    font-size: 17px;
    position: relative;
    color: var(--secondary-color);
    font-weight: 400;
    justify-content: center;
    border-radius: var(--largeradius);
}

marketplace-root-header > marketplace-root-header-menu > a.-create {
    border: 2px solid;
    color: var(--uicolor);
    font-size: 16px;
    padding: 7px 18px;
}

marketplace-root-header > marketplace-root-header-menu > a.-create > i {
    margin-inline-n: 8px;
    font-size: 20px;
}

marketplace-root-header > marketplace-root-header-menu > a:hover {
}

marketplace-root-header > marketplace-root-header-menu > a.-selected {
    color: white !important;
    background: var(--uicolor);
    border-color: var(--uicolor);
    font-weight: 400;
    box-shadow: 0 3px 20px #196db66b;
}

marketplace-root-header > marketplace-root-header-menu > a > i {font-size: 18px;margin-inline-end: 8px;height: 22px;width: 22px;display: flex !important;align-items: center;justify-content: center;}

marketplace-root-header-wallet {
    width: 300px;
    background: white;
    display: flex;
}

marketplace-root-header-wallet > marketplace-root-header-wallet-body {
    flex: 1;
    margin: 18px 18px 18px 50px;
    background: #010b67;
    border-radius: var(--largeradius);
    color: white;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px;
}

marketplace-root-header-wallet > marketplace-root-header-wallet-body > strong {
    display: block;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 7px;
    color: #a3ace7;
}

marketplace-root-header-wallet > marketplace-root-header-wallet-body > ballance-value {
    display: block;
    direction: ltr;
    font-size: 34px;
    font-weight: bold;
    line-height: 1;
}

marketplace-root-header-wallet > marketplace-root-header-wallet-body > span.-charge {
    background: #ffe634;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3px 18px;
    font-size: 12px;
    border-radius: var(--miniradius);
    color: #010b67;
    margin-top: 13px;
}

marketplace-root-header-wallet > marketplace-root-header-wallet-body > span.-charge > i {
    margin-left: 5px;
}

marketplace-root-banner {
    display: flex;
    position: relative;
    z-index: 1;
    padding: 50px 50px 28px;
    align-items: center;
}

marketplace-root-banner > a.-create {
    background: var(--uicolor);
    color: white;
    padding: 10px 30px;
    font-size: 18px;
    border-radius: var(--largeradius);
}

marketplace-root-banner > a.-create > i {
    margin-left: 10px;
}

marketplace-root-banner > h1 {
    font-size: 36px;
    margin-left: 40px;
}

marketplace-root-banner > h1 > i {
    margin-left: 13px;
    color: var(--uicolor);
}

marketplace-root-header-outer {
    display: flex;
    align-items: center;
}

marketplace-root-header-body {
    flex: 1;
}

body .-servicemodel-box:not(.invite):not(.roadmap) {
    background: white !important;
    border: 1px solid #d7dee5;
    box-shadow: 0 0 0 0px var(--primarybg), 0 0 0 0px #fff, 0 0 0px 0px var(--primarybg);
    transition: transform 300ms ease;
}

body .-servicemodel-box {
    margin: 0 17px 32px;
}

body .-servicemodel-box:not(.invite):not(.roadmap):hover {
    border-color: var(--primarybg);
    box-shadow: 0 0 0 1px var(--primarybg), 0 10px 0 34px #ffffffe8, 0 14px 20px 6px var(--primarybg);
    transition: 50ms all ease;
    transform: translate(0px, -1px);
}

body .-servicemodel-box:not(.invite):not(.roadmap) item_inner>item_desc {
    color: var(--secondary-color);
}

body .-servicemodel-box:not(.invite):not(.roadmap) item_inner>item_desc {
    color: #8b9cab;
}

.feature__section__info__buttons>.invite item_desc, .feature__section__info__buttons>.roadmap item_desc {font-weight: 300 !important;}

body .-servicemodel-box item_title>strong {
    font-weight: 400;
    font-size: 14px;
    text-transform: uppercase;
}

html[dir="rtl"] body .-servicemodel-box item_title>strong {
    font-size: 14px;
}

body .-servicemodel-box:not(.invite):not(.roadmap) item_title>strong {color: var(--secondary-color);}

body .-servicemodel-box:not(.invite):not(.roadmap):hover item_title>strong {
    color: var(--primarybg);
    transition: 100ms all ease;
}

body .-servicemodel-box:not(.invite):not(.roadmap) item_title>span {
    color: var(--secondary-color);
}

body .-servicemodel-box:hover item_title>strong {
    opacity: 1;
}

body .feature__section__info__buttons {
    margin: 0 -17px 20px;
}

body .-servicemodel-box item_inner>item_icon {
    opacity: .8;
    transition: 200ms all ease;
}

a.-styling_model-fire- * {
    opacity: 1 !important;
}

body .-servicemodel-box:hover item_inner>item_icon {
    opacity: 1;
}

marketplace-label-title {
    display: flex;
    align-items: center;
    font-size: 20px;
    color: var(--secondary-color);
    font-weight: bold;
    margin-inline-end: 30px;
    line-height: 1.5;
}

marketplace-label-title > i {
    margin-inline-end: 9px;
}

dash-breadcrumbs>marketplace-label-title > i {
    margin-left: 11px;
}

.-marketplace-customization header {
    /* background: white !important; */
}

.-marketplace-customization header:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin-inline-start: 80px;
    background: #e9eff6;
    z-index: -1;
}

.-marketplace-customization header.hasbg dash-breadcrumbs {}

marketplace-root-widget {
    background: white;
    display: block;
    border-radius: var(--miniradius);
    min-height: 280px;
    margin: 0 auto;
    margin-bottom: 30px;
--diver: #e1e4e7;
}

marketplace-root-widget.-yourwalletwidget {
    min-height: 130px;
    background: #3545db;
    color: white;
    display: flex;
    padding: 0 54px;
    box-shadow: 0 7px 17px #3545db6e;
    margin-bottom: 50px;
    align-items: center;
    justify-content: space-between;
}

marketplace-root-widget.-search {
    min-height: auto;
}

marketplace-root-widget.-search > form {display: flex;padding: 16px 30px;}

marketplace-root-widget.-search > form > label {
    margin: 10px;
    position: relative;
}

marketplace-root-widget.-search > form > label > select {
    display: block;
    height: 100%;
    border-radius: var(--miniradius);
    border: 1px solid var(--diver);
    font-size: 20px;
    font-weight: 300;
    padding: 0 26px 0 26px;
    padding-inline-end: 60px;
    width: 100%;
    appearance: none;
    color: var(--secondary-color);
    cursor: pointer;
}

marketplace-root-widget.-search > form > label > select:focus {
    border-color: var(--secondary-color);
}

marketplace-root-widget.-search > form > label.-query {
    flex: 1;
}

marketplace-root-widget.-search > form > label.-select {
}

marketplace-root-widget.-search > form > label.-select > i {
    left: 0;
    color: var(--secondary-color);
}

marketplace-root-widget.-search > form > label > input {
    display: block;
    width: 100%;
    height: 70px;
    border: 1px solid var(--diver);
    border-radius: var(--miniradius);
    padding-inline-start: 70px;
    font-size: 20px;
    font-weight: 300;
}

marketplace-root-widget.-search > form > label > input:focus {
    border-color: var(--secondary-color);
}

marketplace-root-widget.-search > form > label > input:focus::placeholder {
    opacity: .5;
}

marketplace-root-widget.-search > form > label > i {
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    width: 80px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    color: var(--secondarytext);
}

marketplace-root > marketplace-root-container > marketplace-root-widget:last-child {
    margin-bottom: 0;
}

marketplace-root-widget > marketplace-root-widget-title {
    display: block;
    padding: 25px 50px;
    font-size: 25px;
}


marketplace-root-widget-columns {
    display: flex;
    margin: -20px;
}

marketplace-root-widget-columns > marketplace-root-widget {
    flex: 1;
    margin: 20px;
}

marketplace-root-widget-columns > marketplace-root-widget.wallet {
    flex: inherit;
    width: 280px;
}

.-marketplace-rowform {
    display: flex;
    margin: -12px -12px 27px;
}

.-marketplace-rowform > * {
    flex: 1;
    margin: 12px;
}

label.-marketplace-labelform .fr-box.fr-basic .fr-wrapper {
    border-radius: 0 0 10px 10px;
    border-bottom-width: 2px;
}

label.-marketplace-labelform .-selectbox {
    margin: 0;
}

label.-marketplace-labelform > span {
    display: block;
    font-size: 16px;
    margin-bottom: 7px;
    color: var(--secondarytext);
    font-weight: 400;
}

.-widgetmodel.-widget-offer-form label.-marketplace-labelform > span {
    color: var(--secondarytext-focused);
}

label.-marketplace-labelform > fullpage_build__form__body__inputs_item {
    margin: 0;
}

label.-marketplace-labelform > fullpage_build__form__body__inputs_item.-numberrange {
    display: flex;
}

label.-marketplace-labelform > fullpage_build__form__body__inputs_item.-numberrange > input[type="text"] {
    width: 130px;
    margin-inline-start: 20px;
    padding: 10px 14px;
    text-align: center;
    height: 52px;
    font-size: 23px;
    color: var(--uicolor);
    font-weight: bold;
}

label.-marketplace-labelform > fullpage_build__form__body__inputs_item.-numberrange.-price > input[type="text"] {
    font-size: 28px;
    color: var(--textcolor);
}

label.-marketplace-labelform > fullpage_build__form__body__inputs_item.-numberrange > input[type="range"] {
  height: 52px;
  -webkit-appearance: none;
}
label.-marketplace-labelform > fullpage_build__form__body__inputs_item.-numberrange > input[type="range"]:focus {
  outline: none;
}
label.-marketplace-labelform > fullpage_build__form__body__inputs_item.-numberrange > input[type="range"]::-webkit-slider-runnable-track {
  width: 100%;
  height: 50px;
  cursor: pointer;
  border-radius: 8px;
  border: 1px solid var(--diver);
}
label.-marketplace-labelform > fullpage_build__form__body__inputs_item.-numberrange > input[type="range"]::-webkit-slider-thumb {
  box-shadow: 0 0 0 3px white, 0 0 0 4px var(--uicolor);
  height: 54px;
  width: 18px;
  border-radius: 5px;
  background: var(--uicolor);
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -2px;
}

label.-marketplace-labelform > fullpage_build__form__body__inputs_item.-numberrange > input[type="range"]:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 4px #fff, 0 0 0 6px var(--uicolor);
}
label.-marketplace-labelform > fullpage_build__form__body__inputs_item.-numberrange > input[type="range"]:focus::-webkit-slider-runnable-track {
  border-color: var(--uicolor);
  box-shadow: 0 0 0 1px var(--uicolor), 0 0 0 5px #186cb521;
}
label.-marketplace-labelform > fullpage_build__form__body__inputs_item.-numberrange > input[type="range"]::-moz-range-track {
  width: 100%;
  height: 10px;
  cursor: pointer;
  animate: 0.2s;
  box-shadow: 1px 1px 1px #000000;
  background: #3071A9;
  border-radius: 5px;
  border: 1px solid #000000;
}
label.-marketplace-labelform > fullpage_build__form__body__inputs_item.-numberrange > input[type="range"]::-moz-range-thumb {
  box-shadow: 1px 1px 1px #000000;
  border: 1px solid #000000;
  height: 30px;
  width: 15px;
  border-radius: 5px;
  background: #FFFFFF;
  cursor: pointer;
}
label.-marketplace-labelform > fullpage_build__form__body__inputs_item.-numberrange > input[type="range"]::-ms-track {
  width: 100%;
  height: 10px;
  cursor: pointer;
  animate: 0.2s;
  background: transparent;
  border-color: transparent;
  color: transparent;
}
label.-marketplace-labelform > fullpage_build__form__body__inputs_item.-numberrange > input[type="range"]::-ms-fill-lower {
  background: #3071A9;
  border: 1px solid #000000;
  border-radius: 10px;
  box-shadow: 1px 1px 1px #000000;
}
label.-marketplace-labelform > fullpage_build__form__body__inputs_item.-numberrange > input[type="range"]::-ms-fill-upper {
  background: #3071A9;
  border: 1px solid #000000;
  border-radius: 10px;
  box-shadow: 1px 1px 1px #000000;
}
label.-marketplace-labelform > fullpage_build__form__body__inputs_item.-numberrange > input[type="range"]::-ms-thumb {
  margin-top: 1px;
  box-shadow: 1px 1px 1px #000000;
  border: 1px solid #000000;
  height: 30px;
  width: 15px;
  border-radius: 5px;
  background: #FFFFFF;
  cursor: pointer;
}
label.-marketplace-labelform > fullpage_build__form__body__inputs_item.-numberrange > input[type="range"]:focus::-ms-fill-lower {
  background: #3071A9;
}
label.-marketplace-labelform > fullpage_build__form__body__inputs_item.-numberrange > input[type="range"]:focus::-ms-fill-upper {
  background: #3071A9;
}input[type=range].ps1 {
  height: 34px;
  -webkit-appearance: none;
  margin: 10px 0;
  width: 100%;
}
label.-marketplace-labelform > fullpage_build__form__body__inputs_item.-numberrange > input[type="range"] {
    box-shadow: 0 0 0;
    padding: 0;
    border: 0;
}

label.-marketplace-labelform > fullpage_build__form__body__inputs_item > input, label.-marketplace-labelform > fullpage_build__form__body__inputs_item > textarea {
    padding: 20px;
}

label.-marketplace-labelform > fullpage_build__form__body__inputs_item > input {
    height: 60px;
}
label.-marketplace-labelform > fullpage_build__form__body__inputs_item textarea:placeholder-shown, label.-marketplace-labelform > fullpage_build__form__body__inputs_item input:placeholder-shown {
    color: var(--secondarytext);
    border-color: var(--diver);
}

label.-marketplace-labelform > fullpage_build__form__body__inputs_item textarea::placeholder, label.-marketplace-labelform > fullpage_build__form__body__inputs_item input::placeholder {
    color: currentColor;
}
label.-marketplace-labelform > fullpage_build__form__body__inputs_item textarea, label.-marketplace-labelform > fullpage_build__form__body__inputs_item input {
    border: 1px solid #c2cfdf;
    border-radius: var(--miniradius);
    box-shadow: 0px 1px 9px -5px var(--shadow-1);
    color: black;
    font-weight: 400;
    font-size: 22px;
}

label.-marketplace-labelform > fullpage_build__form__body__inputs_item textarea {
    height: 240px;
    font-size: 18px;
    line-height: 1.7;
}

label.-marketplace-labelform > fullpage_build__form__body__inputs_item textarea#offer_note {
    height: 150px;
}

label.-marketplace-labelform > fullpage_build__form__body__inputs_item textarea:focus, label.-marketplace-labelform > fullpage_build__form__body__inputs_item input:focus {
    border-color: var(--uicolor);
    box-shadow: 0 0 0 1px var(--uicolor), 0 0 0 5px #186cb521;
}

label.-marketplace-labelform > fullpage_build__form__body__inputs_item input__meter {
    height: auto;
}

.-speed-switch-outer {
    display: flex;
    flex-direction: column;
    width: 140px;
    height: 80px;
    justify-content: center;
    align-items: center;
}

marketplace-root marketplace-root-widget-footer {
    display: flex;
    justify-content: end;
    margin: -4px;
}

marketplace-root marketplace-root-widget-footer > button {
    border: 0;
    height: 50px;
    padding: 0px 30px;
    background: transparent;
    font-size: 18px;
    display: flex;
    align-items: center;
    border-radius: var(--miniradius);
    margin: 4px;
    color: var(--secondarytext-focused);
}

marketplace-root marketplace-root-widget-footer > button > i {
    margin-inline-start: 10px;
}

marketplace-root marketplace-root-widget-footer > button:last-child {
    background: var(--uicolor);
    color: white;
}

marketplace-root-widget.-yourwalletwidget > .-yourwalletwidget-balance {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

marketplace-root-widget.-yourwalletwidget > .-yourwalletwidget-balance > span {
    font-size: 46px;
    font-family: Arial;
    line-height: .9;
    font-weight: 600;
    margin-bottom: 0;
}

marketplace-root-widget.-yourwalletwidget > .-yourwalletwidget-balance > p {
    opacity: .8;
    font-size: 16px;
}

marketplace-root-widgets-title {display: flex;font-size: 31px;font-weight: 400;align-items: center;position: relative;z-index: 1;}

marketplace-root-widgets-title > span.avatar_span {
    width: 70px;
    position: relative;
    height: 70px;
    margin-inline-end: 20px;
    border: 4px solid white;
}

marketplace-root-widgets-title > span.avatar_span:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-image: url(katteb_icon.png?v2);
    background-size: cover;
    background-position: center;
    z-index: -1;
}

marketplace_credits-items {
    display: flex;
    flex-direction: column;
    
--secondarytext: #7a8695;
--diver: #e9eff6;
    border-radius: var(--largeradius);
    margin: -10px -10px 11px;
--uicolor: #3545db;
}

marketplace_credits-items > marketplace_credits-item {
    display: flex;
    align-items: center;
    padding: 26px 38px;
    cursor: pointer;
    color: var(--secondarytext);
    overflow: hidden;
    border: 1px solid #e9eff6;
    border-radius: var(--miniradius);
    margin: 10px;
    position: relative;
}

marketplace_credits-items > marketplace_credits-item:hover {
    border-color: #cbd5e1;
}

marketplace_credits-items > marketplace_credits-item:hover:before {
    background: #cbd5e1 !important;
}

marketplace_credits-items > marketplace_credits-item:hover {--secondarytext:var(--textcolor);--diver:var(--diver-hover);}

marketplace_credits-items > marketplace_credits-item:hover, marketplace_credits-items > marketplace_credits-item:hover *:not(marketplace_credits-item-check) {
}


marketplace_credits-items > marketplace_credits-item:last-child {
}

marketplace_credits-items > marketplace_credits-item.-featured {}

marketplace_credits-items > marketplace_credits-item.-featured:before {
    content: '';
    height: 30px;
    width: 110px;
    position: absolute;
    top: 10px;
    right: -70px;
    background: #e9eff6;
    transform: rotate(45deg);
}

marketplace_credits-items > marketplace_credits-item.-selected:before {
    background: var(--uicolor) !important;
}

marketplace_credits-items > marketplace_credits-item.-selected {background: #3545db1a;--secondarytext:var(--uicolor);border-color: var(--uicolor);box-shadow: inset 0 0 0 1px var(--uicolor);}

marketplace_credits-items > marketplace_credits-item marketplace_credits-item-price {}

marketplace_credits-items > marketplace_credits-item marketplace_credits-item-price > marketplace_credits-item-price-more {
    display: flex;
    background: #0095ff14;
    color: #0095ff;
    height: 36px;
    border-radius: var(--largeradius);
    align-items: center;
    padding: 0px 16px;
}

marketplace_credits-items > marketplace_credits-item.-selected marketplace_credits-item-price-more {
    background: var(--secondary-color);
    color: white;
}

marketplace_credits-items > marketplace_credits-item marketplace_credits-item-price > marketplace_credits-item-price-more > i {
    margin-inline-end: 3px;
}

marketplace_credits-items > marketplace_credits-item marketplace_credits-item-price > marketplace_credits-item-price-more > p {
    font-size: 18px;
    display: flex;
    align-items: center;
}

marketplace_credits-items > marketplace_credits-item marketplace_credits-item-price > marketplace_credits-item-price-more > p > span {
    font-weight: 600;
    font-family: Arial;
}

marketplace_credits-items > marketplace_credits-item marketplace_credits-item-price > marketplace_credits-item-price-more > p > em {
    font-style: normal;
    padding-inline-start: 8px;
    font-size: 13px;
}

marketplace_credits-items > marketplace_credits-item marketplace_credits-item-price > marketplace_credits-item-price-inner {
    font-family: Arial;
    font-weight: 600;
    font-size: 30px;
}

marketplace_credits-items > marketplace_credits-item marketplace_credits-item-check {
    width: 30px;
    height: 30px;
    border: 2px solid var(--diver);
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: transparent;
    margin-inline-end: 29px;
    font-size: 20px;
}

marketplace_credits-items > marketplace_credits-item:hover marketplace_credits-item-check {
    border-color: #cbd5e1;
}

marketplace_credits-items > marketplace_credits-item.-selected marketplace_credits-item-check {
    border-color: #deebf5;
    background: var(--uicolor);
    box-shadow: 0 0 0 3px var(--uicolor);
    border-width: 5px;
    transform: scale(.8);
}

marketplace_credits-items > marketplace_credits-item > * {
}

marketplace_credits-items > marketplace_credits-item > marketplace_credits-item-info {margin-inline-end: 20px;}

marketplace_credits-items > marketplace_credits-item > marketplace_credits-item-info > strong {
    display: block;
    font-size: 20px;
    font-weight: 400;
    color: var(--secondarytext);
}

marketplace_credits-items-title {
    display: block;
    font-size: 18px;
    color: var(--secondarytext);
    margin-bottom: 12px;
}

marketplace_credits-items-footer {
    display: flex;
    --uicolor: #3545db;
    justify-content: end;
}

marketplace_credits-items-footer > * {
    display: flex;
    align-items: center;
    background: var(--uicolor);
    color: white;
    padding: 14px 30px;
    font-size: 18px;
    font-weight: 300;
    border-radius: var(--miniradius);
}

marketplace_credits-items-footer > *.disabled {
    background: var(--disable-button);
    color: var(--disable-text);
}

marketplace_credits-items-footer > * > i {
    margin-inline-start: 12px;
    font-size: 20px;
}

marketplace-root-widget-header {
    display: flex;
    align-items: center;
    padding: 40px 40px 0;
}

marketplace-root-widget-header > h1 {
    font-size: 30px;
    color: var(--secondary-color);
}

marketplace-root-widget-table-td.-status order-label {
    font-size: 14px;
    height: 28px;
    display: flex;
    align-items: center;
    padding: 0px 9px;
    border-radius: 5px;
    font-weight: 400;
    cursor: pointer;
}

marketplace-root-widget-table-td.-status order-label.-status-done {
    background: var(--uicolor);
    color: white;
    font-size: 15px;
    height: 38px;
    padding: 0 17px;
    margin: -4px 0;
    border-radius: 8px;
}

marketplace-root-widget-table-td.-status order-label.-status-done > i {
    font-size: 16px;
    opacity: 1;
}

marketplace-root-widget-table-td.-status order-label.-status-pending {
    color: var(--textcolor);
    background: #02254c1f;
    height: 30px;
    box-shadow: 0 0 0 2px var(--textcolor);
    font-size: 14px;
    padding: 0 14px;
    animation: opacity20 ease 700ms alternate infinite;
}

marketplace-root-widget-table-td.-status order-label > i {
    margin-inline-end: 8px;
    opacity: .8;
}

marketplace-root-widget-table-td.-status order-label.-status-draft {background: #e9ecee94;color: #1d3b5e;}

.-marketplace-order-titletd {display: flex;align-items: center;flex-wrap: wrap;}

.-marketplace-order-titletd > time {
    min-width: 100%;
    font-size: 13px;
    color: var(--secondarytext);
    font-weight: 200;
}

.-marketplace-order-titletd img {
    width: 22px;
    margin-inline-start: 16px;
    position: relative;
    z-index: 2;
    margin-inline-end: 3px;
}

.-marketplace-order-titletd > strong {
    font-weight: 400;
}

.-marketplace-order-titletd .-notebutton {
    display: inline-flex;
    vertical-align: middle;
    color: #ff9900;
    padding: 3px 4px;
    position: relative;
    z-index: 2;
    cursor: pointer;
    margin-inline-start: 5px;
    border-radius: 8px;
    font-size: 21px;
}

ul.-marketplace-order-root {
    flex-wrap: wrap;
    list-style: none;
    display: flex;
    padding: 0px 35px;
    margin-bottom: -15px;
--secondarytext: #777e87;
}

marketplace-root.-ordinary.-single.-asendio > marketplace-root-container .-widgetmodel.-widget-orderpage ul.-marketplace-order-root {
    overflow: hidden;
    display: block;
}

ul.-marketplace-order-root > li {display: flex;font-size: 16px;font-weight: 500;flex: 1;white-space: nowrap;min-width: 260px;padding: 15px 15px;flex-direction: column;}

ul.-marketplace-order-root > li.-numofwords > p {
    font-size: 17px;
    color: var(--uicolor);
    line-height: 1.1;
}

ul.-marketplace-order-root > li.-delivery_speed_6hrs > p > i {
    color: #ff6c00;
}
ul.-marketplace-order-root > li.-delivery_speed_60mins > p > i {
    color: #ff331e;
}

ul.-marketplace-order-root > li:last-child {
    border-bottom: 0;
}

ul.-marketplace-order-root > li > strong {
    font-weight: 400;
    color: var(--secondarytext);
    font-size: 14px;
    margin-bottom: 2px;
}

ul.-marketplace-order-root > li > p {}

ul.-marketplace-order-root > li > p > img {
    width: 26px;
    vertical-align: -4px;
    margin-inline-end: 8px;
}

ul.-marketplace-order-root > li > p > i {
    font-weight: bold;
    margin-inline-start: 3px;
}

ul.-marketplace-order-root-alpha {
    list-style: none;
    display: flex;
    margin: -8px -8px 0;
}

ul.-marketplace-order-root-alpha > li {
    position: relative;
    border-radius: var(--miniradius);
    margin: 8px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: var(--color);
    padding-right: 52px;
}

ul.-marketplace-order-root-alpha > li.-delivery_speed {--color:var(--uicolor);}

ul.-marketplace-order-root-alpha > li.-delivery_speed > p {
    font-size: 18px;
    font-weight: 400;
}

ul.-marketplace-order-root-alpha > li.-numberofwords {
    --color:
    var(--secondary-color);
}

ul.-marketplace-order-root-alpha > li > i {
    position: absolute;
    top: 0;
    right: 0;
    width: 44px;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 26px;
    font-weight: bold;
}

ul.-marketplace-order-root-alpha > li > p {
    font-size: 18px;
    line-height: 1.2;
    padding-top: 0px;
    font-weight: bold;
}

ul.-marketplace-order-root-alpha > li > strong {
    font-weight: 400;
    font-size: 14px;
    line-height: 1.4;
    color: var(--textcolor);
}

marketplace-order-root.-grid-widgets div.-widget-header .-widget-tabs {
    display: flex;
    margin: 0 -20px;
}

marketplace-order-root.-grid-widgets div.-widget-header .-widget-tabs > a {
    display: flex;
    align-items: center;
    padding: 0px 0px 10px;
    font-size: 21px;
    color: var(--textcolor);
    border-bottom: 5px solid transparent;
    margin: 0px 20px;
}

marketplace-order-root.-grid-widgets div.-widget-header .-widget-tabs > a.-selected {
    border-color: var(--uicolor);
    color: var(--uicolor);
}

marketplace-order-root.-grid-widgets div.-widget-header .-widget-tabs > a > i {
    margin-inline-end: 16px;
    font-weight: bold;
}

.-marketplace-note > .-marketplace-note-title {
    display: flex;
    align-items: center;
    font-size: 18px;
    color: #bd7100;
}

.-marketplace-note > .-marketplace-note-title > span {
    flex: 1;
}

.-marketplace-note .-marketplace-note-body {
    font-size: 16px;
    line-height: 1.6;
    font-weight: 300;
    color: #482b00;
}

.-marketplace-note .-marketplace-note-body a:hover {
    color: var(--textcolor);
}

.-marketplace-note .-marketplace-note-body a {
    color: var(--uicolor);
    text-decoration: underline;
}

.-marketplace-note .-marketplace-note-body * {
    margin: revert;
}

.-marketplace-note .-marketplace-note-body *:last-child {
    margin-bottom: 0;
}

.-marketplace-note > .-marketplace-note-title > i {
    width: 22px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-inline-end: 18px;
    font-size: 22px;
    color: #ff9900;
    border-radius: 50%;
}

.-widget-offers-outer {
    min-height: 380px;
}

.-widget-offers-reload {
    height: 7px;
    width: 168px;
    box-shadow: inset 0 0 0 1px var(--uicolor);
    border-radius: var(--largeradius);
    display: flex;
    overflow: hidden;
}

.-widget-offers-reload > span {
    width: 0px;
    background: var(--uicolor);
    border-radius: 100px;
    transition: 30s all linear;
}

.-widget-offers-reload-text {}

.-widget-offers-reload-outer {
    display: flex;
    align-items: center;
    font-size: 20px;
    font-weight: bold;
    color: var(--uicolor);
    justify-content: space-around;
}

marketplace-root-widget-body > h1.-friendly > span.-friendly-title-avatar {
    width: 60px;
    height: 60px;
    margin-inline-end: 30px;
    border-radius: 50px;
    background-image: url(./katteb_icon.png?v2);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    box-shadow: 0 0 0 2px white, 0 0 0 5px var(--uicolor);
}

marketplace-root-widget-body > h1.-friendly > p > strong {
    color: var(--uicolor);
}

marketplace-root-widget-body > h1.-friendly > span.-friendly-title-avatar > .-friendly-title-avatar-avatar_span {
    display: block;
    height: 100%;
    border-radius: 50%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

marketplace-root-widget-body > h1.-friendly > span.-friendly-title-avatar > i {
    width: 16px;
    height: 16px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    color: white;
    background: #45bb3d;
    box-shadow: 0 0 0 3px white;
    position: absolute;
    bottom: 0;
    left: 0px;
}

.-widget-offers-outer-html > .-offers-single-item {padding: 9px 50px;}

.-widget-offers-outer-html > .-offers-single-item:last-child {
    padding-bottom: 40px;
}

.-offers-single-item-header-approve {
    font-size: 15px;
    display: flex;
    align-items: center;
    background: #186cb51c;
    color: var(--uicolor);
    padding: 8px 15px;
    border-radius: 8px;
    margin-inline-start: 20px;
    transition: 300ms all ease;
}

.-offers-single-item-header-approve > i {
    margin-inline-start: 10px;
}

.-offer-popup-outer-header {
    padding: 50px 50px 0;
    display: flex;
    align-items: center;
}

.-offer-popup-outer-footer {
    padding: 30px 0px 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top: 1px solid #e9eff6;
    margin: 0 50px;
}

.-offer-popup-outer-footer > a {
    display: flex;
    align-items: center;
    padding: 10px 30px;
    color: var(--textcolor);
    font-size: 16px;
    border-radius: 8px;
    font-weight: 400;
}

.-offer-popup-outer-footer > a:first-child {
    background: var(--uicolor);
    color: white;
    padding: 10px 24px;
}

.-offer-popup-outer-footer > a > i {
    margin-inline-end: 10px;
    font-size: 22px;
}

marketplace-notifications {display: inline-block;background: var(--negative);color: white;padding: 4px 10px;border-radius: 50px;margin-inline-start: 10px;zoom: .7;}

marketplace-root-order-prepare-container {
    flex: 1;
    padding: 60px 30px 0 30px;
    overflow: auto;
    border-radius: var(--miniradius);
}

marketplace-root-order-prepare-container-outer {
    display: block;
    max-width: 1000px;
    margin: 0 auto;
}

marketplace-root-order-prepare-container-outer > h1 {
    border-bottom: 1px solid #e6ecf3;
    font-weight: 400;
    margin-bottom: 6px;
    padding-bottom: 20px;
}


div[marketplace-countdown] {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0px 0px 30px;
    background: #e9eff6;
    padding: 7px 0;
    border-radius: 8px;
    pointer-events: none;
    min-width: 100%;
}

div[marketplace-countdown].-end {box-shadow: 0 0 0 3px var(--negative);background: transparent;color: var(--negative);animation: opacity2 500ms ease infinite alternate;}

div[marketplace-countdown] > div {
    display: flex;
    flex-direction: column;
    margin: 6px;
    width: 54px;
}

div[marketplace-countdown] > div > strong {
    font-size: 26px;
    text-align: center;
    line-height: 1;
}

div[marketplace-countdown] > div > span {
    text-align: center;
    font-size: 12px;
    color: var(--secondarytext);
}

.-ask-formore-time {display: flex;width: 100%;height: 36px;background: var(--secondary-color);border: 0;cursor: pointer;color: white;align-items: center;justify-content: center;font-size: 14px;border-radius: 10px;margin-bottom: 6px;animation: opacity 500ms ease;}

.-ask-formore-time > i {
    margin-inline-end: 9px;
}

.-aiphoto-container-sidebar-tools {
    animation: opacity 300ms ease;
    display: flex;
    align-items: center;
    margin-inline-start: 12px;
}

.-aiphoto-container-sidebar-tools > aiphotos-remains {
    display: flex;
    font-size: 16px;
    color: var(--uicolor);
    align-items: center;
    margin-inline-end: 12px;
}

.-aiphoto-container-sidebar-tools > aiphotos-remains > em {
    font-style: normal;
    padding: 0 5px;
    font-size: 9px;
}

.-aiphoto-container-sidebar-tools > aiphotos-remains > aiphotos-remains-used {color: black;}

.-aiphoto-container-sidebar-tools > .-aiphoto-container-sidebar-tools-button {
    padding: 7px 16px;
    background: var(--uicolor);
    display: flex;
    align-items: center;
    color: white;
    border-radius: var(--miniradius);
}

.-aiphoto-container-sidebar-tools > .-aiphoto-container-sidebar-tools-button > i {
    margin-inline-end: 10px;
}