@internal-fonts: 'Manrope:500,600,700';








@global-font-family: Manrope;
@global-font-size: 16px;
@global-line-height: 1.5;

@global-2xlarge-font-size: 44px;
@global-xlarge-font-size: 34px;
@global-large-font-size: 24px;
@global-medium-font-size: 20px;
@global-small-font-size: 14px;

@global-primary-font-family: inherit;
@global-primary-font-weight: 600;
@global-primary-text-transform: inherit;
@global-primary-letter-spacing: inherit;
@global-primary-font-style: inherit;

@global-secondary-font-family: inherit;
@global-secondary-font-weight: 600;
@global-secondary-text-transform: inherit;
@global-secondary-letter-spacing: inherit;
@global-secondary-font-style: inherit;





@global-color: #555371;
@global-emphasis-color: #0D0A46;
@global-muted-color: #747A96;

@global-link-color: #6F40F1;
@global-link-hover-color: #828FFF;

@global-inverse-color: #FFF;





@global-background: #F7F8FC;

@global-muted-background: #ECEEF6;
@global-primary-background: #6F40F1;
@global-secondary-background: #171258;

@global-success-background: #32D296;
@global-warning-background: #FFA255;
@global-danger-background: #FF4151;





@global-border-width: 1px;
@global-border: #E5E9ED;
@global-border-radius: 2px;





@global-small-box-shadow: -1px -1px 1px rgba(255, 255, 255, 0.9), 1px 1px 1px rgba(57,65,124, 0.1);
@global-medium-box-shadow: -2px -2px 5px rgba(255, 255, 255, 0.9), 2px 2px 4px rgba(57,65,124, 0.2);
@global-large-box-shadow: -5px -5px 15px rgba(255, 255, 255, 0.9),  4px 4px 12px rgba(57,65,124, 0.2);
@global-xlarge-box-shadow: -10px -10px 30px rgba(255, 255, 255, 0.9), 10px 10px 30px rgba(57,65,124,0.1);






@global-margin: 20px;
@global-small-margin: 10px;
@global-medium-margin: 40px;
@global-large-margin: 70px;
@global-xlarge-margin: 140px;


@global-gutter: 30px;
@global-small-gutter: 15px;
@global-medium-gutter: 40px;
@global-large-gutter: 70px;





@global-control-height: 48px;
@global-control-small-height: 40px;
@global-control-large-height: 56px;





@global-z-index: 1000;
@base-link-hover-text-decoration: none;
@base-ins-background: fade(@global-primary-background, 8%);
@base-ins-color: @global-primary-background;
@base-mark-background: fade(@global-primary-background, 8%);
@base-mark-color: @global-primary-background;
@base-h5-font-size: 17px;
@base-h6-font-size: @global-font-size;
@base-blockquote-font-style: normal;
@base-blockquote-footer-margin-top: 15px;
@base-selection-background: @global-primary-background;
@base-pre-padding: 20px;
@base-pre-background: #FFF;
@base-blockquote-footer-em-dash: false;
@base-h3-font-weight: 600;
@base-pre-border-radius: 4px;
@base-hr-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
@heading-small-font-size-m: 54px;
@heading-medium-font-size-l: 62px;
@heading-medium-line-height: 1.2;
@heading-bullet-border-width: calc(4px + 0.1em);
@heading-bullet-border: @global-primary-background;
@heading-small-font-weight: 700;
@heading-medium-font-weight: 700;
@heading-divider-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
@heading-line-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
@divider-icon-color: @global-primary-background;
@divider-small-width: 40px;
@divider-small-border-width: 3px;
@divider-small-border: @global-primary-background;
@internal-divider-small-border-gradient: linear-gradient(40deg, #7141F1 0%, #4D6BD8 70%, #3183E2 100%);
@divider-icon-line-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
@inverse-divider-icon-color: @inverse-global-emphasis-color;
@inverse-divider-small-border: @inverse-global-emphasis-color;
@list-marker-height: 1.5em;
@list-bullet-icon-color: @global-primary-background;
@list-striped-background: fade(@global-muted-background, 98%);
@internal-list-bullet-image: "../../../../uikit-themes/master-devstack/images/list-bullet.svg";
@list-divider-box-shadow: inset 0 1px rgba(255, 255, 255, 0.6);
@description-list-divider-term-box-shadow: inset 0 1px rgba(255, 255, 255, 0.6);
@table-header-cell-font-size: 13px;
@table-row-active-background: fade(@global-muted-background, 98%);
@table-striped-row-background: fade(@global-muted-background, 98%);
@table-hover-row-background: fade(@global-muted-background, 98%);
@table-divider-box-shadow: inset 0 2px 0 0 rgba(255, 255, 255, 0.6);
@icon-link-color: @global-emphasis-color;
@icon-link-hover-color: @global-primary-background;
@icon-button-size: @global-control-height;
@icon-button-background: @global-background;
@icon-button-color: @global-emphasis-color;
@icon-button-hover-background: @icon-button-background;
@icon-button-hover-color: @global-primary-background;
@icon-button-active-background: @icon-button-background;
@icon-button-box-shadow: @global-large-box-shadow;
@icon-button-hover-box-shadow: @global-medium-box-shadow;
@icon-button-active-box-shadow: @global-small-box-shadow;
@inverse-icon-button-background: @inverse-global-primary-background;
@inverse-icon-button-color: @inverse-global-inverse-color;
@inverse-icon-button-hover-background: darken(@inverse-icon-button-background, 5%);
@inverse-icon-button-hover-color: @inverse-global-inverse-color;
@inverse-icon-button-active-background: darken(@inverse-icon-button-background, 10%);
@inverse-icon-button-active-color: @inverse-global-inverse-color;
@inverse-icon-button-box-shadow: -5px -5px 15px rgba(255, 255, 255, 0.03), 4px 4px 12px rgba(0,0,0, 0.2);
@inverse-icon-button-hover-box-shadow: -2px -2px 5px rgba(255, 255, 255, 0.03), 2px 2px 4px rgba(0,0,0, 0.2);
@inverse-icon-button-active-box-shadow: -1px -1px 1px rgba(255, 255, 255, 0.03), 1px 1px 1px rgba(0,0,0, 0.3);
@form-range-track-height: 2px;
@form-range-track-focus-background: @global-primary-background;
@form-range-thumb-height: 16px;
@form-range-thumb-background: lighten(@global-background, 3%);
@form-range-thumb-box-shadow: 2px 2px 5px rgba(80,110,140, 0.3);
@form-range-track-box-shadow: 0 1px 0 rgba(255,255,255, 0.6);
@form-range-track-focus-box-shadow: #fff;
@form-padding-horizontal: @global-small-gutter;
@form-background: darken(@global-background, 1%);
@form-focus-background: darken(@global-background, 3%);
@form-disabled-background: darken(@global-background, 3%);
@form-large-padding-horizontal: 20px;
@form-large-font-size: 18px;
@form-radio-background: @global-background;
@form-radio-checked-icon-color: @global-background;
@form-radio-disabled-background: darken(@global-muted-background, 5%);
@form-label-font-size: @global-small-font-size;
@form-border-radius: 500px;
@form-multi-line-border-radius: 8px;
@form-box-shadow: inset 3px 3px 6px rgba(57, 65, 124, 0.1), inset -3px -3px 6px #fff;
@form-focus-box-shadow: inset 1px 1px 2px rgba(80,110,140, 0.2), inset -1px -1px 2px #fff;
@form-disabled-box-shadow: inset 1px 1px 1px rgba(80, 110, 140, 0.25), inset -1px -1px 4px rgba(255, 255, 255, 0.6);
@form-radio-box-shadow: inset 1px 1px 2px rgba(80,110,140, 0.2), inset -1px -1px 2px rgba(255, 255, 255, 0.9);
@form-radio-focus-box-shadow: inset 1px 1px 1px rgba(80,110,140, 0.2), inset -1px -1px 1px rgba(255, 255, 255, 0.7);
@inverse-form-box-shadow: inset 3px 3px 6px rgba(0,0,0, 0.4), inset -3px -3px 6px rgba(255, 255, 255, 0.04);
@inverse-form-focus-box-shadow: inset 1px 1px 2px rgba(0,0,0, 0.6), inset -1px -1px 2px rgba(255, 255, 255, 0.04);
@inverse-form-radio-box-shadow: inset 1px 1px 2px rgba(0,0,0, 0.2), inset -1px -1px 2px rgba(255, 255, 255, 0.06);
@inverse-form-radio-focus-box-shadow: inset 1px 1px 1px rgba(0,0,0, 0.2), inset -1px -1px 1px rgba(255, 255, 255, 0.06);
@button-font-size: 15px;
@button-large-font-size: @global-font-size;
@button-small-padding-horizontal: 20px;
@button-default-background: @global-background;
@button-default-hover-background: @button-default-background;
@button-default-hover-color: @global-primary-background;
@button-default-active-background: @button-default-background;
@button-default-active-color: @global-primary-background;
@button-secondary-background: transparent;
@button-secondary-color: @global-primary-background;
@button-secondary-hover-background: @global-primary-background;
@button-disabled-background: darken(@global-background, 3%);
@button-text-color: @global-primary-background;
@button-text-hover-color: @global-primary-background;
@button-link-hover-color: @global-primary-background;
@button-transition-duration: 0.2s;
@button-text-mode: ~'';
@button-text-icon-mode: arrow;
@internal-button-text-arrow-image: "../../../../uikit-themes/master-devstack/images/button-text-arrow.svg";
@internal-button-text-arrow-width: 20px;
@internal-button-text-arrow-color: @global-primary-background;
@internal-button-text-arrow-hover-color: @internal-button-text-arrow-color;
@button-border-width: 2px;
@button-secondary-border: @global-primary-background;
@button-border-radius: 500px;
@button-background-size: 200%;
@button-background-position-x: 100%;
@internal-button-primary-gradient: linear-gradient(51deg,#7141F1 50%, #4D6BD8 75%, #3183E2 100%);
@internal-button-primary-hover-gradient: @internal-button-primary-gradient;
@internal-button-primary-active-gradient: linear-gradient(51deg, #7335ed 50%, #3f64d3 75%, #007bde 100%);
@internal-button-secondary-hover-gradient: linear-gradient(51deg, #7141F1 0%, #4D6BD8 35%, #3183E2 50%);
@internal-button-secondary-active-gradient: linear-gradient(51deg, #7335ed 0%, #3f64d3 35%, #007bde 50%);
@button-default-box-shadow: @global-large-box-shadow;
@button-default-hover-box-shadow: @global-medium-box-shadow;
@button-default-active-box-shadow: @global-small-box-shadow;
@button-primary-box-shadow: -5px -5px 15px rgba(255, 255, 255, 0.9), 5px 5px 15px fade(darken(@global-primary-background, 20%), 30%);
@button-primary-hover-box-shadow: -2px -2px 5px rgba(255, 255, 255, 0.9), 2px 2px 5px fade(darken(@global-primary-background, 20%), 30%);
@button-primary-active-box-shadow: 1px 1px 1px rgba(57,65,124, 0.1);
@button-secondary-box-shadow: inset 3px 3px 10px fade(darken(@global-primary-background, 10%), 10%), 3px 3px 10px fade(darken(@global-primary-background, 10%), 10%);
@button-secondary-hover-box-shadow: -2px -2px 5px rgba(255, 255, 255, 0.9), 2px 2px 5px fade(darken(@global-primary-background, 20%), 30%);
@button-secondary-active-box-shadow: 1px 1px 1px rgba(57,65,124, 0.1);
@button-danger-box-shadow: 5px 5px 15px rgba(57,65,124, 0.2);
@button-danger-hover-box-shadow: 2px 2px 5px rgba(57,65,124, 0.2);
@inverse-button-secondary-background: transparent;
@inverse-button-secondary-color: @global-inverse-color;
@inverse-button-secondary-hover-background: @global-inverse-color;
@inverse-button-secondary-active-background: rgba(255, 255, 255, 0.8);
@inverse-button-secondary-border: @global-inverse-color;
@inverse-button-default-box-shadow: 0 5px 15px rgba(0,0,0,0.2);
@inverse-button-primary-box-shadow: 0 5px 15px rgba(0,0,0,0.2);
@progress-height: 6px;
@internal-progress-bar-gradient: linear-gradient(40deg, #7141F1 0%, #4D6BD8 70%, #3183E2 100%);
@progress-box-shadow: inset 1px 1px 1px rgba(80,110,140, 0.2), inset -1px -1px 1px rgba(255, 255, 255, 0.9);
@internal-section-primary-gradient: linear-gradient(40deg, #7141F1 0%, #4D6BD8 70%, #3183E2 100%);
@internal-section-secondary-gradient: linear-gradient(-40deg, @global-secondary-background, darken(@global-secondary-background, 5%));
@container-small-max-width: 960px;
@internal-tile-primary-gradient: linear-gradient(40deg, #7141F1 0%, #4D6BD8 70%, #3183E2 100%);
@internal-tile-secondary-gradient: linear-gradient(-40deg, @global-secondary-background, darken(@global-secondary-background, 5%));
@card-badge-height: 26px;
@card-badge-padding-horizontal: 12px;
@card-badge-font-size: 13px;
@card-hover-background: @global-background;
@card-default-background: @global-background;
@card-default-hover-background: @global-background;
@card-primary-hover-background: @global-primary-background;
@card-secondary-hover-background: @global-secondary-background;
@card-border-radius: 12px;
@card-badge-border-radius: 500px;
@internal-card-badge-gradient: linear-gradient(51deg,#7141F1 50%, #4D6BD8 75%, #3183E2 100%);
@internal-card-primary-gradient: linear-gradient(40deg, #7141F1 0%, #4D6BD8 70%, #3183E2 100%);
@internal-card-secondary-gradient: linear-gradient(40deg, darken(@global-secondary-background, 5%) 0%, lighten(@global-secondary-background, 5%) 90%);
@card-hover-box-shadow: -15px -15px 20px rgba(255, 255, 255, 0.8), 15px 15px 20px rgba(57,65,124, 0.08);
@internal-card-hover-transition-box-shadow: 0 0 rgba(255, 255, 255, 0), 0 0 0 rgba(80,110,140, 0);
@card-default-box-shadow: -15px -15px 20px rgba(255, 255, 255, 0.8), 15px 15px 20px rgba(57,65,124, 0.08);
@card-default-hover-box-shadow: @global-medium-box-shadow;
@card-primary-box-shadow: -5px -5px 20px rgba(255, 255, 255, 0.9), 5px 5px 20px fade(darken(@global-primary-background, 20%), 30%);
@card-primary-hover-box-shadow: -2px -2px 10px rgba(255, 255, 255, 0.8), 2px 2px 5px fade(darken(@global-primary-background, 20%), 30%);
@card-secondary-box-shadow: -5px -5px 20px rgba(255, 255, 255, 0.9), 5px 5px 20px fade(darken(@global-secondary-background, 20%), 30%);
@card-secondary-hover-box-shadow: -2px -2px 10px rgba(255, 255, 255, 0.8), 2px 2px 5px fade(darken(@global-secondary-background, 20%), 30%);
@card-hover-translate-vertical: -2px;
@card-default-hover-translate-vertical: 3px;
@card-primary-hover-translate-vertical: 3px;
@card-secondary-hover-translate-vertical: 3px;
@close-color: @global-emphasis-color;
@close-hover-color: @global-primary-background;
@marker-padding: 8px;
@marker-background: @global-background;
@marker-color: @global-primary-background;
@marker-hover-color: fade(@marker-color, 80%);
@inverse-marker-color: fade(@global-primary-background, 90%);
@inverse-marker-hover-color: @global-primary-background;
@inverse-marker-hover-background: fade(@global-background, 70%);
@totop-padding: 16px;
@totop-color: @global-emphasis-color;
@totop-hover-color: @global-primary-background;
@totop-active-color: darken(@global-primary-background, 10%);
@totop-background: @global-background;
@totop-hover-background: @global-background;
@totop-active-background: @global-background;
@totop-border-radius: 500px;
@totop-box-shadow: @global-large-box-shadow;
@totop-hover-box-shadow: @global-medium-box-shadow;
@totop-active-box-shadow: @global-small-box-shadow;
@inverse-totop-box-shadow: -5px -5px 15px rgba(255, 255, 255, 0.03), 4px 4px 12px rgba(0,0,0, 0.2);
@inverse-totop-hover-box-shadow: -2px -2px 5px rgba(255, 255, 255, 0.03), 2px 2px 4px rgba(0,0,0, 0.2);
@inverse-totop-active-box-shadow: -1px -1px 1px rgba(255, 255, 255, 0.03), 1px 1px 1px rgba(0,0,0, 0.3);
@alert-background: #FFF;
@alert-primary-background: @global-primary-background;
@alert-primary-color: @global-inverse-color;
@alert-success-background: @global-success-background;
@alert-success-color: @global-inverse-color;
@alert-warning-background: @global-warning-background;
@alert-warning-color: @global-inverse-color;
@alert-danger-background: @global-danger-background;
@alert-danger-color: @global-inverse-color;
@alert-close-opacity: 1;
@alert-border-radius: 4px;
@badge-size: 20px;
@badge-font-size: 12px;
@badge-font-weight: @global-secondary-font-weight;
@label-line-height: 1.8;
@label-font-size: 13px;
@label-border-radius: 500px;
@overlay-primary-background: fade(@global-primary-background, 80%);
@comment-title-font-size: @global-font-size;
@comment-primary-background: @global-background;
@comment-primary-border-radius: 4px;
@comment-primary-box-shadow: @global-large-box-shadow;
@search-icon-color: @global-emphasis-color;
@search-default-padding-horizontal: 15px;
@search-default-background: darken(@global-background, 1%);
@search-default-focus-background: darken(@global-background, 3%);
@search-toggle-color: @global-emphasis-color;
@search-toggle-hover-color: @global-primary-background;
@search-default-border-radius: 500px;
@search-default-input-box-shadow: inset 3px 3px 6px rgba(57, 65, 124, 0.1), inset -3px -3px 6px rgba(255, 255, 255, 1);
@search-default-input-focus-box-shadow: inset 1px 1px 2px rgba(80,110,140, 0.2), inset -1px -1px 2px rgba(255, 255, 255, 1);
@inverse-search-color: @global-emphasis-color;
@inverse-search-placeholder-color: @global-muted-color;
@inverse-search-icon-color: @global-muted-color;
@inverse-search-default-background: @inverse-global-primary-background;
@inverse-search-default-focus-background: fade(@inverse-search-default-background, 85%);
@accordion-item-margin-top: 15px;
@accordion-title-font-size: 18px;
@accordion-title-hover-color: @global-primary-background;
@accordion-content-margin-top: 15px;
@accordion-title-padding-vertical: 5px;
@accordion-icon-color: @global-primary-background;
@internal-accordion-icon-close-image: "../../../../uikit-themes/master-devstack/images/accordion-close.svg";
@internal-accordion-icon-open-image: "../../../../uikit-themes/master-devstack/images/accordion-open.svg";
@accordion-title-font-weight: @global-secondary-font-weight;
@accordion-title-letter-spacing: @global-secondary-letter-spacing;
@accordion-item-padding-top: 15px;
@accordion-item-border-width: @global-border-width;
@accordion-item-border: @global-border;
@accordion-item-box-shadow: inset 0 1px rgba(255, 255, 255, 0.6);
@dropdown-background: @global-background;
@dropdown-nav-item-color: @global-emphasis-color;
@dropdown-nav-item-hover-color: @global-primary-background;
@dropdown-nav-subtitle-font-size: 12px;
@dropdown-nav-header-color: @global-color;
@dropdown-nav-subtitle-color: @global-muted-color;
@dropdown-border-radius: 12px;
@dropdown-box-shadow: 0 15px 40px rgba(0,0,0,0.1);
@dropdown-nav-divider-box-shadow: 0 2px 0 rgba(255, 255, 255, 0.6);
@dropbar-padding-top: 20px;
@dropbar-background: @global-background;
@dropbar-top-box-shadow: 0 33px 45px -37px rgba(57, 65, 124, 0.1);
@dropbar-bottom-box-shadow: 0 -33px 45px -37px rgba(57, 65, 124, 0.1);
@dropbar-left-box-shadow: 33px 0 45px -37px rgba(57, 65, 124, 0.1);
@dropbar-right-box-shadow: -33px 0 45px -37px rgba(57, 65, 124, 0.1);
@slider-container-margin-top: -35px;
@slider-container-margin-bottom: -35px;
@slider-container-margin-left: -35px;
@slider-container-margin-right: -35px;
@offcanvas-bar-background: @global-background;
@offcanvas-bar-color-mode: dark;
@offcanvas-overlay-background: rgba(79, 79, 90, 0.6);
@notification-message-background: @global-background;
@notification-message-primary-color: @global-primary-background;
@notification-message-success-color: @global-success-background;
@notification-message-warning-color: @global-warning-background;
@notification-message-danger-color: @global-danger-background;
@notification-message-primary-background: @global-background;
@notification-message-success-background: @global-background;
@notification-message-warning-background: @global-background;
@notification-message-danger-background: @global-background;
@notification-message-primary-color-mode: dark;
@notification-message-success-color-mode: dark;
@notification-message-warning-color-mode: dark;
@notification-message-danger-color-mode: dark;
@notification-message-box-shadow: 0 15px 40px rgba(57,65,124,0.1);
@tooltip-background: @global-primary-background;
@grid-divider-horizontal-box-shadow: 1px 0 0 rgba(255, 255, 255, 0.6);
@grid-divider-vertical-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
@nav-divider-margin-vertical: 0;
@nav-default-item-color: @global-emphasis-color;
@nav-default-item-hover-color: @global-primary-background;
@nav-default-item-active-color: @nav-default-item-hover-color;
@nav-default-subtitle-font-size: 12px;
@nav-default-header-color: @global-color;
@nav-default-sublist-item-hover-color: @global-primary-background;
@nav-default-sublist-item-active-color: @nav-default-sublist-item-hover-color;
@nav-primary-item-color: @global-emphasis-color;
@nav-primary-item-hover-color: @global-primary-background;
@nav-primary-item-active-color: @nav-primary-item-hover-color;
@nav-primary-subtitle-font-size: @global-small-font-size;
@nav-primary-header-color: @global-color;
@nav-primary-sublist-item-hover-color: @global-primary-background;
@nav-primary-sublist-item-active-color: @nav-primary-sublist-item-hover-color;
@nav-secondary-line-height: 1.6;
@nav-secondary-item-hover-color: @global-primary-background;
@nav-secondary-item-active-color: @nav-secondary-item-hover-color;
@nav-secondary-subtitle-active-color: @global-color;
@nav-secondary-sublist-font-size: 16px;
@nav-secondary-sublist-item-hover-color: @global-primary-background;
@nav-secondary-sublist-item-active-color: @nav-secondary-sublist-item-hover-color;
@nav-medium-line-height: 1.2;
@nav-medium-font-size-l: 62px;
@nav-dividers-margin-top: 10px;
@nav-secondary-margin-top: 4px;
@nav-secondary-item-padding-vertical: 15px;
@nav-secondary-item-padding-horizontal: 15px;
@nav-secondary-item-hover-background: darken(@global-background, 2%);
@nav-secondary-item-active-background: @nav-secondary-item-hover-background;
@nav-default-subtitle-color: @global-muted-color;
@nav-default-subtitle-font-weight: normal;
@nav-primary-subtitle-color: @global-muted-color;
@nav-primary-subtitle-font-weight: normal;
@nav-secondary-subtitle-font-weight: normal;
@nav-secondary-item-border-radius: 7px;
@nav-default-divider-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
@nav-primary-divider-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
@nav-dividers-box-shadow: inset 0 1px rgba(255, 255, 255, 0.6);
@inverse-nav-secondary-subtitle-hover-color: @inverse-global-emphasis-color;
@inverse-nav-secondary-item-hover-background: @inverse-global-muted-background;
@inverse-nav-secondary-item-active-background: @inverse-nav-secondary-item-hover-background;
@navbar-background: fade(@global-background, 90%);
@navbar-gap: 10px;
@navbar-nav-gap: 10px;
@navbar-nav-item-height: 90px;
@navbar-nav-item-padding-horizontal: 7px;
@navbar-nav-item-color: @global-emphasis-color;
@navbar-nav-item-font-size: 15px;
@navbar-nav-item-hover-color: @global-primary-background;
@navbar-nav-item-onclick-color: darken(@global-primary-background, 10%);
@navbar-nav-item-active-color: @global-primary-background;
@navbar-toggle-color: @global-emphasis-color;
@navbar-toggle-hover-color: @global-primary-background;
@navbar-subtitle-font-size: 12px;
@navbar-dropdown-margin: 5px;
@navbar-dropdown-shift-margin: -(@navbar-dropdown-padding - @navbar-nav-item-padding-horizontal);
@navbar-dropdown-width: 260px;
@navbar-dropdown-padding: 26px;
@navbar-dropdown-background: @global-background;
@navbar-dropdown-large-shift-margin: -(@navbar-dropdown-large-padding - @navbar-nav-item-padding-horizontal);
@navbar-dropdown-dropbar-shift-margin: @navbar-nav-item-padding-horizontal;
@navbar-dropdown-dropbar-padding-top: 20px;
@navbar-dropdown-dropbar-large-shift-margin: @navbar-nav-item-padding-horizontal;
@navbar-dropdown-nav-item-color: @global-emphasis-color;
@navbar-dropdown-nav-item-hover-color: @global-primary-background;
@navbar-dropdown-nav-item-active-color: @global-primary-background;
@navbar-dropdown-nav-subtitle-font-size: 12px;
@navbar-dropdown-nav-sublist-item-hover-color: @global-primary-background;
@navbar-dropdown-nav-sublist-item-active-color: @global-primary-background;
@navbar-backdrop-filter: blur(5px);
@navbar-gap-m: 20px;
@navbar-nav-gap-m: 20px;
@navbar-nav-item-padding-horizontal-m: 14px;
@navbar-nav-item-line-mode: true;
@navbar-nav-item-line-position-mode: top;
@navbar-nav-item-line-slide-mode: center;
@navbar-nav-item-line-height: 3px;
@navbar-nav-item-line-transition-duration: 0.35s;
@navbar-nav-item-line-hover-height: 3px;
@navbar-nav-item-line-onclick-height: 3px;
@navbar-nav-item-line-active-height: 3px;
@navbar-nav-item-line-opacity: 0;
@navbar-item-padding-horizontal-m: 0;
@navbar-dropdown-shift-margin-m: -(@navbar-dropdown-padding - @navbar-nav-item-padding-horizontal-m);
@navbar-dropdown-dropbar-shift-margin-m: @navbar-nav-item-padding-horizontal-m;
@navbar-dropdown-dropbar-large-shift-margin-m: @navbar-nav-item-padding-horizontal-m;
@navbar-dropdown-nav-item-padding-vertical: 4px;
@navbar-subtitle-color: @global-muted-color;
@navbar-primary-nav-item-font-size: @global-medium-font-size;
@navbar-dropdown-nav-font-size: @navbar-nav-item-font-size;
@navbar-dropdown-nav-subtitle-color: @global-muted-color;
@navbar-mode: border;
@navbar-border-width: @global-border-width;
@navbar-border: @global-border;
@navbar-dropdown-border-radius: 12px;
@internal-navbar-nav-item-line-gradient: linear-gradient(90deg, #7141F1 0%, #4D6BD8 70%, #3183E2 100%);
@navbar-dropdown-box-shadow: 0 15px 40px rgba(57,65,124,0.1);
@inverse-navbar-nav-item-hover-color: @inverse-global-primary-background;
@subnav-item-color: @global-emphasis-color;
@subnav-item-hover-color: @global-primary-background;
@subnav-item-active-color: @global-primary-background;
@subnav-pill-item-padding-vertical: 8px;
@subnav-pill-item-padding-horizontal: 20px;
@subnav-pill-item-color: @global-muted-color;
@subnav-pill-item-hover-background: @global-background;
@subnav-pill-item-hover-color: @global-emphasis-color;
@subnav-pill-item-active-background: @global-background;
@subnav-pill-item-active-color: @global-emphasis-color;
@subnav-item-font-weight: 500;
@subnav-pill-item-border-radius: 500px;
@subnav-pill-item-hover-box-shadow: @global-large-box-shadow;
@subnav-pill-item-onclick-box-shadow: @global-small-box-shadow;
@subnav-pill-item-active-box-shadow: @global-large-box-shadow;
@inverse-subnav-item-hover-color: @inverse-global-emphasis-color;
@inverse-subnav-pill-item-hover-color: @inverse-global-emphasis-color;
@breadcrumb-item-active-color: @global-primary-background;
@breadcrumb-divider: "∙";
@breadcrumb-divider-margin-horizontal: @global-small-margin;
@breadcrumb-item-font-family: @global-font-family;
@breadcrumb-item-font-weight: 400;
@breadcrumb-item-text-transform: inherit;
@breadcrumb-item-letter-spacing: inherit;
@breadcrumb-item-font-style: inherit;
@breadcrumb-item-disabled-color: fade(@breadcrumb-item-color, 50%);
@pagination-margin-horizontal: 15px;
@pagination-item-padding-vertical: 10px;
@pagination-item-padding-horizontal: 16px;
@pagination-item-color: @global-emphasis-color;
@pagination-item-hover-color: @global-primary-background;
@pagination-item-active-color: @global-primary-background;
@pagination-item-min-width: 42px;
@pagination-item-height: @pagination-item-min-width;
@pagination-item-font-size: 15px;
@pagination-item-border-radius: 500px;
@pagination-item-box-shadow: @global-large-box-shadow;
@pagination-item-hover-box-shadow: @global-medium-box-shadow;
@inverse-pagination-item-hover-color: @inverse-global-emphasis-color;
@inverse-pagination-item-active-color: @inverse-global-emphasis-color;
@inverse-pagination-item-background: @inverse-global-muted-background;
@inverse-pagination-item-hover-background: fadein(@inverse-global-muted-background, 10%);
@inverse-pagination-item-active-background: fadein(@inverse-global-muted-background, 15%);
@inverse-pagination-item-box-shadow: -5px -5px 15px rgba(255, 255, 255, 0.03), 4px 4px 12px rgba(0,0,0, 0.2);
@inverse-pagination-item-hover-box-shadow: -2px -2px 5px rgba(255, 255, 255, 0.03), 2px 2px 4px rgba(0,0,0, 0.2);
@tab-item-padding-vertical: 15px;
@tab-item-hover-color: @global-emphasis-color;
@tab-item-font-weight: 500;
@tab-item-border-width: 2px;
@tab-item-hover-border: @global-primary-background;
@tab-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
@inverse-tab-item-hover-color: @inverse-global-emphasis-color;
@inverse-tab-border: rgba(0, 0, 0, 0.2);
@inverse-tab-box-shadow: 1px 1px 1px 0 rgba(255, 255, 255, 0.04);
@slidenav-padding-vertical: 14px;
@slidenav-padding-horizontal: 14px;
@slidenav-color: @global-emphasis-color;
@slidenav-hover-color: lighten(@global-background, 5%);
@slidenav-active-color: lighten(@global-background, 5%);
@slidenav-large-padding-vertical: 24px;
@slidenav-background: lighten(@global-background, 5%);
@slidenav-hover-background: @global-primary-background;
@slidenav-active-background: darken(@global-primary-background, 5%);
@slidenav-border-radius: 500px;
@inverse-slidenav-color: @global-emphasis-color;
@inverse-slidenav-hover-color: @global-emphasis-color;
@inverse-slidenav-active-color: @global-emphasis-color;
@inverse-slidenav-background: @inverse-global-primary-background;
@inverse-slidenav-hover-background: fade(@inverse-slidenav-background, 90%);
@inverse-slidenav-active-background: fade(@inverse-slidenav-background, 80%);
@dotnav-item-width: 12px;
@dotnav-item-background: darken(@global-muted-background, 10%);
@dotnav-item-hover-background: @global-primary-background;
@dotnav-item-onclick-background: darken(@global-muted-background, 10%);
@dotnav-item-active-background: @global-primary-background;
@dotnav-item-box-shadow: inset 1px 1px 1px rgba(0,0,0, 0.15), 1px 1px 1px #fff;
@inverse-dotnav-item-hover-background: @global-primary-background;
@inverse-dotnav-item-onclick-background: @global-primary-background;
@inverse-dotnav-item-active-background: @global-primary-background;
@inverse-dotnav-item-box-shadow: inset 1px 1px 1px rgba(0,0,0, 0.4), inset -1px -1px 1px rgba(255,255,255, 0.2);
@thumbnav-item-background: transparent;
@thumbnav-item-gradient: linear-gradient(180deg, rgba(255,255,255,0), rgba(255,255,255,0.4));
@inverse-thumbnav-item-background: transparent;
@inverse-thumbnav-item-gradient: linear-gradient(180deg, rgba(0,0,0,0), rgba(0,0,0,0.4));
@iconnav-item-color: @global-emphasis-color;
@iconnav-item-hover-color: @global-primary-background;
@iconnav-item-active-color: @iconnav-item-hover-color;
@lightbox-background: rgba(215, 215, 215, 0.6);
@lightbox-item-color: @global-emphasis-color;
@lightbox-toolbar-background: @global-background;
@lightbox-toolbar-color: @global-emphasis-color;
@lightbox-toolbar-icon-color: @global-emphasis-color;
@lightbox-toolbar-icon-hover-color: @global-primary-background;
@lightbox-button-background: #FFF;
@lightbox-button-color: @global-emphasis-color;
@lightbox-button-hover-color: @global-inverse-color;
@lightbox-button-active-color: @global-inverse-color;
@lightbox-button-hover-background: @global-primary-background;
@lightbox-button-active-background: darken(@global-primary-background, 5%);
@text-lead-font-size: @global-medium-font-size;
@text-large-font-size: 18px;
@text-lead-font-weight: 400;
@text-meta-font-weight: 400;
@internal-text-background-color-gradient: linear-gradient(40deg, #7141F1 0%, #4D6BD8 70%, #3183E2 100%);
@border-rounded-border-radius: 12px;
@box-shadow-bottom-height: 40px;
@box-shadow-bottom-background: rgba(49, 55, 77, 0.35);
@dropcap-margin-right: 20px;
@dropcap-font-size: 2.8em;
@logo-font-family: @global-primary-font-family;
@logo-font-weight: @global-primary-font-weight;
@inverse-global-muted-color: fade(@global-inverse-color, 60%);
@inverse-global-inverse-color: @global-emphasis-color;
@inverse-global-border: fade(@global-inverse-color, 10%);