xtreme-ui 0.0.15 → 0.0.16
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/base/Spinner/Spinner.d.ts +3 -0
- package/dist/components/base/Spinner/Spinner.js +25 -0
- package/dist/components/base/Spinner/spinner.module.scss.js +18 -0
- package/dist/components/base/Spinner/types.d.ts +9 -0
- package/dist/components/base/Spinner/types.js +5 -0
- package/dist/index.d.ts +2 -0
- package/dist/index.js +30 -26
- package/dist/style.css +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as s, jsxs as a } from "react/jsx-runtime";
|
|
3
|
+
import { forwardRef as o } from "react";
|
|
4
|
+
import l from "clsx";
|
|
5
|
+
import e from "./spinner.module.scss.js";
|
|
6
|
+
import { ESpinnerSize as t } from "./types.js";
|
|
7
|
+
const d = o((c, n) => {
|
|
8
|
+
const { className: i, size: r } = c, p = r ? `${typeof r == "number" ? r : t[r]}px` : void 0, m = l(
|
|
9
|
+
e.spinner,
|
|
10
|
+
i
|
|
11
|
+
);
|
|
12
|
+
return /* @__PURE__ */ s("div", { className: m, ref: n, style: { "--spinnerSize": p }, children: /* @__PURE__ */ a("div", { className: e.spinnerWrapper, children: [
|
|
13
|
+
/* @__PURE__ */ s("div", { className: e.cubeTop }),
|
|
14
|
+
/* @__PURE__ */ a("div", { className: e.cubeWrapper, children: [
|
|
15
|
+
/* @__PURE__ */ s("span", { className: e.cubeFace }),
|
|
16
|
+
/* @__PURE__ */ s("span", { className: e.cubeFace }),
|
|
17
|
+
/* @__PURE__ */ s("span", { className: e.cubeFace }),
|
|
18
|
+
/* @__PURE__ */ s("span", { className: e.cubeFace })
|
|
19
|
+
] })
|
|
20
|
+
] }) });
|
|
21
|
+
});
|
|
22
|
+
d.displayName = "ProgressBar";
|
|
23
|
+
export {
|
|
24
|
+
d as Spinner
|
|
25
|
+
};
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
const e = "_spinner_1ka01_1", p = "_spinnerWrapper_1ka01_10", n = "_spin_1ka01_1", c = "_cubeTop_1ka01_18", s = "_cubeWrapper_1ka01_36", r = "_cubeFace_1ka01_42", _ = {
|
|
3
|
+
spinner: e,
|
|
4
|
+
spinnerWrapper: p,
|
|
5
|
+
spin: n,
|
|
6
|
+
cubeTop: c,
|
|
7
|
+
cubeWrapper: s,
|
|
8
|
+
cubeFace: r
|
|
9
|
+
};
|
|
10
|
+
export {
|
|
11
|
+
r as cubeFace,
|
|
12
|
+
c as cubeTop,
|
|
13
|
+
s as cubeWrapper,
|
|
14
|
+
_ as default,
|
|
15
|
+
n as spin,
|
|
16
|
+
e as spinner,
|
|
17
|
+
p as spinnerWrapper
|
|
18
|
+
};
|
package/dist/index.d.ts
CHANGED
|
@@ -7,6 +7,8 @@ export { Icon } from './components/base/Icon/Icon';
|
|
|
7
7
|
export { type IIconProps, type EIconType, EIconSize } from './components/base/Icon/types';
|
|
8
8
|
export { ProgressBar } from './components/base/ProgressBar/ProgressBar';
|
|
9
9
|
export { type IProgressBarProps } from './components/base/ProgressBar/types';
|
|
10
|
+
export { Spinner } from './components/base/Spinner/Spinner';
|
|
11
|
+
export { type ISpinnerProps, ESpinnerSize } from './components/base/Spinner/types';
|
|
10
12
|
export { Textfield } from './components/base/Textfield/Textfield';
|
|
11
13
|
export { type TTextfieldProps } from './components/base/Textfield/types';
|
|
12
14
|
export { Sider } from './components/layout/Sider/Sider';
|
package/dist/index.js
CHANGED
|
@@ -1,39 +1,43 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import "./styles/index.scss.js";
|
|
3
|
-
import { dom as t, elementObserver as p, getCssProperty as
|
|
3
|
+
import { dom as t, elementObserver as p, getCssProperty as m, getCssPropertyPx as s, getCssPropertyVh as f, getCssPropertyVw as i, isClient as n, setCssProperty as x, waitForElement as g } from "./utils/helper/domHelper.js";
|
|
4
4
|
import { mergeRefs as a } from "./utils/function/mergeRefs.js";
|
|
5
|
-
import { safeStringFromCodePoint as
|
|
6
|
-
import { XProvider as
|
|
7
|
-
import { useXData as
|
|
8
|
-
import { Button as
|
|
5
|
+
import { safeStringFromCodePoint as S, unicodeToString as d } from "./utils/function/string.js";
|
|
6
|
+
import { XProvider as l } from "./components/context/index.js";
|
|
7
|
+
import { useXData as c } from "./components/context/useContext.js";
|
|
8
|
+
import { Button as v } from "./components/base/Button/Button.js";
|
|
9
9
|
import { EButtonTypes as T } from "./components/base/Button/types.js";
|
|
10
|
-
import { Icon as
|
|
11
|
-
import { EIconSize as
|
|
12
|
-
import { ProgressBar as
|
|
13
|
-
import {
|
|
14
|
-
import {
|
|
15
|
-
import {
|
|
10
|
+
import { Icon as z } from "./components/base/Icon/Icon.js";
|
|
11
|
+
import { EIconSize as I } from "./components/base/Icon/types.js";
|
|
12
|
+
import { ProgressBar as X } from "./components/base/ProgressBar/ProgressBar.js";
|
|
13
|
+
import { Spinner as h } from "./components/base/Spinner/Spinner.js";
|
|
14
|
+
import { ESpinnerSize as N } from "./components/base/Spinner/types.js";
|
|
15
|
+
import { Textfield as R } from "./components/base/Textfield/Textfield.js";
|
|
16
|
+
import { Sider as k } from "./components/layout/Sider/Sider.js";
|
|
17
|
+
import { Navigation as A } from "./components/layout/Navigation/Navigation.js";
|
|
16
18
|
export {
|
|
17
|
-
|
|
19
|
+
v as Button,
|
|
18
20
|
T as EButtonTypes,
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
21
|
+
I as EIconSize,
|
|
22
|
+
N as ESpinnerSize,
|
|
23
|
+
z as Icon,
|
|
24
|
+
A as Navigation,
|
|
25
|
+
X as ProgressBar,
|
|
26
|
+
k as Sider,
|
|
27
|
+
h as Spinner,
|
|
28
|
+
R as Textfield,
|
|
29
|
+
l as XProvider,
|
|
26
30
|
t as dom,
|
|
27
31
|
p as elementObserver,
|
|
28
|
-
|
|
29
|
-
|
|
32
|
+
m as getCssProperty,
|
|
33
|
+
s as getCssPropertyPx,
|
|
30
34
|
f as getCssPropertyVh,
|
|
31
35
|
i as getCssPropertyVw,
|
|
32
|
-
|
|
36
|
+
n as isClient,
|
|
33
37
|
a as mergeRefs,
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
+
S as safeStringFromCodePoint,
|
|
39
|
+
x as setCssProperty,
|
|
40
|
+
d as unicodeToString,
|
|
41
|
+
c as useXData,
|
|
38
42
|
g as waitForElement
|
|
39
43
|
};
|
package/dist/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@import"https://fonts.googleapis.com/css2?family=Montserrat&display=swap";@font-face{font-family:FontAwesome;font-style:normal;font-weight:100;font-display:block;src:url(https://cdn.jsdelivr.net/gh/itzzjarvis/Assets/fonts/fontAwesome/fa-thin-100.woff2) format("woff2")}@font-face{font-family:FontAwesome;font-style:normal;font-weight:300;font-display:block;src:url(https://cdn.jsdelivr.net/gh/itzzjarvis/Assets/fonts/fontAwesome/fa-light-300.woff2) format("woff2")}@font-face{font-family:FontAwesome;font-style:normal;font-weight:400;font-display:block;src:url(https://cdn.jsdelivr.net/gh/itzzjarvis/Assets/fonts/fontAwesome/fa-regular-400.woff2) format("woff2")}@font-face{font-family:FontAwesome;font-style:normal;font-weight:900;font-display:block;src:url(https://cdn.jsdelivr.net/gh/itzzjarvis/Assets/fonts/fontAwesome/fa-solid-900.woff2) format("woff2")}@font-face{font-family:FontAwesomeDuotone;font-style:normal;font-weight:900;font-display:block;src:url(https://cdn.jsdelivr.net/gh/itzzjarvis/Assets/fonts/fontAwesome/fa-duotone-900.woff2) format("woff2")}@font-face{font-family:FontAwesomeSharp;font-style:normal;font-weight:300;font-display:block;src:url(https://cdn.jsdelivr.net/gh/itzzjarvis/Assets/fonts/fontAwesome/fa-sharp-light-300.woff2) format("woff2")}@font-face{font-family:FontAwesomeSharp;font-style:normal;font-weight:400;font-display:block;src:url(https://cdn.jsdelivr.net/gh/itzzjarvis/Assets/fonts/fontAwesome/fa-sharp-regular-400.woff2) format("woff2")}@font-face{font-family:FontAwesomeSharp;font-style:normal;font-weight:900;font-display:block;src:url(https://cdn.jsdelivr.net/gh/itzzjarvis/Assets/fonts/fontAwesome/fa-sharp-solid-900.woff2) format("woff2")}@font-face{font-family:FontAwesomeBrand;font-style:normal;font-weight:400;font-display:block;src:url(https://cdn.jsdelivr.net/gh/itzzjarvis/Assets/fonts/fontAwesome/fa-brands-400.woff2) format("woff2")}body{--colorAlertErrorRGB: 255 65 54;--colorAlertWarningRGB: 255 220 0;--colorAlertSuccessRGB: 46 204 64;--colorBorderPrimary: #ABB0BB;--colorContentPrimary: #383838;--colorContentSecondary: #666;--colorContentTertiary: #E6E6E6;--colorBackgroundPrimary: #FFF;--colorBackgroundSecondary: #F6F6F6;--colorBackgroundTertiary: #EEE;--colorShadow: rgb(100 100 100 / 40%);--gradientBrand: linear-gradient(320deg, rgb(var(--colorBrandPrimaryRgb)), rgb(var(--colorBrandSecondaryRgb)));--cubicBezierPrimary: cubic-bezier(.23, 1, .32, 1);--siderWidth: 300px;--siderWidthMini: 60px;scroll-behavior:smooth}body.red{--colorBrandPrimaryRgb: 249 34 75;--colorBrandSecondaryRgb: 255 68 68;--colorBrandAccentRgb: 255 56 83}body.pink{--colorBrandPrimaryRgb: 252 33 105;--colorBrandSecondaryRgb: 226 33 255;--colorBrandAccentRgb: 255 85 136}body.orange{--colorBrandPrimaryRgb: 255 127 34;--colorBrandSecondaryRgb: 255 65 65;--colorBrandAccentRgb: 255 108 103}body.blue{--colorBrandPrimaryRgb: 34 252 176;--colorBrandSecondaryRgb: 33 129 250;--colorBrandAccentRgb: 33 149 243}body.violet{--colorBrandPrimaryRgb: 63 0 230;--colorBrandSecondaryRgb: 150 44 255;--colorBrandAccentRgb: 127 81 255}body.black{--colorBrandPrimaryRgb: 22 20 28;--colorBrandSecondaryRgb: 9 8 11;--colorBrandAccentRgb: 40 39 44}body.dark{--colorContentPrimary: #A1A1A1;--colorContentSecondary: #636363;--colorContentTertiary: #383838;--colorBackgroundPrimary: #111;--colorBackgroundSecondary: #222;--colorBackgroundTertiary: #333}body ::selection{color:#fff;background:rgb(var(--colorBrandAccentRgb))}*{font-family:Montserrat,sans-serif;font-weight:500;box-sizing:border-box}._button_6uqr8_1{--duration: .6s;--themeColor: var(--colorBrandAccentRgb);--maxRippleSize: 100px 40px;position:relative;display:flex;justify-content:center;align-items:center;border:none;box-shadow:0 0 0 0 rgb(var(--themeColor)/0%);border-radius:9999px;cursor:pointer;-webkit-user-select:none;user-select:none;overflow:hidden;transition:all var(--duration) var(--cubicBezierPrimary)}._button_6uqr8_1 ._label_6uqr8_17{margin:0;text-transform:uppercase;z-index:1;transition:all var(--duration) var(--cubicBezierPrimary)}._button_6uqr8_1 ._icon_6uqr8_23{transition:all var(--duration) var(--cubicBezierPrimary)}._button_6uqr8_1 ._underline_6uqr8_26{position:absolute;width:100%;left:0;bottom:0}._button_6uqr8_1 ._underline_6uqr8_26>span{width:20%!important}._button_6uqr8_1:before{content:"";position:absolute;display:block;width:100%;height:100%;background:rgb(var(--themeColor));filter:contrast(1.2) brightness(.8);clip-path:circle(0% at 50% 50%);border-radius:9999px;z-index:0;opacity:0;transition:all var(--duration) var(--cubicBezierPrimary)}._button_6uqr8_1._primaryType_6uqr8_49,._button_6uqr8_1._primaryDangerType_6uqr8_49{background:rgb(var(--themeColor));box-shadow:0 0 0 2px rgb(var(--themeColor)/40%);color:#fff}._button_6uqr8_1._secondaryType_6uqr8_54,._button_6uqr8_1._secondaryDangerType_6uqr8_54{background:var(--colorBackgroundTertiary);box-shadow:0 0 0 2px rgb(var(--colorBackgroundTertiary)/40%);color:rgb(var(--themeColor))}._button_6uqr8_1._linkType_6uqr8_59,._button_6uqr8_1._linkDangerType_6uqr8_59{background:none;box-shadow:none!important;border-radius:unset;color:var(--colorContentPrimary);overflow:unset}._button_6uqr8_1._linkType_6uqr8_59 ._label_6uqr8_17,._button_6uqr8_1._linkDangerType_6uqr8_59 ._label_6uqr8_17{letter-spacing:unset;text-transform:unset}._button_6uqr8_1._linkType_6uqr8_59:before,._button_6uqr8_1._linkDangerType_6uqr8_59:before{display:none}._button_6uqr8_1._linkType_6uqr8_59:hover,._button_6uqr8_1._linkDangerType_6uqr8_59:hover{color:rgb(var(--themeColor))}._button_6uqr8_1._linkType_6uqr8_59:hover ._label_6uqr8_17,._button_6uqr8_1._linkDangerType_6uqr8_59:hover ._label_6uqr8_17{filter:contrast(.8) brightness(1.2)}._button_6uqr8_1._linkType_6uqr8_59:active ._label_6uqr8_17,._button_6uqr8_1._linkDangerType_6uqr8_59:active ._label_6uqr8_17{filter:contrast(1.2) brightness(.8)}._button_6uqr8_1._primaryDangerType_6uqr8_49,._button_6uqr8_1._secondaryDangerType_6uqr8_54,._button_6uqr8_1._linkDangerType_6uqr8_59{--themeColor: var(--colorAlertErrorRGB)}._button_6uqr8_1._primaryDangerType_6uqr8_49 ._underline_6uqr8_26 span,._button_6uqr8_1._secondaryDangerType_6uqr8_54 ._underline_6uqr8_26 span,._button_6uqr8_1._linkDangerType_6uqr8_59 ._underline_6uqr8_26 span{background:rgb(var(--themeColor))}._button_6uqr8_1._miniSize_6uqr8_88{--maxRippleSize: 80px 40px;line-height:16px;padding:8px 16px;gap:8px}._button_6uqr8_1._miniSize_6uqr8_88 ._label_6uqr8_17{font-size:12px;font-variation-settings:"wdth" 75,"wght" 400;letter-spacing:2px}._button_6uqr8_1._miniSize_6uqr8_88._iconOnly_6uqr8_99{padding:0}._button_6uqr8_1._miniSize_6uqr8_88._iconOnly_6uqr8_99 ._icon_6uqr8_23{width:32px;height:32px}._button_6uqr8_1._defaultSize_6uqr8_106{--maxRippleSize: 100px 50px;line-height:20px;padding:12px 24px;gap:10px}._button_6uqr8_1._defaultSize_6uqr8_106 ._label_6uqr8_17{font-size:16px;font-variation-settings:"wdth" 75,"wght" 500;letter-spacing:2px}._button_6uqr8_1._defaultSize_6uqr8_106._iconOnly_6uqr8_99{padding:0}._button_6uqr8_1._defaultSize_6uqr8_106._iconOnly_6uqr8_99 ._icon_6uqr8_23{width:44px;height:44px}._button_6uqr8_1._largeSize_6uqr8_124{--maxRippleSize: 150px 75px;line-height:28px;padding:16px 32px;gap:14px}._button_6uqr8_1._largeSize_6uqr8_124 ._label_6uqr8_17{font-size:22px;font-variation-settings:"wdth" 75,"wght" 600;letter-spacing:4px}._button_6uqr8_1._largeSize_6uqr8_124._iconOnly_6uqr8_99{padding:0}._button_6uqr8_1._largeSize_6uqr8_124._iconOnly_6uqr8_99 ._icon_6uqr8_23{width:60px;height:60px}._button_6uqr8_1:hover{box-shadow:0 0 0 5px rgb(var(--themeColor)/50%);transition:all var(--duration) var(--cubicBezierPrimary);color:#fff}._button_6uqr8_1:hover ._underline_6uqr8_26 span{width:100%!important}._button_6uqr8_1:hover:before{clip-path:circle(100% at 50% 50%);opacity:1}._button_6uqr8_1:active{box-shadow:0 0 0 7px rgb(var(--themeColor)/50%)}._button_6uqr8_1._clicked_6uqr8_157{box-shadow:0 0 0 0 rgb(var(--themeColor)/0%);animation:_ripple_6uqr8_1 var(--duration) linear;color:#fff}._button_6uqr8_1._clicked_6uqr8_157:before{clip-path:circle(100% at 50% 50%);opacity:1}._button_6uqr8_1._loading_6uqr8_166{--loaderColor: rgb(var(--themeColor));pointer-events:none;background:rgb(var(--themeColor)/80%)}._button_6uqr8_1._loading_6uqr8_166._secondaryType_6uqr8_54,._button_6uqr8_1._loading_6uqr8_166._secondaryDangerType_6uqr8_54{--loaderColor: var(--colorBackgroundPrimary);background:var(--colorBackgroundTertiary)}._button_6uqr8_1._loading_6uqr8_166._linkType_6uqr8_59,._button_6uqr8_1._loading_6uqr8_166._linkDangerType_6uqr8_59{background:none}._button_6uqr8_1._loading_6uqr8_166._linkType_6uqr8_59 ._underline_6uqr8_26>span,._button_6uqr8_1._loading_6uqr8_166._linkDangerType_6uqr8_59 ._underline_6uqr8_26>span{width:150%!important}._button_6uqr8_1._loading_6uqr8_166._linkType_6uqr8_59:after,._button_6uqr8_1._loading_6uqr8_166._linkDangerType_6uqr8_59:after{display:none}._button_6uqr8_1._loading_6uqr8_166:after{content:"";position:absolute;display:block;width:150%;height:100%;z-index:0;border-radius:9999px;background-image:repeating-linear-gradient(60deg,transparent,transparent .75rem,var(--loaderColor) .75rem,var(--loaderColor) 1.5rem);animation:_barberPole_6uqr8_1 .25s infinite linear}._button_6uqr8_1._loading_6uqr8_166._iconOnly_6uqr8_99{background:transparent;box-shadow:0 0 0 0 rgb(var(--themeColor)/0%);overflow:unset}._button_6uqr8_1._loading_6uqr8_166._iconOnly_6uqr8_99._secondaryType_6uqr8_54,._button_6uqr8_1._loading_6uqr8_166._iconOnly_6uqr8_99._secondaryDangerType_6uqr8_54{color:#fff}._button_6uqr8_1._loading_6uqr8_166._iconOnly_6uqr8_99:before{clip-path:circle(45% at 50% 50%);opacity:1}._button_6uqr8_1._loading_6uqr8_166._iconOnly_6uqr8_99:after{width:100%;background:none;border:2px solid rgb(var(--themeColor));border-top-color:transparent;border-bottom-color:transparent;animation:_spin_6uqr8_1 .25s infinite linear}._button_6uqr8_1:disabled{background:rgb(var(--themeColor)/20%);color:rgb(var(--themeColor)/75%);pointer-events:none;filter:grayscale(1)}._button_6uqr8_1:disabled._secondaryType_6uqr8_54,._button_6uqr8_1:disabled._secondaryDangerType_6uqr8_54{background:rgb(var(--themeColor)/5%)}._button_6uqr8_1:disabled._linkType_6uqr8_59{background:none}._button_6uqr8_1:disabled._linkType_6uqr8_59 ._underline_6uqr8_26:before{width:0%}._button_6uqr8_1:disabled._linkType_6uqr8_59 ._underline_6uqr8_26 span{width:0%}@keyframes _ripple_6uqr8_1{0%{box-shadow:0 0 0 7px rgb(var(--themeColor)/50%)}to{box-shadow:0 0 var(--maxRippleSize) rgb(var(--themeColor)/0%)}}@keyframes _barberPole_6uqr8_1{0%{transform:translate(-1.75rem)}to{transform:translate(0)}}@keyframes _spin_6uqr8_1{0%{transform:rotate(0)}to{transform:rotate(180deg)}}._icon_awnbf_2{position:relative;width:var(--iconSize);height:var(--iconSize);font-size:var(--iconSize);display:flex;justify-content:center;align-items:center;font-variant:normal;line-height:1;text-rendering:auto;-webkit-user-select:none;user-select:none;z-index:1;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;transition:all .4s var(--cubicBezierPrimary)}._icon_awnbf_2:before{position:absolute;display:block;color:inherit;content:attr(data-content)}._icon_awnbf_2._thin_awnbf_25{font-family:FontAwesome;font-weight:100}._icon_awnbf_2._light_awnbf_29{font-family:FontAwesome;font-weight:300}._icon_awnbf_2._regular_awnbf_33{font-family:FontAwesome;font-weight:400}._icon_awnbf_2._solid_awnbf_37{font-family:FontAwesome;font-weight:900}._icon_awnbf_2._duotone_awnbf_41{font-family:FontAwesomeDuotone;font-weight:900}._icon_awnbf_2._duotone_awnbf_41:after{position:absolute;display:block;color:inherit;content:attr(data-content) attr(data-content);opacity:.3}._icon_awnbf_2._sharpSolid_awnbf_52{font-family:FontAwesomeSharp;font-weight:900}._icon_awnbf_2._sharpRegular_awnbf_56{font-family:FontAwesomeSharp;font-weight:400}._icon_awnbf_2._sharpLight_awnbf_60{font-family:FontAwesomeSharp;font-weight:300}._icon_awnbf_2._brand_awnbf_64{font-family:FontAwesomeBrand;font-weight:400}._progressBar_luf46_1{position:relative;width:100%;height:3px;display:flex;justify-content:flex-start;align-items:center;border-radius:9999px;overflow:hidden}._progressBar_luf46_1:before{content:"";position:absolute;left:0;width:100%;height:1px;border-radius:9999px;opacity:.3;background:var(--colorBorderPrimary);transition:all .5s var(--cubicBezierPrimary)}._progressBar_luf46_1>._progress_luf46_1{position:absolute;width:100%;height:3px;display:block;background:var(--gradientBrand);border-radius:9999px;transition:all .5s var(--cubicBezierPrimary)}._progressBar_luf46_1._intermediate_luf46_31{border-radius:9999px}._progressBar_luf46_1._intermediate_luf46_31:before{height:100%;background:rgb(var(--colorBrandAccentRgb))}._progressBar_luf46_1._intermediate_luf46_31>._progress_luf46_1{width:150%;background-image:repeating-linear-gradient(60deg,transparent,transparent .5rem,rgb(var(--colorBrandAccentRgb)) .5rem,rgb(var(--colorBrandAccentRgb)) 1.5rem);animation:_barberPole_luf46_1 .2s infinite linear}@keyframes _barberPole_luf46_1{0%{transform:translate(-1.75rem)}to{transform:translate(0)}}._textfield_7y99a_1{--duration: .6s;position:relative;width:400px;display:flex;justify-content:center;align-items:center;border-radius:20px;box-shadow:0 0 0 1px rgb(var(--colorBrandAccentRgb)/50%);background:var(--colorBackgroundSecondary);color:rgb(var(--colorContentPrimary));transition:all var(--duration) var(--cubicBezierPrimary)}._textfield_7y99a_1:before{content:"";position:absolute;display:block;width:100%;height:100%;background:rgb(var(--colorBrandAccentRgb));clip-path:circle(0% at 20px 50%);border-radius:9999px;z-index:0;opacity:0;transition:all var(--duration) var(--cubicBezierPrimary)}._textfield_7y99a_1 ._icon_7y99a_27{position:absolute;left:0;width:40px;height:40px;color:rgb(var(--colorBrandAccentRgb)/100%);pointer-events:none;transition:all 0s}._textfield_7y99a_1 ._input_7y99a_36{width:100%;height:40px;outline:none;border:none;background:transparent;padding:10px 20px;font-size:16px;z-index:1;color:rgb(var(--colorContentPrimary));font-variation-settings:"wdth" 75,"wght" 400;transition:all var(--duration) var(--cubicBezierPrimary)}._textfield_7y99a_1 ._placeholder_7y99a_49{position:absolute;left:0;display:flex;align-items:center;color:var(--colorContentSecondary);transform:translate(14px);transform-origin:0 50%;line-height:20px;padding:0 8px;transition:all var(--duration) var(--cubicBezierPrimary)}._textfield_7y99a_1 ._placeholder_7y99a_49:before{content:"";position:absolute;left:0;display:block;width:100%;height:50%;background:var(--colorBackgroundPrimary);scale:0;z-index:-1;transition:all var(--duration) var(--cubicBezierPrimary)}._textfield_7y99a_1._withIcon_7y99a_73:before{clip-path:circle(15px at 20px 50%);opacity:.4}._textfield_7y99a_1._withIcon_7y99a_73 ._input_7y99a_36{padding:10px 20px 10px 44px}._textfield_7y99a_1._withIcon_7y99a_73 ._placeholder_7y99a_49{transform:translate(36px)}._textfield_7y99a_1._textarea_7y99a_83 ._input_7y99a_36{height:200px;padding:16px 20px;resize:none}._textfield_7y99a_1._textarea_7y99a_83 ._placeholder_7y99a_49{top:0;transform:translate(20px,16px)}._textfield_7y99a_1._hasValue_7y99a_92 ._placeholder_7y99a_49{transform:translate(24px,-28px);scale:.75;font-weight:900;color:rgb(var(--colorBrandAccentRgb)/100%)}._textfield_7y99a_1._hasValue_7y99a_92 ._placeholder_7y99a_49:before{scale:1}._textfield_7y99a_1._hasValue_7y99a_92._withIcon_7y99a_73 ._placeholder_7y99a_49{transform:translate(52px,-28px)}._textfield_7y99a_1._hasValue_7y99a_92._textarea_7y99a_83 ._placeholder_7y99a_49{transform:translate(24px,-14px)}._textfield_7y99a_1:focus-within{box-shadow:0 0 0 2px rgb(var(--colorBrandAccentRgb)/50%);background:var(--colorBackgroundPrimary)}._textfield_7y99a_1:focus-within ._placeholder_7y99a_49{transform:translate(24px,-28px);scale:.75;font-weight:900;color:rgb(var(--colorBrandAccentRgb)/100%)}._textfield_7y99a_1:focus-within ._placeholder_7y99a_49:before{scale:1}._textfield_7y99a_1:focus-within._withIcon_7y99a_73 ._placeholder_7y99a_49{transform:translate(52px,-28px)}._textfield_7y99a_1:focus-within._textarea_7y99a_83 ._placeholder_7y99a_49{transform:translate(24px,-14px)}._textfield_7y99a_1:focus-within._withIcon_7y99a_73:before{clip-path:circle(17px at 20px 50%);opacity:.8}._textfield_7y99a_1:focus-within._withIcon_7y99a_73 ._icon_7y99a_27{color:#fff;font-weight:900}._sider_9guyz_1{--duration: .6s;--paddingLeft: 0px;--paddingRight: 0px;--borderRadius: 36px;width:100%;height:100%;background:rgb(var(--colorBrandAccentRgb)/90%);padding:0 var(--paddingRight) 0 var(--paddingLeft);overflow:hidden;transition:padding var(--duration) ease}._sider_9guyz_1 ._leftSiderContainer_9guyz_13{position:fixed;left:0;width:var(--siderWidth);height:100%;z-index:0}._sider_9guyz_1 ._rightSiderContainer_9guyz_20{position:fixed;right:0;width:var(--siderWidth);height:100%;z-index:1}._sider_9guyz_1 ._content_9guyz_27{position:relative;width:100%;height:100%;background:var(--colorBackgroundPrimary);box-shadow:0 0 50px 2px #0000003d;border-radius:0;z-index:2;transition:all var(--duration) var(--cubicBezierPrimary)}._sider_9guyz_1._miniLeftSider_9guyz_37{--paddingLeft: var(--siderWidthMini)}._sider_9guyz_1._miniLeftSider_9guyz_37 ._content_9guyz_27{border-top-left-radius:var(--borderRadius);border-bottom-left-radius:var(--borderRadius)}._sider_9guyz_1._miniRightSider_9guyz_44{--paddingRight: var(--siderWidthMini)}._sider_9guyz_1._miniRightSider_9guyz_44 ._content_9guyz_27{border-top-right-radius:var(--borderRadius);border-bottom-right-radius:var(--borderRadius)}._sider_9guyz_1._leftOpen_9guyz_51 ._content_9guyz_27{border-radius:36px;transform:translate(calc(var(--siderWidth) - var(--paddingLeft)));transform-origin:left center;scale:.95}._sider_9guyz_1._rightOpen_9guyz_57 ._content_9guyz_27{border-radius:36px;transform:translate(calc((var(--siderWidth) - var(--paddingRight)) * -1));transform-origin:right center;scale:.95}._navigation_zrgjp_1{--duration: .4s;width:calc(var(--siderWidth) + 16px);height:100%;display:flex;flex-direction:column;padding:16px 0 28px}._navigation_zrgjp_1 ._brand_zrgjp_9{font-size:32px;color:#fff;padding:24px 8px;font-variation-settings:"wdth" 75,"wght" 400;text-transform:capitalize;-webkit-user-select:none;user-select:none;cursor:pointer}._navigation_zrgjp_1 ._routeList_zrgjp_18{width:100%;display:flex;flex-direction:column;flex:1;-webkit-user-select:none;user-select:none;cursor:pointer}._navigation_zrgjp_1 ._routeList_zrgjp_18 ._route_zrgjp_18{position:relative;display:flex;align-items:center;gap:2px;text-decoration:none;color:#fff;transition:all var(--duration) var(--cubicBezierPrimary)}._navigation_zrgjp_1 ._routeList_zrgjp_18 ._route_zrgjp_18:before{content:"";position:absolute;display:block;width:100%;height:100%;background:rgb(var(--colorBrandAccentRgb)/0%);filter:contrast(2) brightness(.75);z-index:0;transition:all var(--duration) var(--cubicBezierPrimary)}._navigation_zrgjp_1 ._routeList_zrgjp_18 ._route_zrgjp_18:after{content:"";position:absolute;display:block;width:100%;height:100%;background:rgb(var(--colorBrandAccentRgb));clip-path:circle(0% at calc(var(--siderWidthMini) / 2) 50%);filter:contrast(2) brightness(.75);z-index:0;opacity:.4;transition:all var(--duration) var(--cubicBezierPrimary)}._navigation_zrgjp_1 ._routeList_zrgjp_18 ._route_zrgjp_18 ._icon_zrgjp_59{width:var(--siderWidthMini);height:var(--siderWidthMini);font-size:calc(var(--siderWidthMini) - 40px);color:#fff}._navigation_zrgjp_1 ._routeList_zrgjp_18 ._route_zrgjp_18 ._label_zrgjp_65{font-size:16px;font-variation-settings:"wdth" 75,"wght" 400;text-transform:capitalize;z-index:1}._navigation_zrgjp_1 ._routeList_zrgjp_18 ._route_zrgjp_18:last-of-type{margin-top:auto}._navigation_zrgjp_1 ._routeList_zrgjp_18 ._route_zrgjp_18:hover:before{background:rgb(var(--colorBrandAccentRgb)/30%)}._navigation_zrgjp_1 ._routeList_zrgjp_18 ._route_zrgjp_18._active_zrgjp_77:after{clip-path:circle(var(--siderWidth) at calc(var(--siderWidthMini) / 2) 50%);opacity:1;transition:all var(--duration) ease-in-out}
|
|
1
|
+
@import"https://fonts.googleapis.com/css2?family=Montserrat&display=swap";@font-face{font-family:FontAwesome;font-style:normal;font-weight:100;font-display:block;src:url(https://cdn.jsdelivr.net/gh/itzzjarvis/Assets/fonts/fontAwesome/fa-thin-100.woff2) format("woff2")}@font-face{font-family:FontAwesome;font-style:normal;font-weight:300;font-display:block;src:url(https://cdn.jsdelivr.net/gh/itzzjarvis/Assets/fonts/fontAwesome/fa-light-300.woff2) format("woff2")}@font-face{font-family:FontAwesome;font-style:normal;font-weight:400;font-display:block;src:url(https://cdn.jsdelivr.net/gh/itzzjarvis/Assets/fonts/fontAwesome/fa-regular-400.woff2) format("woff2")}@font-face{font-family:FontAwesome;font-style:normal;font-weight:900;font-display:block;src:url(https://cdn.jsdelivr.net/gh/itzzjarvis/Assets/fonts/fontAwesome/fa-solid-900.woff2) format("woff2")}@font-face{font-family:FontAwesomeDuotone;font-style:normal;font-weight:900;font-display:block;src:url(https://cdn.jsdelivr.net/gh/itzzjarvis/Assets/fonts/fontAwesome/fa-duotone-900.woff2) format("woff2")}@font-face{font-family:FontAwesomeSharp;font-style:normal;font-weight:300;font-display:block;src:url(https://cdn.jsdelivr.net/gh/itzzjarvis/Assets/fonts/fontAwesome/fa-sharp-light-300.woff2) format("woff2")}@font-face{font-family:FontAwesomeSharp;font-style:normal;font-weight:400;font-display:block;src:url(https://cdn.jsdelivr.net/gh/itzzjarvis/Assets/fonts/fontAwesome/fa-sharp-regular-400.woff2) format("woff2")}@font-face{font-family:FontAwesomeSharp;font-style:normal;font-weight:900;font-display:block;src:url(https://cdn.jsdelivr.net/gh/itzzjarvis/Assets/fonts/fontAwesome/fa-sharp-solid-900.woff2) format("woff2")}@font-face{font-family:FontAwesomeBrand;font-style:normal;font-weight:400;font-display:block;src:url(https://cdn.jsdelivr.net/gh/itzzjarvis/Assets/fonts/fontAwesome/fa-brands-400.woff2) format("woff2")}body{--colorAlertErrorRGB: 255 65 54;--colorAlertWarningRGB: 255 220 0;--colorAlertSuccessRGB: 46 204 64;--colorBorderPrimary: #ABB0BB;--colorContentPrimary: #383838;--colorContentSecondary: #666;--colorContentTertiary: #E6E6E6;--colorBackgroundPrimary: #FFF;--colorBackgroundSecondary: #F6F6F6;--colorBackgroundTertiary: #EEE;--colorShadow: rgb(100 100 100 / 40%);--gradientBrand: linear-gradient(320deg, rgb(var(--colorBrandPrimaryRgb)), rgb(var(--colorBrandSecondaryRgb)));--cubicBezierPrimary: cubic-bezier(.23, 1, .32, 1);--siderWidth: 300px;--siderWidthMini: 60px;scroll-behavior:smooth}body.red{--colorBrandPrimaryRgb: 249 34 75;--colorBrandSecondaryRgb: 255 68 68;--colorBrandAccentRgb: 255 56 83}body.pink{--colorBrandPrimaryRgb: 252 33 105;--colorBrandSecondaryRgb: 226 33 255;--colorBrandAccentRgb: 255 85 136}body.orange{--colorBrandPrimaryRgb: 255 127 34;--colorBrandSecondaryRgb: 255 65 65;--colorBrandAccentRgb: 255 108 103}body.blue{--colorBrandPrimaryRgb: 34 252 176;--colorBrandSecondaryRgb: 33 129 250;--colorBrandAccentRgb: 33 149 243}body.violet{--colorBrandPrimaryRgb: 63 0 230;--colorBrandSecondaryRgb: 150 44 255;--colorBrandAccentRgb: 127 81 255}body.black{--colorBrandPrimaryRgb: 22 20 28;--colorBrandSecondaryRgb: 9 8 11;--colorBrandAccentRgb: 40 39 44}body.dark{--colorContentPrimary: #A1A1A1;--colorContentSecondary: #636363;--colorContentTertiary: #383838;--colorBackgroundPrimary: #111;--colorBackgroundSecondary: #222;--colorBackgroundTertiary: #333}body ::selection{color:#fff;background:rgb(var(--colorBrandAccentRgb))}*{font-family:Montserrat,sans-serif;font-weight:500;box-sizing:border-box}._button_6uqr8_1{--duration: .6s;--themeColor: var(--colorBrandAccentRgb);--maxRippleSize: 100px 40px;position:relative;display:flex;justify-content:center;align-items:center;border:none;box-shadow:0 0 0 0 rgb(var(--themeColor)/0%);border-radius:9999px;cursor:pointer;-webkit-user-select:none;user-select:none;overflow:hidden;transition:all var(--duration) var(--cubicBezierPrimary)}._button_6uqr8_1 ._label_6uqr8_17{margin:0;text-transform:uppercase;z-index:1;transition:all var(--duration) var(--cubicBezierPrimary)}._button_6uqr8_1 ._icon_6uqr8_23{transition:all var(--duration) var(--cubicBezierPrimary)}._button_6uqr8_1 ._underline_6uqr8_26{position:absolute;width:100%;left:0;bottom:0}._button_6uqr8_1 ._underline_6uqr8_26>span{width:20%!important}._button_6uqr8_1:before{content:"";position:absolute;display:block;width:100%;height:100%;background:rgb(var(--themeColor));filter:contrast(1.2) brightness(.8);clip-path:circle(0% at 50% 50%);border-radius:9999px;z-index:0;opacity:0;transition:all var(--duration) var(--cubicBezierPrimary)}._button_6uqr8_1._primaryType_6uqr8_49,._button_6uqr8_1._primaryDangerType_6uqr8_49{background:rgb(var(--themeColor));box-shadow:0 0 0 2px rgb(var(--themeColor)/40%);color:#fff}._button_6uqr8_1._secondaryType_6uqr8_54,._button_6uqr8_1._secondaryDangerType_6uqr8_54{background:var(--colorBackgroundTertiary);box-shadow:0 0 0 2px rgb(var(--colorBackgroundTertiary)/40%);color:rgb(var(--themeColor))}._button_6uqr8_1._linkType_6uqr8_59,._button_6uqr8_1._linkDangerType_6uqr8_59{background:none;box-shadow:none!important;border-radius:unset;color:var(--colorContentPrimary);overflow:unset}._button_6uqr8_1._linkType_6uqr8_59 ._label_6uqr8_17,._button_6uqr8_1._linkDangerType_6uqr8_59 ._label_6uqr8_17{letter-spacing:unset;text-transform:unset}._button_6uqr8_1._linkType_6uqr8_59:before,._button_6uqr8_1._linkDangerType_6uqr8_59:before{display:none}._button_6uqr8_1._linkType_6uqr8_59:hover,._button_6uqr8_1._linkDangerType_6uqr8_59:hover{color:rgb(var(--themeColor))}._button_6uqr8_1._linkType_6uqr8_59:hover ._label_6uqr8_17,._button_6uqr8_1._linkDangerType_6uqr8_59:hover ._label_6uqr8_17{filter:contrast(.8) brightness(1.2)}._button_6uqr8_1._linkType_6uqr8_59:active ._label_6uqr8_17,._button_6uqr8_1._linkDangerType_6uqr8_59:active ._label_6uqr8_17{filter:contrast(1.2) brightness(.8)}._button_6uqr8_1._primaryDangerType_6uqr8_49,._button_6uqr8_1._secondaryDangerType_6uqr8_54,._button_6uqr8_1._linkDangerType_6uqr8_59{--themeColor: var(--colorAlertErrorRGB)}._button_6uqr8_1._primaryDangerType_6uqr8_49 ._underline_6uqr8_26 span,._button_6uqr8_1._secondaryDangerType_6uqr8_54 ._underline_6uqr8_26 span,._button_6uqr8_1._linkDangerType_6uqr8_59 ._underline_6uqr8_26 span{background:rgb(var(--themeColor))}._button_6uqr8_1._miniSize_6uqr8_88{--maxRippleSize: 80px 40px;line-height:16px;padding:8px 16px;gap:8px}._button_6uqr8_1._miniSize_6uqr8_88 ._label_6uqr8_17{font-size:12px;font-variation-settings:"wdth" 75,"wght" 400;letter-spacing:2px}._button_6uqr8_1._miniSize_6uqr8_88._iconOnly_6uqr8_99{padding:0}._button_6uqr8_1._miniSize_6uqr8_88._iconOnly_6uqr8_99 ._icon_6uqr8_23{width:32px;height:32px}._button_6uqr8_1._defaultSize_6uqr8_106{--maxRippleSize: 100px 50px;line-height:20px;padding:12px 24px;gap:10px}._button_6uqr8_1._defaultSize_6uqr8_106 ._label_6uqr8_17{font-size:16px;font-variation-settings:"wdth" 75,"wght" 500;letter-spacing:2px}._button_6uqr8_1._defaultSize_6uqr8_106._iconOnly_6uqr8_99{padding:0}._button_6uqr8_1._defaultSize_6uqr8_106._iconOnly_6uqr8_99 ._icon_6uqr8_23{width:44px;height:44px}._button_6uqr8_1._largeSize_6uqr8_124{--maxRippleSize: 150px 75px;line-height:28px;padding:16px 32px;gap:14px}._button_6uqr8_1._largeSize_6uqr8_124 ._label_6uqr8_17{font-size:22px;font-variation-settings:"wdth" 75,"wght" 600;letter-spacing:4px}._button_6uqr8_1._largeSize_6uqr8_124._iconOnly_6uqr8_99{padding:0}._button_6uqr8_1._largeSize_6uqr8_124._iconOnly_6uqr8_99 ._icon_6uqr8_23{width:60px;height:60px}._button_6uqr8_1:hover{box-shadow:0 0 0 5px rgb(var(--themeColor)/50%);transition:all var(--duration) var(--cubicBezierPrimary);color:#fff}._button_6uqr8_1:hover ._underline_6uqr8_26 span{width:100%!important}._button_6uqr8_1:hover:before{clip-path:circle(100% at 50% 50%);opacity:1}._button_6uqr8_1:active{box-shadow:0 0 0 7px rgb(var(--themeColor)/50%)}._button_6uqr8_1._clicked_6uqr8_157{box-shadow:0 0 0 0 rgb(var(--themeColor)/0%);animation:_ripple_6uqr8_1 var(--duration) linear;color:#fff}._button_6uqr8_1._clicked_6uqr8_157:before{clip-path:circle(100% at 50% 50%);opacity:1}._button_6uqr8_1._loading_6uqr8_166{--loaderColor: rgb(var(--themeColor));pointer-events:none;background:rgb(var(--themeColor)/80%)}._button_6uqr8_1._loading_6uqr8_166._secondaryType_6uqr8_54,._button_6uqr8_1._loading_6uqr8_166._secondaryDangerType_6uqr8_54{--loaderColor: var(--colorBackgroundPrimary);background:var(--colorBackgroundTertiary)}._button_6uqr8_1._loading_6uqr8_166._linkType_6uqr8_59,._button_6uqr8_1._loading_6uqr8_166._linkDangerType_6uqr8_59{background:none}._button_6uqr8_1._loading_6uqr8_166._linkType_6uqr8_59 ._underline_6uqr8_26>span,._button_6uqr8_1._loading_6uqr8_166._linkDangerType_6uqr8_59 ._underline_6uqr8_26>span{width:150%!important}._button_6uqr8_1._loading_6uqr8_166._linkType_6uqr8_59:after,._button_6uqr8_1._loading_6uqr8_166._linkDangerType_6uqr8_59:after{display:none}._button_6uqr8_1._loading_6uqr8_166:after{content:"";position:absolute;display:block;width:150%;height:100%;z-index:0;border-radius:9999px;background-image:repeating-linear-gradient(60deg,transparent,transparent .75rem,var(--loaderColor) .75rem,var(--loaderColor) 1.5rem);animation:_barberPole_6uqr8_1 .25s infinite linear}._button_6uqr8_1._loading_6uqr8_166._iconOnly_6uqr8_99{background:transparent;box-shadow:0 0 0 0 rgb(var(--themeColor)/0%);overflow:unset}._button_6uqr8_1._loading_6uqr8_166._iconOnly_6uqr8_99._secondaryType_6uqr8_54,._button_6uqr8_1._loading_6uqr8_166._iconOnly_6uqr8_99._secondaryDangerType_6uqr8_54{color:#fff}._button_6uqr8_1._loading_6uqr8_166._iconOnly_6uqr8_99:before{clip-path:circle(45% at 50% 50%);opacity:1}._button_6uqr8_1._loading_6uqr8_166._iconOnly_6uqr8_99:after{width:100%;background:none;border:2px solid rgb(var(--themeColor));border-top-color:transparent;border-bottom-color:transparent;animation:_spin_6uqr8_1 .25s infinite linear}._button_6uqr8_1:disabled{background:rgb(var(--themeColor)/20%);color:rgb(var(--themeColor)/75%);pointer-events:none;filter:grayscale(1)}._button_6uqr8_1:disabled._secondaryType_6uqr8_54,._button_6uqr8_1:disabled._secondaryDangerType_6uqr8_54{background:rgb(var(--themeColor)/5%)}._button_6uqr8_1:disabled._linkType_6uqr8_59{background:none}._button_6uqr8_1:disabled._linkType_6uqr8_59 ._underline_6uqr8_26:before{width:0%}._button_6uqr8_1:disabled._linkType_6uqr8_59 ._underline_6uqr8_26 span{width:0%}@keyframes _ripple_6uqr8_1{0%{box-shadow:0 0 0 7px rgb(var(--themeColor)/50%)}to{box-shadow:0 0 var(--maxRippleSize) rgb(var(--themeColor)/0%)}}@keyframes _barberPole_6uqr8_1{0%{transform:translate(-1.75rem)}to{transform:translate(0)}}@keyframes _spin_6uqr8_1{0%{transform:rotate(0)}to{transform:rotate(180deg)}}._icon_awnbf_2{position:relative;width:var(--iconSize);height:var(--iconSize);font-size:var(--iconSize);display:flex;justify-content:center;align-items:center;font-variant:normal;line-height:1;text-rendering:auto;-webkit-user-select:none;user-select:none;z-index:1;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;transition:all .4s var(--cubicBezierPrimary)}._icon_awnbf_2:before{position:absolute;display:block;color:inherit;content:attr(data-content)}._icon_awnbf_2._thin_awnbf_25{font-family:FontAwesome;font-weight:100}._icon_awnbf_2._light_awnbf_29{font-family:FontAwesome;font-weight:300}._icon_awnbf_2._regular_awnbf_33{font-family:FontAwesome;font-weight:400}._icon_awnbf_2._solid_awnbf_37{font-family:FontAwesome;font-weight:900}._icon_awnbf_2._duotone_awnbf_41{font-family:FontAwesomeDuotone;font-weight:900}._icon_awnbf_2._duotone_awnbf_41:after{position:absolute;display:block;color:inherit;content:attr(data-content) attr(data-content);opacity:.3}._icon_awnbf_2._sharpSolid_awnbf_52{font-family:FontAwesomeSharp;font-weight:900}._icon_awnbf_2._sharpRegular_awnbf_56{font-family:FontAwesomeSharp;font-weight:400}._icon_awnbf_2._sharpLight_awnbf_60{font-family:FontAwesomeSharp;font-weight:300}._icon_awnbf_2._brand_awnbf_64{font-family:FontAwesomeBrand;font-weight:400}._progressBar_luf46_1{position:relative;width:100%;height:3px;display:flex;justify-content:flex-start;align-items:center;border-radius:9999px;overflow:hidden}._progressBar_luf46_1:before{content:"";position:absolute;left:0;width:100%;height:1px;border-radius:9999px;opacity:.3;background:var(--colorBorderPrimary);transition:all .5s var(--cubicBezierPrimary)}._progressBar_luf46_1>._progress_luf46_1{position:absolute;width:100%;height:3px;display:block;background:var(--gradientBrand);border-radius:9999px;transition:all .5s var(--cubicBezierPrimary)}._progressBar_luf46_1._intermediate_luf46_31{border-radius:9999px}._progressBar_luf46_1._intermediate_luf46_31:before{height:100%;background:rgb(var(--colorBrandAccentRgb))}._progressBar_luf46_1._intermediate_luf46_31>._progress_luf46_1{width:150%;background-image:repeating-linear-gradient(60deg,transparent,transparent .5rem,rgb(var(--colorBrandAccentRgb)) .5rem,rgb(var(--colorBrandAccentRgb)) 1.5rem);animation:_barberPole_luf46_1 .2s infinite linear}@keyframes _barberPole_luf46_1{0%{transform:translate(-1.75rem)}to{transform:translate(0)}}._spinner_1ka01_1{--spinnerSize: 125px;--spinnerCubeSize: calc(var(--spinnerSize) / 2);position:relative;width:var(--spinnerSize);height:var(--spinnerSize);display:grid;place-items:center}._spinner_1ka01_1 ._spinnerWrapper_1ka01_10{position:relative;width:var(--spinnerCubeSize);height:var(--spinnerCubeSize);margin-top:calc(var(--spinnerCubeSize) * -.1);transform-style:preserve-3d;animation:_spin_1ka01_1 1s linear infinite}._spinner_1ka01_1 ._spinnerWrapper_1ka01_10 ._cubeTop_1ka01_18{position:absolute;width:var(--spinnerCubeSize);height:var(--spinnerCubeSize);background:hsl(330,3.13%,25.1%) 0%;transform:rotateX(90deg) translateZ(calc(var(--spinnerCubeSize) / 2));transform-style:preserve-3d}._spinner_1ka01_1 ._spinnerWrapper_1ka01_10 ._cubeTop_1ka01_18:before{content:"";position:absolute;width:var(--spinnerCubeSize);height:var(--spinnerCubeSize);background:hsl(176.61,42.28%,40.7%) 19.6%;transform:translateZ(calc(-1 * var(--spinnerCubeSize) * 1.2));filter:blur(10px);box-shadow:0 0 10px #323232,0 0 20px #3c948f 19.6%,0 0 30px #323232,0 0 40px #3c948f 19.6%}._spinner_1ka01_1 ._spinnerWrapper_1ka01_10 ._cubeWrapper_1ka01_36{position:absolute;width:100%;height:100%;transform-style:preserve-3d}._spinner_1ka01_1 ._spinnerWrapper_1ka01_10 ._cubeWrapper_1ka01_36 ._cubeFace_1ka01_42{position:absolute;width:100%;height:100%;background:linear-gradient(to bottom,hsl(330,3.13%,25.1%) 0%,hsl(177.27,21.71%,32.06%) 5.5%,hsl(176.67,34.1%,36.88%) 12.1%,hsl(176.61,42.28%,40.7%) 19.6%,hsl(176.63,48.32%,43.88%) 27.9%,hsl(176.66,53.07%,46.58%) 36.6%,hsl(176.7,56.94%,48.91%) 45.6%,hsl(176.74,62.39%,50.91%) 54.6%,hsl(176.77,69.86%,52.62%) 63.4%,hsl(176.8,76.78%,54.08%) 71.7%,hsl(176.83,83.02%,55.29%) 79.4%,hsl(176.85,88.44%,56.28%) 86.2%,hsl(176.86,92.9%,57.04%) 91.9%,hsl(176.88,96.24%,57.59%) 96.3%,hsl(176.88,98.34%,57.93%) 99%,hsl(176.89,99.07%,58.04%) 100%)}._spinner_1ka01_1 ._spinnerWrapper_1ka01_10 ._cubeWrapper_1ka01_36 ._cubeFace_1ka01_42:nth-child(1){transform:rotateY(90deg) translateZ(calc(var(--spinnerCubeSize) / 2))}._spinner_1ka01_1 ._spinnerWrapper_1ka01_10 ._cubeWrapper_1ka01_36 ._cubeFace_1ka01_42:nth-child(2){transform:rotateY(180deg) translateZ(calc(var(--spinnerCubeSize) / 2))}._spinner_1ka01_1 ._spinnerWrapper_1ka01_10 ._cubeWrapper_1ka01_36 ._cubeFace_1ka01_42:nth-child(3){transform:rotateY(270deg) translateZ(calc(var(--spinnerCubeSize) / 2))}._spinner_1ka01_1 ._spinnerWrapper_1ka01_10 ._cubeWrapper_1ka01_36 ._cubeFace_1ka01_42:nth-child(4){transform:rotateY(360deg) translateZ(calc(var(--spinnerCubeSize) / 2))}@keyframes _spin_1ka01_1{0%{transform:rotateX(-30deg) rotateY(0)}to{transform:rotateX(-30deg) rotateY(360deg)}}._textfield_7y99a_1{--duration: .6s;position:relative;width:400px;display:flex;justify-content:center;align-items:center;border-radius:20px;box-shadow:0 0 0 1px rgb(var(--colorBrandAccentRgb)/50%);background:var(--colorBackgroundSecondary);color:rgb(var(--colorContentPrimary));transition:all var(--duration) var(--cubicBezierPrimary)}._textfield_7y99a_1:before{content:"";position:absolute;display:block;width:100%;height:100%;background:rgb(var(--colorBrandAccentRgb));clip-path:circle(0% at 20px 50%);border-radius:9999px;z-index:0;opacity:0;transition:all var(--duration) var(--cubicBezierPrimary)}._textfield_7y99a_1 ._icon_7y99a_27{position:absolute;left:0;width:40px;height:40px;color:rgb(var(--colorBrandAccentRgb)/100%);pointer-events:none;transition:all 0s}._textfield_7y99a_1 ._input_7y99a_36{width:100%;height:40px;outline:none;border:none;background:transparent;padding:10px 20px;font-size:16px;z-index:1;color:rgb(var(--colorContentPrimary));font-variation-settings:"wdth" 75,"wght" 400;transition:all var(--duration) var(--cubicBezierPrimary)}._textfield_7y99a_1 ._placeholder_7y99a_49{position:absolute;left:0;display:flex;align-items:center;color:var(--colorContentSecondary);transform:translate(14px);transform-origin:0 50%;line-height:20px;padding:0 8px;transition:all var(--duration) var(--cubicBezierPrimary)}._textfield_7y99a_1 ._placeholder_7y99a_49:before{content:"";position:absolute;left:0;display:block;width:100%;height:50%;background:var(--colorBackgroundPrimary);scale:0;z-index:-1;transition:all var(--duration) var(--cubicBezierPrimary)}._textfield_7y99a_1._withIcon_7y99a_73:before{clip-path:circle(15px at 20px 50%);opacity:.4}._textfield_7y99a_1._withIcon_7y99a_73 ._input_7y99a_36{padding:10px 20px 10px 44px}._textfield_7y99a_1._withIcon_7y99a_73 ._placeholder_7y99a_49{transform:translate(36px)}._textfield_7y99a_1._textarea_7y99a_83 ._input_7y99a_36{height:200px;padding:16px 20px;resize:none}._textfield_7y99a_1._textarea_7y99a_83 ._placeholder_7y99a_49{top:0;transform:translate(20px,16px)}._textfield_7y99a_1._hasValue_7y99a_92 ._placeholder_7y99a_49{transform:translate(24px,-28px);scale:.75;font-weight:900;color:rgb(var(--colorBrandAccentRgb)/100%)}._textfield_7y99a_1._hasValue_7y99a_92 ._placeholder_7y99a_49:before{scale:1}._textfield_7y99a_1._hasValue_7y99a_92._withIcon_7y99a_73 ._placeholder_7y99a_49{transform:translate(52px,-28px)}._textfield_7y99a_1._hasValue_7y99a_92._textarea_7y99a_83 ._placeholder_7y99a_49{transform:translate(24px,-14px)}._textfield_7y99a_1:focus-within{box-shadow:0 0 0 2px rgb(var(--colorBrandAccentRgb)/50%);background:var(--colorBackgroundPrimary)}._textfield_7y99a_1:focus-within ._placeholder_7y99a_49{transform:translate(24px,-28px);scale:.75;font-weight:900;color:rgb(var(--colorBrandAccentRgb)/100%)}._textfield_7y99a_1:focus-within ._placeholder_7y99a_49:before{scale:1}._textfield_7y99a_1:focus-within._withIcon_7y99a_73 ._placeholder_7y99a_49{transform:translate(52px,-28px)}._textfield_7y99a_1:focus-within._textarea_7y99a_83 ._placeholder_7y99a_49{transform:translate(24px,-14px)}._textfield_7y99a_1:focus-within._withIcon_7y99a_73:before{clip-path:circle(17px at 20px 50%);opacity:.8}._textfield_7y99a_1:focus-within._withIcon_7y99a_73 ._icon_7y99a_27{color:#fff;font-weight:900}._sider_9guyz_1{--duration: .6s;--paddingLeft: 0px;--paddingRight: 0px;--borderRadius: 36px;width:100%;height:100%;background:rgb(var(--colorBrandAccentRgb)/90%);padding:0 var(--paddingRight) 0 var(--paddingLeft);overflow:hidden;transition:padding var(--duration) ease}._sider_9guyz_1 ._leftSiderContainer_9guyz_13{position:fixed;left:0;width:var(--siderWidth);height:100%;z-index:0}._sider_9guyz_1 ._rightSiderContainer_9guyz_20{position:fixed;right:0;width:var(--siderWidth);height:100%;z-index:1}._sider_9guyz_1 ._content_9guyz_27{position:relative;width:100%;height:100%;background:var(--colorBackgroundPrimary);box-shadow:0 0 50px 2px #0000003d;border-radius:0;z-index:2;transition:all var(--duration) var(--cubicBezierPrimary)}._sider_9guyz_1._miniLeftSider_9guyz_37{--paddingLeft: var(--siderWidthMini)}._sider_9guyz_1._miniLeftSider_9guyz_37 ._content_9guyz_27{border-top-left-radius:var(--borderRadius);border-bottom-left-radius:var(--borderRadius)}._sider_9guyz_1._miniRightSider_9guyz_44{--paddingRight: var(--siderWidthMini)}._sider_9guyz_1._miniRightSider_9guyz_44 ._content_9guyz_27{border-top-right-radius:var(--borderRadius);border-bottom-right-radius:var(--borderRadius)}._sider_9guyz_1._leftOpen_9guyz_51 ._content_9guyz_27{border-radius:36px;transform:translate(calc(var(--siderWidth) - var(--paddingLeft)));transform-origin:left center;scale:.95}._sider_9guyz_1._rightOpen_9guyz_57 ._content_9guyz_27{border-radius:36px;transform:translate(calc((var(--siderWidth) - var(--paddingRight)) * -1));transform-origin:right center;scale:.95}._navigation_zrgjp_1{--duration: .4s;width:calc(var(--siderWidth) + 16px);height:100%;display:flex;flex-direction:column;padding:16px 0 28px}._navigation_zrgjp_1 ._brand_zrgjp_9{font-size:32px;color:#fff;padding:24px 8px;font-variation-settings:"wdth" 75,"wght" 400;text-transform:capitalize;-webkit-user-select:none;user-select:none;cursor:pointer}._navigation_zrgjp_1 ._routeList_zrgjp_18{width:100%;display:flex;flex-direction:column;flex:1;-webkit-user-select:none;user-select:none;cursor:pointer}._navigation_zrgjp_1 ._routeList_zrgjp_18 ._route_zrgjp_18{position:relative;display:flex;align-items:center;gap:2px;text-decoration:none;color:#fff;transition:all var(--duration) var(--cubicBezierPrimary)}._navigation_zrgjp_1 ._routeList_zrgjp_18 ._route_zrgjp_18:before{content:"";position:absolute;display:block;width:100%;height:100%;background:rgb(var(--colorBrandAccentRgb)/0%);filter:contrast(2) brightness(.75);z-index:0;transition:all var(--duration) var(--cubicBezierPrimary)}._navigation_zrgjp_1 ._routeList_zrgjp_18 ._route_zrgjp_18:after{content:"";position:absolute;display:block;width:100%;height:100%;background:rgb(var(--colorBrandAccentRgb));clip-path:circle(0% at calc(var(--siderWidthMini) / 2) 50%);filter:contrast(2) brightness(.75);z-index:0;opacity:.4;transition:all var(--duration) var(--cubicBezierPrimary)}._navigation_zrgjp_1 ._routeList_zrgjp_18 ._route_zrgjp_18 ._icon_zrgjp_59{width:var(--siderWidthMini);height:var(--siderWidthMini);font-size:calc(var(--siderWidthMini) - 40px);color:#fff}._navigation_zrgjp_1 ._routeList_zrgjp_18 ._route_zrgjp_18 ._label_zrgjp_65{font-size:16px;font-variation-settings:"wdth" 75,"wght" 400;text-transform:capitalize;z-index:1}._navigation_zrgjp_1 ._routeList_zrgjp_18 ._route_zrgjp_18:last-of-type{margin-top:auto}._navigation_zrgjp_1 ._routeList_zrgjp_18 ._route_zrgjp_18:hover:before{background:rgb(var(--colorBrandAccentRgb)/30%)}._navigation_zrgjp_1 ._routeList_zrgjp_18 ._route_zrgjp_18._active_zrgjp_77:after{clip-path:circle(var(--siderWidth) at calc(var(--siderWidthMini) / 2) 50%);opacity:1;transition:all var(--duration) ease-in-out}
|