@wwtdev/bsds-css 3.0.9 → 3.0.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/wwt-bsds-tokens.css
CHANGED
|
@@ -1 +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-10:rgba(235,223,212,0.1);--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:#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.01%,#fff 49.99%,#0086ea 65%,#1c0087 100%);--bs-gradient-light:linear-gradient(90deg,#1c0087 0,#ee282a 19.93%,#ee282a 39.91%,#1c0087 49.9%,#0086ea 60%,#0086ea 79.99%,#1c0087 100%);--bs-gradient-line:linear-gradient(90deg,#ee282a 0,#1c0087 49.35%,#0086ea 100%);--bs-gradient-blue-center:radial-gradient(154.77% 52.27% at 47.08% 49.86%,#162fb4 0,#1d1e48 100%);--bs-gradient-blue-mid-left:linear-gradient(90deg,#162fb4 0,#1d1e48 98.9%);--bs-gradient-blue-mid-right:linear-gradient(90deg,#1d1e48 0,#162fb4 99.27%);--bs-gradient-blue-bottom-center:radial-gradient(100% 100% at 50% 0,#1d1e48 0,#162fb4 100%);--bs-gradient-blue-top-center:radial-gradient(96.7% 96.7% at 50% 0,#162fb4 5%,#1d1e48 100%);--bs-gradient-blue-top-left:radial-gradient(312.54% 141.42% at 0 0,#162fb4 0,#1d1e48 100%);--bs-gradient-blue-bottom-right:radial-gradient(312.54% 141.42% at 0 0,#1d1e48 0,#162fb4 100%);--bs-gradient-blue-top-right:radial-gradient(312.54% 141.42% at 100% 0,#162fb4 0,#1d1e48 100%);--bs-gradient-blue-bottom-left:radial-gradient(312.54% 141.42% at 100% 0,#1d1e48 0,#162fb4 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,var(--background-light,#f7f7fc) 24.82%,var(--background-medium,#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-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-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:11.25rem;--bs-vertical-nav-collapsed-width:4.5rem;--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-accent-4:var(--bs-purple-400);--bs-ink-positive:var(--bs-green-500);--bs-ink-warning:var(--bs-orange-500);--bs-ink-negative:var(--bs-red-500);--bs-ink-white:var(--bs-white);--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-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-fixed:var(--bs-purple-400);--bs-accent-4-base:var(--bs-purple-400);--bs-accent-4-medium:var(--bs-purple-300);--bs-accent-4-light:var(--bs-purple-200);--bs-accent-4-lightest:var(--bs-purple-100);--bs-accent-4-highlight:var(--bs-purple-10);--bs-accent-5-base:var(--bs-orange-400);--bs-accent-5-medium:var(--bs-orange-300);--bs-accent-5-light:var(--bs-orange-200);--bs-accent-5-lightest:var(--bs-orange-100);--bs-accent-5-highlight:var(--bs-orange-10);--bs-accent-6-base:var(--bs-red-400);--bs-accent-6-medium:var(--bs-red-300);--bs-accent-6-light:var(--bs-red-200);--bs-accent-6-lightest:var(--bs-red-100);--bs-accent-6-highlight:var(--bs-red-10);--bs-accent-7-base:var(--bs-navy-400);--bs-accent-7-medium:var(--bs-navy-300);--bs-accent-7-light:var(--bs-navy-200);--bs-accent-7-lightest:var(--bs-navy-100);--bs-accent-7-highlight:var(--bs-navy-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-positive-base:var(--bs-green-400);--bs-positive-medium:var(--bs-green-300);--bs-positive-highlight:var(--bs-green-10);--bs-warning-base:var(--bs-orange-500);--bs-warning-medium:var(--bs-orange-300);--bs-warning-highlight:var(--bs-orange-10);--bs-negative-base:var(--bs-red-500);--bs-negative-medium:var(--bs-red-300);--bs-negative-highlight:var(--bs-red-10);--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-dark:var(--bs-gray-300);--bs-border-base:var(--bs-gray-200);--bs-border-medium:var(--bs-gray-150);--bs-border-light:var(--bs-gray-100);--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-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);--bs-bg-invert-to-medium:var(--bs-slate-400);--bs-ink-accent:var(--bs-plum-400);--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)}html:where(:has(.dark)),.dark{color-scheme:dark}.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.7);--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-100);--bs-ink-accent-3:var(--bs-pink-200);--bs-ink-accent-4:var(--bs-purple-200);--bs-ink-positive:var(--bs-green-200);--bs-ink-warning:var(--bs-orange-200);--bs-ink-negative:var(--bs-red-200);--bs-ink-white:var(--bs-white);--bs-ink-invert-base:var(--bs-black);--bs-ink-invert-medium:var(--bs-gray-500);--bs-ink-invert-light:var(--bs-gray-400);--bs-primary-base:var(--bs-blue-300);--bs-primary-medium:var(--bs-blue-200);--bs-secondary-base:var(--bs-plum-300);--bs-secondary-medium:var(--bs-plum-200);--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-2-medium:var(--bs-violet-200);--bs-accent-3-base:var(--bs-pink-300);--bs-accent-3-medium:var(--bs-pink-200);--bs-accent-4-base:var(--bs-purple-300);--bs-accent-4-medium:var(--bs-purple-200);--bs-accent-5-base:var(--bs-orange-300);--bs-accent-5-medium:var(--bs-orange-200);--bs-accent-6-base:var(--bs-red-300);--bs-accent-7-base:var(--bs-navy-300);--bs-accent-7-medium:var(--bs-navy-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-warning-base:var(--bs-orange-400);--bs-warning-medium:var(--bs-orange-200);--bs-negative-base:var(--bs-red-300);--bs-negative-medium:var(--bs-red-200);--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-dark:var(--bs-gray-300);--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-medium-to-light:rgba(78,79,95,0.5);--bs-border-input:var(--bs-violet-200);--bs-border-active:var(--bs-blue-300);--bs-border-error: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-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);--bs-bg-invert-to-medium:var(--bs-gray-100);--bs-ink-accent:var(--bs-gray-100);--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)}.softchoice{--bs-ink-primary:var(--bs-cobalt-400);--bs-ink-secondary:var(--bs-orange-500);--bs-ink-accent-1:var(--bs-midnight-400);--bs-ink-accent-4:var(--bs-orchid-400);--bs-ink-positive:var(--bs-green-500);--bs-ink-warning:var(--bs-yellow-500);--bs-ink-negative:var(--bs-maroon-500);--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-orange-400);--bs-secondary-base:var(--bs-orange-400);--bs-secondary-medium:var(--bs-orange-300);--bs-secondary-light:var(--bs-orange-200);--bs-secondary-lightest:var(--bs-orange-100);--bs-secondary-highlight:var(--bs-orange-10);--bs-accent-1-base-fixed:var(--bs-midnight-400);--bs-accent-1-base:var(--bs-midnight-400);--bs-accent-1-medium:var(--bs-midnight-300);--bs-accent-1-light:var(--bs-midnight-200);--bs-accent-1-lightest:var(--bs-midnight-100);--bs-accent-1-highlight:var(--bs-midnight-10);--bs-accent-4-base-fixed:var(--bs-orchid-400);--bs-accent-4-base:var(--bs-orchid-400);--bs-accent-4-medium:var(--bs-orchid-300);--bs-accent-4-light:var(--bs-orchid-200);--bs-accent-4-lightest:var(--bs-orchid-100);--bs-accent-4-highlight:var(--bs-orchid-10);--bs-accent-5-base:var(--bs-gold-400);--bs-accent-5-medium:var(--bs-gold-300);--bs-accent-5-light:var(--bs-gold-200);--bs-accent-5-lightest:var(--bs-gold-100);--bs-accent-5-highlight:var(--bs-gold-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-warning-base:var(--bs-yellow-400);--bs-warning-medium:var(--bs-yellow-300);--bs-warning-highlight:var(--bs-yellow-10);--bs-negative-base:var(--bs-maroon-500);--bs-negative-medium:var(--bs-maroon-300);--bs-negative-highlight:var(--bs-maroon-10);--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-border-active:var(--bs-cobalt-400);--bs-border-error:var(--bs-maroon-500)}
|
|
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-10:rgba(235,223,212,0.1);--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:#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.01%,#fff 49.99%,#0086ea 65%,#1c0087 100%);--bs-gradient-light:linear-gradient(90deg,#1c0087 0,#ee282a 19.93%,#ee282a 39.91%,#1c0087 49.9%,#0086ea 60%,#0086ea 79.99%,#1c0087 100%);--bs-gradient-line:linear-gradient(90deg,#ee282a 0,#1c0087 49.35%,#0086ea 100%);--bs-gradient-blue-center:radial-gradient(154.77% 52.27% at 47.08% 49.86%,#162fb4 0,#1d1e48 100%);--bs-gradient-blue-mid-left:linear-gradient(90deg,#162fb4 0,#1d1e48 98.9%);--bs-gradient-blue-mid-right:linear-gradient(90deg,#1d1e48 0,#162fb4 99.27%);--bs-gradient-blue-bottom-center:radial-gradient(100% 100% at 50% 0,#1d1e48 0,#162fb4 100%);--bs-gradient-blue-top-center:radial-gradient(96.7% 96.7% at 50% 0,#162fb4 5%,#1d1e48 100%);--bs-gradient-blue-top-left:radial-gradient(312.54% 141.42% at 0 0,#162fb4 0,#1d1e48 100%);--bs-gradient-blue-bottom-right:radial-gradient(312.54% 141.42% at 0 0,#1d1e48 0,#162fb4 100%);--bs-gradient-blue-top-right:radial-gradient(312.54% 141.42% at 100% 0,#162fb4 0,#1d1e48 100%);--bs-gradient-blue-bottom-left:radial-gradient(312.54% 141.42% at 100% 0,#1d1e48 0,#162fb4 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,var(--background-light,#f7f7fc) 24.82%,var(--background-medium,#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-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-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:11.25rem;--bs-vertical-nav-collapsed-width:4.5rem;--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:1100}: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-accent-4:var(--bs-purple-400);--bs-ink-positive:var(--bs-green-500);--bs-ink-warning:var(--bs-orange-500);--bs-ink-negative:var(--bs-red-500);--bs-ink-white:var(--bs-white);--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-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-fixed:var(--bs-purple-400);--bs-accent-4-base:var(--bs-purple-400);--bs-accent-4-medium:var(--bs-purple-300);--bs-accent-4-light:var(--bs-purple-200);--bs-accent-4-lightest:var(--bs-purple-100);--bs-accent-4-highlight:var(--bs-purple-10);--bs-accent-5-base:var(--bs-orange-400);--bs-accent-5-medium:var(--bs-orange-300);--bs-accent-5-light:var(--bs-orange-200);--bs-accent-5-lightest:var(--bs-orange-100);--bs-accent-5-highlight:var(--bs-orange-10);--bs-accent-6-base:var(--bs-red-400);--bs-accent-6-medium:var(--bs-red-300);--bs-accent-6-light:var(--bs-red-200);--bs-accent-6-lightest:var(--bs-red-100);--bs-accent-6-highlight:var(--bs-red-10);--bs-accent-7-base:var(--bs-navy-400);--bs-accent-7-medium:var(--bs-navy-300);--bs-accent-7-light:var(--bs-navy-200);--bs-accent-7-lightest:var(--bs-navy-100);--bs-accent-7-highlight:var(--bs-navy-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-positive-base:var(--bs-green-400);--bs-positive-medium:var(--bs-green-300);--bs-positive-highlight:var(--bs-green-10);--bs-warning-base:var(--bs-orange-500);--bs-warning-medium:var(--bs-orange-300);--bs-warning-highlight:var(--bs-orange-10);--bs-negative-base:var(--bs-red-500);--bs-negative-medium:var(--bs-red-300);--bs-negative-highlight:var(--bs-red-10);--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-dark:var(--bs-gray-300);--bs-border-base:var(--bs-gray-200);--bs-border-medium:var(--bs-gray-150);--bs-border-light:var(--bs-gray-100);--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-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);--bs-bg-invert-to-medium:var(--bs-slate-400);--bs-ink-accent:var(--bs-plum-400);--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)}html:where(:has(.dark)),.dark{color-scheme:dark}.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.7);--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-100);--bs-ink-accent-3:var(--bs-pink-200);--bs-ink-accent-4:var(--bs-purple-200);--bs-ink-positive:var(--bs-green-200);--bs-ink-warning:var(--bs-orange-200);--bs-ink-negative:var(--bs-red-200);--bs-ink-white:var(--bs-white);--bs-ink-invert-base:var(--bs-black);--bs-ink-invert-medium:var(--bs-gray-500);--bs-ink-invert-light:var(--bs-gray-400);--bs-primary-base:var(--bs-blue-300);--bs-primary-medium:var(--bs-blue-200);--bs-secondary-base:var(--bs-plum-300);--bs-secondary-medium:var(--bs-plum-200);--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-2-medium:var(--bs-violet-200);--bs-accent-3-base:var(--bs-pink-300);--bs-accent-3-medium:var(--bs-pink-200);--bs-accent-4-base:var(--bs-purple-300);--bs-accent-4-medium:var(--bs-purple-200);--bs-accent-5-base:var(--bs-orange-300);--bs-accent-5-medium:var(--bs-orange-200);--bs-accent-6-base:var(--bs-red-300);--bs-accent-7-base:var(--bs-navy-300);--bs-accent-7-medium:var(--bs-navy-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-warning-base:var(--bs-orange-400);--bs-warning-medium:var(--bs-orange-200);--bs-negative-base:var(--bs-red-300);--bs-negative-medium:var(--bs-red-200);--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-dark:var(--bs-gray-300);--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-medium-to-light:rgba(78,79,95,0.5);--bs-border-input:var(--bs-violet-200);--bs-border-active:var(--bs-blue-300);--bs-border-error: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-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);--bs-bg-invert-to-medium:var(--bs-gray-100);--bs-ink-accent:var(--bs-gray-100);--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)}.softchoice{--bs-ink-primary:var(--bs-cobalt-400);--bs-ink-secondary:var(--bs-orange-500);--bs-ink-accent-1:var(--bs-midnight-400);--bs-ink-accent-4:var(--bs-orchid-400);--bs-ink-positive:var(--bs-green-500);--bs-ink-warning:var(--bs-yellow-500);--bs-ink-negative:var(--bs-maroon-500);--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-orange-400);--bs-secondary-base:var(--bs-orange-400);--bs-secondary-medium:var(--bs-orange-300);--bs-secondary-light:var(--bs-orange-200);--bs-secondary-lightest:var(--bs-orange-100);--bs-secondary-highlight:var(--bs-orange-10);--bs-accent-1-base-fixed:var(--bs-midnight-400);--bs-accent-1-base:var(--bs-midnight-400);--bs-accent-1-medium:var(--bs-midnight-300);--bs-accent-1-light:var(--bs-midnight-200);--bs-accent-1-lightest:var(--bs-midnight-100);--bs-accent-1-highlight:var(--bs-midnight-10);--bs-accent-4-base-fixed:var(--bs-orchid-400);--bs-accent-4-base:var(--bs-orchid-400);--bs-accent-4-medium:var(--bs-orchid-300);--bs-accent-4-light:var(--bs-orchid-200);--bs-accent-4-lightest:var(--bs-orchid-100);--bs-accent-4-highlight:var(--bs-orchid-10);--bs-accent-5-base:var(--bs-gold-400);--bs-accent-5-medium:var(--bs-gold-300);--bs-accent-5-light:var(--bs-gold-200);--bs-accent-5-lightest:var(--bs-gold-100);--bs-accent-5-highlight:var(--bs-gold-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-warning-base:var(--bs-yellow-400);--bs-warning-medium:var(--bs-yellow-300);--bs-warning-highlight:var(--bs-yellow-10);--bs-negative-base:var(--bs-maroon-500);--bs-negative-medium:var(--bs-maroon-300);--bs-negative-highlight:var(--bs-maroon-10);--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-border-active:var(--bs-cobalt-400);--bs-border-error:var(--bs-maroon-500)}
|
package/dist/wwt-bsds.css
CHANGED
|
@@ -310,7 +310,7 @@
|
|
|
310
310
|
--bs-table-cell-padding-xl: var(--bs-space-8);
|
|
311
311
|
|
|
312
312
|
/* Popover */
|
|
313
|
-
--bs-popover-z-index:
|
|
313
|
+
--bs-popover-z-index: 1100;
|
|
314
314
|
}
|
|
315
315
|
/* Themes */
|
|
316
316
|
:root {
|
|
@@ -1224,33 +1224,40 @@ see https://bugs.chromium.org/p/chromium/issues/detail?id=89530
|
|
|
1224
1224
|
--label-asterisk-color: transparent;
|
|
1225
1225
|
--label-color: var(--bs-ink-disabled);
|
|
1226
1226
|
}
|
|
1227
|
+
/* Base link styling */
|
|
1227
1228
|
a {
|
|
1228
|
-
border-radius: 0.25rem;
|
|
1229
|
-
color: var(--bs-ink-primary);
|
|
1230
|
-
cursor: pointer;
|
|
1231
|
-
outline-color: var(--bs-primary-base);
|
|
1232
|
-
text-decoration: underline;
|
|
1233
|
-
text-underline-offset: 2px;
|
|
1234
|
-
transition: all var(--bs-transition-quick) var(--bs-transition-ease);
|
|
1235
|
-
}
|
|
1236
|
-
a:where([data-unstyled="true"]) {
|
|
1237
1229
|
color: inherit;
|
|
1230
|
+
cursor: pointer;
|
|
1238
1231
|
text-decoration: none;
|
|
1239
1232
|
}
|
|
1240
|
-
|
|
1241
|
-
|
|
1242
|
-
|
|
1243
|
-
a
|
|
1244
|
-
a
|
|
1245
|
-
|
|
1246
|
-
|
|
1247
|
-
|
|
1248
|
-
|
|
1249
|
-
|
|
1250
|
-
|
|
1251
|
-
|
|
1252
|
-
|
|
1253
|
-
|
|
1233
|
+
/* Link-within-text-block styling */
|
|
1234
|
+
p a,
|
|
1235
|
+
li a,
|
|
1236
|
+
td a,
|
|
1237
|
+
blockquote a,
|
|
1238
|
+
.bs-prose a {
|
|
1239
|
+
&:where(:not([data-unstyled="true"])) {
|
|
1240
|
+
border-radius: 0.25rem;
|
|
1241
|
+
color: var(--bs-ink-primary);
|
|
1242
|
+
outline-color: var(--bs-primary-base);
|
|
1243
|
+
text-decoration: underline;
|
|
1244
|
+
text-underline-offset: 2px;
|
|
1245
|
+
transition: all var(--bs-transition-quick) var(--bs-transition-ease);
|
|
1246
|
+
|
|
1247
|
+
&:where(:visited) {
|
|
1248
|
+
color: var(--bs-ink-secondary);
|
|
1249
|
+
}
|
|
1250
|
+
|
|
1251
|
+
&:where(:focus-visible) {
|
|
1252
|
+
outline-offset: var(--bs-space-1);
|
|
1253
|
+
outline-style: solid;
|
|
1254
|
+
outline-width: 2px;
|
|
1255
|
+
}
|
|
1256
|
+
|
|
1257
|
+
&:where(:focus:not(:focus-visible)) {
|
|
1258
|
+
outline: none;
|
|
1259
|
+
}
|
|
1260
|
+
}
|
|
1254
1261
|
}
|
|
1255
1262
|
/* !! Styles duplicated from components/_deprecated/select.css !! */
|
|
1256
1263
|
/*
|
|
@@ -3015,14 +3022,8 @@ See: https://github.wwt.com/custom-apps/wwt-blue-steel/pull/917
|
|
|
3015
3022
|
--btn-main: var(--bs-negative-base);
|
|
3016
3023
|
--btn-secondary: var(--bs-negative-medium);
|
|
3017
3024
|
}
|
|
3018
|
-
.bs-button:where([data-variant^='accent-1']) {
|
|
3019
|
-
--btn-ghost-ink: var(--bs-ink-accent-1);
|
|
3020
|
-
--btn-highlight: var(--bs-accent-1-base);
|
|
3021
|
-
--btn-light: var(--bs-accent-1-highlight);
|
|
3022
|
-
--btn-main: var(--bs-accent-1-base);
|
|
3023
|
-
--btn-secondary: var(--bs-accent-1-medium);
|
|
3024
|
-
}
|
|
3025
3025
|
/* DEPRECATED - royal blue variant (use accent-1 instead) */
|
|
3026
|
+
.bs-button:where([data-variant^='accent-1']),
|
|
3026
3027
|
.bs-button:where([data-variant^='royal']) {
|
|
3027
3028
|
--btn-ghost-ink: var(--bs-ink-accent-1);
|
|
3028
3029
|
--btn-highlight: var(--bs-accent-1-base);
|
|
@@ -3030,21 +3031,8 @@ See: https://github.wwt.com/custom-apps/wwt-blue-steel/pull/917
|
|
|
3030
3031
|
--btn-main: var(--bs-accent-1-base);
|
|
3031
3032
|
--btn-secondary: var(--bs-accent-1-medium);
|
|
3032
3033
|
}
|
|
3033
|
-
.bs-button:where([data-variant^='accent-2']) {
|
|
3034
|
-
--btn-ghost-ink: var(--bs-ink-accent-2);
|
|
3035
|
-
--btn-highlight: var(--bs-accent-2-base);
|
|
3036
|
-
--btn-light: var(--bs-accent-2-highlight);
|
|
3037
|
-
--btn-main: var(--bs-accent-2-base);
|
|
3038
|
-
--btn-secondary: var(--bs-accent-2-medium);
|
|
3039
|
-
}
|
|
3040
|
-
.bs-button:where([data-variant^='accent-3']) {
|
|
3041
|
-
--btn-ghost-ink: var(--bs-ink-accent-3);
|
|
3042
|
-
--btn-highlight: var(--bs-accent-3-base);
|
|
3043
|
-
--btn-light: var(--bs-accent-3-highlight);
|
|
3044
|
-
--btn-main: var(--bs-accent-3-base);
|
|
3045
|
-
--btn-secondary: var(--bs-accent-3-medium);
|
|
3046
|
-
}
|
|
3047
3034
|
/* DEPRECATED - pink variant (use accent-3 instead) */
|
|
3035
|
+
.bs-button:where([data-variant^='accent-3']),
|
|
3048
3036
|
.bs-button:where([data-variant^='pink']) {
|
|
3049
3037
|
--btn-ghost-ink: var(--bs-ink-accent-3);
|
|
3050
3038
|
--btn-highlight: var(--bs-accent-3-base);
|
|
@@ -3052,6 +3040,13 @@ See: https://github.wwt.com/custom-apps/wwt-blue-steel/pull/917
|
|
|
3052
3040
|
--btn-main: var(--bs-accent-3-base);
|
|
3053
3041
|
--btn-secondary: var(--bs-accent-3-medium);
|
|
3054
3042
|
}
|
|
3043
|
+
.bs-button:where([data-variant^='accent-4']) {
|
|
3044
|
+
--btn-ghost-ink: var(--bs-ink-accent-4);
|
|
3045
|
+
--btn-highlight: var(--bs-accent-4-base);
|
|
3046
|
+
--btn-light: var(--bs-accent-4-highlight);
|
|
3047
|
+
--btn-main: var(--bs-accent-4-base);
|
|
3048
|
+
--btn-secondary: var(--bs-accent-4-medium);
|
|
3049
|
+
}
|
|
3055
3050
|
/* white variant - for dark backgrounds + ghost btn or text btn only */
|
|
3056
3051
|
.bs-button:where([data-variant^='white'][data-ghost]:not([data-ghost="false"])) {
|
|
3057
3052
|
--btn-ghost-ink: var(--bs-ink-white);
|
|
@@ -3503,11 +3498,7 @@ a.bs-circle-button {
|
|
|
3503
3498
|
--btn-secondary: transparent;
|
|
3504
3499
|
--btn-shadow-color-active: transparent;
|
|
3505
3500
|
}
|
|
3506
|
-
.bs-circle-button:where([data-variant="color-primary"])
|
|
3507
|
-
--btn-border-color-focused: var(--bs-ink-primary);
|
|
3508
|
-
--btn-text-color: var(--bs-ink-primary);
|
|
3509
|
-
--btn-text-color-hovered: var(--bs-primary-base);
|
|
3510
|
-
}
|
|
3501
|
+
.bs-circle-button:where([data-variant="color-primary"]),
|
|
3511
3502
|
/* DEPRECATED - blue variant (use primary instead) */
|
|
3512
3503
|
.bs-circle-button:where([data-variant="color-blue"]) {
|
|
3513
3504
|
--btn-border-color-focused: var(--bs-ink-primary);
|
|
@@ -3519,56 +3510,41 @@ a.bs-circle-button {
|
|
|
3519
3510
|
--btn-text-color: var(--bs-ink-positive);
|
|
3520
3511
|
--btn-text-color-hovered: var(--bs-positive-medium);
|
|
3521
3512
|
}
|
|
3522
|
-
|
|
3523
|
-
.bs-circle-button:where([data-variant="color-purple"]) {
|
|
3524
|
-
--btn-border-color-focused: var(--bs-positive-base);
|
|
3525
|
-
--btn-text-color: var(--bs-ink-positive);
|
|
3526
|
-
--btn-text-color-hovered: var(--bs-positive-medium);
|
|
3527
|
-
}
|
|
3528
|
-
.bs-circle-button:where([data-variant="color-warning"]) {
|
|
3529
|
-
--btn-border-color-focused: var(--bs-ink-warning);
|
|
3530
|
-
--btn-text-color: var(--bs-ink-warning);
|
|
3531
|
-
--btn-text-color-hovered: var(--bs-warning-base);
|
|
3532
|
-
}
|
|
3513
|
+
.bs-circle-button:where([data-variant="color-warning"]),
|
|
3533
3514
|
/* DEPRECATED - orange variant (use warning instead) */
|
|
3534
3515
|
.bs-circle-button:where([data-variant="color-orange"]) {
|
|
3535
3516
|
--btn-border-color-focused: var(--bs-ink-warning);
|
|
3536
3517
|
--btn-text-color: var(--bs-ink-warning);
|
|
3537
3518
|
--btn-text-color-hovered: var(--bs-warning-base);
|
|
3538
3519
|
}
|
|
3539
|
-
.bs-circle-button:where([data-variant="color-negative"])
|
|
3540
|
-
--btn-border-color-focused: var(--bs-ink-negative);
|
|
3541
|
-
--btn-text-color: var(--bs-ink-negative);
|
|
3542
|
-
--btn-text-color-hovered: var(--bs-negative-base);
|
|
3543
|
-
}
|
|
3520
|
+
.bs-circle-button:where([data-variant="color-negative"]),
|
|
3544
3521
|
/* DEPRECATED - red variant (use negative instead) */
|
|
3545
3522
|
.bs-circle-button:where([data-variant="color-red"]) {
|
|
3546
|
-
--btn-border-color-focused: var(--bs-ink-
|
|
3523
|
+
--btn-border-color-focused: var(--bs-ink-negative);
|
|
3547
3524
|
--btn-text-color: var(--bs-ink-negative);
|
|
3548
3525
|
--btn-text-color-hovered: var(--bs-negative-base);
|
|
3549
3526
|
}
|
|
3550
|
-
.bs-circle-button:where([data-variant="color-accent-1"])
|
|
3551
|
-
--btn-border-color-focused: var(--bs-ink-accent-1);
|
|
3552
|
-
--btn-text-color: var(--bs-ink-accent-1);
|
|
3553
|
-
--btn-text-color-hovered: var(--bs-accent-1-medium);
|
|
3554
|
-
}
|
|
3527
|
+
.bs-circle-button:where([data-variant="color-accent-1"]),
|
|
3555
3528
|
/* DEPRECATED - royal blue variant (use accent-1 instead) */
|
|
3556
3529
|
.bs-circle-button:where([data-variant="color-royal"]) {
|
|
3557
3530
|
--btn-border-color-focused: var(--bs-ink-accent-1);
|
|
3558
3531
|
--btn-text-color: var(--bs-ink-accent-1);
|
|
3559
3532
|
--btn-text-color-hovered: var(--bs-accent-1-medium);
|
|
3560
3533
|
}
|
|
3561
|
-
.bs-circle-button:where([data-variant="color-accent-3"])
|
|
3562
|
-
--btn-border-color-focused: var(--bs-accent-3-base);
|
|
3563
|
-
--btn-text-color: var(--bs-ink-accent-3);
|
|
3564
|
-
--btn-text-color-hovered: var(--bs-accent-3-medium);
|
|
3565
|
-
}
|
|
3534
|
+
.bs-circle-button:where([data-variant="color-accent-3"]),
|
|
3566
3535
|
/* DEPRECATED - pink variant (use accent-3 instead) */
|
|
3567
3536
|
.bs-circle-button:where([data-variant="color-pink"]) {
|
|
3568
3537
|
--btn-border-color-focused: var(--bs-accent-3-base);
|
|
3569
3538
|
--btn-text-color: var(--bs-ink-accent-3);
|
|
3570
3539
|
--btn-text-color-hovered: var(--bs-accent-3-medium);
|
|
3571
3540
|
}
|
|
3541
|
+
.bs-circle-button:where([data-variant="color-accent-4"]),
|
|
3542
|
+
/* DEPRECATED - purple variant (use accent-4 instead) */
|
|
3543
|
+
.bs-circle-button:where([data-variant="color-purple"]) {
|
|
3544
|
+
--btn-border-color-focused: var(--bs-accent-4-base);
|
|
3545
|
+
--btn-text-color: var(--bs-ink-accent-4);
|
|
3546
|
+
--btn-text-color-hovered: var(--bs-accent-4-medium);
|
|
3547
|
+
}
|
|
3572
3548
|
.bs-circle-button:where([data-variant="color-white"]) {
|
|
3573
3549
|
--btn-border-color-focused: var(--bs-ink-white);
|
|
3574
3550
|
--btn-text-color: var(--bs-ink-white);
|