/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/next@15.5.9_react-dom@19.1.0_react@19.1.0__react@19.1.0_sass@1.97.3/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[3].use[1]!./node_modules/.pnpm/next@15.5.9_react-dom@19.1.0_react@19.1.0__react@19.1.0_sass@1.97.3/node_modules/next/dist/build/webpack/loaders/next-font-loader/index.js??ruleSet[1].rules[14].oneOf[3].use[2]!./node_modules/.pnpm/next@15.5.9_react-dom@19.1.0_react@19.1.0__react@19.1.0_sass@1.97.3/node_modules/next/font/local/target.css?{"path":"node_modules/.pnpm/geist@1.5.1_next@15.5.9_react-dom@19.1.0_react@19.1.0__react@19.1.0_sass@1.97.3_/node_modules/geist/dist/mono.js","import":"","arguments":[{"src":"./fonts/geist-mono/GeistMono-Variable.woff2","variable":"--font-geist-mono","adjustFontFallback":false,"fallback":["ui-monospace","SFMono-Regular","Roboto Mono","Menlo","Monaco","Liberation Mono","DejaVu Sans Mono","Courier New","monospace"],"weight":"100 900"}],"variableName":"GeistMono"} ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@font-face {
font-family: 'GeistMono';
src: url(/_next/static/media/5b01f339abf2f1a5.p.woff2) format('woff2');
font-display: swap;
font-weight: 100 900;
}.__className_f910ec {font-family: 'GeistMono', ui-monospace, SFMono-Regular, Roboto Mono, Menlo, Monaco, Liberation Mono, DejaVu Sans Mono, Courier New, monospace
}.__variable_f910ec {--font-geist-mono: 'GeistMono', ui-monospace, SFMono-Regular, Roboto Mono, Menlo, Monaco, Liberation Mono, DejaVu Sans Mono, Courier New, monospace
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/next@15.5.9_react-dom@19.1.0_react@19.1.0__react@19.1.0_sass@1.97.3/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[3].use[1]!./node_modules/.pnpm/next@15.5.9_react-dom@19.1.0_react@19.1.0__react@19.1.0_sass@1.97.3/node_modules/next/dist/build/webpack/loaders/next-font-loader/index.js??ruleSet[1].rules[14].oneOf[3].use[2]!./node_modules/.pnpm/next@15.5.9_react-dom@19.1.0_react@19.1.0__react@19.1.0_sass@1.97.3/node_modules/next/font/local/target.css?{"path":"src/app/(frontend)/fonts.ts","import":"","arguments":[{"src":[{"path":"../../fonts/UntitledSans-Light.woff2","style":"normal","weight":"300"},{"path":"../../fonts/UntitledSans-LightItalic.woff2","style":"italic","weight":"300"},{"path":"../../fonts/UntitledSans-Regular.woff2","style":"normal","weight":"400"},{"path":"../../fonts/UntitledSans-RegularItalic.woff2","style":"italic","weight":"400"},{"path":"../../fonts/UntitledSans-Medium.woff2","style":"normal","weight":"500"},{"path":"../../fonts/UntitledSans-MediumItalic.woff2","style":"italic","weight":"500"},{"path":"../../fonts/UntitledSans-Bold.woff2","style":"normal","weight":"700"},{"path":"../../fonts/UntitledSans-BoldItalic.woff2","style":"italic","weight":"700"},{"path":"../../fonts/UntitledSans-Black.woff2","style":"normal","weight":"800"},{"path":"../../fonts/UntitledSans-BlackItalic.woff2","style":"italic","weight":"800"}],"variable":"--font-body"}],"variableName":"untitledSans"} ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@font-face {
font-family: 'untitledSans';
src: url(/_next/static/media/716743f5eba8aa5c-s.p.woff2) format('woff2');
font-display: swap;
font-weight: 300;
font-style: normal;
}

@font-face {
font-family: 'untitledSans';
src: url(/_next/static/media/096fc0a920206bee-s.p.woff2) format('woff2');
font-display: swap;
font-weight: 300;
font-style: italic;
}

@font-face {
font-family: 'untitledSans';
src: url(/_next/static/media/77e7188387b00f5d-s.p.woff2) format('woff2');
font-display: swap;
font-weight: 400;
font-style: normal;
}

@font-face {
font-family: 'untitledSans';
src: url(/_next/static/media/32d694b729e49e86-s.p.woff2) format('woff2');
font-display: swap;
font-weight: 400;
font-style: italic;
}

@font-face {
font-family: 'untitledSans';
src: url(/_next/static/media/d8aa0c7d96365198-s.p.woff2) format('woff2');
font-display: swap;
font-weight: 500;
font-style: normal;
}

@font-face {
font-family: 'untitledSans';
src: url(/_next/static/media/c86d5e148479770d-s.p.woff2) format('woff2');
font-display: swap;
font-weight: 500;
font-style: italic;
}

@font-face {
font-family: 'untitledSans';
src: url(/_next/static/media/5566c67f1508ae8a-s.p.woff2) format('woff2');
font-display: swap;
font-weight: 700;
font-style: normal;
}

@font-face {
font-family: 'untitledSans';
src: url(/_next/static/media/fbc69893487b1118-s.p.woff2) format('woff2');
font-display: swap;
font-weight: 700;
font-style: italic;
}

@font-face {
font-family: 'untitledSans';
src: url(/_next/static/media/bb521019c7c7526d-s.p.woff2) format('woff2');
font-display: swap;
font-weight: 800;
font-style: normal;
}

@font-face {
font-family: 'untitledSans';
src: url(/_next/static/media/0a519dad0c4c2790-s.p.woff2) format('woff2');
font-display: swap;
font-weight: 800;
font-style: italic;
}@font-face {font-family: 'untitledSans Fallback';src: local("Arial");ascent-override: 95.35%;descent-override: 23.51%;line-gap-override: 0.00%;size-adjust: 105.08%
}.__className_b25fb2 {font-family: 'untitledSans', 'untitledSans Fallback'
}.__variable_b25fb2 {--font-body: 'untitledSans', 'untitledSans Fallback'
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/next@15.5.9_react-dom@19.1.0_react@19.1.0__react@19.1.0_sass@1.97.3/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/.pnpm/next@15.5.9_react-dom@19.1.0_react@19.1.0__react@19.1.0_sass@1.97.3/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/.pnpm/next@15.5.9_react-dom@19.1.0_react@19.1.0__react@19.1.0_sass@1.97.3/node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/.pnpm/next@15.5.9_react-dom@19.1.0_react@19.1.0__react@19.1.0_sass@1.97.3/node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/icons/index.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
  * A mixin to apply styles based on the current theme.
  *
  * @param {string} 'light' | 'dark' - The theme to apply the styles for.
  * @param {boolean} - Apply only the complex exclusive :not selector without the generic data-theme one.
  */
.icons_icon__6EVpU {
  width: 0.6rem;
  height: 0.6rem;
  overflow: visible;
}
.icons_icon__6EVpU  path {
  vector-effect: non-scaling-stroke;
}

.icons_stroke__FrZ8d {
  stroke-width: 1px;
  fill: none;
  stroke: currentColor;
}

.icons_extra-small__ga6Jl {
  width: 0.25rem;
  height: 0.25rem;
}

.icons_small__EkTBi {
  width: 0.5rem;
  height: 0.5rem;
}

.icons_medium__I5_GD {
  height: 0.75rem;
  width: 0.75rem;
}

.icons_large__tRw9w {
  height: 1rem;
  width: 1rem;
}

.icons_full__11oI_ {
  height: 100%;
  width: 100%;
}

.icons_fill__d7eCu {
  fill: currentColor;
}

.icons_bold__Y25IS .icons_stroke__FrZ8d {
  stroke-width: 2px;
}

.icons_chevronDown__GdgA4 {
  height: 0.5rem;
  width: 1rem;
}

.icons_spinning__AC3wd {
  animation: icons_spin__uvRtb 1s steps(8, end) infinite;
}

@keyframes icons_spin__uvRtb {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/next@15.5.9_react-dom@19.1.0_react@19.1.0__react@19.1.0_sass@1.97.3/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/.pnpm/next@15.5.9_react-dom@19.1.0_react@19.1.0__react@19.1.0_sass@1.97.3/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/.pnpm/next@15.5.9_react-dom@19.1.0_react@19.1.0__react@19.1.0_sass@1.97.3/node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/.pnpm/next@15.5.9_react-dom@19.1.0_react@19.1.0__react@19.1.0_sass@1.97.3/node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/components/Button/index.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
  * A mixin to apply styles based on the current theme.
  *
  * @param {string} 'light' | 'dark' - The theme to apply the styles for.
  * @param {boolean} - Apply only the complex exclusive :not selector without the generic data-theme one.
  */
.Button_button__wfofQ {
  all: unset;
  cursor: pointer;
  box-sizing: border-box;
  display: inline-flex;
  position: relative;
  padding: var(--button-padding);
  --button-padding: 0.5rem 1rem;
  height: 2.5rem;
}
@media (pointer: fine) {
  .Button_button__wfofQ:focus-visible {
    outline: 1px solid var(--theme-blue-400);
    outline-offset: 2px;
  }
}
.Button_button__wfofQ:disabled {
  cursor: not-allowed;
}

.Button_size--pill__AATaO {
  letter-spacing: 0;
  font-size: 16px;
  line-height: 20px;
}
@media (max-width: 1920px) {
  .Button_size--pill__AATaO {
    font-size: 15px;
    line-height: 18px;
  }
}
.Button_size--pill__AATaO {
  line-height: 1.25rem;
  height: unset;
  border-radius: 3px;
  padding: 0 6px;
  font-weight: bold;
}
.Button_size--pill__AATaO .Button_spacer__2HcRG {
  width: 0.75rem;
}
.Button_size--pill__AATaO.Button_appearance--default__nTa33 {
  background-color: var(--theme-elevation-250);
  color: var(--theme-elevation-1000);
  min-width: unset;
  padding: 0 6px;
}
.Button_size--pill__AATaO.Button_appearance--default__nTa33:focus-visible, .Button_size--pill__AATaO.Button_appearance--default__nTa33:hover {
  background-color: var(--theme-elevation-200);
  color: var(--theme-elevation-1000);
}

.Button_full-width__Eo88P {
  width: 100%;
}

@media (max-width: 1024px) {
  .Button_mobile-full-width__8N8yL {
    width: 100%;
  }
}

[data-theme='light'] .Button_appearance--primary__EOh6p:focus-visible {
  border-color: var(--theme-elevation-950);
}

.Button_appearance--default__nTa33 {
  --animation-speed: 450ms;
  display: inline-flex;
  border: 1px solid var(--grid-line-dark);
  position: relative;
  padding: unset;
  color: var(--theme-elevation-1000);
  height: unset;
  transition: background-position var(--animation-speed) cubic-bezier(0.165, 0.84, 0.44, 1);
  overflow: hidden;
}
.Button_appearance--default__nTa33 .Button_contentWrapper__mE9xv {
  width: 100%;
}
.Button_appearance--default__nTa33 .Button_defaultLabel__HnpuU {
  position: relative;
  padding: 1.5rem 1rem;
  width: 100%;
  transition: transform var(--animation-speed) cubic-bezier(0.165, 0.84, 0.44, 1);
}
.Button_appearance--default__nTa33 .Button_defaultLabel__HnpuU .Button_label__SZuwd {
  transform: rotate(0);
  transition: transform var(--animation-speed) 150ms cubic-bezier(0.165, 0.84, 0.44, 1);
  transform-origin: bottom left;
  color: var(--theme-elevation-1000);
  font-weight: 500;
}
.Button_appearance--default__nTa33.Button_forceBackground__xtcj1 .Button_defaultLabel__HnpuU::before {
  content: "";
  width: calc(100% - 2px);
  position: absolute;
  height: 100%;
  left: 1px;
  top: 0;
  z-index: -1;
  background-color: var(--theme-elevation-0);
}
.Button_appearance--default__nTa33 .Button_hoverLabel__R77Zz {
  padding: 1.5rem 1rem;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: calc(100% + 2px);
  transform: translateY(100%);
  transition: transform var(--animation-speed) cubic-bezier(0.165, 0.84, 0.44, 1);
  color: var(--theme-elevation-0);
  background-color: var(--theme-elevation-1000);
}
.Button_appearance--default__nTa33 .Button_hoverLabel__R77Zz .Button_label__SZuwd {
  transform: rotate(3deg);
  transition: transform var(--animation-speed) 150ms cubic-bezier(0.165, 0.84, 0.44, 1);
  transform-origin: bottom left;
  color: var(--theme-elevation-0);
  font-weight: 500;
}
.Button_appearance--default__nTa33 .Button_content__Jc_mR {
  padding: 1.5rem;
}
.Button_appearance--default__nTa33 .Button_content__Jc_mR .Button_label__SZuwd {
  margin: 0;
}
.Button_appearance--default__nTa33 .Button_content__Jc_mR .Button_icon--arrow__GbPeb {
  transition: background-position 550ms cubic-bezier(0.165, 0.84, 0.44, 1), color 550ms cubic-bezier(0.165, 0.84, 0.44, 1);
}
.Button_appearance--default__nTa33 .Button_cmsFormSubmitButtonContent__G_czb {
  padding: 1.5rem 2rem;
}
.Button_appearance--default__nTa33:hover {
  color: var(--theme-elevation-0);
}
.Button_appearance--default__nTa33:hover .Button_defaultLabel__HnpuU {
  transform: translateY(-100%);
  transition-duration: calc(var(--animation-speed) * 2);
}
.Button_appearance--default__nTa33:hover .Button_defaultLabel__HnpuU .Button_label__SZuwd {
  transform: rotate(-3deg);
}
.Button_appearance--default__nTa33:hover .Button_hoverLabel__R77Zz {
  transform: translateY(0);
}
.Button_appearance--default__nTa33:hover .Button_hoverLabel__R77Zz .Button_label__SZuwd {
  transform: rotate(0deg);
}
@media (max-width: 1024px) {
  .Button_appearance--default__nTa33 .Button_content__Jc_mR {
    padding: 1.5rem 1rem;
  }
  .Button_appearance--default__nTa33 .Button_defaultLabel__HnpuU, .Button_appearance--default__nTa33 .Button_hoverLabel__R77Zz {
    padding: 1.5rem 1rem;
  }
  .Button_appearance--default__nTa33 .Button_cmsFormSubmitButtonContent__G_czb {
    padding: 1.5rem 1rem;
  }
}
.Button_appearance--large__27_Kz {
  font-size: 2rem;
}
.Button_appearance--primary__EOh6p {
  border: 1px solid var(--theme-elevation-900);
  color: var(--theme-bg);
  background-color: var(--theme-elevation-950);
}
.Button_appearance--primary__EOh6p:focus-visible, .Button_appearance--primary__EOh6p:hover {
  color: var(--theme-bg);
  border-color: currentColor;
  background-color: var(--theme-elevation-700);
}
.Button_appearance--secondary__7GKj7 {
  border: 1px solid;
  border-color: var(--theme-elevation-500);
}
.Button_appearance--secondary__7GKj7:focus-visible {
  color: var(--theme-elevation-850);
  background-color: var(--theme-elevation-150);
}
.Button_appearance--secondary__7GKj7.Button_isHovered__PXagk {
  border-color: var(--theme-elevation-900);
}
@media (max-width: 1024px) {
  .Button_appearance--secondary__7GKj7.Button_isHovered__PXagk {
    border-color: var(--theme-elevation-500);
  }
}
.Button_appearance--danger__GIT9K {
  background-color: var(--theme-error-500);
  color: var(--theme-error-50);
}
.Button_appearance--danger__GIT9K:focus-visible, .Button_appearance--danger__GIT9K:hover {
  background-color: var(--theme-error-450);
}
.Button_appearance--success__erXRS {
  color: var(--color-success-500);
  border: 1px solid;
  border-color: var(--color-success-500);
}
.Button_appearance--success__erXRS:focus-visible {
  color: var(--theme-elevation-850);
  background-color: var(--color-success-500);
}
.Button_appearance--success__erXRS.Button_isHovered__PXagk {
  color: var(--color-success-250);
  border-color: var(--color-success-250);
}
@media (max-width: 1024px) {
  .Button_appearance--success__erXRS.Button_isHovered__PXagk {
    border-color: var(--theme-elevation-500);
  }
}
.Button_appearance--warning__xnQ78 {
  color: var(--color-warning-500);
  border: 1px solid;
  border-color: var(--color-warning-500);
}
.Button_appearance--warning__xnQ78:focus-visible {
  color: var(--theme-elevation-850);
  background-color: var(--color-warning-500);
}
.Button_appearance--warning__xnQ78.Button_isHovered__PXagk {
  border-color: var(--theme-elevation-900);
}
@media (max-width: 1024px) {
  .Button_appearance--warning__xnQ78.Button_isHovered__PXagk {
    border-color: var(--theme-elevation-500);
  }
}
.Button_appearance--text__bpgv2 {
  display: inline-flex;
  padding: unset;
  height: unset;
  border-radius: 3px;
  border: 1px solid transparent;
}
.Button_appearance--text__bpgv2:focus-visible {
  color: var(--theme-elevation-600);
  background-color: var(--theme-elevation-150);
}

.Button_gradient__dreVb {
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transition: opacity 50ms cubic-bezier(0.4, 0, 0.2, 1);
}

.Button_isHovered__PXagk .Button_icon--arrow__GbPeb {
  transform: translate3d(2px, -2px, 0);
}
@media (max-width: 1024px) {
  .Button_isHovered__PXagk .Button_icon--arrow__GbPeb {
    transform: translate3d(0, 0, 0);
  }
}

.Button_hideBorders__xPHcr {
  border: none;
}

.Button_hideHorizontalBorders__gB_oR {
  border-right: none;
  border-left: none;
}

.Button_hideVerticalBorders__xMMLW {
  border-top: none;
  border-bottom: none;
}

.Button_hideBottomBorderExceptLast__SL3U2:not(:last-of-type) {
  border-bottom: none;
}

.Button_content__Jc_mR {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  z-index: 1;
}

.Button_label__SZuwd {
  width: 100%;
  flex-grow: 1;
  flex-shrink: 1;
  display: flex;
  align-items: center;
}

.Button_size--default__jqMIl {
  font-size: var(--font-body-size);
  line-height: 1.4;
}

.Button_size--large__YWpP2 {
  margin: 1.2rem 0;
  font-size: 1.4rem;
  line-height: 1.2;
  font-weight: 500;
  letter-spacing: -0.05em;
}
@media (max-width: 1600px) {
  .Button_size--large__YWpP2 {
    font-size: 1.5rem;
  }
}
@media (max-width: 768px) {
  .Button_size--large__YWpP2 {
    font-size: 1.125rem;
  }
}
.Button_size--large__YWpP2 code {
  font-size: inherit;
}
.Button_size--large__YWpP2 {
  margin: 0;
}

.Button_label-centered__4798P {
  justify-content: center;
  text-align: center;
}

.Button_spacer__2HcRG {
  width: 0.75rem;
  height: 1rem;
}

.Button_icon__6so9o {
  position: relative;
  transition-duration: 50ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  flex-shrink: 0;
  transform: translate3d(0, 0, 0);
}

[data-theme=light] .Button_appearance--default__nTa33, [data-theme=light]:not(:has([data-theme=dark])) .Button_appearance--default__nTa33 {
  border-color: var(--grid-line-light);
}
[data-theme=dark] .Button_appearance--default__nTa33, [data-theme=dark]:not(:has([data-theme=light])) .Button_appearance--default__nTa33 {
  border-color: var(--grid-line-dark);
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/next@15.5.9_react-dom@19.1.0_react@19.1.0__react@19.1.0_sass@1.97.3/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/.pnpm/next@15.5.9_react-dom@19.1.0_react@19.1.0__react@19.1.0_sass@1.97.3/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/.pnpm/next@15.5.9_react-dom@19.1.0_react@19.1.0__react@19.1.0_sass@1.97.3/node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/.pnpm/next@15.5.9_react-dom@19.1.0_react@19.1.0__react@19.1.0_sass@1.97.3/node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/components/PrivacyBanner/index.module.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
  * A mixin to apply styles based on the current theme.
  *
  * @param {string} 'light' | 'dark' - The theme to apply the styles for.
  * @param {boolean} - Apply only the complex exclusive :not selector without the generic data-theme one.
  */
.PrivacyBanner_privacyBanner__S9D3l {
  position: fixed;
  bottom: 1rem;
  right: var(--gutter-h);
  width: max-content;
  max-width: calc(var(--column) * 8);
  z-index: var(--z-nav);
  transition: transform 0.3s ease-out;
  border: solid 1px var(--theme-border-color);
}
@media (max-width: 1600px) {
  .PrivacyBanner_privacyBanner__S9D3l {
    margin-left: 0;
    margin-right: 0;
  }
}

.PrivacyBanner_animateOut__2y2Ix {
  transform: translateY(100%);
}

.PrivacyBanner_contentWrap__GSed4 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  position: relative;
  background: black;
  padding: 1.5rem;
}
@media (max-width: 1600px) {
  .PrivacyBanner_contentWrap__GSed4 {
    margin-left: 0;
    margin-right: 0;
  }
}
@media (max-width: 768px) {
  .PrivacyBanner_contentWrap__GSed4 {
    flex-direction: column;
  }
}
@media (max-width: 400px) {
  .PrivacyBanner_contentWrap__GSed4 {
    align-items: flex-start;
  }
}

.PrivacyBanner_content__DA6bY {
  margin: 0;
}
.PrivacyBanner_content__DA6bY a {
  text-decoration: none;
  color: var(--text-color);
  border-bottom: 1px dotted currentColor;
  transition: all 0.2s ease;
}
.PrivacyBanner_content__DA6bY a:visited {
  color: var(--text-color);
}
.PrivacyBanner_content__DA6bY a:hover {
  opacity: 0.8;
}

.PrivacyBanner_privacyLink__HAoaM:hover {
  color: var(--color-purple-600);
}

.PrivacyBanner_buttonWrap__L49KB {
  display: flex;
  margin-top: 1.5rem;
  gap: 1rem;
  width: 100%;
}
.PrivacyBanner_buttonWrap__L49KB button {
  width: 50%;
}
@media (max-width: 768px) {
  .PrivacyBanner_buttonWrap__L49KB {
    margin-top: 1rem;
  }
}

[data-theme='light'] .PrivacyBanner_content__DA6bY {
  color: var(--color-base-100);
}
[data-theme='light'] .PrivacyBanner_rejectButton__i0jjZ {
  color: var(--color-base-100);
}
[data-theme='light'] .PrivacyBanner_rejectButton__i0jjZ:hover {
  border-color: var(--color-base-200);
}
[data-theme='light'] .PrivacyBanner_acceptButton__4k0BF {
  background: var(--color-base-100);
  border-color: var(--color-base-100);
  color: black;
}
[data-theme='light'] .PrivacyBanner_acceptButton__4k0BF:hover {
  background: var(--color-base-300);
  border-color: var(--color-base-300);
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/next@15.5.9_react-dom@19.1.0_react@19.1.0__react@19.1.0_sass@1.97.3/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[11].use[2]!./node_modules/.pnpm/next@15.5.9_react-dom@19.1.0_react@19.1.0__react@19.1.0_sass@1.97.3/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[11].use[3]!./node_modules/.pnpm/next@15.5.9_react-dom@19.1.0_react@19.1.0__react@19.1.0_sass@1.97.3/node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[11].use[4]!./node_modules/.pnpm/next@15.5.9_react-dom@19.1.0_react@19.1.0__react@19.1.0_sass@1.97.3/node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[11].use[5]!./src/css/app.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
html .Box-header {
  line-height: 1.2;
  background-color: var(--color-base-950);
  padding: 1rem;
  font-size: calc(var(--font-body-size) * 0.825);
  border: 1px solid var(--theme-elevation-50);
}
html .Box-body {
  line-height: 1.25;
  max-height: 250px;
  overflow: auto;
  padding: 1rem;
  background-color: var(--color-base-950);
  border: 1px solid var(--theme-elevation-50);
  font-family: var(--font-geist-mono);
  font-size: calc(var(--font-body-size) * 0.825);
}
html .blob-num::before {
  content: attr(data-line-number);
  padding-right: 10px;
  font-size: 14px;
  color: var(--theme-elevation-600);
}
html .blob-code-inner {
  white-space: pre-wrap;
}
html[data-theme=light] .Box-header {
  background-color: var(--theme-elevation-50);
}
html[data-theme=light] .highlight pre {
  background-color: var(--color-base-950);
  color: var(--theme-elevation-100);
}
html[data-theme=dark], html[data-theme=light] {
  /*!
  * GitHub Dark v0.5.0
  * Copyright (c) 2012 - 2017 GitHub, Inc.
  * Licensed under MIT (https://github.com/primer/github-syntax-theme-generator/blob/master/LICENSE)
  */
}
html[data-theme=dark] .pl-c, html[data-theme=light] .pl-c {
  color: #959da5;
}
html[data-theme=dark] .pl-c1,
html[data-theme=dark] .pl-s .pl-v, html[data-theme=light] .pl-c1,
html[data-theme=light] .pl-s .pl-v {
  color: var(--color-blue-200);
}
html[data-theme=dark] .pl-e,
html[data-theme=dark] .pl-en, html[data-theme=light] .pl-e,
html[data-theme=light] .pl-en {
  color: var(--color-warning-500);
}
html[data-theme=dark] .pl-smi,
html[data-theme=dark] .pl-s .pl-s1, html[data-theme=light] .pl-smi,
html[data-theme=light] .pl-s .pl-s1 {
  color: var(--theme-success-450);
}
html[data-theme=dark] .pl-ent, html[data-theme=light] .pl-ent {
  color: #7bcc72;
}
html[data-theme=dark] .pl-k, html[data-theme=light] .pl-k {
  color: var(--theme-success-450);
}
html[data-theme=dark] .pl-s,
html[data-theme=dark] .pl-pds,
html[data-theme=dark] .pl-s .pl-pse .pl-s1,
html[data-theme=dark] .pl-sr,
html[data-theme=dark] .pl-sr .pl-cce,
html[data-theme=dark] .pl-sr .pl-sre,
html[data-theme=dark] .pl-sr .pl-sra, html[data-theme=light] .pl-s,
html[data-theme=light] .pl-pds,
html[data-theme=light] .pl-s .pl-pse .pl-s1,
html[data-theme=light] .pl-sr,
html[data-theme=light] .pl-sr .pl-cce,
html[data-theme=light] .pl-sr .pl-sre,
html[data-theme=light] .pl-sr .pl-sra {
  color: var(--color-blue-200);
}
html[data-theme=dark] .pl-v,
html[data-theme=dark] .pl-ml, html[data-theme=light] .pl-v,
html[data-theme=light] .pl-ml {
  color: #fb8532;
}
html[data-theme=dark] .pl-bu, html[data-theme=light] .pl-bu {
  color: #d73a49;
}
html[data-theme=dark] .pl-ii, html[data-theme=light] .pl-ii {
  color: #fafbfc;
  background-color: #d73a49;
}
html[data-theme=dark] .pl-c2, html[data-theme=light] .pl-c2 {
  color: #fafbfc;
  background-color: #d73a49;
}
html[data-theme=dark] .pl-c2::before, html[data-theme=light] .pl-c2::before {
  content: "^M";
}
html[data-theme=dark] .pl-sr .pl-cce, html[data-theme=light] .pl-sr .pl-cce {
  font-weight: bold;
  color: #7bcc72;
}
html[data-theme=dark] .pl-mh,
html[data-theme=dark] .pl-mh .pl-en,
html[data-theme=dark] .pl-ms, html[data-theme=light] .pl-mh,
html[data-theme=light] .pl-mh .pl-en,
html[data-theme=light] .pl-ms {
  font-weight: bold;
  color: #0366d6;
}
html[data-theme=dark] .pl-mi, html[data-theme=light] .pl-mi {
  font-style: italic;
  color: #f6f8fa;
}
html[data-theme=dark] .pl-mb, html[data-theme=light] .pl-mb {
  font-weight: bold;
  color: #f6f8fa;
}
html[data-theme=dark] .pl-md, html[data-theme=light] .pl-md {
  color: #b31d28;
  background-color: #ffeef0;
}
html[data-theme=dark] .pl-mi1, html[data-theme=light] .pl-mi1 {
  color: #176f2c;
  background-color: #f0fff4;
}
html[data-theme=dark] .pl-mc, html[data-theme=light] .pl-mc {
  color: #b08800;
  background-color: #fffdef;
}
html[data-theme=dark] .pl-mi2, html[data-theme=light] .pl-mi2 {
  color: #2f363d;
  background-color: #959da5;
}
html[data-theme=dark] .pl-mdr, html[data-theme=light] .pl-mdr {
  font-weight: bold;
  color: #b392f0;
}
html[data-theme=dark] .pl-mo, html[data-theme=light] .pl-mo {
  color: #0366d6;
}
html[data-theme=dark] .pl-ba, html[data-theme=light] .pl-ba {
  color: #ffeef0;
}
html[data-theme=dark] .pl-sg, html[data-theme=light] .pl-sg {
  color: #6a737d;
}
html[data-theme=dark] .pl-corl, html[data-theme=light] .pl-corl {
  text-decoration: underline;
  color: var(--color-blue-200);
}
html[data-theme=dark] .pl-s1, html[data-theme=light] .pl-s1 {
  color: var(--color-base-50);
}

/**
  * A mixin to apply styles based on the current theme.
  *
  * @param {string} 'light' | 'dark' - The theme to apply the styles for.
  * @param {boolean} - Apply only the complex exclusive :not selector without the generic data-theme one.
  */
.grid {
  display: grid;
  grid-template-columns: repeat(16, 1fr);
  grid-row-gap: 0;
  grid-column-gap: 0;
}
@media (max-width: 1600px) {
  .grid {
    grid-template-columns: repeat(16, 1fr);
  }
}
@media (max-width: 1024px) {
  .grid {
    grid-template-columns: repeat(8, 1fr);
  }
}
@media (max-width: 768px) {
  .grid {
    grid-template-columns: repeat(8, 1fr);
  }
}
@media (max-width: 400px) {
  .grid {
    grid-template-columns: repeat(8, 1fr);
  }
}

.cols-1 {
  grid-column-end: span 1;
}

.cols-2 {
  grid-column-end: span 2;
}

.cols-3 {
  grid-column-end: span 3;
}

.cols-4 {
  grid-column-end: span 4;
}

.cols-5 {
  grid-column-end: span 5;
}

.cols-6 {
  grid-column-end: span 6;
}

.cols-7 {
  grid-column-end: span 7;
}

.cols-8 {
  grid-column-end: span 8;
}

.cols-9 {
  grid-column-end: span 9;
}

.cols-10 {
  grid-column-end: span 10;
}

.cols-11 {
  grid-column-end: span 11;
}

.cols-12 {
  grid-column-end: span 12;
}

.cols-13 {
  grid-column-end: span 13;
}

.cols-14 {
  grid-column-end: span 14;
}

.cols-15 {
  grid-column-end: span 15;
}

.cols-16 {
  grid-column-end: span 16;
}

@media (max-width: 1920px) {
  .cols-xl-1 {
    grid-column-end: span 1;
  }
  .cols-xl-2 {
    grid-column-end: span 2;
  }
  .cols-xl-3 {
    grid-column-end: span 3;
  }
  .cols-xl-4 {
    grid-column-end: span 4;
  }
  .cols-xl-5 {
    grid-column-end: span 5;
  }
  .cols-xl-6 {
    grid-column-end: span 6;
  }
  .cols-xl-7 {
    grid-column-end: span 7;
  }
  .cols-xl-8 {
    grid-column-end: span 8;
  }
  .cols-xl-9 {
    grid-column-end: span 9;
  }
  .cols-xl-10 {
    grid-column-end: span 10;
  }
  .cols-xl-11 {
    grid-column-end: span 11;
  }
  .cols-xl-12 {
    grid-column-end: span 12;
  }
  .cols-xl-13 {
    grid-column-end: span 13;
  }
  .cols-xl-14 {
    grid-column-end: span 14;
  }
  .cols-xl-15 {
    grid-column-end: span 15;
  }
  .cols-xl-16 {
    grid-column-end: span 16;
  }
}
@media (max-width: 1600px) {
  .cols-l-1 {
    grid-column-end: span 1;
  }
  .cols-l-2 {
    grid-column-end: span 2;
  }
  .cols-l-3 {
    grid-column-end: span 3;
  }
  .cols-l-4 {
    grid-column-end: span 4;
  }
  .cols-l-5 {
    grid-column-end: span 5;
  }
  .cols-l-6 {
    grid-column-end: span 6;
  }
  .cols-l-7 {
    grid-column-end: span 7;
  }
  .cols-l-8 {
    grid-column-end: span 8;
  }
  .cols-l-9 {
    grid-column-end: span 9;
  }
  .cols-l-10 {
    grid-column-end: span 10;
  }
  .cols-l-11 {
    grid-column-end: span 11;
  }
  .cols-l-12 {
    grid-column-end: span 12;
  }
  .cols-l-13 {
    grid-column-end: span 13;
  }
  .cols-l-14 {
    grid-column-end: span 14;
  }
  .cols-l-15 {
    grid-column-end: span 15;
  }
  .cols-l-16 {
    grid-column-end: span 16;
  }
}
@media (max-width: 1024px) {
  .cols-m-1 {
    grid-column-end: span 1;
  }
  .cols-m-2 {
    grid-column-end: span 2;
  }
  .cols-m-3 {
    grid-column-end: span 3;
  }
  .cols-m-4 {
    grid-column-end: span 4;
  }
  .cols-m-5 {
    grid-column-end: span 5;
  }
  .cols-m-6 {
    grid-column-end: span 6;
  }
  .cols-m-7 {
    grid-column-end: span 7;
  }
  .cols-m-8 {
    grid-column-end: span 8;
  }
}
@media (max-width: 768px) {
  .cols-s-1 {
    grid-column-end: span 1;
  }
  .cols-s-2 {
    grid-column-end: span 2;
  }
  .cols-s-3 {
    grid-column-end: span 3;
  }
  .cols-s-4 {
    grid-column-end: span 4;
  }
  .cols-s-5 {
    grid-column-end: span 5;
  }
  .cols-s-6 {
    grid-column-end: span 6;
  }
  .cols-s-7 {
    grid-column-end: span 7;
  }
  .cols-s-8 {
    grid-column-end: span 8;
  }
}
@media (max-width: 400px) {
  .cols-xs-1 {
    grid-column-end: span 1;
  }
  .cols-xs-2 {
    grid-column-end: span 2;
  }
  .cols-xs-3 {
    grid-column-end: span 3;
  }
  .cols-xs-4 {
    grid-column-end: span 4;
  }
  .cols-xs-5 {
    grid-column-end: span 5;
  }
  .cols-xs-6 {
    grid-column-end: span 6;
  }
  .cols-xs-7 {
    grid-column-end: span 7;
  }
  .cols-xs-8 {
    grid-column-end: span 8;
  }
}
.start-1 {
  grid-column-start: 1;
}

.start-2 {
  grid-column-start: 2;
}

.start-3 {
  grid-column-start: 3;
}

.start-4 {
  grid-column-start: 4;
}

.start-5 {
  grid-column-start: 5;
}

.start-6 {
  grid-column-start: 6;
}

.start-7 {
  grid-column-start: 7;
}

.start-8 {
  grid-column-start: 8;
}

.start-9 {
  grid-column-start: 9;
}

.start-10 {
  grid-column-start: 10;
}

.start-11 {
  grid-column-start: 11;
}

.start-12 {
  grid-column-start: 12;
}

.start-13 {
  grid-column-start: 13;
}

.start-14 {
  grid-column-start: 14;
}

.start-15 {
  grid-column-start: 15;
}

.start-16 {
  grid-column-start: 16;
}

@media (max-width: 1920px) {
  .start-xl-1 {
    grid-column-start: 1;
  }
  .start-xl-2 {
    grid-column-start: 2;
  }
  .start-xl-3 {
    grid-column-start: 3;
  }
  .start-xl-4 {
    grid-column-start: 4;
  }
  .start-xl-5 {
    grid-column-start: 5;
  }
  .start-xl-6 {
    grid-column-start: 6;
  }
  .start-xl-7 {
    grid-column-start: 7;
  }
  .start-xl-8 {
    grid-column-start: 8;
  }
  .start-xl-9 {
    grid-column-start: 9;
  }
  .start-xl-10 {
    grid-column-start: 10;
  }
  .start-xl-11 {
    grid-column-start: 11;
  }
  .start-xl-12 {
    grid-column-start: 12;
  }
  .start-xl-13 {
    grid-column-start: 13;
  }
  .start-xl-14 {
    grid-column-start: 14;
  }
  .start-xl-15 {
    grid-column-start: 15;
  }
  .start-xl-16 {
    grid-column-start: 16;
  }
}
@media (max-width: 1600px) {
  .start-l-1 {
    grid-column-start: 1;
  }
  .start-l-2 {
    grid-column-start: 2;
  }
  .start-l-3 {
    grid-column-start: 3;
  }
  .start-l-4 {
    grid-column-start: 4;
  }
  .start-l-5 {
    grid-column-start: 5;
  }
  .start-l-6 {
    grid-column-start: 6;
  }
  .start-l-7 {
    grid-column-start: 7;
  }
  .start-l-8 {
    grid-column-start: 8;
  }
  .start-l-9 {
    grid-column-start: 9;
  }
  .start-l-10 {
    grid-column-start: 10;
  }
  .start-l-11 {
    grid-column-start: 11;
  }
  .start-l-12 {
    grid-column-start: 12;
  }
  .start-l-13 {
    grid-column-start: 13;
  }
  .start-l-14 {
    grid-column-start: 14;
  }
  .start-l-15 {
    grid-column-start: 15;
  }
  .start-l-16 {
    grid-column-start: 16;
  }
}
@media (max-width: 1024px) {
  .start-m-1 {
    grid-column-start: 1;
  }
  .start-m-2 {
    grid-column-start: 2;
  }
  .start-m-3 {
    grid-column-start: 3;
  }
  .start-m-4 {
    grid-column-start: 4;
  }
  .start-m-5 {
    grid-column-start: 5;
  }
  .start-m-6 {
    grid-column-start: 6;
  }
  .start-m-7 {
    grid-column-start: 7;
  }
  .start-m-8 {
    grid-column-start: 8;
  }
}
@media (max-width: 768px) {
  .start-s-1 {
    grid-column-start: 1;
  }
  .start-s-2 {
    grid-column-start: 2;
  }
  .start-s-3 {
    grid-column-start: 3;
  }
  .start-s-4 {
    grid-column-start: 4;
  }
  .start-s-5 {
    grid-column-start: 5;
  }
  .start-s-6 {
    grid-column-start: 6;
  }
  .start-s-7 {
    grid-column-start: 7;
  }
  .start-s-8 {
    grid-column-start: 8;
  }
}
@media (max-width: 400px) {
  .start-xs-1 {
    grid-column-start: 1;
  }
  .start-xs-2 {
    grid-column-start: 2;
  }
  .start-xs-3 {
    grid-column-start: 3;
  }
  .start-xs-4 {
    grid-column-start: 4;
  }
  .start-xs-5 {
    grid-column-start: 5;
  }
  .start-xs-6 {
    grid-column-start: 6;
  }
  .start-xs-7 {
    grid-column-start: 7;
  }
  .start-xs-8 {
    grid-column-start: 8;
  }
}
:root {
  --color-base-0: rgb(255, 255, 255);
  --color-base-50: rgb(245, 245, 245);
  --color-base-100: rgb(235, 235, 235);
  --color-base-150: rgb(221, 221, 221);
  --color-base-200: rgb(208, 208, 208);
  --color-base-250: rgb(195, 195, 195);
  --color-base-300: rgb(181, 181, 181);
  --color-base-350: rgb(168, 168, 168);
  --color-base-400: rgb(154, 154, 154);
  --color-base-450: rgb(141, 141, 141);
  --color-base-500: rgb(128, 128, 128);
  --color-base-550: rgb(114, 114, 114);
  --color-base-600: rgb(101, 101, 101);
  --color-base-650: rgb(87, 87, 87);
  --color-base-700: rgb(74, 74, 74);
  --color-base-750: rgb(60, 60, 60);
  --color-base-800: rgb(47, 47, 47);
  --color-base-850: rgb(34, 34, 34);
  --color-base-900: rgb(20, 20, 20);
  --color-base-950: rgb(7, 7, 7);
  --color-base-1000: rgb(0, 0, 0);
  --color-success-50: rgb(229, 242, 247);
  --color-success-100: rgb(229, 242, 247);
  --color-success-150: rgb(178, 217, 231);
  --color-success-200: rgb(153, 204, 223);
  --color-success-250: rgb(128, 191, 215);
  --color-success-300: rgb(102, 178, 206);
  --color-success-350: rgb(77, 165, 198);
  --color-success-400: rgb(51, 153, 190);
  --color-success-450: rgb(26, 140, 182);
  --color-success-500: rgb(0, 127, 174);
  --color-success-550: rgb(0, 114, 157);
  --color-success-600: rgb(0, 102, 139);
  --color-success-650: rgb(0, 89, 122);
  --color-success-700: rgb(0, 76, 104);
  --color-success-750: rgb(0, 64, 87);
  --color-success-800: rgb(0, 51, 70);
  --color-success-850: rgb(0, 38, 52);
  --color-success-900: rgb(0, 25, 35);
  --color-success-950: rgb(0, 13, 17);
  --color-warning-50: rgb(254, 247, 237);
  --color-warning-100: rgb(253, 238, 220);
  --color-warning-150: rgb(252, 230, 202);
  --color-warning-200: rgb(251, 222, 185);
  --color-warning-250: rgb(249, 214, 167);
  --color-warning-300: rgb(248, 205, 149);
  --color-warning-350: rgb(247, 197, 132);
  --color-warning-400: rgb(246, 189, 114);
  --color-warning-450: rgb(245, 181, 96);
  --color-warning-500: rgb(244, 172, 79);
  --color-warning-550: rgb(220, 155, 71);
  --color-warning-600: rgb(195, 138, 63);
  --color-warning-650: rgb(171, 121, 55);
  --color-warning-700: rgb(146, 103, 47);
  --color-warning-750: rgb(122, 86, 39);
  --color-warning-800: rgb(98, 69, 32);
  --color-warning-850: rgb(73, 52, 24);
  --color-warning-900: rgb(49, 34, 16);
  --color-warning-950: rgb(24, 17, 8);
  --color-error-50: rgb(255, 243, 241);
  --color-error-100: rgb(255, 231, 226);
  --color-error-150: rgb(255, 219, 212);
  --color-error-200: rgb(255, 207, 197);
  --color-error-250: rgb(255, 195, 183);
  --color-error-300: rgb(255, 183, 169);
  --color-error-350: rgb(255, 171, 154);
  --color-error-400: rgb(255, 159, 140);
  --color-error-450: rgb(255, 147, 125);
  --color-error-500: rgb(255, 135, 111);
  --color-error-550: rgb(229, 122, 100);
  --color-error-600: rgb(204, 108, 89);
  --color-error-650: rgb(178, 95, 78);
  --color-error-700: rgb(153, 81, 67);
  --color-error-750: rgb(128, 68, 56);
  --color-error-800: rgb(102, 54, 44);
  --color-error-850: rgb(77, 41, 33);
  --color-error-900: rgb(51, 27, 22);
  --color-error-950: rgb(26, 14, 11);
  --color-blue-50: rgb(229, 242, 247);
  --color-blue-150: rgb(178, 217, 231);
  --color-blue-100: rgb(229, 242, 247);
  --color-blue-250: rgb(128, 191, 215);
  --color-blue-200: rgb(153, 204, 223);
  --color-blue-350: rgb(77, 165, 198);
  --color-blue-300: rgb(102, 178, 206);
  --color-blue-450: rgb(26, 140, 182);
  --color-blue-400: rgb(51, 153, 190);
  --color-blue-550: rgb(0, 114, 157);
  --color-blue-500: rgb(0, 127, 174);
  --color-blue-650: rgb(0, 89, 122);
  --color-blue-600: rgb(0, 102, 139);
  --color-blue-750: rgb(0, 64, 87);
  --color-blue-700: rgb(0, 76, 104);
  --color-blue-850: rgb(0, 38, 52);
  --color-blue-800: rgb(0, 51, 70);
  --color-blue-950: rgb(0, 13, 17);
  --color-blue-900: rgb(0, 25, 35);
  --color-purple-50: rgb(254, 245, 254);
  --color-purple-100: rgb(253, 235, 253);
  --color-purple-150: rgb(253, 224, 253);
  --color-purple-200: rgb(252, 214, 252);
  --color-purple-250: rgb(251, 204, 251);
  --color-purple-300: rgb(250, 194, 250);
  --color-purple-350: rgb(249, 184, 249);
  --color-purple-400: rgb(249, 173, 249);
  --color-purple-450: rgb(248, 163, 248);
  --color-purple-500: rgb(247, 153, 247);
  --color-purple-550: rgb(222, 138, 222);
  --color-purple-600: rgb(198, 122, 198);
  --color-purple-650: rgb(173, 107, 173);
  --color-purple-700: rgb(148, 92, 148);
  --color-purple-750: rgb(124, 77, 124);
  --color-purple-800: rgb(99, 61, 99);
  --color-purple-850: rgb(74, 46, 74);
  --color-purple-900: rgb(49, 31, 49);
  --color-purple-950: rgb(25, 15, 25);
  --color-green-50: rgb(240, 253, 244);
  --color-green-100: rgb(220, 252, 231);
  --color-green-150: rgb(200, 250, 218);
  --color-green-200: rgb(187, 247, 208);
  --color-green-250: rgb(160, 240, 190);
  --color-green-300: rgb(134, 239, 172);
  --color-green-350: rgb(100, 220, 150);
  --color-green-400: rgb(74, 222, 128);
  --color-green-450: rgb(55, 200, 110);
  --color-green-500: rgb(34, 197, 94);
  --color-green-550: rgb(30, 177, 85);
  --color-green-600: rgb(22, 163, 74);
  --color-green-650: rgb(18, 145, 65);
  --color-green-700: rgb(21, 128, 61);
  --color-green-750: rgb(18, 110, 52);
  --color-green-800: rgb(22, 101, 52);
  --color-green-850: rgb(20, 83, 45);
  --color-green-900: rgb(20, 83, 45);
  --color-green-950: rgb(5, 46, 22);
  --color-blue-text-light: rgba(26, 57, 85, 1);
  --color-blue-text-dark: rgba(217, 234, 242, 1);
  --color-blue-bg-light: rgba(209, 229, 239, 1);
  --color-blue-bg-dark: rgba(17, 28, 34, 1);
  --color-blue-border-light: rgba(0, 127, 174, 1);
  --color-blue-border-dark: rgba(0, 127, 174, 1);
  --color-orange-text-light: rgba(51, 45, 33, 1);
  --color-orange-text-dark: rgba(255, 225, 164, 1);
  --color-orange-bg-light: rgba(255, 235, 194, 1);
  --color-orange-bg-dark: rgba(51, 45, 33, 1);
  --color-orange-border-light: rgba(244, 172, 79, 1);
  --color-orange-border-dark: rgba(244, 172, 79, 1);
  --color-red-text-light: rgba(102, 17, 0, 1);
  --color-red-text-dark: rgba(255, 213, 204, 1);
  --color-red-bg-light: rgba(255, 195, 183, 1);
  --color-red-bg-dark: rgba(51, 27, 22, 1);
  --color-red-border-light: rgba(255, 135, 111, 1);
  --color-red-border-dark: rgba(255, 135, 111, 1);
}

.DocSearch {
  color: white;
}
.DocSearch.DocSearch-Button {
  background: none !important;
  color: currentColor !important;
  box-shadow: none !important;
}
.DocSearch.DocSearch-Button:hover .DocSearch-Search-Icon {
  opacity: 0.8;
}
.DocSearch.DocSearch-Button .DocSearch-Search-Icon {
  color: currentColor;
}
.DocSearch .DocSearch-Button-Placeholder,
.DocSearch .DocSearch-Button-Keys {
  display: none;
}
.DocSearch.DocSearch-Container {
  background: rgba(0, 0, 0, 0.95);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 200;
  display: flex;
  height: 100vh;
  width: 100vw;
  cursor: auto;
  flex-direction: column;
  padding: 1rem;
  padding-bottom: 0;
  max-height: 100vh;
  overflow-y: scroll;
}
.DocSearch .DocSearch-Commands-Key {
  background: var(--color-base-0);
}
.DocSearch .DocSearch-Commands-Key path {
  color: var(--color-base-1000);
}
.DocSearch.DocSearch-Container--Stalled .DocSearch-Form .DocSearch-LoadingIndicator {
  display: flex;
}
.DocSearch.DocSearch-Container--Stalled .DocSearch-Form .DocSearch-MagnifierLabel {
  display: none;
}
.DocSearch .DocSearch-Modal {
  border-radius: 0;
  border: 1px solid var(--search-border-color);
  border-bottom: 0;
  background-color: transparent;
  width: 100%;
}
.DocSearch .DocSearch-Screen-Icon {
  display: none;
}
.DocSearch .DocSearch-SearchBar {
  padding: 0;
  z-index: 1;
  position: relative;
  display: flex;
  flex: none;
  align-items: center;
}
.DocSearch .DocSearch-SearchBar .DocSearch-Form {
  width: 100%;
  border-radius: 0;
  background-color: var(--docsearch-hit-background);
}
.DocSearch .DocSearch-SearchBar .DocSearch-Form .DocSearch-MagnifierLabel {
  position: absolute;
  transform: translateY(-50%);
  top: 50%;
  left: 1rem;
  color: var(--search-icon-color);
}
.DocSearch .DocSearch-SearchBar .DocSearch-Form .DocSearch-MagnifierLabel svg {
  height: 15px;
  width: 15px;
}
.DocSearch .DocSearch-SearchBar .DocSearch-LoadingIndicator {
  display: none;
  position: absolute;
  left: 1rem;
  width: 20px;
  height: 20px;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
}
.DocSearch .DocSearch-SearchBar .DocSearch-LoadingIndicator svg {
  overflow: visible;
  height: 100%;
  width: 100%;
}
.DocSearch .DocSearch-SearchBar .DocSearch-LoadingIndicator svg path,
.DocSearch .DocSearch-SearchBar .DocSearch-LoadingIndicator svg circle {
  stroke-width: 3px;
}
.DocSearch .DocSearch-SearchBar .DocSearch-Input {
  --input-pad-left: 2.5rem;
  --input-pad-right: 3.25rem;
  all: unset;
  width: calc(100% - var(--input-pad-left) - var(--input-pad-right));
  padding: 0;
  padding-left: var(--input-pad-left);
  padding-right: var(--input-pad-right);
}
.DocSearch .DocSearch-SearchBar .DocSearch-Reset {
  display: none;
  visibility: none;
}
.DocSearch .DocSearch-SearchBar .DocSearch-Cancel {
  all: unset;
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
  color: transparent;
  width: 40px;
}
.DocSearch .DocSearch-SearchBar .DocSearch-Cancel:after {
  content: "ESC";
  position: absolute;
  right: 0;
  width: 100%;
  height: 100%;
  opacity: 0.85;
  top: 0;
  color: var(--color-base-0);
  font-size: 13px;
  letter-spacing: 3.25px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.DocSearch .DocSearch-Dropdown {
  padding: 0;
  width: 100%;
  overflow: visible;
  max-height: unset;
}
.DocSearch .DocSearch-Dropdown .DocSearch-StartScreen {
  width: 100%;
}
.DocSearch .DocSearch-Dropdown .DocSearch-Hit {
  border-radius: 0;
  padding: 0;
}
.DocSearch .DocSearch-Dropdown .DocSearch-Hit:last-of-type {
  border-bottom: 1px solid var(--search-border-color);
}
.DocSearch .DocSearch-Dropdown .DocSearch-Hit a {
  background-color: var(--docsearch-hit-background);
  padding: 5px 10px;
  border-radius: 0;
}
.DocSearch .DocSearch-Dropdown .DocSearch-Hit a:first-child {
  border-top: 1px solid var(--search-border-color);
}
.DocSearch .DocSearch-Dropdown .DocSearch-Hit svg path {
  stroke-width: 1px;
}
.DocSearch .DocSearch-Dropdown .DocSearch-Hit-icon {
  display: flex;
}
.DocSearch .DocSearch-Dropdown .DocSearch-Hit-content-wrapper {
  font-weight: 400;
}
.DocSearch .DocSearch-Dropdown .DocSearch-Hit[aria-selected=true] path {
  color: var(--color-base-0) !important;
}
.DocSearch .DocSearch-Dropdown .DocSearch-Hit[aria-selected=true] .DocSearch-Hit-content-wrapper {
  font-weight: 400;
}
.DocSearch .DocSearch-Dropdown .DocSearch-Hit[aria-selected=true] .DocSearch-Hit-content-wrapper span {
  color: var(--color-base-0) !important;
}
.DocSearch .DocSearch-Dropdown .DocSearch-Hit[aria-selected=true] .DocSearch-Hit-content-wrapper mark {
  color: var(--docsearch-highlight-color) !important;
}
.DocSearch .DocSearch-Dropdown .DocSearch-Hits {
  position: relative;
}
.DocSearch .DocSearch-Dropdown .DocSearch-Hits::before {
  content: "+";
  color: var(--color-base-1000);
  position: absolute;
  left: 0;
  bottom: 0;
  transform: translate(-50%, 50%);
  font-size: 20px;
  opacity: 0.5;
}
.DocSearch .DocSearch-Dropdown .DocSearch-Hit-source {
  position: relative;
  padding: 0 0 0 1rem;
  margin: 0;
  line-height: 4;
  color: var(--color-base-0);
  background-color: var(--color-base-1000);
  font-size: 13px;
  font-weight: 400;
}
.DocSearch .DocSearch-Dropdown .DocSearch-Hit-source::before {
  content: "+";
  color: var(--color-base-1000);
  position: absolute;
  left: 0;
  bottom: 0;
  transform: translate(-50%, 50%);
  font-size: 20px;
  opacity: 0.5;
}
.DocSearch .DocSearch-Footer {
  padding: 0.5rem 1rem;
  background: none;
}
.DocSearch .DocSearch-Footer .DocSearch-Label {
  margin-right: 0.5rem;
}
.DocSearch .DocSearch-Footer .DocSearch-Label {
  letter-spacing: 0;
  font-size: 16px;
  line-height: 20px;
}
@media (max-width: 1920px) {
  .DocSearch .DocSearch-Footer .DocSearch-Label {
    font-size: 15px;
    line-height: 18px;
  }
}
.DocSearch .DocSearch-Footer .DocSearch-Label {
  opacity: 0.75;
  text-decoration: none;
}
.DocSearch .DocSearch-Footer .DocSearch-Logo a {
  align-items: center;
  color: var(--algolia-logo-color);
  text-decoration: none;
}
.DocSearch .DocSearch-Footer .DocSearch-Logo a svg path,
.DocSearch .DocSearch-Footer .DocSearch-Logo a svg rect {
  fill: currentColor;
}
.DocSearch {
  --docsearch-modal-background: var(--color-base-850);
  --docsearch-searchbox-focus-background: var(--docsearch-modal-background);
  --docsearch-searchbox-shadow: transparent;
  --docsearch-hit-background: var(--color-base-950);
  --docsearch-highlight-color: var(--color-success-500);
  --docsearch-hit-color: var(--color-base-100);
  --docsearch-hit-active-color: var(--color-base-800);
  --docsearch-text-color: var(--color-base-700);
  --docsearch-logo-color: var(--color-base-500);
  --docsearch-muted-color: var(--color-base-100);
  --docsearch-modal-width: 600px;
  --docsearch-modal-shadow: none;
  --docsearch-hit-shadow: none;
  --docsearch-footer-shadow: inset 0 1px 0 0rgb (28 27 30 / 80%), 0 -4px 8px 0 rgba(0, 0, 0, 0.2);
  --docsearch-spacing: 0px;
  --search-border-color: var(--grid-line-dark);
  --algolia-logo-color: var(--color-base-400);
  --search-icon-color: var(--color-base-400);
  --esc-key-bg-color: var(--color-base-700);
  --esc-key-color: var(--color-base-400);
  --esc-key-border-color: var(--color-base-500);
  --esc-key-active-bg: var(--color-base-1000);
  --esc-key-active-color: var(--color-base-100);
}

[data-theme=light] {
  --theme-success-50: var(--color-success-50);
  --theme-success-100: var(--color-success-100);
  --theme-success-150: var(--color-success-150);
  --theme-success-200: var(--color-success-200);
  --theme-success-250: var(--color-success-250);
  --theme-success-300: var(--color-success-300);
  --theme-success-350: var(--color-success-350);
  --theme-success-400: var(--color-success-400);
  --theme-success-450: var(--color-success-450);
  --theme-success-500: var(--color-success-500);
  --theme-success-550: var(--color-success-550);
  --theme-success-600: var(--color-success-600);
  --theme-success-650: var(--color-success-650);
  --theme-success-700: var(--color-success-700);
  --theme-success-750: var(--color-success-750);
  --theme-success-800: var(--color-success-800);
  --theme-success-850: var(--color-success-850);
  --theme-success-900: var(--color-success-900);
  --theme-success-950: var(--color-success-950);
  --theme-warning-50: var(--color-warning-50);
  --theme-warning-100: var(--color-warning-100);
  --theme-warning-150: var(--color-warning-150);
  --theme-warning-200: var(--color-warning-200);
  --theme-warning-250: var(--color-warning-250);
  --theme-warning-300: var(--color-warning-300);
  --theme-warning-350: var(--color-warning-350);
  --theme-warning-400: var(--color-warning-400);
  --theme-warning-450: var(--color-warning-450);
  --theme-warning-500: var(--color-warning-500);
  --theme-warning-550: var(--color-warning-550);
  --theme-warning-600: var(--color-warning-600);
  --theme-warning-650: var(--color-warning-650);
  --theme-warning-700: var(--color-warning-700);
  --theme-warning-750: var(--color-warning-750);
  --theme-warning-800: var(--color-warning-800);
  --theme-warning-850: var(--color-warning-850);
  --theme-warning-900: var(--color-warning-900);
  --theme-warning-950: var(--color-warning-950);
  --theme-error-50: var(--color-error-50);
  --theme-error-100: var(--color-error-100);
  --theme-error-150: var(--color-error-150);
  --theme-error-200: var(--color-error-200);
  --theme-error-250: var(--color-error-250);
  --theme-error-300: var(--color-error-300);
  --theme-error-350: var(--color-error-350);
  --theme-error-400: var(--color-error-400);
  --theme-error-450: var(--color-error-450);
  --theme-error-500: var(--color-error-500);
  --theme-error-550: var(--color-error-550);
  --theme-error-600: var(--color-error-600);
  --theme-error-650: var(--color-error-650);
  --theme-error-700: var(--color-error-700);
  --theme-error-750: var(--color-error-750);
  --theme-error-800: var(--color-error-800);
  --theme-error-850: var(--color-error-850);
  --theme-error-900: var(--color-error-900);
  --theme-error-950: var(--color-error-950);
  --theme-blue-50: var(--color-blue-50);
  --theme-blue-100: var(--color-blue-100);
  --theme-blue-150: var(--color-blue-150);
  --theme-blue-200: var(--color-blue-200);
  --theme-blue-250: var(--color-blue-250);
  --theme-blue-300: var(--color-blue-300);
  --theme-blue-350: var(--color-blue-350);
  --theme-blue-400: var(--color-blue-400);
  --theme-blue-450: var(--color-blue-450);
  --theme-blue-500: var(--color-blue-500);
  --theme-blue-550: var(--color-blue-550);
  --theme-blue-600: var(--color-blue-600);
  --theme-blue-650: var(--color-blue-650);
  --theme-blue-700: var(--color-blue-700);
  --theme-blue-750: var(--color-blue-750);
  --theme-blue-800: var(--color-blue-800);
  --theme-blue-850: var(--color-blue-850);
  --theme-blue-900: var(--color-blue-900);
  --theme-blue-950: var(--color-blue-950);
  --theme-purple-50: var(--color-purple-50);
  --theme-purple-100: var(--color-purple-100);
  --theme-purple-150: var(--color-purple-150);
  --theme-purple-200: var(--color-purple-200);
  --theme-purple-250: var(--color-purple-250);
  --theme-purple-300: var(--color-purple-300);
  --theme-purple-350: var(--color-purple-350);
  --theme-purple-400: var(--color-purple-400);
  --theme-purple-450: var(--color-purple-450);
  --theme-purple-500: var(--color-purple-500);
  --theme-purple-550: var(--color-purple-550);
  --theme-purple-600: var(--color-purple-600);
  --theme-purple-650: var(--color-purple-650);
  --theme-purple-700: var(--color-purple-700);
  --theme-purple-750: var(--color-purple-750);
  --theme-purple-800: var(--color-purple-800);
  --theme-purple-850: var(--color-purple-850);
  --theme-purple-900: var(--color-purple-900);
  --theme-purple-950: var(--color-purple-950);
  --theme-elevation-0: var(--color-base-0);
  --theme-elevation-50: var(--color-base-50);
  --theme-elevation-100: var(--color-base-100);
  --theme-elevation-150: var(--color-base-150);
  --theme-elevation-200: var(--color-base-200);
  --theme-elevation-250: var(--color-base-250);
  --theme-elevation-300: var(--color-base-300);
  --theme-elevation-350: var(--color-base-350);
  --theme-elevation-400: var(--color-base-400);
  --theme-elevation-450: var(--color-base-450);
  --theme-elevation-500: var(--color-base-500);
  --theme-elevation-550: var(--color-base-550);
  --theme-elevation-600: var(--color-base-600);
  --theme-elevation-650: var(--color-base-650);
  --theme-elevation-700: var(--color-base-700);
  --theme-elevation-750: var(--color-base-750);
  --theme-elevation-800: var(--color-base-800);
  --theme-elevation-850: var(--color-base-850);
  --theme-elevation-900: var(--color-base-900);
  --theme-elevation-950: var(--color-base-950);
  --theme-elevation-1000: var(--color-base-1000);
  --theme-bg: var(--theme-elevation-0);
  --theme-input-bg: #efefef;
  --theme-text: var(--theme-elevation-1000);
  --theme-text-success: var(--theme-success-650);
  --theme-border-color: var(--grid-line-light);
  --theme-blue-text: var(--color-blue-text-light);
  --theme-blue-bg: var(--color-blue-bg-light);
  --theme-blue-border: var(--color-blue-border-light);
  --theme-orange-text: var(--color-orange-text-light);
  --theme-orange-bg: var(--color-orange-bg-light);
  --theme-orange-border: var(--color-orange-border-light);
  --theme-red-text: var(--color-red-text-light);
  --theme-red-bg: var(--color-red-bg-light);
  --theme-red-border: var(--color-red-border-light);
  color-scheme: light;
  color: var(--theme-text);
  --highlight-success-bg-color: var(--theme-success-400);
  --highlight-success-text-color: var(--theme-success-850);
  --highlight-warning-bg-color: var(--theme-warning-400);
  --highlight-warning-text-color: var(--theme-warning-850);
  --highlight-danger-bg-color: var(--theme-error-150);
  --highlight-danger-text-color: var(--theme-850);
  --highlight-info-bg-color: var(--theme-elevation-100);
  --highlight-info-text-color: var(--theme-elevation-850);
}
[data-theme=light] h1 a,
[data-theme=light] h2 a,
[data-theme=light] h3 a,
[data-theme=light] h4 a,
[data-theme=light] h5 a,
[data-theme=light] h6 a {
  color: var(--theme-elevation-750);
}
[data-theme=light] h1 a:hover,
[data-theme=light] h2 a:hover,
[data-theme=light] h3 a:hover,
[data-theme=light] h4 a:hover,
[data-theme=light] h5 a:hover,
[data-theme=light] h6 a:hover {
  color: var(--theme-elevation-800);
}
[data-theme=light] h1 a:visited,
[data-theme=light] h2 a:visited,
[data-theme=light] h3 a:visited,
[data-theme=light] h4 a:visited,
[data-theme=light] h5 a:visited,
[data-theme=light] h6 a:visited {
  color: var(--theme-elevation-750);
}
[data-theme=light] h1 a:visited:hover,
[data-theme=light] h2 a:visited:hover,
[data-theme=light] h3 a:visited:hover,
[data-theme=light] h4 a:visited:hover,
[data-theme=light] h5 a:visited:hover,
[data-theme=light] h6 a:visited:hover {
  color: var(--theme-elevation-800);
}

[data-theme=dark] {
  --theme-elevation-0: var(--color-base-1000);
  --theme-elevation-50: var(--color-base-950);
  --theme-elevation-100: var(--color-base-900);
  --theme-elevation-150: var(--color-base-850);
  --theme-elevation-200: var(--color-base-800);
  --theme-elevation-250: var(--color-base-750);
  --theme-elevation-300: var(--color-base-700);
  --theme-elevation-350: var(--color-base-650);
  --theme-elevation-400: var(--color-base-600);
  --theme-elevation-450: var(--color-base-550);
  --theme-elevation-500: var(--color-base-500);
  --theme-elevation-550: var(--color-base-450);
  --theme-elevation-600: var(--color-base-400);
  --theme-elevation-650: var(--color-base-350);
  --theme-elevation-700: var(--color-base-300);
  --theme-elevation-750: var(--color-base-250);
  --theme-elevation-800: var(--color-base-200);
  --theme-elevation-850: var(--color-base-150);
  --theme-elevation-900: var(--color-base-100);
  --theme-elevation-950: var(--color-base-50);
  --theme-elevation-1000: var(--color-base-0);
  --theme-success-50: var(--color-success-950);
  --theme-success-100: var(--color-success-900);
  --theme-success-150: var(--color-success-850);
  --theme-success-200: var(--color-success-800);
  --theme-success-250: var(--color-success-750);
  --theme-success-300: var(--color-success-700);
  --theme-success-350: var(--color-success-650);
  --theme-success-400: var(--color-success-600);
  --theme-success-450: var(--color-success-550);
  --theme-success-500: var(--color-success-500);
  --theme-success-550: var(--color-success-450);
  --theme-success-600: var(--color-success-400);
  --theme-success-650: var(--color-success-350);
  --theme-success-700: var(--color-success-300);
  --theme-success-750: var(--color-success-250);
  --theme-success-800: var(--color-success-200);
  --theme-success-850: var(--color-success-150);
  --theme-success-900: var(--color-success-100);
  --theme-success-950: var(--color-success-50);
  --theme-warning-50: var(--color-warning-950);
  --theme-warning-100: var(--color-warning-900);
  --theme-warning-150: var(--color-warning-850);
  --theme-warning-200: var(--color-warning-800);
  --theme-warning-250: var(--color-warning-750);
  --theme-warning-300: var(--color-warning-700);
  --theme-warning-350: var(--color-warning-650);
  --theme-warning-400: var(--color-warning-600);
  --theme-warning-450: var(--color-warning-550);
  --theme-warning-500: var(--color-warning-500);
  --theme-warning-550: var(--color-warning-450);
  --theme-warning-600: var(--color-warning-400);
  --theme-warning-650: var(--color-warning-350);
  --theme-warning-700: var(--color-warning-300);
  --theme-warning-750: var(--color-warning-250);
  --theme-warning-800: var(--color-warning-200);
  --theme-warning-850: var(--color-warning-150);
  --theme-warning-900: var(--color-warning-100);
  --theme-warning-950: var(--color-warning-50);
  --theme-error-50: var(--color-error-950);
  --theme-error-100: var(--color-error-900);
  --theme-error-150: var(--color-error-850);
  --theme-error-200: var(--color-error-800);
  --theme-error-250: var(--color-error-750);
  --theme-error-300: var(--color-error-700);
  --theme-error-350: var(--color-error-650);
  --theme-error-400: var(--color-error-600);
  --theme-error-450: var(--color-error-550);
  --theme-error-500: var(--color-error-500);
  --theme-error-550: var(--color-error-450);
  --theme-error-600: var(--color-error-400);
  --theme-error-650: var(--color-error-350);
  --theme-error-700: var(--color-error-300);
  --theme-error-750: var(--color-error-250);
  --theme-error-800: var(--color-error-200);
  --theme-error-850: var(--color-error-150);
  --theme-error-900: var(--color-error-100);
  --theme-error-950: var(--color-error-50);
  --theme-blue-50: var(--color-blue-950);
  --theme-blue-100: var(--color-blue-900);
  --theme-blue-150: var(--color-blue-850);
  --theme-blue-200: var(--color-blue-800);
  --theme-blue-250: var(--color-blue-750);
  --theme-blue-300: var(--color-blue-700);
  --theme-blue-350: var(--color-blue-650);
  --theme-blue-400: var(--color-blue-600);
  --theme-blue-450: var(--color-blue-550);
  --theme-blue-500: var(--color-blue-500);
  --theme-blue-550: var(--color-blue-450);
  --theme-blue-600: var(--color-blue-400);
  --theme-blue-650: var(--color-blue-350);
  --theme-blue-700: var(--color-blue-300);
  --theme-blue-750: var(--color-blue-250);
  --theme-blue-800: var(--color-blue-200);
  --theme-blue-850: var(--color-blue-150);
  --theme-blue-900: var(--color-blue-100);
  --theme-blue-950: var(--color-blue-50);
  --theme-purple-50: var(--color-purple-950);
  --theme-purple-100: var(--color-purple-900);
  --theme-purple-150: var(--color-purple-850);
  --theme-purple-200: var(--color-purple-800);
  --theme-purple-250: var(--color-purple-750);
  --theme-purple-300: var(--color-purple-700);
  --theme-purple-350: var(--color-purple-650);
  --theme-purple-400: var(--color-purple-600);
  --theme-purple-450: var(--color-purple-550);
  --theme-purple-500: var(--color-purple-500);
  --theme-purple-550: var(--color-purple-450);
  --theme-purple-600: var(--color-purple-400);
  --theme-purple-650: var(--color-purple-350);
  --theme-purple-700: var(--color-purple-300);
  --theme-purple-750: var(--color-purple-250);
  --theme-purple-800: var(--color-purple-200);
  --theme-purple-850: var(--color-purple-150);
  --theme-purple-900: var(--color-purple-100);
  --theme-purple-950: var(--color-purple-50);
  --theme-bg: var(--theme-elevation-0);
  --theme-text: var(--theme-elevation-1000);
  --theme-text-success: var(--theme-success-500);
  --theme-input-bg: #101010;
  --theme-border-color: var(--grid-line-dark);
  color-scheme: dark;
  color: var(--theme-text);
  --highlight-success-bg-color: var(--theme-success-100);
  --highlight-success-text-color: var(--theme-success-600);
  --highlight-warning-bg-color: var(--theme-warning-100);
  --highlight-warning-text-color: var(--theme-warning-600);
  --highlight-danger-bg-color: var(--theme-error-100);
  --highlight-danger-text-color: var(--theme-error-550);
  --highlight-info-bg-color: var(--theme-elevation-150);
  --highlight-info-text-color: var(--theme-elevation-850);
  --theme-blue-text: var(--color-blue-text-dark);
  --theme-blue-bg: var(--color-blue-bg-dark);
  --theme-blue-border: var(--color-blue-border-dark);
  --theme-orange-text: var(--color-orange-text-dark);
  --theme-orange-bg: var(--color-orange-bg-dark);
  --theme-orange-border: var(--color-orange-border-dark);
  --theme-red-text: var(--color-red-text-dark);
  --theme-red-bg: var(--color-red-bg-dark);
  --theme-red-border: var(--color-red-border-dark);
}
[data-theme=dark] h1 a,
[data-theme=dark] h2 a,
[data-theme=dark] h3 a,
[data-theme=dark] h4 a,
[data-theme=dark] h5 a,
[data-theme=dark] h6 a {
  color: var(--theme-success-600);
}
[data-theme=dark] h1 a:hover,
[data-theme=dark] h2 a:hover,
[data-theme=dark] h3 a:hover,
[data-theme=dark] h4 a:hover,
[data-theme=dark] h5 a:hover,
[data-theme=dark] h6 a:hover {
  color: var(--theme-success-400);
}
[data-theme=dark] h1 a:visited,
[data-theme=dark] h2 a:visited,
[data-theme=dark] h3 a:visited,
[data-theme=dark] h4 a:visited,
[data-theme=dark] h5 a:visited,
[data-theme=dark] h6 a:visited {
  color: var(--theme-success-700);
}
[data-theme=dark] h1 a:visited:hover,
[data-theme=dark] h2 a:visited:hover,
[data-theme=dark] h3 a:visited:hover,
[data-theme=dark] h4 a:visited:hover,
[data-theme=dark] h5 a:visited:hover,
[data-theme=dark] h6 a:visited:hover {
  color: var(--theme-success-500);
}

/**
 * Tenant Themes
 * 
 * These themes correspond to the tenant theme options:
 * - default: Neutral gray/monochrome with teal accents
 * - blue: Ocean-inspired with full blue backgrounds
 * - green: Nature-inspired with full green backgrounds
 * - purple: Vibrant with full purple backgrounds
 */
[data-tenant-theme=default],
:root:not([data-tenant-theme]) {
  --tenant-primary-50: var(--color-success-50);
  --tenant-primary-100: var(--color-success-100);
  --tenant-primary-200: var(--color-success-200);
  --tenant-primary-300: var(--color-success-300);
  --tenant-primary-400: var(--color-success-400);
  --tenant-primary-500: var(--color-success-500);
  --tenant-primary-600: var(--color-success-600);
  --tenant-primary-700: var(--color-success-700);
  --tenant-primary-800: var(--color-success-800);
  --tenant-primary-900: var(--color-success-900);
  --tenant-accent: var(--color-success-500);
  --tenant-accent-hover: var(--color-success-400);
  --tenant-accent-active: var(--color-success-600);
  --tenant-accent-subtle: var(--color-success-100);
  --tenant-accent-text: var(--color-success-700);
  --tenant-selection-bg: var(--color-success-500);
  --tenant-selection-text: var(--color-base-1000);
  --tenant-link: var(--color-success-600);
  --tenant-link-hover: var(--color-success-500);
  --tenant-link-visited: var(--color-success-700);
  --tenant-button-bg: var(--color-success-500);
  --tenant-button-text: var(--color-base-0);
  --tenant-button-hover-bg: var(--color-success-400);
  --tenant-button-active-bg: var(--color-success-600);
  --tenant-border-accent: var(--color-success-500);
  --tenant-gradient-start: var(--color-success-400);
  --tenant-gradient-end: var(--color-success-600);
}

[data-theme=light][data-tenant-theme=blue] {
  --theme-bg: var(--color-blue-500);
  --theme-text: var(--color-base-0);
  --theme-elevation-0: var(--color-blue-500);
  --theme-elevation-50: var(--color-blue-450);
  --theme-elevation-100: var(--color-blue-400);
  --theme-elevation-150: var(--color-blue-350);
  --theme-elevation-200: var(--color-blue-300);
  --theme-border-color: rgba(255, 255, 255, 0.2);
  --theme-input-bg: var(--color-blue-400);
  --grid-line-light: rgba(255, 255, 255, 0.15);
  --tenant-primary-50: var(--color-blue-50);
  --tenant-primary-100: var(--color-blue-100);
  --tenant-primary-200: var(--color-blue-200);
  --tenant-primary-300: var(--color-blue-300);
  --tenant-primary-400: var(--color-blue-400);
  --tenant-primary-500: var(--color-blue-500);
  --tenant-primary-600: var(--color-blue-600);
  --tenant-primary-700: var(--color-blue-700);
  --tenant-primary-800: var(--color-blue-800);
  --tenant-primary-900: var(--color-blue-900);
  --tenant-accent: var(--color-base-0);
  --tenant-accent-hover: rgba(255, 255, 255, 0.9);
  --tenant-accent-active: rgba(255, 255, 255, 0.8);
  --tenant-accent-subtle: var(--color-blue-600);
  --tenant-accent-text: var(--color-base-0);
  --tenant-selection-bg: var(--color-base-0);
  --tenant-selection-text: var(--color-blue-700);
  --tenant-link: var(--color-base-0);
  --tenant-link-hover: rgba(255, 255, 255, 0.85);
  --tenant-link-visited: rgba(255, 255, 255, 0.9);
  --tenant-button-bg: var(--color-base-0);
  --tenant-button-text: var(--color-blue-700);
  --tenant-button-hover-bg: rgba(255, 255, 255, 0.9);
  --tenant-button-active-bg: rgba(255, 255, 255, 0.8);
  --tenant-border-accent: rgba(255, 255, 255, 0.3);
  --tenant-gradient-start: var(--color-blue-400);
  --tenant-gradient-end: var(--color-blue-700);
  background: var(--color-blue-500) !important;
  color: var(--color-base-0) !important;
}

[data-theme=dark][data-tenant-theme=blue] {
  --theme-bg: var(--color-blue-900);
  --theme-text: var(--color-blue-100);
  --theme-elevation-0: var(--color-blue-900);
  --theme-elevation-50: var(--color-blue-850);
  --theme-elevation-100: var(--color-blue-800);
  --theme-elevation-150: var(--color-blue-750);
  --theme-elevation-200: var(--color-blue-700);
  --theme-border-color: rgba(255, 255, 255, 0.1);
  --theme-input-bg: var(--color-blue-800);
  --grid-line-dark: rgba(255, 255, 255, 0.1);
  --tenant-accent: var(--color-blue-300);
  --tenant-accent-hover: var(--color-blue-200);
  --tenant-accent-text: var(--color-blue-200);
  --tenant-accent-subtle: var(--color-blue-800);
  --tenant-link: var(--color-blue-300);
  --tenant-link-hover: var(--color-blue-200);
  --tenant-link-visited: var(--color-blue-400);
  --tenant-button-bg: var(--color-blue-400);
  --tenant-button-text: var(--color-blue-950);
  --tenant-button-hover-bg: var(--color-blue-300);
  background: var(--color-blue-900) !important;
  color: var(--color-blue-100) !important;
}

[data-theme=light][data-tenant-theme=green] {
  --theme-bg: var(--color-green-500);
  --theme-text: var(--color-base-0);
  --theme-elevation-0: var(--color-green-500);
  --theme-elevation-50: var(--color-green-450);
  --theme-elevation-100: var(--color-green-400);
  --theme-elevation-150: var(--color-green-350);
  --theme-elevation-200: var(--color-green-300);
  --theme-border-color: rgba(255, 255, 255, 0.2);
  --theme-input-bg: var(--color-green-400);
  --grid-line-light: rgba(255, 255, 255, 0.15);
  --tenant-primary-50: var(--color-green-50);
  --tenant-primary-100: var(--color-green-100);
  --tenant-primary-200: var(--color-green-200);
  --tenant-primary-300: var(--color-green-300);
  --tenant-primary-400: var(--color-green-400);
  --tenant-primary-500: var(--color-green-500);
  --tenant-primary-600: var(--color-green-600);
  --tenant-primary-700: var(--color-green-700);
  --tenant-primary-800: var(--color-green-800);
  --tenant-primary-900: var(--color-green-900);
  --tenant-accent: var(--color-base-0);
  --tenant-accent-hover: rgba(255, 255, 255, 0.9);
  --tenant-accent-active: rgba(255, 255, 255, 0.8);
  --tenant-accent-subtle: var(--color-green-600);
  --tenant-accent-text: var(--color-base-0);
  --tenant-selection-bg: var(--color-base-0);
  --tenant-selection-text: var(--color-green-700);
  --tenant-link: var(--color-base-0);
  --tenant-link-hover: rgba(255, 255, 255, 0.85);
  --tenant-link-visited: rgba(255, 255, 255, 0.9);
  --tenant-button-bg: var(--color-base-0);
  --tenant-button-text: var(--color-green-700);
  --tenant-button-hover-bg: rgba(255, 255, 255, 0.9);
  --tenant-button-active-bg: rgba(255, 255, 255, 0.8);
  --tenant-border-accent: rgba(255, 255, 255, 0.3);
  --tenant-gradient-start: var(--color-green-400);
  --tenant-gradient-end: var(--color-green-700);
  background: var(--color-green-500) !important;
  color: var(--color-base-0) !important;
}

[data-theme=dark][data-tenant-theme=green] {
  --theme-bg: var(--color-green-900);
  --theme-text: var(--color-green-100);
  --theme-elevation-0: var(--color-green-900);
  --theme-elevation-50: var(--color-green-850);
  --theme-elevation-100: var(--color-green-800);
  --theme-elevation-150: var(--color-green-750);
  --theme-elevation-200: var(--color-green-700);
  --theme-border-color: rgba(255, 255, 255, 0.1);
  --theme-input-bg: var(--color-green-800);
  --grid-line-dark: rgba(255, 255, 255, 0.1);
  --tenant-accent: var(--color-green-300);
  --tenant-accent-hover: var(--color-green-200);
  --tenant-accent-text: var(--color-green-200);
  --tenant-accent-subtle: var(--color-green-800);
  --tenant-link: var(--color-green-300);
  --tenant-link-hover: var(--color-green-200);
  --tenant-link-visited: var(--color-green-400);
  --tenant-button-bg: var(--color-green-400);
  --tenant-button-text: var(--color-green-950);
  --tenant-button-hover-bg: var(--color-green-300);
  background: var(--color-green-900) !important;
  color: var(--color-green-100) !important;
}

[data-theme=light][data-tenant-theme=purple] {
  --theme-bg: var(--color-purple-500);
  --theme-text: var(--color-base-1000);
  --theme-elevation-0: var(--color-purple-500);
  --theme-elevation-50: var(--color-purple-450);
  --theme-elevation-100: var(--color-purple-400);
  --theme-elevation-150: var(--color-purple-350);
  --theme-elevation-200: var(--color-purple-300);
  --theme-border-color: rgba(0, 0, 0, 0.15);
  --theme-input-bg: var(--color-purple-400);
  --grid-line-light: rgba(0, 0, 0, 0.1);
  --tenant-primary-50: var(--color-purple-50);
  --tenant-primary-100: var(--color-purple-100);
  --tenant-primary-200: var(--color-purple-200);
  --tenant-primary-300: var(--color-purple-300);
  --tenant-primary-400: var(--color-purple-400);
  --tenant-primary-500: var(--color-purple-500);
  --tenant-primary-600: var(--color-purple-600);
  --tenant-primary-700: var(--color-purple-700);
  --tenant-primary-800: var(--color-purple-800);
  --tenant-primary-900: var(--color-purple-900);
  --tenant-accent: var(--color-base-1000);
  --tenant-accent-hover: rgba(0, 0, 0, 0.8);
  --tenant-accent-active: rgba(0, 0, 0, 0.7);
  --tenant-accent-subtle: var(--color-purple-600);
  --tenant-accent-text: var(--color-base-1000);
  --tenant-selection-bg: var(--color-purple-800);
  --tenant-selection-text: var(--color-purple-100);
  --tenant-link: var(--color-purple-900);
  --tenant-link-hover: var(--color-purple-800);
  --tenant-link-visited: var(--color-purple-950);
  --tenant-button-bg: var(--color-purple-800);
  --tenant-button-text: var(--color-purple-100);
  --tenant-button-hover-bg: var(--color-purple-700);
  --tenant-button-active-bg: var(--color-purple-900);
  --tenant-border-accent: rgba(0, 0, 0, 0.2);
  --tenant-gradient-start: var(--color-purple-400);
  --tenant-gradient-end: var(--color-purple-700);
  background: var(--color-purple-500) !important;
  color: var(--color-base-1000) !important;
}

[data-theme=dark][data-tenant-theme=purple] {
  --theme-bg: var(--color-purple-900);
  --theme-text: var(--color-purple-100);
  --theme-elevation-0: var(--color-purple-900);
  --theme-elevation-50: var(--color-purple-850);
  --theme-elevation-100: var(--color-purple-800);
  --theme-elevation-150: var(--color-purple-750);
  --theme-elevation-200: var(--color-purple-700);
  --theme-border-color: rgba(255, 255, 255, 0.1);
  --theme-input-bg: var(--color-purple-800);
  --grid-line-dark: rgba(255, 255, 255, 0.1);
  --tenant-accent: var(--color-purple-300);
  --tenant-accent-hover: var(--color-purple-200);
  --tenant-accent-text: var(--color-purple-200);
  --tenant-accent-subtle: var(--color-purple-800);
  --tenant-link: var(--color-purple-300);
  --tenant-link-hover: var(--color-purple-200);
  --tenant-link-visited: var(--color-purple-400);
  --tenant-button-bg: var(--color-purple-400);
  --tenant-button-text: var(--color-purple-950);
  --tenant-button-hover-bg: var(--color-purple-300);
  background: var(--color-purple-900) !important;
  color: var(--color-purple-100) !important;
}

[data-theme=dark][data-tenant-theme=default],
[data-theme=dark]:not([data-tenant-theme]) {
  --tenant-accent-text: var(--color-success-400);
  --tenant-accent-subtle: var(--color-success-900);
  --tenant-link: var(--color-success-400);
  --tenant-link-hover: var(--color-success-300);
  --tenant-link-visited: var(--color-success-500);
}

[data-tenant-theme] ::selection {
  background: var(--tenant-selection-bg);
  color: var(--tenant-selection-text);
}
[data-tenant-theme] ::-moz-selection {
  background: var(--tenant-selection-bg);
  color: var(--tenant-selection-text);
}

.tenant-link {
  color: var(--tenant-link);
}
.tenant-link:hover {
  color: var(--tenant-link-hover);
}
.tenant-link:visited {
  color: var(--tenant-link-visited);
}

.tenant-button {
  background-color: var(--tenant-button-bg);
  color: var(--tenant-button-text);
  border: none;
  transition: background-color 150ms ease;
}
.tenant-button:hover {
  background-color: var(--tenant-button-hover-bg);
}
.tenant-button:active {
  background-color: var(--tenant-button-active-bg);
}

.tenant-border-accent {
  border-color: var(--tenant-border-accent);
}

.tenant-bg-accent {
  background-color: var(--tenant-accent);
}

.tenant-bg-accent-subtle {
  background-color: var(--tenant-accent-subtle);
}

.tenant-text-accent {
  color: var(--tenant-accent-text);
}

.tenant-gradient {
  background: linear-gradient(135deg, var(--tenant-gradient-start), var(--tenant-gradient-end));
}

/**
 * Hus101 Theme
 * Based on the default theme (neutral gray/monochrome with teal accents)
 */
[data-tenant-theme=hus101] {
  --tenant-primary-50: var(--color-success-50);
  --tenant-primary-100: var(--color-success-100);
  --tenant-primary-200: var(--color-success-200);
  --tenant-primary-300: var(--color-success-300);
  --tenant-primary-400: var(--color-success-400);
  --tenant-primary-500: var(--color-success-500);
  --tenant-primary-600: var(--color-success-600);
  --tenant-primary-700: var(--color-success-700);
  --tenant-primary-800: var(--color-success-800);
  --tenant-primary-900: var(--color-success-900);
  --tenant-accent: var(--color-success-500);
  --tenant-accent-hover: var(--color-success-400);
  --tenant-accent-active: var(--color-success-600);
  --tenant-accent-subtle: var(--color-success-100);
  --tenant-accent-text: var(--color-success-700);
  --tenant-selection-bg: var(--color-success-500);
  --tenant-selection-text: var(--color-base-1000);
  --tenant-link: var(--color-success-600);
  --tenant-link-hover: var(--color-success-500);
  --tenant-link-visited: var(--color-success-700);
  --tenant-button-bg: var(--color-success-500);
  --tenant-button-text: var(--color-base-0);
  --tenant-button-hover-bg: var(--color-success-400);
  --tenant-button-active-bg: var(--color-success-600);
  --tenant-border-accent: var(--color-success-500);
  --tenant-gradient-start: var(--color-success-400);
  --tenant-gradient-end: var(--color-success-600);
}

[data-theme=dark][data-tenant-theme=hus101] {
  --tenant-accent-text: var(--color-success-400);
  --tenant-accent-subtle: var(--color-success-900);
  --tenant-link: var(--color-success-400);
  --tenant-link-hover: var(--color-success-300);
  --tenant-link-visited: var(--color-success-500);
}

/**
 * Edward Tufte Inspired Themes
 *
 * Three themes focused on blog post readability, drawn from Tufte's principles:
 * – High data-ink ratio: no decorative chrome
 * – Generous whitespace and margins
 * – Serif body type for long-form reading
 * – Typographic contrast instead of color noise
 * – Thin, minimal borders and rules
 *
 * tufte-1 · Classic Parchment  — warm ivory (#fffff8), ink text, burnt-sienna accents
 * tufte-2 · Academic Slate     — clean white, slate-blue accents, scholarly feel
 * tufte-3 · Forest Ink         — warm near-white, forest-green accents, pure typographic
 *
 * Typography targets: #blog (post wrapper), .blog-wrap (reading column),
 * .payload-richtext (prose content), and semantic HTML within those.
 */
@font-face {
  font-display: swap;
  font-family: "et-book";
  font-style: normal;
  font-weight: normal;
  src: url("https://cdn.jsdelivr.net/gh/edwardtufte/tufte-css@gh-pages/et-book/et-book-roman-old-style/et-book-roman-old-style.woff") format("woff");
}
@font-face {
  font-display: swap;
  font-family: "et-book";
  font-style: italic;
  font-weight: normal;
  src: url("https://cdn.jsdelivr.net/gh/edwardtufte/tufte-css@gh-pages/et-book/et-book-display-italic-old-style/et-book-display-italic-old-style.woff") format("woff");
}
@font-face {
  font-display: swap;
  font-family: "et-book";
  font-style: normal;
  font-weight: bold;
  src: url("https://cdn.jsdelivr.net/gh/edwardtufte/tufte-css@gh-pages/et-book/et-book-bold-line-figures/et-book-bold-line-figures.woff") format("woff");
}
[data-theme=light][data-tenant-theme=tufte-1] {
  --theme-bg: #fffff8;
  --theme-text: #111111;
  --theme-elevation-0: #fffff8;
  --theme-elevation-50: #f7f3e8;
  --theme-elevation-100: #ede9d8;
  --theme-elevation-150: #e3dec8;
  --theme-elevation-200: #d9d3b8;
  --theme-border-color: rgba(0, 0, 0, 0.09);
  --theme-input-bg: #f7f3e8;
  --grid-line-light: rgba(0, 0, 0, 0.07);
  --tenant-primary-50: #fdf5ef;
  --tenant-primary-100: #f9e5d4;
  --tenant-primary-200: #f2c9a8;
  --tenant-primary-300: #e6a472;
  --tenant-primary-400: #d47d4a;
  --tenant-primary-500: #bf5a22;
  --tenant-primary-600: #a04818;
  --tenant-primary-700: #7f3810;
  --tenant-primary-800: #5e2a0a;
  --tenant-primary-900: #371804;
  --tenant-accent: #bf5a22;
  --tenant-accent-hover: #d47d4a;
  --tenant-accent-active: #a04818;
  --tenant-accent-subtle: #f9e5d4;
  --tenant-accent-text: #a04818;
  --tenant-selection-bg: #bf5a22;
  --tenant-selection-text: #fffff8;
  --tenant-link: #a04818;
  --tenant-link-hover: #bf5a22;
  --tenant-link-visited: #7f3810;
  --tenant-button-bg: #bf5a22;
  --tenant-button-text: #fffff8;
  --tenant-button-hover-bg: #d47d4a;
  --tenant-button-active-bg: #a04818;
  --tenant-border-accent: #bf5a22;
  --tenant-gradient-start: #d47d4a;
  --tenant-gradient-end: #a04818;
  background: #fffff8 !important;
  color: #111111 !important;
}

[data-theme=dark][data-tenant-theme=tufte-1] {
  --theme-bg: #181410;
  --theme-text: #f2ecdb;
  --theme-elevation-0: #181410;
  --theme-elevation-50: #201c17;
  --theme-elevation-100: #28231e;
  --theme-elevation-150: #302b24;
  --theme-elevation-200: #38332b;
  --theme-border-color: rgba(242, 236, 219, 0.1);
  --theme-input-bg: #201c17;
  --grid-line-dark: rgba(242, 236, 219, 0.08);
  --tenant-accent: #d47d4a;
  --tenant-accent-hover: #e6a472;
  --tenant-accent-active: #bf5a22;
  --tenant-accent-subtle: #2a1c12;
  --tenant-accent-text: #e6a472;
  --tenant-selection-bg: #bf5a22;
  --tenant-selection-text: #f2ecdb;
  --tenant-link: #d47d4a;
  --tenant-link-hover: #e6a472;
  --tenant-link-visited: #bf5a22;
  --tenant-button-bg: #bf5a22;
  --tenant-button-text: #f2ecdb;
  --tenant-button-hover-bg: #d47d4a;
  --tenant-button-active-bg: #a04818;
  --tenant-border-accent: #d47d4a;
  --tenant-gradient-start: #d47d4a;
  --tenant-gradient-end: #a04818;
  background: #181410 !important;
  color: #f2ecdb !important;
}

[data-theme=light][data-tenant-theme=tufte-2] {
  --theme-bg: #ffffff;
  --theme-text: #1a1a1a;
  --theme-elevation-0: #ffffff;
  --theme-elevation-50: #f6f6f6;
  --theme-elevation-100: #eeeeee;
  --theme-elevation-150: #e4e4e4;
  --theme-elevation-200: #dadada;
  --theme-border-color: rgba(0, 0, 0, 0.11);
  --theme-input-bg: #f6f6f6;
  --grid-line-light: rgba(0, 0, 0, 0.09);
  --tenant-primary-50: #eaeff8;
  --tenant-primary-100: #ccd8ee;
  --tenant-primary-200: #a3badf;
  --tenant-primary-300: #7295c8;
  --tenant-primary-400: #4e78b4;
  --tenant-primary-500: #3560a0;
  --tenant-primary-600: #274c84;
  --tenant-primary-700: #1c3868;
  --tenant-primary-800: #12264c;
  --tenant-primary-900: #09152c;
  --tenant-accent: #3560a0;
  --tenant-accent-hover: #4e78b4;
  --tenant-accent-active: #274c84;
  --tenant-accent-subtle: #eaeff8;
  --tenant-accent-text: #274c84;
  --tenant-selection-bg: #3560a0;
  --tenant-selection-text: #ffffff;
  --tenant-link: #274c84;
  --tenant-link-hover: #3560a0;
  --tenant-link-visited: #1c3868;
  --tenant-button-bg: #3560a0;
  --tenant-button-text: #ffffff;
  --tenant-button-hover-bg: #4e78b4;
  --tenant-button-active-bg: #274c84;
  --tenant-border-accent: #3560a0;
  --tenant-gradient-start: #4e78b4;
  --tenant-gradient-end: #274c84;
  background: #ffffff !important;
  color: #1a1a1a !important;
}

[data-theme=dark][data-tenant-theme=tufte-2] {
  --theme-bg: #0c1020;
  --theme-text: #dde4f0;
  --theme-elevation-0: #0c1020;
  --theme-elevation-50: #131828;
  --theme-elevation-100: #1a2030;
  --theme-elevation-150: #212838;
  --theme-elevation-200: #283040;
  --theme-border-color: rgba(221, 228, 240, 0.1);
  --theme-input-bg: #131828;
  --grid-line-dark: rgba(221, 228, 240, 0.08);
  --tenant-accent: #7295c8;
  --tenant-accent-hover: #a3badf;
  --tenant-accent-active: #4e78b4;
  --tenant-accent-subtle: #151d30;
  --tenant-accent-text: #a3badf;
  --tenant-selection-bg: #3560a0;
  --tenant-selection-text: #dde4f0;
  --tenant-link: #7295c8;
  --tenant-link-hover: #a3badf;
  --tenant-link-visited: #4e78b4;
  --tenant-button-bg: #3560a0;
  --tenant-button-text: #dde4f0;
  --tenant-button-hover-bg: #4e78b4;
  --tenant-button-active-bg: #274c84;
  --tenant-border-accent: #4e78b4;
  --tenant-gradient-start: #4e78b4;
  --tenant-gradient-end: #274c84;
  background: #0c1020 !important;
  color: #dde4f0 !important;
}

[data-theme=light][data-tenant-theme=tufte-3] {
  --theme-bg: #fafaf7;
  --theme-text: #0e0e0e;
  --theme-elevation-0: #fafaf7;
  --theme-elevation-50: #f2f2ee;
  --theme-elevation-100: #e8e8e3;
  --theme-elevation-150: #deddd8;
  --theme-elevation-200: #d3d2cd;
  --theme-border-color: rgba(0, 0, 0, 0.08);
  --theme-input-bg: #f2f2ee;
  --grid-line-light: rgba(0, 0, 0, 0.07);
  --tenant-primary-50: #eef3e8;
  --tenant-primary-100: #d4e3c8;
  --tenant-primary-200: #adcb98;
  --tenant-primary-300: #82ac68;
  --tenant-primary-400: #5e8e44;
  --tenant-primary-500: #40722a;
  --tenant-primary-600: #305a1e;
  --tenant-primary-700: #224314;
  --tenant-primary-800: #162e0c;
  --tenant-primary-900: #0a1a06;
  --tenant-accent: #40722a;
  --tenant-accent-hover: #5e8e44;
  --tenant-accent-active: #305a1e;
  --tenant-accent-subtle: #eef3e8;
  --tenant-accent-text: #305a1e;
  --tenant-selection-bg: #40722a;
  --tenant-selection-text: #fafaf7;
  --tenant-link: #305a1e;
  --tenant-link-hover: #40722a;
  --tenant-link-visited: #224314;
  --tenant-button-bg: #40722a;
  --tenant-button-text: #fafaf7;
  --tenant-button-hover-bg: #5e8e44;
  --tenant-button-active-bg: #305a1e;
  --tenant-border-accent: #40722a;
  --tenant-gradient-start: #5e8e44;
  --tenant-gradient-end: #305a1e;
  background: #fafaf7 !important;
  color: #0e0e0e !important;
}

[data-theme=dark][data-tenant-theme=tufte-3] {
  --theme-bg: #111510;
  --theme-text: #e4ebe0;
  --theme-elevation-0: #111510;
  --theme-elevation-50: #181d16;
  --theme-elevation-100: #1f251c;
  --theme-elevation-150: #262d22;
  --theme-elevation-200: #2d3528;
  --theme-border-color: rgba(228, 235, 224, 0.1);
  --theme-input-bg: #181d16;
  --grid-line-dark: rgba(228, 235, 224, 0.08);
  --tenant-accent: #82ac68;
  --tenant-accent-hover: #adcb98;
  --tenant-accent-active: #5e8e44;
  --tenant-accent-subtle: #1a2218;
  --tenant-accent-text: #adcb98;
  --tenant-selection-bg: #40722a;
  --tenant-selection-text: #e4ebe0;
  --tenant-link: #82ac68;
  --tenant-link-hover: #adcb98;
  --tenant-link-visited: #5e8e44;
  --tenant-button-bg: #40722a;
  --tenant-button-text: #e4ebe0;
  --tenant-button-hover-bg: #5e8e44;
  --tenant-button-active-bg: #305a1e;
  --tenant-border-accent: #5e8e44;
  --tenant-gradient-start: #5e8e44;
  --tenant-gradient-end: #305a1e;
  background: #111510 !important;
  color: #e4ebe0 !important;
}

[data-tenant-theme^=tufte-] {
  --grid-line-light: rgba(0, 0, 0, 0.07);
  --grid-line-dark: rgba(255, 255, 255, 0.07);
  --default-border-width: 1px;
}

[data-tenant-theme^=tufte-] #blog .cols-3.start-1 {
  display: none !important;
}

[data-tenant-theme^=tufte-] #blog .blog-wrap {
  grid-column-start: 1 !important;
  grid-column-end: span 10 !important;
}

@media (max-width: 1024px) {
  [data-tenant-theme^=tufte-] #blog .blog-wrap {
    grid-column-start: 1 !important;
    grid-column-end: span 8 !important;
  }
}
[data-tenant-theme^=tufte-] #blog .blog-wrap,
[data-tenant-theme^=tufte-] #blog .blog-wrap .payload-richtext {
  font-family: "et-book", Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, "Times New Roman", serif;
  font-size: 1.1rem;
  line-height: 1.9;
}

[data-tenant-theme^=tufte-] #blog h1 {
  font-family: "et-book", Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif;
  font-weight: 400;
  letter-spacing: -0.015em;
  line-height: 1.2;
}

[data-tenant-theme^=tufte-] #blog h2 {
  font-family: "et-book", Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif;
  font-weight: 400;
  font-style: italic;
  letter-spacing: 0;
  font-size: 1.7rem;
  line-height: 1.25;
  margin-top: 2.5rem;
  margin-bottom: 0.8rem;
}

[data-tenant-theme^=tufte-] #blog h3 {
  font-family: "et-book", Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif;
  font-weight: 400;
  font-style: italic;
  letter-spacing: 0;
  font-size: 1.3rem;
  line-height: 1.3;
  margin-top: 2rem;
  margin-bottom: 0.6rem;
}

[data-tenant-theme^=tufte-] #blog h4,
[data-tenant-theme^=tufte-] #blog h5,
[data-tenant-theme^=tufte-] #blog h6 {
  font-family: "et-book", Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif;
  font-weight: 400;
  letter-spacing: 0.01em;
  font-size: 1.05rem;
}

[data-tenant-theme^=tufte-] #blog .blog-wrap p {
  margin: 0 0 1.2rem;
  -webkit-hyphens: auto;
          hyphens: auto;
}

[data-tenant-theme^=tufte-] #blog .blog-wrap a,
[data-tenant-theme^=tufte-] #blog .blog-wrap .payload-richtext a {
  color: inherit;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.13em;
  -webkit-text-decoration-color: currentColor;
          text-decoration-color: currentColor;
  border-bottom: none;
}

[data-tenant-theme^=tufte-] #blog .blog-wrap a:hover,
[data-tenant-theme^=tufte-] #blog .blog-wrap .payload-richtext a:hover {
  opacity: 0.7;
}

[data-tenant-theme^=tufte-] #blog blockquote {
  font-style: italic;
  margin: 2rem 0 2rem 2.5rem;
  padding: 0;
  border-left: none;
  font-size: 1.05rem;
  line-height: 1.8;
}

[data-tenant-theme^=tufte-] #blog blockquote footer,
[data-tenant-theme^=tufte-] #blog blockquote cite {
  font-style: normal;
  font-size: 0.9rem;
  display: block;
  margin-top: 0.6rem;
  opacity: 0.65;
}

[data-tenant-theme^=tufte-] #blog blockquote footer::before,
[data-tenant-theme^=tufte-] #blog blockquote cite::before {
  content: "— ";
}

[data-tenant-theme^=tufte-] #blog hr {
  border: none;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
  width: 55%;
  margin: 2.5rem auto;
}

[data-theme=dark][data-tenant-theme^=tufte-] #blog hr {
  border-top-color: rgba(255, 255, 255, 0.1);
}

[data-tenant-theme^=tufte-] #blog .blog-wrap code:not(pre code) {
  font-size: 0.88em;
  padding: 1px 4px;
  border-radius: 2px;
}

[data-tenant-theme^=tufte-] #blog .blog-wrap .excerpt p {
  font-size: 1.18rem;
  line-height: 1.85;
  font-style: italic;
  opacity: 0.85;
}

[data-tenant-theme^=tufte-] #blog .blog-wrap nav,
[data-tenant-theme^=tufte-] #blog .blog-wrap time {
  font-family: var(--font-body);
  font-size: 0.78rem;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  opacity: 0.55;
}

[data-tenant-theme^=tufte-] #blog .blog-wrap figure {
  margin: 2.5rem 0;
}

[data-tenant-theme^=tufte-] #blog .blog-wrap figcaption {
  font-size: 0.88rem;
  line-height: 1.5;
  font-style: italic;
  margin-top: 0.5rem;
  opacity: 0.65;
}

[data-tenant-theme^=tufte-] #blog .lexical-table {
  border-top: 1px solid var(--theme-border-color);
  border-bottom: 1px solid var(--theme-border-color);
  font-size: 0.95rem;
  line-height: 1.6;
}

[data-tenant-theme^=tufte-] #blog .lexical-table th,
[data-tenant-theme^=tufte-] #blog .lexical-table td {
  border: none;
  padding: 0.6rem 1rem;
}

[data-tenant-theme^=tufte-] #blog ::selection {
  background: var(--tenant-selection-bg);
  color: var(--tenant-selection-text);
}

.payload-toast-container {
  padding: 0;
  margin: 0;
}
.payload-toast-container .payload-toast-close-button {
  position: absolute;
  top: 0;
  left: 0;
  background-color: var(--theme-bg);
  transform: translate(-40%, -40%);
  border: none;
}
.payload-toast-container .payload-toast-close-button svg {
  width: 0.8rem;
  height: 0.8rem;
}
[dir=RTL] .payload-toast-container .payload-toast-close-button {
  right: unset;
  left: 0.5rem;
}
.payload-toast-container .toast-title {
  line-height: 1rem;
  margin-right: 1rem;
}
.payload-toast-container .payload-toast-item {
  padding: 0.8rem;
  color: var(--theme-elevation-800);
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  display: flex;
  gap: 1rem;
  align-items: center;
  width: 100%;
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  background: var(--theme-input-bg);
  box-shadow: 0px 10px 4px -8px rgba(0, 2, 4, 0.02), 0px 2px 3px 0px rgba(0, 2, 4, 0.05);
}
.payload-toast-container .payload-toast-item .toast-content {
  transition: opacity 100ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
  width: 100%;
}
.payload-toast-container .payload-toast-item[data-front=false] .toast-content {
  opacity: 0;
}
.payload-toast-container .payload-toast-item[data-expanded=true] .toast-content {
  opacity: 1;
}
.payload-toast-container .payload-toast-item .toast-icon {
  width: 0.8rem;
  height: 0.8rem;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.payload-toast-container .payload-toast-item .toast-icon > * {
  width: 1.2rem;
  height: 1.2rem;
}
.payload-toast-container .payload-toast-item.toast-warning {
  color: var(--theme-warning-300);
  border-color: var(--theme-warning-700);
  background-color: var(--theme-warning-900);
}
.payload-toast-container .payload-toast-item.toast-warning .payload-toast-close-button {
  color: var(--theme-warning-600);
}
.payload-toast-container .payload-toast-item.toast-error {
  color: var(--theme-error-300);
  border-color: var(--theme-error-700);
  background-color: var(--theme-error-900);
}
.payload-toast-container .payload-toast-item.toast-error .payload-toast-close-button {
  color: var(--theme-error-600);
}
.payload-toast-container .payload-toast-item.toast-success {
  color: var(--theme-success-300);
  border-color: var(--theme-success-700);
  background-color: var(--theme-success-900);
}
.payload-toast-container .payload-toast-item.toast-success .payload-toast-close-button {
  color: var(--theme-elevation-600);
}
.payload-toast-container .payload-toast-item.toast-info {
  color: var(--theme-elevation-800);
  border-color: var(--theme-elevation-250);
  background-color: var(--theme-elevation-100);
}
.payload-toast-container .payload-toast-item.toast-info .payload-toast-close-button {
  color: var(--theme-elevation-600);
}

:root {
  font-size: 20px;
  --base: 20px;
  --breakpoint-xs-width: $breakpoint-xs-width;
  --breakpoint-s-width: $breakpoint-s-width;
  --breakpoint-m-width: $breakpoint-m-width;
  --breakpoint-mh-width: $breakpoint-mh-width;
  --breakpoint-mp-width: $breakpoint-mp-width;
  --breakpoint-lm-width: $breakpoint-lm-width;
  --breakpoint-l-width: $breakpoint-l-width;
  --breakpoint-xl-width: $breakpoint-xl-width;
  --breakpoint-2xl-width: $breakpoint-2xl-width;
  --breakpoint-l-height: $breakpoint-l-height;
  --scrollbar-width: 17px;
  --sticky-sidebar-top: calc(var(--header-height) + 1.25rem);
  --header-height: 90px;
  --top-bar-height: 3rem;
  --page-padding-top: calc(var(--header-height) + var(--top-bar-height));
  --font-body-size: 18px;
  --z-popup: 10;
  --z-status: 30;
  --z-nav: 40;
  --z-modal: 50;
  --grid-line-dark: rgba(255, 255, 255, 0.125);
  --grid-line-light: rgba(0, 0, 0, 0.125);
  --text-dark: rgba(255, 255, 255, 0.5);
  --text-light: rgba(0, 0, 0, 0.5);
  --gutter-h: calc(50vw - 40rem);
  --block-spacing: 7rem;
  --new-block-spacing: 8rem;
  --default-border-width: 2px;
  --trans-default: 150ms;
  --column: calc((100vw - (var(--gutter-h) * 2)) / 16);
}
@media (max-width: 1920px) {
  :root {
    --font-body-size: 16px;
    --gutter-h: 8rem;
  }
}
@media (max-width: 1600px) {
  :root {
    font-size: 16px;
    --base: 16px;
    --gutter-h: 4rem;
    --block-spacing: 5rem;
    --new-block-spacing: 6rem;
    --header-height: 76px;
  }
}
@media (max-width: 1170px) {
  :root {
    --header-height: 66px;
  }
}
@media (max-width: 1024px) {
  :root {
    --gutter-h: 2rem;
    --block-spacing: 3.5rem;
    --new-block-spacing: 4rem;
  }
}
@media (max-width: 768px) {
  :root {
    --block-spacing: 2rem;
    --gutter-h: 1rem;
  }
}
@media (max-width: 1024px) {
  :root {
    --column: calc((100vw - (var(--gutter-h) * 2)) / 8);
  }
}

* {
  box-sizing: border-box;
}

html {
  font-size: var(--font-body-size);
  line-height: 1.4;
}
html {
  font-family: var(--font-body);
  background: var(--theme-bg);
  -webkit-font-smoothing: antialiased;
  opacity: 0;
  scroll-behavior: smooth;
}
html[data-theme=dark], html[data-theme=light] {
  opacity: initial;
}
html[data-theme=dark] {
  background: var(--color-base-1000);
  color-scheme: dark;
}
html[data-tenant-theme=blue][data-theme=light] {
  background: var(--color-blue-500);
}
html[data-tenant-theme=blue][data-theme=dark] {
  background: var(--color-blue-900);
}
html[data-tenant-theme=green][data-theme=light] {
  background: var(--color-green-500);
}
html[data-tenant-theme=green][data-theme=dark] {
  background: var(--color-green-900);
}
html[data-tenant-theme=purple][data-theme=light] {
  background: var(--color-purple-500);
}
html[data-tenant-theme=purple][data-theme=dark] {
  background: var(--color-purple-900);
}

body {
  text-size-adjust: 100%;
  font-family: var(--font-body);
  font-size: var(--font-body-size);
  color: var(--theme-text);
  background: inherit;
  margin: 0;
  width: 100vw;
  overflow-x: hidden;
}
body:has([data-modal=open]) {
  overflow: hidden;
}

::selection {
  background: var(--theme-success-500);
  color: var(--theme-base-800);
}

::-moz-selection {
  background: var(--theme-success-500);
  color: var(--theme-base-800);
}

img {
  max-width: 100%;
  height: auto;
  display: block;
}

h1 {
  margin: 3rem 0 2.4rem;
  font-size: 4rem;
  line-height: 1;
  font-weight: 500;
  letter-spacing: -0.05em;
}
@media (max-width: 768px) {
  h1 {
    font-size: 2.5rem;
  }
}
h1 code {
  font-size: inherit;
}

h2 {
  margin: 2.4rem 0 1.8rem;
  font-size: 2.5rem;
  line-height: 1;
  font-weight: 500;
  letter-spacing: -0.05em;
}
@media (max-width: 1600px) {
  h2 {
    font-size: 3rem;
  }
}
@media (max-width: 768px) {
  h2 {
    font-size: 1.75rem;
  }
}
h2 code {
  font-size: inherit;
}

h3 {
  margin: 1.8rem 0 1.2rem;
  font-size: 2rem;
  line-height: 1;
  font-weight: 500;
  letter-spacing: -0.05em;
}
@media (max-width: 768px) {
  h3 {
    font-size: 1.5rem;
  }
}
h3 code {
  font-size: inherit;
}

h4 {
  margin: 1.2rem 0;
  font-size: 1.4rem;
  line-height: 1.2;
  font-weight: 500;
  letter-spacing: -0.05em;
}
@media (max-width: 1600px) {
  h4 {
    font-size: 1.5rem;
  }
}
@media (max-width: 768px) {
  h4 {
    font-size: 1.125rem;
  }
}
h4 code {
  font-size: inherit;
}

h5 {
  margin: 1.2rem 0;
  font-size: 1rem;
  line-height: 1.2;
  font-weight: 500;
  letter-spacing: -0.05rem;
}
@media (max-width: 1600px) {
  h5 {
    font-size: 1.25rem;
  }
}
@media (max-width: 768px) {
  h5 {
    font-size: 1rem;
  }
}
h5 code {
  font-size: inherit;
}

h6 {
  margin: 1.2rem 0;
  font-size: 13px;
  line-height: 1;
  font-weight: 400;
  letter-spacing: 0.25em;
  text-transform: uppercase;
}
@media (max-width: 1600px) {
  h6 {
    font-size: 12px;
  }
}
h6 code {
  font-size: inherit;
}

p {
  margin: 1.8rem 0 1.8rem;
}
p + p {
  margin: -0.6rem 0 1.8rem;
}

small {
  letter-spacing: 0;
  font-size: 16px;
  line-height: 20px;
}
@media (max-width: 1920px) {
  small {
    font-size: 15px;
    line-height: 18px;
  }
}

ul,
ol {
  padding-left: 2rem;
  margin: 0 0 1rem;
}

a {
  color: currentColor;
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
}
a:focus {
  opacity: 0.8;
  outline: none;
  text-decoration: underline;
}
@media (pointer: fine) {
  a:focus-visible {
    outline: 1px solid var(--theme-blue-400);
    outline-offset: 2px;
  }
}
a:active {
  opacity: 0.7;
  outline: none;
}
@media (max-width: 1024px) {
  a:focus, a:active {
    opacity: 1;
  }
}

time {
  margin: 0;
}

svg {
  vertical-align: middle;
}

strong {
  font-family: var(--font-body);
  font-weight: 600;
}

b {
  font-family: var(--font-body);
  font-weight: 600;
}

em {
  font-family: var(--font-body);
  font-style: italic;
}

code {
  font-family: var(--font-geist-mono);
  font-size: calc(var(--font-body-size) - 4px);
  letter-spacing: 0;
}
@media (max-width: 1920px) {
  code {
    font-size: calc(var(--font-body-size) - 2px);
  }
}
code {
  border-radius: 4px;
  padding: 2px 4px;
}

hr {
  border: none;
  border-top: 1px solid var(--theme-elevation-200);
  margin: var(--block-spacing) 0;
}

dialog {
  width: 100%;
  border: 0;
  padding: 0;
  color: currentColor;
}

.d-emoji {
  width: 20px;
  height: 20px;
  vertical-align: middle;
  margin: 0 !important;
}

.payload__modal-item {
  min-height: 100%;
  background: transparent;
}

.payload__modal-container--enterDone {
  overflow: auto;
}

.payload__modal-item--enter,
.payload__modal-item--enterDone {
  z-index: var(--z-modal);
}

::selection {
  background: var(--color-warning-500);
  color: var(--color-base-1000);
}

::-moz-selection {
  background: var(--color-warning-500);
  color: var(--color-base-1000);
}

.hero .background-grid div {
  background: linear-gradient(to bottom, transparent 0px, var(--theme-border-color) 8vh);
}

.background-scanline {
  background-image: url("/images/scanline-dark.png");
  background-repeat: repeat;
  opacity: 0.08;
  transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
[data-theme=dark] .background-scanline {
  background-image: url("/images/scanline-light.png");
}

.visually-hidden {
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/next@15.5.9_react-dom@19.1.0_react@19.1.0__react@19.1.0_sass@1.97.3/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[11].use[2]!./node_modules/.pnpm/next@15.5.9_react-dom@19.1.0_react@19.1.0__react@19.1.0_sass@1.97.3/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[11].use[3]!./node_modules/.pnpm/next@15.5.9_react-dom@19.1.0_react@19.1.0__react@19.1.0_sass@1.97.3/node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[11].use[4]!./node_modules/.pnpm/next@15.5.9_react-dom@19.1.0_react@19.1.0__react@19.1.0_sass@1.97.3/node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[11].use[5]!./src/css/husbox-themes.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* hus.box per-tenant themes — driven by <html data-tenant-theme="..."> set in the frontend layout.
   Each theme retints the page (background, ink, fonts, accent) which cascades into the shared
   header/footer and the HusBox sections (which read --accent / --font-mono and inherit body type). */
/* ---------------- Editorial ---------------- */
[data-tenant-theme=editorial] {
  --accent: #7c2a1e;
  --font-mono: 'IBM Plex Mono', ui-monospace, monospace;
}

[data-tenant-theme=editorial] body {
  background: #f6f2e9;
  color: #1b1714;
  font-family: "Newsreader", Georgia, serif;
}

[data-tenant-theme=editorial] h1,
[data-tenant-theme=editorial] h2,
[data-tenant-theme=editorial] h3 {
  font-family: "Newsreader", Georgia, serif;
  font-weight: 500;
  letter-spacing: -0.01em;
}

[data-tenant-theme=editorial] a {
  color: #7c2a1e;
}

/* ---------------- Swiss / Grid ---------------- */
[data-tenant-theme=swiss] {
  --accent: #ff3b1d;
  --font-mono: 'IBM Plex Mono', ui-monospace, monospace;
}

[data-tenant-theme=swiss] body {
  background: #eceae4;
  color: #0e0e0c;
  font-family: "Archivo", system-ui, sans-serif;
}

[data-tenant-theme=swiss] h1,
[data-tenant-theme=swiss] h2,
[data-tenant-theme=swiss] h3 {
  font-family: "Archivo", sans-serif;
  font-weight: 800;
  letter-spacing: -0.03em;
}

[data-tenant-theme=swiss] a {
  color: #ff3b1d;
}

/* ---------------- Terminal ---------------- */
[data-tenant-theme=terminal] {
  --accent: #7dff9b;
  --font-mono: 'IBM Plex Mono', ui-monospace, monospace;
}

[data-tenant-theme=terminal] body {
  background: #0b0d0c;
  color: #d7e0d6;
  font-family: "IBM Plex Mono", ui-monospace, monospace;
  background-image: radial-gradient(rgba(125, 255, 155, 0.045) 1px, transparent 1px);
  background-size: 3px 3px;
}

[data-tenant-theme=terminal] h1,
[data-tenant-theme=terminal] h2,
[data-tenant-theme=terminal] h3 {
  font-family: "IBM Plex Mono", monospace;
  font-weight: 600;
  color: #7dff9b;
}

[data-tenant-theme=terminal] a {
  color: #7dff9b;
}

/* ---------------- Noir ---------------- */
[data-tenant-theme=noir] {
  --accent: #c9a24b;
  --font-mono: 'IBM Plex Mono', ui-monospace, monospace;
}

[data-tenant-theme=noir] body {
  background: #121212;
  color: #ededed;
  font-family: "Newsreader", Georgia, serif;
}

[data-tenant-theme=noir] h1,
[data-tenant-theme=noir] h2,
[data-tenant-theme=noir] h3 {
  font-family: "Newsreader", Georgia, serif;
  font-weight: 400;
  color: #f3ead2;
  letter-spacing: -0.01em;
}

[data-tenant-theme=noir] a {
  color: #c9a24b;
}

/* dark themes: soften the section hairlines that assume a light bg */
[data-tenant-theme=terminal],
[data-tenant-theme=noir] {
  --theme-elevation-100: rgba(255, 255, 255, 0.08);
  --theme-elevation-150: rgba(255, 255, 255, 0.14);
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/next@15.5.9_react-dom@19.1.0_react@19.1.0__react@19.1.0_sass@1.97.3/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/.pnpm/next@15.5.9_react-dom@19.1.0_react@19.1.0__react@19.1.0_sass@1.97.3/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/.pnpm/next@15.5.9_react-dom@19.1.0_react@19.1.0__react@19.1.0_sass@1.97.3/node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/.pnpm/next@15.5.9_react-dom@19.1.0_react@19.1.0__react@19.1.0_sass@1.97.3/node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/providers/HeaderIntersectionObserver/index.module.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.HeaderIntersectionObserver_intersectionObserverDebugger__NK3eX {
  --center-of-header: calc(calc(var(--header-height) * 0.5));
  position: fixed;
  height: var(--center-of-header);
  width: 100%;
  z-index: 2000;
  opacity: 0.5;
  background-color: var(--theme-success-500);
}