@internal-fonts: 'Varela+Round:400';
@global-font-family: 'Varela Round';
@global-font-size: 16px;
@global-line-height: 1.6;
@global-2xlarge-font-size: 42px;
@global-xlarge-font-size: 36px;
@global-large-font-size: 24px;
@global-medium-font-size: 20px;
@global-small-font-size: 14px;
@global-primary-font-family: inherit;
@global-primary-font-weight: 400;
@global-primary-text-transform: inherit;
@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: #868585;
@global-emphasis-color: #3d1a4a;
@global-muted-color: #afafaf;
@global-link-color: #6852ed;
@global-link-hover-color: #ef7171;
@global-inverse-color: #fff;
@global-background: #fff;
@global-muted-background: #f8f8f8;
@global-primary-background: #6852ED;
@global-secondary-background: #EF7171;
@global-success-background: #93dd7e;
@global-warning-background: #ff9f3c;
@global-danger-background: #f74163;
@global-border-width: 2px;
@global-border: #f4f4f4;
@global-border-radius: 10px;
@global-small-box-shadow: 0 1px 10px 0 rgba(0,0,0,0.08);
@global-medium-box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.08);
@global-large-box-shadow: 0 10px 50px 5px rgba(0, 0, 0, 0.08);
@global-xlarge-box-shadow: 0 10px 60px 10px rgba(0, 0, 0, 0.08);
@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: 54px;
@global-z-index: 1000;
@base-link-hover-text-decoration: none;
@base-code-color: #ff9090;
@base-em-color: @global-secondary-background;
@base-ins-background: fade(@global-primary-background, 8%);
@base-ins-color: #8e8b99;
@base-mark-background: fade(@global-secondary-background, 8%);
@base-mark-color: #897878;
@base-list-padding-left: 50px;
@base-blockquote-line-height: 1.7;
@base-selection-background: @global-primary-background;
@base-code-padding-horizontal: 5px;
@base-code-padding-vertical: 5px;
@inverse-base-link-hover-color: @inverse-global-muted-color;
@link-muted-hover-color: @global-secondary-background;
@link-text-hover-color: @global-secondary-background;
@heading-large-font-size-l: 100px;
@heading-divider-border-width: ~'calc(2px + 0.04em)';
@heading-bullet-border-width: ~'calc(2px + 0.1em)';
@heading-line-border-width: ~'calc(2px + 0.04em)';
@divider-icon-color: darken(@global-border, 5%);
@divider-icon-line-border: darken(@global-border, 5%);
@divider-small-border: darken(@global-border, 5%);
@description-list-term-color: lighten(@global-emphasis-color, 10%);
@description-list-term-margin-top: 30px;
@description-list-term-font-size: @global-medium-font-size;
@description-list-term-font-weight: @global-primary-font-weight;
@table-header-cell-color: @global-emphasis-color;
@table-row-active-background: @global-muted-background;
@table-divider-border-width: 1px;
@table-hover-row-background: @global-muted-background;
@table-divider-header-border-width: @global-border-width;
@table-divider-header-border: @global-secondary-background;
@icon-link-hover-color: @global-secondary-background;
@icon-link-active-color: @global-primary-background;
@icon-button-background: @global-primary-background;
@icon-button-color: @global-inverse-color;
@icon-button-hover-background: @global-secondary-background;
@icon-button-hover-color: @global-inverse-color;
@icon-button-active-background: @global-primary-background;
@icon-button-active-color: @global-inverse-color;
@internal-icon-button-hover-gradient: linear-gradient(45deg, @global-secondary-background, saturate(spin(@global-secondary-background, 5), 21%));
@internal-icon-button-active-gradient: @global-primary-background;
@inverse-icon-button-background: @inverse-global-primary-background;
@inverse-icon-button-color: @global-primary-background;
@inverse-icon-button-hover-color: @global-secondary-background;
@inverse-icon-button-active-background: fade(@inverse-global-primary-background, 90%);
@inverse-icon-button-active-color: @global-secondary-background;
@form-range-track-height: 2px;
@form-range-thumb-height: 14px;
@form-range-thumb-background: @global-primary-background;
@form-background: @global-background;
@form-focus-background: @global-muted-background;
@form-border-mode: -bottom;
@form-border-width: 1px;
@form-border: darken(@global-border, 6%);
@form-radio-focus-box-shadow: fade(@global-primary-background, 55%);
@inverse-form-background: rgba(255, 255, 255, 0);
@inverse-form-border: @inverse-global-border;
@button-line-height: @global-control-height;
@button-small-line-height: @global-control-small-height;
@button-large-line-height: @global-control-large-height;
@button-font-size: @global-small-font-size;
@button-large-font-size: @global-small-font-size;
@button-padding-horizontal: 38px;
@button-small-padding-horizontal: 20px;
@button-large-padding-horizontal: 54px;
@button-default-background: transparent;
@button-default-hover-background: transparent;
@button-text-hover-color: @global-color;
@button-link-hover-color: @global-color;
@button-transition-duration: 0.2s;
@button-text-mode: ~'';
@button-text-icon-mode: arrow;
@internal-button-text-arrow-image: "../../../../uikit-themes/master-flow/images/button-text-arrow.svg";
@internal-button-text-arrow-padding: 20px;
@internal-button-text-arrow-width: 26px;
@button-text-transform: none;
@button-letter-spacing: 0.5px;
@button-border-width: @global-border-width;
@button-default-border: darken(@global-border, 10%);
@button-default-hover-border: @global-secondary-background;
@button-default-active-border: darken(@button-default-hover-border, 10%);
@button-border-radius: 500px;
@button-large-border-radius: 500px;
@internal-button-primary-gradient: linear-gradient(45deg, @global-primary-background 40%, saturate(spin(@global-primary-background, 30), 33%));
@internal-button-primary-hover-gradient: linear-gradient(45deg, @global-primary-background 40%, saturate(spin(@global-primary-background, 30), 55%));
@internal-button-secondary-gradient: linear-gradient(45deg, @global-secondary-background 40%, darken(saturate(spin(@global-secondary-background, 5), 10%), 3%));
@internal-button-secondary-hover-gradient: linear-gradient(45deg, @global-secondary-background 40%, darken(saturate(spin(@global-secondary-background, 5), 20%), 5%));
@button-default-hover-box-shadow: inset 0 0 10px fade(@global-secondary-background, 20%), 0 0 10px fade(@global-secondary-background, 20%);
@button-primary-hover-box-shadow: 0 0 30px 0 saturate(fade(@global-primary-background, 50%), 70%);
@button-secondary-hover-box-shadow: 0 0 30px 0 saturate(fade(@global-secondary-background, 50%), 70%);
@inverse-button-default-background: transparent;
@inverse-button-default-color: @global-inverse-color;
@inverse-button-default-hover-background: transparent;
@inverse-button-default-hover-color: fade(@global-inverse-color, 70%);
@inverse-button-default-active-background: transparent;
@inverse-button-default-active-color: @global-inverse-color;
@inverse-button-primary-color: @global-emphasis-color;
@inverse-button-primary-hover-background: rgba(255, 255, 255, 0.85);
@inverse-button-primary-hover-color: @global-emphasis-color;
@inverse-button-primary-active-background: @global-inverse-color;
@inverse-button-primary-active-color: @global-emphasis-color;
@inverse-button-secondary-color: @global-emphasis-color;
@inverse-button-secondary-hover-background: rgba(255, 255, 255, 0.85);
@inverse-button-secondary-hover-color: @global-emphasis-color;
@inverse-button-secondary-active-background: @global-inverse-color;
@inverse-button-secondary-active-color: @global-emphasis-color;
@inverse-button-text-color: rgba(255, 255, 255, 0.85);
@inverse-button-link-hover-color: @inverse-global-color;
@inverse-button-default-border: @global-inverse-color;
@inverse-button-default-hover-border: fade(@global-inverse-color, 70%);
@inverse-button-default-active-border: fade(@global-inverse-color, 70%);
@progress-height: 25px;
@internal-section-default-background-repeat: no-repeat;
@internal-section-muted-background-repeat: no-repeat;
@internal-section-primary-background-repeat: no-repeat;
@internal-section-secondary-background-repeat: no-repeat;
@internal-section-default-overlap-image: "../../../../uikit-themes/master-flow/images/section-overlap-image.svg";
@internal-section-muted-overlap-image: "../../../../uikit-themes/master-flow/images/section-overlap-image.svg";
@internal-section-primary-overlap-image: "../../../../uikit-themes/master-flow/images/section-overlap-image.svg";
@internal-section-secondary-overlap-image: "../../../../uikit-themes/master-flow/images/section-overlap-image.svg";
@internal-section-overlap-height: 50px;
@internal-section-overlap-background-size: cover;
.hook-section-overlap() { background-image: none; }
@container-max-width: 1300px;
@card-body-padding-horizontal: 40px;
@card-body-padding-vertical: 40px;
@card-body-padding-horizontal-l: 50px;
@card-body-padding-vertical-l: 60px;
@card-header-padding-horizontal: 20px;
@card-header-padding-vertical: 35px;
@card-header-padding-horizontal-l: 20px;
@card-header-padding-vertical-l: 25px;
@card-badge-top: 20px;
@card-badge-right: @card-badge-top;
@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: @card-default-background;
@card-secondary-background: darken(@global-secondary-background, 5%);
@card-border-radius: @global-border-radius;
@card-badge-border-radius: 500px;
@internal-card-badge-gradient: linear-gradient(45deg, @global-primary-background, saturate(spin(@global-primary-background, 30), 21%));
@internal-card-primary-gradient: linear-gradient(45deg, @global-primary-background, saturate(spin(@global-primary-background, 30), 21%));
@internal-card-primary-hover-gradient: linear-gradient(45deg, @global-primary-background, saturate(spin(@global-primary-background, 30), 21%));
@internal-card-secondary-gradient: linear-gradient(45deg, @global-secondary-background, saturate(spin(@global-secondary-background, 5), 21%));
@internal-card-secondary-hover-gradient: linear-gradient(45deg, @global-secondary-background, saturate(spin(@global-secondary-background, 5), 21%));
@card-hover-box-shadow: @global-large-box-shadow;
@card-default-box-shadow: @global-medium-box-shadow;
@card-default-hover-box-shadow: @global-large-box-shadow;
@card-primary-box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 0.1);
@card-primary-hover-box-shadow: 0 10px 60px 0 saturate(fade(@global-primary-background, 50%), 60%);
@card-secondary-box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 0.05);
@card-secondary-hover-box-shadow: 0 10px 60px 0 saturate(fade(@global-secondary-background, 50%), 60%);
@close-hover-color: @global-primary-background;
@spinner-stroke-width: 2px;
@spinner-duration: 1.2s;
@marker-padding: 0px;
@marker-background: @global-background;
@marker-hover-background: @global-background;
@marker-border-width: 8px;
@marker-border: @global-secondary-background;
@marker-hover-border: darken(@global-secondary-background, 5%);
@inverse-marker-color: fade(@global-primary-background, 90%);
@inverse-marker-hover-color: @global-primary-background;
@totop-padding: 8px;
@totop-color: @global-emphasis-color;
@totop-hover-color: @global-inverse-color;
@totop-hover-background: @global-secondary-background;
@totop-border-radius: 500px;
@alert-success-background: lighten(tint(@global-success-background, 40%), 14%);
@placeholder-border: @global-primary-background;
@placeholder-border-style: none;
@placeholder-border-radius: @global-border-radius;
@placeholder-box-shadow: @global-small-box-shadow;
@badge-size: 20px;
@badge-font-size: 12px;
@internal-badge-gradient: linear-gradient(45deg, @global-primary-background, saturate(spin(@global-primary-background, 30), 21%));
@label-border-radius: 500px;
@internal-overlay-primary-gradient: linear-gradient(45deg, @global-secondary-background, saturate(spin(@global-secondary-background, 5), 21%));
@article-title-font-size: @global-xlarge-font-size;
@article-title-line-height: 1.5;
@article-meta-color: @global-color;
@article-meta-link-hover-color: @global-primary-background;
@comment-title-font-size: @global-font-size;
@comment-meta-color: @global-color;
@search-color: @global-emphasis-color;
@search-placeholder-color: @global-color;
@search-icon-color: @global-color;
@search-default-background: @global-background;
@search-default-focus-background: @global-muted-background;
@search-toggle-color: @global-color;
@search-toggle-hover-color: @global-emphasis-color;
@search-default-border-mode: -bottom;
@search-default-border-width: 1px;
@search-default-border: darken(@global-border, 6%);
@inverse-search-color: @global-inverse-color;
@inverse-search-placeholder-color: fade(@global-inverse-color, 60%);
@inverse-search-icon-color: fade(@global-inverse-color, 60%);
@inverse-search-default-background: rgba(255, 255, 255, 0);
@inverse-search-toggle-hover-color: @global-inverse-color;
@inverse-search-default-border: @inverse-global-border;
@accordion-item-margin-top: @global-medium-margin;
@accordion-title-line-height: 1.7;
@accordion-title-hover-color: @global-primary-background;
@accordion-content-margin-top: 25px;
@accordion-icon-color: @global-emphasis-color;
@drop-width: 400px;
@dropdown-padding: 35px;
@dropdown-background: @global-background;
@dropdown-nav-item-hover-color: @global-emphasis-color;
@dropdown-nav-subtitle-font-size: 13px;
@dropdown-nav-sublist-item-hover-color: @global-emphasis-color;
@dropdown-border-radius: @global-border-radius;
@dropdown-box-shadow: @global-medium-box-shadow;
@dropbar-padding-top: 0;
@dropbar-padding-bottom: 20px;
@dropbar-background: @global-background;
@dropbar-top-box-shadow: 0 30px 50px -45px rgba(0, 0, 0, 0.15);
@dropbar-bottom-box-shadow: 0 -30px 50px -45px rgba(0, 0, 0, 0.15);
@dropbar-left-box-shadow: 30px 0 45px -45px rgba(0, 0, 0, 0.15);
@dropbar-right-box-shadow: -30px 0 45px -45px rgba(0, 0, 0, 0.15);
@slider-container-margin-top: -45px;
@slider-container-margin-bottom: -45px;
@slider-container-margin-left: -39px;
@slider-container-margin-right: -39px;
@sticky-animation-duration: 3.5s;
@offcanvas-bar-width: 340px;
@offcanvas-bar-background: @global-background;
@offcanvas-bar-color-mode: dark;
@offcanvas-bar-width-s: 450px;
@offcanvas-overlay-background: rgba(0, 0, 0, 0.08);
@offcanvas-bar-box-shadow: 0 15px 60px 0 rgba(122, 20, 239, 0.05);
@leader-color: #ededed;
@notification-message-background: @global-background;
@notification-message-border-radius: @global-border-radius;
@notification-message-box-shadow: @global-small-box-shadow;
@tooltip-margin: 15px;
@tooltip-padding-vertical: 5px;
@tooltip-padding-horizontal: 15px;
@tooltip-background: @global-secondary-background;
@tooltip-border-radius: 20px;
@nav-sublist-item-padding-vertical: 4px;
@nav-default-line-height: 1.4;
@nav-default-item-color: @global-color;
@nav-default-item-hover-color: @global-emphasis-color;
@nav-default-subtitle-font-size: 13px;
@nav-default-divider-border-width: 1px;
@nav-default-sublist-line-height: 1.4;
@nav-default-sublist-item-color: @global-color;
@nav-default-sublist-item-hover-color: @global-emphasis-color;
@nav-primary-line-height: 1.4;
@nav-primary-item-color: @global-color;
@nav-primary-item-hover-color: @global-emphasis-color;
@nav-primary-subtitle-font-size: @global-small-font-size;
@nav-primary-divider-border-width: 1px;
@nav-primary-sublist-line-height: 1.4;
@nav-primary-sublist-item-color: @global-color;
@nav-primary-sublist-item-hover-color: @global-emphasis-color;
@nav-secondary-item-hover-color: @global-primary-background;
@nav-secondary-item-active-color: @global-primary-background;
@nav-secondary-subtitle-color: @global-color;
@nav-secondary-subtitle-hover-color: @global-primary-background;
@nav-secondary-subtitle-active-color: @global-primary-background;
@nav-secondary-sublist-font-size: @global-font-size;
@nav-secondary-sublist-item-color: @global-color;
@nav-secondary-sublist-item-hover-color: @global-emphasis-color;
@nav-large-font-size-l: 100px;
@nav-dividers-margin-top: 10px;
@nav-dividers-border-width: 1px;
@nav-primary-item-padding-vertical: 7px;
@nav-secondary-margin-top: 6px;
@nav-secondary-item-padding-vertical: 12px;
@nav-secondary-item-padding-horizontal: 15px;
@nav-secondary-item-hover-background: fade(@global-primary-background, 3%);
@nav-secondary-item-active-background: @nav-secondary-item-hover-background;
@nav-secondary-subtitle-line-height: 1.5;
@nav-secondary-item-border-radius: 7px;
@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-nav-gap: 0px;
@navbar-nav-item-height: 100px;
@navbar-nav-item-padding-horizontal: 15px;
@navbar-nav-item-color: @global-color;
@navbar-nav-item-font-size: 15px;
@navbar-nav-item-hover-color: @global-emphasis-color;
@navbar-toggle-color: @global-emphasis-color;
@navbar-subtitle-font-size: 13px;
@navbar-dropdown-margin: 10px;
@navbar-dropdown-shift-margin: -((@navbar-dropdown-nav-item-padding-horizontal + @navbar-dropdown-padding) - @navbar-nav-item-padding-horizontal-m);
@navbar-dropdown-width: 250px;
@navbar-dropdown-background: @global-background;
@navbar-dropdown-large-shift-margin: -((@navbar-dropdown-nav-item-padding-horizontal + @navbar-dropdown-large-padding) - @navbar-nav-item-padding-horizontal-m);
@navbar-dropdown-nav-item-color: @global-color;
@navbar-dropdown-nav-item-hover-color: @global-background;
@navbar-dropdown-nav-subtitle-font-size: 13px;
@navbar-dropdown-nav-sublist-item-hover-color: @global-emphasis-color;
@navbar-gap-m: 20px;
@navbar-nav-gap-m: 0;
@navbar-nav-item-padding-horizontal-m: 20px;
@navbar-nav-item-transition-duration: 0.3s;
@navbar-nav-item-line-mode: true;
@navbar-nav-item-line-position-mode: top;
@navbar-nav-item-line-height: 0;
@navbar-nav-item-line-hover-height: 3px;
@navbar-nav-item-line-onclick-height: 3px;
@navbar-nav-item-line-active-height: 3px;
@navbar-primary-gap: 20px;
@navbar-primary-gap-m: 25px;
@navbar-primary-nav-item-padding-horizontal: 20px;
@navbar-primary-nav-item-padding-horizontal-m: 25px;
@navbar-dropdown-nav-item-padding-vertical: 12px;
@navbar-dropdown-nav-item-padding-horizontal: 20px;
@navbar-dropdown-nav-item-hover-background: @global-primary-background;
@navbar-subtitle-text-transform: none;
@navbar-primary-nav-item-font-size: @global-medium-font-size;
@navbar-dropdown-nav-font-size: @global-small-font-size;
@navbar-dropdown-nav-subtitle-text-transform: none;
@navbar-dropdown-border-radius: @global-border-radius;
@navbar-dropdown-nav-item-border-radius: 5px;
@internal-navbar-nav-item-line-gradient: linear-gradient(45deg, @global-primary-background, saturate(spin(@global-primary-background, 30), 21%));
@navbar-sticky-box-shadow: @global-small-box-shadow;
@navbar-dropdown-box-shadow: @global-large-box-shadow;
@inverse-navbar-nav-item-color: @global-inverse-color;
@inverse-navbar-nav-item-hover-color: @global-inverse-color;
@inverse-navbar-nav-item-onclick-color: @inverse-global-color;
@inverse-navbar-toggle-color: @global-inverse-color;
@inverse-navbar-toggle-hover-color: @inverse-global-muted-color;
@inverse-navbar-nav-item-line-background: @global-background;
@subnav-margin-horizontal: 30px;
@subnav-item-color: @global-color;
@subnav-item-hover-color: @global-emphasis-color;
@subnav-divider-margin-horizontal: 30px;
@subnav-divider-border-width: 1px;
@subnav-divider-border: darken(@global-border, 6%);
@subnav-pill-item-padding-horizontal: 20px;
@subnav-pill-item-hover-background: @global-secondary-background;
@subnav-pill-item-hover-color: @global-inverse-color;
@subnav-pill-item-onclick-background: @global-secondary-background;
@subnav-item-font-size: @global-small-font-size;
@subnav-pill-item-border-radius: 500px;
@inverse-subnav-item-hover-color: @global-inverse-color;
@breadcrumb-item-color: @global-color;
@breadcrumb-item-hover-color: @global-primary-background;
@breadcrumb-item-active-color: lighten(@global-color, 5%);
@breadcrumb-divider: "|";
@breadcrumb-divider-margin-horizontal: @global-margin;
@breadcrumb-divider-color: lighten(@global-color, 15%);
@pagination-margin-horizontal: 15px;
@pagination-item-color: @global-color;
@pagination-item-hover-color: @global-inverse-color;
@pagination-item-active-color: @pagination-item-hover-color;
@pagination-item-min-width: 30px;
@pagination-item-height: 30px;
@pagination-item-hover-background: @global-secondary-background;
@pagination-item-active-background: @global-primary-background;
@pagination-item-font-size: @global-small-font-size;
@pagination-item-border-radius: 500px;
@tab-item-color: @global-color;
@tab-item-hover-color: @global-emphasis-color;
@internal-tab-item-active-border-gradient: linear-gradient(90deg, @global-primary-background, saturate(spin(@global-primary-background, 30), 21%));
@inverse-tab-item-hover-color: @global-inverse-color;
@slidenav-hover-color: @global-secondary-background;
@dotnav-item-hover-background: fade(@global-secondary-background, 75%);
@dotnav-item-onclick-background: fade(@global-secondary-background, 30%);
@dotnav-item-active-background: fade(@global-primary-background, 80%);
@thumbnav-item-background: transparent;
@thumbnav-item-hover-opacity: 1;
@thumbnav-item-border-width: @global-border-width;
@thumbnav-item-hover-border: @global-secondary-background;
@thumbnav-item-border-radius: 5px;
@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-hover-border: @inverse-global-primary-background;
@inverse-thumbnav-item-gradient: linear-gradient(180deg, rgba(0,0,0,0), rgba(0,0,0,0.4));
@iconnav-item-hover-color: @global-secondary-background;
@iconnav-item-active-color: @global-primary-background;
@lightbox-background: #464646;
@lightbox-button-background: transparent;
@lightbox-button-color: rgba(229, 229, 229, 0.79);
@lightbox-button-hover-color: @global-secondary-background;
@animation-duration: 0.9s;
@animation-fade-duration: 1s;
@animation-fast-duration: 0.3s;
@text-large-font-size: @global-medium-font-size;
@internal-svg-muted-background: darken(@global-muted-background, 5%);
@panel-scrollable-height: 220px;
@panel-scrollable-padding: 15px;
@border-rounded-border-radius: @global-border-radius;
@box-shadow-duration: 0.2s;
@inverse-global-inverse-color: @global-emphasis-color;