/*
ATTENTION! Please do not modify this file, it's auto-generated and all your changes will be lost.
The complete list of files it's generated from:
design/backend/css/addons/games2_theme_vendor_admin/styles.css
*/


body.vendor-area {
    --bg: #070b14;
    --bg2: #0a1020;
    --panel: rgba(18, 27, 45, .82);
    --panel2: rgba(23, 34, 56, .76);
    --soft: rgba(255, 255, 255, .045);
    --soft2: rgba(255, 255, 255, .065);
    --text: #f5f7fb;
    --light-gray: #d5deeb;
    --muted: #9da9bd;
    --muted2: #718096;
    --line: rgba(255, 255, 255, .085);
    --line2: rgba(126, 145, 255, .30);
    --accent: #7667ff;
    --blue: #4e8fff;
    --soft-blue: #9ec0ff;
    --green: #3ad48a;
    --amber: #f0c66a;
    --red: #ff737a;
    --cyan: #59b7ff;
    --shadow: 0 18px 48px rgba(0, 0, 0, .23);
    --inner: inset 0 1px 0 rgba(255, 255, 255, .06);
    --games2-primary-bg:
        linear-gradient(
            135deg,
            rgba(125, 92, 255, .9),
            rgba(64, 124, 255, .85)
        );
    --main-menu-width: 260px;

    margin: 0;
    min-width: 320px;
    color: var(--text);
    background:
        radial-gradient(circle at 25% 3%, rgba(55, 119, 255, .19), transparent 31rem),
        radial-gradient(circle at 82% 9%, rgba(128, 75, 255, .18), transparent 30rem),
        linear-gradient(180deg, #070b14 0%, #080d18 46%, #070b14 100%);
    background-repeat: no-repeat;
    background-attachment: fixed;
}

body.vendor-area .table .btn-primary.btn-mini,
body.vendor-area .btn.btn-primary {
    background: var(--games2-primary-bg);
    border-color: transparent;
    color: #fff;
    box-shadow: var(--games2-primary-button-shadow, none);
    transition: background .17s ease;
}

body.vendor-area .actions-menu__btn,
body.vendor-area .nav__actions-btn-save,
body.vendor-area .btn.btn-primary {
    --games2-primary-button-shadow: 0 8px 20px rgba(83, 99, 255, .18), var(--inner);

    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    padding: 8px 18px;
    border: 0;
    border-radius: 10px;
    font-size: 13px;
    line-height: 1;
    font-weight: 700;
    text-shadow: none;
}

body.vendor-area .nav__actions-btn-save:is(:hover, :focus),
body.vendor-area .actions-menu__btn:is(:hover, :focus),
body.vendor-area .btn.btn-primary:not(.disabled):not(:disabled):is(:hover, :focus) {
    background: linear-gradient(
            135deg,
            rgba(140, 110, 255, .96),
            rgba(80, 140, 255, .92)
        );
    color: #fff;
}

body.vendor-area .btn.btn-primary.hidden {
    display: none;
}

body.vendor-area::before {
    content: "";
    position: fixed;
    inset: 0;
    pointer-events: none;
    z-index: 0;
    background-image:
        linear-gradient(rgba(255, 255, 255, .022) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, .018) 1px, transparent 1px);
    background-size: 64px 64px;
    mask-image: linear-gradient(to bottom, rgba(0, 0, 0, .48), transparent 74%);
}

body.vendor-area textarea {
    resize: none;
}

body.vendor-area a,
body.vendor-area a:focus,
body.vendor-area a:focus-visible,
body.vendor-area button:focus,
body.vendor-area button:focus-visible,
body.vendor-area input:focus,
body.vendor-area input:focus-visible,
body.vendor-area select:focus,
body.vendor-area select:focus-visible,
body.vendor-area textarea:focus,
body.vendor-area textarea:focus-visible,
body.vendor-area .btn:focus,
body.vendor-area .btn:focus-visible,
body.vendor-area [tabindex]:focus,
body.vendor-area [tabindex]:focus-visible,
body.vendor-area .select2-selection:focus,
body.vendor-area .select2-selection:focus-visible,
body.vendor-area .select2-container--focus .select2-selection {
    outline: none;
}

body.vendor-area .table > thead > tr > th a,
body.vendor-area .table a,
body.vendor-area .rest-api-docs a,
body.vendor-area a {
    color: var(--blue);
    text-decoration: none;
}

body.vendor-area .table > thead > tr > th a:is(:hover, :focus),
body.vendor-area .table a:is(:hover, :focus),
body.vendor-area a:is(:hover, :focus) {
    color: var(--soft-blue);
}

body.vendor-area .sidebar a {
    word-wrap: break-word;
}

body.vendor-area .colorpicker .sp-replacer,
body.vendor-area .colorpicker .sp-preview {
    border-color: var(--line);
    background: rgba(255, 255, 255, .06);
}

body.vendor-area {
    --top-bar-height: 72px;
}

body.vendor-area .top-bar {
    position: fixed;
}

body.vendor-area .top-bar__inner {
    display: flex;
    align-items: center;
    gap: 14px;
    min-height: var(--top-bar-height);
    height: var(--top-bar-height);
    padding: 0 28px;
    border-bottom: 1px solid var(--line);
    background: rgba(6, 10, 19, .72);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    box-shadow: none;
}

body.vendor-area .top-bar__left,
body.vendor-area .top-bar__right {
    display: flex;
    align-items: center;
    gap: 8px;
    height: auto;
    min-height: 0;
}

body.vendor-area .top-bar__left {
    flex: 0 0 auto;
}

body.vendor-area .top-bar__right {
    margin-left: auto;
    flex: 0 0 auto;
    justify-content: flex-end;
}

body.vendor-area .top-bar__btn-wrapper {
    height: auto;
}

body.vendor-area .top-bar__left > a.top-bar__btn.top-bar__btn--not-hover.mobile-hidden {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: auto;
    height: 40px;
    min-height: 40px;
    padding: 0 12px;
    border: 1px solid var(--line);
    border-radius: 12px;
    background: rgba(255, 255, 255, .035);
    box-shadow: var(--inner);
}

body.vendor-area .top-bar__left > a.top-bar__btn.top-bar__btn--not-hover.mobile-hidden .logo-menu__btn-inner {
    width: auto;
    max-width: 180px;
    min-height: 0;
    min-width: 0;
    border-radius: 0;
}

body.vendor-area .top-bar__left > a.top-bar__btn.top-bar__btn--not-hover.mobile-hidden .logo-menu__logo {
    display: block;
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 28px;
    object-fit: contain;
    object-position: center;
}

body.vendor-area .top-bar__search {
    position: relative;
    flex: 1 1 auto;
    min-width: 0;
    max-width: 660px;
}

body.vendor-area .top-bar__search .search.nav__search,
body.vendor-area .top-bar__search .search__form,
body.vendor-area .top-bar__search .search__group {
    width: 100%;
    margin: 0;
}

body.vendor-area .top-bar__search .search.nav__search {
    margin-right: 0;
}

body.vendor-area .top-bar__search .search__group {
    position: relative;
    display: block;
    margin: 0;
    border-radius: 0;
}

body.vendor-area .top-bar__search .search__input {
    max-width: 100%;
    min-height: 43px;
    height: 43px;
    margin: 0;
    padding: 0 44px 0 16px;
    background: rgba(18, 27, 45, .72);
    box-shadow: var(--inner);
    font-size: 13px;
    line-height: 43px;
}

body.vendor-area .top-bar__search .search__input:focus {
    border-color: rgba(126, 145, 255, .5);
    outline: none;
    box-shadow:
        0 0 0 4px rgba(118, 103, 255, .10),
        var(--inner);
}

body.vendor-area .top-bar__search .search__button {
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    min-width: 18px;
    height: 18px;
    min-height: 18px;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: #b8c2d2;
    box-shadow: none;
}

body.vendor-area .top-bar__search .search__button::before {
    width: 18px;
    height: 18px;
    pointer-events: none;
    filter: invert(1);
}

body.vendor-area .top-bar__search .search__button:hover,
body.vendor-area .top-bar__search .search__button:focus,
body.vendor-area .top-bar__search .search__input:focus + .search__button.search__button {
    padding: 0;
    border: 0;
    background: transparent;
    color: #b8c2d2;
    box-shadow: none;
}

body.vendor-area a.mobile-menu-toggler {
    width: 40px;
    height: 40px;
}

body.vendor-area button.notifications-center__opener-btn {
    height: 40px;
}

body.vendor-area button.nav__user-menu-link {
    width: 40px;
    height: 40px;
    padding: 0;
}

body.vendor-area :is(.mobile-menu-toggler, .nav__user-menu-link):hover,
body.vendor-area :is(.mobile-menu-toggler, .nav__user-menu-link):focus {
    background: rgba(255, 255, 255, .06);
    border-color: var(--line);
    color: #fff;
}

body.vendor-area :is(.mobile-menu-toggler, .notifications-center__opener-btn, .nav__user-menu-link):focus-visible {
    border-color: var(--line2);
    box-shadow:
        0 0 0 3px rgba(118, 103, 255, .18),
        var(--inner);
}

body.vendor-area .notifications-center__opener-btn .top-bar__btn-inner {
    min-width: 0;
}

body.vendor-area .nav__user-menu-link:hover .top-bar__btn-inner,
body.vendor-area .nav__user-menu-link .top-bar__btn-inner,
body.vendor-area .notifications-center__opener-btn:hover .top-bar__btn-inner {
    background: transparent;
}

body.vendor-area .notifications-center__opener-btn .cs-icon,
body.vendor-area .notifications-center__opener-btn .cs-icon__svg {
    width: 18px;
    height: 18px;
    font-size: 18px;
    color: #d7deea;
}

body.vendor-area .notifications-center__opener-btn-inner > span {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

body.vendor-area .cc-notify-counter-content,
body.vendor-area .cs-notifications-center__counter::after {
    top: -12px;
    right: -12px;
    min-width: 16px;
    height: 16px;
    padding: 0 4px;
    border-radius: 999px;
    background: var(--red);
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    line-height: 16px;
    text-align: center;
}

body.vendor-area .nav__profile-icon {
    display: grid;
    place-items: center;
    width: 32px;
    height: 32px;
    border-radius: 10px;
    color: #fff;
    font-size: 11px;
    font-weight: 900;
    line-height: 1;
    background:
        linear-gradient(135deg, #7667ff, #4e8fff 68%, #9b65ff);
}

body.vendor-area .notifications-center__opener-wrapper.open .notifications-center__opener-btn,
body.vendor-area .nav__user-menu.open .nav__user-menu-link {
    background: rgba(118, 103, 255, .12);
    border-color: var(--line2);
    color: #fff;
}

body.vendor-area .notifications-center__opener-wrapper.open .notifications-center__opener-btn-inner {
    background: transparent;
}

body.vendor-area .nav__user-menu-dropdown {
    min-width: 220px;
    margin-top: 8px;
    border: 1px solid var(--line);
    border-radius: 12px;
    background: rgba(14, 22, 38, .98);
    box-shadow: var(--shadow);
}

body.vendor-area .nav__user-menu-dropdown > li.disabled > a,
body.vendor-area .nav__user-menu-dropdown > li.disabled > a:hover,
body.vendor-area .nav__user-menu-dropdown > li.disabled > a:focus {
    color: var(--muted);
    background: transparent;
    cursor: default;
}

body.vendor-area .nav__user-menu-dropdown > li.disabled > a strong {
    color: var(--muted);
}

body.vendor-area .nav__user-menu-dropdown > li.divider {
    margin: 6px 0;
    background-color: var(--line);
    border-color: var(--line);
}

body.vendor-area .nav__user-menu-dropdown .dropdown-submenu > a.dropdown-submenu__link,
body.vendor-area .nav__user-menu-dropdown :is(.languages-select-list-button, .curriencies-button, .theme-mode-button) {
    color: var(--text);
}

body.vendor-area .nav__user-menu-dropdown .dropdown-submenu > a:after {
    border-left-color: var(--muted);
}

body.vendor-area .nav__user-menu-dropdown .dropdown-submenu:hover > a:after,
body.vendor-area .nav__user-menu-dropdown .dropdown-submenu.open > a:after,
body.vendor-area .nav__user-menu-dropdown .dropdown-submenu:focus > a:after {
    border-left-color: var(--text);
}

body.vendor-area .nav__user-menu-dropdown .dropdown-submenu.open > a,
body.vendor-area .nav__user-menu-dropdown .dropdown-submenu:hover > a,
body.vendor-area .nav__user-menu-dropdown .dropdown-submenu:focus > a {
    background: var(--soft);
    color: #fff;
}

body.vendor-area .nav__user-menu-dropdown :is(.languages-select-list, .currencies-select-list, .theme-mode-select-list) {
    border: 1px solid var(--line);
    border-radius: 12px;
    background: rgba(14, 22, 38, .98);
    box-shadow: var(--shadow);
    padding: 6px 0;
    color: var(--text);
}

body.vendor-area .nav__user-menu-dropdown :is(.languages-select-list, .currencies-select-list, .theme-mode-select-list) > li > a {
    color: var(--text);
    background: transparent;
}

body.vendor-area .nav__user-menu-dropdown :is(.languages-select-list, .currencies-select-list, .theme-mode-select-list) > li > a:hover,
body.vendor-area .nav__user-menu-dropdown :is(.languages-select-list, .currencies-select-list, .theme-mode-select-list) > li > a:focus {
    background: var(--soft);
    color: #fff;
}

body.vendor-area .nav__user-menu-dropdown :is(.languages-select-list, .currencies-select-list, .theme-mode-select-list) > li.active > a,
body.vendor-area .nav__user-menu-dropdown :is(.languages-select-list, .currencies-select-list, .theme-mode-select-list) > li.active > a:hover,
body.vendor-area .nav__user-menu-dropdown :is(.languages-select-list, .currencies-select-list, .theme-mode-select-list) > li.active > a:focus {
    background: rgba(118, 103, 255, .10);
    color: #fff;
}

body.vendor-area .notifications-center__root.dropdown-menu {
    margin-top: 8px;
    padding: 0;
}

body.vendor-area .notifications-center__root .cc-dropdown__title-wrapper {
    border-bottom: 1px solid var(--line);
    border-radius: 12px 12px 0 0;
    background: rgba(18, 27, 45, .92);
    color: var(--text);
}

body.vendor-area .notifications-center__root .cc-dropdown__title {
    color: var(--text);
    font-weight: 800;
}

body.vendor-area .notifications-center__root .cc-tabs-box {
    margin: 0;
    padding: 12px 15px;
    gap: 8px;
    border-bottom: 1px solid var(--line);
    background: rgba(14, 22, 38, .98);
}

body.vendor-area .notifications-center__root .cc-tabs-button {
    padding: 0;
    color: inherit;
}

body.vendor-area .cc-tabs-button-after {
    top: -10px;
    left: auto;
    right: -40px;
    padding: 0 4px;
    border-radius: 50%;
    min-width: 20px;
    color: #fff;
    background: var(--red);
}

body.vendor-area .cc-notifications {
    border-radius: 0;
    scrollbar-color: rgba(255, 255, 255, .18) transparent;
}

body.vendor-area .notifications-center__root .cc-notifications::-webkit-scrollbar {
    width: 10px;
}

body.vendor-area .notifications-center__root .cc-notifications::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, .14);
    border: 2px solid transparent;
    border-radius: 8px;
    background-clip: padding-box;
}

body.vendor-area .notifications-center__root .cc-notifications::-webkit-scrollbar-thumb:hover {
    background: rgba(255, 255, 255, .22);
    background-clip: padding-box;
}

body.vendor-area .notifications-center__root .cc-notification {
    border-bottom-color: var(--line);
    background: transparent;
    color: var(--text);
}

body.vendor-area .notifications-center__root .cc-notification:last-child {
    border-bottom: 0;
}

body.vendor-area .notifications-center__root .cc-notification:hover {
    background: rgba(118, 103, 255, .06);
    color: var(--text);
    text-decoration: none;
}

body.vendor-area .notifications-center__root .cc-notification:not(.cc-notification--read) {
    background: rgba(255, 255, 255, .055);
}

body.vendor-area .notifications-center__root .cc-notification:not(.cc-notification--read):hover {
    background: rgba(118, 103, 255, .22);
}

body.vendor-area .notifications-center__root .cc-notification--pinned {
    background: rgba(78, 143, 255, .055);
}

body.vendor-area .notifications-center__root .cc-notification-title {
    color: var(--text);
    font-weight: 700;
}

body.vendor-area .notifications-center__root .cc-notification > div :is(.cc-collapse--enable, .cc-collapse--disable) {
    color: var(--muted);
    line-height: 1.5;
}

body.vendor-area .notifications-center__root .cc-datetime {
    color: var(--muted2);
    font-size: 11px;
}

body.vendor-area .notifications-center__root .cc-delete {
    color: var(--muted2);
}

body.vendor-area .notifications-center__root .cc-delete:hover {
    color: var(--text);
    opacity: 1;
}

body.vendor-area .notifications-center__root .cc-enable-collapse {
    color: var(--blue) !important;
}

body.vendor-area .notifications-center__root .cc-enable-collapse:hover,
body.vendor-area .notifications-center__root .cc-enable-collapse:focus {
    color: var(--soft-blue) !important;
}

body.vendor-area .notifications-center__root .cc-notification a {
    color: var(--blue);
}

body.vendor-area .notifications-center__root .cc-notification a:hover,
body.vendor-area .notifications-center__root .cc-notification a:focus {
    color: var(--soft-blue);
}

body.vendor-area .notifications-center__root .cc-notification .cc-collapse--enable:after,
body.vendor-area .notifications-center__root .cc-notification:not(.cc-notification--read) .cc-collapse--enable:after {
    background: linear-gradient(
        to bottom,
        transparent 0%,
        transparent 40%,
        rgba(10, 16, 32, .98) 83%,
        rgba(10, 16, 32, .98) 100%
    );
}

body.vendor-area .notifications-center__root .cc-all-read {
    padding: 10px;
    min-height: 92px;
    background: transparent;
}

body.vendor-area .notifications-center__root .cc-all-read--inner {
    padding: 10px;
    border: 1px solid var(--line);
    border-radius: 8px;
    background: rgba(255, 255, 255, .035);
    color: var(--muted);
    font-size: 12px;
}

body.vendor-area .cs-main-menu {
    border-right: 1px solid var(--line);
    background-color: rgba(7, 11, 20, .78);
    background-image: none;
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
}

body.vendor-area .cs-main-menu__inner {
    padding-top: 10px;
    padding-bottom: 8px;
}

body.vendor-area .cs-main-menu__secondary {
    background: rgba(7, 11, 20, .92);
    border-top: 1px solid var(--line);
}

body.vendor-area .cs-main-menu__outer {
    scrollbar-color: rgba(255, 255, 255, .18) transparent;
}

body.vendor-area .pc-vendor-api-docs pre::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, .03);
    border-radius: 8px;
}

body.vendor-area:has(form[name^="report_form_"], form[name="reports_list"]) .cm-scroll-data::-webkit-scrollbar-track,
body.vendor-area:has(form[name^="report_form_"], form[name="reports_list"]) .reports-graph-scroll::-webkit-scrollbar-track,
body.vendor-area:has(form[name^="report_form_"], form[name="reports_list"]) .scroll-x::-webkit-scrollbar-track,
body.vendor-area:has(form[name^="report_form_"], form[name="reports_list"]) .scroll-y::-webkit-scrollbar-track,
body.vendor-area:has(form[name^="report_form_"], form[name="reports_list"]) .sidebar-wrapper::-webkit-scrollbar-track {
    background: transparent;
}
body.vendor-area .notifications-center__root .cc-notifications::-webkit-scrollbar-track {
    background: transparent;
}
body.vendor-area .select2-dropdown .select2-results__options::-webkit-scrollbar-track,
body.vendor-area .ui-dialog:is(:has(form[name="categories_form"]), :has(form[name="add_orders"]), :has(form[name="add_products"])) .ui-dialog-content::-webkit-scrollbar-track {
    background: transparent;
}
body.vendor-area .cs-main-menu__outer::-webkit-scrollbar-track {
    box-shadow: none;
    border-color: transparent;
    background-color: transparent;
}

body.vendor-area:has(#content_manage_products) #adv_search select[multiple]::-webkit-scrollbar-track {
    background: rgba(7, 11, 20, .72);
}

body.vendor-area .cs-main-menu__outer:hover::-webkit-scrollbar-track {
    background-color: rgba(255, 255, 255, .03);
}

body.vendor-area .pc-vendor-api-docs pre::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, .16);
    border-radius: 8px;
}
body.vendor-area .cs-main-menu__outer::-webkit-scrollbar-thumb {
    box-shadow: none;
    background-color: transparent;
}

body.vendor-area .select2-dropdown .select2-results__options::-webkit-scrollbar-thumb,
body.vendor-area .ui-dialog:is(:has(form[name="categories_form"]), :has(form[name="add_orders"]), :has(form[name="add_products"])) .ui-dialog-content::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, .12);
    border-radius: 8px;
    border: 2px solid transparent;
    background-clip: padding-box;
}
body.vendor-area:has(#content_manage_products) #adv_search select[multiple]::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, .18);
    border-radius: 8px;
}
body.vendor-area .cs-main-menu__outer:hover::-webkit-scrollbar-thumb {
    background-color: rgba(255, 255, 255, .18);
}
body.vendor-area .ui-dialog-content::-webkit-scrollbar-thumb:hover,
body.vendor-area .select2-dropdown .select2-results__options::-webkit-scrollbar-thumb:hover {
    background: rgba(255, 255, 255, .22);
    background-clip: padding-box;
}

body.vendor-area .cs-main-menu__header-mobile {
    margin-bottom: 8px;
}

body.vendor-area .cs-main-menu__header-mobile .mobile-menu-closer-btn {
    background: var(--soft);
    border: 1px solid var(--line);
    color: var(--text);
}

body.vendor-area .main-menu-1__item {
    margin: 0 0 7px;
    padding: 0;
    border: 0;
    background: transparent;
}

body.vendor-area .main-menu-1__item:last-child {
    margin-bottom: 0;
}

body.vendor-area .main-menu-1__accordion-heading,
body.vendor-area .main-menu-1__link-wrapper {
    margin-left: 10px;
    margin-right: 10px;
}

body.vendor-area .main-menu-1__accordion-heading {
    display: flex;
    align-items: center;
    min-height: 46px;
    border: 1px solid transparent;
    border-radius: 14px;
    padding: 0 4px;
    background: transparent;
    color: #c6cfdd;
    transition: background .17s ease, border-color .17s ease, box-shadow .17s ease, color .17s ease;
}

body.vendor-area .main-menu-1__link-wrapper .main-menu-1__link.main-menu-1__link {
    --cs-main-menu-link-padding-left: 11px;
    --cs-main-menu-link-padding-right: 11px;
    --cs-main-menu-link-gap: 9px;

    min-height: 46px;
    border: 1px solid transparent;
    border-radius: 14px;
    padding-top: 0;
    padding-bottom: 0;
    background: transparent;
    color: #c6cfdd;
    font-size: 13px;
    font-weight: 900;
    transition: background .17s ease, border-color .17s ease, box-shadow .17s ease, color .17s ease;
}

body.vendor-area .main-menu-1__accordion-heading .main-menu-1__link.main-menu-1__link {
    --cs-main-menu-link-gap: 9px;

    min-height: 44px;
    border: 0;
    border-radius: 0;
    padding-top: 0;
    padding-bottom: 0;
    background: transparent;
    box-shadow: none;
    color: inherit;
    font-size: 13px;
    font-weight: 900;
}

body.vendor-area .main-menu-1__accordion-heading .main-menu-1__link--icon.main-menu-1__link--icon {
    --cs-main-menu-link-padding-left: 7px;
    --cs-main-menu-link-padding-right: 4px;
    width: auto;
    min-width: auto;
    flex: 0 0 auto;
}

body.vendor-area .main-menu-1__accordion-heading .main-menu-1__link--with-icon.main-menu-1__link--with-icon {
    --cs-main-menu-link-padding-left: 4px;
    --cs-main-menu-link-padding-right: 11px;
    flex: 1 1 auto;
    min-width: 0;
}

body.vendor-area .main-menu-1__accordion-heading > .accordion-toggle.main-menu-1__link:not(.main-menu-1__link--with-icon):has(> .main-menu-1__link-icon):has(> .main-menu-1__link-content) {
    --cs-main-menu-link-padding-left: 7px;
    --cs-main-menu-link-padding-right: 11px;
    --cs-main-menu-link-gap: 9px;

    flex: 1 1 auto;
    min-width: 0;
    width: auto;
}

body.vendor-area .main-menu-1__accordion-heading:hover,
body.vendor-area .main-menu-1__link-wrapper .main-menu-1__link.main-menu-1__link:hover,
body.vendor-area .main-menu-1__link-wrapper .main-menu-1__link.main-menu-1__link:focus {
    background: rgba(255, 255, 255, .04);
    border-color: var(--line);
    color: var(--text);
    text-decoration: none;
}

body.vendor-area .main-menu-1__accordion-heading:hover .main-menu-1__link,
body.vendor-area .main-menu-1__accordion-heading:hover .main-menu-1__link-content {
    color: var(--text);
    background: transparent;
    box-shadow: none;
    text-decoration: none;
}

body.vendor-area .main-menu-1__accordion-heading:has(.main-menu-1__toggle--active),
body.vendor-area .main-menu-1__accordion-heading:has(.main-menu-1__link-content--active),
body.vendor-area .main-menu-1__link-wrapper .main-menu-1__link--active.main-menu-1__link,
body.vendor-area .main-menu-1__link-wrapper .main-menu-1__link--active.main-menu-1__link:hover,
body.vendor-area .main-menu-1__link-wrapper .main-menu-1__link--active.main-menu-1__link:focus,
body.vendor-area .main-menu-1__accordion-heading:has(.main-menu-1__toggle--active):hover {
    color: #fff;
    border-color: transparent;
    background:
        linear-gradient(
            135deg,
            rgba(125, 92, 255, .87),
            rgba(64, 124, 255, .80)
        );
    box-shadow:
        0 10px 24px rgba(83, 99, 255, .17),
        var(--inner);
}

body.vendor-area .main-menu-1__accordion-heading:has(.main-menu-1__toggle--active) .main-menu-1__link,
body.vendor-area .main-menu-1__accordion-heading:has(.main-menu-1__toggle--active) .main-menu-1__link-content,
body.vendor-area .main-menu-1__link--active,
body.vendor-area .main-menu-1__link--active .main-menu-1__link-content,
body.vendor-area .main-menu-1__toggle--active,
body.vendor-area .main-menu-1__link-content--active {
    color: #fff;
    background: transparent;
    box-shadow: none;
}

body.vendor-area .main-menu-1__link--active:not(:hover),
body.vendor-area .main-menu-1__accordion-heading .main-menu-1__link {
    box-shadow: none;
}

body.vendor-area .main-menu-1__link-content {
    color: inherit;
    font-weight: inherit;
}

body.vendor-area .main-menu-1__link-icon {
    flex: 0 0 auto;
    width: 31px;
    height: 31px;
    display: grid;
    place-items: center;
    border-radius: 10px;
    background: rgba(255, 255, 255, .045);
    border: 1px solid rgba(255, 255, 255, .06);
    box-shadow: var(--inner);
}

body.vendor-area .main-menu-1__icon,
body.vendor-area .main-menu-1__icon.cs-icon {
    width: 17px;
    height: 17px;
    opacity: 1;
    color: #c6cfdd;
}

body.vendor-area .main-menu-1__icon .cs-icon__svg,
body.vendor-area .main-menu-1__icon.cs-icon .cs-icon__svg {
    width: 17px;
    height: 17px;
}

body.vendor-area .main-menu-1__accordion-heading:hover .main-menu-1__icon,
body.vendor-area .main-menu-1__link-wrapper .main-menu-1__link:hover .main-menu-1__icon,
body.vendor-area .main-menu-1__icon--active,
body.vendor-area .main-menu-1__link--active .main-menu-1__icon,
body.vendor-area .main-menu-1__accordion-heading:has(.main-menu-1__toggle--active) .main-menu-1__icon {
    opacity: 1;
    color: #fff;
}

body.vendor-area .main-menu-1__accordion-heading:has(.main-menu-1__toggle--active) .main-menu-1__link-icon,
body.vendor-area .main-menu-1__link--active .main-menu-1__link-icon {
    background: rgba(255, 255, 255, .12);
    border-color: rgba(255, 255, 255, .14);
}

body.vendor-area .main-menu-1__accordion-body {
    background: transparent;
}

body.vendor-area .main-menu-1__accordion-inner {
    padding: 4px 0 2px;
}

body.vendor-area .main-menu-1__item.accordion-group:has(> .main-menu-1__accordion-body.in) > .main-menu-1__accordion-heading:not(:has(.main-menu-1__toggle--active)):not(:has(.main-menu-1__link-content--active)) {
    border-color: var(--line);
    background: rgba(255, 255, 255, .03);
}

body.vendor-area .main-menu-2 {
    list-style: none;
    margin: 0;
    padding: 0;
}

body.vendor-area .main-menu-2__item {
    margin: 0 0 2px;
    padding: 0;
}

body.vendor-area .main-menu-2__link-wrapper {
    margin-left: 10px;
    margin-right: 10px;
}

body.vendor-area .main-menu-2__link.main-menu-2__link {
    --cs-main-menu-2-link-padding-left: 42px;

    min-height: 34px;
    border: 1px solid transparent;
    border-radius: 10px;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-right: 12px;
    background: transparent;
    color: var(--muted);
    font-size: 12px;
    font-weight: 600;
    opacity: 1;
    transition: background .15s ease, border-color .15s ease, color .15s ease;
}

body.vendor-area .main-menu-2__link:hover,
body.vendor-area .main-menu-2__link:focus {
    background: var(--soft);
    border-color: var(--line);
    color: var(--text);
    text-decoration: none;
    opacity: 1;
}

body.vendor-area .main-menu-2__link--active,
body.vendor-area .main-menu-2__link--active:hover,
body.vendor-area .main-menu-2__link--active:focus,
body.vendor-area .main-menu-2__link--active:not(:hover) {
    background: rgba(118, 103, 255, .22);
    border-color: var(--line2);
    color: #fff;
    box-shadow: none;
    opacity: 1;
}

body.vendor-area .main-menu-2__link-content,
body.vendor-area .main-menu-2__link-content--active {
    color: inherit;
    font-weight: inherit;
}

body.vendor-area .main-menu-2__link:not(.main-menu-2__link--active):not(:hover) {
    opacity: 1;
}

body.vendor-area .main-menu-3__link.main-menu-3__link {
    border: 1px solid transparent;
    border-radius: 8px;
    color: var(--muted2);
    font-size: 12px;
    font-weight: 600;
    opacity: 1;
    transition: background .15s ease, border-color .15s ease, color .15s ease;
}

body.vendor-area .main-menu-3__link:hover,
body.vendor-area .main-menu-3__link:focus {
    background: var(--soft);
    color: var(--text);
}

body.vendor-area .main-menu-3__link--active {
    background: rgba(118, 103, 255, .16);
    border-color: var(--line2);
    color: #fff;
    box-shadow: none;
}

body.vendor-area .main-menu-1__link.main-menu-1__link:focus,
body.vendor-area .main-menu-1__link.main-menu-1__link:focus-visible,
body.vendor-area .main-menu-2__link.main-menu-2__link:focus,
body.vendor-area .main-menu-2__link.main-menu-2__link:focus-visible,
body.vendor-area .main-menu-3__link.main-menu-3__link:focus,
body.vendor-area .main-menu-3__link.main-menu-3__link:focus-visible {
    outline: none;
    box-shadow: none;
}

body.vendor-area .main-menu-1__divider,
body.vendor-area .main-menu-2__divider {
    background-color: var(--line);
    margin-left: 20px;
    margin-right: 16px;
}

body.vendor-area .main-menu-1__link--title-divider,
body.vendor-area .main-menu-2__link--title-divider {
    color: var(--muted2);
}

body.vendor-area .main-menu-1__link--quick-link {
    color: var(--muted);
    font-weight: 600;
}

body.vendor-area .sidebar {
    flex: 0 0 270px;
    max-width: 270px;
    color: var(--text);
}

body.vendor-area .sidebar label {
    flex: 1 0 100%;
}

body.vendor-area .sidebar .sidebar-row:first-child {
    margin-top: 0;
}

body.vendor-area .sidebar .sidebar-row:not(:first-child) {
    margin-top: 16px;
}

body.vendor-area .sidebar h6 {
    margin: 0 0 14px;
    color: var(--text);
    font-size: 14px;
    font-weight: 800;
    line-height: 1.2;
}

body.vendor-area .sidebar .sidebar-row .sidebar-field .select2 {
    margin-bottom: 0;
}

body.vendor-area .sidebar .sidebar-field:last-of-type {
    margin-bottom: 0;
}

body.vendor-area .sidebar input[type="text"]:not(.input-small):not(.input-date),
body.vendor-area .sidebar input[type="search"]:not(.input-small):not(.input-date),
body.vendor-area .sidebar input[type="number"]:not(.input-small):not(.input-date),
body.vendor-area .sidebar select:not(.select2-hidden-accessible):not(.input-small),
body.vendor-area .sidebar textarea {
    width: 100%;
    max-width: 270px;
}

body.vendor-area .sidebar .sidebar-row .sidebar-field.advanced-search-field {
    margin-top: 14px;
    margin-bottom: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px 14px;
}

body.vendor-area .admin-content-wrapper {
    gap: 18px;
    padding-bottom: 40px;
}

body.vendor-area .content.page-content .content-wrap {
    background: transparent;
    box-shadow: none;
    border-radius: 0;
    padding: 0;
}

body.vendor-area .content.page-content .content-wrap .alert {
    margin-block: 20px;
}

body.vendor-area:has(.pc-vendor-api-docs) .content.page-content.no-sidebar .content-wrap {
    overflow-x: clip;
}

body.vendor-area .admin-content-heading {
    margin-bottom: 18px;
    padding-top: 4px;
}

body.vendor-area .admin-content-heading__title {
    color: var(--text);
    font-size: 28px;
    font-weight: 800;
    letter-spacing: -.03em;
    line-height: 1.15;
}

body.vendor-area div.nav__actions {
    border: 1px solid var(--line);
    overflow: visible;
}

body.vendor-area .nav__actions-btn-save {
    background: var(--games2-primary-bg);
    color: #fff;
}
body.vendor-area .actions-menu__btn {
    background: var(--games2-primary-bg);
    border-color: transparent;
    color: #fff;
    text-shadow: none;
}

body.vendor-area .content__top-navigation-secondary {
    align-items: center;
    margin: 0;
}

body.vendor-area .content__top-navigation-main {
    flex-flow: wrap;
}

body.vendor-area .btn .cs-icon {
    display: flex;
}

body.vendor-area .notifications-center__root.dropdown-menu {
    min-width: 650px;
}

body.vendor-area .dropdown-menu {
    border: 1px solid var(--line);
    border-radius: 12px;
    background: rgba(14, 22, 38, .98);
    box-shadow: var(--shadow);
    padding: 6px 0;
    min-width: 160px;
}

body.vendor-area .dropdown-menu > li > a {
    color: var(--text);
    font-size: 12px;
    padding: 8px 14px;
    transition: background .15s ease, color .15s ease;
}

body.vendor-area .dropdown-menu > li > a:hover,
body.vendor-area .dropdown-menu > li > a:focus {
    background: var(--soft);
    color: #fff;
}

body.vendor-area .dropdown-menu > .disabled > a,
body.vendor-area .dropdown-menu > .active > a {
    color: var(--muted);
    background: transparent;
}

body.vendor-area .bulk-edit-inner .bulk-edit-inner__example-line--green,
body.vendor-area .dropdown-menu > li > a:is(.status-link-c, .status-link-p) {
    color: var(--green);
}

body.vendor-area .dropdown-menu > li > a.cm-confirm,
body.vendor-area .dropdown-menu > li > a.status-link-x {
    color: var(--red);
    text-shadow: none;
}

body.vendor-area .bulk-edit-inner .bulk-edit-inner__example-line--red,
body.vendor-area .dropdown-menu > li > a:is(.status-link-f) {
    color: var(--red);
}

body.vendor-area .nested-tree ul li a {
    color: var(--muted);
}

body.vendor-area .nested-tree ul li a:hover {
    color: var(--text);
}

body.vendor-area .dropdown-menu > li > a:is(.status-link-i) {
    color: var(--muted);
}

body.vendor-area .dropdown-menu > li > a.status-link-h,
body.vendor-area .dropdown-menu > li > a.status-link-b,
body.vendor-area .dropdown-menu > li > a.status-link-n,
body.vendor-area #content_manage_products .dropdown-menu > li > a.status-link-h {
    color: var(--cyan);
}

body.vendor-area .dropdown-menu > li > a.status-link-i,
body.vendor-area .dropdown-menu > li > a.status-link-e {
    color: var(--accent);
}

body.vendor-area .btn-group > .btn.cm-delete-row:is(:hover, :focus) {
    border-color: var(--line2);
}

body.vendor-area form[name="products_m_addition_form"] .btn-group > .btn.cm-delete-row .icon,
body.vendor-area form[name="products_m_addition_form"] .btn-group > .btn.cm-opacity .icon,
body.vendor-area form[name="product_update_form"] #content_detailed .table.table-middle .btn-group > .btn.cm-opacity .icon {
    filter: none;
    opacity: 1;
}

body.vendor-area form[name="products_m_addition_form"] .btn-group > .btn.cm-delete-row:hover .icon,
body.vendor-area form[name="products_m_addition_form"] .btn-group > .btn.cm-delete-row:focus .icon,
body.vendor-area form[name="products_m_addition_form"] .btn-group > .btn.cm-opacity:hover .icon,
body.vendor-area form[name="products_m_addition_form"] .btn-group > .btn.cm-opacity:focus .icon {
    filter: brightness(0) saturate(100%) invert(58%) sepia(49%) saturate(1400%) hue-rotate(314deg) brightness(101%) contrast(101%);
}

body.vendor-area .ui-widget-overlay {
    background: rgba(0, 0, 0, .58);
}

body.vendor-area .ui-dialog,
body.vendor-area:has(:is(#elfinder, #server_file_browser)) .std42-dialog {
    --games2-ui-dialog-radius: 16px;
    --games2-ui-dialog-background: rgba(14, 22, 38, .98);
    --games2-ui-dialog-shadow: var(--shadow);
    --games2-ui-dialog-titlebar-background: rgba(20, 32, 54, .92);
    --games2-ui-dialog-titlebar-radius: 16px 16px 0 0;

    border: 1px solid var(--line);
    border-radius: var(--games2-ui-dialog-radius);
    background: var(--games2-ui-dialog-background);
    box-shadow: var(--games2-ui-dialog-shadow);
    color: var(--text);
}

body.vendor-area .ui-dialog:has(#server_file_browser),
body.vendor-area:has(form[data-ca-advanced-import-element="management_form"]) .ui-dialog:has([id^="import_preset_file_upload_"]),
body.vendor-area .ui-dialog:has(.advanced-import__modifier-description) {
    --games2-ui-dialog-radius: 14px;
    --games2-ui-dialog-background:
        linear-gradient(
            180deg,
            rgba(20, 32, 54, .94),
            rgba(12, 20, 35, .96)
        );
    --games2-ui-dialog-shadow: var(--shadow);
    --games2-ui-dialog-titlebar-background: transparent;
    --games2-ui-dialog-titlebar-radius: 0;
}

body.vendor-area .ui-dialog:is(:has(form[name="categories_form"]), :has(form[name="add_orders"]), :has(form[name="add_products"])),
body.vendor-area:has(#content_manage_products) .ui-dialog:has(#adv_search) {
    --games2-ui-dialog-background:
        linear-gradient(
            180deg,
            rgba(20, 32, 54, .96),
            rgba(12, 20, 35, .98)
        );
    --games2-ui-dialog-shadow: var(--shadow), var(--inner);
    --games2-ui-dialog-titlebar-background: rgba(18, 29, 49, .94);
}

body.vendor-area .ui-dialog > .ui-dialog-titlebar .ui-dialog-title,
body.vendor-area .std42-dialog > .ui-dialog-titlebar .elfinder-dialog-title {
    color: var(--text);
    font-weight: 800;
    font-size: 18px;
}

body.vendor-area .ui-dialog > .ui-dialog-content {
    background: rgba(7, 11, 20, 1);
    color: var(--text);
    scrollbar-color: rgba(255, 255, 255, .16) transparent;
    scrollbar-width: thin;
}

body.vendor-area .ui-dialog > .ui-dialog-titlebar .ui-dialog-titlebar-close,
body.vendor-area .std42-dialog > .ui-dialog-titlebar .ui-dialog-titlebar-close {
    background: transparent;
    border: 0;
    box-shadow: none;
    opacity: 1;
}

body.vendor-area .ui-dialog > .ui-dialog-titlebar .ui-dialog-titlebar-close:hover,
body.vendor-area .ui-dialog > .ui-dialog-titlebar .ui-dialog-titlebar-close:focus {
    background: var(--soft);
    border: 0;
    border-radius: 8px;
    box-shadow: none;
}

body.vendor-area .ui-dialog > .ui-dialog-titlebar .ui-dialog-titlebar-close .ui-icon-closethick,
body.vendor-area:has(:is(#elfinder, #server_file_browser)) .std42-dialog > .ui-dialog-titlebar .ui-dialog-titlebar-close .ui-icon-closethick {
    filter: brightness(0) invert(1);
    opacity: .72;
}

body.vendor-area .ui-dialog-titlebar .ui-dialog-titlebar-close:hover .ui-icon-closethick,
body.vendor-area .ui-dialog-titlebar .ui-dialog-titlebar-close:focus .ui-icon-closethick {
    opacity: 1;
}

body.vendor-area .ui-dialog:has(#server_file_browser) > .ui-dialog-content,
body.vendor-area #server_file_browser,
body.vendor-area #server_file_browser.elfinder,
body.vendor-area #server_file_browser.ui-widget-content {
    border: 0;
    background: rgba(7, 11, 20, .55);
    color: var(--text);
    padding: 0;
}

body.vendor-area:has(:is(#elfinder, #server_file_browser)) .std42-dialog .ui-widget-content {
    border-color: var(--line);
    background: transparent;
    color: var(--text);
}

body.vendor-area .ui-widget-content {
    border: none;
    background: transparent;
}

body.vendor-area #adv_search {
    color: var(--text);
}

body.vendor-area input[type="checkbox"]:not(.hidden):disabled,
body.vendor-area input[type="radio"]:not(.hidden):disabled {
    opacity: .45;
    cursor: default;
}

body.vendor-area #adv_search .btn:disabled,
body.vendor-area #adv_search .btn.disabled {
    opacity: .45;
    color: var(--muted);
}

body.vendor-area #adv_search .period-selector__divider {
    color: var(--muted2);
}

body.vendor-area .tabs {
    background: transparent;
    box-shadow: none;
    border: 0;
}

body.vendor-area .nav-pills,
body.vendor-area .rest-api-docs__toc,
body.vendor-area .tabs > ul.nav-tabs {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: stretch;
    gap: 4px;
    margin-bottom: 16px;
    padding: 4px;
    background: var(--panel2);
    border: 1px solid var(--line);
    border-radius: 12px;
    box-shadow: var(--inner);
}

body.vendor-area .nav-pills > li > a,
body.vendor-area .rest-api-docs__toc-inner a,
body.vendor-area .tabs > ul.nav-tabs > li > a {
    color: var(--muted);
    font-size: 14px;
    border: 1px solid transparent;
    border-radius: 10px;
    background: transparent;
    box-shadow: none;
    padding: 8px 14px;
    text-shadow: none;
    font-weight: 400;
}

body.vendor-area .nav-pills > li > a:is(:hover, :focus),
body.vendor-area .rest-api-docs__toc-inner a:is(:hover, :focus),
body.vendor-area .tabs > ul.nav-tabs > li > a:is(:hover, :focus) {
    color: var(--text);
    background: var(--soft);
    border-color: var(--line);
}

body.vendor-area .nav-pills > li.active > a,
body.vendor-area .nav-pills > li.active > a:is(:hover, :focus),
body.vendor-area .rest-api-docs__toc-inner a.is-active,
body.vendor-area .rest-api-docs__toc-inner a.is-active:is(:hover, :focus),
body.vendor-area .tabs > ul.nav-tabs > li.active > a,
body.vendor-area .tabs > ul.nav-tabs > li.active > a:is(:hover, :focus) {
    color: var(--text);
    background: var(--soft2);
    border-color: var(--line2);
    font-weight: 700;
}

body.vendor-area .nav__actions,
body.vendor-area .cc-notifications,
body.vendor-area .rest-api-docs__card,
body.vendor-area .pc-vendor-api-docs,
body.vendor-area .rest-api-docs__code,
body.vendor-area .cs-product-reviews-rating-product-rating-overview.well,
body.vendor-area .adv-search .group,
body.vendor-area:has(#content_manage_products) .search-filters,
body.vendor-area .sidebar .sidebar-row,
body.vendor-area .pc-order-vendor-sidebar__chat,
body.vendor-area .pc-order-vendor-card,
body.vendor-area .custom-blocks-card,
body.vendor-area #balance_total,
body.vendor-area .analytics-card,
body.vendor-area .post-item,
body.vendor-area .posts-container,
body.vendor-area form:has(> input[name="dispatch"][value="product_codes.api_webhook_save"]).form-horizontal.form-edit,
body.vendor-area form:has(> input[name="dispatch"][value="product_codes.api_webhooks"]).sidebar-row,
body.vendor-area .cs-product-reviews-update-post-vendor-reply,
body.vendor-area:has(input[name="dispatch[product_codes.vendor_keys_import]"]) .content-wrap > form.form-horizontal,
body.vendor-area #content_view_thread .fixed-bottom,
body.vendor-area form[name="pc_api_filter_form"] .form-horizontal.form-edit,
body.vendor-area .table:not(.table-tree) {
    margin-bottom: 0;
    border: none;
    border-radius: 20px;
    color: var(--text);
    background:
        linear-gradient(
            180deg,
            rgba(20, 32, 54, .82),
            rgba(12, 20, 35, .88)
        );
    box-shadow: var(--inner), var(--shadow);
    overflow: hidden;
}

body.vendor-area .table > tbody > tr > th,
body.vendor-area .table > thead > tr > th,
body.vendor-area .table > tbody > tr > td {
    padding: 12px 14px;
    font-size: 12px;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    vertical-align: middle !important;
}

body.vendor-area .table > tbody > tr:has(> td > .no-items) > td {
    padding: 0;
    border-bottom: 0;
}

body.vendor-area .pc-vendor-api-docs .table.table-middle.table--relative tbody tr:last-child > td {
    border-bottom: 0;
}

body.vendor-area .table > tbody > tr:first-child > th,
body.vendor-area .table > thead > tr > th {
    border-bottom: 1px solid var(--line);
    color: var(--muted);
    font-weight: 800;
    letter-spacing: .03em;
    text-transform: uppercase;
}

body.vendor-area .table > tbody > tr > td {
    border-bottom: 1px solid rgba(255, 255, 255, .055);
    color: var(--text);
    background: rgba(255, 255, 255, .02);
    margin: 0;
}

body.vendor-area .table > tbody > tr:has(input.cm-item:checked) > td {
    background: rgba(118, 103, 255, .22);
    color: #fff;
}

body.vendor-area .table tbody td:has(> .hidden-tools),
body.vendor-area .table tbody td:has(> .input-micro) {
    padding-inline: 0;
}

body.vendor-area .table.table-exim > tbody > tr > td {
    border: 0;
}

body.vendor-area .table-exim li.table-import-field:last-child {
    margin: 0;
    padding: 0;
}

body.vendor-area .table-exim ul {
    margin: 0;
}

body.vendor-area .table a {
    width: fit-content;
    font-weight: 700;
}

body.vendor-area .table a:hover {
    color: var(--soft-blue);
}

body.vendor-area .import-preset__last-status > span,
body.vendor-area .post-item .label,
body.vendor-area .table .label {
    display: inline-block;
    min-height: 22px;
    padding: 3px 9px;
    border-radius: 50px;
    border: 1px solid var(--line);
    background: rgba(255, 255, 255, .05);
    color: var(--muted);
    font-size: 11px;
    font-weight: 700;
    text-shadow: none;
    box-shadow: none;
}

body.vendor-area form[name="pc_api_filter_form"] ~ .table textarea {
    margin-right: 0 !important;
    margin-bottom: 5px;
}

body.vendor-area .table > tbody > tr:hover > td,
body.vendor-area tr.row-more table.table > tbody > tr:hover > td {
    background: rgba(118, 103, 255, .30) !important;
    color: #fff;
}

body.vendor-area .table > tbody > tr.selected > td {
    background: rgba(118, 103, 255, .10);
}
body.vendor-area table.table tbody tr.selected {
    background-color: rgba(118, 103, 255, .22) !important;
    border-top-color: transparent;
    box-shadow: none;
}

body.vendor-area .table thead .th-text-overflow,
body.vendor-area .table > thead > tr > th > a {
    font-weight: inherit;
    padding: 0;
}

body.vendor-area .table thead .th-text-overflow:hover,
body.vendor-area .table thead .th-text-overflow:focus {
    color: var(--text);
}

body.vendor-area .table thead th a:hover,
body.vendor-area .table thead .th-text-overflow--asc,
body.vendor-area .table thead .th-text-overflow--desc {
    color: var(--blue);
    text-decoration: none;
}

body.vendor-area .table thead .th-text-overflow--asc::after,
body.vendor-area .table thead .th-text-overflow--desc::after {
    position: static;
    filter: brightness(0) invert(1);
    opacity: .7;
}

body.vendor-area .table thead .th-text-overflow--asc:hover::after,
body.vendor-area .table thead .th-text-overflow--desc:hover::after,
body.vendor-area .table thead .th-text-overflow--asc:focus::after,
body.vendor-area .table thead .th-text-overflow--desc:focus::after {
    opacity: 1;
}

body.vendor-area .table .table__check-items-column--show-checkbox {
    text-align: center;
    padding-inline: 0;
}

body.vendor-area .table .table__check-items-cell--show-checkbox {
    text-align: center;
    vertical-align: middle;
}

body.vendor-area .table .table__check-items.table__check-items {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    left: auto;
    top: auto;
}

body.vendor-area #banners_table_tree td.cm-combination {
    display: table-cell;
}

body.vendor-area #banners_table_tree td.cm-combination a {
    width: 90%;
    float: right;
}

body.vendor-area .items-container {
    margin-bottom: 0;
}

body.vendor-area .table .btn-checkbox input[type="checkbox"] {
    position: absolute;
    top: 50%;
    left: 7px;
    transform: translateY(-50%);
    z-index: 5;
    margin: 0;
}
body.vendor-area .table .btn-group.btn-checkbox {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    position: relative;
}

body.vendor-area .table .btn-group.btn-checkbox .dropdown-toggle:not(.btn-primary) {
    min-height: 30px;
    padding: 0 7px 0 30px;
}

body.vendor-area .hidden-tools {
    visibility: visible;
    min-width: 40px;
}

body.vendor-area form[name="pc_api_filter_form"] .form-horizontal.form-edit {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px 18px;
    padding: 20px;
    border: 1px solid var(--line);
}
body.vendor-area:has(input[name="dispatch[product_codes.vendor_keys_import]"]) .content-wrap > form.form-horizontal {
    max-width: 720px;
    padding: 20px;
    border: 1px solid var(--line);
}
body.vendor-area .cs-product-reviews-update-post-vendor-reply,
body.vendor-area #content_view_thread .fixed-bottom {
    border: 1px solid var(--line);
    padding: 20px;
    margin-bottom: 40px;
}
body.vendor-area form:has(> input[name="dispatch"][value="product_codes.api_webhook_save"]).form-horizontal.form-edit,
body.vendor-area form:has(> input[name="dispatch"][value="product_codes.api_webhooks"]).sidebar-row {
    border: 1px solid var(--line);
    padding: 20px;
    margin-bottom: 14px;
}
body.vendor-area .pc-order-vendor-sidebar__chat,
body.vendor-area .pc-order-vendor-card {
    border: 1px solid var(--line);
}

body.vendor-area .table .btn-group,
body.vendor-area .actions__wrapper .btn-group,
body.vendor-area .hidden-tools .btn-group {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 6px;
}

body.vendor-area .g2-chat-attach__button,
body.vendor-area .cm-external-click.btn:not(.btn-primary),
body.vendor-area .pagination-wrap .pagination ul > li:not(.disabled) > .pagination-item,
body.vendor-area .fileuploader .btn-group > .btn,
body.vendor-area .btn-toolbar .pull-right a.btn.cm-dialog-opener,
body.vendor-area .nav__actions-bar .cm-submit:not(.btn-primary, .nav__actions-btn-save),
body.vendor-area .table .btn-mini:not(.btn-primary),
body.vendor-area .nav__actions-adv-buttons .cm-tooltip:not(.btn-primary),
body.vendor-area .btn.cm-opacity:not(.hidden),
body.vendor-area .btn-group > .btn-clone,
body.vendor-area .btn-group > .btn-add,
body.vendor-area .cc-tabs-button--inner,
body.vendor-area .cc-read-all-button,
body.vendor-area .nav__user-menu-link,
body.vendor-area .bulk-edit .bulk-edit__btn-content,
body.vendor-area .notifications-center__opener-btn,
body.vendor-area .mobile-menu-toggler,
body.vendor-area .saved-search__btn-group .dropdown-toggle,
body.vendor-area .saved-search__item-name--horizontal,
body.vendor-area .btn-small:not(.dropdown-toggle, .btn-primary),
body.vendor-area .add_message_form--refresh-btn,
body.vendor-area .rest-api-docs__copy,
body.vendor-area .add-on.cs-append-language,
body.vendor-area .search-link,
body.vendor-area .form-edit .btn:not(.hidden, .btn-primary, .status-dropdown),
body.vendor-area .object-picker__advanced .btn,
body.vendor-area .daterangepicker .btn,
body.vendor-area .buttons-container-picker .btn:not(.btn-primary),
body.vendor-area .bulk-edit-inner__btn,
body.vendor-area .sidebar-field.in-popup .btn,
body.vendor-area .adv-search .control-group .btn:is(.cm-external-click, .cm-dialog-opener),
body.vendor-area .pc-buyer-field__toggle,
body.vendor-area .pc-buyer-field__copy,
body.vendor-area .advanced-search-field__search,
body.vendor-area .btn:is(.view-tools__prev, .view-tools__next),
body.vendor-area form a.advanced-search,
body.vendor-area .cm-date-range > a.btn,
body.vendor-area .btn-group > a.btn.dropdown-toggle:not(.btn-primary) {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-width: 34px;
    min-height: 36px;
    padding: 4px 10px;
    margin: 0;
    border-radius: 10px;
    border: 1px solid var(--line);
    background: var(--soft);
    color: var(--muted);
    box-shadow: none;
    text-shadow: none;
    text-decoration: none;
}

body.vendor-area .pagination-wrap .pagination-dropdown .btn-group:hover {
    background: transparent;
}

body.vendor-area .adv-search .btn__icon--with-text {
    margin: 0;
}

body.vendor-area .g2-chat-attach__button:is(:hover, :focus),
body.vendor-area .cm-external-click.btn:not(.btn-primary):is(:hover, :focus),
body.vendor-area .pagination-wrap .pagination ul > li:not(.disabled) > .pagination-item:is(:hover, :focus),
body.vendor-area .btn-toolbar .pull-right a.btn.cm-dialog-opener:is(:hover, :focus),
body.vendor-area .nav__actions-bar .cm-submit:not(.btn-primary):is(:hover, :focus),
body.vendor-area .table .btn-mini:not(.btn-primary):is(:hover, :focus),
body.vendor-area .nav__actions-adv-buttons .cm-tooltip:not(.btn-primary):is(:hover, :focus),
body.vendor-area .btn-small:not(.dropdown-toggle):not(.btn-primary):is(:hover, :focus),
body.vendor-area .form-edit .btn:not(.hidden, .btn-primary):is(:hover, :focus),
body.vendor-area .btn-group > .btn-clone:is(:hover, :focus),
body.vendor-area .btn-group > .btn-add:is(:hover, :focus),
body.vendor-area .cc-tabs-button--inner:is(:hover, :focus),
body.vendor-area .cc-read-all-button:is(:hover, :focus),
body.vendor-area .notifications-center__opener-btn:is(:hover, :focus),
body.vendor-area .bulk-edit .bulk-edit__btn-content:is(:hover, :focus),
body.vendor-area .saved-search__item-name--horizontal:is(:hover, :focus),
body.vendor-area .add_message_form--refresh-btn:is(:hover, :focus),
body.vendor-area .rest-api-docs__copy:is(:hover, :focus),
body.vendor-area .search-link:is(:hover, :focus),
body.vendor-area .object-picker__advanced .btn:is(:hover, :focus),
body.vendor-area .daterangepicker .btn:is(:hover, :focus),
body.vendor-area .buttons-container-picker .btn:not(.btn-primary):is(:hover, :focus),
body.vendor-area .bulk-edit-inner__btn:is(:hover, :focus),
body.vendor-area .sidebar-field.in-popup .btn:is(:hover, :focus),
body.vendor-area .adv-search .control-group .btn:is(.cm-external-click, .cm-dialog-opener):is(:hover, :focus),
body.vendor-area .pc-buyer-field__toggle:is(:hover, :focus),
body.vendor-area .pc-buyer-field__copy:is(:hover, :focus),
body.vendor-area .btn:is(.view-tools__prev, .view-tools__next):is(:hover, :focus),
body.vendor-area .advanced-search-field__search:is(:hover, :focus),
body.vendor-area form a.advanced-search:is(:hover, :focus),
body.vendor-area .add-on.cs-append-language:is(:hover, :focus),
body.vendor-area .cm-date-range > a.btn:is(:hover, :focus),
body.vendor-area .file-uploader__pickers-buttons > .file-uploader__pickers-buttons-select:is(:hover, :focus),
body.vendor-area .btn-group > a.btn.dropdown-toggle:is(:hover, :focus),
body.vendor-area .btn-group.open > a.btn.dropdown-toggle {
    background: var(--soft2);
    color: var(--text);
    border-color: var(--line2);
}

body.vendor-area .cc-tabs-button--inner--active,
body.vendor-area .cc-tabs-button--inner--active:is(:hover, :focus) {
    background: rgba(118, 103, 255, .22);
    color: #fff;
    border-color: var(--line2);
}

body.vendor-area .file-uploader__pickers-buttons .caret {
    margin: 0;
}

body.vendor-area .caret,
body.vendor-area .nav-pills .dropdown-toggle .caret {
    position: static;
    margin-top: 4px;
    margin-left: 0;
    border-top-color: currentColor;
    border-bottom-color: currentColor;
    visibility: visible;
}

body.vendor-area #content_manage_orders {
    color: var(--text);
}

body.vendor-area a.row-status:hover,
body.vendor-area a.row-status:focus {
    color: var(--soft-blue);
    text-decoration: none;
}

body.vendor-area #content_manage_orders .table-manage-orders td.right {
    color: var(--text);
    font-weight: 800;
    white-space: nowrap;
}

body.vendor-area #content_manage_orders #orders_total {
    margin-top: 12px;
    padding-top: 8px;
    color: var(--muted);
}

body.vendor-area #content_manage_orders #orders_total .price,
body.vendor-area #content_manage_orders #orders_total h4 {
    color: var(--text);
}

body.vendor-area #content_manage_orders #orders_total table {
    color: var(--muted);
}

body.vendor-area span.view-status.view-status-i,
body.vendor-area span.view-status.view-status-e,
body.vendor-area .btn.order-status.status-dropdown.o-status-i,
body.vendor-area .btn.order-status.status-dropdown.o-status-e {
    color: var(--accent);
    border-color: rgba(118, 103, 255, .5);
    background: rgba(118, 103, 255, .2);
}

body.vendor-area .order-status.status-dropdown.o-status-o {
    --status-border-hover: rgba(240, 198, 106, .5);
    --status-bg-hover: rgba(240, 198, 106, .2);
}

body.vendor-area .order-status.status-dropdown:is(.o-status-y) {
    --status-border-hover: rgba(255, 115, 122, .5);
    --status-bg-hover: rgba(255, 115, 122, .2);
}

body.vendor-area .order-status.status-dropdown:is(.o-status-b, .o-status-a) {
    --status-border-hover: rgba(89, 183, 255, .5);
    --status-bg-hover: rgba(89, 183, 255, .2);
}

body.vendor-area .order-status.status-dropdown:is(.o-status-i, .o-status-n) {
    --status-border-hover: rgba(78, 143, 255, .5);
    --status-bg-hover: rgba(78, 143, 255, .2);
}

body.vendor-area .order-status.status-dropdown:is(:hover, :focus),
body.vendor-area .open > .order-status.status-dropdown {
    border-color: var(--status-border-hover);
    background: var(--status-bg-hover);
}

body.vendor-area #content_manage_orders .bulk-edit__btn--check-items .dropdown-menu {
    top: calc(100% + 8px);
}

body.vendor-area .bulk-edit-inner {
    background: rgba(14, 22, 38, .98);
    border: 1px solid var(--line);
    border-radius: 12px;
    box-shadow: var(--shadow);
}

body.vendor-area #content_manage_orders .bulk-edit-inner .btn {
    border-radius: 10px;
}

body.vendor-area .table tbody td.table__check-items-cell input.cm-item[type="checkbox"] {
    display: inline-block;
    margin: 0;
}

body.vendor-area .table td.left.mobile-hide:has(> input.hide),
body.vendor-area .table th.left.mobile-hide:has(> .btn-group.btn-checkbox) {
    padding: 0;
}

body.vendor-area #content_manage_orders .table-manage-orders thead.bulk-edit__thead--collapse .btn-group.btn-checkbox,
body.vendor-area #content_manage_orders .table-manage-orders thead.bulk-edit__thead--collapse .table__check-items,
body.vendor-area #content_manage_orders .table-manage-orders thead.bulk-edit__thead--collapse input.cm-check-items[type="checkbox"],
body.vendor-area #content_manage_orders .table-manage-orders thead.bulk-edit__thead--collapse .btn-checkbox input[type="checkbox"] {
    width: 0;
    height: 0;
    min-width: 0;
    min-height: 0;
    border: 0;
    overflow: hidden;
    visibility: hidden;
    pointer-events: none;
    transform: none;
    z-index: 0;
}

body.vendor-area input[type="checkbox"]:not(.hidden) {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    width: 18px;
    height: 18px;
    margin: 0;
    padding: 0;
    border: 1px solid rgba(118, 103, 255, .55);
    border-radius: 5px;
    background: rgba(118, 103, 255, .10);
    box-shadow: none;
    vertical-align: middle;
    cursor: pointer;
    flex: 0 0 auto;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 12px 12px;
    transition: background .15s ease, border-color .15s ease, box-shadow .15s ease;
}

body.vendor-area input[type="radio"]:not(.hidden) {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    width: 18px;
    height: 18px;
    margin: 0;
    padding: 0;
    border: 1px solid rgba(118, 103, 255, .55);
    border-radius: 50%;
    background: rgba(118, 103, 255, .10);
    box-shadow: none;
    vertical-align: middle;
    cursor: pointer;
    flex: 0 0 auto;
    transition: background .15s ease, border-color .15s ease, box-shadow .15s ease;
}

body.vendor-area input[type="radio"]:not(:focus, .hidden):hover {
    border-color: rgba(126, 145, 255, .85);
    background-color: rgba(118, 103, 255, .16);
    box-shadow: none;
    outline: none;
}

body.vendor-area input[type="radio"]:not(.hidden):checked {
    border-color: rgba(126, 145, 255, .95);
    background:
            radial-gradient(circle at center, #fff 0 3px, transparent 3.5px),
            linear-gradient(135deg, #7d5cff, #407cff);
}

body.vendor-area input[type="radio"]:not(.hidden):focus-visible {
    outline: none;
    box-shadow: 0 0 0 3px rgba(118, 103, 255, .22);
}

body.vendor-area input[type="radio"]::before,
body.vendor-area input[type="radio"]::after {
    content: none;
    display: none;
}

body.vendor-area input[type="checkbox"]:not(:focus, .hidden):hover {
    border-color: rgba(126, 145, 255, .85);
    background-color: rgba(118, 103, 255, .16);
    box-shadow: none;
    outline: none;
    filter: none;
}

body.vendor-area input[type="checkbox"]:not(.hidden):is(:checked, :indeterminate) {
    border-color: rgba(126, 145, 255, .95);
    background-color: transparent;
    background-size: 12px 12px, 100% 100%;
}

body.vendor-area input[type="checkbox"]:not(.hidden):checked {
    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23ffffff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round' d='M3.2 8.2l3.1 3.1 6.5-7'/%3E%3C/svg%3E"),
        linear-gradient(135deg, #7d5cff, #407cff);
    filter: none;
}

body.vendor-area input[type="checkbox"]:not(.hidden):focus-visible {
    outline: none;
    box-shadow: 0 0 0 3px rgba(118, 103, 255, .22);
}

body.vendor-area input[type="checkbox"]:not(.hidden):indeterminate {
    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23ffffff' stroke-width='2.4' stroke-linecap='round' d='M3.5 8h9'/%3E%3C/svg%3E"),
        linear-gradient(135deg, #7d5cff, #407cff);
}

body.vendor-area input[type="checkbox"]::before,
body.vendor-area input[type="checkbox"]::after,
body.vendor-area input[type="checkbox"]:not(:checked)::after,
body.vendor-area input[type="checkbox"]:checked::after,
body.vendor-area input[type="checkbox"]:indeterminate::after {
    content: none;
    display: none;
}

body.vendor-area .pagination-wrap {
    gap: 8px;
    margin: 8px 0 12px;
    color: var(--muted);
}

body.vendor-area .pagination-wrap .pagination,
body.vendor-area .pagination-wrap .pagination-dropdown {
    margin: 0;
}

body.vendor-area .pagination-wrap .pagination ul {
    display: flex;
    gap: 8px;
}

body.vendor-area .pagination ul {
    box-shadow: none;
}

body.vendor-area .pagination ul > .disabled > a.pagination-item,
body.vendor-area .pagination ul > .disabled > a.pagination-item:hover,
body.vendor-area .pagination ul > .disabled > a.pagination-item:focus {
    background: transparent;
    border-color: transparent;
    color: var(--muted2);
}

body.vendor-area .pagination-selector {
    font-size: 12px;
}

body.vendor-area .pagination-dropdown-per-page {
    color: var(--text);
}

body.vendor-area form[name="pc_api_filter_form"] {
    margin: 0 0 18px;
}

body.vendor-area .control-group,
body.vendor-area .group .control-group,
body.vendor-area .sidebar .form-horizontal .control-group {
    display: flex;
    flex-flow: wrap;
    gap: 3px;
    margin-bottom: 0;
    padding: 10px 0;
}

body.vendor-area .control-group > div:not(.controls) {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

body.vendor-area form[name="banners_form"].form-edit #banner_graphic.hidden,
body.vendor-area form[name="banners_form"].form-edit #banner_text.hidden,
body.vendor-area form[name="banners_form"].form-edit #banner_url.hidden,
body.vendor-area form[name="banners_form"].form-edit #banner_target.hidden {
    display: none;
}

body.vendor-area .ui-dialog-content .control-group:hover,
body.vendor-area .control-group:hover {
    background: rgba(118, 103, 255, .05);
}

body.vendor-area form[name="pc_api_filter_form"] .form-horizontal.form-edit .control-group {
    display: grid;
    grid-template-columns: 1fr;
    gap: 6px;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    float: none;
}

body.vendor-area tr.row-more .control-label {
    padding: 0;
    text-transform: uppercase;
}

body.vendor-area form:has(> input[name="dispatch"][value="product_codes.api_webhook_save"]) .control-label,
body.vendor-area form[name="pc_api_filter_form"] .form-horizontal.form-edit .control-label {
    padding: 0;
    line-height: 1.3;
}

body.vendor-area form[name="pc_api_filter_form"] input {
    max-width: 100%;
}

body.vendor-area .pc-vendor-api-docs p.muted {
    color: var(--muted);
}

body.vendor-area p.no-items,
body.vendor-area .content .no-items {
    margin: 0;
    padding: 28px 20px;
    border: 1px dashed var(--line);
    border-radius: 16px;
    background: rgba(12, 20, 35, .55);
    color: var(--muted);
    font-size: 13px;
    text-align: center;
}

body.vendor-area .content-wrap > div.muted,
body.vendor-area #pagination_contents > div.muted {
    margin-top: 14px;
    padding: 12px 14px;
    border-left: 3px solid rgba(89, 183, 255, .45);
    border-radius: 0 10px 10px 0;
    background: rgba(89, 183, 255, .06);
    max-width: 920px;
}

body.vendor-area code,
body.vendor-area .rest-api-docs code:not(pre code) {
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: .92em;
    padding: 2px 6px;
    margin-inline: 2px;
    border: 1px solid rgba(126, 145, 255, .18);
    border-radius: 6px;
    background: rgba(118, 103, 255, .10);
    color: #b9b0ff;
    white-space: normal;
    overflow-wrap: anywhere;
}

body.vendor-area .pagination-dropdown .btn-group {
    box-shadow: none;
    background: transparent;
    border-radius: 10px;
}

body.vendor-area .btn:not(.btn-primary) {
    transition: background .15s ease, color .15s ease;
}

body.vendor-area .bulk-edit__link {
    color: var(--muted);
    padding: 0;
}

body.vendor-area:has(form[name="pc_api_filter_form"]) [id^="pc_api_deliver_"] {
    margin-top: 8px;
    padding: 12px;
    border: 1px solid var(--line);
    border-radius: 12px;
    background: rgba(7, 11, 20, .55);
    text-align: left;
}

body.vendor-area .sidebar-field:last-child {
    margin-right: 0;
}

body.vendor-area .sidebar-field .object-picker,
body.vendor-area .controls .object-picker {
    width: 100%;
    margin-bottom: 0;
}

body.vendor-area form[name="digital_offer_type_form"] .digital-product-types {
    gap: 20px;
}

body.vendor-area form[name="digital_offer_type_form"] .digital-type-inner {
    border: 1px solid var(--line);
    border-radius: 16px;
    background:
        linear-gradient(
            180deg,
            rgba(20, 32, 54, .86),
            rgba(12, 20, 35, .92)
        );
    box-shadow: var(--inner);
    color: var(--text);
}

body.vendor-area form[name="digital_offer_type_form"] .digital-type-card:hover .digital-type-inner {
    border-color: var(--line2);
    background:
        linear-gradient(
            180deg,
            rgba(24, 37, 62, .92),
            rgba(14, 23, 40, .96)
        );
    box-shadow:
        0 10px 26px rgba(0, 0, 0, .18),
        var(--inner);
    transform: none;
}

body.vendor-area form[name="digital_offer_type_form"] .digital-type-card:focus-visible .digital-type-inner,
body.vendor-area form[name="digital_offer_type_form"] .digital-type-card:focus-within .digital-type-inner {
    outline: none;
    border-color: var(--line2);
    box-shadow:
        0 0 0 3px rgba(118, 103, 255, .18),
        var(--inner);
}

body.vendor-area .digital-type-badge {
    display: inline-flex;
    align-items: center;
    min-height: 26px;
    padding: 4px 10px;
    border: 1px solid rgba(89, 183, 255, .22);
    border-radius: 999px;
    background: rgba(89, 183, 255, .09);
    color: var(--cyan);
    font-size: 11px;
    font-weight: 700;
}

body.vendor-area .digital-type-icon {
    border: 1px solid var(--line);
    background: rgba(7, 11, 20, .72);
    box-shadow: var(--inner);
    color: #fff;
}

body.vendor-area form[name="digital_offer_type_form"] .digital-type-title {
    color: var(--text);
    font-weight: 800;
    line-height: 1.3;
    text-shadow: none;
}

body.vendor-area form[name="digital_offer_type_form"] .digital-type-description {
    color: var(--muted);
    line-height: 1.55;
}

body.vendor-area form[name="digital_offer_type_form"] .pc-delivery-mode-section h4 {
    color: var(--text);
    font-weight: 800;
}

body.vendor-area form[name="digital_offer_type_form"] .pc-delivery-mode-inner {
    border: 1px solid var(--line);
    border-radius: 12px;
    padding: 14px 16px;
    background:
        linear-gradient(
            180deg,
            rgba(20, 32, 54, .86),
            rgba(12, 20, 35, .92)
        );
    box-shadow: var(--inner);
    color: var(--text);
}

body.vendor-area form[name="digital_offer_type_form"] .pc-delivery-mode-option:hover .pc-delivery-mode-inner {
    border-color: var(--line2);
    box-shadow:
        0 10px 26px rgba(0, 0, 0, .18),
        var(--inner);
}

body.vendor-area form[name="digital_offer_type_form"] .digital-type-card.selected .digital-type-inner,
body.vendor-area form[name="digital_offer_type_form"] .digital-type-card.selected:hover .digital-type-inner,
body.vendor-area form[name="digital_offer_type_form"] .digital-type-card.selected:focus-visible .digital-type-inner,
body.vendor-area form[name="digital_offer_type_form"] .digital-type-card.selected:focus-within .digital-type-inner {
    border: 1px solid rgba(118, 103, 255, .55);
    background:
            linear-gradient(
                    180deg,
                    rgba(118, 103, 255, .16),
                    rgba(12, 20, 35, .94)
            );
    box-shadow:
            0 0 0 3px rgba(118, 103, 255, .12),
            var(--inner);
    transform: none;
}
body.vendor-area form[name="digital_offer_type_form"] .pc-delivery-mode-option.selected .pc-delivery-mode-inner,
body.vendor-area form[name="digital_offer_type_form"] .pc-delivery-mode-option.selected:hover .pc-delivery-mode-inner {
    border: 1px solid rgba(118, 103, 255, .55);
    background:
        linear-gradient(
            180deg,
            rgba(118, 103, 255, .16),
            rgba(12, 20, 35, .94)
        );
    box-shadow:
        0 0 0 3px rgba(118, 103, 255, .12),
        var(--inner);
}

body.vendor-area form[name="digital_offer_type_form"] .pc-delivery-mode-inner strong {
    color: var(--text);
    font-weight: 800;
}

body.vendor-area .analytics-card-resource-list__label {
    border: 1px solid transparent;
}

body.vendor-area:has(form[name^="report_form_"], form[name="reports_list"]) .cm-scroll-data,
body.vendor-area:has(form[name^="report_form_"], form[name="reports_list"]) .reports-graph-scroll,
body.vendor-area:has(form[name^="report_form_"], form[name="reports_list"]) .scroll-x,
body.vendor-area:has(form[name^="report_form_"], form[name="reports_list"]) .scroll-y,
body.vendor-area:has(form[name^="report_form_"], form[name="reports_list"]) .sidebar-wrapper {
    scrollbar-color: rgba(255, 255, 255, .16) transparent;
    scrollbar-width: thin;
}

body.vendor-area:has(form[name^="report_form_"], form[name="reports_list"]) .cm-scroll-data::-webkit-scrollbar,
body.vendor-area:has(form[name^="report_form_"], form[name="reports_list"]) .reports-graph-scroll::-webkit-scrollbar,
body.vendor-area:has(form[name^="report_form_"], form[name="reports_list"]) .scroll-x::-webkit-scrollbar,
body.vendor-area:has(form[name^="report_form_"], form[name="reports_list"]) .scroll-y::-webkit-scrollbar,
body.vendor-area:has(form[name^="report_form_"], form[name="reports_list"]) .sidebar-wrapper::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

body.vendor-area:has(form[name^="report_form_"], form[name="reports_list"]) .cm-scroll-data::-webkit-scrollbar-thumb,
body.vendor-area:has(form[name^="report_form_"], form[name="reports_list"]) .reports-graph-scroll::-webkit-scrollbar-thumb,
body.vendor-area:has(form[name^="report_form_"], form[name="reports_list"]) .scroll-x::-webkit-scrollbar-thumb,
body.vendor-area:has(form[name^="report_form_"], form[name="reports_list"]) .scroll-y::-webkit-scrollbar-thumb,
body.vendor-area:has(form[name^="report_form_"], form[name="reports_list"]) .sidebar-wrapper::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: rgba(255, 255, 255, .16);
}

body.vendor-area:has(form[name^="report_form_"], form[name="reports_list"]) .cm-scroll-data::-webkit-scrollbar-thumb:hover,
body.vendor-area:has(form[name^="report_form_"], form[name="reports_list"]) .reports-graph-scroll::-webkit-scrollbar-thumb:hover,
body.vendor-area:has(form[name^="report_form_"], form[name="reports_list"]) .scroll-x::-webkit-scrollbar-thumb:hover,
body.vendor-area:has(form[name^="report_form_"], form[name="reports_list"]) .scroll-y::-webkit-scrollbar-thumb:hover,
body.vendor-area:has(form[name^="report_form_"], form[name="reports_list"]) .sidebar-wrapper::-webkit-scrollbar-thumb:hover {
    background: rgba(255, 255, 255, .24);
}

body.vendor-area:has(form[name^="report_form_"]) .progress {
    background-color: rgba(7, 11, 20, .72);
    background-image: none;
    box-shadow: none;
}

body.vendor-area:has(form[name^="report_form_"]) .progress .bar {
    box-shadow: none;
    text-shadow: none;
    background-image: none;
    background-color: rgba(118, 103, 255, .88);
}

body.vendor-area:has(form[name^="report_form_"]) .progress .bar.graph-bar-1 {
    background-color: rgba(118, 103, 255, .88);
}

body.vendor-area:has(form[name^="report_form_"]) .progress .bar.graph-bar-2 {
    background-color: rgba(89, 183, 255, .88);
}

body.vendor-area:has(form[name^="report_form_"]) .progress .bar.graph-bar-3 {
    background-color: rgba(58, 212, 138, .88);
}

body.vendor-area:has(form[name^="report_form_"]) .progress .bar.graph-bar-4 {
    background-color: rgba(240, 198, 106, .88);
}

body.vendor-area:has(form[name^="report_form_"]) .progress .bar.graph-bar-5 {
    background-color: rgba(255, 115, 122, .88);
}

body.vendor-area .table.table-exim {
    border: 1px solid var(--line);
    margin: 15px 0;
    border-collapse: separate;
}

body.vendor-area .table-exim .import-field,
body.vendor-area .table-exim .import-label {
    color: var(--muted);
}

body.vendor-area .table-exim strong {
    position: relative;
    left: 0;
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    min-height: 24px;
    padding: 3px 8px;
    border: 1px solid var(--line2);
    border-radius: 10px;
    background: rgba(118, 103, 255, .20);
    font-weight: 700;
}

body.vendor-area .table-exim strong .import-field {
    color: #fff;
    font-weight: 700;
}

body.vendor-area .table-exim strong .import-label {
    color: rgba(255, 255, 255, .72);
    font-weight: 600;
}

body.vendor-area .sidebar .sidebar-field .control-label {
    display: block;
    flex: 1 0 100%;
    margin: 0 0 5px;
    line-height: 1.3;
}

body.vendor-area label,
body.vendor-area #redactor-modal #redactor-modal-body label,
body.vendor-area .control-label,
body.vendor-area .sidebar .control-group > .control-label {
    flex: 0 0 auto;
    color: var(--muted);
    font-size: 12px;
    padding: 5px;
    font-weight: 600;
    float: none;
    min-width: 0;
    width: auto;
    margin: 0;
    text-align: left;
}

body.vendor-area .control-group.error label {
    color: var(--red);
}

body.vendor-area .sidebar.sidebar-left .sidebar-wrapper {
    border-right-color: var(--line);
}

body.vendor-area .nested-tree ul .active {
    box-shadow: 0 10px 24px rgba(83, 99, 255, .17), var(--inner);
    border-color: transparent;
    background: linear-gradient(135deg, rgba(125, 92, 255, 0.87), rgba(64, 124, 255, 0.8));
}

body.vendor-area .tagit-new input[type="text"]:focus {
    border-color: transparent;
    box-shadow: none;
}

body.vendor-area:has(form[name^="report_form_"]) :is(.chartdiv-am-bar, .chartdiv-am-pie) svg text,
body.vendor-area:has(form[name^="report_form_"]) :is(.chartdiv-am-bar, .chartdiv-am-pie) svg text tspan {
    fill: var(--text) !important;
    color: var(--text) !important;
}

body.vendor-area:has(form[name^="report_form_"]) :is(.chartdiv-am-bar, .chartdiv-am-pie) svg rect[fill="#FFFFFF"],
body.vendor-area:has(form[name^="report_form_"]) :is(.chartdiv-am-bar, .chartdiv-am-pie) svg rect[fill="#ffffff"] {
    fill: rgba(14, 22, 38, .96) !important;
    stroke: var(--line);
    stroke-width: 1px;
}

body.vendor-area:has(form[name^="report_form_"]) :is(.chartdiv-am-bar, .chartdiv-am-pie) svg text[fill="#000000"],
body.vendor-area:has(form[name^="report_form_"]) :is(.chartdiv-am-bar, .chartdiv-am-pie) svg text[fill="#000000"] tspan {
    fill: var(--muted2) !important;
}

body.vendor-area .nested-tree ul .active a {
    color: rgb(255, 255, 255);
}

body.vendor-area .form-edit .controls .redactor-box,
body.vendor-area .form-edit .input-large {
    width: 100% !important;
    max-width: calc(100% - 39px);
}

body.vendor-area .input-group:has(.cs-append-language) > .input-large,
body.vendor-area .input-group:has(.cs-append-language) > input[type="text"].input-large,
body.vendor-area .input-group:has(.cs-append-language) > textarea.input-large {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

body.vendor-area .controls .description {
    flex: 1 0 100%;
}

body.vendor-area .input-append {
    display: flex;
    margin: 0;
}

body.vendor-area .muted,
body.vendor-area .mute,
body.vendor-area .micro-note,
body.vendor-area .cm-fu-no-file {
    color: var(--muted2);
    font-size: 12px;
    line-height: 1.5;
}

body.vendor-area .muted a,
body.vendor-area .mute a {
    color: var(--blue);
}

body.vendor-area .muted a:hover,
body.vendor-area .mute a:hover,
body.vendor-area .muted a:focus,
body.vendor-area .mute a:focus {
    color: var(--soft-blue);
}

body.vendor-area .table > tbody > tr > td.import-preset__tools {
    padding-inline: 0;
}

body.vendor-area .import-preset__last-status .status--x {
    border: 1px solid var(--line);
    background: var(--soft);
    color: var(--muted);
    padding-inline: 15px;
}

body.vendor-area .import-preset__last-status .cm-tooltip {
    width: 18px;
    height: 18px;
    margin: 0;
    border: 1px solid currentColor;
    border-radius: 50%;
    background: currentColor;
    color: currentColor;
}

body.vendor-area form[data-ca-advanced-import-element="management_form"] .import-preset__last-status .cm-tooltip:hover,
body.vendor-area form[data-ca-advanced-import-element="management_form"] .import-preset__last-status .cm-tooltip:focus {
    color: var(--text);
    background: var(--soft2);
    border-color: var(--line2);
}

body.vendor-area form[data-ca-advanced-import-element="management_form"] .import-preset__file a:not(.btn) {
    color: var(--text);
    text-decoration: none;
}

body.vendor-area form[data-ca-advanced-import-element="management_form"] .import-preset__file a:not(.btn):hover,
body.vendor-area form[data-ca-advanced-import-element="management_form"] .import-preset__file a:not(.btn):focus {
    color: var(--soft-blue);
}

body.vendor-area .control-group.error .cm-fu-no-file,
body.vendor-area .control-group.error .help-inline,
body.vendor-area form[data-ca-advanced-import-element="management_form"] .import-preset__file .type-error {
    color: var(--red);
}

body.vendor-area .import-preset__file .cm-adv-import-filename-delete {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    margin-right: 6px;
    vertical-align: middle;
    border: 1px solid var(--line);
    border-radius: 999px;
    background: var(--soft);
    color: var(--muted);
}

body.vendor-area form.form-horizontal.form-edit[data-ca-advanced-import-element="editor"] .control-group:hover {
    background: transparent;
    border-color: transparent;
    color: inherit;
}

body.vendor-area form[data-ca-advanced-import-element="editor"] .control-group:has(#elm_company_id) .text-type-value {
    color: var(--text);
    font-weight: 600;
}

body.vendor-area .subheader {
    margin: 0 0 14px;
    padding: 0 0 10px;
    border-bottom: 1px solid var(--line);
    color: var(--text);
    font-size: 14px;
    font-weight: 800;
    letter-spacing: .02em;
}

body.vendor-area .subheader:hover {
    color: var(--text);
}

body.vendor-area .subheader .subheader__icon {
    filter: brightness(0) invert(1);
    margin: 0;
}

body.vendor-area .subheader:hover .subheader__icon,
body.vendor-area .subheader:not(.collapsed) .subheader__icon {
    opacity: 1;
}

body.vendor-area form[data-ca-advanced-import-element="editor"] select:not(.select2-hidden-accessible) option {
    background: rgba(14, 22, 38, .98);
    color: var(--text);
}

body.vendor-area form[data-ca-advanced-import-element="editor"].import-preset-edit .input-prepend {
    max-width: 100%;
    padding: 0;
    overflow: hidden;
}

body.vendor-area form[data-ca-advanced-import-element="editor"].import-preset-edit .input-prepend input {
    display: table-cell;
    margin: 0;
    border: 0;
    border-radius: 0;
}

body.vendor-area form[data-ca-advanced-import-element="editor"].import-preset-edit .input-prepend input:focus {
    border: 0;
    outline: none;
    box-shadow: none;
}

body.vendor-area .status-new__text > .link--monochrome {
    position: relative;
}

body.vendor-area .status-new__text > .link--monochrome::before {
    content: "";
    position: absolute;
    right: -9px;
    top: -3px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--green);
    box-shadow: 0 0 0 3px rgba(78, 143, 255, .18);
}

body.vendor-area #threads_list_form .table th:nth-last-child(2),
body.vendor-area #threads_list_form .table .cm-longtap-target > td.right:has(> .hidden-tools),
body.vendor-area #threads_list_form .table th.status-label,
body.vendor-area #threads_list_form .table .cm-longtap-target > td:first-child {
    display: none;
}

body.vendor-area .alert {
    position: relative;
    display: flex;
    flex-flow: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 4px;
    font-size: 12px;
    margin: 0;
    padding: 11px 14px;
    border-radius: 10px;
    text-shadow: none;
}

body.vendor-area .alert::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: 10px;
    background: linear-gradient(180deg, rgba(20, 32, 54, .82), rgba(12, 20, 35, .88));
    z-index: -1;
}

body.vendor-area .alert strong {
    font-size: 14px;
    width: 100%;
}

body.vendor-area .alert-error,
body.vendor-area .alert-danger {
    color: var(--red);
    border-color: rgba(255, 115, 122, .35);
    background: rgb(255, 115, 122);
}

body.vendor-area .alert-error .close {
    color: var(--red);
}

body.vendor-area .alert-warning,
body.vendor-area .alert-block {
    color: var(--amber);
    border-color: rgba(240, 198, 106, .35);
    background: rgb(240, 198, 106);
}

body.vendor-area .alert-warning .close,
body.vendor-area .alert-block h4 {
    color: var(--amber);
}

body.vendor-area .alert-success {
    color: var(--green);
    border-color: rgba(58, 212, 138, .35);
    background: rgb(58, 212, 138);
}

body.vendor-area .alert-success .close {
    color: var(--green);
}

body.vendor-area .alert-info {
    color: var(--cyan);
    border-color: rgba(89, 183, 255, .35);
    background: rgb(89, 183, 255);
}

body.vendor-area .alert .close {
    position: absolute;
    top: 9px;
    right: 12px;
    opacity: 1;
}

body.vendor-area .alert br {
    display: none;
}

body.vendor-area form[data-ca-advanced-import-element="editor"] .control-group.error,
body.vendor-area form[data-ca-advanced-import-element="editor"] .import-field__modifier-input-group.error {
    background: transparent;
}

body.vendor-area form[data-ca-advanced-import-element="editor"] .cm-failed-field,
body.vendor-area form[data-ca-advanced-import-element="editor"] .control-group.error input[type="text"],
body.vendor-area form[data-ca-advanced-import-element="editor"] .import-field__modifier-input-group.error input[type="text"] {
    border-color: rgba(255, 115, 122, .55);
}

body.vendor-area form[data-ca-advanced-import-element="editor"] .preview-fields-mapping__wrapper {
    max-width: 100%;
}

body.vendor-area form[data-ca-advanced-import-element="editor"] .import-field .cm-adv-import-placeholder:not(.hidden) {
    display: block;
    max-width: 100%;
    min-height: 38px;
    padding: 7px 10px;
    border: 1px solid var(--line);
    border-radius: 10px;
    background: rgba(7, 11, 20, .72);
    color: var(--text);
    line-height: 22px;
}

body.vendor-area .import-field .cm-adv-import-placeholder--empty {
    color: var(--muted2);
}

body.vendor-area form[data-ca-advanced-import-element="editor"] .import-field .cm-adv-import-placeholder:not(.cm-adv-import-placeholder--view_only):hover {
    border-color: var(--line2);
    background: rgba(12, 20, 35, .96);
    color: var(--text);
    height: auto;
}

body.vendor-area form[data-ca-advanced-import-element="editor"] .import-field .cm-adv-import-placeholder:not(.cm-adv-import-placeholder--view_only):hover::before {
    border-color: var(--muted) transparent transparent transparent;
}

body.vendor-area form[data-ca-advanced-import-element="editor"] .import-field__modifier-input {
    width: 96%;
    max-width: 100%;
}

body.vendor-area form[data-ca-advanced-import-element="editor"] .import-field .cm-show-more__btn a {
    color: var(--blue);
}

body.vendor-area form[data-ca-advanced-import-element="editor"] .import-field .cm-show-more__btn a:hover {
    color: var(--soft-blue);
}

body.vendor-area form[data-ca-advanced-import-element="editor"] .import-field .cm-show-more__btn:before,
body.vendor-area form[data-ca-advanced-import-element="editor"] .import-field:hover .cm-show-more__btn:before {
    background: linear-gradient(transparent, rgba(12, 20, 35, .92) 70%);
}

body.vendor-area form[data-ca-advanced-import-element="editor"] .import-field__preview-info .popover {
    border: 1px solid var(--line);
    border-radius: 12px;
    background: rgba(14, 22, 38, .98);
    color: var(--text);
    box-shadow: var(--shadow);
}

body.vendor-area form[data-ca-advanced-import-element="editor"] .import-field__preview-info .popover-title {
    border-bottom: 1px solid var(--line);
    background: transparent;
    color: var(--text);
}

body.vendor-area form[data-ca-advanced-import-element="editor"] .import-field__preview-info .popover-content {
    color: var(--muted);
}

body.vendor-area form[data-ca-advanced-import-element="editor"] .import-field__preview-button .cs-icon,
body.vendor-area form[data-ca-advanced-import-element="editor"] .import-field__preview-button .icon-question-sign {
    color: var(--muted);
    filter: brightness(0) invert(1);
    opacity: .75;
}

body.vendor-area .ui-dialog:has(.advanced-import__modifier-description) .advanced-import__modifier-description {
    color: var(--muted);
}

body.vendor-area form:has(> input[name="dispatch"][value="product_codes.api_webhook_save"]) .control-group {
    display: grid;
    grid-template-columns: 1fr;
    gap: 6px;
    margin: 0 0 16px;
    padding: 0;
    border: 0;
    background: transparent;
    float: none;
}

body.vendor-area .control-group:before,
body.vendor-area .control-group:after {
    display: none;
    content: none;
}

body.vendor-area form:has(> input[name="dispatch"][value="product_codes.api_webhook_save"]) input[name="secret_new"] {
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    color: var(--muted);
}

body.vendor-area form:has(> input[name="dispatch"][value="product_codes.api_webhook_save"]) input[name="url"]:focus,
body.vendor-area form:has(> input[name="dispatch"][value="product_codes.api_webhook_save"]) input[name="secret_new"]:focus {
    color: var(--text);
}

body.vendor-area form:has(> input[name="dispatch"][value="product_codes.api_webhook_save"]) .control-group:has(input[name="secret_new"]) .controls > .muted {
    flex: 1 1 100%;
}

body.vendor-area form:has(> input[name="dispatch"][value="product_codes.api_webhook_save"]) .controls > .muted {
    margin-top: 5px;
    color: var(--muted2);
    font-size: 12px;
    line-height: 1.5;
    max-width: 720px;
}

body.vendor-area form:has(> input[name="dispatch"][value="product_codes.api_webhook_save"]) .controls > label.checkbox.inline,
body.vendor-area form:has(> input[name="dispatch"][value="product_codes.api_webhook_save"]) .controls > div > label.checkbox.inline {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    padding: 8px 12px;
    border: 1px solid var(--line);
    border-radius: 11px;
    background: var(--soft);
    color: var(--muted);
    font-size: 12px;
    font-weight: 600;
    white-space: normal;
}

body.vendor-area .checkbox-list {
    display: flex;
    gap: 12px;
}

body.vendor-area .checkbox-list label,
body.vendor-area label.checkbox,
body.vendor-area label.radio {
    display: inline-flex !important;
    flex-flow: wrap;
    align-items: center;
    gap: 8px;
}

body.vendor-area .radio.inline + .radio.inline {
    margin: 0;
}

body.vendor-area form:has(> input[name="dispatch"][value="product_codes.api_webhook_save"]) label.checkbox.inline:has(input[name="is_active"]) {
    display: inline-flex;
    width: auto;
    max-width: 100%;
    margin: 0;
    padding: 12px 14px;
    border: 1px solid var(--line);
    border-radius: 12px;
    background: rgba(89, 183, 255, .08);
    color: var(--text);
    font-size: 13px;
    font-weight: 700;
}

body.vendor-area form:has(> input[name="dispatch"][value="product_codes.api_webhook_save"]) .controls > label.checkbox.inline:has(input[name="is_active"]:checked) {
    border-color: var(--line2);
    background: rgba(118, 103, 255, .2);
}

body.vendor-area .sidebar .sidebar-row {
    padding: 16px;
    border: 1px solid var(--line);
}

body.vendor-area form:has(> input[name="dispatch"][value="product_codes.api_webhooks"]) label.inline {
    display: inline-flex;
    align-items: center;
    width: 100%;
    gap: 8px;
}

body.vendor-area form:has(> input[name="dispatch"][value="product_codes.api_webhooks"]) select[name="state_filter"] {
    min-height: 38px;
    padding: 6px 10px;
    font-size: 13px;
}

body.vendor-area .rest-api-docs__code:not(:last-child) {
    margin-bottom: 10px;
}

body.vendor-area .rest-api-docs__code,
body.vendor-area .rest-api-docs__card,
body.vendor-area .pc-vendor-api-docs {
    padding: 10px;
    border: 1px solid var(--line);
}

body.vendor-area .rest-api-docs__code > br,
body.vendor-area .pc-vendor-api-docs > br {
    display: none;
}

body.vendor-area .rest-api-docs__code p,
body.vendor-area .pc-vendor-api-docs p {
    margin: 0 0 12px;
    color: var(--light-gray);
    font-size: 13px;
}

body.vendor-area .rest-api-docs__code strong,
body.vendor-area .pc-vendor-api-docs strong {
    color: var(--text);
    font-weight: 800;
}

body.vendor-area .rest-api-docs__code h4,
body.vendor-area .pc-vendor-api-docs h4 {
    margin: 30px 0 12px;
    padding-top: 20px;
    border-top: 1px solid var(--line);
    color: var(--text);
    font-size: 17px;
    font-weight: 800;
    letter-spacing: -.015em;
    line-height: 1.3;
}

body.vendor-area .rest-api-docs__code h4:first-of-type,
body.vendor-area .pc-vendor-api-docs h4:first-of-type {
    margin-top: 18px;
    padding-top: 0;
    border-top: 0;
}

body.vendor-area .rest-api-docs__code h5,
body.vendor-area .pc-vendor-api-docs h5 {
    margin: 24px 0 8px;
    color: #dce5f4;
    font-size: 14px;
    font-weight: 800;
    line-height: 1.4;
}

body.vendor-area .rest-api-docs__code ul,
body.vendor-area .pc-vendor-api-docs ul {
    margin: 0;
    padding-left: 22px;
}

body.vendor-area .rest-api-docs__code li,
body.vendor-area .pc-vendor-api-docs li {
    margin: 6px 0;
    color: var(--light-gray);
    font-size: 13px;
    line-height: 1.5;
}

body.vendor-area .rest-api-docs__code li::marker,
body.vendor-area .pc-vendor-api-docs li::marker {
    color: var(--blue);
}

body.vendor-area .rest-api-docs__code pre,
body.vendor-area .pc-vendor-api-docs pre {
    position: relative;
    max-width: 100%;
    margin: 10px 0 16px;
    padding: 14px 16px;
    border: 1px solid var(--line);
    border-radius: 13px;
    background: rgba(5, 9, 17, .82);
    color: #dce5f4;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 12px;
    line-height: 1.6;
    tab-size: 4;
    white-space: pre;
    overflow-x: auto;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035);
}

body.vendor-area .rest-api-docs__code pre,
body.vendor-area .pc-vendor-api-docs pre {
    scrollbar-color: rgba(255, 255, 255, .18) transparent;
    scrollbar-width: thin;
}

body.vendor-area .rest-api-docs__code .table.table-middle.table--relative,
body.vendor-area .pc-vendor-api-docs .table.table-middle.table--relative {
    width: 100%;
    max-width: 100%;
    margin: 12px 0 18px;
    border-collapse: collapse;
    border: 1px solid var(--line);
    border-radius: 14px;
    background: rgba(10, 16, 29, .68);
    color: var(--text);
}

body.vendor-area .rest-api-docs__code a,
body.vendor-area .pc-vendor-api-docs a {
    color: var(--blue);
    font-weight: 700;
    text-decoration: none;
}

body.vendor-area .rest-api-docs__code a:is(:hover, :focus),
body.vendor-area .pc-vendor-api-docs a:is(:hover, :focus) {
    color: var(--soft-blue);
    text-decoration: underline;
    text-underline-offset: 2px;
}

body.vendor-area form[name="products_m_addition_form"] .text-type-value {
    color: var(--text);
    font-size: 12px;
    font-weight: 600;
    margin: 0;
}

body.vendor-area .input-append .cm-picker-value-description {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

body.vendor-area #content_manage_products {
    color: var(--text);
}

body.vendor-area:has(#content_manage_products) .admin-content-heading {
    margin-bottom: 14px;
    padding-top: 4px;
}

body.vendor-area .nav__actions-title .title__heading {
    color: var(--text);
}

body.vendor-area .saved-search-horizontal {
    margin: 0;
}

body.vendor-area .object-container .buttons-container-picker .btn + .btn {
    margin: 0;
}

body.vendor-area .saved-search__item-name--horizontal:is(:hover, :focus) {
    text-shadow: none;
}

body.vendor-area .saved-search__item--new:hover .saved-search__item-name--horizontal,
body.vendor-area .saved-search__item--new .saved-search__item-name--horizontal:hover {
    color: #fff;
    background: var(--soft2);
}

body.vendor-area .file-uploader__pickers-buttons > a.file-uploader__pickers-buttons-select.dropdown-toggle:not(.btn-primary) {
    border-left: 0;
    border-radius: 0 10px 10px 0;
    max-width: 36px;
}

body.vendor-area:has(#content_manage_products) .content__context-search {
    min-width: 220px;
}

body.vendor-area:has(#content_manage_products) .context-search__label {
    display: flex;
    align-items: center;
    max-width: 100%;
    padding: 0;
    overflow: hidden;
}

body.vendor-area:has(#content_manage_products) .context-search__input {
    border: 0;
    font-size: 13px;
}

body.vendor-area .context-search__addon {
    border: none;
}

body.vendor-area .content__search-filters {
    position: relative;
    align-items: center;
}

body.vendor-area:has(#content_manage_products) #content_search_filters,
body.vendor-area:has(#content_manage_products) .search-filters-wrapper__form-wrapper {
    overflow: visible;
}

body.vendor-area:has(#content_manage_products) .search-filters {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 8px;
    padding: 12px;
    border: 1px solid var(--line);
    overflow: visible;
}

body.vendor-area:has(#content_manage_products) .search-filters__item {
    display: flex;
    flex-flow: column;
    gap: 5px;
    padding: 0;
}

body.vendor-area:has(#content_manage_products) .search-filters__add-filter {
    background: transparent;
    z-index: 3;
}

body.vendor-area:has(#content_manage_products) .search-filters__add-filter:before {
    background: linear-gradient(90deg, transparent 0, rgba(20, 32, 54, .9) 70%, rgba(20, 32, 54, .95) 100%);
}

body.vendor-area:has(#content_manage_products) .search-filters__dropdown-toggle,
body.vendor-area:has(#content_manage_products) .search-filters__button-popup,
body.vendor-area:has(#content_manage_products) .search-filters__add-filter-dropdown-toggle,
body.vendor-area:has(#content_manage_products) .search-filters__clear-filter-btn {
    align-items: center;
    gap: 6px;
    min-height: 34px;
    padding: 5px 11px;
    border: 1px solid var(--line);
    border-radius: 10px;
    background: var(--soft);
    color: var(--muted);
    font-size: 12px;
    font-weight: 700;
    box-shadow: none;
    text-shadow: none;
}

body.vendor-area:has(#content_manage_products) .search-filters__clear-filter-btn:not(.hidden) {
    display: inline-flex;
}

body.vendor-area:has(#content_manage_products) .search-filters__dropdown:not(.open) .search-filters__dropdown-toggle:not(:hover):not(:focus),
body.vendor-area:has(#content_manage_products) .search-filters__dropdown:not(.open) .search-filters__button-popup:not(:hover):not(:focus),
body.vendor-area:has(#content_manage_products) .search-filters__button-popup:not(:hover):not(:focus),
body.vendor-area:has(#content_manage_products) .search-filters__dropdown:not(.open) .search-filters__clear-filter-btn:not(.hidden):not(:hover):not(:focus),
body.vendor-area:has(#content_manage_products) .search-filters__add-filter:not(.open) .search-filters__add-filter-dropdown-toggle:not(:hover):not(:focus) {
    border-style: dashed;
    border-color: rgba(255, 255, 255, .16);
    background: rgba(255, 255, 255, .03);
    color: var(--muted);
}

body.vendor-area:has(#content_manage_products) .search-filters__dropdown-toggle:hover,
body.vendor-area:has(#content_manage_products) .search-filters__button-popup:hover,
body.vendor-area:has(#content_manage_products) .search-filters__add-filter-dropdown-toggle:hover,
body.vendor-area:has(#content_manage_products) .open > .search-filters__dropdown-toggle,
body.vendor-area:has(#content_manage_products) .open > .search-filters__add-filter-dropdown-toggle {
    background: var(--soft2);
    color: var(--text);
    border-style: solid;
    border-color: var(--line);
}

body.vendor-area:has(#content_manage_products) .search-filters__dropdown:has(.search-filters__clear-filter-btn:not(.hidden)) .search-filters__dropdown-toggle,
body.vendor-area:has(#content_manage_products) .search-filters__dropdown:has(.search-filters__clear-filter-btn:not(.hidden)) .search-filters__button-popup {
    color: #fff;
    border-style: solid;
    border-color: var(--line2);
    background: rgba(118, 103, 255, .18);
}

body.vendor-area:has(#content_manage_products) .search-filters__dropdown-menu,
body.vendor-area:has(#content_manage_products) .search-filters__add-filter-dropdown-menu {
    display: none;
    flex-flow: column;
    gap: 5px;
    border: 1px solid var(--line);
    border-radius: 13px;
    background: rgba(14, 22, 38, .98);
    box-shadow: var(--shadow);
    padding: 10px 12px;
    color: var(--text);
}

body.vendor-area:has(#content_manage_products) .search-filters__dropdown.open .search-filters__dropdown-menu,
body.vendor-area:has(#content_manage_products) .search-filters__add-filter.open .search-filters__add-filter-dropdown-menu {
    display: flex;
}

body.vendor-area:has(#content_manage_products) .search-filters__dropdown-menu label,
body.vendor-area:has(#content_manage_products) .search-filters__variant-item {
    display: flex;
    gap: 4px;
    padding: 0;
    color: var(--muted);
    font-size: 12px;
}

body.vendor-area:has(#content_manage_products) .search-filters__add-filter-dropdown-menu label {
    display: flex;
    color: var(--text);
}

body.vendor-area :is(#elfinder, #server_file_browser) textarea {
    border: 1px solid var(--line);
    border-radius: 8px;
    background: rgba(7, 11, 20, .72);
    color: var(--text);
}

body.vendor-area .cs-product-reviews-update-post-vendor-reply textarea {
    max-width: 100%;
    min-height: 72px;
}

body.vendor-area .import-preset-edit .input-prepend,
body.vendor-area .context-search__label,
body.vendor-area .bulk-edit-inner__input-group .input-group__text.input-group__text--full,
body.vendor-area .select2-container--default .select2-selection--multiple,
body.vendor-area select:not(.select2-hidden-accessible),
body.vendor-area .cm-picker-value,
body.vendor-area .cm-picker-value-description,
body.vendor-area .choose-input input,
body.vendor-area #elm_tag,
body.vendor-area .calendar__date,
body.vendor-area input[type="text"],
body.vendor-area input[type="number"],
body.vendor-area input[type="search"],
body.vendor-area input[type="url"],
body.vendor-area input[name="secret_new"],
body.vendor-area:has(input[name="dispatch[product_codes.vendor_keys_import]"]) #vendor_keys_file,
body.vendor-area form.form-horizontal.form-edit[enctype="multipart/form-data"]:has(> input[name="pattern_id"]) input.input-large,
body.vendor-area form[data-ca-advanced-import-element="editor"] input.input-large,
body.vendor-area form[data-ca-advanced-import-element="editor"] input.input-text,
body.vendor-area #redactor-modal textarea,
body.vendor-area #redactor-modal input[type="text"],
body.vendor-area #redactor-modal input[type="url"],
body.vendor-area textarea {
    min-height: 36px;
    padding: 7px 10px;
    border: 1px solid var(--line);
    border-radius: 10px;
    background: rgba(7, 11, 20, .72);
    color: var(--text);
    box-shadow: none;
    color-scheme: dark;
    margin: 0;
    width: 100% !important;
    max-width: 400px;
}

body.vendor-area input[type="text"]:hover,
body.vendor-area input[type="number"]:hover,
body.vendor-area input[type="search"]:hover,
body.vendor-area input[type="url"]:hover,
body.vendor-area input[name="secret_new"]:hover {
    border-color: var(--line2);
    background: rgba(7, 11, 20, .45);
}

body.vendor-area .table tr:hover .input-hidden {
    border-color: var(--line2);
    background: rgba(7, 11, 20, .45);
}

body.vendor-area form:has(> input[name="dispatch"][value="product_codes.api_webhook_save"]) :is(input[name="url"], input[name="secret_new"]) {
    width: 100%;
    max-width: 720px;
}

body.vendor-area #redactor-modal select:focus {
    border-color: var(--line2);
    box-shadow: 0 0 0 3px rgba(118, 103, 255, .18);
    outline: none;
}
body.vendor-area :is(
    input:not(
        [type="checkbox"],
        [type="radio"],
        [type="hidden"],
        [type="file"],
        [type="submit"],
        [type="button"],
        [type="reset"],
        [type="image"],
        [type="range"],
        [type="color"],
        .select2-search__field
    ),
    select:not(.select2-hidden-accessible),
    .select2-search--dropdown .select2-search__field,
    textarea,
    .cm-picker-value,
    .cm-picker-value-description,
    .choose-input input,
    .context-search__label:focus-within,
    .signin-modal__form-field,
    input[type="file"][name="codes_csv_file"],
    #redactor-modal input,
    #vendor_keys_file
):focus,
body.vendor-area .context-search__label:focus-within,
body.vendor-area .import-preset-edit .input-prepend:focus-within,
body.vendor-area .select2-container--focus .select2-selection--single,
body.vendor-area .select2-container--open .select2-selection--single,
body.vendor-area .select2-container--focus .select2-selection--multiple,
body.vendor-area .select2-container--open .select2-selection--multiple {
    border-color: var(--line2);
    box-shadow: 0 0 0 3px rgba(118, 103, 255, .18);
}

body.vendor-area :is(input, textarea)::placeholder {
    color: var(--muted2);
}

body.vendor-area:has(#content_manage_products) .search-filters__add-filter-dropdown-menu > li > a,
body.vendor-area:has(#content_manage_products) .search-filters__add-filter-dropdown-menu .checkbox {
    color: var(--text);
    font-size: 12px;
}

body.vendor-area:has(#content_manage_products) .search-filters__add-filter-dropdown-menu > li > a:hover,
body.vendor-area:has(#content_manage_products) .search-filters__add-filter-dropdown-menu .checkbox:hover {
    background: rgba(118, 103, 255, .22);
    color: #fff;
}

body.vendor-area .search-filters__item-raw {
    padding: 0;
}

body.vendor-area:has(#content_manage_products) #content_search_filters .search-filters__dropdown-menu .search-filters__item-raw > div + div {
    margin-top: 8px;
}

body.vendor-area:has(#content_manage_products) #content_search_filters .search-filters__dropdown.open,
body.vendor-area:has(#content_manage_products) #content_search_filters .search-filters__add-filter.open {
    z-index: 10;
}

body.vendor-area:has(#content_manage_products) #content_search_filters .search-filters__dropdown.open .select2-container--open {
    z-index: 5;
}

body.vendor-area .select2-dropdown.games2-products-filter-select2 {
    z-index: 1060;
}

body.vendor-area .select2-dropdown.games2-products-filter-select2 .object-picker__result--categories {
    color: var(--text);
}

body.vendor-area .rest-api-docs__code pre::-webkit-scrollbar,
body.vendor-area .pc-vendor-api-docs pre::-webkit-scrollbar {
    height: 8px;
}
body.vendor-area .select2-dropdown .select2-results__options::-webkit-scrollbar,
body.vendor-area .ui-dialog:is(:has(form[name="categories_form"]), :has(form[name="add_orders"]), :has(form[name="add_products"])) .ui-dialog-content::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
body.vendor-area:has(#content_manage_products) #adv_search select[multiple]::-webkit-scrollbar {
    width: 8px;
}

body.vendor-area .table > tbody > tr:has(input.cm-item:checked) > td label {
    color: inherit;
}

body.vendor-area .icon-caret-right,
body.vendor-area .icon-caret-down,
body.vendor-area tr.row-actionable .icon-caret-right,
body.vendor-area tr.row-actionable .icon-caret-down,
body.vendor-area tr.row-actionable:hover .icon-caret-right,
body.vendor-area tr.row-actionable:hover .icon-caret-down {
    filter: brightness(0) invert(1);
    opacity: .72;
}

body.vendor-area #product_files_list .cm-combination > .icon-folder-close,
body.vendor-area #product_files_list .cm-combination > .icon-folder-open {
    width: 16px;
    height: 14px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px 14px;
    filter: none;
    opacity: 1;
}

body.vendor-area #product_files_list .cm-combination > .icon-folder-close {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 14'%3E%3Cpath fill='%23d7deea' d='M1 2.4C1 1.6 1.6 1 2.4 1H6l1.6 1.6h6c.8 0 1.4.6 1.4 1.4v7.2c0 .8-.6 1.4-1.4 1.4H2.4c-.8 0-1.4-.6-1.4-1.4V2.4z'/%3E%3C/svg%3E");
}

body.vendor-area #product_files_list .cm-combination > .icon-folder-open {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 14'%3E%3Cpath fill='%23d7deea' d='M1.2 4.4h13.6L13.6 12c-.1.6-.6 1-1.2 1H3.2c-.6 0-1.1-.4-1.2-1L1.2 4.4z'/%3E%3Cpath fill='%239aa6bd' d='M1 3.2C1 2.5 1.5 2 2.2 2H6l1.3 1.2h6.3c.7 0 1.2.5 1.2 1.2v.8H1V3.2z'/%3E%3C/svg%3E");
}

body.vendor-area .icon-caret-outer {
    border-right-color: var(--line);
}

body.vendor-area .icon-caret-inner {
    border-right-color: rgba(23, 34, 56, .76);
}

body.vendor-area input.input-micro {
    display: flex;
    margin: 0 auto;
    width: 46px;
}

body.vendor-area input.input-mini {
    flex: 1;
}

body.vendor-area #shippings_form #shippings_content .table td:has(> input.input-mini) {
    padding: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

body.vendor-area #shippings_form #shippings_content .table td > input.input-mini {
    min-width: 34px;
}

body.vendor-area .ui-dialog:has(form[name="categories_form"]) .cm-combinations-cat {
    color: var(--muted);
}

body.vendor-area .ui-dialog:has(form[name="categories_form"]) .cm-combinations-cat:hover {
    color: var(--text);
}

body.vendor-area .ui-dialog:has(form[name="categories_form"]) .no-items a {
    color: var(--blue);
}

body.vendor-area:has(#content_manage_products) .ui-dialog:has(form[name="add_orders"]) form[name="add_orders"],
body.vendor-area:has(#content_manage_products) .ui-dialog:has(form[name="add_orders"]) form[name="orders_search_form"] {
    background: transparent;
    color: var(--text);
}

body.vendor-area .adv-search .group,
body.vendor-area .search-advanced .group {
    margin-top: 8px;
    border: 1px solid var(--line);
    padding: 8px 12px;
}

body.vendor-area .adv-search .group:empty {
    display: none;
}

body.vendor-area:has(#content_manage_products) .ui-dialog:has(form[name="add_orders"]) form[name="orders_search_form"] label {
    color: var(--muted);
    font-size: 12px;
    font-weight: 600;
}

body.vendor-area .cm-combination {
    display: inline-flex;
    color: var(--muted);
    text-decoration: none;
}

body.vendor-area .cm-combination.hidden {
    display: none;
}

body.vendor-area .cm-combination:is(:hover, :focus) {
    color: var(--text);
}

body.vendor-area :is(.icon-chevron-down, .icon-chevron-up) {
    filter: brightness(0) invert(1);
    opacity: .72;
}

body.vendor-area .tagit li.tagit-choice .tagit-label {
    text-shadow: none;
}

body.vendor-area .cm-combination:is(:hover, :focus) :is(.icon-chevron-down, .icon-chevron-up) {
    opacity: 1;
}

body.vendor-area:has(#content_manage_products) .ui-dialog:is(:has(form[name="add_orders"]), :has(form[name="add_products"])) .search-advanced {
    background: transparent;
    color: var(--text);
}

body.vendor-area:has(#content_manage_products) .ui-dialog:has(form[name="add_products"]) form[name="add_products"] {
    background: transparent;
}

body.vendor-area:has(#content_manage_products) .ui-dialog:has(form[name="add_products"]) form[name="search_form"] {
    background: transparent;
    color: var(--text);
}

body.vendor-area:has(#content_manage_products) .ui-dialog:has(form[name="add_products"]) form[name="search_form"] .search-advanced label {
    color: var(--muted);
}

body.vendor-area .sidebar .sidebar-row .sidebar-field {
    display: inline-flex;
    flex-flow: wrap;
    align-items: center;
    flex: 1 0 100%;
    gap: 0 8px;
    max-width: 270px;
    vertical-align: top;
    margin: 0;
    color: var(--text);
}

body.vendor-area form[name="products_m_addition_form"] .input-append,
body.vendor-area .sidebar .sidebar-row .break {
    width: 100%;
}

body.vendor-area .sidebar #simple_search {
    display: flex;
    flex-flow: wrap;
    gap: 6px;
}

body.vendor-area:has(#content_manage_products) #adv_search .control-group,
body.vendor-area:has(#content_manage_products) .ui-dialog:has(form[name="add_products"]) form[name="search_form"] .search-advanced .control-group {
    color: var(--text);
    background: transparent;
}

body.vendor-area:has(#content_manage_products) .ui-dialog:has(form[name="add_products"]) .select2-dropdown {
    z-index: 10050;
}

body.vendor-area .ui-dialog .object-container {
    color-scheme: dark;
}

body.vendor-area:has(#content_manage_products) #adv_search select:not([multiple]),
body.vendor-area:has(#content_manage_products) #adv_search .controls .select-mini {
    width: 100% !important;
    max-width: 250px;
    flex: 1;
}

body.vendor-area #adv_search .control-group .controls input[type="text"] {
    flex: 1;
}

body.vendor-area:has(#content_manage_products) #adv_search .table-wrapper {
    padding-top: 12px;
}

body.vendor-area:has(#content_manage_products) #adv_search select[multiple] {
    min-height: 0;
    padding: 6px 8px;
    border: 1px solid var(--line);
    border-radius: 10px;
    background: rgba(7, 11, 20, .72);
    color: var(--text);
    box-shadow: none;
    color-scheme: dark;
    overflow: auto;
    width: 100%;
    scrollbar-color: rgba(255, 255, 255, .18) rgba(7, 11, 20, .72);
}

body.vendor-area:has(#content_manage_products) #adv_search select[multiple] option {
    background: rgba(7, 11, 20, .92);
    color: var(--text);
}

body.vendor-area:has(#content_manage_products) #adv_search .btn .icon-reorder {
    filter: brightness(0) invert(1);
    opacity: .72;
}

body.vendor-area:has(#content_manage_products) #adv_search #ab__stickers_product select[data-games2-select2="vendor"].select2-hidden-accessible + .select2-container--default {
    --games2-select2-placeholder: var(--muted);
    --games2-select2-inline-search-line-height: 22px;
}

body.vendor-area .select2-dropdown .select2-results__option--highlighted.select2-results__option--selectable,
body.vendor-area .select2-dropdown .select2-results__option--highlighted[aria-selected] {
    background: rgba(118, 103, 255, .16);
    color: #fff;
}

body.vendor-area .object-selector {
    margin-bottom: 0;
    width: 100% !important;
}

body.vendor-area .object-selector-result,
body.vendor-area .object-selector-result__text {
    color: inherit;
}

body.vendor-area .select2-results__option--highlighted .object-selector-result__append,
body.vendor-area .object-selector-result__help {
    color: inherit;
    opacity: .85;
}

body.vendor-area:has(#content_manage_products) #adv_search #ab__stickers_product thead td {
    padding-bottom: 6px;
}

body.vendor-area #ab__stickers_product thead td:not(:first-child),
body.vendor-area #ab__stickers_product tbody td:not(:first-child) {
    padding-left: 6px;
}

body.vendor-area:has(#content_manage_products) .ui-dialog:has([data-ca-search-filters="searchSave"]) {
    overflow: hidden;
}

body.vendor-area:has(#content_manage_products) .ui-dialog:has([data-ca-search-filters="searchSave"]) .control-group {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

body.vendor-area .ui-dialog > .ui-dialog-titlebar,
body.vendor-area .std42-dialog > .ui-dialog-titlebar {
    border: 0;
    border-bottom: 1px solid var(--line);
    background: rgba(18, 29, 49, .94);
    color: var(--text);
}

body.vendor-area .attach-images .input-prepend {
    display: flex;
}

body.vendor-area .attach-images .image-alt input {
    width: 100%;
}

body.vendor-area .btn-expand {
    border: 1px solid transparent;
}

body.vendor-area .input-append .cm-dialog-opener.add-on.btn {
    margin: 0;
    border-left: 0;
    border-radius: 0 10px 10px 0;
}

body.vendor-area .btn-expand,
body.vendor-area .hand.btn:not(.hidden),
body.vendor-area form .choose-input .cm-dialog-opener,
body.vendor-area .last-viewed-items__back-link,
body.vendor-area .input-prepend .add-on {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    flex: 0 0 36px;
    height: 36px;
    min-width: 36px;
    padding: 0;
    border-color: var(--line);
    background: rgba(255, 255, 255, .06);
    color: var(--muted);
    text-shadow: none;
    border-radius: 6px;
    transition: background .15s ease, color .15s ease, border-color .15s ease;
}

body.vendor-area form[data-ca-advanced-import-element="editor"].import-preset-edit .input-prepend .add-on {
    display: table-cell;
    min-height: 36px;
    padding: 7px 10px;
    border: 0;
    border-radius: 0;
}

body.vendor-area .last-viewed-items__back-link:not(:hover):not(:focus):not(:active) {
    border-color: var(--line);
    background: rgba(255, 255, 255, .06);
}

body.vendor-area .btn-expand:is(:hover, :focus),
body.vendor-area .hand.btn:is(:hover, :focus),
body.vendor-area form .choose-input .cm-dialog-opener:is(:hover, :focus),
body.vendor-area .last-viewed-items__back-link:is(:hover, :focus, :active) {
    color: var(--text);
    border-color: var(--line2);
    background: var(--soft2);
}

body.vendor-area .sidebar-field .controls,
body.vendor-area .sidebar .control-group .controls,
body.vendor-area .group .controls,
body.vendor-area .control-group .controls {
    display: flex;
    flex-flow: wrap;
    align-items: center;
    gap: 10px;
    margin: 0;
    width: 100%;
}

body.vendor-area form:has(> input[name="dispatch"][value="product_codes.api_webhook_save"]) .controls div {
    display: flex;
    flex-flow: wrap;
    gap: 10px;
}

body.vendor-area .products-table thead .th-text-overflow-wrapper .th-text-overflow {
    display: inline-flex;
}

body.vendor-area .product-list__labels {
    font-size: 11px;
    font-weight: 600;
}

body.vendor-area .product-code__label {
    color: var(--muted2);
}

body.vendor-area #content_select_fields_to_edit {
    color: var(--text);
}

body.vendor-area #content_select_fields_to_edit p,
body.vendor-area #content_select_fields_to_edit .muted {
    color: var(--muted);
}

body.vendor-area #content_select_fields_to_edit label,
body.vendor-area #content_select_fields_to_edit .checkbox {
    color: var(--light-gray);
    font-size: 12px;
}

body.vendor-area .product-codes-content-files-hook input[type="file"] {
    display: block;
    width: 100%;
    min-height: 50px;
    padding: 8px 10px;
    border: 1px solid var(--line);
    border-radius: 11px;
    background: rgba(7, 11, 20, .72);
    color: var(--text);
    font-size: 13px;
    box-shadow: none;
}

body.vendor-area:has(input[name="dispatch[product_codes.vendor_keys_import]"]) #vendor_keys_file {
    max-width: 100%;
    min-height: 50px;
}

body.vendor-area .product-codes-content-files-hook input[type="file"][name="codes_csv_file"]::file-selector-button,
body.vendor-area .product-codes-content-files-hook input[type="file"][name="codes_csv_file"]::-webkit-file-upload-button,
body.vendor-area:has(input[name="dispatch[product_codes.vendor_keys_import]"]) #vendor_keys_file::file-selector-button,
body.vendor-area:has(input[name="dispatch[product_codes.vendor_keys_import]"]) #vendor_keys_file::-webkit-file-upload-button {
    margin-right: 12px;
    padding: 7px 12px;
    border: 1px solid var(--line);
    border-radius: 9px;
    background: var(--soft);
    color: var(--text);
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
}

body.vendor-area hr {
    margin: 20px 0;
    border-top: none;
    border-bottom-color: var(--line);
}

body.vendor-area:has(form[name="product_update_form"]) #elm_price_price {
    max-width: 240px;
    width: 100%;
}

body.vendor-area .add-on.cs-append-language,
body.vendor-area .object-categories-add .object-categories-add__picker {
    border-left: 0;
    border-radius: 0 10px 10px 0;
}

body.vendor-area .cs-append-language__icon {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
    opacity: 0;
}

body.vendor-area .add-on.cs-append-language::before {
    content: "";
    display: block;
    width: 18px;
    height: 18px;
    background-color: currentColor;
    opacity: .88;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cellipse cx='12' cy='12' rx='4' ry='9'/%3E%3Cpath d='M3 12h18'/%3E%3C/svg%3E") center / contain no-repeat;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cellipse cx='12' cy='12' rx='4' ry='9'/%3E%3Cpath d='M3 12h18'/%3E%3C/svg%3E") center / contain no-repeat;
}

body.vendor-area:has(form[name="product_update_form"]) .product-category .object-picker--categories.object-categories-add {
    position: relative;
    max-width: 100%;
}

body.vendor-area select[data-games2-select2="vendor"].select2-hidden-accessible + .select2-container--default .select2-selection--single .select2-selection__rendered {
    padding: 0 32px 0 11px;
    line-height: var(--games2-select2-line-height);
    color: var(--text);
}

body.vendor-area select[data-games2-select2="vendor"].select2-hidden-accessible + .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    color: var(--text);
}

body.vendor-area form[name^="block_"][name$="_update_form"] .object-picker--product .object-picker__simple--products .select2-selection--multiple .select2-selection__rendered {
    display: flex;
    align-items: center;
    height: 36px;
    min-height: 36px;
    max-height: 36px;
    padding: 0 6px;
    overflow: hidden;
}

body.vendor-area .object-categories-add .select2__category-parents {
    color: var(--text);
}

body.vendor-area .object-categories-add .select2__category-company {
    color: var(--muted2);
}

body.vendor-area:has(form[name="product_update_form"]) .object-categories-add .select2 .select2-search {
    margin-top: 4px;
    border: 1px solid var(--line);
    border-radius: 8px;
    background: rgba(7, 11, 20, .72);
    box-shadow: none;
}

body.vendor-area:has(form[name="product_update_form"]) .object-categories-add .select2 .select2-search:before {
    filter: brightness(0) invert(1);
    margin-bottom: 7px;
}

body.vendor-area .redactor-box {
    border: 1px solid var(--line);
    border-radius: 10px;
    background: rgba(7, 11, 20, .72);
    box-shadow: none;
    overflow: hidden;
}

body.vendor-area .redactor-toolbar {
    background: rgba(18, 29, 49, .94);
    border-bottom: 1px solid var(--line);
    box-shadow: none;
}

body.vendor-area .redactor-toolbar li a {
    color: var(--muted);
    background: transparent;
    border-right-color: var(--line);
}

body.vendor-area .redactor-toolbar li a:hover,
body.vendor-area .redactor-toolbar li a.redactor-button-focus {
    color: var(--text);
    background: var(--soft2);
}

body.vendor-area .redactor-toolbar li a:active,
body.vendor-area .redactor-toolbar li a.redactor-act {
    color: #fff;
    background: rgba(118, 103, 255, .22);
}

body.vendor-area .redactor-toolbar li a.redactor-button-disabled:hover {
    color: var(--muted2);
    background: transparent;
}

body.vendor-area .redactor-layer,
body.vendor-area .redactor-box .cm-wysiwyg + textarea.open {
    background: rgba(7, 11, 20, .72) !important;
    color: var(--text) !important;
    border-color: transparent;
}

body.vendor-area .redactor-styles {
    color: var(--text);
}

body.vendor-area .redactor-dropdown {
    border: 1px solid var(--line);
    border-radius: 10px;
    background: rgba(14, 22, 38, .98);
    color: var(--text);
    box-shadow: var(--shadow);
}

body.vendor-area .redactor-dropdown li {
    border-bottom-color: var(--line);
}

body.vendor-area .redactor-dropdown li:hover,
body.vendor-area .redactor-dropdown li:hover a {
    background: rgba(118, 103, 255, .05);
    color: var(--text) !important;
}

body.vendor-area .redactor-dropdown a {
    color: var(--text);
}

body.vendor-area .re-dropdown-box-selector-font,
body.vendor-area .redactor-dropdown a.selected,
body.vendor-area .redactor-dropdown a.redactor-dropdown-link-selected {
    background: rgba(118, 103, 255, .18) !important;
    color: #fff;
}

body.vendor-area .redactor-link-tooltip {
    border: 1px solid var(--line);
    border-radius: 8px;
    background: rgba(14, 22, 38, .98);
    color: var(--muted2);
    box-shadow: var(--shadow);
}

body.vendor-area .redactor-link-tooltip a {
    color: var(--text);
}

body.vendor-area #redactor-modal-overlay {
    background: rgba(0, 0, 0, .58);
}

body.vendor-area #redactor-modal {
    border: 1px solid var(--line);
    border-radius: 14px;
    background: rgba(14, 22, 38, .98);
    color: var(--text);
    box-shadow: var(--shadow);
}

body.vendor-area #redactor-modal #redactor-modal-header {
    border-bottom: 1px solid var(--line);
    color: var(--text);
}

body.vendor-area #redactor-modal #redactor-modal-close {
    color: var(--muted);
}

body.vendor-area #redactor-modal #redactor-modal-close:hover {
    color: var(--text);
}

body.vendor-area .select2-dropdown:has(.object-picker__result--categories) .object-picker__result--categories {
    color: var(--text);
}

body.vendor-area #redactor-modal button {
    border: 1px solid var(--line);
    border-radius: 8px;
    background: var(--soft);
    color: var(--text);
}

body.vendor-area #redactor-modal button:hover {
    background: var(--soft2);
    border-color: var(--line2);
}

body.vendor-area #redactor-modal input[type="url"],
body.vendor-area #redactor-modal input[type="text"],
body.vendor-area #redactor-modal textarea,
body.vendor-area .table.table-middle input[type="text"],
body.vendor-area .fileuploader {
    max-width: 100%;
}

body.vendor-area .fileuploader .btn-group > .btn.active,
body.vendor-area .fileuploader .upload-file-local:has(input.active) > .btn {
    border-color: var(--line2);
    background: rgba(118, 103, 255, .20);
    color: #fff;
    box-shadow: none;
}

body.vendor-area .fileuploader .upload-file-local,
body.vendor-area .fileuploader .upload-file-local .image-selector,
body.vendor-area .fileuploader .upload-file-local label,
body.vendor-area .fileuploader .upload-file-local input[type="file"] {
    cursor: pointer;
}

body.vendor-area .fileuploader .upload-file-local input[type="file"]::file-selector-button,
body.vendor-area .fileuploader .upload-file-local input[type="file"]::-webkit-file-upload-button {
    cursor: pointer;
}

body.vendor-area .fileuploader .cm-fu-file,
body.vendor-area .fileuploader .upload-filename,
body.vendor-area .fileuploader .upload-filename a {
    color: var(--text);
}

body.vendor-area .fileuploader .cm-fu-file .cs-icon {
    filter: brightness(0) invert(1);
    opacity: .72;
}

body.vendor-area .fileuploader .cm-fu-file .cs-icon:hover {
    opacity: 1;
}

body.vendor-area:has(form[name="product_update_form"]) .file-uploader {
    color: var(--text);
}

body.vendor-area .file-uploader__pickers {
    position: static;
    display: flex;
    width: 240px;
    height: 240px;
}

body.vendor-area .file-uploader__files-container {
    display: flex;
    gap: 10px;
}

body.vendor-area:has(form[name="product_update_form"]) .file-uploader__files-container {
    overflow: visible;
}

body.vendor-area .file-uploader__pickers,
body.vendor-area .file-uploader__file {
    float: none;
    margin: 0;
    padding: 0;
}

body.vendor-area:has(form[name="product_update_form"]) .file-uploader__file .file-uploader__file-square {
    background: rgba(12, 20, 35, .72);
    border-radius: 14px;
    overflow: hidden;
}

body.vendor-area .file-uploader__pickers .file-uploader__file-square {
    background: rgba(12, 20, 35, .72);
    border-radius: 14px;
}

body.vendor-area .file-uploader__pickers .file-uploader__file-square.file-uploader__file-square--no-files {
    height: 240px;
}

body.vendor-area .object-categories-add .ui-select2-sortable-placeholder {
    border: 1px dashed var(--line2);
    background: rgba(118, 103, 255, .06);
}

body.vendor-area .file-uploader__pickers .file-uploader__file-square:before {
    border: 1px dashed var(--line2);
    border-radius: 14px;
}

body.vendor-area:has(form[name="product_update_form"]) .file-uploader__pickers .file-uploader__file-square:hover:before,
body.vendor-area:has(form[name="product_update_form"]) .file-uploader.cm-file-uploader.dz-drag-hover .file-uploader__pickers .file-uploader__file-square:before,
body.vendor-area:has(form[name="product_update_form"]) .file-uploader__pickers.file-uploader__pickers--expanded .file-uploader__file-square:before {
    border-color: rgba(118, 103, 255, .55);
    background: rgba(118, 103, 255, .08);
}

body.vendor-area:has(form[name="product_update_form"]) .file-uploader__pickers-text,
body.vendor-area:has(form[name="product_update_form"]) .file-uploader__pickers-icon {
    color: var(--muted);
    text-shadow: none;
    opacity: 1;
}

body.vendor-area:has(form[name="product_update_form"]) .file-uploader__pickers-content {
    gap: 6px;
    padding: 8px;
}

body.vendor-area:has(form[name="product_update_form"]) .file-uploader__pickers-content > p {
    margin: 0;
    text-align: center;
}

body.vendor-area:has(form[name="product_update_form"]) .file-uploader__pickers-text {
    line-height: 1.35;
}

body.vendor-area:has(form[name="product_update_form"]) .file-uploader__pickers .file-uploader__file-square:not(.file-uploader__file-square--no-files) {
    min-width: 168px;
}

body.vendor-area .file-uploader__pickers-buttons > .btn.file-uploader__pickers-buttons-select:not(.btn-primary) {
    border-radius: 10px 0 0 10px;
}

body.vendor-area:has(form[name="product_update_form"]) .file-uploader__file .file-uploader__file-square:before {
    border: 1px solid var(--line);
    border-radius: 14px;
}

body.vendor-area:has(form[name="product_update_form"]) .file-uploader__file-section_text-data[data-dz-errormessage] {
    border-radius: 8px;
    background: rgba(14, 22, 38, .94);
    color: var(--red, #ff6b7a);
    padding: 8px;
}

body.vendor-area:has(form[name="product_update_form"]) .file-uploader__file-progressbar .progress {
    background: rgba(255, 255, 255, .08);
    border-radius: 4px;
}

body.vendor-area:has(form[name="product_update_form"]) .file-uploader__file-progressbar .progress .bar {
    background-color: rgba(118, 103, 255, .72);
    background-image: linear-gradient(90deg, rgba(118, 103, 255, .92) 25%, transparent 25%, transparent 50%, rgba(118, 103, 255, .92) 50%, rgba(118, 103, 255, .92) 75%, transparent 75%, transparent);
}

body.vendor-area:has(form[name="product_update_form"]) .file-uploader__file-button {
    color: var(--text);
    opacity: .78;
}

body.vendor-area:has(form[name="product_update_form"]) .file-uploader__file-button:hover {
    opacity: 1;
    color: #fff;
}

body.vendor-area:has(form[name="product_update_form"]) .file-uploader__file-description-input {
    color: var(--text);
}

body.vendor-area:has(form[name="product_update_form"]) .file-uploader__remove-overlay {
    background: rgba(7, 11, 20, .82);
}

body.vendor-area:has(form[name="product_update_form"]) .file-uploader__remove-text {
    color: var(--muted);
    text-shadow: none;
}

body.vendor-area:has(form[name="product_update_form"]) .file-uploader__sortable-placeholder {
    background: rgba(118, 103, 255, .08);
    border: 1px dashed rgba(118, 103, 255, .55);
    border-radius: 10px;
}

body.vendor-area .table.table-middle .handler {
    width: 16px;
    margin: 0 auto;
    opacity: 1;
    background-image: radial-gradient(circle, #d7e0ee 1px, transparent 1.15px);
    background-size: 4px 4px;
    background-position: center;
    background-repeat: repeat;
}

body.vendor-area .product-codes-content-files-hook .controls p {
    width: 100%;
}

body.vendor-area:has(form[name="product_update_form"]) .controls .table-responsive-wrapper .video-preview {
    border-radius: 8px;
    border: 1px solid var(--line);
}

body.vendor-area .table .shift-input {
    color: var(--text);
}

body.vendor-area .shift-input:empty {
    display: none;
}

body.vendor-area:has(form[name="product_update_form"]) .controls .table-responsive-wrapper select[disabled] {
    opacity: .72;
}

body.vendor-area:has(form[name="product_update_form"]) .btn-live-edit {
    margin-top: 8px;
}

body.vendor-area .product-codes-content-files-hook h4 {
    margin: 0;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: .02em;
}

body.vendor-area .controls > p > strong {
    color: var(--muted);
}

body.vendor-area .content-wrap pre.muted {
    max-width: 720px;
    margin: 0 0 16px;
    padding: 14px 16px;
    border: 1px solid var(--line);
    border-radius: 12px;
    background: rgba(5, 9, 17, .82);
    color: var(--text);
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 12px;
    line-height: 1.55;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035);
}

body.vendor-area #product_reviews_form {
    color: var(--text);
}

body.vendor-area:has(form.form-horizontal.form-edit[enctype="multipart/form-data"] > input[name="pattern_id"]) .sidebar .nav-list > li > a {
    border: 1px solid transparent;
    text-shadow: none;
}

body.vendor-area:has(form.form-horizontal.form-edit[enctype="multipart/form-data"] > input[name="pattern_id"]) .sidebar .nav-list > li.active > a,
body.vendor-area:has(form.form-horizontal.form-edit[enctype="multipart/form-data"] > input[name="pattern_id"]) .sidebar .nav-list > .active > a:hover,
body.vendor-area:has(form.form-horizontal.form-edit[enctype="multipart/form-data"] > input[name="pattern_id"]) .sidebar .nav-list > .active > a:focus {
    color: #fff;
    background: rgba(118, 103, 255, .20);
    border-radius: 10px;
    border-color: var(--line2);
    box-shadow: none;
    text-shadow: none;
}

body.vendor-area .sidebar .nav-list > li > a,
body.vendor-area .sidebar .saved-search a {
    color: var(--muted);
}

body.vendor-area .sidebar .nav-list > li.active > a,
body.vendor-area .sidebar .nav-list > li > a:hover {
    color: var(--text);
    background: var(--soft);
}

body.vendor-area:has(#content_manage_products) .ui-dialog:has(#adv_search) #adv_search.adv-search .group:not(:has(*)),
body.vendor-area:has(#content_manage_products) #adv_search.adv-search .group:not(:has(*)),
body.vendor-area:has(#product_reviews_form) .ui-dialog:has(#adv_search) #adv_search .group .group {
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

body.vendor-area .signin-modal .signin-modal__form-field {
    width: 100%;
    height: auto;
    min-height: 42px;
    padding: 8px 11px;
    border: 1px solid var(--line);
    border-radius: 10px;
    background: rgba(7, 11, 20, .72);
    color: var(--text);
    box-shadow: none;
    margin: 0;
}
body.vendor-area:has(#content_manage_pages):has(#pages_tree_form):not(:has(#pages_tree_form input[name="page_type"])) #pages_tree_form #parent_page_selector .cm-picker-value {
    min-height: 34px;
    padding: 6px 10px;
    border: 1px solid var(--line);
    border-radius: 10px;
    background: rgba(7, 11, 20, .72);
    color: var(--text);
    box-shadow: none;
}
body.vendor-area:has(#product_reviews_form) .ui-dialog:has(#adv_search) #adv_search input[type="text"],
body.vendor-area:has(#product_reviews_form) .ui-dialog:has(#adv_search) #adv_search select:not(.select2-hidden-accessible),
body.vendor-area:has(#product_reviews_form) .ui-dialog:has(#adv_search) #adv_search .calendar__date {
    min-height: 38px;
    padding: 7px 10px;
    border: 1px solid var(--line);
    border-radius: 10px;
    background: rgba(7, 11, 20, .72);
    color: var(--text);
    box-shadow: none;
    color-scheme: dark;
}

body.vendor-area:has(#product_reviews_form) .ui-dialog:has(#adv_search) #adv_search .form-inline {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    max-width: 100%;
}

body.vendor-area:has(#product_reviews_form) .ui-dialog:has(#adv_search) #adv_search input[name="time_from"],
body.vendor-area:has(#product_reviews_form) .ui-dialog:has(#adv_search) #adv_search input[name="time_to"] {
    flex: 1 1 120px;
    min-width: 0;
    width: auto;
    max-width: none;
    display: inline-block;
    vertical-align: middle;
}

body.vendor-area:has(#product_reviews_form) .ui-dialog:has(#adv_search) #adv_search .period-selector__divider {
    margin: 0 4px;
    color: var(--muted2);
}

body.vendor-area:has(#product_reviews_form) .ui-dialog:has(#adv_search) #adv_search .cm-external-focus,
body.vendor-area:has(#product_reviews_form) .ui-dialog:has(#adv_search) #adv_search .calendar {
    color: var(--muted);
}

body.vendor-area .controls > .nowrap {
    width: 100%;
    white-space: normal;
    max-width: 100%;
}

body.vendor-area:has(#product_reviews_form) #adv_search .sidebar-field input[name="helpfulness_from"],
body.vendor-area:has(#product_reviews_form) #adv_search .sidebar-field input[name="helpfulness_to"] {
    display: inline-block;
    vertical-align: middle;
}

body.vendor-area #product_reviews_form .cs-content-more__text--review-reply {
    color: var(--light-gray);
    font-size: 12px;
    line-height: 1.55;
}

body.vendor-area #content_manage_threads {
    color: var(--text);
}

body.vendor-area .table > thead > tr > th a:is(.th-text-overflow--asc, .th-text-overflow--desc) {
    display: inline-flex;
}

body.vendor-area:has(#content_manage_threads):has(input[name="communication_type"]:is([value="vendor_to_customer"], [value="vendor_to_admin"])) #threads_list_form .status-new__label {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--blue);
    box-shadow: 0 0 0 3px rgba(78, 143, 255, .18);
}

body.vendor-area .vendor-communication__message {
    font-weight: 600;
    line-height: 1.5;
}

body.vendor-area .vendor-communication__message strong {
    color: var(--light-gray);
    font-weight: 800;
}

body.vendor-area td:has(.vendor-communication__message) > div {
    margin-top: 4px;
}

body.vendor-area .table .products-list__image--link,
body.vendor-area .table .products-list__image--img,
body.vendor-area .table a img,
body.vendor-area .table .no-image {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    min-height: 40px;
    max-width: 70px;
    width: 100%;
    height: 100%;
    aspect-ratio: 1 / 1;
    margin: 0 auto;
    color: var(--muted2);
    border: 1px solid var(--line);
    border-radius: 10px;
    background: rgba(7, 11, 20, .55);
    object-fit: cover;
    overflow: hidden;
}

body.vendor-area .attach-images .no-image,
body.vendor-area .attach-images .no-image .cs-icon,
body.vendor-area .attach-images .no-image .glyph-image {
    opacity: .8;
}

body.vendor-area .table a.no-link {
    color: var(--muted);
    font-weight: 600;
}

body.vendor-area .table a.no-link:hover {
    color: var(--text);
}

body.vendor-area form:last-child {
    margin: 0;
}

body.vendor-area:has(#content_manage_threads):has(input[name="communication_type"]:is([value="vendor_to_customer"], [value="vendor_to_admin"])) form[name="thread_search_form"] .period-selector__divider {
    color: var(--muted2);
    margin: 0 4px;
}

body.vendor-area:has(#content_manage_threads):has(input[name="communication_type"]:is([value="vendor_to_customer"], [value="vendor_to_admin"])) form[name="thread_search_form"] .cm-external-focus {
    color: var(--muted);
}

body.vendor-area:has(#content_manage_pages):has(#pages_tree_form input[name="page_type"][value="B"]) #content_manage_pages {
    color: var(--text);
}

body.vendor-area:has(#content_manage_pages):has(#pages_tree_form input[name="page_type"][value="B"]) #pages_tree_form .pages-tree__content {
    background: transparent;
}

body.vendor-area:has(#content_manage_pages):has(#pages_tree_form input[name="page_type"][value="B"]) #pages_tree_form .pages-tree__children {
    background: transparent;
}

body.vendor-area #content_product_reviews #product_reviews_form .bulk-edit {
    border: 1px solid var(--line);
    border-radius: 14px;
    background: rgba(14, 22, 38, .72);
    box-shadow: var(--inner);
}
body.vendor-area form .bulk-edit {
    top: calc(var(--top-bar-height) + 8px);
    margin-bottom: 10px;
    padding: 6px 8px;
    border: 1px solid var(--line);
    border-radius: 14px;
    background: rgba(14, 22, 38, .96);
    box-shadow: var(--inner), 0 10px 28px rgba(0, 0, 0, .28);
    z-index: 10;
    overflow: visible;
}

body.vendor-area form .bulk-edit__wrapper {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
    overflow: visible;
}

body.vendor-area .bulk-edit .bulk-edit__btn {
    background: transparent;
    border: 0;
}

body.vendor-area .dropdown-menu .divider {
    display: none;
}

body.vendor-area .bulk-edit--overlay {
    background: rgba(7, 11, 20, .45);
}

body.vendor-area span.view-status,
body.vendor-area .btn.status-dropdown {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 28px;
    padding: 4px 10px;
    border-radius: 999px;
    border: 1px solid var(--line);
    background: var(--soft);
    color: var(--text);
    font-size: 11px;
    font-weight: 700;
    box-shadow: var(--inner);
    text-shadow: none;
    white-space: nowrap;
}

body.vendor-area .btn.status-dropdown:hover,
body.vendor-area .open > .btn.status-dropdown {
    border-color: var(--line2);
}

body.vendor-area .dropdown-menu a.status-link-a,
body.vendor-area .dropdown-menu a.status-link-a:hover,
body.vendor-area .analytics-card__number-dynamics--positive,
body.vendor-area .text-success {
    color: var(--green);
}

body.vendor-area .dropdown-menu > li > a.object-picker__shipping-rate-delete,
body.vendor-area .text-error,
body.vendor-area .pc-order-vendor-finances__minus,
body.vendor-area .select2 .select2-selection.select2-selection--multiple .select2-selection__clear:hover,
body.vendor-area .dropdown-menu a.status-link-d,
body.vendor-area .dropdown-menu a.status-link-d:hover,
body.vendor-area .analytics-card__number-dynamics--negative,
body.vendor-area .control-group .select2-selection--single .select2-selection__clear:hover span {
    color: var(--red);
}
body.vendor-area .signin-modal .help-inline {
    color: var(--red);
}

body.vendor-area .dropdown-menu a.status-link::before,
body.vendor-area .btn.status-dropdown:before,
body.vendor-area .view-status::before {
    display: inline-block;
    color: currentColor;
}

body.vendor-area #pages_tree_form .view-status-h {
    color: var(--muted);
}

body.vendor-area .sidebar .sidebar-note-item {
    color: var(--muted);
    font-size: 12px;
    line-height: 1.5;
}

body.vendor-area .pc-buyer-field {
    display: flex;
    flex-flow: wrap;
    align-items: center;
    justify-content: space-between;
}

body.vendor-area:has(#content_manage_pages):has(#pages_tree_form):not(:has(#pages_tree_form input[name="page_type"])) #pages_tree_form .pages-tree__children {
    background: transparent;
}

body.vendor-area .flag {
    width: 16px;
    height: 12px;
}

body.vendor-area .advanced-import__modifier-description b {
    border: 1px solid currentColor;
    padding-inline: 8px;
    border-radius: 10px;
}

body.vendor-area .sidebar .sidebar-field:has(> .calendar):has(> .period-selector__divider) {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
    column-gap: 6px;
    row-gap: 6px;
}

body.vendor-area .sidebar .sidebar-field:has(> .calendar):has(> .period-selector__divider) > label {
    flex: 1 0 100%;
}

body.vendor-area .sidebar .sidebar-field:has(> .calendar):has(> .period-selector__divider) > .period-selector__divider {
    flex: 0 0 auto;
}

body.vendor-area .sidebar .sidebar-field:has(> .calendar):has(> .period-selector__divider) > .calendar {
    flex: 1 1 0;
    max-width: 116px;
}

body.vendor-area .sidebar .sidebar-field:has(> .calendar):has(> .period-selector__divider) .calendar .input-date {
    width: 100% !important;
    max-width: 100%;
}

body.vendor-area .sidebar .sidebar-row .sidebar-field .input-small {
    width: 100% !important;
}

body.vendor-area .sidebar .sidebar-row .sidebar-field:has(> input.input-small ~ input.input-small) > input.input-small {
    display: inline-block;
    width: auto;
    max-width: calc(50% - 11px);
    vertical-align: middle;
    min-height: 38px;
    margin: 0;
}

body.vendor-area .bulk-edit-inner p,
body.vendor-area .bulk-edit-inner span {
    color: var(--text);
}

body.vendor-area .bulk-edit-inner__input-group {
    gap: 10px;
    padding: 5px 0;
}

body.vendor-area .bulk-edit-inner__header {
    color: var(--text);
    text-shadow: none;
    background: transparent;
    box-shadow: none;
}

body.vendor-area .bulk-edit-inner [class^="bulk-edit-inner__example-line"] {
    padding: 0 2px;
    border: none;
    background: transparent;
}

body.vendor-area .bulk-edit-inner__footer {
    justify-content: space-between;
    gap: 12px;
    border: none;
}

body.vendor-area .bulk-edit-inner__body {
    text-shadow: none;
}

body.vendor-area .rest-api-docs__req--yes,
body.vendor-area .rest-api-docs__status,
body.vendor-area .rest-api-docs__method {
    border: 1px solid transparent;
}

body.vendor-area .status--s .cm-tooltip,
body.vendor-area .import-preset__last-status .status--s,
body.vendor-area .rest-api-docs__req--yes,
body.vendor-area .rest-api-docs__method--get,
body.vendor-area .o-status-p,
body.vendor-area .view-status.view-status-p,
body.vendor-area .view-status.view-status-c,
body.vendor-area .view-status.view-status-a,
body.vendor-area .btn.status-dropdown.o-status-c,
body.vendor-area .btn.status-dropdown.o-status-p,
body.vendor-area .post-item .label-success,
body.vendor-area .table .label-success,
body.vendor-area .btn.status-dropdown.status-dropdown-a,
body.vendor-area .btn.status-dropdown.status-dropdown-completed {
    color: var(--green);
    border-color: rgba(58, 212, 138, .35);
    background: rgba(58, 212, 138, .12);
}

body.vendor-area .btn.status-dropdown.status-dropdown-a:hover,
body.vendor-area .btn.status-dropdown.status-dropdown-a:focus,
body.vendor-area .open > .btn.status-dropdown.status-dropdown-a {
    border-color: rgba(58, 212, 138, .5);
    background: rgba(58, 212, 138, .2);
}

body.vendor-area .dropdown-menu > li > a.status-link-completed {
    color: var(--green);
}

body.vendor-area .status--f .cm-tooltip,
body.vendor-area .import-preset__last-status .status--f,
body.vendor-area .rest-api-docs__status--4xx,
body.vendor-area .rest-api-docs__method--delete,
body.vendor-area .o-status-f,
body.vendor-area .view-status.view-status-f,
body.vendor-area .view-status.view-status-d,
body.vendor-area .view-status.view-status-s,
body.vendor-area .import-preset__file .cm-adv-import-filename-delete,
body.vendor-area .btn.order-status.o-status-f,
body.vendor-area .btn.order-status.o-status-d,
body.vendor-area .todo-item.todo-item--e,
body.vendor-area form#company_update_form #content_plan .vendor-plans-status.not-available,
body.vendor-area .select2 .select2-selection.select2-selection--multiple .select2-selection__choice__remove:hover,
body.vendor-area .status--f,
body.vendor-area .btn.cm-opacity:not(.hidden):hover,
body.vendor-area .btn.cm-opacity:not(.hidden):focus,
body.vendor-area .btn.cm-delete-row:not(.hidden):hover,
body.vendor-area .btn.cm-delete-row:not(.hidden):focus,
body.vendor-area .table .label-important,
body.vendor-area .post-item .label-important,
body.vendor-area .table > tbody > tr > td span.view-status.view-status-x,
body.vendor-area .btn.status-dropdown.status-dropdown-d,
body.vendor-area .btn.status-dropdown.status-dropdown-no_answer {
    color: var(--red);
    border-color: rgba(255, 115, 122, .35);
    background: rgba(255, 115, 122, .12);
}

body.vendor-area .dropdown-menu > li > a.status-link-no_answer {
    color: var(--red);
}

body.vendor-area form#company_update_form #content_plan .vendor-plans-status.not-available {
    text-transform: none;
}

body.vendor-area .import-preset__file .cm-adv-import-filename-delete:is(:hover, :focus),
body.vendor-area .btn.status-dropdown.status-dropdown-d:hover,
body.vendor-area .btn.status-dropdown.status-dropdown-d:focus,
body.vendor-area .open > .btn.status-dropdown.status-dropdown-d {
    border-color: rgba(255, 115, 122, .5);
    background: rgba(255, 115, 122, .2);
}

body.vendor-area .import-preset__last-status .status--p,
body.vendor-area .rest-api-docs__method--post,
body.vendor-area .rest-api-docs__note,
body.vendor-area .view-status.view-status-n,
body.vendor-area .view-status.view-status-b,
body.vendor-area .advanced-import__modifier-description b,
body.vendor-area .btn.order-status.status-dropdown.o-status-n,
body.vendor-area .btn.order-status.status-dropdown.o-status-b,
body.vendor-area .table .label-info,
body.vendor-area .table .label-inverse,
body.vendor-area:has(#dashboard_content) #dashboard_content .todo-item--i,
body.vendor-area:has(#dashboard_content) #dashboard_content .todo-item--n,
body.vendor-area .btn.status-dropdown.status-dropdown-h,
body.vendor-area .btn.status-dropdown.status-dropdown-new {
    color: var(--cyan);
    border-color: rgba(89, 183, 255, .35);
    background: rgba(89, 183, 255, .12);
}

body.vendor-area .btn.status-dropdown.status-dropdown-h:hover,
body.vendor-area .btn.status-dropdown.status-dropdown-h:focus,
body.vendor-area .open > .btn.status-dropdown.status-dropdown-h {
    color: var(--cyan);
    border-color: rgba(89, 183, 255, .5);
    background: rgba(89, 183, 255, .2);
}

body.vendor-area .tagit li.tagit-choice .tagit-close:is(:hover, :focus) .text-icon,
body.vendor-area .dropdown-menu > li > a.status-link-new,
body.vendor-area .tagit li.tagit-choice .tagit-label {
    color: var(--cyan);
}

body.vendor-area .rest-api-docs__method--put,
body.vendor-area .rest-api-docs__warn,
body.vendor-area .todo-item.todo-item--w,
body.vendor-area .view-status.view-status-o,
body.vendor-area .view-status.view-status-w,
body.vendor-area .view-status.view-status-y,
body.vendor-area .table > tbody > tr > td span.view-status.view-status-r,
body.vendor-area .btn.order-status.status-dropdown.o-status-o,
body.vendor-area .btn.order-status.status-dropdown.o-status-y,
body.vendor-area .table .label-warning,
body.vendor-area .btn.status-dropdown.status-dropdown-in_progress {
    color: var(--amber);
    border-color: rgba(240, 198, 106, .35);
    background: rgba(240, 198, 106, .12);
}

body.vendor-area .cs-product-reviews-rating-stars {
    --cs-product-reviews-stars-full: "★";
    --cs-product-reviews-stars-half: "★";
    --cs-product-reviews-stars-empty: "☆";
    filter: none;
    color: var(--amber);
}

body.vendor-area .cs-product-reviews-rating-stars:before,
body.vendor-area .cs-product-reviews-rating-stars--small:before,
body.vendor-area .cs-product-reviews-rating-stars--large:before,
body.vendor-area .cs-product-reviews-rating-stars--xlarge:before {
    width: auto;
    height: auto;
    margin-right: 0;
    background-image: none;
    background-position: 0 0;
    line-height: 1;
    letter-spacing: 0.08em;
}

body.vendor-area .cs-product-reviews-rating-stars:before {
    font-size: var(--cs-icon-size);
}

body.vendor-area .cs-product-reviews-rating-stars--small:before {
    font-size: calc(var(--cs-icon-size) * 0.7);
}

body.vendor-area .cs-product-reviews-rating-stars--large:before {
    font-size: calc(var(--cs-icon-size) * 1.25);
}

body.vendor-area .cs-product-reviews-rating-stars--xlarge:before {
    font-size: calc(var(--cs-icon-size) * 1.5);
}

body.vendor-area .dropdown-menu > li > a.status-link-y,
body.vendor-area .dropdown-menu > li > a.status-link-o,
body.vendor-area .dropdown-menu > li > a.status-link-in_progress {
    color: var(--amber);
}

body.vendor-area .btn.order-status.status-dropdown:is(.o-status-y, .o-status-o):hover,
body.vendor-area .btn.order-status.status-dropdown:is(.o-status-y, .o-status-o):focus,
body.vendor-area .open > .btn.order-status.status-dropdown:is(.o-status-y, .o-status-o) {
    border-color: rgba(240, 198, 106, .5);
    background: rgba(240, 198, 106, .2);
}

body.vendor-area .btn:is(.view-tools__prev, .view-tools__next),
body.vendor-area .advanced-search-field__search,
body.vendor-area form a.advanced-search {
    flex: 0 0 auto;
    width: auto;
}

body.vendor-area .text-over > span:not([class]) {
    display: none;
}

body.vendor-area #actions_panel:not(:has(.nav__actions-bar > *)) {
    visibility: hidden;
    opacity: 0;
}

body.vendor-area .calendar .icon-calendar {
    position: absolute;
    top: 50%;
    left: auto;
    right: 10px;
    transform: translateY(-60%);
    margin: 0;
}

body.vendor-area .posts-container {
    padding: 14px;
    border: 1px solid var(--line);
}

body.vendor-area .post-item {
    padding: 16px 18px;
    border: 1px solid var(--line);
    margin-bottom: 20px;
}

body.vendor-area .post-item:last-child {
    margin-bottom: 0;
}

body.vendor-area .post-item:hover {
    border-color: var(--line2);
    background: rgba(118, 103, 255, .06);
    box-shadow: var(--inner), 0 6px 18px rgba(0, 0, 0, .35);
}

body.vendor-area .post-item .summary {
    display: flex;
    flex-direction: column;
    margin: 0;
}

body.vendor-area .post-item .summary > span.shift-input {
    font-size: 15px;
    border-bottom: 1px solid var(--line);
}

body.vendor-area form#company_update_form #content_discussion .post-item .summary > div.shift-input {
    display: block;
    padding: 10px 12px;
    background: rgba(7, 11, 20, .55);
    border: 1px solid var(--line);
    border-radius: 10px;
    line-height: 1.5;
}

body.vendor-area form#company_update_form #content_discussion .post-item .summary > div.shift-input > div {
    word-break: break-word;
    overflow-wrap: anywhere;
}

body.vendor-area .post-item .tools {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

body.vendor-area .post-item .tools .pull-right {
    display: flex;
    align-items: center;
    gap: 4px;
    order: 1;
}

body.vendor-area .post-item .tools .pull-left,
body.vendor-area .post-item .tools .pull-right {
    float: none;
}

body.vendor-area .post-item .tools .muted {
    float: none;
    color: var(--muted);
}

body.vendor-area .post-item .tools .muted:last-child {
    margin: 0;
}

body.vendor-area .post-item .post-date,
body.vendor-area .post-item .review-date,
body.vendor-area .post-item input.input-time,
body.vendor-area .post-item .calendar__date {
    color: var(--muted);
    background: rgba(7, 11, 20, .70);
    border: 1px solid var(--line);
    border-radius: 8px;
    padding: 2px 8px;
    margin-right: 4px;
    display: inline-block;
}

body.vendor-area .post-item .post-object {
    width: auto;
    max-width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    font-weight: 650;
}

body.vendor-area .post-item .post-object:hover {
    color: var(--soft-blue);
}

body.vendor-area:has(form[name="discussion_search_form"] input[name="dispatch"][value="discussion_manager.manage"]) form[name^="update_posts_form_"] .post-item fieldset.rating {
    margin: 0 0 8px;
    float: none;
    display: inline-block;
    vertical-align: middle;
}

body.vendor-area:has(form[name="discussion_search_form"] input[name="dispatch"][value="discussion_manager.manage"]) form[name^="update_posts_form_"] .post-item .icon-star-empty {
    color: var(--muted2);
}

body.vendor-area:has(form[name="discussion_search_form"] input[name="dispatch"][value="discussion_manager.manage"]) #adv_search .period-selector__divider {
    margin: 0 4px;
}

body.vendor-area .tagit {
    display: flex;
    flex-flow: wrap;
    gap: 10px;
    padding: 0;
}

body.vendor-area .tagit li.tagit-choice {
    display: flex;
    align-items: center;
    padding-inline: 15px 23px;
    margin: 0 0 0 12px;
    border: 1px solid rgba(89, 183, 255, .35);
    background: rgba(89, 183, 255, .12);
    border-left: none;
    box-shadow: none;
}

body.vendor-area .tagit li.tagit-choice:after {
    left: 5px;
    background: rgba(89, 183, 255, .5);
}

body.vendor-area .tagit li.tagit-choice:before {
    border-right-color: rgba(89, 183, 255, .5);
}

body.vendor-area .tagit li.tagit-choice .tagit-close .text-icon {
    display: inline-flex;
    color: var(--red);
    font-size: 16px;
}

body.vendor-area .tagit li.tagit-choice .tagit-close {
    margin-top: -10px;
}

body.vendor-area .tagit li.tagit-choice .tagit-close .ui-icon-close {
    display: none;
}

body.vendor-area .tagit .tagit-new {
    flex: 1 0 100%;
}

body.vendor-area .messages {
    display: flex;
    flex-flow: column;
    width: 100%;
    padding-bottom: 220px;
}

body.vendor-area .vendor-communication-post__content {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 15px;
}

body.vendor-area .vendor-communication-post__content:not(.vendor-communication-post__customer) {
    flex-flow: row-reverse wrap;
}

body.vendor-area .vendor-communication-post__date {
    width: 100%;
}

body.vendor-area .vendor-communication-post__img {
    flex: 0 0 auto;
    margin-top: auto;
    background-color: var(--panel);
    border: 1px solid var(--line);
    border-radius: 50%;
}

body.vendor-area:has(#order_info_form) .vendor-communication-post__img {
    display: none;
}

body.vendor-area .vendor-communication-post__customer .vendor-communication-post {
    background-color: var(--soft2);
}

body.vendor-area .vendor-communication-post__info {
    display: flex;
    flex-flow: column-reverse;
    gap: 5px;
    width: 100%;
    max-width: 450px;
    padding: 0;
    overflow: visible;
}

body.vendor-area .vendor-communication-post__info .icon-caret {
    bottom: -1px;
}

body.vendor-area .controls .table-responsive-wrapper {
    flex: 1 0 auto;
}

body.vendor-area:has(#manage_vendor_blocks_form) .content.page-content,
body.vendor-area:has(#manage_vendor_blocks_form) .content.page-content.no-sidebar {
    background: transparent;
}

body.vendor-area:has(#manage_vendor_blocks_form) #manage_vendor_blocks_form .table tr.cm-sortable-row {
    color: var(--text);
}

body.vendor-area:has(#manage_vendor_blocks_form) #manage_vendor_blocks_form .object-group-details,
body.vendor-area:has(#manage_vendor_blocks_form) #manage_vendor_blocks_form .row-status.object-group-details {
    color: var(--muted);
    font-size: 12px;
}

body.vendor-area:has(#manage_vendor_blocks_form) #manage_vendor_blocks_form .handler.cm-sortable-handle {
    opacity: .75;
    filter: brightness(1.6) contrast(1.1);
    cursor: move;
}

body.vendor-area:has(#manage_vendor_blocks_form) #manage_vendor_blocks_form tr:hover .handler.cm-sortable-handle {
    opacity: 1;
    filter: brightness(2) contrast(1.15);
}

body.vendor-area .table tbody tr:hover > td,
body.vendor-area .table tbody tr:hover > th {
    background: transparent;
}

body.vendor-area form[name="shippings_form"] #content_rate_calculation {
    overflow: visible;
}

body.vendor-area form[name="shippings_form"] #elm_rate_calculation .well.well-small.help-block {
    margin-top: 10px;
    border: 1px solid var(--line);
    border-radius: 10px;
    background: rgba(118, 103, 255, .06);
    color: var(--muted);
    box-shadow: none;
}

body.vendor-area:has(:is(#elfinder, #server_file_browser)) .std42-dialog input,
body.vendor-area:has(:is(#elfinder, #server_file_browser)) .std42-dialog textarea {
    border: 1px solid var(--line);
    border-radius: 8px;
    background: rgba(7, 11, 20, .72);
    color: var(--text);
}
body.vendor-area form[name="shippings_form"] .attach-images .upload-box .image {
    border: 1px solid var(--line);
    border-radius: 10px;
    background: rgba(7, 11, 20, .72);
    box-shadow: var(--inner);
}

body.vendor-area form[name="shippings_form"] .attach-images .upload-box .image:hover {
    border-color: var(--line2);
}

body.vendor-area form[name="shippings_form"] .hidpi-mark {
    color: var(--muted);
}

body.vendor-area:has(#shippings_form) .content.page-content,
body.vendor-area:has(#shippings_form) .content.page-content.no-sidebar {
    background: transparent;
}

body.vendor-area:has(#shippings_form) #shippings_form {
    color: var(--text);
}

body.vendor-area:has(#elfinder) .content.page-content,
body.vendor-area:has(#elfinder) .content.page-content.no-sidebar {
    background: transparent;
}

body.vendor-area:has(#elfinder) #elfinder.elfinder,
body.vendor-area:has(#elfinder) #elfinder {
    border: 1px solid var(--line);
    border-radius: 20px;
    background:
        linear-gradient(
            180deg,
            rgba(20, 32, 54, .88),
            rgba(12, 20, 35, .92)
        );
    box-shadow: var(--inner), var(--shadow);
    color: var(--text);
}

body.vendor-area :is(#elfinder, #server_file_browser) .elfinder-workzone,
body.vendor-area :is(#elfinder, #server_file_browser) .elfinder-cwd {
    background: rgba(7, 11, 20, .35);
    background-image: none;
    color: var(--text);
}

body.vendor-area :is(#elfinder, #server_file_browser) .elfinder-toolbar {
    border-bottom: 1px solid var(--line);
    background: rgba(14, 22, 38, .72);
    color: var(--text);
}

body.vendor-area :is(#elfinder, #server_file_browser) .elfinder-buttonset {
    border-color: var(--line);
}

body.vendor-area :is(#elfinder, #server_file_browser) .elfinder-button {
    color: var(--muted);
    background: transparent;
    border-color: transparent;
}

body.vendor-area :is(#elfinder, #server_file_browser) .elfinder-button:hover,
body.vendor-area :is(#elfinder, #server_file_browser) .elfinder-button.ui-state-hover {
    color: var(--text);
    background: var(--soft);
    border-color: var(--line);
}

body.vendor-area :is(#elfinder, #server_file_browser) .elfinder-button:hover .elfinder-button-icon:not(.elfinder-button-icon-rm):not(.elfinder-button-icon-view-list):not(.elfinder-button-icon-view),
body.vendor-area :is(#elfinder, #server_file_browser) .elfinder-button.ui-state-hover .elfinder-button-icon:not(.elfinder-button-icon-rm):not(.elfinder-button-icon-view-list):not(.elfinder-button-icon-view) {
    filter: brightness(1.2) saturate(1.15);
    opacity: 1;
}

body.vendor-area :is(#elfinder, #server_file_browser) .elfinder-button .elfinder-button-icon-rename {
    background-color: #fff;
}

body.vendor-area :is(#elfinder, #server_file_browser) .elfinder-button:hover .elfinder-button-icon-rename,
body.vendor-area :is(#elfinder, #server_file_browser) .elfinder-button.ui-state-hover .elfinder-button-icon-rename {
    filter: brightness(0) invert(1);
    opacity: 1;
}

body.vendor-area :is(#elfinder, #server_file_browser) .elfinder-button:hover .elfinder-button-icon-rm,
body.vendor-area :is(#elfinder, #server_file_browser) .elfinder-button.ui-state-hover .elfinder-button-icon-rm {
    filter: brightness(1.2) saturate(1.15);
    opacity: 1;
}

body.vendor-area :is(#elfinder, #server_file_browser) .elfinder-button .elfinder-button-icon-view-list,
body.vendor-area :is(#elfinder, #server_file_browser) .elfinder-button .elfinder-button-icon-view {
    filter: brightness(0) invert(1);
    opacity: .72;
}

body.vendor-area :is(#elfinder, #server_file_browser) .elfinder-button:hover .elfinder-button-icon-view-list,
body.vendor-area :is(#elfinder, #server_file_browser) .elfinder-button.ui-state-hover .elfinder-button-icon-view-list,
body.vendor-area :is(#elfinder, #server_file_browser) .elfinder-button:hover .elfinder-button-icon-view,
body.vendor-area :is(#elfinder, #server_file_browser) .elfinder-button.ui-state-hover .elfinder-button-icon-view {
    filter: brightness(0) invert(1);
    opacity: 1;
}

body.vendor-area :is(#elfinder, #server_file_browser) .elfinder-button.ui-state-disabled {
    opacity: 1;
}

body.vendor-area :is(#elfinder, #server_file_browser) .elfinder-button.ui-state-disabled .elfinder-button-icon {
    filter: brightness(1.55) contrast(1) saturate(.75);
    opacity: .35;
}

body.vendor-area :is(#elfinder, #server_file_browser) .elfinder-button-search input {
    min-height: 30px;
    padding: 4px 8px;
    box-shadow: none;
}

body.vendor-area :is(#elfinder, #server_file_browser) .elfinder-button-search .ui-icon.ui-icon-search,
body.vendor-area :is(#elfinder, #server_file_browser) .elfinder-button-search .ui-icon.ui-icon-close {
    filter: brightness(0) invert(1);
    opacity: .72;
}

body.vendor-area :is(#elfinder, #server_file_browser) .elfinder-button-search .ui-icon.ui-icon-search:hover,
body.vendor-area :is(#elfinder, #server_file_browser) .elfinder-button-search .ui-icon.ui-icon-close:hover,
body.vendor-area :is(#elfinder, #server_file_browser) .elfinder-button-search.ui-state-active .ui-icon.ui-icon-search,
body.vendor-area :is(#elfinder, #server_file_browser) .elfinder-button-search.ui-state-active .ui-icon.ui-icon-close {
    filter: brightness(0) invert(1);
    opacity: 1;
}

body.vendor-area :is(#elfinder, #server_file_browser) .elfinder-navbar {
    background: rgba(12, 20, 35, .72);
    border-color: var(--line);
    color: var(--text);
}

body.vendor-area :is(#elfinder, #server_file_browser) .elfinder-navbar .ui-state-hover {
    color: var(--text);
    background: var(--soft);
    border-color: var(--line);
}

body.vendor-area :is(#elfinder, #server_file_browser) .elfinder-navbar .ui-state-active {
    color: #fff;
    background: linear-gradient(135deg, rgba(125, 92, 255, .72), rgba(64, 124, 255, .62));
    border-color: transparent;
}

body.vendor-area :is(#elfinder, #server_file_browser) .elfinder-navbar-dir {
    color: var(--text);
}

body.vendor-area :is(#elfinder, #server_file_browser) .elfinder-cwd-file {
    color: var(--text);
}

body.vendor-area :is(#elfinder, #server_file_browser) .elfinder-cwd-filename {
    color: var(--text);
}

body.vendor-area :is(#elfinder, #server_file_browser) .elfinder-cwd-view-icons .elfinder-cwd-file.ui-state-hover {
    background: rgba(118, 103, 255, .12);
    border-color: var(--line2);
    color: var(--text);
    box-shadow: none;
}

body.vendor-area :is(#elfinder, #server_file_browser) .elfinder-cwd-view-icons .elfinder-cwd-file.ui-selected {
    background: rgba(118, 103, 255, .18);
    border-color: var(--line2);
    color: var(--text);
    box-shadow: none;
}

body.vendor-area :is(#elfinder, #server_file_browser) .elfinder-cwd-view-icons .elfinder-cwd-file.ui-selected.ui-state-hover {
    background: rgba(118, 103, 255, .24);
    border-color: var(--line2);
    color: var(--text);
    box-shadow: none;
}

body.vendor-area :is(#elfinder, #server_file_browser) .elfinder-cwd-view-icons .elfinder-cwd-file .ui-state-hover,
body.vendor-area :is(#elfinder, #server_file_browser) .elfinder-cwd-view-icons .elfinder-cwd-file.ui-selected .ui-state-hover,
body.vendor-area :is(#elfinder, #server_file_browser) .elfinder-cwd-view-icons .elfinder-cwd-file .ui-state-active {
    background: rgba(118, 103, 255, .16);
    border-color: rgba(118, 103, 255, .35);
    color: var(--text);
    box-shadow: none;
}

body.vendor-area :is(#elfinder, #server_file_browser) .elfinder-cwd table tr {
    border-top-color: rgba(255, 255, 255, .05);
}

body.vendor-area :is(#elfinder, #server_file_browser) .elfinder-cwd table tr:nth-child(odd) {
    background-color: rgba(255, 255, 255, .02);
}

body.vendor-area :is(#elfinder, #server_file_browser) .elfinder-cwd table tr.elfinder-cwd-file.ui-state-hover,
body.vendor-area :is(#elfinder, #server_file_browser) .elfinder-cwd table tr.elfinder-cwd-file.ui-selected,
body.vendor-area :is(#elfinder, #server_file_browser) .elfinder-cwd table td.ui-state-hover,
body.vendor-area :is(#elfinder, #server_file_browser) .elfinder-cwd-view-icons .elfinder-cwd-file .elfinder-cwd-filename.ui-state-hover {
    background: rgba(118, 103, 255, .18);
    color: #fff;
    box-shadow: none;
}

body.vendor-area :is(#elfinder, #server_file_browser) .elfinder-cwd table thead td.ui-state-hover {
    background: var(--soft);
}

body.vendor-area :is(#elfinder, #server_file_browser) .elfinder-statusbar,
body.vendor-area :is(#elfinder, #server_file_browser) .elfinder-statusbar.ui-widget-header {
    border-top: 1px solid var(--line);
    border-color: var(--line);
    background-color: #0e1626;
    background-image: linear-gradient(#0e1626, #0e1626);
    color: var(--muted);
    box-shadow: none;
}

body.vendor-area :is(#elfinder, #server_file_browser) .elfinder-statusbar a,
body.vendor-area :is(#elfinder, #server_file_browser) .elfinder-path {
    color: var(--muted);
}

body.vendor-area :is(#elfinder, #server_file_browser) .elfinder-statusbar a:hover {
    color: var(--text);
}

body.vendor-area :is(#elfinder, #server_file_browser) .elfinder-statusbar span,
body.vendor-area :is(#elfinder, #server_file_browser) .elfinder-statusbar div {
    color: var(--muted);
}

body.vendor-area:has(:is(#elfinder, #server_file_browser)) .elfinder-contextmenu,
body.vendor-area:has(:is(#elfinder, #server_file_browser)) .elfinder-contextmenu-sub,
body.vendor-area:has(:is(#elfinder, #server_file_browser)) .elfinder-button-menu {
    border: 1px solid var(--line);
    border-radius: 12px;
    background: rgba(14, 22, 38, .98);
    box-shadow: var(--shadow);
    color: var(--text);
}

body.vendor-area:has(:is(#elfinder, #server_file_browser)) .elfinder-contextmenu .elfinder-contextmenu-item,
body.vendor-area:has(:is(#elfinder, #server_file_browser)) .elfinder-button-menu .ui-state-default {
    color: var(--text);
}

body.vendor-area:has(:is(#elfinder, #server_file_browser)) .elfinder-contextmenu .ui-state-hover,
body.vendor-area:has(:is(#elfinder, #server_file_browser)) .elfinder-contextmenu .elfinder-contextmenu-item.ui-state-hover,
body.vendor-area:has(:is(#elfinder, #server_file_browser)) .elfinder-button-menu .ui-state-hover {
    background: var(--soft);
    color: #fff;
}

body.vendor-area:has(a.main-menu-2__link--active[href*="dispatch=sync_data.manage"]):not(:has(#sync_data_settings_form)) .content.page-content,
body.vendor-area:has(a.main-menu-2__link--active[href*="dispatch=sync_data.manage"]):not(:has(#sync_data_settings_form)) .content.page-content.no-sidebar {
    background: transparent;
}

body.vendor-area:has(#dashboard_content) .content.page-content,
body.vendor-area:has(#dashboard_content) .content.page-content.content-no-sidebar,
body.vendor-area:has(#dashboard_content) .content.page-content.no-sidebar {
    background: transparent;
}

body.vendor-area:has(#dashboard_content) #actions_panel:not(:has(.cm-date-range)) .nav__actions-bar {
    min-height: 0;
}

body.vendor-area:has(#dashboard_content) #dashboard_date_picker .cm-date-range__selected-date {
    color: inherit;
}

body.vendor-area:has(#dashboard_date_picker) .daterangepicker {
    background-color: rgba(14, 22, 38, .98);
    border: 1px solid var(--line);
    border-radius: 12px;
    box-shadow: 0 18px 48px rgba(0, 0, 0, .35);
    color: var(--text);
    font-family: inherit;
    font-size: 12px;
}

body.vendor-area:has(#dashboard_date_picker) .daterangepicker:before {
    border-bottom-color: var(--line);
}

body.vendor-area:has(#dashboard_date_picker) .daterangepicker:after {
    border-bottom-color: rgba(14, 22, 38, .98);
}

body.vendor-area:has(#dashboard_date_picker) .daterangepicker.drop-up:before {
    border-top-color: var(--line);
}

body.vendor-area:has(#dashboard_date_picker) .daterangepicker.drop-up:after {
    border-top-color: rgba(14, 22, 38, .98);
}

body.vendor-area:has(#dashboard_date_picker) .daterangepicker .ranges li {
    color: var(--muted);
    background: transparent;
    border-radius: 8px;
    margin: 2px 6px;
}

body.vendor-area:has(#dashboard_date_picker) .daterangepicker .ranges li:hover {
    background-color: var(--soft);
    color: var(--text);
}

body.vendor-area:has(#dashboard_date_picker) .daterangepicker .ranges li.active {
    background-color: rgba(118, 103, 255, .22);
    color: #fff;
}

body.vendor-area:has(#dashboard_date_picker) .daterangepicker .drp-calendar {
    background: transparent;
    color: var(--text);
}

body.vendor-area .daterangepicker .select2-container {
    max-width: 75px;
}

body.vendor-area:has(#dashboard_date_picker) .daterangepicker .calendar-table {
    background-color: transparent;
    border: 1px solid transparent;
    color: var(--text);
}

body.vendor-area:has(#dashboard_date_picker) .daterangepicker.show-ranges.ltr .drp-calendar.left,
body.vendor-area:has(#dashboard_date_picker) .daterangepicker.show-ranges.rtl .drp-calendar.right,
body.vendor-area:has(#dashboard_date_picker) .daterangepicker.show-ranges.single.ltr .drp-calendar.left,
body.vendor-area:has(#dashboard_date_picker) .daterangepicker.show-ranges.single.rtl .drp-calendar.left {
    border-color: var(--line);
}

body.vendor-area:has(#dashboard_date_picker) .daterangepicker select.monthselect,
body.vendor-area:has(#dashboard_date_picker) .daterangepicker select.yearselect {
    width: auto;
}

body.vendor-area:has(#dashboard_date_picker) .daterangepicker select.monthselect:focus,
body.vendor-area:has(#dashboard_date_picker) .daterangepicker select.yearselect:focus {
    border-color: var(--line2);
}

body.vendor-area:has(#dashboard_date_picker) .daterangepicker select.monthselect option,
body.vendor-area:has(#dashboard_date_picker) .daterangepicker select.yearselect option {
    background: rgba(14, 22, 38, .98);
    color: var(--text);
}

body.vendor-area:has(#dashboard_date_picker) .daterangepicker .calendar-table th.prev,
body.vendor-area:has(#dashboard_date_picker) .daterangepicker .calendar-table th.next {
    background: transparent;
    border: 1px solid transparent;
    border-radius: 8px;
    color: var(--text);
}

body.vendor-area:has(#dashboard_date_picker) .daterangepicker .calendar-table th.prev:hover,
body.vendor-area:has(#dashboard_date_picker) .daterangepicker .calendar-table th.next:hover {
    background-color: var(--soft2);
    border-color: var(--line2);
}

body.vendor-area:has(#dashboard_date_picker) .daterangepicker .calendar-table th.prev span,
body.vendor-area:has(#dashboard_date_picker) .daterangepicker .calendar-table th.next span {
    border-color: var(--text);
    color: var(--text);
}

body.vendor-area:has(#dashboard_date_picker) .daterangepicker .calendar-table thead th:not(.prev):not(.next):not(.month):not(.week) {
    color: var(--muted);
    font-weight: 600;
}

body.vendor-area:has(#dashboard_date_picker) .daterangepicker .calendar-table th.month {
    color: var(--text);
    font-weight: 700;
}

body.vendor-area:has(#dashboard_date_picker) .daterangepicker td.available {
    background: transparent;
    color: var(--text);
    border-color: transparent;
}

body.vendor-area:has(#dashboard_date_picker) .daterangepicker td.available:hover {
    background-color: var(--soft2);
    color: #fff;
}

body.vendor-area:has(#dashboard_date_picker) .daterangepicker td.in-range {
    background-color: rgba(118, 103, 255, .10);
    color: var(--text);
    border-color: transparent;
}

body.vendor-area:has(#dashboard_date_picker) .daterangepicker td.active,
body.vendor-area:has(#dashboard_date_picker) .daterangepicker td.active:hover,
body.vendor-area:has(#dashboard_date_picker) .daterangepicker td.start-date.active,
body.vendor-area:has(#dashboard_date_picker) .daterangepicker td.end-date.active {
    background-color: rgba(118, 103, 255, .28);
    color: #fff;
}

body.vendor-area:has(#dashboard_date_picker) .daterangepicker td.off,
body.vendor-area:has(#dashboard_date_picker) .daterangepicker td.off.in-range,
body.vendor-area:has(#dashboard_date_picker) .daterangepicker td.off.start-date,
body.vendor-area:has(#dashboard_date_picker) .daterangepicker td.off.end-date {
    background: transparent;
    color: var(--muted2);
    border-color: transparent;
}

body.vendor-area:has(#dashboard_date_picker) .daterangepicker td.disabled,
body.vendor-area:has(#dashboard_date_picker) .daterangepicker option.disabled {
    color: var(--muted2);
    cursor: not-allowed;
}

body.vendor-area:has(#dashboard_date_picker) .daterangepicker td.week,
body.vendor-area:has(#dashboard_date_picker) .daterangepicker th.week {
    color: var(--muted2);
}

body.vendor-area .daterangepicker .drp-selected {
    color: var(--muted);
}

body.vendor-area:has(#dashboard_content) .simple-dashboard-preloader {
    color: var(--text);
    gap: 28px;
}

body.vendor-area:has(#dashboard_content) .simple-dashboard-preloader .simple-dashboard__section {
    gap: 16px;
}

body.vendor-area:has(#dashboard_content) .simple-dashboard-preloader__title {
    border: 1px solid var(--line);
    border-radius: 16px;
    background: rgba(20, 32, 54, .55);
    box-shadow: var(--inner);
    animation: games2-dashboard-preloader-blink 2s linear infinite;
}

body.vendor-area:has(#dashboard_content) .simple-dashboard-preloader__section-content {
    gap: 16px;
}

body.vendor-area:has(#dashboard_content) .simple-dashboard-preloader__column {
    gap: 16px;
}

body.vendor-area:has(#dashboard_content) .simple-dashboard-preloader__block {
    border: 1px solid var(--line);
    border-radius: 18px;
    background: rgba(20, 32, 54, .55);
    box-shadow: var(--inner);
    animation: games2-dashboard-preloader-blink 2s linear infinite;
}

@keyframes games2-dashboard-preloader-blink {
    50% {
        background-color: rgba(118, 103, 255, .08);
    }
}

body.vendor-area:has(#dashboard_content) #simple_dashboard.simple-dashboard,
body.vendor-area:has(#dashboard_content) #dashboard_content .simple-dashboard {
    color: var(--text);
    gap: 28px;
    align-items: stretch;
}

body.vendor-area:has(#dashboard_content) #dashboard_content .custom-blocks-section__title {
    color: var(--text);
    font-size: 18px;
    font-weight: 800;
    letter-spacing: -.02em;
}

body.vendor-area .custom-blocks-card {
    border: 1px solid var(--line);
}

body.vendor-area .todo-section__column {
    border: none;
    background: transparent;
}

body.vendor-area:has(#dashboard_content) #dashboard_content .todo-section {
    color: var(--text);
}

body.vendor-area .todo-item {
    border: 1px solid var(--line);
    border-radius: 14px;
    background: rgba(20, 32, 54, .72);
    color: var(--text);
    text-shadow: none;
    box-shadow: var(--inner);
}

body.vendor-area:has(#dashboard_content) #dashboard_content .todo-item + .todo-item {
    margin-top: 8px;
}

body.vendor-area:has(#dashboard_content) #dashboard_content .todo-item:not(:last-child) .todo-item__inner {
    border-bottom-color: var(--line);
}

body.vendor-area:has(#dashboard_content) #dashboard_content .todo-item--s {
    background: rgba(58, 212, 138, .12);
    border-color: rgba(58, 212, 138, .28);
    color: var(--green);
    text-shadow: none;
}

body.vendor-area:has(#dashboard_content) #dashboard_content .todo-item__button.btn {
    border-radius: 10px;
    border: 1px solid var(--line);
    background: var(--soft);
    color: var(--text);
    box-shadow: none;
}

body.vendor-area:has(#dashboard_content) #dashboard_content .todo-item__button.btn:hover {
    background: var(--soft2);
    color: #fff;
    border-color: var(--line2);
}

body.vendor-area:has(#dashboard_content) #dashboard_content .analytics-section__title {
    color: var(--text);
    font-size: 20px;
    font-weight: 800;
    letter-spacing: -.02em;
    line-height: 1.2;
}

body.vendor-area:has(#dashboard_content) #dashboard_content .analytics-section__content,
body.vendor-area:has(#dashboard_content) #dashboard_content .analytics-section__column {
    gap: 16px;
}

body.vendor-area .analytics-card {
    border: 1px solid var(--line);
    padding: 16px;
}

body.vendor-area:has(#dashboard_content) #dashboard_content .analytics-card__preheader {
    color: var(--muted);
    font-size: 12px;
}

body.vendor-area:has(#dashboard_content) #dashboard_content .analytics-card__title {
    color: var(--text);
    font-size: 16px;
    font-weight: 800;
    letter-spacing: -.02em;
}

body.vendor-area:has(#dashboard_content) #dashboard_content .analytics-card__title-button {
    color: var(--blue);
    text-decoration: none;
    font-size: 12px;
    font-weight: 650;
}

body.vendor-area:has(#dashboard_content) #dashboard_content .analytics-card__title-button:hover {
    color: var(--soft-blue);
}

body.vendor-area:has(#dashboard_content) #dashboard_content .analytics-card__number {
    color: var(--text);
    font-weight: 800;
}

body.vendor-area:has(#dashboard_content) #dashboard_content .analytics-card__content {
    color: var(--muted);
}

body.vendor-area:has(#dashboard_content) #dashboard_content #analytics_card_vendor_current_balance form[name="refill_balance"] input.cm-refill-balance-amount {
    width: 100%;
    max-width: 100%;
    background: rgba(7, 11, 20, .70);
}

body.vendor-area:has(#dashboard_content) #dashboard_content .analytics-card-resource-list__title,
body.vendor-area:has(#dashboard_content) #dashboard_content .analytics-card-bar-chart__title {
    color: var(--muted);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .03em;
}

body.vendor-area:has(#dashboard_content) #dashboard_content .analytics-card-resource-list__item--divider:not(:last-child) {
    border-bottom-color: rgba(255, 255, 255, .055);
}

body.vendor-area:has(#dashboard_content) #dashboard_content .analytics-card-resource-list__name-text {
    color: var(--text);
}

body.vendor-area:has(#dashboard_content) #dashboard_content .analytics-card-resource-list__value {
    color: var(--text);
    font-weight: 700;
}

body.vendor-area:has(#dashboard_content) #dashboard_content .analytics-card-resource-list__value--link {
    color: var(--blue);
    text-decoration: none;
}

body.vendor-area:has(#dashboard_content) #dashboard_content .analytics-card-resource-list__value--link:hover {
    color: var(--soft-blue);
}

body.vendor-area .analytics-card-resource-list__description {
    font-size: 12px;
}

body.vendor-area:has(#dashboard_content) #dashboard_content .analytics-card-resource-list__small-text {
    color: var(--muted2);
    font-size: 11px;
}

body.vendor-area:has(#dashboard_content) #dashboard_content .analytics-card-bar-chart__item-name {
    color: var(--text);
    text-decoration: none;
}

body.vendor-area:has(#dashboard_content) #dashboard_content a.analytics-card-bar-chart__item-name:hover {
    color: var(--blue);
}

body.vendor-area:has(#dashboard_content) #dashboard_content .analytics-card-bar-chart__item-value {
    color: var(--text);
    font-weight: 700;
    text-decoration: none;
}

body.vendor-area:has(#dashboard_content) #dashboard_content .analytics-card-bar-chart__item-total {
    color: var(--muted);
}

body.vendor-area:has(#dashboard_content) #dashboard_content .analytics-card-bar-chart__item-progress {
    background: rgba(7, 11, 20, .55);
    border: 1px solid var(--line);
    box-shadow: none;
}

body.vendor-area .analytics-card-bar-chart__item-bar {
    background: rgba(157, 169, 189, .55);
}

body.vendor-area .analytics-card-bar-chart__item-bar--primary {
    background: linear-gradient(90deg, rgba(125, 92, 255, .92), rgba(64, 124, 255, .88));
}

body.vendor-area .analytics-card-bar-chart__item-bar--primary.analytics-card-bar-chart__item-bar--danger {
    background: var(--red);
}

body.vendor-area:has(#dashboard_content) #dashboard_content .analytics-card-graph {
    color: var(--muted);
}

body.vendor-area:has(#dashboard_content) #dashboard_content .analytics-card-graph__view {
    border-radius: 12px;
    background: rgba(7, 11, 20, .35);
    min-height: 220px;
}

body.vendor-area:has(#dashboard_content) #dashboard_content .analytics-card-graph__view rect {
    fill: transparent;
}

body.vendor-area:has(#dashboard_content) #dashboard_content .analytics-card-graph__view svg text {
    stroke: none;
}

body.vendor-area #main_column_login {
    color: var(--text);
}

body.vendor-area #main_column_login .signin-modal {
    border: 1px solid var(--line);
    border-radius: 18px;
    background: linear-gradient(180deg, rgba(20, 32, 54, .92), rgba(12, 20, 35, .96));
    box-shadow: var(--inner), 0 24px 70px rgba(0, 0, 0, .38);
    color: var(--text);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
}

body.vendor-area .signin-modal .modal-header {
    background: transparent;
    border-bottom: 1px solid var(--line);
}

body.vendor-area .signin-modal .signin-modal__form-header {
    color: var(--text);
    font-size: 18px;
    font-weight: 800;
    letter-spacing: -.02em;
    text-shadow: none;
}

body.vendor-area .signin-modal .modal-body {
    background: transparent;
    color: var(--text);
}

body.vendor-area .signin-modal .signin-modal__form-label {
    color: var(--muted);
    font-size: 13px;
    font-weight: 600;
}

body.vendor-area .signin-modal .signin-modal__form-field:-webkit-autofill,
body.vendor-area .signin-modal .signin-modal__form-field:-webkit-autofill:hover,
body.vendor-area .signin-modal .signin-modal__form-field:-webkit-autofill:focus,
body.vendor-area .signin-modal .signin-modal__form-field:-webkit-autofill:active {
    -webkit-text-fill-color: var(--text);
    caret-color: var(--text);
    -webkit-box-shadow: 0 0 0 1000px rgba(7, 11, 20, .95) inset;
    box-shadow: 0 0 0 1000px rgba(7, 11, 20, .95) inset;
    transition: background-color 9999s ease-out 0s;
}

body.vendor-area .signin-modal a.pull-right {
    color: var(--muted);
    font-size: 12px;
    font-weight: 600;
    text-decoration: none;
}

body.vendor-area .signin-modal a.pull-right:hover,
body.vendor-area .signin-modal a.pull-right:focus {
    color: var(--blue);
    text-decoration: none;
}

body.vendor-area .signin-modal__footer {
    background: rgba(7, 11, 20, .28);
    border-top: 1px solid var(--line);
    box-shadow: none;
    color: var(--text);
}

body.vendor-area .signin-modal .signin-modal__footer .btn.btn-primary:focus-visible {
    outline: 2px solid var(--line2);
    outline-offset: 2px;
}

body.vendor-area .ui-dialog .buttons-container-picker {
    margin: 0;
    padding: 12px 14px;
    border-top: 1px solid var(--line);
    border-radius: 0 0 16px 16px;
    background: rgba(18, 29, 49, .94);
    box-shadow: none;
}

body.vendor-area form .buttons-container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    margin: 0;
}

body.vendor-area .object-container .buttons-container-picker:before,
body.vendor-area .object-container .buttons-container-picker:after {
    display: none;
}

body.vendor-area select[data-games2-select2="vendor"].select2-hidden-accessible + .select2-container--default {
    --games2-select2-line-height: 36px;
    --games2-select2-arrow-height: 36px;
    --games2-select2-bg: rgba(7, 11, 20, .70);
    --games2-select2-multiple-bg: rgba(7, 11, 20, .72);
    --games2-select2-placeholder: var(--muted);
    --games2-select2-disabled-opacity: 1;
    --games2-select2-inline-search-line-height: inherit;
    --games2-select2-multiple-padding: 4px 8px;
}

body.vendor-area .object-categories-add .select2-container--default {
    --games2-select2-multiple-padding: 6px 44px 6px 8px;
}

body.vendor-area .select2-container--default .select2-selection--multiple .select2-selection__placeholder,
body.vendor-area .select2-container--default .select2-selection--multiple .select2-search--inline .select2-search__field::placeholder,
body.vendor-area .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: var(--muted);
}

body.vendor-area select[data-games2-select2="vendor"].select2-hidden-accessible + .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: var(--games2-select2-arrow-height);
    top: 1px;
    right: 8px;
    width: 20px;
}

body.vendor-area select[data-games2-select2="vendor"].select2-hidden-accessible + .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: var(--muted) transparent transparent transparent;
}

body.vendor-area select[data-games2-select2="vendor"].select2-hidden-accessible + .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent var(--muted) transparent;
}

body.vendor-area .object-picker__select-group .select2-selection--multiple {
    max-height: 38px;
    border-right: 0;
    border-radius: 10px 0 0 10px;
    overflow: hidden;
}

body.vendor-area .select2 .select2-selection.select2-selection--multiple .select2-selection__choice {
    padding: 0;
    border: 1px solid var(--line);
    border-radius: 8px;
    background: var(--soft2);
}

body.vendor-area .select2-selection--multiple .select2-selection__choice:hover {
    background: rgba(118, 103, 255, .18);
    border-color: rgba(118, 103, 255, .35);
}

body.vendor-area .select2 .select2-selection.select2-selection--multiple .select2-selection__clear {
    margin: 0;
    height: auto;
    right: 10px;
    padding: 0;
}

body.vendor-area .select2-selection--multiple .select2-selection__choice__remove {
    height: auto;
    color: var(--muted);
    border: 1px solid transparent;
}

body.vendor-area:has(#content_manage_products) #content_search_filters form[name="search_filters_form"] select[data-games2-select2="vendor"]:is([name="sort_by"], [name="sort_order"]).select2-hidden-accessible + .select2-container--default {
    --games2-select2-line-height: 32px;
    --games2-select2-arrow-height: 32px;
}

body.vendor-area:has(#content_manage_products) #adv_search select[data-games2-select2="vendor"][name="product_type[]"].select2-hidden-accessible + .select2-container--default {
    --games2-select2-placeholder: var(--muted);
}

body.vendor-area form[name="product_update_form"] #content_features select[data-games2-select2="vendor"].object-picker__select--feature-variants.select2-hidden-accessible + .select2-container--default {
    --games2-select2-disabled-opacity: .45;
}

body.vendor-area .choose-category {
    margin: 0;
}

body.vendor-area .control-group .controls .multiple-select__picker-container,
body.vendor-area .control-group .controls .product-assign-features__row {
    display: flex;
    flex: 1 0 100%;
}

body.vendor-area .control-group .controls .default-custom {
    display: flex;
    flex: 1 0 270px;
}

body.vendor-area .control-group .controls .multiple-select__picker-container {
    flex-flow: column;
}

body.vendor-area .control-group .controls .product-assign-features__row .object-picker--feature-variants {
    width: 100%;
}

body.vendor-area .control-group .controls .text-type-value {
    display: flex;
    gap: 8px;
    margin: 0;
}

body.vendor-area .colorpicker .sp-replacer:hover,
body.vendor-area .colorpicker .sp-replacer:focus {
    color: var(--accent);
}

body.vendor-area .colorpicker .sp-container {
    border: 1px solid var(--line);
    background: linear-gradient(180deg, rgba(20, 32, 54, .82), rgba(12, 20, 35, .88));
    box-shadow: var(--inner), 0 14px 34px rgba(0, 0, 0, .18);
}

body.vendor-area form[name="update_product_reviews_form"] .control-group .controls .spaced-child > span {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

body.vendor-area .control-group .select2-selection--single .select2-selection__clear {
    height: 100%;
    margin-right: 25px;
}

body.vendor-area .control-group .select2-selection--single .select2-selection__clear span {
    color: #fff;
    font-size: 20px;
}

body.vendor-area form .select2-hidden-accessible + .select2-container {
    flex: 1;
    width: 100% !important;
    max-width: 400px;
}

body.vendor-area:has(#content_manage_products) .ui-dialog:has(form[name="add_products"]) form[name="search_form"] .search-advanced select[data-games2-select2="vendor"]:is([name="sort_by"], [name="sort_order"]).select2-hidden-accessible + .select2-container {
    flex: 1;
}

body.vendor-area form[name^="block_"][name$="_update_form"] .object-picker--product .object-picker__simple--products .select2-container,
body.vendor-area form[name^="block_"][name$="_update_form"] .object-picker--product .object-picker__simple--products .select2-container .select2-selection--multiple,
body.vendor-area form[name="pc_api_filter_form"] select[data-games2-select2="vendor"][name="state"].select2-hidden-accessible + .select2-container {
    max-width: 100%;
}

body.vendor-area form[name^="block_"][name$="_update_form"] .object-picker--product.cm-object-product-add-container {
    --cs-object-picker-advanced-btn-width: 38px;
    position: relative;
    flex-flow: wrap;
    gap: 10px;
}

body.vendor-area form[name^="block_"][name$="_update_form"] .object-picker--product.cm-object-product-add-container .object-picker__selection-extended:not(:last-child) {
    border-bottom-color: var(--cs-table-border);
}

body.vendor-area form[name^="block_"][name$="_update_form"] .object-picker--product.cm-object-product-add-container .object-picker__selected-external  {
    width: 100%;
}

body.vendor-area form[name^="block_"][name$="_update_form"] .object-picker--product .object-picker__select-group--products {
    display: flex;
    align-items: stretch;
    width: 100%;
    min-width: 0;
}

body.vendor-area form[name^="block_"][name$="_update_form"] .object-picker--product .object-picker__simple--products {
    order: 1;
    flex: 1 1 0;
    min-width: 0;
    width: auto;
}

body.vendor-area select.select2-hidden-accessible + .select2-container--default .select2-selection--single {
    height: 36px;
    border: 1px solid var(--line);
    border-radius: 10px;
    background: var(--games2-select2-bg, rgba(7, 11, 20, .70));
    color: var(--text);
    box-shadow: none;
    transition: border-color .15s ease, box-shadow .15s ease;
}
body.vendor-area select[data-games2-select2="vendor"].select2-hidden-accessible + .select2-container--default.select2-container--disabled .select2-selection--single,
body.vendor-area select[data-games2-select2="vendor"].select2-hidden-accessible + .select2-container--default.select2-container--disabled .select2-selection--multiple {
    background: rgba(255, 255, 255, .03);
    color: var(--muted2);
    cursor: not-allowed;
    opacity: var(--games2-select2-disabled-opacity);
}

body.vendor-area form[name^="block_"][name$="_update_form"] .object-picker--product .object-picker__simple--products .select2-selection--multiple .select2-selection__rendered li {
    margin: 0;
    padding: 0;
}

body.vendor-area .select2-container .select2-search__field {
    margin: 0;
}

body.vendor-area .object-categories-add .select2 .select2-search {
    min-height: 36px;
    border: 1px solid var(--line);
    border-radius: 10px;
    background: rgba(7, 11, 20, .72);
}

body.vendor-area .select2-selection .select2-search--inline .select2-search__field {
    padding: 7px 10px;
    color: var(--text);
    box-shadow: none;
}

body.vendor-area .select2-dropdown .select2-search--dropdown .select2-search__field {
    border: 1px solid var(--line);
}

body.vendor-area .object-picker--product .object-picker__simple--products .select2-search--inline .select2-search__field {
    max-width: none;
    line-height: 36px;
    white-space: nowrap;
}

body.vendor-area form[name^="block_"][name$="_update_form"] .object-picker--product .object-picker__advanced--products {
    order: 2;
    position: static;
    flex: 0 0 38px;
    display: flex;
}

body.vendor-area form[name^="block_"][name$="_update_form"] .object-picker--product .object-picker__advanced-btn--products {
    position: static;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    min-width: 38px;
    height: 38px;
    min-height: 38px;
    max-height: 38px;
    padding: 0;
    margin: 0;
    border: 1px solid var(--line);
    border-left: 0;
    border-radius: 0 10px 10px 0;
    background: var(--soft);
    color: var(--muted);
    box-shadow: none;
}

body.vendor-area form[name^="block_"][name$="_update_form"] .object-picker--product .object-picker__advanced-btn--products:hover,
body.vendor-area form[name^="block_"][name$="_update_form"] .object-picker--product .object-picker__advanced-btn--products:focus {
    background: var(--soft2);
    border-color: var(--line2);
    color: var(--text);
}

body.vendor-area form[name^="block_"][name$="_update_form"] .object-picker--product .object-picker__advanced-btn--products .icon-reorder {
    filter: brightness(0) invert(1);
    opacity: .72;
}

body.vendor-area form[name^="block_"][name$="_update_form"] .object-picker--product .object-picker__advanced-btn--products:hover .icon-reorder,
body.vendor-area form[name^="block_"][name$="_update_form"] .object-picker--product .object-picker__advanced-btn--products:focus .icon-reorder {
    opacity: 1;
}

body.vendor-area:has(form[name^="block_"][name$="_update_form"] .object-picker--product) .select2-dropdown:has(.object-picker__result--products) .object-picker__result--products {
    display: flex;
    align-items: center;
    gap: 16px;
    width: 100%;
    min-width: 0;
}

body.vendor-area:has(form[name^="block_"][name$="_update_form"] .object-picker--product) .select2-dropdown:has(.object-picker__result--products) .object-picker__products-content {
    display: flex;
    flex: 1 1 auto;
    flex-direction: row;
    align-items: center;
    min-width: 0;
    width: auto;
}

body.vendor-area:has(form[name^="block_"][name$="_update_form"] .object-picker--product) .select2-dropdown:has(.object-picker__result--products) .object-picker__products-main,
body.vendor-area:has(form[name^="block_"][name$="_update_form"] .object-picker--product) .select2-dropdown:has(.object-picker__result--products) .object-picker__products-secondary {
    min-width: 0;
}

body.vendor-area:has(form[name^="block_"][name$="_update_form"] .object-picker--product) .select2-dropdown:has(.object-picker__result--products) .object-picker__products-name,
body.vendor-area:has(form[name^="block_"][name$="_update_form"] .object-picker--product) .select2-dropdown:has(.object-picker__result--products) .object-picker__name-content {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.vendor-area:has(form[name^="block_"][name$="_update_form"] .object-picker--product) .select2-dropdown:has(.object-picker__result--products) .object-picker__products-price,
body.vendor-area:has(form[name^="block_"][name$="_update_form"] .object-picker--product) .select2-dropdown:has(.object-picker__result--products) .object-picker__products-in-stock,
body.vendor-area:has(form[name^="block_"][name$="_update_form"] .object-picker--product) .select2-dropdown:has(.object-picker__result--products) .object-picker__products-product-code-label {
    white-space: nowrap;
}

body.vendor-area .select2-container .selection {
    width: 100%;
}

body.vendor-area .select2-dropdown {
    border: 1px solid var(--line);
    border-radius: 10px;
    background: rgba(14, 22, 38, .98);
    color: var(--text);
    box-shadow: 0 18px 48px rgba(0, 0, 0, .35);
    overflow: hidden;
    color-scheme: dark;
    max-width: 100vw;
}

body.vendor-area .select2-dropdown .select2-search--dropdown {
    padding: 8px;
    background: transparent;
}

body.vendor-area .select2-dropdown .select2-results__options {
    max-height: 280px;
    padding: 4px;
    scrollbar-color: rgba(255, 255, 255, .16) transparent;
    scrollbar-width: thin;
}

body.vendor-area .select2-dropdown .select2-results__option {
    padding: 8px 10px;
    border-radius: 8px;
    color: var(--text);
    background: transparent;
    transition: background .12s ease, color .12s ease;
}

body.vendor-area .select2-dropdown .select2-results__option--disabled {
    opacity: .55;
    color: var(--muted2);
    background: transparent;
}

body.vendor-area .select2-dropdown .select2-results__option[aria-selected="true"],
body.vendor-area .select2-dropdown .select2-results__option--selected {
    background: rgba(118, 103, 255, .22);
    color: #fff;
}

body.vendor-area .select2-dropdown .select2-results__message {
    color: var(--muted);
    padding: 8px 10px;
}

body.vendor-area .select2-dropdown .select2-results__group {
    color: var(--muted2);
    padding: 6px 10px 4px;
    font-size: 11px;
    letter-spacing: .04em;
    text-transform: uppercase;
    background: transparent;
    cursor: default;
}

body.vendor-area .select2-dropdown .select2-results__options--nested {
    padding-left: 0;
}

body.vendor-area .ui-datepicker {
    background: rgba(14, 22, 38, .98);
    color: var(--text);
    border: 1px solid var(--line);
    border-radius: 12px;
    box-shadow: 0 18px 48px rgba(0, 0, 0, .35);
    padding: 0;
    font-family: inherit;
    font-size: 12px;
    z-index: 10000;
}

body.vendor-area .ui-datepicker .ui-widget-header,
body.vendor-area .ui-datepicker-header.ui-widget-header {
    background: rgba(20, 32, 54, .92);
    color: var(--text);
    border: none;
    border-bottom: 1px solid var(--line);
    border-radius: 8px 8px 0 0;
    padding: 6px 4px;
    font-weight: 500;
}

body.vendor-area .ui-datepicker .ui-datepicker-title {
    color: var(--text);
    line-height: 1.5;
    margin: 0 2.2em;
}

body.vendor-area .ui-datepicker .ui-datepicker-title select.ui-datepicker-month,
body.vendor-area .ui-datepicker .ui-datepicker-title select.ui-datepicker-year {
    background: rgba(7, 11, 20, .72);
    color: var(--text);
    border: 1px solid var(--line);
    border-radius: 8px;
    padding: 2px 6px;
    font-size: 12px;
    line-height: 1.4;
    height: auto;
    min-height: 24px;
    box-shadow: none;
    margin: 0 2px;
    width: 47%;
}

body.vendor-area .ui-datepicker .ui-datepicker-title select.ui-datepicker-month:focus,
body.vendor-area .ui-datepicker .ui-datepicker-title select.ui-datepicker-year:focus {
    outline: none;
    border-color: var(--line2);
}

body.vendor-area .ui-datepicker .ui-datepicker-title select.ui-datepicker-month option,
body.vendor-area .ui-datepicker .ui-datepicker-title select.ui-datepicker-year option {
    background: rgba(14, 22, 38, .98);
    color: var(--text);
}

body.vendor-area .ui-datepicker .ui-datepicker-prev,
body.vendor-area .ui-datepicker .ui-datepicker-next {
    top: 6px;
    width: 22px;
    height: 22px;
    border: 1px solid var(--line);
    border-radius: 7px;
    background: rgba(7, 11, 20, .72);
    cursor: pointer;
    transition: background .12s ease, color .12s ease, border-color .12s ease;
}

body.vendor-area .ui-datepicker .ui-datepicker-prev {
    left: 6px;
}

body.vendor-area .ui-datepicker .ui-datepicker-next {
    right: 6px;
}

body.vendor-area .ui-datepicker .ui-datepicker-prev-hover,
body.vendor-area .ui-datepicker .ui-datepicker-next-hover {
    background: var(--soft2);
    border-color: var(--line2);
    top: 6px;
}

body.vendor-area .ui-datepicker .ui-datepicker-prev-hover {
    left: 6px;
}

body.vendor-area .ui-datepicker .ui-datepicker-next-hover {
    right: 6px;
}

body.vendor-area .ui-datepicker .ui-datepicker-prev span,
body.vendor-area .ui-datepicker .ui-datepicker-next span {
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 8px;
    height: 8px;
    margin: -4px 0 0 -4px;
    background: none;
    border-top: 1.5px solid var(--text);
    border-right: 1.5px solid var(--text);
    text-indent: 0;
    overflow: hidden;
}

body.vendor-area .ui-datepicker .ui-datepicker-prev span {
    transform: rotate(-135deg);
    margin-left: -2px;
}

body.vendor-area .ui-datepicker .ui-datepicker-next span {
    transform: rotate(45deg);
    margin-left: -6px;
}

body.vendor-area .ui-datepicker table.ui-datepicker-calendar {
    background: transparent;
    color: var(--text);
    border-collapse: separate;
    border-spacing: 2px;
    margin: 6px 0 0;
    font-size: 12px;
    width: calc(100% - 4px);
}

body.vendor-area .ui-datepicker table.ui-datepicker-calendar th {
    color: var(--muted);
    font-weight: 500;
    padding: 4px 0;
    border: none;
    background: transparent;
    text-align: center;
}

body.vendor-area .ui-datepicker table.ui-datepicker-calendar td {
    padding: 0;
    border: none;
    background: transparent;
}

body.vendor-area .ui-datepicker table.ui-datepicker-calendar td a.ui-state-default,
body.vendor-area .ui-datepicker table.ui-datepicker-calendar td span.ui-state-default {
    display: block;
    background: transparent;
    color: var(--text);
    border: 1px solid transparent;
    border-radius: 7px;
    padding: 4px 0;
    text-align: center;
    text-decoration: none;
    font-weight: 400;
    transition: background .12s ease, color .12s ease, border-color .12s ease;
}

body.vendor-area .ui-datepicker table.ui-datepicker-calendar td a.ui-state-default:hover,
body.vendor-area .ui-datepicker table.ui-datepicker-calendar td a.ui-state-hover {
    background: var(--soft2);
    color: #fff;
    border-color: transparent;
}

body.vendor-area .ui-datepicker table.ui-datepicker-calendar td.ui-datepicker-today a.ui-state-default,
body.vendor-area .ui-datepicker table.ui-datepicker-calendar td.ui-datepicker-today a.ui-state-highlight {
    background: rgba(118, 103, 255, .12);
    color: #fff;
    border-color: var(--line2);
}

body.vendor-area .ui-datepicker table.ui-datepicker-calendar td.ui-datepicker-current-day a.ui-state-default,
body.vendor-area .ui-datepicker table.ui-datepicker-calendar td a.ui-state-active {
    background: rgba(118, 103, 255, .22);
    color: #fff;
    border-color: var(--line2);
}

body.vendor-area .ui-datepicker table.ui-datepicker-calendar td.ui-datepicker-other-month a.ui-state-default,
body.vendor-area .ui-datepicker table.ui-datepicker-calendar td.ui-datepicker-other-month span.ui-state-default,
body.vendor-area .ui-datepicker table.ui-datepicker-calendar td.ui-datepicker-unselectable span.ui-state-default {
    color: var(--muted2);
    opacity: .55;
    background: transparent;
    border-color: transparent;
}

body.vendor-area .ui-datepicker .ui-datepicker-buttonpane {
    background: rgba(20, 32, 54, .92);
    border-top: 1px solid var(--line);
    padding: 6px;
    margin: 6px -8px -8px;
}

body.vendor-area .ui-datepicker .ui-datepicker-buttonpane button {
    background: rgba(7, 11, 20, .72);
    color: var(--text);
    border: 1px solid var(--line);
    border-radius: 7px;
    padding: 4px 10px;
}

body.vendor-area .ui-datepicker .ui-datepicker-buttonpane button:hover {
    background: var(--soft2);
    border-color: var(--line2);
    color: #fff;
}
body.vendor-area input.games2-email-locked[readonly] {
    cursor: not-allowed;
    opacity: .78;
    background: var(--soft);
}

body.vendor-area .g2-chat-attach {
    margin: 0;
}

body.vendor-area #order_info_form,
body.vendor-area .sidebar--order-details,
body.vendor-area .pc-order-vendor-sidebar {
    max-width: 100%;
}

body.vendor-area .pc-order-vendor-card__title,
body.vendor-area .pc-order-vendor-sidebar__chat > h6 {
    padding: 14px 18px;
    border-bottom: 1px solid var(--line);
    background: rgba(255, 255, 255, .03);
    font-weight: 800;
    letter-spacing: -.02em;
}

body.vendor-area .pc-order-vendor-card__body {
    padding: 14px 18px 18px;
}

body.vendor-area:has(#order_info_form) .pc-order-vendor-card--fulfillment .pc-order-vendor-card__section--api .table-responsive-wrapper {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-x: contain;
}

body.vendor-area:has(#order_info_form) .pc-order-vendor-card--fulfillment .pc-order-vendor-card__section--api .table-responsive-wrapper > .table {
    width: 100%;
    min-width: 699px;
}

body.vendor-area .pc-order-vendor-card__subtitle,
body.vendor-area .pc-order-vendor-finances__margin-title {
    margin: 0 0 12px;
    color: var(--text);
    font-size: 13px;
    font-weight: 800;
}

body.vendor-area #order_info_form .row-fluid > .orders-details__left-pane-col,
body.vendor-area #order_info_form .row-fluid > .orders-details__right-pane-col {
    min-width: 0;
}

body.vendor-area #order_info_form .row-fluid > .orders-details__left-pane-col {
    width: 100%;
}

body.vendor-area #order_info_form.pc-order-vendor-layout-active .row-fluid > .orders-details__right-pane-col {
    display: none;
}

body.vendor-area .table--order-details-products .products-hint,
body.vendor-area .table--order-details-products .products-hint__code,
body.vendor-area .table--order-details-products .options-info,
body.vendor-area .table--order-details-products .muted {
    color: var(--muted2);
}

body.vendor-area .table--order-details-products .products-hint {
    display: none;
}

body.vendor-area .pc-order-vendor-meta-grid__label {
    color: var(--muted);
}

body.vendor-area .pc-order-vendor-buyer-line {
    border-top-color: var(--line);
}

body.vendor-area .pc-order-vendor-buyer-line__head strong {
    color: var(--text);
}

body.vendor-area .pc-buyer-field__label {
    color: var(--muted);
}

body.vendor-area .pc-order-issued-codes__product {
    color: var(--text);
}

body.vendor-area .pc-order-issued-codes {
    border-top-color: var(--line);
}

body.vendor-area .pc-order-vendor-finances {
    border-bottom-color: var(--line);
}

body.vendor-area .pc-order-vendor-finances__label,
body.vendor-area #pc_card_finances_totals .statistic-label,
body.vendor-area:has(#order_info_form) .orders-details__statistic .statistic-label {
    color: var(--muted);
}

body.vendor-area .pc-order-vendor-finances__highlight td,
body.vendor-area .pc-order-vendor-finances__margin {
    border-top-color: var(--line);
}

body.vendor-area .pc-order-vendor-finances__margin-line {
    border-top-color: var(--line);
}

body.vendor-area .orders-details__statistic .totals h4 {
    text-align: right;
}

body.vendor-area .orders-details__statistic h4 {
    color: var(--text);
    font-weight: 800;
}

body.vendor-area .subheader {
    width: 100%;
}

body.vendor-area .pc-order-sidebar-chat__messages,
body.vendor-area .pc-order-vendor-sidebar__chat .messages {
    background: rgba(7, 11, 20, .45);
    border: 1px solid var(--line);
    border-radius: 12px;
    color: var(--text);
    overflow-x: hidden;
}

body.vendor-area .vendor-communication-post {
    background: rgba(20, 32, 54, .82);
    border-color: var(--line);
    box-shadow: var(--inner);
    border-radius: 10px;
    margin: 0;
    padding: 10px 15px;
}

body.vendor-area .vendor-communication-post__content:not(.vendor-communication-post__customer) .vendor-communication-post {
    border-bottom-right-radius: 0;
}

body.vendor-area .vendor-communication-post__content:not(.vendor-communication-post__customer) .icon-caret {
    right: -15px;
}

body.vendor-area .vendor-communication-post__customer.vendor-communication-post__customer .vendor-communication-post {
    border-bottom-left-radius: 0;
}

body.vendor-area .vendor-communication-post__customer.vendor-communication-post__customer .icon-caret {
    left: -15px;
}

body.vendor-area .sidebar--order-details {
    padding: 0;
    border: none;
    background: transparent;
}

body.vendor-area .pc-order-sidebar-chat .vendor-communication-post__author {
    font-size: 12px;
}

body.vendor-area .pc-order-sidebar-chat .vendor-communication-post__message {
    color: var(--text);
    line-height: 1.5;
}

body.vendor-area .pc-order-sidebar-chat .vendor-communication-post__img-icon,
body.vendor-area .pc-order-sidebar-chat .cs-icon {
    color: var(--muted);
}

body.vendor-area .sidebar--order-details .pc-order-vendor-sidebar__chat .pc-order-sidebar-chat__composer {
    border-top-color: var(--line);
}

body.vendor-area .profile-info__phone span {
    color: var(--muted);
}

body.vendor-area .profile-info .cs-icon {
    color: var(--muted);
}

body.vendor-area #content_downloads,
body.vendor-area #content_promotions {
    color: var(--text);
}

body.vendor-area #content_downloads .table,
body.vendor-area #content_promotions {
    background: transparent;
}

body.vendor-area tr.row-more,
body.vendor-area tr.row-gray,
body.vendor-area tr.row-more > td,
body.vendor-area tr.row-gray > td {
    background: rgba(12, 20, 35, .92) !important;
}

body.vendor-area form[name="page_update_form"] #content_build_form input[name*="[description]"],
body.vendor-area form[name="page_update_form"] #content_build_form select[name*="[element_type]"] {
    max-width: 100%;
}

body.vendor-area form[name="page_update_form"] #content_build_form td.center input[type="checkbox"] {
    display: inline-block;
    margin: 0;
    vertical-align: middle;
}

body.vendor-area .table > tbody > tr > td .cs-content-more__btn {
    display: none;
}

body.vendor-area .well {
    border: none;
    background: transparent;
}

body.vendor-area .btn.cm-opacity:not(.hidden) {
    width: 34px;
    min-width: 34px;
    padding: 0;
}

body.vendor-area form[name="page_update_form"] #content_build_form .btn.cm-delete-row:not(.hidden) .icon,
body.vendor-area form[name="page_update_form"] #content_build_form .btn.cm-opacity:not(.hidden) .icon {
    filter: none;
    opacity: 1;
}

body.vendor-area form[name="page_update_form"] #content_build_form .btn.cm-delete-row:not(.hidden):hover .icon,
body.vendor-area form[name="page_update_form"] #content_build_form .btn.cm-delete-row:not(.hidden):focus .icon,
body.vendor-area form[name="page_update_form"] #content_build_form .btn.cm-opacity:not(.hidden):hover .icon,
body.vendor-area form[name="page_update_form"] #content_build_form .btn.cm-opacity:not(.hidden):focus .icon {
    filter: brightness(0) saturate(100%) invert(58%) sepia(49%) saturate(1400%) hue-rotate(314deg) brightness(101%) contrast(101%);
}

body.vendor-area form[name="page_update_form"] #content_build_form .cm-popup-box {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    background: transparent;
}

body.vendor-area .cs-product-reviews-rating-product-rating-overview.well {
    margin-bottom: 16px;
    padding: 20px;
    border: 1px solid var(--line);
}

body.vendor-area #content_product_reviews .cs-product-reviews-rating-product-rating-overview > section {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
}

body.vendor-area #content_product_reviews .cs-product-reviews-rating-product-rating-overview .text-larger {
    color: var(--text);
    font-size: 28px;
    line-height: 1;
}

body.vendor-area #content_product_reviews .cs-product-reviews-rating-stars-details {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 0;
}

body.vendor-area #content_product_reviews .cs-product-reviews-rating-stars-details__row {
    gap: 10px;
}

body.vendor-area #content_product_reviews .cs-product-reviews-rating-stars-details__percentage {
    color: var(--muted);
    font-size: 11px;
    font-weight: 700;
}

body.vendor-area .cs-product-reviews-rating-stars-details__line {
    appearance: none;
    -webkit-appearance: none;
    height: 8px;
    border: 0;
    border-radius: 999px;
    overflow: hidden;
    accent-color: var(--accent);
    background-color: rgba(255, 255, 255, .08);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .22);
}

body.vendor-area .cs-product-reviews-rating-stars-details__line::-webkit-progress-bar {
    background-color: rgba(255, 255, 255, .08);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .22);
    border-radius: 999px;
}

body.vendor-area .cs-product-reviews-rating-stars-details__line::-webkit-progress-value {
    border-radius: 999px;
    background: linear-gradient(90deg, var(--accent), var(--blue));
}

body.vendor-area .cs-product-reviews-rating-stars-details__line::-moz-progress-bar {
    border-radius: 999px;
    background: linear-gradient(90deg, var(--accent), var(--blue));
}

body.vendor-area #content_product_reviews #product_reviews_form .cs-product-reviews-manage-review-row header.flex {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 12px;
    margin-bottom: 8px;
}

body.vendor-area .cs-content-more__text {
    color: var(--light-gray);
    line-height: 1.55;
}

body.vendor-area #pc_card_finances_totals .orders-details__statistic table,
body.vendor-area .table.pc-order-vendor-finances__table {
    max-width: 100%;
}

body.vendor-area .table > tbody > tr {
    background: rgba(118, 103, 255, .05);
}

body.vendor-area .table > tbody > tr > td:has(.dropdown) {
    position: relative;
}

body.vendor-area .invisible {
    display: none;
}

body.vendor-area .cs-content-more__btn::before {
    display: none;
}

body.vendor-area #product_reviews_form .cs-content-more__comment-icon,
body.vendor-area .cs-content-more:not(:last-child) {
    display: none;
}

body.vendor-area footer small {
    font-size: 11px;
}

body.vendor-area footer small > a::after,
body.vendor-area footer small > span {
    display: none;
}

body.vendor-area .slashed-child {
    display: inline-flex;
    gap: 4px;
    font-weight: 700;
}

body.vendor-area .slashed-child > *:not(:last-child):after {
    color: var(--text);
}

body.vendor-area .cs-product-reviews-update-post-vendor-reply textarea::placeholder {
    color: var(--muted2);
}

body.vendor-area .content-wrap:has(#content_view_thread) {
    max-width: 700px;
    margin: 0 auto;
}

body.vendor-area .vendor-communication-post__author {
    margin: 0;
}

body.vendor-area .vendor-communication-post__date {
    font-size: 12px;
    color: var(--muted);
}

body.vendor-area .vendor-communication-post .icon-caret-outer {
    left: 2px;
    border-width: 0 16px 16px 0;
    border-style: solid;
    border-color: transparent;
    border-bottom-color: var(--line);
}

body.vendor-area .vendor-communication-post .icon-caret-inner {
    border-width: 0 16px 16px 0;
    border-style: solid;
    border-color: transparent;
}

body.vendor-area .vendor-communication-post__content:not(.vendor-communication-post__customer) .icon-caret-inner {
    border-bottom-color: rgba(23, 34, 56, .76);
}

body.vendor-area .vendor-communication-post__content.vendor-communication-post__customer .vendor-communication-post__img {
    background-color: var(--soft2);
}

body.vendor-area .add_message_form--wrapper {
    display: flex;
    align-items: center;
    gap: 0 20px;
    padding: 0;
}

body.vendor-area #content_view_thread .add_message_form--wrapper {
    display: grid;
    grid-template-columns: 1fr auto;
}

body.vendor-area #content_view_thread .add_message_form--wrapper textarea {
    grid-area: 1 / 1 / span 2;
}

body.vendor-area #content_view_thread .add_message_form--wrapper .g2-chat-attach {
    grid-area: 1 / 2 / 2;
}

body.vendor-area #content_view_thread .add_message_form--wrapper .buttons-container {
    grid-area: 2 / 2 / 3;
}

body.vendor-area .pc-order-vendor-sidebar__chat .add_message_form--wrapper {
    flex-flow: column;
    gap: 10px;
    padding: 0;
}

body.vendor-area .add_message_form--wrapper .buttons-container {
    flex: 0;
}

body.vendor-area .vendor-communication-post__img-content {
    width: 100%;
    height: 100%;
    background-color: transparent;
    border-color: transparent;
    object-fit: cover;
}

body.vendor-area #content_view_thread .vendor-communication-logo__image {
    border-color: var(--line);
}

body.vendor-area #content_view_thread .add_message_form--textarea::placeholder {
    color: var(--muted2);
    opacity: 1;
}

body.vendor-area #content_view_thread .vendor-communication-post__bottom {
    background: transparent;
    border: 0;
}

body.vendor-area:has(#shippings_form) #shippings_form #shippings_content .table td .hidden-tools {
    display: inline-flex;
    justify-content: flex-end;
    align-items: center;
    max-width: 100%;
}

body.vendor-area:has(#shippings_form) #shippings_form #shippings_content .table td.right {
    text-align: right;
}

body.vendor-area form#company_update_form #content_discussion .post-item .calendar {
    background: transparent;
    border: 0;
    padding: 0;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    color: var(--muted);
}

body.vendor-area form#company_update_form #content_discussion .post-item .icon-calendar {
    color: var(--muted);
    font-size: 14px;
}

body.vendor-area form#company_update_form #content_discussion .post-item fieldset.rating {
    background: transparent;
    border: 0;
    padding: 0;
}

body.vendor-area .post-item .cs-icon--type-star,
body.vendor-area .post-item .icon-star {
    display: inline-flex;
    margin: 0;
    color: var(--amber);
}

body.vendor-area .post-item .cs-icon--type-star-empty,
body.vendor-area .post-item .icon-star-empty {
    display: inline-flex;
    margin: 0;
    color: rgba(240, 198, 106, .35);
}

body.vendor-area form#company_update_form #content_discussion .buttons-container.buttons-bg {
    background: transparent;
    padding: 0;
    border: 0;
    margin-bottom: 8px;
}

body.vendor-area .ui-dialog:has(form[name="categories_form"]) .quick-select-protip {
    color: var(--muted);
}
body.vendor-area form#company_update_form #content_discussion .cm-pagination-container:has(> .no-items):not(:has(.posts-container)) {
    background: transparent;
    border: 0;
    padding: 0;
}
body.vendor-area form#company_update_form #content_discussion .no-items {
    color: var(--muted);
    background: rgba(7, 11, 20, .35);
    border: 1px dashed var(--line);
    border-radius: 12px;
    padding: 12px 16px;
}

body.vendor-area form#company_update_form #content_discussion .cm-pagination-container {
    background: transparent;
    padding: 8px 0;
}

body.vendor-area form#company_update_form #content_discussion .pagination > ul > li.disabled > a,
body.vendor-area form#company_update_form #content_discussion .pagination > ul > li.disabled {
    opacity: .45;
    pointer-events: none;
}

body.vendor-area form#company_update_form #content_discussion .pagination-dropdown-per-page {
    color: var(--text);
}

body.vendor-area form#company_update_form #content_discussion .pagination-dropdown-per-page:hover {
    background: var(--soft);
    color: var(--text);
}

body.vendor-area form#company_update_form #content_plan {
    color: var(--text);
}

body.vendor-area form#company_update_form #content_plan p {
    color: var(--muted);
}

body.vendor-area form#company_update_form #content_plan .vendor-plans {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    padding: 0;
    margin: 8px 0 4px;
    list-style: none;
}

body.vendor-area form#company_update_form #content_plan .vendor-plans-item {
    display: flex;
    flex-direction: column;
    position: relative;
    flex: 1 1 260px;
    min-width: 240px;
    max-width: 360px;
    padding: 20px 20px 18px;
    border: 1px solid var(--line);
    border-radius: 18px;
    background:
        linear-gradient(
            180deg,
            rgba(22, 34, 58, .92),
            rgba(12, 20, 35, .96)
        );
    box-shadow: var(--inner);
    color: var(--text);
    cursor: pointer;
    transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease;
}

body.vendor-area form#company_update_form #content_plan .vendor-plans-item:hover {
    border-color: var(--line2);
    box-shadow: var(--inner), 0 8px 24px rgba(0, 0, 0, .35);
    transform: translateY(-1px);
}

body.vendor-area form#company_update_form #content_plan .vendor-plans-item.disabled {
    opacity: .55;
    cursor: not-allowed;
    transform: none;
}

body.vendor-area form#company_update_form #content_plan .vendor-plans-item.active {
    border-color: rgba(58, 212, 138, .55);
    box-shadow:
        0 0 0 1px rgba(58, 212, 138, .35) inset,
        var(--inner),
        0 8px 24px rgba(0, 0, 0, .35);
}

body.vendor-area form#company_update_form #content_plan .vendor-plans-status {
    display: inline-flex;
    align-items: center;
    align-self: flex-start;
    padding: 4px 10px;
    margin-bottom: 12px;
    border-radius: 999px;
    background: rgba(58, 212, 138, .12);
    border: 1px solid rgba(58, 212, 138, .45);
    color: var(--green);
    font-size: 12px;
    font-weight: 600;
}

body.vendor-area form#company_update_form #content_plan .vendor-plan-content {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

body.vendor-area form#company_update_form #content_plan .vendor-plan-header {
    font-size: 20px;
    line-height: 1.25;
    font-weight: 700;
    color: var(--text);
    margin: 0 0 4px;
}

body.vendor-area form#company_update_form #content_plan .vendor-plan-price {
    font-size: 26px;
    font-weight: 700;
    color: var(--text);
    letter-spacing: -.01em;
}

body.vendor-area form#company_update_form #content_plan .vendor-plan-price-period {
    font-size: 14px;
    font-weight: 500;
    color: var(--muted);
    margin-left: 4px;
}

body.vendor-area form#company_update_form #content_plan .vendor-plan-params {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid var(--line);
}

body.vendor-area form#company_update_form #content_plan .vendor-plan-params p {
    margin: 0 0 6px;
    color: var(--muted);
    line-height: 1.5;
}

body.vendor-area form#company_update_form #content_plan .vendor-plan-params p:last-child {
    margin-bottom: 0;
}

body.vendor-area form#company_update_form #content_plan .vendor-plan-params strong,
body.vendor-area form#company_update_form #content_plan .vendor-plan-params b {
    color: var(--text);
}

body.vendor-area form#company_update_form #content_plan .vendor-plan-descr {
    margin-top: 8px;
    padding-top: 10px;
    border-top: 1px dashed var(--line);
    color: var(--muted);
    line-height: 1.55;
    font-size: 13px;
}

body.vendor-area form#company_update_form #content_plan .control-group .controls .cm-picker-value,
body.vendor-area form#company_update_form #content_plan .control-group .controls .cm-picker-value-description {
    background: rgba(7, 11, 20, .72);
    border: 1px solid var(--line);
    border-radius: 10px;
    color: var(--text);
}

body.vendor-area:has(#manage_payouts_form) .admin-content-heading__title .f-middle,
body.vendor-area:has(#manage_payouts_form) .nav__actions-title .title__heading .f-middle {
    display: inline-block;
    margin-left: 10px;
    color: var(--muted);
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1.4;
    vertical-align: middle;
}

body.vendor-area:has(#manage_payouts_form) #payouts_list .btn-expand-wrapper {
    display: flex;
    height: 32px;
}

body.vendor-area:has(#manage_payouts_form) #payouts_list > tbody > tr.row-more.row-gray {
    background: var(--panel) !important;
    background-image: none !important;
    box-shadow: none;
}

body.vendor-area:has(#manage_payouts_form) #payouts_list > tbody > tr.row-more > td,
body.vendor-area:has(#manage_payouts_form) #payouts_list > tbody > tr.row-more > td.row-more-body,
body.vendor-area:has(#manage_payouts_form) #payouts_list > tbody > tr.row-more > td.row-gray {
    background: var(--panel) !important;
    background-image: none !important;
    color: var(--text);
    box-shadow: none;
    border-top: 1px dashed var(--line) !important;
    border-bottom-color: var(--line);
    padding: 14px 18px;
}

body.vendor-area:has(#manage_payouts_form) #payouts_list > tbody > tr.row-more:hover,
body.vendor-area:has(#manage_payouts_form) #payouts_list > tbody > tr.row-more:hover > td,
body.vendor-area:has(#manage_payouts_form) #payouts_list > tbody > tr.row-more:hover > td.row-more-body,
body.vendor-area:has(#manage_payouts_form) #payouts_list > tbody > tr.row-more:hover > td.row-gray {
    background: var(--panel) !important;
    background-image: none !important;
    color: var(--text);
}

body.vendor-area:has(#manage_payouts_form) #payouts_list > tbody > tr.row-more .control-group {
    padding: 12px 14px;
    background: var(--panel2);
    border: 1px solid var(--line);
    border-radius: 12px;
    box-shadow: var(--inner);
}

body.vendor-area form .controls p {
    margin-top: 0;
    font-size: 13px;
}

body.vendor-area .btn-expand--header {
    display: none !important;
}

body.vendor-area .btn-expand.hidden {
    display: none;
}

body.vendor-area #balance_total {
    float: none;
    margin-bottom: 16px;
    padding: 20px;
    border: 1px solid var(--line);
}

body.vendor-area #balance_total .table-wrapper {
    display: flex;
    justify-content: flex-end;
}

body.vendor-area #balance_total table {
    width: auto;
    min-width: 240px;
    color: var(--text);
}

body.vendor-area #balance_total th {
    padding-bottom: 8px;
    color: var(--muted);
}

body.vendor-area #balance_total h4 {
    margin: 0;
    font-size: 14px;
    font-weight: 800;
    line-height: 1.4;
}

body.vendor-area .rest-api-docs__toc-inner {
    max-width: 100%;
}

body.vendor-area .rest-api-docs__header {
    margin: 0;
}

body.vendor-area .rest-api-docs__req--yes {
    padding-inline: 20px;
}

body.vendor-area .rest-api-docs__muted {
    margin-block: 12px 0;
}

body.vendor-area .rest-api-docs__example-body {
    padding-top: 14px;
}

body.vendor-area .rest-api-docs__note a:not(:has(code)) {
    color: var(--soft-blue);
    font-weight: 700;
    text-decoration: underline;
}

body.vendor-area .shipping-rate__container {
    border-color: var(--line);
}

body.vendor-area .shipping-rate__header {
    display: inline-flex;
    align-items: center;
}

body.vendor-area .shipping-rate__header,
body.vendor-area .shipping-rate__description {
    margin: 0;
}

body.vendor-area .shipping-rate__button-list .shipping-rate__add-conditions {
    padding: 0;
}

body.vendor-area .rest-api-docs__example > summary {
    border-radius: 10px;
    color: #b9b0ff;
    background: rgba(118, 103, 255, .10);
    border: 1px solid var(--line2);
}

body.vendor-area .rest-api-docs__example > summary:hover {
    background: rgba(118, 103, 255, .22);
    color: #fff;
    border-color: rgba(126, 145, 255, .18);
}

body.vendor-area .rest-api-docs__code-bar {
    border-bottom-color: var(--line);
    background: transparent;
}

body.vendor-area .rest-api-docs__flow-item {
    background: transparent;
    border-color: rgba(126, 145, 255, .18);
}

body.vendor-area .rest-api-docs__step-num {
    border: 1px solid rgba(126, 145, 255, .4);
    background: rgba(118, 103, 255, .22);
    color: #b9b0ff;
}

body.vendor-area .profile-info {
    margin: 0;
}

/* hidden diagnostic tab */
body.vendor-area ul.nav.nav-pills > li:has(> a[href*="dispatch=organic_advertisement.health"]) {
    display: none;
}

@media (max-width: 1340px) {
    body.vendor-area .admin-content-wrapper {
        flex-flow: wrap;
        padding-bottom: 20px;
    }

    body.vendor-area .sidebar.sidebar--order-details {
        position: static;
        flex: 1;
        max-height: none;
        order: 2;
    }

    body.vendor-area .pc-order-vendor-sidebar__chat .add_message_form--wrapper {
        display: grid;
        grid-template-columns: repeat(2, auto);
        justify-content: center;
        align-items: start;
    }

    body.vendor-area .sidebar--order-details .pc-order-sidebar-chat .add_message_form--textarea {
        grid-area: 1 / span 2;
    }

    body.vendor-area .admin-content-wrap .sidebar .sidebar-wrapper {
        padding: 0;
    }

    body.vendor-area .profile-info {
        display: flex;
        flex-flow: wrap;
        gap: 10px;
        padding: 0;
    }

    body.vendor-area .profile-info .cs-icon {
        flex: 0 0 auto;
    }

    body.vendor-area .profile-info div,
    body.vendor-area .profile-info .cs-icon {
        margin: 0;
    }

    body.vendor-area #content_view_thread .fixed-bottom {
        margin-bottom: 0;
    }
}

@media (max-width: 1200px) {
    body.vendor-area .table > thead > tr > th {
        font-size: 11px;
        line-height: 16px;
        font-weight: 600;
        letter-spacing: 0;
    }

    body.vendor-area .tabs > ul.nav-tabs > li > a {
        font-size: 12px;
    }

    body.vendor-area form[name="digital_offer_type_form"] .digital-product-types {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 1032px) {
    body.vendor-area .table.table-responsive > tbody > tr {
        border-top-color: var(--line);
        background-color: transparent;
    }

    body.vendor-area .table.table-responsive > tbody > tr > td {
        border-collapse: separate;
        border-spacing: 0;
        padding: 8px 0;
    }

    body.vendor-area .table.table-responsive > tbody > tr > td[data-th]::before {
        color: var(--muted);
        padding: 0 10px;
    }

    body.vendor-area .table-responsive td {
        padding-inline: 10px;
    }

    body.vendor-area .table-responsive td span:not(.label):not(.label-info):not(.switch-mini) {
        padding: 0 8px !important;
    }

    body.vendor-area span.view-status,
    body.vendor-area .btn.status-dropdown {
        min-height: 20px;
        font-size: 9px;
    }

    body.vendor-area .table.table-responsive > tbody > tr > td.mobile-hide:has(> input.cm-item.hide),
    body.vendor-area .table.table-responsive > tbody > tr > td.import-common_preset__checker.mobile-hide,
    body.vendor-area #product_reviews_form .table.table-responsive > tbody > tr > td.table__check-items-cell:has(> input.cm-item.hide),
    body.vendor-area #promotion_form .table.table-responsive > tbody > tr > td.right:has(> .hidden-tools),
    body.vendor-area #manage_payments_form .table.table-responsive > tbody > tr > td.right:has(> .hidden-tools),
    body.vendor-area #manage_payments_form .table.table-responsive > tbody > tr > td:has(> input.cm-item.hidden),
    body.vendor-area #manage_payments_form .table.table-responsive > tbody > tr > td.no-padding-td {
        display: none;
    }

    body.vendor-area #content_view_thread .add_message_form--wrapper {
        gap: 15px 10px;
    }

    body.vendor-area #content_view_thread .add_message_form--wrapper textarea {
        grid-area: 1 / span 2;
    }

    body.vendor-area #content_view_thread .add_message_form--wrapper .g2-chat-attach {
        grid-area: 2 / 1 /  span 1;
    }

    body.vendor-area #content_view_thread .add_message_form--wrapper .buttons-container {
        grid-area: 2 / 2 / span 1;
    }
}

@media (max-width: 1024px) {
    body.vendor-area #content_manage_pages #pagination_contents {
        padding: 12px 10px 8px;
    }

    body.vendor-area:has(#dashboard_content) #dashboard_content .analytics-card {
        padding: 14px;
    }

    body.vendor-area:has(#banners_form):has(#banners_table_tree) #banners_form #banners_table_tree:has(table.table) {
        padding: 12px 10px 8px;
    }

    body.vendor-area .tabs > ul.nav-tabs > li > a {
        padding: 8px 10px;
    }

    body.vendor-area:has(#content_manage_products) .content__context-search,
    body.vendor-area:has(#content_manage_products) .context-search {
        min-width: 180px;
        flex: 1 1 200px;
    }

    body.vendor-area .posts-container {
        padding: 12px 10px;
    }
}

@media (max-width: 899px) {
    body.vendor-area form[name="pc_api_filter_form"] .form-horizontal.form-edit .control-group {
        margin: 0 0 14px;
    }
}

@media (min-width: 768px) and (max-width: 980px) {
    body.vendor-area .top-bar__inner {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media (min-width: 768px) {
    body.vendor-area .admin-content-heading__title {
        font-size: 30px;
    }

    body.vendor-area .rest-api-docs__code h4,
    body.vendor-area .pc-vendor-api-docs h4 {
        font-size: 18px;
    }

    body.vendor-area .rest-api-docs__code h5,
    body.vendor-area .pc-vendor-api-docs h5 {
        font-size: 15px;
    }
}

@media (max-width: 767px) {
    body.vendor-area #content_view_thread .add_message_form--wrapper {
        display: flex;
        justify-content: center;
    }

    body.vendor-area .top-bar__inner {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 8px;
        min-height: 68px;
        height: auto;
        padding: 10px 12px;
    }

    body.vendor-area .top-bar__search {
        order: 3;
        flex: 1 0 100%;
        max-width: none;
        width: 100%;
    }

    body.vendor-area .sidebar .sidebar-row {
        padding: 14px;
        border-radius: 14px;
    }

    body.vendor-area .cs-main-menu {
        background-color: rgba(7, 11, 20, .96);
        backdrop-filter: blur(18px);
        -webkit-backdrop-filter: blur(18px);
        border-right: 1px solid var(--line);
        box-shadow: 24px 0 60px rgba(0, 0, 0, .45);
    }

    body.vendor-area .cs-main-menu.open + .cs-main-menu__backdrop {
        background: rgba(0, 0, 0, .55);
    }

    body.vendor-area .admin-content-heading__title {
        font-size: 24px;
    }

    body.vendor-area .table > thead > tr > th,
    body.vendor-area .table > tbody > tr > td {
        padding: 10px;
    }

    body.vendor-area #content_manage_orders .table-manage-orders .order-status.status-dropdown {
        max-width: 100%;
    }

    body.vendor-area #product_reviews_form .bulk-edit,
    body.vendor-area #content_manage_products .bulk-edit,
    body.vendor-area #content_manage_orders .bulk-edit {
        border-radius: 12px;
    }

    body.vendor-area #content_manage_orders .table-manage-orders > thead > tr > th:nth-child(2),
    body.vendor-area #content_manage_orders .table-manage-orders > tbody > tr > td:nth-child(2),
    body.vendor-area #content_manage_orders .table-manage-orders > thead > tr > th:nth-child(5),
    body.vendor-area #content_manage_orders .table-manage-orders > tbody > tr > td:nth-child(5),
    body.vendor-area #content_manage_orders .table-manage-orders > thead > tr > th:nth-last-child(2),
    body.vendor-area #content_manage_orders .table-manage-orders > tbody > tr > td:nth-last-child(2),
    body.vendor-area #content_manage_orders .table-manage-orders tbody td:has(> .hidden-tools) {
        width: auto;
        min-width: 0;
        padding-left: 12px;
        padding-right: 12px;
    }

    body.vendor-area #content_manage_orders .table-manage-orders .hidden-tools {
        min-width: 0;
    }

    body.vendor-area form.form-horizontal.form-edit[enctype="multipart/form-data"]:has(> input[name="pattern_id"]) .fileuploader .upload-file-local,
    body.vendor-area form.form-horizontal.form-edit[enctype="multipart/form-data"]:has(> input[name="pattern_id"]) .fileuploader .btn-group > .btn {
        flex: 1 1 auto;
    }

    body.vendor-area form.form-horizontal.form-edit[enctype="multipart/form-data"]:has(> input[name="pattern_id"]) select,
    body.vendor-area form.form-horizontal.form-edit[enctype="multipart/form-data"]:has(> input[name="pattern_id"]) select[name="import_options[delimiter]"] {
        max-width: 100%;
    }

    body.vendor-area form[name="pc_api_filter_form"] .form-horizontal.form-edit {
        padding: 14px;
        border-radius: 16px;
    }

    body.vendor-area form[name="pc_api_filter_form"] .buttons-container {
        flex-direction: column;
        align-items: stretch;
    }

    body.vendor-area form[name="pc_api_filter_form"] .buttons-container .btn {
        width: 100%;
    }

    body.vendor-area form[name="pc_api_filter_form"] ~ p.muted {
        padding: 20px 14px;
        border-radius: 14px;
    }

    body.vendor-area form[data-ca-advanced-import-element="management_form"] .table.table-responsive > tbody > tr:hover {
        background: rgba(118, 103, 255, .05);
    }

    body.vendor-area form[data-ca-advanced-import-element="management_form"] .import-preset__checker,
    body.vendor-area form[data-ca-advanced-import-element="management_form"] .import-preset__preset,
    body.vendor-area form[data-ca-advanced-import-element="management_form"] .import-preset__last-launch,
    body.vendor-area form[data-ca-advanced-import-element="management_form"] .import-preset__last-status,
    body.vendor-area form[data-ca-advanced-import-element="management_form"] .import-preset__file,
    body.vendor-area form[data-ca-advanced-import-element="management_form"] .import-preset__has-modifiers,
    body.vendor-area form[data-ca-advanced-import-element="management_form"] .import-preset__run,
    body.vendor-area form[data-ca-advanced-import-element="management_form"] .import-preset__tools {
        width: auto;
    }

    body.vendor-area form[data-ca-advanced-import-element="management_form"] .table.table-responsive > tbody > tr > td:before {
        color: #7f8ca1;
        font-size: 10px;
        font-weight: 800;
        letter-spacing: .045em;
        text-transform: uppercase;
    }

    body.vendor-area form[data-ca-advanced-import-element="management_form"] .import-preset__file,
    body.vendor-area form[data-ca-advanced-import-element="management_form"] .import-preset__preset a {
        overflow-wrap: anywhere;
        word-break: break-word;
    }

    body.vendor-area:has(form[name="product_update_form"]) .file-uploader__pickers-buttons.btn-group {
        max-width: 100%;
        white-space: normal;
    }
    body.vendor-area form.form-horizontal.form-edit[enctype="multipart/form-data"]:has(> input[name="pattern_id"]) .fileuploader .btn-group,
    body.vendor-area form[data-ca-advanced-import-element="editor"] .fileuploader .btn-group {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        white-space: normal;
    }

    body.vendor-area form[data-ca-advanced-import-element="editor"] .fileuploader .upload-file-local,
    body.vendor-area form[data-ca-advanced-import-element="editor"] .fileuploader .btn-group > .btn {
        flex: 1 1 auto;
    }

    body.vendor-area form[data-ca-advanced-import-element="editor"] input[type="text"],
    body.vendor-area form[data-ca-advanced-import-element="editor"] input.input-large,
    body.vendor-area form[data-ca-advanced-import-element="editor"] input.input-text,
    body.vendor-area form[data-ca-advanced-import-element="editor"] select:not(.select2-hidden-accessible),
    body.vendor-area form[data-ca-advanced-import-element="editor"].import-preset-edit .input-prepend {
        max-width: 100%;
    }

    body.vendor-area form[data-ca-advanced-import-element="editor"] input[type="text"],
    body.vendor-area form[data-ca-advanced-import-element="editor"] input.input-large {
        width: 100%;
    }

    body.vendor-area form:has(> input[name="dispatch"][value="product_codes.api_webhook_save"]).form-horizontal.form-edit {
        padding: 14px;
        border-radius: 16px;
    }

    body.vendor-area form:has(> input[name="dispatch"][value="product_codes.api_webhook_save"]) input[name="url"],
    body.vendor-area form:has(> input[name="dispatch"][value="product_codes.api_webhook_save"]) input[name="secret_new"] {
        max-width: 100%;
    }

    body.vendor-area form:has(> input[name="dispatch"][value="product_codes.api_webhook_save"]) .control-group:has(input[name="secret_new"]) .controls .btn-mini {
        width: 100%;
    }

    body.vendor-area form:has(> input[name="dispatch"][value="product_codes.api_webhooks"]) label.inline {
        flex-wrap: wrap;
        width: 100%;
    }

    body.vendor-area form:has(> input[name="dispatch"][value="product_codes.api_webhooks"]) select[name="state_filter"] {
        width: 100%;
    }

    body.vendor-area form:has(> input[name="dispatch"][value="product_codes.api_webhooks"]) ~ p.muted {
        padding: 20px 14px;
        border-radius: 14px;
    }

    body.vendor-area .rest-api-docs__code,
    body.vendor-area .pc-vendor-api-docs {
        border-radius: 16px;
    }

    body.vendor-area .rest-api-docs__code h4,
    body.vendor-area .pc-vendor-api-docs h4 {
        font-size: 16px;
        margin-top: 24px;
        padding-top: 16px;
    }

    body.vendor-area .rest-api-docs__code h5,
    body.vendor-area .pc-vendor-api-docs h5 {
        font-size: 14px;
        margin-top: 20px;
    }

    body.vendor-area .rest-api-docs__code pre,
    body.vendor-area .pc-vendor-api-docs pre {
        padding: 12px 12px;
        font-size: 11.5px;
        border-radius: 12px;
    }

    body.vendor-area form[name="products_m_addition_form"] .input-append {
        max-width: 100%;
    }

    body.vendor-area:has(#content_manage_products) .search-filters {
        padding: 10px;
        border-radius: 14px;
    }

    body.vendor-area:has(#content_manage_products) .content__context-search,
    body.vendor-area:has(#content_manage_products) .context-search {
        min-width: 0;
        width: 100%;
    }

    body.vendor-area #content_manage_products .products-table .status-dropdown--type-products-manage {
        max-width: 100%;
    }

    body.vendor-area .redactor-toolbar {
        overflow-x: auto;
        white-space: nowrap;
    }

    body.vendor-area:has(form[name="product_update_form"]) .form-horizontal .control-label,
    body.vendor-area:has(form[name="product_update_form"]) .form-horizontal .controls {
        float: none;
        width: 100%;
        text-align: left;
    }

    body.vendor-area:has(form[name="product_update_form"]) .file-uploader__pickers,
    body.vendor-area:has(form[name="product_update_form"]) .file-uploader__file:first-child,
    body.vendor-area:has(form[name="product_update_form"]) .file-uploader__file {
        width: 100%;
        max-width: 100%;
        padding-left: 0;
    }

    body.vendor-area:has(form[name="product_update_form"]) #elm_price_price,
    body.vendor-area:has(form[name="product_update_form"]) #elm_in_stock {
        max-width: 100%;
    }

    body.vendor-area:has(form[name="product_update_form"]) .file-uploader__files-container {
        margin-left: 0;
    }

    body.vendor-area:has(form[name="product_update_form"]) .file-uploader__pickers-buttons > .file-uploader__pickers-buttons-select[data-ca-fileupload-picker-local] {
        flex: 1 1 auto;
        min-width: 0;
    }

    body.vendor-area:has(input[name="dispatch[product_codes.vendor_keys_import]"]) .content-wrap > form.form-horizontal {
        padding: 14px;
        border-radius: 16px;
    }

    body.vendor-area:has(#product_reviews_form) #adv_search .sidebar-field {
        display: block;
        min-width: 0;
        width: 100%;
        margin-right: 0;
    }

    body.vendor-area:has(#product_reviews_form) #adv_search .sidebar-field input[name="helpfulness_from"],
    body.vendor-area:has(#product_reviews_form) #adv_search .sidebar-field input[name="helpfulness_to"] {
        display: inline-block;
    }

    body.vendor-area:has(#product_reviews_form) .ui-dialog:has(#adv_search) #adv_search input[name="time_from"],
    body.vendor-area:has(#product_reviews_form) .ui-dialog:has(#adv_search) #adv_search input[name="time_to"] {
        flex: 1 1 100%;
        max-width: 100%;
    }

    body.vendor-area #product_reviews_form #pagination_product_reviews {
        padding: 10px 8px 8px;
        border-radius: 16px;
    }

    body.vendor-area:has(#content_manage_threads):has(input[name="communication_type"]:is([value="vendor_to_customer"], [value="vendor_to_admin"])) #content_manage_threads #pagination_contents {
        padding: 10px 8px 8px;
        border-radius: 16px;
    }

    body.vendor-area #content_manage_products #pagination_contents,
    body.vendor-area #manage_products_form #pagination_contents,
    body.vendor-area #content_manage_orders #pagination_contents,
    body.vendor-area #content_manage_pages #pagination_contents {
        padding: 10px 8px 8px;
        border-radius: 16px;
    }

    body.vendor-area .posts-container {
        padding: 10px 8px;
        border-radius: 16px;
    }

    body.vendor-area .post-item {
        padding: 12px;
        border-radius: 12px;
    }

    body.vendor-area .post-item .tools .pull-left,
    body.vendor-area .post-item .tools .pull-right {
        width: 100%;
    }

    body.vendor-area:has(form[name="discussion_search_form"] input[name="dispatch"][value="discussion_manager.manage"]) #adv_search input[name="time_from"],
    body.vendor-area:has(form[name="discussion_search_form"] input[name="dispatch"][value="discussion_manager.manage"]) #adv_search input[name="time_to"],
    body.vendor-area:has(form[name="discussion_search_form"] input[name="dispatch"][value="discussion_manager.manage"]) #adv_search select[name="sort_by"],
    body.vendor-area:has(form[name="discussion_search_form"] input[name="dispatch"][value="discussion_manager.manage"]) #adv_search select[name="sort_order"] {
        max-width: 100%;
        width: 100%;
        display: block;
        margin: 0 0 8px;
    }

    body.vendor-area:has(#banners_form):has(#banners_table_tree) #banners_form #banners_table_tree:has(table.table) {
        padding: 10px 8px 8px;
        border-radius: 16px;
    }

    body.vendor-area:has(#banners_form):has(#banners_table_tree) #banners_form #banners_table_tree .table a.row-status {
        overflow-wrap: anywhere;
    }

    body.vendor-area a.row-status {
        overflow-wrap: anywhere;
    }

    body.vendor-area form[name="page_update_form"] #content_build_form > .table-responsive-wrapper {
        overflow-x: visible;
        padding: 8px 10px;
    }

    body.vendor-area:has(#manage_payouts_form) #manage_payouts_form .table-responsive-wrapper {
        overflow-x: auto;
        max-width: 100%;
    }

    body.vendor-area:has(#shippings_form) #shippings_form #shippings_content .table a.link--monochrome {
        overflow-wrap: anywhere;
    }

    body.vendor-area form[name="shippings_form"] .attach-images .image-wrap {
        max-width: 100%;
    }

    body.vendor-area form[name="shippings_form"] .redactor-box {
        width: 100%;
    }

    body.vendor-area:has(#elfinder) #elfinder.elfinder,
    body.vendor-area:has(#elfinder) #elfinder {
        border-radius: 16px;
    }

    body.vendor-area:has(#dashboard_content) #dashboard_content .analytics-section__title {
        font-size: 18px;
    }

    body.vendor-area:has(#dashboard_content) #dashboard_content .analytics-card {
        padding: 12px;
        border-radius: 16px;
    }

    body.vendor-area:has(#dashboard_content) #dashboard_content .analytics-card__title {
        overflow-wrap: anywhere;
    }

    body.vendor-area:has(#dashboard_content) #dashboard_content .analytics-card-resource-list__name-text {
        overflow-wrap: anywhere;
    }

    body.vendor-area form[name="shippings_form"] select[data-games2-select2="vendor"]:is([name="shipping_data[carrier]"], [name="shipping_data[service_id]"]).select2-hidden-accessible + .select2-container,
    body.vendor-area form:is(
        [name="ab__stickers_manage_layout_form"],
        [name="ab__stickers_set_layout_form"],
        [name="products_manage_layout_form"],
        [name="products_set_layout_form"],
        [name="product_images_manage_layout_form"],
        [name="product_images_set_layout_form"],
        [name="qty_discounts_manage_layout_form"],
        [name="qty_discounts_set_layout_form"],
        [name="option_exceptions_manage_layout_form"],
        [name="option_exceptions_set_layout_form"],
        [name="product_reviews_manage_layout_form"],
        [name="product_reviews_set_layout_form"]
    ) select[data-games2-select2="vendor"]:is(
        [name="import_options[delimiter]"],
        [name="export_options[delimiter]"],
        [name="export_options[output]"],
        [name="layout_data[layout_id]"]
    ).select2-hidden-accessible + .select2-container {
        display: block;
        max-width: 100%;
    }

    body.vendor-area form[name^="block_"][name$="_update_form"] .control-group:has(
        select[name="block_data[properties][template]"]
    ) .controls > a.open.cm-combination {
        flex: 0 0 auto;
    }

    body.vendor-area:has(#order_info_form) .pc-order-vendor-meta-grid {
        grid-template-columns: 1fr;
    }

    body.vendor-area .pc-order-vendor-card,
    body.vendor-area .pc-order-vendor-sidebar__chat {
        border-radius: 16px;
    }

    body.vendor-area .pc-order-vendor-finances__table,
    body.vendor-area #pc_card_finances_totals .orders-details__statistic table {
        max-width: 100%;
        margin-left: 0;
    }

    body.vendor-area form[name="page_update_form"] #content_build_form .redactor-box,
    body.vendor-area form[name="page_update_form"] #content_build_form .redactor-toolbar {
        max-width: 100%;
    }

    body.vendor-area form[name="page_update_form"] #content_build_form > .table-responsive-wrapper > table.table > tbody.cm-row-item {
        display: block;
        margin: 0 0 12px;
        border: 1px solid var(--line);
        border-radius: 14px;
        background: rgba(12, 20, 35, .92);
        overflow: hidden;
    }

    body.vendor-area form[name="page_update_form"] #content_build_form .table-responsive tbody tr {
        border-top-color: var(--line);
    }

    body.vendor-area form[name="page_update_form"] #content_build_form .table-responsive td:before {
        color: var(--muted);
    }

    body.vendor-area .table .btn-group {
        gap: 4px;
    }

    body.vendor-area form[name="page_update_form"] #content_build_form input[name*="[description]"],
    body.vendor-area form[name="page_update_form"] #content_build_form select[name*="[element_type]"],
    body.vendor-area form[name="page_update_form"] #content_build_form input.span7 {
        width: 100%;
        max-width: 100%;
    }

    body.vendor-area #content_product_reviews .cs-product-reviews-rating-product-rating-overview.well {
        padding: 14px;
        border-radius: 16px;
    }

    body.vendor-area #content_product_reviews .cs-product-reviews-rating-stars-details__row {
        grid-template-columns: minmax(max-content, 7ch) 1fr minmax(max-content, 4ch);
        gap: 8px;
    }

    body.vendor-area #content_product_reviews #product_reviews_form .cs-product-reviews-manage-review-row .slashed-child {
        white-space: normal;
    }

    body.vendor-area #content_product_reviews #product_reviews_form .cs-product-reviews-manage-review-row > td:last-child {
        white-space: normal;
    }

    html:not(.bp-panel-active) body.vendor-area .cs-product-reviews-update-post-vendor-reply {
        padding-bottom: 32px;
    }

    body.vendor-area:has(#shippings_form) #shippings_form #shippings_content .table > tbody > tr > td > input.input-mini {
        width: calc(50% - 8px);
        max-width: calc(50% - 8px);
    }

    body.vendor-area:has(#manage_payouts_form) .admin-content-heading__title .f-middle,
    body.vendor-area:has(#manage_payouts_form) .nav__actions-title .title__heading .f-middle {
        display: block;
        margin: 8px 0 0;
        font-size: 13px;
    }

    body.vendor-area:has(#manage_payouts_form) #payouts_list > tbody > tr.row-more > td,
    body.vendor-area:has(#manage_payouts_form) #payouts_list > tbody > tr.row-more > td.row-more-body,
    body.vendor-area:has(#manage_payouts_form) #payouts_list > tbody > tr.row-more > td.row-gray {
        padding: 12px;
    }

    body.vendor-area:has(#manage_payouts_form) #manage_payouts_form #balance_total {
        padding: 10px 12px 14px;
        border-radius: 0 0 16px 16px;
    }

    body.vendor-area:has(#manage_payouts_form) #manage_payouts_form #balance_total .table-wrapper {
        justify-content: stretch;
    }

    body.vendor-area:has(#manage_payouts_form) #manage_payouts_form #balance_total table {
        width: 100%;
        min-width: 0;
    }

    body.vendor-area:has(#manage_payouts_form) #manage_payouts_form #balance_total th,
    body.vendor-area:has(#manage_payouts_form) #manage_payouts_form #balance_total td {
        padding-left: 0;
    }

    body.vendor-area .admin-content-wrap {
        padding-top: 135px;
    }

    body.vendor-area:has(#order_info_form) .pc-order-vendor-sidebar .add_message_form--wrapper {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    body.vendor-area .vendor-communication-post__date {
        font-size: 10px;
    }

    body.vendor-area .vendor-communication-post__content .vendor-communication-post__img {
        display: none;
    }

    body.vendor-area .add_message_form--wrapper {
        flex-flow: wrap;
    }

    body.vendor-area .order-product-image {
        display: inline-block;
        margin-right: 10px;
    }

    body.vendor-area .order-product-info {
        float: none;
    }

    body.vendor-area .vendor-communication-post {
        overflow-wrap: break-word;
        word-break: break-word;
    }

    body.vendor-area #content_view_thread .add_message_form--wrapper .buttons-container {
        flex-flow: nowrap;
    }

    body.vendor-area .messages {
        padding-bottom: 280px;
    }

    body.vendor-area .vendor-communication-post__content:not(.vendor-communication-post__customer) .icon-caret {
        display: none;
    }

    body.vendor-area:has(#content_view_thread) .admin-content-heading__title .f-middle,
    body.vendor-area:has(#content_view_thread) .admin-content-heading__title .f-small {
        display: block;
        margin-top: 3px;
        white-space: normal;
    }

    body.vendor-area:has(#content_view_thread) .admin-content-wrap .fixed-bottom {
        bottom: calc(
                var(--bp-bottom-panel-height, 0px)
                + env(safe-area-inset-bottom, 0px)
        );
    }
}

@media (max-width: 480px) {
    body.vendor-area #main_column_login .signin-modal {
        min-width: 0;
        max-width: calc(100vw - 32px);
        margin-left: 0;
    }

    body.vendor-area .signin-modal .modal-body {
        width: auto;
    }
}