@cas-smartdesign/radio-button-group 6.0.0 → 6.0.1

package/dist/docs/doc.css

@@ -1 +1 @@
-:root{--base-color-black-100:#1111111a;--base-color-black-200:#1113;--base-color-black-300:#1111114d;--base-color-black-400:#1116;--base-color-black-500:#11111180;--base-color-black-600:#1119;--base-color-black-700:#111111b3;--base-color-black-800:#111c;--base-color-black-900:#111111e6;--base-color-black-opaque:#111;--base-color-blue-100:#dff1ff;--base-color-blue-150:#d4edff;--base-color-blue-200:#c6e7ff;--base-color-blue-250:#b2deff;--base-color-blue-300:#99d4ff;--base-color-blue-350:#77c5ff;--base-color-blue-400:#4ab2ff;--base-color-blue-500:#0d98ff;--base-color-blue-600:#0a72bf;--base-color-blue-650:#07568f;--base-color-blue-700:#05406c;--base-color-blue-750:#043051;--base-color-blue-800:#03243c;--base-color-blue-850:#021b2d;--base-color-blue-900:#021422;--base-color-brown-100:#efe6dd;--base-color-brown-150:#eaddd2;--base-color-brown-200:#e3d2c3;--base-color-brown-250:#dac3ae;--base-color-brown-300:#cdaf93;--base-color-brown-350:#bd9470;--base-color-brown-400:#a77140;--base-color-brown-500:#894100;--base-color-brown-600:#673100;--base-color-brown-650:#4d2500;--base-color-brown-700:#3a1b00;--base-color-brown-750:#2b1500;--base-color-brown-800:#200f00;--base-color-brown-850:#180c00;--base-color-brown-900:#120900;--base-color-cyan-100:#ddf1f7;--base-color-cyan-150:#d2edf5;--base-color-cyan-200:#c3e7f1;--base-color-cyan-250:#aedfed;--base-color-cyan-300:#93d4e7;--base-color-cyan-350:#70c6de;--base-color-cyan-400:#40b3d3;--base-color-cyan-500:#0099c5;--base-color-cyan-600:#007394;--base-color-cyan-650:#00566f;--base-color-cyan-700:#004153;--base-color-cyan-750:#00303e;--base-color-cyan-800:#00242f;--base-color-cyan-850:#001b23;--base-color-cyan-900:#00141a;--base-color-dark-blue-100:#e0ebf6;--base-color-dark-blue-150:#d5e4f3;--base-color-dark-blue-200:#c7dbef;--base-color-dark-blue-250:#b5cfe9;--base-color-dark-blue-300:#9cbfe2;--base-color-dark-blue-350:#7ba9d8;--base-color-dark-blue-400:#4f8dcb;--base-color-dark-blue-500:#1467ba;--base-color-dark-blue-600:#0f4d8b;--base-color-dark-blue-650:#0b3a69;--base-color-dark-blue-700:#082b4e;--base-color-dark-blue-750:#06213b;--base-color-dark-blue-800:#05182c;--base-color-dark-blue-850:#041221;--base-color-dark-blue-900:#030e19;--base-color-dark-green-100:#ddf1e1;--base-color-dark-green-150:#d2ecd8;--base-color-dark-green-200:#c3e6ca;--base-color-dark-green-250:#aedeb9;--base-color-dark-green-300:#93d3a1;--base-color-dark-green-350:#70c482;--base-color-dark-green-400:#40b059;--base-color-dark-green-500:#009621;--base-color-dark-green-600:#007119;--base-color-dark-green-650:#005413;--base-color-dark-green-700:#003f0e;--base-color-dark-green-750:#002f0a;--base-color-dark-green-800:#002408;--base-color-dark-green-850:#001b06;--base-color-dark-green-900:#001404;--base-color-friendly-blue-100:#dbebff;--base-color-friendly-blue-150:#d1e5ff;--base-color-friendly-blue-200:#c2dcff;--base-color-friendly-blue-250:#add1ff;--base-color-friendly-blue-300:#70aeff;--base-color-friendly-blue-350:#70aeff;--base-color-friendly-blue-400:#3d92ff;--base-color-friendly-blue-500:#006cf8;--base-color-friendly-blue-600:#0050b8;--base-color-friendly-blue-650:#003c8a;--base-color-friendly-blue-700:#002f6b;--base-color-friendly-blue-750:#002f6b;--base-color-friendly-blue-800:#00214d;--base-color-friendly-blue-850:#001b3d;--base-color-friendly-blue-900:#00142e;--base-color-friendly-dark-blue-100:#dce6fe;--base-color-friendly-dark-blue-150:#cddcfe;--base-color-friendly-dark-blue-200:#b8cdfe;--base-color-friendly-dark-blue-250:#9fbbfe;--base-color-friendly-dark-blue-300:#80a5fe;--base-color-friendly-dark-blue-350:#5385fe;--base-color-friendly-dark-blue-400:#165afd;--base-color-friendly-dark-blue-500:#0239be;--base-color-friendly-dark-blue-600:#012d98;--base-color-friendly-dark-blue-650:#01247a;--base-color-friendly-dark-blue-700:#00123d;--base-color-friendly-dark-blue-750:#00123d;--base-color-friendly-dark-blue-800:#000e2e;--base-color-friendly-dark-blue-850:#00091f;--base-color-friendly-dark-blue-900:#00040f;--base-color-green-100:#eff6df;--base-color-green-150:#eaf3d4;--base-color-green-200:#e3efc5;--base-color-green-250:#daeab2;--base-color-green-300:#cee399;--base-color-green-350:#bdda76;--base-color-green-400:#a7cd49;--base-color-green-500:#8abd0c;--base-color-green-600:#688e09;--base-color-green-650:#4e6a07;--base-color-green-700:#3a5005;--base-color-green-750:#2c3c04;--base-color-green-800:#212d03;--base-color-green-850:#192202;--base-color-green-900:#121902;--base-color-grey-100:#f1f1f1;--base-color-grey-150:#ededed;--base-color-grey-200:#e7e7e7;--base-color-grey-250:#dfdfdf;--base-color-grey-300:#d4d4d4;--base-color-grey-350:#c6c6c6;--base-color-grey-400:#b3b3b3;--base-color-grey-500:#999;--base-color-grey-600:#737373;--base-color-grey-650:#565656;--base-color-grey-700:#414141;--base-color-grey-750:#303030;--base-color-grey-800:#242424;--base-color-grey-850:#1b1b1b;--base-color-grey-900:#141414;--base-color-grey-800op80:#242424cc;--base-color-orange-100:#ffebdf;--base-color-orange-150:#ffe5d5;--base-color-orange-200:#ffdcc7;--base-color-orange-250:#ffd0b4;--base-color-orange-300:#ffc19b;--base-color-orange-350:#ffac79;--base-color-orange-400:#ff904d;--base-color-orange-500:#ff6b11;--base-color-orange-600:#bf500d;--base-color-orange-650:#8f3c0a;--base-color-orange-700:#6c2d07;--base-color-orange-750:#512205;--base-color-orange-800:#3c1904;--base-color-orange-850:#2d1303;--base-color-orange-900:#220e02;--base-color-pink-100:#f7e0ed;--base-color-pink-150:#f5d5e7;--base-color-pink-200:#f1c8df;--base-color-pink-250:#ecb5d5;--base-color-pink-300:#e69cc6;--base-color-pink-350:#de7bb4;--base-color-pink-400:#d3509a;--base-color-pink-500:#c41579;--base-color-pink-600:#93105b;--base-color-pink-650:#6e0c44;--base-color-pink-700:#530933;--base-color-pink-750:#3e0726;--base-color-pink-800:#2e051d;--base-color-pink-850:#230416;--base-color-pink-900:#1a0310;--base-color-purple-100:#f1ddf5;--base-color-purple-150:#edd2f1;--base-color-purple-200:#e7c3ed;--base-color-purple-250:#dfaee7;--base-color-purple-300:#d493df;--base-color-purple-350:#c670d4;--base-color-purple-400:#b340c5;--base-color-purple-500:#9900b2;--base-color-purple-600:#730085;--base-color-purple-650:#560064;--base-color-purple-700:#41004b;--base-color-purple-750:#300038;--base-color-purple-800:#24002a;--base-color-purple-850:#1b0020;--base-color-purple-900:#140018;--base-color-red-100:#fbdde0;--base-color-red-150:#fad2d6;--base-color-red-200:#f8c3c9;--base-color-red-250:#f6aeb7;--base-color-red-300:#f3939e;--base-color-red-350:#ef707e;--base-color-red-400:#e94053;--base-color-red-500:#e2001a;--base-color-red-600:#a90014;--base-color-red-650:#7f000f;--base-color-red-700:#5f000b;--base-color-red-750:#470008;--base-color-red-800:#360006;--base-color-red-850:#280005;--base-color-red-900:#1e0003;--base-color-white-100:#ffffff1a;--base-color-white-200:#fff3;--base-color-white-300:#ffffff4d;--base-color-white-400:#fff6;--base-color-white-500:#ffffff80;--base-color-white-600:#fff9;--base-color-white-700:#ffffffb3;--base-color-white-800:#fffc;--base-color-white-900:#ffffffe6;--base-color-white-opaque:#fff;--base-color-yellow-100:#fff6df;--base-color-yellow-150:#fff3d5;--base-color-yellow-200:#ffefc7;--base-color-yellow-250:#ffe9b4;--base-color-yellow-300:#ffe29b;--base-color-yellow-350:#ffd979;--base-color-yellow-400:#ffcc4d;--base-color-yellow-500:#fb1;--base-color-yellow-600:#bf8c0d;--base-color-yellow-650:#8f690a;--base-color-yellow-700:#6c4f07;--base-color-yellow-750:#513b05;--base-color-yellow-800:#3c2c04;--base-color-yellow-850:#2d2103;--base-color-yellow-900:#221902;--base-corner-radius-0:0;--base-corner-radius-50:2px;--base-corner-radius-100:4px;--base-corner-radius-200:8px;--base-corner-radius-300:12px;--base-corner-radius-400:16px;--base-corner-radius-500:20px;--base-corner-radius-600:24px;--base-corner-radius-950:1000px;--base-effect-blur-l:16px;--base-effect-blur-m:8px;--base-effect-blur-s:6px;--base-effect-blur-xl:24px;--base-effect-blur-xs:4px;--base-effect-blur-xxl:32px;--base-effect-blur-xxs:2px;--base-effect-position-l:5px;--base-effect-position-l-negative:-5px;--base-effect-position-m:4px;--base-effect-position-m-negative:-4px;--base-effect-position-none:0;--base-effect-position-s:3px;--base-effect-position-s-negative:-3px;--base-effect-position-xl:6px;--base-effect-position-xl-negative:-6px;--base-effect-position-xs:2px;--base-effect-position-xs-negative:-2px;--base-effect-position-xxl:7px;--base-effect-position-xxl-negative:-7px;--base-effect-position-xxs:1px;--base-effect-position-xxs-negative:-1px;--base-effect-spread-none:0;--base-opacity-100:.1;--base-opacity-200:.2;--base-opacity-300:.3;--base-opacity-400:.4;--base-opacity-500:.5;--base-opacity-600:.6;--base-opacity-700:.7;--base-opacity-800:.8;--base-opacity-900:.9;--base-opacity-none:0;--base-opacity-opaque:1;--base-spacing-002:2px;--base-spacing-004:4px;--base-spacing-006:6px;--base-spacing-008:8px;--base-spacing-012:12px;--base-spacing-016:16px;--base-spacing-024:24px;--base-spacing-032:32px;--base-text-font-family-inter:Inter;--base-text-font-family-segoe:Segoe UI;--base-text-font-size-body:15px;--base-text-font-size-caption:12px;--base-text-font-size-description:13px;--base-text-font-size-display-large:44px;--base-text-font-size-display-medium:38px;--base-text-font-size-display-small:34px;--base-text-font-size-subtitle:18px;--base-text-font-size-title-large:28px;--base-text-font-size-title-medium:24px;--base-text-font-size-title-small:20px;--base-text-font-weight-bold:700;--base-text-font-weight-light:300;--base-text-font-weight-medium:500;--base-text-font-weight-regular:400;--base-text-font-weight-semibold:600;--base-text-line-height-body:20px;--base-text-line-height-caption:14px;--base-text-line-height-description:16px;--base-text-line-height-display-large:52px;--base-text-line-height-display-medium:46px;--base-text-line-height-display-small:40px;--base-text-line-height-subtitle:22px;--base-text-line-height-title-large:34px;--base-text-line-height-title-medium:28px;--base-text-line-height-title-small:24px;--opacity-default:var(--base-opacity-500);--opacity-stronger:var(--base-opacity-700);--opacity-strongest:var(--base-opacity-800);--opacity-weaker:var(--base-opacity-300);--opacity-weakest:var(--base-opacity-200);--radius-l:var(--base-corner-radius-300);--radius-m:var(--base-corner-radius-200);--radius-none:var(--base-corner-radius-0);--radius-round:var(--base-corner-radius-950);--radius-s:var(--base-corner-radius-100);--radius-xl:var(--base-corner-radius-400);--radius-xs:var(--base-corner-radius-50);--spacing-x1:var(--base-spacing-002);--spacing-x2:var(--base-spacing-004);--spacing-x3:var(--base-spacing-006);--spacing-x4:var(--base-spacing-008);--spacing-x6:var(--base-spacing-012);--spacing-x8:var(--base-spacing-016);--spacing-x12:var(--base-spacing-024);--spacing-x16:var(--base-spacing-032);--effect-shadow-default:var(--base-effect-position-none) var(--base-effect-position-m) var(--base-effect-blur-l) var(--base-effect-spread-none) var(--base-color-black-300);--effect-shadow-strong:var(--base-effect-position-xxs) var(--base-effect-position-m) var(--base-effect-blur-xl) var(--base-effect-spread-none) var(--base-color-black-500);--effect-shadow-weak:var(--base-effect-position-none) var(--base-effect-position-none) var(--base-effect-blur-l) var(--base-effect-spread-none) var(--base-color-black-100);--text-body:400 var(--base-text-font-size-body)/var(--base-text-line-height-body) var(--base-text-font-family-inter);--text-body-highlighted:700 var(--base-text-font-size-body)/var(--base-text-line-height-body) var(--base-text-font-family-inter);--text-body-strong:500 var(--base-text-font-size-body)/var(--base-text-line-height-body) var(--base-text-font-family-inter);--text-body-sub:300 var(--base-text-font-size-body)/var(--base-text-line-height-body) var(--base-text-font-family-inter);--text-caption:400 var(--base-text-font-size-caption)/var(--base-text-line-height-caption) var(--base-text-font-family-inter);--text-caption-strong:500 var(--base-text-font-size-caption)/var(--base-text-line-height-caption) var(--base-text-font-family-inter);--text-description:400 var(--base-text-font-size-description)/var(--base-text-line-height-description) var(--base-text-font-family-inter);--text-description-highlighted:700 var(--base-text-font-size-description)/var(--base-text-line-height-description) var(--base-text-font-family-inter);--text-description-strong:500 var(--base-text-font-size-description)/var(--base-text-line-height-description) var(--base-text-font-family-inter);--text-display-large:300 var(--base-text-font-size-display-large)/var(--base-text-line-height-display-large) var(--base-text-font-family-inter);--text-display-large-strong:500 var(--base-text-font-size-display-large)/var(--base-text-line-height-display-large) var(--base-text-font-family-inter);--text-display-medium:300 var(--base-text-font-size-display-medium)/var(--base-text-line-height-display-medium) var(--base-text-font-family-inter);--text-display-medium-strong:500 var(--base-text-font-size-display-medium)/var(--base-text-line-height-display-medium) var(--base-text-font-family-inter);--text-display-small:300 var(--base-text-font-size-display-small)/var(--base-text-line-height-display-small) var(--base-text-font-family-inter);--text-display-small-strong:500 var(--base-text-font-size-display-small)/var(--base-text-line-height-display-small) var(--base-text-font-family-inter);--text-subtitle:300 var(--base-text-font-size-subtitle)/var(--base-text-line-height-subtitle) var(--base-text-font-family-inter);--text-subtitle-strong:500 var(--base-text-font-size-subtitle)/var(--base-text-line-height-subtitle) var(--base-text-font-family-inter);--text-title-large:300 var(--base-text-font-size-title-large)/var(--base-text-line-height-title-large) var(--base-text-font-family-inter);--text-title-large-strong:500 var(--base-text-font-size-title-large)/var(--base-text-line-height-title-large) var(--base-text-font-family-inter);--text-title-medium:300 var(--base-text-font-size-title-medium)/var(--base-text-line-height-title-medium) var(--base-text-font-family-inter);--text-title-medium-strong:500 var(--base-text-font-size-title-medium)/var(--base-text-line-height-title-medium) var(--base-text-font-family-inter);--text-title-small:300 var(--base-text-font-size-title-small)/var(--base-text-line-height-title-small) var(--base-text-font-family-inter);--text-title-small-strong:500 var(--base-text-font-size-title-small)/var(--base-text-line-height-title-small) var(--base-text-font-family-inter)}body:not([sd-color-scheme]),[sd-color-scheme=light\ dark]:not(.prefers-dark),[sd-color-scheme=light]{--color-bg-accent:var(--base-color-dark-blue-500);--color-bg-action-accent-default:var(--base-color-dark-blue-500);--color-bg-action-accent-default-hover:var(--base-color-dark-blue-600);--color-bg-action-accent-default-pressed:var(--base-color-dark-blue-650);--color-bg-action-accent-weak:var(--base-color-dark-blue-100);--color-bg-action-accent-weak-hover:var(--base-color-dark-blue-150);--color-bg-action-accent-weak-pressed:var(--base-color-dark-blue-200);--color-bg-action-accent-weakest:var(--base-color-white-opaque);--color-bg-action-accent-weakest-hover:var(--base-color-dark-blue-100);--color-bg-action-accent-weakest-pressed:var(--base-color-dark-blue-200);--color-bg-action-danger-default:var(--base-color-red-100);--color-bg-action-danger-default-hover:var(--base-color-red-150);--color-bg-action-danger-default-pressed:var(--base-color-red-200);--color-bg-action-neutral-default:var(--base-color-grey-300);--color-bg-action-neutral-default-hover:var(--base-color-grey-350);--color-bg-action-neutral-default-pressed:var(--base-color-grey-400);--color-bg-action-neutral-weak:var(--base-color-grey-150);--color-bg-action-neutral-weak-hover:var(--base-color-grey-250);--color-bg-action-neutral-weak-pressed:var(--base-color-grey-300);--color-bg-action-neutral-weakest:var(--base-color-white-opaque);--color-bg-action-neutral-weakest-hover:var(--base-color-grey-150);--color-bg-action-neutral-weakest-pressed:var(--base-color-grey-250);--color-bg-assistive:var(--base-color-dark-blue-100);--color-bg-brand:var(--base-color-red-500);--color-bg-danger:var(--base-color-red-100);--color-bg-default:var(--base-color-white-opaque);--color-bg-default-translucent:var(--base-color-white-800);--color-bg-interaction-disabled:var(--base-color-grey-200);--color-bg-selection-accent-default:var(--base-color-dark-blue-500);--color-bg-selection-accent-weak:var(--base-color-dark-blue-200);--color-bg-selection-accent-weak-hover:var(--base-color-dark-blue-100);--color-bg-selection-neutral-default:var(--base-color-grey-150);--color-bg-selection-neutral-default-hover:var(--base-color-grey-250);--color-bg-selection-neutral-weakest:var(--base-color-white-opaque);--color-bg-success:var(--base-color-dark-green-100);--color-bg-warning:var(--base-color-yellow-100);--color-bg-weak:var(--base-color-grey-100);--color-bg-weaker:var(--base-color-grey-150);--color-border-accent:var(--base-color-dark-blue-500);--color-border-action-accent-default:var(--base-color-dark-blue-500);--color-border-action-accent-default-hover:var(--base-color-dark-blue-600);--color-border-action-accent-default-pressed:var(--base-color-dark-blue-650);--color-border-action-danger-default:var(--base-color-red-600);--color-border-action-danger-default-hover:var(--base-color-red-650);--color-border-action-danger-default-pressed:var(--base-color-red-700);--color-border-action-neutral-default:var(--base-color-grey-500);--color-border-action-neutral-default-hover:var(--base-color-grey-600);--color-border-action-neutral-default-pressed:var(--base-color-grey-650);--color-border-assistive-default:var(--base-color-dark-blue-200);--color-border-assistive-neutral:var(--base-color-grey-300);--color-border-assistive-strong:var(--base-color-dark-blue-500);--color-border-danger-default:var(--base-color-red-200);--color-border-danger-strong:var(--base-color-red-600);--color-border-default:var(--base-color-grey-300);--color-border-interaction-disabled:var(--base-color-grey-350);--color-border-interaction-focus:var(--base-color-black-opaque);--color-border-on-color:var(--base-color-white-opaque);--color-border-on-translucent:var(--base-color-white-100);--color-border-selection-accent-default:var(--base-color-dark-blue-500);--color-border-selection-accent-weak:var(--base-color-dark-blue-200);--color-border-selection-neutral-default:var(--base-color-grey-500);--color-border-strong:var(--base-color-grey-400);--color-border-success-default:var(--base-color-dark-green-200);--color-border-success-strong:var(--base-color-dark-green-600);--color-border-warning-default:var(--base-color-yellow-250);--color-border-warning-strong:var(--base-color-yellow-600);--color-border-weak:var(--base-color-grey-150);--color-fg-accent:var(--base-color-dark-blue-500);--color-fg-action-accent-default:var(--base-color-dark-blue-500);--color-fg-action-accent-default-hover:var(--base-color-dark-blue-600);--color-fg-action-accent-default-pressed:var(--base-color-dark-blue-650);--color-fg-action-danger-default:var(--base-color-red-600);--color-fg-action-danger-default-hover:var(--base-color-red-650);--color-fg-action-danger-default-pressed:var(--base-color-red-700);--color-fg-action-neutral-default:var(--base-color-black-opaque);--color-fg-action-neutral-default-hover:var(--base-color-black-opaque);--color-fg-action-neutral-default-pressed:var(--base-color-black-opaque);--color-fg-action-neutral-weak:var(--base-color-grey-600);--color-fg-action-neutral-weak-hover:var(--base-color-grey-650);--color-fg-action-neutral-weak-pressed:var(--base-color-grey-650);--color-fg-assistive-default:var(--base-color-dark-blue-500);--color-fg-assistive-neutral:var(--base-color-grey-600);--color-fg-danger:var(--base-color-red-600);--color-fg-default:var(--base-color-black-opaque);--color-fg-interaction-disabled:var(--base-color-grey-500);--color-fg-interaction-on-color:var(--base-color-white-opaque);--color-fg-on-color:var(--base-color-white-opaque);--color-fg-selection-accent-default:var(--base-color-dark-blue-500);--color-fg-selection-neutral-default:var(--base-color-black-opaque);--color-fg-success:var(--base-color-dark-green-600);--color-fg-warning:var(--base-color-yellow-600);--color-fg-weak:var(--base-color-grey-650);--color-fg-weaker:var(--base-color-grey-600);--color-rainbow-ai-default-gradient-end:var(--base-color-friendly-blue-500);--color-rainbow-ai-default-gradient-start:var(--base-color-friendly-dark-blue-500);--color-rainbow-ai-strong10-gradient-end:var(--base-color-friendly-blue-600);--color-rainbow-ai-strong10-gradient-start:var(--base-color-friendly-dark-blue-600);--color-rainbow-ai-strong20-gradient-end:var(--base-color-friendly-blue-650);--color-rainbow-ai-strong20-gradient-start:var(--base-color-friendly-dark-blue-650);--color-rainbow-ai-strong30-gradient-end:var(--base-color-friendly-blue-750);--color-rainbow-ai-strong30-gradient-start:var(--base-color-friendly-dark-blue-750);--color-rainbow-ai-weak10-gradient-end:var(--base-color-friendly-blue-350);--color-rainbow-ai-weak10-gradient-start:var(--base-color-friendly-dark-blue-350);--color-rainbow-ai-weak20-gradient-end:var(--base-color-friendly-blue-300);--color-rainbow-ai-weak20-gradient-start:var(--base-color-friendly-dark-blue-300);--color-rainbow-ai-weak30-gradient-end:var(--base-color-friendly-blue-200);--color-rainbow-ai-weak30-gradient-start:var(--base-color-friendly-dark-blue-200);--color-rainbow-ai-weak40-gradient-end:var(--base-color-friendly-blue-100);--color-rainbow-ai-weak40-gradient-start:var(--base-color-friendly-dark-blue-100);--color-rainbow-black:var(--base-color-black-opaque);--color-rainbow-blue-default:var(--base-color-blue-500);--color-rainbow-blue-strong10:var(--base-color-blue-600);--color-rainbow-blue-strong20:var(--base-color-blue-650);--color-rainbow-blue-strong30:var(--base-color-blue-750);--color-rainbow-blue-weak10:var(--base-color-blue-350);--color-rainbow-blue-weak20:var(--base-color-blue-300);--color-rainbow-blue-weak30:var(--base-color-blue-200);--color-rainbow-blue-weak40:var(--base-color-blue-100);--color-rainbow-brown-default:var(--base-color-brown-500);--color-rainbow-brown-strong10:var(--base-color-brown-600);--color-rainbow-brown-strong20:var(--base-color-brown-650);--color-rainbow-brown-strong30:var(--base-color-brown-750);--color-rainbow-brown-weak10:var(--base-color-brown-350);--color-rainbow-brown-weak20:var(--base-color-brown-300);--color-rainbow-brown-weak30:var(--base-color-brown-200);--color-rainbow-brown-weak40:var(--base-color-brown-100);--color-rainbow-cyan-default:var(--base-color-cyan-500);--color-rainbow-cyan-strong10:var(--base-color-cyan-600);--color-rainbow-cyan-strong20:var(--base-color-cyan-650);--color-rainbow-cyan-strong30:var(--base-color-cyan-750);--color-rainbow-cyan-weak10:var(--base-color-cyan-350);--color-rainbow-cyan-weak20:var(--base-color-cyan-300);--color-rainbow-cyan-weak30:var(--base-color-cyan-200);--color-rainbow-cyan-weak40:var(--base-color-cyan-100);--color-rainbow-dark-blue-default:var(--base-color-dark-blue-500);--color-rainbow-dark-blue-strong10:var(--base-color-dark-blue-600);--color-rainbow-dark-blue-strong20:var(--base-color-dark-blue-650);--color-rainbow-dark-blue-strong30:var(--base-color-dark-blue-750);--color-rainbow-dark-blue-weak10:var(--base-color-dark-blue-350);--color-rainbow-dark-blue-weak20:var(--base-color-dark-blue-300);--color-rainbow-dark-blue-weak30:var(--base-color-dark-blue-200);--color-rainbow-dark-blue-weak40:var(--base-color-dark-blue-100);--color-rainbow-dark-green-default:var(--base-color-dark-green-500);--color-rainbow-dark-green-strong10:var(--base-color-dark-green-600);--color-rainbow-dark-green-strong20:var(--base-color-dark-green-650);--color-rainbow-dark-green-strong30:var(--base-color-dark-green-750);--color-rainbow-dark-green-weak10:var(--base-color-dark-green-350);--color-rainbow-dark-green-weak20:var(--base-color-dark-green-300);--color-rainbow-dark-green-weak30:var(--base-color-dark-green-200);--color-rainbow-dark-green-weak40:var(--base-color-dark-green-100);--color-rainbow-green-default:var(--base-color-green-500);--color-rainbow-green-strong10:var(--base-color-green-600);--color-rainbow-green-strong20:var(--base-color-green-650);--color-rainbow-green-strong30:var(--base-color-green-750);--color-rainbow-green-weak10:var(--base-color-green-350);--color-rainbow-green-weak20:var(--base-color-green-300);--color-rainbow-green-weak30:var(--base-color-green-200);--color-rainbow-green-weak40:var(--base-color-green-100);--color-rainbow-grey-default:var(--base-color-grey-500);--color-rainbow-grey-strong10:var(--base-color-grey-600);--color-rainbow-grey-strong20:var(--base-color-grey-650);--color-rainbow-grey-strong30:var(--base-color-grey-750);--color-rainbow-grey-weak10:var(--base-color-grey-350);--color-rainbow-grey-weak20:var(--base-color-grey-300);--color-rainbow-grey-weak30:var(--base-color-grey-200);--color-rainbow-grey-weak40:var(--base-color-grey-100);--color-rainbow-mono-strong:var(--base-color-black-opaque);--color-rainbow-mono-weak:var(--base-color-white-opaque);--color-rainbow-orange-default:var(--base-color-orange-500);--color-rainbow-orange-strong10:var(--base-color-orange-600);--color-rainbow-orange-strong20:var(--base-color-orange-650);--color-rainbow-orange-strong30:var(--base-color-orange-750);--color-rainbow-orange-weak10:var(--base-color-orange-350);--color-rainbow-orange-weak20:var(--base-color-orange-300);--color-rainbow-orange-weak30:var(--base-color-orange-200);--color-rainbow-orange-weak40:var(--base-color-orange-100);--color-rainbow-pink-default:var(--base-color-pink-500);--color-rainbow-pink-strong10:var(--base-color-pink-600);--color-rainbow-pink-strong20:var(--base-color-pink-650);--color-rainbow-pink-strong30:var(--base-color-pink-750);--color-rainbow-pink-weak10:var(--base-color-pink-350);--color-rainbow-pink-weak20:var(--base-color-pink-300);--color-rainbow-pink-weak30:var(--base-color-pink-200);--color-rainbow-pink-weak40:var(--base-color-pink-100);--color-rainbow-purple-default:var(--base-color-purple-500);--color-rainbow-purple-strong10:var(--base-color-purple-600);--color-rainbow-purple-strong20:var(--base-color-purple-650);--color-rainbow-purple-strong30:var(--base-color-purple-750);--color-rainbow-purple-weak10:var(--base-color-purple-350);--color-rainbow-purple-weak20:var(--base-color-purple-300);--color-rainbow-purple-weak30:var(--base-color-purple-200);--color-rainbow-purple-weak40:var(--base-color-purple-100);--color-rainbow-red-default:var(--base-color-red-500);--color-rainbow-red-strong10:var(--base-color-red-600);--color-rainbow-red-strong20:var(--base-color-red-650);--color-rainbow-red-strong30:var(--base-color-red-750);--color-rainbow-red-weak10:var(--base-color-red-350);--color-rainbow-red-weak20:var(--base-color-red-300);--color-rainbow-red-weak30:var(--base-color-red-200);--color-rainbow-red-weak40:var(--base-color-red-100);--color-rainbow-white:var(--base-color-white-opaque);--color-rainbow-yellow-default:var(--base-color-yellow-500);--color-rainbow-yellow-strong10:var(--base-color-yellow-600);--color-rainbow-yellow-strong20:var(--base-color-yellow-650);--color-rainbow-yellow-strong30:var(--base-color-yellow-750);--color-rainbow-yellow-weak10:var(--base-color-yellow-350);--color-rainbow-yellow-weak20:var(--base-color-yellow-300);--color-rainbow-yellow-weak30:var(--base-color-yellow-200);--color-rainbow-yellow-weak40:var(--base-color-yellow-100);--color-rainbow-ai-default:linear-gradient(90deg, var(--color-rainbow-ai-default-gradient-start) 0%, var(--color-rainbow-ai-default-gradient-end) 100%);--color-rainbow-ai-strong10:linear-gradient(90deg, var(--color-rainbow-ai-strong10-gradient-start) 0%, var(--color-rainbow-ai-strong10-gradient-end) 100%);--color-rainbow-ai-strong20:linear-gradient(90deg, var(--color-rainbow-ai-strong20-gradient-start) 0%, var(--color-rainbow-ai-strong20-gradient-end) 100%);--color-rainbow-ai-strong30:linear-gradient(90deg, var(--color-rainbow-ai-strong30-gradient-start) 0%, var(--color-rainbow-ai-strong30-gradient-end) 100%);--color-rainbow-ai-weak10:linear-gradient(90deg, var(--color-rainbow-ai-weak10-gradient-start) 0%, var(--color-rainbow-ai-weak10-gradient-end) 100%);--color-rainbow-ai-weak20:linear-gradient(270deg, var(--color-rainbow-ai-weak20-gradient-start) 0%, var(--color-rainbow-ai-weak20-gradient-end) 100%);--color-rainbow-ai-weak30:linear-gradient(270deg, var(--color-rainbow-ai-weak30-gradient-start) 0%, var(--color-rainbow-ai-weak30-gradient-end) 100%);--color-rainbow-ai-weak40:linear-gradient(270deg, var(--color-rainbow-ai-weak40-gradient-start) 0%, var(--color-rainbow-ai-weak40-gradient-end) 100%)}[sd-color-scheme=light\ dark].prefers-dark,[sd-color-scheme=dark]{--color-bg-accent:var(--base-color-blue-500);--color-bg-action-accent-default:var(--base-color-blue-500);--color-bg-action-accent-default-hover:var(--base-color-blue-600);--color-bg-action-accent-default-pressed:var(--base-color-blue-650);--color-bg-action-accent-weak:var(--base-color-blue-850);--color-bg-action-accent-weak-hover:var(--base-color-blue-800);--color-bg-action-accent-weak-pressed:var(--base-color-blue-750);--color-bg-action-accent-weakest:var(--base-color-grey-800);--color-bg-action-accent-weakest-hover:var(--base-color-dark-blue-750);--color-bg-action-accent-weakest-pressed:var(--base-color-dark-blue-800);--color-bg-action-danger-default:var(--base-color-red-800);--color-bg-action-danger-default-hover:var(--base-color-red-750);--color-bg-action-danger-default-pressed:var(--base-color-red-700);--color-bg-action-neutral-default:var(--base-color-grey-700);--color-bg-action-neutral-default-hover:var(--base-color-grey-650);--color-bg-action-neutral-default-pressed:var(--base-color-grey-600);--color-bg-action-neutral-weak:var(--base-color-grey-700);--color-bg-action-neutral-weak-hover:var(--base-color-grey-650);--color-bg-action-neutral-weak-pressed:var(--base-color-grey-600);--color-bg-action-neutral-weakest:var(--base-color-grey-800);--color-bg-action-neutral-weakest-hover:var(--base-color-grey-700);--color-bg-action-neutral-weakest-pressed:var(--base-color-grey-750);--color-bg-assistive:var(--base-color-blue-750);--color-bg-brand:var(--base-color-grey-700);--color-bg-danger:var(--base-color-red-800);--color-bg-default:var(--base-color-grey-800);--color-bg-default-translucent:var(--base-color-grey-800op80);--color-bg-interaction-disabled:var(--base-color-grey-850);--color-bg-selection-accent-default:var(--base-color-blue-500);--color-bg-selection-accent-weak:var(--base-color-blue-800);--color-bg-selection-accent-weak-hover:var(--base-color-blue-850);--color-bg-selection-neutral-default:var(--base-color-grey-700);--color-bg-selection-neutral-default-hover:var(--base-color-grey-750);--color-bg-selection-neutral-weakest:var(--base-color-grey-800);--color-bg-success:var(--base-color-dark-green-750);--color-bg-warning:var(--base-color-yellow-800);--color-bg-weak:var(--base-color-grey-900);--color-bg-weaker:var(--base-color-black-opaque);--color-border-accent:var(--base-color-blue-500);--color-border-action-accent-default:var(--base-color-blue-500);--color-border-action-accent-default-hover:var(--base-color-blue-600);--color-border-action-accent-default-pressed:var(--base-color-blue-650);--color-border-action-danger-default:var(--base-color-red-400);--color-border-action-danger-default-hover:var(--base-color-red-500);--color-border-action-danger-default-pressed:var(--base-color-red-600);--color-border-action-neutral-default:var(--base-color-grey-500);--color-border-action-neutral-default-hover:var(--base-color-grey-400);--color-border-action-neutral-default-pressed:var(--base-color-grey-350);--color-border-assistive-default:var(--base-color-blue-700);--color-border-assistive-neutral:var(--base-color-grey-700);--color-border-assistive-strong:var(--base-color-blue-500);--color-border-danger-default:var(--base-color-red-750);--color-border-danger-strong:var(--base-color-red-400);--color-border-default:var(--base-color-grey-650);--color-border-interaction-disabled:var(--base-color-grey-650);--color-border-interaction-focus:var(--base-color-white-opaque);--color-border-on-color:var(--base-color-black-opaque);--color-border-on-translucent:var(--base-color-grey-750);--color-border-selection-accent-default:var(--base-color-blue-500);--color-border-selection-accent-weak:var(--base-color-blue-750);--color-border-selection-neutral-default:var(--base-color-grey-500);--color-border-strong:var(--base-color-grey-500);--color-border-success-default:var(--base-color-dark-green-700);--color-border-success-strong:var(--base-color-dark-green-400);--color-border-warning-default:var(--base-color-yellow-750);--color-border-warning-strong:var(--base-color-yellow-400);--color-border-weak:var(--base-color-grey-750);--color-fg-accent:var(--base-color-blue-500);--color-fg-action-accent-default:var(--base-color-blue-500);--color-fg-action-accent-default-hover:var(--base-color-blue-600);--color-fg-action-accent-default-pressed:var(--base-color-blue-700);--color-fg-action-danger-default:var(--base-color-red-400);--color-fg-action-danger-default-hover:var(--base-color-red-500);--color-fg-action-danger-default-pressed:var(--base-color-red-600);--color-fg-action-neutral-default:var(--base-color-white-opaque);--color-fg-action-neutral-default-hover:var(--base-color-white-opaque);--color-fg-action-neutral-default-pressed:var(--base-color-white-opaque);--color-fg-action-neutral-weak:var(--base-color-grey-400);--color-fg-action-neutral-weak-hover:var(--base-color-grey-350);--color-fg-action-neutral-weak-pressed:var(--base-color-grey-250);--color-fg-assistive-default:var(--base-color-blue-500);--color-fg-assistive-neutral:var(--base-color-grey-400);--color-fg-danger:var(--base-color-red-400);--color-fg-default:var(--base-color-white-opaque);--color-fg-interaction-disabled:var(--base-color-grey-500);--color-fg-interaction-on-color:var(--base-color-black-opaque);--color-fg-on-color:var(--base-color-black-opaque);--color-fg-selection-accent-default:var(--base-color-blue-500);--color-fg-selection-neutral-default:var(--base-color-white-opaque);--color-fg-success:var(--base-color-dark-green-400);--color-fg-warning:var(--base-color-yellow-400);--color-fg-weak:var(--base-color-grey-250);--color-fg-weaker:var(--base-color-grey-300);--color-rainbow-ai-default-gradient-end:var(--base-color-friendly-blue-500);--color-rainbow-ai-default-gradient-start:var(--base-color-blue-500);--color-rainbow-ai-strong10-gradient-end:var(--base-color-friendly-blue-400);--color-rainbow-ai-strong10-gradient-start:var(--base-color-blue-400);--color-rainbow-ai-strong20-gradient-end:var(--base-color-friendly-blue-350);--color-rainbow-ai-strong20-gradient-start:var(--base-color-blue-350);--color-rainbow-ai-strong30-gradient-end:var(--base-color-friendly-blue-200);--color-rainbow-ai-strong30-gradient-start:var(--base-color-blue-200);--color-rainbow-ai-weak10-gradient-end:var(--base-color-friendly-blue-650);--color-rainbow-ai-weak10-gradient-start:var(--base-color-blue-650);--color-rainbow-ai-weak20-gradient-end:var(--base-color-friendly-blue-700);--color-rainbow-ai-weak20-gradient-start:var(--base-color-blue-700);--color-rainbow-ai-weak30-gradient-end:var(--base-color-friendly-blue-750);--color-rainbow-ai-weak30-gradient-start:var(--base-color-blue-800);--color-rainbow-ai-weak40-gradient-end:var(--base-color-friendly-blue-800);--color-rainbow-ai-weak40-gradient-start:var(--base-color-blue-850);--color-rainbow-black:var(--base-color-black-opaque);--color-rainbow-blue-default:var(--base-color-blue-500);--color-rainbow-blue-strong10:var(--base-color-blue-400);--color-rainbow-blue-strong20:var(--base-color-blue-350);--color-rainbow-blue-strong30:var(--base-color-blue-200);--color-rainbow-blue-weak10:var(--base-color-blue-650);--color-rainbow-blue-weak20:var(--base-color-blue-700);--color-rainbow-blue-weak30:var(--base-color-blue-750);--color-rainbow-blue-weak40:var(--base-color-blue-800);--color-rainbow-brown-default:var(--base-color-brown-500);--color-rainbow-brown-strong10:var(--base-color-brown-400);--color-rainbow-brown-strong20:var(--base-color-brown-350);--color-rainbow-brown-strong30:var(--base-color-brown-200);--color-rainbow-brown-weak10:var(--base-color-brown-650);--color-rainbow-brown-weak20:var(--base-color-brown-700);--color-rainbow-brown-weak30:var(--base-color-brown-750);--color-rainbow-brown-weak40:var(--base-color-brown-800);--color-rainbow-cyan-default:var(--base-color-cyan-500);--color-rainbow-cyan-strong10:var(--base-color-cyan-400);--color-rainbow-cyan-strong20:var(--base-color-cyan-350);--color-rainbow-cyan-strong30:var(--base-color-cyan-200);--color-rainbow-cyan-weak10:var(--base-color-cyan-650);--color-rainbow-cyan-weak20:var(--base-color-cyan-700);--color-rainbow-cyan-weak30:var(--base-color-cyan-750);--color-rainbow-cyan-weak40:var(--base-color-cyan-800);--color-rainbow-dark-blue-default:var(--base-color-dark-blue-500);--color-rainbow-dark-blue-strong10:var(--base-color-dark-blue-400);--color-rainbow-dark-blue-strong20:var(--base-color-dark-blue-350);--color-rainbow-dark-blue-strong30:var(--base-color-dark-blue-200);--color-rainbow-dark-blue-weak10:var(--base-color-dark-blue-650);--color-rainbow-dark-blue-weak20:var(--base-color-dark-blue-700);--color-rainbow-dark-blue-weak30:var(--base-color-dark-blue-750);--color-rainbow-dark-blue-weak40:var(--base-color-dark-blue-800);--color-rainbow-dark-green-default:var(--base-color-dark-green-500);--color-rainbow-dark-green-strong10:var(--base-color-dark-green-400);--color-rainbow-dark-green-strong20:var(--base-color-dark-green-350);--color-rainbow-dark-green-strong30:var(--base-color-dark-green-200);--color-rainbow-dark-green-weak10:var(--base-color-dark-green-650);--color-rainbow-dark-green-weak20:var(--base-color-dark-green-700);--color-rainbow-dark-green-weak30:var(--base-color-dark-green-750);--color-rainbow-dark-green-weak40:var(--base-color-dark-green-800);--color-rainbow-green-default:var(--base-color-green-500);--color-rainbow-green-strong10:var(--base-color-green-400);--color-rainbow-green-strong20:var(--base-color-green-350);--color-rainbow-green-strong30:var(--base-color-green-200);--color-rainbow-green-weak10:var(--base-color-green-650);--color-rainbow-green-weak20:var(--base-color-green-700);--color-rainbow-green-weak30:var(--base-color-green-750);--color-rainbow-green-weak40:var(--base-color-green-800);--color-rainbow-grey-default:var(--base-color-grey-500);--color-rainbow-grey-strong10:var(--base-color-grey-400);--color-rainbow-grey-strong20:var(--base-color-grey-350);--color-rainbow-grey-strong30:var(--base-color-grey-200);--color-rainbow-grey-weak10:var(--base-color-grey-650);--color-rainbow-grey-weak20:var(--base-color-grey-700);--color-rainbow-grey-weak30:var(--base-color-grey-750);--color-rainbow-grey-weak40:var(--base-color-grey-800);--color-rainbow-mono-strong:var(--base-color-white-opaque);--color-rainbow-mono-weak:var(--base-color-grey-800);--color-rainbow-orange-default:var(--base-color-orange-500);--color-rainbow-orange-strong10:var(--base-color-orange-400);--color-rainbow-orange-strong20:var(--base-color-orange-350);--color-rainbow-orange-strong30:var(--base-color-orange-200);--color-rainbow-orange-weak10:var(--base-color-orange-650);--color-rainbow-orange-weak20:var(--base-color-orange-700);--color-rainbow-orange-weak30:var(--base-color-orange-750);--color-rainbow-orange-weak40:var(--base-color-orange-800);--color-rainbow-pink-default:var(--base-color-pink-500);--color-rainbow-pink-strong10:var(--base-color-pink-400);--color-rainbow-pink-strong20:var(--base-color-pink-350);--color-rainbow-pink-strong30:var(--base-color-pink-200);--color-rainbow-pink-weak10:var(--base-color-pink-650);--color-rainbow-pink-weak20:var(--base-color-pink-700);--color-rainbow-pink-weak30:var(--base-color-pink-750);--color-rainbow-pink-weak40:var(--base-color-pink-800);--color-rainbow-purple-default:var(--base-color-purple-500);--color-rainbow-purple-strong10:var(--base-color-purple-400);--color-rainbow-purple-strong20:var(--base-color-purple-350);--color-rainbow-purple-strong30:var(--base-color-purple-200);--color-rainbow-purple-weak10:var(--base-color-purple-650);--color-rainbow-purple-weak20:var(--base-color-purple-650);--color-rainbow-purple-weak30:var(--base-color-purple-750);--color-rainbow-purple-weak40:var(--base-color-purple-800);--color-rainbow-red-default:var(--base-color-red-500);--color-rainbow-red-strong10:var(--base-color-red-400);--color-rainbow-red-strong20:var(--base-color-red-350);--color-rainbow-red-strong30:var(--base-color-red-200);--color-rainbow-red-weak10:var(--base-color-red-650);--color-rainbow-red-weak20:var(--base-color-red-700);--color-rainbow-red-weak30:var(--base-color-red-750);--color-rainbow-red-weak40:var(--base-color-red-800);--color-rainbow-white:var(--base-color-white-opaque);--color-rainbow-yellow-default:var(--base-color-yellow-500);--color-rainbow-yellow-strong10:var(--base-color-yellow-400);--color-rainbow-yellow-strong20:var(--base-color-yellow-350);--color-rainbow-yellow-strong30:var(--base-color-yellow-200);--color-rainbow-yellow-weak10:var(--base-color-yellow-650);--color-rainbow-yellow-weak20:var(--base-color-yellow-700);--color-rainbow-yellow-weak30:var(--base-color-yellow-750);--color-rainbow-yellow-weak40:var(--base-color-yellow-800);--color-rainbow-ai-default:linear-gradient(90deg, var(--color-rainbow-ai-default-gradient-start) 0%, var(--color-rainbow-ai-default-gradient-end) 100%);--color-rainbow-ai-strong10:linear-gradient(90deg, var(--color-rainbow-ai-strong10-gradient-start) 0%, var(--color-rainbow-ai-strong10-gradient-end) 100%);--color-rainbow-ai-strong20:linear-gradient(90deg, var(--color-rainbow-ai-strong20-gradient-start) 0%, var(--color-rainbow-ai-strong20-gradient-end) 100%);--color-rainbow-ai-strong30:linear-gradient(90deg, var(--color-rainbow-ai-strong30-gradient-start) 0%, var(--color-rainbow-ai-strong30-gradient-end) 100%);--color-rainbow-ai-weak10:linear-gradient(90deg, var(--color-rainbow-ai-weak10-gradient-start) 0%, var(--color-rainbow-ai-weak10-gradient-end) 100%);--color-rainbow-ai-weak20:linear-gradient(270deg, var(--color-rainbow-ai-weak20-gradient-start) 0%, var(--color-rainbow-ai-weak20-gradient-end) 100%);--color-rainbow-ai-weak30:linear-gradient(270deg, var(--color-rainbow-ai-weak30-gradient-start) 0%, var(--color-rainbow-ai-weak30-gradient-end) 100%);--color-rainbow-ai-weak40:linear-gradient(270deg, var(--color-rainbow-ai-weak40-gradient-start) 0%, var(--color-rainbow-ai-weak40-gradient-end) 100%)}.markdown-body{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;color:#1f2328;word-wrap:break-word;background-color:#fff;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;font-size:16px;font-weight:400;line-height:1.5}.markdown-body a{text-underline-offset:.2rem;text-decoration:underline}.markdown-body .octicon{fill:currentColor;vertical-align:text-bottom;display:inline-block}.markdown-body h1:hover .anchor .octicon-link:before,.markdown-body h2:hover .anchor .octicon-link:before,.markdown-body h3:hover .anchor .octicon-link:before,.markdown-body h4:hover .anchor .octicon-link:before,.markdown-body h5:hover .anchor .octicon-link:before,.markdown-body h6:hover .anchor .octicon-link:before{content:" ";background-color:currentColor;width:16px;height:16px;display:inline-block;-webkit-mask-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' version='1.1' aria-hidden='true'><path fill-rule='evenodd' d='M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z'></path></svg>");mask-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' version='1.1' aria-hidden='true'><path fill-rule='evenodd' d='M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z'></path></svg>")}.markdown-body details,.markdown-body figcaption,.markdown-body figure{display:block}.markdown-body summary{display:list-item}.markdown-body [hidden]{display:none!important}.markdown-body a{color:#0969da;background-color:#0000;text-decoration:none}.markdown-body abbr[title]{border-bottom:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.markdown-body b,.markdown-body strong{font-weight:600}.markdown-body dfn{font-style:italic}.markdown-body h1{border-bottom:1px solid #d1d9e0b3;margin:.67em 0;padding-bottom:.3em;font-size:2em;font-weight:600}.markdown-body mark{color:#1f2328;background-color:#fff8c5}.markdown-body small{font-size:90%}.markdown-body sub,.markdown-body sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}.markdown-body sub{bottom:-.25em}.markdown-body sup{top:-.5em}.markdown-body img{box-sizing:content-box;border-style:none;max-width:100%}.markdown-body code,.markdown-body kbd,.markdown-body pre,.markdown-body samp{font-family:monospace;font-size:1em}.markdown-body figure{margin:1em 2.5rem}.markdown-body hr{box-sizing:content-box;background:#d1d9e0;border:0;height:.25em;margin:1.5rem 0;padding:0;overflow:hidden}.markdown-body input{font:inherit;font-family:inherit;font-size:inherit;line-height:inherit;margin:0;overflow:visible}.markdown-body [type=button],.markdown-body [type=reset],.markdown-body [type=submit]{appearance:button}.markdown-body [type=checkbox],.markdown-body [type=radio]{box-sizing:border-box;padding:0}.markdown-body [type=number]::-webkit-inner-spin-button{height:auto}.markdown-body [type=number]::-webkit-outer-spin-button{height:auto}.markdown-body [type=search]::-webkit-search-cancel-button{appearance:none}.markdown-body [type=search]::-webkit-search-decoration{appearance:none}.markdown-body ::-webkit-input-placeholder{color:inherit;opacity:.54}.markdown-body ::-webkit-file-upload-button{appearance:button;font:inherit}.markdown-body a:hover{text-decoration:underline}.markdown-body ::placeholder{color:#59636e;opacity:1}.markdown-body hr:before{content:"";display:table}.markdown-body hr:after{clear:both;content:"";display:table}.markdown-body table{border-spacing:0;border-collapse:collapse;font-variant:tabular-nums;width:max-content;max-width:100%;display:block;overflow:auto}.markdown-body td,.markdown-body th{padding:0}.markdown-body details summary{cursor:pointer}.markdown-body a:focus,.markdown-body [role=button]:focus,.markdown-body input[type=radio]:focus,.markdown-body input[type=checkbox]:focus{outline:2px solid var(--borderColor-accent-emphasis);outline-offset:-2px;box-shadow:none}.markdown-body a:focus:not(:focus-visible),.markdown-body [role=button]:focus:not(:focus-visible),.markdown-body input[type=radio]:focus:not(:focus-visible),.markdown-body input[type=checkbox]:focus:not(:focus-visible){outline:1px solid #0000}.markdown-body a:focus-visible,.markdown-body [role=button]:focus-visible,.markdown-body input[type=radio]:focus-visible,.markdown-body input[type=checkbox]:focus-visible{outline:2px solid var(--borderColor-accent-emphasis);outline-offset:-2px;box-shadow:none}.markdown-body a:not([class]):focus,.markdown-body a:not([class]):focus-visible,.markdown-body input[type=radio]:focus,.markdown-body input[type=radio]:focus-visible,.markdown-body input[type=checkbox]:focus,.markdown-body input[type=checkbox]:focus-visible{outline-offset:0}.markdown-body kbd{color:#1f2328;vertical-align:middle;border:solid 1px var(--borderColor-muted);border-bottom-color:var(--borderColor-muted);box-shadow:inset 0 -1px 0 var(--borderColor-muted);background-color:#f6f8fa;border-radius:6px;padding:.25rem;font:11px/10px ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;display:inline-block}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4,.markdown-body h5,.markdown-body h6{margin-top:1.5rem;margin-bottom:1rem;font-weight:600;line-height:1.25}.markdown-body h2{border-bottom:1px solid #d1d9e0b3;padding-bottom:.3em;font-size:1.5em;font-weight:600}.markdown-body h3{font-size:1.25em;font-weight:600}.markdown-body h4{font-size:1em;font-weight:600}.markdown-body h5{font-size:.875em;font-weight:600}.markdown-body h6{color:#59636e;font-size:.85em;font-weight:600}.markdown-body p{margin-top:0;margin-bottom:10px}.markdown-body blockquote{color:#59636e;border-left:.25em solid #d1d9e0;margin:0;padding:0 1em}.markdown-body ul,.markdown-body ol{margin-top:0;margin-bottom:0;padding-left:2em}.markdown-body ol ol,.markdown-body ul ol{list-style-type:lower-roman}.markdown-body ul ul ol,.markdown-body ul ol ol,.markdown-body ol ul ol,.markdown-body ol ol ol{list-style-type:lower-alpha}.markdown-body dd{margin-left:0}.markdown-body tt,.markdown-body code,.markdown-body samp{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;font-size:12px}.markdown-body pre{word-wrap:normal;margin-top:0;margin-bottom:0;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;font-size:12px}.markdown-body .octicon{vertical-align:text-bottom;fill:currentColor;display:inline-block;overflow:visible!important}.markdown-body input::-webkit-outer-spin-button{appearance:none;margin:0}.markdown-body input::-webkit-inner-spin-button{appearance:none;margin:0}.markdown-body .mr-2{margin-right:.5rem!important}.markdown-body:before{content:"";display:table}.markdown-body:after{clear:both;content:"";display:table}.markdown-body>:first-child{margin-top:0!important}.markdown-body>:last-child{margin-bottom:0!important}.markdown-body a:not([href]){color:inherit;text-decoration:none}.markdown-body .absent{color:#d1242f}.markdown-body .anchor{float:left;margin-left:-20px;padding-right:.25rem;line-height:1}.markdown-body .anchor:focus{outline:none}.markdown-body p,.markdown-body blockquote,.markdown-body ul,.markdown-body ol,.markdown-body dl,.markdown-body table,.markdown-body pre,.markdown-body details{margin-top:0;margin-bottom:1rem}.markdown-body blockquote>:first-child{margin-top:0}.markdown-body blockquote>:last-child{margin-bottom:0}.markdown-body h1 .octicon-link,.markdown-body h2 .octicon-link,.markdown-body h3 .octicon-link,.markdown-body h4 .octicon-link,.markdown-body h5 .octicon-link,.markdown-body h6 .octicon-link{color:#1f2328;vertical-align:middle;visibility:hidden}.markdown-body h1:hover .anchor,.markdown-body h2:hover .anchor,.markdown-body h3:hover .anchor,.markdown-body h4:hover .anchor,.markdown-body h5:hover .anchor,.markdown-body h6:hover .anchor{text-decoration:none}.markdown-body h1:hover .anchor .octicon-link,.markdown-body h2:hover .anchor .octicon-link,.markdown-body h3:hover .anchor .octicon-link,.markdown-body h4:hover .anchor .octicon-link,.markdown-body h5:hover .anchor .octicon-link,.markdown-body h6:hover .anchor .octicon-link{visibility:visible}.markdown-body h1 tt,.markdown-body h1 code,.markdown-body h2 tt,.markdown-body h2 code,.markdown-body h3 tt,.markdown-body h3 code,.markdown-body h4 tt,.markdown-body h4 code,.markdown-body h5 tt,.markdown-body h5 code,.markdown-body h6 tt,.markdown-body h6 code{font-size:inherit;padding:0 .2em}.markdown-body summary h1,.markdown-body summary h2,.markdown-body summary h3,.markdown-body summary h4,.markdown-body summary h5,.markdown-body summary h6{display:inline-block}.markdown-body summary h1 .anchor,.markdown-body summary h2 .anchor,.markdown-body summary h3 .anchor,.markdown-body summary h4 .anchor,.markdown-body summary h5 .anchor,.markdown-body summary h6 .anchor{margin-left:-40px}.markdown-body summary h1,.markdown-body summary h2{border-bottom:0;padding-bottom:0}.markdown-body ul.no-list,.markdown-body ol.no-list{padding:0;list-style-type:none}.markdown-body ol[type=a\ s]{list-style-type:lower-alpha}.markdown-body ol[type=A\ s]{list-style-type:upper-alpha}.markdown-body ol[type=i\ s]{list-style-type:lower-roman}.markdown-body ol[type=I\ s]{list-style-type:upper-roman}.markdown-body ol[type="1"],.markdown-body div>ol:not([type]){list-style-type:decimal}.markdown-body ul ul,.markdown-body ul ol,.markdown-body ol ol,.markdown-body ol ul{margin-top:0;margin-bottom:0}.markdown-body li>p{margin-top:1rem}.markdown-body li+li{margin-top:.25em}.markdown-body dl{padding:0}.markdown-body dl dt{margin-top:1rem;padding:0;font-size:1em;font-style:italic;font-weight:600}.markdown-body dl dd{margin-bottom:1rem;padding:0 1rem}.markdown-body table th{font-weight:600}.markdown-body table th,.markdown-body table td{border:1px solid #d1d9e0;padding:6px 13px}.markdown-body table td>:last-child{margin-bottom:0}.markdown-body table tr{background-color:#fff;border-top:1px solid #d1d9e0b3}.markdown-body table tr:nth-child(2n){background-color:#f6f8fa}.markdown-body table img{background-color:#0000}.markdown-body img[align=right]{padding-left:20px}.markdown-body img[align=left]{padding-right:20px}.markdown-body .emoji{vertical-align:text-top;background-color:#0000;max-width:none}.markdown-body span.frame{display:block;overflow:hidden}.markdown-body span.frame>span{float:left;border:1px solid #d1d9e0;width:auto;margin:13px 0 0;padding:7px;display:block;overflow:hidden}.markdown-body span.frame span img{float:left;display:block}.markdown-body span.frame span span{clear:both;color:#1f2328;padding:5px 0 0;display:block}.markdown-body span.align-center{clear:both;display:block;overflow:hidden}.markdown-body span.align-center>span{text-align:center;margin:13px auto 0;display:block;overflow:hidden}.markdown-body span.align-center span img{text-align:center;margin:0 auto}.markdown-body span.align-right{clear:both;display:block;overflow:hidden}.markdown-body span.align-right>span{text-align:right;margin:13px 0 0;display:block;overflow:hidden}.markdown-body span.align-right span img{text-align:right;margin:0}.markdown-body span.float-left{float:left;margin-right:13px;display:block;overflow:hidden}.markdown-body span.float-left span{margin:13px 0 0}.markdown-body span.float-right{float:right;margin-left:13px;display:block;overflow:hidden}.markdown-body span.float-right>span{text-align:right;margin:13px auto 0;display:block;overflow:hidden}.markdown-body code,.markdown-body tt{white-space:break-spaces;background-color:#818b981f;border-radius:6px;margin:0;padding:.2em .4em;font-size:85%}.markdown-body code br,.markdown-body tt br{display:none}.markdown-body del code{-webkit-text-decoration:inherit;text-decoration:inherit}.markdown-body samp{font-size:85%}.markdown-body pre code{font-size:100%}.markdown-body pre>code{word-break:normal;white-space:pre;background:0 0;border:0;margin:0;padding:0}.markdown-body .highlight{margin-bottom:1rem}.markdown-body .highlight pre{word-break:normal;margin-bottom:0}.markdown-body .highlight pre,.markdown-body pre{color:#1f2328;background-color:#f6f8fa;border-radius:6px;padding:1rem;font-size:85%;line-height:1.45;overflow:auto}.markdown-body pre code,.markdown-body pre tt{line-height:inherit;word-wrap:normal;background-color:#0000;border:0;margin:0;padding:0;display:inline;overflow:visible}.markdown-body .csv-data td,.markdown-body .csv-data th{text-align:left;white-space:nowrap;padding:5px;font-size:12px;line-height:1;overflow:hidden}.markdown-body .csv-data .blob-num{text-align:right;background:#fff;border:0;padding:10px .5rem 9px}.markdown-body .csv-data tr{border-top:0}.markdown-body .csv-data th{background:#f6f8fa;border-top:0;font-weight:600}.markdown-body [data-footnote-ref]:before{content:"["}.markdown-body [data-footnote-ref]:after{content:"]"}.markdown-body .footnotes{color:#59636e;border-top:1px solid #d1d9e0;font-size:12px}.markdown-body .footnotes ol{padding-left:1rem}.markdown-body .footnotes ol ul{margin-top:1rem;padding-left:1rem;display:inline-block}.markdown-body .footnotes li{position:relative}.markdown-body .footnotes li:target:before{pointer-events:none;content:"";border:2px solid #0969da;border-radius:6px;position:absolute;inset:-.5rem -.5rem -.5rem -1.5rem}.markdown-body .footnotes li:target{color:#1f2328}.markdown-body .footnotes .data-footnote-backref g-emoji{font-family:monospace}.markdown-body .pl-c{color:#59636e}.markdown-body .pl-c1,.markdown-body .pl-s .pl-v{color:#0550ae}.markdown-body .pl-e,.markdown-body .pl-en{color:#6639ba}.markdown-body .pl-smi,.markdown-body .pl-s .pl-s1{color:#1f2328}.markdown-body .pl-ent{color:#0550ae}.markdown-body .pl-k{color:#cf222e}.markdown-body .pl-s,.markdown-body .pl-pds,.markdown-body .pl-s .pl-pse .pl-s1,.markdown-body .pl-sr,.markdown-body .pl-sr .pl-cce,.markdown-body .pl-sr .pl-sre,.markdown-body .pl-sr .pl-sra{color:#0a3069}.markdown-body .pl-v,.markdown-body .pl-smw{color:#953800}.markdown-body .pl-bu{color:#82071e}.markdown-body .pl-ii{color:var(--fgColor-danger);background-color:var(--bgColor-danger-muted)}.markdown-body .pl-c2{color:#f6f8fa;background-color:#cf222e}.markdown-body .pl-sr .pl-cce{color:#116329;font-weight:700}.markdown-body .pl-ml{color:#3b2300}.markdown-body .pl-mh,.markdown-body .pl-mh .pl-en,.markdown-body .pl-ms{color:#0550ae;font-weight:700}.markdown-body .pl-mi{color:#1f2328;font-style:italic}.markdown-body .pl-mb{color:#1f2328;font-weight:700}.markdown-body .pl-md{color:#82071e;background-color:#ffebe9}.markdown-body .pl-mi1{color:#116329;background-color:#dafbe1}.markdown-body .pl-mc{color:#953800;background-color:#ffd8b5}.markdown-body .pl-mi2{color:#d1d9e0;background-color:#0550ae}.markdown-body .pl-mdr{color:#8250df;font-weight:700}.markdown-body .pl-ba{color:#59636e}.markdown-body .pl-sg{color:#818b98}.markdown-body .pl-corl{color:#0a3069;text-decoration:underline}.markdown-body [role=button]:focus:not(:focus-visible),.markdown-body [role=tabpanel][tabindex="0"]:focus:not(:focus-visible),.markdown-body button:focus:not(:focus-visible),.markdown-body summary:focus:not(:focus-visible),.markdown-body a:focus:not(:focus-visible){box-shadow:none;outline:none}.markdown-body [tabindex="0"]:focus:not(:focus-visible),.markdown-body details-dialog:focus:not(:focus-visible){outline:none}.markdown-body g-emoji{vertical-align:-.075em;min-width:1ch;font-family:Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-size:1em;font-weight:400;line-height:1;display:inline-block;font-style:normal!important}.markdown-body g-emoji img{width:1em;height:1em}.markdown-body a:has(>p,>div,>pre,>blockquote){display:block}.markdown-body a:has(>p,>div,>pre,>blockquote):not(:has(.snippet-clipboard-content,>pre)){width:fit-content}.markdown-body a:has(>p,>div,>pre,>blockquote):has(.snippet-clipboard-content,>pre):focus-visible{outline:2px solid var(--borderColor-accent-emphasis);outline-offset:2px}.markdown-body .task-list-item{list-style-type:none}.markdown-body .task-list-item label{font-weight:400}.markdown-body .task-list-item.enabled label{cursor:pointer}.markdown-body .task-list-item+.task-list-item{margin-top:.25rem}.markdown-body .task-list-item .handle{display:none}.markdown-body .task-list-item-checkbox{vertical-align:middle;margin:0 .2em .25em -1.4em}.markdown-body ul:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .task-list-item-checkbox,.markdown-body ol:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .task-list-item-checkbox{margin:0 -1.6em .25em .2em}.markdown-body .contains-task-list:hover .task-list-item-convert-container,.markdown-body .contains-task-list:focus-within .task-list-item-convert-container{clip-path:none;width:auto;height:24px;display:block;overflow:visible}.markdown-body ::-webkit-calendar-picker-indicator{filter:invert(50%)}.markdown-body .markdown-alert{color:inherit;border-left:.25em solid #d1d9e0;margin-bottom:1rem;padding:.5rem 1rem}.markdown-body .markdown-alert>:first-child{margin-top:0}.markdown-body .markdown-alert>:last-child{margin-bottom:0}.markdown-body .markdown-alert .markdown-alert-title{align-items:center;font-weight:500;line-height:1;display:flex}.markdown-body .markdown-alert.markdown-alert-note{border-left-color:#0969da}.markdown-body .markdown-alert.markdown-alert-note .markdown-alert-title{color:#0969da}.markdown-body .markdown-alert.markdown-alert-important{border-left-color:#8250df}.markdown-body .markdown-alert.markdown-alert-important .markdown-alert-title{color:#8250df}.markdown-body .markdown-alert.markdown-alert-warning{border-left-color:#9a6700}.markdown-body .markdown-alert.markdown-alert-warning .markdown-alert-title{color:#9a6700}.markdown-body .markdown-alert.markdown-alert-tip{border-left-color:#1a7f37}.markdown-body .markdown-alert.markdown-alert-tip .markdown-alert-title{color:#1a7f37}.markdown-body .markdown-alert.markdown-alert-caution{border-left-color:#cf222e}.markdown-body .markdown-alert.markdown-alert-caution .markdown-alert-title{color:#d1242f}.markdown-body>:first-child>.heading-element:first-child{margin-top:0!important}.markdown-body .highlight pre:has(+.zeroclipboard-container){min-height:52px}
+:root{--base-color-black-100:#1111111a;--base-color-black-200:#1113;--base-color-black-300:#1111114d;--base-color-black-400:#1116;--base-color-black-500:#11111180;--base-color-black-600:#1119;--base-color-black-700:#111111b3;--base-color-black-800:#111c;--base-color-black-900:#111111e6;--base-color-black-opaque:#111;--base-color-blue-100:#dff1ff;--base-color-blue-150:#d4edff;--base-color-blue-200:#c6e7ff;--base-color-blue-250:#b2deff;--base-color-blue-300:#99d4ff;--base-color-blue-350:#77c5ff;--base-color-blue-400:#4ab2ff;--base-color-blue-500:#0d98ff;--base-color-blue-600:#0a72bf;--base-color-blue-650:#07568f;--base-color-blue-700:#05406c;--base-color-blue-750:#043051;--base-color-blue-800:#03243c;--base-color-blue-850:#021b2d;--base-color-blue-900:#021422;--base-color-brown-100:#efe6dd;--base-color-brown-150:#eaddd2;--base-color-brown-200:#e3d2c3;--base-color-brown-250:#dac3ae;--base-color-brown-300:#cdaf93;--base-color-brown-350:#bd9470;--base-color-brown-400:#a77140;--base-color-brown-500:#894100;--base-color-brown-600:#673100;--base-color-brown-650:#4d2500;--base-color-brown-700:#3a1b00;--base-color-brown-750:#2b1500;--base-color-brown-800:#200f00;--base-color-brown-850:#180c00;--base-color-brown-900:#120900;--base-color-cyan-100:#ddf1f7;--base-color-cyan-150:#d2edf5;--base-color-cyan-200:#c3e7f1;--base-color-cyan-250:#aedfed;--base-color-cyan-300:#93d4e7;--base-color-cyan-350:#70c6de;--base-color-cyan-400:#40b3d3;--base-color-cyan-500:#0099c5;--base-color-cyan-600:#007394;--base-color-cyan-650:#00566f;--base-color-cyan-700:#004153;--base-color-cyan-750:#00303e;--base-color-cyan-800:#00242f;--base-color-cyan-850:#001b23;--base-color-cyan-900:#00141a;--base-color-dark-blue-100:#e0ebf6;--base-color-dark-blue-150:#d5e4f3;--base-color-dark-blue-200:#c7dbef;--base-color-dark-blue-250:#b5cfe9;--base-color-dark-blue-300:#9cbfe2;--base-color-dark-blue-350:#7ba9d8;--base-color-dark-blue-400:#4f8dcb;--base-color-dark-blue-500:#1467ba;--base-color-dark-blue-600:#0f4d8b;--base-color-dark-blue-650:#0b3a69;--base-color-dark-blue-700:#082b4e;--base-color-dark-blue-750:#06213b;--base-color-dark-blue-800:#05182c;--base-color-dark-blue-850:#041221;--base-color-dark-blue-900:#030e19;--base-color-dark-green-100:#ddf1e1;--base-color-dark-green-150:#d2ecd8;--base-color-dark-green-200:#c3e6ca;--base-color-dark-green-250:#aedeb9;--base-color-dark-green-300:#93d3a1;--base-color-dark-green-350:#70c482;--base-color-dark-green-400:#40b059;--base-color-dark-green-500:#009621;--base-color-dark-green-600:#007119;--base-color-dark-green-650:#005413;--base-color-dark-green-700:#003f0e;--base-color-dark-green-750:#002f0a;--base-color-dark-green-800:#002408;--base-color-dark-green-850:#001b06;--base-color-dark-green-900:#001404;--base-color-friendly-blue-100:#dbebff;--base-color-friendly-blue-150:#d1e5ff;--base-color-friendly-blue-200:#c2dcff;--base-color-friendly-blue-250:#add1ff;--base-color-friendly-blue-300:#70aeff;--base-color-friendly-blue-350:#70aeff;--base-color-friendly-blue-400:#3d92ff;--base-color-friendly-blue-500:#006cf8;--base-color-friendly-blue-600:#0050b8;--base-color-friendly-blue-650:#003c8a;--base-color-friendly-blue-700:#002f6b;--base-color-friendly-blue-750:#002f6b;--base-color-friendly-blue-800:#00214d;--base-color-friendly-blue-850:#001b3d;--base-color-friendly-blue-900:#00142e;--base-color-friendly-dark-blue-100:#dce6fe;--base-color-friendly-dark-blue-150:#cddcfe;--base-color-friendly-dark-blue-200:#b8cdfe;--base-color-friendly-dark-blue-250:#9fbbfe;--base-color-friendly-dark-blue-300:#80a5fe;--base-color-friendly-dark-blue-350:#5385fe;--base-color-friendly-dark-blue-400:#165afd;--base-color-friendly-dark-blue-500:#0239be;--base-color-friendly-dark-blue-600:#012d98;--base-color-friendly-dark-blue-650:#01247a;--base-color-friendly-dark-blue-700:#00123d;--base-color-friendly-dark-blue-750:#00123d;--base-color-friendly-dark-blue-800:#000e2e;--base-color-friendly-dark-blue-850:#00091f;--base-color-friendly-dark-blue-900:#00040f;--base-color-green-100:#eff6df;--base-color-green-150:#eaf3d4;--base-color-green-200:#e3efc5;--base-color-green-250:#daeab2;--base-color-green-300:#cee399;--base-color-green-350:#bdda76;--base-color-green-400:#a7cd49;--base-color-green-500:#8abd0c;--base-color-green-600:#688e09;--base-color-green-650:#4e6a07;--base-color-green-700:#3a5005;--base-color-green-750:#2c3c04;--base-color-green-800:#212d03;--base-color-green-850:#192202;--base-color-green-900:#121902;--base-color-grey-100:#f1f1f1;--base-color-grey-150:#ededed;--base-color-grey-200:#e7e7e7;--base-color-grey-250:#dfdfdf;--base-color-grey-300:#d4d4d4;--base-color-grey-350:#c6c6c6;--base-color-grey-400:#b3b3b3;--base-color-grey-500:#999;--base-color-grey-600:#737373;--base-color-grey-650:#565656;--base-color-grey-700:#414141;--base-color-grey-750:#303030;--base-color-grey-800:#242424;--base-color-grey-850:#1b1b1b;--base-color-grey-900:#141414;--base-color-grey-800op80:#242424cc;--base-color-orange-100:#ffebdf;--base-color-orange-150:#ffe5d5;--base-color-orange-200:#ffdcc7;--base-color-orange-250:#ffd0b4;--base-color-orange-300:#ffc19b;--base-color-orange-350:#ffac79;--base-color-orange-400:#ff904d;--base-color-orange-500:#ff6b11;--base-color-orange-600:#bf500d;--base-color-orange-650:#8f3c0a;--base-color-orange-700:#6c2d07;--base-color-orange-750:#512205;--base-color-orange-800:#3c1904;--base-color-orange-850:#2d1303;--base-color-orange-900:#220e02;--base-color-pink-100:#f7e0ed;--base-color-pink-150:#f5d5e7;--base-color-pink-200:#f1c8df;--base-color-pink-250:#ecb5d5;--base-color-pink-300:#e69cc6;--base-color-pink-350:#de7bb4;--base-color-pink-400:#d3509a;--base-color-pink-500:#c41579;--base-color-pink-600:#93105b;--base-color-pink-650:#6e0c44;--base-color-pink-700:#530933;--base-color-pink-750:#3e0726;--base-color-pink-800:#2e051d;--base-color-pink-850:#230416;--base-color-pink-900:#1a0310;--base-color-purple-100:#f1ddf5;--base-color-purple-150:#edd2f1;--base-color-purple-200:#e7c3ed;--base-color-purple-250:#dfaee7;--base-color-purple-300:#d493df;--base-color-purple-350:#c670d4;--base-color-purple-400:#b340c5;--base-color-purple-500:#9900b2;--base-color-purple-600:#730085;--base-color-purple-650:#560064;--base-color-purple-700:#41004b;--base-color-purple-750:#300038;--base-color-purple-800:#24002a;--base-color-purple-850:#1b0020;--base-color-purple-900:#140018;--base-color-red-100:#fbdde0;--base-color-red-150:#fad2d6;--base-color-red-200:#f8c3c9;--base-color-red-250:#f6aeb7;--base-color-red-300:#f3939e;--base-color-red-350:#ef707e;--base-color-red-400:#e94053;--base-color-red-500:#e2001a;--base-color-red-600:#a90014;--base-color-red-650:#7f000f;--base-color-red-700:#5f000b;--base-color-red-750:#470008;--base-color-red-800:#360006;--base-color-red-850:#280005;--base-color-red-900:#1e0003;--base-color-white-100:#ffffff1a;--base-color-white-200:#fff3;--base-color-white-300:#ffffff4d;--base-color-white-400:#fff6;--base-color-white-500:#ffffff80;--base-color-white-600:#fff9;--base-color-white-700:#ffffffb3;--base-color-white-800:#fffc;--base-color-white-900:#ffffffe6;--base-color-white-opaque:#fff;--base-color-yellow-100:#fff6df;--base-color-yellow-150:#fff3d5;--base-color-yellow-200:#ffefc7;--base-color-yellow-250:#ffe9b4;--base-color-yellow-300:#ffe29b;--base-color-yellow-350:#ffd979;--base-color-yellow-400:#ffcc4d;--base-color-yellow-500:#fb1;--base-color-yellow-600:#bf8c0d;--base-color-yellow-650:#8f690a;--base-color-yellow-700:#6c4f07;--base-color-yellow-750:#513b05;--base-color-yellow-800:#3c2c04;--base-color-yellow-850:#2d2103;--base-color-yellow-900:#221902;--base-corner-radius-0:0;--base-corner-radius-50:2px;--base-corner-radius-100:4px;--base-corner-radius-200:8px;--base-corner-radius-300:12px;--base-corner-radius-400:16px;--base-corner-radius-500:20px;--base-corner-radius-600:24px;--base-corner-radius-950:1000px;--base-effect-blur-l:16px;--base-effect-blur-m:8px;--base-effect-blur-s:6px;--base-effect-blur-xl:24px;--base-effect-blur-xs:4px;--base-effect-blur-xxl:32px;--base-effect-blur-xxs:2px;--base-effect-position-l:5px;--base-effect-position-l-negative:-5px;--base-effect-position-m:4px;--base-effect-position-m-negative:-4px;--base-effect-position-none:0;--base-effect-position-s:3px;--base-effect-position-s-negative:-3px;--base-effect-position-xl:6px;--base-effect-position-xl-negative:-6px;--base-effect-position-xs:2px;--base-effect-position-xs-negative:-2px;--base-effect-position-xxl:7px;--base-effect-position-xxl-negative:-7px;--base-effect-position-xxs:1px;--base-effect-position-xxs-negative:-1px;--base-effect-spread-none:0;--base-opacity-100:.1;--base-opacity-200:.2;--base-opacity-300:.3;--base-opacity-400:.4;--base-opacity-500:.5;--base-opacity-600:.6;--base-opacity-700:.7;--base-opacity-800:.8;--base-opacity-900:.9;--base-opacity-none:0;--base-opacity-opaque:1;--base-spacing-002:2px;--base-spacing-004:4px;--base-spacing-006:6px;--base-spacing-008:8px;--base-spacing-012:12px;--base-spacing-016:16px;--base-spacing-024:24px;--base-spacing-032:32px;--base-text-font-family-inter:Inter;--base-text-font-family-segoe:Segoe UI;--base-text-font-size-body:15px;--base-text-font-size-caption:12px;--base-text-font-size-description:13px;--base-text-font-size-display-large:44px;--base-text-font-size-display-medium:38px;--base-text-font-size-display-small:34px;--base-text-font-size-subtitle:18px;--base-text-font-size-title-large:28px;--base-text-font-size-title-medium:24px;--base-text-font-size-title-small:20px;--base-text-font-weight-bold:700;--base-text-font-weight-light:300;--base-text-font-weight-medium:500;--base-text-font-weight-regular:400;--base-text-font-weight-semibold:600;--base-text-line-height-body:20px;--base-text-line-height-caption:14px;--base-text-line-height-description:16px;--base-text-line-height-display-large:52px;--base-text-line-height-display-medium:46px;--base-text-line-height-display-small:40px;--base-text-line-height-subtitle:22px;--base-text-line-height-title-large:34px;--base-text-line-height-title-medium:28px;--base-text-line-height-title-small:24px;--opacity-default:var(--base-opacity-500);--opacity-stronger:var(--base-opacity-700);--opacity-strongest:var(--base-opacity-800);--opacity-weaker:var(--base-opacity-300);--opacity-weakest:var(--base-opacity-200);--radius-l:var(--base-corner-radius-300);--radius-m:var(--base-corner-radius-200);--radius-none:var(--base-corner-radius-0);--radius-round:var(--base-corner-radius-950);--radius-s:var(--base-corner-radius-100);--radius-xl:var(--base-corner-radius-400);--radius-xs:var(--base-corner-radius-50);--spacing-x1:var(--base-spacing-002);--spacing-x2:var(--base-spacing-004);--spacing-x3:var(--base-spacing-006);--spacing-x4:var(--base-spacing-008);--spacing-x6:var(--base-spacing-012);--spacing-x8:var(--base-spacing-016);--spacing-x12:var(--base-spacing-024);--spacing-x16:var(--base-spacing-032);--effect-shadow-default:var(--base-effect-position-none) var(--base-effect-position-m) var(--base-effect-blur-l) var(--base-effect-spread-none) var(--base-color-black-300);--effect-shadow-strong:var(--base-effect-position-xxs) var(--base-effect-position-m) var(--base-effect-blur-xl) var(--base-effect-spread-none) var(--base-color-black-500);--effect-shadow-weak:var(--base-effect-position-none) var(--base-effect-position-none) var(--base-effect-blur-l) var(--base-effect-spread-none) var(--base-color-black-100);--text-body:400 var(--base-text-font-size-body)/var(--base-text-line-height-body) var(--base-text-font-family-inter);--text-body-highlighted:700 var(--base-text-font-size-body)/var(--base-text-line-height-body) var(--base-text-font-family-inter);--text-body-strong:500 var(--base-text-font-size-body)/var(--base-text-line-height-body) var(--base-text-font-family-inter);--text-body-sub:300 var(--base-text-font-size-body)/var(--base-text-line-height-body) var(--base-text-font-family-inter);--text-caption:400 var(--base-text-font-size-caption)/var(--base-text-line-height-caption) var(--base-text-font-family-inter);--text-caption-strong:500 var(--base-text-font-size-caption)/var(--base-text-line-height-caption) var(--base-text-font-family-inter);--text-description:400 var(--base-text-font-size-description)/var(--base-text-line-height-description) var(--base-text-font-family-inter);--text-description-highlighted:700 var(--base-text-font-size-description)/var(--base-text-line-height-description) var(--base-text-font-family-inter);--text-description-strong:500 var(--base-text-font-size-description)/var(--base-text-line-height-description) var(--base-text-font-family-inter);--text-display-large:300 var(--base-text-font-size-display-large)/var(--base-text-line-height-display-large) var(--base-text-font-family-inter);--text-display-large-strong:500 var(--base-text-font-size-display-large)/var(--base-text-line-height-display-large) var(--base-text-font-family-inter);--text-display-medium:300 var(--base-text-font-size-display-medium)/var(--base-text-line-height-display-medium) var(--base-text-font-family-inter);--text-display-medium-strong:500 var(--base-text-font-size-display-medium)/var(--base-text-line-height-display-medium) var(--base-text-font-family-inter);--text-display-small:300 var(--base-text-font-size-display-small)/var(--base-text-line-height-display-small) var(--base-text-font-family-inter);--text-display-small-strong:500 var(--base-text-font-size-display-small)/var(--base-text-line-height-display-small) var(--base-text-font-family-inter);--text-subtitle:300 var(--base-text-font-size-subtitle)/var(--base-text-line-height-subtitle) var(--base-text-font-family-inter);--text-subtitle-strong:500 var(--base-text-font-size-subtitle)/var(--base-text-line-height-subtitle) var(--base-text-font-family-inter);--text-title-large:300 var(--base-text-font-size-title-large)/var(--base-text-line-height-title-large) var(--base-text-font-family-inter);--text-title-large-strong:500 var(--base-text-font-size-title-large)/var(--base-text-line-height-title-large) var(--base-text-font-family-inter);--text-title-medium:300 var(--base-text-font-size-title-medium)/var(--base-text-line-height-title-medium) var(--base-text-font-family-inter);--text-title-medium-strong:500 var(--base-text-font-size-title-medium)/var(--base-text-line-height-title-medium) var(--base-text-font-family-inter);--text-title-small:300 var(--base-text-font-size-title-small)/var(--base-text-line-height-title-small) var(--base-text-font-family-inter);--text-title-small-strong:500 var(--base-text-font-size-title-small)/var(--base-text-line-height-title-small) var(--base-text-font-family-inter)}body:not([sd-color-scheme]),[sd-color-scheme=light\ dark]:not(.prefers-dark),[sd-color-scheme=light]{--color-bg-accent:var(--base-color-dark-blue-500);--color-bg-action-accent-default:var(--base-color-dark-blue-500);--color-bg-action-accent-default-hover:var(--base-color-dark-blue-600);--color-bg-action-accent-default-pressed:var(--base-color-dark-blue-650);--color-bg-action-accent-weak:var(--base-color-dark-blue-100);--color-bg-action-accent-weak-hover:var(--base-color-dark-blue-150);--color-bg-action-accent-weak-pressed:var(--base-color-dark-blue-200);--color-bg-action-accent-weakest:var(--base-color-white-opaque);--color-bg-action-accent-weakest-hover:var(--base-color-dark-blue-100);--color-bg-action-accent-weakest-pressed:var(--base-color-dark-blue-200);--color-bg-action-danger-default:var(--base-color-red-100);--color-bg-action-danger-default-hover:var(--base-color-red-150);--color-bg-action-danger-default-pressed:var(--base-color-red-200);--color-bg-action-neutral-default:var(--base-color-grey-300);--color-bg-action-neutral-default-hover:var(--base-color-grey-350);--color-bg-action-neutral-default-pressed:var(--base-color-grey-400);--color-bg-action-neutral-weak:var(--base-color-grey-150);--color-bg-action-neutral-weak-hover:var(--base-color-grey-250);--color-bg-action-neutral-weak-pressed:var(--base-color-grey-300);--color-bg-action-neutral-weakest:var(--base-color-white-opaque);--color-bg-action-neutral-weakest-hover:var(--base-color-grey-150);--color-bg-action-neutral-weakest-pressed:var(--base-color-grey-250);--color-bg-assistive:var(--base-color-dark-blue-100);--color-bg-brand:var(--base-color-red-500);--color-bg-danger:var(--base-color-red-100);--color-bg-default:var(--base-color-white-opaque);--color-bg-default-translucent:var(--base-color-white-800);--color-bg-interaction-disabled:var(--base-color-grey-200);--color-bg-selection-accent-default:var(--base-color-dark-blue-500);--color-bg-selection-accent-weak:var(--base-color-dark-blue-200);--color-bg-selection-accent-weak-hover:var(--base-color-dark-blue-100);--color-bg-selection-neutral-default:var(--base-color-grey-150);--color-bg-selection-neutral-default-hover:var(--base-color-grey-250);--color-bg-selection-neutral-weakest:var(--base-color-white-opaque);--color-bg-success:var(--base-color-dark-green-100);--color-bg-warning:var(--base-color-yellow-100);--color-bg-weak:var(--base-color-grey-100);--color-bg-weaker:var(--base-color-grey-150);--color-border-accent:var(--base-color-dark-blue-500);--color-border-action-accent-default:var(--base-color-dark-blue-500);--color-border-action-accent-default-hover:var(--base-color-dark-blue-600);--color-border-action-accent-default-pressed:var(--base-color-dark-blue-650);--color-border-action-danger-default:var(--base-color-red-600);--color-border-action-danger-default-hover:var(--base-color-red-650);--color-border-action-danger-default-pressed:var(--base-color-red-700);--color-border-action-neutral-default:var(--base-color-grey-500);--color-border-action-neutral-default-hover:var(--base-color-grey-600);--color-border-action-neutral-default-pressed:var(--base-color-grey-650);--color-border-assistive-default:var(--base-color-dark-blue-200);--color-border-assistive-neutral:var(--base-color-grey-300);--color-border-assistive-strong:var(--base-color-dark-blue-500);--color-border-danger-default:var(--base-color-red-200);--color-border-danger-strong:var(--base-color-red-600);--color-border-default:var(--base-color-grey-300);--color-border-interaction-disabled:var(--base-color-grey-350);--color-border-interaction-focus:var(--base-color-black-opaque);--color-border-on-color:var(--base-color-white-opaque);--color-border-on-translucent:var(--base-color-white-100);--color-border-selection-accent-default:var(--base-color-dark-blue-500);--color-border-selection-accent-weak:var(--base-color-dark-blue-200);--color-border-selection-neutral-default:var(--base-color-grey-500);--color-border-strong:var(--base-color-grey-400);--color-border-success-default:var(--base-color-dark-green-200);--color-border-success-strong:var(--base-color-dark-green-600);--color-border-warning-default:var(--base-color-yellow-250);--color-border-warning-strong:var(--base-color-yellow-600);--color-border-weak:var(--base-color-grey-150);--color-fg-accent:var(--base-color-dark-blue-500);--color-fg-action-accent-default:var(--base-color-dark-blue-500);--color-fg-action-accent-default-hover:var(--base-color-dark-blue-600);--color-fg-action-accent-default-pressed:var(--base-color-dark-blue-650);--color-fg-action-danger-default:var(--base-color-red-600);--color-fg-action-danger-default-hover:var(--base-color-red-650);--color-fg-action-danger-default-pressed:var(--base-color-red-700);--color-fg-action-neutral-default:var(--base-color-black-opaque);--color-fg-action-neutral-default-hover:var(--base-color-grey-850);--color-fg-action-neutral-default-pressed:var(--base-color-grey-800);--color-fg-action-neutral-weak:var(--base-color-grey-600);--color-fg-action-neutral-weak-hover:var(--base-color-grey-650);--color-fg-action-neutral-weak-pressed:var(--base-color-grey-650);--color-fg-assistive-default:var(--base-color-dark-blue-500);--color-fg-assistive-neutral:var(--base-color-grey-600);--color-fg-danger:var(--base-color-red-600);--color-fg-default:var(--base-color-black-opaque);--color-fg-interaction-disabled:var(--base-color-grey-500);--color-fg-interaction-on-color:var(--base-color-white-opaque);--color-fg-on-color:var(--base-color-white-opaque);--color-fg-selection-accent-default:var(--base-color-dark-blue-500);--color-fg-selection-neutral-default:var(--base-color-black-opaque);--color-fg-success:var(--base-color-dark-green-600);--color-fg-warning:var(--base-color-yellow-600);--color-fg-weak:var(--base-color-grey-650);--color-fg-weaker:var(--base-color-grey-600);--color-rainbow-ai-default-gradient-end:var(--base-color-friendly-blue-500);--color-rainbow-ai-default-gradient-start:var(--base-color-friendly-dark-blue-500);--color-rainbow-ai-strong10-gradient-end:var(--base-color-friendly-blue-600);--color-rainbow-ai-strong10-gradient-start:var(--base-color-friendly-dark-blue-600);--color-rainbow-ai-strong20-gradient-end:var(--base-color-friendly-blue-650);--color-rainbow-ai-strong20-gradient-start:var(--base-color-friendly-dark-blue-650);--color-rainbow-ai-strong30-gradient-end:var(--base-color-friendly-blue-750);--color-rainbow-ai-strong30-gradient-start:var(--base-color-friendly-dark-blue-750);--color-rainbow-ai-weak10-gradient-end:var(--base-color-friendly-blue-350);--color-rainbow-ai-weak10-gradient-start:var(--base-color-friendly-dark-blue-350);--color-rainbow-ai-weak20-gradient-end:var(--base-color-friendly-blue-300);--color-rainbow-ai-weak20-gradient-start:var(--base-color-friendly-dark-blue-300);--color-rainbow-ai-weak30-gradient-end:var(--base-color-friendly-blue-200);--color-rainbow-ai-weak30-gradient-start:var(--base-color-friendly-dark-blue-200);--color-rainbow-ai-weak40-gradient-end:var(--base-color-friendly-blue-100);--color-rainbow-ai-weak40-gradient-start:var(--base-color-friendly-dark-blue-100);--color-rainbow-black:var(--base-color-black-opaque);--color-rainbow-blue-default:var(--base-color-blue-500);--color-rainbow-blue-strong10:var(--base-color-blue-600);--color-rainbow-blue-strong20:var(--base-color-blue-650);--color-rainbow-blue-strong30:var(--base-color-blue-750);--color-rainbow-blue-weak10:var(--base-color-blue-350);--color-rainbow-blue-weak20:var(--base-color-blue-300);--color-rainbow-blue-weak30:var(--base-color-blue-200);--color-rainbow-blue-weak40:var(--base-color-blue-100);--color-rainbow-brown-default:var(--base-color-brown-500);--color-rainbow-brown-strong10:var(--base-color-brown-600);--color-rainbow-brown-strong20:var(--base-color-brown-650);--color-rainbow-brown-strong30:var(--base-color-brown-750);--color-rainbow-brown-weak10:var(--base-color-brown-350);--color-rainbow-brown-weak20:var(--base-color-brown-300);--color-rainbow-brown-weak30:var(--base-color-brown-200);--color-rainbow-brown-weak40:var(--base-color-brown-100);--color-rainbow-cyan-default:var(--base-color-cyan-500);--color-rainbow-cyan-strong10:var(--base-color-cyan-600);--color-rainbow-cyan-strong20:var(--base-color-cyan-650);--color-rainbow-cyan-strong30:var(--base-color-cyan-750);--color-rainbow-cyan-weak10:var(--base-color-cyan-350);--color-rainbow-cyan-weak20:var(--base-color-cyan-300);--color-rainbow-cyan-weak30:var(--base-color-cyan-200);--color-rainbow-cyan-weak40:var(--base-color-cyan-100);--color-rainbow-dark-blue-default:var(--base-color-dark-blue-500);--color-rainbow-dark-blue-strong10:var(--base-color-dark-blue-600);--color-rainbow-dark-blue-strong20:var(--base-color-dark-blue-650);--color-rainbow-dark-blue-strong30:var(--base-color-dark-blue-750);--color-rainbow-dark-blue-weak10:var(--base-color-dark-blue-350);--color-rainbow-dark-blue-weak20:var(--base-color-dark-blue-300);--color-rainbow-dark-blue-weak30:var(--base-color-dark-blue-200);--color-rainbow-dark-blue-weak40:var(--base-color-dark-blue-100);--color-rainbow-dark-green-default:var(--base-color-dark-green-500);--color-rainbow-dark-green-strong10:var(--base-color-dark-green-600);--color-rainbow-dark-green-strong20:var(--base-color-dark-green-650);--color-rainbow-dark-green-strong30:var(--base-color-dark-green-750);--color-rainbow-dark-green-weak10:var(--base-color-dark-green-350);--color-rainbow-dark-green-weak20:var(--base-color-dark-green-300);--color-rainbow-dark-green-weak30:var(--base-color-dark-green-200);--color-rainbow-dark-green-weak40:var(--base-color-dark-green-100);--color-rainbow-green-default:var(--base-color-green-500);--color-rainbow-green-strong10:var(--base-color-green-600);--color-rainbow-green-strong20:var(--base-color-green-650);--color-rainbow-green-strong30:var(--base-color-green-750);--color-rainbow-green-weak10:var(--base-color-green-350);--color-rainbow-green-weak20:var(--base-color-green-300);--color-rainbow-green-weak30:var(--base-color-green-200);--color-rainbow-green-weak40:var(--base-color-green-100);--color-rainbow-grey-default:var(--base-color-grey-500);--color-rainbow-grey-strong10:var(--base-color-grey-600);--color-rainbow-grey-strong20:var(--base-color-grey-650);--color-rainbow-grey-strong30:var(--base-color-grey-750);--color-rainbow-grey-weak10:var(--base-color-grey-350);--color-rainbow-grey-weak20:var(--base-color-grey-300);--color-rainbow-grey-weak30:var(--base-color-grey-200);--color-rainbow-grey-weak40:var(--base-color-grey-100);--color-rainbow-mono-strong:var(--base-color-black-opaque);--color-rainbow-mono-weak:var(--base-color-white-opaque);--color-rainbow-orange-default:var(--base-color-orange-500);--color-rainbow-orange-strong10:var(--base-color-orange-600);--color-rainbow-orange-strong20:var(--base-color-orange-650);--color-rainbow-orange-strong30:var(--base-color-orange-750);--color-rainbow-orange-weak10:var(--base-color-orange-350);--color-rainbow-orange-weak20:var(--base-color-orange-300);--color-rainbow-orange-weak30:var(--base-color-orange-200);--color-rainbow-orange-weak40:var(--base-color-orange-100);--color-rainbow-pink-default:var(--base-color-pink-500);--color-rainbow-pink-strong10:var(--base-color-pink-600);--color-rainbow-pink-strong20:var(--base-color-pink-650);--color-rainbow-pink-strong30:var(--base-color-pink-750);--color-rainbow-pink-weak10:var(--base-color-pink-350);--color-rainbow-pink-weak20:var(--base-color-pink-300);--color-rainbow-pink-weak30:var(--base-color-pink-200);--color-rainbow-pink-weak40:var(--base-color-pink-100);--color-rainbow-purple-default:var(--base-color-purple-500);--color-rainbow-purple-strong10:var(--base-color-purple-600);--color-rainbow-purple-strong20:var(--base-color-purple-650);--color-rainbow-purple-strong30:var(--base-color-purple-750);--color-rainbow-purple-weak10:var(--base-color-purple-350);--color-rainbow-purple-weak20:var(--base-color-purple-300);--color-rainbow-purple-weak30:var(--base-color-purple-200);--color-rainbow-purple-weak40:var(--base-color-purple-100);--color-rainbow-red-default:var(--base-color-red-500);--color-rainbow-red-strong10:var(--base-color-red-600);--color-rainbow-red-strong20:var(--base-color-red-650);--color-rainbow-red-strong30:var(--base-color-red-750);--color-rainbow-red-weak10:var(--base-color-red-350);--color-rainbow-red-weak20:var(--base-color-red-300);--color-rainbow-red-weak30:var(--base-color-red-200);--color-rainbow-red-weak40:var(--base-color-red-100);--color-rainbow-white:var(--base-color-white-opaque);--color-rainbow-yellow-default:var(--base-color-yellow-500);--color-rainbow-yellow-strong10:var(--base-color-yellow-600);--color-rainbow-yellow-strong20:var(--base-color-yellow-650);--color-rainbow-yellow-strong30:var(--base-color-yellow-750);--color-rainbow-yellow-weak10:var(--base-color-yellow-350);--color-rainbow-yellow-weak20:var(--base-color-yellow-300);--color-rainbow-yellow-weak30:var(--base-color-yellow-200);--color-rainbow-yellow-weak40:var(--base-color-yellow-100);--color-rainbow-ai-default:linear-gradient(90deg, var(--color-rainbow-ai-default-gradient-start) 0%, var(--color-rainbow-ai-default-gradient-end) 100%);--color-rainbow-ai-strong10:linear-gradient(90deg, var(--color-rainbow-ai-strong10-gradient-start) 0%, var(--color-rainbow-ai-strong10-gradient-end) 100%);--color-rainbow-ai-strong20:linear-gradient(90deg, var(--color-rainbow-ai-strong20-gradient-start) 0%, var(--color-rainbow-ai-strong20-gradient-end) 100%);--color-rainbow-ai-strong30:linear-gradient(90deg, var(--color-rainbow-ai-strong30-gradient-start) 0%, var(--color-rainbow-ai-strong30-gradient-end) 100%);--color-rainbow-ai-weak10:linear-gradient(90deg, var(--color-rainbow-ai-weak10-gradient-start) 0%, var(--color-rainbow-ai-weak10-gradient-end) 100%);--color-rainbow-ai-weak20:linear-gradient(270deg, var(--color-rainbow-ai-weak20-gradient-start) 0%, var(--color-rainbow-ai-weak20-gradient-end) 100%);--color-rainbow-ai-weak30:linear-gradient(270deg, var(--color-rainbow-ai-weak30-gradient-start) 0%, var(--color-rainbow-ai-weak30-gradient-end) 100%);--color-rainbow-ai-weak40:linear-gradient(270deg, var(--color-rainbow-ai-weak40-gradient-start) 0%, var(--color-rainbow-ai-weak40-gradient-end) 100%)}[sd-color-scheme=light\ dark].prefers-dark,[sd-color-scheme=dark]{--color-bg-accent:var(--base-color-blue-500);--color-bg-action-accent-default:var(--base-color-blue-500);--color-bg-action-accent-default-hover:var(--base-color-blue-600);--color-bg-action-accent-default-pressed:var(--base-color-blue-650);--color-bg-action-accent-weak:var(--base-color-blue-850);--color-bg-action-accent-weak-hover:var(--base-color-blue-800);--color-bg-action-accent-weak-pressed:var(--base-color-blue-750);--color-bg-action-accent-weakest:var(--base-color-grey-800);--color-bg-action-accent-weakest-hover:var(--base-color-dark-blue-750);--color-bg-action-accent-weakest-pressed:var(--base-color-dark-blue-800);--color-bg-action-danger-default:var(--base-color-red-800);--color-bg-action-danger-default-hover:var(--base-color-red-750);--color-bg-action-danger-default-pressed:var(--base-color-red-700);--color-bg-action-neutral-default:var(--base-color-grey-700);--color-bg-action-neutral-default-hover:var(--base-color-grey-650);--color-bg-action-neutral-default-pressed:var(--base-color-grey-600);--color-bg-action-neutral-weak:var(--base-color-grey-700);--color-bg-action-neutral-weak-hover:var(--base-color-grey-650);--color-bg-action-neutral-weak-pressed:var(--base-color-grey-600);--color-bg-action-neutral-weakest:var(--base-color-grey-800);--color-bg-action-neutral-weakest-hover:var(--base-color-grey-700);--color-bg-action-neutral-weakest-pressed:var(--base-color-grey-750);--color-bg-assistive:var(--base-color-blue-750);--color-bg-brand:var(--base-color-grey-700);--color-bg-danger:var(--base-color-red-800);--color-bg-default:var(--base-color-grey-800);--color-bg-default-translucent:var(--base-color-grey-800op80);--color-bg-interaction-disabled:var(--base-color-grey-850);--color-bg-selection-accent-default:var(--base-color-blue-500);--color-bg-selection-accent-weak:var(--base-color-blue-800);--color-bg-selection-accent-weak-hover:var(--base-color-blue-850);--color-bg-selection-neutral-default:var(--base-color-grey-700);--color-bg-selection-neutral-default-hover:var(--base-color-grey-750);--color-bg-selection-neutral-weakest:var(--base-color-grey-800);--color-bg-success:var(--base-color-dark-green-750);--color-bg-warning:var(--base-color-yellow-800);--color-bg-weak:var(--base-color-grey-900);--color-bg-weaker:var(--base-color-black-opaque);--color-border-accent:var(--base-color-blue-500);--color-border-action-accent-default:var(--base-color-blue-500);--color-border-action-accent-default-hover:var(--base-color-blue-600);--color-border-action-accent-default-pressed:var(--base-color-blue-650);--color-border-action-danger-default:var(--base-color-red-400);--color-border-action-danger-default-hover:var(--base-color-red-500);--color-border-action-danger-default-pressed:var(--base-color-red-600);--color-border-action-neutral-default:var(--base-color-grey-500);--color-border-action-neutral-default-hover:var(--base-color-grey-400);--color-border-action-neutral-default-pressed:var(--base-color-grey-350);--color-border-assistive-default:var(--base-color-blue-700);--color-border-assistive-neutral:var(--base-color-grey-700);--color-border-assistive-strong:var(--base-color-blue-500);--color-border-danger-default:var(--base-color-red-750);--color-border-danger-strong:var(--base-color-red-400);--color-border-default:var(--base-color-grey-650);--color-border-interaction-disabled:var(--base-color-grey-650);--color-border-interaction-focus:var(--base-color-white-opaque);--color-border-on-color:var(--base-color-black-opaque);--color-border-on-translucent:var(--base-color-grey-750);--color-border-selection-accent-default:var(--base-color-blue-500);--color-border-selection-accent-weak:var(--base-color-blue-750);--color-border-selection-neutral-default:var(--base-color-grey-500);--color-border-strong:var(--base-color-grey-500);--color-border-success-default:var(--base-color-dark-green-700);--color-border-success-strong:var(--base-color-dark-green-400);--color-border-warning-default:var(--base-color-yellow-750);--color-border-warning-strong:var(--base-color-yellow-400);--color-border-weak:var(--base-color-grey-750);--color-fg-accent:var(--base-color-blue-500);--color-fg-action-accent-default:var(--base-color-blue-500);--color-fg-action-accent-default-hover:var(--base-color-blue-600);--color-fg-action-accent-default-pressed:var(--base-color-blue-700);--color-fg-action-danger-default:var(--base-color-red-400);--color-fg-action-danger-default-hover:var(--base-color-red-500);--color-fg-action-danger-default-pressed:var(--base-color-red-600);--color-fg-action-neutral-default:var(--base-color-white-opaque);--color-fg-action-neutral-default-hover:var(--base-color-grey-150);--color-fg-action-neutral-default-pressed:var(--base-color-grey-200);--color-fg-action-neutral-weak:var(--base-color-grey-400);--color-fg-action-neutral-weak-hover:var(--base-color-grey-350);--color-fg-action-neutral-weak-pressed:var(--base-color-grey-250);--color-fg-assistive-default:var(--base-color-blue-500);--color-fg-assistive-neutral:var(--base-color-grey-400);--color-fg-danger:var(--base-color-red-400);--color-fg-default:var(--base-color-white-opaque);--color-fg-interaction-disabled:var(--base-color-grey-500);--color-fg-interaction-on-color:var(--base-color-black-opaque);--color-fg-on-color:var(--base-color-black-opaque);--color-fg-selection-accent-default:var(--base-color-blue-500);--color-fg-selection-neutral-default:var(--base-color-white-opaque);--color-fg-success:var(--base-color-dark-green-400);--color-fg-warning:var(--base-color-yellow-400);--color-fg-weak:var(--base-color-grey-250);--color-fg-weaker:var(--base-color-grey-300);--color-rainbow-ai-default-gradient-end:var(--base-color-friendly-blue-500);--color-rainbow-ai-default-gradient-start:var(--base-color-blue-500);--color-rainbow-ai-strong10-gradient-end:var(--base-color-friendly-blue-400);--color-rainbow-ai-strong10-gradient-start:var(--base-color-blue-400);--color-rainbow-ai-strong20-gradient-end:var(--base-color-friendly-blue-350);--color-rainbow-ai-strong20-gradient-start:var(--base-color-blue-350);--color-rainbow-ai-strong30-gradient-end:var(--base-color-friendly-blue-200);--color-rainbow-ai-strong30-gradient-start:var(--base-color-blue-200);--color-rainbow-ai-weak10-gradient-end:var(--base-color-friendly-blue-650);--color-rainbow-ai-weak10-gradient-start:var(--base-color-blue-650);--color-rainbow-ai-weak20-gradient-end:var(--base-color-friendly-blue-700);--color-rainbow-ai-weak20-gradient-start:var(--base-color-blue-700);--color-rainbow-ai-weak30-gradient-end:var(--base-color-friendly-blue-750);--color-rainbow-ai-weak30-gradient-start:var(--base-color-blue-800);--color-rainbow-ai-weak40-gradient-end:var(--base-color-friendly-blue-800);--color-rainbow-ai-weak40-gradient-start:var(--base-color-blue-850);--color-rainbow-black:var(--base-color-black-opaque);--color-rainbow-blue-default:var(--base-color-blue-500);--color-rainbow-blue-strong10:var(--base-color-blue-400);--color-rainbow-blue-strong20:var(--base-color-blue-350);--color-rainbow-blue-strong30:var(--base-color-blue-200);--color-rainbow-blue-weak10:var(--base-color-blue-650);--color-rainbow-blue-weak20:var(--base-color-blue-700);--color-rainbow-blue-weak30:var(--base-color-blue-750);--color-rainbow-blue-weak40:var(--base-color-blue-800);--color-rainbow-brown-default:var(--base-color-brown-500);--color-rainbow-brown-strong10:var(--base-color-brown-400);--color-rainbow-brown-strong20:var(--base-color-brown-350);--color-rainbow-brown-strong30:var(--base-color-brown-200);--color-rainbow-brown-weak10:var(--base-color-brown-650);--color-rainbow-brown-weak20:var(--base-color-brown-700);--color-rainbow-brown-weak30:var(--base-color-brown-750);--color-rainbow-brown-weak40:var(--base-color-brown-800);--color-rainbow-cyan-default:var(--base-color-cyan-500);--color-rainbow-cyan-strong10:var(--base-color-cyan-400);--color-rainbow-cyan-strong20:var(--base-color-cyan-350);--color-rainbow-cyan-strong30:var(--base-color-cyan-200);--color-rainbow-cyan-weak10:var(--base-color-cyan-650);--color-rainbow-cyan-weak20:var(--base-color-cyan-700);--color-rainbow-cyan-weak30:var(--base-color-cyan-750);--color-rainbow-cyan-weak40:var(--base-color-cyan-800);--color-rainbow-dark-blue-default:var(--base-color-dark-blue-500);--color-rainbow-dark-blue-strong10:var(--base-color-dark-blue-400);--color-rainbow-dark-blue-strong20:var(--base-color-dark-blue-350);--color-rainbow-dark-blue-strong30:var(--base-color-dark-blue-200);--color-rainbow-dark-blue-weak10:var(--base-color-dark-blue-650);--color-rainbow-dark-blue-weak20:var(--base-color-dark-blue-700);--color-rainbow-dark-blue-weak30:var(--base-color-dark-blue-750);--color-rainbow-dark-blue-weak40:var(--base-color-dark-blue-800);--color-rainbow-dark-green-default:var(--base-color-dark-green-500);--color-rainbow-dark-green-strong10:var(--base-color-dark-green-400);--color-rainbow-dark-green-strong20:var(--base-color-dark-green-350);--color-rainbow-dark-green-strong30:var(--base-color-dark-green-200);--color-rainbow-dark-green-weak10:var(--base-color-dark-green-650);--color-rainbow-dark-green-weak20:var(--base-color-dark-green-700);--color-rainbow-dark-green-weak30:var(--base-color-dark-green-750);--color-rainbow-dark-green-weak40:var(--base-color-dark-green-800);--color-rainbow-green-default:var(--base-color-green-500);--color-rainbow-green-strong10:var(--base-color-green-400);--color-rainbow-green-strong20:var(--base-color-green-350);--color-rainbow-green-strong30:var(--base-color-green-200);--color-rainbow-green-weak10:var(--base-color-green-650);--color-rainbow-green-weak20:var(--base-color-green-700);--color-rainbow-green-weak30:var(--base-color-green-750);--color-rainbow-green-weak40:var(--base-color-green-800);--color-rainbow-grey-default:var(--base-color-grey-500);--color-rainbow-grey-strong10:var(--base-color-grey-400);--color-rainbow-grey-strong20:var(--base-color-grey-350);--color-rainbow-grey-strong30:var(--base-color-grey-200);--color-rainbow-grey-weak10:var(--base-color-grey-650);--color-rainbow-grey-weak20:var(--base-color-grey-700);--color-rainbow-grey-weak30:var(--base-color-grey-750);--color-rainbow-grey-weak40:var(--base-color-grey-800);--color-rainbow-mono-strong:var(--base-color-white-opaque);--color-rainbow-mono-weak:var(--base-color-grey-800);--color-rainbow-orange-default:var(--base-color-orange-500);--color-rainbow-orange-strong10:var(--base-color-orange-400);--color-rainbow-orange-strong20:var(--base-color-orange-350);--color-rainbow-orange-strong30:var(--base-color-orange-200);--color-rainbow-orange-weak10:var(--base-color-orange-650);--color-rainbow-orange-weak20:var(--base-color-orange-700);--color-rainbow-orange-weak30:var(--base-color-orange-750);--color-rainbow-orange-weak40:var(--base-color-orange-800);--color-rainbow-pink-default:var(--base-color-pink-500);--color-rainbow-pink-strong10:var(--base-color-pink-400);--color-rainbow-pink-strong20:var(--base-color-pink-350);--color-rainbow-pink-strong30:var(--base-color-pink-200);--color-rainbow-pink-weak10:var(--base-color-pink-650);--color-rainbow-pink-weak20:var(--base-color-pink-700);--color-rainbow-pink-weak30:var(--base-color-pink-750);--color-rainbow-pink-weak40:var(--base-color-pink-800);--color-rainbow-purple-default:var(--base-color-purple-500);--color-rainbow-purple-strong10:var(--base-color-purple-400);--color-rainbow-purple-strong20:var(--base-color-purple-350);--color-rainbow-purple-strong30:var(--base-color-purple-200);--color-rainbow-purple-weak10:var(--base-color-purple-650);--color-rainbow-purple-weak20:var(--base-color-purple-650);--color-rainbow-purple-weak30:var(--base-color-purple-750);--color-rainbow-purple-weak40:var(--base-color-purple-800);--color-rainbow-red-default:var(--base-color-red-500);--color-rainbow-red-strong10:var(--base-color-red-400);--color-rainbow-red-strong20:var(--base-color-red-350);--color-rainbow-red-strong30:var(--base-color-red-200);--color-rainbow-red-weak10:var(--base-color-red-650);--color-rainbow-red-weak20:var(--base-color-red-700);--color-rainbow-red-weak30:var(--base-color-red-750);--color-rainbow-red-weak40:var(--base-color-red-800);--color-rainbow-white:var(--base-color-white-opaque);--color-rainbow-yellow-default:var(--base-color-yellow-500);--color-rainbow-yellow-strong10:var(--base-color-yellow-400);--color-rainbow-yellow-strong20:var(--base-color-yellow-350);--color-rainbow-yellow-strong30:var(--base-color-yellow-200);--color-rainbow-yellow-weak10:var(--base-color-yellow-650);--color-rainbow-yellow-weak20:var(--base-color-yellow-700);--color-rainbow-yellow-weak30:var(--base-color-yellow-750);--color-rainbow-yellow-weak40:var(--base-color-yellow-800);--color-rainbow-ai-default:linear-gradient(90deg, var(--color-rainbow-ai-default-gradient-start) 0%, var(--color-rainbow-ai-default-gradient-end) 100%);--color-rainbow-ai-strong10:linear-gradient(90deg, var(--color-rainbow-ai-strong10-gradient-start) 0%, var(--color-rainbow-ai-strong10-gradient-end) 100%);--color-rainbow-ai-strong20:linear-gradient(90deg, var(--color-rainbow-ai-strong20-gradient-start) 0%, var(--color-rainbow-ai-strong20-gradient-end) 100%);--color-rainbow-ai-strong30:linear-gradient(90deg, var(--color-rainbow-ai-strong30-gradient-start) 0%, var(--color-rainbow-ai-strong30-gradient-end) 100%);--color-rainbow-ai-weak10:linear-gradient(90deg, var(--color-rainbow-ai-weak10-gradient-start) 0%, var(--color-rainbow-ai-weak10-gradient-end) 100%);--color-rainbow-ai-weak20:linear-gradient(270deg, var(--color-rainbow-ai-weak20-gradient-start) 0%, var(--color-rainbow-ai-weak20-gradient-end) 100%);--color-rainbow-ai-weak30:linear-gradient(270deg, var(--color-rainbow-ai-weak30-gradient-start) 0%, var(--color-rainbow-ai-weak30-gradient-end) 100%);--color-rainbow-ai-weak40:linear-gradient(270deg, var(--color-rainbow-ai-weak40-gradient-start) 0%, var(--color-rainbow-ai-weak40-gradient-end) 100%)}.markdown-body{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;color:#1f2328;word-wrap:break-word;background-color:#fff;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;font-size:16px;font-weight:400;line-height:1.5}.markdown-body a{text-underline-offset:.2rem;text-decoration:underline}.markdown-body .octicon{fill:currentColor;vertical-align:text-bottom;display:inline-block}.markdown-body h1:hover .anchor .octicon-link:before,.markdown-body h2:hover .anchor .octicon-link:before,.markdown-body h3:hover .anchor .octicon-link:before,.markdown-body h4:hover .anchor .octicon-link:before,.markdown-body h5:hover .anchor .octicon-link:before,.markdown-body h6:hover .anchor .octicon-link:before{content:" ";background-color:currentColor;width:16px;height:16px;display:inline-block;-webkit-mask-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' version='1.1' aria-hidden='true'><path fill-rule='evenodd' d='M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z'></path></svg>");mask-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' version='1.1' aria-hidden='true'><path fill-rule='evenodd' d='M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z'></path></svg>")}.markdown-body details,.markdown-body figcaption,.markdown-body figure{display:block}.markdown-body summary{display:list-item}.markdown-body [hidden]{display:none!important}.markdown-body a{color:#0969da;background-color:#0000;text-decoration:none}.markdown-body abbr[title]{border-bottom:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.markdown-body b,.markdown-body strong{font-weight:600}.markdown-body dfn{font-style:italic}.markdown-body h1{border-bottom:1px solid #d1d9e0b3;margin:.67em 0;padding-bottom:.3em;font-size:2em;font-weight:600}.markdown-body mark{color:#1f2328;background-color:#fff8c5}.markdown-body small{font-size:90%}.markdown-body sub,.markdown-body sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}.markdown-body sub{bottom:-.25em}.markdown-body sup{top:-.5em}.markdown-body img{box-sizing:content-box;border-style:none;max-width:100%}.markdown-body code,.markdown-body kbd,.markdown-body pre,.markdown-body samp{font-family:monospace;font-size:1em}.markdown-body figure{margin:1em 2.5rem}.markdown-body hr{box-sizing:content-box;background:#d1d9e0;border:0;height:.25em;margin:1.5rem 0;padding:0;overflow:hidden}.markdown-body input{font:inherit;font-family:inherit;font-size:inherit;line-height:inherit;margin:0;overflow:visible}.markdown-body [type=button],.markdown-body [type=reset],.markdown-body [type=submit]{appearance:button}.markdown-body [type=checkbox],.markdown-body [type=radio]{box-sizing:border-box;padding:0}.markdown-body [type=number]::-webkit-inner-spin-button{height:auto}.markdown-body [type=number]::-webkit-outer-spin-button{height:auto}.markdown-body [type=search]::-webkit-search-cancel-button{appearance:none}.markdown-body [type=search]::-webkit-search-decoration{appearance:none}.markdown-body ::-webkit-input-placeholder{color:inherit;opacity:.54}.markdown-body ::-webkit-file-upload-button{appearance:button;font:inherit}.markdown-body a:hover{text-decoration:underline}.markdown-body ::placeholder{color:#59636e;opacity:1}.markdown-body hr:before{content:"";display:table}.markdown-body hr:after{clear:both;content:"";display:table}.markdown-body table{border-spacing:0;border-collapse:collapse;font-variant:tabular-nums;width:max-content;max-width:100%;display:block;overflow:auto}.markdown-body td,.markdown-body th{padding:0}.markdown-body details summary{cursor:pointer}.markdown-body a:focus,.markdown-body [role=button]:focus,.markdown-body input[type=radio]:focus,.markdown-body input[type=checkbox]:focus{outline:2px solid var(--borderColor-accent-emphasis);outline-offset:-2px;box-shadow:none}.markdown-body a:focus:not(:focus-visible),.markdown-body [role=button]:focus:not(:focus-visible),.markdown-body input[type=radio]:focus:not(:focus-visible),.markdown-body input[type=checkbox]:focus:not(:focus-visible){outline:1px solid #0000}.markdown-body a:focus-visible,.markdown-body [role=button]:focus-visible,.markdown-body input[type=radio]:focus-visible,.markdown-body input[type=checkbox]:focus-visible{outline:2px solid var(--borderColor-accent-emphasis);outline-offset:-2px;box-shadow:none}.markdown-body a:not([class]):focus,.markdown-body a:not([class]):focus-visible,.markdown-body input[type=radio]:focus,.markdown-body input[type=radio]:focus-visible,.markdown-body input[type=checkbox]:focus,.markdown-body input[type=checkbox]:focus-visible{outline-offset:0}.markdown-body kbd{color:#1f2328;vertical-align:middle;border:solid 1px var(--borderColor-muted);border-bottom-color:var(--borderColor-muted);box-shadow:inset 0 -1px 0 var(--borderColor-muted);background-color:#f6f8fa;border-radius:6px;padding:.25rem;font:11px/10px ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;display:inline-block}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4,.markdown-body h5,.markdown-body h6{margin-top:1.5rem;margin-bottom:1rem;font-weight:600;line-height:1.25}.markdown-body h2{border-bottom:1px solid #d1d9e0b3;padding-bottom:.3em;font-size:1.5em;font-weight:600}.markdown-body h3{font-size:1.25em;font-weight:600}.markdown-body h4{font-size:1em;font-weight:600}.markdown-body h5{font-size:.875em;font-weight:600}.markdown-body h6{color:#59636e;font-size:.85em;font-weight:600}.markdown-body p{margin-top:0;margin-bottom:10px}.markdown-body blockquote{color:#59636e;border-left:.25em solid #d1d9e0;margin:0;padding:0 1em}.markdown-body ul,.markdown-body ol{margin-top:0;margin-bottom:0;padding-left:2em}.markdown-body ol ol,.markdown-body ul ol{list-style-type:lower-roman}.markdown-body ul ul ol,.markdown-body ul ol ol,.markdown-body ol ul ol,.markdown-body ol ol ol{list-style-type:lower-alpha}.markdown-body dd{margin-left:0}.markdown-body tt,.markdown-body code,.markdown-body samp{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;font-size:12px}.markdown-body pre{word-wrap:normal;margin-top:0;margin-bottom:0;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;font-size:12px}.markdown-body .octicon{vertical-align:text-bottom;fill:currentColor;display:inline-block;overflow:visible!important}.markdown-body input::-webkit-outer-spin-button{appearance:none;margin:0}.markdown-body input::-webkit-inner-spin-button{appearance:none;margin:0}.markdown-body .mr-2{margin-right:.5rem!important}.markdown-body:before{content:"";display:table}.markdown-body:after{clear:both;content:"";display:table}.markdown-body>:first-child{margin-top:0!important}.markdown-body>:last-child{margin-bottom:0!important}.markdown-body a:not([href]){color:inherit;text-decoration:none}.markdown-body .absent{color:#d1242f}.markdown-body .anchor{float:left;margin-left:-20px;padding-right:.25rem;line-height:1}.markdown-body .anchor:focus{outline:none}.markdown-body p,.markdown-body blockquote,.markdown-body ul,.markdown-body ol,.markdown-body dl,.markdown-body table,.markdown-body pre,.markdown-body details{margin-top:0;margin-bottom:1rem}.markdown-body blockquote>:first-child{margin-top:0}.markdown-body blockquote>:last-child{margin-bottom:0}.markdown-body h1 .octicon-link,.markdown-body h2 .octicon-link,.markdown-body h3 .octicon-link,.markdown-body h4 .octicon-link,.markdown-body h5 .octicon-link,.markdown-body h6 .octicon-link{color:#1f2328;vertical-align:middle;visibility:hidden}.markdown-body h1:hover .anchor,.markdown-body h2:hover .anchor,.markdown-body h3:hover .anchor,.markdown-body h4:hover .anchor,.markdown-body h5:hover .anchor,.markdown-body h6:hover .anchor{text-decoration:none}.markdown-body h1:hover .anchor .octicon-link,.markdown-body h2:hover .anchor .octicon-link,.markdown-body h3:hover .anchor .octicon-link,.markdown-body h4:hover .anchor .octicon-link,.markdown-body h5:hover .anchor .octicon-link,.markdown-body h6:hover .anchor .octicon-link{visibility:visible}.markdown-body h1 tt,.markdown-body h1 code,.markdown-body h2 tt,.markdown-body h2 code,.markdown-body h3 tt,.markdown-body h3 code,.markdown-body h4 tt,.markdown-body h4 code,.markdown-body h5 tt,.markdown-body h5 code,.markdown-body h6 tt,.markdown-body h6 code{font-size:inherit;padding:0 .2em}.markdown-body summary h1,.markdown-body summary h2,.markdown-body summary h3,.markdown-body summary h4,.markdown-body summary h5,.markdown-body summary h6{display:inline-block}.markdown-body summary h1 .anchor,.markdown-body summary h2 .anchor,.markdown-body summary h3 .anchor,.markdown-body summary h4 .anchor,.markdown-body summary h5 .anchor,.markdown-body summary h6 .anchor{margin-left:-40px}.markdown-body summary h1,.markdown-body summary h2{border-bottom:0;padding-bottom:0}.markdown-body ul.no-list,.markdown-body ol.no-list{padding:0;list-style-type:none}.markdown-body ol[type=a\ s]{list-style-type:lower-alpha}.markdown-body ol[type=A\ s]{list-style-type:upper-alpha}.markdown-body ol[type=i\ s]{list-style-type:lower-roman}.markdown-body ol[type=I\ s]{list-style-type:upper-roman}.markdown-body ol[type="1"],.markdown-body div>ol:not([type]){list-style-type:decimal}.markdown-body ul ul,.markdown-body ul ol,.markdown-body ol ol,.markdown-body ol ul{margin-top:0;margin-bottom:0}.markdown-body li>p{margin-top:1rem}.markdown-body li+li{margin-top:.25em}.markdown-body dl{padding:0}.markdown-body dl dt{margin-top:1rem;padding:0;font-size:1em;font-style:italic;font-weight:600}.markdown-body dl dd{margin-bottom:1rem;padding:0 1rem}.markdown-body table th{font-weight:600}.markdown-body table th,.markdown-body table td{border:1px solid #d1d9e0;padding:6px 13px}.markdown-body table td>:last-child{margin-bottom:0}.markdown-body table tr{background-color:#fff;border-top:1px solid #d1d9e0b3}.markdown-body table tr:nth-child(2n){background-color:#f6f8fa}.markdown-body table img{background-color:#0000}.markdown-body img[align=right]{padding-left:20px}.markdown-body img[align=left]{padding-right:20px}.markdown-body .emoji{vertical-align:text-top;background-color:#0000;max-width:none}.markdown-body span.frame{display:block;overflow:hidden}.markdown-body span.frame>span{float:left;border:1px solid #d1d9e0;width:auto;margin:13px 0 0;padding:7px;display:block;overflow:hidden}.markdown-body span.frame span img{float:left;display:block}.markdown-body span.frame span span{clear:both;color:#1f2328;padding:5px 0 0;display:block}.markdown-body span.align-center{clear:both;display:block;overflow:hidden}.markdown-body span.align-center>span{text-align:center;margin:13px auto 0;display:block;overflow:hidden}.markdown-body span.align-center span img{text-align:center;margin:0 auto}.markdown-body span.align-right{clear:both;display:block;overflow:hidden}.markdown-body span.align-right>span{text-align:right;margin:13px 0 0;display:block;overflow:hidden}.markdown-body span.align-right span img{text-align:right;margin:0}.markdown-body span.float-left{float:left;margin-right:13px;display:block;overflow:hidden}.markdown-body span.float-left span{margin:13px 0 0}.markdown-body span.float-right{float:right;margin-left:13px;display:block;overflow:hidden}.markdown-body span.float-right>span{text-align:right;margin:13px auto 0;display:block;overflow:hidden}.markdown-body code,.markdown-body tt{white-space:break-spaces;background-color:#818b981f;border-radius:6px;margin:0;padding:.2em .4em;font-size:85%}.markdown-body code br,.markdown-body tt br{display:none}.markdown-body del code{-webkit-text-decoration:inherit;text-decoration:inherit}.markdown-body samp{font-size:85%}.markdown-body pre code{font-size:100%}.markdown-body pre>code{word-break:normal;white-space:pre;background:0 0;border:0;margin:0;padding:0}.markdown-body .highlight{margin-bottom:1rem}.markdown-body .highlight pre{word-break:normal;margin-bottom:0}.markdown-body .highlight pre,.markdown-body pre{color:#1f2328;background-color:#f6f8fa;border-radius:6px;padding:1rem;font-size:85%;line-height:1.45;overflow:auto}.markdown-body pre code,.markdown-body pre tt{line-height:inherit;word-wrap:normal;background-color:#0000;border:0;margin:0;padding:0;display:inline;overflow:visible}.markdown-body .csv-data td,.markdown-body .csv-data th{text-align:left;white-space:nowrap;padding:5px;font-size:12px;line-height:1;overflow:hidden}.markdown-body .csv-data .blob-num{text-align:right;background:#fff;border:0;padding:10px .5rem 9px}.markdown-body .csv-data tr{border-top:0}.markdown-body .csv-data th{background:#f6f8fa;border-top:0;font-weight:600}.markdown-body [data-footnote-ref]:before{content:"["}.markdown-body [data-footnote-ref]:after{content:"]"}.markdown-body .footnotes{color:#59636e;border-top:1px solid #d1d9e0;font-size:12px}.markdown-body .footnotes ol{padding-left:1rem}.markdown-body .footnotes ol ul{margin-top:1rem;padding-left:1rem;display:inline-block}.markdown-body .footnotes li{position:relative}.markdown-body .footnotes li:target:before{pointer-events:none;content:"";border:2px solid #0969da;border-radius:6px;position:absolute;inset:-.5rem -.5rem -.5rem -1.5rem}.markdown-body .footnotes li:target{color:#1f2328}.markdown-body .footnotes .data-footnote-backref g-emoji{font-family:monospace}.markdown-body .pl-c{color:#59636e}.markdown-body .pl-c1,.markdown-body .pl-s .pl-v{color:#0550ae}.markdown-body .pl-e,.markdown-body .pl-en{color:#6639ba}.markdown-body .pl-smi,.markdown-body .pl-s .pl-s1{color:#1f2328}.markdown-body .pl-ent{color:#0550ae}.markdown-body .pl-k{color:#cf222e}.markdown-body .pl-s,.markdown-body .pl-pds,.markdown-body .pl-s .pl-pse .pl-s1,.markdown-body .pl-sr,.markdown-body .pl-sr .pl-cce,.markdown-body .pl-sr .pl-sre,.markdown-body .pl-sr .pl-sra{color:#0a3069}.markdown-body .pl-v,.markdown-body .pl-smw{color:#953800}.markdown-body .pl-bu{color:#82071e}.markdown-body .pl-ii{color:var(--fgColor-danger);background-color:var(--bgColor-danger-muted)}.markdown-body .pl-c2{color:#f6f8fa;background-color:#cf222e}.markdown-body .pl-sr .pl-cce{color:#116329;font-weight:700}.markdown-body .pl-ml{color:#3b2300}.markdown-body .pl-mh,.markdown-body .pl-mh .pl-en,.markdown-body .pl-ms{color:#0550ae;font-weight:700}.markdown-body .pl-mi{color:#1f2328;font-style:italic}.markdown-body .pl-mb{color:#1f2328;font-weight:700}.markdown-body .pl-md{color:#82071e;background-color:#ffebe9}.markdown-body .pl-mi1{color:#116329;background-color:#dafbe1}.markdown-body .pl-mc{color:#953800;background-color:#ffd8b5}.markdown-body .pl-mi2{color:#d1d9e0;background-color:#0550ae}.markdown-body .pl-mdr{color:#8250df;font-weight:700}.markdown-body .pl-ba{color:#59636e}.markdown-body .pl-sg{color:#818b98}.markdown-body .pl-corl{color:#0a3069;text-decoration:underline}.markdown-body [role=button]:focus:not(:focus-visible),.markdown-body [role=tabpanel][tabindex="0"]:focus:not(:focus-visible),.markdown-body button:focus:not(:focus-visible),.markdown-body summary:focus:not(:focus-visible),.markdown-body a:focus:not(:focus-visible){box-shadow:none;outline:none}.markdown-body [tabindex="0"]:focus:not(:focus-visible),.markdown-body details-dialog:focus:not(:focus-visible){outline:none}.markdown-body g-emoji{vertical-align:-.075em;min-width:1ch;font-family:Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-size:1em;font-weight:400;line-height:1;display:inline-block;font-style:normal!important}.markdown-body g-emoji img{width:1em;height:1em}.markdown-body a:has(>p,>div,>pre,>blockquote){display:block}.markdown-body a:has(>p,>div,>pre,>blockquote):not(:has(.snippet-clipboard-content,>pre)){width:fit-content}.markdown-body a:has(>p,>div,>pre,>blockquote):has(.snippet-clipboard-content,>pre):focus-visible{outline:2px solid var(--borderColor-accent-emphasis);outline-offset:2px}.markdown-body .task-list-item{list-style-type:none}.markdown-body .task-list-item label{font-weight:400}.markdown-body .task-list-item.enabled label{cursor:pointer}.markdown-body .task-list-item+.task-list-item{margin-top:.25rem}.markdown-body .task-list-item .handle{display:none}.markdown-body .task-list-item-checkbox{vertical-align:middle;margin:0 .2em .25em -1.4em}.markdown-body ul:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .task-list-item-checkbox,.markdown-body ol:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .task-list-item-checkbox{margin:0 -1.6em .25em .2em}.markdown-body .contains-task-list:hover .task-list-item-convert-container,.markdown-body .contains-task-list:focus-within .task-list-item-convert-container{clip-path:none;width:auto;height:24px;display:block;overflow:visible}.markdown-body ::-webkit-calendar-picker-indicator{filter:invert(50%)}.markdown-body .markdown-alert{color:inherit;border-left:.25em solid #d1d9e0;margin-bottom:1rem;padding:.5rem 1rem}.markdown-body .markdown-alert>:first-child{margin-top:0}.markdown-body .markdown-alert>:last-child{margin-bottom:0}.markdown-body .markdown-alert .markdown-alert-title{align-items:center;font-weight:500;line-height:1;display:flex}.markdown-body .markdown-alert.markdown-alert-note{border-left-color:#0969da}.markdown-body .markdown-alert.markdown-alert-note .markdown-alert-title{color:#0969da}.markdown-body .markdown-alert.markdown-alert-important{border-left-color:#8250df}.markdown-body .markdown-alert.markdown-alert-important .markdown-alert-title{color:#8250df}.markdown-body .markdown-alert.markdown-alert-warning{border-left-color:#9a6700}.markdown-body .markdown-alert.markdown-alert-warning .markdown-alert-title{color:#9a6700}.markdown-body .markdown-alert.markdown-alert-tip{border-left-color:#1a7f37}.markdown-body .markdown-alert.markdown-alert-tip .markdown-alert-title{color:#1a7f37}.markdown-body .markdown-alert.markdown-alert-caution{border-left-color:#cf222e}.markdown-body .markdown-alert.markdown-alert-caution .markdown-alert-title{color:#d1242f}.markdown-body>:first-child>.heading-element:first-child{margin-top:0!important}.markdown-body .highlight pre:has(+.zeroclipboard-container){min-height:52px}

package/dist/docs/doc.mjs

@@ -149,12 +149,14 @@ document
 `,ne=`modulepreload`,E=function(e,t){return new URL(e,t).href},D={},O=function(e,t,n){let r=Promise.resolve();if(t&&t.length>0){let e=document.getElementsByTagName(`link`),i=document.querySelector(`meta[property=csp-nonce]`),a=i?.nonce||i?.getAttribute(`nonce`);function o(e){return Promise.all(e.map(e=>Promise.resolve(e).then(e=>({status:`fulfilled`,value:e}),e=>({status:`rejected`,reason:e}))))}r=o(t.map(t=>{if(t=E(t,n),t in D)return;D[t]=!0;let r=t.endsWith(`.css`),i=r?`[rel="stylesheet"]`:``;if(n)for(let n=e.length-1;n>=0;n--){let i=e[n];if(i.href===t&&(!r||i.rel===`stylesheet`))return}else if(document.querySelector(`link[href="${t}"]${i}`))return;let o=document.createElement(`link`);if(o.rel=r?`stylesheet`:ne,r||(o.as=`script`),o.crossOrigin=``,o.href=t,a&&o.setAttribute(`nonce`,a),document.head.appendChild(o),r)return new Promise((e,n)=>{o.addEventListener(`load`,e),o.addEventListener(`error`,()=>n(Error(`Unable to preload CSS for ${t}`)))})}))}function i(e){let t=new Event(`vite:preloadError`,{cancelable:!0});if(t.payload=e,window.dispatchEvent(t),!t.defaultPrevented)throw e}return r.then(t=>{for(let e of t||[])e.status===`rejected`&&i(e.reason);return e().catch(i)})},k=s({default:()=>A}),A={mainContent:w,description:te,css:ee,initializer:{content:T,type:`typescript`,initialize:()=>O(()=>import(`./4_validation.js`),[],import.meta.url)}},j=`sd-radio-button-group {
 	display: block;
 	min-height: 64px; /* Have space for the validation message */
-	--sd-radio-button-container-background: var(--color-border-selection-neutral-default, #999);
 }
 
 sd-button {
 	border-radius: 0;
 
+	&:not(:first-child) {
+		margin-left: -1px;
+	}
 	&:first-child {
 		border-radius: var(--radius-s, 4px) 0 0 var(--radius-s, 4px);
 	}
@@ -164,6 +166,13 @@ sd-button {
 	& span {
 		white-space: nowrap;
 	}
+	&:hover,
+	&[focused] {
+		z-index: 1;
+	}
+	&[aria-pressed="true"] {
+		z-index: 2;
+	}
 }
 
 .indicator {
@@ -285,7 +294,7 @@ function onValueChange(value: string | undefined, selectedIndex: number) {
                 </div>
                 <label class="label" for="${this.a11yID}" @click="${this.handleClick}">${this.label}</label>
             </div>
-        `}};bt([G({type:Boolean,reflect:!0,attribute:!0}),yt(`design:type`,Object)],St.prototype,`checked`,void 0),bt([G({type:String,reflect:!0,attribute:!0}),yt(`design:type`,Object)],St.prototype,`value`,void 0),bt([G({type:Boolean,reflect:!0,attribute:!0}),yt(`design:type`,Object)],St.prototype,`disabled`,void 0),bt([G({type:String,reflect:!0,attribute:!0}),yt(`design:type`,Object)],St.prototype,`label`,void 0);var Ct=`:host{display:block}:host(:focus){outline:none}:host(:focus-visible) ::slotted([focused]){outline:1px solid var(--color-border-interaction-focus,#111);outline-offset:var(--spacing-x1,2px);border-radius:var(--radius-s,4px);z-index:1}.buttons-container{align-items:start;gap:var(--sd-radio-button-group-gap,0);background:var(--sd-radio-button-container-background);border-radius:var(--radius-s,4px);max-width:100%;display:inline-flex}.buttons-container.vertical{flex-direction:column}.validation-message{margin-left:5px}`,wt=class e extends at{constructor(...e){super(...e),this.layout=`horizontal`,this.value=``,this.uncheckAllowed=!1,this.disabled=!1,this._buttons=[],this._focusIndex=-1,this._checkedButton=void 0,this.handleSlotChange=()=>{this._buttons=this.buttonsSlot.assignedElements(),this._buttons.forEach(e=>{!e.hasAttribute(`disabled`)&&this.disabled&&e.setAttribute(`disabled`,``),e.setAttribute(`tabIndex`,`-1`),this.updateCheckedButton(e)})},this.handleFocusIn=e=>{let t=e.target,n=this._buttons.findIndex(e=>e==t);this.focusIndex=this.focusIndex>=0?this.focusIndex:this.getNextFocusIndex(n===-1?0:n),this.updateFocused(void 0,this._buttons[this.focusIndex])},this.handleFocusOut=()=>{this.updateFocused(this._buttons[this.focusIndex])},this.handleButtonClick=e=>{this.focus();let t=this._buttons.find(t=>t.contains(e.target));if(t?.matches(`[disabled], [aria-disabled='true']`))return;let n=this._buttons.findIndex(e=>e==t);n>=0&&(this.focusIndex=n,this.updateChecked())},this.handleKeyDown=e=>{let t=!0;switch(e.key){case`Down`:case`ArrowDown`:case`Right`:case`ArrowRight`:this.focusNext();break;case`Up`:case`ArrowUp`:case`Left`:case`ArrowLeft`:this.focusPrevious();break;case`Enter`:this.updateChecked();break;default:t=!1}t&&(e.preventDefault(),e.stopPropagation())}}static{this.ID=`sd-radio-button-group`}static{this.ensureDefined=()=>{St.ensureDefined(),customElements.get(e.ID)||customElements.define(e.ID,e)}}get focusIndex(){return this._focusIndex}set focusIndex(e){if(e>=-1&&e<this.childElementCount){let t=this._focusIndex;if(this._focusIndex=e,t!==e){let e=this._buttons[t],n=this._buttons[this.focusIndex];this.updateFocused(e,n)}}}firstUpdated(e){super.firstUpdated(e),this.buttonsSlot.addEventListener(`slotchange`,this.handleSlotChange),this.addEventListener(`focusin`,this.handleFocusIn),this.addEventListener(`focusout`,this.handleFocusOut),this.addEventListener(`keydown`,this.handleKeyDown)}updated(e){super.updated(e),e.has(`disabled`)&&(this.disabled?this.disableButtons():this.enableButtons())}static get styles(){return[se`
+        `}};bt([G({type:Boolean,reflect:!0,attribute:!0}),yt(`design:type`,Object)],St.prototype,`checked`,void 0),bt([G({type:String,reflect:!0,attribute:!0}),yt(`design:type`,Object)],St.prototype,`value`,void 0),bt([G({type:Boolean,reflect:!0,attribute:!0}),yt(`design:type`,Object)],St.prototype,`disabled`,void 0),bt([G({type:String,reflect:!0,attribute:!0}),yt(`design:type`,Object)],St.prototype,`label`,void 0);var Ct=`:host{display:block}:host(:focus){outline:none}:host(:focus-visible) ::slotted([focused]){outline:1px solid var(--color-border-interaction-focus,#111);outline-offset:var(--spacing-x1,2px);border-radius:var(--radius-s,4px);z-index:10!important}.buttons-container{align-items:start;gap:var(--sd-radio-button-group-gap,0);border-radius:var(--radius-s,4px);max-width:100%;display:inline-flex}.buttons-container.vertical{flex-direction:column}.validation-message{margin-left:5px}`,wt=class e extends at{constructor(...e){super(...e),this.layout=`horizontal`,this.value=``,this.uncheckAllowed=!1,this.disabled=!1,this._buttons=[],this._focusIndex=-1,this._checkedButton=void 0,this.handleSlotChange=()=>{this._buttons=this.buttonsSlot.assignedElements(),this._buttons.forEach(e=>{!e.hasAttribute(`disabled`)&&this.disabled&&e.setAttribute(`disabled`,``),e.setAttribute(`tabIndex`,`-1`),this.updateCheckedButton(e)})},this.handleFocusIn=e=>{let t=e.target,n=this._buttons.findIndex(e=>e==t);this.focusIndex=this.focusIndex>=0?this.focusIndex:this.getNextFocusIndex(n===-1?0:n),this.updateFocused(void 0,this._buttons[this.focusIndex])},this.handleFocusOut=()=>{this.updateFocused(this._buttons[this.focusIndex])},this.handleButtonClick=e=>{this.focus();let t=this._buttons.find(t=>t.contains(e.target));if(t?.matches(`[disabled], [aria-disabled='true']`))return;let n=this._buttons.findIndex(e=>e==t);n>=0&&(this.focusIndex=n,this.updateChecked())},this.handleKeyDown=e=>{let t=!0;switch(e.key){case`Down`:case`ArrowDown`:case`Right`:case`ArrowRight`:this.focusNext();break;case`Up`:case`ArrowUp`:case`Left`:case`ArrowLeft`:this.focusPrevious();break;case`Enter`:this.updateChecked();break;default:t=!1}t&&(e.preventDefault(),e.stopPropagation())}}static{this.ID=`sd-radio-button-group`}static{this.ensureDefined=()=>{St.ensureDefined(),customElements.get(e.ID)||customElements.define(e.ID,e)}}get focusIndex(){return this._focusIndex}set focusIndex(e){if(e>=-1&&e<this.childElementCount){let t=this._focusIndex;if(this._focusIndex=e,t!==e){let e=this._buttons[t],n=this._buttons[this.focusIndex];this.updateFocused(e,n)}}}firstUpdated(e){super.firstUpdated(e),this.buttonsSlot.addEventListener(`slotchange`,this.handleSlotChange),this.addEventListener(`focusin`,this.handleFocusIn),this.addEventListener(`focusout`,this.handleFocusOut),this.addEventListener(`keydown`,this.handleKeyDown)}updated(e){super.updated(e),e.has(`disabled`)&&(this.disabled?this.disableButtons():this.enableButtons())}static get styles(){return[se`
                 ${oe(Ct)}
             `]}render(){return Ve`
             <div
@@ -306,7 +315,7 @@ function onValueChange(value: string | undefined, selectedIndex: number) {
             `}
         `}updateCheckedButton(e){!this._checkedButton&&this.isChecked(e)?(this._checkedButton=e,this.updateValue(e.getAttribute(`value`))):this._checkedButton!==e&&this.uncheckButton(e)}disableButtons(){this._buttons?.forEach(e=>{e.setAttribute(`disabled`,``)})}enableButtons(){this._buttons?.forEach(e=>{e.removeAttribute(`disabled`)})}fireValueChangeEvent(){this.dispatchEvent(new CustomEvent(`sd-radio-button-group-value-change`,{detail:{value:this.value,selectedIndex:this.selectedIndex}}))}focusNext(){let e=this.getNextFocusIndex(this.focusIndex+1);this.focusIndex=e===-1?this.getNextFocusIndex(0):e,this.uncheckAllowed||this.updateChecked()}focusPrevious(){let e=this.getPreviousFocusIndex(this.focusIndex-1);this.focusIndex=e===-1?this.getPreviousFocusIndex(this.childElementCount-1):e,this.uncheckAllowed||this.updateChecked()}getNextFocusIndex(e){for(let t=e;t<this.childElementCount;t++){let e=this._buttons[t];if(e!=null&&this.isFocusable(e))return t}return-1}getPreviousFocusIndex(e){for(let t=e;t>=0;t--){let e=this._buttons[t];if(e!=null&&this.isFocusable(e))return t}return-1}isFocusable(e){return!e.matches(`[disabled], [aria-disabled='true']`)}updateChecked(){let e=this._checkedButton,t=this._buttons[this.focusIndex];!t||t.matches(`[disabled], [aria-disabled='true']`)||(this._checkedButton=t,e&&e!==t&&this.uncheckButton(e),t&&this.toggleButton(t))}toggleButton(e){this.isChecked(e)?this.uncheckAllowed&&(this.uncheckButton(e),this._checkedButton=void 0,this.updateValue(``)):(this.checkButton(e),this.updateValue(e.getAttribute(`value`)))}updateValue(e){this.value=e??void 0,this.fireValueChangeEvent()}updateFocused(e,t){e?.removeAttribute?.(`focused`),t?.setAttribute?.(`focused`,``)}isRadioButton(e){return e.localName===St.ID}isChecked(e){return this.isRadioButton(e)?e.hasAttribute(`checked`):e.getAttribute(`aria-pressed`)===`true`}checkButton(e){this.isRadioButton(e)?e.setAttribute(`checked`,``):e.setAttribute(`aria-pressed`,`true`)}uncheckButton(e){this.isRadioButton(e)?e.removeAttribute(`checked`):e.setAttribute(`aria-pressed`,`false`)}get buttonsSlot(){return this.shadowRoot&&!this._buttonsSlot&&(this._buttonsSlot=this.shadowRoot.querySelector(`slot`)??void 0),this._buttonsSlot}get selectedIndex(){return this._buttons==null||this._checkedButton==null?-1:this._buttons.indexOf(this._checkedButton)}};bt([G({type:String,reflect:!0,attribute:!0}),yt(`design:type`,Object)],wt.prototype,`layout`,void 0),bt([G({type:String}),yt(`design:type`,Object)],wt.prototype,`value`,void 0),bt([G({type:Boolean,reflect:!0,attribute:`uncheck-allowed`}),yt(`design:type`,Object)],wt.prototype,`uncheckAllowed`,void 0),bt([G({type:Boolean,reflect:!0,attribute:!0}),yt(`design:type`,Object)],wt.prototype,`disabled`,void 0),bt([G({type:String}),yt(`design:type`,Object)],wt.prototype,`validationMessage`,void 0),bt([G({type:String}),yt(`design:type`,Object)],wt.prototype,`validationIconSrc`,void 0),bt([G({type:{fromAttribute(e){return gt.parseLevel(e)},toAttribute(e){return e?.toLowerCase()}},reflect:!0}),yt(`design:type`,Object)],wt.prototype,`validationLevel`,void 0),wt.ensureDefined();var Tt=class e extends HTMLElement{static{this.TEMPLATE_CACHE={}}memoizedTemplate(){let t=this.is();if(e.TEMPLATE_CACHE[t])return e.TEMPLATE_CACHE[t];let n=this.template();return window.ShadyCSS&&window.ShadyCSS.prepareTemplate(n,this.is()),e.TEMPLATE_CACHE[t]=n,n}connectedCallback(){let e=this.memoizedTemplate();window.ShadyCSS&&window.ShadyCSS.styleElement(this),this.shadowRoot||(this.attachShadow({mode:`open`}).appendChild(document.importNode(e.content,!0)),requestAnimationFrame(()=>this.dispatchEvent(new CustomEvent(`sd-element-ready`))))}disconnectedCallback(){}attributeChangedCallback(e,t,n){}adoptedCallback(){}connectedMoveCallback(){}whenReady(e){this.shadowRoot?e():this.addEventListener(`sd-element-ready`,()=>e())}};function Et(e,t){(t==null||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}function Dt(e){if(Array.isArray(e))return e}function Ot(e,t){var n=e==null?null:typeof Symbol<`u`&&e[Symbol.iterator]||e[`@@iterator`];if(n!=null){var r,i,a,o,s=[],c=!0,l=!1;try{if(a=(n=n.call(e)).next,t!==0)for(;!(c=(r=a.call(n)).done)&&(s.push(r.value),s.length!==t);c=!0);}catch(e){l=!0,i=e}finally{try{if(!c&&n.return!=null&&(o=n.return(),Object(o)!==o))return}finally{if(l)throw i}}return s}}function kt(){throw TypeError(`Invalid attempt to destructure non-iterable instance.
 In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function At(e,t){return Dt(e)||Ot(e,t)||jt(e,t)||kt()}function jt(e,t){if(e){if(typeof e==`string`)return Et(e,t);var n={}.toString.call(e).slice(8,-1);return n===`Object`&&e.constructor&&(n=e.constructor.name),n===`Map`||n===`Set`?Array.from(e):n===`Arguments`||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?Et(e,t):void 0}}var Mt=Object.entries,Nt=Object.setPrototypeOf,Pt=Object.isFrozen,Ft=Object.getPrototypeOf,It=Object.getOwnPropertyDescriptor,K=Object.freeze,Lt=Object.seal,Rt=Object.create,zt=typeof Reflect<`u`&&Reflect,Bt=zt.apply,Vt=zt.construct;K||=function(e){return e},Lt||=function(e){return e},Bt||=function(e,t){var n=[...arguments].slice(2);return e.apply(t,n)},Vt||=function(e){return new e(...[...arguments].slice(1))};var Ht=X(Array.prototype.forEach),Ut=X(Array.prototype.lastIndexOf),Wt=X(Array.prototype.pop),Gt=X(Array.prototype.push),Kt=X(Array.prototype.splice),q=Array.isArray,qt=X(String.prototype.toLowerCase),Jt=X(String.prototype.toString),Yt=X(String.prototype.match),Xt=X(String.prototype.replace),Zt=X(String.prototype.indexOf),Qt=X(String.prototype.trim),$t=X(Number.prototype.toString),en=X(Boolean.prototype.toString),tn=typeof BigInt>`u`?null:X(BigInt.prototype.toString),nn=typeof Symbol>`u`?null:X(Symbol.prototype.toString),J=X(Object.prototype.hasOwnProperty),rn=X(Object.prototype.toString),Y=X(RegExp.prototype.test),an=on(TypeError);function X(e){return function(t){t instanceof RegExp&&(t.lastIndex=0);var n=[...arguments].slice(1);return Bt(e,t,n)}}function on(e){return function(){return Vt(e,[...arguments])}}function Z(e,t){let n=arguments.length>2&&arguments[2]!==void 0?arguments[2]:qt;if(Nt&&Nt(e,null),!q(t))return e;let r=t.length;for(;r--;){let i=t[r];if(typeof i==`string`){let e=n(i);e!==i&&(Pt(t)||(t[r]=e),i=e)}e[i]=!0}return e}function sn(e){for(let t=0;t<e.length;t++)J(e,t)||(e[t]=null);return e}function Q(e){let t=Rt(null);for(let r of Mt(e)){var n=At(r,2);let i=n[0],a=n[1];J(e,i)&&(q(a)?t[i]=sn(a):a&&typeof a==`object`&&a.constructor===Object?t[i]=Q(a):t[i]=a)}return t}function cn(e){switch(typeof e){case`string`:return e;case`number`:return $t(e);case`boolean`:return en(e);case`bigint`:return tn?tn(e):`0`;case`symbol`:return nn?nn(e):`Symbol()`;case`undefined`:return rn(e);case`function`:case`object`:{if(e===null)return rn(e);let t=e,n=ln(t,`toString`);if(typeof n==`function`){let e=n(t);return typeof e==`string`?e:rn(e)}return rn(e)}default:return rn(e)}}function ln(e,t){for(;e!==null;){let n=It(e,t);if(n){if(n.get)return X(n.get);if(typeof n.value==`function`)return X(n.value)}e=Ft(e)}function n(){return null}return n}function un(e){try{return Y(e,``),!0}catch{return!1}}var dn=K(`a.abbr.acronym.address.area.article.aside.audio.b.bdi.bdo.big.blink.blockquote.body.br.button.canvas.caption.center.cite.code.col.colgroup.content.data.datalist.dd.decorator.del.details.dfn.dialog.dir.div.dl.dt.element.em.fieldset.figcaption.figure.font.footer.form.h1.h2.h3.h4.h5.h6.head.header.hgroup.hr.html.i.img.input.ins.kbd.label.legend.li.main.map.mark.marquee.menu.menuitem.meter.nav.nobr.ol.optgroup.option.output.p.picture.pre.progress.q.rp.rt.ruby.s.samp.search.section.select.shadow.slot.small.source.spacer.span.strike.strong.style.sub.summary.sup.table.tbody.td.template.textarea.tfoot.th.thead.time.tr.track.tt.u.ul.var.video.wbr`.split(`.`)),fn=K(`svg.a.altglyph.altglyphdef.altglyphitem.animatecolor.animatemotion.animatetransform.circle.clippath.defs.desc.ellipse.enterkeyhint.exportparts.filter.font.g.glyph.glyphref.hkern.image.inputmode.line.lineargradient.marker.mask.metadata.mpath.part.path.pattern.polygon.polyline.radialgradient.rect.stop.style.switch.symbol.text.textpath.title.tref.tspan.view.vkern`.split(`.`)),pn=K([`feBlend`,`feColorMatrix`,`feComponentTransfer`,`feComposite`,`feConvolveMatrix`,`feDiffuseLighting`,`feDisplacementMap`,`feDistantLight`,`feDropShadow`,`feFlood`,`feFuncA`,`feFuncB`,`feFuncG`,`feFuncR`,`feGaussianBlur`,`feImage`,`feMerge`,`feMergeNode`,`feMorphology`,`feOffset`,`fePointLight`,`feSpecularLighting`,`feSpotLight`,`feTile`,`feTurbulence`]),mn=K([`animate`,`color-profile`,`cursor`,`discard`,`font-face`,`font-face-format`,`font-face-name`,`font-face-src`,`font-face-uri`,`foreignobject`,`hatch`,`hatchpath`,`mesh`,`meshgradient`,`meshpatch`,`meshrow`,`missing-glyph`,`script`,`set`,`solidcolor`,`unknown`,`use`]),hn=K(`math.menclose.merror.mfenced.mfrac.mglyph.mi.mlabeledtr.mmultiscripts.mn.mo.mover.mpadded.mphantom.mroot.mrow.ms.mspace.msqrt.mstyle.msub.msup.msubsup.mtable.mtd.mtext.mtr.munder.munderover.mprescripts`.split(`.`)),gn=K([`maction`,`maligngroup`,`malignmark`,`mlongdiv`,`mscarries`,`mscarry`,`msgroup`,`mstack`,`msline`,`msrow`,`semantics`,`annotation`,`annotation-xml`,`mprescripts`,`none`]),_n=K([`#text`]),vn=K(`accept.action.align.alt.autocapitalize.autocomplete.autopictureinpicture.autoplay.background.bgcolor.border.capture.cellpadding.cellspacing.checked.cite.class.clear.color.cols.colspan.command.commandfor.controls.controlslist.coords.crossorigin.datetime.decoding.default.dir.disabled.disablepictureinpicture.disableremoteplayback.download.draggable.enctype.enterkeyhint.exportparts.face.for.headers.height.hidden.high.href.hreflang.id.inert.inputmode.integrity.ismap.kind.label.lang.list.loading.loop.low.max.maxlength.media.method.min.minlength.multiple.muted.name.nonce.noshade.novalidate.nowrap.open.optimum.part.pattern.placeholder.playsinline.popover.popovertarget.popovertargetaction.poster.preload.pubdate.radiogroup.readonly.rel.required.rev.reversed.role.rows.rowspan.spellcheck.scope.selected.shape.size.sizes.slot.span.srclang.start.src.srcset.step.style.summary.tabindex.title.translate.type.usemap.valign.value.width.wrap.xmlns`.split(`.`)),yn=K(`accent-height.accumulate.additive.alignment-baseline.amplitude.ascent.attributename.attributetype.azimuth.basefrequency.baseline-shift.begin.bias.by.class.clip.clippathunits.clip-path.clip-rule.color.color-interpolation.color-interpolation-filters.color-profile.color-rendering.cx.cy.d.dx.dy.diffuseconstant.direction.display.divisor.dur.edgemode.elevation.end.exponent.fill.fill-opacity.fill-rule.filter.filterunits.flood-color.flood-opacity.font-family.font-size.font-size-adjust.font-stretch.font-style.font-variant.font-weight.fx.fy.g1.g2.glyph-name.glyphref.gradientunits.gradienttransform.height.href.id.image-rendering.in.in2.intercept.k.k1.k2.k3.k4.kerning.keypoints.keysplines.keytimes.lang.lengthadjust.letter-spacing.kernelmatrix.kernelunitlength.lighting-color.local.marker-end.marker-mid.marker-start.markerheight.markerunits.markerwidth.maskcontentunits.maskunits.max.mask.mask-type.media.method.mode.min.name.numoctaves.offset.operator.opacity.order.orient.orientation.origin.overflow.paint-order.path.pathlength.patterncontentunits.patterntransform.patternunits.points.preservealpha.preserveaspectratio.primitiveunits.r.rx.ry.radius.refx.refy.repeatcount.repeatdur.restart.result.rotate.scale.seed.shape-rendering.slope.specularconstant.specularexponent.spreadmethod.startoffset.stddeviation.stitchtiles.stop-color.stop-opacity.stroke-dasharray.stroke-dashoffset.stroke-linecap.stroke-linejoin.stroke-miterlimit.stroke-opacity.stroke.stroke-width.style.surfacescale.systemlanguage.tabindex.tablevalues.targetx.targety.transform.transform-origin.text-anchor.text-decoration.text-rendering.textlength.type.u1.u2.unicode.values.viewbox.visibility.version.vert-adv-y.vert-origin-x.vert-origin-y.width.word-spacing.wrap.writing-mode.xchannelselector.ychannelselector.x.x1.x2.xmlns.y.y1.y2.z.zoomandpan`.split(`.`)),bn=K(`accent.accentunder.align.bevelled.close.columnalign.columnlines.columnspacing.columnspan.denomalign.depth.dir.display.displaystyle.encoding.fence.frame.height.href.id.largeop.length.linethickness.lquote.lspace.mathbackground.mathcolor.mathsize.mathvariant.maxsize.minsize.movablelimits.notation.numalign.open.rowalign.rowlines.rowspacing.rowspan.rspace.rquote.scriptlevel.scriptminsize.scriptsizemultiplier.selection.separator.separators.stretchy.subscriptshift.supscriptshift.symmetric.voffset.width.xmlns`.split(`.`)),xn=K([`xlink:href`,`xml:id`,`xlink:title`,`xml:space`,`xmlns:xlink`]),Sn=Lt(/{{[\w\W]*|^[\w\W]*}}/g),Cn=Lt(/<%[\w\W]*|^[\w\W]*%>/g),wn=Lt(/\${[\w\W]*/g),Tn=Lt(/^data-[\-\w.\u00B7-\uFFFF]+$/),En=Lt(/^aria-[\-\w]+$/),Dn=Lt(/^(?:(?:(?:f|ht)tps?|mailto|tel|callto|sms|cid|xmpp|matrix):|[^a-z]|[a-z+.\-]+(?:[^a-z+.\-:]|$))/i),On=Lt(/^(?:\w+script|data):/i),kn=Lt(/[\u0000-\u0020\u00A0\u1680\u180E\u2000-\u2029\u205F\u3000]/g),An=Lt(/^html$/i),jn=Lt(/^[a-z][.\w]*(-[.\w]+)+$/i),Mn={element:1,attribute:2,text:3,cdataSection:4,entityReference:5,entityNode:6,progressingInstruction:7,comment:8,document:9,documentType:10,documentFragment:11,notation:12},Nn=function(){return typeof window>`u`?null:window},Pn=function(e,t){if(typeof e!=`object`||typeof e.createPolicy!=`function`)return null;let n=null,r=`data-tt-policy-suffix`;t&&t.hasAttribute(r)&&(n=t.getAttribute(r));let i=`dompurify`+(n?`#`+n:``);try{return e.createPolicy(i,{createHTML(e){return e},createScriptURL(e){return e}})}catch{return console.warn(`TrustedTypes policy `+i+` could not be created.`),null}},Fn=function(){return{afterSanitizeAttributes:[],afterSanitizeElements:[],afterSanitizeShadowDOM:[],beforeSanitizeAttributes:[],beforeSanitizeElements:[],beforeSanitizeShadowDOM:[],uponSanitizeAttribute:[],uponSanitizeElement:[],uponSanitizeShadowNode:[]}};function In(){let e=arguments.length>0&&arguments[0]!==void 0?arguments[0]:Nn(),t=e=>In(e);if(t.version=`3.4.7`,t.removed=[],!e||!e.document||e.document.nodeType!==Mn.document||!e.Element)return t.isSupported=!1,t;let n=e.document,r=n,i=r.currentScript;e.DocumentFragment;let a=e.HTMLTemplateElement,o=e.Node,s=e.Element,c=e.NodeFilter;e.NamedNodeMap===void 0&&(e.NamedNodeMap||e.MozNamedAttrMap),e.HTMLFormElement;let l=e.DOMParser,u=e.trustedTypes,d=s.prototype,f=ln(d,`cloneNode`),p=ln(d,`remove`),m=ln(d,`nextSibling`),h=ln(d,`childNodes`),g=ln(d,`parentNode`),_=ln(d,`shadowRoot`),v=ln(d,`attributes`),y=o&&o.prototype?ln(o.prototype,`nodeType`):null,b=o&&o.prototype?ln(o.prototype,`nodeName`):null;if(typeof a==`function`){let e=n.createElement(`template`);e.content&&e.content.ownerDocument&&(n=e.content.ownerDocument)}let x,S=``,C=n,ee=C.implementation,w=C.createNodeIterator,te=C.createDocumentFragment,T=C.getElementsByTagName,ne=r.importNode,E=Fn();t.isSupported=typeof Mt==`function`&&typeof g==`function`&&ee&&ee.createHTMLDocument!==void 0;let D=Sn,O=Cn,k=wn,A=Tn,j=En,M=On,N=kn,re=jn,P=Dn,F=null,I=Z({},[...dn,...fn,...pn,...hn,..._n]),L=null,ie=Z({},[...vn,...yn,...bn,...xn]),R=Object.seal(Rt(null,{tagNameCheck:{writable:!0,configurable:!1,enumerable:!0,value:null},attributeNameCheck:{writable:!0,configurable:!1,enumerable:!0,value:null},allowCustomizedBuiltInElements:{writable:!0,configurable:!1,enumerable:!0,value:!1}})),ae=null,oe=null,se=Object.seal(Rt(null,{tagCheck:{writable:!0,configurable:!1,enumerable:!0,value:null},attributeCheck:{writable:!0,configurable:!1,enumerable:!0,value:null}})),ce=!0,le=!0,ue=!1,de=!0,fe=!1,pe=!0,me=!1,he=!1,ge=!1,_e=!1,ve=!1,ye=!1,be=!0,xe=!1,Se=`user-content-`,Ce=!0,z=!1,B={},V=null,we=Z({},[`annotation-xml`,`audio`,`colgroup`,`desc`,`foreignobject`,`head`,`iframe`,`math`,`mi`,`mn`,`mo`,`ms`,`mtext`,`noembed`,`noframes`,`noscript`,`plaintext`,`script`,`style`,`svg`,`template`,`thead`,`title`,`video`,`xmp`]),Te=null,Ee=Z({},[`audio`,`video`,`img`,`source`,`image`,`track`]),De=null,Oe=Z({},[`alt`,`class`,`for`,`id`,`label`,`name`,`pattern`,`placeholder`,`role`,`summary`,`title`,`value`,`style`,`xmlns`]),ke=`http://www.w3.org/1998/Math/MathML`,Ae=`http://www.w3.org/2000/svg`,H=`http://www.w3.org/1999/xhtml`,je=H,Me=!1,Ne=null,Pe=Z({},[ke,Ae,H],Jt),Fe=Z({},[`mi`,`mo`,`mn`,`ms`,`mtext`]),Ie=Z({},[`annotation-xml`]),Le=Z({},[`title`,`style`,`font`,`a`,`script`]),Re=null,ze=[`application/xhtml+xml`,`text/html`],U=null,Be=null,Ve=n.createElement(`form`),He=function(e){return e instanceof RegExp||e instanceof Function},W=function(){let e=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{};if(Be&&Be===e)return;(!e||typeof e!=`object`)&&(e={}),e=Q(e),Re=ze.indexOf(e.PARSER_MEDIA_TYPE)===-1?`text/html`:e.PARSER_MEDIA_TYPE,U=Re===`application/xhtml+xml`?Jt:qt,F=J(e,`ALLOWED_TAGS`)&&q(e.ALLOWED_TAGS)?Z({},e.ALLOWED_TAGS,U):I,L=J(e,`ALLOWED_ATTR`)&&q(e.ALLOWED_ATTR)?Z({},e.ALLOWED_ATTR,U):ie,Ne=J(e,`ALLOWED_NAMESPACES`)&&q(e.ALLOWED_NAMESPACES)?Z({},e.ALLOWED_NAMESPACES,Jt):Pe,De=J(e,`ADD_URI_SAFE_ATTR`)&&q(e.ADD_URI_SAFE_ATTR)?Z(Q(Oe),e.ADD_URI_SAFE_ATTR,U):Oe,Te=J(e,`ADD_DATA_URI_TAGS`)&&q(e.ADD_DATA_URI_TAGS)?Z(Q(Ee),e.ADD_DATA_URI_TAGS,U):Ee,V=J(e,`FORBID_CONTENTS`)&&q(e.FORBID_CONTENTS)?Z({},e.FORBID_CONTENTS,U):we,ae=J(e,`FORBID_TAGS`)&&q(e.FORBID_TAGS)?Z({},e.FORBID_TAGS,U):Q({}),oe=J(e,`FORBID_ATTR`)&&q(e.FORBID_ATTR)?Z({},e.FORBID_ATTR,U):Q({}),B=J(e,`USE_PROFILES`)?e.USE_PROFILES&&typeof e.USE_PROFILES==`object`?Q(e.USE_PROFILES):e.USE_PROFILES:!1,ce=e.ALLOW_ARIA_ATTR!==!1,le=e.ALLOW_DATA_ATTR!==!1,ue=e.ALLOW_UNKNOWN_PROTOCOLS||!1,de=e.ALLOW_SELF_CLOSE_IN_ATTR!==!1,fe=e.SAFE_FOR_TEMPLATES||!1,pe=e.SAFE_FOR_XML!==!1,me=e.WHOLE_DOCUMENT||!1,_e=e.RETURN_DOM||!1,ve=e.RETURN_DOM_FRAGMENT||!1,ye=e.RETURN_TRUSTED_TYPE||!1,ge=e.FORCE_BODY||!1,be=e.SANITIZE_DOM!==!1,xe=e.SANITIZE_NAMED_PROPS||!1,Ce=e.KEEP_CONTENT!==!1,z=e.IN_PLACE||!1,P=un(e.ALLOWED_URI_REGEXP)?e.ALLOWED_URI_REGEXP:Dn,je=typeof e.NAMESPACE==`string`?e.NAMESPACE:H,Fe=J(e,`MATHML_TEXT_INTEGRATION_POINTS`)&&e.MATHML_TEXT_INTEGRATION_POINTS&&typeof e.MATHML_TEXT_INTEGRATION_POINTS==`object`?Q(e.MATHML_TEXT_INTEGRATION_POINTS):Z({},[`mi`,`mo`,`mn`,`ms`,`mtext`]),Ie=J(e,`HTML_INTEGRATION_POINTS`)&&e.HTML_INTEGRATION_POINTS&&typeof e.HTML_INTEGRATION_POINTS==`object`?Q(e.HTML_INTEGRATION_POINTS):Z({},[`annotation-xml`]);let t=J(e,`CUSTOM_ELEMENT_HANDLING`)&&e.CUSTOM_ELEMENT_HANDLING&&typeof e.CUSTOM_ELEMENT_HANDLING==`object`?Q(e.CUSTOM_ELEMENT_HANDLING):Rt(null);if(R=Rt(null),J(t,`tagNameCheck`)&&He(t.tagNameCheck)&&(R.tagNameCheck=t.tagNameCheck),J(t,`attributeNameCheck`)&&He(t.attributeNameCheck)&&(R.attributeNameCheck=t.attributeNameCheck),J(t,`allowCustomizedBuiltInElements`)&&typeof t.allowCustomizedBuiltInElements==`boolean`&&(R.allowCustomizedBuiltInElements=t.allowCustomizedBuiltInElements),fe&&(le=!1),ve&&(_e=!0),B&&(F=Z({},_n),L=Rt(null),B.html===!0&&(Z(F,dn),Z(L,vn)),B.svg===!0&&(Z(F,fn),Z(L,yn),Z(L,xn)),B.svgFilters===!0&&(Z(F,pn),Z(L,yn),Z(L,xn)),B.mathMl===!0&&(Z(F,hn),Z(L,bn),Z(L,xn))),se.tagCheck=null,se.attributeCheck=null,J(e,`ADD_TAGS`)&&(typeof e.ADD_TAGS==`function`?se.tagCheck=e.ADD_TAGS:q(e.ADD_TAGS)&&(F===I&&(F=Q(F)),Z(F,e.ADD_TAGS,U))),J(e,`ADD_ATTR`)&&(typeof e.ADD_ATTR==`function`?se.attributeCheck=e.ADD_ATTR:q(e.ADD_ATTR)&&(L===ie&&(L=Q(L)),Z(L,e.ADD_ATTR,U))),J(e,`ADD_URI_SAFE_ATTR`)&&q(e.ADD_URI_SAFE_ATTR)&&Z(De,e.ADD_URI_SAFE_ATTR,U),J(e,`FORBID_CONTENTS`)&&q(e.FORBID_CONTENTS)&&(V===we&&(V=Q(V)),Z(V,e.FORBID_CONTENTS,U)),J(e,`ADD_FORBID_CONTENTS`)&&q(e.ADD_FORBID_CONTENTS)&&(V===we&&(V=Q(V)),Z(V,e.ADD_FORBID_CONTENTS,U)),Ce&&(F[`#text`]=!0),me&&Z(F,[`html`,`head`,`body`]),F.table&&(Z(F,[`tbody`]),delete ae.tbody),e.TRUSTED_TYPES_POLICY){if(typeof e.TRUSTED_TYPES_POLICY.createHTML!=`function`)throw an(`TRUSTED_TYPES_POLICY configuration option must provide a "createHTML" hook.`);if(typeof e.TRUSTED_TYPES_POLICY.createScriptURL!=`function`)throw an(`TRUSTED_TYPES_POLICY configuration option must provide a "createScriptURL" hook.`);x=e.TRUSTED_TYPES_POLICY,S=x.createHTML(``)}else x===void 0&&(x=Pn(u,i)),x!==null&&typeof S==`string`&&(S=x.createHTML(``));(E.uponSanitizeElement.length>0||E.uponSanitizeAttribute.length>0)&&F===I&&(F=Q(F)),E.uponSanitizeAttribute.length>0&&L===ie&&(L=Q(L)),K&&K(e),Be=e},Ue=Z({},[...fn,...pn,...mn]),We=Z({},[...hn,...gn]),Ge=function(e){let t=g(e);(!t||!t.tagName)&&(t={namespaceURI:je,tagName:`template`});let n=qt(e.tagName),r=qt(t.tagName);return Ne[e.namespaceURI]?e.namespaceURI===Ae?t.namespaceURI===H?n===`svg`:t.namespaceURI===ke?n===`svg`&&(r===`annotation-xml`||Fe[r]):!!Ue[n]:e.namespaceURI===ke?t.namespaceURI===H?n===`math`:t.namespaceURI===Ae?n===`math`&&Ie[r]:!!We[n]:e.namespaceURI===H?t.namespaceURI===Ae&&!Ie[r]||t.namespaceURI===ke&&!Fe[r]?!1:!We[n]&&(Le[n]||!Ue[n]):!!(Re===`application/xhtml+xml`&&Ne[e.namespaceURI]):!1},Ke=function(e){Gt(t.removed,{element:e});try{g(e).removeChild(e)}catch{p(e)}},qe=function(e,n){try{Gt(t.removed,{attribute:n.getAttributeNode(e),from:n})}catch{Gt(t.removed,{attribute:null,from:n})}if(n.removeAttribute(e),e===`is`)if(_e||ve)try{Ke(n)}catch{}else try{n.setAttribute(e,``)}catch{}},Je=function(e){let t=null,r=null;if(ge)e=`<remove></remove>`+e;else{let t=Yt(e,/^[\r\n\t ]+/);r=t&&t[0]}Re===`application/xhtml+xml`&&je===H&&(e=`<html xmlns="http://www.w3.org/1999/xhtml"><head></head><body>`+e+`</body></html>`);let i=x?x.createHTML(e):e;if(je===H)try{t=new l().parseFromString(i,Re)}catch{}if(!t||!t.documentElement){t=ee.createDocument(je,`template`,null);try{t.documentElement.innerHTML=Me?S:i}catch{}}let a=t.body||t.documentElement;return e&&r&&a.insertBefore(n.createTextNode(r),a.childNodes[0]||null),je===H?T.call(t,me?`html`:`body`)[0]:me?t.documentElement:a},Ye=function(e){return w.call(e.ownerDocument||e,e,c.SHOW_ELEMENT|c.SHOW_COMMENT|c.SHOW_TEXT|c.SHOW_PROCESSING_INSTRUCTION|c.SHOW_CDATA_SECTION,null)},Xe=function(e){e.normalize();let t=w.call(e.ownerDocument||e,e,c.SHOW_TEXT|c.SHOW_COMMENT|c.SHOW_CDATA_SECTION|c.SHOW_PROCESSING_INSTRUCTION,null),n=t.nextNode();for(;n;){let e=n.data;Ht([D,O,k],t=>{e=Xt(e,t,` `)}),n.data=e,n=t.nextNode()}},Ze=function(e){let t=b?b(e):null;return typeof t!=`string`||U(t)!==`form`?!1:typeof e.nodeName!=`string`||typeof e.textContent!=`string`||typeof e.removeChild!=`function`||e.attributes!==v(e)||typeof e.removeAttribute!=`function`||typeof e.setAttribute!=`function`||typeof e.namespaceURI!=`string`||typeof e.insertBefore!=`function`||typeof e.hasChildNodes!=`function`||e.nodeType!==y(e)||e.childNodes!==h(e)},Qe=function(e){if(!y||typeof e!=`object`||!e)return!1;try{return y(e)===Mn.documentFragment}catch{return!1}},$e=function(e){if(!y||typeof e!=`object`||!e)return!1;try{return typeof y(e)==`number`}catch{return!1}};function et(e,n,r){Ht(e,e=>{e.call(t,n,r,Be)})}let tt=function(e){let n=null;if(et(E.beforeSanitizeElements,e,null),Ze(e))return Ke(e),!0;let r=U(e.nodeName);if(et(E.uponSanitizeElement,e,{tagName:r,allowedTags:F}),pe&&e.hasChildNodes()&&!$e(e.firstElementChild)&&Y(/<[/\w!]/g,e.innerHTML)&&Y(/<[/\w!]/g,e.textContent)||pe&&e.namespaceURI===H&&r===`style`&&$e(e.firstElementChild)||e.nodeType===Mn.progressingInstruction||pe&&e.nodeType===Mn.comment&&Y(/<[/\w]/g,e.data))return Ke(e),!0;if(ae[r]||!(se.tagCheck instanceof Function&&se.tagCheck(r))&&!F[r]){if(!ae[r]&&it(r)&&(R.tagNameCheck instanceof RegExp&&Y(R.tagNameCheck,r)||R.tagNameCheck instanceof Function&&R.tagNameCheck(r)))return!1;if(Ce&&!V[r]){let t=g(e),n=h(e);if(n&&t){let r=n.length;for(let i=r-1;i>=0;--i){let r=f(n[i],!0);t.insertBefore(r,m(e))}}}return Ke(e),!0}return(y?y(e):e.nodeType)===Mn.element&&!Ge(e)||(r===`noscript`||r===`noembed`||r===`noframes`)&&Y(/<\/no(script|embed|frames)/i,e.innerHTML)?(Ke(e),!0):(fe&&e.nodeType===Mn.text&&(n=e.textContent,Ht([D,O,k],e=>{n=Xt(n,e,` `)}),e.textContent!==n&&(Gt(t.removed,{element:e.cloneNode()}),e.textContent=n)),et(E.afterSanitizeElements,e,null),!1)},nt=function(e,t,r){if(oe[t]||be&&(t===`id`||t===`name`)&&(r in n||r in Ve))return!1;let i=L[t]||se.attributeCheck instanceof Function&&se.attributeCheck(t,e);if(!(le&&!oe[t]&&Y(A,t))&&!(ce&&Y(j,t))){if(!i||oe[t]){if(!(it(e)&&(R.tagNameCheck instanceof RegExp&&Y(R.tagNameCheck,e)||R.tagNameCheck instanceof Function&&R.tagNameCheck(e))&&(R.attributeNameCheck instanceof RegExp&&Y(R.attributeNameCheck,t)||R.attributeNameCheck instanceof Function&&R.attributeNameCheck(t,e))||t===`is`&&R.allowCustomizedBuiltInElements&&(R.tagNameCheck instanceof RegExp&&Y(R.tagNameCheck,r)||R.tagNameCheck instanceof Function&&R.tagNameCheck(r))))return!1}else if(!De[t]&&!Y(P,Xt(r,N,``))&&!((t===`src`||t===`xlink:href`||t===`href`)&&e!==`script`&&Zt(r,`data:`)===0&&Te[e])&&!(ue&&!Y(M,Xt(r,N,``)))&&r)return!1}return!0},rt=Z({},[`annotation-xml`,`color-profile`,`font-face`,`font-face-format`,`font-face-name`,`font-face-src`,`font-face-uri`,`missing-glyph`]),it=function(e){return!rt[qt(e)]&&Y(re,e)},at=function(e){et(E.beforeSanitizeAttributes,e,null);let n=e.attributes;if(!n||Ze(e))return;let r={attrName:``,attrValue:``,keepAttr:!0,allowedAttributes:L,forceKeepAttr:void 0},i=n.length;for(;i--;){let a=n[i],o=a.name,s=a.namespaceURI,c=a.value,l=U(o),d=c,f=o===`value`?d:Qt(d);if(r.attrName=l,r.attrValue=f,r.keepAttr=!0,r.forceKeepAttr=void 0,et(E.uponSanitizeAttribute,e,r),f=r.attrValue,xe&&(l===`id`||l===`name`)&&Zt(f,Se)!==0&&(qe(o,e),f=Se+f),pe&&Y(/((--!?|])>)|<\/(style|script|title|xmp|textarea|noscript|iframe|noembed|noframes)/i,f)){qe(o,e);continue}if(l===`attributename`&&Yt(f,`href`)){qe(o,e);continue}if(r.forceKeepAttr)continue;if(!r.keepAttr){qe(o,e);continue}if(!de&&Y(/\/>/i,f)){qe(o,e);continue}fe&&Ht([D,O,k],e=>{f=Xt(f,e,` `)});let p=U(e.nodeName);if(!nt(p,l,f)){qe(o,e);continue}if(x&&typeof u==`object`&&typeof u.getAttributeType==`function`&&!s)switch(u.getAttributeType(p,l)){case`TrustedHTML`:f=x.createHTML(f);break;case`TrustedScriptURL`:f=x.createScriptURL(f);break}if(f!==d)try{s?e.setAttributeNS(s,o,f):e.setAttribute(o,f),Ze(e)?Ke(e):Wt(t.removed)}catch{qe(o,e)}}et(E.afterSanitizeAttributes,e,null)},ot=function(e){let t=null,n=Ye(e);for(et(E.beforeSanitizeShadowDOM,e,null);t=n.nextNode();)if(et(E.uponSanitizeShadowNode,t,null),tt(t),at(t),Qe(t.content)&&ot(t.content),(y?y(t):t.nodeType)===Mn.element){let e=_?_(t):t.shadowRoot;Qe(e)&&(st(e),ot(e))}et(E.afterSanitizeShadowDOM,e,null)},st=function(e){let t=y?y(e):e.nodeType;if(t===Mn.element){let t=_?_(e):e.shadowRoot;Qe(t)&&(st(t),ot(t))}let n=h?h(e):e.childNodes;if(!n)return;let r=[];Ht(n,e=>{Gt(r,e)});for(let e of r)st(e);if(t===Mn.element){let t=b?b(e):null;if(typeof t==`string`&&U(t)===`template`){let t=e.content;Qe(t)&&st(t)}}};return t.sanitize=function(e){let n=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{},i=null,a=null,o=null,s=null;if(Me=!e,Me&&(e=`<!-->`),typeof e!=`string`&&!$e(e)&&(e=cn(e),typeof e!=`string`))throw an(`dirty is not a string, aborting`);if(!t.isSupported)return e;if(he||W(n),t.removed=[],typeof e==`string`&&(z=!1),z){let t=b?b(e):e.nodeName;if(typeof t==`string`){let e=U(t);if(!F[e]||ae[e])throw an(`root node is forbidden and cannot be sanitized in-place`)}if(Ze(e))throw an(`root node is clobbered and cannot be sanitized in-place`);st(e)}else if($e(e))i=Je(`<!---->`),a=i.ownerDocument.importNode(e,!0),a.nodeType===Mn.element&&a.nodeName===`BODY`||a.nodeName===`HTML`?i=a:i.appendChild(a),st(a);else{if(!_e&&!fe&&!me&&e.indexOf(`<`)===-1)return x&&ye?x.createHTML(e):e;if(i=Je(e),!i)return _e?null:ye?S:``}i&&ge&&Ke(i.firstChild);let c=Ye(z?e:i);for(;o=c.nextNode();)tt(o),at(o),Qe(o.content)&&ot(o.content);if(z)return fe&&Xe(e),e;if(_e){if(fe&&Xe(i),ve)for(s=te.call(i.ownerDocument);i.firstChild;)s.appendChild(i.firstChild);else s=i;return(L.shadowroot||L.shadowrootmode)&&(s=ne.call(r,s,!0)),s}let l=me?i.outerHTML:i.innerHTML;return me&&F[`!doctype`]&&i.ownerDocument&&i.ownerDocument.doctype&&i.ownerDocument.doctype.name&&Y(An,i.ownerDocument.doctype.name)&&(l=`<!DOCTYPE `+i.ownerDocument.doctype.name+`>
-`+l),fe&&Ht([D,O,k],e=>{l=Xt(l,e,` `)}),x&&ye?x.createHTML(l):l},t.setConfig=function(){W(arguments.length>0&&arguments[0]!==void 0?arguments[0]:{}),he=!0},t.clearConfig=function(){Be=null,he=!1},t.isValidAttribute=function(e,t,n){return Be||W({}),nt(U(e),U(t),n)},t.addHook=function(e,t){typeof t==`function`&&Gt(E[e],t)},t.removeHook=function(e,t){if(t!==void 0){let n=Ut(E[e],t);return n===-1?void 0:Kt(E[e],n,1)[0]}return Wt(E[e])},t.removeHooks=function(e){E[e]=[]},t.removeAllHooks=function(){E=Fn()},t}var Ln=In(),Rn={USE_PROFILES:{svg:!0},FORBID_TAGS:[`script`,`use`],RETURN_TRUSTED_TYPE:!0},zn=/url\s*\(\s*['"]?\s*(javascript|data|vbscript)\s*:/gi,Bn=[`fill`,`stroke`,`filter`,`clip-path`,`mask`,`marker-start`,`marker-mid`,`marker-end`];Ln.addHook(`afterSanitizeAttributes`,e=>{let t=e.getAttribute(`style`);t&&(zn.lastIndex=0,zn.test(t)&&e.removeAttribute(`style`));for(let t of Bn){let n=e.getAttribute(t);n&&(zn.lastIndex=0,zn.test(n)&&e.removeAttribute(t))}});var Vn=class{constructor(){this._internalPolicy=null}get trustedTypePolicy(){return this._internalPolicy===null?window.trustedTypes?.createPolicy?(this._internalPolicy=window.trustedTypes.createPolicy(Hn.ID,{createHTML(e){return Ln.sanitize(e,Rn)}}),this._internalPolicy):null:this._internalPolicy}sanitize(e,t){if(e!=null)return e.createHTML(t);let n=this.trustedTypePolicy;return n==null?Ln.sanitize(t,Rn):n.createHTML(t)}},Hn=class e extends HTMLElement{static{this.ID=`sd-image-embed`}static{this.ensureDefined=()=>{customElements.get(e.ID)||customElements.define(e.ID,e)}}static{this.styleSheet=new CSSStyleSheet}static{this.styleSheet.replaceSync(`
+`+l),fe&&Ht([D,O,k],e=>{l=Xt(l,e,` `)}),x&&ye?x.createHTML(l):l},t.setConfig=function(){W(arguments.length>0&&arguments[0]!==void 0?arguments[0]:{}),he=!0},t.clearConfig=function(){Be=null,he=!1},t.isValidAttribute=function(e,t,n){return Be||W({}),nt(U(e),U(t),n)},t.addHook=function(e,t){typeof t==`function`&&Gt(E[e],t)},t.removeHook=function(e,t){if(t!==void 0){let n=Ut(E[e],t);return n===-1?void 0:Kt(E[e],n,1)[0]}return Wt(E[e])},t.removeHooks=function(e){E[e]=[]},t.removeAllHooks=function(){E=Fn()},t}var Ln=In(),Rn={USE_PROFILES:{svg:!0},FORBID_TAGS:[`script`,`use`],ADD_ATTR:[`from`,`to`,`calcmode`],RETURN_TRUSTED_TYPE:!0},zn=/url\s*\(\s*['"]?\s*(javascript|data|vbscript)\s*:/gi,Bn=[`fill`,`stroke`,`filter`,`clip-path`,`mask`,`marker-start`,`marker-mid`,`marker-end`];Ln.addHook(`afterSanitizeAttributes`,e=>{let t=e.getAttribute(`style`);t&&(zn.lastIndex=0,zn.test(t)&&e.removeAttribute(`style`));for(let t of Bn){let n=e.getAttribute(t);n&&(zn.lastIndex=0,zn.test(n)&&e.removeAttribute(t))}});var Vn=class{constructor(){this._internalPolicy=null}get trustedTypePolicy(){return this._internalPolicy===null?window.trustedTypes?.createPolicy?(this._internalPolicy=window.trustedTypes.createPolicy(Hn.ID,{createHTML(e){return Ln.sanitize(e,Rn)}}),this._internalPolicy):null:this._internalPolicy}sanitize(e,t){if(e!=null)return e.createHTML(t);let n=this.trustedTypePolicy;return n==null?Ln.sanitize(t,Rn):n.createHTML(t)}},Hn=class e extends HTMLElement{static{this.ID=`sd-image-embed`}static{this.ensureDefined=()=>{customElements.get(e.ID)||customElements.define(e.ID,e)}}static{this.styleSheet=new CSSStyleSheet}static{this.styleSheet.replaceSync(`
         :host {
             display: inline-flex;
             align-items: center;
@@ -329,12 +338,12 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
             min-width: min(100%, var(--natural-width));
             object-fit: scale-down;
         }`)}static get observedAttributes(){return[`src`,`placeholder-src`]}constructor(){super(),this._loadPending=null,this._renderedPlaceholder=null,this._renderedSrc=null,this.trustedTypePolicy=null;let t=this.attachShadow({mode:`open`});this._privateStyleSheet=new CSSStyleSheet,t.adoptedStyleSheets=[e.styleSheet,this._privateStyleSheet],this._sanitizer=new Vn}connectedCallback(){this.svgContent&&this.inlineSVG(this.svgContent),this.role||=`img`,this.updateContentDependentStyle()}attributeChangedCallback(e,t,n){(e===`src`||e===`placeholder-src`)&&t!==n&&this._loadPending==null&&(this._loadPending=window.requestAnimationFrame(()=>{this._loadPending=null,this.loadSvg()}))}updateContentDependentStyle(){let e=!!this.src||!!this.placeholderSrc||this.shadowRoot?.querySelector(`svg`)!=null;this.classList.toggle(`no-image`,!e)}async loadSvg(){this.shadowRoot&&(this._renderedSrc===this.src&&this.shadowRoot.querySelector(`img:not(.placeholder),svg:not(.placeholder)`)!=null||(this.placeholderSrc!=this._renderedPlaceholder&&(this._renderedPlaceholder=this.placeholderSrc,this.placeholderSrc&&this.renderUrl(this.placeholderSrc,!0)),this.src!=this._renderedSrc&&(this._renderedSrc=this.src,this.src&&this.renderUrl(this.src,!1))))}async renderUrl(e,t){let n=new URL(e,document.baseURI);if(n.protocol===`data:`){this.renderDataUrl(e,t);return}n.protocol.startsWith(`http`)&&n.origin===new URL(document.baseURI).origin&&n.searchParams.set(`skip-token-processing`,``);try{let r=await fetch(n);if(!r.ok)if(r.status==404){this.updateContentDependentStyle();return}else throw Error();if(r.headers.get(`content-type`)?.includes(`image/svg+xml`)){let n=await r.text();this.isRelevantRendering(e,t)&&this.inlineSVG(n,t);return}r.status==204?this.updateContentDependentStyle():this.handleImageFallback(e,t,await r.blob())}catch{this.handleImageFallback(e,t)}}renderDataUrl(e,t){let n=/^data:([^,]*),(.*)$/s.exec(e);if(n&&/^image\/svg\+xml/i.test(n[1])){let r=/;base64/i.test(n[1])?atob(n[2]):decodeURIComponent(n[2]);this.isRelevantRendering(e,t)&&this.inlineSVG(r,t)}else this.handleImageFallback(e,t)}get src(){return this.getAttribute(`src`)}set src(e){e?this.setAttribute(`src`,e):this.removeAttribute(`src`)}get placeholderSrc(){return this.getAttribute(`placeholder-src`)}set placeholderSrc(e){e?this.setAttribute(`placeholder-src`,e):this.removeAttribute(`placeholder-src`)}get svgContent(){return this._svgContent}set svgContent(e){this.inlineSVG(e)}inlineSVG(e,t){if(this._svgContent=this.svgContent,!this.shadowRoot)return;this.initShadowRoot();let n=new DOMParser,r=(e?n.parseFromString(this._sanitizer.sanitize(this.trustedTypePolicy,e),`image/svg+xml`):void 0)?.querySelector(`svg`);if(r){let e=parseFloat(r.getAttribute(`width`)||`0`),n=parseFloat(r.getAttribute(`height`)||`0`),i=r.getAttribute(`viewBox`);if((!e||!n)&&i){let t=i.split(/\s+/);t.length===4&&(e||=parseFloat(t[2]),n||=parseFloat(t[3]))}e&&n&&(this.style.setProperty(`--image-aspect-ratio`,`${e} / ${n}`),this.style.setProperty(`--natural-width`,`${e}px`),this.style.maxWidth=`${e}px`),r.setAttribute(`preserveAspectRatio`,`xMidYMid meet`),r.removeAttribute(`width`),r.removeAttribute(`height`),(i==null||i.trim()==``&&e&&n)&&r.setAttribute(`viewBox`,`0 0 ${e} ${n}`);let a=r.getAttribute(`color`);r.removeAttribute(`color`),a?this._privateStyleSheet.replaceSync(`:host {color: var(--sd-image-embed-color, ${a})}`):this._privateStyleSheet.replaceSync(`:host {color: var(--sd-image-embed-color)}`),this.shadowRoot.appendChild(r),r.classList.toggle(`placeholder`,t),r.part=`svg`,this.dispatchEvent(new CustomEvent(`load`))}else this.dispatchEvent(new CustomEvent(`error`));this.updateContentDependentStyle()}handleImageFallback(e,t,n){if(this.shadowRoot&&(this.initShadowRoot(),this.isRelevantRendering(e,t))){if(!t){let e=this.shadowRoot.querySelector(`.placeholder`);e&&e.remove()}let r=document.createElement(`img`);r.classList.toggle(`placeholder`,t),r.src=n==null?e:URL.createObjectURL(n),r.part=`img`;let i=()=>{n!=null&&URL.revokeObjectURL(r.src)};r.onload=()=>{this.style.setProperty(`--image-aspect-ratio`,`${r.naturalWidth} / ${r.naturalHeight}`),this.style.maxWidth=`${r.naturalWidth}px`,this.style.setProperty(`--natural-width`,`${r.naturalWidth}px`),this.dispatchEvent(new CustomEvent(`load`)),i()},r.onerror=()=>{this.dispatchEvent(new CustomEvent(`error`)),i()},this.shadowRoot.appendChild(r),this.updateContentDependentStyle()}}isRelevantRendering(e,t){return this.shadowRoot?t?this.placeholderSrc==e&&this.shadowRoot.querySelector(`svg,img`)==null:this.src==e:!1}initShadowRoot(){this.shadowRoot&&(this.shadowRoot.innerHTML=``)}};Hn.ensureDefined();var Un=`<slot name="icon">
-	<sd-image-embed class="icon" part="icon"></sd-image-embed>
+	<sd-image-embed class="icon" part="icon" exportparts="img, svg"></sd-image-embed>
 </slot>
 <div class="content">
 	<slot></slot>
 </div>
-`,Wn=`:host{contain:content;box-sizing:border-box;vertical-align:middle;min-height:36px;padding:var(--spacing-x3,6px) var(--spacing-x4,8px);border-radius:var(--radius-s,4px);cursor:pointer;-webkit-user-select:none;user-select:none;outline:none;justify-content:center;align-items:center;display:inline-flex}:host:focus-visible{outline:1px solid var(--color-border-interaction-focus,#111);outline-offset:var(--spacing-x1,2px)}:host:is(:disabled,[disabled],[aria-disabled=true]){cursor:default}:host{background-color:var(--sd-button-background-color,var(--color-bg-action-neutral-default,#d4d4d4));color:var(--sd-button-color,var(--color-fg-action-neutral-default,#111))}:host:after{content:"";border:var(--sd-button-border,none);border-radius:inherit;position:absolute;inset:0}:host(:is(:focus,:hover)){background-color:var(--sd-button-background-color-hover,var(--color-bg-action-neutral-default-hover,#c6c6c6));color:var(--sd-button-color-hover,var(--color-fg-action-neutral-default-hover,#111))}:host(:is(:focus,:hover)):after{border-color:var(--sd-button-border-color-hover,transparent)}:host(:active){background-color:var(--sd-button-background-color-pressed,var(--color-bg-action-neutral-default-pressed,#b3b3b3));color:var(--sd-button-color-pressed,var(--color-fg-action-neutral-default-pressed,#111))}:host(:active):after{border-color:var(--sd-button-border-color-pressed,transparent)}:host(:is([aria-disabled=true],[disabled])){background-color:var(--sd-button-background-color-disabled,var(--color-bg-interaction-disabled,#e7e7e7));color:var(--sd-button-color-disabled,var(--color-fg-interaction-disabled,#999))}:host(:is([aria-disabled=true],[disabled])):after{border-color:var(--sd-button-border-color-disabled,transparent)}:host(:is([aria-disabled=true],[disabled])){cursor:default}:host(:focus-visible){outline:1px solid var(--color-border-interaction-focus,#111);outline-offset:var(--spacing-x1,2px)}:host([variant=primary i]){--sd-button-background-color:var(--color-bg-action-accent-default,#1467ba);--sd-button-color:var(--color-fg-interaction-on-color,#fff);--sd-button-background-color-hover:var(--color-bg-action-accent-default-hover,#0f4d8b);--sd-button-color-hover:var(--color-fg-interaction-on-color,#fff);--sd-button-background-color-pressed:var(--color-bg-action-accent-default-pressed,#0b3a69);--sd-button-color-pressed:var(--color-fg-interaction-on-color,#fff)}:host([variant=outline i]){--sd-button-background-color:var(--color-bg-action-accent-weak,#e0ebf6);--sd-button-color:var(--color-fg-action-accent-default,#1467ba);--sd-button-border:1px solid var(--color-border-action-accent-default,#1467ba);--sd-button-background-color-hover:var(--color-bg-action-accent-weak-hover,#d5e4f3);--sd-button-color-hover:var(--color-fg-action-accent-default-hover,#0f4d8b);--sd-button-border-color-hover:var(--color-border-action-accent-default-hover,#0f4d8b);--sd-button-background-color-pressed:var(--color-bg-action-accent-weak-pressed,#c7dbef);--sd-button-color-pressed:var(--color-fg-action-accent-default-pressed,#0b3a69);--sd-button-border-color-pressed:var(--color-border-action-accent-default-pressed,#0b3a69);--sd-button-background-color-disabled:transparent;--sd-button-border-color-disabled:var(--color-border-interaction-disabled,#c6c6c6)}:host([variant=ghost i]){--sd-button-background-color:transparent;--sd-button-color:var(--color-fg-action-accent-default,#1467ba);--sd-button-background-color-hover:var(--color-bg-action-accent-weakest-hover,#e0ebf6);--sd-button-color-hover:var(--color-fg-action-accent-default-hover,#0f4d8b);--sd-button-background-color-pressed:var(--color-bg-action-accent-weakest-pressed,#c7dbef);--sd-button-color-pressed:var(--color-fg-action-accent-default-pressed,#0b3a69);--sd-button-background-color-disabled:transparent}:host([variant=outline-danger i]){--sd-button-background-color:var(--color-bg-action-danger-default,#fbdde0);--sd-button-color:var(--color-fg-action-danger-default,#a90014);--sd-button-border:1px solid var(--color-border-action-danger-default,#a90014);--sd-button-background-color-hover:var(--color-bg-action-danger-default-hover,#fad2d6);--sd-button-color-hover:var(--color-fg-action-danger-default-hover,#7f000f);--sd-button-border-color-hover:var(--color-border-action-danger-default-hover,#7f000f);--sd-button-background-color-pressed:var(--color-bg-action-danger-default-pressed,#f8c3c9);--sd-button-color-pressed:var(--color-fg-action-danger-default-pressed,#5f000b);--sd-button-border-color-pressed:var(--color-border-action-danger-default-pressed,#5f000b);--sd-button-background-color-disabled:transparent;--sd-button-border-color-disabled:var(--color-border-interaction-disabled,#c6c6c6)}:host([variant=ghost-danger i]){--sd-button-background-color:transparent;--sd-button-color:var(--color-fg-action-danger-default,#a90014);--sd-button-background-color-hover:var(--color-bg-action-danger-default-hover,#fad2d6);--sd-button-color-hover:var(--color-fg-action-danger-default-hover,#7f000f);--sd-button-background-color-pressed:var(--color-bg-action-danger-default-pressed,#f8c3c9);--sd-button-color-pressed:var(--color-fg-action-danger-default-pressed,#5f000b);--sd-button-background-color-disabled:transparent}:host([variant=selection i]){--sd-button-background-color:var(--color-bg-selection-neutral-weakest,#fff);--sd-button-color:var(--color-fg-selection-neutral-default,#111);--sd-button-border:1px solid var(--color-border-selection-neutral-default,#999);--sd-button-background-color-hover:var(--color-bg-selection-accent-weak-hover,#e0ebf6);--sd-button-color-hover:var(--color-fg-selection-neutral-default,#111);--sd-button-border-color-hover:var(--color-border-selection-neutral-default,#999);--sd-button-background-color-pressed:var(--color-bg-selection-accent-weak,#c7dbef);--sd-button-color-pressed:var(--color-fg-selection-neutral-default,#111);--sd-button-border-color-pressed:var(--color-border-selection-accent-default,#1467ba);--sd-button-border-color-disabled:var(--color-border-interaction-disabled,#c6c6c6)}:host([variant=custom i]){--sd-button-background-color-hover:color-mix(in oklab, var(--sd-button-background-color,var(--color-bg-action-neutral-default,#d4d4d4)), var(--color-fg-default,#111) 12%);--sd-button-color-hover:var(--sd-button-color,var(--color-fg-action-neutral-default,#111));--sd-button-background-color-pressed:color-mix(in oklab, var(--sd-button-background-color,var(--color-bg-action-neutral-default,#d4d4d4)), var(--color-fg-default,#111) 22%);--sd-button-color-pressed:var(--sd-button-color,var(--color-fg-action-neutral-default,#111))}:host([variant=selection i][aria-pressed=true]){--sd-button-background-color:var(--color-bg-selection-accent-weak,#c7dbef);--sd-button-border:1px solid var(--color-border-selection-accent-default,#1467ba);--sd-button-background-color-hover:var(--color-bg-selection-accent-weak,#c7dbef);--sd-button-border-color-hover:var(--color-border-selection-accent-default,#1467ba)}.icon:is(:not([src]),[src=""],[src="data:,"]){display:none}.content{align-items:center;min-width:0;display:flex}.content ::slotted(*){font:var(--text-body);margin-left:var(--sd-button-content-padding,8px)}.content ::slotted(:last-child){margin-right:var(--sd-button-content-padding,8px)}.icon{max-height:var(--sd-button-max-icon-size,24px);max-width:var(--sd-button-max-icon-size,24px)}`,Gn=[`primary`,`outline`,`standard`,`ghost`,`outline-danger`,`ghost-danger`,`selection`,`custom`],Kn=`standard`;function qn(e){return Gn.includes(e)}var Jn=class e extends Tt{static{this.ID=`sd-button`}static{this.ensureDefined=()=>{customElements.get(e.ID)||(customElements.define(e.ID,e),Hn.ensureDefined())}}static{this.styleSheet=new CSSStyleSheet}static{this.styleSheet.replaceSync(Wn)}get imageElement(){return this._image}get icon(){return this.getAttribute(`icon`)}set icon(e){this.icon!==e&&(e?this.setAttribute(`icon`,e):this.removeAttribute(`icon`),this.updateIcon())}get variant(){let e=this.getAttribute(`variant`);return qn(e)?e:Kn}set variant(e){this.setAttribute(`variant`,qn(e)?e:Kn)}get disabled(){return this.getAttribute(`aria-disabled`)==`true`}set disabled(e){this.setAttribute(`aria-disabled`,e.toString())}static get observedAttributes(){return[`icon`,`variant`]}is(){return e.ID}template(){let e=document.createElement(`template`);return e.innerHTML=Un,e}constructor(){super(),this._isSpaceOrEnterKeyDown=!1,this.addEventListener(`keydown`,e=>{this.isSpaceOrEnter(e)&&(this._isSpaceOrEnterKeyDown=!0,e.preventDefault())}),this.addEventListener(`keyup`,e=>{this.isSpaceOrEnter(e)&&this._isSpaceOrEnterKeyDown==1&&(this._isSpaceOrEnterKeyDown=!1,this.click())}),this.addEventListener(`click`,e=>{if(this.disabled||this.hasAttribute(`disabled`)){e.stopImmediatePropagation();return}let t=this.getAttribute(`type`)?.toLowerCase()?.trim();if(t!==`submit`&&t!==`reset`)return;let n=this.closest(`form`);n&&t===`submit`&&n.requestSubmit(),n&&t===`reset`&&n.reset()},{capture:!0})}isSpaceOrEnter(e){switch(e.key){case` `:case`Space`:case`Enter`:return!0;default:return!1}}click(){!this.disabled&&!this.hasAttribute(`disabled`)&&super.click()}connectedCallback(){let t=this.shadowRoot==null;super.connectedCallback(),t&&(this.shadowRoot.adoptedStyleSheets=[e.styleSheet]),this.hasAttribute(`tabIndex`)||(this.tabIndex=0),this._image=this.shadowRoot.querySelector(`.icon`),this.updateIcon(),this.hasAttribute(`role`)||this.setAttribute(`role`,`button`)}attributeChangedCallback(e,t){switch(e){case`icon`:this.updateIcon();break;case`variant`:this.variant===`selection`?this.hasAttribute(`aria-pressed`)||this.setAttribute(`aria-pressed`,`false`):t?.toLowerCase()===`selection`&&this.removeAttribute(`aria-pressed`);break}}updateIcon(){if(this._image){let e=this.getAttribute(`icon`);e&&(this._image.src=e)}}};Jn.ensureDefined();var Yn=o(((e,t)=>{var n=String,r=function(){return{isColorSupported:!1,reset:n,bold:n,dim:n,italic:n,underline:n,inverse:n,hidden:n,strikethrough:n,black:n,red:n,green:n,yellow:n,blue:n,magenta:n,cyan:n,white:n,gray:n,bgBlack:n,bgRed:n,bgGreen:n,bgYellow:n,bgBlue:n,bgMagenta:n,bgCyan:n,bgWhite:n,blackBright:n,redBright:n,greenBright:n,yellowBright:n,blueBright:n,magentaBright:n,cyanBright:n,whiteBright:n,bgBlackBright:n,bgRedBright:n,bgGreenBright:n,bgYellowBright:n,bgBlueBright:n,bgMagentaBright:n,bgCyanBright:n,bgWhiteBright:n}};t.exports=r(),t.exports.createColors=r})),Xn=o(((e,t)=>{t.exports={}})),Zn=o(((e,t)=>{var n=Yn(),r=Xn(),i=class e extends Error{constructor(t,n,r,i,a,o){super(t),this.name=`CssSyntaxError`,this.reason=t,a&&(this.file=a),i&&(this.source=i),o&&(this.plugin=o),n!==void 0&&r!==void 0&&(typeof n==`number`?(this.line=n,this.column=r):(this.line=n.line,this.column=n.column,this.endLine=r.line,this.endColumn=r.column)),this.setMessage(),Error.captureStackTrace&&Error.captureStackTrace(this,e)}setMessage(){this.message=this.plugin?this.plugin+`: `:``,this.message+=this.file?this.file:`<css input>`,this.line!==void 0&&(this.message+=`:`+this.line+`:`+this.column),this.message+=`: `+this.reason}showSourceCode(e){if(!this.source)return``;let t=this.source;e??=n.isColorSupported;let i=e=>e,a=e=>e,o=e=>e;if(e){let{bold:e,gray:t,red:s}=n.createColors(!0);a=t=>e(s(t)),i=e=>t(e),r&&(o=e=>r(e))}let s=t.split(/\r?\n/),c=Math.max(this.line-3,0),l=Math.min(this.line+2,s.length),u=String(l).length;return s.slice(c,l).map((e,t)=>{let n=c+1+t,r=` `+(` `+n).slice(-u)+` | `;if(n===this.line){if(e.length>160){let t=Math.max(0,this.column-20),n=Math.max(this.column+20,this.endColumn+20),s=e.slice(t,n),c=i(r.replace(/\d/g,` `))+e.slice(0,Math.min(this.column-1,19)).replace(/[^\t]/g,` `);return a(`>`)+i(r)+o(s)+`
+`,Wn=`:host{contain:content;box-sizing:border-box;vertical-align:middle;height:min-content;min-height:36px;padding:var(--spacing-x3,6px) var(--spacing-x4,8px);border-radius:var(--radius-s,4px);cursor:pointer;-webkit-user-select:none;user-select:none;outline:none;justify-content:center;align-items:center;display:inline-flex}:host:focus-visible{outline:1px solid var(--color-border-interaction-focus,#111);outline-offset:var(--spacing-x1,2px)}:host:is(:disabled,[disabled],[aria-disabled=true]){cursor:default}:host{background-color:var(--sd-button-background-color,var(--color-bg-action-neutral-default,#d4d4d4));color:var(--sd-button-color,var(--color-fg-action-neutral-default,#111))}:host:after{content:"";border:var(--sd-button-border,none);border-radius:inherit;position:absolute;inset:0}:host(:is(:focus,:hover)){background-color:var(--sd-button-background-color-hover,var(--color-bg-action-neutral-default-hover,#c6c6c6));color:var(--sd-button-color-hover,var(--color-fg-action-neutral-default-hover,#1b1b1b))}:host(:is(:focus,:hover)):after{border-color:var(--sd-button-border-color-hover,transparent)}:host(:active){background-color:var(--sd-button-background-color-pressed,var(--color-bg-action-neutral-default-pressed,#b3b3b3));color:var(--sd-button-color-pressed,var(--color-fg-action-neutral-default-pressed,#242424))}:host(:active):after{border-color:var(--sd-button-border-color-pressed,transparent)}:host(:is([aria-disabled=true],[disabled])){background-color:var(--sd-button-background-color-disabled,var(--color-bg-interaction-disabled,#e7e7e7));color:var(--sd-button-color-disabled,var(--color-fg-interaction-disabled,#999))}:host(:is([aria-disabled=true],[disabled])):after{border-color:var(--sd-button-border-color-disabled,transparent)}:host(:is([aria-disabled=true],[disabled])){cursor:default}:host(:focus-visible){outline:1px solid var(--color-border-interaction-focus,#111);outline-offset:var(--spacing-x1,2px)}:host([variant=primary i]){--sd-button-background-color:var(--color-bg-action-accent-default,#1467ba);--sd-button-color:var(--color-fg-interaction-on-color,#fff);--sd-button-background-color-hover:var(--color-bg-action-accent-default-hover,#0f4d8b);--sd-button-color-hover:var(--color-fg-interaction-on-color,#fff);--sd-button-background-color-pressed:var(--color-bg-action-accent-default-pressed,#0b3a69);--sd-button-color-pressed:var(--color-fg-interaction-on-color,#fff)}:host([variant=outline i]){--sd-button-background-color:var(--color-bg-action-accent-weak,#e0ebf6);--sd-button-color:var(--color-fg-action-accent-default,#1467ba);--sd-button-border:1px solid var(--color-border-action-accent-default,#1467ba);--sd-button-background-color-hover:var(--color-bg-action-accent-weak-hover,#d5e4f3);--sd-button-color-hover:var(--color-fg-action-accent-default-hover,#0f4d8b);--sd-button-border-color-hover:var(--color-border-action-accent-default-hover,#0f4d8b);--sd-button-background-color-pressed:var(--color-bg-action-accent-weak-pressed,#c7dbef);--sd-button-color-pressed:var(--color-fg-action-accent-default-pressed,#0b3a69);--sd-button-border-color-pressed:var(--color-border-action-accent-default-pressed,#0b3a69);--sd-button-background-color-disabled:transparent;--sd-button-border-color-disabled:var(--color-border-interaction-disabled,#c6c6c6)}:host([variant=ghost i]){--sd-button-background-color:transparent;--sd-button-color:var(--color-fg-action-accent-default,#1467ba);--sd-button-background-color-hover:var(--color-bg-action-accent-weakest-hover,#e0ebf6);--sd-button-color-hover:var(--color-fg-action-accent-default-hover,#0f4d8b);--sd-button-background-color-pressed:var(--color-bg-action-accent-weakest-pressed,#c7dbef);--sd-button-color-pressed:var(--color-fg-action-accent-default-pressed,#0b3a69);--sd-button-background-color-disabled:transparent}:host([variant=outline-danger i]){--sd-button-background-color:var(--color-bg-action-danger-default,#fbdde0);--sd-button-color:var(--color-fg-action-danger-default,#a90014);--sd-button-border:1px solid var(--color-border-action-danger-default,#a90014);--sd-button-background-color-hover:var(--color-bg-action-danger-default-hover,#fad2d6);--sd-button-color-hover:var(--color-fg-action-danger-default-hover,#7f000f);--sd-button-border-color-hover:var(--color-border-action-danger-default-hover,#7f000f);--sd-button-background-color-pressed:var(--color-bg-action-danger-default-pressed,#f8c3c9);--sd-button-color-pressed:var(--color-fg-action-danger-default-pressed,#5f000b);--sd-button-border-color-pressed:var(--color-border-action-danger-default-pressed,#5f000b);--sd-button-background-color-disabled:transparent;--sd-button-border-color-disabled:var(--color-border-interaction-disabled,#c6c6c6)}:host([variant=ghost-danger i]){--sd-button-background-color:transparent;--sd-button-color:var(--color-fg-action-danger-default,#a90014);--sd-button-background-color-hover:var(--color-bg-action-danger-default-hover,#fad2d6);--sd-button-color-hover:var(--color-fg-action-danger-default-hover,#7f000f);--sd-button-background-color-pressed:var(--color-bg-action-danger-default-pressed,#f8c3c9);--sd-button-color-pressed:var(--color-fg-action-danger-default-pressed,#5f000b);--sd-button-background-color-disabled:transparent}:host([variant=selection i]){--sd-button-background-color:var(--color-bg-selection-neutral-weakest,#fff);--sd-button-color:var(--color-fg-selection-neutral-default,#111);--sd-button-border:1px solid var(--color-border-selection-neutral-default,#999);--sd-button-background-color-hover:var(--color-bg-selection-accent-weak-hover,#e0ebf6);--sd-button-color-hover:var(--color-fg-selection-neutral-default,#111);--sd-button-border-color-hover:var(--color-border-selection-neutral-default,#999);--sd-button-background-color-pressed:var(--color-bg-selection-accent-weak,#c7dbef);--sd-button-color-pressed:var(--color-fg-selection-neutral-default,#111);--sd-button-border-color-pressed:var(--color-border-selection-accent-default,#1467ba);--sd-button-border-color-disabled:var(--color-border-interaction-disabled,#c6c6c6)}:host([variant=custom i]){--sd-button-background-color-hover:color-mix(in oklab, var(--sd-button-background-color,var(--color-bg-action-neutral-default,#d4d4d4)), var(--color-fg-default,#111) 10%);--sd-button-color-hover:var(--sd-button-color,var(--color-fg-action-neutral-default,#111));--sd-button-background-color-pressed:color-mix(in oklab, var(--sd-button-background-color,var(--color-bg-action-neutral-default,#d4d4d4)), var(--color-fg-default,#111) 20%);--sd-button-color-pressed:var(--sd-button-color,var(--color-fg-action-neutral-default,#111))}:host([variant=contrast i]){--sd-button-contrast-color:color-mix(in oklab, color(from var(--sd-button-contrast-source,var(--color-bg-default,#fff)) xyz round(up, min(1, max(0, .18 - y)), 1) round(up, min(1, max(0, .18 - y)), 1) round(up, min(1, max(0, .18 - y)), 1)), #fff 17.6%);--sd-button-background-color:transparent;--sd-button-color:var(--sd-button-contrast-color);--sd-button-background-color-hover:oklab(from var(--sd-button-contrast-source,var(--color-bg-default,#fff)) calc(l + sign(.5 - l) * .1) a b);--sd-button-color-hover:var(--sd-button-contrast-color);--sd-button-background-color-pressed:oklab(from var(--sd-button-contrast-source,var(--color-bg-default,#fff)) calc(l + sign(.5 - l) * .2) a b);--sd-button-color-pressed:var(--sd-button-contrast-color);--sd-button-background-color-disabled:transparent}:host([variant=selection i][aria-pressed=true]){--sd-button-background-color:var(--color-bg-selection-accent-weak,#c7dbef);--sd-button-border:1px solid var(--color-border-selection-accent-default,#1467ba);--sd-button-background-color-hover:var(--color-bg-selection-accent-weak,#c7dbef);--sd-button-border-color-hover:var(--color-border-selection-accent-default,#1467ba)}.icon:is(:not([src]),[src=""],[src="data:,"]){display:none}.content{align-items:center;min-width:0;display:flex}.content ::slotted(*){font:var(--text-body,400 15px/20px Inter);margin-left:var(--sd-button-content-padding,8px)}.content ::slotted(:last-child){margin-right:var(--sd-button-content-padding,8px)}.icon{max-height:var(--sd-button-max-icon-size,24px);max-width:var(--sd-button-max-icon-size,24px);color:inherit}`,Gn=[`primary`,`outline`,`standard`,`ghost`,`outline-danger`,`ghost-danger`,`selection`,`custom`,`contrast`],Kn=`standard`;function qn(e){return Gn.includes(e)}var Jn=class e extends Tt{static{this.ID=`sd-button`}static{this.ensureDefined=()=>{customElements.get(e.ID)||(customElements.define(e.ID,e),Hn.ensureDefined())}}static{this.styleSheet=new CSSStyleSheet}static{this.styleSheet.replaceSync(Wn)}get imageElement(){return this._image}get icon(){return this.getAttribute(`icon`)}set icon(e){this.icon!==e&&(e?this.setAttribute(`icon`,e):this.removeAttribute(`icon`),this.updateIcon())}get variant(){let e=this.getAttribute(`variant`);return qn(e)?e:Kn}set variant(e){this.setAttribute(`variant`,qn(e)?e:Kn)}get disabled(){return this.getAttribute(`aria-disabled`)==`true`}set disabled(e){this.setAttribute(`aria-disabled`,e.toString())}static get observedAttributes(){return[`icon`,`variant`]}is(){return e.ID}template(){let e=document.createElement(`template`);return e.innerHTML=Un,e}constructor(){super(),this._isSpaceOrEnterKeyDown=!1,this.addEventListener(`keydown`,e=>{this.isSpaceOrEnter(e)&&(this._isSpaceOrEnterKeyDown=!0,e.preventDefault())}),this.addEventListener(`keyup`,e=>{this.isSpaceOrEnter(e)&&this._isSpaceOrEnterKeyDown==1&&(this._isSpaceOrEnterKeyDown=!1,this.click())}),this.addEventListener(`click`,e=>{if(this.disabled||this.hasAttribute(`disabled`)){e.stopImmediatePropagation();return}let t=this.getAttribute(`type`)?.toLowerCase()?.trim();if(t!==`submit`&&t!==`reset`)return;let n=this.closest(`form`);n&&t===`submit`&&n.requestSubmit(),n&&t===`reset`&&n.reset()},{capture:!0})}isSpaceOrEnter(e){switch(e.key){case` `:case`Space`:case`Enter`:return!0;default:return!1}}click(){!this.disabled&&!this.hasAttribute(`disabled`)&&super.click()}connectedCallback(){let t=this.shadowRoot==null;super.connectedCallback(),t&&(this.shadowRoot.adoptedStyleSheets=[e.styleSheet]),this.hasAttribute(`tabIndex`)||(this.tabIndex=0),this._image=this.shadowRoot.querySelector(`.icon`),this.updateIcon(),this.hasAttribute(`role`)||this.setAttribute(`role`,`button`)}attributeChangedCallback(e,t){switch(e){case`icon`:this.updateIcon();break;case`variant`:this.variant===`selection`?this.hasAttribute(`aria-pressed`)||this.setAttribute(`aria-pressed`,`false`):t?.toLowerCase()===`selection`&&this.removeAttribute(`aria-pressed`);break}}updateIcon(){if(this._image){let e=this.getAttribute(`icon`);e&&(this._image.src=e)}}};Jn.ensureDefined();var Yn=o(((e,t)=>{var n=String,r=function(){return{isColorSupported:!1,reset:n,bold:n,dim:n,italic:n,underline:n,inverse:n,hidden:n,strikethrough:n,black:n,red:n,green:n,yellow:n,blue:n,magenta:n,cyan:n,white:n,gray:n,bgBlack:n,bgRed:n,bgGreen:n,bgYellow:n,bgBlue:n,bgMagenta:n,bgCyan:n,bgWhite:n,blackBright:n,redBright:n,greenBright:n,yellowBright:n,blueBright:n,magentaBright:n,cyanBright:n,whiteBright:n,bgBlackBright:n,bgRedBright:n,bgGreenBright:n,bgYellowBright:n,bgBlueBright:n,bgMagentaBright:n,bgCyanBright:n,bgWhiteBright:n}};t.exports=r(),t.exports.createColors=r})),Xn=o(((e,t)=>{t.exports={}})),Zn=o(((e,t)=>{var n=Yn(),r=Xn(),i=class e extends Error{constructor(t,n,r,i,a,o){super(t),this.name=`CssSyntaxError`,this.reason=t,a&&(this.file=a),i&&(this.source=i),o&&(this.plugin=o),n!==void 0&&r!==void 0&&(typeof n==`number`?(this.line=n,this.column=r):(this.line=n.line,this.column=n.column,this.endLine=r.line,this.endColumn=r.column)),this.setMessage(),Error.captureStackTrace&&Error.captureStackTrace(this,e)}setMessage(){this.message=this.plugin?this.plugin+`: `:``,this.message+=this.file?this.file:`<css input>`,this.line!==void 0&&(this.message+=`:`+this.line+`:`+this.column),this.message+=`: `+this.reason}showSourceCode(e){if(!this.source)return``;let t=this.source;e??=n.isColorSupported;let i=e=>e,a=e=>e,o=e=>e;if(e){let{bold:e,gray:t,red:s}=n.createColors(!0);a=t=>e(s(t)),i=e=>t(e),r&&(o=e=>r(e))}let s=t.split(/\r?\n/),c=Math.max(this.line-3,0),l=Math.min(this.line+2,s.length),u=String(l).length;return s.slice(c,l).map((e,t)=>{let n=c+1+t,r=` `+(` `+n).slice(-u)+` | `;if(n===this.line){if(e.length>160){let t=Math.max(0,this.column-20),n=Math.max(this.column+20,this.endColumn+20),s=e.slice(t,n),c=i(r.replace(/\d/g,` `))+e.slice(0,Math.min(this.column-1,19)).replace(/[^\t]/g,` `);return a(`>`)+i(r)+o(s)+`
  `+c+a(`^`)}let t=i(r.replace(/\d/g,` `))+e.slice(0,this.column-1).replace(/[^\t]/g,` `);return a(`>`)+i(r)+o(e)+`
  `+t+a(`^`)}return` `+i(r)+o(e)}).join(`
 `)}toString(){let e=this.showSourceCode();return e&&=`
@@ -424,10 +433,6 @@ For a web app / web widget, refer to the official documentation about design tok
 <li>Defines the gap between the radio buttons in the group.</li>
 </ul>
 </li>
-<li><code>--sd-radio-button-container-background</code><ul>
-<li>Defines the background of the buttons container. Useful for segmented controls: set it to the border color so sub-pixel rounding seams between buttons are invisible.</li>
-</ul>
-</li>
 </ul>
 <h2 id="radio-button">radio-button</h2>
 <h3 id="attributes">Attributes</h3>

package/dist/radio-button-group.mjs

@@ -85,7 +85,7 @@ l([a({
 }), c("design:type", Object)], d.prototype, "label", void 0);
 //#endregion
 //#region scss/group.scss?inline
-var f = ":host{display:block}:host(:focus){outline:none}:host(:focus-visible) ::slotted([focused]){outline:1px solid var(--color-border-interaction-focus,#111);outline-offset:var(--spacing-x1,2px);border-radius:var(--radius-s,4px);z-index:1}.buttons-container{align-items:start;gap:var(--sd-radio-button-group-gap,0);background:var(--sd-radio-button-container-background);border-radius:var(--radius-s,4px);max-width:100%;display:inline-flex}.buttons-container.vertical{flex-direction:column}.validation-message{margin-left:5px}", p = class e extends t {
+var f = ":host{display:block}:host(:focus){outline:none}:host(:focus-visible) ::slotted([focused]){outline:1px solid var(--color-border-interaction-focus,#111);outline-offset:var(--spacing-x1,2px);border-radius:var(--radius-s,4px);z-index:10!important}.buttons-container{align-items:start;gap:var(--sd-radio-button-group-gap,0);border-radius:var(--radius-s,4px);max-width:100%;display:inline-flex}.buttons-container.vertical{flex-direction:column}.validation-message{margin-left:5px}", p = class e extends t {
 	constructor(...e) {
 		super(...e), this.layout = "horizontal", this.value = "", this.uncheckAllowed = !1, this.disabled = !1, this._buttons = [], this._focusIndex = -1, this._checkedButton = void 0, this.handleSlotChange = () => {
 			this._buttons = this.buttonsSlot.assignedElements(), this._buttons.forEach((e) => {

package/dist/radio-button-group.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"radio-button-group.mjs","names":[],"sources":["../scss/button.scss?inline","../radio-button.ts","../scss/group.scss?inline","../radio-button-group.ts"],"sourcesContent":["@use \"@cas-smartdesign/styles/scss/variables/colors\";\n\n:host {\n\tdisplay: block;\n}\n\n:host,\n.label,\n.checkbox {\n\toutline: none;\n}\n\n:host([disabled]) {\n\tpointer-events: none;\n\n\t.root {\n\t\tcursor: default;\n\n\t\tcircle.inner-bg {\n\t\t\tfill: var(--color-bg-interaction-disabled, #e7e7e7);\n\t\t}\n\n\t\tcircle.inner {\n\t\t\tfill: var(--color-fg-interaction-disabled, #999999);\n\t\t}\n\n\t\tcircle.outer {\n\t\t\tstroke: var(--color-border-interaction-disabled, #c6c6c6) !important;\n\t\t}\n\n\t\t.label {\n\t\t\tcolor: var(--color-fg-interaction-disabled, #999999);\n\t\t}\n\t}\n}\n\n:host([checked]) {\n\tcircle.inner {\n\t\tdisplay: block !important;\n\t}\n\tcircle.outer {\n\t\tstroke: var(--sd-radio-button-checked-color, colors.$sd-blue) !important;\n\t}\n}\n\n:host([oneline]) {\n\tmax-width: 100%;\n}\n\n:host([oneline]) .label {\n\twhite-space: pre;\n\toverflow: hidden;\n\ttext-overflow: ellipsis;\n}\n\n.root {\n\tdisplay: inline-flex;\n\talign-items: center;\n\tvertical-align: middle;\n\twidth: 100%;\n\tpadding: var(--sd-radio-button-padding, 0px);\n\tgap: var(--spacing-x4, 8px);\n\n\t.radio-button-container {\n\t\tposition: relative;\n\t\tdisplay: inline-block;\n\t\twidth: 28px;\n\t\theight: 28px;\n\t\tbox-sizing: border-box;\n\t\tcursor: pointer;\n\t\tflex-shrink: 0;\n\n\t\tinput {\n\t\t\tposition: absolute;\n\t\t\ttop: 0;\n\t\t\tleft: 0;\n\t\t\topacity: 0;\n\t\t}\n\t\tcircle.inner {\n\t\t\tfill: var(--sd-radio-button-checked-color, colors.$sd-blue);\n\t\t}\n\t\tcircle.outer {\n\t\t\tstroke: var(--sd-radio-button-unchecked-color, colors.$sd-grey);\n\t\t}\n\t}\n\n\t.label {\n\t\tfont: var(--text-body);\n\t\tcolor: var(--color-fg-selection-neutral-default, #111111);\n\t\ttext-overflow: ellipsis;\n\t\toverflow-x: hidden;\n\t\tuser-select: none;\n\t\tcursor: pointer;\n\t\tpadding-top: 2px;\n\t\tpadding-bottom: 2px;\n\t\tpadding-right: var(--spacing-x4, 8px);\n\t}\n}\n","import { LitElement, type TemplateResult, html, unsafeCSS, css } from \"lit\";\nimport { property } from \"lit/decorators/property.js\";\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        [RadioButton.ID]: RadioButton;\n    }\n}\n\nimport style from \"./scss/button.scss?inline\";\nlet idCounter = 0;\n\nexport class RadioButton extends LitElement {\n    public static readonly ID = \"sd-radio-button\";\n    public static ensureDefined = (): void => {\n        if (!customElements.get(RadioButton.ID)) {\n            customElements.define(RadioButton.ID, RadioButton);\n        }\n    };\n    @property({ type: Boolean, reflect: true, attribute: true })\n    public checked = false;\n    @property({ type: String, reflect: true, attribute: true })\n    public value = \"\";\n    @property({ type: Boolean, reflect: true, attribute: true })\n    public disabled = false;\n    @property({ type: String, reflect: true, attribute: true })\n    public label = \"\";\n\n    private a11yID;\n\n    constructor() {\n        super();\n        this.a11yID = RadioButton.ID + \"_\" + idCounter++;\n    }\n\n    static override get styles() {\n        return [\n            css`\n                ${unsafeCSS(style)}\n            `,\n        ];\n    }\n\n    public override render(): TemplateResult {\n        return html`\n            <div class=\"root\">\n                <div class=\"radio-button-container\">\n                    <input\n                        type=\"radio\"\n                        id=\"${this.a11yID}\"\n                        .checked=\"${this.checked}\"\n                        ?disabled=\"${this.disabled}\"\n                        @click=\"${this.handleClick}\"\n                        class=\"radio-button\"\n                    />\n                    <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"-14 -14 28 28\">\n                        <circle\n                            class=\"inner-bg\"\n                            r=\"8px\"\n                            style=\"${this.disabled ? \"\" : \"display:none\"}\"\n                            stroke=\"none\"\n                        ></circle>\n                        <circle class=\"inner\" r=\"6px\" style=\"display:none\" stroke=\"none\"></circle>\n                        <circle class=\"outer\" r=\"9px\" fill=\"transparent\" stroke-width=\"2px\"></circle>\n                    </svg>\n                </div>\n                <label class=\"label\" for=\"${this.a11yID}\" @click=\"${this.handleClick}\">${this.label}</label>\n            </div>\n        `;\n    }\n\n    private handleClick = (event: MouseEvent): void => {\n        event.preventDefault();\n    };\n}\n",":host {\n\tdisplay: block;\n}\n\n:host(:focus) {\n\toutline: none;\n}\n\n:host(:focus-visible) ::slotted([focused]) {\n\toutline: 1px solid var(--color-border-interaction-focus, #111);\n\toutline-offset: var(--spacing-x1, 2px);\n\tborder-radius: var(--radius-s, 4px);\n\tz-index: 1;\n}\n\n.buttons-container {\n\tdisplay: inline-flex;\n\talign-items: start;\n\tgap: var(--sd-radio-button-group-gap, 0);\n\tbackground: var(--sd-radio-button-container-background);\n\tborder-radius: var(--radius-s, 4px);\n\tmax-width: 100%;\n}\n\n.buttons-container.vertical {\n\tflex-direction: column;\n}\n\n.validation-message {\n\tmargin-left: 5px;\n}\n","import SDFieldValidationMessage, { ValidationLevel } from \"@cas-smartdesign/field-validation-message\";\nimport {\n    LitElement,\n    type TemplateResult,\n    html,\n    type PropertyValues,\n    type ComplexAttributeConverter,\n    unsafeCSS,\n    css,\n} from \"lit\";\nimport { property } from \"lit/decorators/property.js\";\nimport { ifDefined } from \"lit/directives/if-defined.js\";\n\nimport type { LayoutType, IValueChangeEvent } from \"./types\";\n\nimport { RadioButton } from \"./radio-button\";\n\nexport { RadioButton } from \"./radio-button\";\nexport type * from \"./types\";\n\nimport style from \"./scss/group.scss?inline\";\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        [RadioButtonGroup.ID]: RadioButtonGroup;\n    }\n    interface HTMLElementEventMap {\n        \"sd-radio-button-group-value-change\": CustomEvent<IValueChangeEvent>;\n    }\n}\n\nexport class RadioButtonGroup extends LitElement {\n    public static readonly ID = \"sd-radio-button-group\";\n    public static ensureDefined = (): void => {\n        RadioButton.ensureDefined();\n        if (!customElements.get(RadioButtonGroup.ID)) {\n            customElements.define(RadioButtonGroup.ID, RadioButtonGroup);\n        }\n    };\n    @property({ type: String, reflect: true, attribute: true })\n    public layout: LayoutType = \"horizontal\";\n    @property({ type: String })\n    public value: string | undefined = \"\";\n    @property({ type: Boolean, reflect: true, attribute: \"uncheck-allowed\" })\n    public uncheckAllowed = false;\n    @property({ type: Boolean, reflect: true, attribute: true })\n    public disabled = false;\n    @property({ type: String })\n    public validationMessage: string | undefined;\n    @property({ type: String })\n    public validationIconSrc: string | undefined;\n    @property({\n        type: {\n            fromAttribute(value: string): ValidationLevel | undefined {\n                return SDFieldValidationMessage.parseLevel(value);\n            },\n            toAttribute(value: ValidationLevel | undefined): string | undefined {\n                return value != null ? value.toLowerCase() : undefined;\n            },\n        } as ComplexAttributeConverter,\n        reflect: true,\n    })\n    public validationLevel: ValidationLevel | undefined;\n\n    private _buttonsSlot: HTMLSlotElement | undefined;\n    private _buttons: HTMLElement[] = [];\n    private _focusIndex = -1;\n    private _checkedButton: HTMLElement | undefined = undefined;\n\n    public get focusIndex(): number {\n        return this._focusIndex;\n    }\n\n    public set focusIndex(index: number) {\n        if (index >= -1 && index < this.childElementCount) {\n            const oldValue = this._focusIndex;\n            this._focusIndex = index;\n            if (oldValue !== index) {\n                const previousButton = this._buttons[oldValue];\n                const currentButton = this._buttons[this.focusIndex];\n                this.updateFocused(previousButton, currentButton);\n            }\n        }\n    }\n\n    protected override firstUpdated(changedProperties: PropertyValues): void {\n        super.firstUpdated(changedProperties);\n        this.buttonsSlot!.addEventListener(\"slotchange\", this.handleSlotChange);\n        this.addEventListener(\"focusin\", this.handleFocusIn);\n        this.addEventListener(\"focusout\", this.handleFocusOut);\n        this.addEventListener(\"keydown\", this.handleKeyDown);\n    }\n\n    protected override updated(changedProperties: PropertyValues): void {\n        super.updated(changedProperties);\n        if (changedProperties.has(\"disabled\")) {\n            if (this.disabled) {\n                this.disableButtons();\n            } else {\n                this.enableButtons();\n            }\n        }\n    }\n\n    static override get styles() {\n        return [\n            css`\n                ${unsafeCSS(style)}\n            `,\n        ];\n    }\n    public override render(): TemplateResult {\n        return html`\n            <div\n                class=\"buttons-container ${this.layout === \"vertical\" ? \"vertical\" : \"horizontal\"}\"\n                @click=\"${ifDefined(this.disabled ? undefined : this.handleButtonClick)}\"\n            >\n                <slot></slot>\n            </div>\n            ${this.validationMessage &&\n            html`\n                <br />\n                <sd-field-validation-message\n                    class=\"validation-message\"\n                    .message=${this.validationMessage}\n                    .icon=${this.validationIconSrc}\n                    .level=${this.validationLevel}\n                >\n                </sd-field-validation-message>\n            `}\n        `;\n    }\n\n    private handleSlotChange = (): void => {\n        this._buttons = this.buttonsSlot!.assignedElements() as HTMLElement[];\n        this._buttons.forEach((button) => {\n            if (!button.hasAttribute(\"disabled\") && this.disabled) {\n                button.setAttribute(\"disabled\", \"\");\n            }\n            // prevent radio buttons to be able to get focus by tabbing\n            // as focus is handled by this element\n            button.setAttribute(\"tabIndex\", \"-1\");\n            this.updateCheckedButton(button);\n        });\n    };\n\n    private updateCheckedButton(button: HTMLElement): void {\n        if (!this._checkedButton && this.isChecked(button)) {\n            this._checkedButton = button;\n            this.updateValue(button.getAttribute(\"value\"));\n        } else if (this._checkedButton !== button) {\n            // single selection: the first checked button wins; this also\n            // initializes aria-pressed=\"false\" on plain (non-radio) buttons\n            this.uncheckButton(button);\n        }\n    }\n\n    private handleFocusIn = (event: FocusEvent): void => {\n        const target = event.target as HTMLElement;\n        const ind = this._buttons.findIndex((button) => button == target);\n        this.focusIndex = this.focusIndex >= 0 ? this.focusIndex : this.getNextFocusIndex(ind !== -1 ? ind : 0);\n        this.updateFocused(undefined, this._buttons[this.focusIndex]);\n    };\n\n    private handleFocusOut = (): void => {\n        this.updateFocused(this._buttons[this.focusIndex]);\n    };\n\n    private disableButtons(): void {\n        this._buttons?.forEach((button) => {\n            button.setAttribute(\"disabled\", \"\");\n        });\n    }\n\n    private enableButtons(): void {\n        this._buttons?.forEach((button) => {\n            button.removeAttribute(\"disabled\");\n        });\n    }\n\n    private handleButtonClick = (event: MouseEvent): void => {\n        // the individual buttons are not focusable\n        this.focus();\n        const target = this._buttons.find((button) => button.contains(event.target as Node));\n        if (target?.matches(\"[disabled], [aria-disabled='true']\")) {\n            return;\n        }\n        const targetIndex = this._buttons.findIndex((button) => button == target);\n        if (targetIndex >= 0) {\n            this.focusIndex = targetIndex;\n            this.updateChecked();\n        }\n    };\n\n    private fireValueChangeEvent(): void {\n        this.dispatchEvent(\n            new CustomEvent<IValueChangeEvent>(\"sd-radio-button-group-value-change\", {\n                detail: {\n                    value: this.value,\n                    selectedIndex: this.selectedIndex,\n                },\n            }),\n        );\n    }\n\n    private handleKeyDown = (event: KeyboardEvent): void => {\n        let shouldPrevent = true;\n        switch (event.key) {\n            case \"Down\":\n            case \"ArrowDown\":\n            case \"Right\":\n            case \"ArrowRight\": {\n                this.focusNext();\n                break;\n            }\n            case \"Up\":\n            case \"ArrowUp\":\n            case \"Left\":\n            case \"ArrowLeft\": {\n                this.focusPrevious();\n                break;\n            }\n            case \"Enter\": {\n                this.updateChecked();\n                break;\n            }\n            default: {\n                shouldPrevent = false;\n            }\n        }\n        if (shouldPrevent) {\n            event.preventDefault();\n            event.stopPropagation();\n        }\n    };\n\n    private focusNext() {\n        const newIndex = this.getNextFocusIndex(this.focusIndex + 1);\n        this.focusIndex = newIndex !== -1 ? newIndex : this.getNextFocusIndex(0);\n        if (!this.uncheckAllowed) {\n            this.updateChecked();\n        }\n    }\n\n    private focusPrevious() {\n        const newIndex = this.getPreviousFocusIndex(this.focusIndex - 1);\n        this.focusIndex = newIndex !== -1 ? newIndex : this.getPreviousFocusIndex(this.childElementCount - 1);\n        if (!this.uncheckAllowed) {\n            this.updateChecked();\n        }\n    }\n\n    private getNextFocusIndex(index: number): number {\n        for (let i = index; i < this.childElementCount; i++) {\n            const button = this._buttons[i];\n            if (button != null && this.isFocusable(button)) {\n                return i;\n            }\n        }\n\n        return -1;\n    }\n\n    private getPreviousFocusIndex(index: number): number {\n        for (let i = index; i >= 0; i--) {\n            const button = this._buttons[i];\n            if (button != null && this.isFocusable(button)) {\n                return i;\n            }\n        }\n\n        return -1;\n    }\n\n    private isFocusable(button: HTMLElement): boolean {\n        return !button.matches(\"[disabled], [aria-disabled='true']\");\n    }\n\n    private updateChecked(): void {\n        const previousChecked = this._checkedButton;\n        const currentChecked = this._buttons[this.focusIndex];\n        if (!currentChecked || currentChecked.matches(\"[disabled], [aria-disabled='true']\")) {\n            return;\n        }\n        this._checkedButton = currentChecked;\n        if (previousChecked && previousChecked !== currentChecked) {\n            this.uncheckButton(previousChecked);\n        }\n        if (currentChecked) {\n            this.toggleButton(currentChecked);\n        }\n    }\n\n    private toggleButton(button: HTMLElement): void {\n        const checked = this.isChecked(button);\n        if (checked) {\n            if (this.uncheckAllowed) {\n                this.uncheckButton(button);\n                this._checkedButton = undefined;\n                this.updateValue(\"\");\n            }\n        } else {\n            this.checkButton(button);\n            this.updateValue(button.getAttribute(\"value\"));\n        }\n    }\n\n    private updateValue(newValue: string | null | undefined): void {\n        this.value = newValue ?? undefined;\n        this.fireValueChangeEvent();\n    }\n\n    private updateFocused(previousFocused?: HTMLElement, currentFocused?: HTMLElement): void {\n        previousFocused?.removeAttribute?.(\"focused\");\n        currentFocused?.setAttribute?.(\"focused\", \"\");\n    }\n\n    private isRadioButton(button: HTMLElement): boolean {\n        return button.localName === RadioButton.ID;\n    }\n\n    private isChecked(button: HTMLElement): boolean {\n        return this.isRadioButton(button)\n            ? button.hasAttribute(\"checked\")\n            : button.getAttribute(\"aria-pressed\") === \"true\";\n    }\n\n    private checkButton(button: HTMLElement): void {\n        if (this.isRadioButton(button)) {\n            button.setAttribute(\"checked\", \"\");\n        } else {\n            button.setAttribute(\"aria-pressed\", \"true\");\n        }\n    }\n\n    private uncheckButton(button: HTMLElement): void {\n        if (this.isRadioButton(button)) {\n            button.removeAttribute(\"checked\");\n        } else {\n            button.setAttribute(\"aria-pressed\", \"false\");\n        }\n    }\n\n    private get buttonsSlot(): HTMLSlotElement | undefined {\n        if (this.shadowRoot && !this._buttonsSlot) {\n            this._buttonsSlot = this.shadowRoot.querySelector(\"slot\") ?? undefined;\n        }\n        return this._buttonsSlot;\n    }\n\n    private get selectedIndex(): number {\n        if (this._buttons == undefined || this._checkedButton == undefined) {\n            return -1;\n        }\n        return this._buttons.indexOf(this._checkedButton);\n    }\n}\n\nRadioButtonGroup.ensureDefined();\n"],"mappings":"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"}
+{"version":3,"file":"radio-button-group.mjs","names":[],"sources":["../scss/button.scss?inline","../radio-button.ts","../scss/group.scss?inline","../radio-button-group.ts"],"sourcesContent":["@use \"@cas-smartdesign/styles/scss/variables/colors\";\n\n:host {\n\tdisplay: block;\n}\n\n:host,\n.label,\n.checkbox {\n\toutline: none;\n}\n\n:host([disabled]) {\n\tpointer-events: none;\n\n\t.root {\n\t\tcursor: default;\n\n\t\tcircle.inner-bg {\n\t\t\tfill: var(--color-bg-interaction-disabled, #e7e7e7);\n\t\t}\n\n\t\tcircle.inner {\n\t\t\tfill: var(--color-fg-interaction-disabled, #999999);\n\t\t}\n\n\t\tcircle.outer {\n\t\t\tstroke: var(--color-border-interaction-disabled, #c6c6c6) !important;\n\t\t}\n\n\t\t.label {\n\t\t\tcolor: var(--color-fg-interaction-disabled, #999999);\n\t\t}\n\t}\n}\n\n:host([checked]) {\n\tcircle.inner {\n\t\tdisplay: block !important;\n\t}\n\tcircle.outer {\n\t\tstroke: var(--sd-radio-button-checked-color, colors.$sd-blue) !important;\n\t}\n}\n\n:host([oneline]) {\n\tmax-width: 100%;\n}\n\n:host([oneline]) .label {\n\twhite-space: pre;\n\toverflow: hidden;\n\ttext-overflow: ellipsis;\n}\n\n.root {\n\tdisplay: inline-flex;\n\talign-items: center;\n\tvertical-align: middle;\n\twidth: 100%;\n\tpadding: var(--sd-radio-button-padding, 0px);\n\tgap: var(--spacing-x4, 8px);\n\n\t.radio-button-container {\n\t\tposition: relative;\n\t\tdisplay: inline-block;\n\t\twidth: 28px;\n\t\theight: 28px;\n\t\tbox-sizing: border-box;\n\t\tcursor: pointer;\n\t\tflex-shrink: 0;\n\n\t\tinput {\n\t\t\tposition: absolute;\n\t\t\ttop: 0;\n\t\t\tleft: 0;\n\t\t\topacity: 0;\n\t\t}\n\t\tcircle.inner {\n\t\t\tfill: var(--sd-radio-button-checked-color, colors.$sd-blue);\n\t\t}\n\t\tcircle.outer {\n\t\t\tstroke: var(--sd-radio-button-unchecked-color, colors.$sd-grey);\n\t\t}\n\t}\n\n\t.label {\n\t\tfont: var(--text-body);\n\t\tcolor: var(--color-fg-selection-neutral-default, #111111);\n\t\ttext-overflow: ellipsis;\n\t\toverflow-x: hidden;\n\t\tuser-select: none;\n\t\tcursor: pointer;\n\t\tpadding-top: 2px;\n\t\tpadding-bottom: 2px;\n\t\tpadding-right: var(--spacing-x4, 8px);\n\t}\n}\n","import { LitElement, type TemplateResult, html, unsafeCSS, css } from \"lit\";\nimport { property } from \"lit/decorators/property.js\";\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        [RadioButton.ID]: RadioButton;\n    }\n}\n\nimport style from \"./scss/button.scss?inline\";\nlet idCounter = 0;\n\nexport class RadioButton extends LitElement {\n    public static readonly ID = \"sd-radio-button\";\n    public static ensureDefined = (): void => {\n        if (!customElements.get(RadioButton.ID)) {\n            customElements.define(RadioButton.ID, RadioButton);\n        }\n    };\n    @property({ type: Boolean, reflect: true, attribute: true })\n    public checked = false;\n    @property({ type: String, reflect: true, attribute: true })\n    public value = \"\";\n    @property({ type: Boolean, reflect: true, attribute: true })\n    public disabled = false;\n    @property({ type: String, reflect: true, attribute: true })\n    public label = \"\";\n\n    private a11yID;\n\n    constructor() {\n        super();\n        this.a11yID = RadioButton.ID + \"_\" + idCounter++;\n    }\n\n    static override get styles() {\n        return [\n            css`\n                ${unsafeCSS(style)}\n            `,\n        ];\n    }\n\n    public override render(): TemplateResult {\n        return html`\n            <div class=\"root\">\n                <div class=\"radio-button-container\">\n                    <input\n                        type=\"radio\"\n                        id=\"${this.a11yID}\"\n                        .checked=\"${this.checked}\"\n                        ?disabled=\"${this.disabled}\"\n                        @click=\"${this.handleClick}\"\n                        class=\"radio-button\"\n                    />\n                    <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"-14 -14 28 28\">\n                        <circle\n                            class=\"inner-bg\"\n                            r=\"8px\"\n                            style=\"${this.disabled ? \"\" : \"display:none\"}\"\n                            stroke=\"none\"\n                        ></circle>\n                        <circle class=\"inner\" r=\"6px\" style=\"display:none\" stroke=\"none\"></circle>\n                        <circle class=\"outer\" r=\"9px\" fill=\"transparent\" stroke-width=\"2px\"></circle>\n                    </svg>\n                </div>\n                <label class=\"label\" for=\"${this.a11yID}\" @click=\"${this.handleClick}\">${this.label}</label>\n            </div>\n        `;\n    }\n\n    private handleClick = (event: MouseEvent): void => {\n        event.preventDefault();\n    };\n}\n",":host {\n\tdisplay: block;\n}\n\n:host(:focus) {\n\toutline: none;\n}\n\n:host(:focus-visible) ::slotted([focused]) {\n\toutline: 1px solid var(--color-border-interaction-focus, #111);\n\toutline-offset: var(--spacing-x1, 2px);\n\tborder-radius: var(--radius-s, 4px);\n\tz-index: 10 !important;\n}\n\n.buttons-container {\n\tdisplay: inline-flex;\n\talign-items: start;\n\tgap: var(--sd-radio-button-group-gap, 0);\n\tborder-radius: var(--radius-s, 4px);\n\tmax-width: 100%;\n}\n\n.buttons-container.vertical {\n\tflex-direction: column;\n}\n\n.validation-message {\n\tmargin-left: 5px;\n}\n","import SDFieldValidationMessage, { ValidationLevel } from \"@cas-smartdesign/field-validation-message\";\nimport {\n    LitElement,\n    type TemplateResult,\n    html,\n    type PropertyValues,\n    type ComplexAttributeConverter,\n    unsafeCSS,\n    css,\n} from \"lit\";\nimport { property } from \"lit/decorators/property.js\";\nimport { ifDefined } from \"lit/directives/if-defined.js\";\n\nimport type { LayoutType, IValueChangeEvent } from \"./types\";\n\nimport { RadioButton } from \"./radio-button\";\n\nexport { RadioButton } from \"./radio-button\";\nexport type * from \"./types\";\n\nimport style from \"./scss/group.scss?inline\";\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        [RadioButtonGroup.ID]: RadioButtonGroup;\n    }\n    interface HTMLElementEventMap {\n        \"sd-radio-button-group-value-change\": CustomEvent<IValueChangeEvent>;\n    }\n}\n\nexport class RadioButtonGroup extends LitElement {\n    public static readonly ID = \"sd-radio-button-group\";\n    public static ensureDefined = (): void => {\n        RadioButton.ensureDefined();\n        if (!customElements.get(RadioButtonGroup.ID)) {\n            customElements.define(RadioButtonGroup.ID, RadioButtonGroup);\n        }\n    };\n    @property({ type: String, reflect: true, attribute: true })\n    public layout: LayoutType = \"horizontal\";\n    @property({ type: String })\n    public value: string | undefined = \"\";\n    @property({ type: Boolean, reflect: true, attribute: \"uncheck-allowed\" })\n    public uncheckAllowed = false;\n    @property({ type: Boolean, reflect: true, attribute: true })\n    public disabled = false;\n    @property({ type: String })\n    public validationMessage: string | undefined;\n    @property({ type: String })\n    public validationIconSrc: string | undefined;\n    @property({\n        type: {\n            fromAttribute(value: string): ValidationLevel | undefined {\n                return SDFieldValidationMessage.parseLevel(value);\n            },\n            toAttribute(value: ValidationLevel | undefined): string | undefined {\n                return value != null ? value.toLowerCase() : undefined;\n            },\n        } as ComplexAttributeConverter,\n        reflect: true,\n    })\n    public validationLevel: ValidationLevel | undefined;\n\n    private _buttonsSlot: HTMLSlotElement | undefined;\n    private _buttons: HTMLElement[] = [];\n    private _focusIndex = -1;\n    private _checkedButton: HTMLElement | undefined = undefined;\n\n    public get focusIndex(): number {\n        return this._focusIndex;\n    }\n\n    public set focusIndex(index: number) {\n        if (index >= -1 && index < this.childElementCount) {\n            const oldValue = this._focusIndex;\n            this._focusIndex = index;\n            if (oldValue !== index) {\n                const previousButton = this._buttons[oldValue];\n                const currentButton = this._buttons[this.focusIndex];\n                this.updateFocused(previousButton, currentButton);\n            }\n        }\n    }\n\n    protected override firstUpdated(changedProperties: PropertyValues): void {\n        super.firstUpdated(changedProperties);\n        this.buttonsSlot!.addEventListener(\"slotchange\", this.handleSlotChange);\n        this.addEventListener(\"focusin\", this.handleFocusIn);\n        this.addEventListener(\"focusout\", this.handleFocusOut);\n        this.addEventListener(\"keydown\", this.handleKeyDown);\n    }\n\n    protected override updated(changedProperties: PropertyValues): void {\n        super.updated(changedProperties);\n        if (changedProperties.has(\"disabled\")) {\n            if (this.disabled) {\n                this.disableButtons();\n            } else {\n                this.enableButtons();\n            }\n        }\n    }\n\n    static override get styles() {\n        return [\n            css`\n                ${unsafeCSS(style)}\n            `,\n        ];\n    }\n    public override render(): TemplateResult {\n        return html`\n            <div\n                class=\"buttons-container ${this.layout === \"vertical\" ? \"vertical\" : \"horizontal\"}\"\n                @click=\"${ifDefined(this.disabled ? undefined : this.handleButtonClick)}\"\n            >\n                <slot></slot>\n            </div>\n            ${this.validationMessage &&\n            html`\n                <br />\n                <sd-field-validation-message\n                    class=\"validation-message\"\n                    .message=${this.validationMessage}\n                    .icon=${this.validationIconSrc}\n                    .level=${this.validationLevel}\n                >\n                </sd-field-validation-message>\n            `}\n        `;\n    }\n\n    private handleSlotChange = (): void => {\n        this._buttons = this.buttonsSlot!.assignedElements() as HTMLElement[];\n        this._buttons.forEach((button) => {\n            if (!button.hasAttribute(\"disabled\") && this.disabled) {\n                button.setAttribute(\"disabled\", \"\");\n            }\n            // prevent radio buttons to be able to get focus by tabbing\n            // as focus is handled by this element\n            button.setAttribute(\"tabIndex\", \"-1\");\n            this.updateCheckedButton(button);\n        });\n    };\n\n    private updateCheckedButton(button: HTMLElement): void {\n        if (!this._checkedButton && this.isChecked(button)) {\n            this._checkedButton = button;\n            this.updateValue(button.getAttribute(\"value\"));\n        } else if (this._checkedButton !== button) {\n            // single selection: the first checked button wins; this also\n            // initializes aria-pressed=\"false\" on plain (non-radio) buttons\n            this.uncheckButton(button);\n        }\n    }\n\n    private handleFocusIn = (event: FocusEvent): void => {\n        const target = event.target as HTMLElement;\n        const ind = this._buttons.findIndex((button) => button == target);\n        this.focusIndex = this.focusIndex >= 0 ? this.focusIndex : this.getNextFocusIndex(ind !== -1 ? ind : 0);\n        this.updateFocused(undefined, this._buttons[this.focusIndex]);\n    };\n\n    private handleFocusOut = (): void => {\n        this.updateFocused(this._buttons[this.focusIndex]);\n    };\n\n    private disableButtons(): void {\n        this._buttons?.forEach((button) => {\n            button.setAttribute(\"disabled\", \"\");\n        });\n    }\n\n    private enableButtons(): void {\n        this._buttons?.forEach((button) => {\n            button.removeAttribute(\"disabled\");\n        });\n    }\n\n    private handleButtonClick = (event: MouseEvent): void => {\n        // the individual buttons are not focusable\n        this.focus();\n        const target = this._buttons.find((button) => button.contains(event.target as Node));\n        if (target?.matches(\"[disabled], [aria-disabled='true']\")) {\n            return;\n        }\n        const targetIndex = this._buttons.findIndex((button) => button == target);\n        if (targetIndex >= 0) {\n            this.focusIndex = targetIndex;\n            this.updateChecked();\n        }\n    };\n\n    private fireValueChangeEvent(): void {\n        this.dispatchEvent(\n            new CustomEvent<IValueChangeEvent>(\"sd-radio-button-group-value-change\", {\n                detail: {\n                    value: this.value,\n                    selectedIndex: this.selectedIndex,\n                },\n            }),\n        );\n    }\n\n    private handleKeyDown = (event: KeyboardEvent): void => {\n        let shouldPrevent = true;\n        switch (event.key) {\n            case \"Down\":\n            case \"ArrowDown\":\n            case \"Right\":\n            case \"ArrowRight\": {\n                this.focusNext();\n                break;\n            }\n            case \"Up\":\n            case \"ArrowUp\":\n            case \"Left\":\n            case \"ArrowLeft\": {\n                this.focusPrevious();\n                break;\n            }\n            case \"Enter\": {\n                this.updateChecked();\n                break;\n            }\n            default: {\n                shouldPrevent = false;\n            }\n        }\n        if (shouldPrevent) {\n            event.preventDefault();\n            event.stopPropagation();\n        }\n    };\n\n    private focusNext() {\n        const newIndex = this.getNextFocusIndex(this.focusIndex + 1);\n        this.focusIndex = newIndex !== -1 ? newIndex : this.getNextFocusIndex(0);\n        if (!this.uncheckAllowed) {\n            this.updateChecked();\n        }\n    }\n\n    private focusPrevious() {\n        const newIndex = this.getPreviousFocusIndex(this.focusIndex - 1);\n        this.focusIndex = newIndex !== -1 ? newIndex : this.getPreviousFocusIndex(this.childElementCount - 1);\n        if (!this.uncheckAllowed) {\n            this.updateChecked();\n        }\n    }\n\n    private getNextFocusIndex(index: number): number {\n        for (let i = index; i < this.childElementCount; i++) {\n            const button = this._buttons[i];\n            if (button != null && this.isFocusable(button)) {\n                return i;\n            }\n        }\n\n        return -1;\n    }\n\n    private getPreviousFocusIndex(index: number): number {\n        for (let i = index; i >= 0; i--) {\n            const button = this._buttons[i];\n            if (button != null && this.isFocusable(button)) {\n                return i;\n            }\n        }\n\n        return -1;\n    }\n\n    private isFocusable(button: HTMLElement): boolean {\n        return !button.matches(\"[disabled], [aria-disabled='true']\");\n    }\n\n    private updateChecked(): void {\n        const previousChecked = this._checkedButton;\n        const currentChecked = this._buttons[this.focusIndex];\n        if (!currentChecked || currentChecked.matches(\"[disabled], [aria-disabled='true']\")) {\n            return;\n        }\n        this._checkedButton = currentChecked;\n        if (previousChecked && previousChecked !== currentChecked) {\n            this.uncheckButton(previousChecked);\n        }\n        if (currentChecked) {\n            this.toggleButton(currentChecked);\n        }\n    }\n\n    private toggleButton(button: HTMLElement): void {\n        const checked = this.isChecked(button);\n        if (checked) {\n            if (this.uncheckAllowed) {\n                this.uncheckButton(button);\n                this._checkedButton = undefined;\n                this.updateValue(\"\");\n            }\n        } else {\n            this.checkButton(button);\n            this.updateValue(button.getAttribute(\"value\"));\n        }\n    }\n\n    private updateValue(newValue: string | null | undefined): void {\n        this.value = newValue ?? undefined;\n        this.fireValueChangeEvent();\n    }\n\n    private updateFocused(previousFocused?: HTMLElement, currentFocused?: HTMLElement): void {\n        previousFocused?.removeAttribute?.(\"focused\");\n        currentFocused?.setAttribute?.(\"focused\", \"\");\n    }\n\n    private isRadioButton(button: HTMLElement): boolean {\n        return button.localName === RadioButton.ID;\n    }\n\n    private isChecked(button: HTMLElement): boolean {\n        return this.isRadioButton(button)\n            ? button.hasAttribute(\"checked\")\n            : button.getAttribute(\"aria-pressed\") === \"true\";\n    }\n\n    private checkButton(button: HTMLElement): void {\n        if (this.isRadioButton(button)) {\n            button.setAttribute(\"checked\", \"\");\n        } else {\n            button.setAttribute(\"aria-pressed\", \"true\");\n        }\n    }\n\n    private uncheckButton(button: HTMLElement): void {\n        if (this.isRadioButton(button)) {\n            button.removeAttribute(\"checked\");\n        } else {\n            button.setAttribute(\"aria-pressed\", \"false\");\n        }\n    }\n\n    private get buttonsSlot(): HTMLSlotElement | undefined {\n        if (this.shadowRoot && !this._buttonsSlot) {\n            this._buttonsSlot = this.shadowRoot.querySelector(\"slot\") ?? undefined;\n        }\n        return this._buttonsSlot;\n    }\n\n    private get selectedIndex(): number {\n        if (this._buttons == undefined || this._checkedButton == undefined) {\n            return -1;\n        }\n        return this._buttons.indexOf(this._checkedButton);\n    }\n}\n\nRadioButtonGroup.ensureDefined();\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cas-smartdesign/radio-button-group",
-  "version": "6.0.0",
+  "version": "6.0.1",
   "description": "Radio button and radio button group elements with SmartDesign look & feel",
   "license": "SEE LICENSE IN LICENSE",
   "files": [
@@ -17,16 +17,16 @@
   },
   "dependencies": {
     "lit": "^3.3.2",
-    "@cas-smartdesign/styles": "^3.9.0",
-    "@cas-smartdesign/field-validation-message": "^6.0.0"
+    "@cas-smartdesign/field-validation-message": "^6.0.0",
+    "@cas-smartdesign/styles": "^3.9.0"
   },
   "devDependencies": {
-    "@cas-smartdesign/button": "^7.0.0",
+    "@cas-smartdesign/button": "^7.1.1",
     "@cas-smartdesign/element-preview": "^1.1.0",
     "@cas-smartdesign/license-generator": "^1.10.0"
   },
   "peerDependencies": {
-    "@cas-smartdesign/design-tokens": "^3.0.1"
+    "@cas-smartdesign/design-tokens": "^3.0.2"
   },
   "peerDependenciesMeta": {
     "@cas-smartdesign/design-tokens": {

package/readme.md

@@ -47,8 +47,6 @@ The element could show validation messages via an `sd-field-validation-message`
 
 - `--sd-radio-button-group-gap`
   - Defines the gap between the radio buttons in the group.
-- `--sd-radio-button-container-background`
-  - Defines the background of the buttons container. Useful for segmented controls: set it to the border color so sub-pixel rounding seams between buttons are invisible.
 
 ## radio-button