@tangle-network/blueprint-ui 0.5.3 → 0.5.5

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/styles.css DELETED
@@ -1,564 +0,0 @@
1
- :root,
2
- .bp-tone-cloud {
3
- --bp-font-display: var(--font-display, 'Outfit', system-ui, sans-serif);
4
- --bp-font-data: var(--font-data, 'IBM Plex Mono', 'JetBrains Mono', ui-monospace, monospace);
5
-
6
- --bp-glass-bg: var(--glass-bg, transparent);
7
- --bp-glass-bg-strong: var(--glass-bg-strong, var(--bp-glass-bg, transparent));
8
- --bp-glass-border: var(--glass-border, transparent);
9
- --bp-glass-border-hover: var(--glass-border-hover, var(--bp-glass-border, transparent));
10
- --bp-glass-blur: var(--glass-blur, 0px);
11
- --bp-glass-blur-strong: 24px;
12
-
13
- --bp-elements-borderColor: var(--cloud-elements-borderColor, rgba(240, 240, 245, 0.06));
14
- --bp-elements-borderColorActive: var(--cloud-elements-borderColorActive, #8B5CF6);
15
-
16
- --bp-elements-bg-depth-1: var(--cloud-elements-bg-depth-1, #0A0A0F);
17
- --bp-elements-bg-depth-2: var(--cloud-elements-bg-depth-2, #12121A);
18
- --bp-elements-bg-depth-3: var(--cloud-elements-bg-depth-3, #1A1A25);
19
- --bp-elements-bg-depth-4: var(--cloud-elements-bg-depth-4, #22222E);
20
-
21
- --bp-elements-textPrimary: var(--cloud-elements-textPrimary, #F0F0F5);
22
- --bp-elements-textSecondary: var(--cloud-elements-textSecondary, #8A8A9E);
23
- --bp-elements-textTertiary: var(--cloud-elements-textTertiary, #5A5A6E);
24
-
25
- --bp-elements-button-primary-background: var(--cloud-elements-button-primary-background, rgba(142, 89, 255, 0.14));
26
- --bp-elements-button-primary-backgroundHover: var(--cloud-elements-button-primary-backgroundHover, rgba(142, 89, 255, 0.24));
27
- --bp-elements-button-primary-text: var(--cloud-elements-button-primary-text, #A87BFF);
28
-
29
- --bp-elements-button-secondary-background: var(--cloud-elements-button-secondary-background, rgba(240, 240, 245, 0.06));
30
- --bp-elements-button-secondary-backgroundHover: var(--cloud-elements-button-secondary-backgroundHover, rgba(240, 240, 245, 0.10));
31
- --bp-elements-button-secondary-text: var(--cloud-elements-button-secondary-text, #F0F0F5);
32
-
33
- --bp-elements-button-danger-background: var(--cloud-elements-button-danger-background, rgba(255, 59, 92, 0.12));
34
- --bp-elements-button-danger-backgroundHover: var(--cloud-elements-button-danger-backgroundHover, rgba(255, 59, 92, 0.20));
35
- --bp-elements-button-danger-text: var(--cloud-elements-button-danger-text, #FF3B5C);
36
-
37
- --bp-elements-icon-success: var(--cloud-elements-icon-success, #38B2AC);
38
- --bp-elements-icon-error: var(--cloud-elements-icon-error, #FF4D6A);
39
- --bp-elements-icon-warning: var(--cloud-elements-icon-warning, #FFB800);
40
- --bp-elements-icon-primary: var(--cloud-elements-icon-primary, #F0F0F5);
41
- --bp-elements-icon-secondary: var(--cloud-elements-icon-secondary, #5A5A6E);
42
-
43
- --bp-elements-dividerColor: var(--cloud-elements-dividerColor, rgba(240, 240, 245, 0.06));
44
- --bp-elements-item-backgroundHover: var(--cloud-elements-item-backgroundHover, rgba(240, 240, 245, 0.03));
45
- --bp-elements-item-backgroundActive: var(--cloud-elements-item-backgroundActive, rgba(240, 240, 245, 0.06));
46
- --bp-elements-focus: var(--cloud-elements-focus, #8B5CF6);
47
- }
48
-
49
- .bp-tone-arena {
50
- --bp-elements-borderColor: var(--arena-elements-borderColor, var(--bp-elements-borderColor));
51
- --bp-elements-borderColorActive: var(--arena-elements-borderColorActive, var(--bp-elements-borderColorActive));
52
-
53
- --bp-elements-bg-depth-1: var(--arena-elements-bg-depth-1, var(--bp-elements-bg-depth-1));
54
- --bp-elements-bg-depth-2: var(--arena-elements-bg-depth-2, var(--bp-elements-bg-depth-2));
55
- --bp-elements-bg-depth-3: var(--arena-elements-bg-depth-3, var(--bp-elements-bg-depth-3));
56
- --bp-elements-bg-depth-4: var(--arena-elements-bg-depth-4, var(--bp-elements-bg-depth-4));
57
-
58
- --bp-elements-textPrimary: var(--arena-elements-textPrimary, var(--bp-elements-textPrimary));
59
- --bp-elements-textSecondary: var(--arena-elements-textSecondary, var(--bp-elements-textSecondary));
60
- --bp-elements-textTertiary: var(--arena-elements-textTertiary, var(--bp-elements-textTertiary));
61
-
62
- --bp-elements-button-primary-background: var(--arena-elements-button-primary-background, var(--bp-elements-button-primary-background));
63
- --bp-elements-button-primary-backgroundHover: var(--arena-elements-button-primary-backgroundHover, var(--bp-elements-button-primary-backgroundHover));
64
- --bp-elements-button-primary-text: var(--arena-elements-button-primary-text, var(--bp-elements-button-primary-text));
65
-
66
- --bp-elements-button-secondary-background: var(--arena-elements-button-secondary-background, var(--bp-elements-button-secondary-background));
67
- --bp-elements-button-secondary-backgroundHover: var(--arena-elements-button-secondary-backgroundHover, var(--bp-elements-button-secondary-backgroundHover));
68
- --bp-elements-button-secondary-text: var(--arena-elements-button-secondary-text, var(--bp-elements-button-secondary-text));
69
-
70
- --bp-elements-button-danger-background: var(--arena-elements-button-danger-background, var(--bp-elements-button-danger-background));
71
- --bp-elements-button-danger-backgroundHover: var(--arena-elements-button-danger-backgroundHover, var(--bp-elements-button-danger-backgroundHover));
72
- --bp-elements-button-danger-text: var(--arena-elements-button-danger-text, var(--bp-elements-button-danger-text));
73
-
74
- --bp-elements-icon-success: var(--arena-elements-icon-success, var(--bp-elements-icon-success));
75
- --bp-elements-icon-error: var(--arena-elements-icon-error, var(--bp-elements-icon-error));
76
- --bp-elements-icon-warning: var(--arena-elements-icon-warning, var(--bp-elements-icon-warning));
77
- --bp-elements-icon-primary: var(--arena-elements-icon-primary, var(--bp-elements-icon-primary));
78
- --bp-elements-icon-secondary: var(--arena-elements-icon-secondary, var(--bp-elements-icon-secondary));
79
-
80
- --bp-elements-dividerColor: var(--arena-elements-dividerColor, var(--bp-elements-dividerColor));
81
- --bp-elements-item-backgroundHover: var(--arena-elements-item-backgroundHover, var(--bp-elements-item-backgroundHover));
82
- --bp-elements-item-backgroundActive: var(--arena-elements-item-backgroundActive, var(--bp-elements-item-backgroundActive));
83
- --bp-elements-focus: var(--arena-elements-focus, var(--bp-elements-focus));
84
- }
85
-
86
- .font-display {
87
- font-family: var(--bp-font-display);
88
- }
89
-
90
- .font-data {
91
- font-family: var(--bp-font-data);
92
- font-feature-settings: 'tnum' 1;
93
- }
94
-
95
- .glass {
96
- background: var(--bp-glass-bg);
97
- backdrop-filter: blur(var(--bp-glass-blur));
98
- -webkit-backdrop-filter: blur(var(--bp-glass-blur));
99
- border: 1px solid var(--bp-glass-border);
100
- }
101
-
102
- .glass-hover {
103
- transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
104
- }
105
-
106
- .glass-hover:hover {
107
- background: var(--bp-glass-bg-strong);
108
- border-color: var(--bp-glass-border-hover);
109
- }
110
-
111
- .glass-card {
112
- background: var(--bp-glass-bg);
113
- backdrop-filter: blur(var(--bp-glass-blur));
114
- -webkit-backdrop-filter: blur(var(--bp-glass-blur));
115
- border: 1px solid var(--bp-glass-border);
116
- transition: border-color 0.2s ease, box-shadow 0.2s ease;
117
- }
118
-
119
- .glass-card:hover {
120
- border-color: var(--bp-glass-border-hover);
121
- }
122
-
123
- .glass-card-strong {
124
- background: var(--bp-glass-bg-strong);
125
- backdrop-filter: blur(var(--bp-glass-blur-strong));
126
- -webkit-backdrop-filter: blur(var(--bp-glass-blur-strong));
127
- border: 1px solid var(--bp-glass-border);
128
- }
129
-
130
-
131
- /* layer: una-base */
132
- .data-\[state\=open\]\:animate-in[data-state=open]{animation:una-in;animation-name:una-in;animation-duration:150ms;--una-enter-opacity:initial;--una-enter-scale:initial;--una-enter-rotate:initial;--una-enter-translate-x:initial;--una-enter-translate-y:initial;}
133
- .data-\[state\=closed\]\:animate-out[data-state=closed]{animation:una-out;animation-name:una-out;animation-duration:150ms;--una-exit-opacity:initial;--una-exit-scale:initial;--una-exit-rotate:initial;--una-exit-translate-x:initial;--una-exit-translate-y:initial;}
134
- /* layer: properties */
135
- @property --un-text-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}
136
- @property --un-leading{syntax:"*";inherits:false;}
137
- @property --un-outline-style{syntax:"*";inherits:false;initial-value:solid;}
138
- @property --un-border-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}
139
- @property --un-border-top-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}
140
- @property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}
141
- @property --un-ring-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}
142
- @property --un-ring-offset-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}
143
- @property --un-inset-ring-color{syntax:"*";inherits:false;}
144
- @property --un-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000;}
145
- @property --un-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000;}
146
- @property --un-inset-shadow-color{syntax:"*";inherits:false;}
147
- @property --un-ring-color{syntax:"*";inherits:false;}
148
- @property --un-ring-inset{syntax:"*";inherits:false;}
149
- @property --un-ring-offset-color{syntax:"*";inherits:false;}
150
- @property --un-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000;}
151
- @property --un-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0px;}
152
- @property --un-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000;}
153
- @property --un-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000;}
154
- @property --un-shadow-color{syntax:"*";inherits:false;}
155
- @property --un-shadow-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}
156
- @property --un-translate-x{syntax:"*";inherits:false;initial-value:0;}
157
- @property --un-translate-y{syntax:"*";inherits:false;initial-value:0;}
158
- @property --un-translate-z{syntax:"*";inherits:false;initial-value:0;}
159
- @property --un-ease{syntax:"*";inherits:false;}
160
- @property --un-fill-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}
161
- @property --un-backdrop-blur{syntax:"*";inherits:false;}
162
- @property --un-backdrop-brightness{syntax:"*";inherits:false;}
163
- @property --un-backdrop-contrast{syntax:"*";inherits:false;}
164
- @property --un-backdrop-grayscale{syntax:"*";inherits:false;}
165
- @property --un-backdrop-hue-rotate{syntax:"*";inherits:false;}
166
- @property --un-backdrop-invert{syntax:"*";inherits:false;}
167
- @property --un-backdrop-opacity{syntax:"*";inherits:false;}
168
- @property --un-backdrop-saturate{syntax:"*";inherits:false;}
169
- @property --un-backdrop-sepia{syntax:"*";inherits:false;}
170
- @property --un-space-y-reverse{syntax:"*";inherits:false;initial-value:0;}
171
- /* layer: icons */
172
- .i-ph\:caret-down{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m213.66 101.66l-80 80a8 8 0 0 1-11.32 0l-80-80a8 8 0 0 1 11.32-11.32L128 164.69l74.34-74.35a8 8 0 0 1 11.32 11.32'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;}
173
- .i-ph\:check-bold{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m232.49 80.49l-128 128a12 12 0 0 1-17 0l-56-56a12 12 0 1 1 17-17L96 183L215.51 63.51a12 12 0 0 1 17 17Z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;}
174
- .i-ph\:check-circle-fill{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M128 24a104 104 0 1 0 104 104A104.11 104.11 0 0 0 128 24m45.66 85.66l-56 56a8 8 0 0 1-11.32 0l-24-24a8 8 0 0 1 11.32-11.32L112 148.69l50.34-50.35a8 8 0 0 1 11.32 11.32'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;}
175
- .i-ph\:circle-fill{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M232 128A104 104 0 1 1 128 24a104.13 104.13 0 0 1 104 104'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;}
176
- .i-ph\:desktop{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M208 40H48a24 24 0 0 0-24 24v112a24 24 0 0 0 24 24h72v16H96a8 8 0 0 0 0 16h64a8 8 0 0 0 0-16h-24v-16h72a24 24 0 0 0 24-24V64a24 24 0 0 0-24-24M48 56h160a8 8 0 0 1 8 8v80H40V64a8 8 0 0 1 8-8m160 128H48a8 8 0 0 1-8-8v-16h176v16a8 8 0 0 1-8 8'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;}
177
- .i-ph\:flask{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M221.69 199.77L160 96.92V40h8a8 8 0 0 0 0-16H88a8 8 0 0 0 0 16h8v56.92L34.31 199.77A16 16 0 0 0 48 224h160a16 16 0 0 0 13.72-24.23Zm-110.83-96.52a7.93 7.93 0 0 0 1.14-4.11V40h32v59.14a7.93 7.93 0 0 0 1.14 4.11L183.36 167c-12 2.37-29.07 1.37-51.75-10.11c-15.91-8.05-31.05-12.32-45.22-12.81ZM48 208l28.54-47.58c14.25-1.74 30.31 1.85 47.82 10.72c19 9.61 35 12.88 48 12.88a69.9 69.9 0 0 0 19.55-2.7L208 208Z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;}
178
- .i-ph\:globe{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M128 24a104 104 0 1 0 104 104A104.12 104.12 0 0 0 128 24m88 104a87.6 87.6 0 0 1-3.33 24h-38.51a157.4 157.4 0 0 0 0-48h38.51a87.6 87.6 0 0 1 3.33 24m-114 40h52a115.1 115.1 0 0 1-26 45a115.3 115.3 0 0 1-26-45m-3.9-16a140.8 140.8 0 0 1 0-48h59.88a140.8 140.8 0 0 1 0 48ZM40 128a87.6 87.6 0 0 1 3.33-24h38.51a157.4 157.4 0 0 0 0 48H43.33A87.6 87.6 0 0 1 40 128m114-40h-52a115.1 115.1 0 0 1 26-45a115.3 115.3 0 0 1 26 45m52.33 0h-35.62a135.3 135.3 0 0 0-22.3-45.6A88.29 88.29 0 0 1 206.37 88Zm-98.74-45.6A135.3 135.3 0 0 0 85.29 88H49.63a88.29 88.29 0 0 1 57.96-45.6M49.63 168h35.66a135.3 135.3 0 0 0 22.3 45.6A88.29 88.29 0 0 1 49.63 168m98.78 45.6a135.3 135.3 0 0 0 22.3-45.6h35.66a88.29 88.29 0 0 1-57.96 45.6'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;}
179
- .i-ph\:globe-hemisphere-west{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M128 24a104 104 0 1 0 104 104A104.11 104.11 0 0 0 128 24m88 104a87.6 87.6 0 0 1-6.4 32.94l-44.7-27.49a15.9 15.9 0 0 0-6.24-2.23l-22.82-3.08a16.11 16.11 0 0 0-16 7.86h-8.72l-3.8-7.86a15.91 15.91 0 0 0-11-8.67l-8-1.73L96.14 104h16.71a16.06 16.06 0 0 0 7.73-2l12.25-6.76a16.6 16.6 0 0 0 3-2.14l26.91-24.34A15.93 15.93 0 0 0 166 49.1l-.36-.65A88.11 88.11 0 0 1 216 128m-72.69-86.66L152 56.9l-26.91 24.34L112.85 88H96.14a16 16 0 0 0-13.88 8l-8.73 15.23l-10.15-27.04l10.94-25.87a87.87 87.87 0 0 1 69-17ZM40 128a87.5 87.5 0 0 1 8.54-37.8l11.34 30.27a16 16 0 0 0 11.62 10l21.43 4.61l3.81 7.92a16.09 16.09 0 0 0 14.4 9h1.48l-7.23 16.23a16 16 0 0 0 2.86 17.37l.14.14l19.61 20.2l-1.94 10A88.11 88.11 0 0 1 40 128m102.58 86.78l1.13-5.81a16.09 16.09 0 0 0-4-13.9a2 2 0 0 1-.14-.14L120 174.74L133.7 144l22.82 3.08l45.72 28.12a88.18 88.18 0 0 1-59.66 39.58'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;}
180
- .i-ph\:moon{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M233.54 142.23a8 8 0 0 0-8-2a88.08 88.08 0 0 1-109.8-109.8a8 8 0 0 0-10-10a104.84 104.84 0 0 0-52.91 37A104 104 0 0 0 136 224a103.1 103.1 0 0 0 62.52-20.88a104.84 104.84 0 0 0 37-52.91a8 8 0 0 0-1.98-7.98m-44.64 48.11A88 88 0 0 1 65.66 67.11a89 89 0 0 1 31.4-26A106 106 0 0 0 96 56a104.11 104.11 0 0 0 104 104a106 106 0 0 0 14.92-1.06a89 89 0 0 1-26.02 31.4'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;}
181
- .i-ph\:sun{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M120 40V16a8 8 0 0 1 16 0v24a8 8 0 0 1-16 0m72 88a64 64 0 1 1-64-64a64.07 64.07 0 0 1 64 64m-16 0a48 48 0 1 0-48 48a48.05 48.05 0 0 0 48-48M58.34 69.66a8 8 0 0 0 11.32-11.32l-16-16a8 8 0 0 0-11.32 11.32Zm0 116.68l-16 16a8 8 0 0 0 11.32 11.32l16-16a8 8 0 0 0-11.32-11.32M192 72a8 8 0 0 0 5.66-2.34l16-16a8 8 0 0 0-11.32-11.32l-16 16A8 8 0 0 0 192 72m5.66 114.34a8 8 0 0 0-11.32 11.32l16 16a8 8 0 0 0 11.32-11.32ZM48 128a8 8 0 0 0-8-8H16a8 8 0 0 0 0 16h24a8 8 0 0 0 8-8m80 80a8 8 0 0 0-8 8v24a8 8 0 0 0 16 0v-24a8 8 0 0 0-8-8m112-88h-24a8 8 0 0 0 0 16h24a8 8 0 0 0 0-16'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;}
182
- .i-ph\:tag{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M243.31 136L144 36.69A15.86 15.86 0 0 0 132.69 32H40a8 8 0 0 0-8 8v92.69A15.86 15.86 0 0 0 36.69 144L136 243.31a16 16 0 0 0 22.63 0l84.68-84.68a16 16 0 0 0 0-22.63m-96 96L48 132.69V48h84.69L232 147.31ZM96 84a12 12 0 1 1-12-12a12 12 0 0 1 12 12'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;}
183
- .i-ph\:warning{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M236.8 188.09L149.35 36.22a24.76 24.76 0 0 0-42.7 0L19.2 188.09a23.51 23.51 0 0 0 0 23.72A24.35 24.35 0 0 0 40.55 224h174.9a24.35 24.35 0 0 0 21.33-12.19a23.51 23.51 0 0 0 .02-23.72m-13.87 15.71a8.5 8.5 0 0 1-7.48 4.2H40.55a8.5 8.5 0 0 1-7.48-4.2a7.59 7.59 0 0 1 0-7.72l87.45-151.87a8.75 8.75 0 0 1 15 0l87.45 151.87a7.59 7.59 0 0 1-.04 7.72M120 144v-40a8 8 0 0 1 16 0v40a8 8 0 0 1-16 0m20 36a12 12 0 1 1-12-12a12 12 0 0 1 12 12'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;}
184
- .i-ph\:x{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M205.66 194.34a8 8 0 0 1-11.32 11.32L128 139.31l-66.34 66.35a8 8 0 0 1-11.32-11.32L116.69 128L50.34 61.66a8 8 0 0 1 11.32-11.32L128 116.69l66.34-66.35a8 8 0 0 1 11.32 11.32L139.31 128Z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;}
185
- .i-ph\:x-circle-fill{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M128 24a104 104 0 1 0 104 104A104.11 104.11 0 0 0 128 24m37.66 130.34a8 8 0 0 1-11.32 11.32L128 139.31l-26.34 26.35a8 8 0 0 1-11.32-11.32L116.69 128l-26.35-26.34a8 8 0 0 1 11.32-11.32L128 116.69l26.34-26.35a8 8 0 0 1 11.32 11.32L139.31 128Z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;}
186
- /* layer: shortcuts */
187
- .container{width:100%;}
188
- @media (min-width: 40rem){
189
- .container{max-width:40rem;}
190
- }
191
- @media (min-width: 48rem){
192
- .container{max-width:48rem;}
193
- }
194
- @media (min-width: 64rem){
195
- .container{max-width:64rem;}
196
- }
197
- @media (min-width: 80rem){
198
- .container{max-width:80rem;}
199
- }
200
- @media (min-width: 96rem){
201
- .container{max-width:96rem;}
202
- }
203
- /* layer: default */
204
- .text-\[10px\]{font-size:10px;}
205
- .text-3xl{font-size:var(--text-3xl-fontSize);line-height:var(--un-leading, var(--text-3xl-lineHeight));}
206
- .text-base{font-size:var(--text-base-fontSize);line-height:var(--un-leading, var(--text-base-lineHeight));}
207
- .text-lg{font-size:var(--text-lg-fontSize);line-height:var(--un-leading, var(--text-lg-lineHeight));}
208
- .text-sm{font-size:var(--text-sm-fontSize);line-height:var(--un-leading, var(--text-sm-lineHeight));}
209
- .text-xl{font-size:var(--text-xl-fontSize);line-height:var(--un-leading, var(--text-xl-lineHeight));}
210
- .text-xs{font-size:var(--text-xs-fontSize);line-height:var(--un-leading, var(--text-xs-lineHeight));}
211
- .data-\[highlighted\]\:text-white[data-highlighted],
212
- .text-white{color:color-mix(in srgb, var(--colors-white) var(--un-text-opacity), transparent);}
213
- .data-\[placeholder\]\:text-bp-elements-textTertiary[data-placeholder],
214
- .text-bp-elements-textTertiary{color:color-mix(in srgb, var(--bp-elements-textTertiary) var(--un-text-opacity), transparent);}
215
- .data-\[state\=active\]\:text-violet-700[data-state=active],
216
- .text-violet-700{color:color-mix(in srgb, var(--colors-violet-700) var(--un-text-opacity), transparent);}
217
- .data-\[state\=checked\]\:text-violet-300[data-state=checked]{color:color-mix(in srgb, var(--colors-violet-300) var(--un-text-opacity), transparent);}
218
- .text-amber-400,
219
- [data-theme="dark"] .dark\:text-amber-400{color:color-mix(in srgb, var(--colors-amber-400) var(--un-text-opacity), transparent);}
220
- .text-amber-600{color:color-mix(in srgb, var(--colors-amber-600) var(--un-text-opacity), transparent);}
221
- .text-amber-700{color:color-mix(in srgb, var(--colors-amber-700) var(--un-text-opacity), transparent);}
222
- .text-arena-elements-textTertiary{color:color-mix(in srgb, var(--arena-elements-textTertiary) var(--un-text-opacity), transparent);}
223
- .text-blue-400,
224
- [data-theme="dark"] .dark\:text-blue-400{color:color-mix(in srgb, var(--colors-blue-400) var(--un-text-opacity), transparent);}
225
- .text-blue-600{color:color-mix(in srgb, var(--colors-blue-600) var(--un-text-opacity), transparent);}
226
- .text-bp-elements-icon-error{color:color-mix(in srgb, var(--bp-elements-icon-error) var(--un-text-opacity), transparent);}
227
- .text-bp-elements-icon-success{color:color-mix(in srgb, var(--bp-elements-icon-success) var(--un-text-opacity), transparent);}
228
- .text-bp-elements-textPrimary{color:color-mix(in srgb, var(--bp-elements-textPrimary) var(--un-text-opacity), transparent);}
229
- .text-bp-elements-textPrimary\/80{color:color-mix(in srgb, var(--bp-elements-textPrimary) 80%, transparent);}
230
- .text-bp-elements-textSecondary{color:color-mix(in srgb, var(--bp-elements-textSecondary) var(--un-text-opacity), transparent);}
231
- .text-cloud-elements-textTertiary{color:color-mix(in srgb, var(--cloud-elements-textTertiary) var(--un-text-opacity), transparent);}
232
- .text-neutral-300{color:color-mix(in srgb, var(--colors-neutral-300) var(--un-text-opacity), transparent);}
233
- .text-teal-400,
234
- [data-theme="dark"] .dark\:text-teal-400{color:color-mix(in srgb, var(--colors-teal-400) var(--un-text-opacity), transparent);}
235
- .text-teal-600{color:color-mix(in srgb, var(--colors-teal-600) var(--un-text-opacity), transparent);}
236
- .text-violet-400,
237
- [data-theme="dark"] .dark\:data-\[state\=active\]\:text-violet-400[data-state=active],
238
- [data-theme="dark"] .dark\:text-violet-400{color:color-mix(in srgb, var(--colors-violet-400) var(--un-text-opacity), transparent);}
239
- .hover\:text-bp-elements-textPrimary:hover{color:color-mix(in srgb, var(--bp-elements-textPrimary) var(--un-text-opacity), transparent);}
240
- .hover\:text-bp-elements-textSecondary:hover{color:color-mix(in srgb, var(--bp-elements-textSecondary) var(--un-text-opacity), transparent);}
241
- .hover\:text-violet-700:hover{color:color-mix(in srgb, var(--colors-violet-700) var(--un-text-opacity), transparent);}
242
- [data-theme="dark"] .dark\:hover\:text-violet-400:hover{color:color-mix(in srgb, var(--colors-violet-400) var(--un-text-opacity), transparent);}
243
- .placeholder\:text-bp-elements-textTertiary::placeholder{color:color-mix(in srgb, var(--bp-elements-textTertiary) var(--un-text-opacity), transparent);}
244
- .leading-6{--un-leading:calc(var(--spacing) * 6);line-height:calc(var(--spacing) * 6);}
245
- .leading-none{--un-leading:var(--leading-none);line-height:var(--leading-none);}
246
- .tracking-wider{--un-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider);}
247
- .font-medium{--un-font-weight:var(--fontWeight-medium);font-weight:var(--fontWeight-medium);}
248
- .font-semibold{--un-font-weight:var(--fontWeight-semibold);font-weight:var(--fontWeight-semibold);}
249
- .tab{-moz-tab-size:4;-o-tab-size:4;tab-size:4;}
250
- .mx-auto{margin-inline:auto;}
251
- .my-2{margin-block:calc(var(--spacing) * 2);}
252
- .mb-2{margin-bottom:calc(var(--spacing) * 2);}
253
- .mb-3{margin-bottom:calc(var(--spacing) * 3);}
254
- .ml-2{margin-left:calc(var(--spacing) * 2);}
255
- .ml-auto{margin-left:auto;}
256
- .ms{margin-inline-start:calc(var(--spacing) * 4);}
257
- .mt-0\.5{margin-top:calc(var(--spacing) * 0.5);}
258
- .mt-1{margin-top:calc(var(--spacing) * 1);}
259
- .mt-1\.5{margin-top:calc(var(--spacing) * 1.5);}
260
- .mt-12{margin-top:calc(var(--spacing) * 12);}
261
- .mt-2{margin-top:calc(var(--spacing) * 2);}
262
- .mt-4{margin-top:calc(var(--spacing) * 4);}
263
- .p-1{padding:calc(var(--spacing) * 1);}
264
- .p-1\.5{padding:calc(var(--spacing) * 1.5);}
265
- .p-3{padding:calc(var(--spacing) * 3);}
266
- .p-4{padding:calc(var(--spacing) * 4);}
267
- .p-6{padding:calc(var(--spacing) * 6);}
268
- .has-\[\>svg\]\:px-2\.5:has(>svg),
269
- .px-2\.5{padding-inline:calc(var(--spacing) * 2.5);}
270
- .has-\[\>svg\]\:px-3:has(>svg),
271
- .px-3{padding-inline:calc(var(--spacing) * 3);}
272
- .has-\[\>svg\]\:px-5:has(>svg){padding-inline:calc(var(--spacing) * 5);}
273
- .px-3\.5{padding-inline:calc(var(--spacing) * 3.5);}
274
- .px-4{padding-inline:calc(var(--spacing) * 4);}
275
- .px-6{padding-inline:calc(var(--spacing) * 6);}
276
- .px-7{padding-inline:calc(var(--spacing) * 7);}
277
- .py-0\.5{padding-block:calc(var(--spacing) * 0.5);}
278
- .py-1{padding-block:calc(var(--spacing) * 1);}
279
- .py-1\.5{padding-block:calc(var(--spacing) * 1.5);}
280
- .py-2{padding-block:calc(var(--spacing) * 2);}
281
- .py-2\.5{padding-block:calc(var(--spacing) * 2.5);}
282
- .py-3{padding-block:calc(var(--spacing) * 3);}
283
- .py-5{padding-block:calc(var(--spacing) * 5);}
284
- .pb-6{padding-bottom:calc(var(--spacing) * 6);}
285
- .pl-3{padding-left:calc(var(--spacing) * 3);}
286
- .pt-2{padding-top:calc(var(--spacing) * 2);}
287
- .text-center{text-align:center;}
288
- .text-left{text-align:left;}
289
- .align-middle{vertical-align:middle;}
290
- .\[\&\:\:-webkit-inner-spin-button\]\:appearance-none::-webkit-inner-spin-button,
291
- .\[\&\:\:-webkit-outer-spin-button\]\:appearance-none::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;}
292
- .outline{outline-style:var(--un-outline-style);outline-width:1px;}
293
- .outline-none{--un-outline-style:none;outline-style:none;}
294
- .focus\:outline-none:focus{--un-outline-style:none;outline-style:none;}
295
- .\[\&_tr\:last-child\]\:border-0 tr:last-child{border-width:0px;}
296
- .b,
297
- .border{border-width:1px;}
298
- .border-2{border-width:2px;}
299
- .border-b{border-bottom-width:1px;}
300
- .border-t{border-top-width:1px;}
301
- .border-amber-500\/20{border-color:color-mix(in srgb, var(--colors-amber-500) 20%, transparent);}
302
- .border-amber-500\/30{border-color:color-mix(in srgb, var(--colors-amber-500) 30%, transparent);}
303
- .border-arena-elements-dividerColor{border-color:color-mix(in srgb, var(--arena-elements-dividerColor) var(--un-border-opacity), transparent);}
304
- .border-blue-500\/20{border-color:color-mix(in srgb, var(--colors-blue-500) 20%, transparent);}
305
- .border-bp-elements-borderColor{border-color:color-mix(in srgb, var(--bp-elements-borderColor) var(--un-border-opacity), transparent);}
306
- .border-bp-elements-borderColor\/70{border-color:color-mix(in srgb, var(--bp-elements-borderColor) 70%, transparent);}
307
- .border-bp-elements-dividerColor{border-color:color-mix(in srgb, var(--bp-elements-dividerColor) var(--un-border-opacity), transparent);}
308
- .border-bp-elements-dividerColor\/50{border-color:color-mix(in srgb, var(--bp-elements-dividerColor) 50%, transparent);}
309
- .border-cloud-elements-dividerColor{border-color:color-mix(in srgb, var(--cloud-elements-dividerColor) var(--un-border-opacity), transparent);}
310
- .border-teal-500\/20{border-color:color-mix(in srgb, var(--colors-teal-500) 20%, transparent);}
311
- .border-teal-500\/30{border-color:color-mix(in srgb, var(--colors-teal-500) 30%, transparent);}
312
- .border-violet-500\/20{border-color:color-mix(in srgb, var(--colors-violet-500) 20%, transparent);}
313
- .border-violet-500\/40{border-color:color-mix(in srgb, var(--colors-violet-500) 40%, transparent);}
314
- .border-white\/\[0\.06\]{border-color:color-mix(in srgb, var(--colors-white) 0.06, transparent);}
315
- .focus-within\:border-violet-500\/40:focus-within{border-color:color-mix(in srgb, var(--colors-violet-500) 40%, transparent);}
316
- .hover\:border-bp-elements-borderColorActive\/40:hover{border-color:color-mix(in srgb, var(--bp-elements-borderColorActive) 40%, transparent);}
317
- .focus-visible\:border-violet-500\/40:focus-visible{border-color:color-mix(in srgb, var(--colors-violet-500) 40%, transparent);}
318
- .border-t-violet-600{border-top-color:color-mix(in srgb, var(--colors-violet-600) var(--un-border-top-opacity), transparent);--un-border-top-opacity:var(--un-border-opacity);}
319
- [data-theme="dark"] .dark\:border-t-violet-400{border-top-color:color-mix(in srgb, var(--colors-violet-400) var(--un-border-top-opacity), transparent);--un-border-top-opacity:var(--un-border-opacity);}
320
- .rounded-3xl{border-radius:var(--radius-3xl);}
321
- .rounded-full{border-radius:calc(infinity * 1px);}
322
- .rounded-lg{border-radius:var(--radius-lg);}
323
- .rounded-md{border-radius:var(--radius-md);}
324
- .rounded-sm{border-radius:var(--radius-sm);}
325
- .rounded-xl{border-radius:var(--radius-xl);}
326
- .rounded-l-lg{border-top-left-radius:var(--radius-lg);border-bottom-left-radius:var(--radius-lg);}
327
- .rounded-r-lg{border-top-right-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg);}
328
- .bg-amber-500\/10{background-color:color-mix(in srgb, var(--colors-amber-500) 10%, transparent);}
329
- .bg-black\/50{background-color:color-mix(in srgb, var(--colors-black) 50%, transparent);}
330
- .bg-blue-500\/10{background-color:color-mix(in srgb, var(--colors-blue-500) 10%, transparent);}
331
- .bg-bp-elements-background-depth-2{background-color:color-mix(in srgb, var(--bp-elements-bg-depth-2) var(--un-bg-opacity), transparent);}
332
- .bg-bp-elements-background-depth-3{background-color:color-mix(in srgb, var(--bp-elements-bg-depth-3) var(--un-bg-opacity), transparent);}
333
- .bg-bp-elements-background-depth-4,
334
- [data-theme="dark"] .dark\:bg-bp-elements-background-depth-4{background-color:color-mix(in srgb, var(--bp-elements-bg-depth-4) var(--un-bg-opacity), transparent);}
335
- .bg-neutral-900\/95{background-color:color-mix(in srgb, var(--colors-neutral-900) 95%, transparent);}
336
- .bg-teal-500\/10{background-color:color-mix(in srgb, var(--colors-teal-500) 10%, transparent);}
337
- .bg-teal-600\/15{background-color:color-mix(in srgb, var(--colors-teal-600) 15%, transparent);}
338
- .bg-transparent{background-color:transparent;}
339
- .bg-violet-500\/10,
340
- .data-\[state\=active\]\:bg-violet-500\/10[data-state=active]{background-color:color-mix(in srgb, var(--colors-violet-500) 10%, transparent);}
341
- .bg-violet-600{background-color:color-mix(in srgb, var(--colors-violet-600) var(--un-bg-opacity), transparent);}
342
- .bg-white{background-color:color-mix(in srgb, var(--colors-white) var(--un-bg-opacity), transparent);}
343
- .data-\[highlighted\]\:bg-white\/\[0\.06\][data-highlighted]{background-color:color-mix(in srgb, var(--colors-white) 0.06, transparent);}
344
- .data-\[state\=selected\]\:bg-bp-elements-item-backgroundActive[data-state=selected]{background-color:color-mix(in srgb, var(--bp-elements-item-backgroundActive) var(--un-bg-opacity), transparent);}
345
- .hover\:bg-bp-elements-background-depth-4:hover{background-color:color-mix(in srgb, var(--bp-elements-bg-depth-4) var(--un-bg-opacity), transparent);}
346
- .hover\:bg-bp-elements-item-backgroundHover:hover{background-color:color-mix(in srgb, var(--bp-elements-item-backgroundHover) var(--un-bg-opacity), transparent);}
347
- .hover\:bg-teal-600\/25:hover{background-color:color-mix(in srgb, var(--colors-teal-600) 25%, transparent);}
348
- .hover\:bg-violet-500:hover{background-color:color-mix(in srgb, var(--colors-violet-500) var(--un-bg-opacity), transparent);}
349
- .hover\:bg-violet-500\/20:hover{background-color:color-mix(in srgb, var(--colors-violet-500) 20%, transparent);}
350
- .hover\:bg-white\/\[0\.04\]:hover{background-color:color-mix(in srgb, var(--colors-white) 0.04, transparent);}
351
- .opacity-40{opacity:40%;}
352
- .opacity-70{opacity:70%;}
353
- .hover\:opacity-100:hover{opacity:100%;}
354
- .disabled\:opacity-30:disabled{opacity:30%;}
355
- .disabled\:opacity-40:disabled{opacity:40%;}
356
- .hover\:underline:hover{text-decoration-line:underline;}
357
- .underline-offset-4{text-underline-offset:4px;}
358
- .flex{display:flex;}
359
- .inline-flex{display:inline-flex;}
360
- .flex-1{flex:1 1 0%;}
361
- .\[\&_svg\]\:shrink-0 svg,
362
- .shrink-0{flex-shrink:0;}
363
- .flex-col{flex-direction:column;}
364
- .flex-col-reverse{flex-direction:column-reverse;}
365
- .flex-wrap{flex-wrap:wrap;}
366
- .gap-0\.5{gap:calc(var(--spacing) * 0.5);}
367
- .gap-1{gap:calc(var(--spacing) * 1);}
368
- .gap-1\.5{gap:calc(var(--spacing) * 1.5);}
369
- .gap-2{gap:calc(var(--spacing) * 2);}
370
- .gap-2\.5{gap:calc(var(--spacing) * 2.5);}
371
- .gap-3{gap:calc(var(--spacing) * 3);}
372
- .gap-4{gap:calc(var(--spacing) * 4);}
373
- .gap-5{gap:calc(var(--spacing) * 5);}
374
- .grid{display:grid;}
375
- .size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4);}
376
- .size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8);}
377
- .size-9{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9);}
378
- .data-\[orientation\=horizontal\]\:h-px[data-orientation=horizontal]{height:1px;}
379
- .data-\[orientation\=horizontal\]\:w-full[data-orientation=horizontal],
380
- .w-full{width:100%;}
381
- .data-\[orientation\=vertical\]\:h-full[data-orientation=vertical]{height:100%;}
382
- .data-\[orientation\=vertical\]\:w-px[data-orientation=vertical]{width:1px;}
383
- .h-10{height:calc(var(--spacing) * 10);}
384
- .h-11{height:calc(var(--spacing) * 11);}
385
- .h-3{height:calc(var(--spacing) * 3);}
386
- .h-5{height:calc(var(--spacing) * 5);}
387
- .h-6{height:calc(var(--spacing) * 6);}
388
- .h-8{height:calc(var(--spacing) * 8);}
389
- .h-9{height:calc(var(--spacing) * 9);}
390
- .max-h-\[85vh\]{max-height:85vh;}
391
- .max-h-\[min\(var\(--radix-select-content-available-height\)\,280px\)\]{max-height:min(var(--radix-select-content-available-height),280px);}
392
- .max-w-\[calc\(100\%-2rem\)\]{max-width:calc(100% - 2rem);}
393
- .max-w-3xl{max-width:var(--container-3xl);}
394
- .max-w-7xl{max-width:var(--container-7xl);}
395
- .max-w-xs{max-width:var(--container-xs);}
396
- .min-h-\[80px\]{min-height:80px;}
397
- .min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width);}
398
- .min-w-0{min-width:calc(var(--spacing) * 0);}
399
- .w-10{width:calc(var(--spacing) * 10);}
400
- .w-11{width:calc(var(--spacing) * 11);}
401
- .w-3{width:calc(var(--spacing) * 3);}
402
- .w-48{width:calc(var(--spacing) * 48);}
403
- .w-5{width:calc(var(--spacing) * 5);}
404
- .w-fit{width:fit-content;}
405
- .inline{display:inline;}
406
- .block{display:block;}
407
- .hidden{display:none;}
408
- .collapse{visibility:collapse;}
409
- .cursor-pointer{cursor:pointer;}
410
- .\[\&_svg\]\:pointer-events-none svg,
411
- .pointer-events-none{pointer-events:none;}
412
- .disabled\:pointer-events-none:disabled{pointer-events:none;}
413
- .resize-y{resize:vertical;}
414
- .select-none{-webkit-user-select:none;user-select:none;}
415
- .whitespace-nowrap{white-space:nowrap;}
416
- .truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
417
- .uppercase{text-transform:uppercase;}
418
- .focus-within\:ring-2:focus-within{--un-ring-shadow:var(--un-ring-inset,) 0 0 0 calc(2px + var(--un-ring-offset-width)) var(--un-ring-color, currentColor);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
419
- .focus-visible\:ring-2:focus-visible{--un-ring-shadow:var(--un-ring-inset,) 0 0 0 calc(2px + var(--un-ring-offset-width)) var(--un-ring-color, currentColor);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
420
- .focus-within\:ring-violet-500\/10:focus-within{--un-ring-color:color-mix(in srgb, var(--colors-violet-500) 10%, transparent);}
421
- .focus-visible\:ring-violet-400\/50:focus-visible{--un-ring-color:color-mix(in srgb, var(--colors-violet-400) 50%, transparent);}
422
- .focus-visible\:ring-violet-500\/10:focus-visible{--un-ring-color:color-mix(in srgb, var(--colors-violet-500) 10%, transparent);}
423
- .focus-visible\:ring-offset-2:focus-visible{--un-ring-offset-width:2px;--un-ring-offset-shadow:var(--un-ring-inset,) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);}
424
- .focus-visible\:ring-offset-bp-elements-background-depth-1:focus-visible{--un-ring-offset-color:color-mix(in srgb, var(--bp-elements-bg-depth-1) var(--un-ring-offset-opacity), transparent);}
425
- .data-\[state\=active\]\:shadow-\[0_0_12px_rgba\(142\,89\,255\,0\.1\)\][data-state=active]{--un-shadow:0 0 12px var(--un-shadow-color, rgba(142, 89, 255, 0.1));box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
426
- .shadow-\[0_0_20px_rgba\(142\,89\,255\,0\.25\)\]{--un-shadow:0 0 20px var(--un-shadow-color, rgba(142, 89, 255, 0.25));box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
427
- .shadow-2xl{--un-shadow:0 25px 50px -12px var(--un-shadow-color, rgb(0 0 0 / 0.25));box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
428
- .shadow-black\/40{--un-shadow-color:color-mix(in srgb, var(--colors-black) 40%, transparent);}
429
- .shadow-lg{--un-shadow:0 10px 15px -3px var(--un-shadow-color, rgb(0 0 0 / 0.1)),0 4px 6px -4px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
430
- .hover\:shadow-\[0_0_30px_rgba\(142\,89\,255\,0\.35\)\]:hover{--un-shadow:0 0 30px var(--un-shadow-color, rgba(142, 89, 255, 0.35));box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
431
- .translate-x-\[-50\%\]{--un-translate-x:-50%;translate:var(--un-translate-x) var(--un-translate-y);}
432
- .translate-x-5{--un-translate-x:calc(var(--spacing) * 5);translate:var(--un-translate-x) var(--un-translate-y);}
433
- .translate-y-\[-50\%\]{--un-translate-y:-50%;translate:var(--un-translate-x) var(--un-translate-y);}
434
- .rotate-180{rotate:180deg;}
435
- .transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,--un-gradient-from,--un-gradient-via,--un-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));}
436
- .transition-all{transition-property:all;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));}
437
- .transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,--un-gradient-from,--un-gradient-via,--un-gradient-to;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));}
438
- .transition-opacity{transition-property:opacity;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));}
439
- .transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));}
440
- .duration-100{--un-duration:100ms;transition-duration:100ms;}
441
- .duration-150{--un-duration:150ms;transition-duration:150ms;}
442
- .duration-200{--un-duration:200ms;transition-duration:200ms;}
443
- .duration-300{--un-duration:300ms;transition-duration:300ms;}
444
- .ease{--un-ease:var(--ease-DEFAULT);transition-timing-function:var(--ease-DEFAULT);}
445
- .ease-out{--un-ease:var(--ease-out);transition-timing-function:var(--ease-out);}
446
- .\[appearance\:textfield\]{appearance:textfield;}
447
- .items-center{align-items:center;}
448
- .items-stretch{align-items:stretch;}
449
- .inset-0{inset:calc(var(--spacing) * 0);}
450
- .left-\[50\%\]{left:50%;}
451
- .left-0\.5{left:calc(var(--spacing) * 0.5);}
452
- .right-0{right:calc(var(--spacing) * 0);}
453
- .right-4{right:calc(var(--spacing) * 4);}
454
- .top-\[50\%\]{top:50%;}
455
- .top-0\.5{top:calc(var(--spacing) * 0.5);}
456
- .top-4{top:calc(var(--spacing) * 4);}
457
- .top-full{top:100%;}
458
- .justify-end{justify-content:flex-end;}
459
- .justify-center{justify-content:center;}
460
- .justify-between{justify-content:space-between;}
461
- .absolute{position:absolute;}
462
- .fixed{position:fixed;}
463
- .relative{position:relative;}
464
- .static{position:static;}
465
- .z-50{z-index:50;}
466
- .overflow-auto{overflow:auto;}
467
- .overflow-hidden{overflow:hidden;}
468
- .overflow-y-auto{overflow-y:auto;}
469
- .fill-bp-elements-textPrimary{fill:color-mix(in srgb, var(--bp-elements-textPrimary) var(--un-fill-opacity), transparent);}
470
- .stroke-none{stroke:none;}
471
- @keyframes una-in{from{opacity:var(--una-enter-opacity,1);transform:translate3d(var(--una-enter-translate-x,0),var(--una-enter-translate-y,0),0) scale3d(var(--una-enter-scale,1),var(--una-enter-scale,1),var(--una-enter-scale,1)) rotate(var(--una-enter-rotate,0))}}
472
- @keyframes una-out{to{opacity:var(--una-exit-opacity,1);transform:translate3d(var(--una-exit-translate-x,0),var(--una-exit-translate-y,0),0) scale3d(var(--una-exit-scale,1),var(--una-exit-scale,1),var(--una-exit-scale,1)) rotate(var(--una-exit-rotate,0))}}
473
- @keyframes pulse{0%, 100% {opacity:1} 50% {opacity:.5}}
474
- @keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
475
- .animate-pulse{animation:pulse 2s cubic-bezier(0.4,0,.6,1) infinite;}
476
- .animate-spin{animation:spin 1s linear infinite;}
477
- .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0;}
478
- .backdrop-blur-xl{--un-backdrop-blur:blur(24px);-webkit-backdrop-filter:var(--un-backdrop-blur,) var(--un-backdrop-brightness,) var(--un-backdrop-contrast,) var(--un-backdrop-grayscale,) var(--un-backdrop-hue-rotate,) var(--un-backdrop-invert,) var(--un-backdrop-opacity,) var(--un-backdrop-saturate,) var(--un-backdrop-sepia,);backdrop-filter:var(--un-backdrop-blur,) var(--un-backdrop-brightness,) var(--un-backdrop-contrast,) var(--un-backdrop-grayscale,) var(--un-backdrop-hue-rotate,) var(--un-backdrop-invert,) var(--un-backdrop-opacity,) var(--un-backdrop-saturate,) var(--un-backdrop-sepia,);}
479
- .table{display:table;}
480
- .table-cell{display:table-cell;}
481
- .table-row{display:table-row;}
482
- .caption-bottom{caption-side:bottom;}
483
- .data-\[state\=open\]\:fade-in-0[data-state=open]{--una-enter-opacity:0;}
484
- .data-\[state\=closed\]\:fade-out-0[data-state=closed]{--una-exit-opacity:0;}
485
- .data-\[state\=open\]\:slide-in-from-top-1[data-state=open]{--una-enter-translate-y:-0.25rem;}
486
- .data-\[state\=closed\]\:slide-out-to-top-1[data-state=closed]{--una-exit-translate-y:-0.25rem;}
487
- .group-data-\[state\=open\]\:rotate-180{
488
- &:is(:where(.group)[data-state=open] *){rotate:180deg;}
489
- }
490
- .space-y-2{
491
- :where(&>:not(:last-child)){--un-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--un-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--un-space-y-reverse)));}
492
- }
493
- .space-y-2\.5{
494
- :where(&>:not(:last-child)){--un-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2.5) * var(--un-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2.5) * calc(1 - var(--un-space-y-reverse)));}
495
- }
496
- .space-y-4{
497
- :where(&>:not(:last-child)){--un-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--un-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--un-space-y-reverse)));}
498
- }
499
- .space-y-6{
500
- :where(&>:not(:last-child)){--un-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--un-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--un-space-y-reverse)));}
501
- }
502
- @supports (color: color-mix(in lab, red, red)){
503
- .data-\[highlighted\]\:text-white[data-highlighted]{color:color-mix(in oklab, var(--colors-white) var(--un-text-opacity), transparent);}
504
- .data-\[state\=active\]\:text-violet-700[data-state=active]{color:color-mix(in oklab, var(--colors-violet-700) var(--un-text-opacity), transparent);}
505
- .data-\[state\=checked\]\:text-violet-300[data-state=checked]{color:color-mix(in oklab, var(--colors-violet-300) var(--un-text-opacity), transparent);}
506
- .text-amber-400{color:color-mix(in oklab, var(--colors-amber-400) var(--un-text-opacity), transparent);}
507
- .text-amber-600{color:color-mix(in oklab, var(--colors-amber-600) var(--un-text-opacity), transparent);}
508
- .text-amber-700{color:color-mix(in oklab, var(--colors-amber-700) var(--un-text-opacity), transparent);}
509
- .text-blue-400{color:color-mix(in oklab, var(--colors-blue-400) var(--un-text-opacity), transparent);}
510
- .text-blue-600{color:color-mix(in oklab, var(--colors-blue-600) var(--un-text-opacity), transparent);}
511
- .text-neutral-300{color:color-mix(in oklab, var(--colors-neutral-300) var(--un-text-opacity), transparent);}
512
- .text-teal-400{color:color-mix(in oklab, var(--colors-teal-400) var(--un-text-opacity), transparent);}
513
- .text-teal-600{color:color-mix(in oklab, var(--colors-teal-600) var(--un-text-opacity), transparent);}
514
- .text-violet-400{color:color-mix(in oklab, var(--colors-violet-400) var(--un-text-opacity), transparent);}
515
- .text-violet-700{color:color-mix(in oklab, var(--colors-violet-700) var(--un-text-opacity), transparent);}
516
- .text-white{color:color-mix(in oklab, var(--colors-white) var(--un-text-opacity), transparent);}
517
- [data-theme="dark"] .dark\:data-\[state\=active\]\:text-violet-400[data-state=active]{color:color-mix(in oklab, var(--colors-violet-400) var(--un-text-opacity), transparent);}
518
- [data-theme="dark"] .dark\:text-amber-400{color:color-mix(in oklab, var(--colors-amber-400) var(--un-text-opacity), transparent);}
519
- [data-theme="dark"] .dark\:text-blue-400{color:color-mix(in oklab, var(--colors-blue-400) var(--un-text-opacity), transparent);}
520
- [data-theme="dark"] .dark\:text-teal-400{color:color-mix(in oklab, var(--colors-teal-400) var(--un-text-opacity), transparent);}
521
- [data-theme="dark"] .dark\:text-violet-400{color:color-mix(in oklab, var(--colors-violet-400) var(--un-text-opacity), transparent);}
522
- .hover\:text-violet-700:hover{color:color-mix(in oklab, var(--colors-violet-700) var(--un-text-opacity), transparent);}
523
- [data-theme="dark"] .dark\:hover\:text-violet-400:hover{color:color-mix(in oklab, var(--colors-violet-400) var(--un-text-opacity), transparent);}
524
- .border-amber-500\/20{border-color:color-mix(in oklab, var(--colors-amber-500) 20%, transparent);}
525
- .border-amber-500\/30{border-color:color-mix(in oklab, var(--colors-amber-500) 30%, transparent);}
526
- .border-blue-500\/20{border-color:color-mix(in oklab, var(--colors-blue-500) 20%, transparent);}
527
- .border-teal-500\/20{border-color:color-mix(in oklab, var(--colors-teal-500) 20%, transparent);}
528
- .border-teal-500\/30{border-color:color-mix(in oklab, var(--colors-teal-500) 30%, transparent);}
529
- .border-violet-500\/20{border-color:color-mix(in oklab, var(--colors-violet-500) 20%, transparent);}
530
- .border-violet-500\/40{border-color:color-mix(in oklab, var(--colors-violet-500) 40%, transparent);}
531
- .border-white\/\[0\.06\]{border-color:color-mix(in oklab, var(--colors-white) 0.06, transparent);}
532
- .focus-within\:border-violet-500\/40:focus-within{border-color:color-mix(in oklab, var(--colors-violet-500) 40%, transparent);}
533
- .focus-visible\:border-violet-500\/40:focus-visible{border-color:color-mix(in oklab, var(--colors-violet-500) 40%, transparent);}
534
- .border-t-violet-600{border-top-color:color-mix(in oklab, var(--colors-violet-600) var(--un-border-top-opacity), transparent);}
535
- [data-theme="dark"] .dark\:border-t-violet-400{border-top-color:color-mix(in oklab, var(--colors-violet-400) var(--un-border-top-opacity), transparent);}
536
- .bg-amber-500\/10{background-color:color-mix(in oklab, var(--colors-amber-500) 10%, transparent);}
537
- .bg-black\/50{background-color:color-mix(in oklab, var(--colors-black) 50%, transparent);}
538
- .bg-blue-500\/10{background-color:color-mix(in oklab, var(--colors-blue-500) 10%, transparent);}
539
- .bg-neutral-900\/95{background-color:color-mix(in oklab, var(--colors-neutral-900) 95%, transparent);}
540
- .bg-teal-500\/10{background-color:color-mix(in oklab, var(--colors-teal-500) 10%, transparent);}
541
- .bg-teal-600\/15{background-color:color-mix(in oklab, var(--colors-teal-600) 15%, transparent);}
542
- .bg-violet-500\/10{background-color:color-mix(in oklab, var(--colors-violet-500) 10%, transparent);}
543
- .bg-violet-600{background-color:color-mix(in oklab, var(--colors-violet-600) var(--un-bg-opacity), transparent);}
544
- .bg-white{background-color:color-mix(in oklab, var(--colors-white) var(--un-bg-opacity), transparent);}
545
- .data-\[highlighted\]\:bg-white\/\[0\.06\][data-highlighted]{background-color:color-mix(in oklab, var(--colors-white) 0.06, transparent);}
546
- .data-\[state\=active\]\:bg-violet-500\/10[data-state=active]{background-color:color-mix(in oklab, var(--colors-violet-500) 10%, transparent);}
547
- .hover\:bg-teal-600\/25:hover{background-color:color-mix(in oklab, var(--colors-teal-600) 25%, transparent);}
548
- .hover\:bg-violet-500:hover{background-color:color-mix(in oklab, var(--colors-violet-500) var(--un-bg-opacity), transparent);}
549
- .hover\:bg-violet-500\/20:hover{background-color:color-mix(in oklab, var(--colors-violet-500) 20%, transparent);}
550
- .hover\:bg-white\/\[0\.04\]:hover{background-color:color-mix(in oklab, var(--colors-white) 0.04, transparent);}
551
- .focus-within\:ring-violet-500\/10:focus-within{--un-ring-color:color-mix(in oklab, var(--colors-violet-500) 10%, transparent);}
552
- .focus-visible\:ring-violet-400\/50:focus-visible{--un-ring-color:color-mix(in oklab, var(--colors-violet-400) 50%, transparent);}
553
- .focus-visible\:ring-violet-500\/10:focus-visible{--un-ring-color:color-mix(in oklab, var(--colors-violet-500) 10%, transparent);}
554
- .shadow-black\/40{--un-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--colors-black) 40%, transparent) var(--un-shadow-opacity), transparent);}
555
- }
556
- @media (min-width: 40rem){
557
- .sm\:px-6{padding-inline:calc(var(--spacing) * 6);}
558
- .sm\:text-left{text-align:left;}
559
- .sm\:inline-flex{display:inline-flex;}
560
- .sm\:flex-row{flex-direction:row;}
561
- .sm\:max-w-lg{max-width:var(--container-lg);}
562
- .sm\:inline{display:inline;}
563
- .sm\:justify-end{justify-content:flex-end;}
564
- }