@charset "UTF-8";
:root { --rgb-white: 255,255,255; --rgb-black: 0,0,0; --color-white: rgb(var(--rgb-white)); --color-black: rgb(var(--rgb-black)); --rgb-main-light: 224, 230, 245; --rgb-main-medium: 47, 104, 230; --rgb-main-dark: 0, 39, 127; --color-main-light: rgb(var(--rgb-main-light)); --color-main-medium: rgb(var(--rgb-main-medium)); --color-main-dark: rgb(var(--rgb-main-dark)); --rgb-neutral-lighter: 241, 241, 243; --rgb-neutral-light: 216, 216, 220; --rgb-neutral-medium: 138, 138, 146; --rgb-neutral-dark: 53, 53, 68; --color-neutral-lighter: rgb(var(--rgb-neutral-lighter)); --color-neutral-light: rgb(var(--rgb-neutral-light)); --color-neutral-medium: rgb(var(--rgb-neutral-medium)); --color-neutral-dark: rgb(var(--rgb-neutral-dark)); --rgb-commit-light: 219, 243, 208; --rgb-commit-medium: 120, 234, 64; --rgb-commit-dark: 54, 138, 14; --color-commit-light: rgb(var(--rgb-commit-light)); --color-commit-medium: rgb(var(--rgb-commit-medium)); --color-commit-dark: rgb(var(--rgb-commit-dark)); --rgb-cancel-light: 255, 227, 227; --rgb-cancel-medium: 241, 46, 68; --rgb-cancel-dark: 136, 0, 15; --color-cancel-light: rgb(var(--rgb-cancel-light)); --color-cancel-medium: rgb(var(--rgb-cancel-medium)); --color-cancel-dark: rgb(var(--rgb-cancel-dark)); --rgb-warning-light: 255, 249, 191; --rgb-warning-medium: 247, 227, 44; --rgb-warning-dark: 175, 150, 0; --color-warning-light: rgb(var(--rgb-warning-light)); --color-warning-medium: rgb(var(--rgb-warning-medium)); --color-warning-dark: rgb(var(--rgb-warning-dark)); --header-height: 3rem; --button-height: 2em; --border-width:2px; --radius:0.2rem; --font-sans: 'Trebuchet MS', Tahoma, sans-serif; --font-serif: Georgia, 'Lucida Bright', serif; --font-monospace: Consolas, Monaco, monospace; --font-cursive: InBubbleLight, cursive; --font-heading:var(--font-sans); --font-body:var(--font-sans); }

*, *::before, *::after { box-sizing: border-box; }

body { margin: 0; padding-bottom: 8em; font-family: var(--font-body); line-height: 1.2; }

h1, h2, h3 { font-family: var(--font-heading); }

h1 { font-size: 1.5em; line-height: 2; }

h2 { font-size: 1.25em; line-height: 1.5; }

h3 { font-size: 1.1em; line-height: 1.5; }

a { color: var(--color-main-dark); font-weight: bold; text-decoration: none; }

a:hover { text-decoration: underline; }

hr { margin: 1em 0 1em; border-width: 0 0 1px; border-bottom: dashed var(--color-neutral-medium); }

input, textarea, button { -webkit-appearance: none; }

p { line-height: 1.5; }

aside { display: block; padding: 1em; background-color: var(--color-neutral-light); border: 1px solid var(--color-neutral-medium); border-radius: 0.5em; margin: 1em 2em; }

blockquote { margin: 2em; font-size: 1.5em; text-align: center; }

code { padding: 1em; background-color: var(--color-neutral-light); border-radius: 0.3em; tab-size: 3; }

/* Helpers */
.no-touch { pointer-events: none; }

.do-touch { pointer-events: initial; }

.hidden { display: none; }

.fill-parent, .modal, .modal-back { top: 0; left: 0; width: 100%; height: 100%; }

.overscroll, .overscroll-y { overflow-y: auto; }

.overscroll, .overscroll-x { overflow-x: auto; }

@supports (-webkit-overflow-scrolling: touch) { .overscroll, .overscroll-y { overflow-y: scroll; -webkit-overflow-scrolling: touch; }
  .overscroll, .overscroll-x { overflow-x: scroll; -webkit-overflow-scrolling: touch; } }

.compact, .nav ul, .nav-mobile ul { list-style-type: none; margin-top: 0; margin-bottom: 0; padding-left: 0; }

/* Pattern demo definitions */
.well { padding: 0.7em 1em; border: solid 2px var(--color-neutral-light); border-radius: 0.3em; margin: 1px; }

.well-light { display: inline-block; border-width: 0; background-color: rgba(var(--rgb-neutral-dark), 0.2); border-radius: 0.2em; }

.pattern { max-width: 500px; margin-left: auto; margin-right: auto; position: relative; z-index: 2; }

.pattern.well { box-shadow: 1px 1px 5px rgba(var(--rgb-neutral-medium), 0.5); background-color: var(--color-white); border-width: 0; }

.pattern.well > :first-child { margin-top: 0; }

.pattern.well > :last-child { margin-bottom: 0; }

.pattern.gray, .pattern.grey { background-color: var(--color-neutral-light); }

.pattern.modalish { border-radius: 0.2em; box-shadow: 1px 1px 5px rgba(var(--rgb-neutral-medium), 0.5); font-family: Verdana, sans-serif; }

.pattern.mobile { box-shadow: 1px 1px 5px rgba(var(--rgb-neutral-medium), 0.5); --screen-width:375px; max-width: var(--screen-width); }

.pattern .hole { padding: 0.2em 0.5em; background-color: var(--color-neutral-light); border: white solid 1px; }

.pattern + code.block { margin-top: -1.5rem; }

@media (max-width: 500px) { .pattern + code.block { margin-top: -1rem; } }

/* Table of Contents */
.gloss ul, .toc ul { list-style-type: none; padding-left: 0; }

.gloss ul ul, .toc ul ul { padding-left: 1em; }

.gloss li, .toc li { /*line-height:1.5rem;*/ font-size: 0.9em; text-transform: capitalize; }

.gloss > ul > li, .toc > ul > li { font-size: 1em; text-transform: uppercase; }

.gloss { font-size: 0.8em; }

.toc a:hover { text-decoration: underline; }

ul .operator { width: 2.5em; font-family: Monaco,monospace; display: inline-block; }

/* Code Blocks */
code { padding: 0.75em 1em; background-color: var(--color-neutral-lighter); border-radius: 0.3em; tab-size: 3; font-family: var(--font-monospace); }

code.output, code.block { display: block; white-space: pre; width: 100%; overflow: auto; position: relative; margin: 1em 0; font-size: 0.9em; }

code.output::before, code.block::before { content: attr(data-title); position: absolute; top: 0.2em; right: 0.5rem; font-size: 0.7em; }

code.inline { display: inline; padding: 0.1em 0.5em; vertical-align: baseline; font-size: inherit; white-space: nowrap; }

code.output { color: rgba(0, 0, 0, 0.5); }

code[data-title='html'] { background-color: #eff; }

code[data-title='css'] { background-color: #efe; }

@media (max-width: 500px) { code.inline { white-space: initial; max-width: 100%; } }

.linear-nav { margin: 3em 0; border-top: 2px dashed #ddd; border-bottom: 2px dashed #ddd; padding: 1em 0; }

.scroll-timeline { position: fixed; top: 0; left: 0; width: 100%; height: 3px; background-color: rgba(255, 255, 255, 0.5); pointer-events: none; z-index: 9; }

.scroll-timeline span { position: absolute; top: 0; left: 0; height: 100%; width: 0; background-color: var(--main-color); }

.tree { padding-inline-start: 0; }

.tree ul { padding-inline-start: 1em; border-inline-start: 1px solid #ddd; }

.tree-folder { color: #5457ff; list-style-type: none; border-inline-start: 2px solid #99f; padding-inline-start: 0.3em; }

.tree-file { color: #9798c3; list-style-type: none; border-inline-start: 2px solid #ddf; padding-inline-start: 0.3em; }

.chromeless, .form-input, .form-blank, .solid-input, .hotdog > input { border-width: 0; border-radius: 0; font: inherit; color: inherit; line-height: inherit; background-color: transparent; outline: 0; width: 100%; padding: 0; margin: 0; display: inline-block; }

/* Buttons */
.btn, .form-button { display: inline-block; position: relative; padding: 0 1em; border-radius: var(--radius); color: inherit; background-color: transparent; font: inherit; border-width: 0; cursor: pointer; text-align: center; outline: 0; /* do a buttons */ /* Button */ /* Button */ /* Button */ /* Button */ /* Button */ }

.btn-size, .btn, .form-button, .form-input, .form-select > select, .solid-input, .hotdog, .hotdog > input, .nav a, .nav-mobile a, .nav span, .nav-mobile span { line-height: var(--button-height); height: var(--button-height); }

.btn:hover, .form-button:hover { text-decoration: none; outline: 0; }

.btn.text, .text.form-button { background-color: transparent; border-width: 0; color: inherit; padding: 0; }

.btn.solid, .form-button { color: var(--color-neutral-dark); background-color: var(--color-neutral-light); }

.btn.main.solid, .main.form-button { background-color: var(--color-main-light); }

.btn.main.solid:active, .main.form-button:active { background-color: var(--color-main-medium); }

.btn.neutral.solid, .form-button { background-color: var(--color-neutral-light); }

.btn.neutral.solid:active, .form-button:active { background-color: var(--color-neutral-medium); }

.btn.commit.solid, .commit.form-button { background-color: var(--color-commit-light); }

.btn.commit.solid:active, .commit.form-button:active { background-color: var(--color-commit-medium); }

.btn.cancel.solid, .cancel.form-button { background-color: var(--color-cancel-light); }

.btn.cancel.solid:active, .cancel.form-button:active { background-color: var(--color-cancel-medium); }

.btn.warning.solid, .warning.form-button { background-color: var(--color-warning-light); }

.btn.warning.solid:active, .warning.form-button:active { background-color: var(--color-warning-medium); }

.btn.main.solid.light, .main.light.form-button { background-color: var(--color-main-light); }

.btn.main.solid.light:active, .main.light.form-button:active { background-color: var(--color-main-medium); }

.btn.neutral.solid.light, .light.form-button { background-color: var(--color-neutral-light); }

.btn.neutral.solid.light:active, .light.form-button:active { background-color: var(--color-neutral-medium); }

.btn.commit.solid.light, .commit.light.form-button { background-color: var(--color-commit-light); }

.btn.commit.solid.light:active, .commit.light.form-button:active { background-color: var(--color-commit-medium); }

.btn.cancel.solid.light, .cancel.light.form-button { background-color: var(--color-cancel-light); }

.btn.cancel.solid.light:active, .cancel.light.form-button:active { background-color: var(--color-cancel-medium); }

.btn.warning.solid.light, .warning.light.form-button { background-color: var(--color-warning-light); }

.btn.warning.solid.light:active, .warning.light.form-button:active { background-color: var(--color-warning-medium); }

.btn.main.solid.medium, .main.medium.form-button { background-color: var(--color-main-medium); color: var(--color-main-light); }

.btn.main.solid.medium:active, .main.medium.form-button:active { background-color: var(--color-main-light); color: var(--color-main-dark); }

.btn.neutral.solid.medium, .medium.form-button { background-color: var(--color-neutral-medium); color: var(--color-neutral-light); }

.btn.neutral.solid.medium:active, .medium.form-button:active { background-color: var(--color-neutral-light); color: var(--color-neutral-dark); }

.btn.commit.solid.medium, .commit.medium.form-button { background-color: var(--color-commit-medium); }

.btn.commit.solid.medium:active, .commit.medium.form-button:active { background-color: var(--color-commit-light); }

.btn.cancel.solid.medium, .cancel.medium.form-button { background-color: var(--color-cancel-medium); color: var(--color-cancel-light); }

.btn.cancel.solid.medium:active, .cancel.medium.form-button:active { background-color: var(--color-cancel-light); color: var(--color-cancel-dark); }

.btn.warning.solid.medium, .warning.medium.form-button { background-color: var(--color-warning-medium); }

.btn.warning.solid.medium:active, .warning.medium.form-button:active { background-color: var(--color-warning-light); }

.btn.main.solid.dark, .main.dark.form-button { background-color: var(--color-main-dark); color: var(--color-white); }

.btn.main.solid.dark:active, .main.dark.form-button:active { background-color: var(--color-main-medium); color: var(--color-black); }

.btn.neutral.solid.dark, .dark.form-button { background-color: var(--color-neutral-dark); color: var(--color-white); }

.btn.neutral.solid.dark:active, .dark.form-button:active { background-color: var(--color-neutral-medium); color: var(--color-black); }

.btn.commit.solid.dark, .commit.dark.form-button { background-color: var(--color-commit-dark); color: var(--color-white); }

.btn.commit.solid.dark:active, .commit.dark.form-button:active { background-color: var(--color-commit-medium); color: var(--color-black); }

.btn.cancel.solid.dark, .cancel.dark.form-button { background-color: var(--color-cancel-dark); color: var(--color-white); }

.btn.cancel.solid.dark:active, .cancel.dark.form-button:active { background-color: var(--color-cancel-medium); color: var(--color-black); }

.btn.warning.solid.dark, .warning.dark.form-button { background-color: var(--color-warning-dark); color: var(--color-white); }

.btn.warning.solid.dark:active, .warning.dark.form-button:active { background-color: var(--color-warning-medium); color: var(--color-black); }

.btn.main.lined, .main.lined.form-button { color: var(--color-main-dark); border: var(--border-width) solid var(--color-main-medium); }

.btn.main.lined:active, .main.lined.form-button:active { color: var(--color-main-dark); border: var(--border-width) solid var(--color-main-dark); }

.btn.neutral.lined, .neutral.lined.form-button { color: var(--color-neutral-dark); border: var(--border-width) solid var(--color-neutral-medium); }

.btn.neutral.lined:active, .neutral.lined.form-button:active { color: var(--color-neutral-dark); border: var(--border-width) solid var(--color-neutral-dark); }

.btn.commit.lined, .commit.lined.form-button { color: var(--color-commit-dark); border: var(--border-width) solid var(--color-commit-medium); }

.btn.commit.lined:active, .commit.lined.form-button:active { color: var(--color-commit-dark); border: var(--border-width) solid var(--color-commit-dark); }

.btn.cancel.lined, .cancel.lined.form-button { color: var(--color-cancel-dark); border: var(--border-width) solid var(--color-cancel-medium); }

.btn.cancel.lined:active, .cancel.lined.form-button:active { color: var(--color-cancel-dark); border: var(--border-width) solid var(--color-cancel-dark); }

.btn.warning.lined, .warning.lined.form-button { color: var(--color-warning-dark); border: var(--border-width) solid var(--color-warning-medium); }

.btn.warning.lined:active, .warning.lined.form-button:active { color: var(--color-warning-dark); border: var(--border-width) solid var(--color-warning-dark); }

.btn.lined, .lined.form-button { line-height: calc(var(--button-height) - (var(--border-width) * 2)); }

.btn.full, .form-button { width: 100%; }

.btn.full + .full, .form-button + .full { margin-top: 0.3rem; }

.btn.flush, .flush.form-button { padding: 0; }

.btn.small, .small.form-button { font-size: 0.7em; }

.btn.large, .large.form-button { font-size: 1.25em; }

.form-control { margin-top: 1em; margin-bottom: 1em; }

.form-input { padding: 0 1em; border-bottom: 1px solid var(--color-neutral-medium); }

.form-label { margin: 0 1em; font-size: 0.7em; color: var(--color-neutral-medium); }

.form-button:active { background-color: var(--color-main-light); }

.form-select > select { padding: 0 1.5em 0 1em; background-color: var(--color-neutral-light); border-width: 0; border-radius: var(--radius); cursor: pointer; -webkit-appearance: none; display: inline-block; width: 100%; font: inherit; outline: 0; }

.form-select { position: relative; }

.form-select::after { position: absolute; content: '▼'; font-family: Arial,sans-serif; font-size: 0.6em; top: 50%; transform: translateY(-50%); right: 0.4rem; pointer-events: none; color: var(--color-neutral-medium); }

.form-group { display: flex; }

.form-group > :not(:first-child):not(:last-child) { border-radius: 0; }

.form-group > :last-child { border-top-left-radius: 0; border-bottom-left-radius: 0; }

.form-group > :first-child { border-top-right-radius: 0; border-bottom-right-radius: 0; }

.solid-input { padding: 0 1em; background-color: var(--color-neutral-lighter); border-radius: var(--radius); }

.toggle { --line-width:2px; }

.toggle label { display: inline-block; width: 2em; height: 1em; background-color: var(--color-neutral-light); border: var(--line-width) solid var(--color-neutral-medium); border-radius: 1em; position: relative; font-size: 1.3em; overflow: hidden; box-sizing: content-box; }

.toggle label::after { content: ''; position: absolute; width: 1em; height: 1em; display: inline-block; border-radius: 1em; background-color: var(--color-white); transition: all 0.3s; box-shadow: 0 0 6px rgba(0, 0, 0, 0.6); }

.toggle input:checked + label::after { transform: translateX(1em); }

.toggle.square label, .toggle.square label::after { border-radius: var(--line-width); }

.hotdog { width: 100%; padding: 0 1em; border-radius: 2em; background-color: var(--color-neutral-light); color: var(--color-black); border-width: 0; font: inherit; display: inline-flex; outline: 0; }

.navbar .hotdog { background-color: var(--color-main-light); color: var(--color-main-dark); }

.nav-overlay .hotdog { background-color: white; box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2); width: initial; height: var(--header-height); }

.hotdog a { padding: 0; background-color: rgba(255, 255, 255, 0.5); border-radius: 2em; width: 1.8em; height: 1.8em; align-self: center; display: block; text-align: center; line-height: 1.8em; }

.hotdog-bun { padding: 0.3em 0.5em; }

.hotdog-bun > .hotdog { padding: 0 1em; }

.table { width: 100%; border-collapse: collapse; }

.table th, .table td { text-align: left; padding: 0.5em; }

.table.striped tbody tr:nth-child(odd) { background-color: rgba(var(--rgb-neutral-dark), 0.075); }

.table.striped tbody tr:hover { background-color: rgba(var(--rgb-neutral-dark), 0.15); }

.table.lined.all tbody tr, .table.lined.horizontal tbody tr { border-top: 1px solid rgba(var(--rgb-neutral-dark), 0.3); }

.table.lined.all th:not(:first-child), .table.lined.all td:not(:first-child), .table.lined.vertical th:not(:first-child), .table.lined.vertical td:not(:first-child) { border-left: 1px solid rgba(var(--rgb-neutral-dark), 0.3); }

.table.lined.all, .table.lined.outline { border: 1px solid rgba(var(--rgb-neutral-dark), 0.3); }

.icon { font-size: 1.3rem; width: 1em; height: 1em; display: inline-block; line-height: 1em; text-align: center; vertical-align: text-bottom; font-style: normal; font-weight: normal; position: relative; }

a .icon { pointer-events: none; }

.icon > img, .icon > svg { width: 1em; height: 1em; }

.icon-labels a { flex-direction: column; }

.icon-labels a .icon-img { height: calc(var(--header-height) * 0.7); line-height: calc(var(--header-height) * 0.7); display: block; }

.icon-labels a .icon-label { height: calc(var(--header-height) * 0.3); line-height: calc(var(--header-height) * 0.3); font-size: 0.6em; display: block; }

/* Modal */
.modal { position: fixed; z-index: 20; pointer-events: none; opacity: 0; }

.modal.animated, .modal.animated .modal-drawer, .modal.animated .modal-popup { transition: all 0.3s; }

.modal-back { position: absolute; background-color: rgba(0, 0, 0, 0.7); }

.modal-popup { position: absolute; top: 50%; left: 50%; transform: translate(-50%, calc(-50% + 2em)); width: 400px; max-width: calc(100% - 4em); max-height: calc(100% - 4em); }

.modal .rounded > :first-child, .modal-content > :first-child { border-radius: 0.2em 0.2em 0 0; }

.modal .rounded > :last-child, .modal-content > :last-child { border-radius: 0 0 0.2em 0.2em; }

.modal-header, .modal-footer { background-color: var(--color-neutral-light); --header-height:2.5rem; height: var(--header-height); line-height: var(--header-height); position: relative; font-size: 0.9em; }

.modal-body { background-color: white; padding: 1em; }

.modal-drawer { --drawer-depth:200px; --drawer-breadth:100%; position: absolute; background-color: var(--color-white); }

.modal-drawer.right, .modal-drawer.left { top: 0; width: var(--drawer-depth); height: var(--drawer-breadth); }

.modal-drawer.top, .modal-drawer.bottom { left: 0; height: var(--drawer-depth); width: var(--drawer-breadth); }

.modal-drawer.left { left: 0; transform: translateX(-100%); }

.modal-drawer.right { right: 0; transform: translateX(100%); }

.modal-drawer.top { top: 0; transform: translateY(-100%); }

.modal-drawer.bottom { bottom: 0; transform: translateY(100%); }

.modal.active { pointer-events: initial; opacity: 1; }

.modal.active .modal-popup { transform: translate(-50%, -50%); }

.modal.active .modal-drawer.right, .modal.active .modal-drawer.left { transform: translateX(0); }

.modal.active .modal-drawer.bottom, .modal.active .modal-drawer.top { transform: translateY(0); }

.card { --card-padding:1rem; padding: var(--card-padding); overflow: hidden; margin-top: var(--card-padding); margin-bottom: var(--card-padding); --shadow-offset:0 0; --shadow-opacity:0; --shadow-blur:0; --shadow-spread:0; box-shadow: var(--shadow-offset) var(--shadow-blur) var(--shadow-spread) rgba(var(--rgb-neutral-dark), var(--shadow-opacity)); }

.card.shadow { --shadow-offset:0 2px; --shadow-blur:2px; --shadow-opacity:0.15; }

.card.shadow-medium { --shadow-offset:0 2px; --shadow-blur:5px; --shadow-opacity:0.2; }

.card.shadow-large, .card.soft { --shadow-offset:0 2px; --shadow-blur:10px; --shadow-opacity:0.2; }

.card.white, .card { --shadow-opacity:0.15; background-color: var(--color-white); color: var(--color-black); }

.card.light { --shadow-opacity:0.25; background-color: var(--color-neutral-light); color: var(--color-neutral-dark); }

.card.medium { --shadow-opacity:0.3; background-color: var(--color-neutral-medium); color: var(--color-white); }

.card.dark { --shadow-opacity:0.5; background-color: var(--color-neutral-dark); color: var(--color-neutral-light); }

.card.soft { border-radius: 0.3rem; }

.card.flat { padding: 0; }

.card-section { padding: var(--card-padding); }

.card-section ~ .card-section { border-top: 1px solid rgba(var(--rgb-neutral-dark), 0.2); }

.card-section > :first-child, .card > :first-child { margin-top: 0; }

.card-section > :last-child, .card > :last-child { margin-bottom: 0; }

/* NAVS */
.nav, .nav-mobile { --border-size:2px; }

.nav a, .nav-mobile a, .nav span, .nav-mobile span { display: block; padding: 0 1em; font-family: var(--font-sans); }

.nav a:hover, .nav-mobile a:hover, .nav span:hover, .nav-mobile span:hover { text-decoration: none; background-color: var(--color-main-light); }

.nav .active > a, .nav-mobile .active > a, .nav .active > span, .nav-mobile .active > span { background-color: var(--color-main-medium); color: var(--color-white); }

.navbar { background-color: var(--color-neutral-dark); color: var(--color-white); line-height: var(--header-height); font-family: var(--font-sans); }

.navbar h1 { padding-left: 1em; padding-right: 1em; font-size: 1.1em; line-height: inherit; font-family: inherit; margin: 0; }

.navbar .container, .navbar nav > ul { display: flex; list-style-type: none; margin: 0; padding: 0; }

.navbar nav:last-child { padding-right: 0.5em; }

.navbar a { display: block; padding: 0 0.5em; border-width: 0; color: inherit; }

.navbar a:hover { background-color: var(--color-neutral-lighter); color: var(--color-neutral-dark); text-decoration: none; }

.nav.default, .default.nav-mobile { --border-size:0.1em; }

.nav.default a, .default.nav-mobile a, .nav.default span, .default.nav-mobile span { border: var(--border-size) solid transparent; }

.nav.default .active > a, .default.nav-mobile .active > a, .nav.default .active > span, .default.nav-mobile .active > span { border: var(--border-size) solid var(--color-main-medium); }

.nav.flex ul, .nav.stretch ul, .nav.material ul, .material.nav-mobile ul, .stretch.nav-mobile ul, .nav.tabs ul, .tabs.nav-mobile ul, .flex.nav-mobile ul { display: flex; }

.nav.inline ul, .nav.pills ul, .pills.nav-mobile ul, .nav.crumbs ul, .crumbs.nav-mobile ul, .inline.nav-mobile ul { display: inline-flex; overflow: auto; white-space: nowrap; }

.nav.stretch li, .nav.material li, .material.nav-mobile li, .stretch.nav-mobile li { flex: 1 1 auto; text-align: center; }

.nav.pills a, .pills.nav-mobile a, .nav.pills span, .pills.nav-mobile span { border-radius: 1em; margin: 0 0.2em; padding: 0 1em; }

.nav.tabs, .tabs.nav-mobile { --border-color:rgb(var(--rgb-main-light)); }

.nav.tabs ul, .tabs.nav-mobile ul { border-bottom: var(--border-size) solid var(--border-color); align-items: flex-end; }

.nav.tabs li, .tabs.nav-mobile li { margin: 0 0.2em; }

.nav.tabs a, .tabs.nav-mobile a { color: var(--color-main-medium); position: relative; border-radius: 0.3em 0.3em 0 0; border: 2px solid transparent; top: var(--border-size); }

.nav.tabs li:hover > a, .tabs.nav-mobile li:hover > a { background-color: var(--border-color); }

.nav.tabs li.active > a, .tabs.nav-mobile li.active > a { background-color: var(--color-white); color: var(--color-main-dark); border-color: var(--border-color) var(--border-color) var(--color-white); }

.nav.material ul, .material.nav-mobile ul { border-bottom: var(--border-size) solid var(--color-main-light); align-items: flex-end; }

.nav.material a, .material.nav-mobile a { color: var(--color-main-medium); position: relative; border-width: 0 !important; padding: 0 1em; transition: all 0.3s; }

.nav.material a::after, .material.nav-mobile a::after { position: absolute; content: ''; bottom: calc(var(--border-size) * -1); left: 0; width: 100%; height: 0; background-color: var(--color-main-medium); transition: height 0.3s; }

.nav.material li.active > a, .material.nav-mobile li.active > a { background-color: var(--color-white); color: var(--color-main-dark); }

.nav.material li.active > a::after, .material.nav-mobile li.active > a::after { height: calc(2 * var(--border-size)); }

.nav.crumbs ul, .crumbs.nav-mobile ul { display: flex; }

.nav.crumbs li.active > a, .crumbs.nav-mobile li.active > a { background-color: initial; color: var(--color-main-dark); text-decoration: underline; }

.nav.crumbs a, .crumbs.nav-mobile a { display: inline-block; padding: 0.2em 0.5em; }

.nav.crumbs a:hover, .crumbs.nav-mobile a:hover { background-color: initial; color: var(--color-main-dark); text-decoration: underline; }

.nav.crumbs li:not(:first-child)::before, .crumbs.nav-mobile li:not(:first-child)::before { content: '/'; }

.nav-mobile ul { position: relative; align-items: center; }

.nav-mobile li { height: var(--header-height); }

.nav-mobile li > a, .nav-mobile li > span { padding: 0 0.5rem; color: inherit; display: flex; justify-content: center; align-items: center; line-height: 1; height: 100%; width: 100%; }

.nav-mobile li:first-child > h1, .nav-mobile li:first-child > a, .nav-mobile li:first-child > span { padding-left: 1rem; }

.nav-mobile li:last-child > h1, .nav-mobile li:last-child > a, .nav-mobile li:last-child > span { padding-right: 1rem; }

.nav-mobile li > a:hover { text-decoration: none; background-color: var(--color-neutral-light); }

.nav-mobile-background li.active > a, .nav-mobile-background li.active a::before, .nav-mobile-background li.active a::after { background-color: var(--color-main-light); }

.nav-mobile-grow-icon .icon { transform: scale(1, 1); transition: all 0.3s; }

.nav-mobile-grow-icon li.active .icon { transform: scale(1.6, 1.6); }

.nav-mobile-hump a { position: relative; z-index: 3; background-color: var(--color-white); }

.nav-mobile-hump a::before { content: ''; position: absolute; z-index: 2; top: 0; left: 50%; width: 5em; height: 3em; background-color: var(--color-white); border-radius: 50%; transform: translate(-50%, 1em); transition: all 0.3s; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); }

.nav-mobile-hump a::after { content: ''; position: absolute; z-index: 2; top: 0; left: 0; width: 100%; height: 100%; background-color: var(--color-white); transition: all 0.3s; }

.nav-mobile-hump li.active a::before { transform: translate(-50%, -1em); }

.nav-mobile-hump .icon { content: ''; position: relative; z-index: 4; transition: all 0.3s; }

.nav-mobile-hump.nav-mobile-grow-icon li.active .icon { transform: scale(1.6, 1.6) translateY(-0.25rem); }

.nav-overlay-grow a { transition: all 0.3s; transform: scale(1, 1); transform-origin: bottom center; }

.nav-overlay-grow li.active a { transform: scale(1.4, 1.4); }

.nav-menu-checkbox, .nav-menu-activator { display: none; }

@media (max-width: 600px) { .responsive .nav, .responsive .nav-mobile { width: 100%; line-height: calc(var(--header-height) * 0.66); }
  .responsive ul { display: none; }
  .nav-menu-activator { display: block; padding: 0 0 0 1rem; font-size: 1.5em; }
  .nav-menu-checkbox:checked ~ .navbar nav > ul { display: block; padding-bottom: 0.5em; } }

.site-container, .container { margin-right: auto; margin-left: auto; }

@media (min-width: 1200px) { .site-container, .container { max-width: 1200px; } }

@media (max-width: 1200px) { .site-container, .container { max-width: 960px; } }

@media (max-width: 960px) { .container { padding-left: 1rem; padding-right: 1rem; } }

.grid { display: grid; grid-template-columns: repeat(12, 1fr); }

.grid.decimal { grid-template-columns: repeat(10, 1fr); }

.grid.gap { --gap-size:0.5rem; grid-gap: var(--gap-size); }

.flex-parent { display: flex; }

.flex-off { display: initial; }

.flex-wrap { flex-wrap: wrap; }

.flex-nowrap { flex-wrap: nowrap; }

.flex-column, .flex-vertical { flex-direction: column; }

.flex-row { flex-direction: row; }

.flex-align-center { align-items: center; }

.flex-align-start { align-items: flex-start; }

.flex-align-end { align-items: flex-end; }

.flex-justify-center { justify-content: center; }

.flex-justify-start { justify-content: flex-start; }

.flex-justify-end { justify-content: flex-end; }

.flex-stretch { flex: 1; }

.flex-none { flex: none; }

.order-1 { order: 1; }

.order-2 { order: 2; }

.order-3 { order: 3; }

.order-4 { order: 4; }

.order-5 { order: 5; }

.order-6 { order: 6; }

.order-7 { order: 7; }

.order-8 { order: 8; }

.order-9 { order: 9; }

.order-10 { order: 10; }

.offset-0 { grid-column-start: 1; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.gap.gap-l { --gap-size:1.5rem; }

.gap.gap-m { --gap-size:1rem; }

.gap.gap-s { --gap-size:0.5rem; }

.gap.gap-n { --gap-size:0; }

.p-tl { padding-top: 1.5rem; }

.p-rl { padding-right: 1.5rem; }

.p-bl { padding-bottom: 1.5rem; }

.p-ll { padding-left: 1.5rem; }

.p-hl { padding-left: 1.5rem; padding-right: 1.5rem; }

.p-vl { padding-top: 1.5rem; padding-bottom: 1.5rem; }

.p-l { padding: 1.5rem; }

.p-tm { padding-top: 1rem; }

.p-rm { padding-right: 1rem; }

.p-bm { padding-bottom: 1rem; }

.p-lm { padding-left: 1rem; }

.p-hm { padding-left: 1rem; padding-right: 1rem; }

.p-vm { padding-top: 1rem; padding-bottom: 1rem; }

.p-m { padding: 1rem; }

.p-ts { padding-top: 0.5rem; }

.p-rs { padding-right: 0.5rem; }

.p-bs { padding-bottom: 0.5rem; }

.p-ls { padding-left: 0.5rem; }

.p-hs { padding-left: 0.5rem; padding-right: 0.5rem; }

.p-vs { padding-top: 0.5rem; padding-bottom: 0.5rem; }

.p-s { padding: 0.5rem; }

.p-tn { padding-top: 0; }

.p-rn { padding-right: 0; }

.p-bn { padding-bottom: 0; }

.p-ln { padding-left: 0; }

.p-hn { padding-left: 0; padding-right: 0; }

.p-vn { padding-top: 0; padding-bottom: 0; }

.p-n { padding: 0; }

.m-tl { margin-top: 1.5rem; }

.m-rl { margin-right: 1.5rem; }

.m-bl { margin-bottom: 1.5rem; }

.m-ll { margin-left: 1.5rem; }

.m-hl { margin-left: 1.5rem; margin-right: 1.5rem; }

.m-vl { margin-top: 1.5rem; margin-bottom: 1.5rem; }

.m-l { margin: 1.5rem; }

.m-tm { margin-top: 1rem; }

.m-rm { margin-right: 1rem; }

.m-bm { margin-bottom: 1rem; }

.m-lm { margin-left: 1rem; }

.m-hm { margin-left: 1rem; margin-right: 1rem; }

.m-vm { margin-top: 1rem; margin-bottom: 1rem; }

.m-m { margin: 1rem; }

.m-ts { margin-top: 0.5rem; }

.m-rs { margin-right: 0.5rem; }

.m-bs { margin-bottom: 0.5rem; }

.m-ls { margin-left: 0.5rem; }

.m-hs { margin-left: 0.5rem; margin-right: 0.5rem; }

.m-vs { margin-top: 0.5rem; margin-bottom: 0.5rem; }

.m-s { margin: 0.5rem; }

.m-tn { margin-top: 0; }

.m-rn { margin-right: 0; }

.m-bn { margin-bottom: 0; }

.m-ln { margin-left: 0; }

.m-hn { margin-left: 0; margin-right: 0; }

.m-vn { margin-top: 0; margin-bottom: 0; }

.m-n { margin: 0; }

.align-left { text-align: left; }

.align-center { text-align: center; }

.align-right { text-align: right; }

.align-justify { text-align: justify; }

.align-top { vertical-align: top; }

.align-middle { vertical-align: middle; }

.align-bottom { vertical-align: bottom; }

.align-baseline { vertical-align: baseline; }

.align-text-bottom { vertical-align: text-bottom; }

.display-block { display: block; }

.display-inline { display: inline; }

.display-inline-block { display: inline-block; }

.display-flex { display: flex; }

.display-inline-flex { display: inline-flex; }

.display-none { display: none; }

.position-static { position: static; }

.position-relative { position: relative; }

.position-absolute { position: absolute; }

.position-fixed { position: fixed; }

@media (min-width: 0) { .flex-xs-parent { display: flex; }
  .flex-xs-off { display: initial; }
  .flex-xs-wrap { flex-wrap: wrap; }
  .flex-xs-nowrap { flex-wrap: nowrap; }
  .flex-xs-column, .flex-xs-vertical { flex-direction: column; }
  .flex-xs-row { flex-direction: row; }
  .flex-xs-align-center { align-items: center; }
  .flex-xs-align-start { align-items: flex-start; }
  .flex-xs-align-end { align-items: flex-end; }
  .flex-xs-justify-center { justify-content: center; }
  .flex-xs-justify-start { justify-content: flex-start; }
  .flex-xs-justify-end { justify-content: flex-end; }
  .flex-xs-stretch { flex: 1; }
  .flex-xs-none { flex: none; }
  .order-xs-1 { order: 1; }
  .order-xs-2 { order: 2; }
  .order-xs-3 { order: 3; }
  .order-xs-4 { order: 4; }
  .order-xs-5 { order: 5; }
  .order-xs-6 { order: 6; }
  .order-xs-7 { order: 7; }
  .order-xs-8 { order: 8; }
  .order-xs-9 { order: 9; }
  .order-xs-10 { order: 10; }
  .offset-xs-0 { grid-column-start: 1; }
  .col-xs-1 { grid-column-end: span 1; }
  .offset-xs-1 { grid-column-start: 2; }
  .col-xs-2 { grid-column-end: span 2; }
  .offset-xs-2 { grid-column-start: 3; }
  .col-xs-3 { grid-column-end: span 3; }
  .offset-xs-3 { grid-column-start: 4; }
  .col-xs-4 { grid-column-end: span 4; }
  .offset-xs-4 { grid-column-start: 5; }
  .col-xs-5 { grid-column-end: span 5; }
  .offset-xs-5 { grid-column-start: 6; }
  .col-xs-6 { grid-column-end: span 6; }
  .offset-xs-6 { grid-column-start: 7; }
  .col-xs-7 { grid-column-end: span 7; }
  .offset-xs-7 { grid-column-start: 8; }
  .col-xs-8 { grid-column-end: span 8; }
  .offset-xs-8 { grid-column-start: 9; }
  .col-xs-9 { grid-column-end: span 9; }
  .offset-xs-9 { grid-column-start: 10; }
  .col-xs-10 { grid-column-end: span 10; }
  .offset-xs-10 { grid-column-start: 11; }
  .col-xs-11 { grid-column-end: span 11; }
  .offset-xs-11 { grid-column-start: 12; }
  .col-xs-12 { grid-column-end: span 12; }
  .offset-xs-12 { grid-column-start: 13; }
  .gap.gap-xs-l { --gap-size:1.5rem; }
  .gap.gap-xs-m { --gap-size:1rem; }
  .gap.gap-xs-s { --gap-size:0.5rem; }
  .gap.gap-xs-n { --gap-size:0; }
  .p-xs-tl { padding-top: 1.5rem; }
  .p-xs-rl { padding-right: 1.5rem; }
  .p-xs-bl { padding-bottom: 1.5rem; }
  .p-xs-ll { padding-left: 1.5rem; }
  .p-xs-hl { padding-left: 1.5rem; padding-right: 1.5rem; }
  .p-xs-vl { padding-top: 1.5rem; padding-bottom: 1.5rem; }
  .p-xs-l { padding: 1.5rem; }
  .p-xs-tm { padding-top: 1rem; }
  .p-xs-rm { padding-right: 1rem; }
  .p-xs-bm { padding-bottom: 1rem; }
  .p-xs-lm { padding-left: 1rem; }
  .p-xs-hm { padding-left: 1rem; padding-right: 1rem; }
  .p-xs-vm { padding-top: 1rem; padding-bottom: 1rem; }
  .p-xs-m { padding: 1rem; }
  .p-xs-ts { padding-top: 0.5rem; }
  .p-xs-rs { padding-right: 0.5rem; }
  .p-xs-bs { padding-bottom: 0.5rem; }
  .p-xs-ls { padding-left: 0.5rem; }
  .p-xs-hs { padding-left: 0.5rem; padding-right: 0.5rem; }
  .p-xs-vs { padding-top: 0.5rem; padding-bottom: 0.5rem; }
  .p-xs-s { padding: 0.5rem; }
  .p-xs-tn { padding-top: 0; }
  .p-xs-rn { padding-right: 0; }
  .p-xs-bn { padding-bottom: 0; }
  .p-xs-ln { padding-left: 0; }
  .p-xs-hn { padding-left: 0; padding-right: 0; }
  .p-xs-vn { padding-top: 0; padding-bottom: 0; }
  .p-xs-n { padding: 0; }
  .m-xs-tl { margin-top: 1.5rem; }
  .m-xs-rl { margin-right: 1.5rem; }
  .m-xs-bl { margin-bottom: 1.5rem; }
  .m-xs-ll { margin-left: 1.5rem; }
  .m-xs-hl { margin-left: 1.5rem; margin-right: 1.5rem; }
  .m-xs-vl { margin-top: 1.5rem; margin-bottom: 1.5rem; }
  .m-xs-l { margin: 1.5rem; }
  .m-xs-tm { margin-top: 1rem; }
  .m-xs-rm { margin-right: 1rem; }
  .m-xs-bm { margin-bottom: 1rem; }
  .m-xs-lm { margin-left: 1rem; }
  .m-xs-hm { margin-left: 1rem; margin-right: 1rem; }
  .m-xs-vm { margin-top: 1rem; margin-bottom: 1rem; }
  .m-xs-m { margin: 1rem; }
  .m-xs-ts { margin-top: 0.5rem; }
  .m-xs-rs { margin-right: 0.5rem; }
  .m-xs-bs { margin-bottom: 0.5rem; }
  .m-xs-ls { margin-left: 0.5rem; }
  .m-xs-hs { margin-left: 0.5rem; margin-right: 0.5rem; }
  .m-xs-vs { margin-top: 0.5rem; margin-bottom: 0.5rem; }
  .m-xs-s { margin: 0.5rem; }
  .m-xs-tn { margin-top: 0; }
  .m-xs-rn { margin-right: 0; }
  .m-xs-bn { margin-bottom: 0; }
  .m-xs-ln { margin-left: 0; }
  .m-xs-hn { margin-left: 0; margin-right: 0; }
  .m-xs-vn { margin-top: 0; margin-bottom: 0; }
  .m-xs-n { margin: 0; }
  .align-xs-left { text-align: left; }
  .align-xs-center { text-align: center; }
  .align-xs-right { text-align: right; }
  .align-xs-justify { text-align: justify; }
  .align-xs-top { vertical-align: top; }
  .align-xs-middle { vertical-align: middle; }
  .align-xs-bottom { vertical-align: bottom; }
  .align-xs-baseline { vertical-align: baseline; }
  .align-xs-text-bottom { vertical-align: text-bottom; }
  .display-xs-block { display: block; }
  .display-xs-inline { display: inline; }
  .display-xs-inline-block { display: inline-block; }
  .display-xs-flex { display: flex; }
  .display-xs-inline-flex { display: inline-flex; }
  .display-xs-none { display: none; }
  .position-xs-static { position: static; }
  .position-xs-relative { position: relative; }
  .position-xs-absolute { position: absolute; }
  .position-xs-fixed { position: fixed; } }

@media (min-width: 320px) { .flex-sm-parent { display: flex; }
  .flex-sm-off { display: initial; }
  .flex-sm-wrap { flex-wrap: wrap; }
  .flex-sm-nowrap { flex-wrap: nowrap; }
  .flex-sm-column, .flex-sm-vertical { flex-direction: column; }
  .flex-sm-row { flex-direction: row; }
  .flex-sm-align-center { align-items: center; }
  .flex-sm-align-start { align-items: flex-start; }
  .flex-sm-align-end { align-items: flex-end; }
  .flex-sm-justify-center { justify-content: center; }
  .flex-sm-justify-start { justify-content: flex-start; }
  .flex-sm-justify-end { justify-content: flex-end; }
  .flex-sm-stretch { flex: 1; }
  .flex-sm-none { flex: none; }
  .order-sm-1 { order: 1; }
  .order-sm-2 { order: 2; }
  .order-sm-3 { order: 3; }
  .order-sm-4 { order: 4; }
  .order-sm-5 { order: 5; }
  .order-sm-6 { order: 6; }
  .order-sm-7 { order: 7; }
  .order-sm-8 { order: 8; }
  .order-sm-9 { order: 9; }
  .order-sm-10 { order: 10; }
  .offset-sm-0 { grid-column-start: 1; }
  .col-sm-1 { grid-column-end: span 1; }
  .offset-sm-1 { grid-column-start: 2; }
  .col-sm-2 { grid-column-end: span 2; }
  .offset-sm-2 { grid-column-start: 3; }
  .col-sm-3 { grid-column-end: span 3; }
  .offset-sm-3 { grid-column-start: 4; }
  .col-sm-4 { grid-column-end: span 4; }
  .offset-sm-4 { grid-column-start: 5; }
  .col-sm-5 { grid-column-end: span 5; }
  .offset-sm-5 { grid-column-start: 6; }
  .col-sm-6 { grid-column-end: span 6; }
  .offset-sm-6 { grid-column-start: 7; }
  .col-sm-7 { grid-column-end: span 7; }
  .offset-sm-7 { grid-column-start: 8; }
  .col-sm-8 { grid-column-end: span 8; }
  .offset-sm-8 { grid-column-start: 9; }
  .col-sm-9 { grid-column-end: span 9; }
  .offset-sm-9 { grid-column-start: 10; }
  .col-sm-10 { grid-column-end: span 10; }
  .offset-sm-10 { grid-column-start: 11; }
  .col-sm-11 { grid-column-end: span 11; }
  .offset-sm-11 { grid-column-start: 12; }
  .col-sm-12 { grid-column-end: span 12; }
  .offset-sm-12 { grid-column-start: 13; }
  .gap.gap-sm-l { --gap-size:1.5rem; }
  .gap.gap-sm-m { --gap-size:1rem; }
  .gap.gap-sm-s { --gap-size:0.5rem; }
  .gap.gap-sm-n { --gap-size:0; }
  .p-sm-tl { padding-top: 1.5rem; }
  .p-sm-rl { padding-right: 1.5rem; }
  .p-sm-bl { padding-bottom: 1.5rem; }
  .p-sm-ll { padding-left: 1.5rem; }
  .p-sm-hl { padding-left: 1.5rem; padding-right: 1.5rem; }
  .p-sm-vl { padding-top: 1.5rem; padding-bottom: 1.5rem; }
  .p-sm-l { padding: 1.5rem; }
  .p-sm-tm { padding-top: 1rem; }
  .p-sm-rm { padding-right: 1rem; }
  .p-sm-bm { padding-bottom: 1rem; }
  .p-sm-lm { padding-left: 1rem; }
  .p-sm-hm { padding-left: 1rem; padding-right: 1rem; }
  .p-sm-vm { padding-top: 1rem; padding-bottom: 1rem; }
  .p-sm-m { padding: 1rem; }
  .p-sm-ts { padding-top: 0.5rem; }
  .p-sm-rs { padding-right: 0.5rem; }
  .p-sm-bs { padding-bottom: 0.5rem; }
  .p-sm-ls { padding-left: 0.5rem; }
  .p-sm-hs { padding-left: 0.5rem; padding-right: 0.5rem; }
  .p-sm-vs { padding-top: 0.5rem; padding-bottom: 0.5rem; }
  .p-sm-s { padding: 0.5rem; }
  .p-sm-tn { padding-top: 0; }
  .p-sm-rn { padding-right: 0; }
  .p-sm-bn { padding-bottom: 0; }
  .p-sm-ln { padding-left: 0; }
  .p-sm-hn { padding-left: 0; padding-right: 0; }
  .p-sm-vn { padding-top: 0; padding-bottom: 0; }
  .p-sm-n { padding: 0; }
  .m-sm-tl { margin-top: 1.5rem; }
  .m-sm-rl { margin-right: 1.5rem; }
  .m-sm-bl { margin-bottom: 1.5rem; }
  .m-sm-ll { margin-left: 1.5rem; }
  .m-sm-hl { margin-left: 1.5rem; margin-right: 1.5rem; }
  .m-sm-vl { margin-top: 1.5rem; margin-bottom: 1.5rem; }
  .m-sm-l { margin: 1.5rem; }
  .m-sm-tm { margin-top: 1rem; }
  .m-sm-rm { margin-right: 1rem; }
  .m-sm-bm { margin-bottom: 1rem; }
  .m-sm-lm { margin-left: 1rem; }
  .m-sm-hm { margin-left: 1rem; margin-right: 1rem; }
  .m-sm-vm { margin-top: 1rem; margin-bottom: 1rem; }
  .m-sm-m { margin: 1rem; }
  .m-sm-ts { margin-top: 0.5rem; }
  .m-sm-rs { margin-right: 0.5rem; }
  .m-sm-bs { margin-bottom: 0.5rem; }
  .m-sm-ls { margin-left: 0.5rem; }
  .m-sm-hs { margin-left: 0.5rem; margin-right: 0.5rem; }
  .m-sm-vs { margin-top: 0.5rem; margin-bottom: 0.5rem; }
  .m-sm-s { margin: 0.5rem; }
  .m-sm-tn { margin-top: 0; }
  .m-sm-rn { margin-right: 0; }
  .m-sm-bn { margin-bottom: 0; }
  .m-sm-ln { margin-left: 0; }
  .m-sm-hn { margin-left: 0; margin-right: 0; }
  .m-sm-vn { margin-top: 0; margin-bottom: 0; }
  .m-sm-n { margin: 0; }
  .align-sm-left { text-align: left; }
  .align-sm-center { text-align: center; }
  .align-sm-right { text-align: right; }
  .align-sm-justify { text-align: justify; }
  .align-sm-top { vertical-align: top; }
  .align-sm-middle { vertical-align: middle; }
  .align-sm-bottom { vertical-align: bottom; }
  .align-sm-baseline { vertical-align: baseline; }
  .align-sm-text-bottom { vertical-align: text-bottom; }
  .display-sm-block { display: block; }
  .display-sm-inline { display: inline; }
  .display-sm-inline-block { display: inline-block; }
  .display-sm-flex { display: flex; }
  .display-sm-inline-flex { display: inline-flex; }
  .display-sm-none { display: none; }
  .position-sm-static { position: static; }
  .position-sm-relative { position: relative; }
  .position-sm-absolute { position: absolute; }
  .position-sm-fixed { position: fixed; } }

@media (min-width: 600px) { .flex-md-parent { display: flex; }
  .flex-md-off { display: initial; }
  .flex-md-wrap { flex-wrap: wrap; }
  .flex-md-nowrap { flex-wrap: nowrap; }
  .flex-md-column, .flex-md-vertical { flex-direction: column; }
  .flex-md-row { flex-direction: row; }
  .flex-md-align-center { align-items: center; }
  .flex-md-align-start { align-items: flex-start; }
  .flex-md-align-end { align-items: flex-end; }
  .flex-md-justify-center { justify-content: center; }
  .flex-md-justify-start { justify-content: flex-start; }
  .flex-md-justify-end { justify-content: flex-end; }
  .flex-md-stretch { flex: 1; }
  .flex-md-none { flex: none; }
  .order-md-1 { order: 1; }
  .order-md-2 { order: 2; }
  .order-md-3 { order: 3; }
  .order-md-4 { order: 4; }
  .order-md-5 { order: 5; }
  .order-md-6 { order: 6; }
  .order-md-7 { order: 7; }
  .order-md-8 { order: 8; }
  .order-md-9 { order: 9; }
  .order-md-10 { order: 10; }
  .offset-md-0 { grid-column-start: 1; }
  .col-md-1 { grid-column-end: span 1; }
  .offset-md-1 { grid-column-start: 2; }
  .col-md-2 { grid-column-end: span 2; }
  .offset-md-2 { grid-column-start: 3; }
  .col-md-3 { grid-column-end: span 3; }
  .offset-md-3 { grid-column-start: 4; }
  .col-md-4 { grid-column-end: span 4; }
  .offset-md-4 { grid-column-start: 5; }
  .col-md-5 { grid-column-end: span 5; }
  .offset-md-5 { grid-column-start: 6; }
  .col-md-6 { grid-column-end: span 6; }
  .offset-md-6 { grid-column-start: 7; }
  .col-md-7 { grid-column-end: span 7; }
  .offset-md-7 { grid-column-start: 8; }
  .col-md-8 { grid-column-end: span 8; }
  .offset-md-8 { grid-column-start: 9; }
  .col-md-9 { grid-column-end: span 9; }
  .offset-md-9 { grid-column-start: 10; }
  .col-md-10 { grid-column-end: span 10; }
  .offset-md-10 { grid-column-start: 11; }
  .col-md-11 { grid-column-end: span 11; }
  .offset-md-11 { grid-column-start: 12; }
  .col-md-12 { grid-column-end: span 12; }
  .offset-md-12 { grid-column-start: 13; }
  .gap.gap-md-l { --gap-size:1.5rem; }
  .gap.gap-md-m { --gap-size:1rem; }
  .gap.gap-md-s { --gap-size:0.5rem; }
  .gap.gap-md-n { --gap-size:0; }
  .p-md-tl { padding-top: 1.5rem; }
  .p-md-rl { padding-right: 1.5rem; }
  .p-md-bl { padding-bottom: 1.5rem; }
  .p-md-ll { padding-left: 1.5rem; }
  .p-md-hl { padding-left: 1.5rem; padding-right: 1.5rem; }
  .p-md-vl { padding-top: 1.5rem; padding-bottom: 1.5rem; }
  .p-md-l { padding: 1.5rem; }
  .p-md-tm { padding-top: 1rem; }
  .p-md-rm { padding-right: 1rem; }
  .p-md-bm { padding-bottom: 1rem; }
  .p-md-lm { padding-left: 1rem; }
  .p-md-hm { padding-left: 1rem; padding-right: 1rem; }
  .p-md-vm { padding-top: 1rem; padding-bottom: 1rem; }
  .p-md-m { padding: 1rem; }
  .p-md-ts { padding-top: 0.5rem; }
  .p-md-rs { padding-right: 0.5rem; }
  .p-md-bs { padding-bottom: 0.5rem; }
  .p-md-ls { padding-left: 0.5rem; }
  .p-md-hs { padding-left: 0.5rem; padding-right: 0.5rem; }
  .p-md-vs { padding-top: 0.5rem; padding-bottom: 0.5rem; }
  .p-md-s { padding: 0.5rem; }
  .p-md-tn { padding-top: 0; }
  .p-md-rn { padding-right: 0; }
  .p-md-bn { padding-bottom: 0; }
  .p-md-ln { padding-left: 0; }
  .p-md-hn { padding-left: 0; padding-right: 0; }
  .p-md-vn { padding-top: 0; padding-bottom: 0; }
  .p-md-n { padding: 0; }
  .m-md-tl { margin-top: 1.5rem; }
  .m-md-rl { margin-right: 1.5rem; }
  .m-md-bl { margin-bottom: 1.5rem; }
  .m-md-ll { margin-left: 1.5rem; }
  .m-md-hl { margin-left: 1.5rem; margin-right: 1.5rem; }
  .m-md-vl { margin-top: 1.5rem; margin-bottom: 1.5rem; }
  .m-md-l { margin: 1.5rem; }
  .m-md-tm { margin-top: 1rem; }
  .m-md-rm { margin-right: 1rem; }
  .m-md-bm { margin-bottom: 1rem; }
  .m-md-lm { margin-left: 1rem; }
  .m-md-hm { margin-left: 1rem; margin-right: 1rem; }
  .m-md-vm { margin-top: 1rem; margin-bottom: 1rem; }
  .m-md-m { margin: 1rem; }
  .m-md-ts { margin-top: 0.5rem; }
  .m-md-rs { margin-right: 0.5rem; }
  .m-md-bs { margin-bottom: 0.5rem; }
  .m-md-ls { margin-left: 0.5rem; }
  .m-md-hs { margin-left: 0.5rem; margin-right: 0.5rem; }
  .m-md-vs { margin-top: 0.5rem; margin-bottom: 0.5rem; }
  .m-md-s { margin: 0.5rem; }
  .m-md-tn { margin-top: 0; }
  .m-md-rn { margin-right: 0; }
  .m-md-bn { margin-bottom: 0; }
  .m-md-ln { margin-left: 0; }
  .m-md-hn { margin-left: 0; margin-right: 0; }
  .m-md-vn { margin-top: 0; margin-bottom: 0; }
  .m-md-n { margin: 0; }
  .align-md-left { text-align: left; }
  .align-md-center { text-align: center; }
  .align-md-right { text-align: right; }
  .align-md-justify { text-align: justify; }
  .align-md-top { vertical-align: top; }
  .align-md-middle { vertical-align: middle; }
  .align-md-bottom { vertical-align: bottom; }
  .align-md-baseline { vertical-align: baseline; }
  .align-md-text-bottom { vertical-align: text-bottom; }
  .display-md-block { display: block; }
  .display-md-inline { display: inline; }
  .display-md-inline-block { display: inline-block; }
  .display-md-flex { display: flex; }
  .display-md-inline-flex { display: inline-flex; }
  .display-md-none { display: none; }
  .position-md-static { position: static; }
  .position-md-relative { position: relative; }
  .position-md-absolute { position: absolute; }
  .position-md-fixed { position: fixed; } }

@media (min-width: 960px) { .flex-lg-parent { display: flex; }
  .flex-lg-off { display: initial; }
  .flex-lg-wrap { flex-wrap: wrap; }
  .flex-lg-nowrap { flex-wrap: nowrap; }
  .flex-lg-column, .flex-lg-vertical { flex-direction: column; }
  .flex-lg-row { flex-direction: row; }
  .flex-lg-align-center { align-items: center; }
  .flex-lg-align-start { align-items: flex-start; }
  .flex-lg-align-end { align-items: flex-end; }
  .flex-lg-justify-center { justify-content: center; }
  .flex-lg-justify-start { justify-content: flex-start; }
  .flex-lg-justify-end { justify-content: flex-end; }
  .flex-lg-stretch { flex: 1; }
  .flex-lg-none { flex: none; }
  .order-lg-1 { order: 1; }
  .order-lg-2 { order: 2; }
  .order-lg-3 { order: 3; }
  .order-lg-4 { order: 4; }
  .order-lg-5 { order: 5; }
  .order-lg-6 { order: 6; }
  .order-lg-7 { order: 7; }
  .order-lg-8 { order: 8; }
  .order-lg-9 { order: 9; }
  .order-lg-10 { order: 10; }
  .offset-lg-0 { grid-column-start: 1; }
  .col-lg-1 { grid-column-end: span 1; }
  .offset-lg-1 { grid-column-start: 2; }
  .col-lg-2 { grid-column-end: span 2; }
  .offset-lg-2 { grid-column-start: 3; }
  .col-lg-3 { grid-column-end: span 3; }
  .offset-lg-3 { grid-column-start: 4; }
  .col-lg-4 { grid-column-end: span 4; }
  .offset-lg-4 { grid-column-start: 5; }
  .col-lg-5 { grid-column-end: span 5; }
  .offset-lg-5 { grid-column-start: 6; }
  .col-lg-6 { grid-column-end: span 6; }
  .offset-lg-6 { grid-column-start: 7; }
  .col-lg-7 { grid-column-end: span 7; }
  .offset-lg-7 { grid-column-start: 8; }
  .col-lg-8 { grid-column-end: span 8; }
  .offset-lg-8 { grid-column-start: 9; }
  .col-lg-9 { grid-column-end: span 9; }
  .offset-lg-9 { grid-column-start: 10; }
  .col-lg-10 { grid-column-end: span 10; }
  .offset-lg-10 { grid-column-start: 11; }
  .col-lg-11 { grid-column-end: span 11; }
  .offset-lg-11 { grid-column-start: 12; }
  .col-lg-12 { grid-column-end: span 12; }
  .offset-lg-12 { grid-column-start: 13; }
  .gap.gap-lg-l { --gap-size:1.5rem; }
  .gap.gap-lg-m { --gap-size:1rem; }
  .gap.gap-lg-s { --gap-size:0.5rem; }
  .gap.gap-lg-n { --gap-size:0; }
  .p-lg-tl { padding-top: 1.5rem; }
  .p-lg-rl { padding-right: 1.5rem; }
  .p-lg-bl { padding-bottom: 1.5rem; }
  .p-lg-ll { padding-left: 1.5rem; }
  .p-lg-hl { padding-left: 1.5rem; padding-right: 1.5rem; }
  .p-lg-vl { padding-top: 1.5rem; padding-bottom: 1.5rem; }
  .p-lg-l { padding: 1.5rem; }
  .p-lg-tm { padding-top: 1rem; }
  .p-lg-rm { padding-right: 1rem; }
  .p-lg-bm { padding-bottom: 1rem; }
  .p-lg-lm { padding-left: 1rem; }
  .p-lg-hm { padding-left: 1rem; padding-right: 1rem; }
  .p-lg-vm { padding-top: 1rem; padding-bottom: 1rem; }
  .p-lg-m { padding: 1rem; }
  .p-lg-ts { padding-top: 0.5rem; }
  .p-lg-rs { padding-right: 0.5rem; }
  .p-lg-bs { padding-bottom: 0.5rem; }
  .p-lg-ls { padding-left: 0.5rem; }
  .p-lg-hs { padding-left: 0.5rem; padding-right: 0.5rem; }
  .p-lg-vs { padding-top: 0.5rem; padding-bottom: 0.5rem; }
  .p-lg-s { padding: 0.5rem; }
  .p-lg-tn { padding-top: 0; }
  .p-lg-rn { padding-right: 0; }
  .p-lg-bn { padding-bottom: 0; }
  .p-lg-ln { padding-left: 0; }
  .p-lg-hn { padding-left: 0; padding-right: 0; }
  .p-lg-vn { padding-top: 0; padding-bottom: 0; }
  .p-lg-n { padding: 0; }
  .m-lg-tl { margin-top: 1.5rem; }
  .m-lg-rl { margin-right: 1.5rem; }
  .m-lg-bl { margin-bottom: 1.5rem; }
  .m-lg-ll { margin-left: 1.5rem; }
  .m-lg-hl { margin-left: 1.5rem; margin-right: 1.5rem; }
  .m-lg-vl { margin-top: 1.5rem; margin-bottom: 1.5rem; }
  .m-lg-l { margin: 1.5rem; }
  .m-lg-tm { margin-top: 1rem; }
  .m-lg-rm { margin-right: 1rem; }
  .m-lg-bm { margin-bottom: 1rem; }
  .m-lg-lm { margin-left: 1rem; }
  .m-lg-hm { margin-left: 1rem; margin-right: 1rem; }
  .m-lg-vm { margin-top: 1rem; margin-bottom: 1rem; }
  .m-lg-m { margin: 1rem; }
  .m-lg-ts { margin-top: 0.5rem; }
  .m-lg-rs { margin-right: 0.5rem; }
  .m-lg-bs { margin-bottom: 0.5rem; }
  .m-lg-ls { margin-left: 0.5rem; }
  .m-lg-hs { margin-left: 0.5rem; margin-right: 0.5rem; }
  .m-lg-vs { margin-top: 0.5rem; margin-bottom: 0.5rem; }
  .m-lg-s { margin: 0.5rem; }
  .m-lg-tn { margin-top: 0; }
  .m-lg-rn { margin-right: 0; }
  .m-lg-bn { margin-bottom: 0; }
  .m-lg-ln { margin-left: 0; }
  .m-lg-hn { margin-left: 0; margin-right: 0; }
  .m-lg-vn { margin-top: 0; margin-bottom: 0; }
  .m-lg-n { margin: 0; }
  .align-lg-left { text-align: left; }
  .align-lg-center { text-align: center; }
  .align-lg-right { text-align: right; }
  .align-lg-justify { text-align: justify; }
  .align-lg-top { vertical-align: top; }
  .align-lg-middle { vertical-align: middle; }
  .align-lg-bottom { vertical-align: bottom; }
  .align-lg-baseline { vertical-align: baseline; }
  .align-lg-text-bottom { vertical-align: text-bottom; }
  .display-lg-block { display: block; }
  .display-lg-inline { display: inline; }
  .display-lg-inline-block { display: inline-block; }
  .display-lg-flex { display: flex; }
  .display-lg-inline-flex { display: inline-flex; }
  .display-lg-none { display: none; }
  .position-lg-static { position: static; }
  .position-lg-relative { position: relative; }
  .position-lg-absolute { position: absolute; }
  .position-lg-fixed { position: fixed; } }

@media (min-width: 1200px) { .flex-xl-parent { display: flex; }
  .flex-xl-off { display: initial; }
  .flex-xl-wrap { flex-wrap: wrap; }
  .flex-xl-nowrap { flex-wrap: nowrap; }
  .flex-xl-column, .flex-xl-vertical { flex-direction: column; }
  .flex-xl-row { flex-direction: row; }
  .flex-xl-align-center { align-items: center; }
  .flex-xl-align-start { align-items: flex-start; }
  .flex-xl-align-end { align-items: flex-end; }
  .flex-xl-justify-center { justify-content: center; }
  .flex-xl-justify-start { justify-content: flex-start; }
  .flex-xl-justify-end { justify-content: flex-end; }
  .flex-xl-stretch { flex: 1; }
  .flex-xl-none { flex: none; }
  .order-xl-1 { order: 1; }
  .order-xl-2 { order: 2; }
  .order-xl-3 { order: 3; }
  .order-xl-4 { order: 4; }
  .order-xl-5 { order: 5; }
  .order-xl-6 { order: 6; }
  .order-xl-7 { order: 7; }
  .order-xl-8 { order: 8; }
  .order-xl-9 { order: 9; }
  .order-xl-10 { order: 10; }
  .offset-xl-0 { grid-column-start: 1; }
  .col-xl-1 { grid-column-end: span 1; }
  .offset-xl-1 { grid-column-start: 2; }
  .col-xl-2 { grid-column-end: span 2; }
  .offset-xl-2 { grid-column-start: 3; }
  .col-xl-3 { grid-column-end: span 3; }
  .offset-xl-3 { grid-column-start: 4; }
  .col-xl-4 { grid-column-end: span 4; }
  .offset-xl-4 { grid-column-start: 5; }
  .col-xl-5 { grid-column-end: span 5; }
  .offset-xl-5 { grid-column-start: 6; }
  .col-xl-6 { grid-column-end: span 6; }
  .offset-xl-6 { grid-column-start: 7; }
  .col-xl-7 { grid-column-end: span 7; }
  .offset-xl-7 { grid-column-start: 8; }
  .col-xl-8 { grid-column-end: span 8; }
  .offset-xl-8 { grid-column-start: 9; }
  .col-xl-9 { grid-column-end: span 9; }
  .offset-xl-9 { grid-column-start: 10; }
  .col-xl-10 { grid-column-end: span 10; }
  .offset-xl-10 { grid-column-start: 11; }
  .col-xl-11 { grid-column-end: span 11; }
  .offset-xl-11 { grid-column-start: 12; }
  .col-xl-12 { grid-column-end: span 12; }
  .offset-xl-12 { grid-column-start: 13; }
  .gap.gap-xl-l { --gap-size:1.5rem; }
  .gap.gap-xl-m { --gap-size:1rem; }
  .gap.gap-xl-s { --gap-size:0.5rem; }
  .gap.gap-xl-n { --gap-size:0; }
  .p-xl-tl { padding-top: 1.5rem; }
  .p-xl-rl { padding-right: 1.5rem; }
  .p-xl-bl { padding-bottom: 1.5rem; }
  .p-xl-ll { padding-left: 1.5rem; }
  .p-xl-hl { padding-left: 1.5rem; padding-right: 1.5rem; }
  .p-xl-vl { padding-top: 1.5rem; padding-bottom: 1.5rem; }
  .p-xl-l { padding: 1.5rem; }
  .p-xl-tm { padding-top: 1rem; }
  .p-xl-rm { padding-right: 1rem; }
  .p-xl-bm { padding-bottom: 1rem; }
  .p-xl-lm { padding-left: 1rem; }
  .p-xl-hm { padding-left: 1rem; padding-right: 1rem; }
  .p-xl-vm { padding-top: 1rem; padding-bottom: 1rem; }
  .p-xl-m { padding: 1rem; }
  .p-xl-ts { padding-top: 0.5rem; }
  .p-xl-rs { padding-right: 0.5rem; }
  .p-xl-bs { padding-bottom: 0.5rem; }
  .p-xl-ls { padding-left: 0.5rem; }
  .p-xl-hs { padding-left: 0.5rem; padding-right: 0.5rem; }
  .p-xl-vs { padding-top: 0.5rem; padding-bottom: 0.5rem; }
  .p-xl-s { padding: 0.5rem; }
  .p-xl-tn { padding-top: 0; }
  .p-xl-rn { padding-right: 0; }
  .p-xl-bn { padding-bottom: 0; }
  .p-xl-ln { padding-left: 0; }
  .p-xl-hn { padding-left: 0; padding-right: 0; }
  .p-xl-vn { padding-top: 0; padding-bottom: 0; }
  .p-xl-n { padding: 0; }
  .m-xl-tl { margin-top: 1.5rem; }
  .m-xl-rl { margin-right: 1.5rem; }
  .m-xl-bl { margin-bottom: 1.5rem; }
  .m-xl-ll { margin-left: 1.5rem; }
  .m-xl-hl { margin-left: 1.5rem; margin-right: 1.5rem; }
  .m-xl-vl { margin-top: 1.5rem; margin-bottom: 1.5rem; }
  .m-xl-l { margin: 1.5rem; }
  .m-xl-tm { margin-top: 1rem; }
  .m-xl-rm { margin-right: 1rem; }
  .m-xl-bm { margin-bottom: 1rem; }
  .m-xl-lm { margin-left: 1rem; }
  .m-xl-hm { margin-left: 1rem; margin-right: 1rem; }
  .m-xl-vm { margin-top: 1rem; margin-bottom: 1rem; }
  .m-xl-m { margin: 1rem; }
  .m-xl-ts { margin-top: 0.5rem; }
  .m-xl-rs { margin-right: 0.5rem; }
  .m-xl-bs { margin-bottom: 0.5rem; }
  .m-xl-ls { margin-left: 0.5rem; }
  .m-xl-hs { margin-left: 0.5rem; margin-right: 0.5rem; }
  .m-xl-vs { margin-top: 0.5rem; margin-bottom: 0.5rem; }
  .m-xl-s { margin: 0.5rem; }
  .m-xl-tn { margin-top: 0; }
  .m-xl-rn { margin-right: 0; }
  .m-xl-bn { margin-bottom: 0; }
  .m-xl-ln { margin-left: 0; }
  .m-xl-hn { margin-left: 0; margin-right: 0; }
  .m-xl-vn { margin-top: 0; margin-bottom: 0; }
  .m-xl-n { margin: 0; }
  .align-xl-left { text-align: left; }
  .align-xl-center { text-align: center; }
  .align-xl-right { text-align: right; }
  .align-xl-justify { text-align: justify; }
  .align-xl-top { vertical-align: top; }
  .align-xl-middle { vertical-align: middle; }
  .align-xl-bottom { vertical-align: bottom; }
  .align-xl-baseline { vertical-align: baseline; }
  .align-xl-text-bottom { vertical-align: text-bottom; }
  .display-xl-block { display: block; }
  .display-xl-inline { display: inline; }
  .display-xl-inline-block { display: inline-block; }
  .display-xl-flex { display: flex; }
  .display-xl-inline-flex { display: inline-flex; }
  .display-xl-none { display: none; }
  .position-xl-static { position: static; }
  .position-xl-relative { position: relative; }
  .position-xl-absolute { position: absolute; }
  .position-xl-fixed { position: fixed; } }