/*!
 * This source file is part of the Swift.org open source project
 * 
 * Copyright (c) 2021 Apple Inc. and the Swift project authors
 * Licensed under Apache License v2.0 with Runtime Library Exception
 * 
 * See https://swift.org/LICENSE.txt for license information
 * See https://swift.org/CONTRIBUTORS.txt for Swift project authors
 */

 :root {
   --app-height: 100vh;
}

 #app {
   display: flex;
   flex-flow: column;
   min-height: 100%;
}

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

 li:not(:first-child), ul, ul li:not(:first-child) {
   margin-top: var(--margin-large)
}



@media screen and (prefers-color-scheme: dark) {
   [data-color-scheme=auto] .color-scheme-toggle {
       --toggle-color-text:var(--color-figure-blue)
   }
}

@media print {
   .color-scheme-toggle {
       display: none
   }
}

.footer {
   border-top: 1px solid var(--color-grid);   
}

html {
   -ms-text-size-adjust: 100%;
   -webkit-text-size-adjust: 100%;
   background-color: var(--colors-text-background,var(--color-text-background));
   height: 100%
}

abbr,blockquote,body,button,dd,dl,dt,fieldset,figure,form,h1,h2,h3,h4,h5,h6,hgroup,input,legend,li,ol,p,pre,ul {
   margin: 0;
   padding: 0
}

fieldset,iframe,img {
   border: 0
}


article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary {
   display: block
}

body {
   height: 100%;
   min-width: 320px
}

html {
   font: var(--typography-html-font,17px "SF Pro Text",system-ui,-apple-system,BlinkMacSystemFont,"Helvetica Neue","Helvetica","Arial",sans-serif);
   quotes: "“" "”"
}

body {
   font-size: 1rem;
   line-height: 1.47059;
   font-weight: 400;
   letter-spacing: -.022em;
   font-family: var(--typography-html-font,"SF Pro Text",system-ui,-apple-system,BlinkMacSystemFont,"Helvetica Neue","Helvetica","Arial",sans-serif);
   background-color: var(--color-text-background);
   color: var(--colors-text,var(--color-text));
   font-style: normal;
   word-wrap: break-word;
   --spacing-stacked-margin-small: 0.4em;
   --margin-large: 0.8em;
   --spacing-stacked-margin-xlarge: calc(var(--margin-large)*2);
   --spacing-param: 1.64706rem;
   --declaration-code-listing-margin: 30px 0 0 0;
   --code-block-style-elements-padding: 8px 14px
}

h1,h2,h3,h4,h5,h6 {
   color: var(--colors-header-text,var(--color-header-text))
}

h1+*,h2+*,h3+*,h4+*,h5+*,h6+* {
   margin-top: var(--margin-large)
}

ol+h1,ol+h2,ol+h3,ol+h4,ol+h5,ol+h6,p+h1,p+h2,p+h3,p+h4,p+h5,p+h6,ul+h1,ul+h2,ul+h3,ul+h4,ul+h5,ul+h6 {
   margin-top: 1.6em
}

ol+*,p+*,ul+* {
   margin-top: var(--margin-large)
}

ol,ul {
   margin-left: 1.17647em
}

ol ol,ol ul,ul ol,ul ul {
   margin-top: 0;
   margin-bottom: 0
}

nav ol,nav ul {
   margin: 0;
   list-style: none
}

li li {
   font-size: 1em
}

a {
   color: var(--colors-link,var(--color-link))
}

a:link,a:visited {
   text-decoration: none
}

a:hover {
   text-decoration: underline
}

a:active {
   text-decoration: none
}

#main {
   outline-style: none
}

#global-footer {
   max-width: 980px;   
   margin: 0 auto;
   color: #888;
   padding: 0 22px 24px;
   line-height: 1;
   font-size: 1em;
   box-sizing: content-box;   
   font-weight: 400;
   font-size: 16px;
   line-height: 1.45em;
   color: #333;
}

footer#global-footer {
   padding-left: calc(max(22px,env(safe-area-inset-left)));
   padding-right: calc(max(22px,env(safe-area-inset-right)));
}

#global-footer a:active, #global-footer a:link, #global-footer a:visited {
   text-decoration: none;
}

#footer-wrapper {
   position: relative;
   background: var(--color-fill-tertiary);
   padding-top: 10px;   
}

.footer-legal {
   display: table;
   color: #aaa;
   font-size: 0.8em;
   margin: 10 auto;
   padding: 1%;
}

.footer-legal-copyright a {
   color: var(--color-figure-gray-secondary-alt);
   margin: 10 auto;
}

.container {
   margin-left: auto;
   margin-right: auto;
   width: 980px;
   outline-style: none;
   margin-top: 92px;
   margin-bottom: 140px
}


.card:not(.changed) {
   border: 1px solid var(--color-fill-gray-tertiary)
}

.card {
   padding: 1.17647rem;
   display: flex;
   align-items: center;
   border-radius: 15px;
   position: relative;
   transition: transform .16s ease-out,background-color .16s ease-out,border-color .16s ease-out;
   text-decoration: none;
   min-width: 0;   
   box-sizing: border-box;
   min-height: 100px;
}

section {
   margin-top: 0.88235rem;
   margin-bottom: 4.70588rem;
}

.list {
   margin-left: auto;
   margin-right: auto;   
   width: 980px;
   display: block;
   list-style: none;
   margin: 5% auto
}

.body {
   flex: 1 1 100%;
   min-width: 0;
   margin-right: 20px
}

.card-title {
   font-size: 1.23529rem;
   line-height: 1.381;
   font-weight: 400;
   letter-spacing: .011em;   
   color: var(--color-figure-gray);
   display: inline;
   vertical-align: middle
}

.content {
   color: var(--color-figure-gray-secondary);
   margin-top: 3px;
   max-width: 48.05882rem
}

.doc-title {
   margin-bottom: .88235rem;
   color: #fff;
}

.doc-header {
   background-color: #03166c;
   padding-bottom: 4.70588rem;
   padding-top: 7.76471rem;
   text-align: center;
   background-size: cover;
   background-repeat: no-repeat;
   background-position: 50%
}

body {
   --color-article-background: var(--color-fill-tertiary);
   --color-article-body-background: var(--color-fill);
   --color-aside-deprecated: var(--color-figure-gray);
   --color-aside-experiment: var(--color-figure-gray);
   --color-aside-experiment-background: var(--color-fill-gray-secondary);
   --color-aside-experiment-border: var(--color-figure-light-gray);
   --color-aside-important: var(--color-figure-gray);
   --color-aside-important-background: var(--color-fill-gray-secondary);
   --color-aside-important-border: var(--color-figure-light-gray);
   --color-aside-note: var(--color-figure-gray);
   --color-aside-note-background: var(--color-fill-gray-secondary);
   --color-aside-tip: var(--color-figure-gray);
   --color-aside-tip-background: var(--color-fill-gray-secondary);
   --color-aside-tip-border: var(--color-figure-light-gray);
   --color-aside-warning: var(--color-figure-gray);
   --color-badge-default: var(--color-figure-light-gray);
   --color-badge-beta: var(--color-figure-gray-tertiary);
   --color-badge-deprecated: var(--color-figure-orange);
   --color-badge-dark-default: #f5f5f7;
   --color-badge-dark-beta: #6e6e73;
   --color-badge-dark-deprecated: #f56300;
   --color-button-background: var(--color-fill-blue);
   --color-button-background-active: #06c;
   --color-button-background-hover: var(--color-figure-blue);
   --color-button-text: #fff;
   --color-call-to-action-background: var(--color-fill-secondary);
   --color-changes-added: var(--color-figure-light-gray);
   --color-changes-added-hover: var(--color-figure-light-gray);
   --color-changes-deprecated: var(--color-figure-light-gray);
   --color-changes-deprecated-hover: var(--color-figure-light-gray);
   --color-changes-modified: var(--color-figure-light-gray);
   --color-changes-modified-hover: var(--color-figure-light-gray);
   --color-code-background: var(--color-fill-secondary);
   --color-code-collapsible-background: var(--color-fill-tertiary);
   --color-code-collapsible-text: var(--color-figure-gray-secondary-alt);
   --color-code-line-highlight: rgba(0,102,204,0.08);
   --color-code-line-highlight-border: var(--color-figure-blue);
   --color-code-plain: var(--color-figure-gray);
   --color-dropdown-background: hsla(0,0%,100%,0.8);
   --color-dropdown-border: #1d1d1f;
   --color-dropdown-option-text: #6e6e73;
   --color-dropdown-text: #1d1d1f;
   --color-dropdown-dark-background: hsla(0,0%,100%,0.1);
   --color-dropdown-dark-border: rgba(210,210,215,0.2);
   --color-dropdown-dark-option-text: #86868b;
   --color-dropdown-dark-text: #f5f5f7;
   --color-eyebrow: var(--color-figure-gray-secondary);
   --color-focus-border-color: var(--color-fill-blue);
   --color-focus-color: rgba(0,125,250,0.6);
   --color-form-error: var(--color-figure-red);
   --color-form-error-background: var(--color-fill-red-secondary);
   --color-form-valid: var(--color-figure-green);
   --color-form-valid-background: var(--color-fill-green-secondary);
   --color-generic-modal-background: var(--color-fill);
   --color-grid: var(--color-fill-gray);
   --color-header-text: var(--color-figure-gray);
   --color-hero-eyebrow: #86868b;
   --color-link: var(--color-figure-blue);
   --color-loading-placeholder-background: var(--color-fill);
   --color-nav-color: #515154;
   --color-nav-current-link: rgba(29,29,31,0.6);
   --color-nav-expanded: #fff;
   --color-nav-hierarchy-collapse-background: #d2d2d7;
   --color-nav-hierarchy-collapse-borders: #86868b;
   --color-nav-hierarchy-item-borders: #86868b;
   --color-nav-keyline: rgba(29,29,31,0.2);
   --color-nav-link-color: #1d1d1f;
   --color-nav-link-color-hover: #06c;
   --color-nav-outlines: #1d1d1f;
   --color-nav-rule: rgba(210,210,215,0.5);
   --color-nav-solid-background: #fff;
   --color-nav-sticking-expanded-keyline: rgba(29,29,31,0.1);
   --color-nav-stuck: hsla(0,0%,100%,0.9);
   --color-nav-uiblur-expanded: hsla(0,0%,100%,0.9);
   --color-nav-uiblur-stuck: hsla(0,0%,100%,0.7);
   --color-nav-root-subhead: var(--color-tutorials-teal);
   --color-nav-dark-border-top-color: hsla(0,0%,100%,0.4);
   --color-nav-dark-color: #a1a1a6;
   --color-nav-dark-current-link: rgba(245,245,247,0.6);
   --color-nav-dark-expanded: #1d1d1f;
   --color-nav-dark-hierarchy-collapse-background: #424245;
   --color-nav-dark-hierarchy-collapse-borders: #6e6e73;
   --color-nav-dark-hierarchy-item-borders: #424245;
   --color-nav-dark-keyline: rgba(66,66,69,0.95);
   --color-nav-dark-link-color: #f5f5f7;
   --color-nav-dark-link-color-hover: #2997ff;
   --color-nav-dark-outlines: #f5f5f7;
   --color-nav-dark-rule: #f5f5f7;
   --color-nav-dark-solid-background: #000;
   --color-nav-dark-sticking-expanded-keyline: rgba(66,66,69,0.7);
   --color-nav-dark-stuck: rgba(29,29,31,0.9);
   --color-nav-dark-uiblur-expanded: rgba(29,29,31,0.9);
   --color-nav-dark-uiblur-stuck: rgba(29,29,31,0.7);
   --color-nav-dark-root-subhead: #54c4bc;
   --color-runtime-preview-background: var(--color-fill-tertiary);
   --color-runtime-preview-disabled-text: rgba(110,110,115,0.6);
   --color-runtime-preview-text: var(--color-figure-gray-secondary);
   --color-secondary-label: var(--color-figure-gray-secondary);
   --color-step-background: var(--color-fill-secondary);
   --color-step-caption: var(--color-figure-gray-secondary);
   --color-step-focused: var(--color-figure-light-gray);
   --color-step-text: var(--color-figure-gray-secondary);
   --color-svg-icon: #6e6e73;
   --color-syntax-attributes: #947100;
   --color-syntax-characters: #272ad8;
   --color-syntax-comments: #707f8c;
   --color-syntax-documentation-markup: #506375;
   --color-syntax-documentation-markup-keywords: #506375;
   --color-syntax-heading: #ba2da2;
   --color-syntax-keywords: #ad3da4;
   --color-syntax-marks: #000;
   --color-syntax-numbers: #272ad8;
   --color-syntax-other-class-names: #703daa;
   --color-syntax-other-constants: #4b21b0;
   --color-syntax-other-declarations: #047cb0;
   --color-syntax-other-function-and-method-names: #4b21b0;
   --color-syntax-other-instance-variables-and-globals: #703daa;
   --color-syntax-other-preprocessor-macros: #78492a;
   --color-syntax-other-type-names: #703daa;
   --color-syntax-param-internal-name: #404040;
   --color-syntax-plain-text: #000;
   --color-syntax-preprocessor-statements: #78492a;
   --color-syntax-project-class-names: #3e8087;
   --color-syntax-project-constants: #2d6469;
   --color-syntax-project-function-and-method-names: #2d6469;
   --color-syntax-project-instance-variables-and-globals: #3e8087;
   --color-syntax-project-preprocessor-macros: #78492a;
   --color-syntax-project-type-names: #3e8087;
   --color-syntax-strings: #d12f1b;
   --color-syntax-type-declarations: #03638c;
   --color-syntax-urls: #1337ff;
   --color-tabnav-item-border-color: var(--color-fill-gray);
   --color-text: var(--color-figure-gray);
   --color-text-background: var(--color-fill);
   --color-tutorial-assessments-background: var(--color-fill-secondary);
   --color-tutorial-background: var(--color-fill);
   --color-tutorial-navbar-dropdown-background: var(--color-fill);
   --color-tutorial-navbar-dropdown-border: var(--color-fill-gray);
   --color-tutorial-quiz-border-active: var(--color-figure-blue);
   --color-tutorials-overview-background: #161617;
   --color-tutorials-overview-content-alt: #f5f5f7;
   --color-tutorials-overview-eyebrow: #86868b;
   --color-tutorials-overview-icon: #9a9a9e;
   --color-tutorials-overview-link: #2997ff;
   --color-tutorials-overview-navigation-link: #86868b;
   --color-tutorials-overview-navigation-link-hover: #f5f5f7;
   --color-tutorial-hero-text: #f5f5f7;
   --color-tutorial-hero-background: #000;
   --color-navigator-item-hover: rgba(0,113,227,0.05);
   --color-card-background: var(--color-fill);
   --color-card-content-text: var(--color-figure-gray);
   --color-card-eyebrow: var(--color-figure-gray-secondary-alt);
   --color-card-shadow: rgba(0,0,0,0.04);
   --color-link-block-card-border: rgba(0,0,0,0.04);
   --color-standard-red: #8b0000;
   --color-standard-orange: #8b4000;
   --color-standard-yellow: #8f7200;
   --color-standard-blue: #002d75;
   --color-standard-green: #023b2d;
   --color-standard-purple: #512b55;
   --color-standard-gray: #1d1d1f
}

body {
   --color-fill: #fff;
   --color-fill-secondary: #fbfbfd;
   --color-fill-tertiary: #f5f5f7;
   --color-fill-quaternary: #252525;
   --color-fill-blue: #0071e3;
   --color-fill-blue-secondary: #f6fbff;
   --color-fill-gray: #1d1d1f;
   --color-fill-gray-secondary: #86868b;
   --color-fill-gray-tertiary: #d2d2d7;
   --color-fill-gray-quaternary: #e8e8ed;
   --color-fill-green-secondary: #f5fff6;
   --color-fill-light-blue-secondary: #eaf3ff;
   --color-fill-light-gray-secondary: #f5f5f7;
   --color-fill-orange-secondary: #fff9f4;
   --color-fill-purple-secondary: #fcf8ff;
   --color-fill-red-secondary: #fff2f4;
   --color-fill-teal-secondary: #faffff;
   --color-fill-yellow-secondary: #fffbf2;
   --color-figure-blue: #06c;
   --color-figure-gray: #1d1d1f;
   --color-figure-gray-secondary: #6e6e73;
   --color-figure-gray-secondary-alt: #515154;
   --color-figure-gray-tertiary: #86868b;
   --color-figure-green: #008009;
   --color-figure-light-blue: #4ca9ff;
   --color-figure-light-gray: #696969;
   --color-figure-orange: #bf4800;
   --color-figure-pink: #b0b;
   --color-figure-purple: #8c28c2;
   --color-figure-red: #e30000;
   --color-figure-teal: #007c78;
   --color-figure-yellow: #9e6700;
   --color-highlight-green: #e4fee6;
   --color-highlight-red: #f8dddd;
   --color-tutorials-teal: #38a39c;
   --color-aside-deprecated: var(--color-figure-orange);
   --color-aside-deprecated-background: var(--color-fill-orange-secondary);
   --color-aside-deprecated-border: var(--color-figure-orange);
   --color-aside-experiment: var(--color-figure-purple);
   --color-aside-experiment-background: var(--color-fill-purple-secondary);
   --color-aside-experiment-border: var(--color-figure-purple);
   --color-aside-important: var(--color-figure-yellow);
   --color-aside-important-background: var(--color-fill-yellow-secondary);
   --color-aside-important-border: var(--color-figure-yellow);
   --color-aside-note: var(--color-figure-light-gray);
   --color-aside-note-background: var(--color-fill-light-gray-secondary);
   --color-aside-note-border: var(--color-figure-light-gray);
   --color-aside-tip: var(--color-figure-teal);
   --color-aside-tip-background: var(--color-fill-teal-secondary);
   --color-aside-tip-border: var(--color-figure-teal);
   --color-aside-warning: var(--color-figure-red);
   --color-aside-warning-background: var(--color-fill-red-secondary);
   --color-aside-warning-border: var(--color-figure-red);
   --color-badge-beta: var(--color-figure-teal);
   --color-badge-spi: var(--color-figure-pink);
   --color-badge-dark-beta: #00c2bb;
   --color-badge-dark-spi: #f14bf1;
   --color-button-background-active: var(--color-fill-blue);
   --color-button-background-hover: #0077ed;
   --color-changes-added: var(--color-figure-green);
   --color-changes-added-hover: var(--color-fill-green-secondary);
   --color-changes-deprecated: var(--color-figure-orange);
   --color-changes-deprecated-hover: rgba(191,72,0,0.05);
   --color-changes-modified: var(--color-figure-purple);
   --color-changes-modified-hover: var(--color-fill-purple-secondary);
   --color-changes-modified-previous-background: var(--color-fill);
   --color-code-background: var(--color-fill-tertiary);
   --color-code-collapsible-background: var(--color-fill-gray-quaternary);
   --color-code-line-highlight: var(--color-fill-light-blue-secondary);
   --color-code-line-highlight-border: var(--color-figure-light-blue);
   --color-code-plain: #000;
   --color-dropdown-border: var(--color-fill-gray-tertiary);
   --color-eyebrow: inherit;
   --color-grid: var(--color-fill-gray-tertiary);
   --color-hero-eyebrow: inherit;
   --color-nav-outlines: var(--color-fill-gray-tertiary);
   --color-nav-dark-outlines: #424245;
   --color-nav-dark-solid-background: #2d2d2d;
   --color-not-found-input-background: var(--color-fill-secondary);
   --color-not-found-input-border: var(--color-fill-gray-tertiary);
   --color-step-caption: var(--color-fill-gray-tertiary);
   --color-step-focused: var(--color-figure-light-blue);
   --color-step-text: var(--color-figure-gray);
   --color-svg-icon: #86868b;
   --color-tabnav-item-border-color: var(--color-fill-gray-tertiary);
   --color-tutorial-navbar-dropdown-border: var(--color-dropdown-border);
   --color-tutorials-overview-background: radial-gradient(circle at center 70%,#242424 0%,#0c0c0c 100%);
   --color-tutorials-overview-content: #f5f5f7;
   --color-tutorials-overview-content-alt: #a1a1a6;
   --color-tutorials-overview-eyebrow: #a1a1a6;
   --color-tutorials-overview-icon: #a1a1a6;
   --color-tutorials-overview-navigation-link-active: #f5f5f7;
   --color-tutorials-overview-navigation-link-hover: #a1a1a6;
   --color-card-accent: var(--color-figure-blue);
   --color-navigator-item-hover: rgba(0,113,227,0.2);
   --color-type-icon-orange: #947100;
   --color-type-icon-green: #090;
   --color-type-icon-blue: #272ad8;
   --color-type-icon-sky: #06c;
   --color-type-icon-pink: #d82797;
   --color-type-icon-teal: #509ca3;
   --color-type-icon-purple: #bf6af7;
   --color-standard-red: var(--color-type-icon-pink);
   --color-standard-orange: #ff5a00;
   --color-standard-yellow: #ff9f2c;
   --color-standard-blue: var(--color-type-icon-sky);
   --color-standard-green: var(--color-type-icon-teal);
   --color-standard-purple: var(--color-type-icon-purple);
   --color-standard-gray: #afafaf
}

@media screen {
   body[data-color-scheme=dark] {
       --color-fill: #000;
       --color-fill-secondary: #161617;
       --color-fill-tertiary: #1d1d1f;
       --color-fill-blue: #0071e3;
       --color-fill-blue-secondary: #001931;
       --color-fill-gray: #f5f5f7;
       --color-fill-gray-secondary: #6e6e73;
       --color-fill-gray-tertiary: #424245;
       --color-fill-gray-quaternary: #333336;
       --color-fill-green-secondary: #002b03;
       --color-fill-light-blue-secondary: #002a51;
       --color-fill-light-gray-secondary: #323232;
       --color-fill-orange-secondary: #290d00;
       --color-fill-purple-secondary: #190325;
       --color-fill-red-secondary: #300;
       --color-fill-teal-secondary: #002d2b;
       --color-fill-yellow-secondary: #2b1e00;
       --color-figure-blue: #2997ff;
       --color-figure-gray: #f5f5f7;
       --color-figure-gray-secondary: #86868b;
       --color-figure-gray-secondary-alt: #a1a1a6;
       --color-figure-gray-tertiary: #6e6e73;
       --color-figure-green: #03a10e;
       --color-figure-light-blue: #7dc1ff;
       --color-figure-light-gray: #9a9a9e;
       --color-figure-orange: #f56300;
       --color-figure-pink: #f14bf1;
       --color-figure-purple: #a95ed2;
       --color-figure-red: #ff3037;
       --color-figure-teal: #00c2bb;
       --color-figure-yellow: #ffb50f;
       --color-highlight-green: #032603;
       --color-highlight-red: #410606;
       --color-tutorials-teal: #54c4bc;
       --color-article-body-background: var(--color-fill-secondary);
       --color-changes-deprecated-hover: rgba(245,99,0,0.05);
       --color-code-background: var(--color-fill-gray-quaternary);
       --color-code-collapsible-background: var(--color-fill-tertiary);
       --color-code-line-highlight: var(--color-fill-gray-tertiary);
       --color-code-plain: #fff;
       --color-not-found-input-background: var(--color-fill-gray-quaternary);
       --color-step-background: var(--color-fill-gray-quaternary);
       --color-svg-icon: #6e6e73;
       --color-tutorial-navbar-dropdown-background: var(--color-nav-dark-solid-background);
       --color-tutorial-navbar-dropdown-border: var(--color-fill-gray-tertiary);
       --color-navigator-item-hover: rgba(0,113,227,0.6)
   }
}

@media screen and (prefers-color-scheme: dark) {
   body[data-color-scheme=auto] {
       --color-fill:#000;
       --color-fill-secondary: #161617;
       --color-fill-tertiary: #1d1d1f;
       --color-fill-blue: #0071e3;
       --color-fill-blue-secondary: #001931;
       --color-fill-gray: #f5f5f7;
       --color-fill-gray-secondary: #6e6e73;
       --color-fill-gray-tertiary: #424245;
       --color-fill-gray-quaternary: #333336;
       --color-fill-green-secondary: #002b03;
       --color-fill-light-blue-secondary: #002a51;
       --color-fill-light-gray-secondary: #323232;
       --color-fill-orange-secondary: #290d00;
       --color-fill-purple-secondary: #190325;
       --color-fill-red-secondary: #300;
       --color-fill-teal-secondary: #002d2b;
       --color-fill-yellow-secondary: #2b1e00;
       --color-figure-blue: #2997ff;
       --color-figure-gray: #f5f5f7;
       --color-figure-gray-secondary: #86868b;
       --color-figure-gray-secondary-alt: #a1a1a6;
       --color-figure-gray-tertiary: #6e6e73;
       --color-figure-green: #03a10e;
       --color-figure-light-blue: #7dc1ff;
       --color-figure-light-gray: #9a9a9e;
       --color-figure-orange: #f56300;
       --color-figure-pink: #f14bf1;
       --color-figure-purple: #a95ed2;
       --color-figure-red: #ff3037;
       --color-figure-teal: #00c2bb;
       --color-figure-yellow: #ffb50f;
       --color-highlight-green: #032603;
       --color-highlight-red: #410606;
       --color-tutorials-teal: #54c4bc;
       --color-article-body-background: var(--color-fill-secondary);
       --color-changes-deprecated-hover: rgba(245,99,0,0.05);
       --color-code-background: var(--color-fill-gray-quaternary);
       --color-code-collapsible-background: var(--color-fill-tertiary);
       --color-code-line-highlight: var(--color-fill-gray-tertiary);
       --color-code-plain: #fff;
       --color-not-found-input-background: var(--color-fill-gray-quaternary);
       --color-step-background: var(--color-fill-gray-quaternary);
       --color-svg-icon: #6e6e73;
       --color-tutorial-navbar-dropdown-background: var(--color-nav-dark-solid-background);
       --color-tutorial-navbar-dropdown-border: var(--color-fill-gray-tertiary);
       --color-navigator-item-hover: rgba(0,113,227,0.6)
   }
}