@internal-fonts: 'Lato:100,300|Open+Sans:300,400';
@global-font-family: 'Open Sans';
@global-font-size: 15px;
@global-line-height: 1.86;
@global-2xlarge-font-size: 42px;
@global-xlarge-font-size: 36px;
@global-large-font-size: 22px;
@global-medium-font-size: 20px;
@global-small-font-size: 13px;
@global-primary-font-family: Lato;
@global-primary-font-weight: 300;
@global-primary-text-transform: uppercase;
@global-primary-letter-spacing: inherit;
@global-primary-font-style: inherit;
@global-secondary-font-family: inherit;
@global-secondary-font-weight: inherit;
@global-secondary-text-transform: inherit;
@global-secondary-letter-spacing: inherit;
@global-secondary-font-style: inherit;
@global-color: #343434;
@global-emphasis-color: #111;
@global-muted-color: #b6b6b6;
@global-link-color: #f95860;
@global-link-hover-color: #5f5eea;
@global-inverse-color: #fff;
@global-background: #fff;
@global-muted-background: #f9fafe;
@global-primary-background: #f95860;
@global-secondary-background: #6766db;
@global-success-background: #02c2bb;
@global-warning-background: #ffc15e;
@global-danger-background: #f95860;
@global-border: #e7e7e7;
@global-border-width: 1px;
@global-border-radius: 2px;
@global-small-box-shadow: 0 8px 40px -6px rgba(105, 104, 178, 0.18);
@global-medium-box-shadow: 0 8px 50px -6px rgba(84, 84, 120, 0.26);
@global-large-box-shadow: 0 8px 50px 0 rgba(84, 84, 120, 0.30);
@global-xlarge-box-shadow: 0 8px 50px 0 rgba(84, 84, 120, 0.42);
@global-margin: 20px;
@global-small-margin: 10px;
@global-medium-margin: 40px;
@global-large-margin: 65px;
@global-xlarge-margin: 130px;
@global-gutter: 30px;
@global-small-gutter: 15px;
@global-medium-gutter: 40px;
@global-large-gutter: 65px;
@global-control-height: 45px;
@global-control-small-height: 30px;
@global-control-large-height: 55px;
@global-z-index: 1000;
@base-body-font-weight: 300;
@base-link-hover-text-decoration: none;
@base-code-color: #d65a60;
@base-em-color: #3c9bd2;
@base-h1-font-size: @global-2xlarge-font-size * 0.8; // 48px
@base-h2-line-height: 1.238;
@base-h3-line-height: 1.455;
@base-h5-line-height: 1.444;
@base-h6-line-height: 1.467;
@base-blockquote-font-size: 18px;
@base-selection-background: @global-primary-background;
@base-pre-padding: 20px;
@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-family: @global-primary-font-family;
@base-h5-font-weight: @global-primary-font-weight;
@base-h5-text-transform: @global-primary-text-transform;
@base-h5-letter-spacing: @global-primary-letter-spacing;
@base-h5-font-style: @global-primary-font-style;
@base-h6-font-family: @global-primary-font-family;
@base-h6-font-weight: @global-primary-font-weight;
@base-h6-text-transform: @global-primary-text-transform;
@base-h6-letter-spacing: @global-primary-letter-spacing;
@base-h6-font-style: @global-primary-font-style;
@base-blockquote-text-transform: none;
@inverse-base-link-hover-color: @inverse-global-muted-color;
@heading-small-font-size-m: 60px;
@heading-medium-font-size-l: 72px;
@heading-xlarge-font-size-l: 130px;
@heading-bullet-border-width: ~'calc(2px + 0.05em)';
@heading-bullet-border: @global-link-color;
@heading-line-border-width: ~'calc(2px + 0.02em)';
@heading-small-font-weight: 100;
@heading-medium-font-weight: 100;
@heading-large-font-weight: 100;
@heading-xlarge-font-weight: 100;
@heading-2xlarge-font-weight: 100;
@heading-3xlarge-font-weight: 100;
@divider-small-width: 80px;
@divider-small-border-width: 2px;
@divider-small-border: @global-primary-background;
@internal-divider-small-border-gradient: linear-gradient(90deg, #FE8155 0%, #F95462 35%, #ED7AA3 100%);
@list-margin-top: 14px;
@internal-list-bullet-image: "../../../../uikit-themes/master-sonic/images/list-bullet.svg";
@description-list-term-text-transform: @global-primary-text-transform;
@icon-link-color: @global-color;
@icon-link-hover-color: @global-link-color;
@icon-link-active-color: darken(@global-link-color, 10%);
@icon-button-size: 40px;
@icon-button-background: transparent;
@icon-button-color: @global-color;
@icon-button-hover-background: @global-primary-background;
@icon-button-hover-color: @global-inverse-color;
@icon-button-active-background: @global-color;
@icon-button-active-color: @global-inverse-color;
@icon-button-border-width: @global-border-width;
@icon-button-border: @icon-link-color;
@internal-icon-button-hover-gradient: linear-gradient(135deg, #ff7f58, #f95860);
@internal-icon-button-active-gradient: linear-gradient(135deg, spin(#ff7f58, 10%), spin(#f95860, 10%));
@inverse-icon-button-background: transparent;
@inverse-icon-button-color: @inverse-global-emphasis-color;
@inverse-icon-button-hover-background: @inverse-global-emphasis-color;
@inverse-icon-button-hover-color: @global-primary-background;
@inverse-icon-button-active-background: fade(@inverse-global-emphasis-color, 90%);
@inverse-icon-button-active-color: @global-primary-background;
@inverse-icon-button-border: @inverse-global-emphasis-color;
@form-range-track-height: @global-border-width;
@form-range-thumb-height: 13px;
@form-range-thumb-background: @global-primary-background;
@form-background: @global-background;
@form-focus-background: @global-background;
@form-radio-background: @global-background;
@form-radio-focus-background: @global-background;
@form-large-font-size: 18px;
@form-legend-font-size: @global-medium-font-size;
@form-border-mode: -bottom;
@form-border-width: @global-border-width;
@form-border: @global-border;
@form-focus-border: @global-color;
@form-danger-border: @global-danger-background;
@form-success-border: @global-success-background;
@form-blank-focus-border: @form-focus-border;
@form-radio-border-width: @global-border-width;
@form-radio-border: @global-border;
@form-radio-focus-border: @global-color;
@inverse-form-background: transparent;
@inverse-form-focus-background: transparent;
@inverse-form-radio-background: transparent;
@inverse-form-radio-focus-background: transparent;
@inverse-form-border: @inverse-global-border;
@inverse-form-focus-border: @inverse-global-color;
@inverse-form-radio-border: @inverse-global-border;
@inverse-form-radio-focus-border: @inverse-global-color;
@button-line-height: 42px;
@button-large-line-height: 48px;
@button-font-size: 17px;
@button-large-font-size: 17px;
@button-padding-horizontal: 20px;
@button-large-padding-horizontal: 30px;
@button-default-background: rgba(249, 250, 254, 0);
@button-default-color: @global-link-color;
@button-default-hover-background: @global-link-color;
@button-default-hover-color: @global-inverse-color;
@button-default-active-color: @global-inverse-color;
@button-primary-background: @global-link-color;
@button-disabled-background: transparent;
@button-text-line-height: 32px;
@button-text-hover-color: @global-primary-background;
@button-link-hover-color: @global-primary-background;
@button-text-mode: ~'';
@button-text-icon-mode: dash;
@internal-button-text-dash-padding: 10px;
@internal-button-text-dash-size: 15px;
@button-border-width: 1px;
@button-default-border: @global-link-color;
@button-disabled-border: @global-border;
@button-border-radius: 500px;
@internal-button-default-hover-gradient: linear-gradient(100deg, #FE8155 0%, #F95462 35%, #ED7AA3 100%);
@internal-button-default-active-gradient: linear-gradient(100deg, darken(#FE8155, 5%) 0%, darken(#F95462, 5%) 35%, darken(#ED7AA3, 5%) 100%);
@internal-button-primary-gradient: linear-gradient(100deg, #FE8155 0%, #F95462 35%, #ED7AA3 100%);
@internal-button-primary-hover-gradient: linear-gradient(100deg, spin(#FE8155, 10%) 0%, spin(#F95462, 10%) 35%, spin(#ED7AA3, 10%) 100%);
@internal-button-primary-active-gradient: linear-gradient(100deg, spin(#FE8155, 8%) 0%, spin(#F95462, 8%) 35%, spin(#ED7AA3, 8%) 100%);
@button-default-hover-box-shadow: @global-medium-box-shadow;
@button-primary-hover-box-shadow: @global-medium-box-shadow;
@button-secondary-hover-box-shadow: @global-medium-box-shadow;
@button-danger-hover-box-shadow: @global-medium-box-shadow;
@inverse-button-default-background: transparent;
@inverse-button-default-color: @inverse-global-emphasis-color;
@inverse-button-default-hover-background: @inverse-global-emphasis-color;
@inverse-button-default-hover-color: @global-link-color;
@inverse-button-default-active-background: @inverse-global-emphasis-color;
@inverse-button-default-active-color: @global-link-color;
@inverse-button-primary-color: @global-link-color;
@inverse-button-primary-hover-background: fade(@inverse-button-primary-background, 90%);
@inverse-button-primary-hover-color: @global-link-color;
@inverse-button-secondary-color: @global-link-hover-color;
@inverse-button-secondary-hover-background: fade(@inverse-button-secondary-background, 90%);
@inverse-button-secondary-hover-color: @global-link-hover-color;
@inverse-button-default-border: @global-inverse-color;
@internal-progress-bar-gradient: linear-gradient(45deg, #FE8155 0%, #F95462 35%, #ED7AA3 100%);
@internal-section-primary-gradient: linear-gradient(135deg, #fe8155 0%, #fa5565 30%, #f07297 70%, #febdd5 100%);
@internal-section-secondary-gradient: linear-gradient(135deg, #605cee 0%, #7571c8 100%);
@internal-section-default-image: "../../master-sonic/images/section-background-image-lines.svg";
@internal-tile-primary-gradient: linear-gradient(135deg, #f95860, #ff7f58);
@internal-tile-secondary-gradient: linear-gradient(135deg, #605cee, #7571c8);
@card-title-font-size: 26px;
@card-badge-height: 28px;
@card-badge-padding-horizontal: 13px;
@card-hover-background: @global-background;
@card-default-background: @global-background;
@card-default-hover-background: @global-background;
@card-large-body-padding-horizontal-l: 55px;
@card-large-body-padding-vertical-l: 55px;
@card-badge-font-weight: 400;
@card-badge-border-radius: 500px;
@internal-card-badge-gradient: linear-gradient(100deg, #FE8155 0%, #F95462 50%, #ED7AA3 100%);
@internal-card-primary-gradient: linear-gradient(135deg, #f95860, #ff7f58);
@internal-card-primary-hover-gradient: linear-gradient(135deg, spin(#f95860, -5%), spin(#ff7f58, -5%));
@internal-card-secondary-gradient: linear-gradient(135deg, #605cee, #7571c8);
@internal-card-secondary-hover-gradient: linear-gradient(135deg, spin(#605cee, -5%), spin(#7571c8, -5%));
@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-box-shadow: @global-large-box-shadow;
@card-primary-hover-box-shadow: @global-xlarge-box-shadow;
@card-secondary-box-shadow: @global-large-box-shadow;
@card-secondary-hover-box-shadow: @global-xlarge-box-shadow;
@alert-primary-background: #f4f4ff;
@alert-primary-color: #525298;
@alert-success-background: #e8f6ee;
@alert-success-color: #3f7758;
@alert-warning-color: #dd810a;
@alert-danger-background: #ffefed;
@alert-danger-color: #bd4b3e;
@label-font-weight: 400;
@label-border-radius: 500px;
@article-title-text-transform: inherit;
@article-meta-text-transform: @global-primary-text-transform;
@comment-title-font-size: @global-font-size;
@search-default-padding-horizontal: 0;
@search-default-background: @global-background;
@search-default-focus-background: @global-background;
@search-default-icon-padding: 12px;
@search-navbar-padding-horizontal: 20px;
@search-navbar-focus-background: darken(@search-navbar-background, 2%);
@search-medium-padding-horizontal: 20px;
@search-medium-font-size: @global-medium-font-size;
@search-large-padding-horizontal: 30px;
@search-large-font-size: 40px;
@search-toggle-color: @global-color;
@search-toggle-hover-color: @global-link-color;
@search-default-border-mode: -bottom;
@search-default-border-width: @global-border-width;
@search-default-border: @global-border;
@search-default-focus-border: @global-color;
@search-navbar-border-width: @global-border-width;
@search-navbar-border: @global-border;
@search-navbar-focus-border: @search-navbar-border;
@search-medium-border-width: @global-border-width;
@search-medium-border: @global-border;
@search-medium-focus-border: @search-medium-border;
@search-large-border-width: @global-border-width;
@search-large-border: @global-border;
@search-large-focus-border: @search-large-border;
@search-navbar-border-radius: 500px;
@search-medium-border-radius: 500px;
@search-large-border-radius: 500px;
@inverse-search-default-background: transparent;
@inverse-search-default-focus-background: transparent;
@inverse-search-medium-background: @inverse-global-muted-background;
@inverse-search-large-background: @inverse-global-muted-background;
@inverse-search-default-border: @inverse-global-border;
@inverse-search-default-focus-border: @inverse-global-color;
@inverse-search-navbar-border: @inverse-global-border;
@inverse-search-navbar-focus-border: @inverse-global-border;
@inverse-search-medium-border: @inverse-global-border;
@inverse-search-medium-focus-border: @inverse-global-border;
@inverse-search-large-border: @inverse-global-border;
@inverse-search-large-focus-border: @inverse-global-border;
@accordion-default-title-font-size: 18px;
@accordion-default-title-hover-color: @global-link-color;
@dropdown-padding: 25px;
@dropdown-background: @global-background;
@dropdown-dropbar-margin: 0;
@dropdown-dropbar-padding-top: ~'calc(@{dropdown-padding} - 7px)';
@dropdown-dropbar-large-padding-top: ~'calc(@{dropdown-large-padding} - 7px)';
@dropdown-nav-item-color: @global-color;
@dropdown-nav-item-hover-color: @global-link-color;
@dropdown-nav-subtitle-font-size: 12px;
@dropdown-nav-sublist-item-hover-color: @global-link-color;
@dropdown-nav-sublist-padding-left: 20px;
@dropdown-nav-font-size: 18px;
@dropdown-nav-text-transform: none;
@dropdown-box-shadow: @global-medium-box-shadow;
@dropbar-padding-top: 5px;
@dropbar-padding-bottom: 40px;
@dropbar-background: @global-background;
@dropbar-top-box-shadow: 0 4px 4px -2px rgba(30, 30, 30, 0.07);
@dropbar-bottom-box-shadow: 0 -4px 4px -2px rgba(30, 30, 30, 0.07);
@dropbar-left-box-shadow: 12px 0 10px -12px rgba(30, 30, 30, 0.1);
@dropbar-right-box-shadow: -12px 0 10px -12px rgba(30, 30, 30, 0.1);
@modal-title-font-size: 30px;
@slider-container-margin-left: -50px;
@offcanvas-bar-padding-vertical: 15px;
@offcanvas-bar-padding-horizontal: 25px;
@offcanvas-bar-background: @global-background;
@offcanvas-bar-color-mode: dark;
@offcanvas-bar-box-shadow: 5px 0 14px 0 rgba(0, 0, 0, 0.06);
@nav-default-subtitle-font-size: 12px;
@nav-primary-font-size: 30px;
@nav-primary-line-height: 1.2;
@nav-primary-subtitle-font-size: @global-font-size;
@nav-secondary-subtitle-color: @global-emphasis-color;
@nav-secondary-sublist-font-size: @nav-secondary-font-size;
@nav-secondary-sublist-item-color: @global-emphasis-color;
@nav-secondary-sublist-item-hover-color: @global-muted-color;
@nav-secondary-sublist-item-active-color: @global-primary-background;
@nav-medium-font-size: 52px;
@nav-medium-font-size-m: 63px;
@nav-medium-font-size-l: 72px;
@nav-large-font-size: @nav-medium-font-size-m;
@nav-large-font-size-m: @nav-medium-font-size-l;
@nav-large-font-size-l: 90px;
@nav-xlarge-font-size: @nav-large-font-size-m;
@nav-xlarge-font-size-m: @nav-large-font-size-l;
@nav-xlarge-font-size-l: 130px;
@nav-primary-item-padding-vertical: 8px;
@nav-secondary-margin-top: 2px;
@nav-secondary-item-padding-vertical: 10px;
@nav-secondary-item-padding-horizontal: 14px;
@nav-secondary-item-hover-background: @global-muted-background;
@nav-secondary-item-active-background: @global-muted-background;
@nav-primary-subtitle-text-transform: none;
@nav-primary-subtitle-line-height: 1.2;
@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-nav-item-height: 106px;
@navbar-nav-item-color: @global-color;
@navbar-nav-item-hover-color: @global-link-color;
@navbar-nav-item-onclick-color: @global-link-color;
@navbar-nav-item-active-color: @global-link-color;
@navbar-toggle-color: @global-color;
@navbar-toggle-hover-color: @global-link-color;
@navbar-subtitle-font-size: 12px;
@navbar-dropdown-shift-margin: -@navbar-dropdown-padding;
@navbar-dropdown-padding: 25px;
@navbar-dropdown-background: @global-background;
@navbar-dropdown-large-shift-margin: -@navbar-dropdown-large-padding;
@navbar-dropdown-nav-item-color: @global-color;
@navbar-dropdown-nav-item-hover-color: @global-link-color;
@navbar-dropdown-nav-item-active-color: @global-link-color;
@navbar-dropdown-nav-subtitle-font-size: 12px;
@navbar-dropdown-nav-sublist-item-hover-color: @global-link-color;
@navbar-gap-m: 50px;
@navbar-nav-gap-m: 50px;
@navbar-nav-item-line-mode: true;
@navbar-nav-item-line-slide-mode: left;
@navbar-nav-item-line-margin-vertical: (@navbar-nav-item-height / 3);
@navbar-nav-item-line-height: 2px;
@navbar-nav-item-line-transition-duration: 0.4s;
@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-subtitle-color: @global-color;
@navbar-subtitle-line-height: 1.4;
@navbar-primary-nav-item-font-size: @global-medium-font-size;
@navbar-primary-nav-item-font-weight: @navbar-nav-item-font-weight;
@navbar-dropdown-nav-subtitle-color: @global-color;
@navbar-dropdown-nav-subtitle-line-height: 1.4;
@internal-navbar-nav-item-line-gradient: linear-gradient(100deg, #FE8155 0%, #F95462 35%, #ED7AA3 100%);
@navbar-sticky-box-shadow: 0 2px 5px 0 rgba(30, 30, 30, 0.09);
@navbar-dropdown-box-shadow: 0 2px 5px 0 rgba(30, 30, 30, 0.09);
@subnav-divider-margin-horizontal: 10px;
@subnav-divider-border-height: 1px;
@subnav-divider-border-width: 12px;
@subnav-pill-item-padding-vertical: 3px;
@subnav-pill-item-padding-horizontal: 15px;
@subnav-pill-item-hover-background: @global-background;
@subnav-item-font-size: 13px;
@subnav-item-text-transform: @global-primary-text-transform;
@subnav-pill-item-border-radius: 500px;
@internal-subnav-pill-item-active-gradient: linear-gradient(100deg, #FE8155 0%, #F95462 50%, #ED7AA3 100%);
@subnav-pill-item-hover-box-shadow: @global-small-box-shadow;
@inverse-subnav-item-color: @inverse-global-emphasis-color;
@inverse-subnav-item-hover-color: fade(@global-inverse-color, 80%);
@inverse-subnav-pill-item-onclick-background: @inverse-global-emphasis-color;
@inverse-subnav-pill-item-onclick-color: @global-color;
@inverse-subnav-pill-item-active-background: @inverse-global-emphasis-color;
@inverse-subnav-pill-item-active-color: @global-color;
@breadcrumb-divider: "//";
@pagination-item-padding-vertical: 0;
@tab-item-color: @global-color;
@tab-item-hover-color: @global-link-color;
@tab-item-active-color: @global-link-color;
@tab-item-text-transform: @global-primary-text-transform;
@tab-border: rgba(0, 0, 0, 0);
@tab-item-border-width: 2px;
@tab-item-hover-border: @global-link-color;
@tab-item-active-border: @global-link-color;
@slidenav-padding-vertical: 11px;
@slidenav-padding-horizontal: 13px;
@slidenav-color: fade(@global-color, 70%);
@slidenav-hover-color: @global-color;
@slidenav-active-color: @global-color;
@slidenav-large-padding-vertical: 16px;
@slidenav-large-padding-horizontal: 20px;
@slidenav-border-width: 1px;
@slidenav-border: fade(@global-color, 70%);
@slidenav-hover-border: @global-color;
@slidenav-active-border: @global-color;
@slidenav-border-radius: 50%;
@inverse-slidenav-border: fade(@global-inverse-color, 60%);
@inverse-slidenav-hover-border: @global-inverse-color;
@inverse-slidenav-active-border: @global-inverse-color;
@dotnav-item-width: 14px;
@dotnav-item-background: transparent;
@dotnav-item-hover-background: @global-primary-background;
@dotnav-item-onclick-background: @global-primary-background;
@dotnav-item-active-background: @global-primary-background;
@dotnav-item-border-width: 1px;
@dotnav-item-border: fade(@global-muted-color, 50%);
@inverse-dotnav-item-background: transparent;
@inverse-dotnav-item-border: @global-inverse-color;
@inverse-dotnav-item-active-border: @global-inverse-color;
@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-color;
@iconnav-item-hover-color: @global-primary-background;
@iconnav-item-active-color: @global-primary-background;
@width-small-width: 120px;
@text-lead-font-size: @global-medium-font-size;
@text-meta-font-size: 16px;
@text-meta-line-height: 1.188;
@text-large-font-size: 26px;
@text-lead-font-family: @global-font-family;
@text-lead-text-transform: none;
@text-meta-text-transform: uppercase;
@internal-text-background-color-gradient: linear-gradient(45deg, #FE8155 0%, #F95462 35%, #f36884 60%, #F69EBE 100%);
@logo-font-family: @global-primary-font-family;
@logo-text-transform: @global-primary-text-transform;