quirk-ui 0.0.631 → 0.0.633
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/assets/index58.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._aside_1l52v_1{position:relative;min-width:250px;z-index:1005}@media (max-width: 767px){._aside_1l52v_1{min-width:unset;padding:0 var(--spacing-md)}}._aside_1l52v_1 ul{list-style:none;padding-inline-start:0}._aside_1l52v_1 ._nav_1l52v_16{min-width:250px;height:auto;border-right:1px solid var(--color-secondary-10);background:rgba(var(--color-backgroundRgb),.9);backdrop-filter:saturate(1.1) blur(1rem);-webkit-backdrop-filter:saturate(1.1) blur(1rem);z-index:1000;position:fixed;top:0;padding-left:var(--spacing-md);padding-right:var(--spacing-md);list-style:none;transition:transform .3s ease-in-out,opacity .3s ease-in-out;will-change:transform,opacity;opacity:0}._aside_1l52v_1 ._nav_1l52v_16._hidden_1l52v_35{opacity:0;pointer-events:none}._aside_1l52v_1 ._nav_1l52v_16 ul{padding:var(--spacing-lg) var(--spacing-md)}@media (min-width: 768px){._aside_1l52v_1 ._nav_1l52v_16._visible_1l52v_45{opacity:1;pointer-events:auto}}@media (max-width: 767px){._aside_1l52v_1 ._nav_1l52v_16{border-radius:0;top:0!important;left:0!important;height:100vh;width:100%;transform:translate(-100%);opacity:0;pointer-events:none}._aside_1l52v_1 ._nav_1l52v_16._open_1l52v_62{transform:translate(0);opacity:1;pointer-events:auto}._aside_1l52v_1 ._nav_1l52v_16:before{border-radius:0}}._aside_1l52v_1 ._parent_1l52v_74{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-md) 0}._aside_1l52v_1 ._title_1l52v_81{font-weight:700}._aside_1l52v_1 ._children_1l52v_85{padding:0 0 0 var(--spacing-xs)}._aside_1l52v_1 ._link_1l52v_89{color:var(--color-text-primary);text-decoration:none;display:block;transition:color .3s ease-in-out;display:flex;align-items:center;gap:var(--spacing-xs)}._aside_1l52v_1 ._link_1l52v_89:hover{color:var(--color-primary-100)}._menuToggle_1l52v_104{background:none;border:none;cursor:pointer;display:none;color:var(--color-secondary-100);z-index:1100;position:relative}._menuToggle_1l52v_104 svg{position:relative;z-index:5}@media (max-width: 767px){._menuToggle_1l52v_104{display:flex;align-items:center;justify-content:center}}._left_1l52v_127{left:0}@media (max-width: 767px){._left_1l52v_127 ._nav_1l52v_16{transform:translate(-100%)}}._right_1l52v_136{right:0}@media (max-width: 767px){._right_1l52v_136 ._nav_1l52v_16{transform:translate(100%)}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../assets/index58.css');const n=require("react/jsx-runtime"),r=require("react"),c=require("../../utils/NoScroll/noScroll.cjs"),f=require("../../../x-Dft9NVe_.cjs"),g=require("../../../menu-ufZEqSbc.cjs"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../assets/index58.css');const n=require("react/jsx-runtime"),r=require("react"),c=require("../../utils/NoScroll/noScroll.cjs"),f=require("../../../x-Dft9NVe_.cjs"),g=require("../../../menu-ufZEqSbc.cjs"),p="_aside_1l52v_1",b="_nav_1l52v_16",x="_hidden_1l52v_35",m="_visible_1l52v_45",S="_open_1l52v_62",j="_parent_1l52v_74",N="_title_1l52v_81",k="_children_1l52v_85",$="_link_1l52v_89",q="_menuToggle_1l52v_104",y="_left_1l52v_127",T="_right_1l52v_136",e={aside:p,nav:b,hidden:x,visible:m,open:S,parent:j,title:N,children:k,link:$,menuToggle:q,left:y,right:T},E={left:e.left,right:e.right};function M({items:i,alignment:o="left",className:_}){const[s,u]=r.useState(!1),[d,v]=r.useState(!1),h=()=>{u(l=>!l)};return r.useEffect(()=>{if(typeof document<"u")return s?setTimeout(()=>{c.lockScroll()},0):c.unlockScroll(),()=>c.unlockScroll()},[s]),r.useEffect(()=>{v(!0)},[]),n.jsxs("aside",{className:`${_} ${e.aside} ${E[o]}`,children:[n.jsx("button",{className:e.menuToggle,onClick:h,"aria-label":s?"Close menu":"Open menu","aria-expanded":s,"aria-controls":"main-menu",children:s?n.jsx(f.X,{size:24}):n.jsx(g.Menu,{size:24})}),n.jsx("nav",{className:`${e.nav} ${s?e.open:""} ${d?e.visible:e.hidden}`,children:n.jsx("ul",{children:i==null?void 0:i.map(l=>{var a;return n.jsxs("li",{className:e.parent,children:[n.jsx("span",{className:e.title,children:l.label}),n.jsx("ul",{className:e.children,children:(a=l==null?void 0:l.sublinks)==null?void 0:a.map(t=>n.jsx("li",{children:n.jsx("a",{href:t.href,className:e.link,target:t.isExternal?"_blank":"_self",rel:t.isExternal?"noopener noreferrer":void 0,role:"menuitem",children:t.label})},l._key))})]},l._key)})})})]})}exports.Sidebar=M;
|
|
@@ -1,22 +1,22 @@
|
|
|
1
1
|
import { jsxs as r, jsx as n } from "react/jsx-runtime";
|
|
2
2
|
import { useState as o, useEffect as c } from "react";
|
|
3
|
-
import { lockScroll as
|
|
4
|
-
import { X as
|
|
3
|
+
import { lockScroll as m, unlockScroll as _ } from "../../utils/NoScroll/noScroll.mjs";
|
|
4
|
+
import { X as g } from "../../../x-CnsEH4Ox.js";
|
|
5
5
|
import { M as b } from "../../../menu-CvQx3NZY.js";
|
|
6
|
-
import '../../../assets/index58.css';const
|
|
7
|
-
aside:
|
|
8
|
-
nav:
|
|
9
|
-
hidden:
|
|
10
|
-
visible:
|
|
11
|
-
open:
|
|
12
|
-
parent:
|
|
13
|
-
title:
|
|
14
|
-
children:
|
|
15
|
-
link:
|
|
16
|
-
menuToggle:
|
|
17
|
-
left:
|
|
18
|
-
right:
|
|
19
|
-
},
|
|
6
|
+
import '../../../assets/index58.css';const N = "_aside_1l52v_1", k = "_nav_1l52v_16", x = "_hidden_1l52v_35", S = "_visible_1l52v_45", $ = "_open_1l52v_62", T = "_parent_1l52v_74", y = "_title_1l52v_81", M = "_children_1l52v_85", C = "_link_1l52v_89", E = "_menuToggle_1l52v_104", O = "_left_1l52v_127", j = "_right_1l52v_136", e = {
|
|
7
|
+
aside: N,
|
|
8
|
+
nav: k,
|
|
9
|
+
hidden: x,
|
|
10
|
+
visible: S,
|
|
11
|
+
open: $,
|
|
12
|
+
parent: T,
|
|
13
|
+
title: y,
|
|
14
|
+
children: M,
|
|
15
|
+
link: C,
|
|
16
|
+
menuToggle: E,
|
|
17
|
+
left: O,
|
|
18
|
+
right: j
|
|
19
|
+
}, w = {
|
|
20
20
|
left: e.left,
|
|
21
21
|
right: e.right
|
|
22
22
|
};
|
|
@@ -24,39 +24,39 @@ function A({
|
|
|
24
24
|
// renderText,
|
|
25
25
|
// title,
|
|
26
26
|
items: i,
|
|
27
|
-
alignment:
|
|
28
|
-
className:
|
|
27
|
+
alignment: d = "left",
|
|
28
|
+
className: u
|
|
29
29
|
}) {
|
|
30
|
-
const [s,
|
|
31
|
-
|
|
30
|
+
const [s, f] = o(!1), [h, p] = o(!1), v = () => {
|
|
31
|
+
f((l) => !l);
|
|
32
32
|
};
|
|
33
33
|
return c(() => {
|
|
34
34
|
if (typeof document < "u")
|
|
35
35
|
return s ? setTimeout(() => {
|
|
36
|
-
|
|
37
|
-
}, 0) :
|
|
36
|
+
m();
|
|
37
|
+
}, 0) : _(), () => _();
|
|
38
38
|
}, [s]), c(() => {
|
|
39
|
-
|
|
39
|
+
p(!0);
|
|
40
40
|
}, []), /* @__PURE__ */ r(
|
|
41
41
|
"aside",
|
|
42
42
|
{
|
|
43
|
-
className: `${
|
|
43
|
+
className: `${u} ${e.aside} ${w[d]}`,
|
|
44
44
|
children: [
|
|
45
45
|
/* @__PURE__ */ n(
|
|
46
46
|
"button",
|
|
47
47
|
{
|
|
48
48
|
className: e.menuToggle,
|
|
49
|
-
onClick:
|
|
49
|
+
onClick: v,
|
|
50
50
|
"aria-label": s ? "Close menu" : "Open menu",
|
|
51
51
|
"aria-expanded": s,
|
|
52
52
|
"aria-controls": "main-menu",
|
|
53
|
-
children: s ? /* @__PURE__ */ n(
|
|
53
|
+
children: s ? /* @__PURE__ */ n(g, { size: 24 }) : /* @__PURE__ */ n(b, { size: 24 })
|
|
54
54
|
}
|
|
55
55
|
),
|
|
56
56
|
/* @__PURE__ */ n(
|
|
57
57
|
"nav",
|
|
58
58
|
{
|
|
59
|
-
className: `${e.nav} ${s ? e.open : ""} ${
|
|
59
|
+
className: `${e.nav} ${s ? e.open : ""} ${h ? e.visible : e.hidden}`,
|
|
60
60
|
children: /* @__PURE__ */ n("ul", { children: i == null ? void 0 : i.map((l) => {
|
|
61
61
|
var a;
|
|
62
62
|
return /* @__PURE__ */ r("li", { className: e.parent, children: [
|
package/dist/styles.css
CHANGED
|
@@ -56,7 +56,7 @@ ul._list_1fin2_1{list-style-type:none;padding:0;margin:0}ol._list_1fin2_1{list-s
|
|
|
56
56
|
._progressBarContainer_pna67_1{display:flex;align-items:center;justify-content:center;gap:.25rem;width:100%}._progressBar_pna67_1{flex:1;height:12px;background-color:var(--color-secondary-25);border-radius:4px;overflow:hidden;position:relative}._fill_pna67_18{height:100%;transition:width .3s ease;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;border-radius:4px}._primary_pna67_29 ._fill_pna67_18{background-color:var(--color-primary-100)}._success_pna67_33 ._fill_pna67_18{background-color:var(--color-success)}._warning_pna67_37 ._fill_pna67_18{background-color:var(--color-warning)}._danger_pna67_41 ._fill_pna67_18{background-color:var(--color-error)}._label_pna67_45{flex:.1;position:relative;width:auto;text-align:center;color:var(--color-text-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}
|
|
57
57
|
._wrapper_4yxo1_1{display:flex;align-items:center;gap:var(--spacing-sm)}._radio_4yxo1_7{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:1rem;height:1rem;border:2px solid var(--color-border);border-radius:50%;position:relative;cursor:pointer;transition:background .3s,border-color .3s;margin:0}._radio_4yxo1_7:checked{background-color:var(--color-primary-100);border-color:var(--color-primary-100)}._radio_4yxo1_7:disabled{background-color:var(--color-primary-25);cursor:not-allowed}._label_4yxo1_29{cursor:pointer;-webkit-user-select:none;user-select:none;margin:0}
|
|
58
58
|
._wrapper_1wm56_1{display:flex;flex-direction:column;gap:var(--spacing-sm)}._trackContainer_1wm56_7{display:flex;align-items:center;gap:var(--spacing-sm)}._track_1wm56_7{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;background-color:var(--color-primary-25);border-radius:4px;outline:none}._track_1wm56_7::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;background-color:var(--color-primary-100);border-radius:var(--radius-full);cursor:pointer;border:none}._track_1wm56_7::-moz-range-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;background-color:var(--color-primary-100);border-radius:var(--radius-full);cursor:pointer;border:none}._value_1wm56_44{width:2rem;text-align:right;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-primary-100)}._error_1wm56_52{color:var(--color-error)}._errorMessage_1wm56_56{font-size:var(--font-size-sm);color:var(--color-error)}
|
|
59
|
-
.
|
|
59
|
+
._aside_1l52v_1{position:relative;min-width:250px;z-index:1005}@media (max-width: 767px){._aside_1l52v_1{min-width:unset;padding:0 var(--spacing-md)}}._aside_1l52v_1 ul{list-style:none;padding-inline-start:0}._aside_1l52v_1 ._nav_1l52v_16{min-width:250px;height:auto;border-right:1px solid var(--color-secondary-10);background:rgba(var(--color-backgroundRgb),.9);backdrop-filter:saturate(1.1) blur(1rem);-webkit-backdrop-filter:saturate(1.1) blur(1rem);z-index:1000;position:fixed;top:0;padding-left:var(--spacing-md);padding-right:var(--spacing-md);list-style:none;transition:transform .3s ease-in-out,opacity .3s ease-in-out;will-change:transform,opacity;opacity:0}._aside_1l52v_1 ._nav_1l52v_16._hidden_1l52v_35{opacity:0;pointer-events:none}._aside_1l52v_1 ._nav_1l52v_16 ul{padding:var(--spacing-lg) var(--spacing-md)}@media (min-width: 768px){._aside_1l52v_1 ._nav_1l52v_16._visible_1l52v_45{opacity:1;pointer-events:auto}}@media (max-width: 767px){._aside_1l52v_1 ._nav_1l52v_16{border-radius:0;top:0!important;left:0!important;height:100vh;width:100%;transform:translate(-100%);opacity:0;pointer-events:none}._aside_1l52v_1 ._nav_1l52v_16._open_1l52v_62{transform:translate(0);opacity:1;pointer-events:auto}._aside_1l52v_1 ._nav_1l52v_16:before{border-radius:0}}._aside_1l52v_1 ._parent_1l52v_74{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-md) 0}._aside_1l52v_1 ._title_1l52v_81{font-weight:700}._aside_1l52v_1 ._children_1l52v_85{padding:0 0 0 var(--spacing-xs)}._aside_1l52v_1 ._link_1l52v_89{color:var(--color-text-primary);text-decoration:none;display:block;transition:color .3s ease-in-out;display:flex;align-items:center;gap:var(--spacing-xs)}._aside_1l52v_1 ._link_1l52v_89:hover{color:var(--color-primary-100)}._menuToggle_1l52v_104{background:none;border:none;cursor:pointer;display:none;color:var(--color-secondary-100);z-index:1100;position:relative}._menuToggle_1l52v_104 svg{position:relative;z-index:5}@media (max-width: 767px){._menuToggle_1l52v_104{display:flex;align-items:center;justify-content:center}}._left_1l52v_127{left:0}@media (max-width: 767px){._left_1l52v_127 ._nav_1l52v_16{transform:translate(-100%)}}._right_1l52v_136{right:0}@media (max-width: 767px){._right_1l52v_136 ._nav_1l52v_16{transform:translate(100%)}}
|
|
60
60
|
._skeleton_u21vc_1{background-color:#e0e0e0;overflow:hidden;position:relative;display:inline-block;animation:_shimmer_u21vc_1 1.5s infinite;background:linear-gradient(90deg,#e0e0e0,#f0f0f0,#e0e0e0);background-size:200% 100%}._text_u21vc_16{height:16px;width:100%;border-radius:4px}._circle_u21vc_22{border-radius:50%;aspect-ratio:1/1}._rectangle_u21vc_27{border-radius:4px}@keyframes _shimmer_u21vc_1{0%{background-position:-200%}50%{background-position:100%}to{background-position:200%}}
|
|
61
61
|
._spacer_1pz5u_1{flex-shrink:0;background:none}._horizontal_1pz5u_6{width:100%;height:auto}._vertical_1pz5u_11{height:100%;width:auto}._sm_1pz5u_16{height:.5rem;width:.5rem}._md_1pz5u_21{height:1rem;width:1rem}._lg_1pz5u_26{height:2rem;width:2rem}._xl_1pz5u_31{height:3rem;width:3rem}
|
|
62
62
|
._spinner_sjjvl_1{display:inline-flex;align-items:center;justify-content:center;position:relative}._small_sjjvl_8{width:24px;height:24px}._medium_sjjvl_13{width:48px;height:48px}._large_sjjvl_18{width:72px;height:72px}._prong_sjjvl_23{width:8%;height:30%;background-color:currentColor;border-radius:4px;position:absolute;top:67%;transform-origin:center -55%;animation:_fade_sjjvl_1 1s linear infinite}._primary_sjjvl_34{color:var(--color-primary-100)}._success_sjjvl_38{color:var(--color-success)}._warning_sjjvl_42{color:var(--color-warning)}._danger_sjjvl_46{color:var(--color-error)}@keyframes _fade_sjjvl_1{0%{opacity:1}to{opacity:.2}}._prong_sjjvl_23:nth-child(1){transform:rotate(0);animation-delay:-.9s}._prong_sjjvl_23:nth-child(2){transform:rotate(36deg);animation-delay:-.8s}._prong_sjjvl_23:nth-child(3){transform:rotate(72deg);animation-delay:-.7s}._prong_sjjvl_23:nth-child(4){transform:rotate(108deg);animation-delay:-.6s}._prong_sjjvl_23:nth-child(5){transform:rotate(144deg);animation-delay:-.5s}._prong_sjjvl_23:nth-child(6){transform:rotate(180deg);animation-delay:-.4s}._prong_sjjvl_23:nth-child(7){transform:rotate(216deg);animation-delay:-.3s}._prong_sjjvl_23:nth-child(8){transform:rotate(252deg);animation-delay:-.2s}._prong_sjjvl_23:nth-child(9){transform:rotate(288deg);animation-delay:-.1s}._prong_sjjvl_23:nth-child(10){transform:rotate(324deg);animation-delay:0s}
|
|
@@ -129,7 +129,7 @@ ul._list_1fin2_1{list-style-type:none;padding:0;margin:0}ol._list_1fin2_1{list-s
|
|
|
129
129
|
._progressBarContainer_pna67_1{display:flex;align-items:center;justify-content:center;gap:.25rem;width:100%}._progressBar_pna67_1{flex:1;height:12px;background-color:var(--color-secondary-25);border-radius:4px;overflow:hidden;position:relative}._fill_pna67_18{height:100%;transition:width .3s ease;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;border-radius:4px}._primary_pna67_29 ._fill_pna67_18{background-color:var(--color-primary-100)}._success_pna67_33 ._fill_pna67_18{background-color:var(--color-success)}._warning_pna67_37 ._fill_pna67_18{background-color:var(--color-warning)}._danger_pna67_41 ._fill_pna67_18{background-color:var(--color-error)}._label_pna67_45{flex:.1;position:relative;width:auto;text-align:center;color:var(--color-text-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}
|
|
130
130
|
._wrapper_4yxo1_1{display:flex;align-items:center;gap:var(--spacing-sm)}._radio_4yxo1_7{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:1rem;height:1rem;border:2px solid var(--color-border);border-radius:50%;position:relative;cursor:pointer;transition:background .3s,border-color .3s;margin:0}._radio_4yxo1_7:checked{background-color:var(--color-primary-100);border-color:var(--color-primary-100)}._radio_4yxo1_7:disabled{background-color:var(--color-primary-25);cursor:not-allowed}._label_4yxo1_29{cursor:pointer;-webkit-user-select:none;user-select:none;margin:0}
|
|
131
131
|
._wrapper_1wm56_1{display:flex;flex-direction:column;gap:var(--spacing-sm)}._trackContainer_1wm56_7{display:flex;align-items:center;gap:var(--spacing-sm)}._track_1wm56_7{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;background-color:var(--color-primary-25);border-radius:4px;outline:none}._track_1wm56_7::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;background-color:var(--color-primary-100);border-radius:var(--radius-full);cursor:pointer;border:none}._track_1wm56_7::-moz-range-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;background-color:var(--color-primary-100);border-radius:var(--radius-full);cursor:pointer;border:none}._value_1wm56_44{width:2rem;text-align:right;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-primary-100)}._error_1wm56_52{color:var(--color-error)}._errorMessage_1wm56_56{font-size:var(--font-size-sm);color:var(--color-error)}
|
|
132
|
-
.
|
|
132
|
+
._aside_1l52v_1{position:relative;min-width:250px;z-index:1005}@media (max-width: 767px){._aside_1l52v_1{min-width:unset;padding:0 var(--spacing-md)}}._aside_1l52v_1 ul{list-style:none;padding-inline-start:0}._aside_1l52v_1 ._nav_1l52v_16{min-width:250px;height:auto;border-right:1px solid var(--color-secondary-10);background:rgba(var(--color-backgroundRgb),.9);backdrop-filter:saturate(1.1) blur(1rem);-webkit-backdrop-filter:saturate(1.1) blur(1rem);z-index:1000;position:fixed;top:0;padding-left:var(--spacing-md);padding-right:var(--spacing-md);list-style:none;transition:transform .3s ease-in-out,opacity .3s ease-in-out;will-change:transform,opacity;opacity:0}._aside_1l52v_1 ._nav_1l52v_16._hidden_1l52v_35{opacity:0;pointer-events:none}._aside_1l52v_1 ._nav_1l52v_16 ul{padding:var(--spacing-lg) var(--spacing-md)}@media (min-width: 768px){._aside_1l52v_1 ._nav_1l52v_16._visible_1l52v_45{opacity:1;pointer-events:auto}}@media (max-width: 767px){._aside_1l52v_1 ._nav_1l52v_16{border-radius:0;top:0!important;left:0!important;height:100vh;width:100%;transform:translate(-100%);opacity:0;pointer-events:none}._aside_1l52v_1 ._nav_1l52v_16._open_1l52v_62{transform:translate(0);opacity:1;pointer-events:auto}._aside_1l52v_1 ._nav_1l52v_16:before{border-radius:0}}._aside_1l52v_1 ._parent_1l52v_74{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-md) 0}._aside_1l52v_1 ._title_1l52v_81{font-weight:700}._aside_1l52v_1 ._children_1l52v_85{padding:0 0 0 var(--spacing-xs)}._aside_1l52v_1 ._link_1l52v_89{color:var(--color-text-primary);text-decoration:none;display:block;transition:color .3s ease-in-out;display:flex;align-items:center;gap:var(--spacing-xs)}._aside_1l52v_1 ._link_1l52v_89:hover{color:var(--color-primary-100)}._menuToggle_1l52v_104{background:none;border:none;cursor:pointer;display:none;color:var(--color-secondary-100);z-index:1100;position:relative}._menuToggle_1l52v_104 svg{position:relative;z-index:5}@media (max-width: 767px){._menuToggle_1l52v_104{display:flex;align-items:center;justify-content:center}}._left_1l52v_127{left:0}@media (max-width: 767px){._left_1l52v_127 ._nav_1l52v_16{transform:translate(-100%)}}._right_1l52v_136{right:0}@media (max-width: 767px){._right_1l52v_136 ._nav_1l52v_16{transform:translate(100%)}}
|
|
133
133
|
._skeleton_u21vc_1{background-color:#e0e0e0;overflow:hidden;position:relative;display:inline-block;animation:_shimmer_u21vc_1 1.5s infinite;background:linear-gradient(90deg,#e0e0e0,#f0f0f0,#e0e0e0);background-size:200% 100%}._text_u21vc_16{height:16px;width:100%;border-radius:4px}._circle_u21vc_22{border-radius:50%;aspect-ratio:1/1}._rectangle_u21vc_27{border-radius:4px}@keyframes _shimmer_u21vc_1{0%{background-position:-200%}50%{background-position:100%}to{background-position:200%}}
|
|
134
134
|
._spacer_1pz5u_1{flex-shrink:0;background:none}._horizontal_1pz5u_6{width:100%;height:auto}._vertical_1pz5u_11{height:100%;width:auto}._sm_1pz5u_16{height:.5rem;width:.5rem}._md_1pz5u_21{height:1rem;width:1rem}._lg_1pz5u_26{height:2rem;width:2rem}._xl_1pz5u_31{height:3rem;width:3rem}
|
|
135
135
|
._spinner_sjjvl_1{display:inline-flex;align-items:center;justify-content:center;position:relative}._small_sjjvl_8{width:24px;height:24px}._medium_sjjvl_13{width:48px;height:48px}._large_sjjvl_18{width:72px;height:72px}._prong_sjjvl_23{width:8%;height:30%;background-color:currentColor;border-radius:4px;position:absolute;top:67%;transform-origin:center -55%;animation:_fade_sjjvl_1 1s linear infinite}._primary_sjjvl_34{color:var(--color-primary-100)}._success_sjjvl_38{color:var(--color-success)}._warning_sjjvl_42{color:var(--color-warning)}._danger_sjjvl_46{color:var(--color-error)}@keyframes _fade_sjjvl_1{0%{opacity:1}to{opacity:.2}}._prong_sjjvl_23:nth-child(1){transform:rotate(0);animation-delay:-.9s}._prong_sjjvl_23:nth-child(2){transform:rotate(36deg);animation-delay:-.8s}._prong_sjjvl_23:nth-child(3){transform:rotate(72deg);animation-delay:-.7s}._prong_sjjvl_23:nth-child(4){transform:rotate(108deg);animation-delay:-.6s}._prong_sjjvl_23:nth-child(5){transform:rotate(144deg);animation-delay:-.5s}._prong_sjjvl_23:nth-child(6){transform:rotate(180deg);animation-delay:-.4s}._prong_sjjvl_23:nth-child(7){transform:rotate(216deg);animation-delay:-.3s}._prong_sjjvl_23:nth-child(8){transform:rotate(252deg);animation-delay:-.2s}._prong_sjjvl_23:nth-child(9){transform:rotate(288deg);animation-delay:-.1s}._prong_sjjvl_23:nth-child(10){transform:rotate(324deg);animation-delay:0s}
|