quirk-ui 0.0.659 → 0.0.660
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/index31.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._wrapper_1bkgu_1{overflow-x:auto}._table_1bkgu_5{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}._table_1bkgu_5::-webkit-scrollbar{height:10px}._table_1bkgu_5::-webkit-scrollbar-track{background:var(--color-secondary-10)}._table_1bkgu_5::-webkit-scrollbar-thumb{background:var(--color-secondary-50)}th,td{padding:var(--spacing-sm) var(--spacing-md);text-align:left;border-bottom:1px solid var(--color-border);color:var(--color-text-primary);white-space:nowrap}th{background-color:var(--color-secondary-10);font-weight:var(--font-weight-semibold)}._empty_1bkgu_37{text-align:center;padding:var(--spacing-md);color:var(--color-text-primary)}._clickableRow_1bkgu_43{cursor:pointer}._clickableRow_1bkgu_43:hover{background-color:var(--color-primary-100)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../assets/index31.css');const e=require("react/jsx-runtime"),h="
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../assets/index31.css');const e=require("react/jsx-runtime"),h="_wrapper_1bkgu_1",m="_table_1bkgu_5",_="_empty_1bkgu_37",g="_clickableRow_1bkgu_43",t={wrapper:h,table:m,empty:_,clickableRow:g};function j({hasHeadingRow:n=!0,data:l,columns:c,emptyMessage:i="No data available",onRowClick:r,className:d,...b}){return e.jsx("div",{className:`${d??""} ${t.wrapper}`,children:e.jsxs("table",{className:t.table,...b,children:[n&&e.jsx("thead",{children:e.jsx("tr",{children:c.map(a=>e.jsx("th",{className:a.className,children:a.header},String(a.accessor)))})}),e.jsx("tbody",{children:l.length===0?e.jsx("tr",{children:e.jsx("td",{colSpan:c.length,className:t.empty,children:i})}):l.map((a,p)=>e.jsx("tr",{onClick:()=>r==null?void 0:r(a),className:r?t.clickableRow:"",children:c.map(s=>e.jsx("td",{className:s.className,children:s.cellRenderer?s.cellRenderer(a[s.accessor],a):String(a[s.accessor])},String(s.accessor)))},p))})]})})}exports.Table=j;
|
|
@@ -1,32 +1,32 @@
|
|
|
1
|
-
import { jsx as e, jsxs as
|
|
2
|
-
import '../../../assets/index31.css';const
|
|
3
|
-
wrapper:
|
|
1
|
+
import { jsx as e, jsxs as h } from "react/jsx-runtime";
|
|
2
|
+
import '../../../assets/index31.css';const m = "_wrapper_1bkgu_1", _ = "_table_1bkgu_5", g = "_empty_1bkgu_37", N = "_clickableRow_1bkgu_43", s = {
|
|
3
|
+
wrapper: m,
|
|
4
4
|
table: _,
|
|
5
|
-
empty:
|
|
6
|
-
clickableRow:
|
|
5
|
+
empty: g,
|
|
6
|
+
clickableRow: N
|
|
7
7
|
};
|
|
8
|
-
function
|
|
8
|
+
function u({
|
|
9
9
|
hasHeadingRow: n = !0,
|
|
10
10
|
data: l,
|
|
11
11
|
columns: c,
|
|
12
12
|
emptyMessage: d = "No data available",
|
|
13
|
-
onRowClick:
|
|
13
|
+
onRowClick: t,
|
|
14
14
|
className: p,
|
|
15
15
|
...i
|
|
16
16
|
}) {
|
|
17
|
-
return /* @__PURE__ */ e("div", { className: `${p ?? ""} ${
|
|
17
|
+
return /* @__PURE__ */ e("div", { className: `${p ?? ""} ${s.wrapper}`, children: /* @__PURE__ */ h("table", { className: s.table, ...i, children: [
|
|
18
18
|
n && /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ e("tr", { children: c.map((a) => /* @__PURE__ */ e("th", { className: a.className, children: a.header }, String(a.accessor))) }) }),
|
|
19
|
-
/* @__PURE__ */ e("tbody", { children: l.length === 0 ? /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e("td", { colSpan: c.length, className:
|
|
19
|
+
/* @__PURE__ */ e("tbody", { children: l.length === 0 ? /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e("td", { colSpan: c.length, className: s.empty, children: d }) }) : l.map((a, b) => /* @__PURE__ */ e(
|
|
20
20
|
"tr",
|
|
21
21
|
{
|
|
22
|
-
onClick: () =>
|
|
23
|
-
className:
|
|
22
|
+
onClick: () => t == null ? void 0 : t(a),
|
|
23
|
+
className: t ? s.clickableRow : "",
|
|
24
24
|
children: c.map((r) => /* @__PURE__ */ e("td", { className: r.className, children: r.cellRenderer ? r.cellRenderer(a[r.accessor], a) : String(a[r.accessor]) }, String(r.accessor)))
|
|
25
25
|
},
|
|
26
|
-
|
|
26
|
+
b
|
|
27
27
|
)) })
|
|
28
28
|
] }) });
|
|
29
29
|
}
|
|
30
30
|
export {
|
|
31
|
-
|
|
31
|
+
u as Table
|
|
32
32
|
};
|
package/dist/styles.css
CHANGED
|
@@ -29,7 +29,7 @@
|
|
|
29
29
|
._animatedSpan_4rh7w_1{position:relative;display:inline-block;min-height:29px;height:100%;width:100%;margin-bottom:0!important}._previous_4rh7w_10,._current_4rh7w_11{display:block;position:absolute;top:0;left:0;width:100%;white-space:nowrap;transition:transform .3s ease-in-out,opacity .3s ease-in-out;color:var(--color-primary-100)}._previous_4rh7w_10:first-letter,._current_4rh7w_11:first-letter{text-transform:capitalize}._previous_4rh7w_10{opacity:1;transform:translate(0)}._current_4rh7w_11{opacity:0;transform:translate(100px)}._current_4rh7w_11>span:first-letter{display:block;text-transform:capitalize}._slideOff_4rh7w_44{opacity:0;transform:translate(-100px)}._slideOn_4rh7w_49{opacity:1;transform:translate(0)}._reset_4rh7w_54{opacity:0;transform:translate(100px);transition:none}
|
|
30
30
|
h1,h2,h3,h4,h5,h6,._h1_lse9h_7,._h2_lse9h_8,._h3_lse9h_9,._h4_lse9h_10,._h5_lse9h_11,._h6_lse9h_12{line-height:var(--line-height-tight);color:var(--color-heading)}h1[class*=bg],h2[class*=bg],h3[class*=bg],h4[class*=bg],h5[class*=bg],h6[class*=bg],._h1_lse9h_7[class*=bg],._h2_lse9h_8[class*=bg],._h3_lse9h_9[class*=bg],._h4_lse9h_10[class*=bg],._h5_lse9h_11[class*=bg],._h6_lse9h_12[class*=bg]{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md)}h1,._h1_lse9h_7{font-size:var(--font-size-h1);font-weight:var(--font-weight-bold)}h2,._h2_lse9h_8{font-size:var(--font-size-h2);font-weight:var(--font-weight-bold)}h3,._h3_lse9h_9{font-size:var(--font-size-h3);font-weight:var(--font-weight-semibold)}h4,._h4_lse9h_10{font-size:var(--font-size-h4);font-weight:var(--font-weight-semibold)}h5,._h5_lse9h_11{font-size:var(--font-size-h5);font-weight:var(--font-weight-medium)}h6,._h6_lse9h_12{font-size:var(--font-size-h6);font-weight:var(--font-weight-medium)}
|
|
31
31
|
._text_lbugy_1{font-family:inherit;font-size:var(--font-size-md);line-height:var(--line-height-loose);color:var(--color-text-primary)}._text_lbugy_1 p{margin-bottom:var(--spacing-md)}._text_lbugy_1 h1,._text_lbugy_1 h2,._text_lbugy_1 h3,._text_lbugy_1 h4,._text_lbugy_1 h5,._text_lbugy_1 h6{font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin-top:var(--spacing-lg);margin-bottom:var(--spacing-sm)}._text_lbugy_1 ul,._text_lbugy_1 ol{padding-left:var(--spacing-lg);margin-bottom:var(--spacing-md)}._text_lbugy_1 ul{list-style-type:disc}._text_lbugy_1 ol{list-style-type:decimal}._text_lbugy_1 li{margin-bottom:var(--spacing-xs)}._text_lbugy_1 a{color:var(--color-primary-100);text-decoration:underline}._text_lbugy_1 a:hover{text-decoration:none}._default_lbugy_55{font-size:1rem}._muted_lbugy_59{color:var(--color-primary-25)}._lead_lbugy_63{font-size:1.25rem;font-weight:500}._small_lbugy_68{font-size:.875rem}
|
|
32
|
-
.
|
|
32
|
+
._wrapper_1bkgu_1{overflow-x:auto}._table_1bkgu_5{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}._table_1bkgu_5::-webkit-scrollbar{height:10px}._table_1bkgu_5::-webkit-scrollbar-track{background:var(--color-secondary-10)}._table_1bkgu_5::-webkit-scrollbar-thumb{background:var(--color-secondary-50)}th,td{padding:var(--spacing-sm) var(--spacing-md);text-align:left;border-bottom:1px solid var(--color-border);color:var(--color-text-primary);white-space:nowrap}th{background-color:var(--color-secondary-10);font-weight:var(--font-weight-semibold)}._empty_1bkgu_37{text-align:center;padding:var(--spacing-md);color:var(--color-text-primary)}._clickableRow_1bkgu_43{cursor:pointer}._clickableRow_1bkgu_43:hover{background-color:var(--color-primary-100)}
|
|
33
33
|
._tabs_tu4lq_1{display:flex;flex-direction:column;width:100%}._tabsList_tu4lq_7{display:flex;width:100%;background-color:var(--color-secondary-10);border-radius:calc(var(--radius-md) + 5px);position:relative;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}._tabsList_tu4lq_7::-webkit-scrollbar{display:none}._horizontal_tu4lq_24{flex-direction:column}._horizontal_tu4lq_24 ._tabsPanel_tu4lq_26{padding:var(--spacing-lg) var(--spacing-md)}._vertical_tu4lq_31{flex-direction:row;align-items:flex-start;gap:3rem}._vertical_tu4lq_31 ._tabsList_tu4lq_7{flex-direction:column;overflow-x:visible;flex:.25 0 150px}._vertical_tu4lq_31 ._tabsTrigger_tu4lq_42{white-space:normal;text-align:left}._vertical_tu4lq_31 ._tabsPanelWrapper_tu4lq_47{flex:1;width:100%}@media (max-width: 767px){._vertical_tu4lq_31{flex-direction:column}}._left_tu4lq_58{justify-content:flex-start}._center_tu4lq_62{justify-content:center}._right_tu4lq_66{justify-content:flex-end}._indicator_tu4lq_70{position:absolute;left:0;top:0;border-radius:var(--radius-md);transition:transform .3s ease-in-out,width .3s ease-in-out;z-index:0;border:5px solid var(--color-secondary-10)}._indicator_tu4lq_70:after{content:"";border-radius:var(--radius-md);background-color:var(--color-secondary-100);display:block;position:absolute;width:100%;height:100%}._tabsTrigger_tu4lq_42{padding:var(--spacing-md);border:none;background:none;cursor:pointer;color:var(--color-text-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);transition:color .3s ease;position:relative;z-index:1;white-space:nowrap;text-align:center;width:100%}._tabsTrigger_tu4lq_42._active_tu4lq_117{color:#fff}@media (max-width: 767px){._tabsList_tu4lq_7{flex-direction:column;overflow-x:visible}._tabsTrigger_tu4lq_42{white-space:normal;text-align:left}}._tabsPanelWrapper_tu4lq_47{position:relative;overflow:hidden;height:auto;transition:height .3s ease-in-out}._tabsPanel_tu4lq_26{animation:_fadeSlide_tu4lq_1 .3s ease both;position:relative;width:100%;color:var(--color-text-primary)}@keyframes _fadeSlide_tu4lq_1{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}._default_tu4lq_161{background-color:transparent}._dark_tu4lq_165{background-color:var(--color-tab-background)}._dark_tu4lq_165 ._indicator_tu4lq_70{border:5px solid transparent}._dark_tu4lq_165 ._tabsTrigger_tu4lq_42{color:var(--color-primary-25)}._light_tu4lq_177{background-color:#fff}._light_tu4lq_177 ._indicator_tu4lq_70{border:5px solid transparent}._light_tu4lq_177 ._tabsList_tu4lq_7{background-color:#fff}._light_tu4lq_177 ._tabsTrigger_tu4lq_42{color:var(--color-text-primary)}._light_tu4lq_177 ._tabsTrigger_tu4lq_42:hover{color:var(--color-primary-100)}._light_tu4lq_177 ._tabsTrigger_tu4lq_42._active_tu4lq_117{color:#fff}._transparent_tu4lq_201{background-color:transparent}._transparent_tu4lq_201 ._indicator_tu4lq_70{border:5px solid transparent}._transparent_tu4lq_201 ._tabsList_tu4lq_7{background-color:transparent}._transparent_tu4lq_201 ._tabsTrigger_tu4lq_42{color:var(--color-text-primary)}._transparent_tu4lq_201 ._tabsTrigger_tu4lq_42:hover{color:var(--color-primary-100)}._transparent_tu4lq_201 ._tabsTrigger_tu4lq_42._active_tu4lq_117{color:#fff}
|
|
34
34
|
._buttonGroup_y8omf_1{display:flex;gap:var(--spacing-md)}._buttonGroup_y8omf_1>*{align-self:center;justify-content:center}._left_y8omf_18{justify-content:flex-start}._center_y8omf_22{justify-content:center}._center_y8omf_22>*{align-self:center;justify-content:center}._right_y8omf_31{justify-content:flex-end}._vertical_y8omf_35{flex-direction:column}._horizontal_y8omf_39{flex-direction:row}@media (max-width: 480px){._buttonGroup_y8omf_1{flex-direction:row;flex-wrap:wrap}}
|
|
35
35
|
._overlay_tvjn5_1{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;display:flex;align-items:center;justify-content:center;flex-direction:column;z-index:1000;animation:_fadeIn_tvjn5_1 .3s ease}._modal_tvjn5_16{position:absolute;background-color:var(--color-background, #fff);border-radius:var(--radius-md, 4px);padding:var(--spacing-md, 1rem);width:min(90%,800px);max-width:100%;animation:_slideUp_tvjn5_1 .3s ease}._trigger_tvjn5_26{width:auto}@media (max-width: 767px){._trigger_tvjn5_26{width:100%}}._closeButton_tvjn5_34{color:var(--color-primary-100);position:absolute;top:var(--spacing-xs);right:var(--spacing-xs);background:none;border:none;cursor:pointer;padding:var(--spacing-sm)}._content_tvjn5_45{margin-top:var(--spacing-lg)}._content_tvjn5_45 video{width:100%;max-width:100%;height:auto;border-radius:var(--radius-md)}@keyframes _fadeIn_tvjn5_1{0%{opacity:0}to{opacity:1}}@keyframes _slideUp_tvjn5_1{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
|
|
@@ -102,7 +102,7 @@ ul._list_1fin2_1{list-style-type:none;padding:0;margin:0}ol._list_1fin2_1{list-s
|
|
|
102
102
|
._animatedSpan_4rh7w_1{position:relative;display:inline-block;min-height:29px;height:100%;width:100%;margin-bottom:0!important}._previous_4rh7w_10,._current_4rh7w_11{display:block;position:absolute;top:0;left:0;width:100%;white-space:nowrap;transition:transform .3s ease-in-out,opacity .3s ease-in-out;color:var(--color-primary-100)}._previous_4rh7w_10:first-letter,._current_4rh7w_11:first-letter{text-transform:capitalize}._previous_4rh7w_10{opacity:1;transform:translate(0)}._current_4rh7w_11{opacity:0;transform:translate(100px)}._current_4rh7w_11>span:first-letter{display:block;text-transform:capitalize}._slideOff_4rh7w_44{opacity:0;transform:translate(-100px)}._slideOn_4rh7w_49{opacity:1;transform:translate(0)}._reset_4rh7w_54{opacity:0;transform:translate(100px);transition:none}
|
|
103
103
|
h1,h2,h3,h4,h5,h6,._h1_lse9h_7,._h2_lse9h_8,._h3_lse9h_9,._h4_lse9h_10,._h5_lse9h_11,._h6_lse9h_12{line-height:var(--line-height-tight);color:var(--color-heading)}h1[class*=bg],h2[class*=bg],h3[class*=bg],h4[class*=bg],h5[class*=bg],h6[class*=bg],._h1_lse9h_7[class*=bg],._h2_lse9h_8[class*=bg],._h3_lse9h_9[class*=bg],._h4_lse9h_10[class*=bg],._h5_lse9h_11[class*=bg],._h6_lse9h_12[class*=bg]{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md)}h1,._h1_lse9h_7{font-size:var(--font-size-h1);font-weight:var(--font-weight-bold)}h2,._h2_lse9h_8{font-size:var(--font-size-h2);font-weight:var(--font-weight-bold)}h3,._h3_lse9h_9{font-size:var(--font-size-h3);font-weight:var(--font-weight-semibold)}h4,._h4_lse9h_10{font-size:var(--font-size-h4);font-weight:var(--font-weight-semibold)}h5,._h5_lse9h_11{font-size:var(--font-size-h5);font-weight:var(--font-weight-medium)}h6,._h6_lse9h_12{font-size:var(--font-size-h6);font-weight:var(--font-weight-medium)}
|
|
104
104
|
._text_lbugy_1{font-family:inherit;font-size:var(--font-size-md);line-height:var(--line-height-loose);color:var(--color-text-primary)}._text_lbugy_1 p{margin-bottom:var(--spacing-md)}._text_lbugy_1 h1,._text_lbugy_1 h2,._text_lbugy_1 h3,._text_lbugy_1 h4,._text_lbugy_1 h5,._text_lbugy_1 h6{font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin-top:var(--spacing-lg);margin-bottom:var(--spacing-sm)}._text_lbugy_1 ul,._text_lbugy_1 ol{padding-left:var(--spacing-lg);margin-bottom:var(--spacing-md)}._text_lbugy_1 ul{list-style-type:disc}._text_lbugy_1 ol{list-style-type:decimal}._text_lbugy_1 li{margin-bottom:var(--spacing-xs)}._text_lbugy_1 a{color:var(--color-primary-100);text-decoration:underline}._text_lbugy_1 a:hover{text-decoration:none}._default_lbugy_55{font-size:1rem}._muted_lbugy_59{color:var(--color-primary-25)}._lead_lbugy_63{font-size:1.25rem;font-weight:500}._small_lbugy_68{font-size:.875rem}
|
|
105
|
-
.
|
|
105
|
+
._wrapper_1bkgu_1{overflow-x:auto}._table_1bkgu_5{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}._table_1bkgu_5::-webkit-scrollbar{height:10px}._table_1bkgu_5::-webkit-scrollbar-track{background:var(--color-secondary-10)}._table_1bkgu_5::-webkit-scrollbar-thumb{background:var(--color-secondary-50)}th,td{padding:var(--spacing-sm) var(--spacing-md);text-align:left;border-bottom:1px solid var(--color-border);color:var(--color-text-primary);white-space:nowrap}th{background-color:var(--color-secondary-10);font-weight:var(--font-weight-semibold)}._empty_1bkgu_37{text-align:center;padding:var(--spacing-md);color:var(--color-text-primary)}._clickableRow_1bkgu_43{cursor:pointer}._clickableRow_1bkgu_43:hover{background-color:var(--color-primary-100)}
|
|
106
106
|
._tabs_tu4lq_1{display:flex;flex-direction:column;width:100%}._tabsList_tu4lq_7{display:flex;width:100%;background-color:var(--color-secondary-10);border-radius:calc(var(--radius-md) + 5px);position:relative;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}._tabsList_tu4lq_7::-webkit-scrollbar{display:none}._horizontal_tu4lq_24{flex-direction:column}._horizontal_tu4lq_24 ._tabsPanel_tu4lq_26{padding:var(--spacing-lg) var(--spacing-md)}._vertical_tu4lq_31{flex-direction:row;align-items:flex-start;gap:3rem}._vertical_tu4lq_31 ._tabsList_tu4lq_7{flex-direction:column;overflow-x:visible;flex:.25 0 150px}._vertical_tu4lq_31 ._tabsTrigger_tu4lq_42{white-space:normal;text-align:left}._vertical_tu4lq_31 ._tabsPanelWrapper_tu4lq_47{flex:1;width:100%}@media (max-width: 767px){._vertical_tu4lq_31{flex-direction:column}}._left_tu4lq_58{justify-content:flex-start}._center_tu4lq_62{justify-content:center}._right_tu4lq_66{justify-content:flex-end}._indicator_tu4lq_70{position:absolute;left:0;top:0;border-radius:var(--radius-md);transition:transform .3s ease-in-out,width .3s ease-in-out;z-index:0;border:5px solid var(--color-secondary-10)}._indicator_tu4lq_70:after{content:"";border-radius:var(--radius-md);background-color:var(--color-secondary-100);display:block;position:absolute;width:100%;height:100%}._tabsTrigger_tu4lq_42{padding:var(--spacing-md);border:none;background:none;cursor:pointer;color:var(--color-text-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);transition:color .3s ease;position:relative;z-index:1;white-space:nowrap;text-align:center;width:100%}._tabsTrigger_tu4lq_42._active_tu4lq_117{color:#fff}@media (max-width: 767px){._tabsList_tu4lq_7{flex-direction:column;overflow-x:visible}._tabsTrigger_tu4lq_42{white-space:normal;text-align:left}}._tabsPanelWrapper_tu4lq_47{position:relative;overflow:hidden;height:auto;transition:height .3s ease-in-out}._tabsPanel_tu4lq_26{animation:_fadeSlide_tu4lq_1 .3s ease both;position:relative;width:100%;color:var(--color-text-primary)}@keyframes _fadeSlide_tu4lq_1{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}._default_tu4lq_161{background-color:transparent}._dark_tu4lq_165{background-color:var(--color-tab-background)}._dark_tu4lq_165 ._indicator_tu4lq_70{border:5px solid transparent}._dark_tu4lq_165 ._tabsTrigger_tu4lq_42{color:var(--color-primary-25)}._light_tu4lq_177{background-color:#fff}._light_tu4lq_177 ._indicator_tu4lq_70{border:5px solid transparent}._light_tu4lq_177 ._tabsList_tu4lq_7{background-color:#fff}._light_tu4lq_177 ._tabsTrigger_tu4lq_42{color:var(--color-text-primary)}._light_tu4lq_177 ._tabsTrigger_tu4lq_42:hover{color:var(--color-primary-100)}._light_tu4lq_177 ._tabsTrigger_tu4lq_42._active_tu4lq_117{color:#fff}._transparent_tu4lq_201{background-color:transparent}._transparent_tu4lq_201 ._indicator_tu4lq_70{border:5px solid transparent}._transparent_tu4lq_201 ._tabsList_tu4lq_7{background-color:transparent}._transparent_tu4lq_201 ._tabsTrigger_tu4lq_42{color:var(--color-text-primary)}._transparent_tu4lq_201 ._tabsTrigger_tu4lq_42:hover{color:var(--color-primary-100)}._transparent_tu4lq_201 ._tabsTrigger_tu4lq_42._active_tu4lq_117{color:#fff}
|
|
107
107
|
._buttonGroup_y8omf_1{display:flex;gap:var(--spacing-md)}._buttonGroup_y8omf_1>*{align-self:center;justify-content:center}._left_y8omf_18{justify-content:flex-start}._center_y8omf_22{justify-content:center}._center_y8omf_22>*{align-self:center;justify-content:center}._right_y8omf_31{justify-content:flex-end}._vertical_y8omf_35{flex-direction:column}._horizontal_y8omf_39{flex-direction:row}@media (max-width: 480px){._buttonGroup_y8omf_1{flex-direction:row;flex-wrap:wrap}}
|
|
108
108
|
._overlay_tvjn5_1{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;display:flex;align-items:center;justify-content:center;flex-direction:column;z-index:1000;animation:_fadeIn_tvjn5_1 .3s ease}._modal_tvjn5_16{position:absolute;background-color:var(--color-background, #fff);border-radius:var(--radius-md, 4px);padding:var(--spacing-md, 1rem);width:min(90%,800px);max-width:100%;animation:_slideUp_tvjn5_1 .3s ease}._trigger_tvjn5_26{width:auto}@media (max-width: 767px){._trigger_tvjn5_26{width:100%}}._closeButton_tvjn5_34{color:var(--color-primary-100);position:absolute;top:var(--spacing-xs);right:var(--spacing-xs);background:none;border:none;cursor:pointer;padding:var(--spacing-sm)}._content_tvjn5_45{margin-top:var(--spacing-lg)}._content_tvjn5_45 video{width:100%;max-width:100%;height:auto;border-radius:var(--radius-md)}@keyframes _fadeIn_tvjn5_1{0%{opacity:0}to{opacity:1}}@keyframes _slideUp_tvjn5_1{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
|