@internal-fonts: 'Montserrat:700|Poppins:300,500';
@global-font-family: 'Poppins';
@global-font-size: 15px;
@global-line-height: 1.55;
@global-2xlarge-font-size: 44px;
@global-xlarge-font-size: 32px;
@global-large-font-size: 24px;
@global-medium-font-size: 19px;
@global-small-font-size: 13px;
@global-primary-font-family: 'Montserrat';
@global-primary-font-weight: 700;
@global-primary-text-transform: inherit;
@global-primary-letter-spacing: -0.05rem;
@global-primary-font-style: inherit;
@global-secondary-font-family: 'Poppins';
@global-secondary-font-weight: 300;
@global-secondary-text-transform: inherit;
@global-secondary-letter-spacing: 0;
@global-secondary-font-style: inherit;
@global-color: #444;
@global-emphasis-color: #333;
@global-muted-color: #999;
@global-link-color: #E64577;
@global-link-hover-color: #1C5BEA;
@global-inverse-color: #FFF;
@global-background: #FFF;
@global-muted-background: #F7F7F7;
@global-primary-background: #E64577;
@global-secondary-background: #1C5BEA;
@global-success-background: #00CA65;
@global-warning-background: #FFB515;
@global-danger-background: #FF575F;
@global-border-width: 1px;
@global-border: rgba(0,0,0,0.1);
@global-border-radius: 4px;
@global-small-box-shadow: 2px 5px 10px rgba(0,0,0,0.08);
@global-medium-box-shadow: 3px 8px 16px rgba(0,0,0,0.12);
@global-large-box-shadow: 5px 14px 25px rgba(0,0,0,0.16);
@global-xlarge-box-shadow: 10px 28px 50px rgba(0,0,0,0.20);
@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: 46px;
@global-control-small-height: 30px;
@global-control-large-height: 60px;
@global-z-index: 1000;
@base-body-font-weight: 300;
@base-link-hover-text-decoration: none;
@base-blockquote-font-style: @global-secondary-font-style;
@base-pre-padding: @global-margin;
@base-pre-background: @global-muted-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-h5-font-weight: 500;
@base-h6-font-weight: 500;
@base-blockquote-font-family: @global-secondary-font-family;
@base-blockquote-font-weight: 500;
@base-blockquote-text-transform: @global-secondary-text-transform;
@base-blockquote-letter-spacing: @global-secondary-letter-spacing;
@inverse-base-link-hover-color: @inverse-global-muted-color;
@link-muted-hover-color: @global-primary-background;
@link-text-hover-color: @global-primary-background;
@heading-small-font-size: @heading-small-font-size-m * 0.7;
@heading-medium-font-size: @heading-small-font-size-m * 0.75;
@heading-large-font-size: @heading-small-font-size-m * 0.83;
@heading-xlarge-font-size: @heading-medium-font-size-m * 0.9;
@heading-2xlarge-font-size: @heading-medium-font-size-m;
@heading-medium-font-size-l: 72px;
@heading-large-font-size-l: 95px;
@heading-xlarge-font-size-l: 115px;
@heading-2xlarge-font-size-l: 148px;
@heading-bullet-height: ~'calc(4px + 0.8em)';
@heading-bullet-border-width: ~'calc(2px + 0.16em)';
@heading-bullet-border: @global-primary-background;
@inverse-heading-bullet-border: @heading-bullet-border;
@divider-icon-color: @global-primary-background;
@internal-divider-icon-image: "../../../../uikit-themes/master-design-bites/images/divider-icon.svg";
@divider-small-border-width: 3px;
@divider-small-border: @global-primary-background;
@divider-vertical-border-width: 3px;
@divider-vertical-border: @global-primary-background;
@inverse-divider-icon-color: @global-primary-background;
@inverse-divider-small-border: @global-primary-background;
@inverse-divider-vertical-border: @global-primary-background;
@list-bullet-icon-color: @global-primary-background;
@description-list-term-font-family: @global-primary-font-family;
@description-list-term-font-weight: @global-primary-font-weight;
@description-list-term-text-transform: @global-primary-text-transform;
@description-list-term-letter-spacing: @global-primary-letter-spacing;
@description-list-term-font-style: @global-primary-font-style;
@table-row-active-background: darken(@global-muted-background, 2%);
@table-header-cell-letter-spacing: 0.08em;
@icon-button-background: darken(@global-muted-background, 2%);
@form-range-thumb-height: 14px;
@form-range-thumb-background: @global-primary-background;
@form-range-track-height: 2px;
@form-range-track-focus-background: @global-primary-background;
@form-range-thumb-border: @global-background;
@form-range-thumb-border-width: 4px;
@form-range-thumb-box-shadow: 2px 2px 5px rgba(0,0,0,0.12);
@form-background: darken(@global-muted-background, 2%);
@form-disabled-background: darken(@global-muted-background, 1%);
@form-border-radius: @global-border-radius;
@inverse-form-radio-checked-background: @global-primary-background;
@button-large-font-size: @global-font-size;
@button-default-background: @global-background;
@button-default-hover-background: @button-default-background;
@button-default-active-background: @button-default-background;
@button-primary-background: darken(@global-primary-background, 4%);
@button-primary-hover-background: darken(@button-primary-background, 3%);
@button-primary-active-background: darken(@button-primary-background, 8%);
@button-secondary-background: darken(@global-secondary-background, 4%);
@button-secondary-hover-background: darken(@button-secondary-background, 3%);
@button-secondary-active-background: darken(@button-secondary-background, 8%);
@button-disabled-background: darken(@global-muted-background, 1%);
@button-link-hover-color: @global-primary-background;
@button-text-mode: arrow;
@internal-button-text-arrow-image: "../../../../uikit-themes/master-design-bites/images/button-text-arrow.svg";
@internal-button-text-arrow-padding: 8px;
@internal-button-text-arrow-width: 35px;
@button-border-radius: @global-border-radius;
@button-small-border-radius: @button-border-radius;
@button-large-border-radius: @button-border-radius;
@button-default-box-shadow: @global-small-box-shadow;
@button-default-hover-box-shadow: @global-medium-box-shadow;
@button-font-weight: 500;
@inverse-button-primary-background: @button-primary-background;
@inverse-button-primary-color: @button-primary-color;
@inverse-button-primary-hover-background: @button-primary-hover-background;
@inverse-button-primary-hover-color: @button-primary-hover-color;
@inverse-button-primary-active-background: @button-primary-active-background;
@inverse-button-primary-active-color: @button-primary-active-color;
@inverse-button-secondary-background: @button-secondary-background;
@inverse-button-secondary-color: @button-secondary-color;
@inverse-button-secondary-hover-background: @button-secondary-hover-background;
@inverse-button-secondary-hover-color: @button-secondary-hover-color;
@inverse-button-secondary-active-background: @button-secondary-active-background;
@inverse-button-secondary-active-color: @button-secondary-active-color;
@inverse-button-text-color: @inverse-global-emphasis-color;
@inverse-button-text-hover-color: @inverse-global-emphasis-color;
@inverse-button-link-hover-color: @inverse-global-color;
@container-small-max-width: 1000px;
@card-badge-height: 24px;
@card-badge-padding-horizontal: 8px;
@card-badge-font-size: 12px;
@card-hover-background: @global-background;
@card-default-background: @global-background;
@card-default-hover-background: @global-background;
@card-border-radius: 8px;
@card-hover-box-shadow: @global-small-box-shadow;
@card-default-box-shadow: @global-small-box-shadow;
@card-default-hover-box-shadow: @global-medium-box-shadow;
@card-primary-box-shadow: @global-medium-box-shadow;
@card-primary-hover-box-shadow: @global-large-box-shadow;
@card-secondary-box-shadow: @global-medium-box-shadow;
@card-secondary-hover-box-shadow: @global-large-box-shadow;
@card-badge-border-radius: 2px;
@card-badge-font-weight: 500;
@marker-hover-background: @global-primary-background;
@inverse-marker-background: @global-secondary-background;
@inverse-marker-color: @global-inverse-color;
@inverse-marker-hover-color: @global-inverse-color;
@inverse-marker-hover-background: @global-primary-background;
@alert-background: @global-background;
@alert-primary-background: @global-background;
@alert-success-background: @global-background;
@alert-warning-background: @global-background;
@alert-danger-background: @global-background;
@alert-border-radius: @global-border-radius;
@alert-box-shadow: @global-small-box-shadow;
@label-padding-vertical: 2px;
@label-padding-horizontal: 8px;
@label-font-size: 12px;
@label-border-radius: 2px;
@label-font-weight: 500;
@comment-primary-border-radius: 8px;
@search-default-background: darken(@global-muted-background, 2%);
@search-navbar-font-size: @global-font-size;
@search-toggle-color: @global-emphasis-color;
@search-toggle-hover-color: @global-primary-background;
@search-large-font-size: @global-large-font-size;
@search-default-border-radius: @global-border-radius;
@accordion-item-padding-top: @global-margin;
@accordion-item-border-width: @global-border-width;
@accordion-item-border: @global-border;
@accordion-title-font-family: @global-secondary-font-family;
@accordion-title-font-weight: @global-secondary-font-weight;
@accordion-title-text-transform: @global-secondary-text-transform;
@accordion-title-letter-spacing: @global-secondary-letter-spacing;
@accordion-title-font-style: @global-secondary-font-style;
@dropdown-background: @global-background;
@dropdown-nav-item-hover-color: @global-emphasis-color;
@dropdown-border-radius: @global-border-radius;
@dropdown-box-shadow: @global-small-box-shadow;
@dropdown-nav-subtitle-font-size: 12px;
@dropbar-padding-top: 20px;
@dropbar-background: @global-background;
@dropbar-top-box-shadow: 0 12px 15px -12px rgba(0, 0, 0, 0.11);
@dropbar-bottom-box-shadow: 0 -12px 15px -12px rgba(0, 0, 0, 0.11);
@dropbar-left-box-shadow: 16px 0 16px -20px rgba(0, 0, 0, 0.11);
@dropbar-right-box-shadow: -16px 0 16px -20px rgba(0, 0, 0, 0.11);
@slider-container-margin-left: -20px;
@slider-container-margin-right: -30px;
@tooltip-background: @global-secondary-background;
@tooltip-border-radius: @global-border-radius;
@nav-default-item-color: @global-emphasis-color;
@nav-default-item-hover-color: @global-primary-background;
@nav-default-item-active-color: @global-primary-background;
@nav-default-subtitle-font-size: 12px;
@nav-default-sublist-item-color: @global-emphasis-color;
@nav-default-sublist-item-hover-color: @global-primary-background;
@nav-default-sublist-item-active-color: @global-primary-background;
@nav-primary-font-size: @global-medium-font-size;
@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-subtitle-font-size: @global-small-font-size;
@nav-primary-sublist-font-size: @global-font-size;
@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;
@nav-secondary-item-hover-color: @global-primary-background;
@nav-secondary-item-active-color: @global-primary-background;
@nav-secondary-sublist-font-size: @nav-secondary-font-size;
@nav-secondary-sublist-item-color: @global-emphasis-color;
@nav-secondary-sublist-item-hover-color: @global-primary-background;
@nav-secondary-sublist-item-active-color: @global-primary-background;
@nav-dividers-margin-top: 7px;
@nav-primary-font-family: @global-secondary-font-family;
@nav-primary-font-weight: 500;
@nav-primary-text-transform: @global-secondary-text-transform;
@nav-primary-letter-spacing: @global-secondary-letter-spacing;
@nav-primary-font-style: @global-secondary-font-style;
@nav-secondary-item-padding-vertical: 15px;
@nav-secondary-item-padding-horizontal: 15px;
@nav-secondary-item-hover-background: fade(@global-primary-background, 3%);
@nav-secondary-item-active-background: fade(@global-primary-background, 3%);
@nav-secondary-font-weight: 500;
@nav-secondary-subtitle-color: @global-color;
@nav-secondary-subtitle-font-weight: @global-secondary-font-weight;
@inverse-nav-default-item-hover-color: @inverse-global-emphasis-color;
@inverse-nav-secondary-subtitle-color: @inverse-global-color;
@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: @global-background;
@navbar-gap: 35px;
@navbar-nav-gap: 35px;
@navbar-nav-item-padding-horizontal: 0;
@navbar-nav-item-color: @global-emphasis-color;
@navbar-toggle-color: @global-emphasis-color;
@navbar-toggle-hover-color: @global-primary-background;
@navbar-subtitle-font-size: 12px;
@navbar-dropdown-shift-margin: -@navbar-dropdown-padding;
@navbar-dropdown-padding: 20px;
@navbar-dropdown-background: @global-background;
@navbar-dropdown-large-shift-margin: -@navbar-dropdown-large-padding;
@navbar-dropdown-dropbar-large-padding-top: 50px;
@navbar-dropdown-dropbar-padding-top: 20px;
@navbar-dropdown-nav-subtitle-font-size: 12px;
@navbar-padding-top: 10px;
@navbar-padding-bottom: 10px;
@navbar-padding-top-m: 0;
@navbar-padding-bottom-m: 0;
@navbar-gap-m: 40px;
@navbar-nav-gap-m: 40px;
@navbar-nav-item-padding-horizontal-m: 0;
@navbar-nav-item-line-mode: true;
@navbar-nav-item-line-slide-mode: left;
@navbar-nav-item-line-margin-vertical: 22px;
@navbar-nav-item-line-margin-horizontal: @navbar-nav-item-padding-horizontal;
@navbar-nav-item-line-margin-horizontal-m: @navbar-nav-item-padding-horizontal-m;
@navbar-nav-item-line-height: 2px;
@navbar-nav-item-line-transition-duration: 0.3s;
@navbar-nav-item-line-hover-height: @navbar-nav-item-line-height;
@navbar-nav-item-line-onclick-height: @navbar-nav-item-line-height;
@navbar-nav-item-line-active-height: @navbar-nav-item-line-height;
@navbar-nav-item-font-weight: 500;
@navbar-primary-nav-item-font-size: @global-medium-font-size;
@navbar-dropdown-border-radius: @global-border-radius;
@navbar-dropdown-box-shadow: @global-small-box-shadow;
@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-item-color: @global-emphasis-color;
@subnav-item-hover-color: @global-primary-background;
@subnav-item-active-color: @global-primary-background;
@subnav-divider-border-height: 1.2em;
@subnav-pill-item-color: @global-emphasis-color;
@subnav-pill-item-border-radius: @global-border-radius;
@subnav-item-font-weight: 500;
@breadcrumb-divider: ">";
@breadcrumb-divider-margin-horizontal: 10px;
@breadcrumb-divider-color: @global-primary-background;
@pagination-margin-horizontal: 12px;
@pagination-item-padding-vertical: 5px;
@pagination-item-padding-horizontal: 13px;
@pagination-item-active-background: darken(@global-muted-background, 2%);
@pagination-item-border-radius: @global-border-radius;
@inverse-pagination-item-hover-background: @inverse-global-muted-background;
@inverse-pagination-item-active-background: @inverse-global-muted-background;
@tab-margin-horizontal: 35px;
@tab-item-padding-horizontal: 0;
@tab-vertical-item-padding-horizontal: 10px;
@tab-border-width: 0;
@tab-item-border-width: 2px;
@tab-border: transparent;
@tab-item-font-weight: 500;
@inverse-tab-item-active-border: @global-primary-background;
@slidenav-color: fade(@global-primary-background, 90%);
@slidenav-hover-color: fade(@global-primary-background, 50%);
@slidenav-active-color: fade(@global-primary-background, 90%);
@dotnav-item-hover-background: @global-secondary-background;
@dotnav-item-onclick-background: @global-primary-background;
@dotnav-item-active-background: @global-primary-background;
@inverse-dotnav-item-onclick-background: @global-secondary-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));
@thumbnav-item-border-radius: @global-border-radius;
@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;
@text-lead-font-size: 20px;
@text-large-font-size: @global-large-font-size;
@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;
@border-rounded-border-radius: 8px;
@logo-font-family: @global-primary-font-family;
@logo-font-weight: @global-primary-font-weight;
@logo-text-transform: @global-primary-text-transform;
@logo-letter-spacing: @global-primary-letter-spacing;
@inverse-global-color: fade(@global-inverse-color, 80%);
@inverse-global-muted-color: fade(@global-inverse-color, 60%);
@inverse-global-inverse-color: @global-emphasis-color;
@inverse-global-muted-background: fade(@global-inverse-color, 16%);