@internal-fonts: 'DM+Sans:500,700|Roboto:300,400';
@global-font-family: Roboto;
@global-font-size: 16px;
@global-line-height: 1.6;
@global-2xlarge-font-size: 42px;
@global-xlarge-font-size: 32px;
@global-large-font-size: 24px;
@global-medium-font-size: 20px;
@global-small-font-size: 14px;
@global-primary-font-family: DM Sans;
@global-primary-font-weight: 700;
@global-primary-text-transform: inherit;
@global-primary-letter-spacing: -0.02em;
@global-primary-font-style: inherit;
@global-secondary-font-family: DM Sans;
@global-secondary-font-weight: 500;
@global-secondary-text-transform: inherit;
@global-secondary-letter-spacing: -0.02em;
@global-secondary-font-style: inherit;
@global-color: #444;
@global-emphasis-color: #111;
@global-muted-color: #aaa;
@global-link-color: #e9b108;
@global-link-hover-color: #111;
@global-inverse-color: #fff;
@global-background: #fff;
@global-muted-background: #f5f5f5;
@global-primary-background: #fddf00;
@global-secondary-background: #111;
@global-success-background: #6fbb83;
@global-warning-background: #ec880f;
@global-danger-background: #d54040;
@global-border-width: 1px;
@global-border: rgba(0,0,0,0.07);
@global-border-radius: 0;
@global-small-box-shadow: 0 2px 8px rgba(0,0,0,0.08);
@global-medium-box-shadow: 0 5px 15px rgba(0,0,0,0.08);
@global-large-box-shadow: 0 14px 25px rgba(0,0,0,0.16);
@global-xlarge-box-shadow: 0 28px 50px rgba(0,0,0,0.16);
@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: 45px;
@global-control-small-height: 35px;
@global-control-large-height: 55px;
@global-z-index: 1000;
@base-body-font-weight: 300;
@base-link-hover-text-decoration: none;
@base-code-font-size: 13px;
@base-blockquote-font-size: 28px;
@base-blockquote-line-height: 1.3;
@base-blockquote-font-style: normal;
@base-blockquote-footer-margin-top: @global-medium-margin;
@base-blockquote-footer-font-size: @global-medium-font-size;
@base-blockquote-footer-line-height: 1.4;
@base-selection-background: @global-secondary-background;
@base-code-padding-horizontal: 4px;
@base-code-padding-vertical: 3px;
@base-code-background: @global-muted-background;
@base-code-border-radius: 3px;
@base-pre-padding: 0 @global-margin;
@base-pre-border-mode: -left;
@base-pre-border-width: 1.5px;
@base-pre-border: @global-primary-background;
@base-h4-font-family: @global-primary-font-family;
@base-h4-font-weight: @global-primary-font-weight;
@base-h4-text-transform: @global-primary-text-transform;
@base-h4-letter-spacing: @global-primary-letter-spacing;
@base-h4-font-style: @global-primary-font-style;
@base-blockquote-footer-color: @global-emphasis-color;
@inverse-base-link-hover-color: @inverse-global-color;
@heading-divider-padding-bottom: ~'calc(4px + 0.05em)';
@heading-divider-border: @global-primary-background;
@heading-bullet-border: @global-primary-background;
@heading-bullet-border-width: ~'calc(2px + 0.1em)';
@heading-line-width: 200px;
@heading-line-border-width: ~'calc(0.4px + 0.05em)';
@heading-line-border: @global-primary-background;
@inverse-heading-divider-border: @global-primary-background;
@inverse-heading-bullet-border: @global-primary-background;
@inverse-heading-line-border: @global-primary-background;
@divider-icon-color: @global-primary-background;
@divider-small-width: 200px;
@divider-small-border-width: 2px;
@divider-small-border: @global-primary-background;
@divider-vertical-height: 200px;
@divider-vertical-border-width: @global-primary-background;
@divider-vertical-border: 2px;
@inverse-divider-icon-color: @global-primary-background;
@inverse-divider-small-border: @global-primary-background;
@icon-link-color: @global-emphasis-color;
@icon-link-hover-color: @global-primary-background;
@icon-link-active-color: @global-color;
@icon-button-size: 20px;
@icon-button-border-radius: 0;
@icon-button-background: transparent;
@icon-button-color: @global-emphasis-color;
@icon-button-hover-color: @global-primary-background;
@icon-button-active-color: @global-color;
@icon-button-border-width: 0 0 2px 0;
@icon-button-border: @global-primary-background;
@icon-button-hover-border: @global-primary-background;
@icon-button-active-border: @global-color;
.hook-icon-button() when not (@icon-button-border-width = 0) {
    padding-bottom: @global-small-gutter;
    border-width: @icon-button-border-width;
    border-style: solid;
    border-color: @icon-button-border;
}
@inverse-icon-link-color: @global-inverse-color;
@inverse-icon-link-hover-color: @global-primary-background;
@inverse-icon-button-background: transparent;
@inverse-icon-button-color: @global-inverse-color;
@inverse-icon-button-hover-background: transparent;
@inverse-icon-button-hover-color: @global-primary-background;
@inverse-icon-button-active-background: transparent;
@inverse-icon-button-active-color: @global-inverse-color;
@inverse-icon-button-border: @global-primary-background;
@inverse-icon-button-hover-border: @global-primary-background;
@inverse-icon-button-active-border: @global-inverse-color;
@form-range-thumb-background: @global-primary-background;
@form-range-thumb-height: 12px;
@form-range-track-height: 2px;
@form-padding-horizontal: 5px;
@form-background: transparent;
@form-focus-background: transparent;
@form-placeholder-color: @global-color;
@form-small-padding-horizontal: 2px;
@form-large-padding-horizontal: 5px;
@form-radio-checked-background: @global-secondary-background;
@form-radio-checked-focus-background: @global-primary-background;
@form-icon-color: @global-primary-background;
@form-icon-hover-color: @global-secondary-background;
@form-border-mode: -bottom;
@form-border-width: 1.5px;
@form-border: @global-border;
@form-focus-border: @global-primary-background;
@form-disabled-border: @global-border;
@form-danger-border: @global-danger-background;
@form-success-border: @global-success-background;
@form-blank-focus-border: @global-border;
@form-blank-focus-border-style: solid;
@inverse-form-background: transparent;
@inverse-form-focus-background: transparent;
@inverse-form-placeholder-color: @inverse-global-color;
@inverse-form-radio-checked-focus-background: @global-primary-background;
@inverse-form-icon-color: @global-primary-background;
@inverse-form-icon-hover-color: @global-inverse-color;
@inverse-form-border: @inverse-global-border;
@inverse-form-focus-border: @global-primary-background;
@button-font-size: @global-small-font-size;
@button-small-font-size: 13px;
@button-large-font-size: @global-font-size;
@button-padding-horizontal: 20px;
@button-large-padding-horizontal: 25px;
@button-default-background: transparent;
@button-default-hover-background: @global-secondary-background;
@button-default-hover-color: @global-inverse-color;
@button-default-active-background: lighten(@global-secondary-background, 10%);
@button-default-active-color: darken(@global-inverse-color, 10%);
@button-primary-background: transparent;
@button-primary-color: @global-emphasis-color;
@button-primary-hover-background: @global-primary-background;
@button-primary-hover-color: @global-emphasis-color;
@button-primary-active-background: @global-secondary-background;
@button-primary-active-color: @global-inverse-color;
@button-secondary-hover-background: transparent;
@button-secondary-hover-color: @global-emphasis-color;
@button-secondary-active-background: transparent;
@button-secondary-active-color: @global-color;
@button-danger-background: transparent;
@button-danger-color: @global-danger-background;
@button-danger-hover-background: @global-danger-background;
@button-danger-active-background: darken(@button-danger-hover-background, 10%);
@button-disabled-background: transparent;
@button-transition-duration: 0.15s;
@button-text-mode: arrow;
@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: 1.5px;
@button-default-border: @global-border;
@button-primary-border: @global-primary-background;
@button-secondary-hover-border: @global-secondary-background;
@button-secondary-active-border: @global-border;
@button-danger-border: @global-danger-background;
@button-disabled-border: @global-border;
@button-border-radius: 3px;
@internal-button-text-arrow-image: "../../../../uikit-themes/master-framerate/images/button-text-arrow.svg";
@inverse-button-default-background: transparent;
@inverse-button-default-color: @global-inverse-color;
@inverse-button-default-hover-background: @global-inverse-color;
@inverse-button-default-active-background: darken(@inverse-button-default-hover-background, 10%);
@inverse-button-default-active-color: lighten(@inverse-global-inverse-color, 10%);
@inverse-button-primary-background: transparent;
@inverse-button-primary-color: @global-inverse-color;
@inverse-button-primary-hover-background: @global-primary-background;
@inverse-button-primary-active-background: @global-inverse-color;
@inverse-button-secondary-hover-background: transparent;
@inverse-button-secondary-hover-color: @global-inverse-color;
@inverse-button-secondary-active-background: transparent;
@inverse-button-secondary-active-color: @inverse-global-color;
@inverse-button-text-color: @global-inverse-color;
@inverse-button-text-hover-color: @global-inverse-color;
@inverse-button-default-border: @inverse-global-border;
@inverse-button-primary-border: @global-primary-background;
@inverse-button-secondary-hover-border: @global-inverse-color;
@inverse-button-secondary-active-border: @inverse-global-border;
@section-primary-color-mode: dark;
@container-large-max-width: 1360px;
@tile-primary-color-mode: dark;
@card-badge-height: 26px;
@card-badge-background: @global-secondary-background;
@card-badge-font-size: 11px;
@card-hover-background: @global-background;
@card-default-background: @global-background;
@card-default-hover-background: @global-background;
@card-primary-hover-background: @card-primary-background;
@card-primary-color: @global-emphasis-color;
@card-primary-color-mode: dark;
@card-secondary-hover-background: @card-secondary-background;
@card-badge-border-radius: 2px;
@card-badge-font-family: @global-primary-font-family;
@card-badge-font-weight: @global-primary-font-weight;
@card-badge-text-transform: uppercase;
@card-badge-letter-spacing: 0.02em;
@card-hover-box-shadow: @global-medium-box-shadow;
@card-default-box-shadow: @global-small-box-shadow;
@card-default-hover-box-shadow: @global-medium-box-shadow;
@card-primary-hover-box-shadow: @global-medium-box-shadow;
@card-secondary-hover-box-shadow: @global-large-box-shadow;
@inverse-card-badge-background: @global-inverse-color;
@inverse-card-badge-color: @inverse-global-inverse-color;
@close-color: @global-emphasis-color;
@close-hover-color: @global-primary-background;
@inverse-close-color: @global-inverse-color;
@inverse-close-hover-color: @global-primary-background;
@inverse-marker-background: @global-inverse-color;
@inverse-marker-color: @inverse-global-inverse-color;
@inverse-marker-hover-color: @inverse-global-inverse-color;
@inverse-marker-hover-background: @global-inverse-color;
@totop-color: @global-emphasis-color;
@totop-hover-color: @global-primary-background;
@totop-active-color: @global-color;
@inverse-totop-color: @global-inverse-color;
@inverse-totop-hover-color: @global-primary-background;
@inverse-totop-active-color: @inverse-global-color;
@alert-background: @global-background;
@alert-primary-background: @global-background;
@alert-primary-color: darken(spin(@global-primary-background, -5%), 3%);
@alert-success-background: @global-background;
@alert-warning-background: @global-background;
@alert-danger-background: @global-background;
@alert-border-mode: -left;
@alert-border-width: 2px;
@alert-border: @global-secondary-background;
@alert-primary-border: @global-primary-background;
@alert-success-border: @global-success-background;
@alert-warning-border: @global-warning-background;
@alert-danger-border: @global-danger-background;
@alert-box-shadow: @global-medium-box-shadow;
@badge-color: @global-emphasis-color;
@badge-font-size: 12px;
@inverse-badge-background: @global-primary-background;
@label-padding-vertical: 2px;
@label-padding-horizontal: 8px;
@label-background: @global-secondary-background;
@label-font-size: 13px;
@label-border-radius: 2px;
@article-meta-font-family: @global-font-family;
@article-meta-font-weight: 400;
@article-meta-text-transform: inherit;
@article-meta-letter-spacing: inherit;
@article-meta-font-style: inherit;
@comment-meta-font-family: @global-font-family;
@comment-meta-font-weight: 400;
@comment-meta-text-transform: inherit;
@comment-meta-letter-spacing: inherit;
@comment-meta-font-style: inherit;
@search-color: @global-emphasis-color;
@search-placeholder-color: @global-color;
@search-default-padding-horizontal: 0;
@search-default-background: transparent;
@search-navbar-font-size: @global-font-size;
@search-toggle-color: @global-emphasis-color;
@search-toggle-hover-color: @global-primary-background;
@search-default-border-mode: -bottom;
@search-default-border-width: 1.5px;
@search-default-border: @global-border;
@search-default-focus-border: @global-primary-background;
@inverse-search-color: @global-inverse-color;
@inverse-search-placeholder-color: @inverse-global-color;
@inverse-search-default-background: transparent;
@inverse-search-default-focus-background: transparent;
@inverse-search-toggle-color: @global-inverse-color;
@inverse-search-toggle-hover-color: @global-primary-background;
@inverse-search-default-border: @inverse-global-border;
@inverse-search-default-focus-border: @global-primary-background;
@accordion-item-margin-top: @global-small-margin;
@accordion-icon-color: @global-primary-background;
@internal-accordion-icon-close-image: "../../../../uikit-themes/master-framerate/images/accordion-close.svg";
@internal-accordion-icon-open-image: "../../../../uikit-themes/master-framerate/images/accordion-open.svg";
@accordion-item-padding-top: @global-small-margin;
@accordion-item-border-width: @global-border-width;
@accordion-item-border: @global-border;
@dropdown-background: @global-secondary-background;
@dropdown-color: @global-inverse-color;
@dropdown-nav-item-color: @global-inverse-color;
@dropdown-nav-item-hover-color: @global-primary-background;
@dropdown-nav-header-color: @global-inverse-color;
@dropdown-nav-divider-border: rgba(255, 255, 255, 0.15);
@dropdown-nav-sublist-item-color: @global-inverse-color;
@dropdown-nav-sublist-item-hover-color: @global-primary-background;
@notification-message-background: @global-secondary-background;
@notification-message-color: @global-inverse-color;
@notification-message-primary-color: @global-emphasis-color;
@notification-message-primary-color-mode: dark;
@tooltip-background: @global-secondary-background;
@tooltip-border-radius: 3px;
@nav-sublist-padding-left: 10px;
@nav-primary-item-color: @global-emphasis-color;
@nav-primary-item-hover-color: @global-primary-background;
@nav-primary-item-active-color: @global-primary-background;
@nav-primary-sublist-item-color: @global-emphasis-color;
@nav-primary-sublist-item-hover-color: @global-primary-background;
@nav-primary-sublist-item-active-color: @global-primary-background;
@inverse-nav-primary-item-color: @global-inverse-color;
@inverse-nav-primary-item-hover-color: @global-primary-background;
@inverse-nav-primary-item-active-color: @global-primary-background;
@inverse-nav-primary-sublist-item-color: @global-inverse-color;
@inverse-nav-primary-sublist-item-hover-color: @global-primary-background;
@inverse-nav-primary-sublist-item-active-color: @global-primary-background;
@navbar-background: @global-background;
@navbar-nav-item-height: 80px;
@navbar-nav-item-color: @global-emphasis-color;
@navbar-nav-item-font-size: @global-small-font-size;
@navbar-nav-item-hover-color: @navbar-nav-item-color;
@navbar-nav-item-onclick-color: @global-primary-background;
@navbar-toggle-color: @global-emphasis-color;
@navbar-toggle-hover-color: @global-primary-background;
@navbar-dropdown-background: @global-secondary-background;
@navbar-dropdown-color: @global-inverse-color;
@navbar-dropdown-nav-item-color: @global-inverse-color;
@navbar-dropdown-nav-item-hover-color: @global-primary-background;
@navbar-dropdown-nav-item-active-color: @global-primary-background;
@navbar-dropdown-nav-header-color: @global-inverse-color;
@navbar-dropdown-nav-divider-border: fade(@global-border, 15%);
@navbar-dropdown-nav-sublist-item-color: @global-inverse-color;
@navbar-dropdown-nav-sublist-item-hover-color: @global-primary-background;
@navbar-dropdown-nav-sublist-item-active-color: @global-primary-background;
@navbar-padding-top-m: 10px;
@navbar-padding-bottom-m: 10px;
@navbar-nav-item-line-mode: true;
@navbar-nav-item-line-slide-mode: left;
@navbar-nav-item-line-margin-vertical: 23px;
@navbar-nav-item-line-margin-horizontal: 15px;
@navbar-nav-item-line-height: 2px;
@navbar-nav-item-line-transition-duration: 0.25s;
@navbar-nav-item-line-hover-height: 2px;
@navbar-nav-item-line-onclick-height: 2px;
@navbar-nav-item-line-active-height: 2px;
@navbar-nav-item-text-transform: uppercase;
@navbar-nav-item-letter-spacing: 0;
@navbar-primary-nav-item-font-size: 18px;
@inverse-navbar-nav-item-color: @global-inverse-color;
@inverse-navbar-nav-item-hover-color: @global-inverse-color;
@inverse-navbar-nav-item-onclick-color: @global-primary-background;
@inverse-navbar-item-color: @global-inverse-color;
@inverse-navbar-toggle-color: @global-inverse-color;
@inverse-navbar-toggle-hover-color: @global-primary-background;
@inverse-navbar-nav-item-line-hover-background: @global-primary-background;
@inverse-navbar-nav-item-line-onclick-background: @global-primary-background;
@inverse-navbar-nav-item-line-active-background: @global-primary-background;
@subnav-margin-horizontal: @global-small-margin;
@subnav-divider-border-height: 1em;
@subnav-divider-border: @global-muted-color;
@subnav-pill-item-padding-vertical: 2px;
@subnav-pill-item-color: @global-color;
@subnav-pill-item-hover-background: @global-primary-background;
@subnav-pill-item-hover-color: @global-emphasis-color;
@subnav-pill-item-active-background: @global-secondary-background;
@subnav-pill-item-border-radius: 3px;
@inverse-subnav-item-color: @inverse-global-color;
@inverse-subnav-item-hover-color: @inverse-global-emphasis-color;
@inverse-subnav-pill-item-color: @inverse-global-color;
@inverse-subnav-pill-item-hover-background: @global-primary-background;
@inverse-subnav-pill-item-hover-color: @inverse-global-inverse-color;
@breadcrumb-item-active-color: @global-color;
@breadcrumb-divider: "»";
@breadcrumb-divider-margin-horizontal: @global-small-margin;
@breadcrumb-divider-color: @global-link-color;
@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;
@inverse-breadcrumb-divider-color: @global-primary-background;
@pagination-margin-horizontal: 16px;
@pagination-item-padding-vertical: 0;
@pagination-item-padding-horizontal: 2px;
@pagination-item-hover-color: @global-emphasis-color;
@pagination-item-border-mode: -bottom;
@pagination-item-border-width: 1.5px;
@pagination-item-hover-border: @global-primary-background;
@pagination-item-active-border: @global-primary-background;
@pagination-item-font-size: 15px;
@inverse-pagination-item-color: @inverse-global-color;
@inverse-pagination-item-hover-color: @global-primary-background;
@inverse-pagination-item-active-color: @global-inverse-color;
@inverse-pagination-item-hover-border: @global-primary-background;
@inverse-pagination-item-active-border: @global-primary-background;
@tab-margin-horizontal: @global-gutter;
@tab-item-padding-horizontal: 0;
@tab-item-color: @global-emphasis-color;
@tab-item-hover-color: @global-emphasis-color;
@tab-border-width: 0;
@tab-border: transparent;
@tab-item-border-width: 1.5px;
@tab-item-hover-border: @global-primary-background;
@inverse-tab-item-color: @global-inverse-color;
@inverse-tab-item-hover-color: @inverse-global-emphasis-color;
@inverse-tab-border: @global-primary-background;
@inverse-tab-item-hover-border: @global-primary-background;
@inverse-tab-item-active-border: @global-primary-background;
@slidenav-padding-vertical: 28px;
@slidenav-padding-horizontal: 10px;
@slidenav-color: fade(@global-inverse-color, 85%);
@slidenav-hover-color: @global-inverse-color;
@slidenav-active-color: fade(@global-inverse-color, 70%);
@slidenav-large-padding-vertical: 40px;
@slidenav-large-padding-horizontal: 15px;
@slidenav-background: fade(@global-secondary-background, 25%);
@slidenav-hover-background: fade(@global-secondary-background, 30%);
@slidenav-active-background: fade(@global-secondary-background, 20%);
@inverse-slidenav-color: fade(@inverse-global-color, 85%);
@inverse-slidenav-hover-color: @global-inverse-color;
@inverse-slidenav-background: fade(@global-inverse-color, 25%);
@inverse-slidenav-hover-background: fade(@global-inverse-color, 30%);
@inverse-slidenav-active-background: fade(@global-inverse-color, 20%);
@dotnav-margin-horizontal: @global-small-margin;
@dotnav-item-width: 15px;
@dotnav-item-height: 3px;
@dotnav-item-background: @global-secondary-background;
@dotnav-item-hover-background: @global-primary-background;
@dotnav-item-onclick-background: @global-primary-background;
@dotnav-item-active-background: @global-primary-background;
@dotnav-item-border-radius: 0;
@inverse-dotnav-item-background: @global-inverse-color;
@inverse-dotnav-item-hover-background: @global-primary-background;
@inverse-dotnav-item-onclick-background: @global-primary-background;
@inverse-dotnav-item-active-background: @global-primary-background;
@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: @global-primary-background;
@inverse-iconnav-item-color: @global-inverse-color;
@inverse-iconnav-item-hover-color: @global-primary-background;
@text-lead-font-size: @global-medium-font-size;
@text-lead-line-height: 1.4;
@text-primary-color: darken(spin(@global-primary-background, -5%), 3%);
@text-lead-font-family: @global-secondary-font-family;
@text-lead-font-weight: @global-secondary-font-weight;
@text-lead-text-transform: @global-secondary-text-transform;
@text-lead-letter-spacing: @global-secondary-letter-spacing;
@text-lead-font-style: @global-secondary-font-style;
@text-meta-font-family: @global-font-family;
@text-meta-font-weight: 400;
@text-meta-text-transform: inherit;
@text-meta-letter-spacing: inherit;
@text-meta-font-style: inherit;
@inverse-text-primary-color: @global-primary-background;
@logo-font-family: @global-primary-font-family;
@logo-font-weight: @global-primary-font-weight;
@logo-text-transform: uppercase;
@logo-letter-spacing: 0.02em;
@inverse-global-inverse-color: @global-emphasis-color;
@inverse-global-border: fade(@global-inverse-color, 15%);