@internal-fonts: 'Fira+Sans+Condensed:300,300i,400,400i|Josefin+Sans:300,300i,600,600i,700,700i';
@global-font-family: 'Fira Sans Condensed';
@global-font-size: 15px;
@global-line-height: 1.73;
@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: 'Josefin Sans';
@global-primary-font-weight: 700;
@global-primary-text-transform: uppercase;
@global-primary-letter-spacing: 4px;
@global-primary-font-style: italic;
@global-secondary-font-family: 'Josefin Sans';
@global-secondary-font-weight: 700;
@global-secondary-text-transform: uppercase;
@global-secondary-letter-spacing: 2px;
@global-secondary-font-style: italic;
@global-color: fade(#DEDFFF, 70%);
@global-emphasis-color: #FFF;
@global-muted-color: fade(#DEDFFF, 45%);
@global-link-color: #F43482;
@global-link-hover-color: #7370FF;
@global-inverse-color: #08091e;
@global-background: #211b46;
@global-muted-background: desaturate(lighten(@global-background, 5%), 4%);
@global-primary-background: #F43482;
@global-secondary-background: #3234FF;
@global-success-background: #53DA71;
@global-warning-background: #FFA055;
@global-danger-background: #FC4B4E;
@global-border: rgba(225,219,255,0.1);
@global-border-width: 2px;
@global-border-radius: 0;
@global-small-box-shadow: 0 5px 25px rgba(14,15,37,0.6);
@global-medium-box-shadow: 0 8px 45px rgba(14,15,37,0.6);
@global-large-box-shadow: 0 12px 50px rgba(14,15,37,0.6);
@global-xlarge-box-shadow: 0 18px 70px rgba(14,15,37,0.6);
@global-margin: 20px;
@global-small-margin: 10px;
@global-medium-margin: 40px;
@global-large-margin: 80px;
@global-xlarge-margin: 140px;
@global-gutter: 20px;
@global-small-gutter: 10px;
@global-medium-gutter: 40px;
@global-large-gutter: 80px;
@global-control-height: 40px;
@global-control-small-height: 25px;
@global-control-large-height: 55px;
@global-z-index: 1000;
@base-body-background: darken(@global-background, 2%);
@base-body-font-weight: 400;
@base-code-font-size: 12px;
@base-code-color: #68C6A7;
@base-em-color: #7370FF;
@base-ins-background: #FBFFC9;
@base-ins-color: #7B3715;
@base-mark-background: @base-ins-background;
@base-mark-color: @base-ins-color;
@base-small-font-size: 90%;
@base-h5-font-size: 15px;
@base-h6-font-size: 13px;
@base-hr-border-width: 2px;
@base-blockquote-footer-font-size: 12px;
@base-selection-background: fade(@global-primary-background, 90%);
@base-selection-color: @global-emphasis-color;
@internal-base-body-mode: overlay;
@internal-base-body-overlay-image: "../../master-vibe/images/base-body-overlay.gif";
@internal-base-body-overlay-opacity: 0.05;
@base-code-padding-horizontal: 6px;
@base-code-padding-vertical: 2px;
@base-pre-padding: 10px;
@base-pre-background: @global-muted-background;
@base-h2-font-weight: 600;
@base-h3-font-weight: 600;
@base-h4-letter-spacing: @base-heading-letter-spacing;
@base-h5-letter-spacing: @base-heading-letter-spacing;
@base-h6-color: #7370FF;
@base-h6-letter-spacing: @base-heading-letter-spacing;
@base-blockquote-text-transform: none;
@base-blockquote-letter-spacing: 0;
@base-blockquote-footer-color: @global-emphasis-color;
@base-blockquote-footer-font-family: @global-primary-font-family;
@base-blockquote-footer-text-transform: @global-primary-text-transform;
@base-blockquote-footer-letter-spacing: @global-primary-letter-spacing;
@base-code-border-width: @global-border-width;
@base-code-border: @global-border;
@base-pre-border-width: @global-border-width;
@base-pre-border: @global-border;
@base-code-border-radius: 3px;
@base-pre-border-radius: 3px;
@inverse-base-code-border: @inverse-global-border;
@heading-small-font-size-m: @heading-medium-font-size-l * 0.72;
@heading-medium-font-size-l: 76px;
@heading-medium-line-height: 1.2;
@heading-divider-padding-bottom: ~'calc(5px + 0.05em)';
@heading-divider-border-width: ~'calc(1px + 0.04em)';
@heading-bullet-border: @global-primary-background;
@heading-line-border-width: ~'calc(1.2px + 0.05em)';
@heading-line-border: @global-primary-background;
@internal-heading-medium-mode: glitch;
@internal-heading-large-mode: glitch;
@internal-heading-xlarge-mode: glitch;
@internal-heading-2xlarge-mode: glitch;
@internal-heading-3xlarge-mode: glitch;
@heading-small-text-shadow: -2px -2px 0 @global-secondary-background, 2px 2px 0 @global-primary-background;
@divider-icon-width: 30px;
@divider-icon-height: 17px;
@divider-icon-color: @global-primary-background;
@divider-icon-line-border-width: 0;
@internal-divider-icon-image: "../../../../uikit-themes/master-vibe/images/divider-icon.svg";
@divider-small-width: 45px;
@divider-small-border-width: 2px;
@divider-small-border: @global-primary-background;
@list-bullet-icon-color: @global-primary-background;
@internal-list-bullet-image: "../../../../uikit-themes/master-vibe/images/list-bullet.svg";
@description-list-term-font-size: 12px;
@table-header-cell-font-size: 12px;
@table-header-cell-font-weight: @global-secondary-font-weight;
@table-header-cell-color: @global-primary-background;
@table-row-active-background: rgba(22,15,46,0.35);
@table-divider-border: rgba(225,219,255,0.05);
@table-striped-row-background: @table-row-active-background;
@table-header-cell-font-family: @global-secondary-font-family;
@table-header-cell-text-transform: @global-secondary-text-transform;
@table-header-cell-letter-spacing: @global-secondary-letter-spacing;
@table-header-cell-font-style: @global-secondary-font-style;
@icon-link-color: @global-link-color;
@icon-link-hover-color: @global-link-hover-color;
@icon-link-active-color: @global-emphasis-color;
@icon-button-background: @global-primary-background;
@icon-button-color: @global-emphasis-color;
@icon-button-hover-background: @icon-button-background;
@icon-button-hover-color: @global-inverse-color;
@icon-button-active-background: @global-primary-background;
@icon-button-active-color: @global-inverse-color;
@icon-overlay-color: @global-primary-background;
@icon-overlay-hover-color: fade(@icon-overlay-color, 60%);
@internal-icon-button-gradient: linear-gradient(135deg, @global-primary-background, desaturate(darken(spin(@global-primary-background, -45%), 15%), 25%));
@internal-icon-button-hover-gradient: linear-gradient(25deg, @global-primary-background, desaturate(darken(spin(@global-primary-background, -45%), 15%), 25%));
@internal-icon-button-active-gradient: linear-gradient(-25deg, @global-primary-background, desaturate(darken(spin(@global-primary-background, -45%), 15%), 25%));
@icon-button-box-shadow: @global-medium-box-shadow;
@icon-button-hover-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-color: fade(@inverse-global-inverse-color, 90%);
@inverse-icon-button-active-color: @inverse-global-inverse-color;
@form-range-track-height: @global-border-width;
@form-range-track-background: fade(@global-border, 20%);
@form-range-track-focus-background: @global-primary-background;
@form-range-thumb-height: 6px;
@form-range-thumb-width: 16px;
@form-range-thumb-border-radius: 0;
@form-range-thumb-background: @global-primary-background;
@form-background: transparent;
@form-focus-background: transparent;
@form-focus-color: @global-emphasis-color;
@form-radio-background: transparent;
@form-label-font-size: 12px;
@form-border-mode: -bottom;
@form-border-width: @global-border-width;
@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-radio-border-width: @global-border-width;
@form-radio-border: fade(@global-border, 20%);
@form-radio-focus-border: darken(@global-primary-background, 10%);
@form-radio-disabled-border: @global-border;
@inverse-form-background: transparent;
@inverse-form-focus-background: transparent;
@inverse-form-radio-background: transparent;
@inverse-form-radio-focus-background: transparent;
@inverse-form-radio-checked-background: @global-primary-background;
@inverse-form-radio-checked-icon-color: @global-inverse-color;
@inverse-form-radio-checked-focus-background: darken(@global-primary-background, 10%);
@inverse-form-border: @inverse-global-border;
@inverse-form-focus-border: @global-primary-background;
@inverse-form-radio-border: @inverse-global-border;
@inverse-form-radio-focus-border: @global-primary-background;
@button-font-size: 12px;
@button-small-font-size: 10px;
@button-large-font-size: @global-font-size;
@button-padding-horizontal: 30px;
@button-small-padding-horizontal: 15px;
@button-large-padding-horizontal: 40px;
@button-default-background: transparent;
@button-default-color: mix(@global-primary-background, desaturate(darken(spin(@global-primary-background, -45%), 15%), 25%), 50%);
@button-default-hover-background: transparent;
@button-default-hover-color: lighten(@button-default-color, 15%);
@button-default-active-background: transparent;
@button-default-active-color: @global-primary-background;
@button-primary-color: @global-emphasis-color;
@button-primary-hover-background: darken(spin(@button-primary-background, -7%), 6%);
@button-primary-active-background: darken(spin(@button-primary-background, -7%), 17%);
@button-secondary-background: transparent;
@button-secondary-color: lighten(mix(#8333C1, #3C2F9F), 12%);
@button-secondary-hover-background: transparent;
@button-secondary-hover-color: lighten(@button-secondary-color, 10%);
@button-secondary-active-background: transparent;
@button-secondary-active-color: lighten(#3C2F9F, 15%);
@button-danger-background: transparent;
@button-danger-color: mix(@global-danger-background, #FC524B, 50%);
@button-danger-hover-background: transparent;
@button-danger-hover-color: lighten(@button-danger-color, 5%);
@button-danger-active-background: transparent;
@button-danger-active-color: @global-danger-background;
@button-text-color: @global-link-color;
@button-text-hover-color: @global-link-hover-color;
@button-link-color: mix(@global-primary-background, desaturate(darken(spin(@global-primary-background, -45%), 15%), 25%), 50%);
@button-link-hover-color: lighten(@button-default-color, 15%);
@button-border-width: @global-border-width;
@button-default-border: #8333C1;
@button-default-hover-border: #503ED7;
@button-default-active-border: @button-default-hover-border;
@button-secondary-border: @global-primary-background;
@button-secondary-hover-border: darken(@button-secondary-border, 10%);
@button-secondary-active-border: @button-secondary-active-background;
@button-danger-border: @global-danger-background;
@button-danger-hover-border: darken(@button-danger-border, 10%);
@button-danger-active-border: @button-danger-active-background;
@internal-button-default-border-gradient: linear-gradient(135deg, @global-primary-background, desaturate(darken(spin(@global-primary-background, -45%), 15%), 25%));
@internal-button-default-hover-border-gradient: linear-gradient(25deg, @global-primary-background, desaturate(darken(spin(@global-primary-background, -45%), 15%), 25%));
@internal-button-default-active-border-gradient: linear-gradient(-25deg, @global-primary-background, desaturate(darken(spin(@global-primary-background, -45%), 15%), 25%));
@internal-button-secondary-border-gradient: linear-gradient(135deg, #8333C1, #503ED7);
@internal-button-secondary-hover-border-gradient: linear-gradient(25deg, #8333C1, #503ED7);
@internal-button-secondary-active-border-gradient: linear-gradient(-25deg, #8333C1, #503ED7);
@internal-button-danger-border-gradient: linear-gradient(135deg, #FC524B, darken(@global-danger-background, 10%));
@internal-button-danger-hover-border-gradient: linear-gradient(25deg, #FC524B, darken(@global-danger-background, 10%));
@internal-button-danger-active-border-gradient: linear-gradient(-25deg, #FC524B, darken(@global-danger-background, 10%));
@internal-button-primary-gradient: linear-gradient(135deg, @global-primary-background, desaturate(darken(spin(@global-primary-background, -45%), 15%), 25%));
@internal-button-primary-hover-gradient: linear-gradient(25deg, @global-primary-background, desaturate(darken(spin(@global-primary-background, -45%), 15%), 25%));
@internal-button-primary-active-gradient: linear-gradient(-25deg, @global-primary-background, desaturate(darken(spin(@global-primary-background, -45%), 15%), 25%));
@button-primary-box-shadow: @global-medium-box-shadow;
@button-primary-hover-box-shadow: @global-small-box-shadow;
@inverse-button-default-background: transparent;
@inverse-button-default-color: @inverse-global-color;
@inverse-button-default-hover-background: transparent;
@inverse-button-default-hover-color: @global-inverse-color;
@inverse-button-default-active-background: transparent;
@inverse-button-default-active-color: @global-inverse-color;
@inverse-button-primary-background: fade(@inverse-global-primary-background, 7%);
@inverse-button-primary-color: @inverse-global-color;
@inverse-button-primary-hover-background: fade(@inverse-global-primary-background, 15%);
@inverse-button-primary-hover-color: @global-inverse-color;
@inverse-button-primary-active-background: fade(@inverse-global-primary-background, 20%);
@inverse-button-primary-active-color: @global-inverse-color;
@inverse-button-secondary-background: transparent;
@inverse-button-secondary-color: @inverse-global-emphasis-color;
@inverse-button-secondary-hover-background: fade(@inverse-global-primary-background, 3%);
@inverse-button-secondary-hover-color: @inverse-global-muted-color;
@inverse-button-secondary-active-background: fade(@inverse-global-primary-background, 6%);
@inverse-button-secondary-active-color: @inverse-global-emphasis-color;
@inverse-button-text-hover-color: @inverse-global-color;
@inverse-button-link-color: @inverse-global-color;
@inverse-button-link-hover-color: @inverse-global-emphasis-color;
@inverse-button-default-border: fade(@global-inverse-color, 15%);
@inverse-button-default-hover-border: fade(@global-inverse-color, 20%);
@inverse-button-default-active-border: fade(@global-inverse-color, 30%);
@inverse-button-secondary-border: fade(@inverse-global-primary-background, 5%);
@inverse-button-secondary-hover-border: fade(@inverse-global-primary-background, 10%);
@inverse-button-secondary-active-border: fade(@inverse-global-primary-background, 15%);
@section-default-color-mode: light;
@section-muted-color-mode: light;
@section-primary-background: #612A50;
@section-secondary-background: darken(@global-background, 1%);
@internal-section-default-gradient: linear-gradient(saturate(@section-default-background, 55%), saturate(@section-default-background, 55%));
@internal-section-muted-gradient: linear-gradient(lighten(saturate(@section-muted-background, 35%), 5%), lighten(saturate(@section-muted-background, 35%), 5%));
@internal-section-primary-gradient: linear-gradient(135deg, #ab2054, #7c228a);
@internal-section-default-image: "../../master-vibe/images/section-background-image.avif";
@internal-section-muted-image: "../../master-vibe/images/section-background-image.avif";
@internal-section-primary-image: "../../master-vibe/images/section-background-image.avif";
@internal-section-default-mode: blend;
@internal-section-muted-mode: blend;
@internal-section-primary-mode: blend;
@container-max-width: 1080px;
@container-small-max-width: 960px;
@tile-default-color-mode: light;
@tile-muted-color-mode: light;
@internal-tile-primary-gradient: linear-gradient(135deg, @global-primary-background, desaturate(darken(spin(@global-primary-background, -45%), 15%), 25%));
@internal-tile-secondary-gradient: linear-gradient(135deg, #8333C1, #503ED7);
@card-title-font-size: 18px;
@card-badge-height: 28px;
@card-badge-padding-horizontal: 12px;
@card-badge-color: @global-emphasis-color;
@card-badge-font-size: 12px;
@card-hover-background: fade(lighten(@global-background, 4%), 95%);
@card-default-background: @global-background;
@card-default-hover-background: @card-default-background;
@card-default-color-mode: light;
@card-primary-hover-background: darken(spin(@button-primary-background, -7%), 6%);
@card-primary-color-mode: dark;
@card-secondary-hover-background: lighten(@card-secondary-background, 3%);
@card-secondary-color-mode: dark;
@card-overlay-color-mode: light;
@card-badge-font-family: @global-font-family;
@card-badge-font-weight: 600;
@card-badge-text-transform: uppercase;
@card-badge-letter-spacing: 2px;
@internal-card-badge-gradient: linear-gradient(135deg, @global-primary-background, desaturate(darken(spin(@global-primary-background, -45%), 15%), 25%));
@internal-card-default-gradient: linear-gradient(135deg, #494C8A, #362C61);
@internal-card-default-hover-gradient: linear-gradient(155deg, #494C8A, #362C61);
@internal-card-primary-gradient: linear-gradient(135deg, @global-primary-background, desaturate(darken(spin(@global-primary-background, -45%), 15%), 25%));
@internal-card-primary-hover-gradient: linear-gradient(155deg, @global-primary-background, desaturate(darken(spin(@global-primary-background, -45%), 15%), 25%));
@internal-card-secondary-gradient: linear-gradient(135deg, #8333C1, #503ED7);
@internal-card-secondary-hover-gradient: linear-gradient(155deg, #8333C1, #503ED7);
@internal-card-overlay-gradient: linear-gradient(135deg, fade(lighten(@global-background, 10%), 70%), fade(lighten(@global-background, 2%), 70%));
@card-hover-box-shadow: @global-large-box-shadow;
@card-default-box-shadow: inset 1px 1px 0 rgba(255,255,255,0.05), @global-medium-box-shadow;
@card-default-hover-box-shadow: inset 1px 1px 0 rgba(255,255,255,0.05), @global-large-box-shadow;
@card-primary-box-shadow: inset 1px 1px 0 rgba(255,255,255,0.1), @global-medium-box-shadow;
@card-primary-hover-box-shadow: inset 1px 1px 0 rgba(255,255,255,0.1), @global-large-box-shadow;
@card-secondary-box-shadow: inset 1px 1px 0 rgba(255,255,255,0.07), @global-medium-box-shadow;
@card-secondary-hover-box-shadow: inset 1px 1px 0 rgba(255,255,255,0.07), @global-large-box-shadow;
@card-overlay-box-shadow: inset 1px 1px 0 rgba(255,255,255,0.05), @global-medium-box-shadow;
@inverse-card-badge-color: fade(@inverse-global-inverse-color, 100%);
@close-color: fade(@global-emphasis-color, 80%);
@close-hover-color: fade(@global-muted-color, 45%);
@marker-background: darken(@global-primary-background, 5%);
@marker-color: @global-color;
@marker-hover-color: @global-color;
@totop-color: fadeout(@global-color, 50%);
@totop-hover-color: @global-emphasis-color;
@totop-active-color: @global-primary-background;
@alert-background: @global-background;
@alert-color: @global-emphasis-color;
@alert-primary-background: @global-background;
@alert-success-background: @global-background;
@alert-warning-background: @global-background;
@alert-danger-background: @global-background;
@alert-border-width: @global-border-width;
@alert-border: @global-border;
@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;
@placeholder-border-radius: @global-border-radius;
@badge-color: @global-emphasis-color;
@badge-font-weight: bolder;
@badge-font-family: @global-font-family;
@badge-font-style: normal;
@label-padding-vertical: 2px;
@label-padding-horizontal: 10px;
@label-background: transparent;
@label-font-size: 12px;
@label-color: #7370FF;
@label-success-background: transparent;
@label-success-color: @global-success-background;
@label-warning-background: transparent;
@label-warning-color: @global-warning-background;
@label-danger-background: transparent;
@label-danger-color: @global-danger-background;
@label-font-family: @global-font-family;
@label-font-weight: 600;
@label-text-transform: uppercase;
@label-letter-spacing: 1px;
@label-font-style: normal;
@label-border-width: @global-border-width;
@label-border: #7370FF;
@label-success-border: @global-success-background;
@label-warning-border: @global-warning-background;
@label-danger-border: @global-danger-background;
@label-border-radius: 500px;
@overlay-default-color-mode: light;
@internal-overlay-default-gradient: linear-gradient(135deg, fade(lighten(@global-background, 10%), 70%), fade(lighten(@global-background, 2%), 70%));
@internal-overlay-primary-gradient: linear-gradient(135deg, fade(@global-primary-background, 70%), fade(@global-secondary-background, 70%));
@article-meta-font-size: 12px;
@comment-title-font-size: @global-font-size;
@comment-meta-font-size: 12px;
@comment-primary-border-radius: @global-border-radius;
@search-color: @global-emphasis-color;
@search-default-padding-horizontal: 0;
@search-default-background: transparent;
@search-default-focus-background: transparent;
@search-navbar-padding-horizontal: 15px;
@search-navbar-background: fade(@global-inverse-color, 20%);
@search-navbar-focus-background: @global-background;
@search-medium-padding-horizontal: 0;
@search-medium-font-size: @global-medium-font-size;
@search-large-padding-horizontal: 0;
@search-large-font-size: @global-xlarge-font-size;
@search-large-icon-padding: 15px;
@search-toggle-color: @global-emphasis-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-primary-background;
@search-navbar-border-width: 2px;
@search-navbar-focus-border: @global-primary-background;
@search-medium-border-mode: -bottom;
@search-medium-border-width: @global-border-width;
@search-medium-border: @global-border;
@search-medium-focus-border: @global-primary-background;
@search-large-border-mode: -bottom;
@search-large-border-width: @global-border-width;
@search-large-border: @global-border;
@search-large-focus-border: @global-primary-background;
@inverse-search-default-background: transparent;
@inverse-search-default-focus-background: transparent;
@inverse-search-navbar-background: fade(@global-inverse-color, 15%);
@inverse-search-navbar-focus-background: fade(@global-inverse-color, 10%);
@inverse-search-medium-focus-background: transparent;
@inverse-search-large-focus-background: transparent;
@inverse-search-default-border: @inverse-global-border;
@inverse-search-default-focus-border: @global-primary-background;
@inverse-search-navbar-focus-border: fade(@global-inverse-color, 20%);
@inverse-search-medium-border: @inverse-global-border;
@inverse-search-medium-focus-border: @global-primary-background;
@inverse-search-large-border: @inverse-global-border;
@inverse-search-large-focus-border: @global-primary-background;
@accordion-default-title-hover-color: @global-link-color;
@accordion-default-title-font-weight: 600;
@dropdown-padding: 25px;
@dropdown-background: lighten(@global-background, 3%);
@dropdown-color-mode: light;
@dropdown-nav-item-hover-color: @global-emphasis-color;
@dropdown-nav-subtitle-font-size: 14px;
@dropdown-nav-header-color: @global-primary-background;
@dropdown-nav-sublist-item-hover-color: @global-primary-background;
@dropdown-nav-font-size: 12px;
@dropdown-nav-subtitle-font-family: @global-font-family;
@dropdown-nav-subtitle-font-weight: 400;
@dropdown-nav-subtitle-text-transform: none;
@dropdown-nav-subtitle-letter-spacing: normal;
@dropdown-nav-subtitle-line-height: 1.4;
@dropdown-nav-subtitle-font-style: normal;
@dropdown-box-shadow: @global-medium-box-shadow;
@dropbar-padding-top: 25px;
@dropbar-color-mode: light;
@modal-background: fadeout(@global-background, 60%);
@modal-dialog-background: lighten(@global-background, 6%);
@modal-dialog-box-shadow: @global-large-box-shadow;
@slider-container-margin-left: -62px;
@offcanvas-bar-background: @global-background;
@offcanvas-bar-box-shadow: @global-large-box-shadow;
@notification-message-background: fade(darken(@global-background, 2%), 95%);
@notification-message-primary-color-mode: dark;
@notification-message-success-color-mode: dark;
@notification-message-warning-color-mode: dark;
@notification-message-danger-color-mode: dark;
@tooltip-background: @global-primary-background;
@tooltip-color: @global-emphasis-color;
@nav-header-font-size: 12px;
@nav-default-font-size: 12px;
@nav-default-item-color: @global-color;
@nav-default-item-hover-color: @global-emphasis-color;
@nav-default-item-active-color: @global-primary-background;
@nav-primary-font-size: @global-medium-font-size;
@nav-primary-line-height: 1.4;
@nav-primary-item-color: @global-color;
@nav-primary-item-hover-color: @global-emphasis-color;
@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-secondary-font-size: 13px;
@nav-secondary-line-height: 1.4;
@nav-secondary-item-active-color: @global-primary-background;
@nav-secondary-subtitle-color: @global-color;
@nav-secondary-subtitle-hover-color: @global-emphasis-color;
@nav-secondary-subtitle-active-color: @global-primary-background;
@nav-secondary-sublist-font-size: @nav-secondary-font-size;
@nav-secondary-sublist-item-color: @global-color;
@nav-secondary-sublist-item-hover-color: @global-emphasis-color;
@nav-secondary-sublist-item-active-color: @global-primary-background;
@nav-medium-line-height: 1.2;
@nav-medium-font-size: 54px;
@nav-medium-font-size-m: 66px;
@nav-medium-font-size-l: 70px;
@nav-large-font-size: 64px;
@nav-large-font-size-m: 76px;
@nav-xlarge-font-size: 76px;
@nav-xlarge-font-size-m: 90px;
@nav-dividers-margin-top: 12px;
@nav-primary-item-padding-vertical: 8px;
@nav-secondary-margin-top: 15px;
@nav-default-subtitle-font-family: @global-font-family;
@nav-default-subtitle-font-weight: 400;
@nav-default-subtitle-text-transform: none;
@nav-default-subtitle-letter-spacing: normal;
@nav-default-subtitle-line-height: 1.4;
@nav-default-subtitle-font-style: normal;
@nav-primary-font-style: @global-secondary-font-style;
@nav-primary-subtitle-font-family: @global-font-family;
@nav-primary-subtitle-font-weight: 400;
@nav-primary-subtitle-text-transform: none;
@nav-primary-subtitle-letter-spacing: normal;
@nav-primary-subtitle-line-height: 1.4;
@nav-primary-subtitle-font-style: normal;
@nav-secondary-subtitle-font-family: @global-font-family;
@nav-secondary-subtitle-font-weight: 400;
@nav-secondary-subtitle-text-transform: none;
@nav-secondary-subtitle-letter-spacing: normal;
@nav-secondary-subtitle-line-height: 1.5;
@nav-secondary-subtitle-font-style: normal;
@navbar-background: fade(lighten(@global-background, 4%), 95%);
@navbar-color-mode: light;
@navbar-nav-item-color: @global-color;
@navbar-nav-item-font-size: 12px;
@navbar-nav-item-hover-color: @global-emphasis-color;
@navbar-toggle-color: @global-emphasis-color;
@navbar-toggle-hover-color: @global-link-color;
@navbar-dropdown-shift-margin: -@navbar-dropdown-padding;
@navbar-dropdown-padding: 25px;
@navbar-dropdown-background: fade(lighten(@global-background, 4%), 98%);
@navbar-dropdown-color-mode: light;
@navbar-dropdown-large-shift-margin: -@navbar-dropdown-large-padding;
@navbar-dropdown-nav-item-hover-color: @global-primary-background;
@navbar-padding-top-m: 30px;
@navbar-padding-bottom-m: 30px;
@navbar-nav-item-transition-duration: 0.2s;
@internal-navbar-nav-item-hover-mode: glitch;
@navbar-nav-item-line-mode: true;
@navbar-nav-item-line-slide-mode: left;
@navbar-nav-item-line-margin-vertical: 25px;
@navbar-nav-item-line-margin-horizontal-m: @navbar-nav-item-padding-horizontal;
@navbar-nav-item-line-height: @global-border-width;
@navbar-nav-item-line-hover-background: transparent;
@navbar-nav-item-line-onclick-background: transparent;
@navbar-primary-gap-m: 50px;
@navbar-primary-nav-gap-m: 50px;
@navbar-item-font-size: @global-font-size;
@navbar-item-font-family: @global-font-family;
@navbar-subtitle-font-family: @global-font-family;
@navbar-subtitle-font-weight: 400;
@navbar-subtitle-text-transform: none;
@navbar-subtitle-letter-spacing: normal;
@navbar-subtitle-line-height: 1.4;
@navbar-subtitle-font-style: normal;
@navbar-primary-nav-item-font-size: @global-medium-font-size;
@navbar-primary-nav-item-font-weight: 700;
@navbar-dropdown-nav-font-size: 12px;
@navbar-dropdown-nav-subtitle-font-family: @global-font-family;
@navbar-dropdown-nav-subtitle-font-weight: 400;
@navbar-dropdown-nav-subtitle-text-transform: none;
@navbar-dropdown-nav-subtitle-letter-spacing: normal;
@navbar-dropdown-nav-subtitle-line-height: 1.4;
@navbar-dropdown-nav-subtitle-font-style: normal;
@internal-navbar-gradient: linear-gradient(180deg, lighten(#17183D, 4%) 10%, fade(#8333C1, 15%) 100%);
@navbar-sticky-box-shadow: @global-small-box-shadow;
@navbar-dropdown-box-shadow: @global-medium-box-shadow;
@inverse-navbar-nav-item-color: fade(@inverse-global-emphasis-color, 70%);
@inverse-navbar-nav-item-hover-color: @inverse-global-emphasis-color;
@inverse-navbar-nav-item-onclick-color: @inverse-global-muted-color;
@inverse-navbar-toggle-color: @inverse-global-emphasis-color;
@inverse-navbar-nav-item-line-hover-background: transparent;
@inverse-navbar-nav-item-line-onclick-background: transparent;
@inverse-navbar-nav-item-line-active-background: @inverse-global-muted-color;
@subnav-item-color: @global-color;
@subnav-item-hover-color: @global-emphasis-color;
@subnav-item-active-color: @global-primary-background;
@subnav-divider-border-height: 0.9em;
@subnav-pill-item-padding-vertical: 6px;
@subnav-pill-item-padding-horizontal: 18px;
@subnav-pill-item-hover-color: @global-primary-background;
@subnav-pill-item-onclick-color: @global-emphasis-color;
@subnav-pill-item-active-color: @global-emphasis-color;
@subnav-item-font-size: 12px;
@subnav-pill-item-border-radius: 500px;
@internal-subnav-pill-item-active-gradient: linear-gradient(135deg, @global-primary-background, desaturate(darken(spin(@global-primary-background, -45%), 15%), 25%));
@subnav-pill-item-onclick-box-shadow: @global-small-box-shadow;
@subnav-pill-item-active-box-shadow: inset 1px 1px 0 rgba(255,255,255,0.1), @global-small-box-shadow;
@breadcrumb-item-font-size: 12px;
@breadcrumb-item-active-color: @global-emphasis-color;
@breadcrumb-divider-margin-horizontal: 15px;
@breadcrumb-divider-color: fade(@global-muted-color, 35%);
@pagination-margin-horizontal: 10px;
@pagination-item-padding-vertical: 3px;
@pagination-item-padding-horizontal: 6px;
@pagination-item-hover-color: @global-emphasis-color;
@pagination-item-active-color: @global-primary-background;
@pagination-item-min-width: 25px;
@internal-pagination-item-hover-mode: glitch;
@pagination-item-letter-spacing: 0;
@pagination-item-border-mode: -bottom;
@pagination-item-hover-border: @global-border;
@pagination-item-active-border: @global-primary-background;
@tab-item-padding-horizontal: 20px;
@tab-item-padding-vertical: 10px;
@tab-item-color: @global-color;
@tab-item-hover-color: @global-emphasis-color;
@tab-item-font-size: 12px;
@tab-item-line-height: 20px;
@internal-tab-item-active-border-gradient: linear-gradient(90deg, @global-primary-background, desaturate(darken(spin(@global-primary-background, -45%), 15%), 25%));
@slidenav-active-color: @global-emphasis-color;
@dotnav-item-width: 12px;
@dotnav-item-border-radius: 0;
@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: 2px;
@dotnav-item-border: fade(@global-color, 60%);
@inverse-dotnav-item-background: transparent;
@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-border: fade(@global-background, 60%);
@thumbnav-item-background: transparent;
@thumbnav-item-gradient: linear-gradient(180deg, rgba(0,0,0,0), rgba(0,0,0,0.4));
@inverse-thumbnav-item-background: transparent;
@inverse-thumbnav-item-gradient: linear-gradient(180deg, rgba(255,255,255,0), rgba(255,255,255,0.4));
@iconnav-item-color: @global-emphasis-color;
@iconnav-item-hover-color: @global-link-color;
@iconnav-item-active-color: @global-link-color;
@text-lead-font-size: @global-medium-font-size;
@text-lead-line-height: 1.4;
@text-lead-color: @global-primary-background;
@text-meta-font-size: 12px;
@text-large-font-size: @global-medium-font-size;
@text-secondary-color: @global-link-hover-color;
@internal-text-background-color-gradient: linear-gradient(135deg, @global-primary-background, desaturate(darken(spin(@global-primary-background, -45%), 15%), 25%));
@border-rounded-border-radius: @global-border-radius;
@box-shadow-bottom-height: 100%;
@box-shadow-bottom-bottom: -15%;
@box-shadow-bottom-border-radius: 0;
@box-shadow-bottom-background: linear-gradient(270deg, @global-secondary-background, @global-primary-background);
@box-shadow-bottom-blur: 60px;
@logo-font-family: @global-primary-font-family;
@logo-font-weight: 600;
@logo-text-transform: @global-primary-text-transform;
.hook-box-shadow-bottom() {
    transform: scale(0.85);
}
@inverse-global-color-mode: dark;
@inverse-global-border: fade(@inverse-global-color, 8%);