@wwtdev/bsds-css 3.5.0-rc.0 → 3.5.1

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.
@@ -1 +1 @@
1
- .flow>*+*{margin-top:var(--flow-space,1.25em)}.flow>:where(h1,h2,h3,h4,h5,h6){--flow-space:2em}.flow>:where(hr)+*{--flow-space:1.5em}.flow>:where(h1,h2,h3,h4,h5,h6)+*{--flow-space:.5em}.flow>:where(ul,ol)>:where(li){margin-top:var(--flow-space,0.625em)}.bs-text-ink-blue{color:var(--bs-ink-blue)}.bs-bg-ink-blue{background-color:var(--bs-ink-blue)}.bs-text-ink-orange{color:var(--bs-ink-orange)}.bs-bg-ink-orange{background-color:var(--bs-ink-orange)}.bs-text-ink-pink{color:var(--bs-ink-pink)}.bs-bg-ink-pink{background-color:var(--bs-ink-pink)}.bs-text-ink-plum{color:var(--bs-ink-plum)}.bs-bg-ink-plum{background-color:var(--bs-ink-plum)}.bs-text-ink-purple{color:var(--bs-ink-purple)}.bs-bg-ink-purple{background-color:var(--bs-ink-purple)}.bs-text-ink-red{color:var(--bs-ink-red)}.bs-bg-ink-red{background-color:var(--bs-ink-red)}.bs-text-ink-royal{color:var(--bs-ink-royal)}.bs-bg-ink-royal{background-color:var(--bs-ink-royal)}.bs-text-ink-violet{color:var(--bs-ink-violet)}.bs-bg-ink-violet{background-color:var(--bs-ink-violet)}.bs-text-ink-accent{color:var(--bs-ink-accent)}.bs-bg-ink-accent{background-color:var(--bs-ink-accent)}.bs-text-blue-base{color:var(--bs-blue-base)}.bs-bg-blue-base{background-color:var(--bs-blue-base)}.bs-text-blue-medium{color:var(--bs-blue-medium)}.bs-bg-blue-medium{background-color:var(--bs-blue-medium)}.bs-text-blue-light{color:var(--bs-blue-light)}.bs-bg-blue-light{background-color:var(--bs-blue-light)}.bs-text-blue-lightest{color:var(--bs-blue-lightest)}.bs-bg-blue-lightest{background-color:var(--bs-blue-lightest)}.bs-text-gray-dark{color:var(--bs-gray-dark)}.bs-bg-gray-dark{background-color:var(--bs-gray-dark)}.bs-text-gray-base{color:var(--bs-gray-base)}.bs-bg-gray-base{background-color:var(--bs-gray-base)}.bs-text-gray-medium{color:var(--bs-gray-medium)}.bs-bg-gray-medium{background-color:var(--bs-gray-medium)}.bs-text-gray-light{color:var(--bs-gray-light)}.bs-bg-gray-light{background-color:var(--bs-gray-light)}.bs-text-gray-lightest{color:var(--bs-gray-lightest)}.bs-bg-gray-lightest{background-color:var(--bs-gray-lightest)}.bs-text-navy-base{color:var(--bs-navy-base)}.bs-bg-navy-base{background-color:var(--bs-navy-base)}.bs-text-navy-medium{color:var(--bs-navy-medium)}.bs-bg-navy-medium{background-color:var(--bs-navy-medium)}.bs-text-navy-light{color:var(--bs-navy-light)}.bs-bg-navy-light{background-color:var(--bs-navy-light)}.bs-text-navy-lightest{color:var(--bs-navy-lightest)}.bs-bg-navy-lightest{background-color:var(--bs-navy-lightest)}.bs-text-warning{color:var(--bs-warning)}.bs-bg-warning{background-color:var(--bs-warning)}.bs-text-orange-base{color:var(--bs-orange-base)}.bs-bg-orange-base{background-color:var(--bs-orange-base)}.bs-text-orange-medium{color:var(--bs-orange-medium)}.bs-bg-orange-medium{background-color:var(--bs-orange-medium)}.bs-text-orange-light{color:var(--bs-orange-light)}.bs-bg-orange-light{background-color:var(--bs-orange-light)}.bs-text-orange-lightest{color:var(--bs-orange-lightest)}.bs-bg-orange-lightest{background-color:var(--bs-orange-lightest)}.bs-text-pink-base{color:var(--bs-pink-base)}.bs-bg-pink-base{background-color:var(--bs-pink-base)}.bs-text-pink-medium{color:var(--bs-pink-medium)}.bs-bg-pink-medium{background-color:var(--bs-pink-medium)}.bs-text-pink-light{color:var(--bs-pink-light)}.bs-bg-pink-light{background-color:var(--bs-pink-light)}.bs-text-pink-lightest{color:var(--bs-pink-lightest)}.bs-bg-pink-lightest{background-color:var(--bs-pink-lightest)}.bs-text-plum-base{color:var(--bs-plum-base)}.bs-bg-plum-base{background-color:var(--bs-plum-base)}.bs-text-plum-medium{color:var(--bs-plum-medium)}.bs-bg-plum-medium{background-color:var(--bs-plum-medium)}.bs-text-plum-light{color:var(--bs-plum-light)}.bs-bg-plum-light{background-color:var(--bs-plum-light)}.bs-text-plum-lightest{color:var(--bs-plum-lightest)}.bs-bg-plum-lightest{background-color:var(--bs-plum-lightest)}.bs-text-red-base{color:var(--bs-red-base)}.bs-bg-red-base{background-color:var(--bs-red-base)}.bs-text-red-medium{color:var(--bs-red-medium)}.bs-bg-red-medium{background-color:var(--bs-red-medium)}.bs-text-red-light{color:var(--bs-red-light)}.bs-bg-red-light{background-color:var(--bs-red-light)}.bs-text-red-lightest{color:var(--bs-red-lightest)}.bs-bg-red-lightest{background-color:var(--bs-red-lightest)}.bs-text-royal-base{color:var(--bs-royal-base)}.bs-bg-royal-base{background-color:var(--bs-royal-base)}.bs-text-royal-medium{color:var(--bs-royal-medium)}.bs-bg-royal-medium{background-color:var(--bs-royal-medium)}.bs-text-royal-light{color:var(--bs-royal-light)}.bs-bg-royal-light{background-color:var(--bs-royal-light)}.bs-text-royal-lightest{color:var(--bs-royal-lightest)}.bs-bg-royal-lightest{background-color:var(--bs-royal-lightest)}.bs-text-violet-base{color:var(--bs-violet-base)}.bs-bg-violet-base{background-color:var(--bs-violet-base)}.bs-text-violet-medium{color:var(--bs-violet-medium)}.bs-bg-violet-medium{background-color:var(--bs-violet-medium)}.bs-text-violet-light{color:var(--bs-violet-light)}.bs-bg-violet-light{background-color:var(--bs-violet-light)}.bs-text-violet-lightest{color:var(--bs-violet-lightest)}.bs-bg-violet-lightest{background-color:var(--bs-violet-lightest)}.bs-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:0;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.bs-rounded-none{border-radius:0}.bs-rounded-base{border-radius:var(--bs-rounded-base)}.bs-rounded-half{border-radius:var(--bs-rounded-half)}.bs-rounded-full{border-radius:var(--bs-rounded-full)}.bs-box{--bg-color:var(--bs-bg-medium-to-light);--border-color:transparent;--box-space:var(--bs-space-6);--text-color:var(--bs-ink-base);background:var(--bg-color);border-radius:var(--bs-rounded-base);border:1px solid var(--border-color);color:var(--text-color);padding-bottom:var(--box-space);padding-left:var(--box-space);padding-right:var(--box-space);padding-top:var(--box-space)}.bs-box:where([data-invert="true"]){--bg-color:var(--bs-bg-invert-light);--text-color:var(--bs-ink-invert-base)}.bs-box:where([data-border="true"]){--border-color:var(--bs-border-base)}:where(.bs-box) :is(input,textarea,select):where(:focus-visible),:where(.bs-box) :is(.bs-input,.bs-textarea,.bs-select-deprecated):where(:focus-visible){--offset-color:var(--bs-bg-medium)}:where(.bs-box[data-invert="true"]) :is(input,textarea,select):where(:focus-visible),:where(.bs-box[data-invert="true"]) :is(.bs-input,.bs-textarea,.bs-select-deprecated):where(:focus-visible){--offset-color:var(--bs-bg-invert-base)}:where(.bs-box[data-invert="true"]) .bs-pill{--pill-background:var(--bs-bg-invert-light);--pill-text:var(--bs-gray-100)}:where(.bs-box[data-invert="true"]) :is(a,button).bs-pill:is(:hover,:focus){--pill-border:var(--bs-gray-100)}:where(:where(.dark,[data-theme="wwt-dark"],[data-theme="softchoice-dark"]) .bs-box[data-invert="true"]) .bs-pill{--pill-text:var(--bs-accent-1-base)}:where(:where(.dark,[data-theme="wwt-dark"],[data-theme="softchoice-dark"]) .bs-box[data-invert="true"]) :is(a,button).bs-pill:is(:hover,:focus){--pill-border:var(--bs-accent-1-base)}:where(.bs-box) .bs-switch :where(input:focus-visible)+:where(span),:where(.bs-box) .bs-switch:where(:focus-visible) :where(button span){--offset-color:var(--bs-bg-medium)}:where(.bs-box[data-invert]) .bs-switch :where(input:focus-visible)+:where(span),:where(.bs-box[data-invert]) .bs-switch:where(:focus-visible) :where(button span){--offset-color:var(--bs-bg-invert-base)}.bs-cluster{--cluster-space:var(--bs-space-6);align-items:center;display:flex;flex-wrap:wrap;gap:var(--cluster-space);justify-content:flex-start}.bs-cluster:where([data-brick="true"])>*{align-self:stretch;flex-grow:1}.bs-cluster:where([data-gap="tight"]){--cluster-space:var(--bs-space-2)}.bs-box-shadow-low{box-shadow:var(--bs-shadow-contentLow)}.bs-box-shadow-low-center{box-shadow:var(--bs-shadow-contentLowCenter)}.bs-box-shadow-medium{box-shadow:var(--bs-shadow-contentMedium)}.bs-box-shadow-high{box-shadow:var(--bs-shadow-contentHigh)}.bs-box-shadow-left-panel{box-shadow:var(--bs-shadow-drawerLeft)}.bs-box-shadow-right-panel{box-shadow:var(--bs-shadow-drawerRight)}.bs-box-shadow-profile{box-shadow:var(--bs-shadow-profilePhoto)}.bs-text-xs{font-size:var(--bs-text-xs);font-weight:var(--bs-font-semibold);line-height:var(--bs-leading-lg)}.bs-text-sm{font-size:var(--bs-text-sm);font-weight:var(--bs-font-normal);line-height:var(--bs-leading-lg)}.bs-text-base{font-size:var(--bs-text-base);font-weight:var(--bs-font-normal);line-height:var(--bs-leading-lg)}.bs-text-md{font-size:var(--bs-text-base);font-weight:var(--bs-font-normal);line-height:var(--bs-leading-lg)}@media(min-width:1166px){.bs-text-md{font-size:var(--bs-text-md)}}.bs-text-lg{font-size:var(--bs-text-md);font-weight:var(--bs-font-normal);line-height:var(--bs-leading-regular)}@media(min-width:1166px){.bs-text-lg{font-size:var(--bs-text-lg)}}.bs-text-xl{font-size:var(--bs-text-lg);font-weight:var(--bs-font-normal);line-height:var(--bs-leading-sm)}@media(min-width:1166px){.bs-text-xl{font-size:var(--bs-text-xl)}}.bs-text-2xl{font-size:var(--bs-text-xl);font-weight:var(--bs-font-light);line-height:var(--bs-leading-sm)}@media(min-width:1166px){.bs-text-2xl{font-size:var(--bs-text-2xl)}}.bs-text-3xl{font-size:var(--bs-text-2xl);font-weight:var(--bs-font-light);line-height:var(--bs-leading-sm)}@media(min-width:1166px){.bs-text-3xl{font-size:var(--bs-text-3xl)}}.bs-text-4xl{font-size:var(--bs-text-3xl);font-weight:var(--bs-font-light);line-height:var(--bs-leading-sm)}@media(min-width:1166px){.bs-text-4xl{font-size:var(--bs-text-4xl)}}.bs-text-5xl{font-size:var(--bs-text-4xl);font-weight:var(--bs-font-light);line-height:var(--bs-leading-sm)}@media(min-width:1166px){.bs-text-5xl{font-size:var(--bs-text-5xl)}}.bs-text-6xl{font-size:var(--bs-text-5xl);font-weight:var(--bs-font-light);line-height:var(--bs-leading-sm)}@media(min-width:1166px){.bs-text-6xl{font-size:var(--bs-text-6xl)}}.bs-font-light{font-weight:var(--bs-font-light)}.bs-font-normal{font-weight:var(--bs-font-normal)}.bs-font-semibold{font-weight:var(--bs-font-semibold)}.bs-leading-none{line-height:var(--bs-leading-none)}.bs-leading-sm{line-height:var(--bs-leading-sm)}.bs-leading-regular{line-height:var(--bs-leading-regular)}.bs-leading-lg{line-height:var(--bs-leading-lg)}.bs-prose{--prose-width:70ch;font-size:var(--bs-text-base);font-weight:var(--bs-font-normal);line-height:var(--bs-leading-lg);max-width:var(--prose-width)}@media(min-width:1166px){.bs-prose{font-size:var(--bs-text-md)}}.bs-prose:where([data-width="wide"]){--prose-width:90%}.bs-prose:where([data-width="full"]){--prose-width:100%}.bs-prose>*+*{--prose-space:1.25em;margin-top:var(--prose-space)}.bs-prose>:where(h1,h2,h3,h4,h5,h6){--prose-space:2em}.bs-prose>:where(hr)+*{--prose-space:1.5em}.bs-prose>:where(h1,h2,h3,h4,h5,h6)+*{--prose-space:.5em}.bs-prose>:where(ul,ol)>:where(li){--prose-space:.625em;margin-top:var(--prose-space)}.bs-region{--region-space:var(--bs-space-6);padding-top:var(--region-space);padding-bottom:var(--region-space)}.bs-region:where([data-space='sm']){--region-space:var(--bs-space-3)}.bs-region:where([data-space='lg']){--region-space:var(--bs-space-12)}.bs-transition-quick{transition-duration:var(--bs-transition-quick)}.bs-transition-fast{transition-duration:var(--bs-transition-fast)}.bs-transition-moderate{transition-duration:var(--bs-transition-moderate)}.bs-transition-medium{transition-duration:var(--bs-transition-medium)}.bs-transition-slow{transition-duration:var(--bs-transition-slow)}.bs-transition-leisurely{transition-duration:var(--bs-transition-leisurely)}.bs-transition-long{transition-duration:var(--bs-transition-long)}.bs-transition-ease{transition-timing-function:var(--bs-transition-ease)}.bs-transition-cubic{transition-timing-function:var(--bs-transition-cubic)}.bs-wrapper{--max-width:75rem;--wrapper-space:var(--bs-space-6);margin-left:auto;margin-right:auto;max-width:var(--max-width);min-width:0;padding-left:var(--wrapper-space);padding-right:var(--wrapper-space);position:relative;width:100%}.bs-wrapper:where([data-flush="true"]){padding-left:0;padding-right:0}.bs-bg-base{background-color:var(--bs-bg-base)}.bs-bg-light{background-color:var(--bs-bg-light)}.bs-bg-medium{background-color:var(--bs-bg-medium)}.bs-bg-disabled{background-color:var(--bs-bg-disabled)}.bs-bg-invert-base{background-color:var(--bs-bg-invert-base)}.bs-bg-invert-medium{background-color:var(--bs-bg-invert-medium)}.bs-bg-invert-light{background-color:var(--bs-bg-invert-light)}.bs-bg-base-to-light{background-color:var(--bs-bg-base-to-light)}.bs-bg-base-to-medium{background-color:var(--bs-bg-base-to-medium)}.bs-bg-medium-to-base{background-color:var(--bs-bg-medium-to-base)}.bs-bg-medium-to-light{background-color:var(--bs-bg-medium-to-light)}.bs-bg-light-to-base{background-color:var(--bs-bg-light-to-base)}.bs-bg-light-to-medium{background-color:var(--bs-bg-light-to-medium)}.bs-border-base{border-color:var(--bs-border-base)}.bs-border-medium{border-color:var(--bs-border-medium)}.bs-border-light{border-color:var(--bs-border-light)}.bs-border-dark{border-color:var(--bs-border-dark)}.bs-border-medium-to-light{border-color:var(--bs-border-medium-to-light)}.bs-border-input{border-color:var(--bs-border-input)}.bs-border-active{border-color:var(--bs-border-active)}.bs-border-error{border-color:var(--bs-border-error)}.bs-text-transparent{color:var(--bs-transparent)}.bs-bg-transparent{background-color:var(--bs-transparent)}.bs-border-transparent{border-color:var(--bs-transparent)}.bs-text-inherit{color:var(--bs-inherit)}.bs-bg-inherit{background-color:var(--bs-inherit)}.bs-border-inherit{border-color:var(--bs-inherit)}.bs-text-current{color:var(--bs-current)}.bs-bg-current{background-color:var(--bs-current)}.bs-border-current{border-color:var(--bs-current)}.bs-border-atom-ai{--bg-color:var(--bs-bg-base);background:linear-gradient(var(--bg-color),var(--bg-color)) padding-box,var(--bs-gradient-atom-ai-border) border-box;border:2px solid transparent}.bs-bg-atom-ai{background-image:var(--bs-gradient-atom-ai-bg)}.bs-bg-gradient-dark{background:var(--bs-gradient-dark)}.bs-bg-gradient-light{background:var(--bs-gradient-light)}.bs-bg-gradient-line{background:var(--bs-gradient-line)}.bs-bg-gradient-light-blue-transparent{background:var(--bs-gradient-light-blue-transparent)}.bs-bg-gradient-light-blue-opaque{background:var(--bs-gradient-light-blue-opaque)}.bs-bg-gradient-light-gray{background:var(--bs-gradient-light-gray)}.bs-bg-gradient-blue-top-left{background:var(--bs-gradient-blue-top-left)}.bs-bg-gradient-blue-top-center{background:var(--bs-gradient-blue-top-center)}.bs-bg-gradient-blue-top-right{background:var(--bs-gradient-blue-top-right)}.bs-bg-gradient-blue-mid-left{background:var(--bs-gradient-blue-mid-left)}.bs-bg-gradient-blue-mid-right{background:var(--bs-gradient-blue-mid-right)}.bs-bg-gradient-blue-center{background:var(--bs-gradient-blue-center)}.bs-bg-gradient-blue-bottom-left{background:var(--bs-gradient-blue-bottom-left)}.bs-bg-gradient-blue-bottom-center{background:var(--bs-gradient-blue-bottom-center)}.bs-bg-gradient-blue-bottom-right{background:var(--bs-gradient-blue-bottom-right)}.bs-bg-gradient-softchoice-light{background:var(--bs-gradient-softchoice-light)}.bs-bg-gradient-softchoice-dark{background:var(--bs-gradient-softchoice-dark)}.bs-text-ink-base{color:var(--bs-ink-base)}.bs-bg-ink-base{background-color:var(--bs-ink-base)}.bs-text-ink-medium{color:var(--bs-ink-medium)}.bs-bg-ink-medium{background-color:var(--bs-ink-medium)}.bs-text-ink-light{color:var(--bs-ink-light)}.bs-bg-ink-light{background-color:var(--bs-ink-light)}.bs-text-ink-disabled{color:var(--bs-ink-disabled)}.bs-bg-ink-disabled{background-color:var(--bs-ink-disabled)}.bs-text-ink-invert-base{color:var(--bs-ink-invert-base)}.bs-bg-ink-invert-base{background-color:var(--bs-ink-invert-base)}.bs-text-ink-invert-medium{color:var(--bs-ink-invert-medium)}.bs-bg-ink-invert-medium{background-color:var(--bs-ink-invert-medium)}.bs-text-ink-invert-light{color:var(--bs-ink-invert-light)}.bs-bg-ink-invert-light{background-color:var(--bs-ink-invert-light)}.bs-text-ink-primary{color:var(--bs-ink-primary)}.bs-bg-ink-primary{background-color:var(--bs-ink-primary)}.bs-text-ink-secondary{color:var(--bs-ink-secondary)}.bs-bg-ink-secondary{background-color:var(--bs-ink-secondary)}.bs-text-ink-accent-1{color:var(--bs-ink-accent-1)}.bs-bg-ink-accent-1{background-color:var(--bs-ink-accent-1)}.bs-text-ink-accent-2{color:var(--bs-ink-accent-2)}.bs-bg-ink-accent-2{background-color:var(--bs-ink-accent-2)}.bs-text-ink-accent-3{color:var(--bs-ink-accent-3)}.bs-bg-ink-accent-3{background-color:var(--bs-ink-accent-3)}.bs-text-ink-negative{color:var(--bs-ink-negative)}.bs-bg-ink-negative{background-color:var(--bs-ink-negative)}.bs-text-ink-positive{color:var(--bs-ink-positive)}.bs-bg-ink-positive{background-color:var(--bs-ink-positive)}.bs-text-ink-warning{color:var(--bs-ink-warning)}.bs-bg-ink-warning{background-color:var(--bs-ink-warning)}.bs-text-ink-white{color:var(--bs-ink-white)}.bs-bg-ink-white{background-color:var(--bs-ink-white)}.bs-text-primary-base-fixed{color:var(--bs-primary-base-fixed)}.bs-bg-primary-base-fixed{background-color:var(--bs-primary-base-fixed)}.bs-text-primary-base{color:var(--bs-primary-base)}.bs-bg-primary-base{background-color:var(--bs-primary-base)}.bs-text-primary-medium{color:var(--bs-primary-medium)}.bs-bg-primary-medium{background-color:var(--bs-primary-medium)}.bs-text-primary-light{color:var(--bs-primary-light)}.bs-bg-primary-light{background-color:var(--bs-primary-light)}.bs-text-primary-lightest{color:var(--bs-primary-lightest)}.bs-bg-primary-lightest{background-color:var(--bs-primary-lightest)}.bs-text-primary-highlight{color:var(--bs-primary-highlight)}.bs-bg-primary-highlight{background-color:var(--bs-primary-highlight)}.bs-text-secondary-base-fixed{color:var(--bs-secondary-base-fixed)}.bs-bg-secondary-base-fixed{background-color:var(--bs-secondary-base-fixed)}.bs-text-secondary-base{color:var(--bs-secondary-base)}.bs-bg-secondary-base{background-color:var(--bs-secondary-base)}.bs-text-secondary-medium{color:var(--bs-secondary-medium)}.bs-bg-secondary-medium{background-color:var(--bs-secondary-medium)}.bs-text-secondary-light{color:var(--bs-secondary-light)}.bs-bg-secondary-light{background-color:var(--bs-secondary-light)}.bs-text-secondary-lightest{color:var(--bs-secondary-lightest)}.bs-bg-secondary-lightest{background-color:var(--bs-secondary-lightest)}.bs-text-secondary-highlight{color:var(--bs-secondary-highlight)}.bs-bg-secondary-highlight{background-color:var(--bs-secondary-highlight)}.bs-text-neutral-dark{color:var(--bs-neutral-dark)}.bs-bg-neutral-dark{background-color:var(--bs-neutral-dark)}.bs-text-neutral-base{color:var(--bs-neutral-base)}.bs-bg-neutral-base{background-color:var(--bs-neutral-base)}.bs-text-neutral-medium{color:var(--bs-neutral-medium)}.bs-bg-neutral-medium{background-color:var(--bs-neutral-medium)}.bs-text-neutral-light{color:var(--bs-neutral-light)}.bs-bg-neutral-light{background-color:var(--bs-neutral-light)}.bs-text-neutral-lightest{color:var(--bs-neutral-lightest)}.bs-bg-neutral-lightest{background-color:var(--bs-neutral-lightest)}.bs-text-accent-1-base-fixed{color:var(--bs-accent-1-base-fixed)}.bs-bg-accent-1-base-fixed{background-color:var(--bs-accent-1-base-fixed)}.bs-text-accent-1-base{color:var(--bs-accent-1-base)}.bs-bg-accent-1-base{background-color:var(--bs-accent-1-base)}.bs-text-accent-1-medium{color:var(--bs-accent-1-medium)}.bs-bg-accent-1-medium{background-color:var(--bs-accent-1-medium)}.bs-text-accent-1-light{color:var(--bs-accent-1-light)}.bs-bg-accent-1-light{background-color:var(--bs-accent-1-light)}.bs-text-accent-1-lightest{color:var(--bs-accent-1-lightest)}.bs-bg-accent-1-lightest{background-color:var(--bs-accent-1-lightest)}.bs-text-accent-1-highlight{color:var(--bs-accent-1-highlight)}.bs-bg-accent-1-highlight{background-color:var(--bs-accent-1-highlight)}.bs-text-accent-2-base-fixed{color:var(--bs-accent-2-base-fixed)}.bs-bg-accent-2-base-fixed{background-color:var(--bs-accent-2-base-fixed)}.bs-text-accent-2-base{color:var(--bs-accent-2-base)}.bs-bg-accent-2-base{background-color:var(--bs-accent-2-base)}.bs-text-accent-2-medium{color:var(--bs-accent-2-medium)}.bs-bg-accent-2-medium{background-color:var(--bs-accent-2-medium)}.bs-text-accent-2-light{color:var(--bs-accent-2-light)}.bs-bg-accent-2-light{background-color:var(--bs-accent-2-light)}.bs-text-accent-2-lightest{color:var(--bs-accent-2-lightest)}.bs-bg-accent-2-lightest{background-color:var(--bs-accent-2-lightest)}.bs-text-accent-2-highlight{color:var(--bs-accent-2-highlight)}.bs-bg-accent-2-highlight{background-color:var(--bs-accent-2-highlight)}.bs-text-accent-3-base-fixed{color:var(--bs-accent-3-base-fixed)}.bs-bg-accent-3-base-fixed{background-color:var(--bs-accent-3-base-fixed)}.bs-text-accent-3-base{color:var(--bs-accent-3-base)}.bs-bg-accent-3-base{background-color:var(--bs-accent-3-base)}.bs-text-accent-3-medium{color:var(--bs-accent-3-medium)}.bs-bg-accent-3-medium{background-color:var(--bs-accent-3-medium)}.bs-text-accent-3-light{color:var(--bs-accent-3-light)}.bs-bg-accent-3-light{background-color:var(--bs-accent-3-light)}.bs-text-accent-3-lightest{color:var(--bs-accent-3-lightest)}.bs-bg-accent-3-lightest{background-color:var(--bs-accent-3-lightest)}.bs-text-accent-3-highlight{color:var(--bs-accent-3-highlight)}.bs-bg-accent-3-highlight{background-color:var(--bs-accent-3-highlight)}.bs-text-accent-4-base-fixed{color:var(--bs-accent-4-base-fixed)}.bs-bg-accent-4-base-fixed{background-color:var(--bs-accent-4-base-fixed)}.bs-text-accent-4-base{color:var(--bs-accent-4-base)}.bs-bg-accent-4-base{background-color:var(--bs-accent-4-base)}.bs-text-accent-4-medium{color:var(--bs-accent-4-medium)}.bs-bg-accent-4-medium{background-color:var(--bs-accent-4-medium)}.bs-text-accent-4-light{color:var(--bs-accent-4-light)}.bs-bg-accent-4-light{background-color:var(--bs-accent-4-light)}.bs-text-accent-4-lightest{color:var(--bs-accent-4-lightest)}.bs-bg-accent-4-lightest{background-color:var(--bs-accent-4-lightest)}.bs-text-accent-4-highlight{color:var(--bs-accent-4-highlight)}.bs-bg-accent-4-highlight{background-color:var(--bs-accent-4-highlight)}.bs-text-accent-5-base{color:var(--bs-accent-5-base)}.bs-bg-accent-5-base{background-color:var(--bs-accent-5-base)}.bs-text-accent-5-medium{color:var(--bs-accent-5-medium)}.bs-bg-accent-5-medium{background-color:var(--bs-accent-5-medium)}.bs-text-accent-5-light{color:var(--bs-accent-5-light)}.bs-bg-accent-5-light{background-color:var(--bs-accent-5-light)}.bs-text-accent-5-lightest{color:var(--bs-accent-5-lightest)}.bs-bg-accent-5-lightest{background-color:var(--bs-accent-5-lightest)}.bs-text-accent-5-highlight{color:var(--bs-accent-5-highlight)}.bs-bg-accent-5-highlight{background-color:var(--bs-accent-5-highlight)}.bs-text-accent-6-base{color:var(--bs-accent-6-base)}.bs-bg-accent-6-base{background-color:var(--bs-accent-6-base)}.bs-text-accent-6-medium{color:var(--bs-accent-6-medium)}.bs-bg-accent-6-medium{background-color:var(--bs-accent-6-medium)}.bs-text-accent-6-light{color:var(--bs-accent-6-light)}.bs-bg-accent-6-light{background-color:var(--bs-accent-6-light)}.bs-text-accent-6-lightest{color:var(--bs-accent-6-lightest)}.bs-bg-accent-6-lightest{background-color:var(--bs-accent-6-lightest)}.bs-text-accent-6-highlight{color:var(--bs-accent-6-highlight)}.bs-bg-accent-6-highlight{background-color:var(--bs-accent-6-highlight)}.bs-text-accent-7-base{color:var(--bs-accent-7-base)}.bs-bg-accent-7-base{background-color:var(--bs-accent-7-base)}.bs-text-accent-7-medium{color:var(--bs-accent-7-medium)}.bs-bg-accent-7-medium{background-color:var(--bs-accent-7-medium)}.bs-text-accent-7-light{color:var(--bs-accent-7-light)}.bs-bg-accent-7-light{background-color:var(--bs-accent-7-light)}.bs-text-accent-7-lightest{color:var(--bs-accent-7-lightest)}.bs-bg-accent-7-lightest{background-color:var(--bs-accent-7-lightest)}.bs-text-accent-7-highlight{color:var(--bs-accent-7-highlight)}.bs-bg-accent-7-highlight{background-color:var(--bs-accent-7-highlight)}.bs-text-positive-base{color:var(--bs-positive-base)}.bs-bg-positive-base{background-color:var(--bs-positive-base)}.bs-text-positive-medium{color:var(--bs-positive-medium)}.bs-bg-positive-medium{background-color:var(--bs-positive-medium)}.bs-text-positive-highlight{color:var(--bs-positive-highlight)}.bs-bg-positive-highlight{background-color:var(--bs-positive-highlight)}.bs-text-warning-base{color:var(--bs-warning-base)}.bs-bg-warning-base{background-color:var(--bs-warning-base)}.bs-text-warning-medium{color:var(--bs-warning-medium)}.bs-bg-warning-medium{background-color:var(--bs-warning-medium)}.bs-text-warning-highlight{color:var(--bs-warning-highlight)}.bs-bg-warning-highlight{background-color:var(--bs-warning-highlight)}.bs-text-negative-base{color:var(--bs-negative-base)}.bs-bg-negative-base{background-color:var(--bs-negative-base)}.bs-text-negative-medium{color:var(--bs-negative-medium)}.bs-bg-negative-medium{background-color:var(--bs-negative-medium)}.bs-text-negative-highlight{color:var(--bs-negative-highlight)}.bs-bg-negative-highlight{background-color:var(--bs-negative-highlight)}
1
+ .flow>*+*{margin-top:var(--flow-space,1.25em)}.flow>:where(h1,h2,h3,h4,h5,h6){--flow-space:2em}.flow>:where(hr)+*{--flow-space:1.5em}.flow>:where(h1,h2,h3,h4,h5,h6)+*{--flow-space:.5em}.flow>:where(ul,ol)>:where(li){margin-top:var(--flow-space,0.625em)}.bs-text-ink-blue{color:var(--bs-ink-blue)}.bs-bg-ink-blue{background-color:var(--bs-ink-blue)}.bs-text-ink-orange{color:var(--bs-ink-orange)}.bs-bg-ink-orange{background-color:var(--bs-ink-orange)}.bs-text-ink-pink{color:var(--bs-ink-pink)}.bs-bg-ink-pink{background-color:var(--bs-ink-pink)}.bs-text-ink-plum{color:var(--bs-ink-plum)}.bs-bg-ink-plum{background-color:var(--bs-ink-plum)}.bs-text-ink-purple{color:var(--bs-ink-purple)}.bs-bg-ink-purple{background-color:var(--bs-ink-purple)}.bs-text-ink-red{color:var(--bs-ink-red)}.bs-bg-ink-red{background-color:var(--bs-ink-red)}.bs-text-ink-royal{color:var(--bs-ink-royal)}.bs-bg-ink-royal{background-color:var(--bs-ink-royal)}.bs-text-ink-violet{color:var(--bs-ink-violet)}.bs-bg-ink-violet{background-color:var(--bs-ink-violet)}.bs-text-ink-accent{color:var(--bs-ink-accent)}.bs-bg-ink-accent{background-color:var(--bs-ink-accent)}.bs-text-secondary-base-fixed{color:var(--bs-secondary-base-fixed)}.bs-bg-secondary-base-fixed{background-color:var(--bs-secondary-base-fixed)}.bs-text-accent-1-base-fixed{color:var(--bs-accent-1-base-fixed)}.bs-bg-accent-1-base-fixed{background-color:var(--bs-accent-1-base-fixed)}.bs-text-accent-2-base-fixed{color:var(--bs-accent-2-base-fixed)}.bs-bg-accent-2-base-fixed{background-color:var(--bs-accent-2-base-fixed)}.bs-text-accent-3-base-fixed{color:var(--bs-accent-3-base-fixed)}.bs-bg-accent-3-base-fixed{background-color:var(--bs-accent-3-base-fixed)}.bs-text-accent-4-base-fixed{color:var(--bs-accent-4-base-fixed)}.bs-bg-accent-4-base-fixed{background-color:var(--bs-accent-4-base-fixed)}.bs-text-blue-base{color:var(--bs-blue-base)}.bs-bg-blue-base{background-color:var(--bs-blue-base)}.bs-text-blue-medium{color:var(--bs-blue-medium)}.bs-bg-blue-medium{background-color:var(--bs-blue-medium)}.bs-text-blue-light{color:var(--bs-blue-light)}.bs-bg-blue-light{background-color:var(--bs-blue-light)}.bs-text-blue-lightest{color:var(--bs-blue-lightest)}.bs-bg-blue-lightest{background-color:var(--bs-blue-lightest)}.bs-text-gray-dark{color:var(--bs-gray-dark)}.bs-bg-gray-dark{background-color:var(--bs-gray-dark)}.bs-text-gray-base{color:var(--bs-gray-base)}.bs-bg-gray-base{background-color:var(--bs-gray-base)}.bs-text-gray-medium{color:var(--bs-gray-medium)}.bs-bg-gray-medium{background-color:var(--bs-gray-medium)}.bs-text-gray-light{color:var(--bs-gray-light)}.bs-bg-gray-light{background-color:var(--bs-gray-light)}.bs-text-gray-lightest{color:var(--bs-gray-lightest)}.bs-bg-gray-lightest{background-color:var(--bs-gray-lightest)}.bs-text-navy-base{color:var(--bs-navy-base)}.bs-bg-navy-base{background-color:var(--bs-navy-base)}.bs-text-navy-medium{color:var(--bs-navy-medium)}.bs-bg-navy-medium{background-color:var(--bs-navy-medium)}.bs-text-navy-light{color:var(--bs-navy-light)}.bs-bg-navy-light{background-color:var(--bs-navy-light)}.bs-text-navy-lightest{color:var(--bs-navy-lightest)}.bs-bg-navy-lightest{background-color:var(--bs-navy-lightest)}.bs-text-warning{color:var(--bs-warning)}.bs-bg-warning{background-color:var(--bs-warning)}.bs-text-orange-base{color:var(--bs-orange-base)}.bs-bg-orange-base{background-color:var(--bs-orange-base)}.bs-text-orange-medium{color:var(--bs-orange-medium)}.bs-bg-orange-medium{background-color:var(--bs-orange-medium)}.bs-text-orange-light{color:var(--bs-orange-light)}.bs-bg-orange-light{background-color:var(--bs-orange-light)}.bs-text-orange-lightest{color:var(--bs-orange-lightest)}.bs-bg-orange-lightest{background-color:var(--bs-orange-lightest)}.bs-text-pink-base{color:var(--bs-pink-base)}.bs-bg-pink-base{background-color:var(--bs-pink-base)}.bs-text-pink-medium{color:var(--bs-pink-medium)}.bs-bg-pink-medium{background-color:var(--bs-pink-medium)}.bs-text-pink-light{color:var(--bs-pink-light)}.bs-bg-pink-light{background-color:var(--bs-pink-light)}.bs-text-pink-lightest{color:var(--bs-pink-lightest)}.bs-bg-pink-lightest{background-color:var(--bs-pink-lightest)}.bs-text-plum-base{color:var(--bs-plum-base)}.bs-bg-plum-base{background-color:var(--bs-plum-base)}.bs-text-plum-medium{color:var(--bs-plum-medium)}.bs-bg-plum-medium{background-color:var(--bs-plum-medium)}.bs-text-plum-light{color:var(--bs-plum-light)}.bs-bg-plum-light{background-color:var(--bs-plum-light)}.bs-text-plum-lightest{color:var(--bs-plum-lightest)}.bs-bg-plum-lightest{background-color:var(--bs-plum-lightest)}.bs-text-red-base{color:var(--bs-red-base)}.bs-bg-red-base{background-color:var(--bs-red-base)}.bs-text-red-medium{color:var(--bs-red-medium)}.bs-bg-red-medium{background-color:var(--bs-red-medium)}.bs-text-red-light{color:var(--bs-red-light)}.bs-bg-red-light{background-color:var(--bs-red-light)}.bs-text-red-lightest{color:var(--bs-red-lightest)}.bs-bg-red-lightest{background-color:var(--bs-red-lightest)}.bs-text-royal-base{color:var(--bs-royal-base)}.bs-bg-royal-base{background-color:var(--bs-royal-base)}.bs-text-royal-medium{color:var(--bs-royal-medium)}.bs-bg-royal-medium{background-color:var(--bs-royal-medium)}.bs-text-royal-light{color:var(--bs-royal-light)}.bs-bg-royal-light{background-color:var(--bs-royal-light)}.bs-text-royal-lightest{color:var(--bs-royal-lightest)}.bs-bg-royal-lightest{background-color:var(--bs-royal-lightest)}.bs-text-violet-base{color:var(--bs-violet-base)}.bs-bg-violet-base{background-color:var(--bs-violet-base)}.bs-text-violet-medium{color:var(--bs-violet-medium)}.bs-bg-violet-medium{background-color:var(--bs-violet-medium)}.bs-text-violet-light{color:var(--bs-violet-light)}.bs-bg-violet-light{background-color:var(--bs-violet-light)}.bs-text-violet-lightest{color:var(--bs-violet-lightest)}.bs-bg-violet-lightest{background-color:var(--bs-violet-lightest)}.bs-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:0;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.bs-rounded-none{border-radius:0}.bs-rounded-base{border-radius:var(--bs-rounded-base)}.bs-rounded-full{border-radius:var(--bs-rounded-full)}.bs-box{--bg-color:var(--bs-bg-medium-to-light);--border-color:transparent;--box-space:var(--bs-space-6);--text-color:var(--bs-ink-base);background:var(--bg-color);border-radius:var(--bs-rounded-base);border:1px solid var(--border-color);color:var(--text-color);padding-bottom:var(--box-space);padding-left:var(--box-space);padding-right:var(--box-space);padding-top:var(--box-space)}.bs-box:where([data-invert="true"]){--bg-color:var(--bs-bg-invert-light);--text-color:var(--bs-ink-invert-base)}.bs-box:where([data-border="true"]){--border-color:var(--bs-border-base)}:where(.bs-box) :is(input,textarea,select):where(:focus-visible),:where(.bs-box) :is(.bs-input,.bs-textarea,.bs-select-deprecated):where(:focus-visible){--offset-color:var(--bs-bg-medium)}:where(.bs-box[data-invert="true"]) :is(input,textarea,select):where(:focus-visible),:where(.bs-box[data-invert="true"]) :is(.bs-input,.bs-textarea,.bs-select-deprecated):where(:focus-visible){--offset-color:var(--bs-bg-invert-base)}:where(.bs-box[data-invert="true"]) .bs-pill{--pill-background:var(--bs-bg-invert-light);--pill-text:var(--bs-gray-100)}:where(.bs-box[data-invert="true"]) :is(a,button).bs-pill:is(:hover,:focus){--pill-border:var(--bs-gray-100)}:where(:where(.dark,[data-theme="wwt-dark"],[data-theme="softchoice-dark"]) .bs-box[data-invert="true"]) .bs-pill{--pill-text:var(--bs-accent-1-base)}:where(:where(.dark,[data-theme="wwt-dark"],[data-theme="softchoice-dark"]) .bs-box[data-invert="true"]) :is(a,button).bs-pill:is(:hover,:focus){--pill-border:var(--bs-accent-1-base)}:where(.bs-box) .bs-switch :where(input:focus-visible)+:where(span),:where(.bs-box) .bs-switch:where(:focus-visible) :where(button span){--offset-color:var(--bs-bg-medium)}:where(.bs-box[data-invert]) .bs-switch :where(input:focus-visible)+:where(span),:where(.bs-box[data-invert]) .bs-switch:where(:focus-visible) :where(button span){--offset-color:var(--bs-bg-invert-base)}.bs-cluster{--cluster-space:var(--bs-space-6);align-items:center;display:flex;flex-wrap:wrap;gap:var(--cluster-space);justify-content:flex-start}.bs-cluster:where([data-brick="true"])>*{align-self:stretch;flex-grow:1}.bs-cluster:where([data-gap="tight"]){--cluster-space:var(--bs-space-2)}.bs-box-shadow-low{box-shadow:var(--bs-shadow-contentLow)}.bs-box-shadow-low-center{box-shadow:var(--bs-shadow-contentLowCenter)}.bs-box-shadow-medium{box-shadow:var(--bs-shadow-contentMedium)}.bs-box-shadow-high{box-shadow:var(--bs-shadow-contentHigh)}.bs-box-shadow-left-panel{box-shadow:var(--bs-shadow-drawerLeft)}.bs-box-shadow-right-panel{box-shadow:var(--bs-shadow-drawerRight)}.bs-box-shadow-profile{box-shadow:var(--bs-shadow-profilePhoto)}.bs-text-xs{font-size:var(--bs-text-xs);font-weight:var(--bs-font-semibold);line-height:var(--bs-leading-lg)}.bs-text-sm{font-size:var(--bs-text-sm);font-weight:var(--bs-font-normal);line-height:var(--bs-leading-lg)}.bs-text-base{font-size:var(--bs-text-base);font-weight:var(--bs-font-normal);line-height:var(--bs-leading-lg)}.bs-text-md{font-size:var(--bs-text-base);font-weight:var(--bs-font-normal);line-height:var(--bs-leading-lg)}@media(min-width:1166px){.bs-text-md{font-size:var(--bs-text-md)}}.bs-text-lg{font-size:var(--bs-text-md);font-weight:var(--bs-font-normal);line-height:var(--bs-leading-regular)}@media(min-width:1166px){.bs-text-lg{font-size:var(--bs-text-lg)}}.bs-text-xl{font-size:var(--bs-text-lg);font-weight:var(--bs-font-normal);line-height:var(--bs-leading-sm)}@media(min-width:1166px){.bs-text-xl{font-size:var(--bs-text-xl)}}.bs-text-2xl{font-size:var(--bs-text-xl);font-weight:var(--bs-font-light);line-height:var(--bs-leading-sm)}@media(min-width:1166px){.bs-text-2xl{font-size:var(--bs-text-2xl)}}.bs-text-3xl{font-size:var(--bs-text-2xl);font-weight:var(--bs-font-light);line-height:var(--bs-leading-sm)}@media(min-width:1166px){.bs-text-3xl{font-size:var(--bs-text-3xl)}}.bs-text-4xl{font-size:var(--bs-text-3xl);font-weight:var(--bs-font-light);line-height:var(--bs-leading-sm)}@media(min-width:1166px){.bs-text-4xl{font-size:var(--bs-text-4xl)}}.bs-text-5xl{font-size:var(--bs-text-4xl);font-weight:var(--bs-font-light);line-height:var(--bs-leading-sm)}@media(min-width:1166px){.bs-text-5xl{font-size:var(--bs-text-5xl)}}.bs-text-6xl{font-size:var(--bs-text-5xl);font-weight:var(--bs-font-light);line-height:var(--bs-leading-sm)}@media(min-width:1166px){.bs-text-6xl{font-size:var(--bs-text-6xl)}}.bs-font-light{font-weight:var(--bs-font-light)}.bs-font-normal{font-weight:var(--bs-font-normal)}.bs-font-semibold{font-weight:var(--bs-font-semibold)}.bs-leading-none{line-height:var(--bs-leading-none)}.bs-leading-sm{line-height:var(--bs-leading-sm)}.bs-leading-regular{line-height:var(--bs-leading-regular)}.bs-leading-lg{line-height:var(--bs-leading-lg)}.bs-prose{--prose-width:70ch;font-size:var(--bs-text-base);font-weight:var(--bs-font-normal);line-height:var(--bs-leading-lg);max-width:var(--prose-width)}@media(min-width:1166px){.bs-prose{font-size:var(--bs-text-md)}}.bs-prose:where([data-width="wide"]){--prose-width:90%}.bs-prose:where([data-width="full"]){--prose-width:100%}.bs-prose>*+*{--prose-space:1.25em;margin-top:var(--prose-space)}.bs-prose>:where(h1,h2,h3,h4,h5,h6){--prose-space:2em}.bs-prose>:where(hr)+*{--prose-space:1.5em}.bs-prose>:where(h1,h2,h3,h4,h5,h6)+*{--prose-space:.5em}.bs-prose>:where(ul,ol)>:where(li){--prose-space:.625em;margin-top:var(--prose-space)}.bs-region{--region-space:var(--bs-space-6);padding-top:var(--region-space);padding-bottom:var(--region-space)}.bs-region:where([data-space='sm']){--region-space:var(--bs-space-3)}.bs-region:where([data-space='lg']){--region-space:var(--bs-space-12)}.bs-transition-quick{transition-duration:var(--bs-transition-quick)}.bs-transition-fast{transition-duration:var(--bs-transition-fast)}.bs-transition-moderate{transition-duration:var(--bs-transition-moderate)}.bs-transition-medium{transition-duration:var(--bs-transition-medium)}.bs-transition-slow{transition-duration:var(--bs-transition-slow)}.bs-transition-leisurely{transition-duration:var(--bs-transition-leisurely)}.bs-transition-long{transition-duration:var(--bs-transition-long)}.bs-transition-ease{transition-timing-function:var(--bs-transition-ease)}.bs-transition-cubic{transition-timing-function:var(--bs-transition-cubic)}.bs-wrapper{--max-width:75rem;--wrapper-space:var(--bs-space-6);margin-left:auto;margin-right:auto;max-width:var(--max-width);min-width:0;padding-left:var(--wrapper-space);padding-right:var(--wrapper-space);position:relative;width:100%}.bs-wrapper:where([data-flush="true"]){padding-left:0;padding-right:0}.bs-bg-base{background-color:var(--bs-bg-base)}.bs-bg-light{background-color:var(--bs-bg-light)}.bs-bg-medium{background-color:var(--bs-bg-medium)}.bs-bg-disabled{background-color:var(--bs-bg-disabled)}.bs-bg-invert-base{background-color:var(--bs-bg-invert-base)}.bs-bg-invert-medium{background-color:var(--bs-bg-invert-medium)}.bs-bg-invert-light{background-color:var(--bs-bg-invert-light)}.bs-bg-base-to-light{background-color:var(--bs-bg-base-to-light)}.bs-bg-base-to-medium{background-color:var(--bs-bg-base-to-medium)}.bs-bg-medium-to-base{background-color:var(--bs-bg-medium-to-base)}.bs-bg-medium-to-light{background-color:var(--bs-bg-medium-to-light)}.bs-bg-light-to-base{background-color:var(--bs-bg-light-to-base)}.bs-bg-light-to-medium{background-color:var(--bs-bg-light-to-medium)}.bs-border-base{border-color:var(--bs-border-base)}.bs-border-medium{border-color:var(--bs-border-medium)}.bs-border-light{border-color:var(--bs-border-light)}.bs-border-dark{border-color:var(--bs-border-dark)}.bs-border-medium-to-light{border-color:var(--bs-border-medium-to-light)}.bs-border-input{border-color:var(--bs-border-input)}.bs-border-active{border-color:var(--bs-border-active)}.bs-border-error{border-color:var(--bs-border-error)}.bs-text-transparent{color:var(--bs-transparent)}.bs-bg-transparent{background-color:var(--bs-transparent)}.bs-border-transparent{border-color:var(--bs-transparent)}.bs-text-inherit{color:var(--bs-inherit)}.bs-bg-inherit{background-color:var(--bs-inherit)}.bs-border-inherit{border-color:var(--bs-inherit)}.bs-text-current{color:var(--bs-current)}.bs-bg-current{background-color:var(--bs-current)}.bs-border-current{border-color:var(--bs-current)}.bs-border-atom-ai{--bg-color:var(--bs-bg-base);background:linear-gradient(var(--bg-color),var(--bg-color)) padding-box,var(--bs-gradient-atom-ai-border) border-box;border:2px solid transparent}.bs-bg-atom-ai{background-image:var(--bs-gradient-atom-ai-bg)}.bs-bg-gradient-dark{background:var(--bs-gradient-dark)}.bs-bg-gradient-light{background:var(--bs-gradient-light)}.bs-bg-gradient-line{background:var(--bs-gradient-line)}.bs-bg-gradient-light-blue-transparent{background:var(--bs-gradient-light-blue-transparent)}.bs-bg-gradient-light-blue-opaque{background:var(--bs-gradient-light-blue-opaque)}.bs-bg-gradient-light-gray{background:var(--bs-gradient-light-gray)}.bs-bg-gradient-blue-top-left{background:var(--bs-gradient-blue-top-left)}.bs-bg-gradient-blue-top-center{background:var(--bs-gradient-blue-top-center)}.bs-bg-gradient-blue-top-right{background:var(--bs-gradient-blue-top-right)}.bs-bg-gradient-blue-mid-left{background:var(--bs-gradient-blue-mid-left)}.bs-bg-gradient-blue-mid-right{background:var(--bs-gradient-blue-mid-right)}.bs-bg-gradient-blue-center{background:var(--bs-gradient-blue-center)}.bs-bg-gradient-blue-bottom-left{background:var(--bs-gradient-blue-bottom-left)}.bs-bg-gradient-blue-bottom-center{background:var(--bs-gradient-blue-bottom-center)}.bs-bg-gradient-blue-bottom-right{background:var(--bs-gradient-blue-bottom-right)}.bs-bg-gradient-softchoice-light{background:var(--bs-gradient-softchoice-light)}.bs-bg-gradient-softchoice-dark{background:var(--bs-gradient-softchoice-dark)}.bs-text-ink-base{color:var(--bs-ink-base)}.bs-bg-ink-base{background-color:var(--bs-ink-base)}.bs-text-ink-medium{color:var(--bs-ink-medium)}.bs-bg-ink-medium{background-color:var(--bs-ink-medium)}.bs-text-ink-light{color:var(--bs-ink-light)}.bs-bg-ink-light{background-color:var(--bs-ink-light)}.bs-text-ink-disabled{color:var(--bs-ink-disabled)}.bs-bg-ink-disabled{background-color:var(--bs-ink-disabled)}.bs-text-ink-invert-base{color:var(--bs-ink-invert-base)}.bs-bg-ink-invert-base{background-color:var(--bs-ink-invert-base)}.bs-text-ink-invert-medium{color:var(--bs-ink-invert-medium)}.bs-bg-ink-invert-medium{background-color:var(--bs-ink-invert-medium)}.bs-text-ink-invert-light{color:var(--bs-ink-invert-light)}.bs-bg-ink-invert-light{background-color:var(--bs-ink-invert-light)}.bs-text-ink-primary{color:var(--bs-ink-primary)}.bs-bg-ink-primary{background-color:var(--bs-ink-primary)}.bs-text-ink-secondary{color:var(--bs-ink-secondary)}.bs-bg-ink-secondary{background-color:var(--bs-ink-secondary)}.bs-text-ink-accent-1{color:var(--bs-ink-accent-1)}.bs-bg-ink-accent-1{background-color:var(--bs-ink-accent-1)}.bs-text-ink-accent-2{color:var(--bs-ink-accent-2)}.bs-bg-ink-accent-2{background-color:var(--bs-ink-accent-2)}.bs-text-ink-accent-3{color:var(--bs-ink-accent-3)}.bs-bg-ink-accent-3{background-color:var(--bs-ink-accent-3)}.bs-text-ink-negative{color:var(--bs-ink-negative)}.bs-bg-ink-negative{background-color:var(--bs-ink-negative)}.bs-text-ink-positive{color:var(--bs-ink-positive)}.bs-bg-ink-positive{background-color:var(--bs-ink-positive)}.bs-text-ink-warning{color:var(--bs-ink-warning)}.bs-bg-ink-warning{background-color:var(--bs-ink-warning)}.bs-text-ink-white{color:var(--bs-ink-white)}.bs-bg-ink-white{background-color:var(--bs-ink-white)}.bs-text-primary-base-fixed{color:var(--bs-primary-base-fixed)}.bs-bg-primary-base-fixed{background-color:var(--bs-primary-base-fixed)}.bs-text-primary-base{color:var(--bs-primary-base)}.bs-bg-primary-base{background-color:var(--bs-primary-base)}.bs-text-primary-medium{color:var(--bs-primary-medium)}.bs-bg-primary-medium{background-color:var(--bs-primary-medium)}.bs-text-primary-light{color:var(--bs-primary-light)}.bs-bg-primary-light{background-color:var(--bs-primary-light)}.bs-text-primary-lightest{color:var(--bs-primary-lightest)}.bs-bg-primary-lightest{background-color:var(--bs-primary-lightest)}.bs-text-primary-highlight{color:var(--bs-primary-highlight)}.bs-bg-primary-highlight{background-color:var(--bs-primary-highlight)}.bs-text-secondary-base{color:var(--bs-secondary-base)}.bs-bg-secondary-base{background-color:var(--bs-secondary-base)}.bs-text-secondary-medium{color:var(--bs-secondary-medium)}.bs-bg-secondary-medium{background-color:var(--bs-secondary-medium)}.bs-text-secondary-light{color:var(--bs-secondary-light)}.bs-bg-secondary-light{background-color:var(--bs-secondary-light)}.bs-text-secondary-lightest{color:var(--bs-secondary-lightest)}.bs-bg-secondary-lightest{background-color:var(--bs-secondary-lightest)}.bs-text-secondary-highlight{color:var(--bs-secondary-highlight)}.bs-bg-secondary-highlight{background-color:var(--bs-secondary-highlight)}.bs-text-neutral-dark{color:var(--bs-neutral-dark)}.bs-bg-neutral-dark{background-color:var(--bs-neutral-dark)}.bs-text-neutral-base{color:var(--bs-neutral-base)}.bs-bg-neutral-base{background-color:var(--bs-neutral-base)}.bs-text-neutral-medium{color:var(--bs-neutral-medium)}.bs-bg-neutral-medium{background-color:var(--bs-neutral-medium)}.bs-text-neutral-light{color:var(--bs-neutral-light)}.bs-bg-neutral-light{background-color:var(--bs-neutral-light)}.bs-text-neutral-lightest{color:var(--bs-neutral-lightest)}.bs-bg-neutral-lightest{background-color:var(--bs-neutral-lightest)}.bs-text-accent-1-base{color:var(--bs-accent-1-base)}.bs-bg-accent-1-base{background-color:var(--bs-accent-1-base)}.bs-text-accent-1-medium{color:var(--bs-accent-1-medium)}.bs-bg-accent-1-medium{background-color:var(--bs-accent-1-medium)}.bs-text-accent-1-light{color:var(--bs-accent-1-light)}.bs-bg-accent-1-light{background-color:var(--bs-accent-1-light)}.bs-text-accent-1-lightest{color:var(--bs-accent-1-lightest)}.bs-bg-accent-1-lightest{background-color:var(--bs-accent-1-lightest)}.bs-text-accent-1-highlight{color:var(--bs-accent-1-highlight)}.bs-bg-accent-1-highlight{background-color:var(--bs-accent-1-highlight)}.bs-text-accent-2-base{color:var(--bs-accent-2-base)}.bs-bg-accent-2-base{background-color:var(--bs-accent-2-base)}.bs-text-accent-2-medium{color:var(--bs-accent-2-medium)}.bs-bg-accent-2-medium{background-color:var(--bs-accent-2-medium)}.bs-text-accent-2-light{color:var(--bs-accent-2-light)}.bs-bg-accent-2-light{background-color:var(--bs-accent-2-light)}.bs-text-accent-2-lightest{color:var(--bs-accent-2-lightest)}.bs-bg-accent-2-lightest{background-color:var(--bs-accent-2-lightest)}.bs-text-accent-2-highlight{color:var(--bs-accent-2-highlight)}.bs-bg-accent-2-highlight{background-color:var(--bs-accent-2-highlight)}.bs-text-accent-3-base{color:var(--bs-accent-3-base)}.bs-bg-accent-3-base{background-color:var(--bs-accent-3-base)}.bs-text-accent-3-medium{color:var(--bs-accent-3-medium)}.bs-bg-accent-3-medium{background-color:var(--bs-accent-3-medium)}.bs-text-accent-3-light{color:var(--bs-accent-3-light)}.bs-bg-accent-3-light{background-color:var(--bs-accent-3-light)}.bs-text-accent-3-lightest{color:var(--bs-accent-3-lightest)}.bs-bg-accent-3-lightest{background-color:var(--bs-accent-3-lightest)}.bs-text-accent-3-highlight{color:var(--bs-accent-3-highlight)}.bs-bg-accent-3-highlight{background-color:var(--bs-accent-3-highlight)}.bs-text-accent-4-base{color:var(--bs-accent-4-base)}.bs-bg-accent-4-base{background-color:var(--bs-accent-4-base)}.bs-text-accent-4-medium{color:var(--bs-accent-4-medium)}.bs-bg-accent-4-medium{background-color:var(--bs-accent-4-medium)}.bs-text-accent-4-light{color:var(--bs-accent-4-light)}.bs-bg-accent-4-light{background-color:var(--bs-accent-4-light)}.bs-text-accent-4-lightest{color:var(--bs-accent-4-lightest)}.bs-bg-accent-4-lightest{background-color:var(--bs-accent-4-lightest)}.bs-text-accent-4-highlight{color:var(--bs-accent-4-highlight)}.bs-bg-accent-4-highlight{background-color:var(--bs-accent-4-highlight)}.bs-text-accent-5-base{color:var(--bs-accent-5-base)}.bs-bg-accent-5-base{background-color:var(--bs-accent-5-base)}.bs-text-accent-5-medium{color:var(--bs-accent-5-medium)}.bs-bg-accent-5-medium{background-color:var(--bs-accent-5-medium)}.bs-text-accent-5-light{color:var(--bs-accent-5-light)}.bs-bg-accent-5-light{background-color:var(--bs-accent-5-light)}.bs-text-accent-5-lightest{color:var(--bs-accent-5-lightest)}.bs-bg-accent-5-lightest{background-color:var(--bs-accent-5-lightest)}.bs-text-accent-5-highlight{color:var(--bs-accent-5-highlight)}.bs-bg-accent-5-highlight{background-color:var(--bs-accent-5-highlight)}.bs-text-accent-6-base{color:var(--bs-accent-6-base)}.bs-bg-accent-6-base{background-color:var(--bs-accent-6-base)}.bs-text-accent-6-medium{color:var(--bs-accent-6-medium)}.bs-bg-accent-6-medium{background-color:var(--bs-accent-6-medium)}.bs-text-accent-6-light{color:var(--bs-accent-6-light)}.bs-bg-accent-6-light{background-color:var(--bs-accent-6-light)}.bs-text-accent-6-lightest{color:var(--bs-accent-6-lightest)}.bs-bg-accent-6-lightest{background-color:var(--bs-accent-6-lightest)}.bs-text-accent-6-highlight{color:var(--bs-accent-6-highlight)}.bs-bg-accent-6-highlight{background-color:var(--bs-accent-6-highlight)}.bs-text-accent-7-base{color:var(--bs-accent-7-base)}.bs-bg-accent-7-base{background-color:var(--bs-accent-7-base)}.bs-text-accent-7-medium{color:var(--bs-accent-7-medium)}.bs-bg-accent-7-medium{background-color:var(--bs-accent-7-medium)}.bs-text-accent-7-light{color:var(--bs-accent-7-light)}.bs-bg-accent-7-light{background-color:var(--bs-accent-7-light)}.bs-text-accent-7-lightest{color:var(--bs-accent-7-lightest)}.bs-bg-accent-7-lightest{background-color:var(--bs-accent-7-lightest)}.bs-text-accent-7-highlight{color:var(--bs-accent-7-highlight)}.bs-bg-accent-7-highlight{background-color:var(--bs-accent-7-highlight)}.bs-text-positive-base{color:var(--bs-positive-base)}.bs-bg-positive-base{background-color:var(--bs-positive-base)}.bs-text-positive-medium{color:var(--bs-positive-medium)}.bs-bg-positive-medium{background-color:var(--bs-positive-medium)}.bs-text-positive-highlight{color:var(--bs-positive-highlight)}.bs-bg-positive-highlight{background-color:var(--bs-positive-highlight)}.bs-text-warning-base{color:var(--bs-warning-base)}.bs-bg-warning-base{background-color:var(--bs-warning-base)}.bs-text-warning-medium{color:var(--bs-warning-medium)}.bs-bg-warning-medium{background-color:var(--bs-warning-medium)}.bs-text-warning-highlight{color:var(--bs-warning-highlight)}.bs-bg-warning-highlight{background-color:var(--bs-warning-highlight)}.bs-text-negative-base{color:var(--bs-negative-base)}.bs-bg-negative-base{background-color:var(--bs-negative-base)}.bs-text-negative-medium{color:var(--bs-negative-medium)}.bs-bg-negative-medium{background-color:var(--bs-negative-medium)}.bs-text-negative-highlight{color:var(--bs-negative-highlight)}.bs-bg-negative-highlight{background-color:var(--bs-negative-highlight)}
package/dist/wwt-bsds.css CHANGED
@@ -13,7 +13,7 @@
13
13
  --bs-blue-100: #99cff7;
14
14
  --bs-blue-200: #66b6f2;
15
15
  --bs-blue-300: #339eee;
16
- --bs-blue-400: #0086ea;
16
+ --bs-blue-400: #0074e0;
17
17
  --bs-blue-500: #006dc7;
18
18
  --bs-blue-10-dark: #16202b;
19
19
  --bs-charcoal-100: #f5f5f6;
@@ -345,7 +345,6 @@
345
345
  /* Border Radius */
346
346
  --bs-rounded-base: 0.25rem;
347
347
  --bs-rounded-lg: 0.5rem; /* Note: temporary - will remove when all components are updated to 0.5rem */
348
- --bs-rounded-half: 50%;
349
348
  --bs-rounded-full: calc(infinity * 1px);
350
349
 
351
350
  /* Pill */
@@ -387,15 +386,13 @@
387
386
  --bs-primary-highlight: var(--bs-cobalt-10);
388
387
 
389
388
  /* Secondary */
390
- --bs-secondary-base-fixed: var(--bs-orange-400);
391
- --bs-secondary-base: var(--bs-orange-400);
389
+ --bs-secondary-base: var(--bs-orange-500);
392
390
  --bs-secondary-medium: var(--bs-orange-300);
393
391
  --bs-secondary-light: var(--bs-orange-200);
394
392
  --bs-secondary-lightest: var(--bs-orange-100);
395
393
  --bs-secondary-highlight: var(--bs-orange-10);
396
394
 
397
395
  /* Accent 1 */
398
- --bs-accent-1-base-fixed: var(--bs-midnight-400);
399
396
  --bs-accent-1-base: var(--bs-midnight-400);
400
397
  --bs-accent-1-medium: var(--bs-midnight-300);
401
398
  --bs-accent-1-light: var(--bs-midnight-200);
@@ -403,7 +400,6 @@
403
400
  --bs-accent-1-highlight: var(--bs-midnight-10);
404
401
 
405
402
  /* Accent 4 */
406
- --bs-accent-4-base-fixed: var(--bs-orchid-400);
407
403
  --bs-accent-4-base: var(--bs-orchid-400);
408
404
  --bs-accent-4-medium: var(--bs-orchid-300);
409
405
  --bs-accent-4-light: var(--bs-orchid-200);
@@ -425,7 +421,7 @@
425
421
  --bs-neutral-lightest: var(--bs-charcoal-100);
426
422
 
427
423
  /* Warning */
428
- --bs-warning-base: var(--bs-yellow-400);
424
+ --bs-warning-base: var(--bs-yellow-500);
429
425
  --bs-warning-medium: var(--bs-yellow-300);
430
426
  --bs-warning-highlight: var(--bs-yellow-10);
431
427
 
@@ -444,8 +440,14 @@
444
440
  --bs-bg-light-to-medium: var(--bs-charcoal-100);
445
441
 
446
442
  /* Borders */
447
- --bs-border-active: var(--bs-cobalt-400);
448
- --bs-border-error: var(--bs-maroon-500);
443
+ --bs-border-active: var(--bs-primary-base);
444
+ --bs-border-error: var(--bs-negative-base);
445
+
446
+ /* -------------- Deprecated Color Tokens -------------- */
447
+ /* Fixed (replaced by the regular -base variant) */
448
+ --bs-secondary-base-fixed: var(--bs-secondary-base);
449
+ --bs-accent-1-base-fixed: var(--bs-accent-1-base);
450
+ --bs-accent-4-base-fixed: var(--bs-accent-4-base);
449
451
  }
450
452
  html:where(:has([data-theme="softchoice-dark"])),
451
453
  [data-theme="softchoice-dark"] {
@@ -480,15 +482,13 @@ html:where(:has([data-theme="softchoice-dark"])),
480
482
  --bs-primary-highlight: var(--bs-cobalt-10-dark);
481
483
 
482
484
  /* Secondary */
483
- --bs-secondary-base-fixed: var(--bs-orange-400);
484
- --bs-secondary-base: var(--bs-orange-300);
485
+ --bs-secondary-base: var(--bs-orange-500);
485
486
  --bs-secondary-medium: var(--bs-orange-200);
486
487
  --bs-secondary-light: var(--bs-orange-200);
487
488
  --bs-secondary-lightest: var(--bs-orange-100);
488
489
  --bs-secondary-highlight: var(--bs-orange-10-dark);
489
490
 
490
491
  /* Accent 1 */
491
- --bs-accent-1-base-fixed: var(--bs-midnight-400);
492
492
  --bs-accent-1-base: var(--bs-midnight-300);
493
493
  --bs-accent-1-medium: var(--bs-midnight-200);
494
494
  --bs-accent-1-light: var(--bs-midnight-200);
@@ -502,13 +502,11 @@ html:where(:has([data-theme="softchoice-dark"])),
502
502
  --bs-accent-2-highlight: var(--bs-violet-10-dark);
503
503
 
504
504
  /* Accent 3 */
505
- --bs-accent-3-base: var(--bs-pink-300);
506
505
  --bs-accent-3-medium: var(--bs-pink-200);
507
506
  --bs-accent-3-highlight: var(--bs-pink-10-dark);
508
507
 
509
508
  /* Accent 4 */
510
- --bs-accent-4-base-fixed: var(--bs-orchid-400);
511
- --bs-accent-4-base: var(--bs-orchid-300);
509
+ --bs-accent-4-base: var(--bs-orchid-400);
512
510
  --bs-accent-4-medium: var(--bs-orchid-200);
513
511
  --bs-accent-4-light: var(--bs-orchid-200);
514
512
  --bs-accent-4-lightest: var(--bs-orchid-100);
@@ -541,12 +539,12 @@ html:where(:has([data-theme="softchoice-dark"])),
541
539
  --bs-positive-highlight: var(--bs-green-10-dark);
542
540
 
543
541
  /* Warning */
544
- --bs-warning-base: var(--bs-yellow-400);
542
+ --bs-warning-base: var(--bs-yellow-500);
545
543
  --bs-warning-medium: var(--bs-yellow-300);
546
544
  --bs-warning-highlight: var(--bs-yellow-10-dark);
547
545
 
548
546
  /* Negative */
549
- --bs-negative-base: var(--bs-maroon-300);
547
+ --bs-negative-base: var(--bs-maroon-500);
550
548
  --bs-negative-medium: var(--bs-maroon-200);
551
549
  --bs-negative-highlight: var(--bs-maroon-10-dark);
552
550
 
@@ -571,8 +569,8 @@ html:where(:has([data-theme="softchoice-dark"])),
571
569
  --bs-border-light: rgba(78, 79, 95, 0.5); /* gray-400 at 50% */
572
570
  --bs-border-medium-to-light: rgba(78, 79, 95, 0.5); /* gray-400 at 50% */
573
571
  --bs-border-input: var(--bs-violet-200);
574
- --bs-border-active: var(--bs-cobalt-300);
575
- --bs-border-error: var(--bs-maroon-200);
572
+ --bs-border-active: var(--bs-primary-base);
573
+ --bs-border-error: var(--bs-negative-base);
576
574
 
577
575
  /* Atom gradients */
578
576
  --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);
@@ -590,6 +588,11 @@ html:where(:has([data-theme="softchoice-dark"])),
590
588
  --bs-shadow-profilePhoto: inset 0px 0px 0.5em var(--bs-shadow-secondary);
591
589
 
592
590
  /* -------------- Deprecated Color Tokens -------------- */
591
+ /* Fixed (replaced by the regular -base variant) */
592
+ --bs-secondary-base-fixed: var(--bs-secondary-base);
593
+ --bs-accent-1-base-fixed: var(--bs-accent-1-base);
594
+ --bs-accent-4-base-fixed: var(--bs-accent-4-base);
595
+
593
596
  /* Ink */
594
597
  --bs-ink-blue: var(--bs-cobalt-100); /* replaced by Ink Primary */
595
598
  --bs-ink-orange: var(--bs-yellow-300); /* replaced by Ink Warning */
@@ -701,12 +704,10 @@ html:where(:has(.dark, [data-theme="wwt-dark"])),
701
704
  --bs-accent-2-highlight: var(--bs-violet-10-dark);
702
705
 
703
706
  /* Accent 3 */
704
- --bs-accent-3-base: var(--bs-pink-300);
705
707
  --bs-accent-3-medium: var(--bs-pink-200);
706
708
  --bs-accent-3-highlight: var(--bs-pink-10-dark);
707
709
 
708
710
  /* Accent 4 */
709
- --bs-accent-4-base: var(--bs-purple-300);
710
711
  --bs-accent-4-medium: var(--bs-purple-200);
711
712
  --bs-accent-4-highlight: var(--bs-purple-10-dark);
712
713
 
@@ -735,12 +736,10 @@ html:where(:has(.dark, [data-theme="wwt-dark"])),
735
736
  --bs-positive-highlight: var(--bs-green-10-dark);
736
737
 
737
738
  /* Warning */
738
- --bs-warning-base: var(--bs-orange-400);
739
739
  --bs-warning-medium: var(--bs-orange-300);
740
740
  --bs-warning-highlight: var(--bs-orange-10-dark);
741
741
 
742
742
  /* Negative */
743
- --bs-negative-base: var(--bs-red-300);
744
743
  --bs-negative-medium: var(--bs-red-200);
745
744
  --bs-negative-highlight: var(--bs-red-10-dark);
746
745
 
@@ -766,8 +765,8 @@ html:where(:has(.dark, [data-theme="wwt-dark"])),
766
765
  --bs-border-light: rgba(78, 79, 95, 0.5); /* gray-400 at 50% */
767
766
  --bs-border-medium-to-light: rgba(78, 79, 95, 0.5); /* gray-400 at 50% */
768
767
  --bs-border-input: var(--bs-violet-200);
769
- --bs-border-active: var(--bs-blue-300);
770
- --bs-border-error: var(--bs-red-300);
768
+ --bs-border-active: var(--bs-primary-base);
769
+ --bs-border-error: var(--bs-negative-base);
771
770
 
772
771
  /* Atom gradients */
773
772
  --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);
@@ -834,6 +833,7 @@ html:where(:has(.dark, [data-theme="wwt-dark"])),
834
833
  /* Violet (replaced by Accent 2) */
835
834
  --bs-violet-base: var(--bs-violet-300);
836
835
  }
836
+ /* NOTE: This is the base theme which all other themes override */
837
837
  :root,
838
838
  [data-theme="wwt-light"] {
839
839
  /* Ink */
@@ -864,7 +864,6 @@ html:where(:has(.dark, [data-theme="wwt-dark"])),
864
864
  --bs-primary-highlight: var(--bs-blue-10);
865
865
 
866
866
  /* Secondary */
867
- --bs-secondary-base-fixed: var(--bs-plum-400);
868
867
  --bs-secondary-base: var(--bs-plum-400);
869
868
  --bs-secondary-medium: var(--bs-plum-300);
870
869
  --bs-secondary-light: var(--bs-plum-200);
@@ -872,7 +871,6 @@ html:where(:has(.dark, [data-theme="wwt-dark"])),
872
871
  --bs-secondary-highlight: var(--bs-plum-10);
873
872
 
874
873
  /* Accent 1 */
875
- --bs-accent-1-base-fixed: var(--bs-royal-400);
876
874
  --bs-accent-1-base: var(--bs-royal-400);
877
875
  --bs-accent-1-medium: var(--bs-royal-300);
878
876
  --bs-accent-1-light: var(--bs-royal-200);
@@ -880,7 +878,6 @@ html:where(:has(.dark, [data-theme="wwt-dark"])),
880
878
  --bs-accent-1-highlight: var(--bs-royal-10);
881
879
 
882
880
  /* Accent 2 */
883
- --bs-accent-2-base-fixed: var(--bs-violet-400);
884
881
  --bs-accent-2-base: var(--bs-violet-400);
885
882
  --bs-accent-2-medium: var(--bs-violet-300);
886
883
  --bs-accent-2-light: var(--bs-violet-200);
@@ -888,15 +885,13 @@ html:where(:has(.dark, [data-theme="wwt-dark"])),
888
885
  --bs-accent-2-highlight: var(--bs-violet-10);
889
886
 
890
887
  /* Accent 3 */
891
- --bs-accent-3-base-fixed: var(--bs-pink-400);
892
- --bs-accent-3-base: var(--bs-pink-400);
888
+ --bs-accent-3-base: var(--bs-pink-500);
893
889
  --bs-accent-3-medium: var(--bs-pink-300);
894
890
  --bs-accent-3-light: var(--bs-pink-200);
895
891
  --bs-accent-3-lightest: var(--bs-pink-100);
896
892
  --bs-accent-3-highlight: var(--bs-pink-10);
897
893
 
898
894
  /* Accent 4 */
899
- --bs-accent-4-base-fixed: var(--bs-purple-400);
900
895
  --bs-accent-4-base: var(--bs-purple-400);
901
896
  --bs-accent-4-medium: var(--bs-purple-300);
902
897
  --bs-accent-4-light: var(--bs-purple-200);
@@ -932,7 +927,7 @@ html:where(:has(.dark, [data-theme="wwt-dark"])),
932
927
  --bs-neutral-lightest: var(--bs-gray-100);
933
928
 
934
929
  /* Positive */
935
- --bs-positive-base: var(--bs-green-400);
930
+ --bs-positive-base: var(--bs-green-500);
936
931
  --bs-positive-medium: var(--bs-green-300);
937
932
  --bs-positive-highlight: var(--bs-green-10);
938
933
 
@@ -968,10 +963,17 @@ html:where(:has(.dark, [data-theme="wwt-dark"])),
968
963
  --bs-border-light: var(--bs-gray-100);
969
964
  --bs-border-medium-to-light: var(--bs-gray-150);
970
965
  --bs-border-input: rgba(99, 66, 145, 0.75); /* violet-300 at 75% */
971
- --bs-border-active: var(--bs-blue-400);
972
- --bs-border-error: var(--bs-red-500);
966
+ --bs-border-active: var(--bs-primary-base);
967
+ --bs-border-error: var(--bs-negative-base);
973
968
 
974
969
  /* -------------- Deprecated Color Tokens -------------- */
970
+ /* Fixed (replaced by the regular -base variant) */
971
+ --bs-secondary-base-fixed: var(--bs-secondary-base);
972
+ --bs-accent-1-base-fixed: var(--bs-accent-1-base);
973
+ --bs-accent-2-base-fixed: var(--bs-accent-2-base);
974
+ --bs-accent-3-base-fixed: var(--bs-accent-3-base);
975
+ --bs-accent-4-base-fixed: var(--bs-accent-4-base);
976
+
975
977
  /* Ink */
976
978
  --bs-ink-blue: var(--bs-blue-500); /* replaced by Ink Primary */
977
979
  --bs-ink-orange: var(--bs-orange-500); /* replaced by Ink Warning */
@@ -1349,7 +1351,7 @@ h6 {
1349
1351
  }
1350
1352
 
1351
1353
  :where(input[type='radio']) {
1352
- border-radius: var(--bs-rounded-half);
1354
+ border-radius: var(--bs-rounded-full);
1353
1355
  }
1354
1356
 
1355
1357
  /* Checkbox's checkbox, checkmark. Checkmark is hidden unless checked/indeterminate. */
@@ -1389,7 +1391,7 @@ input:where([type='checkbox']):where(:indeterminate)::after {
1389
1391
  input:where([type='radio'])::before {
1390
1392
  --radio-filled-size: var(--filled-size, 1rem);
1391
1393
  background-color: var(--fill-bg-color, var(--bs-primary-base));
1392
- border-radius: var(--bs-rounded-half);
1394
+ border-radius: var(--bs-rounded-full);
1393
1395
  box-sizing: content-box;
1394
1396
  content: '';
1395
1397
  height: var(--radio-filled-size);
@@ -1399,7 +1401,7 @@ input:where([type='radio'])::before {
1399
1401
 
1400
1402
  input:where([type='radio'])::after {
1401
1403
  background-color: var(--bs-bg-base);
1402
- border-radius: var(--bs-rounded-half);
1404
+ border-radius: var(--bs-rounded-full);
1403
1405
  box-sizing: content-box;
1404
1406
  content: '';
1405
1407
  height: var(--inner-dot-size, 0.375rem);
@@ -3337,7 +3339,7 @@ This must go last to properly override the other classes
3337
3339
  opacity: 0;
3338
3340
  }
3339
3341
  .bs-badge {
3340
- --badge-bg: var(--bs-accent-6-base);
3342
+ --badge-bg: var(--bs-negative-base);
3341
3343
  --badge-text: var(--bs-white);
3342
3344
  display: inline-block;
3343
3345
  }
@@ -3404,7 +3406,7 @@ This must go last to properly override the other classes
3404
3406
  /* Badge COLORS */
3405
3407
 
3406
3408
  .bs-badge:where([data-badge-color^='blue']) {
3407
- --badge-bg: var(--bs-primary-base);
3409
+ --badge-bg: var(--bs-primary-base-fixed);
3408
3410
  }
3409
3411
  .bs-badge:where([data-badge-color^='white']) {
3410
3412
  --badge-bg: var(--bs-white);
@@ -3489,7 +3491,7 @@ This must go last to properly override the other classes
3489
3491
  }
3490
3492
 
3491
3493
  .bs-banner:where([data-variant="negative"]) {
3492
- --banner-bg: var(--bs-accent-6-medium);
3494
+ --banner-bg: var(--bs-negative-base);
3493
3495
  }
3494
3496
 
3495
3497
  @media (min-width: 752px) {
@@ -3505,7 +3507,7 @@ This must go last to properly override the other classes
3505
3507
  --btn-ghost-ink: var(--bs-ink-primary);
3506
3508
  --btn-highlight: var(--bs-primary-lightest);
3507
3509
  --btn-ink: var(--bs-white);
3508
- --btn-main: var(--bs-primary-base);
3510
+ --btn-main: var(--bs-primary-base-fixed);
3509
3511
  --btn-padding: .25rem .75rem;
3510
3512
  --btn-secondary: var(--bs-primary-medium);
3511
3513
  --btn-text-size: var(--bs-text-md);
@@ -4227,7 +4229,7 @@ a.bs-circle-button {
4227
4229
  align-items: center;
4228
4230
  background-color: var(--btn-icon-bg-color);
4229
4231
  border: none;
4230
- border-radius: var(--bs-rounded-half);
4232
+ border-radius: var(--bs-rounded-full);
4231
4233
  color: var(--btn-icon-stroke-color);
4232
4234
  display: inline-flex;
4233
4235
  justify-content: center;
@@ -4239,7 +4241,7 @@ a.bs-circle-button {
4239
4241
 
4240
4242
  .bs-circle-button :where(.bs-circle-button-icon)::before {
4241
4243
  border-color: var(--btn-border-color);
4242
- border-radius: var(--bs-rounded-half);
4244
+ border-radius: var(--bs-rounded-full);
4243
4245
  border-style: solid;
4244
4246
  border-width: 0.125rem;
4245
4247
  content: '';
@@ -5688,7 +5690,7 @@ data-autosize-icons="true" - see above
5688
5690
 
5689
5691
  .bs-boolean :where([type='radio']),
5690
5692
  .bs-radio {
5691
- border-radius: var(--bs-rounded-half);
5693
+ border-radius: var(--bs-rounded-full);
5692
5694
  }
5693
5695
 
5694
5696
  /* Checkbox's checkbox, checkmark. Checkmark is hidden unless checked/indeterminate. */
@@ -5730,7 +5732,7 @@ data-autosize-icons="true" - see above
5730
5732
  .bs-radio::before {
5731
5733
  --radio-filled-size: var(--filled-size, 1rem);
5732
5734
  background-color: var(--fill-bg-color, var(--bs-primary-base));
5733
- border-radius: var(--bs-rounded-half);
5735
+ border-radius: var(--bs-rounded-full);
5734
5736
  box-sizing: content-box;
5735
5737
  content: '';
5736
5738
  height: var(--radio-filled-size);
@@ -5741,7 +5743,7 @@ data-autosize-icons="true" - see above
5741
5743
  .bs-boolean :where([type="radio"])::after,
5742
5744
  .bs-radio::after {
5743
5745
  background-color: var(--bs-bg-base);
5744
- border-radius: var(--bs-rounded-half);
5746
+ border-radius: var(--bs-rounded-full);
5745
5747
  box-sizing: content-box;
5746
5748
  content: '';
5747
5749
  height: var(--inner-dot-size, 0.375rem);
@@ -6264,7 +6266,7 @@ label:where(.bs-label) {
6264
6266
  /* ----- loader dots ----- */
6265
6267
  .bs-loader > :where(*:not(.bs-visually-hidden)) {
6266
6268
  background-color: var(--loader-dot-bg);
6267
- border-radius: var(--bs-rounded-half);
6269
+ border-radius: var(--bs-rounded-full);
6268
6270
  display: block;
6269
6271
  height: var(--loader-dot-size);
6270
6272
  position: absolute;
@@ -6903,7 +6905,7 @@ label:where(.bs-label) {
6903
6905
  --profile-text: 0.8125rem;
6904
6906
 
6905
6907
  aspect-ratio: 1/1;
6906
- border-radius: var(--bs-rounded-half);
6908
+ border-radius: var(--bs-rounded-full);
6907
6909
  color: var(--bs-ink-primary);
6908
6910
  height: var(--profile-size);
6909
6911
  overflow: hidden;
@@ -6923,7 +6925,7 @@ label:where(.bs-label) {
6923
6925
 
6924
6926
  .bs-profile-img::before,
6925
6927
  .bs-profile-img::after {
6926
- border-radius: var(--bs-rounded-half);
6928
+ border-radius: var(--bs-rounded-full);
6927
6929
  border-collapse: collapse;
6928
6930
  height: 100%;
6929
6931
  inset: 0;
@@ -7143,7 +7145,7 @@ a.bs-profile:where([data-layout]):hover {
7143
7145
  }
7144
7146
 
7145
7147
  .bs-spinner:where([data-variant="gradient"]) :where(linearGradient stop) {
7146
- stop-color: var(--bs-secondary-base-fixed);
7148
+ stop-color: var(--bs-secondary-base);
7147
7149
  }
7148
7150
  .bs-spinner:where([data-variant="gradient"]) :where(linearGradient stop:first-child) {
7149
7151
  stop-color: var(--bs-primary-base-fixed);
@@ -7250,7 +7252,7 @@ a.bs-profile:where([data-layout]):hover {
7250
7252
  /* Toggle "ball" */
7251
7253
  .bs-switch :where(span)::before {
7252
7254
  background-color: var(--ball-background);
7253
- border-radius: var(--bs-rounded-half);
7255
+ border-radius: var(--bs-rounded-full);
7254
7256
  box-sizing: border-box;
7255
7257
  content: '';
7256
7258
  height: var(--ball-diameter);
@@ -8195,7 +8197,7 @@ a.bs-text-button {
8195
8197
 
8196
8198
  .bs-vertical-nav-wrapper:where([data-bg-variant="bg-base"]),
8197
8199
  :is(.dark, [data-theme="wwt-dark"], [data-theme="softchoice-dark"]) :where(.bs-vertical-nav-wrapper:where([data-bg-variant="bg-base"])) {
8198
- --active-color: var(--bs-blue-10);
8200
+ --active-color: var(--bs-primary-highlight);
8199
8201
  --bg-color: var(--bs-bg-base);
8200
8202
  --border-color: var(--bs-border-medium);
8201
8203
  --text-color: var(--bs-ink-medium);
@@ -9771,6 +9773,47 @@ a.bs-text-button {
9771
9773
  background-color: var(--bs-ink-accent);
9772
9774
  }
9773
9775
 
9776
+ /* DEPRECATED (use the corresponding -base utility instead) */
9777
+
9778
+ .bs-text-secondary-base-fixed {
9779
+ color: var(--bs-secondary-base-fixed);
9780
+ }
9781
+
9782
+ .bs-bg-secondary-base-fixed {
9783
+ background-color: var(--bs-secondary-base-fixed);
9784
+ }
9785
+
9786
+ .bs-text-accent-1-base-fixed {
9787
+ color: var(--bs-accent-1-base-fixed);
9788
+ }
9789
+
9790
+ .bs-bg-accent-1-base-fixed {
9791
+ background-color: var(--bs-accent-1-base-fixed);
9792
+ }
9793
+
9794
+ .bs-text-accent-2-base-fixed {
9795
+ color: var(--bs-accent-2-base-fixed);
9796
+ }
9797
+
9798
+ .bs-bg-accent-2-base-fixed {
9799
+ background-color: var(--bs-accent-2-base-fixed);
9800
+ }
9801
+
9802
+ .bs-text-accent-3-base-fixed {
9803
+ color: var(--bs-accent-3-base-fixed);
9804
+ }
9805
+
9806
+ .bs-bg-accent-3-base-fixed {
9807
+ background-color: var(--bs-accent-3-base-fixed);
9808
+ }
9809
+
9810
+ .bs-text-accent-4-base-fixed {
9811
+ color: var(--bs-accent-4-base-fixed);
9812
+ }
9813
+
9814
+ .bs-bg-accent-4-base-fixed {
9815
+ background-color: var(--bs-accent-4-base-fixed);
9816
+ }
9774
9817
  /* DEPRECATED (use --bs-primary instead) */
9775
9818
 
9776
9819
  .bs-text-blue-base {
@@ -10104,10 +10147,6 @@ a.bs-text-button {
10104
10147
  border-radius: var(--bs-rounded-base);
10105
10148
  }
10106
10149
 
10107
- .bs-rounded-half {
10108
- border-radius: var(--bs-rounded-half);
10109
- }
10110
-
10111
10150
  .bs-rounded-full {
10112
10151
  border-radius: var(--bs-rounded-full);
10113
10152
  }
@@ -10847,14 +10886,6 @@ a.bs-text-button {
10847
10886
  .bs-bg-primary-highlight {
10848
10887
  background-color: var(--bs-primary-highlight);
10849
10888
  }
10850
- .bs-text-secondary-base-fixed {
10851
- color: var(--bs-secondary-base-fixed);
10852
- }
10853
-
10854
- .bs-bg-secondary-base-fixed {
10855
- background-color: var(--bs-secondary-base-fixed);
10856
- }
10857
-
10858
10889
  .bs-text-secondary-base {
10859
10890
  color: var(--bs-secondary-base);
10860
10891
  }
@@ -10935,14 +10966,6 @@ a.bs-text-button {
10935
10966
  }
10936
10967
  /* Accent Colors */
10937
10968
 
10938
- .bs-text-accent-1-base-fixed {
10939
- color: var(--bs-accent-1-base-fixed);
10940
- }
10941
-
10942
- .bs-bg-accent-1-base-fixed {
10943
- background-color: var(--bs-accent-1-base-fixed);
10944
- }
10945
-
10946
10969
  .bs-text-accent-1-base {
10947
10970
  color: var(--bs-accent-1-base);
10948
10971
  }
@@ -10982,14 +11005,6 @@ a.bs-text-button {
10982
11005
  .bs-bg-accent-1-highlight {
10983
11006
  background-color: var(--bs-accent-1-highlight);
10984
11007
  }
10985
- .bs-text-accent-2-base-fixed {
10986
- color: var(--bs-accent-2-base-fixed);
10987
- }
10988
-
10989
- .bs-bg-accent-2-base-fixed {
10990
- background-color: var(--bs-accent-2-base-fixed);
10991
- }
10992
-
10993
11008
  .bs-text-accent-2-base {
10994
11009
  color: var(--bs-accent-2-base);
10995
11010
  }
@@ -11029,14 +11044,6 @@ a.bs-text-button {
11029
11044
  .bs-bg-accent-2-highlight {
11030
11045
  background-color: var(--bs-accent-2-highlight);
11031
11046
  }
11032
- .bs-text-accent-3-base-fixed {
11033
- color: var(--bs-accent-3-base-fixed);
11034
- }
11035
-
11036
- .bs-bg-accent-3-base-fixed {
11037
- background-color: var(--bs-accent-3-base-fixed);
11038
- }
11039
-
11040
11047
  .bs-text-accent-3-base {
11041
11048
  color: var(--bs-accent-3-base);
11042
11049
  }
@@ -11076,14 +11083,6 @@ a.bs-text-button {
11076
11083
  .bs-bg-accent-3-highlight {
11077
11084
  background-color: var(--bs-accent-3-highlight);
11078
11085
  }
11079
- .bs-text-accent-4-base-fixed {
11080
- color: var(--bs-accent-4-base-fixed);
11081
- }
11082
-
11083
- .bs-bg-accent-4-base-fixed {
11084
- background-color: var(--bs-accent-4-base-fixed);
11085
- }
11086
-
11087
11086
  .bs-text-accent-4-base {
11088
11087
  color: var(--bs-accent-4-base);
11089
11088
  }