@forsakringskassan/docs-generator 1.24.0

package/dist/style/core.css

@@ -0,0 +1,840 @@
+@charset "UTF-8";
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-weight: var(--f-font-weight-bold);
+  line-height: var(--f-line-height-medium);
+  margin-top: 0;
+  margin-bottom: 0.25rem;
+}
+
+h1 {
+  font-size: var(--f-font-size-h1);
+  color: var(--f-text-color-heading-1);
+}
+
+h2 {
+  font-size: var(--f-font-size-h2);
+  color: var(--f-text-color-heading-2);
+}
+
+h3 {
+  font-size: var(--f-font-size-h3);
+  color: var(--f-text-color-heading-3);
+}
+
+h4 {
+  font-size: var(--f-font-size-h4);
+  color: var(--f-text-color-heading-4);
+}
+
+h5 {
+  font-size: var(--f-font-size-large);
+  color: var(--f-text-color-heading-5);
+}
+
+h6 {
+  font-size: var(--f-font-size-standard);
+  color: var(--f-text-color-heading-6);
+}
+
+* + h1,
+* + h2,
+* + h3,
+* + h4,
+* + h5,
+* + h6 {
+  margin-top: 2rem;
+}
+
+@media (width >= 640px) {
+  h1 {
+    font-size: var(--f-font-size-h2);
+  }
+  h2 {
+    font-size: var(--f-font-size-xxx-large);
+  }
+  h3 {
+    font-size: var(--f-font-size-h4);
+  }
+  h4 {
+    font-size: var(--f-font-size-large);
+  }
+  h5 {
+    font-size: var(--f-font-size-standard);
+  }
+  h6 {
+    font-size: var(--f-font-size-standard);
+  }
+}
+h1 + h2 {
+  margin-top: 1rem;
+}
+
+h2 + h3 {
+  margin-top: 1rem;
+}
+
+h3 + h4 {
+  margin-top: 1rem;
+}
+
+h4 + h5 {
+  margin-top: 1rem;
+}
+
+h5 + h6 {
+  margin-top: 1rem;
+}
+
+p {
+  font-size: var(--f-font-size-standard);
+  font-weight: var(--f-font-weight-normal);
+  line-height: var(--f-line-height-large);
+  margin-bottom: 1rem;
+}
+
+b,
+strong {
+  font-weight: var(--f-font-weight-medium);
+}
+
+code {
+  font-size: var(--f-font-size-standard);
+  border-radius: var(--f-border-radius-small);
+  font-family: var(--f-font-family-code);
+  background-color: var(--f-background-code);
+  display: inline-block;
+  margin: 0 0.25rem;
+  padding: 0 0.25rem;
+}
+
+pre code {
+  display: block;
+}
+
+.layout-wrapper {
+  display: flex;
+  flex-direction: column;
+  min-height: 100vh;
+}
+
+header {
+  flex: 0 0 auto;
+}
+
+#primary {
+  flex: 1 1 auto;
+  display: grid;
+  grid-gap: 0 2rem;
+}
+
+footer {
+  flex: 0 0 auto;
+}
+
+main {
+  padding: 0 3rem 2rem;
+  background: #fff;
+  max-width: 920px;
+}
+
+.layout--content-with-menu #primary,
+.layout--pattern #primary,
+.layout--component #primary {
+  --sidenav-width: 350px;
+  padding-right: 2rem;
+  grid-template: "sidenav title" auto "sidenav aside" auto "sidenav content" 1fr/min-content 1fr;
+}
+@media screen and (width >= 1024px) {
+  .layout--content-with-menu #primary,
+  .layout--pattern #primary,
+  .layout--component #primary {
+    grid-template: "sidenav title aside" auto "sidenav content aside" 1fr/min-content minmax(10rem, 920px) auto;
+  }
+}
+.layout--content-with-menu main,
+.layout--pattern main,
+.layout--component main {
+  display: contents;
+  padding: 0;
+  max-width: none;
+}
+.layout--content-with-menu #title,
+.layout--content-with-menu #content,
+.layout--pattern #title,
+.layout--pattern #content,
+.layout--component #title,
+.layout--component #content {
+  padding-left: 1rem;
+}
+@media screen and (width < 1280px) {
+  .layout--content-with-menu #aside,
+  .layout--pattern #aside,
+  .layout--component #aside {
+    padding-left: 1rem;
+  }
+}
+
+#sidenav {
+  grid-area: sidenav;
+}
+
+#aside {
+  grid-area: aside;
+}
+
+#title {
+  grid-area: title;
+  margin-top: 1.2rem;
+}
+
+#content {
+  grid-area: content;
+  padding-bottom: 1rem;
+  overflow-x: auto;
+}
+
+#sidenav {
+  --header-footer-visible-height: 4.5rem;
+  overflow: auto;
+  max-height: calc(100vh - var(--header-footer-visible-height));
+  position: sticky;
+  top: 0;
+}
+
+.navigation {
+  --active-background: #ddd;
+  --highlight-color: #116a3e;
+  --highlight-width: 4px;
+  --hover-color: #ddd;
+  display: none;
+  padding: 1.5rem;
+  width: var(--sidenav-width);
+  height: max-content;
+}
+.sidenav__toggle:checked + .navigation {
+  display: block;
+}
+@media screen and (width >= 1024px) {
+  .navigation {
+    display: block;
+  }
+}
+.navigation ol {
+  padding: 0;
+}
+.navigation li {
+  list-style: none;
+  border-left: var(--highlight-width) solid transparent;
+}
+.navigation li.link.active {
+  border-color: var(--highlight-color);
+  background: var(--active-background);
+}
+.navigation li.link a {
+  display: block;
+  color: var(--f-text-color-default);
+  padding: 0.5rem calc(0.25rem + var(--highlight-width)) 0.5rem 0.25rem;
+  line-height: 1.2;
+  text-overflow: ellipsis;
+  overflow: hidden;
+}
+.navigation li.link a:hover {
+  background: var(--hover-color);
+  border-color: var(--highlight-color);
+}
+.navigation summary {
+  cursor: pointer;
+  display: flex;
+  justify-content: space-between;
+  line-height: 1.5;
+  padding: 0.5rem calc(0.25rem + var(--highlight-width)) 0.5rem 0.25rem;
+}
+.navigation summary:hover {
+  background: var(--hover-color);
+  border-color: var(--highlight-color);
+}
+.navigation summary::after {
+  content: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj4KPHBhdGggZD0iTTQ2Ny42NTggMTk2LjkxM0wyODMuNjU2IDM3Mi45MDdDMjc1LjkyMiAzODAuMzEzIDI2NS45NTMgMzg0IDI1NiAzODRDMjQ2LjA0NyAzODQgMjM2LjA3OCAzODAuMzEzIDIyOC4zNDQgMzcyLjkwN0w0NC4zNDIgMTk2LjkxM0MyOC4zODkgMTgxLjYzMyAyNy44MjYgMTU2LjMyMSA0My4wOTIgMTQwLjM1M0M1OC4zNzMgMTI0LjM1NCA4My42ODYgMTIzLjg1NCA5OS42NTUgMTM5LjEwM0wyNTYgMjg4LjY2TDQxMi4zNDUgMTM5LjEwM0M0MjguMzE0IDEyMy44MjIgNDUzLjYyNyAxMjQuMzg1IDQ2OC45MDggMTQwLjM1M0M0ODQuMTc0IDE1Ni4zMjEgNDgzLjYxMSAxODEuNjMzIDQ2Ny42NTggMTk2LjkxM1oiIGZpbGw9ImN1cnJlbnRDb2xvciIvPgo8L3N2Zz4K");
+  transform: translateY(3px);
+  transition: all 200ms cubic-bezier(0.46, 0.03, 0.52, 0.96) 0s;
+  width: 1rem;
+  height: 1rem;
+  display: inline;
+}
+.navigation details[open] > summary {
+  font-weight: 700;
+}
+.navigation details[open] > summary::after {
+  content: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj4KPHBhdGggZD0iTTQ2Ny42NTggMTk2LjkxM0wyODMuNjU2IDM3Mi45MDdDMjc1LjkyMiAzODAuMzEzIDI2NS45NTMgMzg0IDI1NiAzODRDMjQ2LjA0NyAzODQgMjM2LjA3OCAzODAuMzEzIDIyOC4zNDQgMzcyLjkwN0w0NC4zNDIgMTk2LjkxM0MyOC4zODkgMTgxLjYzMyAyNy44MjYgMTU2LjMyMSA0My4wOTIgMTQwLjM1M0M1OC4zNzMgMTI0LjM1NCA4My42ODYgMTIzLjg1NCA5OS42NTUgMTM5LjEwM0wyNTYgMjg4LjY2TDQxMi4zNDUgMTM5LjEwM0M0MjguMzE0IDEyMy44MjIgNDUzLjYyNyAxMjQuMzg1IDQ2OC45MDggMTQwLjM1M0M0ODQuMTc0IDE1Ni4zMjEgNDgzLjYxMSAxODEuNjMzIDQ2Ny42NTggMTk2LjkxM1oiIGZpbGw9ImN1cnJlbnRDb2xvciIvPgo8L3N2Zz4K");
+  transform: rotate(180deg) translateY(-5px);
+  transition: all 200ms cubic-bezier(0.46, 0.03, 0.52, 0.96) 0s;
+  width: 1rem;
+  height: 1rem;
+}
+.navigation details > ol {
+  margin-bottom: 0;
+  margin-left: 1rem;
+}
+
+#outline {
+  margin-bottom: 1rem;
+  display: none;
+  position: sticky;
+  top: 1rem;
+  padding-right: 1rem;
+  max-height: calc(100vh - 2rem);
+  overflow-y: auto;
+  max-width: 15rem;
+  scrollbar-width: thin;
+}
+@media (width >= 1280px) {
+  #outline {
+    display: block;
+  }
+}
+#outline::-webkit-scrollbar {
+  height: 7px;
+  width: 7px;
+}
+#outline::-webkit-scrollbar-track {
+  background: #f1f1f1;
+  border-radius: 10px;
+}
+#outline::-webkit-scrollbar-thumb {
+  background: #c0c0c0;
+  border-radius: 10px;
+}
+#outline::-webkit-scrollbar-thumb:hover {
+  background: #a7a7a7;
+}
+#outline .outline__heading {
+  font-size: 1rem;
+  font-weight: normal;
+  color: #5f6165;
+  margin: 0 0 0.5rem;
+}
+#outline ul {
+  margin: 0;
+  padding: 0;
+  border-left: 1px solid #ddddde;
+}
+#outline li {
+  list-style: none;
+  padding-left: 4px;
+  position: relative;
+}
+#outline li::before, #outline li::after {
+  content: " ";
+  display: block;
+  position: absolute;
+  top: 0;
+  left: 0;
+  bottom: 0;
+  width: 4px;
+  background: transparent;
+}
+#outline li::before {
+  transition: background-color 300ms ease-in;
+}
+@media not (prefers-reduced-motion: reduce) {
+  #outline li.active::before {
+    background: var(--f-color-brand-a-strong);
+  }
+}
+#outline li:hover::after {
+  background: var(--f-color-brand-a-strong);
+}
+#outline li:hover a {
+  background: #ddddde;
+}
+#outline a {
+  display: inline-block;
+  width: 100%;
+  font-size: 16px;
+  line-height: 20px;
+  color: var(--f-font-color-primary);
+  padding: 0.5rem;
+}
+
+#version button {
+  padding: 0;
+  background: transparent;
+  border: 0;
+  box-shadow: none;
+  margin: 0;
+  color: var(--f-text-color-discrete);
+  text-decoration-color: var(--f-text-color-discrete);
+}
+
+#version-dialog {
+  width: 30rem;
+  max-height: 45rem;
+}
+
+#version-dialog-head {
+  display: flex;
+  justify-content: space-between;
+  align-items: flex-start;
+}
+
+#version-dialog .list__item__itempane {
+  padding: 0.2rem;
+}
+
+#version button:hover {
+  background-color: #f4f4f4;
+}
+
+#version-banner {
+  margin: 0;
+}
+
+/* reset broken FKUI reset */
+dialog {
+  display: none;
+}
+
+dialog[open] {
+  display: block;
+}
+
+.version {
+  color: var(--f-text-color-discrete);
+  text-wrap: nowrap;
+  margin-left: 1rem;
+}
+
+p:not(.code-preview p) {
+  max-width: 680px;
+}
+
+main h1:not(.code-preview--default h1) {
+  font-size: 2.5rem;
+  color: #1b1e23;
+  font-weight: var(--f-font-weight-medium);
+}
+
+main h2:not(.code-preview--default h2) {
+  font-size: 1.5rem;
+  font-weight: var(--f-font-weight-medium);
+  margin-top: 3rem;
+}
+
+main h3:not(.code-preview--default h3) {
+  font-size: 1.2rem;
+  font-weight: var(--f-font-weight-medium);
+}
+
+main h4:not(.code-preview--default h4) {
+  font-size: 1rem;
+}
+
+h1 .header-anchor {
+  color: var(--f-text-color-heading-1);
+}
+
+h2 .header-anchor {
+  color: var(--f-text-color-heading-2);
+}
+
+h3 .header-anchor {
+  color: var(--f-text-color-heading-3);
+}
+
+h4 .header-anchor {
+  color: var(--f-text-color-heading-4);
+}
+
+h5 .header-anchor {
+  color: var(--f-text-color-heading-5);
+}
+
+h6 .header-anchor {
+  color: var(--f-text-color-heading-6);
+}
+
+.header-anchor:hover {
+  text-decoration: underline;
+}
+
+.header-anchor::before {
+  content: "#";
+  display: inline-block;
+  font-size: 0.75em;
+  margin-left: -1em;
+  visibility: hidden;
+  width: 1em;
+  color: rgba(158, 158, 158, 0.6509803922);
+  text-decoration: none;
+}
+
+.header-anchor:hover::before {
+  visibility: visible;
+}
+
+h1 code {
+  color: #5f6165;
+  font-family: var(--docs-font-family);
+  background-color: transparent;
+  font-weight: 400;
+}
+
+.layout-wrapper {
+  font-family: var(--docs-font-family);
+  background: #fff;
+}
+
+/* Page header - inverted */
+header .page-header {
+  background-color: #fff;
+  padding-top: 0.5rem;
+  padding-bottom: 0.5rem;
+  padding-left: 1.2rem;
+  border-bottom: 1px solid #ddddde;
+  flex-wrap: wrap;
+}
+
+header .page-header__logo--small {
+  background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzEiIGhlaWdodD0iMzEiIHZpZXdCb3g9IjAgMCAzMSAzMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMC41IiB5PSIwLjU4Mzk4NCIgd2lkdGg9IjI5LjM1MzUiIGhlaWdodD0iMjkuMzUzNSIgcng9IjEuNSIgZmlsbD0iIzI5Nzk1MiIgc3Ryb2tlPSIjMjk3OTUyIi8+CjxwYXRoIGQ9Ik0yLjA1MDk2IDMuMTM0NzdDMi4wNTA5NiAyLjU4MjQ4IDIuNDk4NjggMi4xMzQ3NyAzLjA1MDk2IDIuMTM0NzdIMjguMzAyNkwyMC41OTQxIDkuNzIwOThDMjAuNDA3IDkuOTA1MDcgMjAuMTU1MSAxMC4wMDgyIDE5Ljg5MjYgMTAuMDA4MkgxMS4xMzg0QzEwLjU4NjEgMTAuMDA4MiAxMC4xMzg0IDEwLjQ1NiAxMC4xMzg0IDExLjAwODJWMTkuMjA2MkMxMC4xMzg0IDE5LjQ3NDYgMTAuMDMwNSAxOS43MzE3IDkuODM5IDE5LjkxOThMMi4wNTA5NiAyNy41NjYxVjMuMTM0NzdaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNMTEuODk1NCAxMi45NzkyQzExLjg5NTQgMTIuNDI3IDEyLjM0MzEgMTEuOTc5MiAxMi44OTU0IDExLjk3OTJIMTkuNzAwNkMxOS45NTY0IDExLjk3OTIgMjAuMjAyNiAxMi4wNzczIDIwLjM4ODMgMTIuMjUzM0wyNy45OTA0IDE5LjQ1NTVDMjguMTg5OCAxOS42NDQzIDI4LjMwMjcgMTkuOTA2OCAyOC4zMDI3IDIwLjE4MTRWMjcuMzg2NUMyOC4zMDI3IDI3LjkzODggMjcuODU1IDI4LjM4NjUgMjcuMzAyNyAyOC4zODY1SDIwLjUxMzJDMjAuMjQ4IDI4LjM4NjUgMTkuOTkzNyAyOC4yODEyIDE5LjgwNjEgMjguMDkzNkwxMi4xODgzIDIwLjQ3NThDMTIuMDAwNyAyMC4yODgzIDExLjg5NTQgMjAuMDMzOSAxMS44OTU0IDE5Ljc2ODdWMTIuOTc5MloiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPg==");
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: contain;
+  padding: 0.7rem;
+}
+
+header .page-header__app-name {
+  color: #116a3e;
+  font-size: 1.2rem;
+  width: auto;
+  margin-right: 4rem;
+}
+
+header .page-header__logo::after {
+  background-color: #116a3e;
+  margin: 0 1rem;
+}
+
+header .select-field {
+  --f-background-input-hover: #f4f4f4;
+  --f-input-shadow-inset: none;
+  padding-left: 1rem;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  margin: 0;
+  width: var(--f-width-full, 100%);
+}
+
+header .page-header__right {
+  justify-content: space-between;
+  max-width: 1260px;
+  padding-top: 0;
+  flex-wrap: wrap-reverse;
+}
+
+header .page-header__right-slot {
+  padding-top: 0.3rem;
+}
+
+@media screen and (width < 1024px) {
+  header .page-header__right-slot {
+    margin-top: 0.5rem;
+    margin-left: -1.5rem;
+  }
+  header .imenu {
+    padding-left: 0 !important;
+  }
+  header button kbd {
+    display: none;
+  }
+}
+header .select-field__icon {
+  top: 0.5rem;
+  color: #1b1e23;
+}
+
+header .select-field__select {
+  width: auto;
+  border: 1px solid #8d8e91;
+  padding-right: 3rem;
+}
+
+header .label {
+  font-weight: 400;
+  color: #5f6165;
+  margin-right: 1rem;
+  margin-bottom: 0;
+}
+
+/* meny */
+header .imenu {
+  background-color: #fff;
+  margin-left: -0.5rem;
+}
+
+header .imenu--horizontal .imenu__list__item {
+  display: inline-flex;
+  padding-top: 1.1rem;
+  padding-left: 0;
+  padding-right: 0;
+  margin: 0 0.5rem;
+}
+
+/* navigering vänster */
+#sidenav {
+  background-color: #f4f4f4;
+  width: auto;
+  display: flex;
+  justify-content: space-between;
+  flex-direction: row-reverse;
+}
+
+.sidenav__toggle {
+  position: sticky;
+  height: min-content;
+  padding: 0.5rem;
+  cursor: pointer;
+  appearance: none;
+  display: flex;
+  justify-content: center;
+}
+
+@media screen and (width >= 1024px) {
+  .sidenav__toggle {
+    display: none;
+  }
+}
+.sidenav__toggle:hover {
+  background-color: #ddddde;
+}
+
+.sidenav__toggle:checked {
+  justify-content: flex-end;
+  margin-top: 0;
+  margin-right: 0;
+}
+
+.sidenav__toggle::after {
+  content: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI0LjAuMiwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxhZ2VyXzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPHBhdGggZmlsbD0iY3VycmVudENvbG9yIiBkPSJNNDc1LjQsMjA5LjZIMzYuNkMxNi40LDIwOS42LDAsMjI1LjksMCwyNDYuMWwwLDBjMCwyMC4yLDE2LjQsMzYuNiwzNi42LDM2LjZoNDM4LjljMjAuMiwwLDM2LjYtMTYuNCwzNi42LTM2LjZsMCwwCgkJQzUxMiwyMjUuOSw0OTUuNiwyMDkuNiw0NzUuNCwyMDkuNnogTTQ3NS40LDM5Mi40SDM2LjZDMTYuNCwzOTIuNCwwLDQwOC44LDAsNDI5bDAsMGMwLDIwLjIsMTYuNCwzNi42LDM2LjYsMzYuNmg0MzguOQoJCWMyMC4yLDAsMzYuNi0xNi40LDM2LjYtMzYuNmwwLDBDNTEyLDQwOC44LDQ5NS42LDM5Mi40LDQ3NS40LDM5Mi40eiBNNDc1LjQsMjYuN0gzNi42QzE2LjQsMjYuNywwLDQzLjEsMCw2My4zbDAsMAoJCWMwLDIwLjIsMTYuNCwzNi42LDM2LjYsMzYuNmg0MzguOWMyMC4yLDAsMzYuNi0xNi40LDM2LjYtMzYuNmwwLDBDNTEyLDQzLjEsNDk1LjYsMjYuNyw0NzUuNCwyNi43eiIvPgo8L2c+Cjwvc3ZnPgo=");
+  background-size: contain;
+  display: inline-block;
+  padding: 0.5rem;
+  width: 2rem;
+  height: 2rem;
+}
+
+.sidenav__toggle:checked::after {
+  content: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI0LjAuMiwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9ImNoZXZyb25zLWxlZnQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIKCSB5PSIwcHgiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPHBhdGggZmlsbD0iY3VycmVudENvbG9yIiBkPSJNMTExLjMsMjU2TDI4MS4yLDc4LjRjMTcuMy0xOC4xLDE2LjgtNDYuOS0xLjQtNjQuM2MtMTguMS0xNy4zLTQ2LjktMTYuNy02NC4zLDEuNGwtMjAwLDIwOS4xQzcuMiwyMzMuNCwzLDI0NC43LDMsMjU2CgkJYzAsMTEuMyw0LjIsMjIuNiwxMi42LDMxLjRsMjAwLDIwOS4xYzE3LjQsMTguMSw0Ni4xLDE4LjgsNjQuMywxLjRjMTguMS0xNy4zLDE4LjctNDYuMSwxLjQtNjQuM0wxMTEuMywyNTZ6IE0zMjkuNSwyNTYKCQlMNDk5LjQsNzguNGMxNy4zLTE4LjEsMTYuOC00Ni45LTEuNC02NC4zYy0xOC4xLTE3LjMtNDYuOS0xNi43LTY0LjMsMS40bC0yMDAsMjA5LjFjLTguNCw4LjgtMTIuNiwyMC4xLTEyLjYsMzEuNAoJCWMwLDExLjMsNC4yLDIyLjYsMTIuNiwzMS40bDIwMCwyMDkuMWMxNy40LDE4LjEsNDYuMSwxOC44LDY0LjMsMS40YzE4LjEtMTcuMywxOC44LTQ2LjEsMS40LTY0LjNMMzI5LjUsMjU2eiIvPgo8L2c+Cjwvc3ZnPgo=");
+  width: 2rem;
+  height: 2rem;
+  padding: 0.5rem;
+  display: inline-block;
+}
+
+#main main {
+  padding: 1.2rem 3rem 2rem;
+  background: #fff;
+}
+
+main h2:first-child {
+  margin-top: 0;
+}
+
+main #aside dl {
+  margin-bottom: 2rem;
+}
+
+main #aside dt {
+  font-weight: 400;
+  color: #5f6165;
+}
+
+main #aside dd {
+  margin: 0 0 1.5rem;
+}
+
+.docs-table {
+  overflow-x: auto;
+  margin-bottom: 48px;
+}
+
+.docs-table table {
+  width: 100%;
+  border-collapse: collapse;
+}
+
+.docs-table p {
+  margin: 0;
+}
+
+.docs-table caption {
+  text-align: left;
+  font-size: var(--f-font-size-large);
+  font-weight: var(--f-font-weight-bold);
+  margin-top: 0.5rem;
+}
+
+.docs-table thead {
+  border-bottom: 1px solid #8d8e91;
+}
+
+.docs-table th {
+  padding-right: 16px;
+  padding-bottom: 4px;
+  padding-left: 8px;
+  text-align: left;
+  font-weight: var(--f-font-weight-medium);
+  white-space: nowrap;
+}
+
+/* not: turn off for additional tables inside the table */
+.docs-table tr:nth-child(even):not(.api-table tr tr) {
+  background-color: #f4f4f4;
+}
+
+.docs-table td {
+  color: rgb(51, 51, 51);
+  padding: 1rem 1rem 1rem 0.5rem;
+  vertical-align: top;
+  border-bottom: 1px solid rgb(232, 232, 232);
+}
+
+.code-preview main,
+.code-preview header,
+.code-preview footer {
+  all: revert;
+}
+
+.code-preview--default {
+  border: 1px solid #ddddde;
+  border-radius: 4px;
+  width: 100%;
+  background-color: #f4f4f4;
+  margin-bottom: 1rem;
+}
+
+.code-preview--default .code-preview__preview {
+  border-bottom: 1px solid #ddddde;
+  padding: 1.5rem;
+}
+
+.code-preview--borderless {
+  width: 100%;
+  background-color: #f4f4f4;
+  margin-bottom: 1rem;
+}
+
+.code-preview__preview {
+  background-color: #fff;
+  flex: 1 1 auto;
+}
+
+.code-preview__markup {
+  margin: 0;
+  overflow-x: auto;
+}
+
+/* Increased specificity to override button styling */
+.code-preview .code-preview__fullscreen,
+.code-preview .button.code-preview__toggle-markup {
+  display: inline-flex;
+  align-items: center;
+  width: fit-content;
+  margin: 0;
+  padding: 0.5rem;
+  font-weight: 600;
+  line-height: var(--f-line-height-medium);
+  color: var(--f-text-color-default);
+}
+
+.code-preview code {
+  margin: 0;
+}
+
+.icon--code {
+  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgyNHYyNEgwVjB6Ii8+PHBhdGggZD0iTTkuNCAxNi42TDQuOCAxMmw0LjYtNC42TDggNmwtNiA2IDYgNiAxLjQtMS40em01LjIgMGw0LjYtNC42LTQuNi00LjZMMTYgNmw2IDYtNiA2LTEuNC0xLjR6Ii8+PC9zdmc+") no-repeat;
+  background-size: contain;
+  margin-right: 0.25rem;
+}
+
+.icon--fullscreen {
+  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMWVtIiB2aWV3Qm94PSIwIDAgNDQ4IDUxMiI+PCEtLSEgRm9udCBBd2Vzb21lIEZyZWUgNi40LjIgYnkgQGZvbnRhd2Vzb21lIC0gaHR0cHM6Ly9mb250YXdlc29tZS5jb20gTGljZW5zZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tL2xpY2Vuc2UgKENvbW1lcmNpYWwgTGljZW5zZSkgQ29weXJpZ2h0IDIwMjMgRm9udGljb25zLCBJbmMuIC0tPjxwYXRoIGQ9Ik0xNjAgNjRjMC0xNy43LTE0LjMtMzItMzItMzJzLTMyIDE0LjMtMzIgMzJ2NjRIMzJjLTE3LjcgMC0zMiAxNC4zLTMyIDMyczE0LjMgMzIgMzIgMzJoOTZjMTcuNyAwIDMyLTE0LjMgMzItMzJWNjR6TTMyIDMyMGMtMTcuNyAwLTMyIDE0LjMtMzIgMzJzMTQuMyAzMiAzMiAzMkg5NnY2NGMwIDE3LjcgMTQuMyAzMiAzMiAzMnMzMi0xNC4zIDMyLTMyVjM1MmMwLTE3LjctMTQuMy0zMi0zMi0zMkgzMnpNMzUyIDY0YzAtMTcuNy0xNC4zLTMyLTMyLTMycy0zMiAxNC4zLTMyIDMydjk2YzAgMTcuNyAxNC4zIDMyIDMyIDMyaDk2YzE3LjcgMCAzMi0xNC4zIDMyLTMycy0xNC4zLTMyLTMyLTMySDM1MlY2NHpNMzIwIDMyMGMtMTcuNyAwLTMyIDE0LjMtMzIgMzJ2OTZjMCAxNy43IDE0LjMgMzIgMzIgMzJzMzItMTQuMyAzMi0zMlYzODRoNjRjMTcuNyAwIDMyLTE0LjMgMzItMzJzLTE0LjMtMzItMzItMzJIMzIweiIvPjwvc3ZnPgo=") no-repeat;
+  background-size: contain;
+  margin-right: 0.25rem;
+}
+
+.toolbar {
+  display: flex;
+  align-items: center;
+}
+
+kbd {
+  border: 1px solid #bbbbbd;
+  color: #5f6165;
+  padding: 0.1rem 0.5rem;
+  margin-left: 0.5rem;
+  border-radius: 6px;
+  font-family: var(--docs-font-family);
+}
+
+#search button {
+  padding: 0 0.75rem;
+  cursor: text;
+  border: 0;
+  box-shadow: none;
+  color: var(--f-text-color-default);
+}
+
+#search button:hover {
+  background-color: #f4f4f4;
+}
+
+#search button:focus {
+  box-shadow: var(--f-focus-box-shadow);
+}
+
+#search button .icon {
+  margin-right: 0.5rem;
+}
+
+#search-dialog {
+  margin-top: 80px;
+  border: 1px solid var(--f-border-color-modal);
+  width: 580px;
+}
+
+#search-dialog label {
+  font-weight: 600;
+  font-size: 1.2rem;
+  margin-bottom: 1rem;
+  color: var(--f-text-color-default);
+}
+
+#search-results {
+  overflow-y: auto;
+  max-height: 60vh;
+  margin: 0.5rem 0;
+  padding: 0.2rem;
+}
+
+#search-results a,
+#search-results a:visited {
+  color: var(--f-text-color-default);
+}
+
+#search-results .list__item--active {
+  background-color: #e5e5e5;
+}
+
+#search-results .list__item:hover {
+  background-color: #e5e5e5;
+}
+
+#search-results .list__item__itempane:focus {
+  background-color: #f4f4f4;
+}