@stackoverflow/stacks 3.0.0-beta.0 → 3.0.0-beta.1

package/dist/css/stacks.css

@@ -411,20 +411,23 @@ fieldset {
   position: relative;
 }
 .s-activity-indicator {
-  --_ai-translucent: var(--translucent-secondary);
   --_ai-bg: var(--theme-secondary-400);
   --_ai-fc: var(--white);
+  --_ai-min-size: var(--su-static16);
+  --_ai-p: 0 calc(var(--su-static4) - var(--su-static1));
   background-color: var(--_ai-bg);
-  box-shadow: 0 0 0 var(--su-static4) var(--_ai-translucent);
   color: var(--_ai-fc);
+  min-width: var(--_ai-min-size);
+  min-height: var(--_ai-min-size);
+  padding: var(--_ai-p);
   border-radius: 1000px;
-  display: inline-block;
+  display: inline-flex;
   font-size: var(--fs-fine);
-  font-weight: 700;
+  font-weight: 600;
   line-height: 1.1;
-  min-width: var(--su-static12);
-  min-height: var(--su-static12);
-  padding: var(--su2) var(--su4);
+  text-align: center;
+  align-items: center;
+  justify-content: center;
   text-transform: uppercase;
 }
 body.theme-highcontrast .s-activity-indicator {
@@ -432,14 +435,12 @@ body.theme-highcontrast .s-activity-indicator {
 }
 .s-activity-indicator.s-activity-indicator__danger {
   --_ai-bg: var(--red-400);
-  --_ai-translucent: var(--translucent-error);
 }
 body.theme-highcontrast .s-activity-indicator.s-activity-indicator__danger {
   --_ai-bg: var(--red-500);
 }
 .s-activity-indicator.s-activity-indicator__success {
   --_ai-bg: var(--green-400);
-  --_ai-translucent: var(--translucent-success);
 }
 body.theme-highcontrast .s-activity-indicator.s-activity-indicator__success {
   --_ai-bg: var(--green-500);
@@ -447,12 +448,15 @@ body.theme-highcontrast .s-activity-indicator.s-activity-indicator__success {
 .s-activity-indicator.s-activity-indicator__warning {
   --_ai-bg: var(--yellow-400);
   --_ai-fc: var(--_black-static);
-  --_ai-translucent: var(--translucent-warning);
 }
 body.theme-highcontrast .s-activity-indicator.s-activity-indicator__warning {
   --_ai-bg: var(--yellow-500);
   --_ai-fc: var(--white);
 }
+.s-activity-indicator.s-activity-indicator__sm {
+  --_ai-min-size: calc(var(--su-static8) + var(--su-static2));
+  --_ai-p: 0;
+}
 .s-anchors.s-anchors__underlined a:not(.s-link),
 .s-anchors.s-anchors__underlined .s-btn.s-btn__link {
   text-decoration: underline;
@@ -544,11 +548,9 @@ body.theme-highcontrast .s-activity-indicator.s-activity-indicator__warning {
 .s-avatar {
   --_av-size: var(--su-static16);
   --_av-bg: var(--_white-static);
-  --_av-br: var(--br-sm);
   --_av-fs-letter: calc(var(--su-static12) - var(--su-static1));
   --_av-scale-badge: 1;
   background-color: var(--_av-bg);
-  border-radius: var(--_av-br);
   height: var(--_av-size);
   width: var(--_av-size);
   background-repeat: no-repeat;
@@ -565,13 +567,8 @@ body.theme-highcontrast .s-avatar {
 body.theme-highcontrast .s-avatar .s-avatar--letter {
   color: var(--white);
 }
-.s-avatar.s-avatar__32,
-.s-avatar.s-avatar__48 {
-  --_av-br: var(--br-md);
-}
 .s-avatar.s-avatar__96,
 .s-avatar.s-avatar__128 {
-  --_av-br: calc(var(--br-lg) + var(--br-sm));
   --_av-scale-badge: 3;
 }
 .s-avatar.s-avatar__24 {
@@ -591,7 +588,6 @@ body.theme-highcontrast .s-avatar .s-avatar--letter {
 }
 .s-avatar.s-avatar__64 {
   --_av-size: var(--su-static64);
-  --_av-br: var(--br-lg);
   --_av-fs-letter: calc(var(--su-static48) - var(--su-static4));
   --_av-scale-badge: 2.4;
 }
@@ -611,7 +607,6 @@ body.theme-highcontrast .s-avatar .s-avatar--letter {
   transform: scale(var(--_av-scale-badge));
 }
 .s-avatar .s-avatar--image {
-  border-radius: var(--_av-br);
   display: block;
   height: var(--_av-size);
   width: var(--_av-size);
@@ -629,6 +624,13 @@ body.theme-highcontrast .s-avatar .s-avatar--letter {
   -ms-user-select: none;
   user-select: none;
 }
+.s-avatar .s-avatar--indicator {
+  box-shadow: 0 0 0 var(--su-static2) var(--white);
+  bottom: 100%;
+  left: 100%;
+  position: absolute;
+  transform: translate(-50%, 60%);
+}
 .s-award-bling {
   --_ab-before-bg: unset;
   align-items: center;
@@ -677,7 +679,7 @@ body.theme-highcontrast .s-avatar .s-avatar--letter {
   padding: var(--_ba-py) var(--_ba-px);
   text-transform: var(--_ba-tt);
   align-items: center;
-  border-radius: var(--br-sm);
+  border-radius: var(--br-md);
   display: inline-flex;
   justify-content: center;
   text-decoration: none;
@@ -1043,7 +1045,7 @@ body.theme-highcontrast .s-banner__warning.s-banner__important {
   background-color: var(--_no-code-bg);
   color: var(--_no-code-fc);
   outline: var(--su-static1) solid var(--_no-code-bc);
-  border-radius: var(--br-sm);
+  border-radius: var(--br-md);
   padding-left: var(--su2);
   padding-right: var(--su2);
 }
@@ -1168,7 +1170,7 @@ a.s-block-link:focus-visible,
 .s-block-link:focus-visible,
 a.s-block-link.focus-inset,
 .s-block-link.focus-inset {
-  border-radius: var(--br-sm);
+  border-radius: var(--br-md);
 }
 .s-breadcrumbs {
   --_br-divider-px: var(--su4);
@@ -1497,7 +1499,7 @@ p .s-btn.s-btn__link {
 }
 .s-btn.s-btn__md {
   --_bu-fs: var(--fs-body3);
-  --_bu-br: calc(var(--br-sm) + var(--su-static1));
+  --_bu-br: calc(var(--br-md) + var(--su-static1));
   --_bu-p: 0.7em;
 }
 body.theme-highcontrast .s-btn.s-btn__danger,
@@ -1634,7 +1636,7 @@ body.theme-highcontrast .s-btn.s-btn__github {
 .s-btn .s-btn--badge {
   opacity: var(--_bu-badge-o);
   display: inline-block;
-  border-radius: var(--br-sm);
+  border-radius: var(--br-md);
   padding: var(--su2) calc(var(--su4) - var(--su1));
   font-size: var(--fs-caption);
   line-height: var(--lh-xs);
@@ -1725,7 +1727,7 @@ body.theme-highcontrast .s-btn.s-btn__github {
   margin-right: calc(var(--su-static1) * -1);
 }
 .s-btn-group .s-btn {
-  --_bu-br: var(--br-sm);
+  --_bu-br: var(--br-md);
   --_bu-bc-hover: transparent;
   --_bu-px: calc(var(--su12) - var(--su1));
   --_bu-py: calc(var(--su6) + 0.65px);
@@ -1768,7 +1770,7 @@ body.theme-highcontrast .s-btn.s-btn__github {
   --_ca-bc: var(--bc-medium);
   border: var(--su-static1) solid var(--_ca-bc);
   background-color: var(--white);
-  border-radius: var(--br-sm);
+  border-radius: var(--br-md);
   padding: var(--su12);
 }
 a.s-card {
@@ -1862,7 +1864,7 @@ input.s-radio {
   background-position: center center;
   background-repeat: no-repeat;
   background-size: contain;
-  border-radius: var(--br-sm);
+  border-radius: var(--br-md);
 }
 @media (prefers-color-scheme: dark) {
   body.theme-system .s-checkbox:checked {
@@ -2315,7 +2317,7 @@ body.theme-highcontrast .has-warning .s-textarea {
 .s-textarea.s-input__md,
 .s-textarea.s-textarea__md {
   --_in-fs: var(--fs-body3);
-  --_in-br: calc(var(--br-sm) + var(--su-static1));
+  --_in-br: calc(var(--br-md) + var(--su-static1));
 }
 @supports (-webkit-overflow-scrolling: touch) {
   .s-input.s-input__md,
@@ -2331,7 +2333,7 @@ body.theme-highcontrast .has-warning .s-textarea {
 .s-textarea.s-input__lg,
 .s-textarea.s-textarea__lg {
   --_in-fs: var(--fs-title);
-  --_in-br: calc(var(--br-sm) + var(--su-static1));
+  --_in-br: calc(var(--br-md) + var(--su-static1));
   --_in-px: 0.6em;
   --_in-py: 0.45em;
 }
@@ -2762,7 +2764,7 @@ p .s-link {
   --_lp-misc-pl: var(--su4);
   --_lp-misc-pt: unset;
   border: var(--su-static1) solid var(--bc-medium);
-  border-radius: var(--br-sm);
+  border-radius: var(--br-md);
   box-shadow: var(--bs-sm);
   text-align: left;
 }
@@ -2815,8 +2817,8 @@ body.theme-highcontrast .s-link-preview {
 .s-link-preview .s-link-preview--footer {
   background: var(--_lp-footer-bg);
   flex-direction: var(--_lp-footer-fd);
-  border-bottom-left-radius: var(--br-sm);
-  border-bottom-right-radius: var(--br-sm);
+  border-bottom-left-radius: var(--br-md);
+  border-bottom-right-radius: var(--br-md);
   border-top: var(--su-static1) solid var(--bc-medium);
   display: flex;
   font-size: var(--fs-caption);
@@ -2826,8 +2828,8 @@ body.theme-highcontrast .s-link-preview {
 .s-link-preview .s-link-preview--header {
   background: var(--_lp-header-bg);
   border-bottom: var(--su-static1) solid var(--bc-medium);
-  border-top-left-radius: var(--br-sm);
-  border-top-right-radius: var(--br-sm);
+  border-top-left-radius: var(--br-md);
+  border-top-right-radius: var(--br-md);
   display: flex;
   padding: var(--su12) var(--su8);
 }
@@ -3012,7 +3014,7 @@ body.theme-highcontrast.theme-dark .s-modal {
   scrollbar-color: var(--scrollbar) transparent;
   backface-visibility: hidden;
   background-color: var(--_mo-dialog-bg);
-  border-radius: var(--br-lg);
+  border-radius: var(--br-md);
   box-shadow: var(--bs-lg);
   max-height: 100%;
   max-width: 600px;
@@ -3385,7 +3387,7 @@ body.theme-highcontrast .s-notice__warning.s-notice__important {
   background-color: var(--_no-code-bg);
   color: var(--_no-code-fc);
   outline: var(--su-static1) solid var(--_no-code-bc);
-  border-radius: var(--br-sm);
+  border-radius: var(--br-md);
   padding-left: var(--su2);
   padding-right: var(--su2);
 }
@@ -3468,7 +3470,7 @@ ul.s-pagination {
   background-color: var(--_pa-item-bg);
   border: 1px solid var(--_pa-item-bc);
   color: var(--_pa-item-fc);
-  border-radius: var(--br-sm);
+  border-radius: var(--br-md);
   display: inline-block;
   font-size: var(--fs-body1);
   line-height: var(--lh-xl);
@@ -3522,17 +3524,6 @@ body.theme-highcontrast .s-pagination .s-pagination--item {
   --_po-d: none;
   --_po-wmn: 12rem;
   --_po-w: 100%;
-  --_po-arrow-fc: var(--white);
-  --_po-arrow-b: unset;
-  --_po-arrow-l: unset;
-  --_po-arrow-r: unset;
-  --_po-arrow-t: unset;
-  --_po-arrow-ps: calc(var(--su6) * -1);
-  --_po-arrow-after-b: unset;
-  --_po-arrow-after-l: unset;
-  --_po-arrow-after-r: unset;
-  --_po-arrow-after-t: unset;
-  --_po-arrow-after-bs: unset;
   --_po-topbar-height: var(--theme-topbar-height, calc(var(--su-static48) + var(--su-static8)));
   --_po-content-mxh: calc(100vh - var(--_po-topbar-height) - var(--su48));
   background-color: var(--_po-bg);
@@ -3555,7 +3546,6 @@ body.theme-highcontrast .s-pagination .s-pagination--item {
     --_po-bg: var(--black-200);
     --_po-bc: var(--bc-light);
     --_po-bs: var(--bs-lg);
-    --_po-arrow-fc: var(--black-200);
   }
 }
 body.theme-dark .s-popover,
@@ -3564,7 +3554,6 @@ body.theme-system .theme-dark__forced .s-popover {
   --_po-bg: var(--black-200);
   --_po-bc: var(--bc-light);
   --_po-bs: var(--bs-lg);
-  --_po-arrow-fc: var(--black-200);
 }
 .s-popover.is-visible {
   --_po-d: block;
@@ -3573,108 +3562,6 @@ body.theme-system .theme-dark__forced .s-popover {
   --_po-wmn: unset;
   --_po-w: auto;
 }
-.s-popover[data-popper-placement^="top"] > .s-popover--arrow,
-.s-popover .s-popover--arrow__bc,
-.s-popover .s-popover--arrow__bl,
-.s-popover .s-popover--arrow__br {
-  --_po-arrow-b: var(--_po-arrow-ps);
-  --_po-arrow-after-b: var(--su-static1);
-  --_po-arrow-after-bs: 2px 2px 5px 0 hsla(0, 0%, 0%, 0.07), 2px 2px 2px -1px hsla(0, 0%, 0%, 0.1);
-}
-body.theme-highcontrast .s-popover[data-popper-placement^="top"] > .s-popover--arrow,
-body.theme-highcontrast .s-popover .s-popover--arrow__bc,
-body.theme-highcontrast .s-popover .s-popover--arrow__bl,
-body.theme-highcontrast .s-popover .s-popover--arrow__br {
-  --_po-arrow-after-bs: 1px 1px 0 0 var(--bc-medium);
-}
-.s-popover[data-popper-placement^="bottom"] > .s-popover--arrow,
-.s-popover .s-popover--arrow__tc,
-.s-popover .s-popover--arrow__tl,
-.s-popover .s-popover--arrow__tr {
-  --_po-arrow-t: var(--_po-arrow-ps);
-  --_po-arrow-after-t: var(--su-static1);
-  --_po-arrow-after-bs: -1px -1px 1px 0 hsla(0, 0%, 0%, 0.12);
-}
-body.theme-highcontrast .s-popover[data-popper-placement^="bottom"] > .s-popover--arrow,
-body.theme-highcontrast .s-popover .s-popover--arrow__tc,
-body.theme-highcontrast .s-popover .s-popover--arrow__tl,
-body.theme-highcontrast .s-popover .s-popover--arrow__tr {
-  --_po-arrow-after-bs: -1px -1px 0 0 var(--bc-medium);
-}
-.s-popover[data-popper-placement^="left"] > .s-popover--arrow,
-.s-popover .s-popover--arrow__rc,
-.s-popover .s-popover--arrow__rt,
-.s-popover .s-popover--arrow__rb {
-  --_po-arrow-r: var(--_po-arrow-ps);
-  --_po-arrow-after-r: var(--su-static1);
-  --_po-arrow-after-bs: 2px -2px 5px 0 hsla(0, 0%, 0%, 0.07), 2px -2px 2px -1px hsla(0, 0%, 0%, 0.1);
-}
-body.theme-highcontrast .s-popover[data-popper-placement^="left"] > .s-popover--arrow,
-body.theme-highcontrast .s-popover .s-popover--arrow__rc,
-body.theme-highcontrast .s-popover .s-popover--arrow__rt,
-body.theme-highcontrast .s-popover .s-popover--arrow__rb {
-  --_po-arrow-after-bs: 1px -1px 0 0 var(--bc-medium);
-}
-.s-popover[data-popper-placement^="right"] > .s-popover--arrow,
-.s-popover .s-popover--arrow__lc,
-.s-popover .s-popover--arrow__lt,
-.s-popover .s-popover--arrow__lb {
-  --_po-arrow-l: var(--_po-arrow-ps);
-  --_po-arrow-after-l: var(--su-static1);
-  --_po-arrow-after-bs: -2px 2px 5px 0 hsla(0, 0%, 0%, 0.07), -2px 2px 2px -1px hsla(0, 0%, 0%, 0.1);
-}
-body.theme-highcontrast .s-popover[data-popper-placement^="right"] > .s-popover--arrow,
-body.theme-highcontrast .s-popover .s-popover--arrow__lc,
-body.theme-highcontrast .s-popover .s-popover--arrow__lt,
-body.theme-highcontrast .s-popover .s-popover--arrow__lb {
-  --_po-arrow-after-bs: -1px 1px 0 0 var(--bc-medium);
-}
-.s-popover .s-popover--arrow__tc,
-.s-popover .s-popover--arrow__bc {
-  --_po-arrow-l: calc(50% - var(--su6));
-}
-.s-popover .s-popover--arrow__lc,
-.s-popover .s-popover--arrow__rc {
-  --_po-arrow-t: calc(50% - var(--su6));
-}
-.s-popover .s-popover--arrow__tr,
-.s-popover .s-popover--arrow__br {
-  --_po-arrow-r: var(--su12);
-}
-.s-popover .s-popover--arrow__rb,
-.s-popover .s-popover--arrow__lb {
-  --_po-arrow-b: var(--su12);
-}
-.s-popover .s-popover--arrow {
-  bottom: var(--_po-arrow-b);
-  color: var(--_po-arrow-fc);
-  left: var(--_po-arrow-l);
-  right: var(--_po-arrow-r);
-  top: var(--_po-arrow-t);
-}
-.s-popover .s-popover--arrow,
-.s-popover .s-popover--arrow:before,
-.s-popover .s-popover--arrow:after {
-  display: block;
-  height: var(--su12);
-  position: absolute;
-  width: var(--su12);
-  z-index: -1;
-}
-.s-popover .s-popover--arrow:before,
-.s-popover .s-popover--arrow:after {
-  content: '';
-  transform: rotate(45deg);
-}
-.s-popover .s-popover--arrow:after {
-  bottom: var(--_po-arrow-after-b);
-  box-shadow: var(--_po-arrow-after-bs);
-  left: var(--_po-arrow-after-l);
-  right: var(--_po-arrow-after-r);
-  top: var(--_po-arrow-after-t);
-  background: currentColor;
-  border-radius: calc(var(--su-static1) * 1.5);
-}
 .s-popover .s-popover--close {
   float: right;
   top: calc(var(--su8) * -1);
@@ -4091,7 +3978,7 @@ body.theme-highcontrast .s-post-summary .s-post-summary--answer:before {
 .s-post-summary .s-post-summary--stats-item.is-pinned,
 .s-post-summary .s-post-summary--stats-item.is-published,
 .s-post-summary .s-post-summary--stats-item.is-review {
-  border-radius: var(--br-sm);
+  border-radius: var(--br-md);
   padding: var(--su2) var(--su4);
 }
 .s-post-summary .s-post-summary--stats-item.has-answers {
@@ -4152,13 +4039,13 @@ body.theme-highcontrast .s-post-summary .s-post-summary--answer:before {
   font-weight: 500;
 }
 .s-progress {
-  --_pr-bar: var(--br-sm);
+  --_pr-bar: var(--br-md);
   --_pr-bg: var(--black-300);
   --_pr-h: unset;
   --_pr-size: unset;
   --_pr-w: 100%;
   --_pr-hmn: var(--su-static4);
-  --_pr-bar-bar: var(--br-sm);
+  --_pr-bar-bar: var(--br-md);
   --_pr-bar-bg: var(--green-400);
   --_pr-bar-hmn: var(--su-static4);
   --_pr-label-ai: unset;
@@ -4456,7 +4343,7 @@ body.theme-highcontrast .s-prose {
   padding: var(--su2) var(--su4);
   color: var(--black-600);
   background-color: var(--black-200);
-  border-radius: var(--br-sm);
+  border-radius: var(--br-md);
 }
 .s-prose blockquote:last-child,
 .s-prose dl:last-child,
@@ -4741,7 +4628,7 @@ body.theme-highcontrast .s-prose {
   border-top-color: var(--_pr-kbd-btc, var(--_pr-kbd-bc));
   box-shadow: var(--_pr-kbd-bs);
   background-color: var(--black-200);
-  border-radius: var(--br-sm);
+  border-radius: var(--br-md);
   color: var(--black-600);
   display: inline-block;
   font-family: var(--ff-sans);
@@ -4906,12 +4793,12 @@ body.theme-highcontrast .s-prose {
 }
 .s-select.s-select__md {
   --_se-select-fs: var(--fs-body3);
-  --_se-select-br: calc(var(--br-sm) + var(--su-static1));
+  --_se-select-br: calc(var(--br-md) + var(--su-static1));
   --_se-select-py: 0.5em;
 }
 .s-select.s-select__lg {
   --_se-select-fs: var(--fs-title);
-  --_se-select-br: calc(var(--br-sm) + var(--su-static1));
+  --_se-select-br: calc(var(--br-md) + var(--su-static1));
   --_se-select-px: 0.6em;
   --_se-select-py: 0.45em;
 }
@@ -5231,7 +5118,7 @@ body.theme-highcontrast .s-skeleton {
 .s-skeleton:before {
   background-image: linear-gradient(to right, var(--_sk-bg-1) 8%, var(--_sk-bg-2) 16%, var(--_sk-bg-3) 25%, var(--_sk-bg-1) 42%, var(--_sk-bg-2) 58%, var(--_sk-bg-3) 75%, var(--_sk-bg-1) 83%);
   background-size: 400% 100%;
-  border-radius: var(--br-lg);
+  border-radius: var(--br-md);
   display: block;
   height: var(--su16);
   position: relative;
@@ -5635,7 +5522,7 @@ body.theme-highcontrast .s-skeleton {
   --_ta-bc-hover: var(--theme-tag-hover-border-color, var(--_ta-bg-hover));
   --_ta-bg-hover: var(--theme-tag-hover-background-color, var(--black-200));
   --_ta-fc-hover: var(--theme-tag-hover-color, var(--black-600));
-  --_ta-br: var(--br-sm);
+  --_ta-br: var(--br-md);
   --_ta-fs: var(--fs-caption);
   --_ta-lh: 1.84615385;
   --_ta-pl: var(--_ta-px);
@@ -5678,7 +5565,7 @@ body.theme-highcontrast .s-tag:not(body.theme-highcontrast .s-tag__moderator):no
   --_ta-lh: 1.73333333;
 }
 .s-tag.s-tag__lg {
-  --_ta-br: calc(var(--br-sm) + var(--su-static1));
+  --_ta-br: calc(var(--br-md) + var(--su-static1));
   --_ta-fs: var(--fs-subheading);
   --_ta-lh: 1.68421053;
   --_ta-px: var(--su6);
@@ -5741,7 +5628,7 @@ body.theme-highcontrast .s-tag:not(body.theme-highcontrast .s-tag__moderator):no
   align-items: center;
   align-self: stretch;
   background-color: transparent;
-  border-radius: var(--br-sm);
+  border-radius: var(--br-md);
   color: inherit;
   cursor: pointer;
   display: flex;
@@ -5765,7 +5652,7 @@ body.theme-highcontrast .s-tag button.s-tag--dismiss:not(.s-btn):hover {
 }
 .s-tag .s-tag--sponsor {
   align-self: center;
-  border-radius: calc(var(--br-sm) - var(--su-static1));
+  border-radius: calc(var(--br-md) - var(--su-static1));
   display: inline-flex;
   margin: calc(var(--su1) * -1) var(--su4) calc(var(--su2) * -1) calc(var(--su2) * -1);
   max-width: calc(var(--su-static16) + var(--su-static2));
@@ -6081,7 +5968,7 @@ body.theme-highcontrast.theme-dark .s-topbar.s-topbar__light {
   background-color: var(--_tb-item-bg);
   color: var(--_tb-item-fc);
   align-items: center;
-  border-radius: var(--br-sm);
+  border-radius: var(--br-md);
   display: inline-flex;
   padding: 0 calc(var(--su12) - var(--su2));
   position: relative;
@@ -6119,7 +6006,7 @@ body.theme-highcontrast.theme-dark .s-topbar.s-topbar__light {
 .s-topbar .s-topbar--logo {
   background-color: var(--_tb-logo-bg);
   align-items: center;
-  border-radius: var(--br-sm);
+  border-radius: var(--br-md);
   display: flex;
   height: 100%;
   padding: 0 var(--su8);
@@ -6210,7 +6097,7 @@ body.theme-highcontrast.theme-dark .s-topbar.s-topbar__light {
   border: var(--su-static1) solid var(--_tb-notice-bg);
   color: var(--_tb-notice-fc);
   text-decoration: var(--_tb-notice-td);
-  border-radius: var(--br-sm);
+  border-radius: var(--br-md);
   display: inline-flex;
   flex-shrink: 0;
   font-size: var(--fs-fine);
@@ -6430,7 +6317,7 @@ body.theme-highcontrast .s-uploader.has-warning {
 .s-uploader .s-uploader--container {
   align-items: center;
   background-color: var(--_up-bg);
-  border-radius: var(--br-lg);
+  border-radius: var(--br-md);
   display: flex;
   flex-direction: column;
   justify-content: center;
@@ -6443,7 +6330,7 @@ body.theme-highcontrast .s-uploader.has-warning {
   -webkit-mask-image: var(--_up-bg-b-image);
   mask-image: var(--_up-bg-b-image);
   background-color: var(--_up-bg-bc-hc-state, var(--_up-bg-bc-hc, var(--_up-bg-bc)));
-  border-radius: var(--br-lg);
+  border-radius: var(--br-md);
   content: '';
   display: block;
   inset: 0;
@@ -6472,7 +6359,7 @@ body.theme-highcontrast .s-uploader.has-warning {
 }
 .s-uploader .s-uploader--preview-thumbnail {
   background-color: var(--white);
-  border-radius: var(--br-sm);
+  border-radius: var(--br-md);
   box-shadow: var(--bs-md);
   max-height: var(--su-static128);
   max-width: 100%;
@@ -6753,10 +6640,9 @@ body {
   --zi-navigation-fixed: 5050;
   --zi-modals-background: 8050;
   --zi-modals: 9000;
-  --br-sm: calc(var(--su-static4));
-  --br-md: calc(var(--su-static6));
-  --br-lg: calc(var(--su-static8));
+  --br-md: calc(var(--su-static4) + var(--su-static6));
   --br-circle: 50%;
+  --br-pill: 1000px;
   --te-smooth-slow: cubic-bezier(0.25, 0.46, 0.45, 0.94);
   --te-smooth: cubic-bezier(0.165, 0.84, 0.44, 1);
   --te-smooth-quick: cubic-bezier(0.19, 1, 0.22, 1);
@@ -7745,133 +7631,71 @@ body.theme-highcontrast:not(.theme-dark) .theme-dark__forced {
 .bls-dashed {
   border-left-style: dashed !important;
 }
-.bar-sm {
-  border-radius: var(--br-sm) !important;
-}
 .bar-md {
   border-radius: var(--br-md) !important;
 }
-.bar-lg {
-  border-radius: var(--br-lg) !important;
-}
 .bar-circle {
-  border-radius: 100% !important;
+  border-radius: var(--br-circle) !important;
 }
 .bar-pill {
-  border-radius: 1000px !important;
+  border-radius: var(--br-pill) !important;
 }
 .btlr0 {
   border-top-left-radius: 0 !important;
 }
-.btlr-sm {
-  border-top-left-radius: var(--br-sm) !important;
-}
 .btlr-md {
   border-top-left-radius: var(--br-md) !important;
 }
-.btlr-lg {
-  border-top-left-radius: var(--br-lg) !important;
-}
 .btrr0 {
   border-top-right-radius: 0 !important;
 }
-.btrr-sm {
-  border-top-right-radius: var(--br-sm) !important;
-}
 .btrr-md {
   border-top-right-radius: var(--br-md) !important;
 }
-.btrr-lg {
-  border-top-right-radius: var(--br-lg) !important;
-}
 .bblr0 {
   border-bottom-left-radius: 0 !important;
 }
-.bblr-sm {
-  border-bottom-left-radius: var(--br-sm) !important;
-}
 .bblr-md {
   border-bottom-left-radius: var(--br-md) !important;
 }
-.bblr-lg {
-  border-bottom-left-radius: var(--br-lg) !important;
-}
 .bbrr0 {
   border-bottom-right-radius: 0 !important;
 }
-.bbrr-sm {
-  border-bottom-right-radius: var(--br-sm) !important;
-}
 .bbrr-md {
   border-bottom-right-radius: var(--br-md) !important;
 }
-.bbrr-lg {
-  border-bottom-right-radius: var(--br-lg) !important;
-}
 .btr0 {
   border-top-left-radius: 0 !important;
   border-top-right-radius: 0 !important;
 }
-.btr-sm {
-  border-top-left-radius: var(--br-sm) !important;
-  border-top-right-radius: var(--br-sm) !important;
-}
 .btr-md {
   border-top-left-radius: var(--br-md) !important;
   border-top-right-radius: var(--br-md) !important;
 }
-.btr-lg {
-  border-top-left-radius: var(--br-lg) !important;
-  border-top-right-radius: var(--br-lg) !important;
-}
 .brr0 {
   border-top-right-radius: 0 !important;
   border-bottom-right-radius: 0 !important;
 }
-.brr-sm {
-  border-top-right-radius: var(--br-sm) !important;
-  border-bottom-right-radius: var(--br-sm) !important;
-}
 .brr-md {
   border-top-right-radius: var(--br-md) !important;
   border-bottom-right-radius: var(--br-md) !important;
 }
-.brr-lg {
-  border-top-right-radius: var(--br-lg) !important;
-  border-bottom-right-radius: var(--br-lg) !important;
-}
 .bbr0 {
   border-bottom-left-radius: 0 !important;
   border-bottom-right-radius: 0 !important;
 }
-.bbr-sm {
-  border-bottom-left-radius: var(--br-sm) !important;
-  border-bottom-right-radius: var(--br-sm) !important;
-}
 .bbr-md {
   border-bottom-left-radius: var(--br-md) !important;
   border-bottom-right-radius: var(--br-md) !important;
 }
-.bbr-lg {
-  border-bottom-left-radius: var(--br-lg) !important;
-  border-bottom-right-radius: var(--br-lg) !important;
-}
 .blr0 {
   border-top-left-radius: 0 !important;
   border-bottom-left-radius: 0 !important;
 }
-.blr-sm {
-  border-top-left-radius: var(--br-sm) !important;
-  border-bottom-left-radius: var(--br-sm) !important;
-}
 .blr-md {
   border-top-left-radius: var(--br-md) !important;
   border-bottom-left-radius: var(--br-md) !important;
 }
-.blr-lg {
-  border-top-left-radius: var(--br-lg) !important;
-  border-bottom-left-radius: var(--br-lg) !important;
-}
 .bar0 {
   border-radius: 0 !important;
 }