@layer lobe-base, lobe-popup, lobe-ui;

:root, [data-theme='light'] {
  --lobe-border-radius-outer: 6px;
  --lobe-color-text-light-solid: #fff;
  --lobe-color-white: #fff;
  --lobe-control-height-lg: 45px;
  --lobe-control-height-sm: 27px;
  --lobe-control-height-xs: 18px;
  --lobe-control-interactive-size: 18px;
  --lobe-control-outline-width: 2px;
  --lobe-control-padding-horizontal: 12px;
  --lobe-control-padding-horizontal-sm: 8px;
  --lobe-font-height: 22px;
  --lobe-font-height-lg: 24px;
  --lobe-font-height-sm: 20px;
  --lobe-font-size: 14px;
  --lobe-font-size-heading-1: 38px;
  --lobe-font-size-heading-2: 30px;
  --lobe-font-size-heading-3: 24px;
  --lobe-font-size-heading-4: 20px;
  --lobe-font-size-heading-5: 16px;
  --lobe-font-size-icon: 12px;
  --lobe-font-size-lg: 16px;
  --lobe-font-size-sm: 12px;
  --lobe-font-size-xl: 20px;
  --lobe-font-weight-strong: 600;
  --lobe-line-height: 1.5714285714285714;
  --lobe-line-height-heading-1: 1.2105263157894737;
  --lobe-line-height-heading-2: 1.2666666666666666;
  --lobe-line-height-heading-3: 1.3333333333333333;
  --lobe-line-height-heading-4: 1.4;
  --lobe-line-height-heading-5: 1.5;
  --lobe-line-height-lg: 1.5;
  --lobe-line-height-sm: 1.6666666666666667;
  --lobe-line-type: solid;
  --lobe-line-width: 1px;
  --lobe-line-width-bold: 2px;
  --lobe-line-width-focus: 3px;
  --lobe-link-decoration: none;
  --lobe-link-focus-decoration: none;
  --lobe-link-hover-decoration: none;
  --lobe-margin: 16px;
  --lobe-margin-lg: 24px;
  --lobe-margin-md: 20px;
  --lobe-margin-sm: 12px;
  --lobe-margin-xl: 32px;
  --lobe-margin-xs: 8px;
  --lobe-margin-xxl: 48px;
  --lobe-margin-xxs: 4px;
  --lobe-motion-duration-fast: 0.1s;
  --lobe-motion-duration-mid: 0.2s;
  --lobe-motion-duration-slow: 0.3s;
  --lobe-motion-ease-in-back: cubic-bezier(0.71, -0.46, 0.88, 0.6);
  --lobe-motion-ease-in-out: cubic-bezier(0.645, 0.045, 0.355, 1);
  --lobe-motion-ease-in-out-circ: cubic-bezier(0.78, 0.14, 0.15, 0.86);
  --lobe-motion-ease-in-quint: cubic-bezier(0.755, 0.05, 0.855, 0.06);
  --lobe-motion-ease-out: cubic-bezier(0.215, 0.61, 0.355, 1);
  --lobe-motion-ease-out-back: cubic-bezier(0.12, 0.4, 0.29, 1.46);
  --lobe-motion-ease-out-circ: cubic-bezier(0.08, 0.82, 0.17, 1);
  --lobe-motion-ease-out-quint: cubic-bezier(0.23, 1, 0.32, 1);
  --lobe-motion-spring-bouncy: linear(0, 0.024, 0.086, 0.173, 0.274, 0.38, 0.485, 0.584, 0.675, 0.756, 0.825, 0.883, 0.931, 0.968, 0.997, 1.017, 1.031, 1.04, 1.045, 1.046, 1.045, 1.042, 1.038, 1.033, 1.028, 1.023, 1.019, 1.015, 1.011, 1.008, 1.005, 1);
  --lobe-motion-spring-smooth: linear(0, 0.036, 0.12, 0.225, 0.334, 0.438, 0.533, 0.616, 0.688, 0.748, 0.797, 0.838, 0.872, 0.898, 0.92, 0.937, 0.951, 0.962, 0.97, 0.977, 0.982, 0.986, 0.989, 0.992, 0.994, 0.995, 0.996, 0.997, 0.998, 0.998, 0.999, 1);
  --lobe-motion-spring-snappy: linear(0, 0.032, 0.111, 0.216, 0.33, 0.444, 0.552, 0.648, 0.731, 0.801, 0.858, 0.904, 0.939, 0.965, 0.984, 0.998, 1.006, 1.012, 1.014, 1.015, 1.015, 1.014, 1.012, 1.01, 1.009, 1.007, 1.006, 1.004, 1.003, 1.002, 1.002, 1);
  --lobe-opacity-image: 1;
  --lobe-opacity-loading: 0.65;
  --lobe-padding: 16px;
  --lobe-padding-content-horizontal: 16px;
  --lobe-padding-content-horizontal-lg: 24px;
  --lobe-padding-content-horizontal-sm: 16px;
  --lobe-padding-content-vertical: 12px;
  --lobe-padding-content-vertical-lg: 16px;
  --lobe-padding-content-vertical-sm: 8px;
  --lobe-padding-lg: 24px;
  --lobe-padding-md: 20px;
  --lobe-padding-sm: 12px;
  --lobe-padding-xl: 32px;
  --lobe-padding-xs: 8px;
  --lobe-padding-xxs: 4px;
  --lobe-pink: #EB2F96;
  --lobe-screen-lg: 992px;
  --lobe-screen-lg-max: 1199px;
  --lobe-screen-lg-min: 992px;
  --lobe-screen-md: 768px;
  --lobe-screen-md-max: 991px;
  --lobe-screen-md-min: 768px;
  --lobe-screen-sm: 576px;
  --lobe-screen-sm-max: 767px;
  --lobe-screen-sm-min: 576px;
  --lobe-screen-xl: 1200px;
  --lobe-screen-xl-max: 1599px;
  --lobe-screen-xl-min: 1200px;
  --lobe-screen-xs: 480px;
  --lobe-screen-xs-max: 575px;
  --lobe-screen-xs-min: 480px;
  --lobe-screen-xxl: 1600px;
  --lobe-screen-xxl-max: 1919px;
  --lobe-screen-xxl-min: 1600px;
  --lobe-screen-xxxl: 1920px;
  --lobe-screen-xxxl-min: 1920px;
  --lobe-size: 16px;
  --lobe-size-lg: 24px;
  --lobe-size-md: 20px;
  --lobe-size-ms: 16px;
  --lobe-size-popup-arrow: 16px;
  --lobe-size-sm: 12px;
  --lobe-size-step: 4px;
  --lobe-size-unit: 4px;
  --lobe-size-xl: 32px;
  --lobe-size-xs: 8px;
  --lobe-size-xxl: 48px;
  --lobe-size-xxs: 4px;
  --lobe-z-index-base: 0;
  --lobe-z-index-popup-base: 1000;
  --lobe-border-radius: 8px;
  --lobe-border-radius-lg: 12px;
  --lobe-border-radius-sm: 6px;
  --lobe-border-radius-xs: 4px;
  --lobe-control-height: 36px;
  --lobe-font-family: "HarmonyOS Sans",-apple-system,BlinkMacSystemFont,"Segoe UI Variable Display","Segoe UI",Roboto,"Helvetica Neue",Arial,"/* SC */","HarmonyOS Sans SC","PingFang SC","Hiragino Sans GB","Microsoft YaHei UI","Microsoft YaHei","Source Han Sans SC","Noto Sans CJK SC","/* FALLBACK */",ui-sans-serif,system-ui,sans-serif,"/* EMOJI */","Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
  --lobe-font-family-code: Hack,ui-monospace,SFMono-Regular,"SF Mono",Menlo,"Cascadia Code",Consolas,"Liberation Mono","/* SC */","HarmonyOS Sans SC","PingFang SC","Hiragino Sans GB","Microsoft YaHei UI","Microsoft YaHei","Source Han Sans SC","Noto Sans CJK SC","/* FALLBACK */",monospace,"/* EMOJI */","Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
  --lobe-box-shadow-card: 0 1px 2px -2px rgba(0,0,0,0.16), 0 3px 6px 0 rgba(0,0,0,0.12), 0 5px 12px 4px rgba(0,0,0,0.09);
  --lobe-box-shadow-drawer-down: 0 -6px 16px 0 rgba(0,0,0,0.08), 0 -3px 6px -4px rgba(0,0,0,0.12), 0 -9px 28px 8px rgba(0,0,0,0.05);
  --lobe-box-shadow-drawer-left: 6px 0 16px 0 rgba(0,0,0,0.08), 3px 0 6px -4px rgba(0,0,0,0.12), 9px 0 28px 8px rgba(0,0,0,0.05);
  --lobe-box-shadow-drawer-right: -6px 0 16px 0 rgba(0,0,0,0.08), -3px 0 6px -4px rgba(0,0,0,0.12), -9px 0 28px 8px rgba(0,0,0,0.05);
  --lobe-box-shadow-drawer-up: 0 6px 16px 0 rgba(0,0,0,0.08), 0 3px 6px -4px rgba(0,0,0,0.12), 0 9px 28px 8px rgba(0,0,0,0.05);
  --lobe-box-shadow-popover-arrow: 2px 2px 5px rgba(0,0,0,0.05);
  --lobe-box-shadow-tabs-overflow-bottom: inset 0 -10px 8px -8px rgba(0,0,0,0.08);
  --lobe-box-shadow-tabs-overflow-left: inset 10px 0 8px -8px rgba(0,0,0,0.08);
  --lobe-box-shadow-tabs-overflow-right: inset -10px 0 8px -8px rgba(0,0,0,0.08);
  --lobe-box-shadow-tabs-overflow-top: inset 0 10px 8px -8px rgba(0,0,0,0.08);
  --lobe-color-bg-base: #fff;
  --lobe-color-bg-blur: transparent;
  --lobe-color-bg-solid: rgb(0,0,0);
  --lobe-color-bg-solid-active: rgba(0,0,0,0.95);
  --lobe-color-bg-solid-hover: rgba(0,0,0,0.75);
  --lobe-color-border-disabled: #d9d9d9;
  --lobe-color-error-bg-active: #ffccc7;
  --lobe-color-error-bg-filled-hover: #ffdfdc;
  --lobe-color-shadow: #000;
  --lobe-color-text-base: #000;
  --lobe-drop-shadow-popover: drop-shadow(0 6px 16px rgba(0,0,0,0.08)) drop-shadow(0 3px 6px rgba(0,0,0,0.12)) drop-shadow(0 9px 28px rgba(0,0,0,0.05));
  --lobe-pink-1: #fff0f6;
  --lobe-pink-10: #520339;
  --lobe-pink-2: #ffd6e7;
  --lobe-pink-3: #ffadd2;
  --lobe-pink-4: #ff85c0;
  --lobe-pink-5: #f759ab;
  --lobe-pink-6: #eb2f96;
  --lobe-pink-7: #c41d7f;
  --lobe-pink-8: #9e1068;
  --lobe-pink-9: #780650;
  --lobe-pink-active: #c41d7f;
  --lobe-pink-hover: #f759ab;
  --lobe-color-error-fill: rgba(255, 49, 11, 0.16);
  --lobe-color-error-fill-secondary: rgba(255, 37, 10, 0.11);
  --lobe-color-error-fill-tertiary: rgba(255, 41, 12, 0.07);
  --lobe-color-error-fill-quaternary: rgba(230, 80, 55, 0.04);
  --lobe-color-error-bg: #fef8f7;
  --lobe-color-error-bg-hover: #fff0ee;
  --lobe-color-error-border: #ffded8;
  --lobe-color-error-border-hover: #ffe7e4;
  --lobe-color-error-hover: #ff775c;
  --lobe-color-error: #f35837;
  --lobe-color-error-active: #ce461e;
  --lobe-color-error-text-hover: #ff775c;
  --lobe-color-error-text: #ce461e;
  --lobe-color-error-text-active: #ce461e;
  --lobe-color-info-fill: rgba(5, 99, 255, 0.16);
  --lobe-color-info-fill-secondary: rgba(0, 91, 255, 0.11);
  --lobe-color-info-fill-tertiary: rgba(30, 117, 255, 0.08);
  --lobe-color-info-fill-quaternary: rgba(22, 55, 255, 0.03);
  --lobe-color-info-bg: #f8f9ff;
  --lobe-color-info-bg-hover: #edf4ff;
  --lobe-color-info-border: #d7e6ff;
  --lobe-color-info-border-hover: #e3edff;
  --lobe-color-info-hover: #2c91ff;
  --lobe-color-info: #0076e3;
  --lobe-color-info-active: #0060cc;
  --lobe-color-info-text-hover: #2c91ff;
  --lobe-color-info-text: #0060cc;
  --lobe-color-info-text-active: #0060cc;
  --lobe-color-success-fill: rgba(40, 160, 0, 0.2);
  --lobe-color-success-fill-secondary: rgba(55, 162, 2, 0.15);
  --lobe-color-success-fill-tertiary: rgba(85, 165, 5, 0.1);
  --lobe-color-success-fill-quaternary: rgba(138, 188, 22, 0.06);
  --lobe-color-success-bg: #f8fbf1;
  --lobe-color-success-bg-hover: #eef6e6;
  --lobe-color-success-border: #d4eccc;
  --lobe-color-success-border-hover: #e1f1d9;
  --lobe-color-success-hover: #30b556;
  --lobe-color-success: #00a03f;
  --lobe-color-success-active: #00864e;
  --lobe-color-success-text-hover: #30b556;
  --lobe-color-success-text: #00864e;
  --lobe-color-success-text-active: #00864e;
  --lobe-color-warning-fill: rgba(255, 155, 2, 0.3);
  --lobe-color-warning-fill-secondary: rgba(255, 145, 0, 0.2);
  --lobe-color-warning-fill-tertiary: rgba(255, 147, 13, 0.12);
  --lobe-color-warning-fill-quaternary: rgba(255, 115, 15, 0.05);
  --lobe-color-warning-bg: #fff8f3;
  --lobe-color-warning-bg-hover: #fff2e2;
  --lobe-color-warning-border: #ffe1b3;
  --lobe-color-warning-border-hover: #ffe9cc;
  --lobe-color-warning-hover: #ffbe2b;
  --lobe-color-warning: #feb400;
  --lobe-color-warning-active: #d78f00;
  --lobe-color-warning-text-hover: #ffbe2b;
  --lobe-color-warning-text: #d78f00;
  --lobe-color-warning-text-active: #d78f00;
  --lobe-blue-1: #fcfcff;
  --lobe-blue-2: #f2f8ff;
  --lobe-blue-3: #e5f1ff;
  --lobe-blue-4: #d5e9ff;
  --lobe-blue-5: #c2e0ff;
  --lobe-blue-6: #acd4ff;
  --lobe-blue-7: #93c8ff;
  --lobe-blue-8: #76baff;
  --lobe-blue-9: #57abf9;
  --lobe-blue-10: #0d78ce;
  --lobe-blue-11: #003b79;
  --lobe-blue-1-a: rgba(105, 105, 255, 0.02);
  --lobe-blue-2-a: rgba(38, 138, 255, 0.06);
  --lobe-blue-3-a: rgba(19, 128, 255, 0.11);
  --lobe-blue-4-a: rgba(8, 126, 255, 0.17);
  --lobe-blue-5-a: rgba(1, 126, 255, 0.24);
  --lobe-blue-6-a: rgba(3, 125, 255, 0.33);
  --lobe-blue-7-a: rgba(4, 127, 255, 0.43);
  --lobe-blue-8-a: rgba(1, 127, 255, 0.54);
  --lobe-blue-9-a: rgba(0, 128, 246, 0.66);
  --lobe-blue-10-a: rgba(0, 113, 203, 0.95);
  --lobe-blue-11-a: #003b79;
  --lobe-blue-fill: rgba(8, 126, 255, 0.17);
  --lobe-blue-fill-secondary: rgba(19, 128, 255, 0.11);
  --lobe-blue-fill-tertiary: rgba(38, 138, 255, 0.06);
  --lobe-blue-fill-quaternary: rgba(105, 105, 255, 0.02);
  --lobe-blue-bg: rgba(105, 105, 255, 0.02);
  --lobe-blue-bg-hover: rgba(38, 138, 255, 0.06);
  --lobe-blue-border: #d5e9ff;
  --lobe-blue-border-secondary: #e5f1ff;
  --lobe-blue-border-hover: #e5f1ff;
  --lobe-blue-hover: #76baff;
  --lobe-blue: #57abf9;
  --lobe-blue-active: #0d78ce;
  --lobe-blue-text-hover: rgba(1, 127, 255, 0.54);
  --lobe-blue-text: rgba(0, 128, 246, 0.66);
  --lobe-blue-text-active: rgba(0, 113, 203, 0.95);
  --lobe-cyan-1: #f9fffb;
  --lobe-cyan-2: #effff8;
  --lobe-cyan-3: #e3fff4;
  --lobe-cyan-4: #d8fef0;
  --lobe-cyan-5: #ccfcec;
  --lobe-cyan-6: #c0fae8;
  --lobe-cyan-7: #b3f8e3;
  --lobe-cyan-8: #a5f6de;
  --lobe-cyan-9: #95f3d9;
  --lobe-cyan-10: #2fa28a;
  --lobe-cyan-11: #005245;
  --lobe-cyan-1-a: rgba(55, 255, 122, 0.03);
  --lobe-cyan-2-a: rgba(26, 255, 155, 0.07);
  --lobe-cyan-3-a: rgba(0, 255, 155, 0.11);
  --lobe-cyan-4-a: rgba(11, 249, 161, 0.16);
  --lobe-cyan-5-a: rgba(0, 240, 160, 0.2);
  --lobe-cyan-6-a: rgba(3, 235, 163, 0.25);
  --lobe-cyan-7-a: rgba(2, 232, 162, 0.3);
  --lobe-cyan-8-a: rgba(5, 230, 163, 0.36);
  --lobe-cyan-9-a: rgba(3, 226, 165, 0.42);
  --lobe-cyan-10-a: rgba(1, 142, 112, 0.82);
  --lobe-cyan-11-a: #005245;
  --lobe-cyan-fill: rgba(11, 249, 161, 0.16);
  --lobe-cyan-fill-secondary: rgba(0, 255, 155, 0.11);
  --lobe-cyan-fill-tertiary: rgba(26, 255, 155, 0.07);
  --lobe-cyan-fill-quaternary: rgba(55, 255, 122, 0.03);
  --lobe-cyan-bg: rgba(55, 255, 122, 0.03);
  --lobe-cyan-bg-hover: rgba(26, 255, 155, 0.07);
  --lobe-cyan-border: #d8fef0;
  --lobe-cyan-border-secondary: #e3fff4;
  --lobe-cyan-border-hover: #e3fff4;
  --lobe-cyan-hover: #a5f6de;
  --lobe-cyan: #95f3d9;
  --lobe-cyan-active: #2fa28a;
  --lobe-cyan-text-hover: rgba(5, 230, 163, 0.36);
  --lobe-cyan-text: rgba(3, 226, 165, 0.42);
  --lobe-cyan-text-active: rgba(1, 142, 112, 0.82);
  --lobe-geekblue-1: #fcfbff;
  --lobe-geekblue-2: #f1f5ff;
  --lobe-geekblue-3: #e2ebff;
  --lobe-geekblue-4: #cedfff;
  --lobe-geekblue-5: #b6d0ff;
  --lobe-geekblue-6: #9abeff;
  --lobe-geekblue-7: #78a9ff;
  --lobe-geekblue-8: #4c90ff;
  --lobe-geekblue-9: #0072f5;
  --lobe-geekblue-10: #005ae0;
  --lobe-geekblue-11: #002a8a;
  --lobe-geekblue-1-a: rgba(105, 55, 255, 0.02);
  --lobe-geekblue-2-a: rgba(22, 88, 255, 0.06);
  --lobe-geekblue-3-a: rgba(13, 88, 255, 0.12);
  --lobe-geekblue-4-a: rgba(10, 95, 255, 0.2);
  --lobe-geekblue-5-a: rgba(3, 93, 255, 0.29);
  --lobe-geekblue-6-a: rgba(3, 93, 255, 0.4);
  --lobe-geekblue-7-a: rgba(0, 93, 255, 0.53);
  --lobe-geekblue-8-a: rgba(3, 99, 255, 0.71);
  --lobe-geekblue-9-a: #0072f5;
  --lobe-geekblue-10-a: #005ae0;
  --lobe-geekblue-11-a: #002a8a;
  --lobe-geekblue-fill: rgba(10, 95, 255, 0.2);
  --lobe-geekblue-fill-secondary: rgba(13, 88, 255, 0.12);
  --lobe-geekblue-fill-tertiary: rgba(22, 88, 255, 0.06);
  --lobe-geekblue-fill-quaternary: rgba(105, 55, 255, 0.02);
  --lobe-geekblue-bg: rgba(105, 55, 255, 0.02);
  --lobe-geekblue-bg-hover: rgba(22, 88, 255, 0.06);
  --lobe-geekblue-border: #cedfff;
  --lobe-geekblue-border-secondary: #e2ebff;
  --lobe-geekblue-border-hover: #e2ebff;
  --lobe-geekblue-hover: #4c90ff;
  --lobe-geekblue: #0072f5;
  --lobe-geekblue-active: #005ae0;
  --lobe-geekblue-text-hover: rgba(3, 99, 255, 0.71);
  --lobe-geekblue-text: #0072f5;
  --lobe-geekblue-text-active: #005ae0;
  --lobe-gold-1: #fffdff;
  --lobe-gold-2: #fff9f7;
  --lobe-gold-3: #fff4eb;
  --lobe-gold-4: #ffeedc;
  --lobe-gold-5: #ffe6c8;
  --lobe-gold-6: #ffdcaf;
  --lobe-gold-7: #ffd190;
  --lobe-gold-8: #ffc368;
  --lobe-gold-9: #ee9e0b;
  --lobe-gold-10: #d59300;
  --lobe-gold-11: #6a4900;
  --lobe-gold-1-a: rgba(255,145,55,0.04);
  --lobe-gold-2-a: rgba(255,155,55,0.08);
  --lobe-gold-3-a: rgba(255, 117, 5, 0.16);
  --lobe-gold-4-a: rgba(255, 134, 5, 0.20);
  --lobe-gold-5-a: rgba(255, 141, 5, 0.26);
  --lobe-gold-6-a: rgba(255, 146, 5, 0.32);
  --lobe-gold-7-a: rgba(255, 150, 3, 0.44);
  --lobe-gold-8-a: rgba(255, 155, 3, 0.6);
  --lobe-gold-9-a: rgba(255, 165, 0, 0.86);
  --lobe-gold-10-a: #d59300;
  --lobe-gold-11-a: #6a4900;
  --lobe-gold-fill: rgba(255, 134, 5, 0.20);
  --lobe-gold-fill-secondary: rgba(255, 117, 5, 0.16);
  --lobe-gold-fill-tertiary: rgba(255,155,55,0.08);
  --lobe-gold-fill-quaternary: rgba(255,145,55,0.04);
  --lobe-gold-bg: rgba(255,145,55,0.04);
  --lobe-gold-bg-hover: rgba(255,155,55,0.08);
  --lobe-gold-border: #ffeedc;
  --lobe-gold-border-secondary: #fff4eb;
  --lobe-gold-border-hover: #fff4eb;
  --lobe-gold-hover: #ffc368;
  --lobe-gold: #ee9e0b;
  --lobe-gold-active: #d59300;
  --lobe-gold-text-hover: rgba(255, 155, 3, 0.6);
  --lobe-gold-text: rgba(255, 165, 0, 0.86);
  --lobe-gold-text-active: #d59300;
  --lobe-gray-1: #f8f8f8;
  --lobe-gray-2: #eeeeee;
  --lobe-gray-3: #e3e3e3;
  --lobe-gray-4: #dddddd;
  --lobe-gray-5: #cccccc;
  --lobe-gray-6: #bbbbbb;
  --lobe-gray-7: #aaaaaa;
  --lobe-gray-8: #999999;
  --lobe-gray-9: #888888;
  --lobe-gray-10: #666666;
  --lobe-gray-11: #333333;
  --lobe-gray-1-a: rgba(0, 0, 0, 0.03);
  --lobe-gray-2-a: rgba(0, 0, 0, 0.06);
  --lobe-gray-3-a: rgba(0, 0, 0, 0.12);
  --lobe-gray-4-a: rgba(0, 0, 0, 0.18);
  --lobe-gray-5-a: rgba(0, 0, 0, 0.24);
  --lobe-gray-6-a: rgba(0, 0, 0, 0.32);
  --lobe-gray-7-a: rgba(0, 0, 0, 0.38);
  --lobe-gray-8-a: rgba(0, 0, 0, 0.44);
  --lobe-gray-9-a: rgba(0, 0, 0, 0.5);
  --lobe-gray-10-a: rgba(0, 0, 0, 0.68);
  --lobe-gray-11-a: rgba(0, 0, 0, 0.84);
  --lobe-gray-fill: rgba(0, 0, 0, 0.18);
  --lobe-gray-fill-secondary: rgba(0, 0, 0, 0.12);
  --lobe-gray-fill-tertiary: rgba(0, 0, 0, 0.06);
  --lobe-gray-fill-quaternary: rgba(0, 0, 0, 0.03);
  --lobe-gray-bg: rgba(0, 0, 0, 0.03);
  --lobe-gray-bg-hover: rgba(0, 0, 0, 0.06);
  --lobe-gray-border: #dddddd;
  --lobe-gray-border-secondary: #e3e3e3;
  --lobe-gray-border-hover: #e3e3e3;
  --lobe-gray-hover: #999999;
  --lobe-gray: #888888;
  --lobe-gray-active: #666666;
  --lobe-gray-text-hover: rgba(0, 0, 0, 0.44);
  --lobe-gray-text: rgba(0, 0, 0, 0.5);
  --lobe-gray-text-active: rgba(0, 0, 0, 0.68);
  --lobe-green-1: #f4fdeb;
  --lobe-green-2: #e7f8dd;
  --lobe-green-3: #d8f2ce;
  --lobe-green-4: #c7eabd;
  --lobe-green-5: #b4e1ac;
  --lobe-green-6: #a0d79b;
  --lobe-green-7: #89cc8a;
  --lobe-green-8: #71c179;
  --lobe-green-9: #379d4a;
  --lobe-green-10: #007944;
  --lobe-green-11: #003f28;
  --lobe-green-1-a: rgba(117, 230, 5, 0.06);
  --lobe-green-2-a: rgba(84, 205, 12, 0.10);
  --lobe-green-3-a: rgba(60, 190, 10, 0.14);
  --lobe-green-4-a: rgba(40, 174, 1, 0.26);
  --lobe-green-5-a: rgba(28, 164, 3, 0.33);
  --lobe-green-6-a: rgba(18, 155, 5, 0.4);
  --lobe-green-7-a: rgba(4, 146, 6, 0.47);
  --lobe-green-8-a: rgba(1, 144, 16, 0.56);
  --lobe-green-9-a: rgba(1, 143, 28, 0.67);
  --lobe-green-10-a: #007944;
  --lobe-green-11-a: #003f28;
  --lobe-green-fill: rgba(40, 174, 1, 0.26);
  --lobe-green-fill-secondary: rgba(60, 190, 10, 0.14);
  --lobe-green-fill-tertiary: rgba(84, 205, 12, 0.10);
  --lobe-green-fill-quaternary: rgba(117, 230, 5, 0.06);
  --lobe-green-bg: rgba(117, 230, 5, 0.06);
  --lobe-green-bg-hover: rgba(84, 205, 12, 0.10);
  --lobe-green-border: #c7eabd;
  --lobe-green-border-secondary: #d8f2ce;
  --lobe-green-border-hover: #d8f2ce;
  --lobe-green-hover: #71c179;
  --lobe-green: #379d4a;
  --lobe-green-active: #007944;
  --lobe-green-text-hover: rgba(1, 144, 16, 0.56);
  --lobe-green-text: rgba(1, 143, 28, 0.67);
  --lobe-green-text-active: #007944;
  --lobe-lime-1: #feffeb;
  --lobe-lime-2: #f9ffd8;
  --lobe-lime-3: #f2ffc1;
  --lobe-lime-4: #ebfdaf;
  --lobe-lime-5: #e4fc9b;
  --lobe-lime-6: #ddf987;
  --lobe-lime-7: #d5f773;
  --lobe-lime-8: #cdf35c;
  --lobe-lime-9: #c4f042;
  --lobe-lime-10: #769d00;
  --lobe-lime-11: #374f00;
  --lobe-lime-1-a: rgba(242, 255, 5, 0.08);
  --lobe-lime-2-a: rgba(218, 255, 11, 0.16);
  --lobe-lime-3-a: rgba(203, 255, 7, 0.25);
  --lobe-lime-4-a: rgba(193, 249, 5, 0.32);
  --lobe-lime-5-a: rgba(187, 247, 5, 0.4);
  --lobe-lime-6-a: rgba(183, 242, 0, 0.47);
  --lobe-lime-7-a: rgba(179, 240, 0, 0.55);
  --lobe-lime-8-a: rgba(177, 236, 0, 0.64);
  --lobe-lime-9-a: rgba(175, 235, 0, 0.74);
  --lobe-lime-10-a: #769d00;
  --lobe-lime-11-a: #374f00;
  --lobe-lime-fill: rgba(193, 249, 5, 0.32);
  --lobe-lime-fill-secondary: rgba(203, 255, 7, 0.25);
  --lobe-lime-fill-tertiary: rgba(218, 255, 11, 0.16);
  --lobe-lime-fill-quaternary: rgba(242, 255, 5, 0.08);
  --lobe-lime-bg: rgba(242, 255, 5, 0.08);
  --lobe-lime-bg-hover: rgba(218, 255, 11, 0.16);
  --lobe-lime-border: #ebfdaf;
  --lobe-lime-border-secondary: #f2ffc1;
  --lobe-lime-border-hover: #f2ffc1;
  --lobe-lime-hover: #cdf35c;
  --lobe-lime: #c4f042;
  --lobe-lime-active: #769d00;
  --lobe-lime-text-hover: rgba(177, 236, 0, 0.64);
  --lobe-lime-text: rgba(175, 235, 0, 0.74);
  --lobe-lime-text-active: #769d00;
  --lobe-magenta-1: #fff7f9;
  --lobe-magenta-2: #ffeaf4;
  --lobe-magenta-3: #ffdaee;
  --lobe-magenta-4: #ffc7e7;
  --lobe-magenta-5: #ffb2df;
  --lobe-magenta-6: #ff99d6;
  --lobe-magenta-7: #f980ca;
  --lobe-magenta-8: #ef67ba;
  --lobe-magenta-9: #e34ba9;
  --lobe-magenta-10: #a32466;
  --lobe-magenta-11: #63002d;
  --lobe-magenta-1-a: rgba(255, 55, 105, 0.04);
  --lobe-magenta-2-a: rgba(255, 22, 133, 0.09);
  --lobe-magenta-3-a: rgba(255, 8, 142, 0.15);
  --lobe-magenta-4-a: rgba(255, 0, 146, 0.22);
  --lobe-magenta-5-a: rgba(255, 7, 152, 0.31);
  --lobe-magenta-6-a: rgba(255, 0, 153, 0.4);
  --lobe-magenta-7-a: rgba(243, 1, 149, 0.5);
  --lobe-magenta-8-a: rgba(228, 2, 140, 0.6);
  --lobe-magenta-9-a: rgba(216, 1, 134, 0.71);
  --lobe-magenta-10-a: rgba(148, 0, 77, 0.86);
  --lobe-magenta-11-a: #63002d;
  --lobe-magenta-fill: rgba(255, 0, 146, 0.22);
  --lobe-magenta-fill-secondary: rgba(255, 8, 142, 0.15);
  --lobe-magenta-fill-tertiary: rgba(255, 22, 133, 0.09);
  --lobe-magenta-fill-quaternary: rgba(255, 55, 105, 0.04);
  --lobe-magenta-bg: rgba(255, 55, 105, 0.04);
  --lobe-magenta-bg-hover: rgba(255, 22, 133, 0.09);
  --lobe-magenta-border: #ffc7e7;
  --lobe-magenta-border-secondary: #ffdaee;
  --lobe-magenta-border-hover: #ffdaee;
  --lobe-magenta-hover: #ef67ba;
  --lobe-magenta: #e34ba9;
  --lobe-magenta-active: #a32466;
  --lobe-magenta-text-hover: rgba(228, 2, 140, 0.6);
  --lobe-magenta-text: rgba(216, 1, 134, 0.71);
  --lobe-magenta-text-active: rgba(148, 0, 77, 0.86);
  --lobe-orange-1: #fffcff;
  --lobe-orange-2: #fff8f6;
  --lobe-orange-3: #fff1eb;
  --lobe-orange-4: #ffe9dd;
  --lobe-orange-5: #ffdeca;
  --lobe-orange-6: #ffd1b1;
  --lobe-orange-7: #ffc293;
  --lobe-orange-8: #ffb06a;
  --lobe-orange-9: #f88c13;
  --lobe-orange-10: #d18000;
  --lobe-orange-11: #684100;
  --lobe-orange-1-a: rgba(255, 105, 255, 0.03);
  --lobe-orange-2-a: rgba(255, 80, 30, 0.08);
  --lobe-orange-3-a: rgba(255, 80, 5, 0.12);
  --lobe-orange-4-a: rgba(255, 98, 12, 0.16);
  --lobe-orange-5-a: rgba(255, 98, 3, 0.21);
  --lobe-orange-6-a: rgba(255, 107, 3, 0.31);
  --lobe-orange-7-a: rgba(255, 113, 4, 0.43);
  --lobe-orange-8-a: rgba(255, 121, 2, 0.59);
  --lobe-orange-9-a: rgba(255, 135, 1, 0.85);
  --lobe-orange-10-a: #d18000;
  --lobe-orange-11-a: #684100;
  --lobe-orange-fill: rgba(255, 98, 12, 0.16);
  --lobe-orange-fill-secondary: rgba(255, 80, 5, 0.12);
  --lobe-orange-fill-tertiary: rgba(255, 80, 30, 0.08);
  --lobe-orange-fill-quaternary: rgba(255, 105, 255, 0.03);
  --lobe-orange-bg: rgba(255, 105, 255, 0.03);
  --lobe-orange-bg-hover: rgba(255, 80, 30, 0.08);
  --lobe-orange-border: #ffe9dd;
  --lobe-orange-border-secondary: #fff1eb;
  --lobe-orange-border-hover: #fff1eb;
  --lobe-orange-hover: #ffb06a;
  --lobe-orange: #f88c13;
  --lobe-orange-active: #d18000;
  --lobe-orange-text-hover: rgba(255, 121, 2, 0.59);
  --lobe-orange-text: rgba(255, 135, 1, 0.85);
  --lobe-orange-text-active: #d18000;
  --lobe-primary-1: #f5f5f5;
  --lobe-primary-2: #eeeeee;
  --lobe-primary-3: #cccccc;
  --lobe-primary-4: #aaaaaa;
  --lobe-primary-5: #888888;
  --lobe-primary-6: #666666;
  --lobe-primary-7: #444444;
  --lobe-primary-8: #333333;
  --lobe-primary-9: #222222;
  --lobe-primary-10: #111111;
  --lobe-primary-11: #0b0b0b;
  --lobe-primary-1-a: rgba(0, 0, 0, 0.08);
  --lobe-primary-2-a: rgba(0, 0, 0, 0.16);
  --lobe-primary-3-a: rgba(0, 0, 0, 0.22);
  --lobe-primary-4-a: rgba(0, 0, 0, 0.36);
  --lobe-primary-5-a: rgba(0, 0, 0, 0.48);
  --lobe-primary-6-a: rgba(0, 0, 0, 0.6);
  --lobe-primary-7-a: rgba(0, 0, 0, 0.72);
  --lobe-primary-8-a: rgba(0, 0, 0, 0.84);
  --lobe-primary-9-a: rgba(0, 0, 0, 0.88);
  --lobe-primary-10-a: rgba(0, 0, 0, 0.92);
  --lobe-primary-11-a: rgba(0, 0, 0, 0.96);
  --lobe-primary-fill: rgba(0, 0, 0, 0.36);
  --lobe-primary-fill-secondary: rgba(0, 0, 0, 0.22);
  --lobe-primary-fill-tertiary: rgba(0, 0, 0, 0.16);
  --lobe-primary-fill-quaternary: rgba(0, 0, 0, 0.08);
  --lobe-primary-bg: rgba(0, 0, 0, 0.08);
  --lobe-primary-bg-hover: rgba(0, 0, 0, 0.16);
  --lobe-primary-border: #aaaaaa;
  --lobe-primary-border-secondary: #cccccc;
  --lobe-primary-border-hover: #cccccc;
  --lobe-primary-hover: #333333;
  --lobe-primary: #222222;
  --lobe-primary-active: #111111;
  --lobe-primary-text-hover: rgba(0, 0, 0, 0.84);
  --lobe-primary-text: rgba(0, 0, 0, 0.88);
  --lobe-primary-text-active: rgba(0, 0, 0, 0.92);
  --lobe-purple-1: #fff6fb;
  --lobe-purple-2: #ffe7fd;
  --lobe-purple-3: #fdd6fe;
  --lobe-purple-4: #f6c4f8;
  --lobe-purple-5: #eeb1f1;
  --lobe-purple-6: #e49ce8;
  --lobe-purple-7: #d886de;
  --lobe-purple-8: #cb6ed2;
  --lobe-purple-9: #bd54c6;
  --lobe-purple-10: #892b8a;
  --lobe-purple-11: #560053;
  --lobe-purple-1-a: rgba(255, 30, 155, 0.04);
  --lobe-purple-2-a: rgba(255, 15, 235, 0.08);
  --lobe-purple-3-a: rgba(243, 14, 249, 0.16);
  --lobe-purple-4-a: rgba(218, 9, 226, 0.24);
  --lobe-purple-5-a: rgba(200, 3, 210, 0.31);
  --lobe-purple-6-a: rgba(186, 1, 196, 0.39);
  --lobe-purple-7-a: rgba(174, 3, 186, 0.48);
  --lobe-purple-8-a: rgba(164, 1, 176, 0.57);
  --lobe-purple-9-a: rgba(156, 0, 170, 0.67);
  --lobe-purple-10-a: rgba(113, 0, 114, 0.83);
  --lobe-purple-11-a: #560053;
  --lobe-purple-fill: rgba(218, 9, 226, 0.24);
  --lobe-purple-fill-secondary: rgba(243, 14, 249, 0.16);
  --lobe-purple-fill-tertiary: rgba(255, 15, 235, 0.08);
  --lobe-purple-fill-quaternary: rgba(255, 30, 155, 0.04);
  --lobe-purple-bg: rgba(255, 30, 155, 0.04);
  --lobe-purple-bg-hover: rgba(255, 15, 235, 0.08);
  --lobe-purple-border: #f6c4f8;
  --lobe-purple-border-secondary: #fdd6fe;
  --lobe-purple-border-hover: #fdd6fe;
  --lobe-purple-hover: #cb6ed2;
  --lobe-purple: #bd54c6;
  --lobe-purple-active: #892b8a;
  --lobe-purple-text-hover: rgba(164, 1, 176, 0.57);
  --lobe-purple-text: rgba(156, 0, 170, 0.67);
  --lobe-purple-text-active: rgba(113, 0, 114, 0.83);
  --lobe-red-1: #fffbff;
  --lobe-red-2: #fff3f3;
  --lobe-red-3: #ffe8e8;
  --lobe-red-4: #ffdadb;
  --lobe-red-5: #ffc7ca;
  --lobe-red-6: #ffb0b7;
  --lobe-red-7: #ff94a1;
  --lobe-red-8: #ff6f87;
  --lobe-red-9: #f4416c;
  --lobe-red-10: #d6225d;
  --lobe-red-11: #780032;
  --lobe-red-1-a: rgba(255, 55, 255, 0.02);
  --lobe-red-2-a: rgba(255, 15, 15, 0.05);
  --lobe-red-3-a: rgba(255, 25, 25, 0.1);
  --lobe-red-4-a: rgba(255, 8, 15, 0.15);
  --lobe-red-5-a: rgba(255, 0, 14, 0.22);
  --lobe-red-6-a: rgba(255, 0, 23, 0.31);
  --lobe-red-7-a: rgba(255, 0, 31, 0.42);
  --lobe-red-8-a: rgba(255, 2, 44, 0.57);
  --lobe-red-9-a: rgba(240, 2, 59, 0.75);
  --lobe-red-10-a: rgba(208, 1, 69, 0.87);
  --lobe-red-11-a: #780032;
  --lobe-red-fill: rgba(255, 8, 15, 0.15);
  --lobe-red-fill-secondary: rgba(255, 25, 25, 0.1);
  --lobe-red-fill-tertiary: rgba(255, 15, 15, 0.05);
  --lobe-red-fill-quaternary: rgba(255, 55, 255, 0.02);
  --lobe-red-bg: rgba(255, 55, 255, 0.02);
  --lobe-red-bg-hover: rgba(255, 15, 15, 0.05);
  --lobe-red-border: #ffdadb;
  --lobe-red-border-secondary: #ffe8e8;
  --lobe-red-border-hover: #ffe8e8;
  --lobe-red-hover: #ff6f87;
  --lobe-red: #f4416c;
  --lobe-red-active: #d6225d;
  --lobe-red-text-hover: rgba(255, 2, 44, 0.57);
  --lobe-red-text: rgba(240, 2, 59, 0.75);
  --lobe-red-text-active: rgba(208, 1, 69, 0.87);
  --lobe-volcano-1: #fff7f6;
  --lobe-volcano-2: #ffece9;
  --lobe-volcano-3: #ffded9;
  --lobe-volcano-4: #ffcec5;
  --lobe-volcano-5: #ffbbaf;
  --lobe-volcano-6: #ffa695;
  --lobe-volcano-7: #ff8e78;
  --lobe-volcano-8: #fb745a;
  --lobe-volcano-9: #ec5e41;
  --lobe-volcano-10: #a53716;
  --lobe-volcano-11: #5d1900;
  --lobe-volcano-1-a: rgba(255, 55, 30, 0.04);
  --lobe-volcano-2-a: rgba(255, 44, 11, 0.06);
  --lobe-volcano-3-a: rgba(255, 35, 2, 0.12);
  --lobe-volcano-4-a: rgba(255, 42, 3, 0.20);
  --lobe-volcano-5-a: rgba(255, 43, 5, 0.32);
  --lobe-volcano-6-a: rgba(255, 43, 3, 0.42);
  --lobe-volcano-7-a: rgba(255, 42, 0, 0.53);
  --lobe-volcano-8-a: rgba(249, 41, 1, 0.65);
  --lobe-volcano-9-a: rgba(230, 40, 2, 0.75);
  --lobe-volcano-10-a: rgba(157, 38, 2, 0.92);
  --lobe-volcano-11-a: #5d1900;
  --lobe-volcano-fill: rgba(255, 42, 3, 0.20);
  --lobe-volcano-fill-secondary: rgba(255, 35, 2, 0.12);
  --lobe-volcano-fill-tertiary: rgba(255, 44, 11, 0.06);
  --lobe-volcano-fill-quaternary: rgba(255, 55, 30, 0.04);
  --lobe-volcano-bg: rgba(255, 55, 30, 0.04);
  --lobe-volcano-bg-hover: rgba(255, 44, 11, 0.06);
  --lobe-volcano-border: #ffcec5;
  --lobe-volcano-border-secondary: #ffded9;
  --lobe-volcano-border-hover: #ffded9;
  --lobe-volcano-hover: #fb745a;
  --lobe-volcano: #ec5e41;
  --lobe-volcano-active: #a53716;
  --lobe-volcano-text-hover: rgba(249, 41, 1, 0.65);
  --lobe-volcano-text: rgba(230, 40, 2, 0.75);
  --lobe-volcano-text-active: rgba(157, 38, 2, 0.92);
  --lobe-yellow-1: #fffeff;
  --lobe-yellow-2: #fffcff;
  --lobe-yellow-3: #fffbf1;
  --lobe-yellow-4: #fffada;
  --lobe-yellow-5: #fff9c2;
  --lobe-yellow-6: #fff7aa;
  --lobe-yellow-7: #fff592;
  --lobe-yellow-8: #fff279;
  --lobe-yellow-9: #ffef5c;
  --lobe-yellow-10: #ab9800;
  --lobe-yellow-11: #584a00;
  --lobe-yellow-1-a: rgba(255, 155, 255, 0.01);
  --lobe-yellow-2-a: rgba(255, 105, 255, 0.02);
  --lobe-yellow-3-a: rgba(255, 188, 22, 0.06);
  --lobe-yellow-4-a: rgba(255, 222, 8, 0.15);
  --lobe-yellow-5-a: rgba(255, 230, 1, 0.24);
  --lobe-yellow-6-a: rgba(255, 231, 5, 0.34);
  --lobe-yellow-7-a: rgba(255, 232, 2, 0.43);
  --lobe-yellow-8-a: rgba(255, 230, 2, 0.53);
  --lobe-yellow-9-a: rgba(255, 230, 0, 0.64);
  --lobe-yellow-10-a: #ab9800;
  --lobe-yellow-11-a: #584a00;
  --lobe-yellow-fill: rgba(255, 222, 8, 0.15);
  --lobe-yellow-fill-secondary: rgba(255, 188, 22, 0.06);
  --lobe-yellow-fill-tertiary: rgba(255, 105, 255, 0.02);
  --lobe-yellow-fill-quaternary: rgba(255, 155, 255, 0.01);
  --lobe-yellow-bg: rgba(255, 155, 255, 0.01);
  --lobe-yellow-bg-hover: rgba(255, 105, 255, 0.02);
  --lobe-yellow-border: #fffada;
  --lobe-yellow-border-secondary: #fffbf1;
  --lobe-yellow-border-hover: #fffbf1;
  --lobe-yellow-hover: #fff279;
  --lobe-yellow: #ffef5c;
  --lobe-yellow-active: #ab9800;
  --lobe-yellow-text-hover: rgba(255, 230, 2, 0.53);
  --lobe-yellow-text: rgba(255, 230, 0, 0.64);
  --lobe-yellow-text-active: #ab9800;
  --lobe-box-shadow: 0 40px 80px rgba(0, 0, 0, 0.06), 0 20px 40px rgba(0, 0, 0, 0.05), 0 10px 20px rgba(0, 0, 0, 0.04), 0 5px 10px rgba(0, 0, 0, 0.03), 0 2px 4px rgba(0, 0, 0, 0.02);
  --lobe-box-shadow-secondary: 0 17.5px 23.4px rgba(0, 0, 0, 0.04), 0 9.4px 12.5px rgba(0, 0, 0, 0.03), 0 5.25px 7px rgba(0, 0, 0, 0.02), 0 2.8px 3.7px -2px rgba(0, 0, 0, 0.01), 0 1.2px 1.5px rgba(0, 0, 0, 0.01);
  --lobe-box-shadow-tertiary: 0 1px 2px rgba(0, 0, 0, 0.04), 0 2px 4px rgba(0, 0, 0, 0.02);
  --lobe-color-error-affix: #f35837;
  --lobe-color-highlight: #f35837;
  --lobe-color-link: #0060cc;
  --lobe-color-link-active: #0060cc;
  --lobe-color-link-hover: #2c91ff;
  --lobe-color-warning-affix: #feb400;
  --lobe-color-primary-fill: rgba(0, 0, 0, 0.36);
  --lobe-color-primary-fill-secondary: rgba(0, 0, 0, 0.22);
  --lobe-color-primary-fill-tertiary: rgba(0, 0, 0, 0.16);
  --lobe-color-primary-fill-quaternary: rgba(0, 0, 0, 0.08);
  --lobe-color-primary-bg: #f5f5f5;
  --lobe-color-primary-bg-hover: #eeeeee;
  --lobe-color-primary-border: #aaaaaa;
  --lobe-color-primary-border-hover: #cccccc;
  --lobe-color-primary-hover: #333333;
  --lobe-color-primary: #222222;
  --lobe-color-primary-active: #111111;
  --lobe-color-primary-text-hover: #333333;
  --lobe-color-primary-text: #222222;
  --lobe-color-primary-text-active: #111111;
  --lobe-control-item-bg-active: #f5f5f5;
  --lobe-control-item-bg-active-hover: #eeeeee;
  --lobe-color-bg-container: #ffffff;
  --lobe-color-bg-elevated: #ffffff;
  --lobe-color-bg-layout: #f8f8f8;
  --lobe-color-bg-mask: rgba(0, 0, 0, 0.44);
  --lobe-color-bg-spotlight: #dddddd;
  --lobe-color-border: #e3e3e3;
  --lobe-color-border-secondary: #eeeeee;
  --lobe-color-fill: rgba(0, 0, 0, 0.12);
  --lobe-color-fill-quaternary: rgba(0, 0, 0, 0.015);
  --lobe-color-fill-secondary: rgba(0, 0, 0, 0.06);
  --lobe-color-fill-tertiary: rgba(0, 0, 0, 0.03);
  --lobe-color-text: #1f1f1f;
  --lobe-color-text-quaternary: #b0b0b0;
  --lobe-color-text-secondary: #666666;
  --lobe-color-text-tertiary: #8a8a8a;
  --lobe-color-bg-container-disabled: rgba(0, 0, 0, 0.03);
  --lobe-color-bg-container-secondary: #fbfbfb;
  --lobe-color-bg-text-active: rgba(0, 0, 0, 0.12);
  --lobe-color-bg-text-hover: rgba(0, 0, 0, 0.06);
  --lobe-color-border-bg: #ffffff;
  --lobe-color-error-outline: rgba(230,80,55,0.04);
  --lobe-color-fill-alter: rgba(0, 0, 0, 0.015);
  --lobe-color-fill-content: rgba(0, 0, 0, 0.06);
  --lobe-color-fill-content-hover: rgba(0, 0, 0, 0.12);
  --lobe-color-icon: #8a8a8a;
  --lobe-color-icon-hover: #1f1f1f;
  --lobe-color-split: rgba(12,12,12,0.07);
  --lobe-color-text-description: #8a8a8a;
  --lobe-color-text-disabled: #b0b0b0;
  --lobe-color-text-heading: #1f1f1f;
  --lobe-color-text-label: #666666;
  --lobe-color-text-placeholder: #b0b0b0;
  --lobe-color-warning-outline: rgba(255,115,15,0.05);
  --lobe-control-item-bg-active-disabled: rgba(0, 0, 0, 0.12);
  --lobe-control-item-bg-hover: rgba(0, 0, 0, 0.03);
  --lobe-control-tmp-outline: rgba(0, 0, 0, 0.015);
  --lobe-ring: 0 0 0 1px rgb(0 0 0 / 5%);
  --lobe-fill-border: var(--lobe-color-fill);
  --lobe-fill-border-strong: color-mix(in srgb, var(--lobe-color-fill), var(--lobe-color-text) 15%);
  --lobe-table-cell-bg: initial;
  --lobe-table-surface: initial;
  color-scheme: light;
}

[data-theme='dark'] {
  --lobe-box-shadow-card: 0 1px 2px -2px rgba(0,0,0,0.16), 0 3px 6px 0 rgba(0,0,0,0.12), 0 5px 12px 4px rgba(0,0,0,0.09);
  --lobe-box-shadow-drawer-down: 0 -6px 16px 0 rgba(0,0,0,0.08), 0 -3px 6px -4px rgba(0,0,0,0.12), 0 -9px 28px 8px rgba(0,0,0,0.05);
  --lobe-box-shadow-drawer-left: 6px 0 16px 0 rgba(0,0,0,0.08), 3px 0 6px -4px rgba(0,0,0,0.12), 9px 0 28px 8px rgba(0,0,0,0.05);
  --lobe-box-shadow-drawer-right: -6px 0 16px 0 rgba(0,0,0,0.08), -3px 0 6px -4px rgba(0,0,0,0.12), -9px 0 28px 8px rgba(0,0,0,0.05);
  --lobe-box-shadow-drawer-up: 0 6px 16px 0 rgba(0,0,0,0.08), 0 3px 6px -4px rgba(0,0,0,0.12), 0 9px 28px 8px rgba(0,0,0,0.05);
  --lobe-box-shadow-popover-arrow: 2px 2px 5px rgba(0,0,0,0.05);
  --lobe-box-shadow-tabs-overflow-bottom: inset 0 -10px 8px -8px rgba(0,0,0,0.08);
  --lobe-box-shadow-tabs-overflow-left: inset 10px 0 8px -8px rgba(0,0,0,0.08);
  --lobe-box-shadow-tabs-overflow-right: inset -10px 0 8px -8px rgba(0,0,0,0.08);
  --lobe-box-shadow-tabs-overflow-top: inset 0 10px 8px -8px rgba(0,0,0,0.08);
  --lobe-color-bg-base: #000;
  --lobe-color-bg-blur: rgba(255,255,255,0.04);
  --lobe-color-bg-solid: rgba(255,255,255,0.95);
  --lobe-color-bg-solid-active: rgba(255,255,255,0.9);
  --lobe-color-bg-solid-hover: rgb(255,255,255);
  --lobe-color-border-disabled: #424242;
  --lobe-color-error-bg-active: #5b2526;
  --lobe-color-error-bg-filled-hover: #441e1f;
  --lobe-color-shadow: #000;
  --lobe-color-text-base: #fff;
  --lobe-drop-shadow-popover: drop-shadow(0 6px 16px rgba(0,0,0,0.08)) drop-shadow(0 3px 6px rgba(0,0,0,0.12)) drop-shadow(0 9px 28px rgba(0,0,0,0.05));
  --lobe-pink-1: #291321;
  --lobe-pink-10: #fad2e3;
  --lobe-pink-2: #40162f;
  --lobe-pink-3: #551c3b;
  --lobe-pink-4: #75204f;
  --lobe-pink-5: #a02669;
  --lobe-pink-6: #cb2b83;
  --lobe-pink-7: #e0529c;
  --lobe-pink-8: #f37fb7;
  --lobe-pink-9: #f8a8cc;
  --lobe-pink-active: #e0529c;
  --lobe-pink-hover: #a02669;
  --lobe-color-error-fill: rgba(250, 78, 90, 0.4);
  --lobe-color-error-fill-secondary: rgba(250, 67, 87, 0.3);
  --lobe-color-error-fill-tertiary: rgba(248, 52, 57, 0.21);
  --lobe-color-error-fill-quaternary: rgba(250, 100, 90, 0.1);
  --lobe-color-error-bg: #340b0c;
  --lobe-color-error-bg-hover: #4b141a;
  --lobe-color-error-border: #8a3334;
  --lobe-color-error-border-hover: #aa3f3e;
  --lobe-color-error-hover: #ffa8a0;
  --lobe-color-error: #e95350;
  --lobe-color-error-active: #be3738;
  --lobe-color-error-text-hover: #ffa8a0;
  --lobe-color-error-text: #e95350;
  --lobe-color-error-text-active: #be3738;
  --lobe-color-info-fill: rgba(0, 150, 255, 0.38);
  --lobe-color-info-fill-secondary: rgba(0, 141, 252, 0.29);
  --lobe-color-info-fill-tertiary: rgba(0, 124, 252, 0.21);
  --lobe-color-info-fill-quaternary: rgba(60, 150, 240, 0.1);
  --lobe-color-info-bg: #001a35;
  --lobe-color-info-bg-hover: #002949;
  --lobe-color-info-border: #005389;
  --lobe-color-info-border-hover: #0067a9;
  --lobe-color-info-hover: #9cdaff;
  --lobe-color-info: #4cb3ff;
  --lobe-color-info-active: #0091eb;
  --lobe-color-info-text-hover: #9cdaff;
  --lobe-color-info-text: #4cb3ff;
  --lobe-color-info-text-active: #0091eb;
  --lobe-color-success-fill: rgba(112, 252, 0, 0.25);
  --lobe-color-success-fill-secondary: rgba(84, 242, 0, 0.19);
  --lobe-color-success-fill-tertiary: rgba(46, 238, 0, 0.13);
  --lobe-color-success-fill-quaternary: rgba(143, 229, 57, 0.07);
  --lobe-color-success-bg: #061f00;
  --lobe-color-success-bg-hover: #102e00;
  --lobe-color-success-border: #315a09;
  --lobe-color-success-border-hover: #3e6f06;
  --lobe-color-success-hover: #bae48c;
  --lobe-color-success: #80c933;
  --lobe-color-success-active: #67a70a;
  --lobe-color-success-text-hover: #bae48c;
  --lobe-color-success-text: #80c933;
  --lobe-color-success-text-active: #67a70a;
  --lobe-color-warning-fill: rgba(253, 147, 0, 0.32);
  --lobe-color-warning-fill-secondary: rgba(250, 142, 0, 0.24);
  --lobe-color-warning-fill-tertiary: rgba(247, 153, 0, 0.15);
  --lobe-color-warning-fill-quaternary: rgba(233, 144, 22, 0.09);
  --lobe-color-warning-bg: #251700;
  --lobe-color-warning-bg-hover: #3c2200;
  --lobe-color-warning-border: #724600;
  --lobe-color-warning-border-hover: #8d5700;
  --lobe-color-warning-hover: #ffdd9c;
  --lobe-color-warning: #ffbe45;
  --lobe-color-warning-active: #e39a00;
  --lobe-color-warning-text-hover: #ffdd9c;
  --lobe-color-warning-text: #ffbe45;
  --lobe-color-warning-text-active: #e39a00;
  --lobe-blue-1: #001740;
  --lobe-blue-2: #00285b;
  --lobe-blue-3: #003b79;
  --lobe-blue-4: #004f98;
  --lobe-blue-5: #0064b6;
  --lobe-blue-6: #0d78ce;
  --lobe-blue-7: #2d8ae0;
  --lobe-blue-8: #439aed;
  --lobe-blue-9: #60b1ff;
  --lobe-blue-10: #a7d3ff;
  --lobe-blue-11: #e0f0ff;
  --lobe-blue-1-a: rgba(0, 88, 246, 0.26);
  --lobe-blue-2-a: rgba(0, 111, 253, 0.36);
  --lobe-blue-3-a: rgba(0, 123, 252, 0.48);
  --lobe-blue-4-a: rgba(0, 132, 253, 0.6);
  --lobe-blue-5-a: rgba(0, 139, 253, 0.72);
  --lobe-blue-6-a: rgba(16, 148, 254, 0.81);
  --lobe-blue-7-a: rgba(51, 157, 255, 0.88);
  --lobe-blue-8-a: rgba(72, 166, 255, 0.93);
  --lobe-blue-9-a: #60b1ff;
  --lobe-blue-10-a: #a7d3ff;
  --lobe-blue-11-a: #e0f0ff;
  --lobe-blue-fill: rgba(0, 123, 252, 0.48);
  --lobe-blue-fill-secondary: rgba(0, 111, 253, 0.36);
  --lobe-blue-fill-tertiary: rgba(0, 88, 246, 0.26);
  --lobe-blue-fill-quaternary: rgba(0, 44, 233, 0.09);
  --lobe-blue-bg: rgba(0, 88, 246, 0.26);
  --lobe-blue-bg-hover: rgba(0, 111, 253, 0.36);
  --lobe-blue-border: #004f98;
  --lobe-blue-border-secondary: #003b79;
  --lobe-blue-border-hover: #0064b6;
  --lobe-blue-hover: #a7d3ff;
  --lobe-blue: #60b1ff;
  --lobe-blue-active: #2d8ae0;
  --lobe-blue-text-hover: #a7d3ff;
  --lobe-blue-text: #60b1ff;
  --lobe-blue-text-active: rgba(51, 157, 255, 0.88);
  --lobe-cyan-1: #00221c;
  --lobe-cyan-2: #003930;
  --lobe-cyan-3: #005245;
  --lobe-cyan-4: #006c5b;
  --lobe-cyan-5: #008772;
  --lobe-cyan-6: #2fa28a;
  --lobe-cyan-7: #55bca4;
  --lobe-cyan-8: #75d7be;
  --lobe-cyan-9: #95f3d9;
  --lobe-cyan-10: #bdf7e4;
  --lobe-cyan-11: #dffcf0;
  --lobe-cyan-1-a: rgba(0, 243, 200, 0.14);
  --lobe-cyan-2-a: rgba(0, 248, 209, 0.23);
  --lobe-cyan-3-a: rgba(0, 248, 209, 0.33);
  --lobe-cyan-4-a: rgba(0, 251, 212, 0.43);
  --lobe-cyan-5-a: rgba(0, 255, 215, 0.53);
  --lobe-cyan-6-a: rgba(73, 253, 216, 0.64);
  --lobe-cyan-7-a: rgba(115, 254, 222, 0.74);
  --lobe-cyan-8-a: rgba(138, 253, 224, 0.85);
  --lobe-cyan-9-a: rgba(155, 253, 226, 0.96);
  --lobe-cyan-10-a: rgba(195, 255, 235, 0.97);
  --lobe-cyan-11-a: rgba(225, 255, 242, 0.99);
  --lobe-cyan-fill: rgba(0, 248, 209, 0.33);
  --lobe-cyan-fill-secondary: rgba(0, 248, 209, 0.23);
  --lobe-cyan-fill-tertiary: rgba(0, 243, 200, 0.14);
  --lobe-cyan-fill-quaternary: rgba(0, 250, 150, 0.02);
  --lobe-cyan-bg: rgba(0, 243, 200, 0.14);
  --lobe-cyan-bg-hover: rgba(0, 248, 209, 0.23);
  --lobe-cyan-border: #006c5b;
  --lobe-cyan-border-secondary: #005245;
  --lobe-cyan-border-hover: #008772;
  --lobe-cyan-hover: #bdf7e4;
  --lobe-cyan: #95f3d9;
  --lobe-cyan-active: #55bca4;
  --lobe-cyan-text-hover: rgba(195, 255, 235, 0.97);
  --lobe-cyan-text: rgba(155, 253, 226, 0.96);
  --lobe-cyan-text-active: rgba(115, 254, 222, 0.74);
  --lobe-geekblue-1: #000d4c;
  --lobe-geekblue-2: #001a69;
  --lobe-geekblue-3: #002a8a;
  --lobe-geekblue-4: #003bac;
  --lobe-geekblue-5: #004cca;
  --lobe-geekblue-6: #005ae0;
  --lobe-geekblue-7: #0065ed;
  --lobe-geekblue-8: #006cf3;
  --lobe-geekblue-9: #0072f5;
  --lobe-geekblue-10: #9abeff;
  --lobe-geekblue-11: #e2ebff;
  --lobe-geekblue-1-a: rgba(0, 43, 253, 0.3);
  --lobe-geekblue-2-a: rgba(0, 62, 250, 0.42);
  --lobe-geekblue-3-a: rgba(0, 76, 251, 0.55);
  --lobe-geekblue-4-a: rgba(0, 87, 253, 0.68);
  --lobe-geekblue-5-a: rgba(0, 95, 252, 0.8);
  --lobe-geekblue-6-a: rgba(0, 102, 255, 0.88);
  --lobe-geekblue-7-a: rgba(0, 109, 255, 0.93);
  --lobe-geekblue-8-a: rgba(0, 112, 253, 0.96);
  --lobe-geekblue-9-a: rgba(0, 119, 255, 0.96);
  --lobe-geekblue-10-a: #9abeff;
  --lobe-geekblue-11-a: #e2ebff;
  --lobe-geekblue-fill: rgba(0, 76, 251, 0.55);
  --lobe-geekblue-fill-secondary: rgba(0, 62, 250, 0.42);
  --lobe-geekblue-fill-tertiary: rgba(0, 43, 253, 0.3);
  --lobe-geekblue-fill-quaternary: rgba(0, 18, 245, 0.11);
  --lobe-geekblue-bg: rgba(0, 43, 253, 0.3);
  --lobe-geekblue-bg-hover: rgba(0, 62, 250, 0.42);
  --lobe-geekblue-border: #003bac;
  --lobe-geekblue-border-secondary: #002a8a;
  --lobe-geekblue-border-hover: #004cca;
  --lobe-geekblue-hover: #9abeff;
  --lobe-geekblue: #0072f5;
  --lobe-geekblue-active: #0065ed;
  --lobe-geekblue-text-hover: #9abeff;
  --lobe-geekblue-text: rgba(0, 119, 255, 0.96);
  --lobe-geekblue-text-active: rgba(0, 109, 255, 0.93);
  --lobe-gold-1: #2a1b00;
  --lobe-gold-2: #483000;
  --lobe-gold-3: #6a4900;
  --lobe-gold-4: #916400;
  --lobe-gold-5: #b77e00;
  --lobe-gold-6: #d59300;
  --lobe-gold-7: #eaa100;
  --lobe-gold-8: #f8aa00;
  --lobe-gold-9: #ffb224;
  --lobe-gold-10: #ffdcaf;
  --lobe-gold-11: #fff4eb;
  --lobe-gold-1-a: rgba(247, 159, 0, 0.17);
  --lobe-gold-2-a: rgba(248, 166, 0, 0.29);
  --lobe-gold-3-a: rgba(252, 174, 0, 0.42);
  --lobe-gold-4-a: rgba(254, 175, 0, 0.57);
  --lobe-gold-5-a: rgba(254, 175, 0, 0.72);
  --lobe-gold-6-a: rgba(254, 175, 0, 0.84);
  --lobe-gold-7-a: rgba(254, 175, 0, 0.92);
  --lobe-gold-8-a: rgba(253, 173, 0, 0.98);
  --lobe-gold-9-a: #ffb224;
  --lobe-gold-10-a: #ffdcaf;
  --lobe-gold-11-a: #fff4eb;
  --lobe-gold-fill: rgba(252, 174, 0, 0.42);
  --lobe-gold-fill-secondary: rgba(248, 166, 0, 0.29);
  --lobe-gold-fill-tertiary: rgba(247, 159, 0, 0.17);
  --lobe-gold-fill-quaternary: rgba(233, 100, 0, 0.03);
  --lobe-gold-bg: rgba(247, 159, 0, 0.17);
  --lobe-gold-bg-hover: rgba(248, 166, 0, 0.29);
  --lobe-gold-border: #916400;
  --lobe-gold-border-secondary: #6a4900;
  --lobe-gold-border-hover: #b77e00;
  --lobe-gold-hover: #ffdcaf;
  --lobe-gold: #ffb224;
  --lobe-gold-active: #eaa100;
  --lobe-gold-text-hover: #ffdcaf;
  --lobe-gold-text: #ffb224;
  --lobe-gold-text-active: rgba(254, 175, 0, 0.92);
  --lobe-gray-1: #0d0d0d;
  --lobe-gray-2: #1a1a1a;
  --lobe-gray-3: #202020;
  --lobe-gray-4: #2d2d2d;
  --lobe-gray-5: #444444;
  --lobe-gray-6: #555555;
  --lobe-gray-7: #666666;
  --lobe-gray-8: #6f6f6f;
  --lobe-gray-9: #777777;
  --lobe-gray-10: #aaaaaa;
  --lobe-gray-11: #dddddd;
  --lobe-gray-1-a: rgba(255, 255, 255, 0.06);
  --lobe-gray-2-a: rgba(255, 255, 255, 0.10);
  --lobe-gray-3-a: rgba(255, 255, 255, 0.16);
  --lobe-gray-4-a: rgba(255, 255, 255, 0.24);
  --lobe-gray-5-a: rgba(255, 255, 255, 0.28);
  --lobe-gray-6-a: rgba(255, 255, 255, 0.32);
  --lobe-gray-7-a: rgba(255, 255, 255, 0.38);
  --lobe-gray-8-a: rgba(255, 255, 255, 0.44);
  --lobe-gray-9-a: rgba(255, 255, 255, 0.5);
  --lobe-gray-10-a: rgba(255, 255, 255, 0.66);
  --lobe-gray-11-a: rgba(255, 255, 255, 0.84);
  --lobe-gray-fill: rgba(255, 255, 255, 0.16);
  --lobe-gray-fill-secondary: rgba(255, 255, 255, 0.10);
  --lobe-gray-fill-tertiary: rgba(255, 255, 255, 0.06);
  --lobe-gray-fill-quaternary: rgba(255, 255, 255, 0.02);
  --lobe-gray-bg: rgba(255, 255, 255, 0.06);
  --lobe-gray-bg-hover: rgba(255, 255, 255, 0.10);
  --lobe-gray-border: #2d2d2d;
  --lobe-gray-border-secondary: #202020;
  --lobe-gray-border-hover: #444444;
  --lobe-gray-hover: #aaaaaa;
  --lobe-gray: #777777;
  --lobe-gray-active: #666666;
  --lobe-gray-text-hover: rgba(255, 255, 255, 0.66);
  --lobe-gray-text: rgba(255, 255, 255, 0.5);
  --lobe-gray-text-active: rgba(255, 255, 255, 0.38);
  --lobe-green-1: #001d12;
  --lobe-green-2: #002d1d;
  --lobe-green-3: #003f28;
  --lobe-green-4: #005232;
  --lobe-green-5: #00653c;
  --lobe-green-6: #007944;
  --lobe-green-7: #1b8d4d;
  --lobe-green-8: #3ba05a;
  --lobe-green-9: #62c473;
  --lobe-green-10: #96cd92;
  --lobe-green-11: #cde6c3;
  --lobe-green-1-a: rgba(0, 242, 150, 0.12);
  --lobe-green-2-a: rgba(0, 250, 161, 0.18);
  --lobe-green-3-a: rgba(0, 252, 160, 0.25);
  --lobe-green-4-a: rgba(0, 248, 152, 0.33);
  --lobe-green-5-a: rgba(0, 252, 150, 0.4);
  --lobe-green-6-a: rgba(0, 252, 142, 0.48);
  --lobe-green-7-a: rgba(48, 252, 137, 0.56);
  --lobe-green-8-a: rgba(94, 254, 143, 0.63);
  --lobe-green-9-a: rgba(120, 254, 145, 0.71);
  --lobe-green-10-a: rgba(185, 253, 180, 0.81);
  --lobe-green-11-a: rgba(225, 253, 214, 0.91);
  --lobe-green-fill: rgba(0, 252, 160, 0.25);
  --lobe-green-fill-secondary: rgba(0, 250, 161, 0.18);
  --lobe-green-fill-tertiary: rgba(0, 242, 150, 0.12);
  --lobe-green-fill-quaternary: rgba(0, 250, 150, 0.02);
  --lobe-green-bg: rgba(0, 242, 150, 0.12);
  --lobe-green-bg-hover: rgba(0, 250, 161, 0.18);
  --lobe-green-border: #005232;
  --lobe-green-border-secondary: #003f28;
  --lobe-green-border-hover: #00653c;
  --lobe-green-hover: #96cd92;
  --lobe-green: #62c473;
  --lobe-green-active: #1b8d4d;
  --lobe-green-text-hover: rgba(185, 253, 180, 0.81);
  --lobe-green-text: rgba(120, 254, 145, 0.71);
  --lobe-green-text-active: rgba(48, 252, 137, 0.56);
  --lobe-lime-1: #142100;
  --lobe-lime-2: #253700;
  --lobe-lime-3: #374f00;
  --lobe-lime-4: #4b6800;
  --lobe-lime-5: #608200;
  --lobe-lime-6: #769d00;
  --lobe-lime-7: #8fb81b;
  --lobe-lime-8: #a9d42f;
  --lobe-lime-9: #c4f042;
  --lobe-lime-10: #daf685;
  --lobe-lime-11: #eefbbe;
  --lobe-lime-1-a: rgba(154, 254, 0, 0.13);
  --lobe-lime-2-a: rgba(168, 250, 0, 0.22);
  --lobe-lime-3-a: rgba(177, 255, 0, 0.31);
  --lobe-lime-4-a: rgba(183, 254, 0, 0.41);
  --lobe-lime-5-a: rgba(188, 255, 0, 0.51);
  --lobe-lime-6-a: rgba(190, 253, 0, 0.62);
  --lobe-lime-7-a: rgba(196, 252, 37, 0.73);
  --lobe-lime-8-a: rgba(204, 255, 57, 0.83);
  --lobe-lime-9-a: rgba(209, 255, 70, 0.94);
  --lobe-lime-10-a: rgba(225, 254, 137, 0.97);
  --lobe-lime-11-a: rgba(240, 254, 192, 0.99);
  --lobe-lime-fill: rgba(177, 255, 0, 0.31);
  --lobe-lime-fill-secondary: rgba(168, 250, 0, 0.22);
  --lobe-lime-fill-tertiary: rgba(154, 254, 0, 0.13);
  --lobe-lime-fill-quaternary: rgba(100, 200, 0, 0.02);
  --lobe-lime-bg: rgba(154, 254, 0, 0.13);
  --lobe-lime-bg-hover: rgba(168, 250, 0, 0.22);
  --lobe-lime-border: #4b6800;
  --lobe-lime-border-secondary: #374f00;
  --lobe-lime-border-hover: #608200;
  --lobe-lime-hover: #daf685;
  --lobe-lime: #c4f042;
  --lobe-lime-active: #8fb81b;
  --lobe-lime-text-hover: rgba(225, 254, 137, 0.97);
  --lobe-lime-text: rgba(209, 255, 70, 0.94);
  --lobe-lime-text-active: rgba(196, 252, 37, 0.73);
  --lobe-magenta-1: #350011;
  --lobe-magenta-2: #4b001e;
  --lobe-magenta-3: #63002d;
  --lobe-magenta-4: #79093f;
  --lobe-magenta-5: #8e1752;
  --lobe-magenta-6: #a32466;
  --lobe-magenta-7: #b8317b;
  --lobe-magenta-8: #ce3e91;
  --lobe-magenta-9: #e34ba9;
  --lobe-magenta-10: #f38bcb;
  --lobe-magenta-11: #fec5e8;
  --lobe-magenta-1-a: rgba(252, 0, 81, 0.21);
  --lobe-magenta-2-a: rgba(250, 0, 100, 0.3);
  --lobe-magenta-3-a: rgba(254, 0, 115, 0.39);
  --lobe-magenta-4-a: rgba(252, 19, 131, 0.48);
  --lobe-magenta-5-a: rgba(254, 41, 146, 0.56);
  --lobe-magenta-6-a: rgba(255, 56, 159, 0.64);
  --lobe-magenta-7-a: rgba(252, 67, 168, 0.73);
  --lobe-magenta-8-a: rgba(254, 77, 179, 0.81);
  --lobe-magenta-9-a: rgba(255, 84, 190, 0.89);
  --lobe-magenta-10-a: rgba(253, 145, 211, 0.96);
  --lobe-magenta-11-a: #fec5e8;
  --lobe-magenta-fill: rgba(254, 0, 115, 0.39);
  --lobe-magenta-fill-secondary: rgba(250, 0, 100, 0.3);
  --lobe-magenta-fill-tertiary: rgba(252, 0, 81, 0.21);
  --lobe-magenta-fill-quaternary: rgba(229, 0, 29, 0.07);
  --lobe-magenta-bg: rgba(252, 0, 81, 0.21);
  --lobe-magenta-bg-hover: rgba(250, 0, 100, 0.3);
  --lobe-magenta-border: #79093f;
  --lobe-magenta-border-secondary: #63002d;
  --lobe-magenta-border-hover: #8e1752;
  --lobe-magenta-hover: #f38bcb;
  --lobe-magenta: #e34ba9;
  --lobe-magenta-active: #b8317b;
  --lobe-magenta-text-hover: rgba(253, 145, 211, 0.96);
  --lobe-magenta-text: rgba(255, 84, 190, 0.89);
  --lobe-magenta-text-active: rgba(252, 67, 168, 0.73);
  --lobe-orange-1: #291900;
  --lobe-orange-2: #462b00;
  --lobe-orange-3: #684100;
  --lobe-orange-4: #8e5900;
  --lobe-orange-5: #b36f00;
  --lobe-orange-6: #d18000;
  --lobe-orange-7: #e88b00;
  --lobe-orange-8: #f89200;
  --lobe-orange-9: #ff9927;
  --lobe-orange-10: #ffd1b1;
  --lobe-orange-11: #fff1eb;
  --lobe-orange-1-a: rgba(241, 147, 0, 0.17);
  --lobe-orange-2-a: rgba(250, 154, 0, 0.28);
  --lobe-orange-3-a: rgba(254, 159, 0, 0.41);
  --lobe-orange-4-a: rgba(254, 159, 0, 0.56);
  --lobe-orange-5-a: rgba(252, 156, 0, 0.71);
  --lobe-orange-6-a: rgba(255, 156, 0, 0.82);
  --lobe-orange-7-a: rgba(255, 153, 0, 0.91);
  --lobe-orange-8-a: rgba(253, 149, 0, 0.98);
  --lobe-orange-9-a: #ff9927;
  --lobe-orange-10-a: #ffd1b1;
  --lobe-orange-11-a: #fff1eb;
  --lobe-orange-fill: rgba(254, 159, 0, 0.41);
  --lobe-orange-fill-secondary: rgba(250, 154, 0, 0.28);
  --lobe-orange-fill-tertiary: rgba(241, 147, 0, 0.17);
  --lobe-orange-fill-quaternary: rgba(233, 100, 0, 0.03);
  --lobe-orange-bg: rgba(241, 147, 0, 0.17);
  --lobe-orange-bg-hover: rgba(250, 154, 0, 0.28);
  --lobe-orange-border: #8e5900;
  --lobe-orange-border-secondary: #684100;
  --lobe-orange-border-hover: #b36f00;
  --lobe-orange-hover: #ffd1b1;
  --lobe-orange: #ff9927;
  --lobe-orange-active: #e88b00;
  --lobe-orange-text-hover: #ffd1b1;
  --lobe-orange-text: #ff9927;
  --lobe-orange-text-active: rgba(255, 153, 0, 0.91);
  --lobe-primary-1: #111111;
  --lobe-primary-2: #333333;
  --lobe-primary-3: #555555;
  --lobe-primary-4: #666666;
  --lobe-primary-5: #888888;
  --lobe-primary-6: #aaaaaa;
  --lobe-primary-7: #cccccc;
  --lobe-primary-8: #dddddd;
  --lobe-primary-9: #eeeeee;
  --lobe-primary-10: #ffffff;
  --lobe-primary-11: #ffffff;
  --lobe-primary-1-a: rgba(255, 255, 255, 0.08);
  --lobe-primary-2-a: rgba(255, 255, 255, 0.16);
  --lobe-primary-3-a: rgba(255, 255, 255, 0.22);
  --lobe-primary-4-a: rgba(255, 255, 255, 0.36);
  --lobe-primary-5-a: rgba(255, 255, 255, 0.48);
  --lobe-primary-6-a: rgba(255, 255, 255, 0.6);
  --lobe-primary-7-a: rgba(255, 255, 255, 0.72);
  --lobe-primary-8-a: rgba(255, 255, 255, 0.84);
  --lobe-primary-9-a: rgba(255, 255, 255, 0.88);
  --lobe-primary-10-a: rgba(255, 255, 255, 0.92);
  --lobe-primary-11-a: rgba(255, 255, 255, 0.96);
  --lobe-primary-fill: rgba(255, 255, 255, 0.22);
  --lobe-primary-fill-secondary: rgba(255, 255, 255, 0.16);
  --lobe-primary-fill-tertiary: rgba(255, 255, 255, 0.08);
  --lobe-primary-fill-quaternary: rgba(255, 255, 255, 0.02);
  --lobe-primary-bg: rgba(255, 255, 255, 0.08);
  --lobe-primary-bg-hover: rgba(255, 255, 255, 0.16);
  --lobe-primary-border: #666666;
  --lobe-primary-border-secondary: #555555;
  --lobe-primary-border-hover: #888888;
  --lobe-primary-hover: #ffffff;
  --lobe-primary: #eeeeee;
  --lobe-primary-active: #cccccc;
  --lobe-primary-text-hover: rgba(255, 255, 255, 0.92);
  --lobe-primary-text: rgba(255, 255, 255, 0.88);
  --lobe-primary-text-active: rgba(255, 255, 255, 0.72);
  --lobe-purple-1: #2e002a;
  --lobe-purple-2: #42003e;
  --lobe-purple-3: #560053;
  --lobe-purple-4: #670e66;
  --lobe-purple-5: #781e78;
  --lobe-purple-6: #892b8a;
  --lobe-purple-7: #9a399e;
  --lobe-purple-8: #ab46b2;
  --lobe-purple-9: #bd54c6;
  --lobe-purple-10: #d590da;
  --lobe-purple-11: #edc7ee;
  --lobe-purple-1-a: rgba(242, 0, 221, 0.19);
  --lobe-purple-2-a: rgba(254, 0, 238, 0.26);
  --lobe-purple-3-a: rgba(253, 0, 244, 0.34);
  --lobe-purple-4-a: rgba(251, 34, 249, 0.41);
  --lobe-purple-5-a: rgba(255, 64, 255, 0.47);
  --lobe-purple-6-a: rgba(249, 78, 251, 0.55);
  --lobe-purple-7-a: rgba(248, 92, 255, 0.62);
  --lobe-purple-8-a: rgba(244, 100, 254, 0.7);
  --lobe-purple-9-a: rgba(242, 108, 254, 0.78);
  --lobe-purple-10-a: rgba(248, 167, 253, 0.86);
  --lobe-purple-11-a: rgba(252, 212, 253, 0.94);
  --lobe-purple-fill: rgba(253, 0, 244, 0.34);
  --lobe-purple-fill-secondary: rgba(254, 0, 238, 0.26);
  --lobe-purple-fill-tertiary: rgba(242, 0, 221, 0.19);
  --lobe-purple-fill-quaternary: rgba(217, 0, 183, 0.06);
  --lobe-purple-bg: rgba(242, 0, 221, 0.19);
  --lobe-purple-bg-hover: rgba(254, 0, 238, 0.26);
  --lobe-purple-border: #670e66;
  --lobe-purple-border-secondary: #560053;
  --lobe-purple-border-hover: #781e78;
  --lobe-purple-hover: #d590da;
  --lobe-purple: #bd54c6;
  --lobe-purple-active: #9a399e;
  --lobe-purple-text-hover: rgba(248, 167, 253, 0.86);
  --lobe-purple-text: rgba(242, 108, 254, 0.78);
  --lobe-purple-text-active: rgba(248, 92, 255, 0.62);
  --lobe-red-1: #380015;
  --lobe-red-2: #560023;
  --lobe-red-3: #780032;
  --lobe-red-4: #9d0042;
  --lobe-red-5: #c10251;
  --lobe-red-6: #d6225d;
  --lobe-red-7: #e43165;
  --lobe-red-8: #ee3a6a;
  --lobe-red-9: #f4416c;
  --lobe-red-10: #ffb0b7;
  --lobe-red-11: #ffe8e8;
  --lobe-red-1-a: rgba(255, 0, 95, 0.22);
  --lobe-red-2-a: rgba(253, 0, 103, 0.34);
  --lobe-red-3-a: rgba(255, 0, 106, 0.47);
  --lobe-red-4-a: rgba(253, 0, 106, 0.62);
  --lobe-red-5-a: rgba(254, 3, 107, 0.76);
  --lobe-red-6-a: rgba(255, 40, 111, 0.84);
  --lobe-red-7-a: rgba(253, 54, 112, 0.9);
  --lobe-red-8-a: rgba(253, 62, 113, 0.94);
  --lobe-red-9-a: rgba(254, 68, 112, 0.96);
  --lobe-red-10-a: #ffb0b7;
  --lobe-red-11-a: #ffe8e8;
  --lobe-red-fill: rgba(255, 0, 106, 0.47);
  --lobe-red-fill-secondary: rgba(253, 0, 103, 0.34);
  --lobe-red-fill-tertiary: rgba(255, 0, 95, 0.22);
  --lobe-red-fill-quaternary: rgba(250, 0, 50, 0.06);
  --lobe-red-bg: rgba(255, 0, 95, 0.22);
  --lobe-red-bg-hover: rgba(253, 0, 103, 0.34);
  --lobe-red-border: #9d0042;
  --lobe-red-border-secondary: #780032;
  --lobe-red-border-hover: #c10251;
  --lobe-red-hover: #ffb0b7;
  --lobe-red: #f4416c;
  --lobe-red-active: #e43165;
  --lobe-red-text-hover: #ffb0b7;
  --lobe-red-text: rgba(254, 68, 112, 0.96);
  --lobe-red-text-active: rgba(253, 54, 112, 0.9);
  --lobe-volcano-1: #2f0a00;
  --lobe-volcano-2: #451200;
  --lobe-volcano-3: #5d1900;
  --lobe-volcano-4: #762000;
  --lobe-volcano-5: #8e2a07;
  --lobe-volcano-6: #a53716;
  --lobe-volcano-7: #bc4424;
  --lobe-volcano-8: #d45132;
  --lobe-volcano-9: #ec5e41;
  --lobe-volcano-10: #ff9480;
  --lobe-volcano-11: #ffcbc3;
  --lobe-volcano-1-a: rgba(247, 53, 0, 0.19);
  --lobe-volcano-2-a: rgba(246, 64, 0, 0.28);
  --lobe-volcano-3-a: rgba(251, 68, 0, 0.37);
  --lobe-volcano-4-a: rgba(251, 68, 0, 0.47);
  --lobe-volcano-5-a: rgba(254, 75, 12, 0.56);
  --lobe-volcano-6-a: rgba(254, 85, 34, 0.65);
  --lobe-volcano-7-a: rgba(254, 92, 49, 0.74);
  --lobe-volcano-8-a: rgba(255, 98, 60, 0.83);
  --lobe-volcano-9-a: rgba(254, 101, 70, 0.93);
  --lobe-volcano-10-a: #ff9480;
  --lobe-volcano-11-a: #ffcbc3;
  --lobe-volcano-fill: rgba(251, 68, 0, 0.37);
  --lobe-volcano-fill-secondary: rgba(246, 64, 0, 0.28);
  --lobe-volcano-fill-tertiary: rgba(247, 53, 0, 0.19);
  --lobe-volcano-fill-quaternary: rgba(240, 20, 0, 0.05);
  --lobe-volcano-bg: rgba(247, 53, 0, 0.19);
  --lobe-volcano-bg-hover: rgba(246, 64, 0, 0.28);
  --lobe-volcano-border: #762000;
  --lobe-volcano-border-secondary: #5d1900;
  --lobe-volcano-border-hover: #8e2a07;
  --lobe-volcano-hover: #ff9480;
  --lobe-volcano: #ec5e41;
  --lobe-volcano-active: #bc4424;
  --lobe-volcano-text-hover: #ff9480;
  --lobe-volcano-text: rgba(254, 101, 70, 0.93);
  --lobe-volcano-text-active: rgba(254, 92, 49, 0.74);
  --lobe-yellow-1: #251d00;
  --lobe-yellow-2: #3e3300;
  --lobe-yellow-3: #584a00;
  --lobe-yellow-4: #736300;
  --lobe-yellow-5: #8e7d00;
  --lobe-yellow-6: #ab9800;
  --lobe-yellow-7: #c7b426;
  --lobe-yellow-8: #e3d142;
  --lobe-yellow-9: #ffef5c;
  --lobe-yellow-10: #fff594;
  --lobe-yellow-11: #fffad3;
  --lobe-yellow-1-a: rgba(247, 193, 0, 0.15);
  --lobe-yellow-2-a: rgba(248, 204, 0, 0.25);
  --lobe-yellow-3-a: rgba(251, 211, 0, 0.35);
  --lobe-yellow-4-a: rgba(250, 215, 0, 0.46);
  --lobe-yellow-5-a: rgba(254, 223, 0, 0.56);
  --lobe-yellow-6-a: rgba(255, 227, 0, 0.67);
  --lobe-yellow-7-a: rgba(255, 231, 49, 0.78);
  --lobe-yellow-8-a: rgba(255, 235, 74, 0.89);
  --lobe-yellow-9-a: #ffef5c;
  --lobe-yellow-10-a: #fff594;
  --lobe-yellow-11-a: #fffad3;
  --lobe-yellow-fill: rgba(251, 211, 0, 0.35);
  --lobe-yellow-fill-secondary: rgba(248, 204, 0, 0.25);
  --lobe-yellow-fill-tertiary: rgba(247, 193, 0, 0.15);
  --lobe-yellow-fill-quaternary: rgba(250, 200, 0, 0.02);
  --lobe-yellow-bg: rgba(247, 193, 0, 0.15);
  --lobe-yellow-bg-hover: rgba(248, 204, 0, 0.25);
  --lobe-yellow-border: #736300;
  --lobe-yellow-border-secondary: #584a00;
  --lobe-yellow-border-hover: #8e7d00;
  --lobe-yellow-hover: #fff594;
  --lobe-yellow: #ffef5c;
  --lobe-yellow-active: #c7b426;
  --lobe-yellow-text-hover: #fff594;
  --lobe-yellow-text: #ffef5c;
  --lobe-yellow-text-active: rgba(255, 231, 49, 0.78);
  --lobe-box-shadow: 0 40px 80px rgba(0, 0, 0, 0.09), 0 20px 40px rgba(0, 0, 0, 0.08), 0 10px 20px rgba(0, 0, 0, 0.06), 0 5px 10px rgba(0, 0, 0, 0.05), 0 2px 4px rgba(0, 0, 0, 0.03);
  --lobe-box-shadow-secondary: 0 17.5px 23.4px rgba(0, 0, 0, 0.06), 0 9.4px 12.5px rgba(0, 0, 0, 0.05), 0 5.25px 7px rgba(0, 0, 0, 0.03), 0 2.8px 3.7px -2px rgba(0, 0, 0, 0.02), 0 1.2px 1.5px rgba(0, 0, 0, 0.02);
  --lobe-box-shadow-tertiary: 0 1px 2px rgba(0, 0, 0, 0.06), 0 2px 4px rgba(0, 0, 0, 0.03);
  --lobe-color-error-affix: #e95350;
  --lobe-color-highlight: #e95350;
  --lobe-color-link: #4cb3ff;
  --lobe-color-link-active: #0091eb;
  --lobe-color-link-hover: #9cdaff;
  --lobe-color-warning-affix: #ffbe45;
  --lobe-color-primary-fill: rgba(255, 255, 255, 0.22);
  --lobe-color-primary-fill-secondary: rgba(255, 255, 255, 0.16);
  --lobe-color-primary-fill-tertiary: rgba(255, 255, 255, 0.08);
  --lobe-color-primary-fill-quaternary: rgba(255, 255, 255, 0.02);
  --lobe-color-primary-bg: #111111;
  --lobe-color-primary-bg-hover: #333333;
  --lobe-color-primary-border: #666666;
  --lobe-color-primary-border-hover: #888888;
  --lobe-color-primary-hover: #ffffff;
  --lobe-color-primary: #eeeeee;
  --lobe-color-primary-active: #cccccc;
  --lobe-color-primary-text-hover: #ffffff;
  --lobe-color-primary-text: #eeeeee;
  --lobe-color-primary-text-active: #cccccc;
  --lobe-control-item-bg-active: #111111;
  --lobe-control-item-bg-active-hover: #333333;
  --lobe-color-bg-container: #0d0d0d;
  --lobe-color-bg-elevated: #1a1a1a;
  --lobe-color-bg-layout: #000000;
  --lobe-color-bg-mask: rgba(0, 0, 0, 0.44);
  --lobe-color-bg-spotlight: #2d2d2d;
  --lobe-color-border: #202020;
  --lobe-color-border-secondary: #1a1a1a;
  --lobe-color-fill: rgba(255, 255, 255, 0.16);
  --lobe-color-fill-quaternary: rgba(255, 255, 255, 0.02);
  --lobe-color-fill-secondary: rgba(255, 255, 255, 0.10);
  --lobe-color-fill-tertiary: rgba(255, 255, 255, 0.06);
  --lobe-color-text: #e6e6e6;
  --lobe-color-text-quaternary: #6b6b6b;
  --lobe-color-text-secondary: #b4b4b4;
  --lobe-color-text-tertiary: #8f8f8f;
  --lobe-color-bg-container-disabled: rgba(255, 255, 255, 0.06);
  --lobe-color-bg-container-secondary: #060606;
  --lobe-color-bg-text-active: rgba(255, 255, 255, 0.16);
  --lobe-color-bg-text-hover: rgba(255, 255, 255, 0.10);
  --lobe-color-border-bg: #0d0d0d;
  --lobe-color-error-outline: rgba(242,1,7,0.17);
  --lobe-color-fill-alter: rgba(255, 255, 255, 0.02);
  --lobe-color-fill-content: rgba(255, 255, 255, 0.10);
  --lobe-color-fill-content-hover: rgba(255, 255, 255, 0.16);
  --lobe-color-icon: #8f8f8f;
  --lobe-color-icon-hover: #e6e6e6;
  --lobe-color-split: rgba(230,230,230,0.06);
  --lobe-color-text-description: #8f8f8f;
  --lobe-color-text-disabled: #6b6b6b;
  --lobe-color-text-heading: #e6e6e6;
  --lobe-color-text-label: #b4b4b4;
  --lobe-color-text-placeholder: #6b6b6b;
  --lobe-color-warning-outline: rgba(38,23,0,0.97);
  --lobe-control-item-bg-active-disabled: rgba(255, 255, 255, 0.16);
  --lobe-control-item-bg-hover: rgba(255, 255, 255, 0.06);
  --lobe-control-tmp-outline: rgba(255, 255, 255, 0.02);
  --lobe-ring: 0 0 0 1px rgb(255 255 255 / 18%);
  --lobe-fill-border: var(--lobe-color-fill-secondary);
  --lobe-fill-border-strong: var(--lobe-color-fill);
  --lobe-table-cell-bg: transparent;
  --lobe-table-surface: var(--lobe-color-fill-quaternary);
  color-scheme: dark;
}

[data-primary-color='blue']:not([data-theme='dark']) {
  --lobe-color-primary-fill: rgba(8, 126, 255, 0.17);
  --lobe-color-primary-fill-secondary: rgba(19, 128, 255, 0.11);
  --lobe-color-primary-fill-tertiary: rgba(38, 138, 255, 0.06);
  --lobe-color-primary-fill-quaternary: rgba(105, 105, 255, 0.02);
  --lobe-color-primary-bg: #fcfcff;
  --lobe-color-primary-bg-hover: #f2f8ff;
  --lobe-color-primary-border: #d5e9ff;
  --lobe-color-primary-border-hover: #e5f1ff;
  --lobe-color-primary-hover: #76baff;
  --lobe-color-primary: #57abf9;
  --lobe-color-primary-active: #0d78ce;
  --lobe-color-primary-text-hover: #76baff;
  --lobe-color-primary-text: #57abf9;
  --lobe-color-primary-text-active: #0d78ce;
  --lobe-control-item-bg-active: #fcfcff;
  --lobe-control-item-bg-active-hover: #f2f8ff;
}

[data-primary-color='cyan']:not([data-theme='dark']) {
  --lobe-color-primary-fill: rgba(11, 249, 161, 0.16);
  --lobe-color-primary-fill-secondary: rgba(0, 255, 155, 0.11);
  --lobe-color-primary-fill-tertiary: rgba(26, 255, 155, 0.07);
  --lobe-color-primary-fill-quaternary: rgba(55, 255, 122, 0.03);
  --lobe-color-primary-bg: #f9fffb;
  --lobe-color-primary-bg-hover: #effff8;
  --lobe-color-primary-border: #d8fef0;
  --lobe-color-primary-border-hover: #e3fff4;
  --lobe-color-primary-hover: #a5f6de;
  --lobe-color-primary: #95f3d9;
  --lobe-color-primary-active: #2fa28a;
  --lobe-color-primary-text-hover: #a5f6de;
  --lobe-color-primary-text: #95f3d9;
  --lobe-color-primary-text-active: #2fa28a;
  --lobe-control-item-bg-active: #f9fffb;
  --lobe-control-item-bg-active-hover: #effff8;
}

[data-primary-color='geekblue']:not([data-theme='dark']) {
  --lobe-color-primary-fill: rgba(10, 95, 255, 0.2);
  --lobe-color-primary-fill-secondary: rgba(13, 88, 255, 0.12);
  --lobe-color-primary-fill-tertiary: rgba(22, 88, 255, 0.06);
  --lobe-color-primary-fill-quaternary: rgba(105, 55, 255, 0.02);
  --lobe-color-primary-bg: #fcfbff;
  --lobe-color-primary-bg-hover: #f1f5ff;
  --lobe-color-primary-border: #cedfff;
  --lobe-color-primary-border-hover: #e2ebff;
  --lobe-color-primary-hover: #4c90ff;
  --lobe-color-primary: #0072f5;
  --lobe-color-primary-active: #005ae0;
  --lobe-color-primary-text-hover: #4c90ff;
  --lobe-color-primary-text: #0072f5;
  --lobe-color-primary-text-active: #005ae0;
  --lobe-control-item-bg-active: #fcfbff;
  --lobe-control-item-bg-active-hover: #f1f5ff;
}

[data-primary-color='gold']:not([data-theme='dark']) {
  --lobe-color-primary-fill: rgba(255, 134, 5, 0.20);
  --lobe-color-primary-fill-secondary: rgba(255, 117, 5, 0.16);
  --lobe-color-primary-fill-tertiary: rgba(255,155,55,0.08);
  --lobe-color-primary-fill-quaternary: rgba(255,145,55,0.04);
  --lobe-color-primary-bg: #fffdff;
  --lobe-color-primary-bg-hover: #fff9f7;
  --lobe-color-primary-border: #ffeedc;
  --lobe-color-primary-border-hover: #fff4eb;
  --lobe-color-primary-hover: #ffc368;
  --lobe-color-primary: #ee9e0b;
  --lobe-color-primary-active: #d59300;
  --lobe-color-primary-text-hover: #ffc368;
  --lobe-color-primary-text: #ee9e0b;
  --lobe-color-primary-text-active: #d59300;
  --lobe-control-item-bg-active: #fffdff;
  --lobe-control-item-bg-active-hover: #fff9f7;
}

[data-primary-color='green']:not([data-theme='dark']) {
  --lobe-color-primary-fill: rgba(40, 174, 1, 0.26);
  --lobe-color-primary-fill-secondary: rgba(60, 190, 10, 0.14);
  --lobe-color-primary-fill-tertiary: rgba(84, 205, 12, 0.10);
  --lobe-color-primary-fill-quaternary: rgba(117, 230, 5, 0.06);
  --lobe-color-primary-bg: #f4fdeb;
  --lobe-color-primary-bg-hover: #e7f8dd;
  --lobe-color-primary-border: #c7eabd;
  --lobe-color-primary-border-hover: #d8f2ce;
  --lobe-color-primary-hover: #71c179;
  --lobe-color-primary: #379d4a;
  --lobe-color-primary-active: #007944;
  --lobe-color-primary-text-hover: #71c179;
  --lobe-color-primary-text: #379d4a;
  --lobe-color-primary-text-active: #007944;
  --lobe-control-item-bg-active: #f4fdeb;
  --lobe-control-item-bg-active-hover: #e7f8dd;
}

[data-primary-color='lime']:not([data-theme='dark']) {
  --lobe-color-primary-fill: rgba(193, 249, 5, 0.32);
  --lobe-color-primary-fill-secondary: rgba(203, 255, 7, 0.25);
  --lobe-color-primary-fill-tertiary: rgba(218, 255, 11, 0.16);
  --lobe-color-primary-fill-quaternary: rgba(242, 255, 5, 0.08);
  --lobe-color-primary-bg: #feffeb;
  --lobe-color-primary-bg-hover: #f9ffd8;
  --lobe-color-primary-border: #ebfdaf;
  --lobe-color-primary-border-hover: #f2ffc1;
  --lobe-color-primary-hover: #cdf35c;
  --lobe-color-primary: #c4f042;
  --lobe-color-primary-active: #769d00;
  --lobe-color-primary-text-hover: #cdf35c;
  --lobe-color-primary-text: #c4f042;
  --lobe-color-primary-text-active: #769d00;
  --lobe-control-item-bg-active: #feffeb;
  --lobe-control-item-bg-active-hover: #f9ffd8;
}

[data-primary-color='magenta']:not([data-theme='dark']) {
  --lobe-color-primary-fill: rgba(255, 0, 146, 0.22);
  --lobe-color-primary-fill-secondary: rgba(255, 8, 142, 0.15);
  --lobe-color-primary-fill-tertiary: rgba(255, 22, 133, 0.09);
  --lobe-color-primary-fill-quaternary: rgba(255, 55, 105, 0.04);
  --lobe-color-primary-bg: #fff7f9;
  --lobe-color-primary-bg-hover: #ffeaf4;
  --lobe-color-primary-border: #ffc7e7;
  --lobe-color-primary-border-hover: #ffdaee;
  --lobe-color-primary-hover: #ef67ba;
  --lobe-color-primary: #e34ba9;
  --lobe-color-primary-active: #a32466;
  --lobe-color-primary-text-hover: #ef67ba;
  --lobe-color-primary-text: #e34ba9;
  --lobe-color-primary-text-active: #a32466;
  --lobe-control-item-bg-active: #fff7f9;
  --lobe-control-item-bg-active-hover: #ffeaf4;
}

[data-primary-color='orange']:not([data-theme='dark']) {
  --lobe-color-primary-fill: rgba(255, 98, 12, 0.16);
  --lobe-color-primary-fill-secondary: rgba(255, 80, 5, 0.12);
  --lobe-color-primary-fill-tertiary: rgba(255, 80, 30, 0.08);
  --lobe-color-primary-fill-quaternary: rgba(255, 105, 255, 0.03);
  --lobe-color-primary-bg: #fffcff;
  --lobe-color-primary-bg-hover: #fff8f6;
  --lobe-color-primary-border: #ffe9dd;
  --lobe-color-primary-border-hover: #fff1eb;
  --lobe-color-primary-hover: #ffb06a;
  --lobe-color-primary: #f88c13;
  --lobe-color-primary-active: #d18000;
  --lobe-color-primary-text-hover: #ffb06a;
  --lobe-color-primary-text: #f88c13;
  --lobe-color-primary-text-active: #d18000;
  --lobe-control-item-bg-active: #fffcff;
  --lobe-control-item-bg-active-hover: #fff8f6;
}

[data-primary-color='purple']:not([data-theme='dark']) {
  --lobe-color-primary-fill: rgba(218, 9, 226, 0.24);
  --lobe-color-primary-fill-secondary: rgba(243, 14, 249, 0.16);
  --lobe-color-primary-fill-tertiary: rgba(255, 15, 235, 0.08);
  --lobe-color-primary-fill-quaternary: rgba(255, 30, 155, 0.04);
  --lobe-color-primary-bg: #fff6fb;
  --lobe-color-primary-bg-hover: #ffe7fd;
  --lobe-color-primary-border: #f6c4f8;
  --lobe-color-primary-border-hover: #fdd6fe;
  --lobe-color-primary-hover: #cb6ed2;
  --lobe-color-primary: #bd54c6;
  --lobe-color-primary-active: #892b8a;
  --lobe-color-primary-text-hover: #cb6ed2;
  --lobe-color-primary-text: #bd54c6;
  --lobe-color-primary-text-active: #892b8a;
  --lobe-control-item-bg-active: #fff6fb;
  --lobe-control-item-bg-active-hover: #ffe7fd;
}

[data-primary-color='red']:not([data-theme='dark']) {
  --lobe-color-primary-fill: rgba(255, 8, 15, 0.15);
  --lobe-color-primary-fill-secondary: rgba(255, 25, 25, 0.1);
  --lobe-color-primary-fill-tertiary: rgba(255, 15, 15, 0.05);
  --lobe-color-primary-fill-quaternary: rgba(255, 55, 255, 0.02);
  --lobe-color-primary-bg: #fffbff;
  --lobe-color-primary-bg-hover: #fff3f3;
  --lobe-color-primary-border: #ffdadb;
  --lobe-color-primary-border-hover: #ffe8e8;
  --lobe-color-primary-hover: #ff6f87;
  --lobe-color-primary: #f4416c;
  --lobe-color-primary-active: #d6225d;
  --lobe-color-primary-text-hover: #ff6f87;
  --lobe-color-primary-text: #f4416c;
  --lobe-color-primary-text-active: #d6225d;
  --lobe-control-item-bg-active: #fffbff;
  --lobe-control-item-bg-active-hover: #fff3f3;
}

[data-primary-color='volcano']:not([data-theme='dark']) {
  --lobe-color-primary-fill: rgba(255, 42, 3, 0.20);
  --lobe-color-primary-fill-secondary: rgba(255, 35, 2, 0.12);
  --lobe-color-primary-fill-tertiary: rgba(255, 44, 11, 0.06);
  --lobe-color-primary-fill-quaternary: rgba(255, 55, 30, 0.04);
  --lobe-color-primary-bg: #fff7f6;
  --lobe-color-primary-bg-hover: #ffece9;
  --lobe-color-primary-border: #ffcec5;
  --lobe-color-primary-border-hover: #ffded9;
  --lobe-color-primary-hover: #fb745a;
  --lobe-color-primary: #ec5e41;
  --lobe-color-primary-active: #a53716;
  --lobe-color-primary-text-hover: #fb745a;
  --lobe-color-primary-text: #ec5e41;
  --lobe-color-primary-text-active: #a53716;
  --lobe-control-item-bg-active: #fff7f6;
  --lobe-control-item-bg-active-hover: #ffece9;
}

[data-primary-color='yellow']:not([data-theme='dark']) {
  --lobe-color-primary-fill: rgba(255, 222, 8, 0.15);
  --lobe-color-primary-fill-secondary: rgba(255, 188, 22, 0.06);
  --lobe-color-primary-fill-tertiary: rgba(255, 105, 255, 0.02);
  --lobe-color-primary-fill-quaternary: rgba(255, 155, 255, 0.01);
  --lobe-color-primary-bg: #fffeff;
  --lobe-color-primary-bg-hover: #fffcff;
  --lobe-color-primary-border: #fffada;
  --lobe-color-primary-border-hover: #fffbf1;
  --lobe-color-primary-hover: #fff279;
  --lobe-color-primary: #ffef5c;
  --lobe-color-primary-active: #ab9800;
  --lobe-color-primary-text-hover: #fff279;
  --lobe-color-primary-text: #ffef5c;
  --lobe-color-primary-text-active: #ab9800;
  --lobe-control-item-bg-active: #fffeff;
  --lobe-control-item-bg-active-hover: #fffcff;
}

[data-neutral-color='mauve']:not([data-theme='dark']) {
  --lobe-color-bg-container: #ffffff;
  --lobe-color-bg-elevated: #ffffff;
  --lobe-color-bg-layout: #fcf8fb;
  --lobe-color-bg-mask: rgba(6, 1, 14, 0.41);
  --lobe-color-bg-spotlight: #d1ced2;
  --lobe-color-border: #dfdcdf;
  --lobe-color-border-secondary: #edeaed;
  --lobe-color-fill: rgba(26, 5, 26, 0.14);
  --lobe-color-fill-quaternary: rgba(0, 0, 0, 0.015);
  --lobe-color-fill-secondary: rgba(55, 22, 55, 0.09);
  --lobe-color-fill-tertiary: rgba(155, 22, 122, 0.03);
  --lobe-color-text: #1f1f23;
  --lobe-color-text-quaternary: #b1afb5;
  --lobe-color-text-secondary: #67656b;
  --lobe-color-text-tertiary: #8b898f;
  --lobe-color-bg-container-disabled: rgba(155, 22, 122, 0.03);
  --lobe-color-bg-container-secondary: #fdfbfd;
  --lobe-color-bg-text-active: rgba(26, 5, 26, 0.14);
  --lobe-color-bg-text-hover: rgba(55, 22, 55, 0.09);
  --lobe-color-border-bg: #ffffff;
  --lobe-color-error-outline: rgba(230,80,55,0.04);
  --lobe-color-fill-alter: rgba(0, 0, 0, 0.015);
  --lobe-color-fill-content: rgba(55, 22, 55, 0.09);
  --lobe-color-fill-content-hover: rgba(26, 5, 26, 0.14);
  --lobe-color-icon: #8b898f;
  --lobe-color-icon-hover: #1f1f23;
  --lobe-color-split: rgba(55,22,55,0.09);
  --lobe-color-text-description: #8b898f;
  --lobe-color-text-disabled: #b1afb5;
  --lobe-color-text-heading: #1f1f23;
  --lobe-color-text-label: #67656b;
  --lobe-color-text-placeholder: #b1afb5;
  --lobe-color-warning-outline: rgba(255,115,15,0.05);
  --lobe-control-item-bg-active-disabled: rgba(26, 5, 26, 0.14);
  --lobe-control-item-bg-hover: rgba(155, 22, 122, 0.03);
  --lobe-control-tmp-outline: rgba(0, 0, 0, 0.015);
}

[data-neutral-color='olive']:not([data-theme='dark']) {
  --lobe-color-bg-container: #ffffff;
  --lobe-color-bg-elevated: #ffffff;
  --lobe-color-bg-layout: #faf9f4;
  --lobe-color-bg-mask: rgba(11, 18, 4, 0.43);
  --lobe-color-bg-spotlight: #cfcfc9;
  --lobe-color-border: #ddddd7;
  --lobe-color-border-secondary: #ecebe6;
  --lobe-color-fill: rgba(43, 43, 5, 0.16);
  --lobe-color-fill-quaternary: rgba(0, 0, 0, 0.015);
  --lobe-color-fill-secondary: rgba(65, 55, 5, 0.1);
  --lobe-color-fill-tertiary: rgba(155, 135, 35, 0.05);
  --lobe-color-text: #1d201c;
  --lobe-color-text-quaternary: #aeb1aa;
  --lobe-color-text-secondary: #646762;
  --lobe-color-text-tertiary: #888b85;
  --lobe-color-bg-container-disabled: rgba(155, 135, 35, 0.05);
  --lobe-color-bg-container-secondary: #fcfcf9;
  --lobe-color-bg-text-active: rgba(43, 43, 5, 0.16);
  --lobe-color-bg-text-hover: rgba(65, 55, 5, 0.1);
  --lobe-color-border-bg: #ffffff;
  --lobe-color-error-outline: rgba(230,80,55,0.04);
  --lobe-color-fill-alter: rgba(0, 0, 0, 0.015);
  --lobe-color-fill-content: rgba(65, 55, 5, 0.1);
  --lobe-color-fill-content-hover: rgba(43, 43, 5, 0.16);
  --lobe-color-icon: #888b85;
  --lobe-color-icon-hover: #1d201c;
  --lobe-color-split: rgba(65,55,5,0.1);
  --lobe-color-text-description: #888b85;
  --lobe-color-text-disabled: #aeb1aa;
  --lobe-color-text-heading: #1d201c;
  --lobe-color-text-label: #646762;
  --lobe-color-text-placeholder: #aeb1aa;
  --lobe-color-warning-outline: rgba(255,115,15,0.05);
  --lobe-control-item-bg-active-disabled: rgba(43, 43, 5, 0.16);
  --lobe-control-item-bg-hover: rgba(155, 135, 35, 0.05);
  --lobe-control-tmp-outline: rgba(0, 0, 0, 0.015);
}

[data-neutral-color='sage']:not([data-theme='dark']) {
  --lobe-color-bg-container: #ffffff;
  --lobe-color-bg-elevated: #ffffff;
  --lobe-color-bg-layout: #f5faf4;
  --lobe-color-bg-mask: rgba(4, 18, 11, 0.43);
  --lobe-color-bg-spotlight: #c9cfc9;
  --lobe-color-border: #d7ddd7;
  --lobe-color-border-secondary: #e7ece6;
  --lobe-color-fill: rgba(5, 43, 5, 0.16);
  --lobe-color-fill-quaternary: rgba(0, 0, 0, 0.015);
  --lobe-color-fill-secondary: rgba(15, 65, 5, 0.1);
  --lobe-color-fill-tertiary: rgba(55, 155, 35, 0.05);
  --lobe-color-text: #1b201e;
  --lobe-color-text-quaternary: #abb1ae;
  --lobe-color-text-secondary: #616765;
  --lobe-color-text-tertiary: #868c89;
  --lobe-color-bg-container-disabled: rgba(55, 155, 35, 0.05);
  --lobe-color-bg-container-secondary: #fafcf9;
  --lobe-color-bg-text-active: rgba(5, 43, 5, 0.16);
  --lobe-color-bg-text-hover: rgba(15, 65, 5, 0.1);
  --lobe-color-border-bg: #ffffff;
  --lobe-color-error-outline: rgba(230,80,55,0.04);
  --lobe-color-fill-alter: rgba(0, 0, 0, 0.015);
  --lobe-color-fill-content: rgba(15, 65, 5, 0.1);
  --lobe-color-fill-content-hover: rgba(5, 43, 5, 0.16);
  --lobe-color-icon: #868c89;
  --lobe-color-icon-hover: #1b201e;
  --lobe-color-split: rgba(15,65,5,0.1);
  --lobe-color-text-description: #868c89;
  --lobe-color-text-disabled: #abb1ae;
  --lobe-color-text-heading: #1b201e;
  --lobe-color-text-label: #616765;
  --lobe-color-text-placeholder: #abb1ae;
  --lobe-color-warning-outline: rgba(255,115,15,0.05);
  --lobe-control-item-bg-active-disabled: rgba(5, 43, 5, 0.16);
  --lobe-control-item-bg-hover: rgba(55, 155, 35, 0.05);
  --lobe-control-tmp-outline: rgba(0, 0, 0, 0.015);
}

[data-neutral-color='sand']:not([data-theme='dark']) {
  --lobe-color-bg-container: #ffffff;
  --lobe-color-bg-elevated: #ffffff;
  --lobe-color-bg-layout: #fcf9f3;
  --lobe-color-bg-mask: rgba(23, 21, 3, 0.44);
  --lobe-color-bg-spotlight: #d1cfc7;
  --lobe-color-border: #dfddd5;
  --lobe-color-border-secondary: #edebe4;
  --lobe-color-fill: rgba(67, 55, 8, 0.17);
  --lobe-color-fill-quaternary: rgba(0, 0, 0, 0.015);
  --lobe-color-fill-secondary: rgba(91, 73, 10, 0.11);
  --lobe-color-fill-tertiary: rgba(195, 135, 15, 0.05);
  --lobe-color-text: #1f201a;
  --lobe-color-text-quaternary: #b2b0a8;
  --lobe-color-text-secondary: #67665f;
  --lobe-color-text-tertiary: #8b8a82;
  --lobe-color-bg-container-disabled: rgba(195, 135, 15, 0.05);
  --lobe-color-bg-container-secondary: #fdfcf9;
  --lobe-color-bg-text-active: rgba(67, 55, 8, 0.17);
  --lobe-color-bg-text-hover: rgba(91, 73, 10, 0.11);
  --lobe-color-border-bg: #ffffff;
  --lobe-color-error-outline: rgba(230,80,55,0.04);
  --lobe-color-fill-alter: rgba(0, 0, 0, 0.015);
  --lobe-color-fill-content: rgba(91, 73, 10, 0.11);
  --lobe-color-fill-content-hover: rgba(67, 55, 8, 0.17);
  --lobe-color-icon: #8b8a82;
  --lobe-color-icon-hover: #1f201a;
  --lobe-color-split: rgba(91,73,10,0.11);
  --lobe-color-text-description: #8b8a82;
  --lobe-color-text-disabled: #b2b0a8;
  --lobe-color-text-heading: #1f201a;
  --lobe-color-text-label: #67665f;
  --lobe-color-text-placeholder: #b2b0a8;
  --lobe-color-warning-outline: rgba(255,115,15,0.05);
  --lobe-control-item-bg-active-disabled: rgba(67, 55, 8, 0.17);
  --lobe-control-item-bg-hover: rgba(195, 135, 15, 0.05);
  --lobe-control-tmp-outline: rgba(0, 0, 0, 0.015);
}

[data-neutral-color='slate']:not([data-theme='dark']) {
  --lobe-color-bg-container: #ffffff;
  --lobe-color-bg-elevated: #ffffff;
  --lobe-color-bg-layout: #f9f9fa;
  --lobe-color-bg-mask: rgba(5, 10, 17, 0.42);
  --lobe-color-bg-spotlight: #cecfd0;
  --lobe-color-border: #dcddde;
  --lobe-color-border-secondary: #ebebec;
  --lobe-color-fill: rgba(5, 12, 19, 0.14);
  --lobe-color-fill-quaternary: rgba(0, 0, 0, 0.015);
  --lobe-color-fill-secondary: rgba(5, 5, 17, 0.08);
  --lobe-color-fill-tertiary: rgba(55, 55, 88, 0.03);
  --lobe-color-text: #1d1f22;
  --lobe-color-text-quaternary: #aeb0b3;
  --lobe-color-text-secondary: #646669;
  --lobe-color-text-tertiary: #888a8d;
  --lobe-color-bg-container-disabled: rgba(55, 55, 88, 0.03);
  --lobe-color-bg-container-secondary: #fcfcfc;
  --lobe-color-bg-text-active: rgba(5, 12, 19, 0.14);
  --lobe-color-bg-text-hover: rgba(5, 5, 17, 0.08);
  --lobe-color-border-bg: #ffffff;
  --lobe-color-error-outline: rgba(230,80,55,0.04);
  --lobe-color-fill-alter: rgba(0, 0, 0, 0.015);
  --lobe-color-fill-content: rgba(5, 5, 17, 0.08);
  --lobe-color-fill-content-hover: rgba(5, 12, 19, 0.14);
  --lobe-color-icon: #888a8d;
  --lobe-color-icon-hover: #1d1f22;
  --lobe-color-split: rgba(5,5,17,0.08);
  --lobe-color-text-description: #888a8d;
  --lobe-color-text-disabled: #aeb0b3;
  --lobe-color-text-heading: #1d1f22;
  --lobe-color-text-label: #646669;
  --lobe-color-text-placeholder: #aeb0b3;
  --lobe-color-warning-outline: rgba(255,115,15,0.05);
  --lobe-control-item-bg-active-disabled: rgba(5, 12, 19, 0.14);
  --lobe-control-item-bg-hover: rgba(55, 55, 88, 0.03);
  --lobe-control-tmp-outline: rgba(0, 0, 0, 0.015);
}

[data-primary-color='blue'][data-theme='dark'] {
  --lobe-color-primary-fill: rgba(0, 123, 252, 0.48);
  --lobe-color-primary-fill-secondary: rgba(0, 111, 253, 0.36);
  --lobe-color-primary-fill-tertiary: rgba(0, 88, 246, 0.26);
  --lobe-color-primary-fill-quaternary: rgba(0, 44, 233, 0.09);
  --lobe-color-primary-bg: #001740;
  --lobe-color-primary-bg-hover: #00285b;
  --lobe-color-primary-border: #004f98;
  --lobe-color-primary-border-hover: #0064b6;
  --lobe-color-primary-hover: #a7d3ff;
  --lobe-color-primary: #60b1ff;
  --lobe-color-primary-active: #2d8ae0;
  --lobe-color-primary-text-hover: #a7d3ff;
  --lobe-color-primary-text: #60b1ff;
  --lobe-color-primary-text-active: #2d8ae0;
  --lobe-control-item-bg-active: #001740;
  --lobe-control-item-bg-active-hover: #00285b;
}

[data-primary-color='cyan'][data-theme='dark'] {
  --lobe-color-primary-fill: rgba(0, 248, 209, 0.33);
  --lobe-color-primary-fill-secondary: rgba(0, 248, 209, 0.23);
  --lobe-color-primary-fill-tertiary: rgba(0, 243, 200, 0.14);
  --lobe-color-primary-fill-quaternary: rgba(0, 250, 150, 0.02);
  --lobe-color-primary-bg: #00221c;
  --lobe-color-primary-bg-hover: #003930;
  --lobe-color-primary-border: #006c5b;
  --lobe-color-primary-border-hover: #008772;
  --lobe-color-primary-hover: #bdf7e4;
  --lobe-color-primary: #95f3d9;
  --lobe-color-primary-active: #55bca4;
  --lobe-color-primary-text-hover: #bdf7e4;
  --lobe-color-primary-text: #95f3d9;
  --lobe-color-primary-text-active: #55bca4;
  --lobe-control-item-bg-active: #00221c;
  --lobe-control-item-bg-active-hover: #003930;
}

[data-primary-color='geekblue'][data-theme='dark'] {
  --lobe-color-primary-fill: rgba(0, 76, 251, 0.55);
  --lobe-color-primary-fill-secondary: rgba(0, 62, 250, 0.42);
  --lobe-color-primary-fill-tertiary: rgba(0, 43, 253, 0.3);
  --lobe-color-primary-fill-quaternary: rgba(0, 18, 245, 0.11);
  --lobe-color-primary-bg: #000d4c;
  --lobe-color-primary-bg-hover: #001a69;
  --lobe-color-primary-border: #003bac;
  --lobe-color-primary-border-hover: #004cca;
  --lobe-color-primary-hover: #9abeff;
  --lobe-color-primary: #0072f5;
  --lobe-color-primary-active: #0065ed;
  --lobe-color-primary-text-hover: #9abeff;
  --lobe-color-primary-text: #0072f5;
  --lobe-color-primary-text-active: #0065ed;
  --lobe-control-item-bg-active: #000d4c;
  --lobe-control-item-bg-active-hover: #001a69;
}

[data-primary-color='gold'][data-theme='dark'] {
  --lobe-color-primary-fill: rgba(252, 174, 0, 0.42);
  --lobe-color-primary-fill-secondary: rgba(248, 166, 0, 0.29);
  --lobe-color-primary-fill-tertiary: rgba(247, 159, 0, 0.17);
  --lobe-color-primary-fill-quaternary: rgba(233, 100, 0, 0.03);
  --lobe-color-primary-bg: #2a1b00;
  --lobe-color-primary-bg-hover: #483000;
  --lobe-color-primary-border: #916400;
  --lobe-color-primary-border-hover: #b77e00;
  --lobe-color-primary-hover: #ffdcaf;
  --lobe-color-primary: #ffb224;
  --lobe-color-primary-active: #eaa100;
  --lobe-color-primary-text-hover: #ffdcaf;
  --lobe-color-primary-text: #ffb224;
  --lobe-color-primary-text-active: #eaa100;
  --lobe-control-item-bg-active: #2a1b00;
  --lobe-control-item-bg-active-hover: #483000;
}

[data-primary-color='green'][data-theme='dark'] {
  --lobe-color-primary-fill: rgba(0, 252, 160, 0.25);
  --lobe-color-primary-fill-secondary: rgba(0, 250, 161, 0.18);
  --lobe-color-primary-fill-tertiary: rgba(0, 242, 150, 0.12);
  --lobe-color-primary-fill-quaternary: rgba(0, 250, 150, 0.02);
  --lobe-color-primary-bg: #001d12;
  --lobe-color-primary-bg-hover: #002d1d;
  --lobe-color-primary-border: #005232;
  --lobe-color-primary-border-hover: #00653c;
  --lobe-color-primary-hover: #96cd92;
  --lobe-color-primary: #62c473;
  --lobe-color-primary-active: #1b8d4d;
  --lobe-color-primary-text-hover: #96cd92;
  --lobe-color-primary-text: #62c473;
  --lobe-color-primary-text-active: #1b8d4d;
  --lobe-control-item-bg-active: #001d12;
  --lobe-control-item-bg-active-hover: #002d1d;
}

[data-primary-color='lime'][data-theme='dark'] {
  --lobe-color-primary-fill: rgba(177, 255, 0, 0.31);
  --lobe-color-primary-fill-secondary: rgba(168, 250, 0, 0.22);
  --lobe-color-primary-fill-tertiary: rgba(154, 254, 0, 0.13);
  --lobe-color-primary-fill-quaternary: rgba(100, 200, 0, 0.02);
  --lobe-color-primary-bg: #142100;
  --lobe-color-primary-bg-hover: #253700;
  --lobe-color-primary-border: #4b6800;
  --lobe-color-primary-border-hover: #608200;
  --lobe-color-primary-hover: #daf685;
  --lobe-color-primary: #c4f042;
  --lobe-color-primary-active: #8fb81b;
  --lobe-color-primary-text-hover: #daf685;
  --lobe-color-primary-text: #c4f042;
  --lobe-color-primary-text-active: #8fb81b;
  --lobe-control-item-bg-active: #142100;
  --lobe-control-item-bg-active-hover: #253700;
}

[data-primary-color='magenta'][data-theme='dark'] {
  --lobe-color-primary-fill: rgba(254, 0, 115, 0.39);
  --lobe-color-primary-fill-secondary: rgba(250, 0, 100, 0.3);
  --lobe-color-primary-fill-tertiary: rgba(252, 0, 81, 0.21);
  --lobe-color-primary-fill-quaternary: rgba(229, 0, 29, 0.07);
  --lobe-color-primary-bg: #350011;
  --lobe-color-primary-bg-hover: #4b001e;
  --lobe-color-primary-border: #79093f;
  --lobe-color-primary-border-hover: #8e1752;
  --lobe-color-primary-hover: #f38bcb;
  --lobe-color-primary: #e34ba9;
  --lobe-color-primary-active: #b8317b;
  --lobe-color-primary-text-hover: #f38bcb;
  --lobe-color-primary-text: #e34ba9;
  --lobe-color-primary-text-active: #b8317b;
  --lobe-control-item-bg-active: #350011;
  --lobe-control-item-bg-active-hover: #4b001e;
}

[data-primary-color='orange'][data-theme='dark'] {
  --lobe-color-primary-fill: rgba(254, 159, 0, 0.41);
  --lobe-color-primary-fill-secondary: rgba(250, 154, 0, 0.28);
  --lobe-color-primary-fill-tertiary: rgba(241, 147, 0, 0.17);
  --lobe-color-primary-fill-quaternary: rgba(233, 100, 0, 0.03);
  --lobe-color-primary-bg: #291900;
  --lobe-color-primary-bg-hover: #462b00;
  --lobe-color-primary-border: #8e5900;
  --lobe-color-primary-border-hover: #b36f00;
  --lobe-color-primary-hover: #ffd1b1;
  --lobe-color-primary: #ff9927;
  --lobe-color-primary-active: #e88b00;
  --lobe-color-primary-text-hover: #ffd1b1;
  --lobe-color-primary-text: #ff9927;
  --lobe-color-primary-text-active: #e88b00;
  --lobe-control-item-bg-active: #291900;
  --lobe-control-item-bg-active-hover: #462b00;
}

[data-primary-color='purple'][data-theme='dark'] {
  --lobe-color-primary-fill: rgba(253, 0, 244, 0.34);
  --lobe-color-primary-fill-secondary: rgba(254, 0, 238, 0.26);
  --lobe-color-primary-fill-tertiary: rgba(242, 0, 221, 0.19);
  --lobe-color-primary-fill-quaternary: rgba(217, 0, 183, 0.06);
  --lobe-color-primary-bg: #2e002a;
  --lobe-color-primary-bg-hover: #42003e;
  --lobe-color-primary-border: #670e66;
  --lobe-color-primary-border-hover: #781e78;
  --lobe-color-primary-hover: #d590da;
  --lobe-color-primary: #bd54c6;
  --lobe-color-primary-active: #9a399e;
  --lobe-color-primary-text-hover: #d590da;
  --lobe-color-primary-text: #bd54c6;
  --lobe-color-primary-text-active: #9a399e;
  --lobe-control-item-bg-active: #2e002a;
  --lobe-control-item-bg-active-hover: #42003e;
}

[data-primary-color='red'][data-theme='dark'] {
  --lobe-color-primary-fill: rgba(255, 0, 106, 0.47);
  --lobe-color-primary-fill-secondary: rgba(253, 0, 103, 0.34);
  --lobe-color-primary-fill-tertiary: rgba(255, 0, 95, 0.22);
  --lobe-color-primary-fill-quaternary: rgba(250, 0, 50, 0.06);
  --lobe-color-primary-bg: #380015;
  --lobe-color-primary-bg-hover: #560023;
  --lobe-color-primary-border: #9d0042;
  --lobe-color-primary-border-hover: #c10251;
  --lobe-color-primary-hover: #ffb0b7;
  --lobe-color-primary: #f4416c;
  --lobe-color-primary-active: #e43165;
  --lobe-color-primary-text-hover: #ffb0b7;
  --lobe-color-primary-text: #f4416c;
  --lobe-color-primary-text-active: #e43165;
  --lobe-control-item-bg-active: #380015;
  --lobe-control-item-bg-active-hover: #560023;
}

[data-primary-color='volcano'][data-theme='dark'] {
  --lobe-color-primary-fill: rgba(251, 68, 0, 0.37);
  --lobe-color-primary-fill-secondary: rgba(246, 64, 0, 0.28);
  --lobe-color-primary-fill-tertiary: rgba(247, 53, 0, 0.19);
  --lobe-color-primary-fill-quaternary: rgba(240, 20, 0, 0.05);
  --lobe-color-primary-bg: #2f0a00;
  --lobe-color-primary-bg-hover: #451200;
  --lobe-color-primary-border: #762000;
  --lobe-color-primary-border-hover: #8e2a07;
  --lobe-color-primary-hover: #ff9480;
  --lobe-color-primary: #ec5e41;
  --lobe-color-primary-active: #bc4424;
  --lobe-color-primary-text-hover: #ff9480;
  --lobe-color-primary-text: #ec5e41;
  --lobe-color-primary-text-active: #bc4424;
  --lobe-control-item-bg-active: #2f0a00;
  --lobe-control-item-bg-active-hover: #451200;
}

[data-primary-color='yellow'][data-theme='dark'] {
  --lobe-color-primary-fill: rgba(251, 211, 0, 0.35);
  --lobe-color-primary-fill-secondary: rgba(248, 204, 0, 0.25);
  --lobe-color-primary-fill-tertiary: rgba(247, 193, 0, 0.15);
  --lobe-color-primary-fill-quaternary: rgba(250, 200, 0, 0.02);
  --lobe-color-primary-bg: #251d00;
  --lobe-color-primary-bg-hover: #3e3300;
  --lobe-color-primary-border: #736300;
  --lobe-color-primary-border-hover: #8e7d00;
  --lobe-color-primary-hover: #fff594;
  --lobe-color-primary: #ffef5c;
  --lobe-color-primary-active: #c7b426;
  --lobe-color-primary-text-hover: #fff594;
  --lobe-color-primary-text: #ffef5c;
  --lobe-color-primary-text-active: #c7b426;
  --lobe-control-item-bg-active: #251d00;
  --lobe-control-item-bg-active-hover: #3e3300;
}

[data-neutral-color='mauve'][data-theme='dark'] {
  --lobe-color-bg-container: #1c1b1e;
  --lobe-color-bg-elevated: #252528;
  --lobe-color-bg-layout: #000000;
  --lobe-color-bg-mask: rgba(6, 1, 14, 0.41);
  --lobe-color-bg-spotlight: #3a393d;
  --lobe-color-border: #2f2f32;
  --lobe-color-border-secondary: #252528;
  --lobe-color-fill: rgba(235, 235, 250, 0.2);
  --lobe-color-fill-quaternary: rgba(255, 255, 255, 0.02);
  --lobe-color-fill-secondary: rgba(231, 231, 250, 0.16);
  --lobe-color-fill-tertiary: rgba(233, 225, 250, 0.12);
  --lobe-color-text: #e9e5ec;
  --lobe-color-text-quaternary: #6c6a70;
  --lobe-color-text-secondary: #b6b3b9;
  --lobe-color-text-tertiary: #908e94;
  --lobe-color-bg-container-disabled: rgba(233, 225, 250, 0.12);
  --lobe-color-bg-container-secondary: #0e0d0f;
  --lobe-color-bg-text-active: rgba(235, 235, 250, 0.2);
  --lobe-color-bg-text-hover: rgba(231, 231, 250, 0.16);
  --lobe-color-border-bg: #1c1b1e;
  --lobe-color-error-outline: rgba(68,0,0,0.6);
  --lobe-color-fill-alter: rgba(255, 255, 255, 0.02);
  --lobe-color-fill-content: rgba(231, 231, 250, 0.16);
  --lobe-color-fill-content-hover: rgba(235, 235, 250, 0.2);
  --lobe-color-icon: #908e94;
  --lobe-color-icon-hover: #e9e5ec;
  --lobe-color-split: rgba(208,227,230,0.05);
  --lobe-color-text-description: #908e94;
  --lobe-color-text-disabled: #6c6a70;
  --lobe-color-text-heading: #e9e5ec;
  --lobe-color-text-label: #b6b3b9;
  --lobe-color-text-placeholder: #6c6a70;
  --lobe-color-warning-outline: rgba(37,23,0,0.99);
  --lobe-control-item-bg-active-disabled: rgba(235, 235, 250, 0.2);
  --lobe-control-item-bg-hover: rgba(233, 225, 250, 0.12);
  --lobe-control-tmp-outline: rgba(255, 255, 255, 0.02);
}

[data-neutral-color='olive'][data-theme='dark'] {
  --lobe-color-bg-container: #1a1c1b;
  --lobe-color-bg-elevated: #232624;
  --lobe-color-bg-layout: #000000;
  --lobe-color-bg-mask: rgba(11, 18, 4, 0.43);
  --lobe-color-bg-spotlight: #383a38;
  --lobe-color-border: #2d302e;
  --lobe-color-border-secondary: #232624;
  --lobe-color-fill: rgba(237, 253, 242, 0.19);
  --lobe-color-fill-quaternary: rgba(255, 255, 255, 0.02);
  --lobe-color-fill-secondary: rgba(233, 253, 240, 0.15);
  --lobe-color-fill-tertiary: rgba(236, 255, 245, 0.11);
  --lobe-color-text: #e5e7e1;
  --lobe-color-text-quaternary: #696c67;
  --lobe-color-text-secondary: #b2b5af;
  --lobe-color-text-tertiary: #8d908b;
  --lobe-color-bg-container-disabled: rgba(236, 255, 245, 0.11);
  --lobe-color-bg-container-secondary: #0d0e0d;
  --lobe-color-bg-text-active: rgba(237, 253, 242, 0.19);
  --lobe-color-bg-text-hover: rgba(233, 253, 240, 0.15);
  --lobe-color-border-bg: #1a1c1b;
  --lobe-color-error-outline: rgba(69,0,2,0.6);
  --lobe-color-fill-alter: rgba(255, 255, 255, 0.02);
  --lobe-color-fill-content: rgba(233, 253, 240, 0.15);
  --lobe-color-fill-content-hover: rgba(237, 253, 242, 0.19);
  --lobe-color-icon: #8d908b;
  --lobe-color-icon-hover: #e5e7e1;
  --lobe-color-split: rgba(206,228,207,0.05);
  --lobe-color-text-description: #8d908b;
  --lobe-color-text-disabled: #696c67;
  --lobe-color-text-heading: #e5e7e1;
  --lobe-color-text-label: #b2b5af;
  --lobe-color-text-placeholder: #696c67;
  --lobe-color-warning-outline: rgba(37,23,0,0.99);
  --lobe-control-item-bg-active-disabled: rgba(237, 253, 242, 0.19);
  --lobe-control-item-bg-hover: rgba(236, 255, 245, 0.11);
  --lobe-control-tmp-outline: rgba(255, 255, 255, 0.02);
}

[data-neutral-color='sage'][data-theme='dark'] {
  --lobe-color-bg-container: #1a1b1c;
  --lobe-color-bg-elevated: #232526;
  --lobe-color-bg-layout: #000000;
  --lobe-color-bg-mask: rgba(4, 18, 11, 0.43);
  --lobe-color-bg-spotlight: #383a3a;
  --lobe-color-border: #2d2f30;
  --lobe-color-border-secondary: #232526;
  --lobe-color-fill: rgba(237, 248, 253, 0.19);
  --lobe-color-fill-quaternary: rgba(255, 255, 255, 0.02);
  --lobe-color-fill-secondary: rgba(233, 246, 253, 0.15);
  --lobe-color-fill-tertiary: rgba(236, 246, 255, 0.11);
  --lobe-color-text: #e3e7e4;
  --lobe-color-text-quaternary: #676c6a;
  --lobe-color-text-secondary: #b0b5b3;
  --lobe-color-text-tertiary: #8b908e;
  --lobe-color-bg-container-disabled: rgba(236, 246, 255, 0.11);
  --lobe-color-bg-container-secondary: #0d0d0e;
  --lobe-color-bg-text-active: rgba(237, 248, 253, 0.19);
  --lobe-color-bg-text-hover: rgba(233, 246, 253, 0.15);
  --lobe-color-border-bg: #1a1b1c;
  --lobe-color-error-outline: rgba(70,0,1,0.59);
  --lobe-color-fill-alter: rgba(255, 255, 255, 0.02);
  --lobe-color-fill-content: rgba(233, 246, 253, 0.15);
  --lobe-color-fill-content-hover: rgba(237, 248, 253, 0.19);
  --lobe-color-icon: #8b908e;
  --lobe-color-icon-hover: #e3e7e4;
  --lobe-color-split: rgba(206,227,228,0.05);
  --lobe-color-text-description: #8b908e;
  --lobe-color-text-disabled: #676c6a;
  --lobe-color-text-heading: #e3e7e4;
  --lobe-color-text-label: #b0b5b3;
  --lobe-color-text-placeholder: #676c6a;
  --lobe-color-warning-outline: rgba(37,23,0,0.99);
  --lobe-control-item-bg-active-disabled: rgba(237, 248, 253, 0.19);
  --lobe-control-item-bg-hover: rgba(236, 246, 255, 0.11);
  --lobe-control-tmp-outline: rgba(255, 255, 255, 0.02);
}

[data-neutral-color='sand'][data-theme='dark'] {
  --lobe-color-bg-container: #1c1c18;
  --lobe-color-bg-elevated: #262521;
  --lobe-color-bg-layout: #000000;
  --lobe-color-bg-mask: rgba(23, 21, 3, 0.44);
  --lobe-color-bg-spotlight: #3a3a35;
  --lobe-color-border: #30302b;
  --lobe-color-border-secondary: #262521;
  --lobe-color-fill: rgba(253, 253, 226, 0.19);
  --lobe-color-fill-quaternary: rgba(255, 255, 255, 0.02);
  --lobe-color-fill-secondary: rgba(253, 247, 220, 0.15);
  --lobe-color-fill-tertiary: rgba(255, 255, 218, 0.11);
  --lobe-color-text: #e9e6dc;
  --lobe-color-text-quaternary: #6c6b63;
  --lobe-color-text-secondary: #b6b4ab;
  --lobe-color-text-tertiary: #918f87;
  --lobe-color-bg-container-disabled: rgba(255, 255, 218, 0.11);
  --lobe-color-bg-container-secondary: #0e0e0c;
  --lobe-color-bg-text-active: rgba(253, 253, 226, 0.19);
  --lobe-color-bg-text-hover: rgba(253, 247, 220, 0.15);
  --lobe-color-border-bg: #1c1c18;
  --lobe-color-error-outline: rgba(68,0,4,0.6);
  --lobe-color-fill-alter: rgba(255, 255, 255, 0.02);
  --lobe-color-fill-content: rgba(253, 247, 220, 0.15);
  --lobe-color-fill-content-hover: rgba(253, 253, 226, 0.19);
  --lobe-color-icon: #918f87;
  --lobe-color-icon-hover: #e9e6dc;
  --lobe-color-split: rgba(228,208,204,0.05);
  --lobe-color-text-description: #918f87;
  --lobe-color-text-disabled: #6c6b63;
  --lobe-color-text-heading: #e9e6dc;
  --lobe-color-text-label: #b6b4ab;
  --lobe-color-text-placeholder: #6c6b63;
  --lobe-color-warning-outline: rgba(37,23,0,0.98);
  --lobe-control-item-bg-active-disabled: rgba(253, 253, 226, 0.19);
  --lobe-control-item-bg-hover: rgba(255, 255, 218, 0.11);
  --lobe-control-tmp-outline: rgba(255, 255, 255, 0.02);
}

[data-neutral-color='slate'][data-theme='dark'] {
  --lobe-color-bg-container: #1b1c1d;
  --lobe-color-bg-elevated: #242527;
  --lobe-color-bg-layout: #000000;
  --lobe-color-bg-mask: rgba(5, 10, 17, 0.42);
  --lobe-color-bg-spotlight: #383a3c;
  --lobe-color-border: #2e2f32;
  --lobe-color-border-secondary: #242527;
  --lobe-color-fill: rgba(230, 235, 250, 0.2);
  --lobe-color-fill-quaternary: rgba(255, 255, 255, 0.02);
  --lobe-color-fill-secondary: rgba(225, 231, 244, 0.16);
  --lobe-color-fill-tertiary: rgba(225, 233, 242, 0.12);
  --lobe-color-text: #e5e6ea;
  --lobe-color-text-quaternary: #696b6f;
  --lobe-color-text-secondary: #b3b4b8;
  --lobe-color-text-tertiary: #8d8f93;
  --lobe-color-bg-container-disabled: rgba(225, 233, 242, 0.12);
  --lobe-color-bg-container-secondary: #0d0e0e;
  --lobe-color-bg-text-active: rgba(230, 235, 250, 0.2);
  --lobe-color-bg-text-hover: rgba(225, 231, 244, 0.16);
  --lobe-color-border-bg: #1b1c1d;
  --lobe-color-error-outline: rgba(69,0,1,0.6);
  --lobe-color-fill-alter: rgba(255, 255, 255, 0.02);
  --lobe-color-fill-content: rgba(225, 231, 244, 0.16);
  --lobe-color-fill-content-hover: rgba(230, 235, 250, 0.2);
  --lobe-color-icon: #8d8f93;
  --lobe-color-icon-hover: #e5e6ea;
  --lobe-color-split: rgba(207,208,229,0.05);
  --lobe-color-text-description: #8d8f93;
  --lobe-color-text-disabled: #696b6f;
  --lobe-color-text-heading: #e5e6ea;
  --lobe-color-text-label: #b3b4b8;
  --lobe-color-text-placeholder: #696b6f;
  --lobe-color-warning-outline: rgba(37,23,0,0.99);
  --lobe-control-item-bg-active-disabled: rgba(230, 235, 250, 0.2);
  --lobe-control-item-bg-hover: rgba(225, 233, 242, 0.12);
  --lobe-control-tmp-outline: rgba(255, 255, 255, 0.02);
}

@layer lobe-ui {
  .lobe-brand-loading path {
    fill: currentcolor;
    fill-opacity: 0;
    stroke: currentcolor;
    stroke-dasharray: 1000;
    stroke-dashoffset: 1000;
    stroke-width: 0.25em;

    animation:
      draw 2s cubic-bezier(0.4, 0, 0.2, 1) infinite,
      fill 2s cubic-bezier(0.4, 0, 0.2, 1) infinite;
  }
}

@layer lobe-popup {
  .lobe-context-trigger[data-popup-open],
  .lobe-dropdown-menu-trigger[data-popup-open] {
    background: var(--lobe-color-fill-tertiary);
  }
}

@layer lobe-base {
  :where(body, body [data-theme]) {
    color: var(--lobe-color-text);
    font-family: var(--lobe-font-family);
    font-size: var(--lobe-font-size);
    line-height: var(--lobe-line-height);
  }

  :where(body) :where(a) {
    cursor: pointer;

    color: var(--lobe-color-link);
    text-decoration: none;

    background-color: transparent;
    outline: none;

    transition: color var(--lobe-motion-duration-slow);
  }

  :where(body) :where(a):hover {
    color: var(--lobe-color-link-hover);
  }

  :where(body) :where(a):active {
    color: var(--lobe-color-link-active);
  }

  :where(body) :where(a):focus-visible {
    outline: var(--lobe-line-width-focus) solid var(--lobe-color-primary-border);
    outline-offset: 1px;
  }

  :where(body) :where(a)[disabled] {
    cursor: not-allowed;
    color: var(--lobe-color-text-disabled);
  }

  :where(.lobe-flex) {
    --lobe-flex: 0 1 auto;
    --lobe-flex-direction: column;
    --lobe-flex-wrap: nowrap;
    --lobe-flex-justify: flex-start;
    --lobe-flex-align: stretch;
    --lobe-flex-width: auto;
    --lobe-flex-height: auto;
    --lobe-flex-padding: 0;
    --lobe-flex-padding-inline: var(--lobe-flex-padding);
    --lobe-flex-padding-block: var(--lobe-flex-padding);
    --lobe-flex-gap: 0;

    display: flex;
    flex: var(--lobe-flex);
    flex-flow: var(--lobe-flex-direction) var(--lobe-flex-wrap);
    gap: var(--lobe-flex-gap);
    align-items: var(--lobe-flex-align);
    justify-content: var(--lobe-flex-justify);

    width: var(--lobe-flex-width);
    height: var(--lobe-flex-height);
    padding: var(--lobe-flex-padding);
    padding-block: var(--lobe-flex-padding-block);
    padding-inline: var(--lobe-flex-padding-inline);
  }

  .lobe-flex-hidden {
    display: none;
  }
}

@keyframes draw {
  0% {
    stroke-dashoffset: 1000;
  }

  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes fill {
  30% {
    fill-opacity: 0.05;
  }

  100% {
    fill-opacity: 1;
  }
}
@layer lobe-base, lobe-popup, lobe-ui;

@layer lobe-base {
  :root {
    --font-settings: 'cv01', 'tnum', 'kern';
    --font-variations: 'opsz' auto, tabular-nums;

    font-synthesis: style;
    text-autospace: normal;
  }

  html {
    overscroll-behavior: none;
  }

  body {
    overflow: hidden auto;

    min-height: 100vh;
    margin: 0;
    padding: 0;

    font-feature-settings: var(--font-settings);
    font-variation-settings: var(--font-variations);
    font-optical-sizing: auto;
    font-kerning: normal;
    font-variant-ligatures: common-ligatures contextual;
    font-variant-numeric: tabular-nums;
    font-size-adjust: from-font;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-wrap: pretty;
    text-size-adjust: 100%;
    text-rendering: optimizelegibility;
    overflow-wrap: anywhere;
    vertical-align: baseline;

    background-color: var(--lobe-color-bg-layout);

    font-synthesis: style;

    -webkit-overflow-scrolling: touch;
    -webkit-tap-highlight-color: transparent;
  }

  html,
  body {
    width: 100%;
    height: 100%;
  }

  [tabindex='-1']:focus {
    outline: none;
  }

  [hidden] {
    display: none !important;
  }

  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    margin-block: 0 0.5em;
    font-weight: 500;
  }

  p,
  ol,
  ul,
  dl,
  pre {
    margin-block: 0 1em;
  }

  ol ol,
  ul ul,
  ol ul,
  ul ol {
    margin-block-end: 0;
  }

  dd {
    margin-block-end: 0.5em;
    margin-inline-start: 0;
  }

  blockquote,
  figure {
    margin-block: 0 1em;
    margin-inline: 0;
  }

  img {
    border-style: none;
    vertical-align: middle;
  }

  table {
    border-collapse: collapse;
  }

  input,
  button,
  select,
  optgroup,
  textarea {
    margin: 0;

    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
  }

  textarea {
    resize: vertical;
    overflow: auto;
  }

  fieldset {
    min-width: 0;
    margin: 0;
    padding: 0;
    border: 0;
  }

  code,
  kbd,
  samp,
  pre {
    font-family: var(--lobe-font-family-code) !important;
    font-feature-settings:
      'liga' 0,
      'calt' 0;
    font-variant-ligatures: none;

    span {
      font-family: var(--lobe-font-family-code) !important;
    }
  }

  ::selection {
    color: #000;
    background: var(--lobe-yellow-9);

    -webkit-text-fill-color: unset !important;
  }

  * {
    scrollbar-color: var(--lobe-color-fill) transparent;
    scrollbar-width: thin;
    box-sizing: border-box;
    vertical-align: baseline;
  }
}
@layer lobe-base, lobe-popup, lobe-ui;

@layer lobe-ui {
  .lobe-accordion-header-inline > .accordion-action {
    padding-block: 4px;
  }
}

@layer lobe-ui {
  .lobe-alert-extra-header::-webkit-details-marker {
    content: "";
    display: none;
  }
}

@layer lobe-ui {
  .lobe-breadcrumb li a {
    color: inherit;
    text-decoration: none;
  }

  .lobe-breadcrumb a:hover, .lobe-breadcrumb button:hover {
    color: var(--lobe-color-text);
  }
}

@layer lobe-ui {
  .lobe-code-diff .language-title {
    opacity: .5;
    filter: grayscale();
    transition: opacity,
      grayscale .2s var(--lobe-motion-ease-in-out);
  }

  .lobe-code-diff .panel-actions {
    opacity: 0;
    transition: opacity .2s var(--lobe-motion-ease-in-out);
  }

  .lobe-code-diff:hover .language-title {
    opacity: 1;
    filter: grayscale(0%);
  }

  .lobe-code-diff:hover .panel-actions, .lobe-code-diff:hover .lobe-code-diff-actions-compact, .lobe-code-diff:hover .lobe-code-diff-lang {
    opacity: 1;
  }

  .lobe-code-diff-lang {
    z-index: 2;
    font-family: var(--lobe-font-family-code);
    color: var(--lobe-color-text-secondary);
    opacity: 0;
    background: var(--lobe-color-fill-quaternary);
    backdrop-filter: saturate(150%) blur(10px);
    transition: opacity .1s;
    position: absolute;
    inset-block-end: 8px;
    inset-inline-end: 8px;
  }
}

@layer lobe-ui {
  :where(.lobe-code-editor) pre, :where(.lobe-code-editor) textarea {
    margin: 0;
    padding: 16px;
  }

  :where(.lobe-code-editor) textarea, :where(.lobe-code-editor) pre, :where(.lobe-code-editor) code {
    font-family: var(--lobe-font-family-code);
    font-size: inherit;
    line-height: inherit;
    word-break: inherit;
    word-wrap: break-word;
    white-space: pre-wrap;
    overflow: hidden;
  }

  .lobe-code-editor-borderless pre, .lobe-code-editor-borderless textarea {
    padding: 0;
  }

  .lobe-code-editor-highlight.lobe-code-editor-highlight pre code {
    display: block;
  }

  .lobe-code-editor-highlight.lobe-code-editor-highlight pre code:after {
    content: "​";
  }

  .lobe-code-editor-highlight.lobe-code-editor-highlight pre code .line {
    margin: 0;
    padding: 0;
    display: inline;
  }

  .lobe-code-editor-highlight.lobe-code-editor-highlight pre code span {
    font-weight: inherit !important;
    font-style: inherit !important;
  }
}

@layer lobe-ui {
  .lobe-picker.lobe-picker-underlined {
    border-block-end-color: var(--lobe-color-border);
    border-radius: 0;
  }

  .lobe-picker.lobe-picker-underlined:hover:not(:focus-within, .lobe-picker-disabled) {
    border-block-end-color: var(--lobe-color-primary-hover);
  }

  .lobe-picker.lobe-picker-underlined:focus-within {
    border-block-end-color: var(--lobe-color-primary);
  }

  .lobe-picker-root.lobe-picker {
    width: auto;
    max-width: 100%;
    position: relative;
  }

  .lobe-picker-root.lobe-picker .lobe-picker-input {
    flex: auto;
    align-items: center;
    gap: 8px;
    min-width: 0;
    display: inline-flex;
    position: relative;
  }

  .lobe-picker-root.lobe-picker .lobe-picker-input > input {
    width: auto;
    min-width: 0;
    font: inherit;
    font-variant-numeric: tabular-nums;
    color: inherit;
    text-overflow: ellipsis;
    appearance: none;
    background: none;
    border: none;
    outline: none;
    flex: auto;
    padding: 0;
  }

  .lobe-picker-root.lobe-picker .lobe-picker-input > input::placeholder {
    color: var(--lobe-color-text-placeholder);
  }

  .lobe-picker-root.lobe-picker .lobe-picker-input > input:disabled {
    cursor: not-allowed;
  }

  .lobe-picker-root.lobe-picker-range:not(.lobe-picker-disabled):has(input:disabled) {
    cursor: auto;
    color: var(--lobe-color-text);
    opacity: 1;
  }

  .lobe-picker-root.lobe-picker-range:not(.lobe-picker-disabled) .lobe-picker-input:has( > input:disabled) {
    cursor: not-allowed;
    color: var(--lobe-color-text-quaternary);
  }

  .lobe-picker-root.lobe-picker .lobe-picker-input-placeholder > input {
    color: var(--lobe-color-text-placeholder);
  }

  .lobe-picker-root.lobe-picker .lobe-picker-prefix {
    color: var(--lobe-color-text-tertiary);
    flex: none;
    align-items: center;
    display: inline-flex;
  }

  .lobe-picker-root.lobe-picker .lobe-picker-suffix {
    pointer-events: none;
    width: 16px;
    color: var(--lobe-color-text-tertiary);
    transition: opacity .15s var(--lobe-motion-ease-out);
    flex: none;
    justify-content: center;
    align-items: center;
    display: inline-flex;
  }

  .lobe-picker-root.lobe-picker .lobe-picker-clear {
    cursor: pointer;
    z-index: 1;
    width: 16px;
    height: 16px;
    color: var(--lobe-color-bg-container);
    opacity: 0;
    background: var(--lobe-color-text-quaternary);
    transition: opacity .15s var(--lobe-motion-ease-out);
    border: 0;
    border-radius: 50%;
    flex: none;
    justify-content: center;
    align-items: center;
    margin-inline-start: -24px;
    padding: 0;
    display: inline-flex;
    position: relative;
  }

  .lobe-picker-root.lobe-picker .lobe-picker-clear:hover {
    background: var(--lobe-color-text-tertiary);
  }

  .lobe-picker-root.lobe-picker:not(.lobe-picker-disabled):hover .lobe-picker-clear {
    opacity: 1;
  }

  .lobe-picker-root.lobe-picker:not(.lobe-picker-disabled):hover .lobe-picker-suffix:not(:last-child) {
    opacity: 0;
  }

  .lobe-picker-root.lobe-picker-disabled .lobe-picker-clear {
    display: none;
  }

  .lobe-picker-root.lobe-picker-multiple {
    --lobe-picker-tag-height: 24px;
    cursor: pointer;
    padding-block: 1px;
  }

  .lobe-picker-root.lobe-picker-multiple.lobe-picker-small {
    --lobe-picker-tag-height: 16px;
  }

  .lobe-picker-root.lobe-picker-multiple.lobe-picker-large {
    --lobe-picker-tag-height: 32px;
  }

  .lobe-picker-root.lobe-picker-multiple .lobe-picker-selector {
    flex: 1;
    min-width: 0;
    position: relative;
  }

  .lobe-picker-root.lobe-picker-multiple .lobe-picker-selection-overflow {
    flex-wrap: wrap;
    align-items: center;
    max-width: 100%;
    display: flex;
  }

  .lobe-picker-root.lobe-picker-multiple .lobe-picker-selection-overflow-item {
    flex: none;
    max-width: 100%;
  }

  .lobe-picker-root.lobe-picker-multiple .lobe-picker-selection-item {
    box-sizing: border-box;
    max-width: 100%;
    height: var(--lobe-picker-tag-height);
    border-radius: var(--lobe-border-radius-sm);
    font-size: var(--lobe-font-size-sm);
    line-height: var(--lobe-picker-tag-height);
    color: var(--lobe-color-text);
    white-space: nowrap;
    background: var(--lobe-color-fill-secondary);
    align-items: center;
    gap: 4px;
    margin-block: 2px;
    margin-inline-end: 4px;
    padding-inline: 8px 4px;
    display: flex;
  }

  .lobe-picker-root.lobe-picker-multiple.lobe-picker-large .lobe-picker-selection-item {
    font-size: var(--lobe-font-size);
  }

  .lobe-picker-root.lobe-picker-multiple .lobe-picker-selection-item:not(:has(.lobe-picker-selection-item-remove)) {
    padding-inline-end: 8px;
  }

  .lobe-picker-root.lobe-picker-multiple .lobe-picker-selection-item-content {
    font-variant-numeric: tabular-nums;
    text-overflow: ellipsis;
    overflow: hidden;
  }

  .lobe-picker-root.lobe-picker-multiple .lobe-picker-selection-item-remove {
    cursor: pointer;
    color: var(--lobe-color-icon);
    flex: none;
    align-items: center;
    display: inline-flex;
  }

  .lobe-picker-root.lobe-picker-multiple .lobe-picker-selection-item-remove:hover {
    color: var(--lobe-color-text-heading);
  }

  .lobe-picker-root.lobe-picker-multiple .lobe-picker-selection-placeholder {
    line-height: calc(var(--lobe-picker-tag-height) + 4px);
    color: var(--lobe-color-text-placeholder);
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    overflow: hidden;
  }

  .lobe-picker-root.lobe-picker-multiple .lobe-picker-multiple-input {
    z-index: -1;
    opacity: 0;
    border: 0;
    width: 0;
    height: 0;
    padding: 0;
    position: absolute;
  }

  .lobe-picker-root.lobe-picker-multiple.lobe-picker-disabled {
    cursor: not-allowed;
    color: var(--lobe-color-text-quaternary);
    opacity: .66;
  }

  .lobe-picker-root.lobe-picker-status-error {
    --lobe-picker-status: var(--lobe-color-error);
    --lobe-picker-status-hover: var(--lobe-color-error-border-hover);
    --lobe-picker-status-bg: var(--lobe-color-error-bg);
    --lobe-picker-status-bg-hover: var(--lobe-color-error-bg-hover);
  }

  .lobe-picker-root.lobe-picker-status-warning {
    --lobe-picker-status: var(--lobe-color-warning);
    --lobe-picker-status-hover: var(--lobe-color-warning-border-hover);
    --lobe-picker-status-bg: var(--lobe-color-warning-bg);
    --lobe-picker-status-bg-hover: var(--lobe-color-warning-bg-hover);
  }

  .lobe-picker-root:is(.lobe-picker-status-error, .lobe-picker-status-warning):not(.lobe-picker-disabled).lobe-picker-outlined {
    border-color: var(--lobe-picker-status);
  }

  .lobe-picker-root:is(.lobe-picker-status-error, .lobe-picker-status-warning):not(.lobe-picker-disabled).lobe-picker-outlined:hover:not(:focus-within) {
    border-color: var(--lobe-picker-status-hover);
  }

  .lobe-picker-root:is(.lobe-picker-status-error, .lobe-picker-status-warning):not(.lobe-picker-disabled).lobe-picker-outlined:focus-within {
    border-color: var(--lobe-picker-status);
    box-shadow: 0 0 0 2px var(--lobe-picker-status-bg);
  }

  .lobe-picker-root:is(.lobe-picker-status-error, .lobe-picker-status-warning):not(.lobe-picker-disabled).lobe-picker-filled {
    background: var(--lobe-picker-status-bg);
  }

  .lobe-picker-root:is(.lobe-picker-status-error, .lobe-picker-status-warning):not(.lobe-picker-disabled).lobe-picker-filled:hover:not(:focus-within) {
    background: var(--lobe-picker-status-bg-hover);
  }

  .lobe-picker-root:is(.lobe-picker-status-error, .lobe-picker-status-warning):not(.lobe-picker-disabled).lobe-picker-filled:focus-within {
    border-color: var(--lobe-picker-status);
    background: var(--lobe-color-bg-container);
  }

  .lobe-picker-root:is(.lobe-picker-status-error, .lobe-picker-status-warning):not(.lobe-picker-disabled).lobe-picker-underlined {
    border-block-end-color: var(--lobe-picker-status);
  }

  .lobe-picker-root:is(.lobe-picker-status-error, .lobe-picker-status-warning):not(.lobe-picker-disabled):is(.lobe-picker-borderless, .lobe-picker-underlined) .lobe-picker-input > input, .lobe-picker-root:is(.lobe-picker-status-error, .lobe-picker-status-warning):not(.lobe-picker-disabled) .lobe-picker-prefix {
    color: var(--lobe-picker-status);
  }

  .lobe-picker-root.lobe-picker-rtl, .lobe-picker-root.lobe-picker-dropdown-rtl {
    direction: rtl;
  }

  .lobe-picker-root.lobe-picker-rtl .lobe-picker-range-separator .lucide, .lobe-picker-root.lobe-picker-dropdown-rtl .lobe-picker-header > button .lucide {
    transform: scaleX(-1);
  }

  .lobe-picker-root.lobe-picker-range .lobe-picker-input {
    flex: auto;
  }

  .lobe-picker-root.lobe-picker-range .lobe-picker-range-separator {
    color: var(--lobe-color-text-tertiary);
    flex: none;
    align-items: center;
    display: inline-flex;
  }

  .lobe-picker-root.lobe-picker-range .lobe-picker-active-bar {
    pointer-events: none;
    opacity: 0;
    background: var(--lobe-color-primary);
    height: 2px;
    transition: inset-inline-start .2s var(--lobe-motion-ease-out),
        width .2s var(--lobe-motion-ease-out),
        opacity .2s var(--lobe-motion-ease-out);
    position: absolute;
    inset-block-end: -1px;
  }

  .lobe-picker-root.lobe-picker-range.lobe-picker-focused .lobe-picker-active-bar {
    opacity: 1;
  }

  .lobe-picker-root.lobe-picker-dropdown {
    pointer-events: auto;
    color: var(--lobe-color-text);
    font-size: 14px;
  }

  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-range-arrow {
    display: none;
  }

  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-panel-container {
    vertical-align: top;
    background: var(--lobe-color-bg-elevated);
    box-shadow: var(--lobe-box-shadow), var(--lobe-ring);
    border-radius: 16px;
    display: inline-block;
    overflow: hidden;
  }

  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-panel-layout {
    align-items: stretch;
    display: flex;
  }

  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-panels {
    flex-wrap: nowrap;
    display: flex;
  }

  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-presets {
    border-inline-end: 1px solid var(--lobe-color-fill-secondary);
    background: var(--lobe-color-fill-quaternary);
    flex-direction: column;
    min-width: 120px;
    max-width: 200px;
    display: flex;
  }

  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-presets ul {
    flex: auto;
    height: 0;
    margin: 0;
    padding: 6px;
    list-style: none;
    overflow: auto;
  }

  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-presets li {
    cursor: pointer;
    color: var(--lobe-color-text);
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: background-color .15s var(--lobe-motion-ease-out);
    border-radius: 6px;
    padding-block: 4px;
    padding-inline: 8px;
    font-size: 13px;
    line-height: 20px;
    overflow: hidden;
  }

  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-presets li:hover {
    background: var(--lobe-color-fill-tertiary);
  }

  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-presets li:has( > .lobe-picker-preset-active) {
    background: var(--lobe-color-fill-secondary);
    font-weight: 500;
  }

  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-presets li + li {
    margin-block-start: 2px;
  }

  .lobe-picker-root.lobe-picker-dropdown.lobe-picker-dropdown-dark .lobe-picker-presets {
    border-inline-end-color: var(--lobe-color-fill-tertiary);
    background: #0000001f;
  }

  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-panel {
    outline: none;
    flex-direction: column;
    display: inline-flex;
  }

  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-panels > .lobe-picker-panel + .lobe-picker-panel {
    border-inline-start: 1px solid var(--lobe-color-border-secondary);
  }

  .lobe-picker-root.lobe-picker-dropdown :is(.lobe-picker-date-panel, .lobe-picker-week-panel, .lobe-picker-month-panel, .lobe-picker-quarter-panel, .lobe-picker-year-panel, .lobe-picker-decade-panel) {
    width: 288px;
  }

  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-header {
    align-items: center;
    gap: 2px;
    padding-block: 12px 4px;
    padding-inline: 12px;
    display: flex;
  }

  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-header > button {
    cursor: pointer;
    width: 28px;
    height: 28px;
    color: var(--lobe-color-text-secondary);
    background: none;
    border: 0;
    border-radius: 50%;
    flex: none;
    justify-content: center;
    align-items: center;
    padding: 0;
    display: inline-flex;
  }

  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-header > button:focus-visible:not([data-lobe-focus-ring="managed"]) {
    --lobe-focus-ring-color: var(--lobe-color-info);
    outline: 2px solid color-mix(in srgb, var(--lobe-color-info) 90.0%, transparent);
    outline-offset: 2px;
    animation: .2s cubic-bezier(.22, 1, .36, 1) lobe-picker-ring-in;
  }

  @media (prefers-reduced-motion: reduce) {
    .lobe-picker-root.lobe-picker-dropdown .lobe-picker-header > button:focus-visible:not([data-lobe-focus-ring="managed"]) {
      animation: none;
    }
  }

  @media (forced-colors: active) {
    .lobe-picker-root.lobe-picker-dropdown .lobe-picker-header > button:focus-visible:not([data-lobe-focus-ring="managed"]) {
      outline-color: canvastext;
      animation: none;
    }
  }

  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-header > button:hover:not(:disabled) {
    color: var(--lobe-color-text);
    background: var(--lobe-color-fill-tertiary);
  }

  .lobe-picker-root.lobe-picker-dropdown :is(.lobe-picker-header-prev-btn-disabled, .lobe-picker-header-next-btn-disabled, .lobe-picker-header-super-prev-btn-disabled, .lobe-picker-header-super-next-btn-disabled) {
    cursor: not-allowed;
    opacity: .3;
  }

  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-header-view {
    flex: 1;
    justify-content: center;
    align-items: center;
    gap: 4px;
    min-width: 0;
    font-weight: 600;
    display: flex;
  }

  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-header-view > button {
    cursor: pointer;
    font: inherit;
    color: inherit;
    background: none;
    border: 0;
    border-radius: 6px;
    padding-block: 2px;
    padding-inline: 4px;
  }

  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-header-view > button:focus-visible:not([data-lobe-focus-ring="managed"]) {
    --lobe-focus-ring-color: var(--lobe-color-info);
    outline: 2px solid color-mix(in srgb, var(--lobe-color-info) 90.0%, transparent);
    outline-offset: 2px;
    animation: .2s cubic-bezier(.22, 1, .36, 1) lobe-picker-ring-in;
  }

  @media (prefers-reduced-motion: reduce) {
    .lobe-picker-root.lobe-picker-dropdown .lobe-picker-header-view > button:focus-visible:not([data-lobe-focus-ring="managed"]) {
      animation: none;
    }
  }

  @media (forced-colors: active) {
    .lobe-picker-root.lobe-picker-dropdown .lobe-picker-header-view > button:focus-visible:not([data-lobe-focus-ring="managed"]) {
      outline-color: canvastext;
      animation: none;
    }
  }

  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-header-view > button:hover:not(:disabled) {
    color: var(--lobe-color-primary);
  }

  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-header-view > button:disabled {
    cursor: default;
  }

  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-body {
    padding-block: 4px 12px;
    padding-inline: 12px;
  }

  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-content {
    table-layout: fixed;
    border-collapse: collapse;
    width: 100%;
  }

  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-content th {
    height: 28px;
    color: var(--lobe-color-text-tertiary);
    text-align: center;
    padding: 0;
    font-size: 12px;
    font-weight: 400;
  }

  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-cell {
    cursor: pointer;
    color: var(--lobe-color-text-quaternary);
    text-align: center;
    padding-block: 2px;
    padding-inline: 0;
    position: relative;
  }

  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-cell:before {
    content: "";
    z-index: 0;
    height: 32px;
    position: absolute;
    inset-block-start: 50%;
    inset-inline: 0;
    transform: translateY(-50%);
  }

  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-cell-in-view {
    color: var(--lobe-color-text);
  }

  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-cell-inner {
    z-index: 1;
    box-sizing: border-box;
    font-variant-numeric: tabular-nums;
    min-width: 32px;
    height: 32px;
    transition: background .15s var(--lobe-motion-ease-out),
        color .15s var(--lobe-motion-ease-out);
    border-radius: 999px;
    justify-content: center;
    align-items: center;
    font-size: 13px;
    display: inline-flex;
    position: relative;
  }

  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-cell:not(.lobe-picker-cell-disabled, .lobe-picker-cell-selected, .lobe-picker-cell-range-start, .lobe-picker-cell-range-end):hover .lobe-picker-cell-inner {
    background: var(--lobe-color-fill-tertiary);
  }

  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-cell-in-view.lobe-picker-cell-today .lobe-picker-cell-inner {
    font-weight: var(--lobe-font-weight-strong);
  }

  .lobe-picker-root.lobe-picker-dropdown :is(.lobe-picker-cell-in-view.lobe-picker-cell-selected, .lobe-picker-cell-in-view.lobe-picker-cell-range-start, .lobe-picker-cell-in-view.lobe-picker-cell-range-end) .lobe-picker-cell-inner {
    color: var(--lobe-color-bg-container);
    background: var(--lobe-color-text);
    font-weight: 600;
  }

  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-cell-in-view.lobe-picker-cell-in-range:before {
    background: var(--lobe-color-fill-secondary);
  }

  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-cell-in-view.lobe-picker-cell-range-start:not(.lobe-picker-cell-range-end):before {
    background: var(--lobe-color-fill-secondary);
    inset-inline-start: 50%;
  }

  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-cell-in-view.lobe-picker-cell-range-end:not(.lobe-picker-cell-range-start):before {
    background: var(--lobe-color-fill-secondary);
    inset-inline-end: 50%;
  }

  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-cell-disabled {
    cursor: not-allowed;
    color: var(--lobe-color-text-quaternary);
  }

  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-cell-disabled:before {
    background: none;
  }

  .lobe-picker-root.lobe-picker-dropdown :is(.lobe-picker-month-panel, .lobe-picker-quarter-panel, .lobe-picker-year-panel, .lobe-picker-decade-panel) .lobe-picker-cell {
    padding-block: 8px;
  }

  .lobe-picker-root.lobe-picker-dropdown :is(.lobe-picker-month-panel, .lobe-picker-quarter-panel, .lobe-picker-year-panel, .lobe-picker-decade-panel) .lobe-picker-cell:before {
    height: 36px;
  }

  .lobe-picker-root.lobe-picker-dropdown :is(.lobe-picker-month-panel, .lobe-picker-quarter-panel, .lobe-picker-year-panel, .lobe-picker-decade-panel) .lobe-picker-cell-inner {
    min-width: 64px;
    height: 36px;
    padding-inline: 8px;
    font-size: 14px;
  }

  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-decade-panel .lobe-picker-cell-inner {
    white-space: nowrap;
    padding-inline: 6px;
    font-size: 13px;
  }

  .lobe-picker-root.lobe-picker-dropdown :is(.lobe-picker-week-panel, .lobe-picker-date-panel-show-week) {
    width: 320px;
  }

  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-cell-week {
    color: var(--lobe-color-text-tertiary);
    font-size: 12px;
  }

  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-date-panel-show-week .lobe-picker-cell-week {
    cursor: default;
  }

  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-week-panel .lobe-picker-cell:hover .lobe-picker-cell-inner {
    background: none;
  }

  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-week-panel .lobe-picker-cell:first-child:before {
    border-start-start-radius: 999px;
    border-end-start-radius: 999px;
    inset-inline-start: 2px;
  }

  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-week-panel .lobe-picker-cell:last-child:before {
    border-start-end-radius: 999px;
    border-end-end-radius: 999px;
    inset-inline-end: 2px;
  }

  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-week-panel-row:hover .lobe-picker-cell:before {
    background: var(--lobe-color-fill-tertiary);
  }

  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-week-panel-row-range-hover .lobe-picker-cell:before, .lobe-picker-root.lobe-picker-dropdown .lobe-picker-week-panel-row-hover .lobe-picker-cell:before {
    background: var(--lobe-color-fill-secondary);
  }

  .lobe-picker-root.lobe-picker-dropdown :is(.lobe-picker-week-panel-row-selected, .lobe-picker-dropdown-multiple .lobe-picker-week-panel-row-hover, .lobe-picker-week-panel-row-range-start, .lobe-picker-week-panel-row-range-end) .lobe-picker-cell {
    color: var(--lobe-color-bg-container);
  }

  .lobe-picker-root.lobe-picker-dropdown :is(.lobe-picker-week-panel-row-selected, .lobe-picker-dropdown-multiple .lobe-picker-week-panel-row-hover, .lobe-picker-week-panel-row-range-start, .lobe-picker-week-panel-row-range-end) .lobe-picker-cell:before {
    background: var(--lobe-color-text);
  }

  .lobe-picker-root.lobe-picker-dropdown :is(.lobe-picker-week-panel-row-selected, .lobe-picker-dropdown-multiple .lobe-picker-week-panel-row-hover, .lobe-picker-week-panel-row-range-start, .lobe-picker-week-panel-row-range-end) .lobe-picker-cell .lobe-picker-cell-inner {
    box-shadow: none;
    font-weight: 600;
  }

  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-cell-keyboard-active {
    display: none;
  }

  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-cell-in-view:has( > .lobe-picker-cell-keyboard-active) .lobe-picker-cell-inner {
    outline: 2px solid var(--lobe-color-primary);
    outline-offset: 1px;
  }

  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-datetime-panel {
    align-items: stretch;
    display: flex;
  }

  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-datetime-panel > .lobe-picker-time-panel {
    border-inline-start: 1px solid var(--lobe-color-border-secondary);
  }

  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-time-panel {
    flex-direction: column;
    min-width: 0;
    display: flex;
  }

  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-time-panel .lobe-picker-header-view {
    font-variant-numeric: tabular-nums;
    height: 28px;
  }

  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-time-panel .lobe-picker-content {
    flex: auto;
    height: 224px;
    padding-block: 4px 12px;
    padding-inline: 4px;
    display: flex;
  }

  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-datetime-panel .lobe-picker-time-panel .lobe-picker-content {
    flex: 1 1 0;
    height: auto;
    min-height: 0;
  }

  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-time-panel-column {
    scrollbar-width: thin;
    flex: none;
    width: 56px;
    margin: 0;
    padding: 0;
    list-style: none;
    overflow-y: hidden;
  }

  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-time-panel-column:after {
    content: "";
    height: calc(100% - 28px);
    display: block;
  }

  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-time-panel-column:hover {
    overflow-y: auto;
  }

  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-time-panel-column + .lobe-picker-time-panel-column {
    border-inline-start: 1px solid var(--lobe-color-border-secondary);
  }

  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-time-panel-cell {
    cursor: pointer;
    padding-block: 1px;
    padding-inline: 4px;
  }

  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-time-panel-cell-inner {
    font-variant-numeric: tabular-nums;
    height: 26px;
    color: var(--lobe-color-text);
    text-align: center;
    transition: background .15s var(--lobe-motion-ease-out),
        color .15s var(--lobe-motion-ease-out);
    border-radius: 6px;
    font-size: 13px;
    line-height: 26px;
  }

  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-time-panel-cell:not(.lobe-picker-time-panel-cell-disabled, .lobe-picker-time-panel-cell-selected):hover .lobe-picker-time-panel-cell-inner {
    background: var(--lobe-color-fill-tertiary);
  }

  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-time-panel-cell-selected .lobe-picker-time-panel-cell-inner {
    color: var(--lobe-color-bg-container);
    background: var(--lobe-color-text);
    font-weight: 600;
  }

  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-time-panel-cell-disabled {
    cursor: not-allowed;
  }

  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-time-panel-cell-disabled .lobe-picker-time-panel-cell-inner {
    color: var(--lobe-color-text-quaternary);
  }

  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-time-clock-header {
    flex: 1;
    justify-content: center;
    align-items: center;
    gap: 2px;
    min-height: 28px;
    display: flex;
  }

  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-time-clock-segment {
    cursor: pointer;
    font-variant-numeric: tabular-nums;
    color: var(--lobe-color-text-tertiary);
    transition: background .15s var(--lobe-motion-ease-out),
        color .15s var(--lobe-motion-ease-out);
    background: none;
    border: 0;
    border-radius: 8px;
    padding-block: 2px;
    padding-inline: 6px;
    font-family: inherit;
    font-size: 22px;
    line-height: 1.2;
  }

  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-time-clock-segment:hover:not(:disabled) {
    color: var(--lobe-color-text);
  }

  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-time-clock-segment:disabled {
    cursor: not-allowed;
    opacity: .4;
  }

  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-time-clock-segment-active {
    color: var(--lobe-color-text);
    background: var(--lobe-color-fill-tertiary);
  }

  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-time-clock-colon {
    color: var(--lobe-color-text-quaternary);
    font-size: 22px;
    line-height: 1.2;
  }

  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-time-clock-stepper {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-time-clock-stepper > button {
    cursor: pointer;
    width: 24px;
    height: 14px;
    color: var(--lobe-color-text-tertiary);
    background: none;
    border: 0;
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    padding: 0;
    display: inline-flex;
  }

  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-time-clock-stepper > button:hover {
    color: var(--lobe-color-text);
    background: var(--lobe-color-fill-tertiary);
  }

  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-time-clock-stepper-value {
    cursor: ns-resize;
    font-variant-numeric: tabular-nums;
    color: var(--lobe-color-text-secondary);
    font-size: 15px;
    line-height: 1.2;
  }

  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-time-clock-meridiem {
    flex-direction: column;
    gap: 2px;
    margin-inline-start: 6px;
    display: flex;
  }

  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-time-clock-meridiem .lobe-picker-time-clock-segment {
    padding-block: 1px;
    padding-inline: 6px;
    font-size: 11px;
    font-weight: 500;
  }

  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-time-clock-body {
    justify-content: center;
    padding-block: 8px 14px;
    padding-inline: 14px;
    display: flex;
  }

  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-time-clock-dial {
    touch-action: none;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    background: var(--lobe-color-fill-quaternary);
    border-radius: 50%;
    outline: none;
    flex: none;
    position: relative;
  }

  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-time-clock-dial:focus-visible {
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--lobe-color-info) 90.0%, transparent);
  }

  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-time-clock-hand {
    z-index: 1;
    transform-origin: 50% 100%;
    background: var(--lobe-color-text);
    width: 2px;
    transition: transform .22s cubic-bezier(.22, 1, .36, 1), top .22s cubic-bezier(.22, 1, .36, 1), height .22s cubic-bezier(.22, 1, .36, 1);
    position: absolute;
    inset-inline-start: calc(50% - 1px);
  }

  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-time-clock-center {
    z-index: 1;
    background: var(--lobe-color-text);
    border-radius: 50%;
    width: 6px;
    height: 6px;
    position: absolute;
    inset-block-start: calc(50% - 3px);
    inset-inline-start: calc(50% - 3px);
  }

  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-time-clock-knob {
    z-index: 1;
    background: var(--lobe-color-text);
    border-radius: 50%;
    width: 30px;
    height: 30px;
    transition: left .22s cubic-bezier(.22, 1, .36, 1), top .22s cubic-bezier(.22, 1, .36, 1);
    position: absolute;
    transform: translate(-50%, -50%);
  }

  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-time-clock-knob-inner {
    width: 26px;
    height: 26px;
  }

  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-time-clock-knob-off-tick {
    box-shadow: inset 0 0 0 12px var(--lobe-color-text),
        inset 0 0 0 15px var(--lobe-color-bg-container);
  }

  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-time-clock-dial-dragging :is(.lobe-picker-time-clock-hand, .lobe-picker-time-clock-knob) {
    transition: none;
  }

  @media (prefers-reduced-motion: reduce) {
    .lobe-picker-root.lobe-picker-dropdown :is(.lobe-picker-time-clock-hand, .lobe-picker-time-clock-knob) {
      transition: none;
    }
  }

  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-time-clock-number {
    pointer-events: none;
    z-index: 2;
    font-variant-numeric: tabular-nums;
    width: 30px;
    height: 30px;
    color: var(--lobe-color-text);
    transition: color .12s var(--lobe-motion-ease-out);
    background: none;
    border: 0;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    padding: 0;
    font-family: inherit;
    font-size: 13px;
    display: flex;
    position: absolute;
    transform: translate(-50%, -50%);
  }

  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-time-clock-number:disabled {
    color: var(--lobe-color-text-quaternary);
  }

  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-time-clock-number-inner {
    width: 26px;
    height: 26px;
    color: var(--lobe-color-text-tertiary);
    font-size: 11px;
  }

  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-time-clock-number-selected {
    color: var(--lobe-color-bg-container);
    font-weight: 600;
  }

  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-footer {
    border-block-start: 1px solid var(--lobe-color-fill-secondary);
    background: none;
    align-items: center;
    gap: 8px;
    min-width: 0;
    display: flex;
  }

  .lobe-picker-root.lobe-picker-dropdown.lobe-picker-dropdown-dark .lobe-picker-footer {
    border-block-start-color: var(--lobe-color-fill-tertiary);
  }

  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-footer-extra {
    min-width: 0;
    color: var(--lobe-color-text-secondary);
    text-align: start;
    flex: 1;
    padding-block: 8px;
    padding-inline: 12px;
    font-size: 13px;
    line-height: 20px;
  }

  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-footer-extra + .lobe-picker-ranges {
    flex: none;
    padding-inline-start: 0;
  }

  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-ranges {
    flex: 1;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    margin: 0;
    padding-block: 8px;
    padding-inline: 12px;
    list-style: none;
    display: flex;
  }

  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-ranges > .lobe-picker-now {
    margin-inline: auto;
  }

  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-ranges > .lobe-picker-now:has( + .lobe-picker-ok) {
    margin-inline: 0;
  }

  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-ranges > .lobe-picker-ok {
    margin-inline-start: auto;
  }

  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-now-btn {
    cursor: pointer;
    color: var(--lobe-color-text);
    border-radius: 6px;
    padding-block: 2px;
    padding-inline: 8px;
    font-size: 13px;
  }

  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-now-btn:focus-visible:not([data-lobe-focus-ring="managed"]) {
    --lobe-focus-ring-color: var(--lobe-color-info);
    outline: 2px solid color-mix(in srgb, var(--lobe-color-info) 90.0%, transparent);
    outline-offset: 2px;
    animation: .2s cubic-bezier(.22, 1, .36, 1) lobe-picker-ring-in;
  }

  @media (prefers-reduced-motion: reduce) {
    .lobe-picker-root.lobe-picker-dropdown .lobe-picker-now-btn:focus-visible:not([data-lobe-focus-ring="managed"]) {
      animation: none;
    }
  }

  @media (forced-colors: active) {
    .lobe-picker-root.lobe-picker-dropdown .lobe-picker-now-btn:focus-visible:not([data-lobe-focus-ring="managed"]) {
      outline-color: canvastext;
      animation: none;
    }
  }

  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-now-btn:hover {
    background: var(--lobe-color-fill-tertiary);
  }

  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-now-btn-disabled {
    cursor: not-allowed;
    color: var(--lobe-color-text-quaternary);
  }

  @keyframes lobe-picker-ring-in {
    from {
      outline-offset: 5px;
      outline-color: #0000;
    }
  }
}

@layer lobe-ui {
  .lobe-draggable-side-nav-body::-webkit-scrollbar-thumb:hover {
    background-color: var(--lobe-color-border);
  }
}

@layer lobe-ui {
  .lobe-menu-positioner > * {
    will-change: opacity, transform;
    transform-origin: var(--transform-origin);
    animation: none;
  }

  .lobe-menu-positioner[data-open] > * {
    opacity: 1;
    transition: opacity var(--lobe-dropdown-animation-duration) var(--lobe-dropdown-animation-ease-out),
      transform var(--lobe-dropdown-animation-duration) var(--lobe-dropdown-animation-ease-out);
    transform: scaleY(1);
  }

  .lobe-menu-positioner[data-open] > [data-starting-style], .lobe-menu-positioner[data-closed] > * {
    transform: scaleY(var(--lobe-dropdown-animation-scale-y));
    opacity: 0;
  }

  .lobe-menu-positioner[data-closed] > * {
    transition: opacity var(--lobe-dropdown-animation-duration) var(--lobe-dropdown-animation-ease-in),
      transform var(--lobe-dropdown-animation-duration) var(--lobe-dropdown-animation-ease-in);
  }

  .lobe-menu-popup:has([data-highlighted]) :is([role^="menuitem"], [role="option"]):hover:not([data-highlighted]) {
    background: none !important;
  }

  .lobe-menu-icon svg {
    width: 100%;
    height: 100%;
  }

  .lobe-menu-submenu-arrow svg {
    width: 12px;
    height: 12px;
  }

  .lobe-menu-label a, .lobe-menu-label a:visited, .lobe-menu-label a:hover, .lobe-menu-label a:active {
    color: inherit;
  }
}

@layer lobe-ui {
  .lobe-emoji-picker em-emoji-picker {
    --rgb-accent: var(--emoji-picker-rgb-accent, 0, 0, 0);
    --shadow: none;
    --rgb-background: var(--emoji-picker-rgb-background, 255, 255, 255);
    --border-radius: 0;
  }

  .lobe-emoji-picker-avatar {
    transition: background .15s var(--lobe-motion-ease-out);
    position: relative;
  }

  .lobe-emoji-picker-avatar:hover {
    background: var(--lobe-color-fill-secondary) !important;
  }

  .lobe-emoji-picker-popover {
    padding: 0 !important;
    overflow: hidden !important;
  }

  .lobe-emoji-picker-positioner {
    width: fit-content !important;
  }

  .lobe-emoji-picker-tabs-root {
    width: auto !important;
  }

  .lobe-emoji-picker-tabs-list {
    padding: 4px;
    box-shadow: none !important;
    gap: 8px !important;
  }

  .lobe-emoji-picker-tabs-indicator {
    border-start-start-radius: 3px;
    border-start-end-radius: 3px;
    height: 3px !important;
  }

  .lobe-emoji-picker-tab {
    width: 32px;
    border-radius: var(--lobe-border-radius) !important;
    height: 32px !important;
    padding: 0 !important;
    transition: background-color .1s ease-out !important;
  }

  .lobe-emoji-picker-tab:hover:not([data-disabled]) {
    background: var(--lobe-color-fill-tertiary) !important;
  }
}

@layer lobe-ui {
  .lobe-form-list-cell > :not(:focus-within, :has([aria-invalid="true"]), :hover) {
    box-shadow: none;
    background: none;
    border-color: #0000;
  }

  .lobe-form-list-cell > :hover:not(:focus-within, :has([aria-invalid="true"])) {
    box-shadow: none;
  }

  .lobe-form-list-cell > :hover:not(:focus-within, :has([aria-invalid="true"]), [data-variant="filled"]) {
    background: var(--lobe-color-fill-tertiary);
  }
}

@layer lobe-ui {
  @keyframes lobe-syntax-highlighter-fade-in {
    0% {
      opacity: 0;
    }

    100% {
      opacity: 1;
    }
  }

  .lobe-syntax-highlighter pre {
    margin: 0;
    overflow-x: auto;
  }

  .lobe-syntax-highlighter-shiki pre {
    -webkit-user-select: none;
    user-select: none;
  }

  .lobe-syntax-highlighter-shiki pre code {
    flex-direction: column;
    gap: 4px;
    display: flex;
  }

  .lobe-syntax-highlighter-shiki pre code .line {
    -webkit-user-select: text;
    user-select: text;
    width: calc(100% + 32px);
    margin-block: 0;
    margin-inline: -16px;
    padding-block: 0;
    padding-inline: 16px;
    display: block;
  }

  .lobe-syntax-highlighter-shiki pre code .line:empty:before {
    content: "​";
  }

  .lobe-syntax-highlighter-transparent pre {
    background: none !important;
  }

  .lobe-syntax-highlighter-animated .animate-fade-in, .lobe-syntax-highlighter-animated .katex-html > .katex-base, .lobe-syntax-highlighter-animated code:not(:has(span.line)) {
    opacity: 1;
    animation: 1s ease-in-out lobe-syntax-highlighter-fade-in;
  }

  .lobe-syntax-highlighter-animated span.line > span.stream-char {
    opacity: 0;
    animation: lobe-syntax-highlighter-fade-in var(--lobe-syntax-highlighter-stream-fade)
      cubic-bezier(.33, 0, .67, 1) forwards;
  }

  .lobe-syntax-highlighter-animated .katex-display .katex-html span {
    animation: none !important;
    -webkit-mask: none !important;
    mask: none !important;
  }

  .lobe-syntax-highlighter-padded pre {
    padding: 16px;
  }

  .lobe-syntax-highlighter-unpadded pre {
    padding: 0;
  }
}

@layer lobe-ui {
  .lobe-highlighter .language-title {
    opacity: .5;
    filter: grayscale();
    transition: opacity,
      grayscale .2s var(--lobe-motion-ease-in-out);
  }

  .lobe-highlighter .panel-actions {
    opacity: 0;
    transition: opacity .2s var(--lobe-motion-ease-in-out);
  }

  .lobe-highlighter:hover .language-title {
    opacity: 1;
    filter: grayscale(0%);
  }

  .lobe-highlighter:hover .panel-actions, .lobe-highlighter:hover .lobe-highlighter-actions, .lobe-highlighter:hover .lobe-highlighter-lang {
    opacity: 1;
  }

  .lobe-highlighter pre {
    height: 100%;
    font-size: 12px;
  }

  .lobe-highlighter code {
    background: none !important;
  }

  .lobe-highlighter-nowrap pre, .lobe-highlighter-nowrap code {
    text-wrap: nowrap;
  }

  .lobe-highlighter-wrap pre, .lobe-highlighter-wrap code {
    text-wrap: wrap;
  }

  .lobe-highlighter-lang.lobe-highlighter-lang {
    z-index: 2;
    font-family: var(--lobe-font-family-code);
    color: var(--lobe-color-text-secondary);
    opacity: 0;
    background: var(--lobe-color-fill-quaternary);
    backdrop-filter: saturate(150%) blur(10px);
    box-shadow: none;
    transition: opacity .1s;
    position: absolute;
    inset-block: auto 8px;
    inset-inline: auto 8px;
  }
}

@layer lobe-ui {
  .lobe-html-preview-loading-source [data-code-type="highlighter"] {
    box-shadow: none;
    background: none;
  }

  .lobe-html-preview-loading-source pre, .lobe-html-preview-loading-source code {
    background: none !important;
  }
}

@layer lobe-ui {
  .lobe-image-viewer-image {
    -webkit-user-drag: none;
  }
}

@layer lobe-ui {
  .lobe-list-label a {
    color: inherit;
  }
}

@layer lobe-ui {
  .lobe-markdown-table-copy {
    z-index: 1;
    opacity: 0;
    background: var(--lobe-color-bg-container);
    box-shadow: 0 0 0 1px var(--lobe-color-border-secondary);
    transition: opacity var(--lobe-motion-duration-mid) var(--lobe-motion-ease-in-out);
    position: absolute;
    inset-block-start: calc(.75em + (var(--lobe-markdown-line-height) * .5em));
    inset-inline-end: .5em;
    transform: translateY(-50%);
  }

  .lobe-markdown-table:hover .lobe-markdown-table-copy, .lobe-markdown-table:focus-within .lobe-markdown-table-copy {
    opacity: 1;
  }

  .lobe-markdown-table > table {
    margin-block: 0;
  }

  .lobe-markdown-table > table thead th:last-child {
    padding-inline-end: calc(1em + 32px);
  }
}

@layer lobe-ui {
  .lobe-search-result-card {
    min-width: 160px;
    max-width: 160px;
    color: initial;
    font-size: 12px;
  }

  .lobe-search-result-card-url {
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }
}

@layer lobe-ui {
  .lobe-typography {
    --lobe-markdown-font-size: 16px;
    --lobe-markdown-header-multiple: 1;
    --lobe-markdown-margin-multiple: 2;
    --lobe-markdown-line-height: 1.8;
    --lobe-markdown-border-radius: 8;
  }

  .lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown {
    --lobe-markdown-font-size: 16px;
    --lobe-markdown-header-multiple: 1;
    --lobe-markdown-margin-multiple: 2;
    --lobe-markdown-line-height: 1.8;
    --lobe-markdown-border-radius: var(--lobe-border-radius-lg);
    --lobe-markdown-border-color: var(--lobe-color-fill-quaternary);
    width: 100%;
    max-width: 100%;
    font-size: var(--lobe-markdown-font-size);
    line-height: var(--lobe-markdown-line-height);
    overflow-wrap: break-word;
    padding-inline: 1px;
    position: relative;
  }

  :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) a {
    color: var(--lobe-color-info-text);
  }

  :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) a:hover {
    color: var(--lobe-color-info-hover);
  }

  :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) blockquote {
    margin-block: calc(var(--lobe-markdown-margin-multiple) * .5em);
    border-inline-start: solid 4px var(--lobe-color-border);
    color: var(--lobe-color-text-secondary);
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 1em;
  }

  :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) code:not(:has(span)) {
    border: 1px solid var(--lobe-markdown-border-color);
    font-family: var(--lobe-font-family-code);
    overflow-wrap: break-word;
    white-space: break-spaces;
    background: var(--lobe-color-fill-secondary);
    border-radius: .25em;
    margin-inline: .25em;
    padding-block: .1em;
    padding-inline: .4em;
    font-size: .875em;
    line-height: 1;
    display: inline;
  }

  :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) del {
    color: var(--lobe-color-text-description);
    text-decoration: line-through;
  }

  :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) details {
    margin-block: calc(var(--lobe-markdown-margin-multiple) * .5em);
    border-radius: calc(var(--lobe-markdown-border-radius) * 1px);
    background: var(--lobe-color-fill-tertiary);
    box-shadow: 0 0 0 1px var(--lobe-markdown-border-color);
    padding-block: .75em;
    padding-inline: 1em;
  }

  :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) details summary {
    cursor: pointer;
    align-items: center;
    list-style: none;
    display: flex;
  }

  :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) details summary:before {
    content: "";
    border-block-end: 1.5px solid var(--lobe-color-text-secondary);
    border-inline-end: 1.5px solid var(--lobe-color-text-secondary);
    width: .4em;
    height: .4em;
    font-family: var(--lobe-font-family);
    transition: transform .2s var(--lobe-motion-ease-out);
    display: block;
    position: absolute;
    inset-inline-end: 1.25em;
    transform: rotateZ(-45deg);
  }

  :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) details[open] summary {
    border-block-end: 1px dashed var(--lobe-color-border);
    padding-block-end: .75em;
  }

  :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) details[open] summary:before {
    transform: rotateZ(45deg);
  }

  :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) h1, :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) h2, :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) h3, :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) h4, :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) h5, :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) h6 {
    margin-block: max(calc(var(--lobe-markdown-header-multiple) * var(--lobe-markdown-margin-multiple) * .4em),
        var(--lobe-markdown-font-size));
    font-weight: bold;
    line-height: 1.25;
  }

  :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) h1 {
    font-size: calc(var(--lobe-markdown-font-size) * (1 + 1.5 * var(--lobe-markdown-header-multiple)));
  }

  :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) h2 {
    font-size: calc(var(--lobe-markdown-font-size) * (1 + var(--lobe-markdown-header-multiple)));
  }

  :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) h3 {
    font-size: calc(var(--lobe-markdown-font-size) * (1 + .5 * var(--lobe-markdown-header-multiple)));
  }

  :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) h4 {
    font-size: calc(var(--lobe-markdown-font-size) * (1 + .25 * var(--lobe-markdown-header-multiple)));
  }

  :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) h5, :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) h6 {
    font-size: calc(var(--lobe-markdown-font-size) * 1);
  }

  :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) hr {
    width: 100%;
    margin-block: calc(var(--lobe-markdown-margin-multiple) * 1.5em);
    border-color: var(--lobe-color-border);
    border-style: dashed;
    border-width: 1px;
    border-block-start: none;
    border-inline: none;
  }

  :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) img {
    max-width: 100%;
  }

  :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) > img, :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) > p > img {
    margin-block: calc(var(--lobe-markdown-margin-multiple) * .5em);
    border-radius: calc(var(--lobe-markdown-border-radius) * 1px);
    box-shadow: 0 0 0 1px var(--lobe-markdown-border-color);
  }

  :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) li {
    margin-block: calc(var(--lobe-markdown-margin-multiple) * .33em);
  }

  :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) li p:first-child {
    display: inline;
  }

  :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) ul, :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) ol {
    margin-block: calc(var(--lobe-markdown-margin-multiple) * .5em);
    margin-inline-start: 1em;
    padding-inline-start: 0;
    list-style-position: outside;
  }

  :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) ul > ul, :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) ul > ol, :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) ol > ul, :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) ol > ol {
    margin-block: 0;
  }

  :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) ul > li, :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) ol > li {
    margin-inline-start: 1em;
  }

  :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) ol {
    list-style: auto;
  }

  :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) ul {
    list-style-type: none;
  }

  :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) ul > li:before {
    content: "-";
    opacity: .5;
    margin-inline: -1em .5em;
    display: inline-block;
    position: absolute;
  }

  :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) .task-list-item:before {
    display: none !important;
  }

  :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) .task-list-item input[type="checkbox"] {
    vertical-align: middle;
    margin-block: 0 .25em;
    margin-inline: -1.6em .2em;
  }

  :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) .task-list-item input[type="checkbox"]:dir(rtl) {
    margin: 0 -1.6em .25em .2em;
  }

  :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) p {
    line-height: var(--lobe-markdown-line-height);
    letter-spacing: .02em;
    margin-block: 4px;
  }

  :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) p:not(:first-child) {
    margin-block-start: calc(var(--lobe-markdown-margin-multiple) * .5em);
  }

  :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) p:not(:last-child) {
    margin-block-end: calc(var(--lobe-markdown-margin-multiple) * .5em);
  }

  :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) pre {
    font-size: calc(var(--lobe-markdown-font-size) * .85);
  }

  :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) strong {
    font-weight: 600;
  }

  :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) svg {
    line-height: 1;
  }

  :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) table {
    border-spacing: 0;
    border-collapse: collapse;
    box-sizing: border-box;
    width: max-content;
    max-width: 100%;
    margin-block: calc(var(--lobe-markdown-margin-multiple) * .5em);
    border-radius: calc(var(--lobe-markdown-border-radius) * 1px);
    text-align: start;
    text-indent: initial;
    text-wrap: pretty;
    word-break: auto-phrase;
    overflow-wrap: break-word;
    box-shadow: 0 0 0 1px var(--lobe-color-border-secondary);
    unicode-bidi: isolate;
    display: block;
    overflow: auto hidden;
  }

  :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) table code {
    overflow-wrap: break-word;
  }

  :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) table thead {
    background: var(--lobe-color-fill-quaternary);
  }

  :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) table tr {
    box-shadow: 0 1px 0 var(--lobe-color-border-secondary);
  }

  :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) table th, :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) table td {
    text-align: start;
    min-width: 120px;
    padding-block: .75em;
    padding-inline: 1em;
  }

  :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) > video, :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) > p > video {
    margin-block: calc(var(--lobe-markdown-margin-multiple) * .5em);
    border-radius: calc(var(--lobe-markdown-border-radius) * 1px);
    box-shadow: 0 0 0 1px var(--lobe-markdown-border-color);
  }

  :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) video {
    max-width: 100%;
  }

  :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) .footnotes {
    color: #8b949e;
    margin-block-start: calc(var(--lobe-markdown-margin-multiple) * 1em);
    font-size: smaller;
  }

  :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) .footnotes #footnote-label {
    display: none;
  }

  :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) .footnotes > ol {
    margin: 0 !important;
  }

  :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) sub {
    font-size: .75em;
    line-height: var(--lobe-markdown-line-height);
    vertical-align: baseline;
    position: relative;
    inset-block-end: -.25em;
  }

  :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) sup {
    font-size: .75em;
    line-height: var(--lobe-markdown-line-height);
    vertical-align: baseline;
    position: relative;
    inset-block-start: -.25em;
  }

  .lobe-markdown.lobe-typography {
    --lobe-markdown-border-radius: 8;
  }

  .lobe-markdown.lobe-markdown-chat {
    --lobe-markdown-font-size: 14px;
    --lobe-markdown-header-multiple: .25;
    --lobe-markdown-margin-multiple: 1;
    --lobe-markdown-line-height: 1.6;
  }

  .lobe-markdown-chat ol > li::marker, .lobe-markdown-chat ul > li::marker, .lobe-markdown-chat ol > li > li::marker, .lobe-markdown-chat ul > li > li::marker {
    color: var(--lobe-color-text-secondary) !important;
  }

  .lobe-markdown-chat ul {
    list-style: unset;
  }

  .lobe-markdown-chat ul > li:before {
    content: unset;
    display: unset;
  }

  .lobe-markdown-latex .katex-error {
    color: var(--lobe-color-text-description) !important;
  }

  .lobe-markdown-latex .katex-html {
    padding: 3px;
    overflow: auto hidden;
  }

  .lobe-markdown-latex .katex-html .base {
    margin-block: 0;
    margin-inline: auto;
  }

  .lobe-markdown-latex .katex-html .tag {
    padding-inline-start: .5rem;
    display: inline-block;
    position: relative !important;
  }

  .lobe-markdown-gfm .markdown-alert {
    margin-block: calc(var(--lobe-markdown-margin-multiple) * .5em);
    border-inline-start: solid 4px var(--lobe-color-border);
    padding-inline-start: 1em;
  }

  .lobe-markdown-gfm .markdown-alert > p {
    margin-block-start: 0 !important;
  }

  .lobe-markdown-gfm .markdown-alert > :first-child {
    margin-block-start: 0;
  }

  .lobe-markdown-gfm .markdown-alert > :last-child {
    margin-block-end: 0;
  }

  .lobe-markdown-gfm .markdown-alert-note {
    border-inline-start-color: var(--lobe-color-info);
  }

  .lobe-markdown-gfm .markdown-alert-tip {
    border-inline-start-color: var(--lobe-color-success);
  }

  .lobe-markdown-gfm .markdown-alert-important {
    border-inline-start-color: var(--lobe-purple);
  }

  .lobe-markdown-gfm .markdown-alert-warning {
    border-inline-start-color: var(--lobe-color-warning);
  }

  .lobe-markdown-gfm .markdown-alert-caution {
    border-inline-start-color: var(--lobe-color-error);
  }

  .lobe-markdown-gfm .markdown-alert-title {
    align-items: center;
    font-weight: 500;
    display: flex;
    margin-block-end: .5em !important;
  }

  .lobe-markdown-gfm .markdown-alert-note .markdown-alert-title {
    color: var(--lobe-color-info);
    fill: var(--lobe-color-info);
  }

  .lobe-markdown-gfm .markdown-alert-tip .markdown-alert-title {
    color: var(--lobe-color-success);
    fill: var(--lobe-color-success);
  }

  .lobe-markdown-gfm .markdown-alert-important .markdown-alert-title {
    color: var(--lobe-purple);
    fill: var(--lobe-purple);
  }

  .lobe-markdown-gfm .markdown-alert-warning .markdown-alert-title {
    color: var(--lobe-color-warning);
    fill: var(--lobe-color-warning);
  }

  .lobe-markdown-gfm .markdown-alert-caution .markdown-alert-title {
    color: var(--lobe-color-error);
    fill: var(--lobe-color-error);
  }

  .lobe-markdown-gfm .octicon {
    vertical-align: text-bottom;
    margin-inline-end: .5em;
    display: inline-block;
    overflow: visible !important;
  }

  .lobe-markdown-gfm .sr-only {
    word-wrap: normal;
    clip: rect(0, 0, 0, 0);
    border: 0;
    width: 1px;
    height: 1px;
    padding: 0;
    position: absolute;
    overflow: hidden;
  }

  .lobe-markdown-gfm sup:has([aria-describedby="footnote-label"]) {
    margin-inline: 2px;
    vertical-align: super !important;
  }

  .lobe-markdown-gfm sup:has([aria-describedby="footnote-label"]) [data-footnote-ref] {
    width: 16px;
    height: 16px;
    font-family: var(--lobe-font-family-code);
    text-align: center;
    background: var(--lobe-color-fill-secondary);
    border-radius: 4px;
    font-size: 10px;
    display: inline-block;
    color: var(--lobe-color-text-secondary) !important;
  }

  .lobe-markdown-gfm code.color-preview {
    gap: .4em;
    position: relative;
    display: inline-flex !important;
  }

  .lobe-markdown-gfm code.color-preview:after {
    content: "";
    border: 1px solid var(--lobe-color-fill);
    background-color: attr(data-color);
    background-color: var(--color-preview-color, #000);
    border-radius: 50%;
    width: .66em;
    height: .66em;
  }
}

@layer lobe-ui {
  @keyframes lobe-mermaid-fade-in {
    0% {
      opacity: 0;
    }

    100% {
      opacity: 1;
    }
  }

  .lobe-mermaid img {
    width: 100%;
    height: auto;
    display: block;
  }

  .lobe-mermaid svg {
    max-width: 100%;
    height: auto;
    max-height: 480px;
    margin-inline: auto;
    display: block;
  }

  .lobe-mermaid-transparent img {
    background: none !important;
  }

  .lobe-mermaid-animated img {
    opacity: 1;
    animation: .5s ease-in-out lobe-mermaid-fade-in;
  }
}

@layer lobe-ui {
  .lobe-popover-viewport [data-previous], .lobe-popover-viewport [data-current] {
    opacity: 1;
    filter: blur();
    transition: transform var(--lobe-popover-layout-duration) var(--lobe-popover-layout-ease),
      opacity calc(var(--lobe-popover-layout-duration) / 2) var(--lobe-popover-animation-ease-out),
      filter calc(var(--lobe-popover-layout-duration) / 2) var(--lobe-popover-animation-ease-out);
    transform: translateX(0);
  }

  .lobe-popover-viewport [data-current] {
    transition-delay: 0s, calc(var(--lobe-popover-layout-duration) / 6),
      calc(var(--lobe-popover-layout-duration) / 6);
  }

  .lobe-popover-viewport [data-previous][data-ending-style], .lobe-popover-viewport [data-current][data-starting-style] {
    filter: blur(var(--lobe-popover-content-blur));
  }

  .lobe-popover-viewport [data-previous] {
    width: calc(var(--popup-width) - var(--lobe-popover-viewport-inline-padding) * 2);
    position: absolute;
    inset-block-start: 12px;
    inset-inline-start: var(--lobe-popover-viewport-inline-padding);
  }

  .lobe-popover-viewport[data-transitioning] [data-current] {
    width: calc(var(--positioner-width) - var(--lobe-popover-viewport-inline-padding) * 2);
  }

  .lobe-popover-viewport[data-repop] [data-previous] {
    display: none;
  }

  .lobe-popover-viewport[data-repop] [data-current] {
    transition: none;
  }

  .lobe-popover-viewport[data-activation-direction~="right"] [data-previous][data-ending-style] {
    transform: translateX(calc(var(--lobe-popover-content-shift) * -1));
    opacity: 0;
  }

  .lobe-popover-viewport[data-activation-direction~="right"] [data-current][data-starting-style], .lobe-popover-viewport[data-activation-direction~="left"] [data-previous][data-ending-style] {
    transform: translateX(var(--lobe-popover-content-shift));
    opacity: 0;
  }

  .lobe-popover-viewport[data-activation-direction~="left"] [data-current][data-starting-style] {
    transform: translateX(calc(var(--lobe-popover-content-shift) * -1));
    opacity: 0;
  }

  .lobe-popover-viewport[data-activation-direction~="down"] [data-previous][data-ending-style] {
    transform: translateY(calc(var(--lobe-popover-content-shift) * -1));
    opacity: 0;
  }

  .lobe-popover-viewport[data-activation-direction~="down"] [data-current][data-starting-style], .lobe-popover-viewport[data-activation-direction~="up"] [data-previous][data-ending-style] {
    transform: translateY(var(--lobe-popover-content-shift));
    opacity: 0;
  }

  .lobe-popover-viewport[data-activation-direction~="up"] [data-current][data-starting-style] {
    transform: translateY(calc(var(--lobe-popover-content-shift) * -1));
    opacity: 0;
  }
}

@layer lobe-ui {
  .lobe-pro-table-root {
    --lobe-pro-table-status-default: var(--lobe-color-text-quaternary);
    --lobe-pro-table-status-error: var(--lobe-color-error);
    --lobe-pro-table-status-processing: var(--lobe-color-primary);
    --lobe-pro-table-status-success: var(--lobe-color-success);
    --lobe-pro-table-status-warning: var(--lobe-color-warning);
    flex-direction: column;
    gap: 16px;
    min-width: 0;
    display: flex;
  }

  .lobe-pro-table-root > :has( > [data-pro-table-search]) {
    margin-block-end: 8px;
  }

  .lobe-pro-table-root[data-fullscreen] {
    background: var(--lobe-color-bg-layout);
    padding: 16px;
    overflow: auto;
  }

  .lobe-pro-table-density-item {
    cursor: pointer;
    border-radius: var(--lobe-border-radius-sm);
    height: 32px;
    font: inherit;
    color: var(--lobe-color-text);
    text-align: start;
    background: none;
    border: none;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    padding-inline: 8px;
    display: flex;
  }

  .lobe-pro-table-density-item:hover, .lobe-pro-table-density-item:focus-visible {
    background: var(--lobe-color-fill-tertiary);
    outline: none;
  }

  .lobe-pro-table-density-item[aria-checked="true"] {
    font-weight: 500;
  }

  .lobe-pro-table-index-border {
    font-variant-numeric: tabular-nums;
    min-width: 18px;
    height: 18px;
    color: var(--lobe-color-text);
    background: var(--lobe-color-fill-secondary);
    border-radius: 9px;
    justify-content: center;
    align-items: center;
    padding-inline: 4px;
    font-size: 12px;
    display: inline-flex;
  }

  .lobe-pro-table-index-border[data-top] {
    color: var(--lobe-color-bg-layout);
    background: var(--lobe-color-primary);
  }

  .lobe-pro-table-light-filter-item {
    flex: none;
    align-items: center;
    width: auto;
    min-width: 160px;
    max-width: 320px;
    display: inline-flex;
  }

  .lobe-pro-table-light-filter-item > * {
    width: 100%;
  }

  .lobe-pro-table-search-actions {
    flex-wrap: wrap;
    grid-column-end: -1;
    justify-content: flex-end;
    align-items: center;
    gap: 8px;
    display: flex;
  }

  .lobe-pro-table-search-actions[data-layout="vertical"] {
    align-self: end;
  }

  .lobe-pro-table-search-field {
    min-width: 0;
  }

  .lobe-pro-table-search-field > div {
    gap: 8px;
    padding-block: 0;
  }

  .lobe-pro-table-search-field > div > label {
    width: var(--lobe-pro-table-label-width, auto);
    min-width: 0;
    max-width: 100%;
    color: var(--lobe-color-text-secondary);
    text-overflow: ellipsis;
    white-space: nowrap;
    flex: none;
    overflow: hidden;
  }

  .lobe-pro-table-search-field > div > label * {
    min-width: 0;
    max-width: 100%;
  }

  .lobe-pro-table-search-field[data-layout="horizontal"] > div > label {
    text-align: end;
  }

  .lobe-pro-table-search-field[data-layout="vertical"] > div > label {
    text-align: start;
    width: 100%;
  }

  .lobe-pro-table-search-field > div > div {
    flex: 1;
    align-items: stretch;
    min-width: 0;
  }

  .lobe-pro-table-search-label {
    color: var(--lobe-color-text-secondary);
    text-align: end;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex: none;
    overflow: hidden;
  }

  .lobe-pro-table-search-label[data-layout="vertical"] {
    text-align: start;
  }

  .lobe-pro-table-setting-item {
    align-items: center;
    gap: 4px;
    min-height: 32px;
    padding-inline: 12px 8px;
    display: flex;
  }

  .lobe-pro-table-setting-item:hover {
    background: var(--lobe-color-fill-tertiary);
  }

  .lobe-pro-table-setting-item:hover [data-setting-actions] {
    opacity: 1;
  }

  .lobe-pro-table-setting-item-actions {
    opacity: 0;
    flex: none;
    gap: 2px;
    display: flex;
  }

  .lobe-pro-table-setting-item-actions:focus-within {
    opacity: 1;
  }

  @keyframes lobe-pro-table-status-pulse {
    0% {
      box-shadow: 0 0 0 0 color-mix(in srgb, currentcolor 40.0%, transparent);
    }

    100% {
      box-shadow: 0 0 0 4px #0000;
    }
  }

  .lobe-pro-table-status-processing {
    color: var(--lobe-color-primary);
    animation: 1.2s ease-out infinite lobe-pro-table-status-pulse;
  }
}

@layer lobe-ui {
  .lobe-result-extra > :is(div, section, form) {
    flex: 100%;
  }
}

@layer lobe-ui {
  @property --lobe-scroll-area-fade-top {
    syntax: "<length>";
    inherits: true;
    initial-value: 0;
  }

  @property --lobe-scroll-area-fade-bottom {
    syntax: "<length>";
    inherits: true;
    initial-value: 0;
  }

  .lobe-scroll-area-fade {
    --scroll-area-overflow-y-start: inherit;
    --scroll-area-overflow-y-end: inherit;
    --lobe-scroll-area-fade-size: 40px;
    --lobe-scroll-area-fade-top: min(var(--lobe-scroll-area-fade-size),
      var(--scroll-area-overflow-y-start, 0px));
    --lobe-scroll-area-fade-bottom: min(var(--lobe-scroll-area-fade-size),
      var(--scroll-area-overflow-y-end, 0px));
    -webkit-mask-image: linear-gradient(to bottom,
      transparent 0,
      #000 var(--lobe-scroll-area-fade-top),
      #000 calc(100.0% - var(--lobe-scroll-area-fade-bottom)),
      transparent 100.0%);
    mask-image: linear-gradient(to bottom,
      transparent 0,
      #000 var(--lobe-scroll-area-fade-top),
      #000 calc(100.0% - var(--lobe-scroll-area-fade-bottom)),
      transparent 100.0%);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .lobe-scroll-area-fade-horizontal {
    --scroll-area-overflow-x-start: inherit;
    --scroll-area-overflow-x-end: inherit;
    --lobe-scroll-area-fade-size: 40px;
    --lobe-scroll-area-fade-left: min(var(--lobe-scroll-area-fade-size),
      var(--scroll-area-overflow-x-start, 0px));
    --lobe-scroll-area-fade-right: min(var(--lobe-scroll-area-fade-size),
      var(--scroll-area-overflow-x-end, 0px));
    -webkit-mask-image: linear-gradient(to right,
      transparent 0,
      #000 var(--lobe-scroll-area-fade-left),
      #000 calc(100.0% - var(--lobe-scroll-area-fade-right)),
      transparent 100.0%);
    mask-image: linear-gradient(to right,
      transparent 0,
      #000 var(--lobe-scroll-area-fade-left),
      #000 calc(100.0% - var(--lobe-scroll-area-fade-right)),
      transparent 100.0%);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .lobe-scroll-area-fade-both {
    --scroll-area-overflow-x-start: inherit;
    --scroll-area-overflow-x-end: inherit;
    --scroll-area-overflow-y-start: inherit;
    --scroll-area-overflow-y-end: inherit;
    --lobe-scroll-area-fade-size: 40px;
    --lobe-scroll-area-fade-top: min(var(--lobe-scroll-area-fade-size),
      var(--scroll-area-overflow-y-start, 0px));
    --lobe-scroll-area-fade-bottom: min(var(--lobe-scroll-area-fade-size),
      var(--scroll-area-overflow-y-end, 0px));
    --lobe-scroll-area-fade-left: min(var(--lobe-scroll-area-fade-size),
      var(--scroll-area-overflow-x-start, 0px));
    --lobe-scroll-area-fade-right: min(var(--lobe-scroll-area-fade-size),
      var(--scroll-area-overflow-x-end, 0px));
    -webkit-mask-composite: source-in;
    mask-composite: intersect;
    -webkit-mask-image: linear-gradient(to bottom,
        transparent 0,
        #000 var(--lobe-scroll-area-fade-top),
        #000 calc(100.0% - var(--lobe-scroll-area-fade-bottom)),
        transparent 100.0%),
      linear-gradient(to right,
        transparent 0,
        #000 var(--lobe-scroll-area-fade-left),
        #000 calc(100.0% - var(--lobe-scroll-area-fade-right)),
        transparent 100.0%);
    mask-image: linear-gradient(to bottom,
        transparent 0,
        #000 var(--lobe-scroll-area-fade-top),
        #000 calc(100.0% - var(--lobe-scroll-area-fade-bottom)),
        transparent 100.0%),
      linear-gradient(to right,
        transparent 0,
        #000 var(--lobe-scroll-area-fade-left),
        #000 calc(100.0% - var(--lobe-scroll-area-fade-right)),
        transparent 100.0%);
    -webkit-mask-size: 100% 100%, 100% 100%;
    mask-size: 100% 100%, 100% 100%;
    -webkit-mask-repeat: no-repeat, no-repeat;
    mask-repeat: no-repeat, no-repeat;
  }

  @supports (animation-timeline: scroll()) {
    @keyframes lobe-scroll-area-fade-top-in {
      from {
        --lobe-scroll-area-fade-top: 0;
      }

      to {
        --lobe-scroll-area-fade-top: var(--lobe-scroll-area-fade-size);
      }
    }

    @keyframes lobe-scroll-area-fade-bottom-out {
      from {
        --lobe-scroll-area-fade-bottom: var(--lobe-scroll-area-fade-size);
      }

      to {
        --lobe-scroll-area-fade-bottom: 0;
      }
    }

    @keyframes lobe-scroll-area-fade-left-in {
      from {
        --lobe-scroll-area-fade-left: 0;
      }

      to {
        --lobe-scroll-area-fade-left: var(--lobe-scroll-area-fade-size);
      }
    }

    @keyframes lobe-scroll-area-fade-right-out {
      from {
        --lobe-scroll-area-fade-right: var(--lobe-scroll-area-fade-size);
      }

      to {
        --lobe-scroll-area-fade-right: 0;
      }
    }

    .lobe-scroll-area-fade {
      animation-name: lobe-scroll-area-fade-top-in, lobe-scroll-area-fade-bottom-out;
      animation-duration: 1ms, 1ms;
      animation-timing-function: linear, linear;
      animation-fill-mode: both, both;
      animation-timeline: scroll(self y), scroll(self y);
      animation-range: 0 var(--lobe-scroll-area-fade-size),
        calc(100.0% - var(--lobe-scroll-area-fade-size)) 100.0%;
    }

    .lobe-scroll-area-fade-horizontal {
      animation-name: lobe-scroll-area-fade-left-in, lobe-scroll-area-fade-right-out;
      animation-duration: 1ms, 1ms;
      animation-timing-function: linear, linear;
      animation-fill-mode: both, both;
      animation-timeline: scroll(self x), scroll(self x);
      animation-range: 0 var(--lobe-scroll-area-fade-size),
        calc(100.0% - var(--lobe-scroll-area-fade-size)) 100.0%;
    }

    .lobe-scroll-area-fade-both {
      animation-name: lobe-scroll-area-fade-top-in, lobe-scroll-area-fade-bottom-out, lobe-scroll-area-fade-left-in, lobe-scroll-area-fade-right-out;
      animation-duration: 1ms, 1ms, 1ms, 1ms;
      animation-timing-function: linear, linear, linear, linear;
      animation-fill-mode: both, both, both, both;
      animation-timeline: scroll(self y), scroll(self y), scroll(self x), scroll(self x);
      animation-range: 0 var(--lobe-scroll-area-fade-size),
        calc(100.0% - var(--lobe-scroll-area-fade-size)) 100.0%,
        0 var(--lobe-scroll-area-fade-size),
        calc(100.0% - var(--lobe-scroll-area-fade-size)) 100.0%;
    }
  }
}

@layer lobe-ui {
  [data-orientation="horizontal"] .lobe-segmented-indicator:dir(rtl) {
    --lobe-segmented-indicator-start: var(--active-item-right);
  }
}

@layer lobe-ui {
  .lobe-select-arrow > svg {
    width: 100%;
    height: 100%;
  }
}

@layer lobe-ui {
  .lobe-snippet-highlight pre {
    align-items: center;
    height: 100%;
    display: flex;
  }
}

@layer lobe-ui {
  .lobe-switch {
    --switch-dir: 1;
  }

  .lobe-switch:dir(rtl), [dir="rtl"] .lobe-switch {
    --switch-dir: -1;
  }

  .lobe-switch-text > :last-child {
    position: absolute;
    inset-inline-start: 2px;
  }

  .lobe-switch-text > [aria-hidden] > * {
    grid-area: 1 / 1;
  }
}

@layer lobe-ui {
  .lobe-table {
    --lobe-table-border-color: var(--lobe-fill-border, var(--lobe-color-fill));
    --lobe-table-border: 1px solid var(--lobe-table-border-color);
    --lobe-table-z-fixed: 2;
    --lobe-table-cell: var(--lobe-table-bg, var(--lobe-color-bg-container));
    --lobe-table-fill: transparent;
    --lobe-table-hover-bg: var(--lobe-color-fill-tertiary);
    --lobe-table-selected-bg: color-mix(in srgb, var(--lobe-color-primary) 6.0%, transparent);
    --lobe-table-selected-hover-bg: color-mix(in srgb, var(--lobe-color-primary) 10.0%, transparent);
    color: var(--lobe-color-text);
    background: var(--lobe-table-bg, var(--lobe-color-bg-container));
    font-size: 14px;
  }

  .lobe-table table {
    border-spacing: 0;
    border-collapse: separate;
    text-align: start;
    width: 100%;
  }

  .lobe-table .lobe-table-cell, .lobe-table .lobe-table-thead > tr > th, .lobe-table .lobe-table-tbody > tr > td, .lobe-table tfoot > tr > th, .lobe-table tfoot > tr > td {
    padding-block: var(--lobe-table-padding-block);
    padding-inline: var(--lobe-table-padding-inline);
    overflow-wrap: break-word;
    vertical-align: middle;
    position: relative;
  }

  .lobe-table .lobe-table-tbody > tr > td[rowspan]:not([rowspan="0"], [rowspan="1"]):before, .lobe-table .lobe-table-tbody-virtual .lobe-table-cell[rowspan]:not([rowspan="0"], [rowspan="1"]):before {
    pointer-events: none;
    content: "";
    border-inline: var(--lobe-table-border);
    position: absolute;
    inset: 0;
  }

  .lobe-table .lobe-table-tbody > tr > td[rowspan]:first-child:before, .lobe-table .lobe-table-tbody-virtual .lobe-table-cell[rowspan]:first-child:before {
    border-inline-start: 0;
  }

  .lobe-table .lobe-table-tbody > tr > td[rowspan]:last-child:before, .lobe-table .lobe-table-tbody-virtual .lobe-table-cell[rowspan]:last-child:before {
    border-inline-end: 0;
  }

  .lobe-table .lobe-table-thead > tr > th, .lobe-table .lobe-table-thead > tr > td {
    color: var(--lobe-color-text-secondary);
    text-align: start;
    background: var(--lobe-table-cell);
    box-shadow: inset 0 -1px 0 var(--lobe-table-border-color),
        inset 0 999px 0 var(--lobe-color-fill-quaternary);
    font-size: 13px;
    font-weight: 500;
  }

  :is(.lobe-table .lobe-table-thead > tr > th, .lobe-table .lobe-table-thead > tr > td)[colspan]:not([colspan="1"]) {
    text-align: center;
  }

  .lobe-table .lobe-table-tbody > tr > td, .lobe-table .lobe-table-tbody > tr > th {
    border-block-end: var(--lobe-table-border);
    font-weight: inherit;
    font-variant-numeric: tabular-nums;
    text-align: start;
    background: var(--lobe-table-cell);
    transition: background-color var(--lobe-motion-duration-mid);
  }

  .lobe-table.lobe-table-filled .lobe-table-tbody > tr:last-child > td, .lobe-table.lobe-table-filled .lobe-table-tbody > tr:last-child > th, .lobe-table.lobe-table-outlined .lobe-table-tbody > tr:last-child > td, .lobe-table.lobe-table-outlined .lobe-table-tbody > tr:last-child > th, .lobe-table.lobe-table-borderless table:has( > tfoot) > .lobe-table-tbody > tr:last-child > td, .lobe-table.lobe-table-borderless table:has( > tfoot) > .lobe-table-tbody > tr:last-child > th {
    border-block-end: 0;
  }

  .lobe-table .lobe-table-tbody > tr.lobe-table-placeholder > td {
    color: var(--lobe-color-text-description);
    text-align: center;
    padding-block: 32px;
  }

  .lobe-table .lobe-table-tbody > tr.lobe-table-placeholder > td:has([data-table-skeleton]) {
    color: inherit;
    text-align: start;
    vertical-align: top;
    padding: 0;
  }

  .lobe-table .lobe-table-tbody > tr.lobe-table-row-clickable {
    cursor: pointer;
  }

  .lobe-table .lobe-table-tbody > tr > td.lobe-table-column-sort {
    background: var(--lobe-color-fill-quaternary);
  }

  .lobe-table .lobe-table-cell-ellipsis {
    text-overflow: ellipsis;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
  }

  .lobe-table .lobe-table-cell-ellipsis.lobe-table-cell-fix-start-shadow, .lobe-table .lobe-table-cell-ellipsis.lobe-table-cell-fix-end-shadow {
    overflow: visible;
  }

  :is(.lobe-table .lobe-table-cell-ellipsis.lobe-table-cell-fix-start-shadow, .lobe-table .lobe-table-cell-ellipsis.lobe-table-cell-fix-end-shadow) .lobe-table-cell-content {
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    overflow: hidden;
  }

  .lobe-table > .lobe-table-title, .lobe-table > .lobe-table-footer {
    padding-block: var(--lobe-table-padding-block);
    padding-inline: var(--lobe-table-padding-inline);
  }

  .lobe-table > .lobe-table-footer {
    color: var(--lobe-color-text);
    background: var(--lobe-color-fill-quaternary);
  }

  .lobe-table .lobe-table-container {
    position: relative;
  }

  .lobe-table .lobe-table-container:before, .lobe-table .lobe-table-container:after {
    pointer-events: none;
    content: "";
    z-index: calc(var(--columns-count, 1) * 2 + var(--lobe-table-z-fixed) + 1);
    width: 30px;
    transition: box-shadow var(--lobe-motion-duration-slow);
    position: absolute;
    inset-block: 0 -1px;
  }

  .lobe-table .lobe-table-container:before {
    inset-inline-start: 0;
  }

  .lobe-table .lobe-table-container:after {
    inset-inline-end: 0;
  }

  .lobe-table.lobe-table-has-fix-start > .lobe-table-container:before, .lobe-table.lobe-table-has-fix-end > .lobe-table-container:after {
    display: none;
  }

  .lobe-table.lobe-table-fix-start-shadow-show > .lobe-table-container:before {
    box-shadow: inset 10px 0 8px -8px var(--lobe-color-split);
  }

  .lobe-table.lobe-table-fix-end-shadow-show > .lobe-table-container:after {
    box-shadow: inset -10px 0 8px -8px var(--lobe-color-split);
  }

  .lobe-table .lobe-table-thead > tr > th.lobe-table-cell-fix, .lobe-table .lobe-table-tbody > tr > td.lobe-table-cell-fix, .lobe-table tfoot > tr > td.lobe-table-cell-fix, .lobe-table .lobe-table-cell.lobe-table-cell-fix {
    z-index: calc(var(--z-offset-reverse) + var(--lobe-table-z-fixed));
    position: sticky;
  }

  .lobe-table .lobe-table-cell-fix {
    background: none;
  }

  .lobe-table .lobe-table-cell-fix:after {
    pointer-events: none;
    content: "";
    width: 30px;
    transition: box-shadow var(--lobe-motion-duration-slow);
    position: absolute;
    inset-block: 0 -1px;
  }

  .lobe-table .lobe-table-cell-fix-start:after {
    inset-inline-start: 100%;
  }

  .lobe-table .lobe-table-cell-fix-end:after {
    inset-inline-end: 100%;
  }

  .lobe-table.lobe-table-fix-start-shadow-show .lobe-table-cell-fix-start-shadow:after {
    box-shadow: inset 10px 0 8px -8px var(--lobe-color-split);
  }

  .lobe-table.lobe-table-fix-end-shadow-show .lobe-table-cell-fix-end-shadow:after {
    box-shadow: inset -10px 0 8px -8px var(--lobe-color-split);
  }

  .lobe-table .lobe-table-sticky-holder {
    z-index: calc(var(--columns-count, 1) * 2 + var(--lobe-table-z-fixed) + 1);
    backdrop-filter: blur(16px);
    background: none;
    position: sticky;
  }

  .lobe-table .lobe-table-sticky-scroll {
    z-index: calc(var(--columns-count, 1) * 2 + var(--lobe-table-z-fixed) + 1);
    position: sticky;
    inset-block-end: 0;
  }

  .lobe-table .lobe-table-sticky-scroll-bar {
    position: absolute;
    inset-block-end: 0;
  }

  .lobe-table .lobe-table-selection-col {
    width: 32px;
  }

  .lobe-table .lobe-table-selection-col.lobe-table-selection-col-with-dropdown {
    width: 56px;
  }

  .lobe-table.lobe-table-outlined .lobe-table-selection-col {
    width: 48px;
  }

  .lobe-table.lobe-table-outlined .lobe-table-selection-col.lobe-table-selection-col-with-dropdown {
    width: 72px;
  }

  .lobe-table .lobe-table-selection-column {
    text-align: center;
    padding-inline: 8px;
  }

  .lobe-table .lobe-table-selection-column > * {
    vertical-align: middle;
  }

  .lobe-table.lobe-table.lobe-table.lobe-table .lobe-table-tbody > tr.lobe-table-row-selected > td {
    background: var(--lobe-table-selected-bg);
  }

  .lobe-table.lobe-table.lobe-table.lobe-table .lobe-table-tbody > tr.lobe-table-row-selected > td.lobe-table-cell-row-hover {
    background: var(--lobe-table-selected-hover-bg);
  }

  .lobe-table .lobe-table-expand-icon-col {
    width: 48px;
  }

  .lobe-table .lobe-table-row-expand-icon-cell {
    text-align: center;
  }

  .lobe-table .lobe-table-row-expand-icon-cell .lobe-table-row-expand-icon {
    float: none;
    vertical-align: sub;
    display: inline-flex;
  }

  .lobe-table .lobe-table-row-indent {
    float: inline-start;
    height: 1px;
  }

  .lobe-table .lobe-table-row-expand-icon {
    float: inline-start;
    vertical-align: middle;
    flex: none;
  }

  .lobe-table .lobe-table-row-expand-icon.lobe-table-row-expand-icon-spaced {
    visibility: hidden;
    width: 24px;
    height: 24px;
    display: inline-block;
  }

  .lobe-table .lobe-table-row-indent + .lobe-table-row-expand-icon {
    margin-block: -1px;
    margin-inline-end: 8px;
  }

  .lobe-table tr.lobe-table-expanded-row > td, .lobe-table tr.lobe-table-expanded-row:hover > td {
    background: var(--lobe-color-fill-quaternary);
  }

  .lobe-table .lobe-table-expanded-row-fixed {
    width: var(--lobe-table-component-width, auto);
    margin-block: calc(var(--lobe-table-padding-block) * -1);
    margin-inline: calc(var(--lobe-table-padding-inline) * -1);
    padding-block: var(--lobe-table-padding-block);
    padding-inline: var(--lobe-table-padding-inline);
    position: sticky;
    inset-inline-start: 0;
    overflow: hidden;
  }

  :is(.lobe-table .lobe-table-tbody > tr > td > .lobe-table-wrapper:only-child, .lobe-table .lobe-table-tbody > tr > td > .lobe-table-expanded-row-fixed > .lobe-table-wrapper:only-child) .lobe-table {
    margin-block: calc(var(--lobe-table-padding-block) * -1);
    margin-inline: calc(48px - var(--lobe-table-padding-inline))
          calc(var(--lobe-table-padding-inline) * -1);
  }

  :is(.lobe-table .lobe-table-tbody > tr > td > .lobe-table-wrapper:only-child, .lobe-table .lobe-table-tbody > tr > td > .lobe-table-expanded-row-fixed > .lobe-table-wrapper:only-child) .lobe-table-tbody > tr:last-child > td {
    border-block-end: 0;
  }

  :is(.lobe-table .lobe-table-tbody > tr > td > .lobe-table-wrapper:only-child, .lobe-table .lobe-table-tbody > tr > td > .lobe-table-expanded-row-fixed > .lobe-table-wrapper:only-child) .lobe-table.lobe-table-outlined > .lobe-table-title, :is(.lobe-table .lobe-table-tbody > tr > td > .lobe-table-wrapper:only-child, .lobe-table .lobe-table-tbody > tr > td > .lobe-table-expanded-row-fixed > .lobe-table-wrapper:only-child) .lobe-table.lobe-table-outlined > .lobe-table-container, :is(.lobe-table .lobe-table-tbody > tr > td > .lobe-table-wrapper:only-child, .lobe-table .lobe-table-tbody > tr > td > .lobe-table-expanded-row-fixed > .lobe-table-wrapper:only-child) .lobe-table.lobe-table-outlined > .lobe-table-footer {
    box-shadow: none;
    border-block: 0;
    border-inline-end: 0;
    border-radius: 0;
  }

  :is(.lobe-table .lobe-table-tbody > tr > td > .lobe-table-wrapper:only-child, .lobe-table .lobe-table-tbody > tr > td > .lobe-table-expanded-row-fixed > .lobe-table-wrapper:only-child) .lobe-table.lobe-table-outlined > .lobe-table-title + .lobe-table-container {
    border-block-start: var(--lobe-table-border);
  }

  :is(.lobe-table .lobe-table-tbody > tr > td > .lobe-table-wrapper:only-child, .lobe-table .lobe-table-tbody > tr > td > .lobe-table-expanded-row-fixed > .lobe-table-wrapper:only-child) .lobe-table.lobe-table-outlined:has( > .lobe-table-footer) > .lobe-table-container {
    border-block-end: var(--lobe-table-border);
  }

  .lobe-table.lobe-table-outlined .lobe-table-tbody > tr > td > .lobe-table-expanded-row-fixed {
    margin-inline: calc((var(--lobe-table-padding-inline) + 1px) * -1);
  }

  .lobe-table .lobe-table-summary {
    z-index: var(--lobe-table-z-fixed);
    background: none;
    position: relative;
  }

  .lobe-table .lobe-table-summary > tr > th, .lobe-table .lobe-table-summary > tr > td {
    border-block-end: var(--lobe-table-border);
  }

  .lobe-table div.lobe-table-summary {
    box-shadow: 0 -1px 0 var(--lobe-table-border-color);
  }

  .lobe-table .lobe-table-summary.lobe-table-sticky-holder {
    z-index: calc(var(--columns-count, 1) * 2 + var(--lobe-table-z-fixed) + 1);
    position: sticky;
  }

  .lobe-table tfoot > tr > th, .lobe-table tfoot > tr > td {
    border-block-start: var(--lobe-table-border);
  }

  .lobe-table .lobe-table-tbody-virtual .lobe-table-tbody-virtual-holder-inner .lobe-table-row {
    box-sizing: border-box;
    width: 100%;
    display: flex;
  }

  .lobe-table .lobe-table-tbody-virtual .lobe-table-tbody-virtual-holder-inner .lobe-table-row:not(.lobe-table-row-extra, .lobe-table-expanded-row) {
    height: var(--lobe-table-virtual-row-height);
  }

  .lobe-table .lobe-table-tbody-virtual .lobe-table-tbody-virtual-holder-inner .lobe-table-row > .lobe-table-cell {
    align-content: center;
  }

  .lobe-table .lobe-table-tbody-virtual .lobe-table-cell {
    border-block-end: var(--lobe-table-border);
    background: var(--lobe-table-cell);
    transition: background-color var(--lobe-motion-duration-mid);
  }

  .lobe-table .lobe-table-tbody-virtual .lobe-table-expanded-row-cell-fixed {
    width: calc(var(--virtual-width) - 1px);
    position: sticky;
    inset-inline-start: 0;
    overflow: hidden;
  }

  .lobe-table-small {
    --lobe-table-virtual-row-height: calc(8px * 2 + 23px);
    --lobe-table-padding-block: 8px;
    --lobe-table-padding-inline: 12px;
  }

  .lobe-table-medium {
    --lobe-table-virtual-row-height: calc(12px * 2 + 23px);
    --lobe-table-padding-block: 12px;
    --lobe-table-padding-inline: 16px;
  }

  .lobe-table-large {
    --lobe-table-virtual-row-height: calc(16px * 2 + 23px);
    --lobe-table-padding-block: 16px;
    --lobe-table-padding-inline: 16px;
  }

  .lobe-table.lobe-table.lobe-table-hoverable .lobe-table-tbody > tr > .lobe-table-cell-row-hover, .lobe-table.lobe-table.lobe-table-hoverable .lobe-table-tbody-virtual .lobe-table-row:hover > .lobe-table-cell {
    background: var(--lobe-table-hover-bg);
  }

  .lobe-table.lobe-table-outlined {
    --lobe-table-cell: var(--lobe-table-cell-bg, var(--lobe-table-bg, var(--lobe-color-bg-container)));
    --lobe-table-fill: var(--lobe-table-surface, transparent);
    background: none;
  }

  .lobe-table.lobe-table-outlined > .lobe-table-container > .lobe-table-content > table > thead > tr:first-child > :first-child, .lobe-table.lobe-table-outlined > .lobe-table-container > .lobe-table-header > table > thead > tr:first-child > :first-child, .lobe-table.lobe-table-outlined > .lobe-table-container > .lobe-table-body > table > thead > tr:first-child > :first-child, .lobe-table.lobe-table-outlined > .lobe-table-container > .lobe-table-summary > table > thead > tr:first-child > :first-child {
    border-start-start-radius: var(--lobe-table-radius-top);
  }

  .lobe-table.lobe-table-outlined > .lobe-table-container > .lobe-table-content > table > thead > tr:first-child > :last-child, .lobe-table.lobe-table-outlined > .lobe-table-container > .lobe-table-header > table > thead > tr:first-child > :last-child, .lobe-table.lobe-table-outlined > .lobe-table-container > .lobe-table-body > table > thead > tr:first-child > :last-child, .lobe-table.lobe-table-outlined > .lobe-table-container > .lobe-table-summary > table > thead > tr:first-child > :last-child {
    border-start-end-radius: var(--lobe-table-radius-top);
  }

  .lobe-table.lobe-table-outlined > .lobe-table-container > .lobe-table-content > table > tbody > tr:last-child > :first-child, .lobe-table.lobe-table-outlined > .lobe-table-container > .lobe-table-header > table > tbody > tr:last-child > :first-child, .lobe-table.lobe-table-outlined > .lobe-table-container > .lobe-table-body > table > tbody > tr:last-child > :first-child, .lobe-table.lobe-table-outlined > .lobe-table-container > .lobe-table-summary > table > tbody > tr:last-child > :first-child {
    border-end-start-radius: var(--lobe-table-radius-bottom);
  }

  .lobe-table.lobe-table-outlined > .lobe-table-container > .lobe-table-content > table > tbody > tr:last-child > :last-child, .lobe-table.lobe-table-outlined > .lobe-table-container > .lobe-table-header > table > tbody > tr:last-child > :last-child, .lobe-table.lobe-table-outlined > .lobe-table-container > .lobe-table-body > table > tbody > tr:last-child > :last-child, .lobe-table.lobe-table-outlined > .lobe-table-container > .lobe-table-summary > table > tbody > tr:last-child > :last-child {
    border-end-end-radius: var(--lobe-table-radius-bottom);
  }

  .lobe-table.lobe-table-outlined > .lobe-table-title, .lobe-table.lobe-table-outlined > .lobe-table-footer {
    background: var(--lobe-table-surface, var(--lobe-table-bg, var(--lobe-color-bg-container)));
  }

  .lobe-table.lobe-table-outlined > .lobe-table-title {
    border: var(--lobe-table-border);
    border-block-end: 0;
    border-start-start-radius: var(--lobe-border-radius-lg);
    border-start-end-radius: var(--lobe-border-radius-lg);
  }

  .lobe-table.lobe-table-outlined > .lobe-table-container {
    --lobe-table-radius-top: calc(var(--lobe-border-radius-lg) - 1px);
    --lobe-table-radius-bottom: calc(var(--lobe-border-radius-lg) - 1px);
    border: var(--lobe-table-border);
    border-radius: var(--lobe-border-radius-lg);
    background: var(--lobe-table-surface, var(--lobe-table-bg, var(--lobe-color-bg-container)));
    overflow: clip;
    box-shadow: 0 1px 2px #0000000a;
  }

  .lobe-table.lobe-table-outlined > .lobe-table-title + .lobe-table-container {
    --lobe-table-radius-top: 0px;
    border-start-start-radius: 0;
    border-start-end-radius: 0;
  }

  .lobe-table.lobe-table-outlined:has( > .lobe-table-footer) > .lobe-table-container {
    --lobe-table-radius-bottom: 0px;
    border-block-end: 0;
    border-end-end-radius: 0;
    border-end-start-radius: 0;
  }

  .lobe-table.lobe-table-outlined > .lobe-table-footer {
    border: var(--lobe-table-border);
    border-block-start: 0;
    border-end-end-radius: var(--lobe-border-radius-lg);
    border-end-start-radius: var(--lobe-border-radius-lg);
  }

  .lobe-table.lobe-table-outlined > .lobe-table-container > * > table > thead > tr > th {
    border-block-end: var(--lobe-table-border);
    background: var(--lobe-table-cell);
    box-shadow: inset 0 999px 0 var(--lobe-color-fill-quaternary);
  }

  .lobe-table.lobe-table-outlined .lobe-table-tbody > tr > td.lobe-table-cell-fix, .lobe-table.lobe-table-outlined .lobe-table-tbody-virtual .lobe-table-cell.lobe-table-cell-fix {
    box-shadow: none;
    background: none;
  }

  .lobe-table.lobe-table-outlined .lobe-table-thead > tr > th.lobe-table-cell-fix, .lobe-table.lobe-table-outlined .lobe-table-thead > tr > td.lobe-table-cell-fix {
    box-shadow: inset 0 999px 0 var(--lobe-color-fill-quaternary);
    background: none;
  }

  .lobe-table.lobe-table-filled {
    --lobe-table-cell: var(--lobe-table-cell-bg, var(--lobe-table-bg, var(--lobe-color-bg-container)));
    --lobe-table-fill: var(--lobe-table-surface, var(--lobe-color-fill-tertiary));
    background: none;
  }

  .lobe-table.lobe-table-filled > .lobe-table-container > .lobe-table-content > table > thead > tr:first-child > :first-child, .lobe-table.lobe-table-filled > .lobe-table-container > .lobe-table-header > table > thead > tr:first-child > :first-child, .lobe-table.lobe-table-filled > .lobe-table-container > .lobe-table-body > table > thead > tr:first-child > :first-child, .lobe-table.lobe-table-filled > .lobe-table-container > .lobe-table-summary > table > thead > tr:first-child > :first-child {
    border-start-start-radius: var(--lobe-table-radius-top);
  }

  .lobe-table.lobe-table-filled > .lobe-table-container > .lobe-table-content > table > thead > tr:first-child > :last-child, .lobe-table.lobe-table-filled > .lobe-table-container > .lobe-table-header > table > thead > tr:first-child > :last-child, .lobe-table.lobe-table-filled > .lobe-table-container > .lobe-table-body > table > thead > tr:first-child > :last-child, .lobe-table.lobe-table-filled > .lobe-table-container > .lobe-table-summary > table > thead > tr:first-child > :last-child {
    border-start-end-radius: var(--lobe-table-radius-top);
  }

  .lobe-table.lobe-table-filled > .lobe-table-container > .lobe-table-content > table > tbody > tr:last-child > :first-child, .lobe-table.lobe-table-filled > .lobe-table-container > .lobe-table-header > table > tbody > tr:last-child > :first-child, .lobe-table.lobe-table-filled > .lobe-table-container > .lobe-table-body > table > tbody > tr:last-child > :first-child, .lobe-table.lobe-table-filled > .lobe-table-container > .lobe-table-summary > table > tbody > tr:last-child > :first-child {
    border-end-start-radius: var(--lobe-table-radius-bottom);
  }

  .lobe-table.lobe-table-filled > .lobe-table-container > .lobe-table-content > table > tbody > tr:last-child > :last-child, .lobe-table.lobe-table-filled > .lobe-table-container > .lobe-table-header > table > tbody > tr:last-child > :last-child, .lobe-table.lobe-table-filled > .lobe-table-container > .lobe-table-body > table > tbody > tr:last-child > :last-child, .lobe-table.lobe-table-filled > .lobe-table-container > .lobe-table-summary > table > tbody > tr:last-child > :last-child {
    border-end-end-radius: var(--lobe-table-radius-bottom);
  }

  .lobe-table.lobe-table-filled > .lobe-table-title, .lobe-table.lobe-table-filled > .lobe-table-footer {
    border-radius: var(--lobe-border-radius-lg);
    background: var(--lobe-table-fill);
  }

  .lobe-table.lobe-table-filled > .lobe-table-title {
    border-end-end-radius: 0;
    border-end-start-radius: 0;
  }

  .lobe-table.lobe-table-filled > .lobe-table-footer {
    border-start-start-radius: 0;
    border-start-end-radius: 0;
  }

  .lobe-table.lobe-table-filled > .lobe-table-container {
    --lobe-table-radius-top: var(--lobe-border-radius-lg);
    --lobe-table-radius-bottom: var(--lobe-border-radius-lg);
    border-radius: var(--lobe-border-radius-lg);
    background: var(--lobe-table-fill);
    overflow: clip;
  }

  .lobe-table.lobe-table-filled > .lobe-table-title + .lobe-table-container {
    --lobe-table-radius-top: 0px;
    border-start-start-radius: 0;
    border-start-end-radius: 0;
  }

  .lobe-table.lobe-table-filled:has( > .lobe-table-footer) > .lobe-table-container {
    --lobe-table-radius-bottom: 0px;
    border-end-end-radius: 0;
    border-end-start-radius: 0;
  }

  .lobe-table.lobe-table-filled .lobe-table-thead > tr > th, .lobe-table.lobe-table-filled .lobe-table-thead > tr > td {
    box-shadow: inset 0 -1px 0 var(--lobe-table-border-color),
        inset 0 999px 0 var(--lobe-color-fill-quaternary);
    background: none;
  }

  .lobe-table.lobe-table-filled .lobe-table-tbody > tr > td, .lobe-table.lobe-table-filled .lobe-table-tbody > tr > th, .lobe-table.lobe-table-filled .lobe-table-tbody-virtual .lobe-table-cell {
    background: none;
  }

  .lobe-table.lobe-table-filled .lobe-table-thead > tr > th.lobe-table-cell-fix, .lobe-table.lobe-table-filled .lobe-table-thead > tr > td.lobe-table-cell-fix {
    box-shadow: inset 0 -1px 0 var(--lobe-table-border-color),
        inset 0 999px 0 var(--lobe-color-fill-quaternary);
    background: none;
  }

  .lobe-table.lobe-table-filled .lobe-table-tbody > tr > td.lobe-table-cell-fix {
    box-shadow: none;
    background: none;
  }

  .lobe-table.lobe-table-borderless {
    background: none;
  }

  .lobe-table.lobe-table-borderless .lobe-table-tbody > tr > td, .lobe-table.lobe-table-borderless .lobe-table-tbody > tr > th, .lobe-table.lobe-table-borderless .lobe-table-tbody-virtual .lobe-table-cell, .lobe-table.lobe-table-borderless tfoot.lobe-table-summary, .lobe-table.lobe-table-borderless .lobe-table-summary > tr > td, .lobe-table.lobe-table-borderless .lobe-table-summary > tr > th, .lobe-table.lobe-table-borderless > .lobe-table-footer {
    background: none;
  }

  .lobe-table.lobe-table-borderless .lobe-table-tbody > tr > td.lobe-table-cell-row-hover, .lobe-table.lobe-table-borderless .lobe-table-tbody-virtual .lobe-table-row:hover > .lobe-table-cell {
    background: var(--lobe-table-hover-bg);
  }

  .lobe-table.lobe-table-borderless .lobe-table-tbody > tr > td.lobe-table-cell-fix, .lobe-table.lobe-table-borderless .lobe-table-tbody > tr > th.lobe-table-cell-fix, .lobe-table.lobe-table-borderless .lobe-table-tbody-virtual .lobe-table-cell.lobe-table-cell-fix {
    background: none;
  }

  .lobe-table.lobe-table-borderless .lobe-table-tbody > tr > td.lobe-table-cell-fix.lobe-table-cell-row-hover {
    background: var(--lobe-table-hover-bg);
  }

  .lobe-table.lobe-table-grouped > .lobe-table-container > * > table > * > tr > th, .lobe-table.lobe-table-grouped > .lobe-table-container > * > table > * > tr > td, .lobe-table.lobe-table-grouped .lobe-table-tbody-virtual .lobe-table-cell {
    border-inline-end: var(--lobe-table-border);
  }

  .lobe-table.lobe-table-grouped .lobe-table-tbody > tr > td:last-child, .lobe-table.lobe-table-grouped .lobe-table-thead > tr:first-child > th:last-child {
    border-inline-end: 0;
  }

  .lobe-table-filter-dropdown [role="group"] > div:not(:first-child) {
    padding-inline-start: 20px;
  }

  .lobe-table-filter-dropdown .lobe-table-filter-dropdown-item > label {
    cursor: pointer;
    flex: 1;
  }

  .lobe-table-wrapper [data-table-loading] {
    z-index: calc(var(--columns-count, 1) * 2 + 4);
  }
}

@layer lobe-ui {
  [data-orientation="horizontal"] .lobe-tabs-indicator:dir(rtl) {
    --lobe-tabs-indicator-start: var(--active-tab-right);
  }
}

@layer lobe-ui {
  .lobe-tag span {
    line-height: inherit;
    margin: 0;
  }
}

@layer lobe-ui {
  @keyframes lobe-text-sweep {
    0% {
      translate: -100%;
    }

    100% {
      translate: 100%;
    }
  }

  @supports ((-webkit-mask-clip: text)) {
    .lobe-text-shiny:not(:has(*)) {
      position: var(--shiny-origin, relative);
      -webkit-mask-clip: text;
      -webkit-mask-clip: text;
      mask-clip: text;
      background: none;
      animation: none;
      -webkit-mask-image: linear-gradient(#fff, #fff);
      mask-image: linear-gradient(#fff, #fff);
    }

    .lobe-text-shiny:not(:has(*)):after {
      pointer-events: none;
      will-change: transform;
      content: "";
      background: linear-gradient(90deg, transparent 25.0%, var(--shiny-color) 50.0%, transparent 75.0%);
      animation: lobe-text-sweep var(--shiny-duration) linear infinite;
      position: absolute;
      inset: 0;
    }

    .lobe-text-shiny-group {
      --shiny-origin: static;
      position: relative;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .lobe-text-shiny {
      animation: none;
    }

    .lobe-text-shiny:after {
      display: none;
    }
  }
}

@layer lobe-ui {
  .lobe-tooltip-viewport [data-previous], .lobe-tooltip-viewport [data-current] {
    opacity: 1;
    filter: blur();
    transition: transform var(--lobe-tooltip-layout-duration) var(--lobe-tooltip-layout-ease),
      opacity calc(var(--lobe-tooltip-layout-duration) / 2) var(--lobe-tooltip-fade-ease),
      filter calc(var(--lobe-tooltip-layout-duration) / 2) var(--lobe-tooltip-fade-ease);
    align-items: center;
    gap: 6px;
    display: flex;
    transform: translateX(0);
  }

  .lobe-tooltip-viewport [data-current] {
    transition-delay: 0s, calc(var(--lobe-tooltip-layout-duration) / 6),
      calc(var(--lobe-tooltip-layout-duration) / 6);
  }

  .lobe-tooltip-viewport [data-previous][data-ending-style], .lobe-tooltip-viewport [data-current][data-starting-style] {
    filter: blur(var(--lobe-tooltip-content-blur));
  }

  .lobe-tooltip-viewport [data-previous] {
    width: calc(var(--popup-width) - var(--lobe-tooltip-viewport-inline-padding) * 2);
    position: absolute;
    inset-block-start: 4px;
    inset-inline-start: var(--lobe-tooltip-viewport-inline-padding);
  }

  .lobe-tooltip-viewport[data-transitioning] [data-current] {
    width: calc(var(--positioner-width) - var(--lobe-tooltip-viewport-inline-padding) * 2);
  }

  .lobe-tooltip-viewport[data-repop] [data-previous] {
    display: none;
  }

  .lobe-tooltip-viewport[data-repop] [data-current] {
    transition: none;
  }

  .lobe-tooltip-viewport[data-activation-direction~="right"] [data-previous][data-ending-style] {
    transform: translateX(calc(var(--lobe-tooltip-content-shift) * -1));
    opacity: 0;
  }

  .lobe-tooltip-viewport[data-activation-direction~="right"] [data-current][data-starting-style], .lobe-tooltip-viewport[data-activation-direction~="left"] [data-previous][data-ending-style] {
    transform: translateX(var(--lobe-tooltip-content-shift));
    opacity: 0;
  }

  .lobe-tooltip-viewport[data-activation-direction~="left"] [data-current][data-starting-style] {
    transform: translateX(calc(var(--lobe-tooltip-content-shift) * -1));
    opacity: 0;
  }

  .lobe-tooltip-viewport[data-activation-direction~="down"] [data-previous][data-ending-style] {
    transform: translateY(calc(var(--lobe-tooltip-content-shift) * -1));
    opacity: 0;
  }

  .lobe-tooltip-viewport[data-activation-direction~="down"] [data-current][data-starting-style], .lobe-tooltip-viewport[data-activation-direction~="up"] [data-previous][data-ending-style] {
    transform: translateY(var(--lobe-tooltip-content-shift));
    opacity: 0;
  }

  .lobe-tooltip-viewport[data-activation-direction~="up"] [data-current][data-starting-style] {
    transform: translateY(calc(var(--lobe-tooltip-content-shift) * -1));
    opacity: 0;
  }
}

@layer lobe-ui {
  .lobe-tree-switcher svg {
    transition: transform .2s var(--lobe-motion-ease-out);
  }

  [aria-expanded="true"] > .lobe-tree-switcher svg {
    transform: rotate(90deg);
  }

  @media (prefers-reduced-motion: reduce) {
    .lobe-tree-switcher svg {
      transition-duration: 0s;
    }
  }
}

@layer lobe-ui {
  .lobe-awesome-agent-skill-card__code {
    text-align: start;
    inline-size: 100%;
  }

  .lobe-agent-skill-card-footer a {
    color: inherit;
    text-decoration: none;
  }

  .lobe-agent-skill-card-footer a:hover {
    color: var(--lobe-color-text);
  }
}

@layer lobe-ui {
  .lobe-bento-card-body > * {
    max-inline-size: 100%;
  }
}

@layer lobe-ui {
  .lobe-awesome-code-showcase__tabs {
    align-self: center;
    max-inline-size: 100%;
  }

  .lobe-awesome-code-showcase__code {
    min-block-size: var(--code-showcase-min-height);
    min-inline-size: 0;
    overflow: auto;
  }

  .lobe-code-showcase-preview > * {
    max-inline-size: 100%;
  }
}

@layer lobe-ui {
  .lobe-awesome-features {
    max-width: 960px;
  }

  .lobe-awesome-features__icon {
    width: 20px;
    height: 20px;
    color: var(--lobe-color-text);
    font-size: 18.33px;
  }

  .lobe-awesome-features__description {
    pointer-events: none;
    color: var(--lobe-color-text-secondary);
  }

  .lobe-features-item p {
    text-align: start;
    word-break: normal;
    overflow-wrap: anywhere;
    font-size: 16px;
    line-height: 1.2;
  }
}

@layer lobe-ui {
  @keyframes lobe-hero-gradient {
    0% {
      background-position: 0%;
    }

    50% {
      background-position: 100%;
    }

    100% {
      background-position: 0%;
    }
  }

  .lobe-hero-actions button {
    border-radius: var(--lobe-border-radius-lg);
    height: 45px;
    padding-inline: 32px;
    font-size: 18px;
    font-weight: 500;
  }

  .lobe-hero-title b {
    z-index: 5;
    border-radius: inherit;
    background-image: linear-gradient(-45deg,
      var(--lobe-gold),
      var(--lobe-magenta),
      var(--lobe-geekblue),
      var(--lobe-cyan));
    -webkit-text-fill-color: transparent;
    background-size: 400% 400%;
    -webkit-background-clip: text;
    background-clip: text;
    animation: 5s 5s infinite lobe-hero-gradient;
    position: relative;
  }

  .lobe-hero-title b::selection {
    -webkit-text-fill-color: #000 !important;
  }

  @media (width <= 575.98px) {
    .lobe-hero-actions button {
      width: 100%;
    }
  }
}

@layer lobe-ui {
  .lobe-awesome-install-banner__command {
    border-radius: 999px;
  }

  .lobe-install-banner-footnote a {
    color: var(--lobe-color-primary);
    text-decoration: none;
  }

  .lobe-install-banner-footnote a:hover {
    text-decoration: underline;
  }
}

@layer lobe-ui {
  .lobe-landing-hero-badge a {
    color: inherit;
    text-decoration: none;
  }

  .lobe-landing-hero-badge a:hover {
    color: var(--lobe-color-text);
  }

  .lobe-landing-hero-aside > * {
    inline-size: 100%;
  }
}

@layer lobe-ui {
  .lobe-logo-marquee-caption a {
    color: inherit;
    text-decoration: none;
    transition: color .14s;
  }

  .lobe-logo-marquee-caption a:hover {
    color: var(--lobe-color-text);
  }
}

@layer lobe-ui {
  @media (width <= 479.98px) {
    .lobe-landing-actions[data-size="large"] > * {
      flex: 1;
    }
  }
}

@layer lobe-ui {
  .lobe-chat-input-area-textarea {
    height: 100% !important;
  }

  .lobe-chat-chat-input-area:not([data-expand]) {
    z-index: 10;
  }

  .lobe-chat-chat-input-area__textarea {
    align-items: stretch;
    padding-block: 0;
    padding-inline: 16px;
    line-height: 1.5;
  }
}

@layer lobe-ui {
  .lobe-chat-item time {
    white-space: nowrap;
    display: inline-block;
  }

  .lobe-chat-item div[role="menubar"] {
    display: flex;
  }

  .lobe-chat-item time, .lobe-chat-item div[role="menubar"] {
    pointer-events: none;
    opacity: 0;
    transition: opacity .2s var(--lobe-motion-ease-out);
  }

  .lobe-chat-item:hover time, .lobe-chat-item:hover div[role="menubar"] {
    pointer-events: unset;
    opacity: 1;
  }

  .lobe-chat-item-bubble div[role="menubar"]:has([data-popup-open]), .lobe-chat-item-bubble div[role="menubar"][data-popup-open] {
    pointer-events: unset !important;
    opacity: 1 !important;
  }

  .lobe-chat-item-bubble div[role="menubar"]:has([data-popup-open]) [data-popup-open], .lobe-chat-item-bubble div[role="menubar"][data-popup-open] [data-popup-open] {
    background: var(--lobe-color-fill-tertiary);
  }

  .lobe-chat-item-docs div[role="menubar"]:has(.lobe-dropdown-menu-trigger[data-popup-open]) {
    pointer-events: unset;
    opacity: 1;
  }

  .lobe-chat-item-actions-editing {
    pointer-events: none !important;
    opacity: 0 !important;
  }
}

@layer lobe-ui {
  .lobe-message-input-editor {
    height: 100%;
    font-family: var(--lobe-font-family-code);
    font-size: 13px;
    line-height: 1.8;
    position: relative;
  }
}

@layer lobe-ui {
  .lobe-dashboard-auth-layout__title {
    font-size: var(--lobe-font-size-heading-3);
    line-height: var(--lobe-line-height-heading-3);
    margin: 0;
  }

  .lobe-dashboard-auth-layout__description {
    color: var(--lobe-color-text-secondary);
    line-height: 1.6;
  }

  .lobe-auth-layout-footer a {
    color: var(--lobe-color-link);
    font-weight: 600;
    text-decoration: none;
  }
}

@layer lobe-ui {
  .lobe-auth-locale-switch {
    background: var(--lobe-color-bg-layout);
    border-radius: 28px;
    block-size: 28px;
    inline-size: fit-content;
    min-inline-size: 120px;
  }

  .lobe-auth-theme-switch {
    border-radius: 28px;
    block-size: 28px;
    padding: 2px;
  }

  .lobe-auth-theme-switch .lobe-segmented-indicator {
    border-radius: 22px;
  }

  .lobe-auth-theme-switch-item {
    border-radius: 22px;
    block-size: 22px;
    padding-inline: 8px;
  }
}

@layer lobe-ui {
  @starting-style {
    .lobe-console-nav-rail-link {
      background: none;
    }
  }
}

@layer lobe-ui {
  [data-split-card="true"] .lobe-filter-sidebar-content > :last-child {
    margin-inline: -16px;
  }

  @media (width <= 991.98px) {
    .lobe-filter-sidebar-content > :last-child {
      margin-inline: 0;
    }
  }
}

@layer lobe-ui {
  .lobe-dashboard-page-header__title {
    font-size: var(--lobe-font-size-heading-3);
    line-height: var(--lobe-line-height-heading-3);
    margin: 0;
  }

  .lobe-dashboard-page-header__description {
    max-inline-size: 68ch;
    color: var(--lobe-color-text-secondary);
    line-height: 1.6;
  }

  @media (width <= 479.98px) {
    .lobe-page-header-actions button, .lobe-page-header-actions a {
      min-block-size: 44px;
    }
  }
}

@layer lobe-ui {
  .lobe-dashboard-page-tabs__list {
    gap: var(--lobe-padding-xxs);
    padding: var(--lobe-padding-xxs);
  }

  .lobe-dashboard-page-tabs__tab {
    gap: var(--lobe-padding-xs);
  }

  .lobe-dashboard-page-tabs__panel {
    padding-block-start: 16px;
  }
}

@layer lobe-ui {
  .lobe-surface th, .lobe-surface td {
    background: none;
  }

  .lobe-surface th {
    color: var(--lobe-color-text-secondary);
    white-space: nowrap;
    background: var(--lobe-surface-bg-solid, var(--lobe-color-bg-container));
    box-shadow: inset 0 -1px 0 var(--lobe-fill-border, var(--lobe-color-fill));
    font-weight: 500;
  }

  .lobe-surface td {
    border-block-end-color: var(--lobe-fill-border, var(--lobe-color-fill));
  }

  .lobe-surface tr:hover > td {
    background: color-mix(in srgb, var(--lobe-color-text) 6.0%, var(--lobe-color-bg-elevated));
  }

  .lobe-surface td[style*="sticky"] {
    background: var(--lobe-surface-bg-solid, var(--lobe-color-bg-container));
  }

  .lobe-surface tr:hover > td[style*="sticky"] {
    background: color-mix(in srgb, var(--lobe-color-text) 6.0%, var(--lobe-color-bg-elevated));
  }

  .lobe-surface-bleed th, .lobe-surface-bleed td {
    padding-inline: 16px;
  }

  .lobe-surface-bleed th {
    white-space: nowrap;
  }

  .lobe-surface-table-bleed :has( > [data-table-wrapper]):not(td :has( > [data-table-wrapper])) {
    width: calc(100.0% + 2 * var(--surface-pad-inline, 16px));
    margin-inline: calc(-1 * var(--surface-pad-inline, 16px));
  }

  .lobe-surface-table-bleed :has( > [data-table-wrapper]):not(td :has( > [data-table-wrapper])):last-child {
    margin-block-end: calc(-1 * var(--surface-pad-block, 16px));
  }

  .lobe-surface-table-bleed :has( > [data-table-wrapper]):not(td :has( > [data-table-wrapper])):first-child:last-child {
    margin-block-start: calc(-1 * var(--surface-pad-block, 16px));
  }

  .lobe-surface-table-bleed :has( > [data-table-wrapper]):not(td :has( > [data-table-wrapper])) th, .lobe-surface-table-bleed :has( > [data-table-wrapper]):not(td :has( > [data-table-wrapper])) td {
    padding-inline: var(--surface-pad-inline, 16px);
  }

  .lobe-surface-table-bleed :has( > [data-table-wrapper]):not(td :has( > [data-table-wrapper])) > :not([data-table-wrapper]) {
    padding-block: 12px;
    padding-inline: var(--surface-pad-inline, 16px);
    margin-block: 0;
  }
}

@layer lobe-ui {
  .lobe-mdx-callout-content p {
    color: inherit !important;
  }

  .lobe-mdx-callout-underline a {
    text-decoration: underline;
  }
}

@layer lobe-ui {
  .lobe-mdx-cards > div {
    margin: 0 !important;
  }

  .lobe-mdx-cards__tag {
    border-radius: 1em;
    padding-block: .1em;
    padding-inline: .6em;
    font-size: .8em;
    font-weight: 500;
  }

  .lobe-mdx-card h3, .lobe-mdx-card p {
    margin-block: 0 !important;
  }
}

@layer lobe-ui {
  .lobe-mdx-steps h3 {
    counter-increment: step;
  }

  .lobe-mdx-steps h3:before {
    content: counter(step);
    z-index: 1;
    width: 1.8em;
    height: 1.8em;
    color: var(--lobe-color-text-secondary);
    text-align: center;
    background: var(--lobe-color-bg-elevated);
    box-shadow: 0 0 0 2px var(--lobe-color-bg-layout);
    border-radius: 9999px;
    margin-block-start: -.05em;
    font-size: .8em;
    font-weight: 500;
    line-height: 1.8em;
    display: inline-block;
    position: absolute;
    inset-inline-start: 0;
  }

  .lobe-mdx-steps.lobe-mdx-steps h3:not(:first-child) {
    margin-block-start: 2em;
  }
}

@layer lobe-ui {
  .lobe-mdx-tabs__list {
    box-shadow: none;
    gap: 8px;
    padding: 4px;
  }

  .lobe-mdx-tabs__indicator {
    border-start-start-radius: 3px;
    border-start-end-radius: 3px;
    height: 3px;
  }

  .lobe-mdx-tabs__tab {
    border-radius: var(--lobe-border-radius);
    height: auto;
    padding-block: 8px;
    padding-inline: 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    transition: background-color .1s ease-out;
  }

  .lobe-mdx-tabs-tab.lobe-mdx-tabs-tab:hover:not([data-disabled]) {
    background: var(--lobe-color-fill-tertiary);
  }
}

@layer lobe-ui {
  .lobe-mdx-citation a {
    color: inherit;
  }

  .lobe-mdx-citation-link :hover {
    color: var(--lobe-color-text);
  }
}

@layer lobe-ui {
  .lobe-mdx-image, .lobe-mdx-video {
    margin-block: calc(var(--lobe-markdown-margin-multiple) * 1em);
    border-radius: calc(var(--lobe-markdown-border-radius) * 1px);
  }

  .lobe-mdx-pre {
    margin-block: calc(var(--lobe-markdown-margin-multiple) * .5em);
    border-radius: calc(var(--lobe-markdown-border-radius) * 1px);
    box-shadow: 0 0 0 1px var(--lobe-markdown-border-color) inset;
    overflow: hidden;
  }
}

@layer lobe-ui {
  .lobe-storybook-leva {
    --leva-sizes-controlWidth: 66.0%;
    --leva-colors-elevation1: var(--lobe-color-fill-secondary);
    --leva-colors-elevation2: transparent;
    --leva-colors-elevation3: var(--lobe-color-fill-secondary);
    --leva-colors-accent1: var(--lobe-color-primary);
    --leva-colors-accent2: var(--lobe-color-primary-hover);
    --leva-colors-accent3: var(--lobe-color-primary-active);
    --leva-colors-highlight1: var(--lobe-color-text-tertiary);
    --leva-colors-highlight2: var(--lobe-color-text-secondary);
    --leva-colors-highlight3: var(--lobe-color-text);
    --leva-colors-vivid1: var(--lobe-color-warning);
    --leva-shadows-level1: unset;
    --leva-shadows-level2: unset;
    --leva-fonts-mono: var(--lobe-font-family-code);
    width: 100%;
    height: 100%;
    padding-block: 6px;
    padding-inline: 0;
    overflow: auto;
  }

  .lobe-storybook-leva > div, .lobe-storybook-leva > div > div {
    background: none !important;
  }

  .lobe-storybook-leva input:checked + label > svg {
    stroke: var(--lobe-color-bg-layout) !important;
  }

  .lobe-storybook-leva button {
    --leva-colors-accent2: var(--lobe-color-fill-secondary);
  }

  .lobe-storybook-right {
    background: var(--lobe-color-bg-layout);
    align-self: stretch;
    height: auto !important;
  }

  @media (width <= 575.98px) {
    .lobe-storybook-right .draggable-panel-fixed {
      width: 100% !important;
    }
  }
}
@layer lobe-ui.priority1 {
  @keyframes lb1nzur2y-B {
    0% {
      background-position: 100%;
    }

    100% {
      background-position: -100%;
    }
  }

  @keyframes lb1ofn8cw-B {
    0% {
      background-position: 200% 0;
    }

    100% {
      background-position: -200% 0;
    }
  }

  @keyframes lbteockk-B {
    0% {
      background-position: 0%;
    }

    50% {
      background-position: 100%;
    }

    100% {
      background-position: 0%;
    }
  }

  @keyframes lbx3hp1s-B {
    from {
      background-position: -80px 0;
    }

    to {
      background-position: 200px 0;
    }
  }

  @keyframes lbocro32-B {
    0% {
      background-position: 50%, 50%;
    }

    100% {
      background-position: 350%, 350%;
    }
  }

  @keyframes lbce6ugt-B {
    0% {
      -webkit-mask-position: 100% 200%;
      mask-position: 100% 200%;
    }

    16% {
      -webkit-mask-position: 100% 0;
      mask-position: 100% 0;
    }

    100% {
      -webkit-mask-position: 100% 0;
      mask-position: 100% 0;
    }
  }

  @keyframes lbw40esr-B {
    0% {
      -webkit-mask-position: 100% 0;
      mask-position: 100% 0;
    }

    16% {
      -webkit-mask-position: 100% 200%;
      mask-position: 100% 200%;
    }

    100% {
      -webkit-mask-position: 100% 200%;
      mask-position: 100% 200%;
    }
  }

  @keyframes lbctqs6g-B {
    0%, 100% {
      opacity: .2;
      transform: scale(.6);
    }

    25% {
      opacity: 1;
      transform: scale(1);
    }

    50%, 75% {
      opacity: .2;
      transform: scale(.6);
    }
  }

  @keyframes lb13kz0yu-B {
    0%, 100% {
      opacity: 1;
    }

    50% {
      opacity: .5;
    }
  }

  @keyframes lb19jq70g-B {
    0% {
      opacity: .5;
      transform: translateX(0);
    }

    50% {
      opacity: 1;
    }

    100% {
      opacity: .5;
      transform: translateX(50px);
    }
  }

  @keyframes lb1879jr9-B {
    0% {
      opacity: 1;
    }

    75%, 100% {
      opacity: 0;
    }
  }

  @keyframes lbwrpz9l-B {
    to {
      opacity: 0;
      scale: 2.4;
    }
  }

  @keyframes lbtikmjl-B {
    0% {
      opacity: 0;
      transform: translate(0, 6px) scale(0);
    }

    20% {
      opacity: .95;
    }

    25% {
      transform: translate(0, 2.5px) scale(1);
    }

    70% {
      opacity: .7;
      transform: translate(0, -3.8px) scale(.9);
    }

    100% {
      opacity: 0;
      transform: translate(0, -8px) scale(0);
    }
  }

  @keyframes lb1g3nlh6-B {
    0%, 100% {
      opacity: .3;
    }

    50% {
      opacity: 1;
    }
  }

  @keyframes lbc5pjhy-B {
    0% {
      opacity: 0;
    }

    75%, 100% {
      opacity: 1;
    }
  }

  @keyframes lb180ztka-B {
    from {
      opacity: 0;
      transform: translateY(-70%);
    }

    to {
      opacity: 1;
      transform: none;
    }
  }

  @keyframes lbmosza-B {
    from {
      opacity: 0;
      transform: translateY(70%);
    }

    to {
      opacity: 1;
      transform: none;
    }
  }

  @keyframes lbqmglk5-B {
    0%, 100% {
      opacity: .3;
      transform: scale(.8);
    }

    50% {
      opacity: 1;
      transform: scale(1.3);
    }
  }

  @keyframes lb1fp878r-B {
    0%, 100% {
      opacity: .5;
      transform: scale(.8);
    }

    50% {
      opacity: 1;
      transform: scale(1);
    }
  }

  @keyframes lb11zq5zn-B {
    from {
      outline-offset: 5px;
      outline-color: #0000;
    }
  }

  @keyframes lbsuf281-B {
    0% {
      rotate: 0deg;
    }

    100% {
      rotate: 360deg;
    }
  }

  @keyframes lb29arjm-B {
    0%, 100% {
      transform: rotate(-2deg);
    }

    50% {
      transform: rotate(0);
    }
  }

  @keyframes lbqx4zst-B {
    0% {
      transform: rotate(0deg) translateX(calc(var(--loading-dots-size, 8px) * 2));
    }

    100% {
      transform: rotate(360deg) translateX(calc(var(--loading-dots-size, 8px) * 2));
    }
  }

  @keyframes lb1fy8ia8-B {
    to {
      transform: rotate(360deg);
    }
  }

  @keyframes lbqng64z-B {
    0% {
      transform: rotate(0);
    }

    100% {
      transform: rotate(360deg);
    }
  }

  @keyframes lbgd6zgv-B {
    0%, 100% {
      transform: rotate(0);
    }

    25% {
      transform: rotate(-4deg);
    }

    75% {
      transform: rotate(4deg);
    }
  }

  @keyframes lb10gmfjv-B {
    0%, 90%, 95%, 100% {
      transform: scale(1);
    }

    92.5% {
      transform: scale(1, .08);
    }
  }

  @keyframes lb1uivshd-B {
    0%, 45%, 50%, 100% {
      transform: scale(1);
    }

    47.5% {
      transform: scale(1, .08);
    }
  }

  @keyframes lb3l2n98-B {
    0%, 60%, 65%, 100% {
      transform: scale(1);
    }

    62.5% {
      transform: scale(1, .08);
    }
  }

  @keyframes lbebfisf-B {
    0%, 30%, 35%, 82%, 87%, 100% {
      transform: scale(1);
    }

    32.5%, 84.5% {
      transform: scale(1, .08);
    }
  }

  @keyframes lb1rgdtka-B {
    0%, 100% {
      transform: scale(1);
    }

    50% {
      transform: scale(1.015, .982);
    }
  }

  @keyframes lbogs8zp-B {
    0%, 24%, 100% {
      transform: translate(0);
    }

    6% {
      transform: translate(-1.8px);
    }

    12% {
      transform: translate(1.8px);
    }

    18% {
      transform: translate(-1px);
    }
  }

  @keyframes lb15qacde-B {
    0%, 100% {
      transform: translate(0);
    }

    50% {
      transform: translate(0, -1.6px);
    }
  }

  @keyframes lb13c7z9m-B {
    0%, 16%, 100% {
      transform: translate(0);
    }

    8% {
      transform: translate(0, -2px);
    }
  }

  @keyframes lb1ta95v6-B {
    0%, 32%, 100% {
      transform: translate(0) scale(1);
    }

    8% {
      transform: translate(0, 1px) scale(1.05, .93);
    }

    18% {
      transform: translate(0, -5px) scale(.97, 1.04);
    }

    26% {
      transform: translate(0, .5px) scale(1.04, .95);
    }
  }

  @keyframes lb1q7i4vu-B {
    0%, 100% {
      transform: translate(calc(var(--lobe-agent-avatar-gaze) * 1.8px),calc(var(--lobe-agent-avatar-gaze) * -3.1px));
    }

    50% {
      transform: translate(calc(var(--lobe-agent-avatar-gaze) * -1px),calc(var(--lobe-agent-avatar-gaze) * -3.4px));
    }
  }

  @keyframes lb1ceuzwu-B {
    0%, 90%, 100% {
      transform: translate(calc(var(--lobe-agent-avatar-gaze) * -3.2px),calc(var(--lobe-agent-avatar-gaze) * 3.4px));
    }

    40%, 50% {
      transform: translate(calc(var(--lobe-agent-avatar-gaze) * 3.2px),calc(var(--lobe-agent-avatar-gaze) * 3.4px));
    }
  }

  @keyframes lbr99mlk-B {
    0%, 100% {
      transform: translate(calc(var(--lobe-agent-avatar-gaze) * 0px),calc(var(--lobe-agent-avatar-gaze) * 1.6px));
    }

    18%, 40% {
      transform: translate(calc(var(--lobe-agent-avatar-gaze) * -3px),calc(var(--lobe-agent-avatar-gaze) * 1px));
    }

    62%, 84% {
      transform: translate(calc(var(--lobe-agent-avatar-gaze) * 3px),calc(var(--lobe-agent-avatar-gaze) * .6px));
    }
  }

  @keyframes lb1l6wkq0-B {
    0%, 100% {
      transform: translateX(0);
    }

    20% {
      transform: translateX(-5px);
    }

    40% {
      transform: translateX(5px);
    }

    60% {
      transform: translateX(-3px);
    }

    80% {
      transform: translateX(2px);
    }
  }

  @keyframes lb1mrfin0-B {
    to {
      transform: translateX(calc(-100.0% - var(--logo-marquee-gap, 36px)));
    }
  }

  @keyframes lb1v9gqll-B {
    0%, 100% {
      transform: translateY(0);
    }

    25% {
      transform: translateY(calc(var(--loading-dots-size, 8px) * -1.5));
    }

    50% {
      transform: translateY(0);
    }
  }

  @keyframes lbjwrog5-B {
    0% {
      translate: -100%;
    }

    100% {
      translate: 100%;
    }
  }

  .lbk32qhs {
    --bento-col-span: 1;
  }

  .lb1uxfy9o {
    --bento-columns: 4;
  }

  .lbj05dix {
    --bento-row-height: 120px;
  }

  .lb35jq7a {
    --bento-row-span: 1;
  }

  .lb1wdnxgk {
    --button-padding-inline: 0px;
  }

  .lb1l3x1nm {
    --button-padding-inline: 14px;
  }

  .lb1r8q1i9 {
    --button-padding-inline: 16px;
  }

  .lb1xvjv2a {
    --button-padding-inline: 8px;
  }

  .lbo8h0vz {
    --code-showcase-min-height: auto;
  }

  .lbx41sp4 {
    --delay: 0s;
  }

  .lbjqpwvb {
    --draggable-panel-gap: 0px;
  }

  .lbhxnmxf {
    --drawer-cast-alpha: .5;
  }

  .lb10r3w6h {
    --drawer-cast-alpha: 0;
  }

  .lb19v9nle {
    --drawer-cast-alpha: 1.75;
  }

  .lbrcga0b {
    --drawer-cast-x: -1;
  }

  .lb18cta43 {
    --drawer-cast-x: 1;
  }

  .lby3m4dg {
    --drawer-cast-y: -1;
  }

  .lbx4p56i {
    --drawer-cast-y: 1;
  }

  .lb1fg1rqh {
    --drawer-edge-width: 0;
  }

  .lb98was {
    --duration: 6s;
  }

  .lbfjvrti {
    --feature-grid-columns: 3;
  }

  .lb1iv4l33 {
    --filter-seam: var(--lobe-fill-border, var(--lobe-color-fill));
  }

  .lb1by5cad {
    --gap: var(--grid-gap, 1em);
  }

  .lb1k0jdk9 {
    --layout-header-height: 64px;
  }

  .lbe7afqh {
    --lobe-alert-accent: var(--lobe-color-error);
  }

  .lbzgof2g {
    --lobe-alert-accent: var(--lobe-color-info);
  }

  .lbo7tgpm {
    --lobe-alert-accent: var(--lobe-color-success);
  }

  .lb1lqijk0 {
    --lobe-alert-accent: var(--lobe-color-text-secondary);
  }

  .lb1e6rhj2 {
    --lobe-alert-accent: var(--lobe-color-warning);
  }

  .lboh1kd4 {
    --lobe-alert-background: color-mix(in srgb,var(--lobe-color-error) 5.0%,var(--lobe-color-bg-container));
  }

  .lb1e7xvtg {
    --lobe-alert-background: color-mix(in srgb,var(--lobe-color-info) 5.0%,var(--lobe-color-bg-container));
  }

  .lb1lln3b {
    --lobe-alert-background: color-mix(in srgb,var(--lobe-color-success) 5.0%,var(--lobe-color-bg-container));
  }

  .lb1im88pv {
    --lobe-alert-background: color-mix(in srgb,var(--lobe-color-text-secondary) 4.0%,var(--lobe-color-bg-container));
  }

  .lba3pu1c {
    --lobe-alert-background: color-mix(in srgb,var(--lobe-color-warning) 5.0%,var(--lobe-color-bg-container));
  }

  .lbf9vdb7 {
    --lobe-alert-soft-border: color-mix(in srgb,var(--lobe-color-error) 14.0%,transparent);
  }

  .lbgulyyp {
    --lobe-alert-soft-border: color-mix(in srgb,var(--lobe-color-info) 14.0%,transparent);
  }

  .lbog51ff {
    --lobe-alert-soft-border: color-mix(in srgb,var(--lobe-color-success) 14.0%,transparent);
  }

  .lb1k7laim {
    --lobe-alert-soft-border: color-mix(in srgb,var(--lobe-color-text-secondary) 12.0%,transparent);
  }

  .lb37xit6 {
    --lobe-alert-soft-border: color-mix(in srgb,var(--lobe-color-warning) 14.0%,transparent);
  }

  .lb13b9b4k {
    --lobe-auth-grid-line: color-mix(in srgb,var(--lobe-color-text) 5.0%,transparent);
  }

  .lbp4pl1z {
    --lobe-auth-grid-line: var(--lobe-color-border-secondary);
  }

  .lbx26zto {
    --lobe-dropdown-animation-duration: .14s;
  }

  .lb1l96weh {
    --lobe-dropdown-animation-ease-in: ease-in;
  }

  .lbmyf473 {
    --lobe-dropdown-animation-ease-out: var(--lobe-motion-ease-out);
  }

  .lbkiw9s4 {
    --lobe-dropdown-animation-scale-y: .92;
  }

  .lb2hswdp {
    --lobe-focus-ring-color: var(--lobe-color-error);
  }

  .lb155ckj2 {
    --lobe-focus-ring-color: var(--lobe-color-info);
  }

  .lbxqwrrt {
    --lobe-markdown-header-multiple: .2;
  }

  .lb1n5bq49 {
    --lobe-markdown-header-multiple: .5;
  }

  .lb3pag28 {
    --lobe-markdown-margin-multiple: 1;
  }

  .lb107ansx {
    --lobe-menu-icon-color: var(--lobe-color-error);
  }

  .lbx5256q {
    --lobe-menu-popup-padding: 4px;
  }

  .lbydoclp {
    --lobe-popover-animation-duration: .15s;
  }

  .lb5zsgyb {
    --lobe-popover-animation-duration-exit: 75ms;
  }

  .lbdkfc2i {
    --lobe-popover-animation-ease-in: ease-in;
  }

  .lb1gi85dh {
    --lobe-popover-animation-ease-out: var(--lobe-motion-ease-out);
  }

  .lb191ky9q {
    --lobe-popover-animation-scale: .96;
  }

  .lb10lwwj9 {
    --lobe-popover-animation-translate: 6px;
  }

  .lb1ol5q7t {
    --lobe-popover-arrow-offset-block: 5px;
  }

  .lb1cfhu4j {
    --lobe-popover-arrow-offset-inline: 8px;
  }

  .lbvzjg9q {
    --lobe-popover-content-blur: 4px;
  }

  .lb2hxxkh {
    --lobe-popover-content-shift: 8px;
  }

  .lbpmwb57 {
    --lobe-popover-layout-duration: .38s;
  }

  .lb1yl6ih0 {
    --lobe-popover-layout-ease: var(--lobe-motion-spring-bouncy);
  }

  .lbdtzx1f {
    --lobe-popover-translate-x: 0;
  }

  .lb70ox3w {
    --lobe-popover-translate-y: calc(var(--lobe-popover-animation-translate) * -1);
  }

  .lb1186kw6 {
    --lobe-popover-viewport-inline-padding: 12px;
  }

  .lbklfzxh {
    --lobe-progressive-blur-color: var(--lobe-color-bg-layout);
  }

  .lbiz0do0 {
    --lobe-progressive-blur-direction: to bottom;
  }

  .lb1wd4g2w {
    --lobe-progressive-blur-direction: to left;
  }

  .lbiy930i {
    --lobe-progressive-blur-direction: to right;
  }

  .lbcawtd5 {
    --lobe-progressive-blur-direction: to top;
  }

  .lbn3jzq5 {
    --lobe-progressive-blur-gradient-opacity: .5;
  }

  .lb15su0pm {
    --lobe-progressive-blur-height: 64px;
  }

  .lbm96bvk {
    --lobe-rate-color: var(--lobe-color-warning);
  }

  .lb1afozf1 {
    --lobe-rate-size: 20px;
  }

  .lb1rupxqf {
    --lobe-select-available-height: min(var(--available-height),var(--lobe-select-popup-max-height, var(--available-height)));
  }

  .lb1lqng0l {
    --lobe-select-disabled-bg: color-mix(in srgb,var(--lobe-color-bg-container) 60%,transparent);
  }

  .lb1fcm1w1 {
    --lobe-select-disabled-bg: color-mix(in srgb,var(--lobe-color-fill-tertiary) 55.0%,transparent);
  }

  .lb1hprk1n {
    --lobe-select-open-bg: var(--lobe-color-fill-secondary);
  }

  .lb1m91qns {
    --lobe-select-open-bg: var(--lobe-color-fill-tertiary);
  }

  .lbcbhfra {
    --lobe-select-readonly-bg: color-mix(in srgb,var(--lobe-color-bg-container) 75.0%,transparent);
  }

  .lb16si2i5 {
    --lobe-select-readonly-bg: color-mix(in srgb,var(--lobe-color-fill-tertiary) 70.0%,transparent);
  }

  .lbwvmpdu {
    --lobe-surface-bg: var(--lobe-color-bg-container);
  }

  .lb1scici8 {
    --lobe-surface-bg: var(--lobe-color-fill-quaternary);
  }

  .lb1ettvn5 {
    --lobe-surface-bg-solid: color-mix(in srgb,#fff 2.0%,var(--lobe-surface-canvas, var(--lobe-color-bg-container)));
  }

  .lb1hc46fh {
    --lobe-surface-bg-solid: var(--lobe-color-bg-container);
  }

  .lbabgygf {
    --lobe-tooltip-animation-duration: .28s;
  }

  .lb17zxa9l {
    --lobe-tooltip-animation-duration-exit: .1s;
  }

  .lb1czz40j {
    --lobe-tooltip-animation-ease-in: cubic-bezier(.4,0,1,1);
  }

  .lb19w7cha {
    --lobe-tooltip-animation-ease-out: var(--lobe-motion-spring-bouncy);
  }

  .lb1ezh9a6 {
    --lobe-tooltip-animation-scale: .97;
  }

  .lb1xzhb9q {
    --lobe-tooltip-animation-translate: 3px;
  }

  .lbw4uxtt {
    --lobe-tooltip-arrow-offset-block: 4px;
  }

  .lb1wzcy62 {
    --lobe-tooltip-arrow-offset-inline: 6px;
  }

  .lbmm55jw {
    --lobe-tooltip-content-blur: 4px;
  }

  .lb793mc {
    --lobe-tooltip-content-shift: 8px;
  }

  .lbytl4um {
    --lobe-tooltip-fade-duration: .16s;
  }

  .lb1epvlm {
    --lobe-tooltip-fade-ease: cubic-bezier(.33,1,.68,1);
  }

  .lb1rnv61f {
    --lobe-tooltip-layout-duration: .38s;
  }

  .lbm88wyt {
    --lobe-tooltip-layout-ease: var(--lobe-motion-spring-bouncy);
  }

  .lb1x6gem7 {
    --lobe-tooltip-translate-x: 0;
  }

  .lb1ppaw8e {
    --lobe-tooltip-translate-y: calc(var(--lobe-tooltip-animation-translate) * -1);
  }

  .lb1k6gbzt {
    --lobe-tooltip-viewport-inline-padding: 8px;
  }

  .lb13umca6 {
    --logo-marquee-duration: 28s;
  }

  .lb1fdfv8h {
    --logo-marquee-gap: 36px;
  }

  .lbgtqfm8 {
    --logo-marquee-max-width: 640px;
  }

  .lb18upadf {
    --max-item-width: var(--grid-max-item-width, 240px);
  }

  .lbecsxsy {
    --metric-seam: var(--lobe-fill-border, var(--lobe-color-fill));
  }

  .lbb27uya {
    --rows: var(--grid-rows, 3);
  }

  .lb1h4x9d1 {
    --scroll-shadow-size: 16.0%;
  }

  .lb1yqjya6 {
    --shiny-color: var(--lobe-color-text);
  }

  .lb13qpc1j {
    --shiny-duration: 1.5s;
  }

  .lbo35jsc {
    --surface-pad-block: 12px;
  }

  .lb4vqstq {
    --surface-pad-block: 16px;
  }

  .lbssx8jz {
    --surface-pad-inline: 16px;
  }

  .lb1o8nl8n {
    --toast-collapsed-height: var(--toast-frontmost-height, var(--toast-height));
  }

  .lbr9sdi6 {
    --toast-gap: 12px;
  }

  .lb1wxzbih {
    --toast-peek: 12px;
  }

  .lb1vhpo3u {
    --toast-scale: calc(1 - var(--toast-index) * .05);
  }

  .lb1c223hw {
    --toast-shrink: calc(1 - var(--toast-scale));
  }

  .lbk0bhaz[data-expandable="true"]:is(:hover, :focus-within, [data-expand="false"]):not([data-resizing="true"]) {
    --draggable-panel-gap: 17px;
  }

  .lb13mkx0c:is([data-submenu], [data-nested], [data-side="left"], [data-side="right"]) {
    --lobe-dropdown-animation-duration: 0s;
  }

  .lbdiwzxj:is([data-submenu], [data-nested], [data-side="left"], [data-side="right"]) {
    --lobe-dropdown-animation-scale-y: 1;
  }

  .lb8cr33m:is([data-placement="right"], [data-placement="rightTop"], [data-placement="rightBottom"]) {
    --lobe-popover-translate-x: calc(var(--lobe-popover-animation-translate) * -1);
  }

  .lb1u18tlr:is([data-placement="left"], [data-placement="leftTop"], [data-placement="leftBottom"]) {
    --lobe-popover-translate-x: var(--lobe-popover-animation-translate);
  }

  .lb132x4ng:is([data-placement="left"], [data-placement="leftTop"], [data-placement="leftBottom"]), .lb19ms9b6:is([data-placement="right"], [data-placement="rightTop"], [data-placement="rightBottom"]) {
    --lobe-popover-translate-y: 0;
  }

  .lb1jpw2w9:is([data-placement="top"], [data-placement="topLeft"], [data-placement="topRight"]) {
    --lobe-popover-translate-y: var(--lobe-popover-animation-translate);
  }

  .lb19p6rg0:is([data-placement="right"], [data-placement="rightTop"], [data-placement="rightBottom"]) {
    --lobe-tooltip-translate-x: calc(var(--lobe-tooltip-animation-translate) * -1);
  }

  .lbjzfilc:is([data-placement="left"], [data-placement="leftTop"], [data-placement="leftBottom"]) {
    --lobe-tooltip-translate-x: var(--lobe-tooltip-animation-translate);
  }

  .lb1e6wdka:is([data-placement="left"], [data-placement="leftTop"], [data-placement="leftBottom"]), .lb1rub6d4:is([data-placement="right"], [data-placement="rightTop"], [data-placement="rightBottom"]) {
    --lobe-tooltip-translate-y: 0;
  }

  .lbuhc4zl:is([data-placement="top"], [data-placement="topLeft"], [data-placement="topRight"]) {
    --lobe-tooltip-translate-y: var(--lobe-tooltip-animation-translate);
  }

  .lb1g6lid4.lb1g6lid4:has( > :where(button, a):active:not(:disabled, [aria-disabled="true"])) {
    --lobe-split-button-fill: color-mix(in srgb,var(--lobe-color-error) 88.0%,black);
  }

  .lb14ldvf4.lb14ldvf4:has( > :where(button, a):hover:not(:disabled, [aria-disabled="true"])):not(:has( > :where(button, a):active:not(:disabled, [aria-disabled="true"]))) {
    --lobe-split-button-fill: color-mix(in srgb,var(--lobe-color-error) 88.0%,white);
  }

  .lb1au6i02.lb1au6i02:has( > :where(button, a):active:not(:disabled, [aria-disabled="true"])) {
    --lobe-split-button-fill: var(--lobe-color-primary-active);
  }

  .lbkkoodz.lbkkoodz:has( > :where(button, a):hover:not(:disabled, [aria-disabled="true"])):not(:has( > :where(button, a):active:not(:disabled, [aria-disabled="true"]))) {
    --lobe-split-button-fill: var(--lobe-color-primary-hover);
  }

  .lb19d6fe:has( > [data-virtual]) {
    --lobe-virtual-scroll-inset: var(--lobe-menu-popup-padding);
  }

  @media (prefers-reduced-motion: reduce) {
    .lbvabi.lbvabi {
      --lobe-popover-layout-duration: 0s;
    }

    .lb1fy5egn.lb1fy5egn {
      --lobe-tooltip-animation-duration: 0s;
    }

    .lb15570jz.lb15570jz {
      --lobe-tooltip-animation-duration-exit: 0s;
    }

    .lb1ae5iqf.lb1ae5iqf {
      --lobe-tooltip-fade-duration: 0s;
    }

    .lb3dl09s.lb3dl09s {
      --lobe-tooltip-layout-duration: 0s;
    }
  }
}

@layer lobe-ui.priority2 {
  .lbln7xf2 {
    font: inherit;
  }

  .lbk9nw1o {
    inset: -10px;
  }

  .lb10a8y8t {
    inset: 0;
  }

  .lb1vdmwfg {
    inset: 10px;
  }

  .lbk92lsc {
    inset: 8px;
  }

  .lbh3736h {
    inset: unset;
  }

  .lbkdpibf {
    margin: -1px;
  }

  .lb1ghz6dp {
    margin: 0;
  }

  .lb1qyo9ns {
    margin: 1px;
  }

  .lb10d6zji {
    margin: 3px;
  }

  .lbzvvh78 {
    margin: calc(var(--spin-node-size) / -2);
  }

  .lb1rmkima {
    margin: calc(var(--spin-particle-size) / -2);
  }

  .lb1717udv {
    padding: 0;
  }

  .lbc7ga6q {
    padding: 12px;
  }

  .lb1tamke2 {
    padding: 16px;
  }

  .lb1qhigcl {
    padding: 20px;
  }

  .lbggk2y7 {
    padding: 24px;
  }

  .lb1i3ajwb {
    padding: 2px;
  }

  .lb9ms5i6 {
    padding: 3px;
  }

  .lbfawy5m {
    padding: 4px;
  }

  .lbe8ttls {
    padding: 8px;
  }

  .lbtoa2fd {
    padding: var(--lobe-padding-xs);
  }

  .lb17y1f7e:has([data-page-layout="flush"]) {
    padding: 0;
  }
}

@layer lobe-ui.priority3 {
  .lbkuq44j {
    background-position: -1px -1px;
  }

  .lbk1hcsh {
    background-position: 0 0, 0 0, 4px 4px !important;
  }

  .lb1wlk0ns {
    background-position: 0 0, 0 8px, 8px -8px, -8px 0;
  }

  .lb13hcsrd {
    background-position: 0 0, 4px 4px;
  }

  .lb1y4qj14 {
    background-position: 0 0;
  }

  .lbt6pys0 {
    background-position: 50%, 50%;
  }

  .lb165c8v {
    border-color: #333;
  }

  .lb11ne2u5 {
    border-color: #fff !important;
  }

  .lbg29ltk {
    border-color: #fff;
  }

  .lb93mhwi {
    border-color: color-mix(in srgb,var(--lobe-color-border-secondary) 66.0%,transparent);
  }

  .lbpe7ctc {
    border-color: color-mix(in srgb,var(--lobe-color-border-secondary) 70.0%,var(--lobe-color-border));
  }

  .lb1mpi7gh {
    border-color: color-mix(in srgb,var(--lobe-color-error) 40.0%,transparent);
  }

  .lb181nr7w, .lb1r7ld26 {
    border-color: currentColor;
  }

  .lb1bmaitd {
    border-color: #0009;
  }

  .lb786t8j {
    border-color: #ffffff24;
  }

  .lb1e75yku {
    border-color: #fff3;
  }

  .lb9r1u3d {
    border-color: #0000;
  }

  .lbfbyuaw {
    border-color: var(--lobe-color-bg-container);
  }

  .lb10cypdb {
    border-color: var(--lobe-color-border-secondary);
  }

  .lbqnr5ac {
    border-color: var(--lobe-color-border);
  }

  .lb11fhi00 {
    border-color: var(--lobe-color-error);
  }

  .lb1g3whta {
    border-color: var(--lobe-color-fill-quaternary);
  }

  .lb6d5vuu {
    border-color: var(--lobe-color-fill-secondary);
  }

  .lb1jy2tmp {
    border-color: var(--lobe-color-primary);
  }

  .lb1h7zjs4 {
    border-color: var(--lobe-color-text-tertiary);
  }

  .lb142uwqc {
    border-color: var(--lobe-fill-border, var(--lobe-color-fill));
  }

  .lb3xigh6 {
    border-color: var(--lobe-split-button-fill, transparent);
  }

  .lb1n1lchj {
    border-color: var(--lobe-split-button-fill, var(--lobe-color-error));
  }

  .lb1kuh2pb {
    border-color: var(--lobe-split-button-fill, var(--lobe-color-primary));
  }

  .lb2u8bby {
    border-radius: 0;
  }

  .lb1xwekrv {
    border-radius: 100px;
  }

  .lb1q4ynmn {
    border-radius: 10px;
  }

  .lb4pepcl {
    border-radius: 12px;
  }

  .lbghjk08 {
    border-radius: 15%;
  }

  .lbgqmno8 {
    border-radius: 16px;
  }

  .lb1nj7uno {
    border-radius: 1px;
  }

  .lb1m3ak92 {
    border-radius: 20px;
  }

  .lb1jvnzes {
    border-radius: 28px;
  }

  .lb1cum3z5 {
    border-radius: 2px;
  }

  .lb18zih8k {
    border-radius: 3px;
  }

  .lb1pl3jqz {
    border-radius: 48px;
  }

  .lb12oqio5 {
    border-radius: 4px;
  }

  .lb16rqkct {
    border-radius: 50%;
  }

  .lb1kogg8i {
    border-radius: 6px;
  }

  .lbur7f20 {
    border-radius: 8px;
  }

  .lby54tlg {
    border-radius: 999px !important;
  }

  .lb1e6avla {
    border-radius: 999px;
  }

  .lbhpnuu7 {
    border-radius: 9px;
  }

  .lb1wra11o {
    border-radius: calc(var(--lobe-markdown-border-radius) * 1px);
  }

  .lb12i1nfx {
    border-radius: calc(var(--spotlight-card-border-radius, 12px) - 1px);
  }

  .lb1pjcqnp {
    border-radius: inherit;
  }

  .lb8itt2c {
    border-radius: var(--gradient-button-border-radius, var(--lobe-border-radius));
  }

  .lb1ndkxwp {
    border-radius: var(--lobe-border-radius-lg);
  }

  .lb1vihcfj {
    border-radius: var(--lobe-border-radius-sm);
  }

  .lb1jq78ib {
    border-radius: var(--lobe-border-radius-xs);
  }

  .lb1sbi92r {
    border-radius: var(--lobe-border-radius);
  }

  .lb10toqow {
    border-radius: var(--spotlight-card-border-radius, 12px);
  }

  .lb159sbz3 {
    border-radius: var(--toast-border-radius, var(--lobe-border-radius-lg));
  }

  .lbbsl7fq {
    border-style: dashed;
  }

  .lbng3xce {
    border-style: none;
  }

  .lb1y0btm7 {
    border-style: solid;
  }

  .lbc342km {
    border-width: 0;
  }

  .lbvndefy {
    border-width: 1.5px;
  }

  .lbmkeg23 {
    border-width: 1px;
  }

  .lbuzmsqa {
    border-width: 2px !important;
  }

  .lbdh2fpr {
    border-width: 2px;
  }

  .lbfn42iu {
    border-width: medium;
  }

  .lb1b0bnr5 {
    flex: 0;
  }

  .lb98rzlu {
    flex: 1;
  }

  .lb1okw0bk {
    flex: none;
  }

  .lb1aazh3f {
    font-variant: inherit;
  }

  .lbo0bmx5 {
    gap: .4em;
  }

  .lbxhr3t {
    gap: 0;
  }

  .lb883omv {
    gap: 10px;
  }

  .lb1v2ro7d {
    gap: 12px;
  }

  .lb1af02g3 {
    gap: 14px;
  }

  .lbou54vl {
    gap: 16px;
  }

  .lb12mrbbr {
    gap: 1px;
  }

  .lb1c1vhfx {
    gap: 20px;
  }

  .lb1665zp3 {
    gap: 24px;
  }

  .lb195vfkc {
    gap: 2px;
  }

  .lb1rzw5jd {
    gap: 32px;
  }

  .lb1ed6fcf {
    gap: 3px;
  }

  .lb14n5cft {
    gap: 40px;
  }

  .lb1y9zxd1 {
    gap: 48px;
  }

  .lb1jnr06f {
    gap: 4px;
  }

  .lb1nejdyq {
    gap: 5px;
  }

  .lb17d4w8g {
    gap: 6px;
  }

  .lb167g77z {
    gap: 8px;
  }

  .lbv258st {
    gap: calc(var(--lobe-rate-size, 20px) / 2);
  }

  .lbeg72bg {
    gap: clamp(32px, 5vw, 64px);
  }

  .lb14vpbey {
    gap: var(--logo-marquee-gap, 36px);
  }

  .lbgkxs2y {
    grid-column: 1;
  }

  .lb1zn0yr {
    grid-column: span var(--bento-col-span, 1);
  }

  .lb1ms6mhf {
    grid-row: 1;
  }

  .lb1m30xi9 {
    grid-row: span var(--bento-row-span, 1);
  }

  .lb1o4mm3x {
    inset-block: -4px;
  }

  .lbdwv5cp {
    inset-block: 0 auto;
  }

  .lb10no89f {
    inset-block: 0;
  }

  .lb1c70ue {
    inset-block: 16px;
  }

  .lb1fclj7r {
    inset-block: auto 0;
  }

  .lb1saa4dr {
    inset-block: unset;
  }

  .lb17y0mx6 {
    inset-inline: 0;
  }

  .lbvf9o5y {
    inset-inline: 16px;
  }

  .lb1v2lpi6 {
    inset-inline: 40px;
  }

  .lbe8uvvx {
    list-style: none;
  }

  .lb1k49i25 {
    margin-block: -4px;
  }

  .lb96m7kw {
    margin-block: .1em;
  }

  .lb1p2e68s {
    margin-block: .25em;
  }

  .lb10im51j {
    margin-block: 0;
  }

  .lb2i9t41 {
    margin-block: 16px;
  }

  .lbg9jes1 {
    margin-block: 4px;
  }

  .lb1jp4ehj {
    margin-block: 8px;
  }

  .lb1ixfmg8 {
    margin-block: calc(var(--lobe-markdown-margin-multiple) * -1em);
  }

  .lbgvtblx {
    margin-block: calc(var(--lobe-markdown-margin-multiple) * .5em);
  }

  .lb1ysyzoe {
    margin-block: calc(var(--lobe-markdown-margin-multiple) * 1em);
  }

  .lb1sbs7mg {
    margin-block: round(calc(var(--lobe-font-size) * .15),1px);
  }

  .lb1alj1zu {
    margin-inline: 0 8px;
  }

  .lbrxpjvj {
    margin-inline: 0;
  }

  .lb1tqfzy7 {
    margin-inline: 12px;
  }

  .lb1dhlr3c {
    margin-inline: 2px;
  }

  .lbj3msbq {
    margin-inline: 3px;
  }

  .lb18kdvx8 {
    margin-inline: 6px;
  }

  .lbxbjj12 {
    margin-inline: 8px;
  }

  .lbvueqy4 {
    margin-inline: auto;
  }

  .lb15usb71 {
    margin-inline: calc(-1 * var(--lobe-menu-popup-padding));
  }

  .lba2rfrd {
    margin-inline: calc(-1 * var(--lobe-virtual-scroll-inset, 0px));
  }

  .lbiw998c {
    margin-inline: calc(var(--accordion-hover-inset, 8px) * -1);
  }

  .lb1b6ykf0 {
    outline: 0;
  }

  .lb1a2a7pz {
    outline: none;
  }

  .lbysyzu8 {
    overflow: auto;
  }

  .lb7giv3 {
    overflow: clip;
  }

  .lbb3r6kr {
    overflow: hidden;
  }

  .lb1rea2x4 {
    overflow: visible;
  }

  .lbxqldzo {
    overscroll-behavior: auto;
  }

  .lb73iojl {
    padding-block: .75em;
  }

  .lbt970qd {
    padding-block: 0;
  }

  .lbp59q4u {
    padding-block: 10px;
  }

  .lb10dr8xq {
    padding-block: 12px;
  }

  .lb1xn8qrt {
    padding-block: 16px;
  }

  .lbsplgde {
    padding-block: 1px;
  }

  .lbr9q8rw {
    padding-block: 24px;
  }

  .lb1e9difb {
    padding-block: 28px;
  }

  .lbj8oexa {
    padding-block: 2px;
  }

  .lbd11lqx {
    padding-block: 32px;
  }

  .lbf4egzd {
    padding-block: 3px;
  }

  .lb1axd487 {
    padding-block: 40px;
  }

  .lb12ulsxz {
    padding-block: 4px;
  }

  .lbifx94n {
    padding-block: 5px;
  }

  .lb1t0vds8 {
    padding-block: 6px;
  }

  .lbknfcqp {
    padding-block: 7px;
  }

  .lb1vvogim {
    padding-block: 8px;
  }

  .lb51e83g {
    padding-block: clamp(48px, 8vh, 80px);
  }

  .lbwhe4c1 {
    padding-block: clamp(56px, 9vh, 88px);
  }

  .lby0ca47 {
    padding-block: var(--lobe-form-item-padding-block, 16px);
  }

  .lb1bolkcs {
    padding-block: var(--lobe-table-padding-block);
  }

  .lbnjsko4 {
    padding-inline: 0;
  }

  .lb1awh872 {
    padding-inline: 10px;
  }

  .lbfoe8qy {
    padding-inline: 11px;
  }

  .lbaope02 {
    padding-inline: 12px;
  }

  .lbqin4a2 {
    padding-inline: 14px;
  }

  .lb15ldat2 {
    padding-inline: 15px;
  }

  .lb1hr3lfm {
    padding-inline: 16px;
  }

  .lbf1a5up {
    padding-inline: 1em;
  }

  .lb17qtykl {
    padding-inline: 20px;
  }

  .lb65v0h {
    padding-inline: 22px;
  }

  .lb4l9tsp {
    padding-inline: 24px;
  }

  .lb5k8d2m {
    padding-inline: 2px;
  }

  .lb1tcxzho {
    padding-inline: 36px;
  }

  .lbfn1xvj {
    padding-inline: 4px;
  }

  .lbm9j1uf {
    padding-inline: 5px;
  }

  .lb1xijbu4 {
    padding-inline: 6px;
  }

  .lbdqyycr {
    padding-inline: 8px;
  }

  .lb1w51w5s {
    padding-inline: var(--accordion-hover-inset, 8px);
  }

  .lb1v42klx {
    padding-inline: var(--button-padding-inline);
  }

  .lb1ctfek0 {
    padding-inline: var(--lobe-menu-popup-padding);
  }

  .lb1ha9ihy {
    padding-inline: var(--lobe-padding-xxs);
  }

  .lbnyzkql {
    padding-inline: var(--lobe-popover-viewport-inline-padding);
  }

  .lb1ncipzf {
    padding-inline: var(--lobe-table-padding-inline);
  }

  .lb5yvih3 {
    padding-inline: var(--lobe-tooltip-viewport-inline-padding);
  }

  .lb9xwowr {
    padding-inline: var(--lobe-virtual-scroll-inset, 0);
  }

  .lb1ku5rj1 {
    place-items: center;
  }

  .lbmqliwb {
    text-decoration: line-through;
  }

  .lb1hl2dhg {
    text-decoration: none;
  }

  .lb1bvjpef {
    text-decoration: underline;
  }

  .lb18nfrvi {
    transition: all .15s var(--lobe-motion-ease-out);
  }

  .lbxgdrqz {
    transition: all .16s cubic-bezier(.32, .72, 0, 1);
  }

  .lby9syeq {
    transition: all .2s ease-in-out;
  }

  .lb1ng1d19 {
    transition: all .2s;
  }

  .lbti8zbx {
    transition: all var(--lobe-motion-duration-slow) var(--lobe-motion-ease-in-out-circ);
  }

  .lbn13k1y {
    transition: background .12s, color .12s;
  }

  .lb8utg69 {
    transition: background .12s;
  }

  .lb1whbijk {
    transition: background .12s var(--lobe-motion-ease-out),color .12s var(--lobe-motion-ease-out);
  }

  .lbavbupb {
    transition: background .15s var(--lobe-motion-ease-out),border-color .15s var(--lobe-motion-ease-out),box-shadow .15s var(--lobe-motion-ease-out);
  }

  .lb1mlet35 {
    transition: background .15s var(--lobe-motion-ease-out),border-color .15s var(--lobe-motion-ease-out);
  }

  .lbysu0hi {
    transition: background .15s var(--lobe-motion-ease-out);
  }

  .lbr3aam3 {
    transition: background .2s var(--lobe-motion-ease-out),box-shadow .2s var(--lobe-motion-ease-out);
  }

  .lb1cd9vmy {
    transition: background .2s, color .2s;
  }

  .lb1t3whoi {
    transition: background-color .15s;
  }

  .lbdb7520 {
    transition: background-color .16s;
  }

  .lbjy6m49 {
    transition: background-color .1s var(--lobe-motion-ease-out);
  }

  .lb5gkzjs {
    transition: background-color .2s;
  }

  .lb4vgt72 {
    transition: border-color .14s, box-shadow .14s;
  }

  .lb1ut79mn {
    transition: border-color .14s, transform .14s, box-shadow .14s;
  }

  .lb1q1qk89 {
    transition: border-color .15s, background .15s;
  }

  .lb19qmanz {
    transition: box-shadow .12s;
  }

  .lbp6x4vz {
    transition: box-shadow .15s var(--lobe-motion-ease-out);
  }

  .lbxj5fsl {
    transition: box-shadow .2s var(--lobe-motion-ease-out);
  }

  .lbdn3phn {
    transition: clip-path .2s cubic-bezier(.4, 0, .2, 1);
  }

  .lb1qjqjpi {
    transition: color .12s var(--lobe-motion-ease-out),transform .12s var(--lobe-motion-ease-out);
  }

  .lb1edyq7o {
    transition: color .15s ease-out, transform .15s ease-out;
  }

  .lbrwkjy5 {
    transition: color .15s;
  }

  .lb1noqm3w {
    transition: color .15s var(--lobe-motion-ease-out),background .15s var(--lobe-motion-ease-out);
  }

  .lb627avl {
    transition: color .15s var(--lobe-motion-ease-out);
  }

  .lbgl21rn {
    transition: color .16s cubic-bezier(.32, .72, 0, 1), background .16s cubic-bezier(.32, .72, 0, 1), transform .16s cubic-bezier(.32, .72, 0, 1);
  }

  .lb15xd0no {
    transition: color .16s cubic-bezier(.32, .72, 0, 1), background-color .16s cubic-bezier(.32, .72, 0, 1), background-image .16s cubic-bezier(.32, .72, 0, 1), border-color .16s cubic-bezier(.32, .72, 0, 1), box-shadow .16s cubic-bezier(.32, .72, 0, 1);
  }

  .lb1ansyti {
    transition: color .16s var(--lobe-motion-ease-out),background-color .16s var(--lobe-motion-ease-out),scale .16s var(--lobe-motion-ease-out);
  }

  .lbmhz0e4 {
    transition: color .16s var(--lobe-motion-ease-out),background-color .16s var(--lobe-motion-ease-out);
  }

  .lbsjt935 {
    transition: color .2s var(--lobe-motion-ease-in-out);
  }

  .lb8v0tbz {
    transition: color .2s var(--lobe-motion-ease-out),transform .2s var(--lobe-motion-ease-out),box-shadow .2s var(--lobe-motion-ease-out);
  }

  .lb1p61ccd {
    transition: filter .14s, transform 90ms;
  }

  .lb98rw9k {
    transition: grid-template-rows .16s;
  }

  .lb16onuij {
    transition: grid-template-rows .2s, margin .2s, opacity .12s;
  }

  .lbgy48lf {
    transition: height .12s, inset-block-start .12s;
  }

  .lb180ooqv {
    transition: height .2s var(--lobe-motion-ease-out);
  }

  .lbcqlole {
    transition: height .3s cubic-bezier(.32, .72, 0, 1), margin-block-start .3s cubic-bezier(.32, .72, 0, 1);
  }

  .lb9ukxhc {
    transition: height .3s;
  }

  .lbklqi63 {
    transition: inline-size .2s;
  }

  .lbjltk9q {
    transition: inset-block-end .2s;
  }

  .lbw1r3nx {
    transition: inset-block-start .2s var(--lobe-motion-ease-out),height .2s var(--lobe-motion-ease-out);
  }

  .lbmfngtf {
    transition: inset-inline-start var(--lobe-popover-layout-duration) var(--lobe-popover-layout-ease),inset-block-start var(--lobe-popover-layout-duration) var(--lobe-popover-layout-ease);
  }

  .lbguwl36 {
    transition: inset-inline-start var(--lobe-tooltip-layout-duration) var(--lobe-tooltip-layout-ease),inset-block-start var(--lobe-tooltip-layout-duration) var(--lobe-tooltip-layout-ease);
  }

  .lbn0nhwh {
    transition: margin .2s, padding .2s, border-color .2s;
  }

  .lbezc1wo {
    transition: margin .2s;
  }

  .lbq2gx43 {
    transition: none;
  }

  .lb1gpdqsl {
    transition: opacity .12s 80ms;
  }

  .lb1pqx817 {
    transition: opacity .12s;
  }

  .lb2x8kw5 {
    transition: opacity .14s var(--lobe-motion-ease-out),transform .14s var(--lobe-motion-ease-out);
  }

  .lb13zw1ji {
    transition: opacity .15s var(--lobe-motion-ease-in-out);
  }

  .lb1xhw48d {
    transition: opacity .15s var(--lobe-motion-ease-out),transform .15s var(--lobe-motion-ease-out);
  }

  .lbholrd4 {
    transition: opacity .15s var(--lobe-motion-ease-out);
  }

  .lbbq4x80 {
    transition: opacity .15s, width .15s, height .15s;
  }

  .lb11o4mfb {
    transition: opacity .18s cubic-bezier(.32, .72, 0, 1);
  }

  .lbmalmnf {
    transition: opacity .18s var(--lobe-motion-ease-out);
  }

  .lbin1iks {
    transition: opacity .25s cubic-bezier(.22, 1, .36, 1);
  }

  .lbzjevta {
    transition: opacity .25s var(--lobe-motion-ease-out);
  }

  .lbzdg38j {
    transition: opacity .2s;
  }

  .lb1siopqw {
    transition: opacity .2s var(--lobe-motion-ease-in-out);
  }

  .lbaqpy6h {
    transition: opacity .2s var(--lobe-motion-ease-out),scale .2s var(--lobe-motion-ease-out);
  }

  .lb10178c1 {
    transition: opacity .2s var(--lobe-motion-ease-out),translate .2s var(--lobe-motion-ease-out);
  }

  .lb7mpatm {
    transition: opacity .2s var(--lobe-motion-ease-out),visibility .2s;
  }

  .lb1elzuot {
    transition: opacity .2s var(--lobe-motion-ease-out);
  }

  .lb1hzt7jf {
    transition: opacity .2s;
  }

  .lblt59hw {
    transition: opacity .7s;
  }

  .lbchz62r {
    transition: padding-block-end .608s var(--lobe-motion-spring-snappy),padding-block-start .608s var(--lobe-motion-spring-snappy),padding-inline-end .608s var(--lobe-motion-spring-snappy),padding-inline-start .608s var(--lobe-motion-spring-snappy);
  }

  .lb1aym83t {
    transition: scale .4s var(--lobe-motion-ease-out);
  }

  .lb3n8j3q {
    transition: stop-color .16s var(--lobe-motion-ease-out);
  }

  .lb12nex3p {
    transition: stop-opacity .18s var(--lobe-motion-ease-out);
  }

  .lb158n98w {
    transition: stroke-dashoffset .3s;
  }

  .lb1ri61pi {
    transition: transform .12s;
  }

  .lb1iou1qo {
    transition: transform .14s;
  }

  .lb14sdrxx {
    transition: transform .15s;
  }

  .lbyuzwzm {
    transition: transform .15s var(--lobe-motion-ease-out);
  }

  .lb1b7gp56 {
    transition: transform .16s, opacity .12s 80ms;
  }

  .lb1u15s0p {
    transition: transform .16s;
  }

  .lb1mk4n9k {
    transition: transform .16s var(--lobe-motion-ease-out);
  }

  .lblhg8ld {
    transition: transform .24s var(--lobe-motion-ease-out);
  }

  .lbz902xz {
    transition: transform .2s ease-out, opacity .2s ease-in;
  }

  .lb1860dz6 {
    transition: transform .2s var(--lobe-motion-ease-out);
  }

  .lbg1s9po {
    transition: transform .3s cubic-bezier(.32, .72, 0, 1);
  }

  .lbkc9pjj {
    transition: transform .3s var(--lobe-motion-ease-in-out);
  }

  .lb1mwkqra {
    transition: transform .4s cubic-bezier(.2, .8, .2, 1);
  }

  .lb1gqa78w {
    transition: width .2s, background .2s;
  }

  .lb10tmjme {
    transition: width .38s cubic-bezier(.22, 1, .36, 1), margin .38s cubic-bezier(.22, 1, .36, 1), opacity .26s cubic-bezier(.22, 1, .36, 1);
  }

  .lb15cnf4b {
    transition: width .3s;
  }

  @supports ((-webkit-mask-image: url("data:image/svg+xml;base64,"?dpl=dpl_786mBr1YXSqQuP8743DLoazCvPnU)) or (mask-image: url("data:image/svg+xml;base64,"?dpl=dpl_786mBr1YXSqQuP8743DLoazCvPnU))) {
    .lb1b11ph6.lb1b11ph6 {
      border-radius: 0;
    }
  }

  .lbs8cwth:hover:not(:disabled, [aria-disabled="true"]) {
    border-color: color-mix(in srgb,var(--lobe-color-error) 65.0%,transparent);
  }

  .lb1dvy257:active:not(:disabled, [aria-disabled="true"]), .lb1e5ynfq[data-popup-open] {
    border-color: color-mix(in srgb,var(--lobe-color-error) 88.0%,black);
  }

  .lb2949mz:hover:not(:active, :disabled, [aria-disabled="true"], [data-popup-open]) {
    border-color: color-mix(in srgb,var(--lobe-color-error) 88.0%,white);
  }

  .lbv4eugq:hover:not(:disabled, [aria-disabled="true"]) {
    border-color: color-mix(in srgb,var(--lobe-color-text) 8.0%,var(--lobe-color-border));
  }

  .lb1ri2ox9:is([data-checked], [data-indeterminate]):not([data-disabled]) {
    border-color: var(--lobe-checkbox-bg, var(--lobe-color-primary));
  }

  .lb14dg99k:hover:not([data-disabled], [data-checked], [data-indeterminate]), .lb1vedpjt:hover:not([data-disabled], [data-checked]), .lbjmsf0:hover:not(:focus-within, [data-disabled]) {
    border-color: var(--lobe-color-border);
  }

  .lb18hgaxl[data-disabled] {
    border-color: var(--lobe-color-fill);
  }

  .lb13w8tc6:active:not(:disabled, [aria-disabled="true"]), .lbba5owj[data-popup-open] {
    border-color: var(--lobe-color-primary-active);
  }

  .lbiuvf2s:hover:not(:active, :disabled, [aria-disabled="true"], [data-popup-open]) {
    border-color: var(--lobe-color-primary-hover);
  }

  .lb1ahehej:hover:not(:active), .lb1o0n66f:focus-within:not(:has([data-invalid], [aria-invalid="true"])) {
    border-color: var(--lobe-color-primary);
  }

  .lb1o4wdq2:focus-within {
    border-color: var(--lobe-fill-border-strong, var(--lobe-color-fill));
  }

  .lb1dn8ofu[data-checked]:not([data-disabled]) {
    border-color: var(--lobe-radio-bg, var(--lobe-color-primary));
  }

  .lbm5uk7x[role="slider"]:focus-visible, .lbn61e16:focus-visible {
    border-radius: 4px;
  }

  .lbwk8ywg[data-scope-active] {
    outline: 2px dashed color-mix(in srgb,var(--lobe-color-info) 60%,transparent);
  }

  .lbwv73w1:focus-visible {
    outline: 2px solid #fff;
  }

  .lb1aklsn:focus-visible {
    outline: 2px solid #fff9;
  }

  .lb15y2lps:focus-visible {
    outline: 2px solid var(--lobe-color-primary);
  }

  .lb6ticga:focus-visible, .lbagzk3d[role="slider"]:focus-visible {
    outline: 2px solid var(--lobe-color-text);
  }

  .lb1b8604j.lb1b8604j:where(.lb1ruhxwj:is(*) *) {
    padding-block: 0;
  }

  .lb11xq1n2:has([data-invalid], [aria-invalid="true"]), .lb1pinziv:has([data-invalid], [aria-invalid="true"]):is(:focus-within, :not(:hover), [data-disabled]) {
    border-color: var(--lobe-color-error);
  }

  .lb12pl3ds:has([data-page-layout="flush"]) {
    gap: 0;
  }

  .lb1o8ogci:has([data-page-layout="flush"]) {
    overflow: hidden;
  }

  .lbdzg2pt:has( > [role^="menuitem"]) {
    padding-block: 4px;
  }

  .lb8x5n49:has( > [role^="menuitem"]) {
    padding-inline: 0;
  }

  .lb3mg3nv:hover {
    border-color: var(--lobe-color-border);
  }

  .lb1cgz93w:hover {
    border-color: var(--lobe-color-text-tertiary);
  }

  .lbhqn6jm:hover {
    border-color: var(--lobe-fill-border-strong, var(--lobe-color-fill));
  }

  .lb2l9g25:active {
    border-color: var(--lobe-color-border);
  }

  .lbuhn3al:active {
    border-color: var(--lobe-color-primary-active);
  }

  @media (width <= 860px) {
    .lb1vwigzu.lb1vwigzu {
      gap: 48px;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .lb9kvfbb.lb9kvfbb {
      transition: none;
    }
  }

  @media (width >= 480px) and (width <= 767.98px) {
    .lb1l92sca.lb1l92sca[data-wide="true"] {
      grid-column: span 2;
    }
  }
}

@layer lobe-ui.priority4 {
  .lb1ua5tub {
    -webkit-box-orient: vertical;
  }

  .lbh0615m {
    -webkit-line-clamp: 1;
  }

  .lb1h7i4cw {
    -webkit-line-clamp: 2;
  }

  .lbg7jpbn {
    -webkit-text-fill-color: transparent;
  }

  .lb1pha0wt {
    align-items: baseline;
  }

  .lb6s0dn4 {
    align-items: center;
  }

  .lbuk3077 {
    align-items: flex-end;
  }

  .lb1cy8zhl {
    align-items: flex-start;
  }

  .lb1qjc9v5 {
    align-items: stretch;
  }

  .lbamitd3 {
    align-self: center;
  }

  .lbpvyfi4 {
    align-self: flex-end;
  }

  .lbqcrz7y {
    align-self: flex-start;
  }

  .lbkh2ocl {
    align-self: stretch;
  }

  .lb1fljaow {
    animation-delay: -.4s;
  }

  .lbdwblqi {
    animation-delay: -.8s;
  }

  .lb1vwdvh2 {
    animation-delay: .12s;
  }

  .lbmmqq2k {
    animation-delay: .15s;
  }

  .lb1jh9esf {
    animation-delay: .24s;
  }

  .lb1x1c4bx {
    animation-delay: .3s;
  }

  .lb1uzojwf {
    animation-delay: 0s;
  }

  .lb1u8cyq {
    animation-delay: 5s;
  }

  .lbnvj4n5 {
    animation-delay: var(--delay);
  }

  .lb16srqn7 {
    animation-delay: var(--lobe-agent-avatar-delay, 0s);
  }

  .lbw6taxk {
    animation-duration: .22s;
  }

  .lbb8lv0f {
    animation-duration: .28s;
  }

  .lbdz8niu {
    animation-duration: .6s;
  }

  .lb7v9bd0 {
    animation-duration: .75s;
  }

  .lb13l1lly {
    animation-duration: 1.24s;
  }

  .lb1m9vv7p {
    animation-duration: 1.2s;
  }

  .lbmg6eyc {
    animation-duration: 1.5s;
  }

  .lb18hd8ej {
    animation-duration: 1.6s;
  }

  .lb1xixsfh {
    animation-duration: 1.8s;
  }

  .lbcs2qfc {
    animation-duration: 100s;
  }

  .lb1q3qbx4 {
    animation-duration: 1s;
  }

  .lb6q96wx {
    animation-duration: 20s;
  }

  .lb1c74tu6 {
    animation-duration: 2s;
  }

  .lb7t6ubo {
    animation-duration: 3s;
  }

  .lbz5h9r3 {
    animation-duration: 5s;
  }

  .lbmdyy31 {
    animation-duration: 6s;
  }

  .lbg7ug8h {
    animation-duration: var(--duration);
  }

  .lb14wl1pq {
    animation-duration: var(--logo-marquee-duration, 28s);
  }

  .lbpzn028 {
    animation-duration: var(--shiny-duration);
  }

  .lba4qsjk {
    animation-iteration-count: infinite;
  }

  .lbwd2vp0 {
    animation-name: lb10gmfjv-B;
  }

  .lbk29pd4 {
    animation-name: lb13c7z9m-B;
  }

  .lb33syup {
    animation-name: lb13kz0yu-B;
  }

  .lb1g0kqhz {
    animation-name: lb15qacde-B;
  }

  .lb6ojt31 {
    animation-name: lb180ztka-B;
  }

  .lbcjd0cy {
    animation-name: lb1879jr9-B;
  }

  .lb15d5rfv {
    animation-name: lb19jq70g-B;
  }

  .lb1ic7xlq {
    animation-name: lb1ceuzwu-B;
  }

  .lb1ygz6qe {
    animation-name: lb1fp878r-B;
  }

  .lb1v0ides {
    animation-name: lb1fy8ia8-B;
  }

  .lb1mw1q8i {
    animation-name: lb1g3nlh6-B;
  }

  .lbe2vv0f {
    animation-name: lb1l6wkq0-B;
  }

  .lb16w2x3j {
    animation-name: lb1mrfin0-B;
  }

  .lbj1bqtc {
    animation-name: lb1nzur2y-B;
  }

  .lbq614ke {
    animation-name: lb1ofn8cw-B;
  }

  .lbh3s7x {
    animation-name: lb1q7i4vu-B;
  }

  .lb1mbgqnd {
    animation-name: lb1rgdtka-B;
  }

  .lb1mhcmxz {
    animation-name: lb1ta95v6-B;
  }

  .lb194dqoo {
    animation-name: lb1uivshd-B;
  }

  .lbyu7njy {
    animation-name: lb1v9gqll-B;
  }

  .lb1uycf8y {
    animation-name: lb29arjm-B;
  }

  .lb1u0nrk1 {
    animation-name: lb3l2n98-B;
  }

  .lbyundts {
    animation-name: lbc5pjhy-B;
  }

  .lbe5e5tm {
    animation-name: lbce6ugt-B;
  }

  .lb165uc2u {
    animation-name: lbctqs6g-B;
  }

  .lbiwg49m {
    animation-name: lbebfisf-B;
  }

  .lb15zcdrl {
    animation-name: lbgd6zgv-B;
  }

  .lbvvj72e {
    animation-name: lbmosza-B;
  }

  .lb11jb8ed {
    animation-name: lbocro32-B;
  }

  .lb54opvl {
    animation-name: lbogs8zp-B;
  }

  .lb4rqs0j {
    animation-name: lbqmglk5-B;
  }

  .lbb6ayas {
    animation-name: lbqng64z-B;
  }

  .lb19vkpf6 {
    animation-name: lbqx4zst-B;
  }

  .lb148kbc9 {
    animation-name: lbr99mlk-B;
  }

  .lb1fhqo85 {
    animation-name: lbsuf281-B;
  }

  .lb1xfnrba {
    animation-name: lbteockk-B;
  }

  .lb12jwqpk {
    animation-name: lbtikmjl-B;
  }

  .lb1fc998c {
    animation-name: lbw40esr-B;
  }

  .lb10skslg {
    animation-name: lbx3hp1s-B;
  }

  .lbvjiv3b {
    animation-timing-function: cubic-bezier(.2, 0, 0, 1);
  }

  .lb1bx5ho5 {
    animation-timing-function: cubic-bezier(.36, .66, .04, 1);
  }

  .lb1v6mnl3 {
    animation-timing-function: cubic-bezier(.45, 0, .55, 1);
  }

  .lb1b8cam7 {
    animation-timing-function: cubic-bezier(.62, .62, .28, .67);
  }

  .lb4hg4is {
    animation-timing-function: ease-in-out;
  }

  .lb1debuo4 {
    animation-timing-function: ease;
  }

  .lb1esw782 {
    animation-timing-function: linear;
  }

  .lb1htlvfj {
    animation-timing-function: step-end;
  }

  .lb1c6cyjc {
    animation-timing-function: var(--lobe-motion-ease-in-out);
  }

  .lbjyslct {
    appearance: none;
  }

  .lb1plog1 {
    aspect-ratio: 1;
  }

  .lbvn2z4z {
    backdrop-filter: blur(12px);
  }

  .lb1jh03n0 {
    backdrop-filter: blur(16px);
  }

  .lb1dmgsgi {
    backdrop-filter: blur(8px);
  }

  .lb1mfrf3s {
    backdrop-filter: blur(var(--lobe-progressive-blur-layer-blur));
  }

  .lb1k0obaa {
    backdrop-filter: saturate(150%) blur(10px);
  }

  .lbx83zyx {
    background-clip: padding-box;
  }

  .lb1ta4xzc {
    -webkit-background-clip: text;
    background-clip: text;
  }

  .lb1r1mewj {
    background-color: #000;
  }

  .lb1qtvmyh {
    background-color: #080808;
  }

  .lb1aje6hn {
    background-color: #151515;
  }

  .lb83z2og {
    background-color: #fff;
  }

  .lb1tf3yqh {
    background-color: color-mix(in srgb,var(--lobe-color-bg-container) 16.0%,transparent);
  }

  .lb2643 {
    background-color: color-mix(in srgb,var(--lobe-color-bg-container) 60%,transparent);
  }

  .lb1c0b5dz {
    background-color: color-mix(in srgb,var(--lobe-color-bg-container) 70.0%,transparent);
  }

  .lb3as4cs {
    background-color: color-mix(in srgb,var(--lobe-color-bg-container) 8.0%,transparent);
  }

  .lb1sy65q1 {
    background-color: color-mix(in srgb,var(--lobe-color-bg-elevated) 25.0%,transparent);
  }

  .lb1h3we1w {
    background-color: color-mix(in srgb,var(--lobe-color-bg-layout) 40.0%,transparent);
  }

  .lb8ezckp {
    background-color: color-mix(in srgb,var(--lobe-color-bg-layout) 50.0%,var(--lobe-color-bg-container));
  }

  .lbzzovn2 {
    background-color: color-mix(in srgb,var(--lobe-color-bg-layout) 60%,transparent);
  }

  .lb1i0izil {
    background-color: color-mix(in srgb,var(--lobe-color-bg-layout) 90.0%,transparent);
  }

  .lb1o295zs {
    background-color: color-mix(in srgb,var(--lobe-color-border-secondary) 75.0%,transparent);
  }

  .lb1f2tfg0 {
    background-color: color-mix(in srgb,var(--lobe-color-error) 12.0%,transparent);
  }

  .lb50ef5m {
    background-color: color-mix(in srgb,var(--lobe-color-primary) 8.0%,transparent);
  }

  .lbqwbtcj {
    background-color: color-mix(in srgb,var(--lobe-color-success) 12.0%,transparent);
  }

  .lb1h1gsw {
    background-color: color-mix(in srgb,var(--lobe-color-text) 3.0%,var(--lobe-color-bg-container));
  }

  .lb4p2le8 {
    background-color: color-mix(in srgb,var(--lobe-color-warning) 12.0%,transparent);
  }

  .lb1h45990, .lbtwfq29 {
    background-color: currentColor;
  }

  .lb12cimdh {
    background-color: #0000008c;
  }

  .lb1a9z08n {
    background-color: #000000c7;
  }

  .lb1pl4qn3 {
    background-color: #000000d1;
  }

  .lbhkldz1 {
    background-color: #ffffff1a;
  }

  .lbxywgfh {
    background-color: #ffffff29;
  }

  .lb1cqq46t {
    background-color: #ffffff2e;
  }

  .lbyuqjph {
    background-color: #ffffff3d;
  }

  .lbvpev43 {
    background-color: #ffffff52;
  }

  .lblw48vq {
    background-color: #ffffff14;
  }

  .lbsuhtdx {
    background-color: #fffffff2;
  }

  .lb1tsovho {
    background-color: #0000 !important;
  }

  .lbjbqb8w {
    background-color: #0000;
  }

  .lbnllyei {
    background-color: var(--draggable-panel-bg, transparent);
  }

  .lb2aeh3g {
    background-color: var(--draggable-side-nav-bg, var(--lobe-color-bg-layout));
  }

  .lbv5s5hp {
    background-color: var(--grid-background-color-1, transparent);
  }

  .lb1a11qzg {
    background-color: var(--loading-dots-color, var(--lobe-color-primary));
  }

  .lbviqx8k {
    background-color: var(--lobe-alert-background);
  }

  .lb1l0pwim {
    background-color: var(--lobe-badge-color);
  }

  .lb6yijhg {
    background-color: var(--lobe-color-bg-container);
  }

  .lb1w937bt {
    background-color: var(--lobe-color-bg-elevated);
  }

  .lb41ilrr {
    background-color: var(--lobe-color-bg-layout);
  }

  .lb1a3x57l {
    background-color: var(--lobe-color-bg-mask);
  }

  .lb1x3duf0 {
    background-color: var(--lobe-color-border-secondary);
  }

  .lb1yqcoyj {
    background-color: var(--lobe-color-border);
  }

  .lbdkgs9i {
    background-color: var(--lobe-color-error-fill-tertiary);
  }

  .lbixdnzb {
    background-color: var(--lobe-color-error);
  }

  .lb6xiw3n {
    background-color: var(--lobe-color-fill-content);
  }

  .lb91pywm {
    background-color: var(--lobe-color-fill-quaternary);
  }

  .lbjjy28o {
    background-color: var(--lobe-color-fill-secondary);
  }

  .lbaljia1 {
    background-color: var(--lobe-color-fill-tertiary);
  }

  .lbqgsb3u {
    background-color: var(--lobe-color-fill);
  }

  .lba3xab0 {
    background-color: var(--lobe-color-info-fill-tertiary);
  }

  .lb1xsxhw2 {
    background-color: var(--lobe-color-info);
  }

  .lbm5z94f {
    background-color: var(--lobe-color-picker-thumb, transparent) !important;
  }

  .lbaz5gdu {
    background-color: var(--lobe-color-primary-bg);
  }

  .lb1hsafae {
    background-color: var(--lobe-color-primary);
  }

  .lb10owe32 {
    background-color: var(--lobe-color-success-fill-tertiary);
  }

  .lbs2frdx {
    background-color: var(--lobe-color-success);
  }

  .lbur9dxv {
    background-color: var(--lobe-color-text-quaternary);
  }

  .lbuzaq58 {
    background-color: var(--lobe-color-text);
  }

  .lb1tvhbhf {
    background-color: var(--lobe-color-warning-fill-tertiary);
  }

  .lb1hxyq1i {
    background-color: var(--lobe-purple-fill-tertiary);
  }

  .lb1oo794b {
    background-color: var(--lobe-split-button-fill, transparent);
  }

  .lb171v8l7 {
    background-color: var(--lobe-split-button-fill, var(--lobe-color-error));
  }

  .lb13yxgw3 {
    background-color: var(--lobe-split-button-fill, var(--lobe-color-primary));
  }

  .lb1x6hv1e {
    background-color: var(--lobe-surface-bg);
  }

  .lb10l2l1g {
    background-color: var(--lobe-yellow);
  }

  .lb3wxrq5 {
    background-image: conic-gradient(var(--lobe-color-fill-secondary) 25.0%,transparent 25.0% 50.0%,var(--lobe-color-fill-secondary) 50.0% 75.0%,transparent 75.0% 100.0%);
  }

  .lb9i5qys {
    background-image: conic-gradient(var(--lobe-red),var(--lobe-volcano),var(--lobe-orange),var(--lobe-gold),var(--lobe-yellow),var(--lobe-lime),var(--lobe-green),var(--lobe-cyan),var(--lobe-blue),var(--lobe-geekblue),var(--lobe-purple),var(--lobe-magenta),var(--lobe-red));
  }

  .lbqureyv {
    background-image: linear-gradient(-45deg,var(--lobe-gold),var(--lobe-magenta),var(--lobe-geekblue),var(--lobe-cyan));
  }

  .lb1k0woq6 {
    background-image: linear-gradient(120deg,transparent 25.0%,var(--shiny-color) 50.0%,transparent 75.0%);
  }

  .lb18434q4 {
    background-image: linear-gradient(165deg, #ff9ffc 0%, #5227ff 46%, #b497cf 100%);
  }

  .lbrnvwt7 {
    background-image: linear-gradient(45deg,var(--lobe-color-fill-secondary) 25.0%,transparent 25.0%,transparent 75.0%,var(--lobe-color-fill-secondary) 75.0%),linear-gradient(45deg,var(--lobe-color-fill-secondary) 25.0%,transparent 25.0%,transparent 75.0%,var(--lobe-color-fill-secondary) 75.0%);
  }

  .lb16grttn {
    background-image: linear-gradient(90deg,transparent 0.0%,color-mix(in srgb,var(--lobe-color-text) 4.0%,transparent) 50.0%,transparent 100.0%);
  }

  .lb7hpmi5 {
    background-image: linear-gradient(90deg,transparent,color-mix(in srgb,var(--lobe-color-white) 35.0%,transparent),transparent);
  }

  .lbl8g59w {
    background-image: linear-gradient(#0000, #000000b8);
  }

  .lb1hi5lyt {
    background-image: linear-gradient(to bottom,var(--lobe-color-fill-quaternary),var(--lobe-color-fill-tertiary));
  }

  .lbw4wl7d {
    background-image: linear-gradient(to bottom,var(--lobe-color-fill-tertiary),var(--lobe-color-fill-quaternary));
  }

  .lb8mo06m {
    background-image: linear-gradient(to right, red, #ff0, #0f0, #0ff, #00f, #f0f, red) !important;
  }

  .lb1l48pi0 {
    background-image: linear-gradient(to right,transparent,var(--lobe-color-picker-alpha)),linear-gradient(45deg,var(--lobe-color-fill-secondary) 25.0%,transparent 25.0%,transparent 75.0%,var(--lobe-color-fill-secondary) 75.0%),linear-gradient(45deg,var(--lobe-color-fill-secondary) 25.0%,transparent 25.0%,transparent 75.0%,var(--lobe-color-fill-secondary) 75.0%) !important;
  }

  .lb6ql2kj {
    background-image: linear-gradient(to top, #180a306b, #0000);
  }

  .lb3x8p3i {
    background-image: linear-gradient(var(--lobe-auth-grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--lobe-auth-grid-line) 1px,transparent 1px);
  }

  .lb1wv7u9l {
    background-image: linear-gradient(var(--lobe-progressive-blur-direction),transparent,var(--lobe-progressive-blur-color));
  }

  .lb8uku7w {
    background-image: none !important;
  }

  .lb18o3ruo {
    background-image: none;
  }

  .lb1fr0wrz {
    background-image: radial-gradient(ellipse 80.0% 55.0% at 50.0% 0.0%,color-mix(in srgb,var(--fluid-stop-a, #7c5cff) 28.0%,transparent),transparent 70.0%),radial-gradient(ellipse 60% 45.0% at 85.0% 20.0%,color-mix(in srgb,var(--fluid-stop-b, #d6549e) 22.0%,transparent),transparent 65.0%),radial-gradient(ellipse 55.0% 40.0% at 15% 30%,color-mix(in srgb,var(--fluid-stop-c, #f0885f) 18.0%,transparent),transparent 60%);
  }

  .lb47v08q {
    background-image: radial-gradient(var(--spotlight-size, 64px) circle at var(--spotlight-x, 0) var(--spotlight-y, 0),#fff,var(--lobe-color-text-quaternary));
  }

  .lb3j9nh1 {
    background-image: radial-gradient(var(--spotlight-size, 64px) circle at var(--spotlight-x, 0) var(--spotlight-y, 0),var(--lobe-color-text),transparent);
  }

  .lbrfa9lx {
    background-image: repeating-linear-gradient(100deg, #000 0% 7%, #0000 10% 12%, #000 16%), repeating-linear-gradient(100deg, #3b82f6 10%, #a5b4fc 15%, #93c5fd 20%, #ddd6fe 25%, #60a5fa 30%);
  }

  .lblxcre1 {
    background-image: repeating-linear-gradient(100deg, #fff 0% 7%, #0000 10% 12%, #fff 16%), repeating-linear-gradient(100deg, #3b82f6 10%, #a5b4fc 15%, #93c5fd 20%, #ddd6fe 25%, #60a5fa 30%);
  }

  .lber4hyg {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAIAAAD8GO2jAAAABGdBTUEAALGPC/xhBQAAADhlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAAAIKADAAQAAAABAAAAIAAAAACPTkDJAAAAZUlEQVRIDe2VMQoAMAgDa9/g/1/oIzrpZBCh2dLFkkoDF0Fz99OdiOjks+2/7S8fRRmMMIVoRGSoYzvvqF8ZIMKlC1GhQBc6IkPzq32QmdAzkEGihpWOSPsAss8HegYySNSw0hE9WQ4StafZFqkAAAAASUVORK5CYII="?dpl=dpl_786mBr1YXSqQuP8743DLoazCvPnU);
  }

  .lbln9hlp {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABGdBTUEAALGPC/xhBQAAAFpJREFUWAntljEKADAIA23p6v//qQ+wfUEcCu1yriEgp0FHRJSJcnehmmWm1Dv/lO4HIg1AAAKjTqm03ea88zMCCEDgO4HV5bS757f+7wRoAAIQ4B9gByAAgQ3pfiDmXmAeEwAAAABJRU5ErkJggg=="?dpl=dpl_786mBr1YXSqQuP8743DLoazCvPnU);
  }

  .lbjoe2lt {
    background-image: var(--lobe-landing-gradient, linear-gradient(105deg, #7c5cff 8.0%, #d6549e 55.0%, #f0885f 95.0%));
  }

  .lbiy17q3 {
    background-repeat: no-repeat;
  }

  .lbrent5h {
    background-size: 100% 100%, 8px 8px, 8px 8px !important;
  }

  .lb1ht9rhz {
    background-size: 16px 16px;
  }

  .lbakli9p {
    background-size: 200% 100%;
  }

  .lbya3dmp {
    background-size: 26px;
  }

  .lbhanz7k {
    background-size: 300%, 200%;
  }

  .lblpqoug {
    background-size: 32px 32px;
  }

  .lb1g6ikvs {
    background-size: 400% 400%;
  }

  .lby1a0tx {
    background-size: 50% 50%;
  }

  .lbuy6r0v {
    background-size: 80px 100%;
  }

  .lbu00q2a {
    background-size: 8px 8px;
  }

  .lb16uus16 {
    border-end-end-radius: 0;
  }

  .lb7vuprf {
    border-end-end-radius: 12px;
  }

  .lb1y6it8l {
    border-end-end-radius: var(--lobe-border-radius-lg);
  }

  .lb1b5hgzv {
    border-end-end-radius: var(--lobe-table-radius-bottom, 0);
  }

  .lbbiv7yw {
    border-end-start-radius: 0;
  }

  .lb1mg3h75 {
    border-end-start-radius: 12px;
  }

  .lbxnnkfo {
    border-end-start-radius: var(--lobe-border-radius-lg);
  }

  .lb1k65923 {
    border-end-start-radius: var(--lobe-table-radius-bottom, 0);
  }

  .lb17bfco5 {
    border-inline-end-color: var(--lobe-color-border-secondary);
  }

  .lb1aht071 {
    border-inline-end-color: var(--lobe-color-border);
  }

  .lb4huikl {
    border-inline-end-color: var(--lobe-fill-border-strong, var(--lobe-color-fill));
  }

  .lb1g588gv {
    border-inline-end-color: var(--lobe-fill-border, var(--lobe-color-fill));
  }

  .lb18b5jzi {
    border-inline-end-style: solid;
  }

  .lb10w94by {
    border-inline-end-width: 0;
  }

  .lb1lun4ml {
    border-inline-end-width: 1px;
  }

  .lb1ipm8yi {
    border-inline-end-width: var(--drawer-edge-width, 1px);
  }

  .lbbosp7r {
    border-inline-start-color: currentColor;
  }

  .lb7fs7li {
    border-inline-start-color: var(--lobe-color-border-secondary);
  }

  .lbojqrwr {
    border-inline-start-color: var(--lobe-color-border);
  }

  .lb11nt7xy {
    border-inline-start-style: dashed;
  }

  .lbstzfhl {
    border-inline-start-style: none;
  }

  .lb1t7ytsu {
    border-inline-start-style: solid;
  }

  .lb14e42zd {
    border-inline-start-width: 0;
  }

  .lbpilrb4 {
    border-inline-start-width: 1px;
  }

  .lbu33yg2 {
    border-inline-start-width: medium;
  }

  .lb1e2f136 {
    border-inline-start-width: var(--drawer-edge-width, 1px);
  }

  .lb1ga7v0g {
    border-start-end-radius: 0;
  }

  .lb1a5l9x9 {
    border-start-end-radius: 12px;
  }

  .lb1fgcx5c {
    border-start-end-radius: var(--lobe-border-radius-lg);
  }

  .lb13toaxh {
    border-start-end-radius: var(--lobe-table-radius-top, 0);
  }

  .lb15mokao {
    border-start-start-radius: 0;
  }

  .lb6nl9eh {
    border-start-start-radius: 12px;
  }

  .lbt188n1 {
    border-start-start-radius: var(--lobe-border-radius-lg);
  }

  .lb1jyebuh {
    border-start-start-radius: var(--lobe-table-radius-top, 0);
  }

  .lb1oicym {
    box-shadow: 0 0 0 .5px #0000000a, 0 1px 1px #0000000f, 0 3px 8px #001e5029;
  }

  .lb155vy5e {
    box-shadow: 0 0 0 1.5px var(--lobe-color-bg-container);
  }

  .lbzwqy10 {
    box-shadow: 0 0 0 1px #0000002e, 0 1px 4px #0000004d !important;
  }

  .lbs4lzo {
    box-shadow: 0 0 0 1px #0000002e, 0 1px 4px #0000004d;
  }

  .lb1fsw8ff {
    box-shadow: 0 0 0 1px var(--lobe-color-bg-container);
  }

  .lb1f3tbp9 {
    box-shadow: 0 0 0 1px var(--lobe-color-border-secondary);
  }

  .lb1gt3nmm {
    box-shadow: 0 0 0 1px var(--lobe-color-error-fill-tertiary) inset;
  }

  .lb15g902f {
    box-shadow: 0 0 0 1px var(--lobe-color-info-fill-tertiary) inset;
  }

  .lb13b8hs9 {
    box-shadow: 0 0 0 1px var(--lobe-color-success-fill-tertiary) inset;
  }

  .lb1luyrsn {
    box-shadow: 0 0 0 1px var(--lobe-color-warning-fill-tertiary) inset;
  }

  .lb9j0ers {
    box-shadow: 0 0 0 1px var(--lobe-markdown-border-color);
  }

  .lb18n2syd {
    box-shadow: 0 0 0 1px var(--lobe-purple-fill-tertiary) inset;
  }

  .lbaowcua {
    box-shadow: 0 0 0 2px var(--lobe-color-text-tertiary);
  }

  .lbgffery {
    box-shadow: 0 0 0 4px #fff;
  }

  .lb1trq2s7 {
    box-shadow: 0 0 1em 2em var(--grid-background-color-1, transparent),0 0 3em 6em var(--grid-background-color-2, transparent),0 0 6em 10em var(--grid-background-color-3, transparent),0 0 8em 16em var(--grid-background-color-4, transparent);
  }

  .lbpjwdtl {
    box-shadow: 0 1px 0 -1px var(--lobe-color-border),0 1px 2px -.5px var(--lobe-color-border),0 2px 2px -1px var(--lobe-color-border-secondary),0 3px 6px -4px var(--lobe-color-border-secondary);
  }

  .lbg1erjj {
    box-shadow: 0 1px 2px #0000000a, 0 12px 32px #0000000f;
  }

  .lb1fjbzlt {
    box-shadow: 0 1px 4px #0000001f;
  }

  .lb1kjy9n0 {
    box-shadow: calc(var(--drawer-cast-x, 0) * 6px) calc(var(--drawer-cast-y, 0) * 6px) 16px 0 color-mix(in srgb,var(--lobe-color-shadow, #000) calc(8.0% * var(--drawer-cast-alpha, 1)),transparent),calc(var(--drawer-cast-x, 0) * 3px) calc(var(--drawer-cast-y, 0) * 3px) 6px -4px color-mix(in srgb,var(--lobe-color-shadow, #000) calc(12.0% * var(--drawer-cast-alpha, 1)),transparent),calc(var(--drawer-cast-x, 0) * 9px) calc(var(--drawer-cast-y, 0) * 9px) 28px 8px color-mix(in srgb,var(--lobe-color-shadow, #000) calc(5.0% * var(--drawer-cast-alpha, 1)),transparent);
  }

  .lb11szn1f {
    box-shadow: inset -1px 0 0 var(--filter-seam),inset 0 -1px 0 var(--filter-seam);
  }

  .lb4uk749 {
    box-shadow: inset -1px 0 0 var(--metric-seam),inset 0 -1px 0 var(--metric-seam);
  }

  .lb17znu35 {
    box-shadow: inset 0 -1px 0 var(--lobe-color-border-secondary);
  }

  .lb1mnn8ig {
    box-shadow: inset 0 0 0 1px var(--lobe-alert-soft-border);
  }

  .lbnug1en {
    box-shadow: inset 0 0 0 1px var(--lobe-color-border-secondary);
  }

  .lb1go0r6q {
    box-shadow: inset 0 0 0 1px var(--lobe-color-fill-secondary) !important;
  }

  .lb1ca30vo {
    box-shadow: inset 0 0 0 1px var(--lobe-color-fill-secondary);
  }

  .lb1tp5pxa {
    box-shadow: inset 0 0 0 1px var(--lobe-color-fill);
  }

  .lb11a9emz {
    box-shadow: inset 0 1.5px 2px #00000014;
  }

  .lb1gnnqk1 {
    box-shadow: none;
  }

  .lb3b5rli {
    box-shadow: 0 1px 2px #0000000a;
  }

  .lbj07k4p {
    box-shadow: var(--lobe-box-shadow-secondary),var(--lobe-ring);
  }

  .lbgwc609 {
    box-shadow: var(--lobe-box-shadow-secondary);
  }

  .lb1m6gqc5 {
    box-shadow: var(--lobe-box-shadow-tertiary),var(--lobe-ring);
  }

  .lb1c4gvbl {
    box-shadow: var(--lobe-box-shadow-tertiary);
  }

  .lb4hq661 {
    box-shadow: var(--lobe-box-shadow),var(--lobe-ring);
  }

  .lb9f619 {
    box-sizing: border-box;
  }

  .lb8r0ptr {
    caret-color: var(--lobe-color-text);
  }

  .lbzpqnlu {
    clip: rect(0,0,0,0);
  }

  .lb1hyvwdk {
    clip-path: inset(50%);
  }

  .lb54tv3e {
    clip-path: polygon(19% 12%, 41% 12%, 41% 88%, 19% 88%);
  }

  .lbw0i5o0 {
    clip-path: polygon(22% 10%, 55% 30%, 55% 70%, 22% 90%);
  }

  .lb1qujkey {
    clip-path: polygon(55% 30%, 88% 50%, 88% 50%, 55% 70%);
  }

  .lbn4v9xm {
    clip-path: polygon(59% 12%, 81% 12%, 81% 88%, 59% 88%);
  }

  .lbod0wng {
    color: #000;
  }

  .lb1a94cpc {
    color: #080808;
  }

  .lb33gn0b {
    color: #666;
  }

  .lb1ko894a {
    color: #8a8a8a;
  }

  .lbjmch63 {
    color: #bbb;
  }

  .lb1qk1tsj {
    color: #ccc;
  }

  .lb1a853yn {
    color: #ddd;
  }

  .lbfungia {
    color: #fff;
  }

  .lbnn15ax {
    color: color-mix(in srgb,var(--lobe-color-error) 66.0%,transparent);
  }

  .lb1g83pbf {
    color: color-mix(in srgb,var(--shiny-color) 28.0%,transparent);
  }

  .lb1heor9g {
    color: inherit;
  }

  .lb6dwly7 {
    color: oklch(from var(--lobe-color-border) clamp(0,(l - .62) * -1000,1) 0 h / 1);
  }

  .lb19co3pv {
    color: #0000;
  }

  .lb93p11a {
    color: var(--lobe-alert-accent);
  }

  .lbk3yo5z {
    color: var(--lobe-badge-color);
  }

  .lb1y38k7b {
    color: var(--lobe-color-bg-container);
  }

  .lb15g0kca {
    color: var(--lobe-color-bg-layout);
  }

  .lb12ap7uz {
    color: var(--lobe-color-error);
  }

  .lb1kbfzuj {
    color: var(--lobe-color-fill);
  }

  .lb1ap7x0f {
    color: var(--lobe-color-icon);
  }

  .lbapv1it {
    color: var(--lobe-color-info);
  }

  .lb16owwnm {
    color: var(--lobe-color-primary);
  }

  .lbs9y9h1 {
    color: var(--lobe-color-success);
  }

  .lb19ppog9 {
    color: var(--lobe-color-text-description);
  }

  .lbv7q1j6 {
    color: var(--lobe-color-text-disabled);
  }

  .lb1usnhxx {
    color: var(--lobe-color-text-label);
  }

  .lb1ydjerp {
    color: var(--lobe-color-text-placeholder);
  }

  .lbybvley {
    color: var(--lobe-color-text-quaternary);
  }

  .lbc77et8 {
    color: var(--lobe-color-text-secondary);
  }

  .lb53gy9q {
    color: var(--lobe-color-text-tertiary);
  }

  .lb66ogz0 {
    color: var(--lobe-color-text);
  }

  .lbgyvj36 {
    color: var(--lobe-color-warning);
  }

  .lb1u6jh17 {
    color: var(--lobe-color-white);
  }

  .lb18nsyn {
    color: var(--lobe-menu-icon-color, var(--lobe-color-text-secondary));
  }

  .lb89iga8 {
    color: var(--lobe-purple);
  }

  .lbez5qh3 {
    color: var(--lobe-rate-color, var(--lobe-color-warning));
  }

  .lb1o1pmfc {
    column-gap: 0;
  }

  .lbtqikln {
    column-gap: 12px;
  }

  .lb1qgv0r9 {
    column-gap: 24px;
  }

  .lb16qrkmw {
    contain: paint;
  }

  .lb12h1iku {
    container-type: inline-size;
  }

  .lbicojor {
    cursor: col-resize;
  }

  .lbsid9ct {
    cursor: crosshair;
  }

  .lbt0e3qv {
    cursor: default;
  }

  .lb7eptgl {
    cursor: ew-resize;
  }

  .lb1jm3nie {
    cursor: grab;
  }

  .lbi9pz9s {
    cursor: grabbing;
  }

  .lb1146j2 {
    cursor: help;
  }

  .lb1yl03ai {
    cursor: nesw-resize;
  }

  .lb1h6gzvc {
    cursor: not-allowed;
  }

  .lb1e5i8e3 {
    cursor: ns-resize;
  }

  .lb16djdpl {
    cursor: nwse-resize;
  }

  .lb1ypdohk {
    cursor: pointer;
  }

  .lbyozgr7 {
    cursor: row-resize;
  }

  .lb1ed109x {
    cursor: text;
  }

  .lb1huxd7x {
    cursor: zoom-in;
  }

  .lbzuqxi3 {
    cursor: zoom-out;
  }

  .lbzt5al7 {
    direction: ltr;
  }

  .lb104kibb {
    display: -webkit-box;
  }

  .lb1lliihq {
    display: block;
  }

  .lbjp7ctv {
    display: contents;
  }

  .lb78zum5 {
    display: flex;
  }

  .lbrvj5dj {
    display: grid;
  }

  .lb1rg5ohu {
    display: inline-block;
  }

  .lb3nfvp2 {
    display: inline-flex;
  }

  .lbwz0xwf {
    display: inline-grid;
  }

  .lb1s85apg {
    display: none;
  }

  .lb5f5z56 {
    field-sizing: content;
  }

  .lbbh8q5q {
    fill: none;
  }

  .lb1swbzct {
    fill: var(--lobe-agent-avatar-color);
  }

  .lb1tl3i6i {
    fill: var(--lobe-color-bg-container);
  }

  .lba5k3pi {
    fill: var(--lobe-color-bg-elevated);
  }

  .lb1po41wt {
    fill: var(--lobe-color-error);
  }

  .lb14ojgjp {
    fill: var(--lobe-color-text-light-solid);
  }

  .lb12xnt1u {
    filter: blur(.5em);
  }

  .lb1d4pypk {
    filter: blur(10px) invert(0);
  }

  .lb1gsg1lh {
    filter: blur(10px) invert();
  }

  .lb1ebsbtg {
    filter: blur(2em) saturate(400%);
  }

  .lb9u853r {
    filter: drop-shadow(0 0 2px var(--lobe-color-bg-layout)) drop-shadow(0 1px 6px var(--lobe-color-bg-layout));
  }

  .lb1r8uery {
    flex-basis: 0;
  }

  .lb1t1x2f9 {
    flex-basis: 0%;
  }

  .lb1l7klhg {
    flex-basis: 100%;
  }

  .lbdl72j9 {
    flex-basis: auto;
  }

  .lbdt5ytf {
    flex-direction: column;
  }

  .lb15zctf7 {
    flex-direction: row-reverse;
  }

  .lb1q0g3np {
    flex-direction: row;
  }

  .lb1c4vz4f {
    flex-grow: 0;
  }

  .lb1iyjqo2 {
    flex-grow: 1;
  }

  .lb2lah0s {
    flex-shrink: 0;
  }

  .lbs83m0k {
    flex-shrink: 1;
  }

  .lbozqiw3 {
    flex-wrap: nowrap;
  }

  .lb1a02dak {
    flex-wrap: wrap;
  }

  .lbjb2p0i {
    font-family: inherit;
  }

  .lb2xbw48 {
    font-family: var(--lobe-font-family-code);
  }

  .lb10h9pxx {
    font-family: var(--lobe-font-family);
  }

  .lbsfzzmd {
    font-size: .8em;
  }

  .lbeb7xqv {
    font-size: .9em;
  }

  .lb1k6wstc {
    font-size: 10px;
  }

  .lbkfewty {
    font-size: 11px !important;
  }

  .lb1j6dyjg {
    font-size: 11px;
  }

  .lbfifm61 {
    font-size: 12px;
  }

  .lb2ouz8m {
    font-size: 13.5px;
  }

  .lb4z9k3i {
    font-size: 13px;
  }

  .lbif65rj {
    font-size: 14px;
  }

  .lb1jvydc1 {
    font-size: 15px;
  }

  .lb1j61zf2 {
    font-size: 16px;
  }

  .lb19d36u7 {
    font-size: 17px;
  }

  .lbosj86m {
    font-size: 18px;
  }

  .lbwsyq91 {
    font-size: 20px;
  }

  .lb1i1m3gp {
    font-size: 22px;
  }

  .lb1pvqxga {
    font-size: 24px;
  }

  .lb1s3cmhv {
    font-size: 32px;
  }

  .lbh7pmyk {
    font-size: 33.6px;
  }

  .lbdzlmae {
    font-size: 8px;
  }

  .lbkf6u7v {
    font-size: calc(var(--lobe-font-size) * 1.25);
  }

  .lbowuowh {
    font-size: calc(var(--lobe-font-size) * 1.5);
  }

  .lb1xiv2dn {
    font-size: calc(var(--lobe-font-size) * 2.5);
  }

  .lb2ziyne {
    font-size: calc(var(--lobe-font-size) * 2);
  }

  .lbxh741n {
    font-size: clamp(16px, 2vw, 19px);
  }

  .lb4rugr1 {
    font-size: clamp(22px, 3vw, 28px);
  }

  .lb1veytfx {
    font-size: clamp(24px, 3vw, 32px);
  }

  .lboy9tpd {
    font-size: clamp(44px, 6vw, 72px);
  }

  .lb17bclxg {
    font-size: clamp(44px, 8vw, 84px);
  }

  .lb1qlqyl8 {
    font-size: inherit;
  }

  .lb15qy28j {
    font-size: min(100px, 10vw);
  }

  .lb1j9mzhl {
    font-size: var(--lobe-font-size-heading-2);
  }

  .lb4zirph {
    font-size: var(--lobe-font-size-heading-3);
  }

  .lb1x0ry8x {
    font-size: var(--lobe-font-size-heading-4);
  }

  .lb3m3omd {
    font-size: var(--lobe-font-size-lg);
  }

  .lbxobqjj {
    font-size: var(--lobe-font-size-sm);
  }

  .lb1pzwcx8 {
    font-size: var(--lobe-font-size);
  }

  .lbaaxrb8 {
    font-size: var(--lobe-rate-size, 20px);
  }

  .lb1xh6y1q {
    font-stretch: inherit;
  }

  .lb1t35e8 {
    font-style: inherit;
  }

  .lb1k4tb9n {
    font-style: italic;
  }

  .lbss6m8b {
    font-variant-numeric: tabular-nums;
  }

  .lb1iikomf {
    font-weight: 300;
  }

  .lbo1l8bm {
    font-weight: 400;
  }

  .lbk50ysn {
    font-weight: 500;
  }

  .lb1s688f {
    font-weight: 600;
  }

  .lb19s9jnd {
    font-weight: 650;
  }

  .lb1xlr1w8 {
    font-weight: 700;
  }

  .lb1uu0p8 {
    font-weight: 900;
  }

  .lb117nqv4 {
    font-weight: bold;
  }

  .lbjs9k72 {
    font-weight: bolder;
  }

  .lb1pd3egz {
    font-weight: inherit;
  }

  .lb1fcty0u {
    font-weight: normal;
  }

  .lbco8q82 {
    grid-auto-rows: minmax(var(--bento-row-height, 120px),auto);
  }

  .lb1lgv2u5 {
    grid-column-end: head;
  }

  .lbrnd8zp {
    grid-column-end: header;
  }

  .lb9dvwiy {
    grid-column-start: head;
  }

  .lb1iip7fa {
    grid-column-start: header;
  }

  .lb2z71wr {
    grid-row-end: head;
  }

  .lb36eicd {
    grid-row-end: header;
  }

  .lb9fusa9 {
    grid-row-start: head;
  }

  .lbl2aupd {
    grid-row-start: header;
  }

  .lb1rkzygb {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .lbo9297t {
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
  }

  .lbnby9oq {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .lbkkvkr6 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }

  .lbrwvf1q {
    grid-template-columns: repeat(auto-fill,minmax(max(min(var(--max-item-width),100.0%),calc((100.0% - var(--gap) * (var(--rows) - 1)) / var(--rows))),1fr));
  }

  .lbwqfyl0 {
    grid-template-columns: repeat(auto-fit, minmax(148px, 1fr));
  }

  .lb1rfa8br {
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  }

  .lb14pekuq {
    grid-template-columns: repeat(var(--bento-columns, 4),minmax(0,1fr));
  }

  .lb1b8c9ft {
    grid-template-columns: repeat(var(--feature-grid-columns, 3),minmax(0,1fr));
  }

  .lbihq33y {
    grid-template-rows: 0fr;
  }

  .lb1tu4anv {
    grid-template-rows: 1fr;
  }

  .lb9hgfsb {
    inset-inline-end: -13px;
  }

  .lbqqy42c {
    inset-inline-end: -16px;
  }

  .lbqwxbl3 {
    inset-inline-end: -4px;
  }

  .lbpa5qit {
    inset-inline-end: -5px;
  }

  .lbtijo5x {
    inset-inline-end: 0;
  }

  .lbo2ifbc {
    inset-inline-end: 10px;
  }

  .lb9q68il {
    inset-inline-end: 12px;
  }

  .lbys98vm {
    inset-inline-end: 14px;
  }

  .lbdg88n9 {
    inset-inline-end: 16px;
  }

  .lb1f889gz {
    inset-inline-end: 6px;
  }

  .lb1inkcgm {
    inset-inline-end: 7px;
  }

  .lb11dcrhx {
    inset-inline-end: 8px;
  }

  .lb1bv8kjd {
    inset-inline-end: 9px;
  }

  .lb1cj2eds {
    inset-inline-end: var(--toast-viewport-offset-x, 16px);
  }

  .lbh5r1jv {
    inset-inline-start: -13px;
  }

  .lbb1342z {
    inset-inline-start: -16px;
  }

  .lbccywas {
    inset-inline-start: -1px;
  }

  .lbl3v32j {
    inset-inline-start: -4px;
  }

  .lb1765b1 {
    inset-inline-start: -5px;
  }

  .lb1o0tod {
    inset-inline-start: 0;
  }

  .lb5tdj20 {
    inset-inline-start: 11px;
  }

  .lb1r4y97 {
    inset-inline-start: 12px;
  }

  .lbzwoauc {
    inset-inline-start: 16px;
  }

  .lbemjqv4 {
    inset-inline-start: 25px;
  }

  .lb81iihk {
    inset-inline-start: 38%;
  }

  .lb1ty65gk {
    inset-inline-start: 3px;
  }

  .lb4500kp {
    inset-inline-start: 47px;
  }

  .lbbudbmw {
    inset-inline-start: 50%;
  }

  .lbjwk6fx {
    inset-inline-start: 7px;
  }

  .lbrotz4w {
    inset-inline-start: 8px;
  }

  .lb1yui72q {
    inset-inline-start: calc(50% - .75px);
  }

  .lb1obg9iq {
    inset-inline-start: calc(var(--lobe-tabs-indicator-start, var(--active-tab-left)) + var(--active-tab-width) / 2 - 2.5px);
  }

  .lb8m9z6e {
    inset-inline-start: var(--lobe-segmented-indicator-start, var(--active-item-left));
  }

  .lb19rn0o9 {
    inset-inline-start: var(--lobe-tabs-indicator-start, var(--active-tab-left));
  }

  .lb10vz1dz {
    inset-inline-start: var(--toast-viewport-offset-x, 16px);
  }

  .lbftp66k {
    interpolate-size: allow-keywords;
  }

  .lbl56j7k {
    justify-content: center;
  }

  .lb13a6bvl {
    justify-content: flex-end;
  }

  .lb1nhvcw1 {
    justify-content: flex-start;
  }

  .lb1qughib {
    justify-content: space-between;
  }

  .lb7v7x1q {
    justify-self: center;
  }

  .lb1ixy4ik {
    letter-spacing: -.005em;
  }

  .lbjat59b {
    letter-spacing: -.01em;
  }

  .lb1w69ole {
    letter-spacing: -.025em;
  }

  .lb72az59 {
    letter-spacing: -.02em;
  }

  .lb1w3xk6t {
    letter-spacing: -.045em;
  }

  .lb1yf5rgg {
    letter-spacing: .01em;
  }

  .lb3gc2hl {
    letter-spacing: .03em;
  }

  .lb9pfba7 {
    letter-spacing: .08em;
  }

  .lbkv8mnm {
    letter-spacing: .6px;
  }

  .lbl5zsmt {
    letter-spacing: 2px;
  }

  .lb14ju556 {
    line-height: 0;
  }

  .lbqahw4z {
    line-height: 1.02;
  }

  .lb1159mfc {
    line-height: 1.1;
  }

  .lb19br3l {
    line-height: 1.125em;
  }

  .lb1uo3zyz {
    line-height: 1.15;
  }

  .lb1u7k74 {
    line-height: 1.2;
  }

  .lb132q4wb {
    line-height: 1.25;
  }

  .lbwn7fz2 {
    line-height: 1.3;
  }

  .lb37zpob {
    line-height: 1.4;
  }

  .lb7y4l85 {
    line-height: 1.44;
  }

  .lbfrs9s4 {
    line-height: 1.45;
  }

  .lb1evy7pa {
    line-height: 1.5;
  }

  .lb1dbl2gt {
    line-height: 1.6;
  }

  .lb11m8ghp {
    line-height: 1.65;
  }

  .lbo5v014 {
    line-height: 1;
  }

  .lb1xxsxie {
    line-height: 14px;
  }

  .lb1d3mw78 {
    line-height: 16px;
  }

  .lbd4r4e8 {
    line-height: 18px;
  }

  .lb1fc57z9 {
    line-height: 20px;
  }

  .lb19v9tvf {
    line-height: 22px;
  }

  .lb1o2sk6j {
    line-height: 24px;
  }

  .lbcgk4ki {
    line-height: 32px;
  }

  .lb15bjb6t {
    line-height: inherit;
  }

  .lbfn3y7y {
    line-height: var(--lobe-line-height-heading-3);
  }

  .lb6lc894 {
    line-height: var(--lobe-markdown-line-height);
  }

  .lbjn30re {
    margin-inline-end: -1px;
  }

  .lb1lxpwgx {
    margin-inline-end: -4px;
  }

  .lb1ws5yxj {
    margin-inline-end: -6px;
  }

  .lbrqqxx7 {
    margin-inline-end: -7px;
  }

  .lb14z9mp {
    margin-inline-end: 0;
  }

  .lbbmvrgn {
    margin-inline-end: 12px;
  }

  .lbnnr8r {
    margin-inline-end: 2px;
  }

  .lbbelrpt {
    margin-inline-end: 6px;
  }

  .lb1xegmmw {
    margin-inline-end: 8px;
  }

  .lb8o6c4q {
    margin-inline-end: calc(var(--button-padding-inline) * -1);
  }

  .lb1hb08if {
    margin-inline-start: -1px;
  }

  .lb137kccz {
    margin-inline-start: -5px;
  }

  .lbw01apr {
    margin-inline-start: -6px;
  }

  .lbyjvg7b {
    margin-inline-start: -88px;
  }

  .lb1j9pc4w {
    margin-inline-start: .25rem;
  }

  .lb1lziwak {
    margin-inline-start: 0;
  }

  .lb9j1lsx {
    margin-inline-start: 100%;
  }

  .lbyqm7xq {
    margin-inline-start: 16px;
  }

  .lbdwrcjd {
    margin-inline-start: 4px;
  }

  .lb13fj5qh {
    margin-inline-start: 8px;
  }

  .lbvc5jky {
    margin-inline-start: auto;
  }

  .lbugkenv {
    margin-inline-start: calc(var(--button-padding-inline) * -1);
  }

  .lbvnrtqh {
    margin-inline-start: calc(var(--loading-dots-size, 8px) / -2);
  }

  .lbf8wp0e {
    -webkit-mask-image: linear-gradient(#000,#000,transparent 0,#000 var(--scroll-shadow-size, 16.0%),#000 calc(100.0% - var(--scroll-shadow-size, 16.0%)),transparent);
    mask-image: linear-gradient(#000,#000,transparent 0,#000 var(--scroll-shadow-size, 16.0%),#000 calc(100.0% - var(--scroll-shadow-size, 16.0%)),transparent);
  }

  .lb17b7ygl {
    -webkit-mask-image: linear-gradient(0deg,#000 calc(100.0% - var(--mask-shadow-size, 40.0%)),transparent);
    mask-image: linear-gradient(0deg,#000 calc(100.0% - var(--mask-shadow-size, 40.0%)),transparent);
  }

  .lb1p4pmqx {
    -webkit-mask-image: linear-gradient(0deg,#000 calc(100.0% - var(--scroll-shadow-size, 16.0%)),transparent);
    mask-image: linear-gradient(0deg,#000 calc(100.0% - var(--scroll-shadow-size, 16.0%)),transparent);
  }

  .lbxbdq7j {
    -webkit-mask-image: linear-gradient(180deg,#000 calc(100.0% - var(--mask-shadow-size, 40.0%)),transparent);
    mask-image: linear-gradient(180deg,#000 calc(100.0% - var(--mask-shadow-size, 40.0%)),transparent);
  }

  .lbqbm4gr {
    -webkit-mask-image: linear-gradient(180deg,#000 calc(100.0% - var(--scroll-shadow-size, 16.0%)),transparent);
    mask-image: linear-gradient(180deg,#000 calc(100.0% - var(--scroll-shadow-size, 16.0%)),transparent);
  }

  .lb2n7ld9 {
    -webkit-mask-image: linear-gradient(270deg,#000 calc(100.0% - var(--mask-shadow-size, 40.0%)),transparent);
    mask-image: linear-gradient(270deg,#000 calc(100.0% - var(--mask-shadow-size, 40.0%)),transparent);
  }

  .lb1j38yhw {
    -webkit-mask-image: linear-gradient(270deg,#000 calc(100.0% - var(--scroll-shadow-size, 16.0%)),transparent);
    mask-image: linear-gradient(270deg,#000 calc(100.0% - var(--scroll-shadow-size, 16.0%)),transparent);
  }

  .lb1k40ojw {
    -webkit-mask-image: linear-gradient(90deg,#000 calc(100.0% - var(--mask-shadow-size, 40.0%)),transparent);
    mask-image: linear-gradient(90deg,#000 calc(100.0% - var(--mask-shadow-size, 40.0%)),transparent);
  }

  .lbysrug {
    -webkit-mask-image: linear-gradient(90deg,#000 calc(100.0% - var(--scroll-shadow-size, 16.0%)),transparent);
    mask-image: linear-gradient(90deg,#000 calc(100.0% - var(--scroll-shadow-size, 16.0%)),transparent);
  }

  .lb968dim {
    -webkit-mask-image: linear-gradient(90deg, #0000, #000 18% 82%, #0000);
    mask-image: linear-gradient(90deg, #0000, #000 18% 82%, #0000);
  }

  .lb1tfxnlg {
    -webkit-mask-image: linear-gradient(#0000 40%, #fff 60%, #0000);
    mask-image: linear-gradient(#0000 40%, #fff 60%, #0000);
  }

  .lb7jios3 {
    -webkit-mask-image: linear-gradient(#0000, #fff 30% 70%, #0000);
    mask-image: linear-gradient(#0000, #fff 30% 70%, #0000);
  }

  .lb1cc20cp {
    -webkit-mask-image: linear-gradient(to right,#000,#000,transparent 0,#000 var(--scroll-shadow-size, 16.0%),#000 calc(100.0% - var(--scroll-shadow-size, 16.0%)),transparent);
    mask-image: linear-gradient(to right,#000,#000,transparent 0,#000 var(--scroll-shadow-size, 16.0%),#000 calc(100.0% - var(--scroll-shadow-size, 16.0%)),transparent);
  }

  .lbrw92bq {
    -webkit-mask-image: linear-gradient(var(--lobe-progressive-blur-direction),transparent var(--lobe-progressive-blur-layer-start),#000 var(--lobe-progressive-blur-layer-end));
    mask-image: linear-gradient(var(--lobe-progressive-blur-direction),transparent var(--lobe-progressive-blur-layer-start),#000 var(--lobe-progressive-blur-layer-end));
  }

  .lbt2nghk {
    -webkit-mask-image: radial-gradient(at 100% 0, #000 10%, #0000 70%);
    mask-image: radial-gradient(at 100% 0, #000 10%, #0000 70%);
  }

  .lb87vf9 {
    -webkit-mask-image: var(--lobe-group-avatar-mask);
    mask-image: var(--lobe-group-avatar-mask);
  }

  .lb1rudrqi {
    -webkit-mask-position: center;
    mask-position: center;
  }

  .lb16fucec {
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .lb3b2oae {
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
  }

  .lb6kp3kt {
    -webkit-mask-size: 100% 200%;
    mask-size: 100% 200%;
  }

  .lb12qzq6t {
    -webkit-mask-size: cover;
    mask-size: cover;
  }

  .lb19kjcj4 {
    object-fit: contain;
  }

  .lbl1xv1r {
    object-fit: cover;
  }

  .lbuo7x8y {
    opacity: .12;
  }

  .lbuzhngd {
    opacity: .3;
  }

  .lbti2d7y {
    opacity: .4;
  }

  .lbyd83as {
    opacity: .45;
  }

  .lbbyyjgo {
    opacity: .5;
  }

  .lb197sbye {
    opacity: .6;
  }

  .lb1i5mnmd {
    opacity: .66;
  }

  .lb1ks1olk {
    opacity: .7;
  }

  .lb1us6l5c {
    opacity: .8;
  }

  .lb19s9pn4 {
    opacity: .82;
  }

  .lbg01cxk {
    opacity: 0;
  }

  .lb1hc1fzr {
    opacity: 1;
  }

  .lb47zur6 {
    opacity: calc(var(--lobe-progressive-blur-gradient-opacity) * 2);
  }

  .lbvma4x4 {
    opacity: var(--lobe-progressive-blur-gradient-opacity);
  }

  .lbw6qfka {
    opacity: var(--spotlight-opacity, .1);
  }

  .lb9ek82g {
    order: 1;
  }

  .lb1xzczws {
    overflow-anchor: none;
  }

  .lbj0a0fe {
    overflow-wrap: anywhere;
  }

  .lb1mzt3pk {
    overflow-wrap: break-word;
  }

  .lb11c2f7x {
    padding-inline-end:  !important;
  }

  .lbyri2b {
    padding-inline-end: 0;
  }

  .lb2vl965 {
    padding-inline-end: 10px;
  }

  .lb1kukv79 {
    padding-inline-end: 11px;
  }

  .lbpdmqnj {
    padding-inline-end: 12px;
  }

  .lb1pic42t {
    padding-inline-end: 14px;
  }

  .lbv54qhq {
    padding-inline-end: 16px;
  }

  .lb64bnmy {
    padding-inline-end: 24px;
  }

  .lb14vy60q {
    padding-inline-end: 2px;
  }

  .lb11lfxj5 {
    padding-inline-end: 4px;
  }

  .lb1cx2peq {
    padding-inline-end: 6px !important;
  }

  .lbf159sx {
    padding-inline-end: 8px;
  }

  .lb160mb8z {
    padding-inline-end: var(--accordion-hover-inset, 8px);
  }

  .lbe2zdcy {
    padding-inline-start: 10px;
  }

  .lb1g0dm76 {
    padding-inline-start: 12px;
  }

  .lb1onr9mi {
    padding-inline-start: 14px;
  }

  .lbf7dkkf {
    padding-inline-start: 16px;
  }

  .lb1bkqx2q {
    padding-inline-start: 2.5em;
  }

  .lb106a9eq {
    padding-inline-start: 20px;
  }

  .lb13jy36j {
    padding-inline-start: 24px;
  }

  .lbyiysdx {
    padding-inline-start: 2px;
  }

  .lb13vo0z7 {
    padding-inline-start: 38px;
  }

  .lbtssl2i {
    padding-inline-start: 40px;
  }

  .lb135b78x {
    padding-inline-start: 4px;
  }

  .lb1onydzz {
    padding-inline-start: 56px;
  }

  .lbaso8d8 {
    padding-inline-start: 5px;
  }

  .lb25sj25 {
    padding-inline-start: 6px;
  }

  .lby48o12 {
    padding-inline-start: 8px !important;
  }

  .lbmzvs34 {
    padding-inline-start: 8px;
  }

  .lb1x0jnz8 {
    paint-order: stroke;
  }

  .lb3qvkrv {
    perspective: 200px;
  }

  .lb71s49j {
    pointer-events: all;
  }

  .lb67bb7w {
    pointer-events: auto;
  }

  .lb47corl {
    pointer-events: none;
  }

  .lb10l6tqk {
    position: absolute;
  }

  .lbixxii4 {
    position: fixed;
  }

  .lb1n2onr6 {
    position: relative;
  }

  .lb1uhb9sk {
    position: static;
  }

  .lb7wzq59 {
    position: sticky;
  }

  .lbtt52l0 {
    resize: none;
  }

  .lb288g5 {
    resize: vertical;
  }

  .lbwsa1kb {
    rotate: -90deg;
  }

  .lbxs79tx {
    row-gap: 0;
  }

  .lbgpatz3 {
    row-gap: 16px;
  }

  .lbw09woa {
    row-gap: 6px;
  }

  .lb3pnbk8 {
    row-gap: 8px;
  }

  .lb1t448cz {
    scale: 0;
  }

  .lb1hsy5kr {
    scale: 1;
  }

  .lbkcv6ua {
    scroll-behavior: smooth;
  }

  .lb1rohswg {
    scrollbar-width: none;
  }

  .lb1597r2g {
    scrollbar-width: thin;
  }

  .lbs02ygh {
    stop-color: var(--lobe-color-border-secondary);
  }

  .lbur59li {
    stop-color: var(--lobe-color-text-tertiary);
  }

  .lb68wf4t {
    stroke: currentColor;
  }

  .lb19ikkms {
    stroke: var(--lobe-color-bg-container);
  }

  .lb1w5eaov {
    stroke: var(--lobe-color-border-secondary);
  }

  .lbjw6t2z {
    stroke: var(--lobe-color-border);
  }

  .lb12pnydc {
    stroke: var(--lobe-color-fill-tertiary);
  }

  .lb1q6ff6i {
    stroke: var(--lobe-color-primary);
  }

  .lb1owpc8m {
    stroke-linecap: round;
  }

  .lbpmuf5a {
    stroke-width: .5px;
  }

  .lbnpr05h, .lb1eds3jc {
    stroke-width: 1px;
  }

  .lb1ip4yf {
    stroke-width: 2.5px;
  }

  .lbqjr0vm {
    stroke-width: 3px;
  }

  .lb2b8uid {
    text-align: center;
  }

  .lbp4054r {
    text-align: end;
  }

  .lb1yc453h {
    text-align: start;
  }

  .lb4gbaf0 {
    text-indent: 2px;
  }

  .lbbrixnn {
    text-overflow: clip;
  }

  .lblyipyv {
    text-overflow: ellipsis;
  }

  .lbtvhhri {
    text-transform: uppercase;
  }

  .lb1w2vvpw {
    text-wrap: balance;
  }

  .lb1fzhlzt {
    text-wrap: pretty;
  }

  .lb5ve5x3 {
    touch-action: none;
  }

  .lbx69xxh {
    touch-action: pan-y;
  }

  .lb1c071of {
    transform: none;
  }

  .lb9tu13d {
    transform: rotate(-90deg);
  }

  .lb1158fpu {
    transform: rotate(45deg);
  }

  .lb1iffjtl {
    transform: rotate(90deg);
  }

  .lbbmks7n {
    transform: rotateX(60deg);
  }

  .lb10078c2 {
    transform: scale(.66);
  }

  .lb1nrvvgt {
    transform: scale(.75);
  }

  .lb1ufz0iv {
    transform: scaleX(0);
  }

  .lbtjevij {
    transform: scaleY(-1);
  }

  .lb11lhmoz {
    transform: translate(-50%, -50%);
  }

  .lb18zyp77 {
    transform: translate(calc(-1 * var(--toast-shift-x, 0px)),calc(-1 * var(--toast-shift-y, 0px)));
  }

  .lb16e22nl {
    transform: translate(var(--drawer-push-x, 0),var(--drawer-push-y, 0));
  }

  .lbuuh30 {
    transform: translateX(-50%);
  }

  .lb1u2ey76 {
    transform: translateX(calc(var(--switch-x, 0px) * var(--switch-dir, 1)));
  }

  .lb1qsqgls {
    transform: translateX(var(--toast-swipe-movement-x)) translateY(calc(var(--toast-swipe-movement-y) - (var(--toast-index) * var(--toast-peek)) - (var(--toast-shrink) * var(--toast-collapsed-height)))) scale(var(--toast-scale));
  }

  .lb1jkqqlh {
    transform: translateX(var(--toast-swipe-movement-x)) translateY(calc(var(--toast-swipe-movement-y) + (var(--toast-index) * var(--toast-peek)) + (var(--toast-shrink) * var(--toast-collapsed-height)))) scale(var(--toast-scale));
  }

  .lb1cb1t30 {
    transform: translateY(-50%);
  }

  .lb1e2satm {
    transform: translateY(.3em);
  }

  .lbnn1q72 {
    transform: translateY(0);
  }

  .lb9jizqm {
    transform: translateY(10%);
  }

  .lb1u3r80t {
    transform: translateY(16px);
  }

  .lb1764fhq {
    transform-box: fill-box;
  }

  .lb1xcwlea {
    transform-box: view-box;
  }

  .lb1hj3fc7 {
    transform-origin: 0 0;
  }

  .lb4uogl2 {
    transform-origin: 0;
  }

  .lb12t5ck7 {
    transform-origin: 100% 0;
  }

  .lb19ry0z7 {
    transform-origin: 100% 100%;
  }

  .lb11stiqm {
    transform-origin: 50px 94px;
  }

  .lb18ouj0k {
    transform-origin: bottom;
  }

  .lbf9s4g5 {
    transform-origin: calc(var(--loading-dots-size, 8px) * 2) 0;
  }

  .lb1jpgh95, .lb1g0ag68 {
    transform-origin: center;
  }

  .lb1dp6rp6 {
    transform-origin: top;
  }

  .lbctpfpq {
    transform-origin: var(--transform-origin);
  }

  .lb1ahifba {
    transition-delay: 0s;
  }

  .lb1ofcnca {
    transition-duration: .22s, .22s;
  }

  .lb43t7r1 {
    transition-duration: .24s;
  }

  .lb1ssesjg {
    transition-duration: .4s, .4s, .15s;
  }

  .lb1x2t6jx {
    transition-duration: .608s;
  }

  .lb1jlxs2w {
    transition-duration: var(--lobe-popover-animation-duration);
  }

  .lb1vnoanb {
    transition-duration: var(--lobe-tooltip-animation-duration);
  }

  .lbv0qwwe {
    transition-duration: var(--lobe-tooltip-fade-duration),var(--lobe-tooltip-animation-duration);
  }

  .lbd9r2uw {
    transition-property: inset-inline-start, inset-block-start, width, height, transform;
  }

  .lb33zcyt {
    transition-property: inset-inline-start, inset-block-start, width, height;
  }

  .lb13b0p5u {
    transition-property: none;
  }

  .lb6o7n8i {
    transition-property: opacity, transform;
  }

  .lb19ix5ol {
    transition-property: transform, opacity, height;
  }

  .lbwcsmn1 {
    transition-property: transform, opacity;
  }

  .lb11xpdln {
    transition-property: transform;
  }

  .lb1477tyf {
    transition-timing-function: cubic-bezier(.22, 1, .36, 1), ease, ease;
  }

  .lbmea1ks {
    transition-timing-function: cubic-bezier(.32, .72, 0, 1), cubic-bezier(.32, .72, 0, 1);
  }

  .lb1o41tc {
    transition-timing-function: var(--lobe-motion-ease-out);
  }

  .lbsygjwy {
    transition-timing-function: var(--lobe-motion-spring-snappy);
  }

  .lb1bg28dz {
    transition-timing-function: var(--lobe-popover-animation-ease-out);
  }

  .lbcy2e1b {
    transition-timing-function: var(--lobe-tooltip-animation-ease-out);
  }

  .lb1jj0oc8 {
    transition-timing-function: var(--lobe-tooltip-fade-ease),var(--lobe-tooltip-animation-ease-out);
  }

  .lb1mrfq0t {
    translate: 50% -50%;
  }

  .lb87ps6o {
    -webkit-user-select: none;
    user-select: none;
  }

  .lb13efnbd {
    vector-effect: non-scaling-stroke;
  }

  .lb1x7wgjd {
    vertical-align: -.125em;
  }

  .lb11njtxf {
    vertical-align: baseline;
  }

  .lbxymvpz {
    vertical-align: middle;
  }

  .lb1v0h343 {
    vertical-align: super;
  }

  .lblshs6z {
    visibility: hidden;
  }

  .lbnpuxes {
    visibility: visible;
  }

  .lbeaf4i8 {
    white-space: normal;
  }

  .lbuxw1ft {
    white-space: nowrap;
  }

  .lb126k92a {
    white-space: pre-wrap;
  }

  .lb1larqbn {
    will-change: opacity;
  }

  .lb1q1rmc8 {
    will-change: transform,opacity;
  }

  .lb1so62im {
    will-change: transform;
  }

  .lb13w7htt {
    will-change: width;
  }

  .lb13faqbe {
    word-break: break-word;
  }

  .lbdnwjd9 {
    word-break: keep-all;
  }

  .lb8knxv4 {
    z-index: -1;
  }

  .lb1fdshc9 {
    z-index: -2;
  }

  .lb1ja2u2z {
    z-index: 0;
  }

  .lb1vjfegm {
    z-index: 1;
  }

  .lb1n327nk {
    z-index: 10;
  }

  .lb11uqc5h {
    z-index: 100;
  }

  .lbfo81ep {
    z-index: 1000;
  }

  .lb979qle {
    z-index: 100000;
  }

  .lb1nh0kk4 {
    z-index: 110;
  }

  .lbp6lfbs {
    z-index: 1100;
  }

  .lb1ag1zdb {
    z-index: 114514;
  }

  .lb1i7x82i {
    z-index: 1200;
  }

  .lb1mblwae {
    z-index: 1201;
  }

  .lbhtitgo {
    z-index: 2;
  }

  .lb8k05lb {
    z-index: 200;
  }

  .lb1ccr1t9 {
    z-index: 2000;
  }

  .lbzkaem6 {
    z-index: 3;
  }

  .lboegz02 {
    z-index: 4;
  }

  .lba9119d {
    z-index: 50;
  }

  .lb14g40p9 {
    z-index: 999;
  }

  .lb1l48cz2 {
    z-index: calc(1000 - var(--toast-index));
  }

  .lb1g4s1fj.lb1g4s1fj:where(.lbdqa9ca:focus-within *) {
    display: inline-flex;
  }

  .lb1fz9fy1.lb1fz9fy1:where(.lb1pgf9nm:focus-visible *) {
    opacity: 0;
  }

  .lb1de8irz.lb1de8irz:where(.lb1pgf9nm:focus-visible *), .lbcnfj9a.lbcnfj9a:where(.lb1khua0w:focus-within *) {
    opacity: 1;
  }

  .lb1qhljkn.lb1qhljkn:where(.lb14grpiv:focus-visible *) {
    visibility: hidden;
  }

  .lbqh6ce5.lbqh6ce5:where(.lby9uwd8:focus-within *), .lbzq8171.lbzq8171:where(.lb14grpiv:focus-visible *) {
    visibility: visible;
  }

  .lbn3rm52.lbn3rm52:where(.lbtf5aio:hover *) {
    animation-play-state: paused;
  }

  .lb19akm1k.lb19akm1k:where(.lbtyc5dm:hover *) {
    color: var(--lobe-color-text-secondary);
  }

  .lb1yoes0a.lb1yoes0a:where(.lbbfx20b:hover *) {
    color: var(--lobe-color-text);
  }

  .lb1t29jn2.lb1t29jn2:where(.lbdqa9ca:hover *) {
    display: inline-flex;
  }

  .lb1ilng6x.lb1ilng6x:where(.lb1pgf9nm:hover *) {
    opacity: 0;
  }

  .lb11bdl2b.lb11bdl2b:where(.lb1khua0w:hover *), .lb1uxwvdp.lb1uxwvdp:where(.lbs7putv:hover *), .lbbneekf.lbbneekf:where(.lbtyc5dm:hover *), .lbjygscn.lbjygscn:where(.lb1pgf9nm:hover *) {
    opacity: 1;
  }

  .lbikcqlh.lbikcqlh:where(.lb1huh6hf:hover *) {
    stop-color: var(--lobe-color-text-secondary);
  }

  .lb1fdxmpd.lb1fdxmpd:where(.lbbfx20b:hover *) {
    transform: translate(1px, -1px);
  }

  .lb1s61rn1.lb1s61rn1:where(.lby9uwd8:hover *) {
    visibility: visible;
  }

  @supports not (backdrop-filter: blur(1px)) {
    .lb1iahx80.lb1iahx80 {
      display: none;
    }

    .lb1xtfyw6.lb1xtfyw6 {
      opacity: calc(var(--lobe-progressive-blur-gradient-opacity) * 2);
    }
  }

  .lb1it17vb[data-orientation="vertical"] {
    align-items: stretch;
  }

  .lb11paglw[data-orientation="vertical"] {
    align-self: stretch;
  }

  .lbe1ka5p:focus-visible:not([data-lobe-focus-ring="managed"]) {
    animation-duration: .2s;
  }

  .lb1c1sa8k:focus-visible:not([data-lobe-focus-ring="managed"]) {
    animation-name: lb11zq5zn-B;
  }

  .lbgqpy2:focus-visible:not([data-lobe-focus-ring="managed"]) {
    animation-timing-function: cubic-bezier(.22, 1, .36, 1);
  }

  .lb3lzv3l:hover:not(:active, :disabled, [aria-disabled="true"]) {
    background-color: color-mix(in srgb,var(--lobe-color-error) 10.0%,transparent);
  }

  .lb1saschm:active:not(:disabled, [aria-disabled="true"]) {
    background-color: color-mix(in srgb,var(--lobe-color-error) 14.0%,var(--lobe-color-bg-container));
  }

  .lb14kxky9:active:not(:disabled, [aria-disabled="true"]) {
    background-color: color-mix(in srgb,var(--lobe-color-error) 16.0%,transparent);
  }

  .lb1lf6bdk:hover:not(:active, :disabled, [aria-disabled="true"]) {
    background-color: color-mix(in srgb,var(--lobe-color-error) 18.0%,transparent);
  }

  .lbrq8w1b:active:not(:disabled, [aria-disabled="true"]) {
    background-color: color-mix(in srgb,var(--lobe-color-error) 22.0%,transparent);
  }

  .lbzxaxr6:hover:not(:active, :disabled, [aria-disabled="true"]) {
    background-color: color-mix(in srgb,var(--lobe-color-error) 8.0%,var(--lobe-color-bg-container));
  }

  .lb15l4kc2:active:not(:disabled, [aria-disabled="true"]), .lb1gj3nph[data-popup-open] {
    background-color: color-mix(in srgb,var(--lobe-color-error) 88.0%,black);
  }

  .lb1mog8ep:hover:not(:active, :disabled, [aria-disabled="true"], [data-popup-open]) {
    background-color: color-mix(in srgb,var(--lobe-color-error) 88.0%,white);
  }

  .lbpbwnwz:is([data-checked], [data-indeterminate]):not([data-disabled]) {
    background-color: var(--lobe-checkbox-bg, var(--lobe-color-primary));
  }

  .lb14mr86t[data-pressed] {
    background-color: var(--lobe-color-bg-elevated);
  }

  .lb1ca5mm0:hover:not(:active) {
    background-color: var(--lobe-color-error-hover);
  }

  .lbkv9twt[data-over] {
    background-color: var(--lobe-color-error);
  }

  .lb1f5ares:hover:not(:disabled, [aria-disabled="true"]), .lb1hhsbb9[data-pressed]:not(:hover), .lb1hs0fm0:hover:not(:has([data-disabled])), .lb1kvtry4:active:not([data-disabled], :is([data-highlighted], [data-state="open"], [data-open], [aria-expanded="true"])), .lb1rbaw9i[data-pressed][data-disabled], .lb1rjvrxj:hover:not([data-disabled]):not([data-pressed]), .lb5d67gy:hover:not(:active, :disabled, [aria-disabled="true"]), .lb6jdevu:hover:not([data-disabled], [data-readonly], [data-popup-open], [data-open], [data-state="open"], [aria-expanded="true"]), .lb86rvtz:active:not([data-disabled], :is([data-highlighted], [data-state="open"], [data-open], [aria-expanded="true"]), :hover), .lbbchuj0:hover:not(:disabled), .lbecsk89:hover:not(:focus-within, [data-disabled]), .lbnhuofb.lbnhuofb:where(.lbs8vgi5[data-variant="outlined"] *), .lbyerwnv[aria-current="page"]:is(:disabled, :not(:hover)) {
    background-color: var(--lobe-color-fill-secondary);
  }

  .lb129k4ed:hover:not([data-disabled], [data-readonly], [data-popup-open], [data-open], [data-state="open"], [aria-expanded="true"]), .lb1df4reh:hover:not(:disabled), .lb1pribh5:hover:not([aria-pressed="true"]), .lb1r7xvfj[aria-selected="true"], .lb1vfdt9p:hover:not(:has([data-disabled])), .lb85pxvj:is([data-highlighted], [data-state="open"], [data-open], [aria-expanded="true"]):not([data-disabled], :hover), .lbn4ptgj:hover:not(:active, [data-disabled]), .lbswrfa9:hover:not(:active), .lbwew3ed:is([data-highlighted], [data-state="open"], [data-open], [aria-expanded="true"]):not([data-disabled]) {
    background-color: var(--lobe-color-fill-tertiary);
  }

  .lb1d0xo12[data-pressed]:hover:not([data-disabled]), .lb1ljx72h:hover:not([data-disabled]), .lb1ppu4m2[data-disabled], .lb1qlulce:active:not(:disabled, [aria-disabled="true"]) {
    background-color: var(--lobe-color-fill);
  }

  .lb65u3hq:active:not(:disabled, [aria-disabled="true"]), .lbep1hoi[data-popup-open] {
    background-color: var(--lobe-color-primary-active);
  }

  .lb1n16ko:hover:not(:active, :disabled, [aria-disabled="true"], [data-popup-open]), .lblxzpop:hover:not(:active), .lbx0eq3e[data-checked]:hover:not([data-disabled]) {
    background-color: var(--lobe-color-primary-hover);
  }

  .lb1j7gpvn[data-checked] {
    background-color: var(--lobe-color-primary);
  }

  .lbdprcly:hover:not([aria-current="true"]), .lbj9t5n8.lbj9t5n8:where(.lb1gzdre6[data-disabled] *) {
    background-color: var(--lobe-color-text-quaternary);
  }

  .lb8qzbvk[aria-current="true"] {
    background-color: var(--lobe-color-text);
  }

  .lbgvpk99[aria-pressed="true"] {
    background-color: var(--lobe-control-item-bg-active);
  }

  .lbjs81r8[data-checked]:not([data-disabled]) {
    background-color: var(--lobe-radio-bg, var(--lobe-color-primary));
  }

  .lbbxqymp[data-disabled]:not([data-readonly]) {
    background-color: var(--lobe-select-disabled-bg, transparent);
  }

  .lb1o44d5j:not([data-disabled], [data-readonly]):is([data-popup-open], [data-open], [data-state="open"], [aria-expanded="true"]) {
    background-color: var(--lobe-select-open-bg, var(--lobe-color-fill-tertiary));
  }

  .lbckdqiz[data-readonly] {
    background-color: var(--lobe-select-readonly-bg, transparent);
  }

  .lb1hdlj1n:active:not(:disabled, [aria-disabled="true"]) {
    background-image: linear-gradient(var(--lobe-color-fill-secondary),var(--lobe-color-fill-secondary));
  }

  .lbx7ggy6:hover:not(:active, :disabled, [aria-disabled="true"]) {
    background-image: linear-gradient(var(--lobe-color-fill-tertiary),var(--lobe-color-fill-tertiary));
  }

  .lbiccb69.lbiccb69:where(.lb1mp3lu:is(*) ~ *) {
    border-inline-start-color: var(--lobe-color-border-secondary);
  }

  .lb1kd9vjs.lb1kd9vjs:where(.lb1mp3lu:is(*) ~ *) {
    border-inline-start-style: solid;
  }

  .lb1wutzi2.lb1wutzi2:where(.lb1mp3lu:is(*) ~ *) {
    border-inline-start-width: 1px;
  }

  .lb4g9y83.lb4g9y83:where(.lbruu1v2:hover:not([data-disabled]) *) {
    box-shadow: 0 0 0 .5px #0000000a, 0 1px 1px #00000014, 0 6px 14px #001e503d;
  }

  .lby5480v[aria-pressed="true"] {
    box-shadow: 0 0 0 2px var(--lobe-color-bg-elevated),0 0 0 3.5px currentcolor;
  }

  .lb1x4c7q:focus-within:not(:has([data-invalid], [aria-invalid="true"])) {
    box-shadow: 0 0 0 2px var(--lobe-color-primary-bg);
  }

  .lb19w46ty.lb19w46ty:where(.lb1gzdre6[data-dragging] *), .lb1sdogmm:hover:not([data-disabled] *), .lb2pgxse:focus-visible {
    box-shadow: 0 0 0 2px var(--lobe-color-primary-border);
  }

  .lbvez54v[data-orientation="vertical"] {
    box-shadow: inset -1px 0 0 var(--lobe-color-border-secondary);
  }

  .lb19y05k0[data-checked] {
    box-shadow: inset 0 1.5px 3px #0000002e;
  }

  .lbiy1ocm[data-disabled] {
    box-shadow: none;
  }

  .lbcu7z5f:hover:not(:disabled, [aria-disabled="true"]) {
    color: color-mix(in srgb,var(--lobe-color-error) 88.0%,white);
  }

  .lby09ll3:hover:not(:active) {
    color: var(--lobe-color-error);
  }

  .lbjwxqu3:active:not(:disabled, [aria-disabled="true"]) {
    color: var(--lobe-color-primary-active);
  }

  .lbpro1qx:hover:not(:active, :disabled, [aria-disabled="true"]), .lbvdzly1:hover:not(:disabled, [aria-disabled="true"]) {
    color: var(--lobe-color-primary-hover);
  }

  .lb16i6i0c[href]:hover, .lb1l4wxl8:hover:not(:active), .lb1rzizxy[data-active]:not(:hover):not([data-disabled]) {
    color: var(--lobe-color-primary);
  }

  .lb1s5k17a[data-disabled]:not([data-readonly]), .lb2poks1[data-disabled] {
    color: var(--lobe-color-text-disabled);
  }

  .lb1xpzrx5[data-placeholder] {
    color: var(--lobe-color-text-placeholder);
  }

  .lb1k6ehaq:is([data-disabled], :has(input:disabled, textarea:disabled)), .lb1n0sy1w:disabled:not([aria-current="page"]) {
    color: var(--lobe-color-text-quaternary);
  }

  .lb530zvf:hover:not([data-disabled]), .lbsycbhq[data-readonly], .lbyo1tdf:hover:not(:active) {
    color: var(--lobe-color-text-secondary);
  }

  .lb1cjlyg3[aria-current="page"]:not(:hover:not(:disabled)), .lb1q0do8j:focus-visible, .lb1qs11ky[aria-current="location"], .lb1uh4nfb[data-pressed]:not(:hover):not([data-disabled]), .lb1y4fyfr[data-pressed]:not([data-disabled]), .lb3fdyxb:hover:not([data-disabled]):not([data-pressed]), .lb8qk002:hover:not(:disabled), .lbcdmxi5[data-disabled], .lbr5dhpw[aria-selected="true"], .lbse0ay3[aria-current="page"], .lbz2adzu:hover:not([data-disabled]) {
    color: var(--lobe-color-text);
  }

  .lbitgxk9[data-over] {
    color: var(--lobe-color-white);
  }

  .lbs5y3ja[data-readonly] {
    cursor: default;
  }

  .lb10bady8[data-disabled]:not([data-readonly]), .lb126qsmr:is(:disabled, [aria-disabled="true"]), .lb17k2ik6[aria-disabled="true"], .lb1btkyy5:is([data-disabled], :has(input:disabled, textarea:disabled)), .lb5ezrf1[data-disabled], .lb6qxc70[aria-disabled="true"] {
    cursor: not-allowed;
  }

  .lb1ibiak5[role="slider"]:not([aria-disabled="true"]) {
    cursor: pointer;
  }

  .lb16yzcw2[data-orientation="vertical"] {
    flex-direction: column;
  }

  .lb1v743of[data-orientation="vertical"] {
    flex-direction: row;
  }

  .lb1m87b0[aria-current="page"], .lba9ewkg[aria-pressed="true"], .lbxc4wd5[aria-current="location"] {
    font-weight: 500;
  }

  .lb1nq3um7[aria-current="page"], .lbkj54ki[data-selected] {
    font-weight: 600;
  }

  .lb1sx3wbe[data-half="end"] {
    inset-inline-end: 0;
  }

  .lbx4h9v1[data-side="left"] {
    inset-inline-end: calc(var(--lobe-popover-arrow-offset-inline) * -1);
  }

  .lb7p8j0w[data-side="left"] {
    inset-inline-end: calc(var(--lobe-tooltip-arrow-offset-inline) * -1);
  }

  .lb19e5orp[data-half="start"] {
    inset-inline-start: 0;
  }

  .lb1xfcr42[data-side="right"] {
    inset-inline-start: calc(var(--lobe-popover-arrow-offset-inline) * -1);
  }

  .lb1xfhnju[data-side="right"] {
    inset-inline-start: calc(var(--lobe-tooltip-arrow-offset-inline) * -1);
  }

  .lb12zwbr1[data-disabled] {
    opacity: .25;
  }

  .lb1k4xm7o[data-disabled] {
    opacity: .45;
  }

  .lb1jmzbxl[aria-disabled="true"], .lbxh3kiz[data-disabled], .lby3kg0r:is(:disabled, [aria-disabled="true"]), .lbylraza[aria-disabled="true"] {
    opacity: .5;
  }

  .lb1gf9ui9:is([data-disabled], :has(input:disabled, textarea:disabled)) {
    opacity: .66;
  }

  .lb12foe86.lb12foe86:where(.lbruu1v2[data-checked] *), .lb1g256cz[data-behind]:not([data-expanded]), .lb1hb961p.lb1hb961p:where(.lb6r460e[data-starting-style]:not([style*="animation-name: none"], [style*="animation-name:none"]) *), .lb1i2unn7:is([data-starting-style], [data-ending-style]), .lb1tzx5se.lb1tzx5se:where(.lb6r460e[data-ending-style]:not([style*="animation-name: none"], [style*="animation-name:none"]) *), .lb1uo4ipp.lb1uo4ipp:where(.lb1iwm6ff[data-collapsed="true"] *), .lb4ki41r:is([data-limited], [data-starting-style], [data-ending-style]), .lbi2hcbz[data-idle-hidden] {
    opacity: 0;
  }

  .lb11pzkjp.lb11pzkjp:where(.lbimk4g7[data-expandable="true"]:is(:hover, :focus-within) *) {
    opacity: 1 !important;
  }

  .lb13z1kmj.lb13z1kmj:where(.lbimk4g7[data-expandable="true"]:is(:hover, :focus-within, [data-expand="false"]):not([data-resizing="true"]) *), .lb1asl7ui.lb1asl7ui:where(.lb17qyu0m:hover:not([data-placeholder], [data-disabled]) *), .lb1d72f0e:is([data-hovering], [data-scrolling]), .lb1euntei:focus-within, .lb1ftxlnv.lb1ftxlnv:where(.lb6r460e:is([style*="animation-name: none"], [style*="animation-name:none"]) *), .lbcbbmyo[data-expanded], .lbqtmd8e.lbqtmd8e:where(.lbruu1v2[data-checked] *), .lbyr8cgx:is(:disabled, [aria-disabled="true"]) {
    opacity: 1;
  }

  .lbiep9q5:focus-visible:not([data-lobe-focus-ring="managed"]) {
    outline-color: color-mix(in srgb,var(--lobe-color-error) 90.0%,transparent);
  }

  .lb1rxiahi:focus-visible:not([data-lobe-focus-ring="managed"]) {
    outline-color: color-mix(in srgb,var(--lobe-color-info) 90.0%,transparent);
  }

  .lb1ay5pp7:focus-visible {
    outline-color: var(--lobe-color-text);
  }

  .lb1bk1wjk[data-scope-active], .lb1bqaal:focus-visible {
    outline-offset: -2px;
  }

  .lb1bf9hc9:focus-visible:not([data-lobe-focus-ring="managed"]), .lb3xgu10[role="slider"]:focus-visible, .lb7s97pk:focus-visible {
    outline-offset: 2px;
  }

  .lbj3ae5l:focus-visible {
    outline-offset: 3px;
  }

  .lb2xeow7:focus-visible:not([data-lobe-focus-ring="managed"]), .lb9v5kkp:focus-visible {
    outline-style: solid;
  }

  .lb784prv:focus-visible, .lbjls3y1:focus-visible:not([data-lobe-focus-ring="managed"]) {
    outline-width: 2px;
  }

  .lb1cicrrk[data-expanded], .lbjtggp9:is([data-hovering], [data-scrolling]) {
    pointer-events: auto;
  }

  .lb11l7nm.lb11l7nm:where(.lb17qyu0m:is([data-placeholder], [data-disabled]) *), .lb1cp6yjb:is(:disabled, [aria-disabled="true"]), .lb1tblq73:is([data-anchor-hidden], [data-zero-origin="true"]), .lbp78wxm[data-behind]:not([data-expanded]) {
    pointer-events: none;
  }

  .lb1vnbpvm:active:not(:disabled) {
    scale: .96;
  }

  .lb1t60ft6.lb1t60ft6:where(.lbruu1v2[data-checked] *) {
    scale: 0;
  }

  .lb1gshqrl.lb1gshqrl:where(.lbruu1v2[data-checked] *) {
    scale: 1;
  }

  .lb10uu7sc.lb10uu7sc:where(.lb1iwm6ff[data-collapsed="true"] *) {
    text-overflow: clip;
  }

  .lb1cjlpbl[data-side="right"] {
    transform: rotate(-90deg);
  }

  .lb102wzpt.lb102wzpt:where(.lbczq5ai[data-actual-size="fit"] *), .lb1je0516[data-popup-open], .lb1mbqjyz.lb1mbqjyz:where(.lbcx8n6t[data-panel-open] *), .lbb6ment.lbb6ment:where(.lbxvhftg[data-panel-open] *), .lbozx4bj[data-side="top"] {
    transform: rotate(180deg);
  }

  .lb1oo9ml4[data-side="left"], .lb86asoe.lb86asoe:where(.lbli2s53:is(details[open] > *) *), .lbju044j.lbju044j:where(.lbcx8n6t[data-panel-open] *) {
    transform: rotate(90deg);
  }

  .lb1htj8e4[data-starting-style]:not([data-ending-style]) {
    transform: scale(.97);
  }

  .lb1dtbrvd:active:not([data-disabled]), .lbg71pz7[data-ending-style] {
    transform: scale(.98);
  }

  .lbe42r1a:hover:not(:active) {
    transform: scale(1.04);
  }

  .lbf9zhdt.lbf9zhdt:where(.lbimk4g7[data-expandable="true"]:is(:hover, :focus-within, [data-expand="false"]) *) {
    transform: scaleX(var(--seam-bend));
  }

  .lb11d3i7i:is([data-starting-style], [data-ending-style]) {
    transform: scaleY(.92);
  }

  .lbhk87tw:is([data-starting-style], [data-ending-style]) {
    transform: translate3d(var(--lobe-popover-translate-x),var(--lobe-popover-translate-y),0) scale(var(--lobe-popover-animation-scale));
  }

  .lbuyeqv:is([data-starting-style], [data-ending-style]) {
    transform: translate3d(var(--lobe-tooltip-translate-x),var(--lobe-tooltip-translate-y),0) scale(var(--lobe-tooltip-animation-scale));
  }

  .lb4z8bqh:is([data-starting-style], [data-ending-style]) {
    transform: translateX(-100%);
  }

  .lbesqr1w:is([data-starting-style], [data-ending-style]) {
    transform: translateX(100%);
  }

  .lbz09l4w[data-expanded]:not([data-starting-style], [data-ending-style]) {
    transform: translateX(var(--toast-swipe-movement-x)) translateY(calc(var(--toast-swipe-movement-y) + var(--toast-offset-y) * -1 + var(--toast-index) * var(--toast-gap) * -1)) scale(1);
  }

  .lb7ly47h[data-expanded]:not([data-starting-style], [data-ending-style]) {
    transform: translateX(var(--toast-swipe-movement-x)) translateY(calc(var(--toast-swipe-movement-y) + var(--toast-offset-y) + var(--toast-index) * var(--toast-gap))) scale(1);
  }

  .lb1sgguxn:is([data-starting-style], [data-ending-style]) {
    transform: translateY(-100%);
  }

  .lbjeddtc:is([data-starting-style], [data-ending-style]) {
    transform: translateY(-150%);
  }

  .lbjvuu2i:is([data-starting-style], [data-ending-style]) {
    transform: translateY(100%);
  }

  .lb1ce1yp4:is([data-starting-style], [data-ending-style]) {
    transform: translateY(150%);
  }

  .lb143vvia.lb143vvia:where(.lb1iwm6ff[data-collapsed="true"] *) {
    transition-delay: 0s;
  }

  .lb16bar5h[data-ending-style] {
    transition-duration: .12s;
  }

  .lb1x59bry[data-scrolling] {
    transition-duration: 0s, .15s, .15s;
  }

  .lb1f4cfe3:is([data-instant], [data-repop]), .lb1skw1hr.lb1skw1hr:where(.lb6r460e:is([style*="animation-name: none"], [style*="animation-name:none"]) *), .lb1ubmd9e[data-starting-style]:is([style*="animation-name: none"], [style*="animation-name:none"]), .lbm69ghq[data-swiping], .lbuik8z1[data-instant], .lbx42jxk[data-repop]:not([data-ending-style], [data-instant]) {
    transition-duration: 0s;
  }

  .lbz8i396[data-ending-style]:not([data-instant]) {
    transition-duration: var(--lobe-popover-animation-duration-exit);
  }

  .lb1ai045q[data-layout-animation]:not([data-repop], [data-ending-style], [data-instant]) {
    transition-duration: var(--lobe-popover-animation-duration),var(--lobe-popover-animation-duration),var(--lobe-popover-layout-duration),var(--lobe-popover-layout-duration);
  }

  .lb2qdu43[data-layout-animation]:not([data-instant], [data-repop]) {
    transition-duration: var(--lobe-popover-layout-duration);
  }

  .lbacr6d7[data-ending-style]:not([data-instant]) {
    transition-duration: var(--lobe-tooltip-animation-duration-exit);
  }

  .lb9tnqcr[data-layout-animation]:not([data-repop], [data-ending-style], [data-instant]) {
    transition-duration: var(--lobe-tooltip-fade-duration),var(--lobe-tooltip-animation-duration),var(--lobe-tooltip-layout-duration),var(--lobe-tooltip-layout-duration);
  }

  .lb99o0pw[data-layout-animation]:not([data-instant], [data-repop]) {
    transition-duration: var(--lobe-tooltip-layout-duration);
  }

  .lb1a8vufm[data-layout-animation]:not([data-instant], [data-repop]) {
    transition-property: inset-block-start, inset-inline-start, inset-inline-end, inset-block-end, transform;
  }

  .lb1gbqzaw.lb1gbqzaw:where(.lb6r460e:is([style*="animation-name: none"], [style*="animation-name:none"]) *), .lb1mn5kjo[data-starting-style]:is([style*="animation-name: none"], [style*="animation-name:none"]), .lbc9zdik:is([data-instant], [data-repop]), .lbo3tt7b[data-swiping] {
    transition-property: none;
  }

  .lb3rxudo[data-layout-animation]:not([data-repop], [data-instant]) {
    transition-property: opacity, transform, width, height;
  }

  .lb1gcu4m7[data-ending-style] {
    transition-timing-function: cubic-bezier(.4, 0, 1, 1);
  }

  .lb1adsm7q[data-repop]:not([data-ending-style], [data-instant]), .lb1g5az79[data-starting-style]:is([style*="animation-name: none"], [style*="animation-name:none"]), .lb1gjm5nk.lb1gjm5nk:where(.lb6r460e:is([style*="animation-name: none"], [style*="animation-name:none"]) *), .lb7cr0y4[data-swiping], .lbg0tjny:is([data-instant], [data-repop]), .lbun9rx9[data-instant] {
    transition-timing-function: ease;
  }

  .lbz19nq5[data-ending-style]:not([data-instant]) {
    transition-timing-function: var(--lobe-popover-animation-ease-in);
  }

  .lb924dy7[data-layout-animation]:not([data-repop], [data-ending-style], [data-instant]) {
    transition-timing-function: var(--lobe-popover-animation-ease-out),var(--lobe-popover-animation-ease-out),var(--lobe-popover-layout-ease),var(--lobe-popover-layout-ease);
  }

  .lb9hq8x[data-layout-animation]:not([data-instant], [data-repop]) {
    transition-timing-function: var(--lobe-popover-layout-ease);
  }

  .lbsn38r3[data-ending-style]:not([data-instant]) {
    transition-timing-function: var(--lobe-tooltip-animation-ease-in);
  }

  .lb10v0bi7[data-layout-animation]:not([data-repop], [data-ending-style], [data-instant]) {
    transition-timing-function: var(--lobe-tooltip-fade-ease),var(--lobe-tooltip-animation-ease-out),var(--lobe-tooltip-layout-ease),var(--lobe-tooltip-layout-ease);
  }

  .lb65j81d[data-layout-animation]:not([data-instant], [data-repop]) {
    transition-timing-function: var(--lobe-tooltip-layout-ease);
  }

  .lb13uma5a.lb13uma5a:where(.lb6r460e[data-ending-style]:not([style*="animation-name: none"], [style*="animation-name:none"]) *) {
    translate: 0 -6px;
  }

  .lb16z56s4.lb16z56s4:where(.lb6r460e[data-starting-style]:not([style*="animation-name: none"], [style*="animation-name:none"]) *) {
    translate: 0 6px;
  }

  .lb1km6byo.lb1km6byo:where(.lb6r460e:is([style*="animation-name: none"], [style*="animation-name:none"]) *) {
    translate: none;
  }

  .lb1f60oaf.lb1f60oaf:where(.lb14grpiv:hover:not(:disabled) *), .lbc6poxd[data-idle-hidden], .lbjek8f0:is([data-anchor-hidden], [data-zero-origin="true"]) {
    visibility: hidden;
  }

  .lbowlo31.lbowlo31:where(.lb14grpiv:hover:not(:disabled) *) {
    visibility: visible;
  }

  .lbkskvg3:is([data-submenu], [data-nested]) {
    z-index: 1199;
  }

  .lb15yobv:has([data-invalid], [aria-invalid="true"]):focus-within {
    box-shadow: 0 0 0 2px var(--lobe-color-error-bg);
  }

  .lb1r4mgf1:has([data-disabled]) {
    cursor: not-allowed;
  }

  .lb1cuf08c:has( > [data-virtual]) {
    display: flex;
  }

  .lbrk0jpx:has( > [data-virtual]) {
    flex-direction: column;
  }

  .lb91szb2:has( > :only-child) {
    grid-template-columns: minmax(0, min(100%, 560px));
  }

  .lb1blumgx:has( > div) {
    pointer-events: all;
  }

  .lbtijs6c:first-of-type {
    border-end-end-radius: 0;
  }

  .lb6zkcpb:first-of-type {
    border-start-end-radius: 0;
  }

  .lb1wnjzqz:last-of-type {
    border-end-start-radius: 0;
  }

  .lb1gc5moq:last-of-type {
    border-start-start-radius: 0;
  }

  .lbrq7mml:last-of-type {
    margin-inline-start: -1px;
  }

  .lb1pzjzq0:last-of-type {
    margin-inline-start: 0;
  }

  .lbjl7jj:empty {
    display: none;
  }

  .lbtgyt42:disabled {
    cursor: default;
  }

  .lb1s07b3s:disabled {
    cursor: not-allowed;
  }

  .lb1bq4at4:disabled {
    opacity: .3;
  }

  .lb1t5pwa4:disabled {
    opacity: .45;
  }

  .lbijokvz:disabled {
    opacity: .5;
  }

  .lb19ait8a:hover {
    background-color: #ffffff1f;
  }

  .lb16gz26q:hover {
    background-color: #ffffff24;
  }

  .lb117i599:hover {
    background-color: #ffffff29;
  }

  .lb1cbgfi2:hover {
    background-color: #ffffff14;
  }

  .lb1n5bzlp:hover {
    background-color: #0000;
  }

  .lb16xa4ls:hover {
    background-color: var(--lobe-color-error-bg);
  }

  .lbql1cz1:hover {
    background-color: var(--lobe-color-fill-quaternary);
  }

  .lb1ri6zej:hover {
    background-color: var(--lobe-color-fill-secondary);
  }

  .lb1gowcop:hover {
    background-color: var(--lobe-color-fill-tertiary);
  }

  .lb1qavuqp:hover {
    background-color: var(--lobe-color-fill);
  }

  .lb116dz5d:hover {
    background-color: var(--lobe-color-text-tertiary);
  }

  .lb1w2qgwm:hover {
    box-shadow: 0 0 0 2px var(--lobe-color-text);
  }

  .lbwj06ao:hover {
    box-shadow: inset 0 0 0 1px #0000000d,0 0 0 2px var(--lobe-color-text);
  }

  .lb9jile0:hover {
    box-shadow: inset 0 0 0 1px var(--lobe-color-fill-secondary),0 0 0 2px var(--lobe-color-text);
  }

  .lb1ejz3n7:hover {
    box-shadow: var(--lobe-box-shadow-secondary);
  }

  .lb1iih0q2:hover {
    color: #fff;
  }

  .lb144v4sp:hover {
    color: inherit;
  }

  .lb3xo0t4:hover {
    color: var(--lobe-color-primary);
  }

  .lb7n5n81:hover {
    color: var(--lobe-color-text-heading);
  }

  .lblbjun7:hover {
    color: var(--lobe-color-text-secondary);
  }

  .lb1bxu9lh:hover {
    color: var(--lobe-color-text);
  }

  .lb1ohlld9:hover {
    filter: brightness(1.06);
  }

  .lbcum6zn:hover {
    transform: scale(1.04);
  }

  .lb1lcra6a:hover {
    transform: scale(1.1);
  }

  .lbqzx2ld:hover {
    transform: scale(1.3);
  }

  .lb1lz31oe:hover {
    transform: translateY(-2px);
  }

  .lbr9r2s9:focus {
    box-shadow: none;
  }

  .lb4c98my:active {
    background-color: var(--lobe-color-error-active);
  }

  .lb1cpyog9:active {
    background-color: var(--lobe-color-fill-secondary);
  }

  .lb147z954:active {
    background-color: var(--lobe-color-fill);
  }

  .lb1gwghft:active {
    background-color: var(--lobe-color-primary-active);
  }

  .lbuvp0lo:active {
    color: var(--lobe-color-error-active);
  }

  .lb1nelral:active {
    color: var(--lobe-color-primary-active);
  }

  .lb1jkpq3q:active {
    color: var(--lobe-color-text);
  }

  .lb17v98wq:active {
    scale: .8;
  }

  .lb1jplu5e:active {
    transform: scale(.95);
  }

  .lb19kf12q:active {
    transform: scale(.96);
  }

  .lbd3so5o:active {
    transform: scale(.97);
  }

  @media (width <= 860px) {
    .lb1pfbds8.lb1pfbds8 {
      align-items: center;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .lb1u6grsq.lb1u6grsq {
      animation-duration: 0s;
    }

    .lbg0664w.lbg0664w {
      animation-iteration-count: 1;
    }

    .lb1aquc0h.lb1aquc0h {
      animation-name: none;
    }

    .lb1uea3p4.lb1uea3p4 {
      animation-timing-function: ease;
    }
  }

  @media (prefers-reduced-transparency: reduce) {
    .lb1izksy.lb1izksy {
      display: none;
    }
  }

  @media (width <= 480px) {
    .lb1qohksk.lb1qohksk {
      flex-wrap: wrap;
    }
  }

  @media (width <= 860px) {
    .lbf4kbi9.lbf4kbi9 {
      grid-template-columns: minmax(0, 1fr);
    }
  }

  @media (width >= 480px) and (width <= 767.98px) {
    .lbmbhe7x.lbmbhe7x {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @media (width <= 480px) {
    .lb1qd4uke.lb1qd4uke {
      margin-inline-start: 30px;
    }
  }

  @media (prefers-reduced-transparency: reduce) {
    .lb1hyof32.lb1hyof32 {
      opacity: calc(var(--lobe-progressive-blur-gradient-opacity) * 2);
    }
  }

  @media (width <= 480px) {
    .lb1yp2b5x.lb1yp2b5x {
      order: 4;
    }
  }

  @media (width <= 860px) {
    .lb1r9zhzp.lb1r9zhzp {
      text-align: center;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .lbsagj69.lbsagj69 {
      transition-duration: .01ms;
    }

    .lb12w9bfk.lb12w9bfk {
      transition-duration: 0s;
    }

    .lb4wkmsb.lb4wkmsb {
      transition-property: none;
    }

    .lb7v8fk2.lb7v8fk2 {
      transition-timing-function: ease;
    }
  }

  @media (forced-colors: active) and (not (prefers-reduced-motion: reduce)) {
    .lb11mn51e.lb11mn51e:focus-visible:not([data-lobe-focus-ring="managed"]) {
      animation-duration: 0s;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .lb147fc9v.lb147fc9v:focus-visible:not([data-lobe-focus-ring="managed"]) {
      animation-duration: 0s;
    }
  }

  @media (forced-colors: active) and (not (prefers-reduced-motion: reduce)) {
    .lbck0e01.lbck0e01:focus-visible:not([data-lobe-focus-ring="managed"]) {
      animation-name: none;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .lbp55ekp.lbp55ekp:focus-visible:not([data-lobe-focus-ring="managed"]) {
      animation-name: none;
    }
  }

  @media (forced-colors: active) and (not (prefers-reduced-motion: reduce)) {
    .lb171d7gl.lb171d7gl:focus-visible:not([data-lobe-focus-ring="managed"]) {
      animation-timing-function: ease;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .lb1bbl1vv.lb1bbl1vv:focus-visible:not([data-lobe-focus-ring="managed"]) {
      animation-timing-function: ease;
    }
  }

  @media (forced-colors: active) {
    .lb1y5du2d.lb1y5du2d:focus-visible:not([data-lobe-focus-ring="managed"]) {
      outline-color: canvastext;
    }
  }

  @container (width <= 640px) {
    .lb43xpz4.lb43xpz4 {
      grid-template-columns: minmax(0, 1fr);
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .lbnotfpo.lbnotfpo:hover {
      transform: none;
    }
  }

  @container (width <= 640px) {
    .lbb8zp9c.lbb8zp9c:has( > :only-child) {
      grid-template-columns: minmax(0, min(100%, 560px));
    }
  }
}

@layer lobe-ui.priority5 {
  .lb16stqrj {
    border-bottom-color: #0000;
  }

  .lb1nkj3if {
    border-bottom-color: var(--lobe-color-border-secondary);
  }

  .lbsyjar {
    border-bottom-color: var(--lobe-color-border);
  }

  .lb1ak05nl {
    border-bottom-color: var(--lobe-color-fill-secondary);
  }

  .lb125g9du {
    border-bottom-color: var(--lobe-color-split);
  }

  .lb1fmh5c5 {
    border-bottom-color: var(--lobe-fill-border, var(--lobe-color-fill));
  }

  .lb1q0q8m5 {
    border-bottom-style: solid;
  }

  .lbso031l {
    border-bottom-width: 1px;
  }

  .lbgif4e5 {
    border-bottom-width: var(--drawer-edge-width, 1px);
  }

  .lb9rovbz {
    border-top-color: currentColor;
  }

  .lb1v8p93f {
    border-top-color: #0000;
  }

  .lbwyyj3y {
    border-top-color: var(--lobe-color-border-secondary);
  }

  .lb592eyn {
    border-top-color: var(--lobe-color-border);
  }

  .lb184891g {
    border-top-color: var(--lobe-color-fill-quaternary);
  }

  .lbpi5byy {
    border-top-color: var(--lobe-color-fill-tertiary);
  }

  .lbu1qvg8 {
    border-top-color: var(--lobe-color-split);
  }

  .lblya59e {
    border-top-style: dashed;
  }

  .lb1ejq31n {
    border-top-style: none;
  }

  .lb13fuv20 {
    border-top-style: solid;
  }

  .lb972fbf {
    border-top-width: 0;
  }

  .lb178xt8z {
    border-top-width: 1px;
  }

  .lb142oad4 {
    border-top-width: var(--drawer-edge-width, 1px);
  }

  .lb1yd0ctr {
    bottom: -13px;
  }

  .lb1o583il {
    bottom: -4px;
  }

  .lbtzk6r2 {
    bottom: -5px;
  }

  .lb1ey2m1c {
    bottom: 0;
  }

  .lb191j7n5 {
    bottom: 16px;
  }

  .lby58vm5 {
    bottom: 24px;
  }

  .lbbfrwjf {
    bottom: 4px;
  }

  .lby75b87 {
    bottom: 64px;
  }

  .lbrb244j {
    bottom: 6px;
  }

  .lbhjxwu4 {
    bottom: 76px;
  }

  .lbo7r6ss {
    bottom: var(--toast-viewport-offset-y, 16px);
  }

  .lbk2nxyp {
    height: .15em;
  }

  .lb15s3dfl {
    height: .75em;
  }

  .lbqtp20y {
    height: 0;
  }

  .lbunzqbk {
    height: 1.8em;
  }

  .lb5yr21d {
    height: 100%;
  }

  .lb1mkwkuc {
    height: 100dvh !important;
  }

  .lbpyat2d {
    height: 100px;
  }

  .lb1oxkl7l {
    height: 10px !important;
  }

  .lb170jfvy {
    height: 10px;
  }

  .lb1kpxq89 {
    height: 12px;
  }

  .lb18gnavp {
    height: 13px;
  }

  .lbqjnyr0 {
    height: 14px !important;
  }

  .lb1v9usgg {
    height: 14px;
  }

  .lb18dl8mb {
    height: 150px;
  }

  .lbx3o462 {
    height: 15px;
  }

  .lblup9mm {
    height: 16px;
  }

  .lbmix8c7 {
    height: 18px;
  }

  .lblzyvqe {
    height: 1em;
  }

  .lbjm9jq1 {
    height: 1px;
  }

  .lb1qx5ct2 {
    height: 20px;
  }

  .lb8idabb {
    height: 228px;
  }

  .lb17rw0jw {
    height: 22px;
  }

  .lbxk0z11 {
    height: 24px;
  }

  .lbd7y6wv {
    height: 26px;
  }

  .lb1fgtraw {
    height: 28px;
  }

  .lb36qwtl {
    height: 2px;
  }

  .lb1gnnpzl {
    height: 30px;
  }

  .lb10w6t97 {
    height: 32px;
  }

  .lb1iafx81 {
    height: 35.2px;
  }

  .lb119rli9 {
    height: 36%;
  }

  .lbc9qbxq {
    height: 36px;
  }

  .lb1wkug8b {
    height: 378px;
  }

  .lb16nrsnc {
    height: 400px;
  }

  .lb1vqgdyp {
    height: 40px;
  }

  .lbn3w4p2 {
    height: 44px;
  }

  .lbsdox4t {
    height: 48px;
  }

  .lbqu0tyb {
    height: 4px;
  }

  .lb1dnml7z {
    height: 54px;
  }

  .lbnnlda6 {
    height: 56px;
  }

  .lbfeo3ze {
    height: 58%;
  }

  .lb1ycjhwn {
    height: 5px;
  }

  .lb1peatla {
    height: 64px;
  }

  .lbols6we {
    height: 6px;
  }

  .lby75621 {
    height: 72px;
  }

  .lb1hagigm {
    height: 7px;
  }

  .lbsi6dy0 {
    height: 86px;
  }

  .lbdk7pt {
    height: 8px;
  }

  .lb1q7kiqf {
    height: 99px;
  }

  .lbt7dq6l {
    height: auto;
  }

  .lbcijb2 {
    height: calc(100dvh - var(--layout-header-height, 64px));
  }

  .lb8akbf1 {
    height: calc(var(--color-swatches-size, 24px) * .75);
  }

  .lb64dwcm {
    height: calc(var(--loading-dots-size, 8px) * 4);
  }

  .lb181jx1s {
    height: calc(var(--loading-dots-size, 8px) * 5);
  }

  .lbsfgbni {
    height: round(calc(var(--lobe-font-size) * 1.3),1px);
  }

  .lbr884pr {
    height: var(--active-item-height);
  }

  .lb1gezbiy {
    height: var(--active-tab-height);
  }

  .lbxdx1yr {
    height: var(--chat-item-avatar-size, 40px);
  }

  .lbuan8c8 {
    height: var(--collapsible-panel-height);
  }

  .lb16x9hf6 {
    height: var(--color-swatches-size, 24px);
  }

  .lbnfhl70 {
    height: var(--draggable-panel-handle-size);
  }

  .lbdn8cis {
    height: var(--layout-header-height, 64px);
  }

  .lb1nintvw {
    height: var(--loading-dots-size, 8px);
  }

  .lbor3k87 {
    height: var(--lobe-font-size-heading-2);
  }

  .lbmfwo0v {
    height: var(--lobe-font-size-heading-3);
  }

  .lb2nlmne {
    height: var(--lobe-progressive-blur-height);
  }

  .lboine3n {
    height: var(--lobe-rate-size, 20px);
  }

  .lbm56wjt {
    height: var(--positioner-height);
  }

  .lbxdy7cf {
    height: var(--spin-node-size);
  }

  .lb11vverv {
    height: var(--spin-particle-size);
  }

  .lb677f43 {
    height: var(--toast-collapsed-height);
  }

  .lbu96u03 {
    left: 0;
  }

  .lb1oo3vh0 {
    margin-bottom: -16px;
  }

  .lb1jyxor1 {
    margin-bottom: -1px;
  }

  .lbat24cr {
    margin-bottom: 0;
  }

  .lbod5an3 {
    margin-bottom: 12px;
  }

  .lb1u7kmwd {
    margin-bottom: 14px;
  }

  .lb1yztbdb {
    margin-bottom: 16px;
  }

  .lb1hq5gj4 {
    margin-bottom: 24px;
  }

  .lbahult9 {
    margin-bottom: 3px;
  }

  .lb12nagc {
    margin-bottom: 4px;
  }

  .lbzueoph {
    margin-bottom: 6px;
  }

  .lb1e56ztr {
    margin-bottom: 8px;
  }

  .lb2lknd0 {
    margin-left: 48px;
  }

  .lbet2fuk {
    margin-left: 8px;
  }

  .lb1wsuqlk {
    margin-right: 12px;
  }

  .lb1o6q14k {
    margin-right: 16px;
  }

  .lbl010v5 {
    margin-right: 4px;
  }

  .lbiosdrt {
    margin-top: -.125em;
  }

  .lb7wgvq7 {
    margin-top: -12px;
  }

  .lbwya9rg {
    margin-top: -16px;
  }

  .lb1u9vbhu {
    margin-top: -27px;
  }

  .lb1rdy4ex {
    margin-top: -4px;
  }

  .lbdj266r {
    margin-top: 0;
  }

  .lb1anpbxc {
    margin-top: 10px;
  }

  .lb14vqqas {
    margin-top: 12px;
  }

  .lb1hmvnq2 {
    margin-top: 14px;
  }

  .lb1sy10c2 {
    margin-top: 20px;
  }

  .lbqui205 {
    margin-top: 24px;
  }

  .lbr9ek0c {
    margin-top: 2px;
  }

  .lbg87l8a {
    margin-top: 32px;
  }

  .lbseo6mj {
    margin-top: 36px;
  }

  .lbx4vt8u {
    margin-top: 48px;
  }

  .lb1gslohp {
    margin-top: 4px;
  }

  .lb1k70j0n {
    margin-top: 6px;
  }

  .lb1xmf6yo {
    margin-top: 8px;
  }

  .lbr1yuqi {
    margin-top: auto;
  }

  .lb1aqyk8y {
    margin-top: calc(var(--loading-dots-size, 8px) / -2);
  }

  .lb1bsd8ea {
    max-height: 100dvh !important;
  }

  .lb1wj9ous {
    max-height: 100dvh;
  }

  .lb1bwycvy {
    max-height: 100vh;
  }

  .lbvl751 {
    max-height: 228px;
  }

  .lb1wqxn9w {
    max-height: 264px;
  }

  .lb1sslpiy {
    max-height: 320px;
  }

  .lb2z3yb8 {
    max-height: 360px;
  }

  .lb1jcbksy {
    max-height: 420px;
  }

  .lbwvgpe2 {
    max-height: 44px;
  }

  .lbdr9t0c {
    max-height: 52px;
  }

  .lb1ithq13 {
    max-height: calc(100dvh - 32px - var(--floating-panel-reserve-block-end, 0px));
  }

  .lbw2jzks {
    max-height: calc(100dvh - 64px);
  }

  .lb1h9acoj {
    max-height: min(320px,var(--available-height));
  }

  .lb7ab17h {
    max-height: none;
  }

  .lb1374xjt {
    max-height: var(--available-height);
  }

  .lbf2pfjc {
    max-height: var(--lobe-select-available-height);
  }

  .lbscuc4t {
    max-height: var(--textarea-max-height, none);
  }

  .lbc408io {
    max-width: 100% !important;
  }

  .lb193iq5w {
    max-width: 100%;
  }

  .lblbgzzq {
    max-width: 100dvw;
  }

  .lb16xn7b0 {
    max-width: 100vw;
  }

  .lb36rmqc {
    max-width: 1024px;
  }

  .lb1gocmvm {
    max-width: 176px;
  }

  .lb16em4ew {
    max-width: 240px;
  }

  .lbye4db1 {
    max-width: 34ch;
  }

  .lb19pysoa {
    max-width: 34rem;
  }

  .lb1mrxg6j {
    max-width: 36ch;
  }

  .lbc0i79g {
    max-width: 36rem;
  }

  .lb8jryan {
    max-width: 40%;
  }

  .lb1j9u4d2 {
    max-width: 400px;
  }

  .lb17fpy1y {
    max-width: 480px;
  }

  .lbthy2uy {
    max-width: 50%;
  }

  .lb1lwm3bp {
    max-width: 520px;
  }

  .lbe0576n {
    max-width: 52ch;
  }

  .lb11gisft {
    max-width: 640px;
  }

  .lb1cxeki3 {
    max-width: 70%;
  }

  .lbg5xlue {
    max-width: calc(100vw - var(--toast-viewport-offset-x, 16px) * 2);
  }

  .lb1pdv066 {
    max-width: 318px;
  }

  .lb7k7lee {
    max-width: var(--available-width);
  }

  .lb2lwn1j {
    min-height: 0;
  }

  .lb1us19tq {
    min-height: 100%;
  }

  .lb1ov3xa9 {
    min-height: 100dvh;
  }

  .lb1shn012 {
    min-height: 180px;
  }

  .lbe0957l {
    min-height: 22px;
  }

  .lbjwf9q1 {
    min-height: 24px;
  }

  .lbj9xw9b {
    min-height: 26px;
  }

  .lb21xpn4 {
    min-height: 32px;
  }

  .lbu97haq {
    min-height: 34px;
  }

  .lbu0aao5 {
    min-height: 36px;
  }

  .lbse5ku5 {
    min-height: 39px;
  }

  .lb1ba4aug {
    min-height: 40px;
  }

  .lb1gg8mnh {
    min-height: 44px;
  }

  .lb1wxaq2x {
    min-height: 48px;
  }

  .lb137vrcb {
    min-height: 520px;
  }

  .lb1wiwyrm {
    min-height: 52px;
  }

  .lbt55aet {
    min-height: 54px;
  }

  .lbbktkl8 {
    min-height: 56px;
  }

  .lb1v2kdr2 {
    min-height: 640px;
  }

  .lbseoqlg {
    min-height: 80px;
  }

  .lbnqaks7 {
    min-height: calc(1.5em * var(--textarea-min-rows, 2));
  }

  .lb3yc1is {
    min-height: var(--code-showcase-min-height);
  }

  .lbugtphe {
    min-height: var(--color-swatches-size, 24px);
  }

  .lbeuugli {
    min-width: 0;
  }

  .lb1et6avd {
    min-width: 1.5em;
  }

  .lb1gtvfis {
    min-width: 1.8em;
  }

  .lb1c7vg25 {
    min-width: 112px;
  }

  .lb1i9suas {
    min-width: 120px;
  }

  .lbcsk191 {
    min-width: 12px;
  }

  .lb1d77m7x {
    min-width: 140px;
  }

  .lb1wu2mox {
    min-width: 14px;
  }

  .lbhs4bwn {
    min-width: 168px;
  }

  .lb15kz4h8 {
    min-width: 16px;
  }

  .lb16xo4sp {
    min-width: 18px;
  }

  .lbt4ypqs {
    min-width: 20px;
  }

  .lb12rczxh {
    min-width: 220px;
  }

  .lbnei2rj {
    min-width: 24px;
  }

  .lb1264ykn {
    min-width: 28px;
  }

  .lbdb3xwm {
    min-width: 3.5ch;
  }

  .lb18n5i07 {
    min-width: 300px;
  }

  .lbhgji3o {
    min-width: 310px;
  }

  .lb17upfok {
    min-width: 320px;
  }

  .lb46jg8d {
    min-width: 32px;
  }

  .lb15hfatp {
    min-width: 36px;
  }

  .lb1nb6za0 {
    min-width: 44px;
  }

  .lb900493 {
    min-width: 48px;
  }

  .lb1mv5wl4 {
    min-width: 4px;
  }

  .lb11inojt {
    min-width: 8px;
  }

  .lb80t9vs {
    min-width: var(--anchor-width);
  }

  .lbjbgbd0 {
    min-width: var(--color-swatches-size, 24px);
  }

  .lb17et3y3 {
    min-width: var(--form-field-min-width, unset);
  }

  .lb10w21gp {
    min-width: var(--lobe-rate-size, 20px);
  }

  .lbw2csxc {
    overflow-x: auto;
  }

  .lb6ikm8r {
    overflow-x: hidden;
  }

  .lb1odjw0f {
    overflow-y: auto;
  }

  .lb10wlt62 {
    overflow-y: hidden;
  }

  @media (width <= 575.98px) {
    .lb1rxyt55.lb1rxyt55 {
      padding: 16px;
    }
  }

  @media (width <= 479.98px) {
    .lb15pjdd3.lb15pjdd3 {
      padding: 16px;
    }
  }

  .lb1xo6zox {
    padding-bottom: .2em;
  }

  .lb18d9i69 {
    padding-bottom: 0;
  }

  .lbsag5q8 {
    padding-bottom: 12px;
  }

  .lb1g2khh7 {
    padding-bottom: 14px;
  }

  .lb1l90r2v {
    padding-bottom: 16px;
  }

  .lb1hhzuzn {
    padding-bottom: 18px;
  }

  .lb1t4gjm {
    padding-bottom: 22px;
  }

  .lb1120s5i {
    padding-bottom: 2px;
  }

  .lbbaz6xv {
    padding-bottom: 30px;
  }

  .lb1gan7if {
    padding-bottom: 32px;
  }

  .lb1sgudl8 {
    padding-bottom: 48px;
  }

  .lbjkvuk6 {
    padding-bottom: 4px;
  }

  .lb10b6aqq {
    padding-bottom: 6px;
  }

  .lbwib8y2 {
    padding-bottom: 8px;
  }

  .lb1kku3jz {
    padding-bottom: clamp(40px, 7vh, 72px);
  }

  .lb11ba12 {
    padding-bottom: env(safe-area-inset-bottom);
  }

  .lb5fj2l4 {
    padding-bottom: var(--lobe-menu-popup-padding);
  }

  .lb1uhho1l {
    padding-left: 0;
  }

  .lbyfqnmn {
    padding-right: 16px;
  }

  .lbexx8yu {
    padding-top: 0;
  }

  .lb1sv7rxe {
    padding-top: 1.8em;
  }

  .lbz9dl7a {
    padding-top: 12px;
  }

  .lbyinxu5 {
    padding-top: 14px;
  }

  .lbyamay9 {
    padding-top: 16px;
  }

  .lb1cnzs8 {
    padding-top: 20px;
  }

  .lb1p5oq8j {
    padding-top: 24px;
  }

  .lb13zrc24 {
    padding-top: 40px;
  }

  .lb1iorvi4 {
    padding-top: 4px;
  }

  .lb1yrsyyn {
    padding-top: 6px;
  }

  .lb1y1aw1k {
    padding-top: 8px;
  }

  .lb11a4dby {
    padding-top: clamp(56px, 10vh, 104px);
  }

  .lb1g8zveq {
    padding-top: clamp(72px, 13vh, 128px);
  }

  .lb6vio5b {
    padding-top: env(safe-area-inset-top);
  }

  .lblztzta {
    padding-top: var(--lobe-menu-popup-padding);
  }

  .lb3m8u43 {
    right: 0;
  }

  .lbll0d9s {
    top: -100px;
  }

  .lbywbb02 {
    top: -13px;
  }

  .lb1qiirwl {
    top: -2px;
  }

  .lb1fo6t33 {
    top: -4px;
  }

  .lbjibb99 {
    top: -5px;
  }

  .lb13vifvy {
    top: 0;
  }

  .lb1eu8d0j {
    top: 10px;
  }

  .lb1tk7jg1 {
    top: 12px;
  }

  .lbomnu4r {
    top: 16px;
  }

  .lbmhk92p {
    top: 20px;
  }

  .lbd402qu {
    top: 26px;
  }

  .lb1o8sa5k {
    top: 42%;
  }

  .lbyszfof {
    top: 47px;
  }

  .lbndqk7f {
    top: 4px;
  }

  .lbwa60dl {
    top: 50%;
  }

  .lbbssg55 {
    top: 50px;
  }

  .lb1atx4j1 {
    top: 6px;
  }

  .lbyc4j8s {
    top: 7px;
  }

  .lbfr5jun {
    top: 8px;
  }

  .lb27tqb4 {
    top: var(--active-item-top);
  }

  .lb10uur0e {
    top: var(--active-tab-top);
  }

  .lb1kd19f1 {
    top: var(--toast-viewport-offset-y, 16px);
  }

  .lboden9 {
    width: .5em;
  }

  .lbwgfvnl {
    width: .6em;
  }

  .lb1jimcuc {
    width: .75em;
  }

  .lbnalus7 {
    width: 0;
  }

  .lbbdjdey {
    width: 1.5px;
  }

  .lb1ng3b2o {
    width: 100% !important;
  }

  .lbh8yej3 {
    width: 100%;
  }

  .lb1exxlbk {
    width: 100px;
  }

  .lbn9wirt {
    width: 100vw;
  }

  .lb1fsd2vl {
    width: 10px;
  }

  .lbsmyaan {
    width: 12px;
  }

  .lb1fznrkb {
    width: 144px;
  }

  .lb9pgxlv {
    width: 14px !important;
  }

  .lb6jxa94 {
    width: 14px;
  }

  .lb1kky2od {
    width: 16px;
  }

  .lb1f1nzxn {
    width: 176px;
  }

  .lb1xp8n7a {
    width: 18px;
  }

  .lb1i1rx1s {
    width: 1px;
  }

  .lbw4jnvo {
    width: 20px;
  }

  .lb16grhtn {
    width: 220px;
  }

  .lb17z2i9w {
    width: 22px;
  }

  .lbu9fw5t {
    width: 24%;
  }

  .lbafpxmx {
    width: 240px;
  }

  .lb18qqrc1 {
    width: 248px;
  }

  .lbvy4d1p {
    width: 24px;
  }

  .lb1hfn5x7 {
    width: 260px;
  }

  .lb23j0i4 {
    width: 26px;
  }

  .lb1dz1jew {
    width: 280px;
  }

  .lbgd8bvy {
    width: 28px;
  }

  .lbfo62xy {
    width: 2px;
  }

  .lb1849jeq {
    width: 30px;
  }

  .lb1td3qas {
    width: 32px;
  }

  .lb1tzk97j {
    width: 35.2px;
  }

  .lb14qfxbe {
    width: 36px;
  }

  .lb1hfqtsw {
    width: 378px;
  }

  .lb1g8rjiy {
    width: 3px;
  }

  .lb100vrsf {
    width: 40px;
  }

  .lb1fnd73c {
    width: 42%;
  }

  .lb187nhsf {
    width: 44px;
  }

  .lb1useyqa {
    width: 48px;
  }

  .lb3hqpx7 {
    width: 50%;
  }

  .lb1pju0fl {
    width: 50px;
  }

  .lbcltakc {
    width: 52px !important;
  }

  .lb1fxk84t {
    width: 54px;
  }

  .lb15yg21f {
    width: 56px;
  }

  .lb5npi73 {
    width: 58px !important;
  }

  .lb1u78mur {
    width: 58px;
  }

  .lb1ftt334 {
    width: 5px;
  }

  .lb1fu8urw {
    width: 64px;
  }

  .lb1vz4e29 {
    width: 66%;
  }

  .lb1v4s8kt {
    width: 6px;
  }

  .lbni59qk {
    width: 72px;
  }

  .lbci0xqf {
    width: 7px;
  }

  .lb29ncy0 {
    width: 88px;
  }

  .lb1xc55vz {
    width: 8px;
  }

  .lb13oubkp {
    width: 96px;
  }

  .lb14atkfc {
    width: auto;
  }

  .lbkxa9zd {
    width: calc(100% - 32px);
  }

  .lbjl7whj {
    width: calc(100% + 1px);
  }

  .lbb1cs2e {
    width: calc(100dvw - 32px);
  }

  .lblh0q56 {
    width: calc(var(--loading-dots-size, 8px) * 4);
  }

  .lbwx3du {
    width: calc(var(--loading-dots-size, 8px) * 5);
  }

  .lbeq5yr9 {
    width: fit-content;
  }

  .lbezivpi {
    width: max-content;
  }

  .lb69yl36 {
    width: min(100.0%,var(--logo-marquee-max-width, 640px));
  }

  .lb1nyppsm {
    width: min(440px, 100%);
  }

  .lbj135po {
    width: min(880px, 100%);
  }

  .lb116h1a6 {
    width: min(var(--positioner-width),320px,var(--available-width));
  }

  .lbdzpq5t {
    width: min(var(--positioner-width),var(--available-width));
  }

  .lb4pn7vq {
    width: unset;
  }

  .lb13jdv1a {
    width: var(--active-item-width);
  }

  .lboffw1 {
    width: var(--active-tab-width);
  }

  .lb1hhjr3y {
    width: var(--anchor-width);
  }

  .lbrrbwm {
    width: var(--chat-item-avatar-size, 40px);
  }

  .lb4fkmq8 {
    width: var(--color-swatches-size, 24px);
  }

  .lb1lm47gh {
    width: var(--draggable-panel-handle-size);
  }

  .lb4qn5vj {
    width: var(--loading-dots-size, 8px);
  }

  .lbz5r92h {
    width: var(--lobe-progressive-blur-height);
  }

  .lb165gwbr {
    width: var(--spin-node-size);
  }

  .lbsblaa2 {
    width: var(--spin-particle-size);
  }

  .lb1fzdfyu {
    width: var(--toast-width, 360px);
  }

  .lb15ypzt3:not(:first-child) {
    border-top-color: var(--lobe-color-border-secondary);
  }

  .lba1hsq:not(:first-child) {
    border-top-style: solid;
  }

  .lb10n88xp:not(:first-child) {
    border-top-width: 1px;
  }

  .lb131ct9w[data-side="top"] {
    bottom: calc(var(--lobe-popover-arrow-offset-block) * -1);
  }

  .lbjmk4oj[data-side="top"] {
    bottom: calc(var(--lobe-tooltip-arrow-offset-block) * -1);
  }

  .lb61rqsd[data-ending-style], .lblf5o0f[data-starting-style]:not([style*="animation-name: none"], [style*="animation-name:none"]), .lbrf5iq3:is([data-starting-style], [data-ending-style]) {
    height: 0;
  }

  .lbgmi5vj[data-orientation="horizontal"]:not(:hover) {
    height: 3px;
  }

  .lbey0qcv[data-orientation="horizontal"]:hover {
    height: 6px;
  }

  .lb11pkctk[data-layout-animation] {
    height: var(--popup-height, auto);
  }

  .lbnbj6on[data-expanded] {
    height: var(--toast-height);
  }

  .lb1w8zsnn:not(:first-child) {
    margin-top: -2px;
  }

  .lb1f9yvpy:is([data-has-footer], :has( > [data-slot="footer"])) {
    padding-bottom: 0;
  }

  .lb1h5ll5a[data-panel-open] {
    padding-bottom: 8px;
  }

  .lb7ao2f8:is([data-has-header], :has( > [data-slot="header"])) {
    padding-top: 0;
  }

  .lb1t8wt99:is([role="group"]:first-child > *) {
    padding-top: 4px;
  }

  .lb1tagffy[data-side="bottom"] {
    top: calc(var(--lobe-popover-arrow-offset-block) * -1);
  }

  .lb14zt1df[data-side="bottom"] {
    top: calc(var(--lobe-tooltip-arrow-offset-block) * -1);
  }

  .lb1xdjrj8[aria-current="true"] {
    width: 18px;
  }

  .lb1mnm1az[data-orientation="vertical"]:not(:hover) {
    width: 3px;
  }

  .lbdv5nhs[data-orientation="vertical"]:hover {
    width: 6px;
  }

  .lb5qobh6[data-layout-animation] {
    width: var(--popup-width, auto);
  }

  .lbj8hqjc:has( > [data-virtual]) {
    overflow-x: hidden;
  }

  .lb1j8km66:has( > [data-virtual]) {
    overflow-y: hidden;
  }

  @media (width <= 479.98px) {
    .lbswfta0.lbswfta0:has([data-page-layout="flush"]) {
      padding: 0;
    }
  }

  .lb14l7nz5:first-child {
    margin-top: 0;
  }

  .lb1wdpdt8:last-child {
    border-bottom-color: currentColor;
  }

  .lb14tvv71:last-child {
    border-bottom-style: none;
  }

  .lb1t1lzn6:last-child {
    border-bottom-width: 0;
  }

  .lb4vq4ti:last-child {
    border-bottom-width: medium;
  }

  .lbvyb4q0:focus {
    top: 12px;
  }

  @media (width <= 480px) {
    .lb14a6fjp.lb14a6fjp {
      margin-top: -2px;
    }

    .lb127j3k3.lb127j3k3 {
      width: calc(100% - 30px);
    }

    .lbm1mc0.lbm1mc0 {
      width: calc(100vw - var(--toast-viewport-offset-x, 16px) * 2);
    }
  }
}

@layer lobe-ui.priority6 {
  @media (width <= 991.98px) {
    .lb1sbdsi5.lb1sbdsi5 {
      border-color: currentColor;
    }

    .lbc7dp1m.lbc7dp1m {
      border-radius: 0;
    }

    .lb1462hru.lb1462hru {
      border-style: none;
    }

    .lb1l1uicz.lb1l1uicz {
      border-width: medium;
    }

    .lb2f0dpi.lb2f0dpi {
      gap: 12px;
    }
  }

  @media (width <= 575.98px) {
    .lbcptdvr.lbcptdvr {
      gap: var(--lobe-form-gap, 0) !important;
    }
  }

  @media (width <= 479.98px) {
    .lbte0vnk.lbte0vnk {
      gap: 16px;
    }

    .lb1d0fxmx.lb1d0fxmx {
      grid-column: span 1;
    }

    .lb18noeup.lb18noeup {
      grid-row: span 1;
    }
  }

  @media (width <= 991.98px) {
    .lb1ouy645.lb1ouy645 {
      margin-block: 0;
    }

    .lb1rmbqyn.lb1rmbqyn {
      margin-inline: 0;
    }
  }

  @media (width <= 575.98px) {
    .lb1vm04zm.lb1vm04zm {
      margin-inline: 16px;
    }
  }

  @media (width <= 991.98px) {
    .lb1s54mqq.lb1s54mqq {
      overflow: visible;
    }

    .lb171wtoa.lb171wtoa {
      padding-block: 28px;
    }

    .lb11qtatw.lb11qtatw {
      padding-inline: 24px;
    }
  }

  @media (width <= 575.98px) {
    .lbat8qha.lbat8qha {
      padding-inline: 12px;
    }

    .lb13w2y4a.lb13w2y4a {
      padding-inline: 8px;
    }
  }

  @media (width <= 479.98px) {
    .lb11qje36.lb11qje36:has([data-page-layout="flush"]) {
      gap: 0;
    }
  }
}

@layer lobe-ui.priority7 {
  @media (width <= 479.98px) {
    .lb1p67ayb.lb1p67ayb {
      align-items: stretch;
    }

    .lb1mhsu00.lb1mhsu00 {
      align-self: flex-start;
    }

    .lb1mdmdwu.lb1mdmdwu {
      align-self: stretch;
    }
  }

  @media (width <= 575.98px) {
    .lb1p7zuit.lb1p7zuit {
      background-color: var(--lobe-color-bg-container);
    }

    .lbg1ws7r.lbg1ws7r {
      border-end-end-radius: 0;
    }

    .lb1td6ucm.lb1td6ucm {
      border-inline-end-style: none;
    }

    .lbnhwg79.lbnhwg79 {
      border-start-end-radius: 0;
    }
  }

  @media (width <= 991.98px) {
    .lb1jfrtjh.lb1jfrtjh {
      box-shadow: none;
    }

    .lblrxacd.lblrxacd {
      display: none;
    }
  }

  @media (width <= 575.98px) {
    .lbvcwofl.lbvcwofl {
      display: flex;
    }
  }

  @media (width <= 479.98px) {
    .lb1kad8g2.lb1kad8g2 {
      display: none;
    }
  }

  @media (width <= 991.98px) {
    .lb10tjgcu.lb10tjgcu {
      flex-direction: column;
    }
  }

  @media (width <= 575.98px) {
    .lbanpzrq.lbanpzrq {
      flex-direction: column;
    }
  }

  @media (width <= 479.98px) {
    .lbrhvytc.lbrhvytc {
      flex-direction: column;
    }
  }

  @media (width <= 575.98px) {
    .lb1g0x395.lb1g0x395 {
      font-size: 64px;
    }

    .lbv8ol62.lbv8ol62 {
      font-size: var(--lobe-font-size-heading-5);
    }
  }

  @media (width <= 479.98px) {
    .lb1s63ql6.lb1s63ql6 {
      grid-template-columns: 1fr;
    }
  }

  .lbgmhms5:after {
    inset: -1px;
  }

  .lbramuyw:after {
    inset: -4px;
  }

  .lbarstr8:after, .lbxx281p:before {
    inset: 0;
  }

  @media (width <= 575.98px) {
    .lb124196w.lb124196w {
      inset-inline-end: 0;
    }
  }

  @media (width <= 991.98px) {
    .lbzvo47g.lbzvo47g {
      padding-inline-start: 0;
    }
  }

  @media (width <= 575.98px) {
    .lb1gur3ha.lb1gur3ha {
      transform: scale(2);
    }
  }
}

@layer lobe-ui.priority8 {
  .lbi7ptuk:after {
    border-color: currentColor;
  }

  .lb677mk9::-webkit-scrollbar-thumb {
    border-radius: 3px;
  }

  .lb2coff9:after {
    border-radius: 50%;
  }

  .lb1d7ns5q:after {
    border-radius: 999px;
  }

  .lb12x7qc6:after {
    border-radius: calc(var(--gradient-button-border-radius, var(--lobe-border-radius)) - 1px);
  }

  .lb1k48kgn:after, .lbxyica1:before {
    border-radius: inherit;
  }

  .lb188t37e:before {
    border-radius: var(--gradient-button-border-radius, var(--lobe-border-radius));
  }

  .lb86avzo:after {
    border-style: solid;
  }

  @media (width <= 575.98px) {
    .lbe16sq4.lbe16sq4 {
      border-top-color: var(--lobe-color-border-secondary);
    }

    .lb1ooqxn9.lb1ooqxn9 {
      border-top-style: solid;
    }

    .lb1s6zalh.lb1s6zalh {
      border-top-width: 1px;
    }
  }

  .lb5hscyn:after {
    border-width: 1px;
  }

  .lbkbqsiu:after, .lbl5i350:before {
    flex: 1;
  }

  @media (width <= 479.98px) {
    .lb10l787.lb10l787 {
      height: 44px;
    }
  }

  .lbd54j2p:after {
    inset-block: 0;
  }

  .lbb7ltuz:after, .lbm4btww:before {
    inset-inline: 0;
  }

  @media (width <= 575.98px) {
    .lb40ivkp.lb40ivkp {
      margin-bottom: 24px;
    }
  }

  @media (width <= 991.98px) {
    .lb1ybd2li.lb1ybd2li {
      margin-top: 0;
    }
  }

  @media (width <= 575.98px) {
    .lbhmgn66.lbhmgn66 {
      margin-top: 24px;
    }

    .lb1eel1yd.lb1eel1yd {
      margin-top: calc(-1 * var(--lobe-border-radius));
    }

    .lb1i3j3n0.lb1i3j3n0 {
      max-height: 25vh;
    }
  }

  @media (width <= 991.98px) {
    .lbgfhpql.lbgfhpql {
      max-width: 100%;
    }

    .lb1qlpcz1.lb1qlpcz1 {
      min-height: 0;
    }
  }

  @media (width <= 479.98px) {
    .lb10nga59.lb10nga59 {
      min-height: 44px;
    }
  }

  @media (width <= 575.98px) {
    .lbrbat52.lbrbat52 {
      overflow-x: auto;
    }

    .lbikjck6.lbikjck6 {
      padding-top: 12px;
    }

    .lb1maa3oc.lb1maa3oc {
      padding-top: 16px;
    }
  }

  .lb1ev3kwi:after {
    transition: all .25s cubic-bezier(.22, 1, .36, 1);
  }

  .lbpd8o3w:before {
    transition: all .2s ease-in-out;
  }

  .lb18nak0j:after {
    transition: opacity .12s;
  }

  .lb1qc4mfg:before {
    transition: opacity .2s;
  }

  .lb1hyhu7s:after, .lb96j91o:before {
    transition: opacity .5s;
  }

  .lb1nmhfa6:before, .lb1yuodeg:after {
    transition: width .25s var(--lobe-motion-ease-out),height .25s var(--lobe-motion-ease-out),background .16s var(--lobe-motion-ease-out);
  }

  @media (width <= 991.98px) {
    .lb1f801mj.lb1f801mj {
      width: 100%;
    }

    .lb1lqujif.lb1lqujif {
      width: min(440px, 100%);
    }
  }

  @media (width <= 575.98px) {
    .lb17b7nro.lb17b7nro {
      width: 100%;
    }
  }

  @media (width <= 479.98px) {
    .lbc4a2h3.lbc4a2h3 {
      width: 100%;
    }
  }

  .lbv2cn8k:last-of-type:before {
    inset-block: 0;
  }

  @media (prefers-reduced-motion: reduce) {
    .lb1fgujza.lb1fgujza:before {
      transition: none;
    }
  }
}

@layer lobe-ui.priority9 {
  .lb1gvgb2w:before {
    animation-delay: 5s;
  }

  .lb1woo5v2:after {
    animation-duration: 1.2s;
  }

  .lb10pdqdo:after {
    animation-duration: 1.4s;
  }

  .lb1buahrt:after {
    animation-duration: 100s;
  }

  .lb1eozw7i:before {
    animation-duration: 5s;
  }

  .lb13ee8us:after, .lbzuot31:before {
    animation-iteration-count: infinite;
  }

  .lb1gvgqrf:after {
    animation-name: lbjwrog5-B;
  }

  .lbwkc154:after {
    animation-name: lbocro32-B;
  }

  .lb1t5bk73:before {
    animation-name: lbteockk-B;
  }

  .lbj47bkc:after {
    animation-name: lbwrpz9l-B;
  }

  .lb152856:after {
    animation-timing-function: ease-out;
  }

  .lb1v6v14n:after, .lbqfgnys:before {
    animation-timing-function: ease;
  }

  .lb15y3wy1:after {
    animation-timing-function: linear;
  }

  .lb15byv15:after {
    background-attachment: fixed;
  }

  .lb122zoth::-webkit-scrollbar-track {
    background-color: #0000;
  }

  .lb1uowca5::-webkit-scrollbar {
    background-color: #0000;
  }

  .lbyhc2n1:after {
    background-color: #0000;
  }

  .lb1jurmlm:after {
    background-color: var(--lobe-color-bg-container);
  }

  .lb187o56u:after {
    background-color: var(--lobe-color-bg-layout);
  }

  .lb1oaqp0u:after {
    background-color: var(--lobe-color-border-secondary);
  }

  .lbbn7iod::-webkit-scrollbar-thumb {
    background-color: var(--lobe-color-border-secondary);
  }

  .lbv1378s:before {
    background-color: var(--lobe-color-border-secondary);
  }

  .lb1o8vivo:after {
    background-color: var(--lobe-color-primary);
  }

  .lb1qvhnq6:after {
    background-color: var(--lobe-color-text);
  }

  .lb4uv7w2:before {
    background-color: var(--lobe-fill-border, var(--lobe-color-fill));
  }

  .lb7ji8rf:before {
    background-image: linear-gradient(-45deg,var(--lobe-gold),var(--lobe-magenta),var(--lobe-geekblue),var(--lobe-cyan));
  }

  .lbme722:after {
    background-image: linear-gradient(90deg,transparent 0.0%,var(--lobe-color-fill) 50.0%,transparent 100.0%);
  }

  .lb1h34v2x:before {
    background-image: linear-gradient(to right,transparent,var(--lobe-gold),transparent);
  }

  .lbwby26h:after {
    background-image: radial-gradient(calc(var(--spotlight-card-size, 800px) * .75) circle at var(--mouse-x) var(--mouse-y),color-mix(in srgb,var(--lobe-color-text-base) 20.0%,transparent),transparent 40.0%);
  }

  .lb6ev7nv:after {
    background-image: radial-gradient(calc(var(--spotlight-card-size, 800px) * .75) circle at var(--mouse-x) var(--mouse-y),color-mix(in srgb,var(--lobe-color-text-base) 40.0%,transparent),transparent 40.0%);
  }

  .lb1whdwp8:before {
    background-image: radial-gradient(var(--spotlight-card-size, 800px) circle at var(--mouse-x) var(--mouse-y),color-mix(in srgb,var(--lobe-color-text-base) 2.0%,transparent),transparent 40.0%);
  }

  .lbqpury0:before {
    background-image: radial-gradient(var(--spotlight-card-size, 800px) circle at var(--mouse-x) var(--mouse-y),color-mix(in srgb,var(--lobe-color-text-base) 6.0%,transparent),transparent 40.0%);
  }

  .lb1h2x0ap:after {
    background-image: repeating-linear-gradient(100deg, #000 0% 7%, #0000 10% 12%, #000 16%), repeating-linear-gradient(100deg, #3b82f6 10%, #a5b4fc 15%, #93c5fd 20%, #ddd6fe 25%, #60a5fa 30%);
  }

  .lbf5al9z:after {
    background-image: repeating-linear-gradient(100deg, #fff 0% 7%, #0000 10% 12%, #fff 16%), repeating-linear-gradient(100deg, #3b82f6 10%, #a5b4fc 15%, #93c5fd 20%, #ddd6fe 25%, #60a5fa 30%);
  }

  .lb6clwu2:after {
    background-size: 200%, 100%;
  }

  .lb1w2b1bf:before {
    background-size: 400% 400%;
  }

  .lb14injf2::placeholder {
    color: var(--lobe-color-text-placeholder);
  }

  .lb1l8b16c::placeholder {
    color: var(--lobe-color-text-quaternary);
  }

  .lbbg6shv:after {
    content: ":";
  }

  .lb100rkj9:after, .lb10tli2e:before {
    content: "";
  }

  .lb1825j3b::marker {
    content: "";
  }

  .lb1cpjm7i:before, .lb1s928wv:after {
    content: "";
  }

  .lb1fgarty:before {
    display: block;
  }

  .lb1mo6g6j::marker {
    display: none;
  }

  .lbfk6m8::-webkit-scrollbar {
    display: none;
  }

  .lb1unh1gc:after {
    inset-inline-end: 0;
  }

  .lbu7ycya:after {
    inset-inline-end: 3px;
  }

  .lb1322cx3:before {
    inset-inline-start: .9em;
  }

  .lb1682cnc:before, .lb1iygr5g:after {
    inset-inline-start: 0;
  }

  .lb1scoo6m:after {
    inset-inline-start: 1px;
  }

  .lbxprzt6:after {
    inset-inline-start: 3px;
  }

  .lb1fztlqz:after, .lbfbisj7:before {
    inset-inline-start: 50%;
  }

  .lbfzzb86:before, .lbxkb30x:after {
    margin-inline-start: -.5px;
  }

  .lbg9mdyn:after {
    mix-blend-mode: difference;
  }

  .lb124lp2h:before, .lbmf22ne:after {
    opacity: 0;
  }

  .lbfbg1o9:before {
    opacity: 1;
  }

  .lb2q1x1w:after, .lbkk1bqk:before {
    pointer-events: none;
  }

  .lb1hmns74:before, .lb1j6awrg:after {
    position: absolute;
  }

  .lbldp6pj:after {
    transform: translateX(-50%);
  }

  .lb1kulibq:after, .lbqh36ef:before {
    translate: -50% -50%;
  }

  .lb1rbqspl:before {
    -webkit-user-select: none;
    user-select: none;
  }

  .lb1i83b49:after {
    will-change: transform;
  }

  .lbi4xitw:after {
    z-index: -1;
  }

  .lbchklzq:before {
    z-index: -2;
  }

  .lbitxdhh:after {
    z-index: 1;
  }

  .lb18lmts7:before {
    z-index: 3;
  }

  .lbl5b79b.lbl5b79b:where(.lb52wp00:hover *):after {
    opacity: 1;
  }

  .lb1nqxrk8:hover:not(:active):after {
    background-color: color-mix(in srgb,var(--lobe-color-bg-container) 95.0%,transparent);
  }

  .lb1akn0p5:hover:not(:active):after {
    background-color: color-mix(in srgb,var(--lobe-color-bg-layout) 90.0%,transparent);
  }

  .lb1mtl7zf[data-border="false"]:before, .lb1u0uouw[data-border="false"]:after {
    background-color: #0000;
  }

  .lb1i7cpnv:hover:not([data-resizing], [data-border="false"]):after, .lb3zaje8:hover:not([data-resizing], [data-border="false"]):before {
    background-color: var(--lobe-color-fill);
  }

  .lb166sm7t[data-resizing]:not([data-border="false"]):before, .lbky558u:hover:not(:active):after, .lbz2vfym[data-resizing]:not([data-border="false"]):after {
    background-color: var(--lobe-color-primary);
  }

  .lbs81dfj[data-orientation="vertical"]:before {
    inset-inline-start: 50%;
  }

  .lb1yvfa1k:is(:hover, :focus-visible):after {
    opacity: .55;
  }

  .lbx6tml3[data-orientation="vertical"]:before {
    transform: translateX(-50%);
  }

  .lb5buv36[data-orientation="horizontal"]:before {
    transform: translateY(-50%);
  }

  .lbpraj56:last-of-type:before {
    background-color: currentColor;
  }

  .lbb2w9a5:last-of-type:before {
    content: "";
  }

  .lb1xrchlp:last-of-type:before {
    inset-inline-start: 0;
  }

  .lbst2b3r:last-of-type:before {
    opacity: .2;
  }

  .lbs6r6si:last-of-type:before {
    pointer-events: none;
  }

  .lb4s62p4:last-of-type:before {
    position: absolute;
  }

  .lbotewlr:hover:after {
    box-shadow: 0 0 8px color-mix(in srgb,var(--lobe-color-primary) 25.0%,transparent);
  }

  .lb1a9ivi1:hover:before {
    opacity: 1;
  }

  .lb1rtc2l9:active:after {
    background-color: color-mix(in srgb,var(--lobe-color-bg-container) 90.0%,transparent);
  }

  .lb10obk4h:active:after {
    background-color: color-mix(in srgb,var(--lobe-color-bg-layout) 85.0%,transparent);
  }

  .lb540xvi:active:after {
    background-color: var(--lobe-color-primary-active);
  }

  @media (prefers-reduced-motion: reduce) {
    .lb1j82dal.lb1j82dal:after {
      animation-name: none;
    }

    .lb4vjd1i.lb4vjd1i:after {
      display: none;
    }
  }
}

@layer lobe-ui.priority10 {
  .lb1vywxob:before, .lbqws1wt:after {
    border-top-color: var(--lobe-color-border-secondary);
  }

  .lb13fydu1:after, .lbpl44qm:before {
    border-top-style: dashed;
  }

  .lbnvurfn:before, .lbynf4tj:after {
    border-top-style: solid;
  }

  .lbm4vf9w:before, .lboiy6we:after {
    border-top-width: 1px;
  }

  .lb1xrz1ek:after, .lbhq5o37:before {
    bottom: 0;
  }

  .lb1wpe5ba:after {
    bottom: 100%;
  }

  .lbexwc5z:after {
    bottom: 1px;
  }

  .lb16fvuwb:after {
    bottom: 3px;
  }

  .lb1yqm8si::-webkit-scrollbar {
    height: 0;
  }

  .lb1wsn0xg:after, .lbszcg87:before {
    height: 100%;
  }

  .lbcock1l:after, .lby80zi5:before {
    height: 1px;
  }

  .lb3cntg4:after {
    height: 2px;
  }

  .lbar2jh8:after {
    height: 3px;
  }

  .lb7sqsej:after, .lbewkbtl:before {
    height: 40px;
  }

  .lblp2v1p:before {
    height: calc(100% - .5em);
  }

  .lb19httdr:after {
    height: calc(100% - 2px);
  }

  .lb1ms3xmb:before, .lbcjkbsu:after {
    height: calc(50.0% - var(--draggable-panel-gap, 0px));
  }

  .lb1jflgyd:after {
    height: calc(var(--toast-gap) + var(--toast-peek) + 8px);
  }

  .lb1cte2ta:after, .lb4sf3vl:before {
    margin-top: -.5px;
  }

  .lb1mpa3hi:before {
    top: -6px;
  }

  .lb1s8iqwx:before {
    top: .25em;
  }

  .lb1m1drc7:after, .lb1y3wzot:before {
    top: 0;
  }

  .lb1srwf7z:after {
    top: 100%;
  }

  .lb1n3af7d:after {
    top: 1px;
  }

  .lb158vwej:after {
    top: 3px;
  }

  .lb1knuo7r:before, .lboqv437:after {
    top: 50%;
  }

  .lbjx87ck::-webkit-scrollbar {
    width: 0;
  }

  .lb1rmj1tg:before, .lb4eaejv:after {
    width: 100%;
  }

  .lb1vgi0k:before, .lbv6d0c5:after {
    width: 1px;
  }

  .lb5rknsf:before {
    width: 24px;
  }

  .lb13694x8:after {
    width: 2px;
  }

  .lbtwz3b3:after {
    width: 40px;
  }

  .lb1t94pr5:before {
    width: 50%;
  }

  .lby2251v::-webkit-scrollbar {
    width: 6px;
  }

  .lb1ix9i1y:after {
    width: calc(100% - 2px);
  }

  .lb1v4lx7j:before, .lb1wss7qx:after {
    width: calc(50.0% - var(--draggable-panel-gap, 0px));
  }

  .lb1uphyuq[data-orientation="vertical"]:before {
    height: 100%;
  }

  .lb1s3lflt[data-orientation="horizontal"]:before {
    height: 16px;
  }

  .lb1ify4wq[data-orientation="horizontal"]:before {
    top: 50%;
  }

  .lb1hodj4j[data-orientation="horizontal"]:before {
    width: 100%;
  }

  .lb1lntsp6[data-orientation="vertical"]:before {
    width: 16px;
  }

  .lb13nootl:last-of-type:before {
    width: 1px;
  }

  .lbbapmue:hover:after {
    width: 3px;
  }
}