@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Sharp:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200');html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0;}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace,monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type='button'],[type='reset'],[type='submit']{-webkit-appearance:button}button::-moz-focus-inner,[type='button']::-moz-focus-inner,[type='reset']::-moz-focus-inner,[type='submit']::-moz-focus-inner{border-style:none;padding:0;}button:-moz-focusring,[type='button']:-moz-focusring,[type='reset']:-moz-focusring,[type='submit']:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type='checkbox'],[type='radio']{box-sizing:border-box;padding:0;}[type='number']::-webkit-inner-spin-button,[type='number']::-webkit-outer-spin-button{height:auto}[type='search']{-webkit-appearance:textfield;outline-offset:-2px;}[type='search']::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}@media  (prefers-color-scheme:dark){[data-theme='system']{--black:#21222c;--black-secondary:#414558;--black-ternary:#a7abbe;--grey:#414558;--grey-secondary:#626784;--white:#f8f8f2;--white-secondary:#ffffff;--cyan:#80ffea;--cyan-secondary:#ccfff6;--cyan-ternary:#8be9fd;--green:#8aff80;--green-secondary:#d0ffcc;--green-ternary:#50fa7b;--orange:#ffca80;--orange-secondary:#ffeacc;--orange-ternary:#ffb86c;--pink:#ff80bf;--pink-secondary:#ffcce6;--pink-ternary:#ff79c6;--purple:#9580ff;--purple-secondary:#d4ccff;--purple-ternary:#bd93f9;--red:#ff9580;--red-secondary:#ffd4cc;--red-ternary:#ff5555;--yellow:#ffff80;--yellow-secondary:#ffffcc;--yellow-ternary:#f1fa8c;--background:#282a36;--comment:#6272a4;--foreground:var(--white);--selection:#44475a;--disabled:#6c7393;--line-num:#999;--background-30:rgba(from var(--background) r g b / 0.2);--comment-30:rgba(from var(--comment) r g b / 0.2);--foreground-30:rgba(from var(--foreground) r g b / 0.2);--selection-30:rgba(from var(--selection) r g b / 0.2);--cyan-30:rgba(from var(--cyan-ternary) r g b / 0.2);--green-30:rgba(from var(--green-ternary) r g b / 0.2);--orange-30:rgba(from var(--orange-ternary) r g b / 0.2);--pink-30:rgba(from var(--pink-ternary) r g b / 0.2);--purple-30:rgba(from var(--purple-ternary) r g b / 0.2);--red-30:rgba(from var(--red-ternary) r g b / 0.2);--yellow-30:rgba(from var(--yellow-ternary) r g b / 0.2);--background-40:rgba(from var(--background) r g b / 0.4);--comment-40:rgba(from var(--comment) r g b / 0.4);--foreground-40:rgba(from var(--foreground) r g b / 0.4);--selection-40:rgba(from var(--selection) r g b / 0.4);--cyan-40:rgba(from var(--cyan-ternary) r g b / 0.4);--green-40:rgba(from var(--green-ternary) r g b / 0.4);--orange-40:rgba(from var(--orange-ternary) r g b / 0.4);--pink-40:rgba(from var(--pink-ternary) r g b / 0.4);--purple-40:rgba(from var(--purple-ternary) r g b / 0.4);--red-40:rgba(from var(--red-ternary) r g b / 0.4);--yellow-40:rgba(from var(--yellow-ternary) r g b / 0.4); pre[class*="language-"]::-moz-selection,
  pre[class*="language-"] ::-moz-selection,
  code[class*="language-"]::-moz-selection,
  code[class*="language-"] ::-moz-selection {
    text-shadow: none;
    background-color: var(--selection);
  }

  pre[class*="language-"]::selection,
  pre[class*="language-"] ::selection,
  code[class*="language-"]::selection,
  code[class*="language-"] ::selection {
    text-shadow: none;
    background-color: var(--selection);
  }

  /* Line numbers */

  pre.line-numbers {
    position: relative;
    padding-left: 3.8em;
    counter-reset: linenumber;
  }

  pre.line-numbers > code {
    position: relative;
    white-space: inherit;
  }

  .line-numbers .line-numbers-rows {
    position: absolute;
    pointer-events: none;
    top: 0;
    font-size: 100%;
    left: -3.8em;
    width: 3em; /* works for line-numbers below 1000 lines */
    letter-spacing: -1px;
    border-right: 1px solid var(--line-num);

    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }

  .line-numbers-rows > span {
    pointer-events: none;
    display: block;
    counter-increment: linenumber;
  }

  .line-numbers-rows > span:before {
    content: counter(linenumber);
    color: var(--line-num);
    display: block;
    padding-right: 0.8em;
    text-align: right;
  }

  /* Toolbar for copying */

  div.code-toolbar {
    position: relative;
  }

  div.code-toolbar > .toolbar {
    position: absolute;
    top: 0.3em;
    right: 0.2em;
    transition: opacity 0.3s ease-in-out;
    opacity: 0;
  }

  div.code-toolbar:hover > .toolbar {
    opacity: 1;
  }

  div.code-toolbar > .toolbar .toolbar-item {
    display: inline-block;
    padding-right: 20px;
  }

  div.code-toolbar > .toolbar a {
    cursor: pointer;
  }

  div.code-toolbar > .toolbar button {
    background: none;
    border: 0;
    color: inherit;
    font: inherit;
    line-height: normal;
    overflow: visible;
    padding: 0;
    -webkit-user-select: none; /* for button */
    -moz-user-select: none;
    -ms-user-select: none;
  }

  div.code-toolbar > .toolbar a,
  div.code-toolbar > .toolbar button,
  div.code-toolbar > .toolbar span {
    color: var(--foreground);
    font-size: 0.8em;
    padding: 0.5em;
    background: var(--comment);
    border-radius: var(--shape-small);
  }

  div.code-toolbar > .toolbar a:hover,
  div.code-toolbar > .toolbar a:focus,
  div.code-toolbar > .toolbar button:hover,
  div.code-toolbar > .toolbar button:focus,
  div.code-toolbar > .toolbar span:hover,
  div.code-toolbar > .toolbar span:focus {
    color: inherit;
    text-decoration: none;
    background-color: var(--green);
  }

  /* Remove text shadow for printing */}@media print){[data-theme='system']{code[class*="language-"],
    pre[class*="language-"] {
      text-shadow: none;
    }}}[data-theme='system']{code[class*="language-"],
  pre[class*="language-"] {
    color: var(--foreground);
    background: var(--code-background);
    text-shadow: none;

    text-align: left;
    white-space: pre;
    word-spacing: normal;
    word-break: normal;
    word-wrap: normal;
    line-height: 1.5;

    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;

    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
  }

  /* Code blocks */

  pre[class*="language-"] {
    background: var(--code-background);
    border-radius: var(--shape-medium);
    padding: 1em;
    margin: 0.5em 0;
    overflow: auto;
    height: auto;
  }

  :not(pre) > code[class*="language-"],
  pre[class*="language-"] {
    background: var(--code-background);
  }

  /* Inline code */
  :not(pre) > code[class*="language-"] {
    padding: 4px 7px;
    border-radius: var(--shape-small);
    white-space: normal;
  }

  /* Code box limit */

  .limit-300 {
    height: 300px !important;
  }

  .limit-300 {
    height: 400px !important;
  }

  .limit-500 {
    height: 500px !important;
  }

  .limit-600 {
    height: 600px !important;
  }

  .limit-700 {
    height: 700px !important;
  }

  .limit-800 {
    height: 800px !important;
  }

  .language-css {
    color: var(--purple);
  }

  .token {
    color: var(--pink);
  }

  .language-css .token {
    color: var(--pink);
  }

  .token.script {
    color: var(--foreground);
  }

  .token.bold {
    font-weight: bold;
  }

  .token.italic {
    font-style: italic;
  }

  .token.atrule,
  .token.attr-name,
  .token.attr-value {
    color: var(--green);
  }

  .language-css .token.atrule {
    color: var(--purple);
  }

  .language-html .token.attr-value,
  .language-markup .token.attr-value {
    color: var(--yellow);
  }

  .token.boolean {
    color: var(--purple);
  }

  .token.builtin,
  .token.class-name {
    color: var(--cyan);
  }

  .token.comment {
    color: var(--comment);
  }

  .token.constant {
    color: var(--purple);
  }

  .language-javascript .token.constant {
    color: var(--orange);
    font-style: italic;
  }

  .token.entity {
    color: var(--pink);
  }

  .language-css .token.entity {
    color: var(--green);
  }

  .language-html .token.entity.named-entity {
    color: var(--purple);
  }

  .language-html .token.entity:not(.named-entity) {
    color: var(--pink);
  }

  .language-markup .token.entity.named-entity {
    color: var(--purple);
  }

  .language-markup .token.entity:not(.named-entity) {
    color: var(--pink);
  }

  .token.function {
    color: var(--green);
  }

  .language-css .token.function {
    color: var(--cyan);
  }

  .token.important,
  .token.keyword {
    color: var(--pink);
  }

  .token.prolog {
    color: var(--foreground);
  }

  .token.property {
    color: var(--orange);
  }

  .language-css .token.property {
    color: var(--cyan);
  }

  .token.punctuation {
    color: var(--pink);
  }

  .language-css .token.punctuation {
    color: var(--orange);
  }

  .language-html .token.punctuation,
  .language-markup .token.punctuation {
    color: var(--foreground);
  }

  .token.selector {
    color: var(--pink);
  }

  .language-css .token.selector {
    color: var(--green);
  }

  .token.regex {
    color: var(--red);
  }

  .language-css .token.rule:not(.atrule) {
    color: var(--foreground);
  }

  .token.string {
    color: var(--yellow);
  }

  .token.tag {
    color: var(--pink);
  }

  .token.url {
    color: var(--cyan);
  }

  .language-css .token.url {
    color: var(--orange);
  }

  .token.variable {
    color: var(--comment);
  }

  .token.number {
    color: #bd93f9;
  }

  .token.operator {
    color: #8be9fd;
  }

  .token.char {
    color: #ff879d;
  }

  .token.symbol {
    color: #ffb86c;
  }

  .token.deleted {
    color: #e2787c;
  }

  .token.namespace {
    color: #e2777a;
  }

  /* Line Highlighter */

  .highlight-line {
    color: inherit;
    display: inline-block;
    text-decoration: none;

    border-radius: var(--shape-small);
    padding: 2px 10px;
  }

  .highlight-line:empty:before {
    content: " ";
  }

  .highlight-line:not(:last-child) {
    min-width: 100%;
  }

  .highlight-line .highlight-line:not(:last-child) {
    min-width: 0;
  }

  .highlight-line-isdir {
    color: var(--foreground);
    background-color: var(--selection-30);
  }

  .highlight-line-active {
    background-color: var(--comment-30);
  }

  .highlight-line-add {
    background-color: var(--green-30);
  }

  .highlight-line-remove {
    background-color: var(--red-30);
  }}}[data-theme='dark']{--black:#21222c;--black-secondary:#414558;--black-ternary:#a7abbe;--grey:#414558;--grey-secondary:#626784;--white:#f8f8f2;--white-secondary:#ffffff;--cyan:#80ffea;--cyan-secondary:#ccfff6;--cyan-ternary:#8be9fd;--green:#8aff80;--green-secondary:#d0ffcc;--green-ternary:#50fa7b;--orange:#ffca80;--orange-secondary:#ffeacc;--orange-ternary:#ffb86c;--pink:#ff80bf;--pink-secondary:#ffcce6;--pink-ternary:#ff79c6;--purple:#9580ff;--purple-secondary:#d4ccff;--purple-ternary:#bd93f9;--red:#ff9580;--red-secondary:#ffd4cc;--red-ternary:#ff5555;--yellow:#ffff80;--yellow-secondary:#ffffcc;--yellow-ternary:#f1fa8c;--background:#282a36;--comment:#6272a4;--foreground:var(--white);--selection:#44475a;--disabled:#6c7393;--line-num:#999;--background-30:rgba(from var(--background) r g b / 0.2);--comment-30:rgba(from var(--comment) r g b / 0.2);--foreground-30:rgba(from var(--foreground) r g b / 0.2);--selection-30:rgba(from var(--selection) r g b / 0.2);--cyan-30:rgba(from var(--cyan-ternary) r g b / 0.2);--green-30:rgba(from var(--green-ternary) r g b / 0.2);--orange-30:rgba(from var(--orange-ternary) r g b / 0.2);--pink-30:rgba(from var(--pink-ternary) r g b / 0.2);--purple-30:rgba(from var(--purple-ternary) r g b / 0.2);--red-30:rgba(from var(--red-ternary) r g b / 0.2);--yellow-30:rgba(from var(--yellow-ternary) r g b / 0.2);--background-40:rgba(from var(--background) r g b / 0.4);--comment-40:rgba(from var(--comment) r g b / 0.4);--foreground-40:rgba(from var(--foreground) r g b / 0.4);--selection-40:rgba(from var(--selection) r g b / 0.4);--cyan-40:rgba(from var(--cyan-ternary) r g b / 0.4);--green-40:rgba(from var(--green-ternary) r g b / 0.4);--orange-40:rgba(from var(--orange-ternary) r g b / 0.4);--pink-40:rgba(from var(--pink-ternary) r g b / 0.4);--purple-40:rgba(from var(--purple-ternary) r g b / 0.4);--red-40:rgba(from var(--red-ternary) r g b / 0.4);--yellow-40:rgba(from var(--yellow-ternary) r g b / 0.4); pre[class*="language-"]::-moz-selection,
  pre[class*="language-"] ::-moz-selection,
  code[class*="language-"]::-moz-selection,
  code[class*="language-"] ::-moz-selection {
    text-shadow: none;
    background-color: var(--selection);
  }

  pre[class*="language-"]::selection,
  pre[class*="language-"] ::selection,
  code[class*="language-"]::selection,
  code[class*="language-"] ::selection {
    text-shadow: none;
    background-color: var(--selection);
  }

  /* Line numbers */

  pre.line-numbers {
    position: relative;
    padding-left: 3.8em;
    counter-reset: linenumber;
  }

  pre.line-numbers > code {
    position: relative;
    white-space: inherit;
  }

  .line-numbers .line-numbers-rows {
    position: absolute;
    pointer-events: none;
    top: 0;
    font-size: 100%;
    left: -3.8em;
    width: 3em; /* works for line-numbers below 1000 lines */
    letter-spacing: -1px;
    border-right: 1px solid var(--line-num);

    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }

  .line-numbers-rows > span {
    pointer-events: none;
    display: block;
    counter-increment: linenumber;
  }

  .line-numbers-rows > span:before {
    content: counter(linenumber);
    color: var(--line-num);
    display: block;
    padding-right: 0.8em;
    text-align: right;
  }

  /* Toolbar for copying */

  div.code-toolbar {
    position: relative;
  }

  div.code-toolbar > .toolbar {
    position: absolute;
    top: 0.3em;
    right: 0.2em;
    transition: opacity 0.3s ease-in-out;
    opacity: 0;
  }

  div.code-toolbar:hover > .toolbar {
    opacity: 1;
  }

  div.code-toolbar > .toolbar .toolbar-item {
    display: inline-block;
    padding-right: 20px;
  }

  div.code-toolbar > .toolbar a {
    cursor: pointer;
  }

  div.code-toolbar > .toolbar button {
    background: none;
    border: 0;
    color: inherit;
    font: inherit;
    line-height: normal;
    overflow: visible;
    padding: 0;
    -webkit-user-select: none; /* for button */
    -moz-user-select: none;
    -ms-user-select: none;
  }

  div.code-toolbar > .toolbar a,
  div.code-toolbar > .toolbar button,
  div.code-toolbar > .toolbar span {
    color: var(--foreground);
    font-size: 0.8em;
    padding: 0.5em;
    background: var(--comment);
    border-radius: var(--shape-small);
  }

  div.code-toolbar > .toolbar a:hover,
  div.code-toolbar > .toolbar a:focus,
  div.code-toolbar > .toolbar button:hover,
  div.code-toolbar > .toolbar button:focus,
  div.code-toolbar > .toolbar span:hover,
  div.code-toolbar > .toolbar span:focus {
    color: inherit;
    text-decoration: none;
    background-color: var(--green);
  }

  /* Remove text shadow for printing */}@media print){[data-theme='dark']{code[class*="language-"],
    pre[class*="language-"] {
      text-shadow: none;
    }}}[data-theme='dark']{code[class*="language-"],
  pre[class*="language-"] {
    color: var(--foreground);
    background: var(--code-background);
    text-shadow: none;

    text-align: left;
    white-space: pre;
    word-spacing: normal;
    word-break: normal;
    word-wrap: normal;
    line-height: 1.5;

    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;

    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
  }

  /* Code blocks */

  pre[class*="language-"] {
    background: var(--code-background);
    border-radius: var(--shape-medium);
    padding: 1em;
    margin: 0.5em 0;
    overflow: auto;
    height: auto;
  }

  :not(pre) > code[class*="language-"],
  pre[class*="language-"] {
    background: var(--code-background);
  }

  /* Inline code */
  :not(pre) > code[class*="language-"] {
    padding: 4px 7px;
    border-radius: var(--shape-small);
    white-space: normal;
  }

  /* Code box limit */

  .limit-300 {
    height: 300px !important;
  }

  .limit-300 {
    height: 400px !important;
  }

  .limit-500 {
    height: 500px !important;
  }

  .limit-600 {
    height: 600px !important;
  }

  .limit-700 {
    height: 700px !important;
  }

  .limit-800 {
    height: 800px !important;
  }

  .language-css {
    color: var(--purple);
  }

  .token {
    color: var(--pink);
  }

  .language-css .token {
    color: var(--pink);
  }

  .token.script {
    color: var(--foreground);
  }

  .token.bold {
    font-weight: bold;
  }

  .token.italic {
    font-style: italic;
  }

  .token.atrule,
  .token.attr-name,
  .token.attr-value {
    color: var(--green);
  }

  .language-css .token.atrule {
    color: var(--purple);
  }

  .language-html .token.attr-value,
  .language-markup .token.attr-value {
    color: var(--yellow);
  }

  .token.boolean {
    color: var(--purple);
  }

  .token.builtin,
  .token.class-name {
    color: var(--cyan);
  }

  .token.comment {
    color: var(--comment);
  }

  .token.constant {
    color: var(--purple);
  }

  .language-javascript .token.constant {
    color: var(--orange);
    font-style: italic;
  }

  .token.entity {
    color: var(--pink);
  }

  .language-css .token.entity {
    color: var(--green);
  }

  .language-html .token.entity.named-entity {
    color: var(--purple);
  }

  .language-html .token.entity:not(.named-entity) {
    color: var(--pink);
  }

  .language-markup .token.entity.named-entity {
    color: var(--purple);
  }

  .language-markup .token.entity:not(.named-entity) {
    color: var(--pink);
  }

  .token.function {
    color: var(--green);
  }

  .language-css .token.function {
    color: var(--cyan);
  }

  .token.important,
  .token.keyword {
    color: var(--pink);
  }

  .token.prolog {
    color: var(--foreground);
  }

  .token.property {
    color: var(--orange);
  }

  .language-css .token.property {
    color: var(--cyan);
  }

  .token.punctuation {
    color: var(--pink);
  }

  .language-css .token.punctuation {
    color: var(--orange);
  }

  .language-html .token.punctuation,
  .language-markup .token.punctuation {
    color: var(--foreground);
  }

  .token.selector {
    color: var(--pink);
  }

  .language-css .token.selector {
    color: var(--green);
  }

  .token.regex {
    color: var(--red);
  }

  .language-css .token.rule:not(.atrule) {
    color: var(--foreground);
  }

  .token.string {
    color: var(--yellow);
  }

  .token.tag {
    color: var(--pink);
  }

  .token.url {
    color: var(--cyan);
  }

  .language-css .token.url {
    color: var(--orange);
  }

  .token.variable {
    color: var(--comment);
  }

  .token.number {
    color: #bd93f9;
  }

  .token.operator {
    color: #8be9fd;
  }

  .token.char {
    color: #ff879d;
  }

  .token.symbol {
    color: #ffb86c;
  }

  .token.deleted {
    color: #e2787c;
  }

  .token.namespace {
    color: #e2777a;
  }

  /* Line Highlighter */

  .highlight-line {
    color: inherit;
    display: inline-block;
    text-decoration: none;

    border-radius: var(--shape-small);
    padding: 2px 10px;
  }

  .highlight-line:empty:before {
    content: " ";
  }

  .highlight-line:not(:last-child) {
    min-width: 100%;
  }

  .highlight-line .highlight-line:not(:last-child) {
    min-width: 0;
  }

  .highlight-line-isdir {
    color: var(--foreground);
    background-color: var(--selection-30);
  }

  .highlight-line-active {
    background-color: var(--comment-30);
  }

  .highlight-line-add {
    background-color: var(--green-30);
  }

  .highlight-line-remove {
    background-color: var(--red-30);
  }}@media  (prefers-color-scheme:light){[data-theme='system']{--white:var(--neutral1);--white-secondary:#eff1f3;--grey:#6e7781;--blue:var(--blue6);--blue-secondary:var(--blue7);--red:var(--red5);--purple:#795da3;--light-blue:#9fc6e9;--black:#1f2328;--neutral0:#ffffff;--neutral1:#f6f8fa;--neutral2:#eff2f5;--neutral3:#e6eaef;--neutral4:#e0e6eb;--neutral5:#dae0e7;--neutral6:#d1d9e0;--neutral7:#c8d1da;--neutral8:#818b98;--neutral9:#59636e;--neutral10:#454c54;--neutral11:#393f46;--neutral12:#24292f;--neutral13:#1f2328;--blue0:#ddf4ff;--blue1:#b6e3ff;--blue2:#80ccff;--blue3:#54aeff;--blue4:#218bff;--blue5:#0969da;--blue6:#0550ae;--blue7:#033d8b;--blue8:#0a3069;--blue9:#002155;--green0:#dafbe1;--green1:#aceebb;--green2:#6fdd8b;--green3:#4ac26b;--green4:#2da44e;--green5:#1a7f37;--green6:#116329;--green7:#044f1e;--green8:#003d16;--green9:#002d11;--yellow0:#fff8c5;--yellow1:#fae17d;--yellow2:#eac54f;--yellow3:#d4a72c;--yellow4:#bf8700;--yellow5:#9a6700;--yellow6:#7d4e00;--yellow7:#633c01;--yellow8:#4d2d00;--yellow9:#3b2300;--orange0:#fff1e5;--orange1:#ffd8b5;--orange2:#ffb77c;--orange3:#fb8f44;--orange4:#e16f24;--orange5:#bc4c00;--orange6:#953800;--orange7:#762c00;--orange8:#5c2200;--orange9:#471700;--red0:#ffebe9;--red1:#ffcecb;--red2:#ffaba8;--red3:#ff8182;--red4:#fa4549;--red5:#cf222e;--red6:#a40e26;--red7:#82071e;--red8:#660018;--red9:#4c0014;--purple0:#fbefff;--purple1:#ecd8ff;--purple2:#d8b9ff;--purple3:#c297ff;--purple4:#a475f9;--purple5:#8250df;--purple6:#6639ba;--purple7:#512a97;--purple8:#3e1f79;--purple9:#2e1461;--pink0:#ffeff7;--pink1:#ffd3eb;--pink2:#ffadda;--pink3:#ff80c8;--pink4:#e85aad;--pink5:#bf3989;--pink6:#99286e;--pink7:#772057;--pink8:#611347;--pink9:#4d0336;--coral0:#fff0eb;--coral1:#ffd6cc;--coral2:#ffb4a1;--coral3:#fd8c73;--coral4:#ec6547;--coral5:#c4432b;--coral6:#9e2f1c;--coral7:#801f0f;--coral8:#691105;--coral9:#510901;--foreground:#24292f;--selection:#fff8c5;--selection-shadow:#eed888;--background:var(--white);--comment:var(--grey); pre[class*="language-"],
  code[class*="language-"] {
    color: var(--foreground);
    text-shadow: none;
    direction: ltr;
    text-align: left;
    white-space: pre;
    word-spacing: normal;
    word-break: normal;
    line-height: 1.5;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
  }
  pre[class*="language-"]::selection,
  code[class*="language-"]::selection,
  pre[class*="language-"]::mozselection,
  code[class*="language-"]::mozselection {
    text-shadow: none;
    background: var(--selection);
  }}@media print){[data-theme='system']{pre[class*="language-"],
    code[class*="language-"] {
      text-shadow: none;
    }}}[data-theme='system']{pre[class*="language-"] {
    padding: 1em;
    margin: 0.5em 0;
    overflow: auto;
  }
  :not(pre) > code[class*="language-"] {
    padding: 0.1em 0.3em;
    border-radius: var(--shape-small);
    color: var(--foreground);
  }
  /* Line highlighting */
  pre[data-line] {
    position: relative;
  }
  pre[class*="language-"] > code[class*="language-"] {
    position: relative;
    z-index: var(--z-index-code);
  }
  .line-highlight {
    position: absolute;
    left: 0;
    right: 0;
    padding: inherit 0;
    margin-top: 1em;
    background: var(--selection);
    box-shadow: inset 5px 0 0 var(--selection-shadow);
    z-index: var(--z-index-code-highlight);
    pointer-events: none;
    line-height: inherit;
    white-space: pre;
  }
  /* Tokens */
  .namespace {
    opacity: 0.7;
  }
  .token.comment,
  .token.prolog,
  .token.doctype,
  .token.cdata {
    color: var(--comment);
  }
  .token.punctuation {
    color: var(--foreground);
  }
  .token.property,
  .token.tag,
  .token.boolean,
  .token.number,
  .token.constant,
  .token.symbol,
  .token.deleted {
    color: var(--blue);
  }
  .token.selector,
  .token.attr-name,
  .token.string,
  .token.char,
  .token.builtin,
  .token.inserted {
    color: var(--blue-secondary);
  }
  .token.operator,
  .token.entity,
  .token.url,
  .language-css .token.string,
  .style .token.string {
    color: var(--blue);
  }
  .token.atrule,
  .token.attr-value,
  .token.keyword {
    color: var(--red);
  }
  .token.function {
    color: var(--purple);
  }
  .token.regex,
  .token.important,
  .token.variable {
    color: var(--blue-secondary);
  }
  .token.important,
  .token.bold {
    font-weight: bold;
  }
  .token.italic {
    font-style: italic;
  }
  .token.entity {
    cursor: help;
  }}}[data-theme='light']{--white:var(--neutral1);--white-secondary:#eff1f3;--grey:#6e7781;--blue:var(--blue6);--blue-secondary:var(--blue7);--red:var(--red5);--purple:#795da3;--light-blue:#9fc6e9;--black:#1f2328;--neutral0:#ffffff;--neutral1:#f6f8fa;--neutral2:#eff2f5;--neutral3:#e6eaef;--neutral4:#e0e6eb;--neutral5:#dae0e7;--neutral6:#d1d9e0;--neutral7:#c8d1da;--neutral8:#818b98;--neutral9:#59636e;--neutral10:#454c54;--neutral11:#393f46;--neutral12:#24292f;--neutral13:#1f2328;--blue0:#ddf4ff;--blue1:#b6e3ff;--blue2:#80ccff;--blue3:#54aeff;--blue4:#218bff;--blue5:#0969da;--blue6:#0550ae;--blue7:#033d8b;--blue8:#0a3069;--blue9:#002155;--green0:#dafbe1;--green1:#aceebb;--green2:#6fdd8b;--green3:#4ac26b;--green4:#2da44e;--green5:#1a7f37;--green6:#116329;--green7:#044f1e;--green8:#003d16;--green9:#002d11;--yellow0:#fff8c5;--yellow1:#fae17d;--yellow2:#eac54f;--yellow3:#d4a72c;--yellow4:#bf8700;--yellow5:#9a6700;--yellow6:#7d4e00;--yellow7:#633c01;--yellow8:#4d2d00;--yellow9:#3b2300;--orange0:#fff1e5;--orange1:#ffd8b5;--orange2:#ffb77c;--orange3:#fb8f44;--orange4:#e16f24;--orange5:#bc4c00;--orange6:#953800;--orange7:#762c00;--orange8:#5c2200;--orange9:#471700;--red0:#ffebe9;--red1:#ffcecb;--red2:#ffaba8;--red3:#ff8182;--red4:#fa4549;--red5:#cf222e;--red6:#a40e26;--red7:#82071e;--red8:#660018;--red9:#4c0014;--purple0:#fbefff;--purple1:#ecd8ff;--purple2:#d8b9ff;--purple3:#c297ff;--purple4:#a475f9;--purple5:#8250df;--purple6:#6639ba;--purple7:#512a97;--purple8:#3e1f79;--purple9:#2e1461;--pink0:#ffeff7;--pink1:#ffd3eb;--pink2:#ffadda;--pink3:#ff80c8;--pink4:#e85aad;--pink5:#bf3989;--pink6:#99286e;--pink7:#772057;--pink8:#611347;--pink9:#4d0336;--coral0:#fff0eb;--coral1:#ffd6cc;--coral2:#ffb4a1;--coral3:#fd8c73;--coral4:#ec6547;--coral5:#c4432b;--coral6:#9e2f1c;--coral7:#801f0f;--coral8:#691105;--coral9:#510901;--foreground:#24292f;--selection:#fff8c5;--selection-shadow:#eed888;--background:var(--white);--comment:var(--grey); pre[class*="language-"],
  code[class*="language-"] {
    color: var(--foreground);
    text-shadow: none;
    direction: ltr;
    text-align: left;
    white-space: pre;
    word-spacing: normal;
    word-break: normal;
    line-height: 1.5;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
  }
  pre[class*="language-"]::selection,
  code[class*="language-"]::selection,
  pre[class*="language-"]::mozselection,
  code[class*="language-"]::mozselection {
    text-shadow: none;
    background: var(--selection);
  }}@media print){[data-theme='light']{pre[class*="language-"],
    code[class*="language-"] {
      text-shadow: none;
    }}}[data-theme='light']{pre[class*="language-"] {
    padding: 1em;
    margin: 0.5em 0;
    overflow: auto;
  }
  :not(pre) > code[class*="language-"] {
    padding: 0.1em 0.3em;
    border-radius: var(--shape-small);
    color: var(--foreground);
  }
  /* Line highlighting */
  pre[data-line] {
    position: relative;
  }
  pre[class*="language-"] > code[class*="language-"] {
    position: relative;
    z-index: var(--z-index-code);
  }
  .line-highlight {
    position: absolute;
    left: 0;
    right: 0;
    padding: inherit 0;
    margin-top: 1em;
    background: var(--selection);
    box-shadow: inset 5px 0 0 var(--selection-shadow);
    z-index: var(--z-index-code-highlight);
    pointer-events: none;
    line-height: inherit;
    white-space: pre;
  }
  /* Tokens */
  .namespace {
    opacity: 0.7;
  }
  .token.comment,
  .token.prolog,
  .token.doctype,
  .token.cdata {
    color: var(--comment);
  }
  .token.punctuation {
    color: var(--foreground);
  }
  .token.property,
  .token.tag,
  .token.boolean,
  .token.number,
  .token.constant,
  .token.symbol,
  .token.deleted {
    color: var(--blue);
  }
  .token.selector,
  .token.attr-name,
  .token.string,
  .token.char,
  .token.builtin,
  .token.inserted {
    color: var(--blue-secondary);
  }
  .token.operator,
  .token.entity,
  .token.url,
  .language-css .token.string,
  .style .token.string {
    color: var(--blue);
  }
  .token.atrule,
  .token.attr-value,
  .token.keyword {
    color: var(--red);
  }
  .token.function {
    color: var(--purple);
  }
  .token.regex,
  .token.important,
  .token.variable {
    color: var(--blue-secondary);
  }
  .token.important,
  .token.bold {
    font-weight: bold;
  }
  .token.italic {
    font-style: italic;
  }
  .token.entity {
    cursor: help;
  }}:root{--page-background:var(--background);--page-foreground:var(--foreground);--link-hover-opacity:0.7;--link-hover:rgba(from var(--link) r g b / var(--link-hover-opacity));--link-visited-hover:rgba(
    from var(--link-visited) r g b / var(--link-hover-opacity)
  );--button-hover-background-opacity:0.1;--button-hover-background:rgba(
    from var(--button) r g b / var(--button-hover-background-opacity)
  );}@media  (prefers-color-scheme:dark){[data-theme='system']{--focus-background:var(--comment);--success:var(--green);--warning:var(--yellow);--error:var(--red);--info:var(--cyan);--link:var(--cyan);--link-visited:var(--cyan-secondary);--link-focus:var(--green);--link-current:var(--foreground);--link-current-background:var(--selection);--button:var(--pink);--button-hover:var(--pink-secondary);--button-focus:var(--background);--button-selected:var(--foreground);--button-selected-background:var(--selection);--button-filled-background:var(--pink);--button-filled:var(--foreground);--button-filled-hover-background:var(--pink-secondary);--sidebar-background:var(--black);--footer-background:var(--black);--carousel-background:var(--black);--code-background:var(--black);--divider:var(--disabled);--scroll-track:var(--black);--scroll-thumb:var(--purple);--logo1:var(--red);--logo2:var(--yellow);--logo3:var(--green);--logo4:var(--cyan);--logo5:var(--purple);--logo6:var(--pink);--toast-surface:var(--black);--tooltip-background:var(--black);--tooltip-foreground:var(--white);--scroll-top-background:var(--black);}[data-theme='system']{--weight-thin:100;--weight-extralight:150;--weight-light:250;--weight-regular:350;--weight-medium:450;--weight-semibold:550;--weight-bold:650;--weight-extrabold:750;--weight-black:850;--icon-grade:-25;}}[data-theme='dark']{--focus-background:var(--comment);--success:var(--green);--warning:var(--yellow);--error:var(--red);--info:var(--cyan);--link:var(--cyan);--link-visited:var(--cyan-secondary);--link-focus:var(--green);--link-current:var(--foreground);--link-current-background:var(--selection);--button:var(--pink);--button-hover:var(--pink-secondary);--button-focus:var(--background);--button-selected:var(--foreground);--button-selected-background:var(--selection);--button-filled-background:var(--pink);--button-filled:var(--foreground);--button-filled-hover-background:var(--pink-secondary);--sidebar-background:var(--black);--footer-background:var(--black);--carousel-background:var(--black);--code-background:var(--black);--divider:var(--disabled);--scroll-track:var(--black);--scroll-thumb:var(--purple);--logo1:var(--red);--logo2:var(--yellow);--logo3:var(--green);--logo4:var(--cyan);--logo5:var(--purple);--logo6:var(--pink);--toast-surface:var(--black);--tooltip-background:var(--black);--tooltip-foreground:var(--white);--scroll-top-background:var(--black);}[data-theme='dark']{--weight-thin:100;--weight-extralight:150;--weight-light:250;--weight-regular:350;--weight-medium:450;--weight-semibold:550;--weight-bold:650;--weight-extrabold:750;--weight-black:850;--icon-grade:-25;}@media  (prefers-color-scheme:light){[data-theme='system']{--focus-background:var(--light-blue);--success:var(--green5);--warning:var(--yellow5);--error:var(--red5);--info:var(--blue);--link:var(--blue);--link-visited:var(--blue-secondary);--link-focus:var(--purple);--link-current:var(--foreground);--link-current-background:var(--selection);--button:var(--pink5);--button-hover:var(--pink7);--button-focus:var(--background);--button-selected:var(--foreground);--button-selected-background:var(--selection);--button-filled:var(--white);--button-filled-background:var(--pink3);--button-filled-hover-background:var(--pink5);--sidebar-background:var(--white-secondary);--footer-background:var(--white-secondary);--carousel-background:var(--white-secondary);--code-background:var(--white-secondary);--divider:var(--grey);--scroll-track:var(--white-secondary);--scroll-thumb:var(--purple);--logo1:var(--red);--logo2:var(--yellow5);--logo3:var(--green5);--logo4:var(--blue);--logo5:var(--purple);--logo6:var(--pink5);--toast-surface:var(--white);--tooltip-background:var(--white);--tooltip-foreground:var(--black);--scroll-top-background:var(--white);}[data-theme='system']{--weight-thin:100;--weight-extralight:200;--weight-light:300;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-extrabold:800;--weight-black:900;--icon-grade:0;}}[data-theme='light']{--focus-background:var(--light-blue);--success:var(--green5);--warning:var(--yellow5);--error:var(--red5);--info:var(--blue);--link:var(--blue);--link-visited:var(--blue-secondary);--link-focus:var(--purple);--link-current:var(--foreground);--link-current-background:var(--selection);--button:var(--pink5);--button-hover:var(--pink7);--button-focus:var(--background);--button-selected:var(--foreground);--button-selected-background:var(--selection);--button-filled:var(--white);--button-filled-background:var(--pink3);--button-filled-hover-background:var(--pink5);--sidebar-background:var(--white-secondary);--footer-background:var(--white-secondary);--carousel-background:var(--white-secondary);--code-background:var(--white-secondary);--divider:var(--grey);--scroll-track:var(--white-secondary);--scroll-thumb:var(--purple);--logo1:var(--red);--logo2:var(--yellow5);--logo3:var(--green5);--logo4:var(--blue);--logo5:var(--purple);--logo6:var(--pink5);--toast-surface:var(--white);--tooltip-background:var(--white);--tooltip-foreground:var(--black);--scroll-top-background:var(--white);}[data-theme='light']{--weight-thin:100;--weight-extralight:200;--weight-light:300;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-extrabold:800;--weight-black:900;--icon-grade:0;}:root{--shape-small:4px;--shape-medium:8px;--shape-large:12px;--shape-pill:9999px;}@font-face {font-family:'Mona Sans';src:url('/assets/fonts/Mona-Sans.225784198.woff2')format('woff2');font-weight:100 800;font-display:swap;}@font-face {font-family:'Monaspace Argon';src:url('/assets/fonts/MonaspaceArgonVarVF.800032121.woff2')format('woff2');font-weight:100 800;font-display:swap;}@font-face {font-family:'Monaspace Krypton';src:url('/assets/fonts/MonaspaceKryptonVarVF.486193826.woff2')format('woff2');font-weight:100 800;font-display:swap;}@font-face {font-family:'Monaspace Neon';src:url('/assets/fonts/MonaspaceNeonVarVF.607282768.woff2')format('woff2');font-weight:100 800;font-display:swap;}@font-face {font-family:'Monaspace Radon';src:url('/assets/fonts/MonaspaceRadonVarVF.1972620596.woff2')format('woff2');font-weight:100 800;font-display:swap;}@font-face {font-family:'Monaspace Xenon';src:url('/assets/fonts/MonaspaceXenonVarVF.217727491.woff2')format('woff2');font-weight:100 800;font-display:swap;}@media  (prefers-color-scheme:light){[data-theme='system']{--focus-background:var(--light-blue);--success:var(--green5);--warning:var(--yellow5);--error:var(--red5);--info:var(--blue);--link:var(--blue);--link-visited:var(--blue-secondary);--link-focus:var(--purple);--link-current:var(--foreground);--link-current-background:var(--selection);--button:var(--pink5);--button-hover:var(--pink7);--button-focus:var(--background);--button-selected:var(--foreground);--button-selected-background:var(--selection);--button-filled:var(--white);--button-filled-background:var(--pink3);--button-filled-hover-background:var(--pink5);--sidebar-background:var(--white-secondary);--footer-background:var(--white-secondary);--carousel-background:var(--white-secondary);--code-background:var(--white-secondary);--divider:var(--grey);--scroll-track:var(--white-secondary);--scroll-thumb:var(--purple);--logo1:var(--red);--logo2:var(--yellow5);--logo3:var(--green5);--logo4:var(--blue);--logo5:var(--purple);--logo6:var(--pink5);--toast-surface:var(--white);--tooltip-background:var(--white);--tooltip-foreground:var(--black);--scroll-top-background:var(--white);}[data-theme='system']{--weight-thin:100;--weight-extralight:200;--weight-light:300;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-extrabold:800;--weight-black:900;--icon-grade:0;}}[data-theme='light']{--focus-background:var(--light-blue);--success:var(--green5);--warning:var(--yellow5);--error:var(--red5);--info:var(--blue);--link:var(--blue);--link-visited:var(--blue-secondary);--link-focus:var(--purple);--link-current:var(--foreground);--link-current-background:var(--selection);--button:var(--pink5);--button-hover:var(--pink7);--button-focus:var(--background);--button-selected:var(--foreground);--button-selected-background:var(--selection);--button-filled:var(--white);--button-filled-background:var(--pink3);--button-filled-hover-background:var(--pink5);--sidebar-background:var(--white-secondary);--footer-background:var(--white-secondary);--carousel-background:var(--white-secondary);--code-background:var(--white-secondary);--divider:var(--grey);--scroll-track:var(--white-secondary);--scroll-thumb:var(--purple);--logo1:var(--red);--logo2:var(--yellow5);--logo3:var(--green5);--logo4:var(--blue);--logo5:var(--purple);--logo6:var(--pink5);--toast-surface:var(--white);--tooltip-background:var(--white);--tooltip-foreground:var(--black);--scroll-top-background:var(--white);}[data-theme='light']{--weight-thin:100;--weight-extralight:200;--weight-light:300;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-extrabold:800;--weight-black:900;--icon-grade:0;}@media  (prefers-color-scheme:dark){[data-theme='system']{--focus-background:var(--comment);--success:var(--green);--warning:var(--yellow);--error:var(--red);--info:var(--cyan);--link:var(--cyan);--link-visited:var(--cyan-secondary);--link-focus:var(--green);--link-current:var(--foreground);--link-current-background:var(--selection);--button:var(--pink);--button-hover:var(--pink-secondary);--button-focus:var(--background);--button-selected:var(--foreground);--button-selected-background:var(--selection);--button-filled-background:var(--pink);--button-filled:var(--foreground);--button-filled-hover-background:var(--pink-secondary);--sidebar-background:var(--black);--footer-background:var(--black);--carousel-background:var(--black);--code-background:var(--black);--divider:var(--disabled);--scroll-track:var(--black);--scroll-thumb:var(--purple);--logo1:var(--red);--logo2:var(--yellow);--logo3:var(--green);--logo4:var(--cyan);--logo5:var(--purple);--logo6:var(--pink);--toast-surface:var(--black);--tooltip-background:var(--black);--tooltip-foreground:var(--white);--scroll-top-background:var(--black);}[data-theme='system']{--weight-thin:100;--weight-extralight:150;--weight-light:250;--weight-regular:350;--weight-medium:450;--weight-semibold:550;--weight-bold:650;--weight-extrabold:750;--weight-black:850;--icon-grade:-25;}}[data-theme='dark']{--focus-background:var(--comment);--success:var(--green);--warning:var(--yellow);--error:var(--red);--info:var(--cyan);--link:var(--cyan);--link-visited:var(--cyan-secondary);--link-focus:var(--green);--link-current:var(--foreground);--link-current-background:var(--selection);--button:var(--pink);--button-hover:var(--pink-secondary);--button-focus:var(--background);--button-selected:var(--foreground);--button-selected-background:var(--selection);--button-filled-background:var(--pink);--button-filled:var(--foreground);--button-filled-hover-background:var(--pink-secondary);--sidebar-background:var(--black);--footer-background:var(--black);--carousel-background:var(--black);--code-background:var(--black);--divider:var(--disabled);--scroll-track:var(--black);--scroll-thumb:var(--purple);--logo1:var(--red);--logo2:var(--yellow);--logo3:var(--green);--logo4:var(--cyan);--logo5:var(--purple);--logo6:var(--pink);--toast-surface:var(--black);--tooltip-background:var(--black);--tooltip-foreground:var(--white);--scroll-top-background:var(--black);}[data-theme='dark']{--weight-thin:100;--weight-extralight:150;--weight-light:250;--weight-regular:350;--weight-medium:450;--weight-semibold:550;--weight-bold:650;--weight-extrabold:750;--weight-black:850;--icon-grade:-25;}:root{--font-family-heading:"Monaspace Xenon", monospace;--font-family-body:"Monaspace Neon", monospace;--font-family-code:"Monaspace Argon", monospace;--font-family-button:"Monaspace Krypton", monospace;--font-family-comment:"Monaspace Radon", monospace;--font-family-doc-comment:"Monaspace Xenon", monospace;--font-family-icon:"Material Symbols Sharp", serif;--headline1-family:var(--font-family-heading);--headline1-size:6.0625rem;--headline1-weight:var(--weight-extralight);--headline1-transform:lowercase;--headline2-family:var(--font-family-heading);--headline2-size:3.8125rem;--headline2-weight:var(--weight-light);--headline2-transform:lowercase;--headline3-family:var(--font-family-heading);--headline3-size:3rem;--headline3-weight:var(--weight-light);--headline3-transform:lowercase;--headline4-family:var(--font-family-heading);--headline4-size:2.125rem;--headline4-weight:var(--weight-light);--headline4-transform:lowercase;--headline5-family:var(--font-family-heading);--headline5-size:1.5rem;--headline5-weight:var(--weight-regular);--headline5-transform:lowercase;--headline6-family:var(--font-family-heading);--headline6-size:1.25rem;--headline6-weight:var(--weight-regular);--headline6-transform:lowercase;--body1-family:var(--font-family-body);--body1-size:1rem;--body1-weight:var(--weight-regular);--body1-transform:lowercase;--body2-family:var(--font-family-body);--body2-size:0.875rem;--body2-weight:var(--weight-regular);--body2-transform:lowercase;--subtitle1-family:var(--font-family-body);--subtitle1-size:1rem;--subtitle1-weight:var(--weight-regular);--subtitle1-transform:lowercase;--subtitle2-family:var(--font-family-body);--subtitle2-size:0.875rem;--subtitle2-weight:var(--weight-regular);--subtitle2-transform:lowercase;--button-family:var(--font-family-button);--button-size:0.875rem;--button-weight:var(--weight-medium);--button-transform:lowercase;--overline-family:var(--font-family-body);--overline-size:0.625rem;--overline-weight:var(--weight-medium);--overline-transform:lowercase;--caption-family:var(--font-family-body);--caption-size:0.75rem;--caption-weight:var(--weight-regular);--caption-transform:lowercase;}:root{--z-index-code-highlight:0;--z-index-code:1;--z-index-sidebar:2;--z-index-toast:3;--z-index-skip-to-content:4;--z-index-tooltip:5;}[data-style='normal']{--font-family-body:"Mona Sans", sans-serif;--font-family-heading:"Mona Sans", sans-serif;--font-family-button:"Mona Sans", sans-serif;--headline1-size:6rem;--headline1-transform:none;--headline2-size:3.75rem;--headline2-transform:none;--headline3-size:3rem;--headline3-transform:none;--headline4-size:2.125rem;--headline4-transform:none;--headline5-size:1.5rem;--headline5-transform:none;--headline6-size:1.25rem;--headline6-transform:none;--body1-size:1rem;--body1-transform:none;--body2-size:0.875rem;--body2-transform:none;--subtitle1-size:1rem;--subtitle1-transform:none;--subtitle2-size:0.875rem;--subtitle2-transform:none;--button-size:0.875rem;--button-transform:none;--overline-size:0.625rem;--overline-transform:none;--caption-size:0.75rem;--caption-transform:none;}.headline1{font-family:var(--headline1-family);font-size:var(--headline1-size);font-weight:var(--headline1-weight);text-transform:var(--headline1-transform); a &,
  a&,
  button &,
  button& {
    font-family: inherit;
  }}.headline2{font-family:var(--headline2-family);font-size:var(--headline2-size);font-weight:var(--headline2-weight);text-transform:var(--headline2-transform); a &,
  a&,
  button &,
  button& {
    font-family: inherit;
  }}.headline3{font-family:var(--headline3-family);font-size:var(--headline3-size);font-weight:var(--headline3-weight);text-transform:var(--headline3-transform); a &,
  a&,
  button &,
  button& {
    font-family: inherit;
  }}.headline4{font-family:var(--headline4-family);font-size:var(--headline4-size);font-weight:var(--headline4-weight);text-transform:var(--headline4-transform); a &,
  a&,
  button &,
  button& {
    font-family: inherit;
  }}.headline5{font-family:var(--headline5-family);font-size:var(--headline5-size);font-weight:var(--headline5-weight);text-transform:var(--headline5-transform); a &,
  a&,
  button &,
  button& {
    font-family: inherit;
  }}.headline6{font-family:var(--headline6-family);font-size:var(--headline6-size);font-weight:var(--headline6-weight);text-transform:var(--headline6-transform); a &,
  a&,
  button &,
  button& {
    font-family: inherit;
  }}.body1{font-family:var(--body1-family);font-size:var(--body1-size);font-weight:var(--body1-weight);text-transform:var(--body1-transform); a &,
  a&,
  button &,
  button& {
    font-family: inherit;
  }}.body2{font-family:var(--body2-family);font-size:var(--body2-size);font-weight:var(--body2-weight);text-transform:var(--body2-transform); a &,
  a&,
  button &,
  button& {
    font-family: inherit;
  }}.subtitle1{font-family:var(--subtitle1-family);font-size:var(--subtitle1-size);font-weight:var(--subtitle1-weight);text-transform:var(--subtitle1-transform); a &,
  a&,
  button &,
  button& {
    font-family: inherit;
  }}.subtitle2{font-family:var(--subtitle2-family);font-size:var(--subtitle2-size);font-weight:var(--subtitle2-weight);text-transform:var(--subtitle2-transform); a &,
  a&,
  button &,
  button& {
    font-family: inherit;
  }}.button{font-family:var(--button-family);font-size:var(--button-size);font-weight:var(--button-weight);text-transform:var(--button-transform); a &,
  a&,
  button &,
  button& {
    font-family: inherit;
  }}.overline{font-family:var(--overline-family);font-size:var(--overline-size);font-weight:var(--overline-weight);text-transform:var(--overline-transform); a &,
  a&,
  button &,
  button& {
    font-family: inherit;
  }}.caption{font-family:var(--caption-family);font-size:var(--caption-size);font-weight:var(--caption-weight);text-transform:var(--caption-transform); a &,
  a&,
  button &,
  button& {
    font-family: inherit;
  }}button{font-family:var(--button-family);font-size:var(--button-size);font-weight:var(--button-weight);text-transform:var(--button-transform); a &,
  a&,
  button &,
  button& {
    font-family: inherit;
  }}button{appearance:none;border:none;background:none;padding:0.25rem 0.5rem;display:flex;align-items:center;gap:0.5rem;margin:0;color:var(--button);transition-property:color,background,font-weight,font-variation-settings;transition-duration:var(--default-duration);border-radius:var(--shape-pill);--icon-weight:300;}button:hover{color:var(--button-hover);background:var(--button-hover-background);font-weight:var(--weight-semibold);font-variation-settings:'slnt' -8;--icon-weight:500;}button.filled{color:var(--button-filled);background:var(--button-filled-background);}button.filled:hover{background:var(--button-filled-hover-background)}button[aria-pressed='true']{--icon-fill:1;color:var(--button-selected);background:var(--button-selected-background);font-weight:var(--weight-bold);font-variation-settings:'slnt' -11;}button:focus-visible{outline:none;color:var(--button-focus);background:var(--focus-background);--icon-weight:500;}button.icon{padding:0.5rem;border-radius:50%;}.button-group{display:flex;appearance:none;margin:0;padding:0;gap:0;border:none;border-radius:var(--shape-pill);overflow:hidden; button {
    border-radius: 0;
  }
  &.outlined {
    button,
    toggle-button {
      &:not(:first-child) {
        border-left: 1px solid var(--divider);
        &:dir(rtl) {
          border-left: none;
          border-right: 1px solid var(--divider);
        }
      }
    }
    toggle-button.icon {
      border: none;
    }
  }
  &.filled {
    background: var(--button-filled-background);
    button,
    toggle-button {
      background: var(--button-filled-background);
      color: var(--button-filled);
      &:hover {
        background: var(--button-filled-hover-background);
      }
    }
    toggle-button input:not(:checked) + label {
      color: var(--button-filled);
    }
  }}.chip-collection{display:flex;flex-wrap:wrap;gap:0.5rem;padding:0;margin:0;list-style:none;}.chip{display:flex;align-items:center;gap:0.25rem;margin:0;height:32px;padding:0 1rem;border-radius:var(--shape-pill);border:1px solid var(--divider);--icon-size:18;--icon-color:var(--divider); material-symbol {
    color: var(--icon-color);
    margin-left: -0.5rem;
    &:dir(rtl) {
      margin-right: -0.5rem;
      margin-left: 0;
    }
  }}focus-group{display:flex;align-items:center;flex-wrap:wrap;gap:0.5rem;}a{font-family:var(--font-family-button);display:inline-flex;align-items:center;gap:0.5rem;color:var(--link);text-decoration:none;transition-property:color,font-weight,font-variation-settings;transition-duration:var(--default-duration);--icon-weight:300;&:visited{color:var(--link-visited)}&:hover{color:var(--link-hover);font-weight:var(--weight-semibold);--icon-weight:700;&:visited{color:var(--link-visited-hover)}}&:focus-visible{color:var(--link-focus);--icon-weight:700;font-weight:var(--weight-semibold);outline:none;}}toggle-button{font-family:var(--button-family);font-size:var(--button-size);font-weight:var(--button-weight);text-transform:var(--button-transform); a &,
  a&,
  button &,
  button& {
    font-family: inherit;
  }}toggle-button{input {
    appearance: none;
  }
    input:checked + label {
      color: var(--button-selected);
      background: var(--button-selected-background);
      font-weight: var(--weight-bold);
      font-variation-settings: "slnt" -11;
      --icon-weight: 500;
      --icon-fill: 1;
    }
    input:focus-visible + label {
      outline: none;
      color: var(--button-focus);
      background: var(--focus-background);
    }

  label {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--button);
    transition-property:
      color, background, font-weight, font-variation-settings;
    transition-duration: var(--default-duration);
    border-radius: inherit;
    padding: 0.25rem 0.5rem;
    min-height: 2rem;
    --icon-weight: 300;
  }
    label:hover {
      color: var(--button-hover);
      background: var(--button-hover-background);
      font-weight: var(--weight-semibold);
      font-variation-settings: "slnt" -8;
      --icon-weight: 500;
    }}toggle-button.icon{border-radius:50%; label {
      padding: 0.5rem;
    }}material-symbol{user-select:none;font-family:var(--font-family-icon);font-weight:normal;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;text-decoration:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:'liga';font-feature-settings:'liga';-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-size:calc(var(--icon-size,24)*1px);font-variation-settings:'FILL' var(--icon-fill,0),'wght' var(--icon-weight,400),'GRAD' clamp(-25,var(--icon-grade,0),200),'opsz' clamp(20,var(--icon-optical-size,var(--icon-size, 24)),48);transition:font-variation-settings var(--default-duration);height:1em;width:1em;&:dir(rtl){&[flip-rtl]{transform:scaleX(-1)}}}tool-tip{display:inline-flex;position:fixed;white-space:nowrap;overflow:hidden;justify-content:flex-start;align-items:center;z-index:var(--z-index-tooltip);padding:0.25rem 0.75rem;border-radius:var(--shape-small);background:var(--tooltip-background);color:var(--tooltip-foreground);border:1px solid var(--divider);transition:opacity var(--default-duration),transform var(--default-duration);animation:tooltip-enter var(--default-duration);opacity:0;transform:scale(0.95);transform-origin:center center;&[data-visible]{opacity:1;transform:scale(1);}}@keyframes tooltip-enter{0%{opacity:0;transform:scale(0.95);}100%{opacity:1;transform:scale(1);}}*{box-sizing:border-box;scrollbar-color:var(--scroll-thumb) var(--scroll-track);scrollbar-width:thin;}::selection{text-shadow:none;background-color:var(--selection);color:var(--foreground);}pre,code,kbd,samp{font-family:var(--font-family-code)}pre,code{text-transform:none;background:var(--code-background);padding:0.5rem;border-radius:var(--shape-medium);font-feature-settings:'calt' 1,'ss01' 1,'ss02' 1,'ss03' 1,'ss04' 1,'ss09' 1,'liga' 1;}:not(pre)>code{padding:0.25em 0.35em;border-radius:var(--shape-small);display:inline-block;}code[class*='language-'],pre[class*='language-']{font-family:var(--font-family-code);font-size:var(--body1-size);font-weight:var(--body1-weight);background:var(--code-background);}pre code{padding:0;border-radius:0;background:none;}h1{font-family:var(--headline1-family);font-size:var(--headline1-size);font-weight:var(--headline1-weight);text-transform:var(--headline1-transform); a &,
  a&,
  button &,
  button& {
    font-family: inherit;
  }}h2{font-family:var(--headline2-family);font-size:var(--headline2-size);font-weight:var(--headline2-weight);text-transform:var(--headline2-transform); a &,
  a&,
  button &,
  button& {
    font-family: inherit;
  }}h3{font-family:var(--headline3-family);font-size:var(--headline3-size);font-weight:var(--headline3-weight);text-transform:var(--headline3-transform); a &,
  a&,
  button &,
  button& {
    font-family: inherit;
  }}h4{font-family:var(--headline4-family);font-size:var(--headline4-size);font-weight:var(--headline4-weight);text-transform:var(--headline4-transform); a &,
  a&,
  button &,
  button& {
    font-family: inherit;
  }}h5{font-family:var(--headline5-family);font-size:var(--headline5-size);font-weight:var(--headline5-weight);text-transform:var(--headline5-transform); a &,
  a&,
  button &,
  button& {
    font-family: inherit;
  }}h6{font-family:var(--headline6-family);font-size:var(--headline6-size);font-weight:var(--headline6-weight);text-transform:var(--headline6-transform); a &,
  a&,
  button &,
  button& {
    font-family: inherit;
  }}h1,h2,h3,h4,h5,h6{code {
    word-break: break-all;
  }
  hgroup & {
    margin-bottom: 0;
  }}time,date-format{font-family:var(--overline-family);font-size:var(--overline-size);font-weight:var(--overline-weight);text-transform:var(--overline-transform); a &,
  a&,
  button &,
  button& {
    font-family: inherit;
  }}.sr-only{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px;}hr{border:none;border-top:1px solid var(--divider);margin:1rem 0;padding:0;&.inset{margin-left:2rem;&:dir(rtl){margin-left:0;margin-right:2rem;}}&.middle{margin:1rem 2rem}}.outlined{border:1px solid var(--divider)}p:has(controlled-carousel){display:flex;justify-content:center;}.token.comment{font-family:var(--font-family-comment);&.doc-comment{font-family:var(--font-family-doc-comment)}}@media  (scripting:none){[needs-js]{display:none}}@media  (scripting:enabled){[no-js]{display:none}}recent-track,top-track,top-artist{&:nth-of-type(1){--accent-color:var(--logo1)}&:nth-of-type(2){--accent-color:var(--logo2)}&:nth-of-type(3){--accent-color:var(--logo3)}&:nth-of-type(4){--accent-color:var(--logo4)}&:nth-of-type(5){--accent-color:var(--logo5)}&:nth-of-type(6){--accent-color:var(--logo6)}}page-footer{background:var(--footer-background);display:block;width:100%;padding:1rem;}page-header{}pkg-info{display:block}:root{--sidebar-width:19rem}sidebar-nav{display:block;background:var(--sidebar-background);width:var(--sidebar-width);position:sticky;top:0;left:0;height:100vh;overflow:hidden;flex-shrink:0;z-index:var(--z-index-sidebar);&:dir(rtl){left:auto;right:0;}}@media  (max-width:1000px){sidebar-nav{width:100%;height:auto;left:0;right:0;border-bottom:1px solid transparent;transition:border-color var(--default-duration); [data-scrolled] & {
      border-color: var(--divider);
    }}}toast-queue{--bottom-offset:0px;position:fixed;transition:bottom var(--default-duration);bottom:var(--bottom-offset);right:0;z-index:var(--z-index-toast);&:dir(rtl){right:auto;left:0;}@media  (max-width:1000px){width:100%} [data-scrolled] & {
    /* scroll to top button + padding */
    --bottom-offset: 66px;
  }}scroll-to-top{--icon-size:32;display:flex;align-items:center;justify-content:center;position:fixed;bottom:16px;right:16px;z-index:var(--z-index-tooltip);background:var(--button-filled-background);border-radius:50%;transform:scale(0);transition:transform var(--default-duration); [data-scrolled] & {
    transform: scale(1);
    opacity: 1;
  }
  @media (prefers-reduced-motion) {
    transform: scale(1);
    transition-property: opacity;
    opacity: 0;
  }
  @dir (rtl) {
    right: auto;
    left: 16px;
  }}:root{--default-duration:250ms}html{background:var(--page-background);color:var(--page-foreground);}body{font-family:var(--body1-family);font-size:var(--body1-size);font-weight:var(--body1-weight);text-transform:var(--body1-transform); a &,
  a&,
  button &,
  button& {
    font-family: inherit;
  }}body{font-feature-settings:'calt' 1,'liga' 1;max-width:none;}body:not(.sb-show-main){min-height:100vh;display:flex;}@media  (max-width:1000px){body:not(.sb-show-main){flex-direction:column}}body{.root {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    flex: 1;
  }
  page-header {
    display: block;
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    padding: 1rem;
    padding-bottom: 0;
  }}@media  (max-width:1000px){body{page-header {
      margin: 0;
  }}}body{main {
    flex: 1;
    margin: 0 auto;
    width: 100%;
    max-width: 1000px;
    padding: 1rem;
    padding-top: 0;
  }}@media  (max-width:1000px){body{main {
      margin: 0;
  }}}.skip-to-content{position:absolute;width:var(--sidebar-width);text-align:center;top:-1000px;left:-1000px;z-index:var(--z-index-skip-to-content);background:var(--page-background);padding:1rem;&:focus{top:0;left:0;}}.last-fm{display:grid;grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(2,1fr);gap:1rem; recent-tracks {
    grid-column: span 2;
  }

  @media (max-width: 1200px) {
    grid-template-columns: 1fr;
    recent-tracks {
      grid-column: unset;
    }
  }}