@stackoverflow/stacks 0.73.0 → 0.75.0

package/dist/css/stacks.css

@@ -1225,6 +1225,15 @@ body.theme-highcontrast .s-label--status {
   background-color: var(--red-100);
   color: var(--red-600);
 }
+@media (prefers-color-scheme: dark) {
+  body.theme-system .s-label--status.s-label--status__required {
+    color: var(--red-800);
+  }
+}
+body.theme-dark .s-label--status.s-label--status__required,
+.theme-dark__forced .s-label--status.s-label--status__required {
+  color: var(--red-800);
+}
 .s-label--status.s-label--status__new {
   background-color: var(--green-100);
   color: var(--green-700);
@@ -2191,12 +2200,10 @@ body.theme-dark .s-popover--arrow,
 @media (max-width: 980px) {
   .s-post-summary {
     flex-direction: column;
-    align-items: flex-start;
   }
 }
 .s-post-summary.s-post-summary__minimal {
   flex-direction: column;
-  align-items: flex-start;
 }
 .s-post-summary.s-post-summary__minimal .s-post-summary--stats {
   width: auto;
@@ -2206,6 +2213,77 @@ body.theme-dark .s-popover--arrow,
 .s-post-summary.s-post-summary__minimal .s-post-summary--content {
   width: 100%;
 }
+.s-post-summary.s-post-summary__legacy {
+  padding-left: 0;
+}
+@media (max-width: 980px) {
+  .s-post-summary.s-post-summary__legacy {
+    padding-left: 16px;
+  }
+}
+.s-post-summary.s-post-summary__legacy .s-post-summary--stats {
+  width: auto;
+  flex-direction: row;
+  align-items: center;
+  gap: 2px;
+}
+.s-post-summary.s-post-summary__legacy .s-post-summary--stats .s-post-summary--stats-item {
+  min-width: 64px;
+  height: 48px;
+  flex-direction: column;
+  gap: 0;
+  font-size: 12px;
+}
+.s-post-summary.s-post-summary__legacy .s-post-summary--stats .s-post-summary--stats-item.s-post-summary--stats-item__emphasized {
+  color: inherit;
+}
+.s-post-summary.s-post-summary__legacy .s-post-summary--stats .s-post-summary--stats-item.has-accepted-answer .svg-icon {
+  display: none;
+}
+.s-post-summary.s-post-summary__legacy .s-post-summary--stats .s-post-summary--stats-item .s-post-summary--stats-item-number {
+  font-weight: normal;
+  font-size: 1.30769231rem;
+}
+.s-post-summary.s-post-summary__legacy .s-post-summary--stats .s-post-summary--stats-item.is-deleted,
+.s-post-summary.s-post-summary__legacy .s-post-summary--stats .s-post-summary--stats-item.is-published,
+.s-post-summary.s-post-summary__legacy .s-post-summary--stats .s-post-summary--stats-item.is-draft,
+.s-post-summary.s-post-summary__legacy .s-post-summary--stats .s-post-summary--stats-item.is-review,
+.s-post-summary.s-post-summary__legacy .s-post-summary--stats .s-post-summary--stats-item.is-closed,
+.s-post-summary.s-post-summary__legacy .s-post-summary--stats .s-post-summary--stats-item.is-archived,
+.s-post-summary.s-post-summary__legacy .s-post-summary--stats .s-post-summary--stats-item.is-pinned {
+  display: none;
+}
+@media (max-width: 980px) {
+  .s-post-summary.s-post-summary__legacy .s-post-summary--stats {
+    flex-direction: row;
+    align-items: center;
+    gap: 8px;
+  }
+  .s-post-summary.s-post-summary__legacy .s-post-summary--stats .s-post-summary--stats-item {
+    min-width: auto;
+    height: auto;
+    flex-direction: row;
+    gap: 3px;
+  }
+  .s-post-summary.s-post-summary__legacy .s-post-summary--stats .s-post-summary--stats-item .s-post-summary--stats-item-number {
+    font-size: inherit;
+  }
+  .s-post-summary.s-post-summary__legacy .s-post-summary--stats .s-post-summary--stats-item.s-post-summary--stats-item__emphasized {
+    color: var(--fc-dark);
+  }
+  .s-post-summary.s-post-summary__legacy .s-post-summary--stats .s-post-summary--stats-item.has-accepted-answer .svg-icon {
+    display: block;
+  }
+  .s-post-summary.s-post-summary__legacy .s-post-summary--stats .s-post-summary--stats-item.is-deleted,
+  .s-post-summary.s-post-summary__legacy .s-post-summary--stats .s-post-summary--stats-item.is-published,
+  .s-post-summary.s-post-summary__legacy .s-post-summary--stats .s-post-summary--stats-item.is-draft,
+  .s-post-summary.s-post-summary__legacy .s-post-summary--stats .s-post-summary--stats-item.is-review,
+  .s-post-summary.s-post-summary__legacy .s-post-summary--stats .s-post-summary--stats-item.is-closed,
+  .s-post-summary.s-post-summary__legacy .s-post-summary--stats .s-post-summary--stats-item.is-archived,
+  .s-post-summary.s-post-summary__legacy .s-post-summary--stats .s-post-summary--stats-item.is-pinned {
+    display: block;
+  }
+}
 .s-post-summary--content-menu-button {
   position: absolute !important;
   top: 8px;
@@ -2216,43 +2294,52 @@ body.theme-dark .s-popover--arrow,
   margin: 0 !important;
 }
 .s-post-summary--stats {
-  --s-post-summary-stats-gap: 6px;
-  margin-right: 8px;
-  margin-bottom: -2px;
-  width: 96px;
+  gap: 6px;
+  margin-right: 16px;
+  margin-bottom: 4px;
+  width: 108px;
   display: flex;
   flex-direction: column;
   flex-shrink: 0;
   flex-wrap: wrap;
   align-items: flex-end;
-  font-size: 12px;
+  font-size: 13px;
   color: var(--fc-light);
 }
 .s-post-summary--stats .s-post-summary--stats-item {
-  margin-right: var(--s-post-summary-stats-gap);
-  margin-bottom: var(--s-post-summary-stats-gap);
+  display: inline-flex;
+  gap: 0.3em;
+  align-items: center;
+  justify-content: center;
   white-space: nowrap;
   border: 1px solid transparent;
 }
+.s-post-summary--stats .s-post-summary--stats-item.s-post-summary--stats-item__emphasized {
+  color: var(--fc-dark);
+}
+.s-post-summary--stats .s-post-summary--stats-item .s-post-summary--stats-item-number {
+  font-weight: 500;
+}
 .s-post-summary--stats .s-post-summary--stats-item.has-answers,
 .s-post-summary--stats .s-post-summary--stats-item.has-bounty,
-.s-post-summary--stats .s-post-summary--stats-item.is-watched,
-.s-post-summary--stats .s-post-summary--stats-item.is-ignored,
 .s-post-summary--stats .s-post-summary--stats-item.is-deleted,
 .s-post-summary--stats .s-post-summary--stats-item.is-published,
 .s-post-summary--stats .s-post-summary--stats-item.is-draft,
 .s-post-summary--stats .s-post-summary--stats-item.is-review,
-.s-post-summary--stats .s-post-summary--stats-item.is-rejected {
+.s-post-summary--stats .s-post-summary--stats-item.is-closed,
+.s-post-summary--stats .s-post-summary--stats-item.is-archived,
+.s-post-summary--stats .s-post-summary--stats-item.is-pinned {
   border-radius: 3px;
   padding: 2px 4px;
 }
 .s-post-summary--stats .s-post-summary--stats-item.has-answers {
-  color: var(--green-500);
-  border: 1px solid var(--green-500);
+  color: var(--green-600);
+  border: 1px solid var(--green-600);
 }
 .s-post-summary--stats .s-post-summary--stats-item.has-answers.has-accepted-answer {
   color: hsl(0, 0%, 100%);
   background-color: var(--green-500);
+  border-color: var(--green-500);
 }
 body.theme-highcontrast .s-post-summary--stats .s-post-summary--stats-item.has-answers.has-accepted-answer {
   color: var(--white);
@@ -2275,16 +2362,28 @@ body.theme-highcontrast .s-post-summary--stats .s-post-summary--stats-item.has-a
   background-color: var(--black-050);
 }
 .s-post-summary--stats .s-post-summary--stats-item.is-draft {
-  color: var(--white);
-  background-color: var(--blue-700);
+  color: var(--blue-900);
+  background-color: var(--blue-100);
+  border-color: var(--blue-600);
 }
 .s-post-summary--stats .s-post-summary--stats-item.is-review {
-  color: var(--white);
-  background-color: var(--yellow-700);
+  color: var(--yellow-900);
+  background-color: var(--yellow-100);
+  border-color: var(--yellow-600);
 }
-.s-post-summary--stats .s-post-summary--stats-item.is-rejected {
+.s-post-summary--stats .s-post-summary--stats-item.is-closed {
+  color: var(--red-900);
+  background-color: var(--red-100);
+  border-color: var(--red-600);
+}
+.s-post-summary--stats .s-post-summary--stats-item.is-archived {
+  color: var(--black-900);
+  background-color: var(--black-100);
+  border-color: var(--black-600);
+}
+.s-post-summary--stats .s-post-summary--stats-item.is-pinned {
   color: var(--white);
-  background-color: var(--red-600);
+  background-color: var(--black-700);
 }
 @media (max-width: 980px) {
   .s-post-summary--stats {
@@ -2298,28 +2397,50 @@ body.theme-highcontrast .s-post-summary--stats .s-post-summary--stats-item.has-a
   max-width: 100%;
 }
 .s-post-summary--content .s-post-summary--content-title {
-  display: inline-block;
+  display: block;
   font-size: 1.30769231rem;
-  margin-bottom: 6px;
-  overflow-wrap: break-word;
-  word-wrap: break-word;
+  margin-top: -0.15rem;
+  margin-bottom: 0.3846rem;
   padding-right: 24px;
+  line-height: 1.30769231;
+  font-weight: normal;
+  word-break: break-word !important;
+  word-wrap: break-word !important;
+  overflow-wrap: break-word !important;
+  -webkit-hyphens: auto !important;
+  -moz-hyphens: auto !important;
+  -ms-hyphens: auto !important;
+  hyphens: auto !important;
 }
 .s-post-summary--content .s-post-summary--content-title .iconShield {
-  color: var(--black-600);
-  vertical-align: baseline;
+  color: var(--fc-light);
+}
+.s-post-summary--content .s-post-summary--content-title .svg-icon {
+  vertical-align: text-bottom;
   position: relative;
-  bottom: -2px;
+  top: -1px;
 }
-@media (max-width: 640px) {
-  .s-post-summary--content .s-post-summary--content-title .iconShield {
-    vertical-align: text-bottom;
-    bottom: 0;
-  }
+.s-post-summary--content .s-post-summary--content-title a {
+  word-break: break-word !important;
+  word-wrap: break-word !important;
+  overflow-wrap: break-word !important;
+  -webkit-hyphens: auto !important;
+  -moz-hyphens: auto !important;
+  -ms-hyphens: auto !important;
+  hyphens: auto !important;
+  color: var(--theme-post-title-color);
+  font-family: var(--theme-post-title-font-family);
+}
+.s-post-summary--content .s-post-summary--content-title a:visited {
+  color: var(--theme-post-title-color-visited);
+}
+.s-post-summary--content .s-post-summary--content-title a:hover,
+.s-post-summary--content .s-post-summary--content-title a:active {
+  color: var(--theme-post-title-color-hover);
 }
 .s-post-summary--content .s-post-summary--content-type {
   color: var(--fc-medium);
-  margin-bottom: 2px;
+  margin-bottom: 4px;
 }
 .s-post-summary--content .s-post-summary--content-type .svg-icon {
   margin-left: -2px;
@@ -2328,32 +2449,55 @@ body.theme-highcontrast .s-post-summary--stats .s-post-summary--stats-item.has-a
 .s-post-summary--content .s-post-summary--content-excerpt {
   margin-top: -2px;
   margin-bottom: 8px;
+  font-family: var(--theme-post-body-font-family);
+  color: var(--fc-medium);
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   overflow: hidden;
+  word-break: break-word !important;
+  word-wrap: break-word !important;
+  overflow-wrap: break-word !important;
+  -webkit-hyphens: auto !important;
+  -moz-hyphens: auto !important;
+  -ms-hyphens: auto !important;
+  hyphens: auto !important;
+}
+.s-post-summary--content .s-post-summary--content-excerpt.s-post-summary--content-excerpt__sm {
+  display: -webkit-box;
+  -webkit-line-clamp: 1;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+}
+.s-post-summary--content .s-post-summary--content-excerpt.s-post-summary--content-excerpt__md {
+  display: -webkit-box;
+  -webkit-line-clamp: 3;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+}
+.s-post-summary--content .s-post-summary--content-excerpt.s-post-summary--content-excerpt__lg {
+  display: -webkit-box;
+  -webkit-line-clamp: 4;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
 }
 .s-post-summary--meta {
-  --s-post-summary-tags-gap: 4px;
   display: flex;
   align-items: center;
   justify-content: space-between;
   flex-wrap: wrap;
-  margin-bottom: calc(-1 * var(--s-post-summary-tags-gap));
+  column-gap: 6px;
+  row-gap: 8px;
 }
 .s-post-summary--meta .s-post-summary--meta-tags {
   display: flex;
   flex-wrap: wrap;
-  margin-right: var(--s-post-summary-tags-gap);
-}
-.s-post-summary--meta .s-post-summary--meta-tags > * {
-  margin-right: var(--s-post-summary-tags-gap);
-  margin-bottom: var(--s-post-summary-tags-gap);
+  gap: 4px;
 }
 .s-post-summary--meta .s-user-card {
   flex-wrap: wrap;
-  margin-bottom: var(--s-post-summary-tags-gap);
   margin-left: auto;
+  justify-content: flex-end;
 }
 .s-post-summary--answer {
   position: relative;
@@ -2391,13 +2535,11 @@ body.theme-highcontrast .s-post-summary--answer:before {
   -webkit-box-orient: vertical;
   overflow: hidden;
 }
-.s-post-summary__watched .is-watched {
-  color: var(--white);
-  background-color: var(--yellow-600);
+.s-post-summary__watched {
+  background-color: var(--yellow-050);
 }
-.s-post-summary__ignored .is-ignored {
-  color: var(--white);
-  background-color: var(--black-600);
+.s-post-summary__deleted {
+  background-color: var(--red-050);
 }
 .s-post-summary__deleted .is-deleted {
   color: hsl(0, 0%, 100%);
@@ -2405,23 +2547,25 @@ body.theme-highcontrast .s-post-summary--answer:before {
 }
 .s-post-summary__ignored .s-post-summary--content,
 .s-post-summary__deleted .s-post-summary--content {
-  opacity: 0.7;
+  opacity: 0.6;
 }
-.s-post-summary__ignored .s-post-summary--stats-item:not(.is-ignored):not(.is-deleted),
-.s-post-summary__deleted .s-post-summary--stats-item:not(.is-ignored):not(.is-deleted) {
-  opacity: 0.7;
+.s-post-summary__ignored .s-post-summary--stats-item:not(.is-deleted),
+.s-post-summary__deleted .s-post-summary--stats-item:not(.is-deleted) {
+  opacity: 0.6;
   filter: grayscale(100%);
 }
-.s-post-summary__ignored .s-post-summary--content-title,
-.s-post-summary__deleted .s-post-summary--content-title {
+.s-post-summary__ignored .s-post-summary--content-title a,
+.s-post-summary__deleted .s-post-summary--content-title a {
   color: var(--black-600);
 }
-.s-post-summary__ignored .s-post-summary--content-title:hover,
-.s-post-summary__deleted .s-post-summary--content-title:hover {
+.s-post-summary__ignored .s-post-summary--content-title a:hover,
+.s-post-summary__deleted .s-post-summary--content-title a:hover,
+.s-post-summary__ignored .s-post-summary--content-title a:active,
+.s-post-summary__deleted .s-post-summary--content-title a:active {
   color: var(--black-500);
 }
-.s-post-summary__ignored .s-post-summary--content-title:visited,
-.s-post-summary__deleted .s-post-summary--content-title:visited {
+.s-post-summary__ignored .s-post-summary--content-title a:visited,
+.s-post-summary__deleted .s-post-summary--content-title a:visited {
   color: var(--black-700);
 }
 .s-post-summary__ignored .s-post-summary--content-excerpt,
@@ -3550,6 +3694,12 @@ body.theme-highcontrast .s-toggle-switch.s-toggle-switch__multiple input[type="r
 body.theme-highcontrast .s-toggle-switch.s-toggle-switch__multiple input[type="radio"]:checked + label:not(.s-toggle-switch--label-off) {
   color: var(--white);
 }
+.s-toggle-switch.s-toggle-switch__multiple input[type="radio"]:checked:focus + label.s-toggle-switch--label-off {
+  box-shadow: 0 0 0 4px var(--focus-ring-muted);
+}
+.s-toggle-switch.s-toggle-switch__multiple input[type="radio"]:checked:focus + label:not(.s-toggle-switch--label-off) {
+  box-shadow: 0 0 0 4px var(--focus-ring-success);
+}
 .s-topbar {
   min-width: auto;
   box-shadow: var(--bs-sm);
@@ -4080,13 +4230,14 @@ body.theme-highcontrast .s-uploader .s-uploader--preview-thumbnail {
 .s-user-card {
   display: grid;
   grid-template-columns: auto 1fr;
-  grid-column-gap: 8px;
+  column-gap: 8px;
+  row-gap: 4px;
   align-items: center;
   line-height: 1;
   padding: 8px;
 }
 .s-user-card.s-user-card__highlighted {
-  background-color: var(--theme-secondary-025);
+  background-color: var(--theme-secondary-050);
   border-radius: 5px;
 }
 .s-user-card.s-user-card__highlighted .s-user-card--type {
@@ -4095,9 +4246,6 @@ body.theme-highcontrast .s-uploader .s-uploader--preview-thumbnail {
 .s-user-card.s-user-card__full {
   align-items: start;
 }
-.s-user-card.s-user-card__full .s-user-card--info {
-  grid-gap: 4px;
-}
 .s-user-card.s-user-card__full .s-user-card--link {
   font-size: 1.15384615rem;
 }
@@ -4107,67 +4255,50 @@ body.theme-highcontrast .s-uploader .s-uploader--preview-thumbnail {
 .s-user-card.s-user-card__small {
   display: flex;
   align-items: center;
-  grid-column-gap: unset;
+  gap: 4px;
   padding: 0;
 }
-.s-user-card.s-user-card__small .s-user-card--time {
-  margin-right: 6px;
-  margin-bottom: 0;
-}
-.s-user-card.s-user-card__small .s-user-card--link {
-  margin-right: 6px;
-}
-.s-user-card.s-user-card__small .s-user-card--avatar {
-  margin-right: 6px;
-}
 .s-user-card.s-user-card__small .s-user-card--info {
-  display: flex;
+  flex-direction: row;
   align-items: center;
-  grid-column-gap: unset;
 }
 .s-user-card.s-user-card__minimal {
   display: flex;
   align-items: center;
-  grid-column-gap: unset;
+  gap: 4px;
   padding: 0;
 }
 .s-user-card.s-user-card__minimal .s-user-card--time {
-  margin-right: 4px;
-  margin-bottom: 0;
   white-space: nowrap;
 }
 .s-user-card.s-user-card__minimal .s-user-card--link {
-  margin-right: 4px;
   white-space: nowrap;
 }
-.s-user-card.s-user-card__minimal .s-user-card--avatar {
-  margin-right: 4px;
-}
 .s-user-card.s-user-card__minimal .s-user-card--rep {
-  padding: 0;
   color: var(--black-600);
 }
 .s-user-card.s-user-card__minimal .s-user-card--info {
-  display: flex;
+  flex-direction: row;
   align-items: center;
-  grid-column-gap: unset;
 }
 .s-user-card .s-user-card--type {
   grid-column: 1 / 3;
-  padding-top: 4px;
   font-size: 12px;
   color: var(--theme-primary-400);
 }
+.s-user-card .s-user-card--type a {
+  color: inherit;
+}
 .s-user-card--time {
   grid-column: 1 / 3;
   grid-row: 1 / 2;
   color: var(--black-500);
   font-size: 12px;
-  margin-bottom: 4px;
 }
 .s-user-card--info {
-  display: grid;
-  grid-gap: 2px;
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
 }
 .s-user-card--link {
   min-width: 0;
@@ -4182,9 +4313,9 @@ body.theme-highcontrast .s-uploader .s-uploader--preview-thumbnail {
   padding: 0;
   display: flex;
   align-items: center;
+  gap: 6px;
 }
 .s-user-card--awards li {
-  margin-right: 6px;
   font-size: 12px;
 }
 .s-user-card--rep {
@@ -4196,7 +4327,6 @@ body.theme-highcontrast .s-uploader .s-uploader--preview-thumbnail {
   color: var(--black-500);
 }
 .s-user-card--tags {
-  padding-top: 1px;
   min-width: 0;
   align-items: center;
   flex-wrap: wrap;
@@ -4516,6 +4646,11 @@ body:not(.theme-dark) .theme-dark__forced .themed {
   --theme-topbar-item-color-current: var(--black);
   --theme-topbar-item-border-current: var(--theme-primary-color);
   --theme-topbar-accent-border: 3px solid var(--theme-primary-color);
+  --theme-post-title-color: var(--theme-link-color);
+  --theme-post-title-color-hover: var(--theme-link-color-hover);
+  --theme-post-title-color-visited: var(--theme-link-color-visited);
+  --theme-post-title-font-family: var(--theme-body-font-family);
+  --theme-post-body-font-family: var(--theme-body-font-family);
 }
 .highcontrast-themed-colors,
 body.theme-highcontrast:not(.theme-dark),
@@ -4680,6 +4815,7 @@ body.theme-system .theme-light__forced {
   --bs-sm: 0 1px 2px hsla(0, 0%, 0%, 0.05), 0 1px 4px hsla(0, 0%, 0%, 0.05), 0 2px 8px hsla(0, 0%, 0%, 0.05);
   --bs-md: 0 1px 3px hsla(0, 0%, 0%, 0.06), 0 2px 6px hsla(0, 0%, 0%, 0.06), 0 3px 8px hsla(0, 0%, 0%, 0.09);
   --bs-lg: 0 1px 4px hsla(0, 0%, 0%, 0.09), 0 3px 8px hsla(0, 0%, 0%, 0.09), 0 4px 13px hsla(0, 0%, 0%, 0.13);
+  --bs-xl: 0 10px 24px hsla(0, 0%, 0%, 0.05), 0 20px 48px hsla(0, 0%, 0%, 0.05), 0 1px 4px hsla(0, 0%, 0%, 0.1);
   --scrollbar: hsla(0, 0%, 0%, 0.2);
   --highlight-bg: hsl(0, 0%, 96.5%);
   --highlight-color: var(--black-750);
@@ -4850,6 +4986,7 @@ body:not(.theme-dark) .theme-dark__forced {
   --bs-sm: 0 1px 2px hsla(0, 0%, 0%, 0.1), 0 1px 4px hsla(0, 0%, 0%, 0.1), 0 2px 8px hsla(0, 0%, 0%, 0.1);
   --bs-md: 0 1px 3px hsla(0, 0%, 0%, 0.11), 0 2px 6px hsla(0, 0%, 0%, 0.11), 0 3px 8px hsla(0, 0%, 0%, 0.14);
   --bs-lg: 0 1px 4px hsla(0, 0%, 0%, 0.14), 0 3px 8px hsla(0, 0%, 0%, 0.14), 0 4px 13px hsla(0, 0%, 0%, 0.18);
+  --bs-xl: 0 10px 24px hsla(0, 0%, 0%, 0.1), 0 20px 48px hsla(0, 0%, 0%, 0.1), 0 1px 4px hsla(0, 0%, 0%, 0.15);
   --scrollbar: hsla(0, 0%, 100%, 0.2);
   --highlight-bg: hsl(0, 2%, 11%);
   --highlight-color: var(--black);
@@ -5018,6 +5155,7 @@ body:not(.theme-dark) .theme-dark__forced .themed {
     --bs-sm: 0 1px 2px hsla(0, 0%, 0%, 0.1), 0 1px 4px hsla(0, 0%, 0%, 0.1), 0 2px 8px hsla(0, 0%, 0%, 0.1);
     --bs-md: 0 1px 3px hsla(0, 0%, 0%, 0.11), 0 2px 6px hsla(0, 0%, 0%, 0.11), 0 3px 8px hsla(0, 0%, 0%, 0.14);
     --bs-lg: 0 1px 4px hsla(0, 0%, 0%, 0.14), 0 3px 8px hsla(0, 0%, 0%, 0.14), 0 4px 13px hsla(0, 0%, 0%, 0.18);
+    --bs-xl: 0 10px 24px hsla(0, 0%, 0%, 0.1), 0 20px 48px hsla(0, 0%, 0%, 0.1), 0 1px 4px hsla(0, 0%, 0%, 0.15);
     --scrollbar: hsla(0, 0%, 100%, 0.2);
     --highlight-bg: hsl(0, 2%, 11%);
     --highlight-color: var(--black);
@@ -5187,6 +5325,7 @@ body.theme-system.theme-highcontrast .theme-light__forced {
   --bs-sm: none;
   --bs-md: none;
   --bs-lg: none;
+  --bs-xl: none;
   --scrollbar: var(--black);
   --highlight-bg: hsl(0, 0%, 96.5%);
   --highlight-color: var(--black-750);
@@ -5307,6 +5446,7 @@ body.theme-highcontrast:not(.theme-dark) .theme-dark__forced {
   --bs-sm: none;
   --bs-md: none;
   --bs-lg: none;
+  --bs-xl: none;
   --scrollbar: var(--black);
   --highlight-bg: hsl(0, 0%, 10%);
   --highlight-color: hsl(0, 0%, 100%);
@@ -5427,6 +5567,7 @@ body.theme-highcontrast:not(.theme-dark) .theme-dark__forced {
     --bs-sm: none;
     --bs-md: none;
     --bs-lg: none;
+    --bs-xl: none;
     --scrollbar: var(--black);
     --highlight-bg: hsl(0, 0%, 10%);
     --highlight-color: hsl(0, 0%, 100%);
@@ -12390,6 +12531,48 @@ body.theme-dark .d\:bg-theme-secondary-025,
 .ln100 {
   left: -100% !important;
 }
+.i0 {
+  inset: 0 !important;
+}
+.i1 {
+  inset: 1px !important;
+}
+.i2 {
+  inset: 2px !important;
+}
+.i4 {
+  inset: 4px !important;
+}
+.i6 {
+  inset: 6px !important;
+}
+.i8 {
+  inset: 8px !important;
+}
+.i12 {
+  inset: 12px !important;
+}
+.i16 {
+  inset: 16px !important;
+}
+.i24 {
+  inset: 24px !important;
+}
+.i32 {
+  inset: 32px !important;
+}
+.i48 {
+  inset: 48px !important;
+}
+.i64 {
+  inset: 64px !important;
+}
+.i96 {
+  inset: 96px !important;
+}
+.i128 {
+  inset: 128px !important;
+}
 h1,
 h2,
 h3,
@@ -12712,6 +12895,12 @@ ul ol,
 ol ol {
   margin-bottom: 0;
 }
+ul {
+  list-style-type: disc;
+}
+ol {
+  list-style-type: decimal;
+}
 .list-reset {
   list-style: none;
   margin: 0;
@@ -13334,6 +13523,9 @@ ol ol {
 .h\:bs-lg:hover {
   box-shadow: var(--bs-lg) !important;
 }
+.bs-xl {
+  box-shadow: var(--bs-xl) !important;
+}
 .bs-ring {
   box-shadow: 0 0 0 4px var(--focus-ring);
 }
@@ -13446,6 +13638,9 @@ ol ol {
 .w-auto {
   width: auto !important;
 }
+.w-screen {
+  width: 100vw !important;
+}
 .ws0,
 .w0 {
   width: 0 !important;
@@ -13576,6 +13771,9 @@ ol ol {
 .wmx-initial {
   max-width: initial !important;
 }
+.wmx-screen {
+  max-width: 100vw !important;
+}
 .wmn0 {
   min-width: 0 !important;
 }
@@ -13639,6 +13837,9 @@ ol ol {
 .h-auto {
   height: auto !important;
 }
+.h-screen {
+  height: 100vh !important;
+}
 .hs0,
 .h0 {
   height: 0 !important;
@@ -13760,6 +13961,9 @@ ol ol {
 .hmx-initial {
   max-height: initial !important;
 }
+.hmx-screen {
+  max-height: 100vh !important;
+}
 .hmn0 {
   min-height: 0 !important;
 }
@@ -13805,6 +14009,9 @@ ol ol {
 .hmn-initial {
   min-height: initial !important;
 }
+.hmx-screen {
+  min-height: 100vh !important;
+}
 /* stylelint-disable */
 @media (max-width: 1264px) {
   .lg\:ba {
@@ -14823,12 +15030,18 @@ ol ol {
   .lg\:w-auto {
     width: auto !important;
   }
+  .lg\:w-screen {
+    width: 100vw !important;
+  }
   .lg\:wmx100 {
     max-width: 100% !important;
   }
   .lg\:wmx-initial {
     max-width: initial !important;
   }
+  .lg\:wmx-screen {
+    max-width: 100vw !important;
+  }
   .lg\:wmn100 {
     min-width: 100% !important;
   }
@@ -14841,18 +15054,27 @@ ol ol {
   .lg\:h-auto {
     height: auto !important;
   }
+  .lg\:h-screen {
+    height: 100vh !important;
+  }
   .lg\:hmx100 {
     max-height: 100% !important;
   }
   .lg\:hmx-initial {
     max-height: initial !important;
   }
+  .lg\:hmx-screen {
+    max-height: 100vh !important;
+  }
   .lg\:hmn100 {
     min-height: 100% !important;
   }
   .lg\:hmn-initial {
     min-height: initial !important;
   }
+  .lg\:hmx-screen {
+    min-height: 100vh !important;
+  }
 }
 @media (max-width: 980px) {
   .md\:ba {
@@ -15871,12 +16093,18 @@ ol ol {
   .md\:w-auto {
     width: auto !important;
   }
+  .md\:w-screen {
+    width: 100vw !important;
+  }
   .md\:wmx100 {
     max-width: 100% !important;
   }
   .md\:wmx-initial {
     max-width: initial !important;
   }
+  .md\:wmx-screen {
+    max-width: 100vw !important;
+  }
   .md\:wmn100 {
     min-width: 100% !important;
   }
@@ -15889,18 +16117,27 @@ ol ol {
   .md\:h-auto {
     height: auto !important;
   }
+  .md\:h-screen {
+    height: 100vh !important;
+  }
   .md\:hmx100 {
     max-height: 100% !important;
   }
   .md\:hmx-initial {
     max-height: initial !important;
   }
+  .md\:hmx-screen {
+    max-height: 100vh !important;
+  }
   .md\:hmn100 {
     min-height: 100% !important;
   }
   .md\:hmn-initial {
     min-height: initial !important;
   }
+  .md\:hmx-screen {
+    min-height: 100vh !important;
+  }
 }
 @media (max-width: 640px) {
   .sm\:ba {
@@ -16919,12 +17156,18 @@ ol ol {
   .sm\:w-auto {
     width: auto !important;
   }
+  .sm\:w-screen {
+    width: 100vw !important;
+  }
   .sm\:wmx100 {
     max-width: 100% !important;
   }
   .sm\:wmx-initial {
     max-width: initial !important;
   }
+  .sm\:wmx-screen {
+    max-width: 100vw !important;
+  }
   .sm\:wmn100 {
     min-width: 100% !important;
   }
@@ -16937,18 +17180,27 @@ ol ol {
   .sm\:h-auto {
     height: auto !important;
   }
+  .sm\:h-screen {
+    height: 100vh !important;
+  }
   .sm\:hmx100 {
     max-height: 100% !important;
   }
   .sm\:hmx-initial {
     max-height: initial !important;
   }
+  .sm\:hmx-screen {
+    max-height: 100vh !important;
+  }
   .sm\:hmn100 {
     min-height: 100% !important;
   }
   .sm\:hmn-initial {
     min-height: initial !important;
   }
+  .sm\:hmx-screen {
+    min-height: 100vh !important;
+  }
 }
 @media print {
   .print\:d-block {
@@ -18309,7 +18561,7 @@ body.theme-highcontrast .s-notice__danger {
 }
 .s-tag {
   display: inline-flex;
-  align-content: center;
+  align-items: center;
   justify-content: center;
   min-width: 0;
   padding-left: 4px;
@@ -18530,6 +18782,33 @@ body.theme-highcontrast a.s-tag__muted:not(.is-selected):focus,
 body.theme-highcontrast a.s-tag__muted:not(.is-selected):active {
   border-color: currentColor;
 }
+.s-tag__watched,
+.s-tag__ignored {
+  position: relative;
+  padding-left: 22px;
+}
+.s-tag__watched:before,
+.s-tag__ignored:before {
+  content: "";
+  display: block;
+  width: 14px;
+  height: 14px;
+  margin-right: 2px;
+  background-color: currentColor;
+  position: absolute;
+  left: 4px;
+  top: calc(50% - 7px);
+  -webkit-mask: var(--s-tag-icon) no-repeat center;
+  mask: var(--s-tag-icon) no-repeat center;
+  -webkit-mask-size: contain;
+  mask-size: contain;
+}
+.s-tag__watched {
+  --s-tag-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath d='M7.05 1C2.63 1 0 6.5 0 6.5S2.63 12 7.05 12C11.38 12 14 6.5 14 6.5S11.37 1 7.05 1ZM7 10.17A3.59 3.59 0 0 1 3.5 6.5 3.6 3.6 0 0 1 7 2.83c1.94 0 3.5 1.65 3.5 3.67A3.57 3.57 0 0 1 7 10.17Zm0-1.84c.97 0 1.75-.81 1.75-1.83S7.97 4.67 7 4.67s-1.75.81-1.75 1.83S6.03 8.33 7 8.33Z'/%3E%3C/svg%3E");
+}
+.s-tag__ignored {
+  --s-tag-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath d='M3.52 7.38 1.58 9.26A12.38 12.38 0 0 1 0 7s2.63-5.14 7.05-5.14c.66 0 1.28.12 1.86.32L7.44 3.6a3.48 3.48 0 0 0-3.92 3.78ZM5.3 9.99c.5.28 1.1.44 1.71.44 1.94 0 3.5-1.53 3.5-3.43 0-.62-.17-1.21-.47-1.72L8.7 6.6a1.73 1.73 0 0 1-2.08 2.07L5.29 10Zm6.23-6.19A12.7 12.7 0 0 1 14 7s-2.63 5.14-6.95 5.14A6.1 6.1 0 0 1 4 11.3L2.27 13l-1.4-1.36L11.9 1l1.23 1.2-1.6 1.6Z'/%3E%3C/svg%3E");
+}
 .s-pagination {
   display: flex;
   flex-wrap: wrap;