:root {
    --kt-layout-space-top: var(--kt-ui-offset-lg);
    --kt-layout-space-aside: var(--kt-ui-offset-xl);

    --kt-layout-default-bg-color: var(--c-layout-default-bg-color, var(--kt-ui-background));
    --kt-layout-body-bg-color: var(--c-layout-body-bg-color, var(--kt-layout-default-bg-color));
    --kt-layout-im-bar-bg-color: var(--c-layout-im-bar-bg-color, transparent);
    --kt-layout-header-bg-color: var(--c-layout-header-bg-color, var(--kt-ui-purple-80));
    --kt-layout-inner-bg-color: transparent;

    --kt-auth-body-bg-color: var(--c-auth-body-bg-color, url('/bitrix/js/k-team/ui/rebranding/images/bg.svg'));

    --kt-layout-header-height: 72px;
    --kt-layout-header-gap: var(--kt-ui-offset-lg);
    --kt-header-space-bottom: var(--kt-ui-offset-xl);

    --kt-left-column-width: 264px;
    --kt-left-column-collapsed-width: 52px;
    --kt-layout-right-column-width: var(--c-layout-right-column-width, var(--kt-layout-header-height));
    --kt-layout-right-column-gap: var(--kt-ui-offset-lg);

    --kt-workarea-space-aside: var(--kt-ui-size-md);

    /*--background-image-loupe: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2214.219%22%20height%3D%2214.25%22%20viewBox%3D%220%200%2014.219%2014.25%22%3E%0A%09%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22%23525252%22%20d%3D%22M13.895%2012.32l-3.662-3.663c-.015-.015-.034-.026-.05-.04A5.544%205.544%200%201%200%208.6%2010.2c.013.016.024.034.04.05l3.662%203.662a1.127%201.127%200%200%200%201.593-1.593zM5.553%209.8A4.232%204.232%200%201%201%209.785%205.57%204.233%204.233%200%200%201%205.553%209.8z%22/%3E%3C/svg%3E');*/
    /*--background-image-arrow-down: url('data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Crect%20width%3D%2216%22%20height%3D%2216%22%20transform%3D%22translate(0%20-0.000488281)%22%20fill%3D%22white%22%20fill-opacity%3D%220.01%22%20style%3D%22mix-blend-mode:multiply%22/%3E%3Cpath%20d%3D%22M12%205.99951L8%2010.9995L4%205.99951H12Z%22%20fill%3D%22%23161616%22/%3E%3C/svg%3E');*/

    --kt-header-logo-image: var(--c-header-logo-image, var(--kt-ui-logo));
    --kt-header-logo-color: var(--c-header-logo-color, var(--kt-ui-icon-on-color));
    --kt-header-logo-width: var(--c-header-logo-width, 104px);
    --kt-header-logo-height: var(--c-header-logo-height, 40px);
    --kt-header-logo-switcher-color: var(--c-header-logo-switcher-color, var(--kt-ui-white-transparent));
    --kt-header-logo-switcher-color-hover: var(--c-header-logo-switcher-color-hover, var(--kt-ui-white));
    --kt-header-logo-settings-color: var(--c-header-logo-settings-color, var(--kt-ui-white-transparent));
    --kt-header-logo-settings-color-hover: var(--c-header-logo-settings-color-hover, var(--kt-ui-white));

    --kt-header-menu-bg-color: var(--c-header-menu-bg-color, var(--kt-layout-header-bg-color));
    --kt-header-menu-item-color: var(--c-header-menu-item-color, var(--kt-ui-text-on-color));
    --kt-header-menu-item-color-hover: var(--c-header-menu-item-color-hover, var(--kt-ui-gray-30));
    --kt-header-menu-item-color-active: var(--c-header-menu-item-color-active, var(--kt-ui-text-on-color));
    --kt-header-menu-item-line-color: var(--c-header-menu-item-line-color, var(--kt-header-menu-item-color-active));

    --kt-header-user-icon-color: var(--c-header-user-icon-color, var(--kt-ui-icon-on-color));

    --kt-header-help-bg-color: var(--c-header-help-bg-color, var(--kt-ui-icon-on-color));
    --kt-header-help-bg-color-hover: var(--c-header-help-bg-color-hover, var(--kt-ui-icon-on-color));
    --kt-header-help-icon-color: var(--c-header-help-icon-color, var(--kt-layout-header-bg-color));
    --kt-header-help-icon-color-hover: var(--c-header-help-icon-color-hover, var(--kt-ui-color-primary-hover));

    --kt-header-license-bg-color: var(--c-header-license-bg-color, var(--kt-ui-icon-on-color));
    --kt-header-license-bg-color-hover: var(--c-header-license-bg-color-hover, var(--kt-ui-icon-on-color));
    --kt-header-license-icon-color: var(--c-header-license-icon-color, var(--kt-layout-header-bg-color));
    --kt-header-license-icon-color-hover: var(--c-header-license-icon-color-hover, var(--kt-ui-color-primary-hover));

    --kt-header-search-height: 40px;

    /* Цвет фона поиска */
    --kt-header-search-bg-color: var(--c-header-search-bg-color, var(--kt-ui-field-02));
    --kt-header-search-bg-color-hover: var(--c-header-search-bg-color-hover, var(--kt-ui-field-02-hover));
    --kt-header-search-bg-color-active: var(--c-header-search-bg-color-active, var(--kt-ui-field-02-active));

    /* Цвет рамки поиска */
    --kt-header-search-border-color: var(--kt-header-search-bg-color);
    --kt-header-search-border-color-hover: var(--kt-header-search-bg-color-hover);
    --kt-header-search-border-color-active: var(--kt-ui-focus);

    /* Цвет текста поиска */
    --kt-header-search-placeholder-color: var(--kt-ui-text-placeholder);
    --kt-header-search-text-color: var(--kt-ui-text-primary);
    --kt-header-search-text-color-active: var(--kt-header-search-text-color);
    --kt-header-search-text-color-hover: var(--kt-header-search-text-color);

    /* Цвет иконки поиска */
    --kt-header-search-icon-color: var(--kt-ui-icon-secondary);
    --kt-header-search-icon-color-hover: var(--kt-header-search-icon-color);
    --kt-header-search-icon-color-active: var(--kt-header-search-icon-color);

    --kt-header-search-search-icon: var(--kt-ui-icon-search);
    --kt-header-search-delete-icon: var(--kt-ui-icon-close);

    --kt-mobile-header-search-close-btn-bg: var(--c-mobile-header-search-close-btn, var(--kt-ui-field-02));
    --kt-mobile-header-menu-close-btn-bg:  var(--c-mobile-header-menu-close-btn, var(--kt-ui-button-primary));
    --kt-mobile-header-search-btn-bg:  var(--c-mobile-header-search-btn-bg, var(--kt-ui-field-02));
    --kt-mobile-header-messenger-btn-bg:  var(--c-mobile-header-messenger-btn-bg, var(--kt-ui-button-primary));
}

@media (max-width: 1279px) {
    :root {
        --kt-layout-space-top: var(--kt-ui-offset-md);
        --kt-layout-space-aside: var(--kt-ui-offset-lg);

        --kt-layout-header-height: 64px;
        --kt-header-space-bottom: var(--kt-ui-offset-lg);

        --kt-workarea-space-aside: var(--kt-ui-offset-2xl);
    }
}

@media (max-width: 767px) {
    :root {
        --kt-layout-space-aside: var(--kt-ui-offset-md);
    }
}