@tangle-network/blueprint-ui 0.1.1 → 0.3.0

package/dist/styles.css

@@ -0,0 +1,560 @@
+:root,
+.bp-tone-cloud {
+  --bp-font-display: var(--font-display, 'Outfit', system-ui, sans-serif);
+  --bp-font-data: var(--font-data, 'IBM Plex Mono', 'JetBrains Mono', ui-monospace, monospace);
+
+  --bp-glass-bg: var(--glass-bg, transparent);
+  --bp-glass-bg-strong: var(--glass-bg-strong, var(--bp-glass-bg, transparent));
+  --bp-glass-border: var(--glass-border, transparent);
+  --bp-glass-border-hover: var(--glass-border-hover, var(--bp-glass-border, transparent));
+  --bp-glass-blur: var(--glass-blur, 0px);
+  --bp-glass-blur-strong: 24px;
+
+  --bp-elements-borderColor: var(--cloud-elements-borderColor, rgba(240, 240, 245, 0.06));
+  --bp-elements-borderColorActive: var(--cloud-elements-borderColorActive, #8B5CF6);
+
+  --bp-elements-bg-depth-1: var(--cloud-elements-bg-depth-1, #0A0A0F);
+  --bp-elements-bg-depth-2: var(--cloud-elements-bg-depth-2, #12121A);
+  --bp-elements-bg-depth-3: var(--cloud-elements-bg-depth-3, #1A1A25);
+  --bp-elements-bg-depth-4: var(--cloud-elements-bg-depth-4, #22222E);
+
+  --bp-elements-textPrimary: var(--cloud-elements-textPrimary, #F0F0F5);
+  --bp-elements-textSecondary: var(--cloud-elements-textSecondary, #8A8A9E);
+  --bp-elements-textTertiary: var(--cloud-elements-textTertiary, #5A5A6E);
+
+  --bp-elements-button-primary-background: var(--cloud-elements-button-primary-background, rgba(142, 89, 255, 0.14));
+  --bp-elements-button-primary-backgroundHover: var(--cloud-elements-button-primary-backgroundHover, rgba(142, 89, 255, 0.24));
+  --bp-elements-button-primary-text: var(--cloud-elements-button-primary-text, #A87BFF);
+
+  --bp-elements-button-secondary-background: var(--cloud-elements-button-secondary-background, rgba(240, 240, 245, 0.06));
+  --bp-elements-button-secondary-backgroundHover: var(--cloud-elements-button-secondary-backgroundHover, rgba(240, 240, 245, 0.10));
+  --bp-elements-button-secondary-text: var(--cloud-elements-button-secondary-text, #F0F0F5);
+
+  --bp-elements-button-danger-background: var(--cloud-elements-button-danger-background, rgba(255, 59, 92, 0.12));
+  --bp-elements-button-danger-backgroundHover: var(--cloud-elements-button-danger-backgroundHover, rgba(255, 59, 92, 0.20));
+  --bp-elements-button-danger-text: var(--cloud-elements-button-danger-text, #FF3B5C);
+
+  --bp-elements-icon-success: var(--cloud-elements-icon-success, #38B2AC);
+  --bp-elements-icon-error: var(--cloud-elements-icon-error, #FF4D6A);
+  --bp-elements-icon-warning: var(--cloud-elements-icon-warning, #FFB800);
+  --bp-elements-icon-primary: var(--cloud-elements-icon-primary, #F0F0F5);
+  --bp-elements-icon-secondary: var(--cloud-elements-icon-secondary, #5A5A6E);
+
+  --bp-elements-dividerColor: var(--cloud-elements-dividerColor, rgba(240, 240, 245, 0.06));
+  --bp-elements-item-backgroundHover: var(--cloud-elements-item-backgroundHover, rgba(240, 240, 245, 0.03));
+  --bp-elements-item-backgroundActive: var(--cloud-elements-item-backgroundActive, rgba(240, 240, 245, 0.06));
+  --bp-elements-focus: var(--cloud-elements-focus, #8B5CF6);
+}
+
+.bp-tone-arena {
+  --bp-elements-borderColor: var(--arena-elements-borderColor, var(--bp-elements-borderColor));
+  --bp-elements-borderColorActive: var(--arena-elements-borderColorActive, var(--bp-elements-borderColorActive));
+
+  --bp-elements-bg-depth-1: var(--arena-elements-bg-depth-1, var(--bp-elements-bg-depth-1));
+  --bp-elements-bg-depth-2: var(--arena-elements-bg-depth-2, var(--bp-elements-bg-depth-2));
+  --bp-elements-bg-depth-3: var(--arena-elements-bg-depth-3, var(--bp-elements-bg-depth-3));
+  --bp-elements-bg-depth-4: var(--arena-elements-bg-depth-4, var(--bp-elements-bg-depth-4));
+
+  --bp-elements-textPrimary: var(--arena-elements-textPrimary, var(--bp-elements-textPrimary));
+  --bp-elements-textSecondary: var(--arena-elements-textSecondary, var(--bp-elements-textSecondary));
+  --bp-elements-textTertiary: var(--arena-elements-textTertiary, var(--bp-elements-textTertiary));
+
+  --bp-elements-button-primary-background: var(--arena-elements-button-primary-background, var(--bp-elements-button-primary-background));
+  --bp-elements-button-primary-backgroundHover: var(--arena-elements-button-primary-backgroundHover, var(--bp-elements-button-primary-backgroundHover));
+  --bp-elements-button-primary-text: var(--arena-elements-button-primary-text, var(--bp-elements-button-primary-text));
+
+  --bp-elements-button-secondary-background: var(--arena-elements-button-secondary-background, var(--bp-elements-button-secondary-background));
+  --bp-elements-button-secondary-backgroundHover: var(--arena-elements-button-secondary-backgroundHover, var(--bp-elements-button-secondary-backgroundHover));
+  --bp-elements-button-secondary-text: var(--arena-elements-button-secondary-text, var(--bp-elements-button-secondary-text));
+
+  --bp-elements-button-danger-background: var(--arena-elements-button-danger-background, var(--bp-elements-button-danger-background));
+  --bp-elements-button-danger-backgroundHover: var(--arena-elements-button-danger-backgroundHover, var(--bp-elements-button-danger-backgroundHover));
+  --bp-elements-button-danger-text: var(--arena-elements-button-danger-text, var(--bp-elements-button-danger-text));
+
+  --bp-elements-icon-success: var(--arena-elements-icon-success, var(--bp-elements-icon-success));
+  --bp-elements-icon-error: var(--arena-elements-icon-error, var(--bp-elements-icon-error));
+  --bp-elements-icon-warning: var(--arena-elements-icon-warning, var(--bp-elements-icon-warning));
+  --bp-elements-icon-primary: var(--arena-elements-icon-primary, var(--bp-elements-icon-primary));
+  --bp-elements-icon-secondary: var(--arena-elements-icon-secondary, var(--bp-elements-icon-secondary));
+
+  --bp-elements-dividerColor: var(--arena-elements-dividerColor, var(--bp-elements-dividerColor));
+  --bp-elements-item-backgroundHover: var(--arena-elements-item-backgroundHover, var(--bp-elements-item-backgroundHover));
+  --bp-elements-item-backgroundActive: var(--arena-elements-item-backgroundActive, var(--bp-elements-item-backgroundActive));
+  --bp-elements-focus: var(--arena-elements-focus, var(--bp-elements-focus));
+}
+
+.font-display {
+  font-family: var(--bp-font-display);
+}
+
+.font-data {
+  font-family: var(--bp-font-data);
+  font-feature-settings: 'tnum' 1;
+}
+
+.glass {
+  background: var(--bp-glass-bg);
+  backdrop-filter: blur(var(--bp-glass-blur));
+  -webkit-backdrop-filter: blur(var(--bp-glass-blur));
+  border: 1px solid var(--bp-glass-border);
+}
+
+.glass-hover {
+  transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
+}
+
+.glass-hover:hover {
+  background: var(--bp-glass-bg-strong);
+  border-color: var(--bp-glass-border-hover);
+}
+
+.glass-card {
+  background: var(--bp-glass-bg);
+  backdrop-filter: blur(var(--bp-glass-blur));
+  -webkit-backdrop-filter: blur(var(--bp-glass-blur));
+  border: 1px solid var(--bp-glass-border);
+  transition: border-color 0.2s ease, box-shadow 0.2s ease;
+}
+
+.glass-card:hover {
+  border-color: var(--bp-glass-border-hover);
+}
+
+.glass-card-strong {
+  background: var(--bp-glass-bg-strong);
+  backdrop-filter: blur(var(--bp-glass-blur-strong));
+  -webkit-backdrop-filter: blur(var(--bp-glass-blur-strong));
+  border: 1px solid var(--bp-glass-border);
+}
+
+
+/* layer: una-base */
+.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;}
+.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;}
+/* layer: properties */
+@property --un-text-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}
+@property --un-leading{syntax:"*";inherits:false;}
+@property --un-outline-style{syntax:"*";inherits:false;initial-value:solid;}
+@property --un-border-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}
+@property --un-border-top-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}
+@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}
+@property --un-ring-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}
+@property --un-ring-offset-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}
+@property --un-inset-ring-color{syntax:"*";inherits:false;}
+@property --un-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000;}
+@property --un-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000;}
+@property --un-inset-shadow-color{syntax:"*";inherits:false;}
+@property --un-ring-color{syntax:"*";inherits:false;}
+@property --un-ring-inset{syntax:"*";inherits:false;}
+@property --un-ring-offset-color{syntax:"*";inherits:false;}
+@property --un-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000;}
+@property --un-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0px;}
+@property --un-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000;}
+@property --un-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000;}
+@property --un-shadow-color{syntax:"*";inherits:false;}
+@property --un-shadow-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}
+@property --un-translate-x{syntax:"*";inherits:false;initial-value:0;}
+@property --un-translate-y{syntax:"*";inherits:false;initial-value:0;}
+@property --un-translate-z{syntax:"*";inherits:false;initial-value:0;}
+@property --un-ease{syntax:"*";inherits:false;}
+@property --un-fill-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}
+@property --un-backdrop-blur{syntax:"*";inherits:false;}
+@property --un-backdrop-brightness{syntax:"*";inherits:false;}
+@property --un-backdrop-contrast{syntax:"*";inherits:false;}
+@property --un-backdrop-grayscale{syntax:"*";inherits:false;}
+@property --un-backdrop-hue-rotate{syntax:"*";inherits:false;}
+@property --un-backdrop-invert{syntax:"*";inherits:false;}
+@property --un-backdrop-opacity{syntax:"*";inherits:false;}
+@property --un-backdrop-saturate{syntax:"*";inherits:false;}
+@property --un-backdrop-sepia{syntax:"*";inherits:false;}
+@property --un-space-y-reverse{syntax:"*";inherits:false;initial-value:0;}
+/* layer: icons */
+.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;}
+.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;}
+.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;}
+.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;}
+.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;}
+.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;}
+.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;}
+.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;}
+.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;}
+.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;}
+.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;}
+.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;}
+.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;}
+.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;}
+/* layer: shortcuts */
+.container{width:100%;}
+@media (min-width: 40rem){
+.container{max-width:40rem;}
+}
+@media (min-width: 48rem){
+.container{max-width:48rem;}
+}
+@media (min-width: 64rem){
+.container{max-width:64rem;}
+}
+@media (min-width: 80rem){
+.container{max-width:80rem;}
+}
+@media (min-width: 96rem){
+.container{max-width:96rem;}
+}
+/* layer: default */
+.text-\[10px\]{font-size:10px;}
+.text-3xl{font-size:var(--text-3xl-fontSize);line-height:var(--un-leading, var(--text-3xl-lineHeight));}
+.text-base{font-size:var(--text-base-fontSize);line-height:var(--un-leading, var(--text-base-lineHeight));}
+.text-lg{font-size:var(--text-lg-fontSize);line-height:var(--un-leading, var(--text-lg-lineHeight));}
+.text-sm{font-size:var(--text-sm-fontSize);line-height:var(--un-leading, var(--text-sm-lineHeight));}
+.text-xl{font-size:var(--text-xl-fontSize);line-height:var(--un-leading, var(--text-xl-lineHeight));}
+.text-xs{font-size:var(--text-xs-fontSize);line-height:var(--un-leading, var(--text-xs-lineHeight));}
+.data-\[highlighted\]\:text-white[data-highlighted],
+.text-white{color:color-mix(in srgb, var(--colors-white) var(--un-text-opacity), transparent);}
+.data-\[placeholder\]\:text-bp-elements-textTertiary[data-placeholder],
+.text-bp-elements-textTertiary{color:color-mix(in srgb, var(--bp-elements-textTertiary) var(--un-text-opacity), transparent);}
+.data-\[state\=active\]\:text-violet-700[data-state=active],
+.text-violet-700{color:color-mix(in srgb, var(--colors-violet-700) var(--un-text-opacity), transparent);}
+.data-\[state\=checked\]\:text-violet-300[data-state=checked]{color:color-mix(in srgb, var(--colors-violet-300) var(--un-text-opacity), transparent);}
+.text-amber-400,
+[data-theme="dark"] .dark\:text-amber-400{color:color-mix(in srgb, var(--colors-amber-400) var(--un-text-opacity), transparent);}
+.text-amber-600{color:color-mix(in srgb, var(--colors-amber-600) var(--un-text-opacity), transparent);}
+.text-amber-700{color:color-mix(in srgb, var(--colors-amber-700) var(--un-text-opacity), transparent);}
+.text-arena-elements-textTertiary{color:color-mix(in srgb, var(--arena-elements-textTertiary) var(--un-text-opacity), transparent);}
+.text-blue-400,
+[data-theme="dark"] .dark\:text-blue-400{color:color-mix(in srgb, var(--colors-blue-400) var(--un-text-opacity), transparent);}
+.text-blue-600{color:color-mix(in srgb, var(--colors-blue-600) var(--un-text-opacity), transparent);}
+.text-bp-elements-icon-error{color:color-mix(in srgb, var(--bp-elements-icon-error) var(--un-text-opacity), transparent);}
+.text-bp-elements-icon-success{color:color-mix(in srgb, var(--bp-elements-icon-success) var(--un-text-opacity), transparent);}
+.text-bp-elements-textPrimary{color:color-mix(in srgb, var(--bp-elements-textPrimary) var(--un-text-opacity), transparent);}
+.text-bp-elements-textPrimary\/80{color:color-mix(in srgb, var(--bp-elements-textPrimary) 80%, transparent);}
+.text-bp-elements-textSecondary{color:color-mix(in srgb, var(--bp-elements-textSecondary) var(--un-text-opacity), transparent);}
+.text-cloud-elements-textTertiary{color:color-mix(in srgb, var(--cloud-elements-textTertiary) var(--un-text-opacity), transparent);}
+.text-neutral-300{color:color-mix(in srgb, var(--colors-neutral-300) var(--un-text-opacity), transparent);}
+.text-teal-400,
+[data-theme="dark"] .dark\:text-teal-400{color:color-mix(in srgb, var(--colors-teal-400) var(--un-text-opacity), transparent);}
+.text-teal-600{color:color-mix(in srgb, var(--colors-teal-600) var(--un-text-opacity), transparent);}
+.text-violet-400,
+[data-theme="dark"] .dark\:data-\[state\=active\]\:text-violet-400[data-state=active],
+[data-theme="dark"] .dark\:text-violet-400{color:color-mix(in srgb, var(--colors-violet-400) var(--un-text-opacity), transparent);}
+.hover\:text-bp-elements-textPrimary:hover{color:color-mix(in srgb, var(--bp-elements-textPrimary) var(--un-text-opacity), transparent);}
+.hover\:text-bp-elements-textSecondary:hover{color:color-mix(in srgb, var(--bp-elements-textSecondary) var(--un-text-opacity), transparent);}
+.hover\:text-violet-700:hover{color:color-mix(in srgb, var(--colors-violet-700) var(--un-text-opacity), transparent);}
+[data-theme="dark"] .dark\:hover\:text-violet-400:hover{color:color-mix(in srgb, var(--colors-violet-400) var(--un-text-opacity), transparent);}
+.placeholder\:text-bp-elements-textTertiary::placeholder{color:color-mix(in srgb, var(--bp-elements-textTertiary) var(--un-text-opacity), transparent);}
+.leading-6{--un-leading:calc(var(--spacing) * 6);line-height:calc(var(--spacing) * 6);}
+.leading-none{--un-leading:var(--leading-none);line-height:var(--leading-none);}
+.tracking-wider{--un-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider);}
+.font-medium{--un-font-weight:var(--fontWeight-medium);font-weight:var(--fontWeight-medium);}
+.font-semibold{--un-font-weight:var(--fontWeight-semibold);font-weight:var(--fontWeight-semibold);}
+.mx-auto{margin-inline:auto;}
+.my-2{margin-block:calc(var(--spacing) * 2);}
+.mb-2{margin-bottom:calc(var(--spacing) * 2);}
+.mb-3{margin-bottom:calc(var(--spacing) * 3);}
+.ml-2{margin-left:calc(var(--spacing) * 2);}
+.ml-auto{margin-left:auto;}
+.ms{margin-inline-start:calc(var(--spacing) * 4);}
+.mt-0\.5{margin-top:calc(var(--spacing) * 0.5);}
+.mt-1{margin-top:calc(var(--spacing) * 1);}
+.mt-1\.5{margin-top:calc(var(--spacing) * 1.5);}
+.mt-12{margin-top:calc(var(--spacing) * 12);}
+.mt-2{margin-top:calc(var(--spacing) * 2);}
+.mt-4{margin-top:calc(var(--spacing) * 4);}
+.p-1{padding:calc(var(--spacing) * 1);}
+.p-1\.5{padding:calc(var(--spacing) * 1.5);}
+.p-3{padding:calc(var(--spacing) * 3);}
+.p-4{padding:calc(var(--spacing) * 4);}
+.p-6{padding:calc(var(--spacing) * 6);}
+.has-\[\>svg\]\:px-2\.5:has(>svg),
+.px-2\.5{padding-inline:calc(var(--spacing) * 2.5);}
+.has-\[\>svg\]\:px-3:has(>svg),
+.px-3{padding-inline:calc(var(--spacing) * 3);}
+.has-\[\>svg\]\:px-5:has(>svg){padding-inline:calc(var(--spacing) * 5);}
+.px-3\.5{padding-inline:calc(var(--spacing) * 3.5);}
+.px-4{padding-inline:calc(var(--spacing) * 4);}
+.px-6{padding-inline:calc(var(--spacing) * 6);}
+.px-7{padding-inline:calc(var(--spacing) * 7);}
+.py-0\.5{padding-block:calc(var(--spacing) * 0.5);}
+.py-1{padding-block:calc(var(--spacing) * 1);}
+.py-1\.5{padding-block:calc(var(--spacing) * 1.5);}
+.py-2{padding-block:calc(var(--spacing) * 2);}
+.py-2\.5{padding-block:calc(var(--spacing) * 2.5);}
+.py-3{padding-block:calc(var(--spacing) * 3);}
+.py-5{padding-block:calc(var(--spacing) * 5);}
+.pb-6{padding-bottom:calc(var(--spacing) * 6);}
+.pl-3{padding-left:calc(var(--spacing) * 3);}
+.pt-2{padding-top:calc(var(--spacing) * 2);}
+.text-center{text-align:center;}
+.text-left{text-align:left;}
+.align-middle{vertical-align:middle;}
+.\[\&\:\:-webkit-inner-spin-button\]\:appearance-none::-webkit-inner-spin-button,
+.\[\&\:\:-webkit-outer-spin-button\]\:appearance-none::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;}
+.outline{outline-style:var(--un-outline-style);outline-width:1px;}
+.outline-none{--un-outline-style:none;outline-style:none;}
+.focus\:outline-none:focus{--un-outline-style:none;outline-style:none;}
+.\[\&_tr\:last-child\]\:border-0 tr:last-child{border-width:0px;}
+.border{border-width:1px;}
+.border-2{border-width:2px;}
+.border-b{border-bottom-width:1px;}
+.border-t{border-top-width:1px;}
+.border-amber-500\/20{border-color:color-mix(in srgb, var(--colors-amber-500) 20%, transparent);}
+.border-amber-500\/30{border-color:color-mix(in srgb, var(--colors-amber-500) 30%, transparent);}
+.border-arena-elements-dividerColor{border-color:color-mix(in srgb, var(--arena-elements-dividerColor) var(--un-border-opacity), transparent);}
+.border-blue-500\/20{border-color:color-mix(in srgb, var(--colors-blue-500) 20%, transparent);}
+.border-bp-elements-borderColor{border-color:color-mix(in srgb, var(--bp-elements-borderColor) var(--un-border-opacity), transparent);}
+.border-bp-elements-borderColor\/70{border-color:color-mix(in srgb, var(--bp-elements-borderColor) 70%, transparent);}
+.border-bp-elements-dividerColor{border-color:color-mix(in srgb, var(--bp-elements-dividerColor) var(--un-border-opacity), transparent);}
+.border-bp-elements-dividerColor\/50{border-color:color-mix(in srgb, var(--bp-elements-dividerColor) 50%, transparent);}
+.border-cloud-elements-dividerColor{border-color:color-mix(in srgb, var(--cloud-elements-dividerColor) var(--un-border-opacity), transparent);}
+.border-teal-500\/20{border-color:color-mix(in srgb, var(--colors-teal-500) 20%, transparent);}
+.border-teal-500\/30{border-color:color-mix(in srgb, var(--colors-teal-500) 30%, transparent);}
+.border-violet-500\/20{border-color:color-mix(in srgb, var(--colors-violet-500) 20%, transparent);}
+.border-violet-500\/40{border-color:color-mix(in srgb, var(--colors-violet-500) 40%, transparent);}
+.border-white\/\[0\.06\]{border-color:color-mix(in srgb, var(--colors-white) 0.06, transparent);}
+.focus-within\:border-violet-500\/40:focus-within{border-color:color-mix(in srgb, var(--colors-violet-500) 40%, transparent);}
+.hover\:border-bp-elements-borderColorActive\/40:hover{border-color:color-mix(in srgb, var(--bp-elements-borderColorActive) 40%, transparent);}
+.focus-visible\:border-violet-500\/40:focus-visible{border-color:color-mix(in srgb, var(--colors-violet-500) 40%, transparent);}
+.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);}
+[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);}
+.rounded-3xl{border-radius:var(--radius-3xl);}
+.rounded-full{border-radius:calc(infinity * 1px);}
+.rounded-lg{border-radius:var(--radius-lg);}
+.rounded-md{border-radius:var(--radius-md);}
+.rounded-sm{border-radius:var(--radius-sm);}
+.rounded-xl{border-radius:var(--radius-xl);}
+.rounded-l-lg{border-top-left-radius:var(--radius-lg);border-bottom-left-radius:var(--radius-lg);}
+.rounded-r-lg{border-top-right-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg);}
+.bg-amber-500\/10{background-color:color-mix(in srgb, var(--colors-amber-500) 10%, transparent);}
+.bg-black\/50{background-color:color-mix(in srgb, var(--colors-black) 50%, transparent);}
+.bg-blue-500\/10{background-color:color-mix(in srgb, var(--colors-blue-500) 10%, transparent);}
+.bg-bp-elements-background-depth-2{background-color:color-mix(in srgb, var(--bp-elements-bg-depth-2) var(--un-bg-opacity), transparent);}
+.bg-bp-elements-background-depth-3{background-color:color-mix(in srgb, var(--bp-elements-bg-depth-3) var(--un-bg-opacity), transparent);}
+.bg-bp-elements-background-depth-4,
+[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);}
+.bg-neutral-900\/95{background-color:color-mix(in srgb, var(--colors-neutral-900) 95%, transparent);}
+.bg-teal-500\/10{background-color:color-mix(in srgb, var(--colors-teal-500) 10%, transparent);}
+.bg-teal-600\/15{background-color:color-mix(in srgb, var(--colors-teal-600) 15%, transparent);}
+.bg-transparent{background-color:transparent;}
+.bg-violet-500\/10,
+.data-\[state\=active\]\:bg-violet-500\/10[data-state=active]{background-color:color-mix(in srgb, var(--colors-violet-500) 10%, transparent);}
+.bg-violet-600{background-color:color-mix(in srgb, var(--colors-violet-600) var(--un-bg-opacity), transparent);}
+.bg-white{background-color:color-mix(in srgb, var(--colors-white) var(--un-bg-opacity), transparent);}
+.data-\[highlighted\]\:bg-white\/\[0\.06\][data-highlighted]{background-color:color-mix(in srgb, var(--colors-white) 0.06, transparent);}
+.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);}
+.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);}
+.hover\:bg-bp-elements-item-backgroundHover:hover{background-color:color-mix(in srgb, var(--bp-elements-item-backgroundHover) var(--un-bg-opacity), transparent);}
+.hover\:bg-teal-600\/25:hover{background-color:color-mix(in srgb, var(--colors-teal-600) 25%, transparent);}
+.hover\:bg-violet-500:hover{background-color:color-mix(in srgb, var(--colors-violet-500) var(--un-bg-opacity), transparent);}
+.hover\:bg-violet-500\/20:hover{background-color:color-mix(in srgb, var(--colors-violet-500) 20%, transparent);}
+.hover\:bg-white\/\[0\.04\]:hover{background-color:color-mix(in srgb, var(--colors-white) 0.04, transparent);}
+.opacity-40{opacity:40%;}
+.opacity-70{opacity:70%;}
+.hover\:opacity-100:hover{opacity:100%;}
+.disabled\:opacity-30:disabled{opacity:30%;}
+.disabled\:opacity-40:disabled{opacity:40%;}
+.hover\:underline:hover{text-decoration-line:underline;}
+.underline-offset-4{text-underline-offset:4px;}
+.flex{display:flex;}
+.inline-flex{display:inline-flex;}
+.flex-1{flex:1 1 0%;}
+.\[\&_svg\]\:shrink-0 svg,
+.shrink-0{flex-shrink:0;}
+.flex-col{flex-direction:column;}
+.flex-col-reverse{flex-direction:column-reverse;}
+.flex-wrap{flex-wrap:wrap;}
+.gap-0\.5{gap:calc(var(--spacing) * 0.5);}
+.gap-1{gap:calc(var(--spacing) * 1);}
+.gap-1\.5{gap:calc(var(--spacing) * 1.5);}
+.gap-2{gap:calc(var(--spacing) * 2);}
+.gap-2\.5{gap:calc(var(--spacing) * 2.5);}
+.gap-3{gap:calc(var(--spacing) * 3);}
+.gap-4{gap:calc(var(--spacing) * 4);}
+.gap-5{gap:calc(var(--spacing) * 5);}
+.grid{display:grid;}
+.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4);}
+.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8);}
+.size-9{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9);}
+.data-\[orientation\=horizontal\]\:h-px[data-orientation=horizontal]{height:1px;}
+.data-\[orientation\=horizontal\]\:w-full[data-orientation=horizontal],
+.w-full{width:100%;}
+.data-\[orientation\=vertical\]\:h-full[data-orientation=vertical]{height:100%;}
+.data-\[orientation\=vertical\]\:w-px[data-orientation=vertical]{width:1px;}
+.h-10{height:calc(var(--spacing) * 10);}
+.h-11{height:calc(var(--spacing) * 11);}
+.h-3{height:calc(var(--spacing) * 3);}
+.h-5{height:calc(var(--spacing) * 5);}
+.h-6{height:calc(var(--spacing) * 6);}
+.h-8{height:calc(var(--spacing) * 8);}
+.h-9{height:calc(var(--spacing) * 9);}
+.max-h-\[85vh\]{max-height:85vh;}
+.max-h-\[min\(var\(--radix-select-content-available-height\)\,280px\)\]{max-height:min(var(--radix-select-content-available-height),280px);}
+.max-w-\[calc\(100\%-2rem\)\]{max-width:calc(100% - 2rem);}
+.max-w-3xl{max-width:var(--container-3xl);}
+.max-w-7xl{max-width:var(--container-7xl);}
+.max-w-xs{max-width:var(--container-xs);}
+.min-h-\[80px\]{min-height:80px;}
+.min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width);}
+.min-w-0{min-width:calc(var(--spacing) * 0);}
+.w-10{width:calc(var(--spacing) * 10);}
+.w-11{width:calc(var(--spacing) * 11);}
+.w-3{width:calc(var(--spacing) * 3);}
+.w-48{width:calc(var(--spacing) * 48);}
+.w-5{width:calc(var(--spacing) * 5);}
+.w-fit{width:fit-content;}
+.inline{display:inline;}
+.block{display:block;}
+.hidden{display:none;}
+.cursor-pointer{cursor:pointer;}
+.\[\&_svg\]\:pointer-events-none svg,
+.pointer-events-none{pointer-events:none;}
+.disabled\:pointer-events-none:disabled{pointer-events:none;}
+.resize-y{resize:vertical;}
+.select-none{-webkit-user-select:none;user-select:none;}
+.whitespace-nowrap{white-space:nowrap;}
+.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
+.uppercase{text-transform:uppercase;}
+.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);}
+.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);}
+.focus-within\:ring-violet-500\/10:focus-within{--un-ring-color:color-mix(in srgb, var(--colors-violet-500) 10%, transparent);}
+.focus-visible\:ring-violet-400\/50:focus-visible{--un-ring-color:color-mix(in srgb, var(--colors-violet-400) 50%, transparent);}
+.focus-visible\:ring-violet-500\/10:focus-visible{--un-ring-color:color-mix(in srgb, var(--colors-violet-500) 10%, transparent);}
+.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);}
+.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);}
+.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);}
+.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);}
+.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);}
+.shadow-black\/40{--un-shadow-color:color-mix(in srgb, var(--colors-black) 40%, transparent);}
+.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);}
+.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);}
+.translate-x-\[-50\%\]{--un-translate-x:-50%;translate:var(--un-translate-x) var(--un-translate-y);}
+.translate-x-5{--un-translate-x:calc(var(--spacing) * 5);translate:var(--un-translate-x) var(--un-translate-y);}
+.translate-y-\[-50\%\]{--un-translate-y:-50%;translate:var(--un-translate-x) var(--un-translate-y);}
+.rotate-180{rotate:180deg;}
+.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));}
+.transition-all{transition-property:all;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));}
+.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));}
+.transition-opacity{transition-property:opacity;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));}
+.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));}
+.duration-100{--un-duration:100ms;transition-duration:100ms;}
+.duration-150{--un-duration:150ms;transition-duration:150ms;}
+.duration-200{--un-duration:200ms;transition-duration:200ms;}
+.duration-300{--un-duration:300ms;transition-duration:300ms;}
+.ease{--un-ease:var(--ease-DEFAULT);transition-timing-function:var(--ease-DEFAULT);}
+.ease-out{--un-ease:var(--ease-out);transition-timing-function:var(--ease-out);}
+.\[appearance\:textfield\]{appearance:textfield;}
+.items-center{align-items:center;}
+.items-stretch{align-items:stretch;}
+.inset-0{inset:calc(var(--spacing) * 0);}
+.left-\[50\%\]{left:50%;}
+.left-0\.5{left:calc(var(--spacing) * 0.5);}
+.right-0{right:calc(var(--spacing) * 0);}
+.right-4{right:calc(var(--spacing) * 4);}
+.top-\[50\%\]{top:50%;}
+.top-0\.5{top:calc(var(--spacing) * 0.5);}
+.top-4{top:calc(var(--spacing) * 4);}
+.top-full{top:100%;}
+.justify-end{justify-content:flex-end;}
+.justify-center{justify-content:center;}
+.justify-between{justify-content:space-between;}
+.absolute{position:absolute;}
+.fixed{position:fixed;}
+.relative{position:relative;}
+.z-50{z-index:50;}
+.overflow-auto{overflow:auto;}
+.overflow-hidden{overflow:hidden;}
+.overflow-y-auto{overflow-y:auto;}
+.fill-bp-elements-textPrimary{fill:color-mix(in srgb, var(--bp-elements-textPrimary) var(--un-fill-opacity), transparent);}
+.stroke-none{stroke:none;}
+@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))}}
+@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))}}
+@keyframes pulse{0%, 100% {opacity:1} 50% {opacity:.5}}
+@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
+.animate-pulse{animation:pulse 2s cubic-bezier(0.4,0,.6,1) infinite;}
+.animate-spin{animation:spin 1s linear infinite;}
+.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;}
+.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,);}
+.table{display:table;}
+.table-cell{display:table-cell;}
+.table-row{display:table-row;}
+.caption-bottom{caption-side:bottom;}
+.data-\[state\=open\]\:fade-in-0[data-state=open]{--una-enter-opacity:0;}
+.data-\[state\=closed\]\:fade-out-0[data-state=closed]{--una-exit-opacity:0;}
+.data-\[state\=open\]\:slide-in-from-top-1[data-state=open]{--una-enter-translate-y:-0.25rem;}
+.data-\[state\=closed\]\:slide-out-to-top-1[data-state=closed]{--una-exit-translate-y:-0.25rem;}
+.group-data-\[state\=open\]\:rotate-180{
+&:is(:where(.group)[data-state=open] *){rotate:180deg;}
+}
+.space-y-2{
+: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)));}
+}
+.space-y-2\.5{
+: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)));}
+}
+.space-y-4{
+: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)));}
+}
+.space-y-6{
+: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)));}
+}
+@supports (color: color-mix(in lab, red, red)){
+.data-\[highlighted\]\:text-white[data-highlighted]{color:color-mix(in oklab, var(--colors-white) var(--un-text-opacity), transparent);}
+.data-\[state\=active\]\:text-violet-700[data-state=active]{color:color-mix(in oklab, var(--colors-violet-700) var(--un-text-opacity), transparent);}
+.data-\[state\=checked\]\:text-violet-300[data-state=checked]{color:color-mix(in oklab, var(--colors-violet-300) var(--un-text-opacity), transparent);}
+.text-amber-400{color:color-mix(in oklab, var(--colors-amber-400) var(--un-text-opacity), transparent);}
+.text-amber-600{color:color-mix(in oklab, var(--colors-amber-600) var(--un-text-opacity), transparent);}
+.text-amber-700{color:color-mix(in oklab, var(--colors-amber-700) var(--un-text-opacity), transparent);}
+.text-blue-400{color:color-mix(in oklab, var(--colors-blue-400) var(--un-text-opacity), transparent);}
+.text-blue-600{color:color-mix(in oklab, var(--colors-blue-600) var(--un-text-opacity), transparent);}
+.text-neutral-300{color:color-mix(in oklab, var(--colors-neutral-300) var(--un-text-opacity), transparent);}
+.text-teal-400{color:color-mix(in oklab, var(--colors-teal-400) var(--un-text-opacity), transparent);}
+.text-teal-600{color:color-mix(in oklab, var(--colors-teal-600) var(--un-text-opacity), transparent);}
+.text-violet-400{color:color-mix(in oklab, var(--colors-violet-400) var(--un-text-opacity), transparent);}
+.text-violet-700{color:color-mix(in oklab, var(--colors-violet-700) var(--un-text-opacity), transparent);}
+.text-white{color:color-mix(in oklab, var(--colors-white) var(--un-text-opacity), transparent);}
+[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);}
+[data-theme="dark"] .dark\:text-amber-400{color:color-mix(in oklab, var(--colors-amber-400) var(--un-text-opacity), transparent);}
+[data-theme="dark"] .dark\:text-blue-400{color:color-mix(in oklab, var(--colors-blue-400) var(--un-text-opacity), transparent);}
+[data-theme="dark"] .dark\:text-teal-400{color:color-mix(in oklab, var(--colors-teal-400) var(--un-text-opacity), transparent);}
+[data-theme="dark"] .dark\:text-violet-400{color:color-mix(in oklab, var(--colors-violet-400) var(--un-text-opacity), transparent);}
+.hover\:text-violet-700:hover{color:color-mix(in oklab, var(--colors-violet-700) var(--un-text-opacity), transparent);}
+[data-theme="dark"] .dark\:hover\:text-violet-400:hover{color:color-mix(in oklab, var(--colors-violet-400) var(--un-text-opacity), transparent);}
+.border-amber-500\/20{border-color:color-mix(in oklab, var(--colors-amber-500) 20%, transparent);}
+.border-amber-500\/30{border-color:color-mix(in oklab, var(--colors-amber-500) 30%, transparent);}
+.border-blue-500\/20{border-color:color-mix(in oklab, var(--colors-blue-500) 20%, transparent);}
+.border-teal-500\/20{border-color:color-mix(in oklab, var(--colors-teal-500) 20%, transparent);}
+.border-teal-500\/30{border-color:color-mix(in oklab, var(--colors-teal-500) 30%, transparent);}
+.border-violet-500\/20{border-color:color-mix(in oklab, var(--colors-violet-500) 20%, transparent);}
+.border-violet-500\/40{border-color:color-mix(in oklab, var(--colors-violet-500) 40%, transparent);}
+.border-white\/\[0\.06\]{border-color:color-mix(in oklab, var(--colors-white) 0.06, transparent);}
+.focus-within\:border-violet-500\/40:focus-within{border-color:color-mix(in oklab, var(--colors-violet-500) 40%, transparent);}
+.focus-visible\:border-violet-500\/40:focus-visible{border-color:color-mix(in oklab, var(--colors-violet-500) 40%, transparent);}
+.border-t-violet-600{border-top-color:color-mix(in oklab, var(--colors-violet-600) var(--un-border-top-opacity), transparent);}
+[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);}
+.bg-amber-500\/10{background-color:color-mix(in oklab, var(--colors-amber-500) 10%, transparent);}
+.bg-black\/50{background-color:color-mix(in oklab, var(--colors-black) 50%, transparent);}
+.bg-blue-500\/10{background-color:color-mix(in oklab, var(--colors-blue-500) 10%, transparent);}
+.bg-neutral-900\/95{background-color:color-mix(in oklab, var(--colors-neutral-900) 95%, transparent);}
+.bg-teal-500\/10{background-color:color-mix(in oklab, var(--colors-teal-500) 10%, transparent);}
+.bg-teal-600\/15{background-color:color-mix(in oklab, var(--colors-teal-600) 15%, transparent);}
+.bg-violet-500\/10{background-color:color-mix(in oklab, var(--colors-violet-500) 10%, transparent);}
+.bg-violet-600{background-color:color-mix(in oklab, var(--colors-violet-600) var(--un-bg-opacity), transparent);}
+.bg-white{background-color:color-mix(in oklab, var(--colors-white) var(--un-bg-opacity), transparent);}
+.data-\[highlighted\]\:bg-white\/\[0\.06\][data-highlighted]{background-color:color-mix(in oklab, var(--colors-white) 0.06, transparent);}
+.data-\[state\=active\]\:bg-violet-500\/10[data-state=active]{background-color:color-mix(in oklab, var(--colors-violet-500) 10%, transparent);}
+.hover\:bg-teal-600\/25:hover{background-color:color-mix(in oklab, var(--colors-teal-600) 25%, transparent);}
+.hover\:bg-violet-500:hover{background-color:color-mix(in oklab, var(--colors-violet-500) var(--un-bg-opacity), transparent);}
+.hover\:bg-violet-500\/20:hover{background-color:color-mix(in oklab, var(--colors-violet-500) 20%, transparent);}
+.hover\:bg-white\/\[0\.04\]:hover{background-color:color-mix(in oklab, var(--colors-white) 0.04, transparent);}
+.focus-within\:ring-violet-500\/10:focus-within{--un-ring-color:color-mix(in oklab, var(--colors-violet-500) 10%, transparent);}
+.focus-visible\:ring-violet-400\/50:focus-visible{--un-ring-color:color-mix(in oklab, var(--colors-violet-400) 50%, transparent);}
+.focus-visible\:ring-violet-500\/10:focus-visible{--un-ring-color:color-mix(in oklab, var(--colors-violet-500) 10%, transparent);}
+.shadow-black\/40{--un-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--colors-black) 40%, transparent) var(--un-shadow-opacity), transparent);}
+}
+@media (min-width: 40rem){
+.sm\:px-6{padding-inline:calc(var(--spacing) * 6);}
+.sm\:text-left{text-align:left;}
+.sm\:inline-flex{display:inline-flex;}
+.sm\:flex-row{flex-direction:row;}
+.sm\:max-w-lg{max-width:var(--container-lg);}
+.sm\:inline{display:inline;}
+.sm\:justify-end{justify-content:flex-end;}
+}