@wwtdev/bsds-css 3.0.0-rc.44 → 3.0.0-rc.46

package/dist/wwt-bsds-tokens.css

@@ -298,6 +298,9 @@
   --bs-horizontal-nav-height: 48px;
   --bs-vertical-nav-narrow-width: 4.5rem;
   --bs-vertical-nav-width: 9.875rem;
+  --bs-vertical-nav-collapsed-width: 4rem;
+  /* Dynamic width set by the navigation component for page layout */
+  --bs-page-nav-width: 0px;
 
   /* Table */
   --bs-table-cell-padding-xs: var(--bs-space-2);

package/dist/wwt-bsds-tokens.min.css

@@ -1 +1 @@
-:root{--bs-transparent:transparent;--bs-inherit:inherit;--bs-current:currentColor;--bs-white:#fff;--bs-white-10:rgba(255,255,255,0.1);--bs-black:#0a0b19;--bs-blue-10:rgba(102,182,242,0.1);--bs-blue-100:#99cff7;--bs-blue-200:#66b6f2;--bs-blue-300:#339eee;--bs-blue-400:#0086ea;--bs-blue-500:#006dc7;--bs-charcoal-100:#f5f5f6;--bs-charcoal-200:#ececec;--bs-charcoal-300:#b3b5b8;--bs-charcoal-400:#5f6266;--bs-charcoal-500:#40454d;--bs-cobalt-10:rgba(148,139,225,0.1);--bs-cobalt-100:#c9c5f0;--bs-cobalt-200:#948be1;--bs-cobalt-300:#5f52d3;--bs-cobalt-400:#2918c4;--bs-gold-100:#f9f5f1;--bs-gold-200:#ebdfd4;--bs-gold-300:#e0c7ac;--bs-gold-400:#cca175;--bs-gold-500:#997958;--bs-gray-50:#f7f7fc;--bs-gray-100:#f0f0fa;--bs-gray-150:#e4e4eb;--bs-gray-200:#c9cad9;--bs-gray-300:#a3a4b7;--bs-gray-400:#4e4f5f;--bs-gray-500:#292940;--bs-green-10:rgba(57,162,131,0.1);--bs-green-100:#abcfcc;--bs-green-200:#72b9a8;--bs-green-300:#39a283;--bs-green-400:#008b5d;--bs-green-500:#00744d;--bs-maroon-10:rgba(195,91,91,0.1);--bs-maroon-100:#ebc8c8;--bs-maroon-200:#d79191;--bs-maroon-300:#c35b5b;--bs-maroon-400:#af2424;--bs-maroon-500:#a70c0c;--bs-midnight-10:rgba(141,137,177,0.1);--bs-midnight-100:#c6c4d8;--bs-midnight-200:#8d89b1;--bs-midnight-300:#494382;--bs-midnight-400:#1c1463;--bs-navy-10:rgba(141,142,161,0.1);--bs-navy-100:#c6c6d1;--bs-navy-200:#8d8ea1;--bs-navy-300:#555775;--bs-navy-400:#1d1e48;--bs-orange-10:rgba(247,161,123,0.1);--bs-orange-100:#f3c4a8;--bs-orange-200:#f7a17b;--bs-orange-300:#f97c4c;--bs-orange-400:#fb550e;--bs-orange-500:#c33d04;--bs-orange-brand:#ff5100;--bs-orchid-10:rgba(190,128,255,0.1);--bs-orchid-100:#debfff;--bs-orchid-200:#be80ff;--bs-orchid-300:#9d40ff;--bs-orchid-400:#7d00ff;--bs-pink-10:rgba(235,126,175,0.1);--bs-pink-100:#f6cbe0;--bs-pink-200:#eb7eaf;--bs-pink-300:#e45e9b;--bs-pink-400:#e31c79;--bs-pink-500:#d11a6f;--bs-plum-10:rgba(119,102,183,0.1);--bs-plum-100:#a499cf;--bs-plum-200:#7766b7;--bs-plum-300:#49339f;--bs-plum-400:#1c0087;--bs-purple-10:rgba(191,138,223,0.1);--bs-purple-100:#e0c5ef;--bs-purple-200:#bf8adf;--bs-purple-300:#a154d0;--bs-purple-400:#8212c4;--bs-red-10:rgba(245,126,127,0.1);--bs-red-100:#f8a9aa;--bs-red-200:#f57e7f;--bs-red-300:#f15355;--bs-red-400:#ee282a;--bs-red-500:#d91214;--bs-royal-10:rgba(117,133,209,0.1);--bs-royal-100:#c5cceb;--bs-royal-200:#7585d1;--bs-royal-300:#5365c4;--bs-royal-400:#162fb4;--bs-slate-400:#22222e;--bs-slate-500:#17171f;--bs-slate-600:#0b0b10;--bs-violet-10:rgba(153,131,182,0.1);--bs-violet-100:#cbc0da;--bs-violet-200:#9983b6;--bs-violet-300:#634291;--bs-violet-400:#330072;--bs-yellow-10:rgba(255,184,52,0.1);--bs-yellow-100:#fdeed3;--bs-yellow-200:#fcdea7;--bs-yellow-300:#f8c464;--bs-yellow-400:#ffb834;--bs-yellow-450:#c18300;--bs-yellow-500:#805a14;--bs-shadow-primary:rgba(0,0,0,0.06);--bs-shadow-secondary:rgba(28,0,135,0.2);--bs-gradient-dark:linear-gradient(90deg,#1c0087 0,#ee282a 35%,#fff 50%,#0086ea 65%,#1c0087 100%);--bs-gradient-light:linear-gradient(90deg,#1c0087 0,#ee282a 20%,#ee282a 40%,#1c0087 50%,#0086ea 60%,#0086ea 80%,#1c0087 100%);--bs-gradient-line:linear-gradient(90deg,#ee282a 0,#1c0087 50%,#0086ea 100%);--bs-gradient-atom-ai-border:conic-gradient(from 180deg at 50% 50%,var(--bs-royal-400) -96.8deg,var(--bs-pink-400) 74.2deg,var(--bs-blue-400) 98.8deg,var(--bs-orange-400) 259.6deg,var(--bs-royal-400) 283.2deg,var(--bs-pink-400) 414.4deg);--bs-gradient-atom-ai-bg:conic-gradient(from 180deg at 50% 50%,rgba(22,47,180,0.05) -96.8deg,rgba(227,28,121,0.05) 74.2deg,rgba(0,134,234,0.05) 98.8deg,rgba(251,85,14,0.05) 259.6deg,rgba(22,47,180,0.05) 283.2deg,rgba(227,28,121,0.05) 414.4deg);--bs-gradient-blue-top-left:radial-gradient(312.54% 141.42% at 0 0,#162fb4 0,#1d1e48 100%);--bs-gradient-blue-top-center:radial-gradient(201.14% 201.14% at 50% -51.28%,#162fb4 26.06%,#1d1e48 100%);--bs-gradient-blue-top-right:radial-gradient(312.54% 141.42% at 100% 0,#162fb4 0,#1d1e48 100%);--bs-gradient-blue-mid-left:radial-gradient(347.1% 117.22% at -9.27% 49.86%,#162fb4 8.19%,#1d1e48 100%);--bs-gradient-blue-mid-right:radial-gradient(347.1% 117.22% at 109.27% 49.86%,#162fb4 8.19%,#1d1e48 100%);--bs-gradient-blue-center:radial-gradient(172.57% 58.28% at 50% 49.86%,#162fb4 0,#1d1e48 100%);--bs-gradient-blue-bottom-left:radial-gradient(312.54% 141.42% at 0 100%,#162fb4 0,#1d1e48 100%);--bs-gradient-blue-bottom-center:radial-gradient(201.14% 201.14% at 50% 151.28%,#162fb4 26.06%,#1d1e48 100%);--bs-gradient-blue-bottom-right:radial-gradient(312.54% 141.42% at 100% 100%,#162fb4 0,#1d1e48 100%);--bs-gradient-light-blue-transparent:radial-gradient(236% 114.71% at 94.24% 7.6%,rgba(153,207,247,0.2) 0,rgba(203,192,218,0.08) 100%);--bs-gradient-light-blue-opaque:linear-gradient(311deg,#ebf7ff 9.29%,#fbfafc 92%);--bs-gradient-light-gray:linear-gradient(180deg,#f7f7fc 24.82%,#f0f0fa 100%);--bs-gradient-softchoice-light:linear-gradient(252deg,rgba(255,81,0,0.15) 66.87%,rgba(125,0,255,0.15) 97.9%);--bs-gradient-softchoice-dark:linear-gradient(252deg,#ff5100 66.87%,#7d00ff 97.9%);--bs-space-0:var(--bs-space-none);--bs-space-1:var(--bs-space-3xs);--bs-space-2:var(--bs-space-2xs);--bs-space-3:var(--bs-space-xs);--bs-space-4:var(--bs-space-sm);--bs-space-6:var(--bs-space-md);--bs-space-8:var(--bs-space-lg);--bs-space-12:var(--bs-space-xl);--bs-space-16:var(--bs-space-2xl);--bs-space-24:var(--bs-space-3xl);--bs-space-32:var(--bs-space-4xl);--bs-space-none:0;--bs-space-3xs:.25rem;--bs-space-2xs:.5rem;--bs-space-xs:.75rem;--bs-space-sm:1rem;--bs-space-md:1.5rem;--bs-space-lg:2rem;--bs-space-xl:3rem;--bs-space-2xl:4rem;--bs-space-3xl:6rem;--bs-space-4xl:8rem;--bs-text-xs:.75rem;--bs-text-sm:.875rem;--bs-text-base:1rem;--bs-text-md:1.125rem;--bs-text-lg:1.25rem;--bs-text-xl:1.5rem;--bs-text-2xl:1.75rem;--bs-text-3xl:2rem;--bs-text-4xl:2.25rem;--bs-text-5xl:2.625rem;--bs-text-6xl:3rem;--bs-font-light:300;--bs-font-normal:400;--bs-font-semibold:600;--bs-leading-none:1;--bs-leading-sm:1.1;--bs-leading-regular:1.3;--bs-leading-lg:1.5;--bs-shadow-contentLow:-4px 4px 12px var(--bs-shadow-primary),-8px 8px 16px var(--bs-shadow-secondary);--bs-shadow-contentLowCenter:0 0 12px var(--bs-shadow-primary),0 0 16px var(--bs-shadow-secondary);--bs-shadow-contentMedium:-8px 8px 24px var(--bs-shadow-primary),-16px 16px 32px var(--bs-shadow-secondary);--bs-shadow-contentHigh:0 16px 48px var(--bs-shadow-primary),0 32px 64px var(--bs-shadow-secondary);--bs-shadow-drawerLeft:-12px 12px 24px var(--bs-shadow-primary),-16px 16px 32px var(--bs-shadow-secondary);--bs-shadow-drawerRight:-12px 12px 24px var(--bs-shadow-primary),16px 16px 32px var(--bs-shadow-secondary);--bs-shadow-profilePhoto:inset 0 0 .5em var(--bs-shadow-secondary)}:root{--bs-transition-quick:75ms;--bs-transition-fast:100ms;--bs-transition-moderate:150ms;--bs-transition-medium:200ms;--bs-transition-slow:250ms;--bs-transition-leisurely:300ms;--bs-transition-long:500ms;--bs-transition-ease:ease-in-out;--bs-transition-cubic:cubic-bezier(.15,.4,.49,1);--bs-horizontal-nav-height:48px;--bs-vertical-nav-narrow-width:4.5rem;--bs-vertical-nav-width:9.875rem;--bs-table-cell-padding-xs:var(--bs-space-2);--bs-table-cell-padding-sm:var(--bs-space-3);--bs-table-cell-padding-md:var(--bs-space-4);--bs-table-cell-padding-lg:var(--bs-space-6);--bs-table-cell-padding-xl:var(--bs-space-8);--bs-popover-z-index:1000}:root{--bs-ink-base:var(--bs-black);--bs-ink-medium:var(--bs-gray-500);--bs-ink-light:var(--bs-gray-400);--bs-ink-disabled:rgba(78,79,95,0.6);--bs-ink-invert-base:var(--bs-white);--bs-ink-invert-medium:var(--bs-gray-100);--bs-ink-invert-light:var(--bs-gray-200);--bs-ink-primary:var(--bs-blue-500);--bs-ink-secondary:var(--bs-plum-400);--bs-ink-accent-1:var(--bs-royal-400);--bs-ink-accent-2:var(--bs-violet-400);--bs-ink-accent-3:var(--bs-pink-500);--bs-ink-negative:var(--bs-red-500);--bs-ink-ecomm-positive:var(--bs-green-500);--bs-ink-positive:var(--bs-purple-400);--bs-ink-warning:var(--bs-orange-500);--bs-ink-white:var(--bs-white);--bs-bg-base:var(--bs-white);--bs-bg-light:var(--bs-gray-50);--bs-bg-medium:var(--bs-gray-100);--bs-bg-disabled:var(--bs-gray-200);--bs-bg-invert-base:var(--bs-slate-600);--bs-bg-invert-light:var(--bs-slate-500);--bs-bg-invert-medium:var(--bs-slate-400);--bs-bg-base-to-light:var(--bs-white);--bs-bg-base-to-medium:var(--bs-white);--bs-bg-medium-to-base:var(--bs-gray-100);--bs-bg-medium-to-light:var(--bs-gray-100);--bs-bg-light-to-base:var(--bs-gray-50);--bs-bg-light-to-medium:var(--bs-gray-50);--bs-border-base:var(--bs-gray-200);--bs-border-medium:var(--bs-gray-150);--bs-border-light:var(--bs-gray-100);--bs-border-dark:var(--bs-gray-400);--bs-border-medium-to-light:var(--bs-gray-150);--bs-border-input:rgba(99,66,145,0.75);--bs-border-active:var(--bs-blue-400);--bs-border-error:var(--bs-red-500);--bs-primary-base-fixed:var(--bs-blue-400);--bs-primary-base:var(--bs-blue-400);--bs-primary-medium:var(--bs-blue-300);--bs-primary-light:var(--bs-blue-200);--bs-primary-lightest:var(--bs-blue-100);--bs-primary-highlight:var(--bs-blue-10);--bs-secondary-base-fixed:var(--bs-plum-400);--bs-secondary-base:var(--bs-plum-400);--bs-secondary-medium:var(--bs-plum-300);--bs-secondary-light:var(--bs-plum-200);--bs-secondary-lightest:var(--bs-plum-100);--bs-secondary-highlight:var(--bs-plum-10);--bs-neutral-dark:var(--bs-gray-500);--bs-neutral-base:var(--bs-gray-400);--bs-neutral-medium:var(--bs-gray-300);--bs-neutral-light:var(--bs-gray-200);--bs-neutral-lightest:var(--bs-gray-100);--bs-accent-1-base-fixed:var(--bs-royal-400);--bs-accent-1-base:var(--bs-royal-400);--bs-accent-1-medium:var(--bs-royal-300);--bs-accent-1-light:var(--bs-royal-200);--bs-accent-1-lightest:var(--bs-royal-100);--bs-accent-1-highlight:var(--bs-royal-10);--bs-accent-2-base-fixed:var(--bs-violet-400);--bs-accent-2-base:var(--bs-violet-400);--bs-accent-2-medium:var(--bs-violet-300);--bs-accent-2-light:var(--bs-violet-200);--bs-accent-2-lightest:var(--bs-violet-100);--bs-accent-2-highlight:var(--bs-violet-10);--bs-accent-3-base-fixed:var(--bs-pink-400);--bs-accent-3-base:var(--bs-pink-400);--bs-accent-3-medium:var(--bs-pink-300);--bs-accent-3-light:var(--bs-pink-200);--bs-accent-3-lightest:var(--bs-pink-100);--bs-accent-3-highlight:var(--bs-pink-10);--bs-accent-4-base:var(--bs-navy-400);--bs-accent-4-medium:var(--bs-navy-300);--bs-accent-4-light:var(--bs-navy-200);--bs-accent-4-lightest:var(--bs-navy-100);--bs-accent-4-highlight:var(--bs-navy-10);--bs-positive-base-fixed:var(--bs-purple-400);--bs-positive-base:var(--bs-purple-400);--bs-positive-medium:var(--bs-purple-300);--bs-positive-light:var(--bs-purple-200);--bs-positive-lightest:var(--bs-purple-100);--bs-positive-highlight:var(--bs-purple-10);--bs-ecomm-positive-base-fixed:var(--bs-green-400);--bs-ecomm-positive-base:var(--bs-green-400);--bs-ecomm-positive-medium:var(--bs-green-300);--bs-ecomm-positive-light:var(--bs-green-200);--bs-ecomm-positive-lightest:var(--bs-green-100);--bs-ecomm-positive-highlight:var(--bs-green-10);--bs-warning-dark:var(--bs-orange-500);--bs-warning-base:var(--bs-orange-400);--bs-warning-medium:var(--bs-orange-300);--bs-warning-light:var(--bs-orange-200);--bs-warning-lightest:var(--bs-orange-100);--bs-warning-highlight:var(--bs-orange-10);--bs-negative-dark:var(--bs-red-500);--bs-negative-base:var(--bs-red-400);--bs-negative-medium:var(--bs-red-300);--bs-negative-light:var(--bs-red-200);--bs-negative-lightest:var(--bs-red-100);--bs-negative-highlight:var(--bs-red-10);--bs-blue-base:var(--bs-blue-400);--bs-blue-medium:var(--bs-blue-300);--bs-blue-light:var(--bs-blue-200);--bs-blue-lightest:var(--bs-blue-100);--bs-gray-dark:var(--bs-gray-500);--bs-gray-base:var(--bs-gray-400);--bs-gray-medium:var(--bs-gray-300);--bs-gray-light:var(--bs-gray-200);--bs-gray-lightest:var(--bs-gray-100);--bs-navy-base:var(--bs-navy-400);--bs-navy-medium:var(--bs-navy-300);--bs-navy-light:var(--bs-navy-200);--bs-navy-lightest:var(--bs-navy-100);--bs-warning:var(--bs-orange-500);--bs-orange-base:var(--bs-orange-400);--bs-orange-medium:var(--bs-orange-300);--bs-orange-light:var(--bs-orange-200);--bs-orange-lightest:var(--bs-orange-100);--bs-pink-base:var(--bs-pink-400);--bs-pink-medium:var(--bs-pink-300);--bs-pink-light:var(--bs-pink-200);--bs-pink-lightest:var(--bs-pink-100);--bs-plum-base:var(--bs-plum-400);--bs-plum-medium:var(--bs-plum-300);--bs-plum-light:var(--bs-plum-200);--bs-plum-lightest:var(--bs-plum-100);--bs-purple-base:var(--bs-purple-400);--bs-purple-medium:var(--bs-purple-300);--bs-purple-light:var(--bs-purple-200);--bs-purple-lightest:var(--bs-purple-100);--bs-red-base:var(--bs-red-400);--bs-red-medium:var(--bs-red-300);--bs-red-light:var(--bs-red-200);--bs-red-lightest:var(--bs-red-100);--bs-royal-base:var(--bs-royal-400);--bs-royal-medium:var(--bs-royal-300);--bs-royal-light:var(--bs-royal-200);--bs-royal-lightest:var(--bs-royal-100);--bs-violet-base:var(--bs-violet-400);--bs-violet-medium:var(--bs-violet-300);--bs-violet-light:var(--bs-violet-200);--bs-violet-lightest:var(--bs-violet-100);--bs-ink-blue:var(--bs-blue-500);--bs-ink-orange:var(--bs-orange-500);--bs-ink-pink:var(--bs-pink-500);--bs-ink-plum:var(--bs-plum-400);--bs-ink-purple:var(--bs-purple-400);--bs-ink-red:var(--bs-red-500);--bs-ink-royal:var(--bs-royal-400);--bs-ink-violet:var(--bs-violet-400)}.dark{--bs-ink-base:var(--bs-white);--bs-ink-medium:var(--bs-gray-100);--bs-ink-light:var(--bs-gray-200);--bs-ink-disabled:rgba(163,164,183,0.5);--bs-ink-invert-base:var(--bs-black);--bs-ink-invert-medium:var(--bs-gray-500);--bs-ink-invert-light:var(--bs-gray-400);--bs-ink-primary:var(--bs-blue-100);--bs-ink-secondary:var(--bs-plum-100);--bs-ink-accent-1:var(--bs-royal-200);--bs-ink-accent-2:var(--bs-violet-200);--bs-ink-accent-3:var(--bs-pink-200);--bs-ink-negative:var(--bs-red-200);--bs-ink-ecomm-positive:var(--bs-green-200);--bs-ink-positive:var(--bs-purple-200);--bs-ink-warning:var(--bs-orange-200);--bs-ink-white:var(--bs-white);--bs-bg-base:var(--bs-slate-600);--bs-bg-light:var(--bs-slate-500);--bs-bg-medium:var(--bs-slate-400);--bs-bg-disabled:rgba(78,79,95,0.3);--bs-bg-invert-base:var(--bs-white);--bs-bg-invert-light:var(--bs-gray-50);--bs-bg-invert-medium:var(--bs-gray-100);--bs-bg-base-to-light:var(--bs-slate-500);--bs-bg-base-to-medium:var(--bs-slate-400);--bs-bg-medium-to-base:var(--bs-slate-600);--bs-bg-medium-to-light:var(--bs-slate-500);--bs-bg-light-to-base:var(--bs-slate-600);--bs-bg-light-to-medium:var(--bs-slate-400);--bs-border-base:rgba(163,164,183,0.7);--bs-border-medium:var(--bs-gray-400);--bs-border-light:rgba(78,79,95,0.5);--bs-border-dark:var(--bs-gray-300);--bs-border-medium-to-light:rgba(78,79,95,0.5);--bs-border-input:var(--bs-violet-200);--bs-border-active:var(--bs-blue-400);--bs-border-error:var(--bs-red-200);--bs-primary-base:var(--bs-blue-300);--bs-secondary-base:var(--bs-plum-300);--bs-secondary-medium:var(--bs-plum-200);--bs-neutral-dark:var(--bs-gray-100);--bs-neutral-base:var(--bs-gray-200);--bs-neutral-medium:var(--bs-gray-300);--bs-neutral-light:var(--bs-gray-400);--bs-neutral-lightest:var(--bs-gray-500);--bs-accent-1-base:var(--bs-royal-300);--bs-accent-1-medium:var(--bs-royal-200);--bs-accent-2-base:var(--bs-violet-300);--bs-accent-3-base:var(--bs-pink-300);--bs-accent-4-base:var(--bs-navy-200);--bs-positive-base:var(--bs-purple-300);--bs-ecomm-positive-base:var(--bs-green-300);--bs-warning-dark:var(--bs-orange-400);--bs-warning-base:var(--bs-orange-300);--bs-negative-dark:var(--bs-red-400);--bs-negative-base:var(--bs-red-300);--bs-gradient-atom-ai-bg:conic-gradient(from 180deg at 50% 50%,rgba(83,101,196,0.2) -96.8deg,rgba(228,94,155,0.2) 74.2deg,rgba(51,158,238,0.2) 98.8deg,rgba(249,124,76,0.2) 259.6deg,rgba(83,101,196,0.2) 283.2deg,rgba(228,94,155,0.2) 414.4deg);--bs-gradient-atom-ai-border:conic-gradient(from 180deg at 50% 50%,var(--bs-royal-300) -96.8deg,var(--bs-pink-300) 74.2deg,var(--bs-blue-300) 98.8deg,var(--bs-orange-300) 259.6deg,var(--bs-royal-300) 283.2deg,var(--bs-pink-300) 414.4deg);--bs-shadow-secondary:rgba(10,11,25,0.60);--bs-shadow-dark:-16px 20px 40px 0 #000;--bs-shadow-contentLow:var(--bs-shadow-dark);--bs-shadow-contentLowCenter:var(--bs-shadow-dark);--bs-shadow-contentMedium:var(--bs-shadow-dark);--bs-shadow-contentHigh:var(--bs-shadow-dark);--bs-shadow-drawerLeft:var(--bs-shadow-dark);--bs-shadow-drawerRight:16px 20px 40px 0 #000;--bs-shadow-profilePhoto:inset 0 0 .5em var(--bs-shadow-secondary);--bs-blue-base:var(--bs-blue-300);--bs-gray-dark:var(--bs-gray-100);--bs-gray-base:var(--bs-gray-200);--bs-gray-light:var(--bs-gray-400);--bs-gray-lightest:var(--bs-gray-500);--bs-navy-base:var(--bs-navy-200);--bs-warning:var(--bs-orange-400);--bs-orange-base:var(--bs-orange-300);--bs-pink-base:var(--bs-pink-300);--bs-plum-base:var(--bs-plum-300);--bs-plum-medium:var(--bs-plum-200);--bs-purple-base:var(--bs-purple-300);--bs-red-base:var(--bs-red-300);--bs-royal-base:var(--bs-royal-300);--bs-royal-medium:var(--bs-royal-200);--bs-violet-base:var(--bs-violet-300);--bs-ink-blue:var(--bs-blue-200);--bs-ink-orange:var(--bs-orange-200);--bs-ink-pink:var(--bs-pink-200);--bs-ink-plum:var(--bs-plum-100);--bs-ink-purple:var(--bs-purple-200);--bs-ink-red:var(--bs-red-200);--bs-ink-royal:var(--bs-royal-200);--bs-ink-violet:var(--bs-violet-200)}.softchoice{--bs-ink-primary:var(--bs-cobalt-400);--bs-ink-secondary:var(--bs-midnight-400);--bs-ink-accent-1:var(--bs-orange-500);--bs-ink-negative:var(--bs-maroon-500);--bs-ink-positive:var(--bs-green-500);--bs-ink-warning:var(--bs-yellow-500);--bs-bg-light:var(--bs-charcoal-100);--bs-bg-medium:var(--bs-charcoal-200);--bs-bg-disabled:var(--bs-charcoal-300);--bs-bg-medium-to-base:var(--bs-charcoal-200);--bs-bg-medium-to-light:var(--bs-charcoal-200);--bs-bg-light-to-base:var(--bs-charcoal-100);--bs-bg-light-to-medium:var(--bs-charcoal-100);--bs-primary-base-fixed:var(--bs-cobalt-400);--bs-primary-base:var(--bs-cobalt-400);--bs-primary-medium:var(--bs-cobalt-300);--bs-primary-light:var(--bs-cobalt-200);--bs-primary-lightest:var(--bs-cobalt-100);--bs-primary-highlight:var(--bs-cobalt-10);--bs-secondary-base-fixed:var(--bs-midnight-400);--bs-secondary-base:var(--bs-midnight-400);--bs-secondary-medium:var(--bs-midnight-300);--bs-secondary-light:var(--bs-midnight-200);--bs-secondary-lightest:var(--bs-midnight-100);--bs-secondary-highlight:var(--bs-midnight-10);--bs-neutral-dark:var(--bs-charcoal-500);--bs-neutral-base:var(--bs-charcoal-400);--bs-neutral-medium:var(--bs-charcoal-300);--bs-neutral-light:var(--bs-charcoal-200);--bs-neutral-lightest:var(--bs-charcoal-100);--bs-accent-1-base-fixed:var(--bs-cobalt-400);--bs-accent-1-base:var(--bs-cobalt-400);--bs-accent-1-medium:var(--bs-cobalt-300);--bs-accent-1-light:var(--bs-cobalt-200);--bs-accent-1-lightest:var(--bs-cobalt-100);--bs-accent-1-highlight:var(--bs-cobalt-10);--bs-positive-base-fixed:var(--bs-green-400);--bs-positive-base:var(--bs-green-400);--bs-positive-medium:var(--bs-green-300);--bs-positive-light:var(--bs-green-200);--bs-positive-lightest:var(--bs-green-100);--bs-positive-highlight:var(--bs-green-10);--bs-warning-dark:var(--bs-yellow-450);--bs-warning-base:var(--bs-yellow-400);--bs-warning-medium:var(--bs-yellow-300);--bs-warning-light:var(--bs-yellow-200);--bs-warning-lightest:var(--bs-yellow-100);--bs-warning-highlight:var(--bs-yellow-10);--bs-negative-dark:var(--bs-maroon-500);--bs-negative-base:var(--bs-maroon-400);--bs-negative-medium:var(--bs-maroon-300);--bs-negative-light:var(--bs-maroon-200);--bs-negative-lightest:var(--bs-maroon-100);--bs-negative-highlight:var(--bs-maroon-10)}
+:root{--bs-transparent:transparent;--bs-inherit:inherit;--bs-current:currentColor;--bs-white:#fff;--bs-white-10:rgba(255,255,255,0.1);--bs-black:#0a0b19;--bs-blue-10:rgba(102,182,242,0.1);--bs-blue-100:#99cff7;--bs-blue-200:#66b6f2;--bs-blue-300:#339eee;--bs-blue-400:#0086ea;--bs-blue-500:#006dc7;--bs-charcoal-100:#f5f5f6;--bs-charcoal-200:#ececec;--bs-charcoal-300:#b3b5b8;--bs-charcoal-400:#5f6266;--bs-charcoal-500:#40454d;--bs-cobalt-10:rgba(148,139,225,0.1);--bs-cobalt-100:#c9c5f0;--bs-cobalt-200:#948be1;--bs-cobalt-300:#5f52d3;--bs-cobalt-400:#2918c4;--bs-gold-100:#f9f5f1;--bs-gold-200:#ebdfd4;--bs-gold-300:#e0c7ac;--bs-gold-400:#cca175;--bs-gold-500:#997958;--bs-gray-50:#f7f7fc;--bs-gray-100:#f0f0fa;--bs-gray-150:#e4e4eb;--bs-gray-200:#c9cad9;--bs-gray-300:#a3a4b7;--bs-gray-400:#4e4f5f;--bs-gray-500:#292940;--bs-green-10:rgba(57,162,131,0.1);--bs-green-100:#abcfcc;--bs-green-200:#72b9a8;--bs-green-300:#39a283;--bs-green-400:#008b5d;--bs-green-500:#00744d;--bs-maroon-10:rgba(195,91,91,0.1);--bs-maroon-100:#ebc8c8;--bs-maroon-200:#d79191;--bs-maroon-300:#c35b5b;--bs-maroon-400:#af2424;--bs-maroon-500:#a70c0c;--bs-midnight-10:rgba(141,137,177,0.1);--bs-midnight-100:#c6c4d8;--bs-midnight-200:#8d89b1;--bs-midnight-300:#494382;--bs-midnight-400:#1c1463;--bs-navy-10:rgba(141,142,161,0.1);--bs-navy-100:#c6c6d1;--bs-navy-200:#8d8ea1;--bs-navy-300:#555775;--bs-navy-400:#1d1e48;--bs-orange-10:rgba(247,161,123,0.1);--bs-orange-100:#f3c4a8;--bs-orange-200:#f7a17b;--bs-orange-300:#f97c4c;--bs-orange-400:#fb550e;--bs-orange-500:#c33d04;--bs-orange-brand:#ff5100;--bs-orchid-10:rgba(190,128,255,0.1);--bs-orchid-100:#debfff;--bs-orchid-200:#be80ff;--bs-orchid-300:#9d40ff;--bs-orchid-400:#7d00ff;--bs-pink-10:rgba(235,126,175,0.1);--bs-pink-100:#f6cbe0;--bs-pink-200:#eb7eaf;--bs-pink-300:#e45e9b;--bs-pink-400:#e31c79;--bs-pink-500:#d11a6f;--bs-plum-10:rgba(119,102,183,0.1);--bs-plum-100:#a499cf;--bs-plum-200:#7766b7;--bs-plum-300:#49339f;--bs-plum-400:#1c0087;--bs-purple-10:rgba(191,138,223,0.1);--bs-purple-100:#e0c5ef;--bs-purple-200:#bf8adf;--bs-purple-300:#a154d0;--bs-purple-400:#8212c4;--bs-red-10:rgba(245,126,127,0.1);--bs-red-100:#f8a9aa;--bs-red-200:#f57e7f;--bs-red-300:#f15355;--bs-red-400:#ee282a;--bs-red-500:#d91214;--bs-royal-10:rgba(117,133,209,0.1);--bs-royal-100:#c5cceb;--bs-royal-200:#7585d1;--bs-royal-300:#5365c4;--bs-royal-400:#162fb4;--bs-slate-400:#22222e;--bs-slate-500:#17171f;--bs-slate-600:#0b0b10;--bs-violet-10:rgba(153,131,182,0.1);--bs-violet-100:#cbc0da;--bs-violet-200:#9983b6;--bs-violet-300:#634291;--bs-violet-400:#330072;--bs-yellow-10:rgba(255,184,52,0.1);--bs-yellow-100:#fdeed3;--bs-yellow-200:#fcdea7;--bs-yellow-300:#f8c464;--bs-yellow-400:#ffb834;--bs-yellow-450:#c18300;--bs-yellow-500:#805a14;--bs-shadow-primary:rgba(0,0,0,0.06);--bs-shadow-secondary:rgba(28,0,135,0.2);--bs-gradient-dark:linear-gradient(90deg,#1c0087 0,#ee282a 35%,#fff 50%,#0086ea 65%,#1c0087 100%);--bs-gradient-light:linear-gradient(90deg,#1c0087 0,#ee282a 20%,#ee282a 40%,#1c0087 50%,#0086ea 60%,#0086ea 80%,#1c0087 100%);--bs-gradient-line:linear-gradient(90deg,#ee282a 0,#1c0087 50%,#0086ea 100%);--bs-gradient-atom-ai-border:conic-gradient(from 180deg at 50% 50%,var(--bs-royal-400) -96.8deg,var(--bs-pink-400) 74.2deg,var(--bs-blue-400) 98.8deg,var(--bs-orange-400) 259.6deg,var(--bs-royal-400) 283.2deg,var(--bs-pink-400) 414.4deg);--bs-gradient-atom-ai-bg:conic-gradient(from 180deg at 50% 50%,rgba(22,47,180,0.05) -96.8deg,rgba(227,28,121,0.05) 74.2deg,rgba(0,134,234,0.05) 98.8deg,rgba(251,85,14,0.05) 259.6deg,rgba(22,47,180,0.05) 283.2deg,rgba(227,28,121,0.05) 414.4deg);--bs-gradient-blue-top-left:radial-gradient(312.54% 141.42% at 0 0,#162fb4 0,#1d1e48 100%);--bs-gradient-blue-top-center:radial-gradient(201.14% 201.14% at 50% -51.28%,#162fb4 26.06%,#1d1e48 100%);--bs-gradient-blue-top-right:radial-gradient(312.54% 141.42% at 100% 0,#162fb4 0,#1d1e48 100%);--bs-gradient-blue-mid-left:radial-gradient(347.1% 117.22% at -9.27% 49.86%,#162fb4 8.19%,#1d1e48 100%);--bs-gradient-blue-mid-right:radial-gradient(347.1% 117.22% at 109.27% 49.86%,#162fb4 8.19%,#1d1e48 100%);--bs-gradient-blue-center:radial-gradient(172.57% 58.28% at 50% 49.86%,#162fb4 0,#1d1e48 100%);--bs-gradient-blue-bottom-left:radial-gradient(312.54% 141.42% at 0 100%,#162fb4 0,#1d1e48 100%);--bs-gradient-blue-bottom-center:radial-gradient(201.14% 201.14% at 50% 151.28%,#162fb4 26.06%,#1d1e48 100%);--bs-gradient-blue-bottom-right:radial-gradient(312.54% 141.42% at 100% 100%,#162fb4 0,#1d1e48 100%);--bs-gradient-light-blue-transparent:radial-gradient(236% 114.71% at 94.24% 7.6%,rgba(153,207,247,0.2) 0,rgba(203,192,218,0.08) 100%);--bs-gradient-light-blue-opaque:linear-gradient(311deg,#ebf7ff 9.29%,#fbfafc 92%);--bs-gradient-light-gray:linear-gradient(180deg,#f7f7fc 24.82%,#f0f0fa 100%);--bs-gradient-softchoice-light:linear-gradient(252deg,rgba(255,81,0,0.15) 66.87%,rgba(125,0,255,0.15) 97.9%);--bs-gradient-softchoice-dark:linear-gradient(252deg,#ff5100 66.87%,#7d00ff 97.9%);--bs-space-0:var(--bs-space-none);--bs-space-1:var(--bs-space-3xs);--bs-space-2:var(--bs-space-2xs);--bs-space-3:var(--bs-space-xs);--bs-space-4:var(--bs-space-sm);--bs-space-6:var(--bs-space-md);--bs-space-8:var(--bs-space-lg);--bs-space-12:var(--bs-space-xl);--bs-space-16:var(--bs-space-2xl);--bs-space-24:var(--bs-space-3xl);--bs-space-32:var(--bs-space-4xl);--bs-space-none:0;--bs-space-3xs:.25rem;--bs-space-2xs:.5rem;--bs-space-xs:.75rem;--bs-space-sm:1rem;--bs-space-md:1.5rem;--bs-space-lg:2rem;--bs-space-xl:3rem;--bs-space-2xl:4rem;--bs-space-3xl:6rem;--bs-space-4xl:8rem;--bs-text-xs:.75rem;--bs-text-sm:.875rem;--bs-text-base:1rem;--bs-text-md:1.125rem;--bs-text-lg:1.25rem;--bs-text-xl:1.5rem;--bs-text-2xl:1.75rem;--bs-text-3xl:2rem;--bs-text-4xl:2.25rem;--bs-text-5xl:2.625rem;--bs-text-6xl:3rem;--bs-font-light:300;--bs-font-normal:400;--bs-font-semibold:600;--bs-leading-none:1;--bs-leading-sm:1.1;--bs-leading-regular:1.3;--bs-leading-lg:1.5;--bs-shadow-contentLow:-4px 4px 12px var(--bs-shadow-primary),-8px 8px 16px var(--bs-shadow-secondary);--bs-shadow-contentLowCenter:0 0 12px var(--bs-shadow-primary),0 0 16px var(--bs-shadow-secondary);--bs-shadow-contentMedium:-8px 8px 24px var(--bs-shadow-primary),-16px 16px 32px var(--bs-shadow-secondary);--bs-shadow-contentHigh:0 16px 48px var(--bs-shadow-primary),0 32px 64px var(--bs-shadow-secondary);--bs-shadow-drawerLeft:-12px 12px 24px var(--bs-shadow-primary),-16px 16px 32px var(--bs-shadow-secondary);--bs-shadow-drawerRight:-12px 12px 24px var(--bs-shadow-primary),16px 16px 32px var(--bs-shadow-secondary);--bs-shadow-profilePhoto:inset 0 0 .5em var(--bs-shadow-secondary)}:root{--bs-transition-quick:75ms;--bs-transition-fast:100ms;--bs-transition-moderate:150ms;--bs-transition-medium:200ms;--bs-transition-slow:250ms;--bs-transition-leisurely:300ms;--bs-transition-long:500ms;--bs-transition-ease:ease-in-out;--bs-transition-cubic:cubic-bezier(.15,.4,.49,1);--bs-horizontal-nav-height:48px;--bs-vertical-nav-narrow-width:4.5rem;--bs-vertical-nav-width:9.875rem;--bs-vertical-nav-collapsed-width:4rem;--bs-page-nav-width:0;--bs-table-cell-padding-xs:var(--bs-space-2);--bs-table-cell-padding-sm:var(--bs-space-3);--bs-table-cell-padding-md:var(--bs-space-4);--bs-table-cell-padding-lg:var(--bs-space-6);--bs-table-cell-padding-xl:var(--bs-space-8);--bs-popover-z-index:1000}:root{--bs-ink-base:var(--bs-black);--bs-ink-medium:var(--bs-gray-500);--bs-ink-light:var(--bs-gray-400);--bs-ink-disabled:rgba(78,79,95,0.6);--bs-ink-invert-base:var(--bs-white);--bs-ink-invert-medium:var(--bs-gray-100);--bs-ink-invert-light:var(--bs-gray-200);--bs-ink-primary:var(--bs-blue-500);--bs-ink-secondary:var(--bs-plum-400);--bs-ink-accent-1:var(--bs-royal-400);--bs-ink-accent-2:var(--bs-violet-400);--bs-ink-accent-3:var(--bs-pink-500);--bs-ink-negative:var(--bs-red-500);--bs-ink-ecomm-positive:var(--bs-green-500);--bs-ink-positive:var(--bs-purple-400);--bs-ink-warning:var(--bs-orange-500);--bs-ink-white:var(--bs-white);--bs-bg-base:var(--bs-white);--bs-bg-light:var(--bs-gray-50);--bs-bg-medium:var(--bs-gray-100);--bs-bg-disabled:var(--bs-gray-200);--bs-bg-invert-base:var(--bs-slate-600);--bs-bg-invert-light:var(--bs-slate-500);--bs-bg-invert-medium:var(--bs-slate-400);--bs-bg-base-to-light:var(--bs-white);--bs-bg-base-to-medium:var(--bs-white);--bs-bg-medium-to-base:var(--bs-gray-100);--bs-bg-medium-to-light:var(--bs-gray-100);--bs-bg-light-to-base:var(--bs-gray-50);--bs-bg-light-to-medium:var(--bs-gray-50);--bs-border-base:var(--bs-gray-200);--bs-border-medium:var(--bs-gray-150);--bs-border-light:var(--bs-gray-100);--bs-border-dark:var(--bs-gray-400);--bs-border-medium-to-light:var(--bs-gray-150);--bs-border-input:rgba(99,66,145,0.75);--bs-border-active:var(--bs-blue-400);--bs-border-error:var(--bs-red-500);--bs-primary-base-fixed:var(--bs-blue-400);--bs-primary-base:var(--bs-blue-400);--bs-primary-medium:var(--bs-blue-300);--bs-primary-light:var(--bs-blue-200);--bs-primary-lightest:var(--bs-blue-100);--bs-primary-highlight:var(--bs-blue-10);--bs-secondary-base-fixed:var(--bs-plum-400);--bs-secondary-base:var(--bs-plum-400);--bs-secondary-medium:var(--bs-plum-300);--bs-secondary-light:var(--bs-plum-200);--bs-secondary-lightest:var(--bs-plum-100);--bs-secondary-highlight:var(--bs-plum-10);--bs-neutral-dark:var(--bs-gray-500);--bs-neutral-base:var(--bs-gray-400);--bs-neutral-medium:var(--bs-gray-300);--bs-neutral-light:var(--bs-gray-200);--bs-neutral-lightest:var(--bs-gray-100);--bs-accent-1-base-fixed:var(--bs-royal-400);--bs-accent-1-base:var(--bs-royal-400);--bs-accent-1-medium:var(--bs-royal-300);--bs-accent-1-light:var(--bs-royal-200);--bs-accent-1-lightest:var(--bs-royal-100);--bs-accent-1-highlight:var(--bs-royal-10);--bs-accent-2-base-fixed:var(--bs-violet-400);--bs-accent-2-base:var(--bs-violet-400);--bs-accent-2-medium:var(--bs-violet-300);--bs-accent-2-light:var(--bs-violet-200);--bs-accent-2-lightest:var(--bs-violet-100);--bs-accent-2-highlight:var(--bs-violet-10);--bs-accent-3-base-fixed:var(--bs-pink-400);--bs-accent-3-base:var(--bs-pink-400);--bs-accent-3-medium:var(--bs-pink-300);--bs-accent-3-light:var(--bs-pink-200);--bs-accent-3-lightest:var(--bs-pink-100);--bs-accent-3-highlight:var(--bs-pink-10);--bs-accent-4-base:var(--bs-navy-400);--bs-accent-4-medium:var(--bs-navy-300);--bs-accent-4-light:var(--bs-navy-200);--bs-accent-4-lightest:var(--bs-navy-100);--bs-accent-4-highlight:var(--bs-navy-10);--bs-positive-base-fixed:var(--bs-purple-400);--bs-positive-base:var(--bs-purple-400);--bs-positive-medium:var(--bs-purple-300);--bs-positive-light:var(--bs-purple-200);--bs-positive-lightest:var(--bs-purple-100);--bs-positive-highlight:var(--bs-purple-10);--bs-ecomm-positive-base-fixed:var(--bs-green-400);--bs-ecomm-positive-base:var(--bs-green-400);--bs-ecomm-positive-medium:var(--bs-green-300);--bs-ecomm-positive-light:var(--bs-green-200);--bs-ecomm-positive-lightest:var(--bs-green-100);--bs-ecomm-positive-highlight:var(--bs-green-10);--bs-warning-dark:var(--bs-orange-500);--bs-warning-base:var(--bs-orange-400);--bs-warning-medium:var(--bs-orange-300);--bs-warning-light:var(--bs-orange-200);--bs-warning-lightest:var(--bs-orange-100);--bs-warning-highlight:var(--bs-orange-10);--bs-negative-dark:var(--bs-red-500);--bs-negative-base:var(--bs-red-400);--bs-negative-medium:var(--bs-red-300);--bs-negative-light:var(--bs-red-200);--bs-negative-lightest:var(--bs-red-100);--bs-negative-highlight:var(--bs-red-10);--bs-blue-base:var(--bs-blue-400);--bs-blue-medium:var(--bs-blue-300);--bs-blue-light:var(--bs-blue-200);--bs-blue-lightest:var(--bs-blue-100);--bs-gray-dark:var(--bs-gray-500);--bs-gray-base:var(--bs-gray-400);--bs-gray-medium:var(--bs-gray-300);--bs-gray-light:var(--bs-gray-200);--bs-gray-lightest:var(--bs-gray-100);--bs-navy-base:var(--bs-navy-400);--bs-navy-medium:var(--bs-navy-300);--bs-navy-light:var(--bs-navy-200);--bs-navy-lightest:var(--bs-navy-100);--bs-warning:var(--bs-orange-500);--bs-orange-base:var(--bs-orange-400);--bs-orange-medium:var(--bs-orange-300);--bs-orange-light:var(--bs-orange-200);--bs-orange-lightest:var(--bs-orange-100);--bs-pink-base:var(--bs-pink-400);--bs-pink-medium:var(--bs-pink-300);--bs-pink-light:var(--bs-pink-200);--bs-pink-lightest:var(--bs-pink-100);--bs-plum-base:var(--bs-plum-400);--bs-plum-medium:var(--bs-plum-300);--bs-plum-light:var(--bs-plum-200);--bs-plum-lightest:var(--bs-plum-100);--bs-purple-base:var(--bs-purple-400);--bs-purple-medium:var(--bs-purple-300);--bs-purple-light:var(--bs-purple-200);--bs-purple-lightest:var(--bs-purple-100);--bs-red-base:var(--bs-red-400);--bs-red-medium:var(--bs-red-300);--bs-red-light:var(--bs-red-200);--bs-red-lightest:var(--bs-red-100);--bs-royal-base:var(--bs-royal-400);--bs-royal-medium:var(--bs-royal-300);--bs-royal-light:var(--bs-royal-200);--bs-royal-lightest:var(--bs-royal-100);--bs-violet-base:var(--bs-violet-400);--bs-violet-medium:var(--bs-violet-300);--bs-violet-light:var(--bs-violet-200);--bs-violet-lightest:var(--bs-violet-100);--bs-ink-blue:var(--bs-blue-500);--bs-ink-orange:var(--bs-orange-500);--bs-ink-pink:var(--bs-pink-500);--bs-ink-plum:var(--bs-plum-400);--bs-ink-purple:var(--bs-purple-400);--bs-ink-red:var(--bs-red-500);--bs-ink-royal:var(--bs-royal-400);--bs-ink-violet:var(--bs-violet-400)}.dark{--bs-ink-base:var(--bs-white);--bs-ink-medium:var(--bs-gray-100);--bs-ink-light:var(--bs-gray-200);--bs-ink-disabled:rgba(163,164,183,0.5);--bs-ink-invert-base:var(--bs-black);--bs-ink-invert-medium:var(--bs-gray-500);--bs-ink-invert-light:var(--bs-gray-400);--bs-ink-primary:var(--bs-blue-100);--bs-ink-secondary:var(--bs-plum-100);--bs-ink-accent-1:var(--bs-royal-200);--bs-ink-accent-2:var(--bs-violet-200);--bs-ink-accent-3:var(--bs-pink-200);--bs-ink-negative:var(--bs-red-200);--bs-ink-ecomm-positive:var(--bs-green-200);--bs-ink-positive:var(--bs-purple-200);--bs-ink-warning:var(--bs-orange-200);--bs-ink-white:var(--bs-white);--bs-bg-base:var(--bs-slate-600);--bs-bg-light:var(--bs-slate-500);--bs-bg-medium:var(--bs-slate-400);--bs-bg-disabled:rgba(78,79,95,0.3);--bs-bg-invert-base:var(--bs-white);--bs-bg-invert-light:var(--bs-gray-50);--bs-bg-invert-medium:var(--bs-gray-100);--bs-bg-base-to-light:var(--bs-slate-500);--bs-bg-base-to-medium:var(--bs-slate-400);--bs-bg-medium-to-base:var(--bs-slate-600);--bs-bg-medium-to-light:var(--bs-slate-500);--bs-bg-light-to-base:var(--bs-slate-600);--bs-bg-light-to-medium:var(--bs-slate-400);--bs-border-base:rgba(163,164,183,0.7);--bs-border-medium:var(--bs-gray-400);--bs-border-light:rgba(78,79,95,0.5);--bs-border-dark:var(--bs-gray-300);--bs-border-medium-to-light:rgba(78,79,95,0.5);--bs-border-input:var(--bs-violet-200);--bs-border-active:var(--bs-blue-400);--bs-border-error:var(--bs-red-200);--bs-primary-base:var(--bs-blue-300);--bs-secondary-base:var(--bs-plum-300);--bs-secondary-medium:var(--bs-plum-200);--bs-neutral-dark:var(--bs-gray-100);--bs-neutral-base:var(--bs-gray-200);--bs-neutral-medium:var(--bs-gray-300);--bs-neutral-light:var(--bs-gray-400);--bs-neutral-lightest:var(--bs-gray-500);--bs-accent-1-base:var(--bs-royal-300);--bs-accent-1-medium:var(--bs-royal-200);--bs-accent-2-base:var(--bs-violet-300);--bs-accent-3-base:var(--bs-pink-300);--bs-accent-4-base:var(--bs-navy-200);--bs-positive-base:var(--bs-purple-300);--bs-ecomm-positive-base:var(--bs-green-300);--bs-warning-dark:var(--bs-orange-400);--bs-warning-base:var(--bs-orange-300);--bs-negative-dark:var(--bs-red-400);--bs-negative-base:var(--bs-red-300);--bs-gradient-atom-ai-bg:conic-gradient(from 180deg at 50% 50%,rgba(83,101,196,0.2) -96.8deg,rgba(228,94,155,0.2) 74.2deg,rgba(51,158,238,0.2) 98.8deg,rgba(249,124,76,0.2) 259.6deg,rgba(83,101,196,0.2) 283.2deg,rgba(228,94,155,0.2) 414.4deg);--bs-gradient-atom-ai-border:conic-gradient(from 180deg at 50% 50%,var(--bs-royal-300) -96.8deg,var(--bs-pink-300) 74.2deg,var(--bs-blue-300) 98.8deg,var(--bs-orange-300) 259.6deg,var(--bs-royal-300) 283.2deg,var(--bs-pink-300) 414.4deg);--bs-shadow-secondary:rgba(10,11,25,0.60);--bs-shadow-dark:-16px 20px 40px 0 #000;--bs-shadow-contentLow:var(--bs-shadow-dark);--bs-shadow-contentLowCenter:var(--bs-shadow-dark);--bs-shadow-contentMedium:var(--bs-shadow-dark);--bs-shadow-contentHigh:var(--bs-shadow-dark);--bs-shadow-drawerLeft:var(--bs-shadow-dark);--bs-shadow-drawerRight:16px 20px 40px 0 #000;--bs-shadow-profilePhoto:inset 0 0 .5em var(--bs-shadow-secondary);--bs-blue-base:var(--bs-blue-300);--bs-gray-dark:var(--bs-gray-100);--bs-gray-base:var(--bs-gray-200);--bs-gray-light:var(--bs-gray-400);--bs-gray-lightest:var(--bs-gray-500);--bs-navy-base:var(--bs-navy-200);--bs-warning:var(--bs-orange-400);--bs-orange-base:var(--bs-orange-300);--bs-pink-base:var(--bs-pink-300);--bs-plum-base:var(--bs-plum-300);--bs-plum-medium:var(--bs-plum-200);--bs-purple-base:var(--bs-purple-300);--bs-red-base:var(--bs-red-300);--bs-royal-base:var(--bs-royal-300);--bs-royal-medium:var(--bs-royal-200);--bs-violet-base:var(--bs-violet-300);--bs-ink-blue:var(--bs-blue-200);--bs-ink-orange:var(--bs-orange-200);--bs-ink-pink:var(--bs-pink-200);--bs-ink-plum:var(--bs-plum-100);--bs-ink-purple:var(--bs-purple-200);--bs-ink-red:var(--bs-red-200);--bs-ink-royal:var(--bs-royal-200);--bs-ink-violet:var(--bs-violet-200)}.softchoice{--bs-ink-primary:var(--bs-cobalt-400);--bs-ink-secondary:var(--bs-midnight-400);--bs-ink-accent-1:var(--bs-orange-500);--bs-ink-negative:var(--bs-maroon-500);--bs-ink-positive:var(--bs-green-500);--bs-ink-warning:var(--bs-yellow-500);--bs-bg-light:var(--bs-charcoal-100);--bs-bg-medium:var(--bs-charcoal-200);--bs-bg-disabled:var(--bs-charcoal-300);--bs-bg-medium-to-base:var(--bs-charcoal-200);--bs-bg-medium-to-light:var(--bs-charcoal-200);--bs-bg-light-to-base:var(--bs-charcoal-100);--bs-bg-light-to-medium:var(--bs-charcoal-100);--bs-primary-base-fixed:var(--bs-cobalt-400);--bs-primary-base:var(--bs-cobalt-400);--bs-primary-medium:var(--bs-cobalt-300);--bs-primary-light:var(--bs-cobalt-200);--bs-primary-lightest:var(--bs-cobalt-100);--bs-primary-highlight:var(--bs-cobalt-10);--bs-secondary-base-fixed:var(--bs-midnight-400);--bs-secondary-base:var(--bs-midnight-400);--bs-secondary-medium:var(--bs-midnight-300);--bs-secondary-light:var(--bs-midnight-200);--bs-secondary-lightest:var(--bs-midnight-100);--bs-secondary-highlight:var(--bs-midnight-10);--bs-neutral-dark:var(--bs-charcoal-500);--bs-neutral-base:var(--bs-charcoal-400);--bs-neutral-medium:var(--bs-charcoal-300);--bs-neutral-light:var(--bs-charcoal-200);--bs-neutral-lightest:var(--bs-charcoal-100);--bs-accent-1-base-fixed:var(--bs-cobalt-400);--bs-accent-1-base:var(--bs-cobalt-400);--bs-accent-1-medium:var(--bs-cobalt-300);--bs-accent-1-light:var(--bs-cobalt-200);--bs-accent-1-lightest:var(--bs-cobalt-100);--bs-accent-1-highlight:var(--bs-cobalt-10);--bs-positive-base-fixed:var(--bs-green-400);--bs-positive-base:var(--bs-green-400);--bs-positive-medium:var(--bs-green-300);--bs-positive-light:var(--bs-green-200);--bs-positive-lightest:var(--bs-green-100);--bs-positive-highlight:var(--bs-green-10);--bs-warning-dark:var(--bs-yellow-450);--bs-warning-base:var(--bs-yellow-400);--bs-warning-medium:var(--bs-yellow-300);--bs-warning-light:var(--bs-yellow-200);--bs-warning-lightest:var(--bs-yellow-100);--bs-warning-highlight:var(--bs-yellow-10);--bs-negative-dark:var(--bs-maroon-500);--bs-negative-base:var(--bs-maroon-400);--bs-negative-medium:var(--bs-maroon-300);--bs-negative-light:var(--bs-maroon-200);--bs-negative-lightest:var(--bs-maroon-100);--bs-negative-highlight:var(--bs-maroon-10)}

package/dist/wwt-bsds.css

@@ -298,6 +298,9 @@
   --bs-horizontal-nav-height: 48px;
   --bs-vertical-nav-narrow-width: 4.5rem;
   --bs-vertical-nav-width: 9.875rem;
+  --bs-vertical-nav-collapsed-width: 4rem;
+  /* Dynamic width set by the navigation component for page layout */
+  --bs-page-nav-width: 0px;
 
   /* Table */
   --bs-table-cell-padding-xs: var(--bs-space-2);
@@ -6554,14 +6557,23 @@ a.bs-text-button {
   --step-color: var(--bs-ink-negative);
   --progress-step-bg: var(--bs-negative-base);
 }
-.bs-vertical-nav {
+.bs-vertical-nav-wrapper {
   --active-color: rgba(255, 255, 255, 0.25);
   --bg-color: var(--bs-navy-base);
   --border-color: var(--bs-border-dark);
+  --text-color: var(--bs-white);
+  --link-color: var(--bs-white);
+  --link-hover-color: var(--bs-white);
+  --link-active-color: var(--bs-white);
+  --toggle-bg-color: var(--bg-color);
+  --toggle-color: var(--bs-white);
   --top-offset: 48px;
+}
+.bs-vertical-nav {
   -ms-overflow-style: none;  /* Internet Explorer 10+ */
   background-color: var(--bg-color);
-  color: var(--bs-white);
+  border-inline-end: 1px solid var(--border-color);
+  color: var(--text-color);
   display: flex;
   flex-direction: column;
   height: 100dvh;
@@ -6587,22 +6599,22 @@ a.bs-text-button {
   opacity: 1;
   visibility: visible;
 }
-.dark .bs-vertical-nav {
+.bs-vertical-nav:where([data-collapsible="true"]) {
+  transition: opacity 200ms ease 10ms, width 350ms cubic-bezier(0.4, 0, 0.2, 1);
+}
+.dark .bs-vertical-nav-wrapper {
   --active-color: rgba(255, 255, 255, 0.25);
   --bg-color: var(--bs-bg-base);
-  --border-color: var(--bs-border-dark);
-  border-right: 1px solid var(--bs-border-medium);
+  --border-color: var(--bs-border-medium);
 }
 @media (min-width: 1166px) {
   .bs-vertical-nav {
-    border-right: 1px solid var(--bg-color);
     opacity: 1;
     padding-bottom: 1rem;
     padding-left: 0.5rem;
     padding-right: 0.5rem;
     padding-top: 1rem;
     right: auto;
-    transition: none;
     visibility: visible;
     width: var(--bs-vertical-nav-width);
   }
@@ -6610,10 +6622,58 @@ a.bs-text-button {
   .bs-vertical-nav:where([data-narrow="true"]) {
     width: var(--bs-vertical-nav-narrow-width);
   }
+
+  .bs-vertical-nav:where([data-collapsed="true"]) {
+    width: var(--bs-vertical-nav-collapsed-width);
+  }
 }
 .bs-vertical-nav::-webkit-scrollbar {
   display: none;  /* Safari and Chrome */
 }
+/* ===== Collapse Toggle Button ===== */
+.bs-vertical-nav-toggle {
+  align-items: center;
+  background: var(--toggle-bg-color);
+  border: 1px solid var(--border-color);
+  border-radius: 100px;
+  color: var(--toggle-color);
+  cursor: pointer;
+  display: none; /* Hidden by default on mobile */
+  height: 24px;
+  width: 24px;
+  justify-content: center;
+  padding: 0;
+  position: fixed;
+  left: calc(var(--bs-vertical-nav-width) - 0.5rem);
+  pointer-events: auto; /* Ensure button is clickable */
+  top: calc(var(--top-offset) + 3rem); /* top-offset + 3rem */
+  transition: left 300ms ease-out, opacity 100ms ease-out;
+  z-index: 1002; /* Above nav to prevent hover conflicts */
+}
+@media (min-width: 1166px) {
+  .bs-vertical-nav-toggle {
+    display: flex;
+    opacity: 1;
+    transition: left 300ms ease-out, opacity 100ms ease-out;
+  }
+  
+  .bs-vertical-nav-toggle:where([data-collapsed="true"]) {
+    left: calc(var(--bs-vertical-nav-collapsed-width) - 0.5rem);
+  }
+  
+  /* Adjust position for narrow variant when NOT collapsed */
+  .bs-vertical-nav-toggle:where([data-narrow="true"]:not([data-collapsed="true"])) {
+    left: calc(var(--bs-vertical-nav-narrow-width) - 0.5rem);
+  }
+}
+.bs-vertical-nav-toggle-icon {
+  height: 8px;
+  width: 8px;
+  color: inherit;
+  transition: transform 200ms var(--bs-transition-ease);
+  will-change: transform;
+  flex-shrink: 0;
+}
 /* ===== Sections ===== */
 .bs-vertical-nav :where(.bs-vertical-nav-section) {
   border-top: 2px solid var(--border-color);
@@ -6625,6 +6685,10 @@ a.bs-text-button {
     margin-top: 0.25rem;
   }
 }
+/* Divider-only sections have no additional padding since no toggle button */
+.bs-vertical-nav :where(.bs-vertical-nav-section[data-divider-only="true"]) {
+  padding-top: 0.25rem;
+}
 /* Don't show border if the very first item is a section */
 .bs-vertical-nav :where(ul li:first-child) {
   border-top: none;
@@ -6693,54 +6757,64 @@ a.bs-text-button {
 .bs-vertical-nav :where(ul li a) {
   align-items: center;
   border-radius: 4px;
-  color: var(--bs-white);
+  color: var(--link-color);
   cursor: pointer;
   display: flex;
   font-size: 1rem;
   font-weight: 400;
   gap: 0.5rem;
   height: 100%;
-  padding-bottom: 0.75rem;
-  padding-left: 0.75rem;
-  padding-right: 0.75rem;
-  padding-top: 0.75rem;
+  padding: 0.5rem 0.75rem;
+  position: relative;
   text-decoration: none;
-  width: 100%;
+}
+/* Narrow variant - text always visible on desktop (overrides collapsed state) */
+@media (min-width: 1166px) {
+  .bs-vertical-nav:where([data-narrow="true"]) :where(ul li a > span:last-child) {
+    opacity: 1;
+    visibility: visible;
+    width: auto;
+  }
 }
 @media (min-width: 1166px) {
   .bs-vertical-nav :where(ul li a) {
     font-size: 0.875rem;
-    padding-bottom: 0.5rem;
-    padding-top: 0.5rem;
+    min-height: 2.5rem; /* Fixed minimum height to prevent height changes */
+    padding: 0.5rem 0.75rem; /* Explicit padding for consistency */
     /* nav width - nav left padding - nav right padding */
     width: calc(var(--bs-vertical-nav-width) - 0.5rem - 0.5rem);
   }
 
+  /* Collapsed state width */
+  .bs-vertical-nav:where([data-collapsed="true"]) :where(ul li a) {
+    /* collapsed width - nav left padding - nav right padding */
+    width: calc(var(--bs-vertical-nav-collapsed-width) - 0.5rem - 0.5rem);
+  }
+
   /* Text overflow - normal width - no icon */
   .bs-vertical-nav :where(ul li a:not(:has(.bs-vertical-nav-link-icon)) span:first-child) {
     overflow: hidden;
     text-overflow: ellipsis;
+    white-space: nowrap;
     /* nav width - nav left padding - nav right padding - link left padding - link right padding */
-    width: calc(var(--bs-vertical-nav-width) - 0.5rem - 0.5rem  - 0.75rem - 0.75rem);
+    width: calc(var(--bs-vertical-nav-width) - 0.5rem - 0.5rem - 0.75rem - 0.75rem);
   }
 
   /* Text overflow - normal width - with icon */
   .bs-vertical-nav :where(ul li a:has(.bs-vertical-nav-link-icon) span:nth-child(2)) {
     overflow: hidden;
     text-overflow: ellipsis;
+    white-space: nowrap;
     /* nav width - nav left padding - nav right padding - link left padding - link right padding - icon width - icon gap */
-    width: calc(var(--bs-vertical-nav-width) - 0.5rem - 0.5rem - 0.75rem - 0.75rem - 0.875rem - 0.5rem);
+    width: calc(var(--bs-vertical-nav-width) - 0.5rem - 0.5rem - 0.75rem - 0.75rem - 1rem - 0.5rem);
   }
 
   .bs-vertical-nav:where([data-narrow="true"]) :where(ul li a) {
     flex-direction: column;
     font-size: 0.6875rem;
-    gap: 0.25rem;
+    gap: 0.5rem; /* 8px - matches Figma */
     line-height: 1.3;
-    padding-bottom: 0.75rem;
-    padding-left: 0.25rem;
-    padding-right: 0.25rem;
-    padding-top: 0.75rem;
+    padding: 0.5rem 0.75rem; /* 8px 12px - matches Figma */
     text-align: center;
     /* nav width - nav left padding - nav right padding */
     width: calc(var(--bs-vertical-nav-narrow-width) - 0.5rem - 0.5rem);
@@ -6751,32 +6825,118 @@ a.bs-text-button {
   .bs-vertical-nav:where([data-narrow="true"]) :where(ul li a:has(.bs-vertical-nav-link-icon) span:nth-child(2)) {
     overflow: hidden;
     text-overflow: ellipsis;
+    white-space: nowrap;
     /* nav width - nav left padding - nav right padding - link left padding  */
     width: calc(var(--bs-vertical-nav-narrow-width) - 0.5rem - 0.5rem);
   }
 }
 .bs-vertical-nav :where(ul li a:hover) {
+  color: var(--link-hover-color);
   font-weight: 600;
 }
 .bs-vertical-nav :where(ul li a[data-active="true"]) {
   background-color: var(--active-color);
+  color: var(--link-active-color);
   font-weight: 600;
+  transition: background-color 200ms ease-out;
 }
+/* Icon sizing - mobile/default */
 .bs-vertical-nav :where(.bs-vertical-nav-link-icon) {
   height: 1rem;
   width: 1rem;
+  flex-shrink: 0; /* Prevent icon from shrinking */
 }
 @media (min-width: 1166px) {
-  .bs-vertical-nav :where(.bs-vertical-nav-link-icon) {
+  /* Wide and collapsible variant icons - 14px */
+  .bs-vertical-nav:not([data-narrow="true"]) :where(.bs-vertical-nav-link-icon) {
     height: 0.875rem;
     width: 0.875rem;
+    margin-left: 0.25rem; /* Visual centering adjustment */
   }
 
+  /* Narrow variant icons - 16px (inherits from base) */
   .bs-vertical-nav:where([data-narrow="true"]) :where(.bs-vertical-nav-link-icon) {
     height: 1rem;
     width: 1rem;
   }
 }
+/* Default: Show text on mobile */
+.bs-vertical-nav :where(ul li a > span:last-child) {
+  opacity: 1;
+  visibility: visible;
+  width: auto;
+}
+/* Desktop: Show text when NOT collapsed */
+@media (min-width: 1166px) {
+  .bs-vertical-nav:not([data-collapsed="true"]) :where(ul li a > span:last-child) {
+    opacity: 1;
+    visibility: visible;
+    width: auto;
+    /* Immediate visibility when appropriate */
+    transition: opacity 150ms ease, visibility 0ms linear;
+  }
+}
+/* Desktop: Hide text when collapsed */
+@media (min-width: 1166px) {
+  .bs-vertical-nav:where([data-collapsed="true"]) :where(ul li a > span:last-child) {
+    opacity: 0;
+    visibility: hidden;
+    width: 0;
+    overflow: hidden;
+    white-space: nowrap;
+    /* Delay visibility to prevent flash during breakpoint transition */
+    transition: opacity 150ms ease, visibility 0ms linear 150ms;
+  }
+}
+/* Keep icons visible when collapsed */
+.bs-vertical-nav:where([data-collapsed="true"]) :where(.bs-vertical-nav-link-icon) {
+  display: block;
+}
+/* Hide section toggle when collapsed */
+.bs-vertical-nav:where([data-collapsed="true"]) :where(.bs-vertical-nav-section-toggle) {
+  display: none;
+}
+/* ===== Hover Expansion (CSS-only) ===== */
+@media (min-width: 1166px) {
+  /* Expand nav on hover when collapsed and collapsible - but NOT when hovering the toggle button */
+  .bs-vertical-nav-wrapper:where(:hover:not(:has(.bs-vertical-nav-toggle:hover))) :where(.bs-vertical-nav[data-collapsed="true"][data-collapsible="true"]) {
+    width: var(--bs-vertical-nav-width);
+  }
+
+  /* Narrow variant should respect narrow width on hover */
+  .bs-vertical-nav-wrapper:where(:hover:not(:has(.bs-vertical-nav-toggle:hover))) :where(.bs-vertical-nav[data-collapsed="true"][data-narrow="true"]) {
+    width: var(--bs-vertical-nav-narrow-width);
+  }
+
+  /* Expand link widths on hover when collapsed */
+  .bs-vertical-nav-wrapper:where(:hover:not(:has(.bs-vertical-nav-toggle:hover))) :where(.bs-vertical-nav[data-collapsed="true"]) :where(ul li a) {
+    width: calc(var(--bs-vertical-nav-width) - 0.5rem - 0.5rem);
+  }
+
+  /* Narrow variant links should respect narrow width on hover */
+  .bs-vertical-nav-wrapper:where(:hover:not(:has(.bs-vertical-nav-toggle:hover))) :where(.bs-vertical-nav[data-collapsed="true"][data-narrow="true"]) :where(ul li a) {
+    width: calc(var(--bs-vertical-nav-narrow-width) - 0.5rem - 0.5rem);
+  }
+
+  /* Show text on hover when collapsed */
+  .bs-vertical-nav-wrapper:where(:hover:not(:has(.bs-vertical-nav-toggle:hover))) :where(.bs-vertical-nav[data-collapsed="true"]) :where(ul li a > span:last-child) {
+    opacity: 1;
+    visibility: visible;
+    width: auto;
+    overflow: visible;
+  }
+
+  /* Hide toggle button on hover when collapsed - but NOT when hovering the button itself */
+  .bs-vertical-nav-wrapper:where(:hover:not(:has(.bs-vertical-nav-toggle:hover))) :where(.bs-vertical-nav-toggle[data-collapsed="true"]) {
+    opacity: 0;
+    pointer-events: none; /* Prevent interaction when hidden */
+  }
+
+  /* Show section toggles on hover when collapsed */
+  .bs-vertical-nav-wrapper:where(:hover:not(:has(.bs-vertical-nav-toggle:hover))) :where(.bs-vertical-nav[data-collapsed="true"]) :where(.bs-vertical-nav-section-toggle) {
+    display: flex;
+  }
+}
 /* ===== End Items ===== */
 .bs-vertical-nav :where(.bs-vertical-nav-end-items) {
   display: flex;
@@ -6784,11 +6944,23 @@ a.bs-text-button {
   gap: 0.25rem;
   margin-top: auto;
 }
+/* End items visibility for collapsible variant (desktop only) */
+@media (min-width: 1166px) {
+  /* Hide end items when collapsible variant is collapsed */
+  .bs-vertical-nav:where([data-collapsible="true"][data-collapsed="true"]) :where(.bs-vertical-nav-end-items) {
+    display: none;
+  }
+
+  /* Show end items on hover when collapsible variant is collapsed */
+  .bs-vertical-nav-wrapper:where(:hover:not(:has(.bs-vertical-nav-toggle:hover))) :where(.bs-vertical-nav[data-collapsible="true"][data-collapsed="true"]) :where(.bs-vertical-nav-end-items) {
+    display: flex;
+  }
+}
 .bs-vertical-nav :where(.bs-vertical-nav-end-items > *) {
-  color: var(--bs-white);
+  color: var(--text-color);
 }
 .bs-vertical-nav :where(.bs-vertical-nav-end-items > *:not(button)) {
-  color: var(--bs-white);
+  color: var(--text-color);
   padding-bottom: 0.5rem;
   padding-left: 0.75rem;
   padding-right: 0.75rem;
@@ -6805,9 +6977,16 @@ a.bs-text-button {
   margin-right: 0.75rem;
   margin-top: 0.5rem;
 }
+/* Hide end items in narrow variant (all screen sizes) */
 .bs-vertical-nav:where([data-narrow="true"]) :where(.bs-vertical-nav-end-items) {
   display: none;
 }
+/* ===== CSS-Only Page Layout Support ===== */
+/* Apply to any element that needs to adjust for navigation width (e.g., headers, main content) */
+.bs-header-with-nav {
+  margin-inline-start: var(--bs-page-nav-width);
+  transition: margin-inline-start 350ms cubic-bezier(0.4, 0, 0.2, 1);
+}
 /*
   POP SYSTEM COMPONENTS
   Components that are built on top of BsPopover. The popover.css must come first.