@internal-fonts: 'Inter:400,600,700';
@global-font-family: Inter;
@global-font-size: 16px;
@global-line-height: 1.5;
@global-xxlarge-font-size: 42px;
@global-xlarge-font-size: 32px;
@global-large-font-size: 22px;
@global-medium-font-size: 18px;
@global-small-font-size: 14px;
@global-primary-font-family: Inter;
@global-primary-font-weight: 700;
@global-primary-text-transform: none;
@global-primary-letter-spacing: 0;
@global-primary-font-style: normal;
@global-secondary-font-family: Inter;
@global-secondary-font-weight: 400;
@global-secondary-text-transform: none;
@global-secondary-letter-spacing: 0;
@global-secondary-font-style: normal;
@global-color: rgba(255,255,255,0.7);
@global-emphasis-color: #FFF;
@global-muted-color: rgba(255,255,255,0.5);
@global-link-color: #9423c3;
@global-link-hover-color: #FF2157;
@global-inverse-color: #000;
@global-background: #000;
@global-muted-background: #0D0D10;
@global-primary-background: #F8154C;
@global-secondary-background: #1B171F;
@global-success-background: #00D082;
@global-warning-background: #FFB343;
@global-danger-background: #FC1263;
@global-border-width: 1px;
@global-border: rgba(255,255,255,0.11);
@global-border-radius: 2px;
@global-small-box-shadow: 0 2px 8px rgba(0,0,0,0.5);
@global-medium-box-shadow: 0 5px 15px rgba(0,0,0,0.5);
@global-large-box-shadow: 0 14px 25px rgba(0,0,0,0.5);
@global-xlarge-box-shadow: 0 28px 50px rgba(0,0,0,0.5);
@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: 48px;
@global-control-small-height: 35px;
@global-control-large-height: 55px;
@global-z-index: 1000;
@base-link-hover-text-decoration: none;
@base-ins-background: #261F3B;
@base-ins-color: @global-emphasis-color;
@base-mark-background: #261F3B;
@base-mark-color: @global-emphasis-color;
@base-pre-color: @global-emphasis-color;
@base-selection-background: @global-primary-background;
@base-selection-color: @global-emphasis-color;
@base-pre-padding: 30px;
@base-pre-background: lighten(@global-muted-background, 2%);
@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-pre-border-radius: 4px;
@inverse-base-link-hover-color: rgba(0, 0, 0, 0.6);
@link-text-hover-color: @global-emphasis-color;
@inverse-link-heading-hover-color: @global-primary-background;
@heading-2xlarge-font-size: 5rem;
@divider-icon-height: 26px;
@internal-divider-icon-image: "../../../../uikit-themes/master-circle/images/divider-icon.svg";
@divider-small-border-width: 2px;
@divider-vertical-border-width: 2px;
@internal-divider-icon-line-left-border-gradient: linear-gradient(90deg, fade(@divider-icon-line-border, 0%) 0%, @divider-icon-line-border 50%, @divider-icon-line-border 100%);
@internal-divider-icon-line-right-border-gradient: linear-gradient(-90deg, fade(@divider-icon-line-border, 0%) 0%, @divider-icon-line-border 50%, @divider-icon-line-border 100%);
@internal-divider-small-border-gradient: linear-gradient(40deg, #812FCB 0%, #D91F71 45%, #FF1445 70%, #ED7E65 100%);
@internal-divider-vertical-border-gradient: linear-gradient(0deg, #812FCB 0%, #D91F71 45%, #FF1445 70%, #ED7E65 100%);
@list-striped-background: rgba(195, 165, 255, 0.08);
@inverse-list-primary-color: @global-primary-background;
@inverse-list-secondary-color: @global-primary-background;
@table-header-cell-font-weight: 700;
@table-header-cell-color: @global-emphasis-color;
@table-row-active-background: rgba(195, 165, 255, 0.1);
@table-striped-row-background: rgba(195, 165, 255, 0.08);
@icon-button-size: 42px;
@icon-button-background: fade(@global-secondary-background, 75%);
@icon-button-color: @global-emphasis-color;
@icon-button-hover-background: fade(@global-secondary-background, 75%);
@icon-button-hover-color: @global-emphasis-color;
@icon-button-active-background: fade(@global-secondary-background, 75%);
@icon-button-active-color: @global-emphasis-color;
@internal-icon-button-mode: glow;
@internal-icon-button-glow-gradient: conic-gradient(from 60deg, #E8533C, #FD3D8F, #B823C3, #063AD8, #4901AC, #B823C3, #FD3D8F, #E8533C);
@internal-icon-button-glow-filter: blur(10px);
@internal-icon-button-hover-glow-filter: blur(16px);
@icon-button-box-shadow: 0 0 5px rgba(255, 255, 255, 0.15), 0 0 0 1px rgba(255, 255, 255, 0.02), 0 1px 0 rgba(255, 255, 255, 0.04);
@icon-button-hover-box-shadow: 0 0 8px rgba(255, 255, 255, 0.2);
@icon-button-active-box-shadow: 0 0 10px rgba(255, 255, 255, 0.2);
@form-range-track-background: rgba(255,255,255,0.1);
@form-range-track-focus-background: @global-primary-background;
@form-range-thumb-height: 14px;
@form-range-thumb-background: @global-background;
@form-range-thumb-border-width: 2px;
@form-range-thumb-border: @global-emphasis-color;
@form-padding-horizontal: 15px;
@form-background: rgba(160, 130, 255, 0.06);
@form-color: @global-emphasis-color;
@form-focus-background: @global-background;
@form-focus-color: @global-emphasis-color;
@form-placeholder-color: @global-emphasis-color;
@form-small-padding-horizontal: 12px;
@form-large-padding-horizontal: 18px;
@form-select-icon-color: @global-emphasis-color;
@form-radio-background: fade(lighten(@form-background, 10%), 20%);
@form-radio-focus-background: fade(darken(@form-background, 5%), 20%);
@form-radio-checked-icon-color: @global-emphasis-color;
@form-radio-disabled-background: fade(lighten(@form-background, 5%), 5%);
@form-radio-disabled-icon-color: @global-emphasis-color;
@form-backdrop-filter: blur(7px);
@form-border-width: @global-border-width;
@form-border: @global-border;
@form-focus-border: @form-border;
@form-disabled-border: @form-border;
@form-danger-border: @global-danger-background;
@form-success-border: @global-success-background;
@form-blank-focus-border: @form-border;
@form-border-radius: 500px;
@form-multi-line-border-radius: 8px;
@form-box-shadow: 0 0 17px rgba(121,0,242, 0.22), inset 0 0 20px 1px fade(@global-secondary-background, 40%);
@form-focus-box-shadow: 0 0 17px rgba(121,0,242, 0.5);
@form-danger-box-shadow: 0 0 17px fade(@global-danger-background, 60%), inset 0 0 15px #1b0b0b;
@form-success-box-shadow: 0 0 17px fade(@global-success-background, 60%), inset 0 0 15px #1b0b0b;
@inverse-form-radio-checked-background: darken(@inverse-form-background, 5%);
@inverse-form-radio-checked-focus-background: darken(@inverse-form-background, 5%);
@button-default-background: fade(@global-secondary-background, 75%);
@button-default-hover-background: @button-default-background;
@button-default-active-background: @button-default-background;
@button-primary-color: @global-emphasis-color;
@button-primary-hover-color: @global-emphasis-color;
@button-primary-active-color: @global-emphasis-color;
@button-secondary-background: #110E12;
@button-secondary-color: @global-emphasis-color;
@button-secondary-hover-background: fade(@global-secondary-background, 75%);
@button-secondary-hover-color: @global-emphasis-color;
@button-secondary-active-background: fade(@global-secondary-background, 80%);
@button-secondary-active-color: @global-emphasis-color;
@button-danger-color: @global-emphasis-color;
@button-danger-hover-color: @global-emphasis-color;
@button-danger-active-color: @global-emphasis-color;
@button-disabled-background: fade(@global-secondary-background, 75%);
@button-text-mode: ~'';
@button-text-icon-mode: arrow;
@internal-button-text-arrow-image: "../../../../uikit-themes/master-circle/images/button-text-arrow.svg";
@internal-button-text-arrow-width: 20px;
@internal-button-text-arrow-hover-color: @internal-button-text-arrow-color;
@internal-button-default-mode: glow;
@internal-button-default-glow-gradient: conic-gradient(from 60deg, #E8533C, #FD3D8F, #B823C3, #063AD8, #4901AC, #B823C3, #FD3D8F, #E8533C);
@internal-button-default-glow-filter: blur(10px);
@internal-button-default-hover-glow-filter: blur(16px);
@internal-button-primary-mode: glow;
@internal-button-primary-glow-gradient: conic-gradient(from 60deg, #E8533C, #FD3D8F, #B823C3, #063AD8, #4901AC, #B823C3, #FD3D8F, #E8533C);
@internal-button-primary-glow-filter: blur(10px);
@internal-button-primary-hover-glow-filter: blur(16px);
@internal-button-secondary-mode: glow;
@internal-button-secondary-glow-gradient: conic-gradient(from 60deg, #E8533C, #FD3D8F, #B823C3, #063AD8, #4901AC, #B823C3, #FD3D8F, #E8533C);
@internal-button-secondary-glow-filter: blur(10px);
@internal-button-secondary-hover-glow-filter: blur(16px);
@button-font-weight: 400;
@button-border-radius: 500px;
@internal-button-primary-gradient: linear-gradient(40deg, #812FCB 0%, #D91F71 45%, #FF1445 70%, #ED7E65 100%);
@internal-button-primary-hover-gradient: linear-gradient(40deg, #812FCB 0%, #D91F71 35%, #FF1445 60%, #ED7E65 100%);
@internal-button-primary-active-gradient: linear-gradient(40deg, #812FCB 0%, #D91F71 20%, #FF1445 50%, #ED7E65 100%);
@internal-button-danger-gradient: linear-gradient(40deg,#D91F71 0%, #FF1445 20%, #FF1445 50%, #ED7E65 100%);
@internal-button-danger-hover-gradient: linear-gradient(40deg,#D91F71 0%, #FF1445 10%, #FF1445 30%, #ED7E65 100%);
@internal-button-danger-active-gradient: linear-gradient(40deg,#FF1445 0%, #ED7E65 100%);
@button-default-box-shadow: 0 0 5px rgba(255, 255, 255, 0.15), 0 0 0 1px rgba(255, 255, 255, 0.02), 0 1px 0 rgba(255, 255, 255, 0.04);
@button-default-hover-box-shadow: 0 0 8px rgba(255, 255, 255, 0.2);
@button-default-active-box-shadow: 0 0 10px rgba(255, 255, 255, 0.2);
@button-secondary-box-shadow: 0 0 5px rgba(255, 255, 255, 0.15);
@button-secondary-hover-box-shadow: 0 0 5px rgba(255, 255, 255, 0.2);
@button-secondary-active-box-shadow: 0 0 10px rgba(255, 255, 255, 0.2);
@progress-height: 5px;
@progress-background: lighten(@global-muted-background, 10%);
@internal-progress-bar-gradient: linear-gradient(40deg, #812FCB 0%, #D91F71 45%, #FF1445 70%, #ED7E65 100%);
@section-default-color-mode: light;
@section-muted-color-mode: light;
@internal-section-default-gradient: radial-gradient(ellipse closest-corner at 30% 40%, rgba(242,0,123,0.07),transparent 80%),
                                                  radial-gradient(ellipse closest-corner at 50% 60%, rgba(111,41,201,0.1),transparent 80%),
                                                  radial-gradient(ellipse closest-corner at 70% 50%,rgba(38,160,248, 0.09),transparent 80%);
@internal-section-primary-gradient: linear-gradient(30deg, #812FCB 0%, #D91F71 40%, #FF1445 60%, #ED7E65 100%);
@tile-default-color-mode: light;
@tile-muted-color-mode: light;
@internal-tile-default-gradient: radial-gradient(circle farthest-corner at 20% 40%, rgba(242,0,123,0.08),transparent),
                                                radial-gradient(circle farthest-corner at 50% 50%, rgba(111,41,201,0.12),transparent),
                                                radial-gradient(circle farthest-corner at 80% 40%,rgba(38, 160,248, 0.1),transparent);
@internal-tile-primary-gradient: linear-gradient(30deg, #812FCB 0%, #D91F71 40%, #FF1445 60%, #ED7E65 100%);
@card-badge-color: @global-emphasis-color;
@card-hover-background: rgba(255,255,255, 0.08);
@card-default-background: rgba(255,255,255, 0.08);
@card-default-hover-background: rgba(255,255,255, 0.1);
@card-default-color-mode: light;
@card-primary-color: @global-emphasis-color;
@card-secondary-background: @global-background;
@card-secondary-color: @global-emphasis-color;
@card-default-backdrop-filter: blur(25px);
@internal-card-secondary-mode: glow;
@internal-card-secondary-glow-gradient: conic-gradient(from 60deg, #E8533C, #FD3D8F, #B823C3, #063AD8, #4901AC, #B823C3, #FD3D8F, #E8533C);
@internal-card-secondary-glow-filter: blur(20px);
@internal-card-secondary-hover-glow-filter: blur(30px);
@card-border-radius: 8px;
@internal-card-primary-gradient: linear-gradient(30deg, #812FCB 0%, #D91F71 40%, #FF1445 70%, #ED7E65 100%);
@card-secondary-box-shadow: 0 0 5px rgba(255, 255, 255, 0.2);
@card-secondary-hover-box-shadow: 0 0 10px rgba(255, 255, 255, 0.2);
@card-hover-translate-vertical: -2px;
@card-default-hover-translate-vertical: @card-hover-translate-vertical;
@card-primary-hover-translate-vertical: @card-hover-translate-vertical;
@card-secondary-hover-translate-vertical: @card-hover-translate-vertical;
@close-color: @global-color;
@close-hover-color: @global-emphasis-color;
@marker-padding: 8px;
@marker-background: @global-primary-background;
@marker-color: @global-emphasis-color;
@marker-hover-color: @global-emphasis-color;
@marker-hover-background: darken(@global-primary-background, 8%);
@alert-background: lighten(@global-muted-background, 5%);
@alert-primary-background: @global-primary-background;
@alert-primary-color: @global-emphasis-color;
@alert-success-background: @global-success-background;
@alert-success-color: @global-emphasis-color;
@alert-warning-background: @global-warning-background;
@alert-warning-color: @global-emphasis-color;
@alert-danger-background: @global-danger-background;
@alert-danger-color: @global-emphasis-color;
@alert-close-opacity: 1;
@alert-border-radius: 3px;
@badge-color: @global-emphasis-color;
@label-color: @global-emphasis-color;
@label-success-color: @global-emphasis-color;
@label-warning-color: @global-emphasis-color;
@label-danger-color: @global-emphasis-color;
@label-font-weight: 400;
@label-border-radius: 2px;
@inverse-label-background: @global-primary-background;
@inverse-label-color: @global-emphasis-color;
@overlay-default-background: rgba(255,255,255,0.15);
@overlay-default-color-mode: light;
@overlay-primary-background: transparent;
@overlay-default-backdrop-filter: blur(15px);
@overlay-primary-backdrop-filter: blur(15px);
@internal-overlay-primary-gradient: linear-gradient(45deg, rgba(232,83,60,0.1) 0%, rgba(253,61,143,0.1) 20%, rgba(184,35,195,0.1) 40%, rgba(85,5,175,0.1) 60%, rgba(73,1,172,0.1) 80%, rgba(121,17,164,0.1) 100%);
@comment-primary-border-radius: 8px;
@search-color: @global-emphasis-color;
@search-placeholder-color: @global-emphasis-color;
@search-default-padding-horizontal: 18px;
@search-default-background: rgba(160, 130, 255, 0.06);
@search-default-focus-background: @global-background;
@search-navbar-padding-horizontal: 18px;
@search-medium-padding-horizontal: 20px;
@search-large-padding-horizontal: 30px;
@search-default-backdrop-filter: blur(7px);
@search-navbar-icon-color: @global-emphasis-color;
@search-default-border-width: @global-border-width;
@search-default-border: @global-border;
@search-default-focus-border: @search-default-border;
@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-navbar-border;
@search-large-border-width: @global-border-width;
@search-large-border: @global-border;
@search-large-focus-border: @search-navbar-border;
@search-default-border-radius: 500px;
@search-navbar-border-radius: 500px;
@search-medium-border-radius: 500px;
@search-large-border-radius: 500px;
@search-default-input-box-shadow: 0 0 17px rgba(121,0,242, 0.22), inset 0 0 20px 1px rgba(0,0,0, 0.4);
@search-default-input-focus-box-shadow: 0 0 17px rgba(121,0,242, 0.5);
@search-navbar-input-box-shadow: 0 0 17px rgba(121,0,242, 0.22), inset 0 0 20px 1px rgba(0,0,0, 0.4);
@search-navbar-input-focus-box-shadow: 0 0 17px rgba(121,0,242, 0.5);
@search-medium-input-box-shadow: 0 0 17px rgba(121,0,242, 0.22), inset 0 0 20px 1px rgba(0,0,0, 0.4);
@search-medium-input-focus-box-shadow: 0 0 17px rgba(121,0,242, 0.5);
@search-large-input-box-shadow: 0 0 17px rgba(121,0,242, 0.22), inset 0 0 20px 1px rgba(0,0,0, 0.4);
@search-large-input-focus-box-shadow: 0 0 17px rgba(121,0,242, 0.5);
@inverse-search-navbar-background: transparent;
@inverse-search-navbar-focus-background: transparent;
@inverse-search-navbar-icon-color: @global-inverse-color;
@inverse-search-navbar-border: @global-border;
@inverse-search-navbar-focus-border: @global-border;
@inverse-search-navbar-input-box-shadow: 0 0 17px rgba(121,0,242, 0.22), inset 0 0 20px 1px rgba(121,0,242, 0.05);
@inverse-search-navbar-input-focus-box-shadow: 0 0 17px rgba(121,0,242, 0.5);
@accordion-item-margin-top: 15px;
@accordion-icon-color: @global-emphasis-color;
@internal-accordion-icon-close-image: "../../../../uikit-themes/master-circle/images/accordion-close.svg";
@internal-accordion-icon-open-image: "../../../../uikit-themes/master-circle/images/accordion-open.svg";
@accordion-title-font-weight: 400;
@accordion-item-border-width: @global-border-width;
@accordion-item-border: @global-border;
@dropdown-background: fade(@global-secondary-background, 50%);
@dropdown-color-mode: light;
@dropdown-dropbar-margin: 0;
@dropdown-dropbar-padding-top: ~'calc(@{dropdown-padding} - 5px)';
@dropdown-dropbar-large-padding-top: ~'calc(@{dropdown-large-padding} - 5px)';
@dropdown-nav-item-color: @global-emphasis-color;
@dropdown-nav-item-hover-color: @global-primary-background;
@dropdown-nav-sublist-item-hover-color: @global-primary-background;
@dropdown-backdrop-filter: blur(40px);
@dropdown-border-width: @global-border-width;
@dropdown-border: rgba(255, 255, 255, 0.08);
@dropdown-border-radius: 8px;
@dropdown-box-shadow: 0 3px 30px rgba(175, 5, 205, 0.3);
@dropbar-color-mode: light;
@modal-background: fade(@global-secondary-background, 80%);
@slider-container-margin-top: -40px;
@slider-container-margin-bottom: -40px;
@slider-container-margin-left: -40px;
@slider-container-margin-right: -40px;
@offcanvas-bar-padding-vertical: 30px;
@offcanvas-bar-padding-horizontal: 30px;
@offcanvas-bar-background: lighten(@global-background, 8%);
@offcanvas-overlay-background: rgba(0, 0, 0, 0.68);
@offcanvas-overlay-backdrop-filter: blur(8px);
@leader-color: @global-muted-color;
@notification-message-padding: 20px;
@notification-message-background: lighten(@global-muted-background, 5%);
@notification-message-primary-color: @global-primary-background;
@notification-message-success-color: @global-success-background;
@notification-message-warning-color: @global-warning-background;
@notification-message-danger-color: @global-danger-background;
@notification-message-primary-background: lighten(@global-muted-background, 5%);
@notification-message-success-background: lighten(@global-muted-background, 5%);
@notification-message-warning-background: lighten(@global-muted-background, 5%);
@notification-message-danger-background: lighten(@global-muted-background, 5%);
@notification-message-primary-color-mode: dark;
@notification-message-success-color-mode: dark;
@notification-message-warning-color-mode: dark;
@notification-message-danger-color-mode: dark;
@notification-message-border-radius: 3px;
@tooltip-background: lighten(@global-muted-background, 10%);
@tooltip-color: @global-emphasis-color;
@internal-grid-divider-horizontal-border-gradient: linear-gradient(0deg, fade(@grid-divider-border, 0%) 0%, @grid-divider-border 25%, @grid-divider-border 75%, fade(@grid-divider-border, 0%));
@internal-grid-divider-vertical-border-gradient: linear-gradient(90deg, fade(@grid-divider-border, 0%) 0%, @grid-divider-border 25%, @grid-divider-border 75%, fade(@grid-divider-border, 0%));
@nav-header-font-size: 13px;
@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-sublist-item-hover-color: @global-primary-background;
@nav-default-sublist-item-active-color: @global-primary-background;
@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: 14px;
@nav-primary-sublist-item-color: @global-color;
@nav-primary-sublist-item-hover-color: @global-primary-background;
@nav-primary-sublist-item-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-primary-background;
@nav-secondary-sublist-item-active-color: @global-primary-background;
@nav-secondary-margin-top: 8px;
@nav-secondary-item-padding-vertical: 12px;
@nav-secondary-item-padding-horizontal: 15px;
@nav-secondary-item-hover-background: rgba(255, 255, 255, 0.08);
@nav-secondary-item-active-background: rgba(255, 255, 255, 0.08);
@nav-default-font-weight: 400;
@nav-default-subtitle-color: @global-muted-color;
@nav-primary-subtitle-color: @global-muted-color;
@nav-primary-subtitle-font-weight: 500;
@nav-secondary-font-weight: 700;
@nav-secondary-subtitle-font-weight: 400;
@nav-secondary-item-border-radius: 4px;
@inverse-nav-default-item-hover-color: @global-primary-background;
@inverse-nav-default-item-active-color: @global-primary-background;
@inverse-nav-default-sublist-item-hover-color: @global-primary-background;
@inverse-nav-default-sublist-item-active-color: @global-primary-background;
@inverse-nav-primary-item-hover-color: @global-primary-background;
@inverse-nav-primary-item-active-color: @global-primary-background;
@inverse-nav-primary-sublist-item-hover-color: @global-primary-background;
@inverse-nav-primary-sublist-item-active-color: @global-primary-background;
@inverse-nav-secondary-item-hover-color: @global-primary-background;
@inverse-nav-secondary-item-active-color: @global-primary-background;
@inverse-nav-secondary-subtitle-hover-color: @global-primary-background;
@inverse-nav-secondary-subtitle-active-color: @global-primary-background;
@inverse-nav-secondary-sublist-item-hover-color: @global-primary-background;
@inverse-nav-secondary-sublist-item-active-color: @global-primary-background;
@navbar-background: fade(@global-secondary-background, 40%);
@navbar-gap: 0px;
@navbar-color-mode: light;
@navbar-nav-gap: 0px;
@navbar-nav-item-padding-horizontal: 15px;
@navbar-nav-item-color: @global-color;
@navbar-nav-item-hover-color: @global-emphasis-color;
@navbar-item-padding-horizontal: 10px;
@navbar-toggle-color: @global-color;
@navbar-toggle-hover-color: @global-emphasis-color;
@navbar-dropdown-margin: 15px;
@navbar-dropdown-width: 260px;
@navbar-dropdown-padding: 20px;
@navbar-dropdown-background: fade(@global-secondary-background, 40%);
@navbar-dropdown-color-mode: light;
@navbar-dropdown-nav-item-color: @global-emphasis-color;
@navbar-dropdown-nav-item-hover-color: @global-primary-background;
@navbar-dropdown-nav-item-active-color: @global-primary-background;
@navbar-dropdown-nav-sublist-item-color: @global-color;
@navbar-dropdown-nav-sublist-item-hover-color: @global-primary-background;
@navbar-dropdown-nav-sublist-item-active-color: @global-primary-background;
@navbar-backdrop-filter: blur(40px);
@navbar-gap-m: 0px;
@navbar-nav-gap-m: 0px;
@navbar-nav-item-padding-horizontal-m: 30px;
@navbar-nav-item-line-mode: true;
@navbar-nav-item-line-slide-mode: center;
@navbar-nav-item-line-margin-vertical: -1px;
@navbar-nav-item-line-transition-duration: 0.35s;
@navbar-nav-item-line-hover-background: transparent;
@navbar-nav-item-line-onclick-background: transparent;
@navbar-nav-item-line-active-background: transparent;
@navbar-nav-item-line-opacity: 0.4;
@navbar-nav-item-line-hover-opacity: @navbar-nav-item-line-opacity;
@navbar-nav-item-line-active-opacity: @navbar-nav-item-line-opacity;
@navbar-item-padding-horizontal-m: 30px;
@navbar-dropdown-backdrop-filter: blur(40px);
@navbar-nav-item-hover-text-shadow: 0 0 8px #5E0BB0;
@navbar-nav-item-active-text-shadow: 0 0 8px #5E0BB0;
@navbar-dropdown-nav-font-weight: 400;
@navbar-mode: border-always;
@navbar-mode-border-vertical: all;
@navbar-border-width: @global-border-width;
@navbar-border: rgba(255, 255, 255, 0.08);
@navbar-dropdown-border-width: @global-border-width;
@navbar-dropdown-border: rgba(255, 255, 255, 0.08);
@navbar-dropdown-border-radius: 8px;
@internal-navbar-nav-item-hover-gradient: radial-gradient(at 50% bottom,rgba(175, 5, 206, 0.14), rgba(125, 90, 131, 0));
@internal-navbar-nav-item-active-gradient: radial-gradient(at 50% bottom,rgba(175, 5, 206, 0.14), rgba(125, 90, 131, 0));
@internal-navbar-nav-item-line-gradient: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0) 100%);
@navbar-nav-item-hover-box-shadow: 0 6px 20px -13px #AF05CE;
@navbar-nav-item-active-box-shadow: 0 6px 20px -13px #AF05CE;
@navbar-dropdown-box-shadow: 0 3px 30px rgba(175, 5, 205, 0.3);
@inverse-navbar-item-color: @global-inverse-color;
@inverse-navbar-nav-item-line-hover-background: rgba(0, 0, 0, 0.12);
@inverse-navbar-nav-item-line-onclick-background: rgba(0, 0, 0, 0.12);
@inverse-navbar-nav-item-line-active-background: rgba(0, 0, 0, 0.12);
@inverse-navbar-border: rgba(0, 0, 0, 0.12);
@subnav-item-color: @global-emphasis-color;
@subnav-item-hover-color: fade(@global-emphasis-color, 70%);
@subnav-item-active-color: @global-primary-background;
@subnav-divider-border: rgba(255,255,255,0.23);
@subnav-pill-item-padding-vertical: 8px;
@subnav-pill-item-padding-horizontal: 14px;
@subnav-pill-item-hover-background: transparent;
@subnav-pill-item-hover-color: fade(@global-emphasis-color, 70%);
@subnav-pill-item-onclick-background: transparent;
@subnav-pill-item-onclick-color: @global-emphasis-color;
@subnav-pill-item-active-background: fade(@global-secondary-background, 75%);
@subnav-pill-item-active-color: @global-emphasis-color;
@internal-subnav-pill-item-mode: glow;
@internal-subnav-pill-item-glow-gradient: conic-gradient(from 60deg, #E8533C, #FD3D8F, #B823C3, #063AD8, #4901AC, #B823C3, #FD3D8F, #E8533C);
@internal-subnav-pill-item-glow-filter: blur(10px);
@internal-subnav-pill-item-glow-opacity: 0;
@internal-subnav-pill-item-hover-glow-opacity: 0;
@internal-subnav-divider-border-gradient: linear-gradient(0deg, fade(@subnav-divider-border, 0%) 0%, @subnav-divider-border 40%, @subnav-divider-border 60%, fade(@subnav-divider-border, 0%));
@subnav-pill-item-border-radius: 500px;
@subnav-pill-item-active-box-shadow: 0 0 5px rgba(255, 255, 255, 0.15), 0 0 0 1px rgba(255, 255, 255, 0.02), 0 1px 0 rgba(255, 255, 255, 0.04);
@inverse-subnav-pill-item-color: @global-inverse-color;
@inverse-subnav-pill-item-hover-background: transparent;
@inverse-subnav-pill-item-hover-color: @inverse-global-muted-color;
@breadcrumb-item-color: @global-color;
@breadcrumb-item-hover-color: @global-emphasis-color;
@breadcrumb-item-active-color: @global-emphasis-color;
@internal-breadcrumb-divider-background-image: "../../../../uikit-themes/master-circle/images/breadcrumb-divider.svg";
.hook-breadcrumb-item() { vertical-align: text-bottom; }
@pagination-margin-horizontal: 10px;
@pagination-item-padding-vertical: 8px;
@pagination-item-padding-horizontal: 15px;
@pagination-item-color: @global-color;
@pagination-item-hover-color: @global-emphasis-color;
@pagination-item-active-color: @global-emphasis-color;
@pagination-item-min-width: 40px;
@pagination-item-height: @pagination-item-min-width;
@pagination-item-hover-background: fade(@global-secondary-background, 75%);
@pagination-item-active-background: fade(@global-secondary-background, 75%);
@internal-pagination-item-mode: glow;
@internal-pagination-item-glow-gradient: conic-gradient(from 60deg, #E8533C, #FD3D8F, #B823C3, #063AD8, #4901AC, #B823C3, #FD3D8F, #E8533C);
@internal-pagination-item-glow-filter: blur(10px);
@internal-pagination-item-glow-opacity: 0;
@pagination-item-border-width: @global-border-width;
@pagination-item-border-radius: 500px;
@pagination-item-hover-box-shadow: 0 0 8px rgba(255, 255, 255, 0.2);
@pagination-item-active-box-shadow: 0 0 5px rgba(255, 255, 255, 0.15), 0 0 0 1px rgba(255, 255, 255, 0.02), 0 1px 0 rgba(255, 255, 255, 0.04);
@inverse-pagination-item-hover-background: @inverse-global-primary-background;
@inverse-pagination-item-active-background: @inverse-global-primary-background;
@tab-item-hover-color: @global-emphasis-color;
@tab-item-border-width: 2px;
@internal-tab-item-active-border-gradient: linear-gradient(40deg, #812FCB 0%, #D91F71 45%, #FF1445 70%, #ED7E65 100%);
@inverse-tab-item-hover-color: @global-inverse-color;
@inverse-tab-item-active-border: @global-primary-background;
@slidenav-padding-vertical: 10px;
@slidenav-padding-horizontal: 13px;
@slidenav-color: @global-emphasis-color;
@slidenav-hover-color: @slidenav-color;
@slidenav-active-color: @slidenav-color;
@slidenav-large-padding-vertical: 16px;
@slidenav-large-padding-horizontal: 19px;
@slidenav-backdrop-filter: blur(15px);
@slidenav-background: rgba(87,87,87,0.15);
@slidenav-hover-background: rgba(87,87,87,0.2);
@slidenav-active-background: rgba(87,87,87,0.25);
@slidenav-border-radius: 3px;
@inverse-slidenav-color: @global-background;
@inverse-slidenav-hover-color: @global-background;
@inverse-slidenav-active-color: @global-background;
@dotnav-item-background: transparent;
@dotnav-item-hover-background: transparent;
@dotnav-item-onclick-background: transparent;
@dotnav-item-active-background: @global-primary-background;
@dotnav-item-border-width: @global-border-width;
@dotnav-item-border: fade(@global-muted-color, 30%);
@dotnav-item-hover-border: @global-primary-background;
@dotnav-item-onclick-border: @global-primary-background;
@inverse-dotnav-item-background: transparent;
@inverse-dotnav-item-hover-background: transparent;
@inverse-dotnav-item-onclick-background: transparent;
@inverse-dotnav-item-active-background: @global-primary-background;
@inverse-dotnav-item-border: @inverse-global-border;
@inverse-dotnav-item-hover-border: @global-primary-background;
@inverse-dotnav-item-onclick-border: @global-primary-background;
@thumbnav-item-background: transparent;
@thumbnav-item-gradient: linear-gradient(180deg, rgba(255,255,255,0), rgba(255,255,255,0.4));
@inverse-thumbnav-item-background: transparent;
@inverse-thumbnav-item-gradient: linear-gradient(180deg, rgba(0,0,0,0), rgba(0,0,0,0.4));
@iconnav-item-hover-color: @global-emphasis-color;
@iconnav-item-active-color: @global-emphasis-color;
@text-lead-font-size: 21px;
@text-large-font-size: 19px;
@text-secondary-color: #9423c3;
@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;
@internal-text-background-color-gradient: linear-gradient(90deg, #812FCB 0%, #D91F71 40%, #FF1445 70%, #ED7E65 100%);
@inverse-text-primary-color: @global-primary-background;
@inverse-text-secondary-color: @text-secondary-color;
@box-shadow-bottom-height: 100%;
@box-shadow-bottom-bottom: 0;
@box-shadow-bottom-background: linear-gradient(90deg, rgba(240,58,226,0.5) 0%, rgba(254,95,115,0.5) 50%, rgba(111,44,201,0.5) 100%);
@box-shadow-bottom-blur: 85px;
@dropcap-font-size: 3em;
@logo-font-size: 20px;
@logo-font-weight: 600;
@logo-text-transform: uppercase;
@inverse-global-color-mode: dark;
@inverse-global-inverse-color: #000;
@inverse-global-primary-background: #fff;
@inverse-global-muted-background: #eee;
@inverse-global-border: #ddd;