rc-lib-ui 1.4.7 → 1.4.9
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/NetworkAndSocket/Socket/api/SocketApi.d.ts +9 -2
- package/dist/NetworkAndSocket/Socket/api/SocketApi.types.d.ts +2 -5
- package/dist/NetworkAndSocket/Socket/api/deps/WsApi/WsApi.d.ts +6 -0
- package/dist/NetworkAndSocket/Socket/components/Buttons/Connect.d.ts +10 -0
- package/dist/NetworkAndSocket/Socket/components/index.d.ts +1 -0
- package/dist/Preloaders/Preloaders.d.ts +1 -1
- package/dist/preloaders.css +1 -1
- package/dist/preloaders.js +369 -369
- package/dist/socket.js +354 -331
- package/package.json +1 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { WsApi_Options_P } from './deps/WsApi';
|
|
1
|
+
import { WsApi, WsApi_Options_P } from './deps/WsApi';
|
|
2
2
|
import { WsApi_Events } from './deps/WsApi/WsApi.types';
|
|
3
3
|
import { BasePayloadSocket, SocketApi_Options_P, SocketApi_StateProps_P, SocketApiOptionsRequest } from './SocketApi.types';
|
|
4
4
|
import { NetworkStatusInfoTracker } from 'dev-classes';
|
|
@@ -10,18 +10,24 @@ interface SocketApi_Events {
|
|
|
10
10
|
timeOffReConnect(info: ConnectInfoProps): void;
|
|
11
11
|
reConnect(status: boolean): void;
|
|
12
12
|
network(info: NetworkStatusInfoTracker): void;
|
|
13
|
+
destroy(): void;
|
|
13
14
|
}
|
|
14
15
|
type CommonEvents = SocketApi_Events & WsApi_Events;
|
|
15
16
|
export declare class SocketApi {
|
|
17
|
+
private static sessionId;
|
|
16
18
|
private static state;
|
|
19
|
+
private static isGotWasFirstConnection;
|
|
20
|
+
private static infoNetwork;
|
|
17
21
|
private static options;
|
|
18
|
-
|
|
22
|
+
static wsApi: WsApi;
|
|
19
23
|
private static delay;
|
|
20
24
|
private static networkTicker;
|
|
21
25
|
private static events;
|
|
22
26
|
private static saveID;
|
|
23
27
|
private static stateDefault;
|
|
24
28
|
private static copyState;
|
|
29
|
+
private static setInfoNetwork;
|
|
30
|
+
static getInfoNetwork(): NetworkStatusInfoTracker;
|
|
25
31
|
private static setState;
|
|
26
32
|
private static resetState;
|
|
27
33
|
private static setOptions;
|
|
@@ -56,6 +62,7 @@ export declare class SocketApi {
|
|
|
56
62
|
static init: (options: WsApi_Options_P & SocketApi_Options_P) => void;
|
|
57
63
|
static connect(): Promise<void>;
|
|
58
64
|
static disconnect(): void;
|
|
65
|
+
static destroy(): void;
|
|
59
66
|
static send<P extends BasePayloadSocket, Data extends BasePayloadSocket>(payload: P, cb?: (data: Data) => void): void;
|
|
60
67
|
static stopReConnect(status?: boolean): void;
|
|
61
68
|
static socketReConnect: () => void;
|
|
@@ -1,14 +1,11 @@
|
|
|
1
|
-
import { NetworkStatusInfoTracker } from 'dev-classes';
|
|
2
1
|
import { WsApiE_StatusConnect_OR } from './deps/WsApi';
|
|
3
2
|
import { WsApi_Response } from './deps/WsApi/WsApi.types';
|
|
4
3
|
export interface SocketApi_Options_P {
|
|
5
4
|
isReConnectNetworkOnline?: boolean;
|
|
6
5
|
listUrlsCheckConnectNetwork?: string[];
|
|
7
6
|
}
|
|
8
|
-
type SocketApi_StateProps_OR = 'isDisconnect' | 'isActiveReConnect' | 'isOfflineSocket'
|
|
9
|
-
export type SocketApi_StateProps_P = Record<SocketApi_StateProps_OR, boolean
|
|
10
|
-
infoNetwork: NetworkStatusInfoTracker;
|
|
11
|
-
};
|
|
7
|
+
type SocketApi_StateProps_OR = 'isDisconnect' | 'isActiveReConnect' | 'isOfflineSocket';
|
|
8
|
+
export type SocketApi_StateProps_P = Record<SocketApi_StateProps_OR, boolean>;
|
|
12
9
|
export type SocketApi_StatusConnect_OR = WsApiE_StatusConnect_OR;
|
|
13
10
|
export type BasePayloadSocket = {
|
|
14
11
|
action: string;
|
|
@@ -31,11 +31,17 @@ export declare class WsApi {
|
|
|
31
31
|
cb: any;
|
|
32
32
|
}[];
|
|
33
33
|
getOptions: () => WsApi_Options_P;
|
|
34
|
+
setOptions: (options: Partial<WsApi_Options_P>) => {
|
|
35
|
+
url: string;
|
|
36
|
+
timeReConnect: number;
|
|
37
|
+
numberOfRepit?: number;
|
|
38
|
+
};
|
|
34
39
|
init: (options: typeof this.options) => void;
|
|
35
40
|
getIsInitWS: () => boolean;
|
|
36
41
|
connect(): void;
|
|
37
42
|
close(): void;
|
|
38
43
|
disconnect(): void;
|
|
44
|
+
destroy(): void;
|
|
39
45
|
send(data: any): void;
|
|
40
46
|
setRequestSave(reqInfo: (typeof this.state.arrSaveReq)[number]): void;
|
|
41
47
|
private getItemsRequestSaveByAction;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
interface ButtonActionsProps {
|
|
3
|
+
connect: () => void;
|
|
4
|
+
isDisableConnectSocket: boolean;
|
|
5
|
+
}
|
|
6
|
+
export interface ReConnectButtonProps {
|
|
7
|
+
children: (actions: ButtonActionsProps) => React.ReactNode;
|
|
8
|
+
}
|
|
9
|
+
export declare const Connect: React.NamedExoticComponent<ReConnectButtonProps>;
|
|
10
|
+
export {};
|
|
@@ -8,6 +8,7 @@ export declare const Socket: {
|
|
|
8
8
|
Buttons: {
|
|
9
9
|
OfflineActive: React.NamedExoticComponent<import('./Buttons/OfflineButton').OfflineButtonProps>;
|
|
10
10
|
ReConnect: React.NamedExoticComponent<import('./Buttons/ReConnect').ReConnectButtonProps>;
|
|
11
|
+
Connect: React.NamedExoticComponent<import('./Buttons/Connect').ReConnectButtonProps>;
|
|
11
12
|
};
|
|
12
13
|
Initialization: React.NamedExoticComponent<InitializationSocketProps>;
|
|
13
14
|
};
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
|
-
import { BallProps } from './components/Ball/Ball';
|
|
3
2
|
import { SpinnerGrowProps } from './components/SpinnerGrow/SpinnerGrow';
|
|
4
3
|
import { SpinnerBorderProps } from './components/SpinnerBorder/SpinnerBorder';
|
|
5
4
|
import { Spinner3DProps } from './components/Spinner3D/Spinner3D';
|
|
5
|
+
import { BallProps } from './components/Ball/Ball';
|
|
6
6
|
import { TimeProps } from './components/Time/Time';
|
|
7
7
|
import { CubeProps } from './components/Cube/Cube';
|
|
8
8
|
import { RotateCubeProps } from './components/RotateCube/RotateCube';
|
package/dist/preloaders.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
._wrap_163il_1{display:flex;justify-content:center;align-items:center;position:absolute;top:0;bottom:0;right:0;left:0;z-index:100}._inner_163il_13{position:relative;display:flex;justify-content:center;flex-direction:column}._loader_163il_20{margin:0 auto;position:relative;top:0;bottom:0;width:100px;height:100px;-webkit-perspective:780px;perspective:780px}._item_163il_31{position:absolute;width:100%;height:100%;box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;border-radius:50%;-o-border-radius:50%;-ms-border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%}._item_163il_31._one_163il_46{left:0%;top:0%;animation:_cssload-rotate-one_163il_1 1.15s linear infinite;-o-animation:_cssload-rotate-one_163il_1 1.15s linear infinite;-ms-animation:_cssload-rotate-one_163il_1 1.15s linear infinite;-webkit-animation:_cssload-rotate-one_163il_1 1.15s linear infinite;-moz-animation:_cssload-rotate-one_163il_1 1.15s linear infinite;border-bottom:3px solid #5C5EDC}._item_163il_31._two_163il_56{right:0%;top:0%;animation:_cssload-rotate-two_163il_1 1.15s linear infinite;-o-animation:_cssload-rotate-two_163il_1 1.15s linear infinite;-ms-animation:_cssload-rotate-two_163il_1 1.15s linear infinite;-webkit-animation:_cssload-rotate-two_163il_1 1.15s linear infinite;-moz-animation:_cssload-rotate-two_163il_1 1.15s linear infinite;border-right:3px solid rgba(76,70,101,.99)}._item_163il_31._three_163il_66{right:0%;bottom:0%;animation:_cssload-rotate-three_163il_1 1.15s linear infinite;-o-animation:_cssload-rotate-three_163il_1 1.15s linear infinite;-ms-animation:_cssload-rotate-three_163il_1 1.15s linear infinite;-webkit-animation:_cssload-rotate-three_163il_1 1.15s linear infinite;-moz-animation:_cssload-rotate-three_163il_1 1.15s linear infinite;border-top:3px solid #e9908a}._text_163il_77{padding:0;text-wrap:nowrap;z-index:106;text-align:center;margin:30px 0;animation:_textAnim_163il_1 1s linear infinite alternate}@keyframes _textAnim_163il_1{0%{color:#ebebebfc}to{color:#afaeaffc}}@keyframes _cssload-rotate-one_163il_1{0%{transform:rotateX(35deg) rotateY(-45deg) rotate(0)}to{transform:rotateX(35deg) rotateY(-45deg) rotate(360deg)}}@keyframes _cssload-rotate-two_163il_1{0%{transform:rotateX(50deg) rotateY(10deg) rotate(0)}to{transform:rotateX(50deg) rotateY(10deg) rotate(360deg)}}@keyframes _cssload-rotate-three_163il_1{0%{transform:rotateX(35deg) rotateY(55deg) rotate(0)}to{transform:rotateX(35deg) rotateY(55deg) rotate(360deg)}}._spinner-grow_n1rpq_1{display:inline-block;width:2rem;height:2rem;vertical-align:-.125em;background-color:currentColor;border-radius:50%;opacity:0;animation:.75s linear infinite _spinner-grow_n1rpq_1;z-index:100}._spinner-grow-sm_n1rpq_13{width:1rem;height:1rem}._positionCenterByParent_n1rpq_18{position:absolute;left:0;right:0;top:0;bottom:0;display:flex;justify-content:center;align-items:center}@keyframes _spinner-grow_n1rpq_1{0%{transform:scale(0)}50%{opacity:1;transform:none}}._wrap_mg84g_1{position:absolute;left:0;right:0;top:0;bottom:0;display:flex;justify-content:center;align-items:center;z-index:100}._spinner_mg84g_13{display:inline-block;width:2rem;height:2rem;vertical-align:-.125em;border:.25em solid currentColor;border-right-color:transparent;border-radius:50%;animation:.75s linear infinite _SpinnerBorderAnim_mg84g_1}._spinnerSm_mg84g_24{width:1rem;height:1rem;border-width:.2em}@keyframes _SpinnerBorderAnim_mg84g_1{to{transform:rotate(360deg)}}._pl_nmy83_1{box-shadow:2em 0 2em #0003 inset,-2em 0 2em #ffffff1a inset;display:flex;justify-content:center;align-items:center;position:relative;letter-spacing:.1em;text-transform:uppercase;transform:rotateX(30deg) rotate(45deg);width:15em;height:15em}._pl_nmy83_1,._pl__dot_nmy83_13{border-radius:50%}._pl__dot_nmy83_13{animation-name:_shadow_nmy83_1;box-shadow:.1em .1em 0 .1em #000,.3em 0 .3em #00000080;top:calc(50% - .75em);left:calc(50% - .75em);width:1.5em;height:1.5em}._pl__dot_nmy83_13,._pl__dot_nmy83_13:before,._pl__dot_nmy83_13:after{animation-duration:2s;animation-iteration-count:infinite;position:absolute}._pl__dot_nmy83_13:before,._pl__dot_nmy83_13:after{content:"";display:block;left:0;width:inherit;transition:background-color .3s}._pl__dot_nmy83_13:before{animation-name:_pushInOut1_nmy83_1;background-color:#454954;border-radius:inherit;box-shadow:.05em 0 .1em #fff3 inset;height:inherit;z-index:1}._pl__dot_nmy83_13:after{animation-name:_pushInOut2_nmy83_1;background-color:#255ff4;border-radius:.75em;box-shadow:.1em .3em .2em #fff6 inset,0 -.4em .2em #2e3138 inset,0 -1em .25em #0000004d inset;bottom:0;clip-path:polygon(0 75%,100% 75%,100% 100%,0 100%);height:3em;transform:rotate(-45deg);transform-origin:50% 2.25em}._pl__dot_nmy83_13:nth-child(1){transform:rotate(0) translate(5em) rotate(0);z-index:5}._pl__dot_nmy83_13:nth-child(1),._pl__dot_nmy83_13:nth-child(1):before,._pl__dot_nmy83_13:nth-child(1):after{animation-delay:0s}._pl__dot_nmy83_13:nth-child(2){transform:rotate(-30deg) translate(5em) rotate(30deg);z-index:4}._pl__dot_nmy83_13:nth-child(2),._pl__dot_nmy83_13:nth-child(2):before,._pl__dot_nmy83_13:nth-child(2):after{animation-delay:-.1666666667s}._pl__dot_nmy83_13:nth-child(3){transform:rotate(-60deg) translate(5em) rotate(60deg);z-index:3}._pl__dot_nmy83_13:nth-child(3),._pl__dot_nmy83_13:nth-child(3):before,._pl__dot_nmy83_13:nth-child(3):after{animation-delay:-.3333333333s}._pl__dot_nmy83_13:nth-child(4){transform:rotate(-90deg) translate(5em) rotate(90deg);z-index:2}._pl__dot_nmy83_13:nth-child(4),._pl__dot_nmy83_13:nth-child(4):before,._pl__dot_nmy83_13:nth-child(4):after{animation-delay:-.5s}._pl__dot_nmy83_13:nth-child(5){transform:rotate(-120deg) translate(5em) rotate(120deg);z-index:1}._pl__dot_nmy83_13:nth-child(5),._pl__dot_nmy83_13:nth-child(5):before,._pl__dot_nmy83_13:nth-child(5):after{animation-delay:-.6666666667s}._pl__dot_nmy83_13:nth-child(6){transform:rotate(-150deg) translate(5em) rotate(150deg);z-index:1}._pl__dot_nmy83_13:nth-child(6),._pl__dot_nmy83_13:nth-child(6):before,._pl__dot_nmy83_13:nth-child(6):after{animation-delay:-.8333333333s}._pl__dot_nmy83_13:nth-child(7){transform:rotate(-180deg) translate(5em) rotate(180deg);z-index:2}._pl__dot_nmy83_13:nth-child(7),._pl__dot_nmy83_13:nth-child(7):before,._pl__dot_nmy83_13:nth-child(7):after{animation-delay:-1s}._pl__dot_nmy83_13:nth-child(8){transform:rotate(-210deg) translate(5em) rotate(210deg);z-index:3}._pl__dot_nmy83_13:nth-child(8),._pl__dot_nmy83_13:nth-child(8):before,._pl__dot_nmy83_13:nth-child(8):after{animation-delay:-1.1666666667s}._pl__dot_nmy83_13:nth-child(9){transform:rotate(-240deg) translate(5em) rotate(240deg);z-index:4}._pl__dot_nmy83_13:nth-child(9),._pl__dot_nmy83_13:nth-child(9):before,._pl__dot_nmy83_13:nth-child(9):after{animation-delay:-1.3333333333s}._pl__dot_nmy83_13:nth-child(10){transform:rotate(-270deg) translate(5em) rotate(270deg);z-index:5}._pl__dot_nmy83_13:nth-child(10),._pl__dot_nmy83_13:nth-child(10):before,._pl__dot_nmy83_13:nth-child(10):after{animation-delay:-1.5s}._pl__dot_nmy83_13:nth-child(11){transform:rotate(-300deg) translate(5em) rotate(300deg);z-index:6}._pl__dot_nmy83_13:nth-child(11),._pl__dot_nmy83_13:nth-child(11):before,._pl__dot_nmy83_13:nth-child(11):after{animation-delay:-1.6666666667s}._pl__dot_nmy83_13:nth-child(12){transform:rotate(-330deg) translate(5em) rotate(330deg);z-index:6}._pl__dot_nmy83_13:nth-child(12),._pl__dot_nmy83_13:nth-child(12):before,._pl__dot_nmy83_13:nth-child(12):after{animation-delay:-1.8333333333s}._pl__text_nmy83_139{font-size:.75em;max-width:5rem;position:relative;text-shadow:0 0 .1em hsla(223,10%,90%,.5);transform:rotate(-45deg)}@keyframes _shadow_nmy83_1{0%{animation-timing-function:ease-in;box-shadow:.1em .1em 0 .1em #000,.3em 0 .3em #0000004d}25%{animation-timing-function:ease-out;box-shadow:.1em .1em 0 .1em #000,.8em 0 .8em #00000080}50%,to{box-shadow:.1em .1em 0 .1em #000,.3em 0 .3em #0000004d}}@keyframes _pushInOut1_nmy83_1{0%{animation-timing-function:ease-in;background-color:#454954;transform:translate(0)}25%{animation-timing-function:ease-out;background-color:#5583f6;transform:translate(-71%,-71%)}50%,to{background-color:#454954;transform:translate(0)}}@keyframes _pushInOut2_nmy83_1{0%{animation-timing-function:ease-in;background-color:#454954;clip-path:polygon(0 75%,100% 75%,100% 100%,0 100%)}25%{animation-timing-function:ease-out;background-color:#255ff4;clip-path:polygon(0 25%,100% 25%,100% 100%,0 100%)}50%,to{background-color:#454954;clip-path:polygon(0 75%,100% 75%,100% 100%,0 100%)}}._clockLoader_1rq2k_1{display:flex;justify-content:center;align-items:center;position:absolute;left:0;right:0;bottom:0;top:0;z-index:100}._item_1rq2k_13{width:4rem;height:4rem;border-radius:50%;border:3px solid #345;display:flex;justify-content:center;align-items:center;position:relative}._item_1rq2k_13:before,._item_1rq2k_13:after{content:"";position:absolute;width:.2rem;border-radius:10px;transform:translateY(-45%);transform-origin:50% 95%;animation:_spin_1rq2k_1 infinite linear}._item_1rq2k_13:before{height:1.6rem;animation-duration:2s;background-color:#345}._item_1rq2k_13:after{background-color:#345c;height:.8rem;animation-duration:15s}@keyframes _spin_1rq2k_1{to{transform:translateY(-45%) rotate(1turn)}}._wrap_1bgo9_1{position:absolute;left:0;right:0;top:0;bottom:0;display:grid;justify-content:center;align-items:center;z-index:100}._loader_1bgo9_14{width:73px;height:73px;margin:0 auto;position:relative;transform:rotate(45deg)}._cube_1bgo9_22{position:relative;transform:rotate(45deg);width:50%;height:50%;float:left;transform:scale(1.1)}._cube_1bgo9_22:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#34495e;animation:_cube-loader_1bgo9_1 2.76s infinite linear both;transform-origin:100% 100%}._two_1bgo9_43{transform:scale(1.1) rotate(90deg)}._two_1bgo9_43:before{animation-delay:.35s}._three_1bgo9_50{transform:scale(1.1) rotate(180deg)}._three_1bgo9_50:before{animation-delay:.69s}._four_1bgo9_57{transform:scale(1.1) rotate(270deg)}._four_1bgo9_57:before{animation-delay:1.04s}@keyframes _cube-loader_1bgo9_1{0%,10%{transform:perspective(136px) rotateX(-180deg);opacity:0}25%,75%{transform:perspective(136px) rotateX(0);opacity:1}90%,to{transform:perspective(136px) rotateY(180deg);opacity:0}}._wrap_17l3h_1{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;display:flex;justify-content:center;align-items:center;z-index:100}._inner_17l3h_14{width:200px;height:200px;position:relative;display:flex;justify-content:center;flex-direction:column}._loader_17l3h_23{margin:0 auto;position:relative;flex-shrink:0;order:1;width:inherit;height:inherit}._item_17l3h_32{width:100px;height:100px;position:absolute}._one_17l3h_38{background-color:#fa5667;top:0;left:0;animation:_oneAnim_17l3h_1 1.8s cubic-bezier(.6,.01,.4,1) infinite}._two_17l3h_45{background-color:#7a45e5;top:0;right:0;animation:_twoAnim_17l3h_1 1.8s cubic-bezier(.6,.01,.4,1) infinite}._three_17l3h_52{background-color:#1b91f7;bottom:0;right:0;animation:_threeAnim_17l3h_1 1.8s cubic-bezier(.6,.01,.4,1) infinite}._four_17l3h_59{background-color:#fac24c;bottom:0;left:0;animation:_fourAnim_17l3h_1 1.8s cubic-bezier(.6,.01,.4,1) infinite}._text_17l3h_66{padding:0;display:flex;justify-content:center;text-wrap:nowrap;z-index:106;text-align:center;margin:30px 0;animation:_textAnim_17l3h_1 .5s linear infinite alternate}@keyframes _textAnim_17l3h_1{0%{color:#d3d2d6fc}to{color:#a1a0a2fc}}@keyframes _oneAnim_17l3h_1{0%,to{transform:translate(0)}25%{transform:translateY(100px)}50%{transform:translate(100px,100px)}75%{transform:translate(100px)}}@keyframes _twoAnim_17l3h_1{0%,to{transform:translate(0)}25%{transform:translate(-100px)}50%{transform:translate(-100px,100px)}75%{transform:translateY(100px)}}@keyframes _threeAnim_17l3h_1{0%,to{transform:translate(0)}25%{transform:translateY(-100px)}50%{transform:translate(-100px,-100px)}75%{transform:translate(-100px)}}@keyframes _fourAnim_17l3h_1{0%,to{transform:translate(0)}25%{transform:translate(100px)}50%{transform:translate(100px,-100px)}75%{transform:translateY(-100px)}}._container_1yb5l_1{position:relative}._preloader_1yb5l_9{position:absolute}._fadeEnter_1yb5l_15{opacity:0}._fadeExit_1yb5l_23,._fadeEnterActive_1yb5l_31{opacity:1}._fadeExitActive_1yb5l_41{opacity:0}._fadeEnterActive_1yb5l_31,._fadeExitActive_1yb5l_41{transition:opacity .3s}._scaleEnter_1yb5l_113{transform:scale(1.1)}._scaleExit_1yb5l_119,._scaleEnterActive_1yb5l_125{transform:scale(1)}._scaleExitActive_1yb5l_131{transform:scale(.9)}._scaleEnterActive_1yb5l_125,._scaleExitActive_1yb5l_131{transition:transform .3s}
|
|
1
|
+
._spinner-grow_n1rpq_1{display:inline-block;width:2rem;height:2rem;vertical-align:-.125em;background-color:currentColor;border-radius:50%;opacity:0;animation:.75s linear infinite _spinner-grow_n1rpq_1;z-index:100}._spinner-grow-sm_n1rpq_13{width:1rem;height:1rem}._positionCenterByParent_n1rpq_18{position:absolute;left:0;right:0;top:0;bottom:0;display:flex;justify-content:center;align-items:center}@keyframes _spinner-grow_n1rpq_1{0%{transform:scale(0)}50%{opacity:1;transform:none}}._wrap_mg84g_1{position:absolute;left:0;right:0;top:0;bottom:0;display:flex;justify-content:center;align-items:center;z-index:100}._spinner_mg84g_13{display:inline-block;width:2rem;height:2rem;vertical-align:-.125em;border:.25em solid currentColor;border-right-color:transparent;border-radius:50%;animation:.75s linear infinite _SpinnerBorderAnim_mg84g_1}._spinnerSm_mg84g_24{width:1rem;height:1rem;border-width:.2em}@keyframes _SpinnerBorderAnim_mg84g_1{to{transform:rotate(360deg)}}._pl_nmy83_1{box-shadow:2em 0 2em #0003 inset,-2em 0 2em #ffffff1a inset;display:flex;justify-content:center;align-items:center;position:relative;letter-spacing:.1em;text-transform:uppercase;transform:rotateX(30deg) rotate(45deg);width:15em;height:15em}._pl_nmy83_1,._pl__dot_nmy83_13{border-radius:50%}._pl__dot_nmy83_13{animation-name:_shadow_nmy83_1;box-shadow:.1em .1em 0 .1em #000,.3em 0 .3em #00000080;top:calc(50% - .75em);left:calc(50% - .75em);width:1.5em;height:1.5em}._pl__dot_nmy83_13,._pl__dot_nmy83_13:before,._pl__dot_nmy83_13:after{animation-duration:2s;animation-iteration-count:infinite;position:absolute}._pl__dot_nmy83_13:before,._pl__dot_nmy83_13:after{content:"";display:block;left:0;width:inherit;transition:background-color .3s}._pl__dot_nmy83_13:before{animation-name:_pushInOut1_nmy83_1;background-color:#454954;border-radius:inherit;box-shadow:.05em 0 .1em #fff3 inset;height:inherit;z-index:1}._pl__dot_nmy83_13:after{animation-name:_pushInOut2_nmy83_1;background-color:#255ff4;border-radius:.75em;box-shadow:.1em .3em .2em #fff6 inset,0 -.4em .2em #2e3138 inset,0 -1em .25em #0000004d inset;bottom:0;clip-path:polygon(0 75%,100% 75%,100% 100%,0 100%);height:3em;transform:rotate(-45deg);transform-origin:50% 2.25em}._pl__dot_nmy83_13:nth-child(1){transform:rotate(0) translate(5em) rotate(0);z-index:5}._pl__dot_nmy83_13:nth-child(1),._pl__dot_nmy83_13:nth-child(1):before,._pl__dot_nmy83_13:nth-child(1):after{animation-delay:0s}._pl__dot_nmy83_13:nth-child(2){transform:rotate(-30deg) translate(5em) rotate(30deg);z-index:4}._pl__dot_nmy83_13:nth-child(2),._pl__dot_nmy83_13:nth-child(2):before,._pl__dot_nmy83_13:nth-child(2):after{animation-delay:-.1666666667s}._pl__dot_nmy83_13:nth-child(3){transform:rotate(-60deg) translate(5em) rotate(60deg);z-index:3}._pl__dot_nmy83_13:nth-child(3),._pl__dot_nmy83_13:nth-child(3):before,._pl__dot_nmy83_13:nth-child(3):after{animation-delay:-.3333333333s}._pl__dot_nmy83_13:nth-child(4){transform:rotate(-90deg) translate(5em) rotate(90deg);z-index:2}._pl__dot_nmy83_13:nth-child(4),._pl__dot_nmy83_13:nth-child(4):before,._pl__dot_nmy83_13:nth-child(4):after{animation-delay:-.5s}._pl__dot_nmy83_13:nth-child(5){transform:rotate(-120deg) translate(5em) rotate(120deg);z-index:1}._pl__dot_nmy83_13:nth-child(5),._pl__dot_nmy83_13:nth-child(5):before,._pl__dot_nmy83_13:nth-child(5):after{animation-delay:-.6666666667s}._pl__dot_nmy83_13:nth-child(6){transform:rotate(-150deg) translate(5em) rotate(150deg);z-index:1}._pl__dot_nmy83_13:nth-child(6),._pl__dot_nmy83_13:nth-child(6):before,._pl__dot_nmy83_13:nth-child(6):after{animation-delay:-.8333333333s}._pl__dot_nmy83_13:nth-child(7){transform:rotate(-180deg) translate(5em) rotate(180deg);z-index:2}._pl__dot_nmy83_13:nth-child(7),._pl__dot_nmy83_13:nth-child(7):before,._pl__dot_nmy83_13:nth-child(7):after{animation-delay:-1s}._pl__dot_nmy83_13:nth-child(8){transform:rotate(-210deg) translate(5em) rotate(210deg);z-index:3}._pl__dot_nmy83_13:nth-child(8),._pl__dot_nmy83_13:nth-child(8):before,._pl__dot_nmy83_13:nth-child(8):after{animation-delay:-1.1666666667s}._pl__dot_nmy83_13:nth-child(9){transform:rotate(-240deg) translate(5em) rotate(240deg);z-index:4}._pl__dot_nmy83_13:nth-child(9),._pl__dot_nmy83_13:nth-child(9):before,._pl__dot_nmy83_13:nth-child(9):after{animation-delay:-1.3333333333s}._pl__dot_nmy83_13:nth-child(10){transform:rotate(-270deg) translate(5em) rotate(270deg);z-index:5}._pl__dot_nmy83_13:nth-child(10),._pl__dot_nmy83_13:nth-child(10):before,._pl__dot_nmy83_13:nth-child(10):after{animation-delay:-1.5s}._pl__dot_nmy83_13:nth-child(11){transform:rotate(-300deg) translate(5em) rotate(300deg);z-index:6}._pl__dot_nmy83_13:nth-child(11),._pl__dot_nmy83_13:nth-child(11):before,._pl__dot_nmy83_13:nth-child(11):after{animation-delay:-1.6666666667s}._pl__dot_nmy83_13:nth-child(12){transform:rotate(-330deg) translate(5em) rotate(330deg);z-index:6}._pl__dot_nmy83_13:nth-child(12),._pl__dot_nmy83_13:nth-child(12):before,._pl__dot_nmy83_13:nth-child(12):after{animation-delay:-1.8333333333s}._pl__text_nmy83_139{font-size:.75em;max-width:5rem;position:relative;text-shadow:0 0 .1em hsla(223,10%,90%,.5);transform:rotate(-45deg)}@keyframes _shadow_nmy83_1{0%{animation-timing-function:ease-in;box-shadow:.1em .1em 0 .1em #000,.3em 0 .3em #0000004d}25%{animation-timing-function:ease-out;box-shadow:.1em .1em 0 .1em #000,.8em 0 .8em #00000080}50%,to{box-shadow:.1em .1em 0 .1em #000,.3em 0 .3em #0000004d}}@keyframes _pushInOut1_nmy83_1{0%{animation-timing-function:ease-in;background-color:#454954;transform:translate(0)}25%{animation-timing-function:ease-out;background-color:#5583f6;transform:translate(-71%,-71%)}50%,to{background-color:#454954;transform:translate(0)}}@keyframes _pushInOut2_nmy83_1{0%{animation-timing-function:ease-in;background-color:#454954;clip-path:polygon(0 75%,100% 75%,100% 100%,0 100%)}25%{animation-timing-function:ease-out;background-color:#255ff4;clip-path:polygon(0 25%,100% 25%,100% 100%,0 100%)}50%,to{background-color:#454954;clip-path:polygon(0 75%,100% 75%,100% 100%,0 100%)}}._wrap_163il_1{display:flex;justify-content:center;align-items:center;position:absolute;top:0;bottom:0;right:0;left:0;z-index:100}._inner_163il_13{position:relative;display:flex;justify-content:center;flex-direction:column}._loader_163il_20{margin:0 auto;position:relative;top:0;bottom:0;width:100px;height:100px;-webkit-perspective:780px;perspective:780px}._item_163il_31{position:absolute;width:100%;height:100%;box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;border-radius:50%;-o-border-radius:50%;-ms-border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%}._item_163il_31._one_163il_46{left:0%;top:0%;animation:_cssload-rotate-one_163il_1 1.15s linear infinite;-o-animation:_cssload-rotate-one_163il_1 1.15s linear infinite;-ms-animation:_cssload-rotate-one_163il_1 1.15s linear infinite;-webkit-animation:_cssload-rotate-one_163il_1 1.15s linear infinite;-moz-animation:_cssload-rotate-one_163il_1 1.15s linear infinite;border-bottom:3px solid #5C5EDC}._item_163il_31._two_163il_56{right:0%;top:0%;animation:_cssload-rotate-two_163il_1 1.15s linear infinite;-o-animation:_cssload-rotate-two_163il_1 1.15s linear infinite;-ms-animation:_cssload-rotate-two_163il_1 1.15s linear infinite;-webkit-animation:_cssload-rotate-two_163il_1 1.15s linear infinite;-moz-animation:_cssload-rotate-two_163il_1 1.15s linear infinite;border-right:3px solid rgba(76,70,101,.99)}._item_163il_31._three_163il_66{right:0%;bottom:0%;animation:_cssload-rotate-three_163il_1 1.15s linear infinite;-o-animation:_cssload-rotate-three_163il_1 1.15s linear infinite;-ms-animation:_cssload-rotate-three_163il_1 1.15s linear infinite;-webkit-animation:_cssload-rotate-three_163il_1 1.15s linear infinite;-moz-animation:_cssload-rotate-three_163il_1 1.15s linear infinite;border-top:3px solid #e9908a}._text_163il_77{padding:0;text-wrap:nowrap;z-index:106;text-align:center;margin:30px 0;animation:_textAnim_163il_1 1s linear infinite alternate}@keyframes _textAnim_163il_1{0%{color:#ebebebfc}to{color:#afaeaffc}}@keyframes _cssload-rotate-one_163il_1{0%{transform:rotateX(35deg) rotateY(-45deg) rotate(0)}to{transform:rotateX(35deg) rotateY(-45deg) rotate(360deg)}}@keyframes _cssload-rotate-two_163il_1{0%{transform:rotateX(50deg) rotateY(10deg) rotate(0)}to{transform:rotateX(50deg) rotateY(10deg) rotate(360deg)}}@keyframes _cssload-rotate-three_163il_1{0%{transform:rotateX(35deg) rotateY(55deg) rotate(0)}to{transform:rotateX(35deg) rotateY(55deg) rotate(360deg)}}._clockLoader_1rq2k_1{display:flex;justify-content:center;align-items:center;position:absolute;left:0;right:0;bottom:0;top:0;z-index:100}._item_1rq2k_13{width:4rem;height:4rem;border-radius:50%;border:3px solid #345;display:flex;justify-content:center;align-items:center;position:relative}._item_1rq2k_13:before,._item_1rq2k_13:after{content:"";position:absolute;width:.2rem;border-radius:10px;transform:translateY(-45%);transform-origin:50% 95%;animation:_spin_1rq2k_1 infinite linear}._item_1rq2k_13:before{height:1.6rem;animation-duration:2s;background-color:#345}._item_1rq2k_13:after{background-color:#345c;height:.8rem;animation-duration:15s}@keyframes _spin_1rq2k_1{to{transform:translateY(-45%) rotate(1turn)}}._wrap_1bgo9_1{position:absolute;left:0;right:0;top:0;bottom:0;display:grid;justify-content:center;align-items:center;z-index:100}._loader_1bgo9_14{width:73px;height:73px;margin:0 auto;position:relative;transform:rotate(45deg)}._cube_1bgo9_22{position:relative;transform:rotate(45deg);width:50%;height:50%;float:left;transform:scale(1.1)}._cube_1bgo9_22:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#34495e;animation:_cube-loader_1bgo9_1 2.76s infinite linear both;transform-origin:100% 100%}._two_1bgo9_43{transform:scale(1.1) rotate(90deg)}._two_1bgo9_43:before{animation-delay:.35s}._three_1bgo9_50{transform:scale(1.1) rotate(180deg)}._three_1bgo9_50:before{animation-delay:.69s}._four_1bgo9_57{transform:scale(1.1) rotate(270deg)}._four_1bgo9_57:before{animation-delay:1.04s}@keyframes _cube-loader_1bgo9_1{0%,10%{transform:perspective(136px) rotateX(-180deg);opacity:0}25%,75%{transform:perspective(136px) rotateX(0);opacity:1}90%,to{transform:perspective(136px) rotateY(180deg);opacity:0}}._wrap_17l3h_1{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;display:flex;justify-content:center;align-items:center;z-index:100}._inner_17l3h_14{width:200px;height:200px;position:relative;display:flex;justify-content:center;flex-direction:column}._loader_17l3h_23{margin:0 auto;position:relative;flex-shrink:0;order:1;width:inherit;height:inherit}._item_17l3h_32{width:100px;height:100px;position:absolute}._one_17l3h_38{background-color:#fa5667;top:0;left:0;animation:_oneAnim_17l3h_1 1.8s cubic-bezier(.6,.01,.4,1) infinite}._two_17l3h_45{background-color:#7a45e5;top:0;right:0;animation:_twoAnim_17l3h_1 1.8s cubic-bezier(.6,.01,.4,1) infinite}._three_17l3h_52{background-color:#1b91f7;bottom:0;right:0;animation:_threeAnim_17l3h_1 1.8s cubic-bezier(.6,.01,.4,1) infinite}._four_17l3h_59{background-color:#fac24c;bottom:0;left:0;animation:_fourAnim_17l3h_1 1.8s cubic-bezier(.6,.01,.4,1) infinite}._text_17l3h_66{padding:0;display:flex;justify-content:center;text-wrap:nowrap;z-index:106;text-align:center;margin:30px 0;animation:_textAnim_17l3h_1 .5s linear infinite alternate}@keyframes _textAnim_17l3h_1{0%{color:#d3d2d6fc}to{color:#a1a0a2fc}}@keyframes _oneAnim_17l3h_1{0%,to{transform:translate(0)}25%{transform:translateY(100px)}50%{transform:translate(100px,100px)}75%{transform:translate(100px)}}@keyframes _twoAnim_17l3h_1{0%,to{transform:translate(0)}25%{transform:translate(-100px)}50%{transform:translate(-100px,100px)}75%{transform:translateY(100px)}}@keyframes _threeAnim_17l3h_1{0%,to{transform:translate(0)}25%{transform:translateY(-100px)}50%{transform:translate(-100px,-100px)}75%{transform:translate(-100px)}}@keyframes _fourAnim_17l3h_1{0%,to{transform:translate(0)}25%{transform:translate(100px)}50%{transform:translate(100px,-100px)}75%{transform:translateY(-100px)}}._container_1yb5l_1{position:relative}._preloader_1yb5l_9{position:absolute}._fadeEnter_1yb5l_15{opacity:0}._fadeExit_1yb5l_23,._fadeEnterActive_1yb5l_31{opacity:1}._fadeExitActive_1yb5l_41{opacity:0}._fadeEnterActive_1yb5l_31,._fadeExitActive_1yb5l_41{transition:opacity .3s}._scaleEnter_1yb5l_113{transform:scale(1.1)}._scaleExit_1yb5l_119,._scaleEnterActive_1yb5l_125{transform:scale(1)}._scaleExitActive_1yb5l_131{transform:scale(.9)}._scaleEnterActive_1yb5l_125,._scaleExitActive_1yb5l_131{transition:transform .3s}
|