diff --git a/CHANGELOG.md b/CHANGELOG.md index c535af7a..c273e81e 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -2,6 +2,20 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/). This project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html). +## [0.0.77] - 2020-06-25 + +### Added + +### Changed + +### Deprecated + +### Removed + +### Fixed + +### Security + ## [0.0.76] - 2020-06-25 ### Added diff --git a/docs/public/css/style.css b/docs/public/css/style.css new file mode 100644 index 00000000..54d71482 --- /dev/null +++ b/docs/public/css/style.css @@ -0,0 +1,7838 @@ +@charset "UTF-8"; +@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,700|Lora:400,700|Roboto+Mono:300,400"); +*, +*::before, +*::after { + box-sizing: border-box; } + +html { + font-family: sans-serif; + line-height: 1.15; + -webkit-text-size-adjust: 100%; + -webkit-tap-highlight-color: rgba(33, 37, 41, 0); } + +article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { + display: block; } + +body { + margin: 0; + font-family: "Roboto", Arial, sans-serif, -apple-system; + font-size: 1rem; + font-weight: 400; + line-height: 1.4; + color: #212529; + text-align: left; + background-color: #fff; } + +[tabindex="-1"]:focus { + outline: 0 !important; } + +hr { + box-sizing: content-box; + height: 0; + overflow: visible; } + +h1, h2, h3, h4, h5, h6 { + margin-top: 0; + margin-bottom: 0.5rem; } + +p { + margin-top: 0; + margin-bottom: 1rem; } + +abbr[title], +abbr[data-original-title] { + text-decoration: underline; + text-decoration: underline dotted; + cursor: help; + border-bottom: 0; + text-decoration-skip-ink: none; } + +address { + margin-bottom: 1rem; + font-style: normal; + line-height: inherit; } + +ol, +ul, +dl { + margin-top: 0; + margin-bottom: 1rem; } + +ol ol, +ul ul, +ol ul, +ul ol { + margin-bottom: 0; } + +dt { + font-weight: 700; } + +dd { + margin-bottom: .5rem; + margin-left: 0; } + +blockquote { + margin: 0 0 1rem; } + +b, +strong { + font-weight: bolder; } + +small { + font-size: 80%; } + +sub, +sup { + position: relative; + font-size: 75%; + line-height: 0; + vertical-align: baseline; } + +sub { + bottom: -.25em; } + +sup { + top: -.5em; } + +a { + color: #1de9b6; + text-decoration: none; + background-color: transparent; } + a:hover { + color: #7af2d4; + text-decoration: underline; } + +a:not([href]):not([tabindex]) { + color: inherit; + text-decoration: none; } + a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus { + color: inherit; + text-decoration: none; } + a:not([href]):not([tabindex]):focus { + outline: 0; } + +pre, +code, +kbd, +samp { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + font-size: 1em; } + +pre { + margin-top: 0; + margin-bottom: 1rem; + overflow: auto; } + +figure { + margin: 0 0 1rem; } + +img { + vertical-align: middle; + border-style: none; } + +svg { + overflow: hidden; + vertical-align: middle; } + +table { + border-collapse: collapse; } + +caption { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + color: #6c757d; + text-align: left; + caption-side: bottom; } + +th { + text-align: inherit; } + +label { + display: inline-block; + margin-bottom: 0.5rem; } + +button { + border-radius: 0; } + +button:focus { + outline: 1px dotted; + outline: 5px auto -webkit-focus-ring-color; } + +input, +button, +select, +optgroup, +textarea { + margin: 0; + font-family: inherit; + font-size: inherit; + line-height: inherit; } + +button, +input { + overflow: visible; } + +button, +select { + text-transform: none; } + +select { + word-wrap: normal; } + +button, +[type="button"], +[type="reset"], +[type="submit"] { + -webkit-appearance: button; } + +button:not(:disabled), +[type="button"]:not(:disabled), +[type="reset"]:not(:disabled), +[type="submit"]:not(:disabled) { + cursor: pointer; } + +button::-moz-focus-inner, +[type="button"]::-moz-focus-inner, +[type="reset"]::-moz-focus-inner, +[type="submit"]::-moz-focus-inner { + padding: 0; + border-style: none; } + +input[type="radio"], +input[type="checkbox"] { + box-sizing: border-box; + padding: 0; } + +input[type="date"], +input[type="time"], +input[type="datetime-local"], +input[type="month"] { + -webkit-appearance: listbox; } + +textarea { + overflow: auto; + resize: vertical; } + +fieldset { + min-width: 0; + padding: 0; + margin: 0; + border: 0; } + +legend { + display: block; + width: 100%; + max-width: 100%; + padding: 0; + margin-bottom: .5rem; + font-size: 1.5rem; + line-height: inherit; + color: inherit; + white-space: normal; } + +progress { + vertical-align: baseline; } + +[type="number"]::-webkit-inner-spin-button, +[type="number"]::-webkit-outer-spin-button { + height: auto; } + +[type="search"] { + outline-offset: -2px; + -webkit-appearance: none; } + +[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; } + +::-webkit-file-upload-button { + font: inherit; + -webkit-appearance: button; } + +output { + display: inline-block; } + +summary { + display: list-item; + cursor: pointer; } + +template { + display: none; } + +[hidden] { + display: none !important; } + +.align-baseline { + vertical-align: baseline !important; } + +.align-top { + vertical-align: top !important; } + +.align-middle { + vertical-align: middle !important; } + +.align-bottom { + vertical-align: bottom !important; } + +.align-text-bottom { + vertical-align: text-bottom !important; } + +.align-text-top { + vertical-align: text-top !important; } + +.bg-primary { + background-color: #1de9b6 !important; } + +a.bg-primary:hover, a.bg-primary:focus, +button.bg-primary:hover, +button.bg-primary:focus { + background-color: #13c095 !important; } + +.bg-secondary { + background-color: #ffca28 !important; } + +a.bg-secondary:hover, a.bg-secondary:focus, +button.bg-secondary:hover, +button.bg-secondary:focus { + background-color: #f4b800 !important; } + +.bg-success { + background-color: #28a745 !important; } + +a.bg-success:hover, a.bg-success:focus, +button.bg-success:hover, +button.bg-success:focus { + background-color: #1e7e34 !important; } + +.bg-info { + background-color: #17a2b8 !important; } + +a.bg-info:hover, a.bg-info:focus, +button.bg-info:hover, +button.bg-info:focus { + background-color: #117a8b !important; } + +.bg-warning { + background-color: #ffc107 !important; } + +a.bg-warning:hover, a.bg-warning:focus, +button.bg-warning:hover, +button.bg-warning:focus { + background-color: #d39e00 !important; } + +.bg-danger { + background-color: #dc3545 !important; } + +a.bg-danger:hover, a.bg-danger:focus, +button.bg-danger:hover, +button.bg-danger:focus { + background-color: #bd2130 !important; } + +.bg-light { + background-color: #f8f9fa !important; } + +a.bg-light:hover, a.bg-light:focus, +button.bg-light:hover, +button.bg-light:focus { + background-color: #dae0e5 !important; } + +.bg-dark { + background-color: #343a40 !important; } + +a.bg-dark:hover, a.bg-dark:focus, +button.bg-dark:hover, +button.bg-dark:focus { + background-color: #1d2124 !important; } + +.bg-white { + background-color: #fff !important; } + +.bg-transparent { + background-color: transparent !important; } + +.border { + border: 1px solid #dee2e6 !important; } + +.border-top { + border-top: 1px solid #dee2e6 !important; } + +.border-right { + border-right: 1px solid #dee2e6 !important; } + +.border-bottom { + border-bottom: 1px solid #dee2e6 !important; } + +.border-left { + border-left: 1px solid #dee2e6 !important; } + +.border-0 { + border: 0 !important; } + +.border-top-0 { + border-top: 0 !important; } + +.border-right-0 { + border-right: 0 !important; } + +.border-bottom-0 { + border-bottom: 0 !important; } + +.border-left-0 { + border-left: 0 !important; } + +.border-primary { + border-color: #1de9b6 !important; } + +.border-secondary { + border-color: #ffca28 !important; } + +.border-success { + border-color: #28a745 !important; } + +.border-info { + border-color: #17a2b8 !important; } + +.border-warning { + border-color: #ffc107 !important; } + +.border-danger { + border-color: #dc3545 !important; } + +.border-light { + border-color: #f8f9fa !important; } + +.border-dark { + border-color: #343a40 !important; } + +.border-white { + border-color: #fff !important; } + +.rounded-sm { + border-radius: 0.2rem !important; } + +.rounded { + border-radius: 0.25rem !important; } + +.rounded-top { + border-top-left-radius: 0.25rem !important; + border-top-right-radius: 0.25rem !important; } + +.rounded-right { + border-top-right-radius: 0.25rem !important; + border-bottom-right-radius: 0.25rem !important; } + +.rounded-bottom { + border-bottom-right-radius: 0.25rem !important; + border-bottom-left-radius: 0.25rem !important; } + +.rounded-left { + border-top-left-radius: 0.25rem !important; + border-bottom-left-radius: 0.25rem !important; } + +.rounded-lg { + border-radius: 0.3rem !important; } + +.rounded-circle { + border-radius: 50% !important; } + +.rounded-pill { + border-radius: 50rem !important; } + +.rounded-0 { + border-radius: 0 !important; } + +.clearfix::after { + display: block; + clear: both; + content: ""; } + +.d-none { + display: none !important; } + +.d-inline { + display: inline !important; } + +.d-inline-block { + display: inline-block !important; } + +.d-block { + display: block !important; } + +.d-table { + display: table !important; } + +.d-table-row { + display: table-row !important; } + +.d-table-cell { + display: table-cell !important; } + +.d-flex { + display: flex !important; } + +.d-inline-flex { + display: inline-flex !important; } + +@media (min-width: 576px) { + .d-sm-none { + display: none !important; } + .d-sm-inline { + display: inline !important; } + .d-sm-inline-block { + display: inline-block !important; } + .d-sm-block { + display: block !important; } + .d-sm-table { + display: table !important; } + .d-sm-table-row { + display: table-row !important; } + .d-sm-table-cell { + display: table-cell !important; } + .d-sm-flex { + display: flex !important; } + .d-sm-inline-flex { + display: inline-flex !important; } } + +@media (min-width: 768px) { + .d-md-none { + display: none !important; } + .d-md-inline { + display: inline !important; } + .d-md-inline-block { + display: inline-block !important; } + .d-md-block { + display: block !important; } + .d-md-table { + display: table !important; } + .d-md-table-row { + display: table-row !important; } + .d-md-table-cell { + display: table-cell !important; } + .d-md-flex { + display: flex !important; } + .d-md-inline-flex { + display: inline-flex !important; } } + +@media (min-width: 992px) { + .d-lg-none { + display: none !important; } + .d-lg-inline { + display: inline !important; } + .d-lg-inline-block { + display: inline-block !important; } + .d-lg-block { + display: block !important; } + .d-lg-table { + display: table !important; } + .d-lg-table-row { + display: table-row !important; } + .d-lg-table-cell { + display: table-cell !important; } + .d-lg-flex { + display: flex !important; } + .d-lg-inline-flex { + display: inline-flex !important; } } + +@media (min-width: 1300px) { + .d-xl-none { + display: none !important; } + .d-xl-inline { + display: inline !important; } + .d-xl-inline-block { + display: inline-block !important; } + .d-xl-block { + display: block !important; } + .d-xl-table { + display: table !important; } + .d-xl-table-row { + display: table-row !important; } + .d-xl-table-cell { + display: table-cell !important; } + .d-xl-flex { + display: flex !important; } + .d-xl-inline-flex { + display: inline-flex !important; } } + +@media print { + .d-print-none { + display: none !important; } + .d-print-inline { + display: inline !important; } + .d-print-inline-block { + display: inline-block !important; } + .d-print-block { + display: block !important; } + .d-print-table { + display: table !important; } + .d-print-table-row { + display: table-row !important; } + .d-print-table-cell { + display: table-cell !important; } + .d-print-flex { + display: flex !important; } + .d-print-inline-flex { + display: inline-flex !important; } } + +.embed-responsive { + position: relative; + display: block; + width: 100%; + padding: 0; + overflow: hidden; } + .embed-responsive::before { + display: block; + content: ""; } + .embed-responsive .embed-responsive-item, + .embed-responsive iframe, + .embed-responsive embed, + .embed-responsive object, + .embed-responsive video { + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + border: 0; } + +.embed-responsive-21by9::before { + padding-top: 42.85714286%; } + +.embed-responsive-16by9::before { + padding-top: 56.25%; } + +.embed-responsive-4by3::before { + padding-top: 75%; } + +.embed-responsive-1by1::before { + padding-top: 100%; } + +.flex-row { + flex-direction: row !important; } + +.flex-column { + flex-direction: column !important; } + +.flex-row-reverse { + flex-direction: row-reverse !important; } + +.flex-column-reverse { + flex-direction: column-reverse !important; } + +.flex-wrap { + flex-wrap: wrap !important; } + +.flex-nowrap { + flex-wrap: nowrap !important; } + +.flex-wrap-reverse { + flex-wrap: wrap-reverse !important; } + +.flex-fill { + flex: 1 1 auto !important; } + +.flex-grow-0 { + flex-grow: 0 !important; } + +.flex-grow-1 { + flex-grow: 1 !important; } + +.flex-shrink-0 { + flex-shrink: 0 !important; } + +.flex-shrink-1 { + flex-shrink: 1 !important; } + +.justify-content-start { + justify-content: flex-start !important; } + +.justify-content-end { + justify-content: flex-end !important; } + +.justify-content-center { + justify-content: center !important; } + +.justify-content-between { + justify-content: space-between !important; } + +.justify-content-around { + justify-content: space-around !important; } + +.align-items-start { + align-items: flex-start !important; } + +.align-items-end { + align-items: flex-end !important; } + +.align-items-center { + align-items: center !important; } + +.align-items-baseline { + align-items: baseline !important; } + +.align-items-stretch { + align-items: stretch !important; } + +.align-content-start { + align-content: flex-start !important; } + +.align-content-end { + align-content: flex-end !important; } + +.align-content-center { + align-content: center !important; } + +.align-content-between { + align-content: space-between !important; } + +.align-content-around { + align-content: space-around !important; } + +.align-content-stretch { + align-content: stretch !important; } + +.align-self-auto { + align-self: auto !important; } + +.align-self-start { + align-self: flex-start !important; } + +.align-self-end { + align-self: flex-end !important; } + +.align-self-center { + align-self: center !important; } + +.align-self-baseline { + align-self: baseline !important; } + +.align-self-stretch { + align-self: stretch !important; } + +@media (min-width: 576px) { + .flex-sm-row { + flex-direction: row !important; } + .flex-sm-column { + flex-direction: column !important; } + .flex-sm-row-reverse { + flex-direction: row-reverse !important; } + .flex-sm-column-reverse { + flex-direction: column-reverse !important; } + .flex-sm-wrap { + flex-wrap: wrap !important; } + .flex-sm-nowrap { + flex-wrap: nowrap !important; } + .flex-sm-wrap-reverse { + flex-wrap: wrap-reverse !important; } + .flex-sm-fill { + flex: 1 1 auto !important; } + .flex-sm-grow-0 { + flex-grow: 0 !important; } + .flex-sm-grow-1 { + flex-grow: 1 !important; } + .flex-sm-shrink-0 { + flex-shrink: 0 !important; } + .flex-sm-shrink-1 { + flex-shrink: 1 !important; } + .justify-content-sm-start { + justify-content: flex-start !important; } + .justify-content-sm-end { + justify-content: flex-end !important; } + .justify-content-sm-center { + justify-content: center !important; } + .justify-content-sm-between { + justify-content: space-between !important; } + .justify-content-sm-around { + justify-content: space-around !important; } + .align-items-sm-start { + align-items: flex-start !important; } + .align-items-sm-end { + align-items: flex-end !important; } + .align-items-sm-center { + align-items: center !important; } + .align-items-sm-baseline { + align-items: baseline !important; } + .align-items-sm-stretch { + align-items: stretch !important; } + .align-content-sm-start { + align-content: flex-start !important; } + .align-content-sm-end { + align-content: flex-end !important; } + .align-content-sm-center { + align-content: center !important; } + .align-content-sm-between { + align-content: space-between !important; } + .align-content-sm-around { + align-content: space-around !important; } + .align-content-sm-stretch { + align-content: stretch !important; } + .align-self-sm-auto { + align-self: auto !important; } + .align-self-sm-start { + align-self: flex-start !important; } + .align-self-sm-end { + align-self: flex-end !important; } + .align-self-sm-center { + align-self: center !important; } + .align-self-sm-baseline { + align-self: baseline !important; } + .align-self-sm-stretch { + align-self: stretch !important; } } + +@media (min-width: 768px) { + .flex-md-row { + flex-direction: row !important; } + .flex-md-column { + flex-direction: column !important; } + .flex-md-row-reverse { + flex-direction: row-reverse !important; } + .flex-md-column-reverse { + flex-direction: column-reverse !important; } + .flex-md-wrap { + flex-wrap: wrap !important; } + .flex-md-nowrap { + flex-wrap: nowrap !important; } + .flex-md-wrap-reverse { + flex-wrap: wrap-reverse !important; } + .flex-md-fill { + flex: 1 1 auto !important; } + .flex-md-grow-0 { + flex-grow: 0 !important; } + .flex-md-grow-1 { + flex-grow: 1 !important; } + .flex-md-shrink-0 { + flex-shrink: 0 !important; } + .flex-md-shrink-1 { + flex-shrink: 1 !important; } + .justify-content-md-start { + justify-content: flex-start !important; } + .justify-content-md-end { + justify-content: flex-end !important; } + .justify-content-md-center { + justify-content: center !important; } + .justify-content-md-between { + justify-content: space-between !important; } + .justify-content-md-around { + justify-content: space-around !important; } + .align-items-md-start { + align-items: flex-start !important; } + .align-items-md-end { + align-items: flex-end !important; } + .align-items-md-center { + align-items: center !important; } + .align-items-md-baseline { + align-items: baseline !important; } + .align-items-md-stretch { + align-items: stretch !important; } + .align-content-md-start { + align-content: flex-start !important; } + .align-content-md-end { + align-content: flex-end !important; } + .align-content-md-center { + align-content: center !important; } + .align-content-md-between { + align-content: space-between !important; } + .align-content-md-around { + align-content: space-around !important; } + .align-content-md-stretch { + align-content: stretch !important; } + .align-self-md-auto { + align-self: auto !important; } + .align-self-md-start { + align-self: flex-start !important; } + .align-self-md-end { + align-self: flex-end !important; } + .align-self-md-center { + align-self: center !important; } + .align-self-md-baseline { + align-self: baseline !important; } + .align-self-md-stretch { + align-self: stretch !important; } } + +@media (min-width: 992px) { + .flex-lg-row { + flex-direction: row !important; } + .flex-lg-column { + flex-direction: column !important; } + .flex-lg-row-reverse { + flex-direction: row-reverse !important; } + .flex-lg-column-reverse { + flex-direction: column-reverse !important; } + .flex-lg-wrap { + flex-wrap: wrap !important; } + .flex-lg-nowrap { + flex-wrap: nowrap !important; } + .flex-lg-wrap-reverse { + flex-wrap: wrap-reverse !important; } + .flex-lg-fill { + flex: 1 1 auto !important; } + .flex-lg-grow-0 { + flex-grow: 0 !important; } + .flex-lg-grow-1 { + flex-grow: 1 !important; } + .flex-lg-shrink-0 { + flex-shrink: 0 !important; } + .flex-lg-shrink-1 { + flex-shrink: 1 !important; } + .justify-content-lg-start { + justify-content: flex-start !important; } + .justify-content-lg-end { + justify-content: flex-end !important; } + .justify-content-lg-center { + justify-content: center !important; } + .justify-content-lg-between { + justify-content: space-between !important; } + .justify-content-lg-around { + justify-content: space-around !important; } + .align-items-lg-start { + align-items: flex-start !important; } + .align-items-lg-end { + align-items: flex-end !important; } + .align-items-lg-center { + align-items: center !important; } + .align-items-lg-baseline { + align-items: baseline !important; } + .align-items-lg-stretch { + align-items: stretch !important; } + .align-content-lg-start { + align-content: flex-start !important; } + .align-content-lg-end { + align-content: flex-end !important; } + .align-content-lg-center { + align-content: center !important; } + .align-content-lg-between { + align-content: space-between !important; } + .align-content-lg-around { + align-content: space-around !important; } + .align-content-lg-stretch { + align-content: stretch !important; } + .align-self-lg-auto { + align-self: auto !important; } + .align-self-lg-start { + align-self: flex-start !important; } + .align-self-lg-end { + align-self: flex-end !important; } + .align-self-lg-center { + align-self: center !important; } + .align-self-lg-baseline { + align-self: baseline !important; } + .align-self-lg-stretch { + align-self: stretch !important; } } + +@media (min-width: 1300px) { + .flex-xl-row { + flex-direction: row !important; } + .flex-xl-column { + flex-direction: column !important; } + .flex-xl-row-reverse { + flex-direction: row-reverse !important; } + .flex-xl-column-reverse { + flex-direction: column-reverse !important; } + .flex-xl-wrap { + flex-wrap: wrap !important; } + .flex-xl-nowrap { + flex-wrap: nowrap !important; } + .flex-xl-wrap-reverse { + flex-wrap: wrap-reverse !important; } + .flex-xl-fill { + flex: 1 1 auto !important; } + .flex-xl-grow-0 { + flex-grow: 0 !important; } + .flex-xl-grow-1 { + flex-grow: 1 !important; } + .flex-xl-shrink-0 { + flex-shrink: 0 !important; } + .flex-xl-shrink-1 { + flex-shrink: 1 !important; } + .justify-content-xl-start { + justify-content: flex-start !important; } + .justify-content-xl-end { + justify-content: flex-end !important; } + .justify-content-xl-center { + justify-content: center !important; } + .justify-content-xl-between { + justify-content: space-between !important; } + .justify-content-xl-around { + justify-content: space-around !important; } + .align-items-xl-start { + align-items: flex-start !important; } + .align-items-xl-end { + align-items: flex-end !important; } + .align-items-xl-center { + align-items: center !important; } + .align-items-xl-baseline { + align-items: baseline !important; } + .align-items-xl-stretch { + align-items: stretch !important; } + .align-content-xl-start { + align-content: flex-start !important; } + .align-content-xl-end { + align-content: flex-end !important; } + .align-content-xl-center { + align-content: center !important; } + .align-content-xl-between { + align-content: space-between !important; } + .align-content-xl-around { + align-content: space-around !important; } + .align-content-xl-stretch { + align-content: stretch !important; } + .align-self-xl-auto { + align-self: auto !important; } + .align-self-xl-start { + align-self: flex-start !important; } + .align-self-xl-end { + align-self: flex-end !important; } + .align-self-xl-center { + align-self: center !important; } + .align-self-xl-baseline { + align-self: baseline !important; } + .align-self-xl-stretch { + align-self: stretch !important; } } + +.float-left { + float: left !important; } + +.float-right { + float: right !important; } + +.float-none { + float: none !important; } + +@media (min-width: 576px) { + .float-sm-left { + float: left !important; } + .float-sm-right { + float: right !important; } + .float-sm-none { + float: none !important; } } + +@media (min-width: 768px) { + .float-md-left { + float: left !important; } + .float-md-right { + float: right !important; } + .float-md-none { + float: none !important; } } + +@media (min-width: 992px) { + .float-lg-left { + float: left !important; } + .float-lg-right { + float: right !important; } + .float-lg-none { + float: none !important; } } + +@media (min-width: 1300px) { + .float-xl-left { + float: left !important; } + .float-xl-right { + float: right !important; } + .float-xl-none { + float: none !important; } } + +.overflow-auto { + overflow: auto !important; } + +.overflow-hidden { + overflow: hidden !important; } + +.position-static { + position: static !important; } + +.position-relative { + position: relative !important; } + +.position-absolute { + position: absolute !important; } + +.position-fixed { + position: fixed !important; } + +.position-sticky { + position: sticky !important; } + +.fixed-top { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 1030; } + +.fixed-bottom { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; } + +@supports (position: sticky) { + .sticky-top { + position: sticky; + top: 0; + z-index: 1020; } } + +.sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border: 0; } + +.sr-only-focusable:active, .sr-only-focusable:focus { + position: static; + width: auto; + height: auto; + overflow: visible; + clip: auto; + white-space: normal; } + +.shadow-sm { + box-shadow: 0 0.125rem 0.25rem rgba(33, 37, 41, 0.075) !important; } + +.shadow { + box-shadow: 0 0.5rem 1rem rgba(33, 37, 41, 0.15) !important; } + +.shadow-lg { + box-shadow: 0 1rem 3rem rgba(33, 37, 41, 0.175) !important; } + +.shadow-none { + box-shadow: none !important; } + +.w-25 { + width: 25% !important; } + +.w-50 { + width: 50% !important; } + +.w-75 { + width: 75% !important; } + +.w-100 { + width: 100% !important; } + +.w-auto { + width: auto !important; } + +.h-25 { + height: 25% !important; } + +.h-50 { + height: 50% !important; } + +.h-75 { + height: 75% !important; } + +.h-100 { + height: 100% !important; } + +.h-auto { + height: auto !important; } + +.mw-100 { + max-width: 100% !important; } + +.mh-100 { + max-height: 100% !important; } + +.min-vw-100 { + min-width: 100vw !important; } + +.min-vh-100 { + min-height: 100vh !important; } + +.vw-100 { + width: 100vw !important; } + +.vh-100 { + height: 100vh !important; } + +.stretched-link::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 1; + pointer-events: auto; + content: ""; + background-color: rgba(0, 0, 0, 0); } + +.m-0 { + margin: 0 !important; } + +.mt-0, +.my-0 { + margin-top: 0 !important; } + +.mr-0, +.mx-0 { + margin-right: 0 !important; } + +.mb-0, +.my-0 { + margin-bottom: 0 !important; } + +.ml-0, +.mx-0 { + margin-left: 0 !important; } + +.m-1 { + margin: 10px !important; } + +.mt-1, +.my-1 { + margin-top: 10px !important; } + +.mr-1, +.mx-1 { + margin-right: 10px !important; } + +.mb-1, +.my-1 { + margin-bottom: 10px !important; } + +.ml-1, +.mx-1 { + margin-left: 10px !important; } + +.m-2 { + margin: 20px !important; } + +.mt-2, +.my-2 { + margin-top: 20px !important; } + +.mr-2, +.mx-2 { + margin-right: 20px !important; } + +.mb-2, +.my-2 { + margin-bottom: 20px !important; } + +.ml-2, +.mx-2 { + margin-left: 20px !important; } + +.m-3 { + margin: 30px !important; } + +.mt-3, +.my-3 { + margin-top: 30px !important; } + +.mr-3, +.mx-3 { + margin-right: 30px !important; } + +.mb-3, +.my-3 { + margin-bottom: 30px !important; } + +.ml-3, +.mx-3 { + margin-left: 30px !important; } + +.m-4 { + margin: 40px !important; } + +.mt-4, +.my-4 { + margin-top: 40px !important; } + +.mr-4, +.mx-4 { + margin-right: 40px !important; } + +.mb-4, +.my-4 { + margin-bottom: 40px !important; } + +.ml-4, +.mx-4 { + margin-left: 40px !important; } + +.m-5 { + margin: 50px !important; } + +.mt-5, +.my-5 { + margin-top: 50px !important; } + +.mr-5, +.mx-5 { + margin-right: 50px !important; } + +.mb-5, +.my-5 { + margin-bottom: 50px !important; } + +.ml-5, +.mx-5 { + margin-left: 50px !important; } + +.m-6 { + margin: 60px !important; } + +.mt-6, +.my-6 { + margin-top: 60px !important; } + +.mr-6, +.mx-6 { + margin-right: 60px !important; } + +.mb-6, +.my-6 { + margin-bottom: 60px !important; } + +.ml-6, +.mx-6 { + margin-left: 60px !important; } + +.m-7 { + margin: 70px !important; } + +.mt-7, +.my-7 { + margin-top: 70px !important; } + +.mr-7, +.mx-7 { + margin-right: 70px !important; } + +.mb-7, +.my-7 { + margin-bottom: 70px !important; } + +.ml-7, +.mx-7 { + margin-left: 70px !important; } + +.m-8 { + margin: 80px !important; } + +.mt-8, +.my-8 { + margin-top: 80px !important; } + +.mr-8, +.mx-8 { + margin-right: 80px !important; } + +.mb-8, +.my-8 { + margin-bottom: 80px !important; } + +.ml-8, +.mx-8 { + margin-left: 80px !important; } + +.m-9 { + margin: 90px !important; } + +.mt-9, +.my-9 { + margin-top: 90px !important; } + +.mr-9, +.mx-9 { + margin-right: 90px !important; } + +.mb-9, +.my-9 { + margin-bottom: 90px !important; } + +.ml-9, +.mx-9 { + margin-left: 90px !important; } + +.m-10 { + margin: 100px !important; } + +.mt-10, +.my-10 { + margin-top: 100px !important; } + +.mr-10, +.mx-10 { + margin-right: 100px !important; } + +.mb-10, +.my-10 { + margin-bottom: 100px !important; } + +.ml-10, +.mx-10 { + margin-left: 100px !important; } + +.m-11 { + margin: 110px !important; } + +.mt-11, +.my-11 { + margin-top: 110px !important; } + +.mr-11, +.mx-11 { + margin-right: 110px !important; } + +.mb-11, +.my-11 { + margin-bottom: 110px !important; } + +.ml-11, +.mx-11 { + margin-left: 110px !important; } + +.m-12 { + margin: 120px !important; } + +.mt-12, +.my-12 { + margin-top: 120px !important; } + +.mr-12, +.mx-12 { + margin-right: 120px !important; } + +.mb-12, +.my-12 { + margin-bottom: 120px !important; } + +.ml-12, +.mx-12 { + margin-left: 120px !important; } + +.m-13 { + margin: 130px !important; } + +.mt-13, +.my-13 { + margin-top: 130px !important; } + +.mr-13, +.mx-13 { + margin-right: 130px !important; } + +.mb-13, +.my-13 { + margin-bottom: 130px !important; } + +.ml-13, +.mx-13 { + margin-left: 130px !important; } + +.m-14 { + margin: 140px !important; } + +.mt-14, +.my-14 { + margin-top: 140px !important; } + +.mr-14, +.mx-14 { + margin-right: 140px !important; } + +.mb-14, +.my-14 { + margin-bottom: 140px !important; } + +.ml-14, +.mx-14 { + margin-left: 140px !important; } + +.m-15 { + margin: 150px !important; } + +.mt-15, +.my-15 { + margin-top: 150px !important; } + +.mr-15, +.mx-15 { + margin-right: 150px !important; } + +.mb-15, +.my-15 { + margin-bottom: 150px !important; } + +.ml-15, +.mx-15 { + margin-left: 150px !important; } + +.m-16 { + margin: 160px !important; } + +.mt-16, +.my-16 { + margin-top: 160px !important; } + +.mr-16, +.mx-16 { + margin-right: 160px !important; } + +.mb-16, +.my-16 { + margin-bottom: 160px !important; } + +.ml-16, +.mx-16 { + margin-left: 160px !important; } + +.m-17 { + margin: 170px !important; } + +.mt-17, +.my-17 { + margin-top: 170px !important; } + +.mr-17, +.mx-17 { + margin-right: 170px !important; } + +.mb-17, +.my-17 { + margin-bottom: 170px !important; } + +.ml-17, +.mx-17 { + margin-left: 170px !important; } + +.m-18 { + margin: 180px !important; } + +.mt-18, +.my-18 { + margin-top: 180px !important; } + +.mr-18, +.mx-18 { + margin-right: 180px !important; } + +.mb-18, +.my-18 { + margin-bottom: 180px !important; } + +.ml-18, +.mx-18 { + margin-left: 180px !important; } + +.m-19 { + margin: 190px !important; } + +.mt-19, +.my-19 { + margin-top: 190px !important; } + +.mr-19, +.mx-19 { + margin-right: 190px !important; } + +.mb-19, +.my-19 { + margin-bottom: 190px !important; } + +.ml-19, +.mx-19 { + margin-left: 190px !important; } + +.m-20 { + margin: 200px !important; } + +.mt-20, +.my-20 { + margin-top: 200px !important; } + +.mr-20, +.mx-20 { + margin-right: 200px !important; } + +.mb-20, +.my-20 { + margin-bottom: 200px !important; } + +.ml-20, +.mx-20 { + margin-left: 200px !important; } + +.p-0 { + padding: 0 !important; } + +.pt-0, +.py-0 { + padding-top: 0 !important; } + +.pr-0, +.px-0 { + padding-right: 0 !important; } + +.pb-0, +.py-0 { + padding-bottom: 0 !important; } + +.pl-0, +.px-0 { + padding-left: 0 !important; } + +.p-1 { + padding: 10px !important; } + +.pt-1, +.py-1 { + padding-top: 10px !important; } + +.pr-1, +.px-1 { + padding-right: 10px !important; } + +.pb-1, +.py-1 { + padding-bottom: 10px !important; } + +.pl-1, +.px-1 { + padding-left: 10px !important; } + +.p-2 { + padding: 20px !important; } + +.pt-2, +.py-2 { + padding-top: 20px !important; } + +.pr-2, +.px-2 { + padding-right: 20px !important; } + +.pb-2, +.py-2 { + padding-bottom: 20px !important; } + +.pl-2, +.px-2 { + padding-left: 20px !important; } + +.p-3 { + padding: 30px !important; } + +.pt-3, +.py-3 { + padding-top: 30px !important; } + +.pr-3, +.px-3 { + padding-right: 30px !important; } + +.pb-3, +.py-3 { + padding-bottom: 30px !important; } + +.pl-3, +.px-3 { + padding-left: 30px !important; } + +.p-4 { + padding: 40px !important; } + +.pt-4, +.py-4 { + padding-top: 40px !important; } + +.pr-4, +.px-4 { + padding-right: 40px !important; } + +.pb-4, +.py-4 { + padding-bottom: 40px !important; } + +.pl-4, +.px-4 { + padding-left: 40px !important; } + +.p-5 { + padding: 50px !important; } + +.pt-5, +.py-5 { + padding-top: 50px !important; } + +.pr-5, +.px-5 { + padding-right: 50px !important; } + +.pb-5, +.py-5 { + padding-bottom: 50px !important; } + +.pl-5, +.px-5 { + padding-left: 50px !important; } + +.p-6 { + padding: 60px !important; } + +.pt-6, +.py-6 { + padding-top: 60px !important; } + +.pr-6, +.px-6 { + padding-right: 60px !important; } + +.pb-6, +.py-6 { + padding-bottom: 60px !important; } + +.pl-6, +.px-6 { + padding-left: 60px !important; } + +.p-7 { + padding: 70px !important; } + +.pt-7, +.py-7 { + padding-top: 70px !important; } + +.pr-7, +.px-7 { + padding-right: 70px !important; } + +.pb-7, +.py-7 { + padding-bottom: 70px !important; } + +.pl-7, +.px-7 { + padding-left: 70px !important; } + +.p-8 { + padding: 80px !important; } + +.pt-8, +.py-8 { + padding-top: 80px !important; } + +.pr-8, +.px-8 { + padding-right: 80px !important; } + +.pb-8, +.py-8 { + padding-bottom: 80px !important; } + +.pl-8, +.px-8 { + padding-left: 80px !important; } + +.p-9 { + padding: 90px !important; } + +.pt-9, +.py-9 { + padding-top: 90px !important; } + +.pr-9, +.px-9 { + padding-right: 90px !important; } + +.pb-9, +.py-9 { + padding-bottom: 90px !important; } + +.pl-9, +.px-9 { + padding-left: 90px !important; } + +.p-10 { + padding: 100px !important; } + +.pt-10, +.py-10 { + padding-top: 100px !important; } + +.pr-10, +.px-10 { + padding-right: 100px !important; } + +.pb-10, +.py-10 { + padding-bottom: 100px !important; } + +.pl-10, +.px-10 { + padding-left: 100px !important; } + +.p-11 { + padding: 110px !important; } + +.pt-11, +.py-11 { + padding-top: 110px !important; } + +.pr-11, +.px-11 { + padding-right: 110px !important; } + +.pb-11, +.py-11 { + padding-bottom: 110px !important; } + +.pl-11, +.px-11 { + padding-left: 110px !important; } + +.p-12 { + padding: 120px !important; } + +.pt-12, +.py-12 { + padding-top: 120px !important; } + +.pr-12, +.px-12 { + padding-right: 120px !important; } + +.pb-12, +.py-12 { + padding-bottom: 120px !important; } + +.pl-12, +.px-12 { + padding-left: 120px !important; } + +.p-13 { + padding: 130px !important; } + +.pt-13, +.py-13 { + padding-top: 130px !important; } + +.pr-13, +.px-13 { + padding-right: 130px !important; } + +.pb-13, +.py-13 { + padding-bottom: 130px !important; } + +.pl-13, +.px-13 { + padding-left: 130px !important; } + +.p-14 { + padding: 140px !important; } + +.pt-14, +.py-14 { + padding-top: 140px !important; } + +.pr-14, +.px-14 { + padding-right: 140px !important; } + +.pb-14, +.py-14 { + padding-bottom: 140px !important; } + +.pl-14, +.px-14 { + padding-left: 140px !important; } + +.p-15 { + padding: 150px !important; } + +.pt-15, +.py-15 { + padding-top: 150px !important; } + +.pr-15, +.px-15 { + padding-right: 150px !important; } + +.pb-15, +.py-15 { + padding-bottom: 150px !important; } + +.pl-15, +.px-15 { + padding-left: 150px !important; } + +.p-16 { + padding: 160px !important; } + +.pt-16, +.py-16 { + padding-top: 160px !important; } + +.pr-16, +.px-16 { + padding-right: 160px !important; } + +.pb-16, +.py-16 { + padding-bottom: 160px !important; } + +.pl-16, +.px-16 { + padding-left: 160px !important; } + +.p-17 { + padding: 170px !important; } + +.pt-17, +.py-17 { + padding-top: 170px !important; } + +.pr-17, +.px-17 { + padding-right: 170px !important; } + +.pb-17, +.py-17 { + padding-bottom: 170px !important; } + +.pl-17, +.px-17 { + padding-left: 170px !important; } + +.p-18 { + padding: 180px !important; } + +.pt-18, +.py-18 { + padding-top: 180px !important; } + +.pr-18, +.px-18 { + padding-right: 180px !important; } + +.pb-18, +.py-18 { + padding-bottom: 180px !important; } + +.pl-18, +.px-18 { + padding-left: 180px !important; } + +.p-19 { + padding: 190px !important; } + +.pt-19, +.py-19 { + padding-top: 190px !important; } + +.pr-19, +.px-19 { + padding-right: 190px !important; } + +.pb-19, +.py-19 { + padding-bottom: 190px !important; } + +.pl-19, +.px-19 { + padding-left: 190px !important; } + +.p-20 { + padding: 200px !important; } + +.pt-20, +.py-20 { + padding-top: 200px !important; } + +.pr-20, +.px-20 { + padding-right: 200px !important; } + +.pb-20, +.py-20 { + padding-bottom: 200px !important; } + +.pl-20, +.px-20 { + padding-left: 200px !important; } + +.m-n1 { + margin: -10px !important; } + +.mt-n1, +.my-n1 { + margin-top: -10px !important; } + +.mr-n1, +.mx-n1 { + margin-right: -10px !important; } + +.mb-n1, +.my-n1 { + margin-bottom: -10px !important; } + +.ml-n1, +.mx-n1 { + margin-left: -10px !important; } + +.m-n2 { + margin: -20px !important; } + +.mt-n2, +.my-n2 { + margin-top: -20px !important; } + +.mr-n2, +.mx-n2 { + margin-right: -20px !important; } + +.mb-n2, +.my-n2 { + margin-bottom: -20px !important; } + +.ml-n2, +.mx-n2 { + margin-left: -20px !important; } + +.m-n3 { + margin: -30px !important; } + +.mt-n3, +.my-n3 { + margin-top: -30px !important; } + +.mr-n3, +.mx-n3 { + margin-right: -30px !important; } + +.mb-n3, +.my-n3 { + margin-bottom: -30px !important; } + +.ml-n3, +.mx-n3 { + margin-left: -30px !important; } + +.m-n4 { + margin: -40px !important; } + +.mt-n4, +.my-n4 { + margin-top: -40px !important; } + +.mr-n4, +.mx-n4 { + margin-right: -40px !important; } + +.mb-n4, +.my-n4 { + margin-bottom: -40px !important; } + +.ml-n4, +.mx-n4 { + margin-left: -40px !important; } + +.m-n5 { + margin: -50px !important; } + +.mt-n5, +.my-n5 { + margin-top: -50px !important; } + +.mr-n5, +.mx-n5 { + margin-right: -50px !important; } + +.mb-n5, +.my-n5 { + margin-bottom: -50px !important; } + +.ml-n5, +.mx-n5 { + margin-left: -50px !important; } + +.m-n6 { + margin: -60px !important; } + +.mt-n6, +.my-n6 { + margin-top: -60px !important; } + +.mr-n6, +.mx-n6 { + margin-right: -60px !important; } + +.mb-n6, +.my-n6 { + margin-bottom: -60px !important; } + +.ml-n6, +.mx-n6 { + margin-left: -60px !important; } + +.m-n7 { + margin: -70px !important; } + +.mt-n7, +.my-n7 { + margin-top: -70px !important; } + +.mr-n7, +.mx-n7 { + margin-right: -70px !important; } + +.mb-n7, +.my-n7 { + margin-bottom: -70px !important; } + +.ml-n7, +.mx-n7 { + margin-left: -70px !important; } + +.m-n8 { + margin: -80px !important; } + +.mt-n8, +.my-n8 { + margin-top: -80px !important; } + +.mr-n8, +.mx-n8 { + margin-right: -80px !important; } + +.mb-n8, +.my-n8 { + margin-bottom: -80px !important; } + +.ml-n8, +.mx-n8 { + margin-left: -80px !important; } + +.m-n9 { + margin: -90px !important; } + +.mt-n9, +.my-n9 { + margin-top: -90px !important; } + +.mr-n9, +.mx-n9 { + margin-right: -90px !important; } + +.mb-n9, +.my-n9 { + margin-bottom: -90px !important; } + +.ml-n9, +.mx-n9 { + margin-left: -90px !important; } + +.m-n10 { + margin: -100px !important; } + +.mt-n10, +.my-n10 { + margin-top: -100px !important; } + +.mr-n10, +.mx-n10 { + margin-right: -100px !important; } + +.mb-n10, +.my-n10 { + margin-bottom: -100px !important; } + +.ml-n10, +.mx-n10 { + margin-left: -100px !important; } + +.m-n11 { + margin: -110px !important; } + +.mt-n11, +.my-n11 { + margin-top: -110px !important; } + +.mr-n11, +.mx-n11 { + margin-right: -110px !important; } + +.mb-n11, +.my-n11 { + margin-bottom: -110px !important; } + +.ml-n11, +.mx-n11 { + margin-left: -110px !important; } + +.m-n12 { + margin: -120px !important; } + +.mt-n12, +.my-n12 { + margin-top: -120px !important; } + +.mr-n12, +.mx-n12 { + margin-right: -120px !important; } + +.mb-n12, +.my-n12 { + margin-bottom: -120px !important; } + +.ml-n12, +.mx-n12 { + margin-left: -120px !important; } + +.m-n13 { + margin: -130px !important; } + +.mt-n13, +.my-n13 { + margin-top: -130px !important; } + +.mr-n13, +.mx-n13 { + margin-right: -130px !important; } + +.mb-n13, +.my-n13 { + margin-bottom: -130px !important; } + +.ml-n13, +.mx-n13 { + margin-left: -130px !important; } + +.m-n14 { + margin: -140px !important; } + +.mt-n14, +.my-n14 { + margin-top: -140px !important; } + +.mr-n14, +.mx-n14 { + margin-right: -140px !important; } + +.mb-n14, +.my-n14 { + margin-bottom: -140px !important; } + +.ml-n14, +.mx-n14 { + margin-left: -140px !important; } + +.m-n15 { + margin: -150px !important; } + +.mt-n15, +.my-n15 { + margin-top: -150px !important; } + +.mr-n15, +.mx-n15 { + margin-right: -150px !important; } + +.mb-n15, +.my-n15 { + margin-bottom: -150px !important; } + +.ml-n15, +.mx-n15 { + margin-left: -150px !important; } + +.m-n16 { + margin: -160px !important; } + +.mt-n16, +.my-n16 { + margin-top: -160px !important; } + +.mr-n16, +.mx-n16 { + margin-right: -160px !important; } + +.mb-n16, +.my-n16 { + margin-bottom: -160px !important; } + +.ml-n16, +.mx-n16 { + margin-left: -160px !important; } + +.m-n17 { + margin: -170px !important; } + +.mt-n17, +.my-n17 { + margin-top: -170px !important; } + +.mr-n17, +.mx-n17 { + margin-right: -170px !important; } + +.mb-n17, +.my-n17 { + margin-bottom: -170px !important; } + +.ml-n17, +.mx-n17 { + margin-left: -170px !important; } + +.m-n18 { + margin: -180px !important; } + +.mt-n18, +.my-n18 { + margin-top: -180px !important; } + +.mr-n18, +.mx-n18 { + margin-right: -180px !important; } + +.mb-n18, +.my-n18 { + margin-bottom: -180px !important; } + +.ml-n18, +.mx-n18 { + margin-left: -180px !important; } + +.m-n19 { + margin: -190px !important; } + +.mt-n19, +.my-n19 { + margin-top: -190px !important; } + +.mr-n19, +.mx-n19 { + margin-right: -190px !important; } + +.mb-n19, +.my-n19 { + margin-bottom: -190px !important; } + +.ml-n19, +.mx-n19 { + margin-left: -190px !important; } + +.m-n20 { + margin: -200px !important; } + +.mt-n20, +.my-n20 { + margin-top: -200px !important; } + +.mr-n20, +.mx-n20 { + margin-right: -200px !important; } + +.mb-n20, +.my-n20 { + margin-bottom: -200px !important; } + +.ml-n20, +.mx-n20 { + margin-left: -200px !important; } + +.m-auto { + margin: auto !important; } + +.mt-auto, +.my-auto { + margin-top: auto !important; } + +.mr-auto, +.mx-auto { + margin-right: auto !important; } + +.mb-auto, +.my-auto { + margin-bottom: auto !important; } + +.ml-auto, +.mx-auto { + margin-left: auto !important; } + +@media (min-width: 576px) { + .m-sm-0 { + margin: 0 !important; } + .mt-sm-0, + .my-sm-0 { + margin-top: 0 !important; } + .mr-sm-0, + .mx-sm-0 { + margin-right: 0 !important; } + .mb-sm-0, + .my-sm-0 { + margin-bottom: 0 !important; } + .ml-sm-0, + .mx-sm-0 { + margin-left: 0 !important; } + .m-sm-1 { + margin: 10px !important; } + .mt-sm-1, + .my-sm-1 { + margin-top: 10px !important; } + .mr-sm-1, + .mx-sm-1 { + margin-right: 10px !important; } + .mb-sm-1, + .my-sm-1 { + margin-bottom: 10px !important; } + .ml-sm-1, + .mx-sm-1 { + margin-left: 10px !important; } + .m-sm-2 { + margin: 20px !important; } + .mt-sm-2, + .my-sm-2 { + margin-top: 20px !important; } + .mr-sm-2, + .mx-sm-2 { + margin-right: 20px !important; } + .mb-sm-2, + .my-sm-2 { + margin-bottom: 20px !important; } + .ml-sm-2, + .mx-sm-2 { + margin-left: 20px !important; } + .m-sm-3 { + margin: 30px !important; } + .mt-sm-3, + .my-sm-3 { + margin-top: 30px !important; } + .mr-sm-3, + .mx-sm-3 { + margin-right: 30px !important; } + .mb-sm-3, + .my-sm-3 { + margin-bottom: 30px !important; } + .ml-sm-3, + .mx-sm-3 { + margin-left: 30px !important; } + .m-sm-4 { + margin: 40px !important; } + .mt-sm-4, + .my-sm-4 { + margin-top: 40px !important; } + .mr-sm-4, + .mx-sm-4 { + margin-right: 40px !important; } + .mb-sm-4, + .my-sm-4 { + margin-bottom: 40px !important; } + .ml-sm-4, + .mx-sm-4 { + margin-left: 40px !important; } + .m-sm-5 { + margin: 50px !important; } + .mt-sm-5, + .my-sm-5 { + margin-top: 50px !important; } + .mr-sm-5, + .mx-sm-5 { + margin-right: 50px !important; } + .mb-sm-5, + .my-sm-5 { + margin-bottom: 50px !important; } + .ml-sm-5, + .mx-sm-5 { + margin-left: 50px !important; } + .m-sm-6 { + margin: 60px !important; } + .mt-sm-6, + .my-sm-6 { + margin-top: 60px !important; } + .mr-sm-6, + .mx-sm-6 { + margin-right: 60px !important; } + .mb-sm-6, + .my-sm-6 { + margin-bottom: 60px !important; } + .ml-sm-6, + .mx-sm-6 { + margin-left: 60px !important; } + .m-sm-7 { + margin: 70px !important; } + .mt-sm-7, + .my-sm-7 { + margin-top: 70px !important; } + .mr-sm-7, + .mx-sm-7 { + margin-right: 70px !important; } + .mb-sm-7, + .my-sm-7 { + margin-bottom: 70px !important; } + .ml-sm-7, + .mx-sm-7 { + margin-left: 70px !important; } + .m-sm-8 { + margin: 80px !important; } + .mt-sm-8, + .my-sm-8 { + margin-top: 80px !important; } + .mr-sm-8, + .mx-sm-8 { + margin-right: 80px !important; } + .mb-sm-8, + .my-sm-8 { + margin-bottom: 80px !important; } + .ml-sm-8, + .mx-sm-8 { + margin-left: 80px !important; } + .m-sm-9 { + margin: 90px !important; } + .mt-sm-9, + .my-sm-9 { + margin-top: 90px !important; } + .mr-sm-9, + .mx-sm-9 { + margin-right: 90px !important; } + .mb-sm-9, + .my-sm-9 { + margin-bottom: 90px !important; } + .ml-sm-9, + .mx-sm-9 { + margin-left: 90px !important; } + .m-sm-10 { + margin: 100px !important; } + .mt-sm-10, + .my-sm-10 { + margin-top: 100px !important; } + .mr-sm-10, + .mx-sm-10 { + margin-right: 100px !important; } + .mb-sm-10, + .my-sm-10 { + margin-bottom: 100px !important; } + .ml-sm-10, + .mx-sm-10 { + margin-left: 100px !important; } + .m-sm-11 { + margin: 110px !important; } + .mt-sm-11, + .my-sm-11 { + margin-top: 110px !important; } + .mr-sm-11, + .mx-sm-11 { + margin-right: 110px !important; } + .mb-sm-11, + .my-sm-11 { + margin-bottom: 110px !important; } + .ml-sm-11, + .mx-sm-11 { + margin-left: 110px !important; } + .m-sm-12 { + margin: 120px !important; } + .mt-sm-12, + .my-sm-12 { + margin-top: 120px !important; } + .mr-sm-12, + .mx-sm-12 { + margin-right: 120px !important; } + .mb-sm-12, + .my-sm-12 { + margin-bottom: 120px !important; } + .ml-sm-12, + .mx-sm-12 { + margin-left: 120px !important; } + .m-sm-13 { + margin: 130px !important; } + .mt-sm-13, + .my-sm-13 { + margin-top: 130px !important; } + .mr-sm-13, + .mx-sm-13 { + margin-right: 130px !important; } + .mb-sm-13, + .my-sm-13 { + margin-bottom: 130px !important; } + .ml-sm-13, + .mx-sm-13 { + margin-left: 130px !important; } + .m-sm-14 { + margin: 140px !important; } + .mt-sm-14, + .my-sm-14 { + margin-top: 140px !important; } + .mr-sm-14, + .mx-sm-14 { + margin-right: 140px !important; } + .mb-sm-14, + .my-sm-14 { + margin-bottom: 140px !important; } + .ml-sm-14, + .mx-sm-14 { + margin-left: 140px !important; } + .m-sm-15 { + margin: 150px !important; } + .mt-sm-15, + .my-sm-15 { + margin-top: 150px !important; } + .mr-sm-15, + .mx-sm-15 { + margin-right: 150px !important; } + .mb-sm-15, + .my-sm-15 { + margin-bottom: 150px !important; } + .ml-sm-15, + .mx-sm-15 { + margin-left: 150px !important; } + .m-sm-16 { + margin: 160px !important; } + .mt-sm-16, + .my-sm-16 { + margin-top: 160px !important; } + .mr-sm-16, + .mx-sm-16 { + margin-right: 160px !important; } + .mb-sm-16, + .my-sm-16 { + margin-bottom: 160px !important; } + .ml-sm-16, + .mx-sm-16 { + margin-left: 160px !important; } + .m-sm-17 { + margin: 170px !important; } + .mt-sm-17, + .my-sm-17 { + margin-top: 170px !important; } + .mr-sm-17, + .mx-sm-17 { + margin-right: 170px !important; } + .mb-sm-17, + .my-sm-17 { + margin-bottom: 170px !important; } + .ml-sm-17, + .mx-sm-17 { + margin-left: 170px !important; } + .m-sm-18 { + margin: 180px !important; } + .mt-sm-18, + .my-sm-18 { + margin-top: 180px !important; } + .mr-sm-18, + .mx-sm-18 { + margin-right: 180px !important; } + .mb-sm-18, + .my-sm-18 { + margin-bottom: 180px !important; } + .ml-sm-18, + .mx-sm-18 { + margin-left: 180px !important; } + .m-sm-19 { + margin: 190px !important; } + .mt-sm-19, + .my-sm-19 { + margin-top: 190px !important; } + .mr-sm-19, + .mx-sm-19 { + margin-right: 190px !important; } + .mb-sm-19, + .my-sm-19 { + margin-bottom: 190px !important; } + .ml-sm-19, + .mx-sm-19 { + margin-left: 190px !important; } + .m-sm-20 { + margin: 200px !important; } + .mt-sm-20, + .my-sm-20 { + margin-top: 200px !important; } + .mr-sm-20, + .mx-sm-20 { + margin-right: 200px !important; } + .mb-sm-20, + .my-sm-20 { + margin-bottom: 200px !important; } + .ml-sm-20, + .mx-sm-20 { + margin-left: 200px !important; } + .p-sm-0 { + padding: 0 !important; } + .pt-sm-0, + .py-sm-0 { + padding-top: 0 !important; } + .pr-sm-0, + .px-sm-0 { + padding-right: 0 !important; } + .pb-sm-0, + .py-sm-0 { + padding-bottom: 0 !important; } + .pl-sm-0, + .px-sm-0 { + padding-left: 0 !important; } + .p-sm-1 { + padding: 10px !important; } + .pt-sm-1, + .py-sm-1 { + padding-top: 10px !important; } + .pr-sm-1, + .px-sm-1 { + padding-right: 10px !important; } + .pb-sm-1, + .py-sm-1 { + padding-bottom: 10px !important; } + .pl-sm-1, + .px-sm-1 { + padding-left: 10px !important; } + .p-sm-2 { + padding: 20px !important; } + .pt-sm-2, + .py-sm-2 { + padding-top: 20px !important; } + .pr-sm-2, + .px-sm-2 { + padding-right: 20px !important; } + .pb-sm-2, + .py-sm-2 { + padding-bottom: 20px !important; } + .pl-sm-2, + .px-sm-2 { + padding-left: 20px !important; } + .p-sm-3 { + padding: 30px !important; } + .pt-sm-3, + .py-sm-3 { + padding-top: 30px !important; } + .pr-sm-3, + .px-sm-3 { + padding-right: 30px !important; } + .pb-sm-3, + .py-sm-3 { + padding-bottom: 30px !important; } + .pl-sm-3, + .px-sm-3 { + padding-left: 30px !important; } + .p-sm-4 { + padding: 40px !important; } + .pt-sm-4, + .py-sm-4 { + padding-top: 40px !important; } + .pr-sm-4, + .px-sm-4 { + padding-right: 40px !important; } + .pb-sm-4, + .py-sm-4 { + padding-bottom: 40px !important; } + .pl-sm-4, + .px-sm-4 { + padding-left: 40px !important; } + .p-sm-5 { + padding: 50px !important; } + .pt-sm-5, + .py-sm-5 { + padding-top: 50px !important; } + .pr-sm-5, + .px-sm-5 { + padding-right: 50px !important; } + .pb-sm-5, + .py-sm-5 { + padding-bottom: 50px !important; } + .pl-sm-5, + .px-sm-5 { + padding-left: 50px !important; } + .p-sm-6 { + padding: 60px !important; } + .pt-sm-6, + .py-sm-6 { + padding-top: 60px !important; } + .pr-sm-6, + .px-sm-6 { + padding-right: 60px !important; } + .pb-sm-6, + .py-sm-6 { + padding-bottom: 60px !important; } + .pl-sm-6, + .px-sm-6 { + padding-left: 60px !important; } + .p-sm-7 { + padding: 70px !important; } + .pt-sm-7, + .py-sm-7 { + padding-top: 70px !important; } + .pr-sm-7, + .px-sm-7 { + padding-right: 70px !important; } + .pb-sm-7, + .py-sm-7 { + padding-bottom: 70px !important; } + .pl-sm-7, + .px-sm-7 { + padding-left: 70px !important; } + .p-sm-8 { + padding: 80px !important; } + .pt-sm-8, + .py-sm-8 { + padding-top: 80px !important; } + .pr-sm-8, + .px-sm-8 { + padding-right: 80px !important; } + .pb-sm-8, + .py-sm-8 { + padding-bottom: 80px !important; } + .pl-sm-8, + .px-sm-8 { + padding-left: 80px !important; } + .p-sm-9 { + padding: 90px !important; } + .pt-sm-9, + .py-sm-9 { + padding-top: 90px !important; } + .pr-sm-9, + .px-sm-9 { + padding-right: 90px !important; } + .pb-sm-9, + .py-sm-9 { + padding-bottom: 90px !important; } + .pl-sm-9, + .px-sm-9 { + padding-left: 90px !important; } + .p-sm-10 { + padding: 100px !important; } + .pt-sm-10, + .py-sm-10 { + padding-top: 100px !important; } + .pr-sm-10, + .px-sm-10 { + padding-right: 100px !important; } + .pb-sm-10, + .py-sm-10 { + padding-bottom: 100px !important; } + .pl-sm-10, + .px-sm-10 { + padding-left: 100px !important; } + .p-sm-11 { + padding: 110px !important; } + .pt-sm-11, + .py-sm-11 { + padding-top: 110px !important; } + .pr-sm-11, + .px-sm-11 { + padding-right: 110px !important; } + .pb-sm-11, + .py-sm-11 { + padding-bottom: 110px !important; } + .pl-sm-11, + .px-sm-11 { + padding-left: 110px !important; } + .p-sm-12 { + padding: 120px !important; } + .pt-sm-12, + .py-sm-12 { + padding-top: 120px !important; } + .pr-sm-12, + .px-sm-12 { + padding-right: 120px !important; } + .pb-sm-12, + .py-sm-12 { + padding-bottom: 120px !important; } + .pl-sm-12, + .px-sm-12 { + padding-left: 120px !important; } + .p-sm-13 { + padding: 130px !important; } + .pt-sm-13, + .py-sm-13 { + padding-top: 130px !important; } + .pr-sm-13, + .px-sm-13 { + padding-right: 130px !important; } + .pb-sm-13, + .py-sm-13 { + padding-bottom: 130px !important; } + .pl-sm-13, + .px-sm-13 { + padding-left: 130px !important; } + .p-sm-14 { + padding: 140px !important; } + .pt-sm-14, + .py-sm-14 { + padding-top: 140px !important; } + .pr-sm-14, + .px-sm-14 { + padding-right: 140px !important; } + .pb-sm-14, + .py-sm-14 { + padding-bottom: 140px !important; } + .pl-sm-14, + .px-sm-14 { + padding-left: 140px !important; } + .p-sm-15 { + padding: 150px !important; } + .pt-sm-15, + .py-sm-15 { + padding-top: 150px !important; } + .pr-sm-15, + .px-sm-15 { + padding-right: 150px !important; } + .pb-sm-15, + .py-sm-15 { + padding-bottom: 150px !important; } + .pl-sm-15, + .px-sm-15 { + padding-left: 150px !important; } + .p-sm-16 { + padding: 160px !important; } + .pt-sm-16, + .py-sm-16 { + padding-top: 160px !important; } + .pr-sm-16, + .px-sm-16 { + padding-right: 160px !important; } + .pb-sm-16, + .py-sm-16 { + padding-bottom: 160px !important; } + .pl-sm-16, + .px-sm-16 { + padding-left: 160px !important; } + .p-sm-17 { + padding: 170px !important; } + .pt-sm-17, + .py-sm-17 { + padding-top: 170px !important; } + .pr-sm-17, + .px-sm-17 { + padding-right: 170px !important; } + .pb-sm-17, + .py-sm-17 { + padding-bottom: 170px !important; } + .pl-sm-17, + .px-sm-17 { + padding-left: 170px !important; } + .p-sm-18 { + padding: 180px !important; } + .pt-sm-18, + .py-sm-18 { + padding-top: 180px !important; } + .pr-sm-18, + .px-sm-18 { + padding-right: 180px !important; } + .pb-sm-18, + .py-sm-18 { + padding-bottom: 180px !important; } + .pl-sm-18, + .px-sm-18 { + padding-left: 180px !important; } + .p-sm-19 { + padding: 190px !important; } + .pt-sm-19, + .py-sm-19 { + padding-top: 190px !important; } + .pr-sm-19, + .px-sm-19 { + padding-right: 190px !important; } + .pb-sm-19, + .py-sm-19 { + padding-bottom: 190px !important; } + .pl-sm-19, + .px-sm-19 { + padding-left: 190px !important; } + .p-sm-20 { + padding: 200px !important; } + .pt-sm-20, + .py-sm-20 { + padding-top: 200px !important; } + .pr-sm-20, + .px-sm-20 { + padding-right: 200px !important; } + .pb-sm-20, + .py-sm-20 { + padding-bottom: 200px !important; } + .pl-sm-20, + .px-sm-20 { + padding-left: 200px !important; } + .m-sm-n1 { + margin: -10px !important; } + .mt-sm-n1, + .my-sm-n1 { + margin-top: -10px !important; } + .mr-sm-n1, + .mx-sm-n1 { + margin-right: -10px !important; } + .mb-sm-n1, + .my-sm-n1 { + margin-bottom: -10px !important; } + .ml-sm-n1, + .mx-sm-n1 { + margin-left: -10px !important; } + .m-sm-n2 { + margin: -20px !important; } + .mt-sm-n2, + .my-sm-n2 { + margin-top: -20px !important; } + .mr-sm-n2, + .mx-sm-n2 { + margin-right: -20px !important; } + .mb-sm-n2, + .my-sm-n2 { + margin-bottom: -20px !important; } + .ml-sm-n2, + .mx-sm-n2 { + margin-left: -20px !important; } + .m-sm-n3 { + margin: -30px !important; } + .mt-sm-n3, + .my-sm-n3 { + margin-top: -30px !important; } + .mr-sm-n3, + .mx-sm-n3 { + margin-right: -30px !important; } + .mb-sm-n3, + .my-sm-n3 { + margin-bottom: -30px !important; } + .ml-sm-n3, + .mx-sm-n3 { + margin-left: -30px !important; } + .m-sm-n4 { + margin: -40px !important; } + .mt-sm-n4, + .my-sm-n4 { + margin-top: -40px !important; } + .mr-sm-n4, + .mx-sm-n4 { + margin-right: -40px !important; } + .mb-sm-n4, + .my-sm-n4 { + margin-bottom: -40px !important; } + .ml-sm-n4, + .mx-sm-n4 { + margin-left: -40px !important; } + .m-sm-n5 { + margin: -50px !important; } + .mt-sm-n5, + .my-sm-n5 { + margin-top: -50px !important; } + .mr-sm-n5, + .mx-sm-n5 { + margin-right: -50px !important; } + .mb-sm-n5, + .my-sm-n5 { + margin-bottom: -50px !important; } + .ml-sm-n5, + .mx-sm-n5 { + margin-left: -50px !important; } + .m-sm-n6 { + margin: -60px !important; } + .mt-sm-n6, + .my-sm-n6 { + margin-top: -60px !important; } + .mr-sm-n6, + .mx-sm-n6 { + margin-right: -60px !important; } + .mb-sm-n6, + .my-sm-n6 { + margin-bottom: -60px !important; } + .ml-sm-n6, + .mx-sm-n6 { + margin-left: -60px !important; } + .m-sm-n7 { + margin: -70px !important; } + .mt-sm-n7, + .my-sm-n7 { + margin-top: -70px !important; } + .mr-sm-n7, + .mx-sm-n7 { + margin-right: -70px !important; } + .mb-sm-n7, + .my-sm-n7 { + margin-bottom: -70px !important; } + .ml-sm-n7, + .mx-sm-n7 { + margin-left: -70px !important; } + .m-sm-n8 { + margin: -80px !important; } + .mt-sm-n8, + .my-sm-n8 { + margin-top: -80px !important; } + .mr-sm-n8, + .mx-sm-n8 { + margin-right: -80px !important; } + .mb-sm-n8, + .my-sm-n8 { + margin-bottom: -80px !important; } + .ml-sm-n8, + .mx-sm-n8 { + margin-left: -80px !important; } + .m-sm-n9 { + margin: -90px !important; } + .mt-sm-n9, + .my-sm-n9 { + margin-top: -90px !important; } + .mr-sm-n9, + .mx-sm-n9 { + margin-right: -90px !important; } + .mb-sm-n9, + .my-sm-n9 { + margin-bottom: -90px !important; } + .ml-sm-n9, + .mx-sm-n9 { + margin-left: -90px !important; } + .m-sm-n10 { + margin: -100px !important; } + .mt-sm-n10, + .my-sm-n10 { + margin-top: -100px !important; } + .mr-sm-n10, + .mx-sm-n10 { + margin-right: -100px !important; } + .mb-sm-n10, + .my-sm-n10 { + margin-bottom: -100px !important; } + .ml-sm-n10, + .mx-sm-n10 { + margin-left: -100px !important; } + .m-sm-n11 { + margin: -110px !important; } + .mt-sm-n11, + .my-sm-n11 { + margin-top: -110px !important; } + .mr-sm-n11, + .mx-sm-n11 { + margin-right: -110px !important; } + .mb-sm-n11, + .my-sm-n11 { + margin-bottom: -110px !important; } + .ml-sm-n11, + .mx-sm-n11 { + margin-left: -110px !important; } + .m-sm-n12 { + margin: -120px !important; } + .mt-sm-n12, + .my-sm-n12 { + margin-top: -120px !important; } + .mr-sm-n12, + .mx-sm-n12 { + margin-right: -120px !important; } + .mb-sm-n12, + .my-sm-n12 { + margin-bottom: -120px !important; } + .ml-sm-n12, + .mx-sm-n12 { + margin-left: -120px !important; } + .m-sm-n13 { + margin: -130px !important; } + .mt-sm-n13, + .my-sm-n13 { + margin-top: -130px !important; } + .mr-sm-n13, + .mx-sm-n13 { + margin-right: -130px !important; } + .mb-sm-n13, + .my-sm-n13 { + margin-bottom: -130px !important; } + .ml-sm-n13, + .mx-sm-n13 { + margin-left: -130px !important; } + .m-sm-n14 { + margin: -140px !important; } + .mt-sm-n14, + .my-sm-n14 { + margin-top: -140px !important; } + .mr-sm-n14, + .mx-sm-n14 { + margin-right: -140px !important; } + .mb-sm-n14, + .my-sm-n14 { + margin-bottom: -140px !important; } + .ml-sm-n14, + .mx-sm-n14 { + margin-left: -140px !important; } + .m-sm-n15 { + margin: -150px !important; } + .mt-sm-n15, + .my-sm-n15 { + margin-top: -150px !important; } + .mr-sm-n15, + .mx-sm-n15 { + margin-right: -150px !important; } + .mb-sm-n15, + .my-sm-n15 { + margin-bottom: -150px !important; } + .ml-sm-n15, + .mx-sm-n15 { + margin-left: -150px !important; } + .m-sm-n16 { + margin: -160px !important; } + .mt-sm-n16, + .my-sm-n16 { + margin-top: -160px !important; } + .mr-sm-n16, + .mx-sm-n16 { + margin-right: -160px !important; } + .mb-sm-n16, + .my-sm-n16 { + margin-bottom: -160px !important; } + .ml-sm-n16, + .mx-sm-n16 { + margin-left: -160px !important; } + .m-sm-n17 { + margin: -170px !important; } + .mt-sm-n17, + .my-sm-n17 { + margin-top: -170px !important; } + .mr-sm-n17, + .mx-sm-n17 { + margin-right: -170px !important; } + .mb-sm-n17, + .my-sm-n17 { + margin-bottom: -170px !important; } + .ml-sm-n17, + .mx-sm-n17 { + margin-left: -170px !important; } + .m-sm-n18 { + margin: -180px !important; } + .mt-sm-n18, + .my-sm-n18 { + margin-top: -180px !important; } + .mr-sm-n18, + .mx-sm-n18 { + margin-right: -180px !important; } + .mb-sm-n18, + .my-sm-n18 { + margin-bottom: -180px !important; } + .ml-sm-n18, + .mx-sm-n18 { + margin-left: -180px !important; } + .m-sm-n19 { + margin: -190px !important; } + .mt-sm-n19, + .my-sm-n19 { + margin-top: -190px !important; } + .mr-sm-n19, + .mx-sm-n19 { + margin-right: -190px !important; } + .mb-sm-n19, + .my-sm-n19 { + margin-bottom: -190px !important; } + .ml-sm-n19, + .mx-sm-n19 { + margin-left: -190px !important; } + .m-sm-n20 { + margin: -200px !important; } + .mt-sm-n20, + .my-sm-n20 { + margin-top: -200px !important; } + .mr-sm-n20, + .mx-sm-n20 { + margin-right: -200px !important; } + .mb-sm-n20, + .my-sm-n20 { + margin-bottom: -200px !important; } + .ml-sm-n20, + .mx-sm-n20 { + margin-left: -200px !important; } + .m-sm-auto { + margin: auto !important; } + .mt-sm-auto, + .my-sm-auto { + margin-top: auto !important; } + .mr-sm-auto, + .mx-sm-auto { + margin-right: auto !important; } + .mb-sm-auto, + .my-sm-auto { + margin-bottom: auto !important; } + .ml-sm-auto, + .mx-sm-auto { + margin-left: auto !important; } } + +@media (min-width: 768px) { + .m-md-0 { + margin: 0 !important; } + .mt-md-0, + .my-md-0 { + margin-top: 0 !important; } + .mr-md-0, + .mx-md-0 { + margin-right: 0 !important; } + .mb-md-0, + .my-md-0 { + margin-bottom: 0 !important; } + .ml-md-0, + .mx-md-0 { + margin-left: 0 !important; } + .m-md-1 { + margin: 10px !important; } + .mt-md-1, + .my-md-1 { + margin-top: 10px !important; } + .mr-md-1, + .mx-md-1 { + margin-right: 10px !important; } + .mb-md-1, + .my-md-1 { + margin-bottom: 10px !important; } + .ml-md-1, + .mx-md-1 { + margin-left: 10px !important; } + .m-md-2 { + margin: 20px !important; } + .mt-md-2, + .my-md-2 { + margin-top: 20px !important; } + .mr-md-2, + .mx-md-2 { + margin-right: 20px !important; } + .mb-md-2, + .my-md-2 { + margin-bottom: 20px !important; } + .ml-md-2, + .mx-md-2 { + margin-left: 20px !important; } + .m-md-3 { + margin: 30px !important; } + .mt-md-3, + .my-md-3 { + margin-top: 30px !important; } + .mr-md-3, + .mx-md-3 { + margin-right: 30px !important; } + .mb-md-3, + .my-md-3 { + margin-bottom: 30px !important; } + .ml-md-3, + .mx-md-3 { + margin-left: 30px !important; } + .m-md-4 { + margin: 40px !important; } + .mt-md-4, + .my-md-4 { + margin-top: 40px !important; } + .mr-md-4, + .mx-md-4 { + margin-right: 40px !important; } + .mb-md-4, + .my-md-4 { + margin-bottom: 40px !important; } + .ml-md-4, + .mx-md-4 { + margin-left: 40px !important; } + .m-md-5 { + margin: 50px !important; } + .mt-md-5, + .my-md-5 { + margin-top: 50px !important; } + .mr-md-5, + .mx-md-5 { + margin-right: 50px !important; } + .mb-md-5, + .my-md-5 { + margin-bottom: 50px !important; } + .ml-md-5, + .mx-md-5 { + margin-left: 50px !important; } + .m-md-6 { + margin: 60px !important; } + .mt-md-6, + .my-md-6 { + margin-top: 60px !important; } + .mr-md-6, + .mx-md-6 { + margin-right: 60px !important; } + .mb-md-6, + .my-md-6 { + margin-bottom: 60px !important; } + .ml-md-6, + .mx-md-6 { + margin-left: 60px !important; } + .m-md-7 { + margin: 70px !important; } + .mt-md-7, + .my-md-7 { + margin-top: 70px !important; } + .mr-md-7, + .mx-md-7 { + margin-right: 70px !important; } + .mb-md-7, + .my-md-7 { + margin-bottom: 70px !important; } + .ml-md-7, + .mx-md-7 { + margin-left: 70px !important; } + .m-md-8 { + margin: 80px !important; } + .mt-md-8, + .my-md-8 { + margin-top: 80px !important; } + .mr-md-8, + .mx-md-8 { + margin-right: 80px !important; } + .mb-md-8, + .my-md-8 { + margin-bottom: 80px !important; } + .ml-md-8, + .mx-md-8 { + margin-left: 80px !important; } + .m-md-9 { + margin: 90px !important; } + .mt-md-9, + .my-md-9 { + margin-top: 90px !important; } + .mr-md-9, + .mx-md-9 { + margin-right: 90px !important; } + .mb-md-9, + .my-md-9 { + margin-bottom: 90px !important; } + .ml-md-9, + .mx-md-9 { + margin-left: 90px !important; } + .m-md-10 { + margin: 100px !important; } + .mt-md-10, + .my-md-10 { + margin-top: 100px !important; } + .mr-md-10, + .mx-md-10 { + margin-right: 100px !important; } + .mb-md-10, + .my-md-10 { + margin-bottom: 100px !important; } + .ml-md-10, + .mx-md-10 { + margin-left: 100px !important; } + .m-md-11 { + margin: 110px !important; } + .mt-md-11, + .my-md-11 { + margin-top: 110px !important; } + .mr-md-11, + .mx-md-11 { + margin-right: 110px !important; } + .mb-md-11, + .my-md-11 { + margin-bottom: 110px !important; } + .ml-md-11, + .mx-md-11 { + margin-left: 110px !important; } + .m-md-12 { + margin: 120px !important; } + .mt-md-12, + .my-md-12 { + margin-top: 120px !important; } + .mr-md-12, + .mx-md-12 { + margin-right: 120px !important; } + .mb-md-12, + .my-md-12 { + margin-bottom: 120px !important; } + .ml-md-12, + .mx-md-12 { + margin-left: 120px !important; } + .m-md-13 { + margin: 130px !important; } + .mt-md-13, + .my-md-13 { + margin-top: 130px !important; } + .mr-md-13, + .mx-md-13 { + margin-right: 130px !important; } + .mb-md-13, + .my-md-13 { + margin-bottom: 130px !important; } + .ml-md-13, + .mx-md-13 { + margin-left: 130px !important; } + .m-md-14 { + margin: 140px !important; } + .mt-md-14, + .my-md-14 { + margin-top: 140px !important; } + .mr-md-14, + .mx-md-14 { + margin-right: 140px !important; } + .mb-md-14, + .my-md-14 { + margin-bottom: 140px !important; } + .ml-md-14, + .mx-md-14 { + margin-left: 140px !important; } + .m-md-15 { + margin: 150px !important; } + .mt-md-15, + .my-md-15 { + margin-top: 150px !important; } + .mr-md-15, + .mx-md-15 { + margin-right: 150px !important; } + .mb-md-15, + .my-md-15 { + margin-bottom: 150px !important; } + .ml-md-15, + .mx-md-15 { + margin-left: 150px !important; } + .m-md-16 { + margin: 160px !important; } + .mt-md-16, + .my-md-16 { + margin-top: 160px !important; } + .mr-md-16, + .mx-md-16 { + margin-right: 160px !important; } + .mb-md-16, + .my-md-16 { + margin-bottom: 160px !important; } + .ml-md-16, + .mx-md-16 { + margin-left: 160px !important; } + .m-md-17 { + margin: 170px !important; } + .mt-md-17, + .my-md-17 { + margin-top: 170px !important; } + .mr-md-17, + .mx-md-17 { + margin-right: 170px !important; } + .mb-md-17, + .my-md-17 { + margin-bottom: 170px !important; } + .ml-md-17, + .mx-md-17 { + margin-left: 170px !important; } + .m-md-18 { + margin: 180px !important; } + .mt-md-18, + .my-md-18 { + margin-top: 180px !important; } + .mr-md-18, + .mx-md-18 { + margin-right: 180px !important; } + .mb-md-18, + .my-md-18 { + margin-bottom: 180px !important; } + .ml-md-18, + .mx-md-18 { + margin-left: 180px !important; } + .m-md-19 { + margin: 190px !important; } + .mt-md-19, + .my-md-19 { + margin-top: 190px !important; } + .mr-md-19, + .mx-md-19 { + margin-right: 190px !important; } + .mb-md-19, + .my-md-19 { + margin-bottom: 190px !important; } + .ml-md-19, + .mx-md-19 { + margin-left: 190px !important; } + .m-md-20 { + margin: 200px !important; } + .mt-md-20, + .my-md-20 { + margin-top: 200px !important; } + .mr-md-20, + .mx-md-20 { + margin-right: 200px !important; } + .mb-md-20, + .my-md-20 { + margin-bottom: 200px !important; } + .ml-md-20, + .mx-md-20 { + margin-left: 200px !important; } + .p-md-0 { + padding: 0 !important; } + .pt-md-0, + .py-md-0 { + padding-top: 0 !important; } + .pr-md-0, + .px-md-0 { + padding-right: 0 !important; } + .pb-md-0, + .py-md-0 { + padding-bottom: 0 !important; } + .pl-md-0, + .px-md-0 { + padding-left: 0 !important; } + .p-md-1 { + padding: 10px !important; } + .pt-md-1, + .py-md-1 { + padding-top: 10px !important; } + .pr-md-1, + .px-md-1 { + padding-right: 10px !important; } + .pb-md-1, + .py-md-1 { + padding-bottom: 10px !important; } + .pl-md-1, + .px-md-1 { + padding-left: 10px !important; } + .p-md-2 { + padding: 20px !important; } + .pt-md-2, + .py-md-2 { + padding-top: 20px !important; } + .pr-md-2, + .px-md-2 { + padding-right: 20px !important; } + .pb-md-2, + .py-md-2 { + padding-bottom: 20px !important; } + .pl-md-2, + .px-md-2 { + padding-left: 20px !important; } + .p-md-3 { + padding: 30px !important; } + .pt-md-3, + .py-md-3 { + padding-top: 30px !important; } + .pr-md-3, + .px-md-3 { + padding-right: 30px !important; } + .pb-md-3, + .py-md-3 { + padding-bottom: 30px !important; } + .pl-md-3, + .px-md-3 { + padding-left: 30px !important; } + .p-md-4 { + padding: 40px !important; } + .pt-md-4, + .py-md-4 { + padding-top: 40px !important; } + .pr-md-4, + .px-md-4 { + padding-right: 40px !important; } + .pb-md-4, + .py-md-4 { + padding-bottom: 40px !important; } + .pl-md-4, + .px-md-4 { + padding-left: 40px !important; } + .p-md-5 { + padding: 50px !important; } + .pt-md-5, + .py-md-5 { + padding-top: 50px !important; } + .pr-md-5, + .px-md-5 { + padding-right: 50px !important; } + .pb-md-5, + .py-md-5 { + padding-bottom: 50px !important; } + .pl-md-5, + .px-md-5 { + padding-left: 50px !important; } + .p-md-6 { + padding: 60px !important; } + .pt-md-6, + .py-md-6 { + padding-top: 60px !important; } + .pr-md-6, + .px-md-6 { + padding-right: 60px !important; } + .pb-md-6, + .py-md-6 { + padding-bottom: 60px !important; } + .pl-md-6, + .px-md-6 { + padding-left: 60px !important; } + .p-md-7 { + padding: 70px !important; } + .pt-md-7, + .py-md-7 { + padding-top: 70px !important; } + .pr-md-7, + .px-md-7 { + padding-right: 70px !important; } + .pb-md-7, + .py-md-7 { + padding-bottom: 70px !important; } + .pl-md-7, + .px-md-7 { + padding-left: 70px !important; } + .p-md-8 { + padding: 80px !important; } + .pt-md-8, + .py-md-8 { + padding-top: 80px !important; } + .pr-md-8, + .px-md-8 { + padding-right: 80px !important; } + .pb-md-8, + .py-md-8 { + padding-bottom: 80px !important; } + .pl-md-8, + .px-md-8 { + padding-left: 80px !important; } + .p-md-9 { + padding: 90px !important; } + .pt-md-9, + .py-md-9 { + padding-top: 90px !important; } + .pr-md-9, + .px-md-9 { + padding-right: 90px !important; } + .pb-md-9, + .py-md-9 { + padding-bottom: 90px !important; } + .pl-md-9, + .px-md-9 { + padding-left: 90px !important; } + .p-md-10 { + padding: 100px !important; } + .pt-md-10, + .py-md-10 { + padding-top: 100px !important; } + .pr-md-10, + .px-md-10 { + padding-right: 100px !important; } + .pb-md-10, + .py-md-10 { + padding-bottom: 100px !important; } + .pl-md-10, + .px-md-10 { + padding-left: 100px !important; } + .p-md-11 { + padding: 110px !important; } + .pt-md-11, + .py-md-11 { + padding-top: 110px !important; } + .pr-md-11, + .px-md-11 { + padding-right: 110px !important; } + .pb-md-11, + .py-md-11 { + padding-bottom: 110px !important; } + .pl-md-11, + .px-md-11 { + padding-left: 110px !important; } + .p-md-12 { + padding: 120px !important; } + .pt-md-12, + .py-md-12 { + padding-top: 120px !important; } + .pr-md-12, + .px-md-12 { + padding-right: 120px !important; } + .pb-md-12, + .py-md-12 { + padding-bottom: 120px !important; } + .pl-md-12, + .px-md-12 { + padding-left: 120px !important; } + .p-md-13 { + padding: 130px !important; } + .pt-md-13, + .py-md-13 { + padding-top: 130px !important; } + .pr-md-13, + .px-md-13 { + padding-right: 130px !important; } + .pb-md-13, + .py-md-13 { + padding-bottom: 130px !important; } + .pl-md-13, + .px-md-13 { + padding-left: 130px !important; } + .p-md-14 { + padding: 140px !important; } + .pt-md-14, + .py-md-14 { + padding-top: 140px !important; } + .pr-md-14, + .px-md-14 { + padding-right: 140px !important; } + .pb-md-14, + .py-md-14 { + padding-bottom: 140px !important; } + .pl-md-14, + .px-md-14 { + padding-left: 140px !important; } + .p-md-15 { + padding: 150px !important; } + .pt-md-15, + .py-md-15 { + padding-top: 150px !important; } + .pr-md-15, + .px-md-15 { + padding-right: 150px !important; } + .pb-md-15, + .py-md-15 { + padding-bottom: 150px !important; } + .pl-md-15, + .px-md-15 { + padding-left: 150px !important; } + .p-md-16 { + padding: 160px !important; } + .pt-md-16, + .py-md-16 { + padding-top: 160px !important; } + .pr-md-16, + .px-md-16 { + padding-right: 160px !important; } + .pb-md-16, + .py-md-16 { + padding-bottom: 160px !important; } + .pl-md-16, + .px-md-16 { + padding-left: 160px !important; } + .p-md-17 { + padding: 170px !important; } + .pt-md-17, + .py-md-17 { + padding-top: 170px !important; } + .pr-md-17, + .px-md-17 { + padding-right: 170px !important; } + .pb-md-17, + .py-md-17 { + padding-bottom: 170px !important; } + .pl-md-17, + .px-md-17 { + padding-left: 170px !important; } + .p-md-18 { + padding: 180px !important; } + .pt-md-18, + .py-md-18 { + padding-top: 180px !important; } + .pr-md-18, + .px-md-18 { + padding-right: 180px !important; } + .pb-md-18, + .py-md-18 { + padding-bottom: 180px !important; } + .pl-md-18, + .px-md-18 { + padding-left: 180px !important; } + .p-md-19 { + padding: 190px !important; } + .pt-md-19, + .py-md-19 { + padding-top: 190px !important; } + .pr-md-19, + .px-md-19 { + padding-right: 190px !important; } + .pb-md-19, + .py-md-19 { + padding-bottom: 190px !important; } + .pl-md-19, + .px-md-19 { + padding-left: 190px !important; } + .p-md-20 { + padding: 200px !important; } + .pt-md-20, + .py-md-20 { + padding-top: 200px !important; } + .pr-md-20, + .px-md-20 { + padding-right: 200px !important; } + .pb-md-20, + .py-md-20 { + padding-bottom: 200px !important; } + .pl-md-20, + .px-md-20 { + padding-left: 200px !important; } + .m-md-n1 { + margin: -10px !important; } + .mt-md-n1, + .my-md-n1 { + margin-top: -10px !important; } + .mr-md-n1, + .mx-md-n1 { + margin-right: -10px !important; } + .mb-md-n1, + .my-md-n1 { + margin-bottom: -10px !important; } + .ml-md-n1, + .mx-md-n1 { + margin-left: -10px !important; } + .m-md-n2 { + margin: -20px !important; } + .mt-md-n2, + .my-md-n2 { + margin-top: -20px !important; } + .mr-md-n2, + .mx-md-n2 { + margin-right: -20px !important; } + .mb-md-n2, + .my-md-n2 { + margin-bottom: -20px !important; } + .ml-md-n2, + .mx-md-n2 { + margin-left: -20px !important; } + .m-md-n3 { + margin: -30px !important; } + .mt-md-n3, + .my-md-n3 { + margin-top: -30px !important; } + .mr-md-n3, + .mx-md-n3 { + margin-right: -30px !important; } + .mb-md-n3, + .my-md-n3 { + margin-bottom: -30px !important; } + .ml-md-n3, + .mx-md-n3 { + margin-left: -30px !important; } + .m-md-n4 { + margin: -40px !important; } + .mt-md-n4, + .my-md-n4 { + margin-top: -40px !important; } + .mr-md-n4, + .mx-md-n4 { + margin-right: -40px !important; } + .mb-md-n4, + .my-md-n4 { + margin-bottom: -40px !important; } + .ml-md-n4, + .mx-md-n4 { + margin-left: -40px !important; } + .m-md-n5 { + margin: -50px !important; } + .mt-md-n5, + .my-md-n5 { + margin-top: -50px !important; } + .mr-md-n5, + .mx-md-n5 { + margin-right: -50px !important; } + .mb-md-n5, + .my-md-n5 { + margin-bottom: -50px !important; } + .ml-md-n5, + .mx-md-n5 { + margin-left: -50px !important; } + .m-md-n6 { + margin: -60px !important; } + .mt-md-n6, + .my-md-n6 { + margin-top: -60px !important; } + .mr-md-n6, + .mx-md-n6 { + margin-right: -60px !important; } + .mb-md-n6, + .my-md-n6 { + margin-bottom: -60px !important; } + .ml-md-n6, + .mx-md-n6 { + margin-left: -60px !important; } + .m-md-n7 { + margin: -70px !important; } + .mt-md-n7, + .my-md-n7 { + margin-top: -70px !important; } + .mr-md-n7, + .mx-md-n7 { + margin-right: -70px !important; } + .mb-md-n7, + .my-md-n7 { + margin-bottom: -70px !important; } + .ml-md-n7, + .mx-md-n7 { + margin-left: -70px !important; } + .m-md-n8 { + margin: -80px !important; } + .mt-md-n8, + .my-md-n8 { + margin-top: -80px !important; } + .mr-md-n8, + .mx-md-n8 { + margin-right: -80px !important; } + .mb-md-n8, + .my-md-n8 { + margin-bottom: -80px !important; } + .ml-md-n8, + .mx-md-n8 { + margin-left: -80px !important; } + .m-md-n9 { + margin: -90px !important; } + .mt-md-n9, + .my-md-n9 { + margin-top: -90px !important; } + .mr-md-n9, + .mx-md-n9 { + margin-right: -90px !important; } + .mb-md-n9, + .my-md-n9 { + margin-bottom: -90px !important; } + .ml-md-n9, + .mx-md-n9 { + margin-left: -90px !important; } + .m-md-n10 { + margin: -100px !important; } + .mt-md-n10, + .my-md-n10 { + margin-top: -100px !important; } + .mr-md-n10, + .mx-md-n10 { + margin-right: -100px !important; } + .mb-md-n10, + .my-md-n10 { + margin-bottom: -100px !important; } + .ml-md-n10, + .mx-md-n10 { + margin-left: -100px !important; } + .m-md-n11 { + margin: -110px !important; } + .mt-md-n11, + .my-md-n11 { + margin-top: -110px !important; } + .mr-md-n11, + .mx-md-n11 { + margin-right: -110px !important; } + .mb-md-n11, + .my-md-n11 { + margin-bottom: -110px !important; } + .ml-md-n11, + .mx-md-n11 { + margin-left: -110px !important; } + .m-md-n12 { + margin: -120px !important; } + .mt-md-n12, + .my-md-n12 { + margin-top: -120px !important; } + .mr-md-n12, + .mx-md-n12 { + margin-right: -120px !important; } + .mb-md-n12, + .my-md-n12 { + margin-bottom: -120px !important; } + .ml-md-n12, + .mx-md-n12 { + margin-left: -120px !important; } + .m-md-n13 { + margin: -130px !important; } + .mt-md-n13, + .my-md-n13 { + margin-top: -130px !important; } + .mr-md-n13, + .mx-md-n13 { + margin-right: -130px !important; } + .mb-md-n13, + .my-md-n13 { + margin-bottom: -130px !important; } + .ml-md-n13, + .mx-md-n13 { + margin-left: -130px !important; } + .m-md-n14 { + margin: -140px !important; } + .mt-md-n14, + .my-md-n14 { + margin-top: -140px !important; } + .mr-md-n14, + .mx-md-n14 { + margin-right: -140px !important; } + .mb-md-n14, + .my-md-n14 { + margin-bottom: -140px !important; } + .ml-md-n14, + .mx-md-n14 { + margin-left: -140px !important; } + .m-md-n15 { + margin: -150px !important; } + .mt-md-n15, + .my-md-n15 { + margin-top: -150px !important; } + .mr-md-n15, + .mx-md-n15 { + margin-right: -150px !important; } + .mb-md-n15, + .my-md-n15 { + margin-bottom: -150px !important; } + .ml-md-n15, + .mx-md-n15 { + margin-left: -150px !important; } + .m-md-n16 { + margin: -160px !important; } + .mt-md-n16, + .my-md-n16 { + margin-top: -160px !important; } + .mr-md-n16, + .mx-md-n16 { + margin-right: -160px !important; } + .mb-md-n16, + .my-md-n16 { + margin-bottom: -160px !important; } + .ml-md-n16, + .mx-md-n16 { + margin-left: -160px !important; } + .m-md-n17 { + margin: -170px !important; } + .mt-md-n17, + .my-md-n17 { + margin-top: -170px !important; } + .mr-md-n17, + .mx-md-n17 { + margin-right: -170px !important; } + .mb-md-n17, + .my-md-n17 { + margin-bottom: -170px !important; } + .ml-md-n17, + .mx-md-n17 { + margin-left: -170px !important; } + .m-md-n18 { + margin: -180px !important; } + .mt-md-n18, + .my-md-n18 { + margin-top: -180px !important; } + .mr-md-n18, + .mx-md-n18 { + margin-right: -180px !important; } + .mb-md-n18, + .my-md-n18 { + margin-bottom: -180px !important; } + .ml-md-n18, + .mx-md-n18 { + margin-left: -180px !important; } + .m-md-n19 { + margin: -190px !important; } + .mt-md-n19, + .my-md-n19 { + margin-top: -190px !important; } + .mr-md-n19, + .mx-md-n19 { + margin-right: -190px !important; } + .mb-md-n19, + .my-md-n19 { + margin-bottom: -190px !important; } + .ml-md-n19, + .mx-md-n19 { + margin-left: -190px !important; } + .m-md-n20 { + margin: -200px !important; } + .mt-md-n20, + .my-md-n20 { + margin-top: -200px !important; } + .mr-md-n20, + .mx-md-n20 { + margin-right: -200px !important; } + .mb-md-n20, + .my-md-n20 { + margin-bottom: -200px !important; } + .ml-md-n20, + .mx-md-n20 { + margin-left: -200px !important; } + .m-md-auto { + margin: auto !important; } + .mt-md-auto, + .my-md-auto { + margin-top: auto !important; } + .mr-md-auto, + .mx-md-auto { + margin-right: auto !important; } + .mb-md-auto, + .my-md-auto { + margin-bottom: auto !important; } + .ml-md-auto, + .mx-md-auto { + margin-left: auto !important; } } + +@media (min-width: 992px) { + .m-lg-0 { + margin: 0 !important; } + .mt-lg-0, + .my-lg-0 { + margin-top: 0 !important; } + .mr-lg-0, + .mx-lg-0 { + margin-right: 0 !important; } + .mb-lg-0, + .my-lg-0 { + margin-bottom: 0 !important; } + .ml-lg-0, + .mx-lg-0 { + margin-left: 0 !important; } + .m-lg-1 { + margin: 10px !important; } + .mt-lg-1, + .my-lg-1 { + margin-top: 10px !important; } + .mr-lg-1, + .mx-lg-1 { + margin-right: 10px !important; } + .mb-lg-1, + .my-lg-1 { + margin-bottom: 10px !important; } + .ml-lg-1, + .mx-lg-1 { + margin-left: 10px !important; } + .m-lg-2 { + margin: 20px !important; } + .mt-lg-2, + .my-lg-2 { + margin-top: 20px !important; } + .mr-lg-2, + .mx-lg-2 { + margin-right: 20px !important; } + .mb-lg-2, + .my-lg-2 { + margin-bottom: 20px !important; } + .ml-lg-2, + .mx-lg-2 { + margin-left: 20px !important; } + .m-lg-3 { + margin: 30px !important; } + .mt-lg-3, + .my-lg-3 { + margin-top: 30px !important; } + .mr-lg-3, + .mx-lg-3 { + margin-right: 30px !important; } + .mb-lg-3, + .my-lg-3 { + margin-bottom: 30px !important; } + .ml-lg-3, + .mx-lg-3 { + margin-left: 30px !important; } + .m-lg-4 { + margin: 40px !important; } + .mt-lg-4, + .my-lg-4 { + margin-top: 40px !important; } + .mr-lg-4, + .mx-lg-4 { + margin-right: 40px !important; } + .mb-lg-4, + .my-lg-4 { + margin-bottom: 40px !important; } + .ml-lg-4, + .mx-lg-4 { + margin-left: 40px !important; } + .m-lg-5 { + margin: 50px !important; } + .mt-lg-5, + .my-lg-5 { + margin-top: 50px !important; } + .mr-lg-5, + .mx-lg-5 { + margin-right: 50px !important; } + .mb-lg-5, + .my-lg-5 { + margin-bottom: 50px !important; } + .ml-lg-5, + .mx-lg-5 { + margin-left: 50px !important; } + .m-lg-6 { + margin: 60px !important; } + .mt-lg-6, + .my-lg-6 { + margin-top: 60px !important; } + .mr-lg-6, + .mx-lg-6 { + margin-right: 60px !important; } + .mb-lg-6, + .my-lg-6 { + margin-bottom: 60px !important; } + .ml-lg-6, + .mx-lg-6 { + margin-left: 60px !important; } + .m-lg-7 { + margin: 70px !important; } + .mt-lg-7, + .my-lg-7 { + margin-top: 70px !important; } + .mr-lg-7, + .mx-lg-7 { + margin-right: 70px !important; } + .mb-lg-7, + .my-lg-7 { + margin-bottom: 70px !important; } + .ml-lg-7, + .mx-lg-7 { + margin-left: 70px !important; } + .m-lg-8 { + margin: 80px !important; } + .mt-lg-8, + .my-lg-8 { + margin-top: 80px !important; } + .mr-lg-8, + .mx-lg-8 { + margin-right: 80px !important; } + .mb-lg-8, + .my-lg-8 { + margin-bottom: 80px !important; } + .ml-lg-8, + .mx-lg-8 { + margin-left: 80px !important; } + .m-lg-9 { + margin: 90px !important; } + .mt-lg-9, + .my-lg-9 { + margin-top: 90px !important; } + .mr-lg-9, + .mx-lg-9 { + margin-right: 90px !important; } + .mb-lg-9, + .my-lg-9 { + margin-bottom: 90px !important; } + .ml-lg-9, + .mx-lg-9 { + margin-left: 90px !important; } + .m-lg-10 { + margin: 100px !important; } + .mt-lg-10, + .my-lg-10 { + margin-top: 100px !important; } + .mr-lg-10, + .mx-lg-10 { + margin-right: 100px !important; } + .mb-lg-10, + .my-lg-10 { + margin-bottom: 100px !important; } + .ml-lg-10, + .mx-lg-10 { + margin-left: 100px !important; } + .m-lg-11 { + margin: 110px !important; } + .mt-lg-11, + .my-lg-11 { + margin-top: 110px !important; } + .mr-lg-11, + .mx-lg-11 { + margin-right: 110px !important; } + .mb-lg-11, + .my-lg-11 { + margin-bottom: 110px !important; } + .ml-lg-11, + .mx-lg-11 { + margin-left: 110px !important; } + .m-lg-12 { + margin: 120px !important; } + .mt-lg-12, + .my-lg-12 { + margin-top: 120px !important; } + .mr-lg-12, + .mx-lg-12 { + margin-right: 120px !important; } + .mb-lg-12, + .my-lg-12 { + margin-bottom: 120px !important; } + .ml-lg-12, + .mx-lg-12 { + margin-left: 120px !important; } + .m-lg-13 { + margin: 130px !important; } + .mt-lg-13, + .my-lg-13 { + margin-top: 130px !important; } + .mr-lg-13, + .mx-lg-13 { + margin-right: 130px !important; } + .mb-lg-13, + .my-lg-13 { + margin-bottom: 130px !important; } + .ml-lg-13, + .mx-lg-13 { + margin-left: 130px !important; } + .m-lg-14 { + margin: 140px !important; } + .mt-lg-14, + .my-lg-14 { + margin-top: 140px !important; } + .mr-lg-14, + .mx-lg-14 { + margin-right: 140px !important; } + .mb-lg-14, + .my-lg-14 { + margin-bottom: 140px !important; } + .ml-lg-14, + .mx-lg-14 { + margin-left: 140px !important; } + .m-lg-15 { + margin: 150px !important; } + .mt-lg-15, + .my-lg-15 { + margin-top: 150px !important; } + .mr-lg-15, + .mx-lg-15 { + margin-right: 150px !important; } + .mb-lg-15, + .my-lg-15 { + margin-bottom: 150px !important; } + .ml-lg-15, + .mx-lg-15 { + margin-left: 150px !important; } + .m-lg-16 { + margin: 160px !important; } + .mt-lg-16, + .my-lg-16 { + margin-top: 160px !important; } + .mr-lg-16, + .mx-lg-16 { + margin-right: 160px !important; } + .mb-lg-16, + .my-lg-16 { + margin-bottom: 160px !important; } + .ml-lg-16, + .mx-lg-16 { + margin-left: 160px !important; } + .m-lg-17 { + margin: 170px !important; } + .mt-lg-17, + .my-lg-17 { + margin-top: 170px !important; } + .mr-lg-17, + .mx-lg-17 { + margin-right: 170px !important; } + .mb-lg-17, + .my-lg-17 { + margin-bottom: 170px !important; } + .ml-lg-17, + .mx-lg-17 { + margin-left: 170px !important; } + .m-lg-18 { + margin: 180px !important; } + .mt-lg-18, + .my-lg-18 { + margin-top: 180px !important; } + .mr-lg-18, + .mx-lg-18 { + margin-right: 180px !important; } + .mb-lg-18, + .my-lg-18 { + margin-bottom: 180px !important; } + .ml-lg-18, + .mx-lg-18 { + margin-left: 180px !important; } + .m-lg-19 { + margin: 190px !important; } + .mt-lg-19, + .my-lg-19 { + margin-top: 190px !important; } + .mr-lg-19, + .mx-lg-19 { + margin-right: 190px !important; } + .mb-lg-19, + .my-lg-19 { + margin-bottom: 190px !important; } + .ml-lg-19, + .mx-lg-19 { + margin-left: 190px !important; } + .m-lg-20 { + margin: 200px !important; } + .mt-lg-20, + .my-lg-20 { + margin-top: 200px !important; } + .mr-lg-20, + .mx-lg-20 { + margin-right: 200px !important; } + .mb-lg-20, + .my-lg-20 { + margin-bottom: 200px !important; } + .ml-lg-20, + .mx-lg-20 { + margin-left: 200px !important; } + .p-lg-0 { + padding: 0 !important; } + .pt-lg-0, + .py-lg-0 { + padding-top: 0 !important; } + .pr-lg-0, + .px-lg-0 { + padding-right: 0 !important; } + .pb-lg-0, + .py-lg-0 { + padding-bottom: 0 !important; } + .pl-lg-0, + .px-lg-0 { + padding-left: 0 !important; } + .p-lg-1 { + padding: 10px !important; } + .pt-lg-1, + .py-lg-1 { + padding-top: 10px !important; } + .pr-lg-1, + .px-lg-1 { + padding-right: 10px !important; } + .pb-lg-1, + .py-lg-1 { + padding-bottom: 10px !important; } + .pl-lg-1, + .px-lg-1 { + padding-left: 10px !important; } + .p-lg-2 { + padding: 20px !important; } + .pt-lg-2, + .py-lg-2 { + padding-top: 20px !important; } + .pr-lg-2, + .px-lg-2 { + padding-right: 20px !important; } + .pb-lg-2, + .py-lg-2 { + padding-bottom: 20px !important; } + .pl-lg-2, + .px-lg-2 { + padding-left: 20px !important; } + .p-lg-3 { + padding: 30px !important; } + .pt-lg-3, + .py-lg-3 { + padding-top: 30px !important; } + .pr-lg-3, + .px-lg-3 { + padding-right: 30px !important; } + .pb-lg-3, + .py-lg-3 { + padding-bottom: 30px !important; } + .pl-lg-3, + .px-lg-3 { + padding-left: 30px !important; } + .p-lg-4 { + padding: 40px !important; } + .pt-lg-4, + .py-lg-4 { + padding-top: 40px !important; } + .pr-lg-4, + .px-lg-4 { + padding-right: 40px !important; } + .pb-lg-4, + .py-lg-4 { + padding-bottom: 40px !important; } + .pl-lg-4, + .px-lg-4 { + padding-left: 40px !important; } + .p-lg-5 { + padding: 50px !important; } + .pt-lg-5, + .py-lg-5 { + padding-top: 50px !important; } + .pr-lg-5, + .px-lg-5 { + padding-right: 50px !important; } + .pb-lg-5, + .py-lg-5 { + padding-bottom: 50px !important; } + .pl-lg-5, + .px-lg-5 { + padding-left: 50px !important; } + .p-lg-6 { + padding: 60px !important; } + .pt-lg-6, + .py-lg-6 { + padding-top: 60px !important; } + .pr-lg-6, + .px-lg-6 { + padding-right: 60px !important; } + .pb-lg-6, + .py-lg-6 { + padding-bottom: 60px !important; } + .pl-lg-6, + .px-lg-6 { + padding-left: 60px !important; } + .p-lg-7 { + padding: 70px !important; } + .pt-lg-7, + .py-lg-7 { + padding-top: 70px !important; } + .pr-lg-7, + .px-lg-7 { + padding-right: 70px !important; } + .pb-lg-7, + .py-lg-7 { + padding-bottom: 70px !important; } + .pl-lg-7, + .px-lg-7 { + padding-left: 70px !important; } + .p-lg-8 { + padding: 80px !important; } + .pt-lg-8, + .py-lg-8 { + padding-top: 80px !important; } + .pr-lg-8, + .px-lg-8 { + padding-right: 80px !important; } + .pb-lg-8, + .py-lg-8 { + padding-bottom: 80px !important; } + .pl-lg-8, + .px-lg-8 { + padding-left: 80px !important; } + .p-lg-9 { + padding: 90px !important; } + .pt-lg-9, + .py-lg-9 { + padding-top: 90px !important; } + .pr-lg-9, + .px-lg-9 { + padding-right: 90px !important; } + .pb-lg-9, + .py-lg-9 { + padding-bottom: 90px !important; } + .pl-lg-9, + .px-lg-9 { + padding-left: 90px !important; } + .p-lg-10 { + padding: 100px !important; } + .pt-lg-10, + .py-lg-10 { + padding-top: 100px !important; } + .pr-lg-10, + .px-lg-10 { + padding-right: 100px !important; } + .pb-lg-10, + .py-lg-10 { + padding-bottom: 100px !important; } + .pl-lg-10, + .px-lg-10 { + padding-left: 100px !important; } + .p-lg-11 { + padding: 110px !important; } + .pt-lg-11, + .py-lg-11 { + padding-top: 110px !important; } + .pr-lg-11, + .px-lg-11 { + padding-right: 110px !important; } + .pb-lg-11, + .py-lg-11 { + padding-bottom: 110px !important; } + .pl-lg-11, + .px-lg-11 { + padding-left: 110px !important; } + .p-lg-12 { + padding: 120px !important; } + .pt-lg-12, + .py-lg-12 { + padding-top: 120px !important; } + .pr-lg-12, + .px-lg-12 { + padding-right: 120px !important; } + .pb-lg-12, + .py-lg-12 { + padding-bottom: 120px !important; } + .pl-lg-12, + .px-lg-12 { + padding-left: 120px !important; } + .p-lg-13 { + padding: 130px !important; } + .pt-lg-13, + .py-lg-13 { + padding-top: 130px !important; } + .pr-lg-13, + .px-lg-13 { + padding-right: 130px !important; } + .pb-lg-13, + .py-lg-13 { + padding-bottom: 130px !important; } + .pl-lg-13, + .px-lg-13 { + padding-left: 130px !important; } + .p-lg-14 { + padding: 140px !important; } + .pt-lg-14, + .py-lg-14 { + padding-top: 140px !important; } + .pr-lg-14, + .px-lg-14 { + padding-right: 140px !important; } + .pb-lg-14, + .py-lg-14 { + padding-bottom: 140px !important; } + .pl-lg-14, + .px-lg-14 { + padding-left: 140px !important; } + .p-lg-15 { + padding: 150px !important; } + .pt-lg-15, + .py-lg-15 { + padding-top: 150px !important; } + .pr-lg-15, + .px-lg-15 { + padding-right: 150px !important; } + .pb-lg-15, + .py-lg-15 { + padding-bottom: 150px !important; } + .pl-lg-15, + .px-lg-15 { + padding-left: 150px !important; } + .p-lg-16 { + padding: 160px !important; } + .pt-lg-16, + .py-lg-16 { + padding-top: 160px !important; } + .pr-lg-16, + .px-lg-16 { + padding-right: 160px !important; } + .pb-lg-16, + .py-lg-16 { + padding-bottom: 160px !important; } + .pl-lg-16, + .px-lg-16 { + padding-left: 160px !important; } + .p-lg-17 { + padding: 170px !important; } + .pt-lg-17, + .py-lg-17 { + padding-top: 170px !important; } + .pr-lg-17, + .px-lg-17 { + padding-right: 170px !important; } + .pb-lg-17, + .py-lg-17 { + padding-bottom: 170px !important; } + .pl-lg-17, + .px-lg-17 { + padding-left: 170px !important; } + .p-lg-18 { + padding: 180px !important; } + .pt-lg-18, + .py-lg-18 { + padding-top: 180px !important; } + .pr-lg-18, + .px-lg-18 { + padding-right: 180px !important; } + .pb-lg-18, + .py-lg-18 { + padding-bottom: 180px !important; } + .pl-lg-18, + .px-lg-18 { + padding-left: 180px !important; } + .p-lg-19 { + padding: 190px !important; } + .pt-lg-19, + .py-lg-19 { + padding-top: 190px !important; } + .pr-lg-19, + .px-lg-19 { + padding-right: 190px !important; } + .pb-lg-19, + .py-lg-19 { + padding-bottom: 190px !important; } + .pl-lg-19, + .px-lg-19 { + padding-left: 190px !important; } + .p-lg-20 { + padding: 200px !important; } + .pt-lg-20, + .py-lg-20 { + padding-top: 200px !important; } + .pr-lg-20, + .px-lg-20 { + padding-right: 200px !important; } + .pb-lg-20, + .py-lg-20 { + padding-bottom: 200px !important; } + .pl-lg-20, + .px-lg-20 { + padding-left: 200px !important; } + .m-lg-n1 { + margin: -10px !important; } + .mt-lg-n1, + .my-lg-n1 { + margin-top: -10px !important; } + .mr-lg-n1, + .mx-lg-n1 { + margin-right: -10px !important; } + .mb-lg-n1, + .my-lg-n1 { + margin-bottom: -10px !important; } + .ml-lg-n1, + .mx-lg-n1 { + margin-left: -10px !important; } + .m-lg-n2 { + margin: -20px !important; } + .mt-lg-n2, + .my-lg-n2 { + margin-top: -20px !important; } + .mr-lg-n2, + .mx-lg-n2 { + margin-right: -20px !important; } + .mb-lg-n2, + .my-lg-n2 { + margin-bottom: -20px !important; } + .ml-lg-n2, + .mx-lg-n2 { + margin-left: -20px !important; } + .m-lg-n3 { + margin: -30px !important; } + .mt-lg-n3, + .my-lg-n3 { + margin-top: -30px !important; } + .mr-lg-n3, + .mx-lg-n3 { + margin-right: -30px !important; } + .mb-lg-n3, + .my-lg-n3 { + margin-bottom: -30px !important; } + .ml-lg-n3, + .mx-lg-n3 { + margin-left: -30px !important; } + .m-lg-n4 { + margin: -40px !important; } + .mt-lg-n4, + .my-lg-n4 { + margin-top: -40px !important; } + .mr-lg-n4, + .mx-lg-n4 { + margin-right: -40px !important; } + .mb-lg-n4, + .my-lg-n4 { + margin-bottom: -40px !important; } + .ml-lg-n4, + .mx-lg-n4 { + margin-left: -40px !important; } + .m-lg-n5 { + margin: -50px !important; } + .mt-lg-n5, + .my-lg-n5 { + margin-top: -50px !important; } + .mr-lg-n5, + .mx-lg-n5 { + margin-right: -50px !important; } + .mb-lg-n5, + .my-lg-n5 { + margin-bottom: -50px !important; } + .ml-lg-n5, + .mx-lg-n5 { + margin-left: -50px !important; } + .m-lg-n6 { + margin: -60px !important; } + .mt-lg-n6, + .my-lg-n6 { + margin-top: -60px !important; } + .mr-lg-n6, + .mx-lg-n6 { + margin-right: -60px !important; } + .mb-lg-n6, + .my-lg-n6 { + margin-bottom: -60px !important; } + .ml-lg-n6, + .mx-lg-n6 { + margin-left: -60px !important; } + .m-lg-n7 { + margin: -70px !important; } + .mt-lg-n7, + .my-lg-n7 { + margin-top: -70px !important; } + .mr-lg-n7, + .mx-lg-n7 { + margin-right: -70px !important; } + .mb-lg-n7, + .my-lg-n7 { + margin-bottom: -70px !important; } + .ml-lg-n7, + .mx-lg-n7 { + margin-left: -70px !important; } + .m-lg-n8 { + margin: -80px !important; } + .mt-lg-n8, + .my-lg-n8 { + margin-top: -80px !important; } + .mr-lg-n8, + .mx-lg-n8 { + margin-right: -80px !important; } + .mb-lg-n8, + .my-lg-n8 { + margin-bottom: -80px !important; } + .ml-lg-n8, + .mx-lg-n8 { + margin-left: -80px !important; } + .m-lg-n9 { + margin: -90px !important; } + .mt-lg-n9, + .my-lg-n9 { + margin-top: -90px !important; } + .mr-lg-n9, + .mx-lg-n9 { + margin-right: -90px !important; } + .mb-lg-n9, + .my-lg-n9 { + margin-bottom: -90px !important; } + .ml-lg-n9, + .mx-lg-n9 { + margin-left: -90px !important; } + .m-lg-n10 { + margin: -100px !important; } + .mt-lg-n10, + .my-lg-n10 { + margin-top: -100px !important; } + .mr-lg-n10, + .mx-lg-n10 { + margin-right: -100px !important; } + .mb-lg-n10, + .my-lg-n10 { + margin-bottom: -100px !important; } + .ml-lg-n10, + .mx-lg-n10 { + margin-left: -100px !important; } + .m-lg-n11 { + margin: -110px !important; } + .mt-lg-n11, + .my-lg-n11 { + margin-top: -110px !important; } + .mr-lg-n11, + .mx-lg-n11 { + margin-right: -110px !important; } + .mb-lg-n11, + .my-lg-n11 { + margin-bottom: -110px !important; } + .ml-lg-n11, + .mx-lg-n11 { + margin-left: -110px !important; } + .m-lg-n12 { + margin: -120px !important; } + .mt-lg-n12, + .my-lg-n12 { + margin-top: -120px !important; } + .mr-lg-n12, + .mx-lg-n12 { + margin-right: -120px !important; } + .mb-lg-n12, + .my-lg-n12 { + margin-bottom: -120px !important; } + .ml-lg-n12, + .mx-lg-n12 { + margin-left: -120px !important; } + .m-lg-n13 { + margin: -130px !important; } + .mt-lg-n13, + .my-lg-n13 { + margin-top: -130px !important; } + .mr-lg-n13, + .mx-lg-n13 { + margin-right: -130px !important; } + .mb-lg-n13, + .my-lg-n13 { + margin-bottom: -130px !important; } + .ml-lg-n13, + .mx-lg-n13 { + margin-left: -130px !important; } + .m-lg-n14 { + margin: -140px !important; } + .mt-lg-n14, + .my-lg-n14 { + margin-top: -140px !important; } + .mr-lg-n14, + .mx-lg-n14 { + margin-right: -140px !important; } + .mb-lg-n14, + .my-lg-n14 { + margin-bottom: -140px !important; } + .ml-lg-n14, + .mx-lg-n14 { + margin-left: -140px !important; } + .m-lg-n15 { + margin: -150px !important; } + .mt-lg-n15, + .my-lg-n15 { + margin-top: -150px !important; } + .mr-lg-n15, + .mx-lg-n15 { + margin-right: -150px !important; } + .mb-lg-n15, + .my-lg-n15 { + margin-bottom: -150px !important; } + .ml-lg-n15, + .mx-lg-n15 { + margin-left: -150px !important; } + .m-lg-n16 { + margin: -160px !important; } + .mt-lg-n16, + .my-lg-n16 { + margin-top: -160px !important; } + .mr-lg-n16, + .mx-lg-n16 { + margin-right: -160px !important; } + .mb-lg-n16, + .my-lg-n16 { + margin-bottom: -160px !important; } + .ml-lg-n16, + .mx-lg-n16 { + margin-left: -160px !important; } + .m-lg-n17 { + margin: -170px !important; } + .mt-lg-n17, + .my-lg-n17 { + margin-top: -170px !important; } + .mr-lg-n17, + .mx-lg-n17 { + margin-right: -170px !important; } + .mb-lg-n17, + .my-lg-n17 { + margin-bottom: -170px !important; } + .ml-lg-n17, + .mx-lg-n17 { + margin-left: -170px !important; } + .m-lg-n18 { + margin: -180px !important; } + .mt-lg-n18, + .my-lg-n18 { + margin-top: -180px !important; } + .mr-lg-n18, + .mx-lg-n18 { + margin-right: -180px !important; } + .mb-lg-n18, + .my-lg-n18 { + margin-bottom: -180px !important; } + .ml-lg-n18, + .mx-lg-n18 { + margin-left: -180px !important; } + .m-lg-n19 { + margin: -190px !important; } + .mt-lg-n19, + .my-lg-n19 { + margin-top: -190px !important; } + .mr-lg-n19, + .mx-lg-n19 { + margin-right: -190px !important; } + .mb-lg-n19, + .my-lg-n19 { + margin-bottom: -190px !important; } + .ml-lg-n19, + .mx-lg-n19 { + margin-left: -190px !important; } + .m-lg-n20 { + margin: -200px !important; } + .mt-lg-n20, + .my-lg-n20 { + margin-top: -200px !important; } + .mr-lg-n20, + .mx-lg-n20 { + margin-right: -200px !important; } + .mb-lg-n20, + .my-lg-n20 { + margin-bottom: -200px !important; } + .ml-lg-n20, + .mx-lg-n20 { + margin-left: -200px !important; } + .m-lg-auto { + margin: auto !important; } + .mt-lg-auto, + .my-lg-auto { + margin-top: auto !important; } + .mr-lg-auto, + .mx-lg-auto { + margin-right: auto !important; } + .mb-lg-auto, + .my-lg-auto { + margin-bottom: auto !important; } + .ml-lg-auto, + .mx-lg-auto { + margin-left: auto !important; } } + +@media (min-width: 1300px) { + .m-xl-0 { + margin: 0 !important; } + .mt-xl-0, + .my-xl-0 { + margin-top: 0 !important; } + .mr-xl-0, + .mx-xl-0 { + margin-right: 0 !important; } + .mb-xl-0, + .my-xl-0 { + margin-bottom: 0 !important; } + .ml-xl-0, + .mx-xl-0 { + margin-left: 0 !important; } + .m-xl-1 { + margin: 10px !important; } + .mt-xl-1, + .my-xl-1 { + margin-top: 10px !important; } + .mr-xl-1, + .mx-xl-1 { + margin-right: 10px !important; } + .mb-xl-1, + .my-xl-1 { + margin-bottom: 10px !important; } + .ml-xl-1, + .mx-xl-1 { + margin-left: 10px !important; } + .m-xl-2 { + margin: 20px !important; } + .mt-xl-2, + .my-xl-2 { + margin-top: 20px !important; } + .mr-xl-2, + .mx-xl-2 { + margin-right: 20px !important; } + .mb-xl-2, + .my-xl-2 { + margin-bottom: 20px !important; } + .ml-xl-2, + .mx-xl-2 { + margin-left: 20px !important; } + .m-xl-3 { + margin: 30px !important; } + .mt-xl-3, + .my-xl-3 { + margin-top: 30px !important; } + .mr-xl-3, + .mx-xl-3 { + margin-right: 30px !important; } + .mb-xl-3, + .my-xl-3 { + margin-bottom: 30px !important; } + .ml-xl-3, + .mx-xl-3 { + margin-left: 30px !important; } + .m-xl-4 { + margin: 40px !important; } + .mt-xl-4, + .my-xl-4 { + margin-top: 40px !important; } + .mr-xl-4, + .mx-xl-4 { + margin-right: 40px !important; } + .mb-xl-4, + .my-xl-4 { + margin-bottom: 40px !important; } + .ml-xl-4, + .mx-xl-4 { + margin-left: 40px !important; } + .m-xl-5 { + margin: 50px !important; } + .mt-xl-5, + .my-xl-5 { + margin-top: 50px !important; } + .mr-xl-5, + .mx-xl-5 { + margin-right: 50px !important; } + .mb-xl-5, + .my-xl-5 { + margin-bottom: 50px !important; } + .ml-xl-5, + .mx-xl-5 { + margin-left: 50px !important; } + .m-xl-6 { + margin: 60px !important; } + .mt-xl-6, + .my-xl-6 { + margin-top: 60px !important; } + .mr-xl-6, + .mx-xl-6 { + margin-right: 60px !important; } + .mb-xl-6, + .my-xl-6 { + margin-bottom: 60px !important; } + .ml-xl-6, + .mx-xl-6 { + margin-left: 60px !important; } + .m-xl-7 { + margin: 70px !important; } + .mt-xl-7, + .my-xl-7 { + margin-top: 70px !important; } + .mr-xl-7, + .mx-xl-7 { + margin-right: 70px !important; } + .mb-xl-7, + .my-xl-7 { + margin-bottom: 70px !important; } + .ml-xl-7, + .mx-xl-7 { + margin-left: 70px !important; } + .m-xl-8 { + margin: 80px !important; } + .mt-xl-8, + .my-xl-8 { + margin-top: 80px !important; } + .mr-xl-8, + .mx-xl-8 { + margin-right: 80px !important; } + .mb-xl-8, + .my-xl-8 { + margin-bottom: 80px !important; } + .ml-xl-8, + .mx-xl-8 { + margin-left: 80px !important; } + .m-xl-9 { + margin: 90px !important; } + .mt-xl-9, + .my-xl-9 { + margin-top: 90px !important; } + .mr-xl-9, + .mx-xl-9 { + margin-right: 90px !important; } + .mb-xl-9, + .my-xl-9 { + margin-bottom: 90px !important; } + .ml-xl-9, + .mx-xl-9 { + margin-left: 90px !important; } + .m-xl-10 { + margin: 100px !important; } + .mt-xl-10, + .my-xl-10 { + margin-top: 100px !important; } + .mr-xl-10, + .mx-xl-10 { + margin-right: 100px !important; } + .mb-xl-10, + .my-xl-10 { + margin-bottom: 100px !important; } + .ml-xl-10, + .mx-xl-10 { + margin-left: 100px !important; } + .m-xl-11 { + margin: 110px !important; } + .mt-xl-11, + .my-xl-11 { + margin-top: 110px !important; } + .mr-xl-11, + .mx-xl-11 { + margin-right: 110px !important; } + .mb-xl-11, + .my-xl-11 { + margin-bottom: 110px !important; } + .ml-xl-11, + .mx-xl-11 { + margin-left: 110px !important; } + .m-xl-12 { + margin: 120px !important; } + .mt-xl-12, + .my-xl-12 { + margin-top: 120px !important; } + .mr-xl-12, + .mx-xl-12 { + margin-right: 120px !important; } + .mb-xl-12, + .my-xl-12 { + margin-bottom: 120px !important; } + .ml-xl-12, + .mx-xl-12 { + margin-left: 120px !important; } + .m-xl-13 { + margin: 130px !important; } + .mt-xl-13, + .my-xl-13 { + margin-top: 130px !important; } + .mr-xl-13, + .mx-xl-13 { + margin-right: 130px !important; } + .mb-xl-13, + .my-xl-13 { + margin-bottom: 130px !important; } + .ml-xl-13, + .mx-xl-13 { + margin-left: 130px !important; } + .m-xl-14 { + margin: 140px !important; } + .mt-xl-14, + .my-xl-14 { + margin-top: 140px !important; } + .mr-xl-14, + .mx-xl-14 { + margin-right: 140px !important; } + .mb-xl-14, + .my-xl-14 { + margin-bottom: 140px !important; } + .ml-xl-14, + .mx-xl-14 { + margin-left: 140px !important; } + .m-xl-15 { + margin: 150px !important; } + .mt-xl-15, + .my-xl-15 { + margin-top: 150px !important; } + .mr-xl-15, + .mx-xl-15 { + margin-right: 150px !important; } + .mb-xl-15, + .my-xl-15 { + margin-bottom: 150px !important; } + .ml-xl-15, + .mx-xl-15 { + margin-left: 150px !important; } + .m-xl-16 { + margin: 160px !important; } + .mt-xl-16, + .my-xl-16 { + margin-top: 160px !important; } + .mr-xl-16, + .mx-xl-16 { + margin-right: 160px !important; } + .mb-xl-16, + .my-xl-16 { + margin-bottom: 160px !important; } + .ml-xl-16, + .mx-xl-16 { + margin-left: 160px !important; } + .m-xl-17 { + margin: 170px !important; } + .mt-xl-17, + .my-xl-17 { + margin-top: 170px !important; } + .mr-xl-17, + .mx-xl-17 { + margin-right: 170px !important; } + .mb-xl-17, + .my-xl-17 { + margin-bottom: 170px !important; } + .ml-xl-17, + .mx-xl-17 { + margin-left: 170px !important; } + .m-xl-18 { + margin: 180px !important; } + .mt-xl-18, + .my-xl-18 { + margin-top: 180px !important; } + .mr-xl-18, + .mx-xl-18 { + margin-right: 180px !important; } + .mb-xl-18, + .my-xl-18 { + margin-bottom: 180px !important; } + .ml-xl-18, + .mx-xl-18 { + margin-left: 180px !important; } + .m-xl-19 { + margin: 190px !important; } + .mt-xl-19, + .my-xl-19 { + margin-top: 190px !important; } + .mr-xl-19, + .mx-xl-19 { + margin-right: 190px !important; } + .mb-xl-19, + .my-xl-19 { + margin-bottom: 190px !important; } + .ml-xl-19, + .mx-xl-19 { + margin-left: 190px !important; } + .m-xl-20 { + margin: 200px !important; } + .mt-xl-20, + .my-xl-20 { + margin-top: 200px !important; } + .mr-xl-20, + .mx-xl-20 { + margin-right: 200px !important; } + .mb-xl-20, + .my-xl-20 { + margin-bottom: 200px !important; } + .ml-xl-20, + .mx-xl-20 { + margin-left: 200px !important; } + .p-xl-0 { + padding: 0 !important; } + .pt-xl-0, + .py-xl-0 { + padding-top: 0 !important; } + .pr-xl-0, + .px-xl-0 { + padding-right: 0 !important; } + .pb-xl-0, + .py-xl-0 { + padding-bottom: 0 !important; } + .pl-xl-0, + .px-xl-0 { + padding-left: 0 !important; } + .p-xl-1 { + padding: 10px !important; } + .pt-xl-1, + .py-xl-1 { + padding-top: 10px !important; } + .pr-xl-1, + .px-xl-1 { + padding-right: 10px !important; } + .pb-xl-1, + .py-xl-1 { + padding-bottom: 10px !important; } + .pl-xl-1, + .px-xl-1 { + padding-left: 10px !important; } + .p-xl-2 { + padding: 20px !important; } + .pt-xl-2, + .py-xl-2 { + padding-top: 20px !important; } + .pr-xl-2, + .px-xl-2 { + padding-right: 20px !important; } + .pb-xl-2, + .py-xl-2 { + padding-bottom: 20px !important; } + .pl-xl-2, + .px-xl-2 { + padding-left: 20px !important; } + .p-xl-3 { + padding: 30px !important; } + .pt-xl-3, + .py-xl-3 { + padding-top: 30px !important; } + .pr-xl-3, + .px-xl-3 { + padding-right: 30px !important; } + .pb-xl-3, + .py-xl-3 { + padding-bottom: 30px !important; } + .pl-xl-3, + .px-xl-3 { + padding-left: 30px !important; } + .p-xl-4 { + padding: 40px !important; } + .pt-xl-4, + .py-xl-4 { + padding-top: 40px !important; } + .pr-xl-4, + .px-xl-4 { + padding-right: 40px !important; } + .pb-xl-4, + .py-xl-4 { + padding-bottom: 40px !important; } + .pl-xl-4, + .px-xl-4 { + padding-left: 40px !important; } + .p-xl-5 { + padding: 50px !important; } + .pt-xl-5, + .py-xl-5 { + padding-top: 50px !important; } + .pr-xl-5, + .px-xl-5 { + padding-right: 50px !important; } + .pb-xl-5, + .py-xl-5 { + padding-bottom: 50px !important; } + .pl-xl-5, + .px-xl-5 { + padding-left: 50px !important; } + .p-xl-6 { + padding: 60px !important; } + .pt-xl-6, + .py-xl-6 { + padding-top: 60px !important; } + .pr-xl-6, + .px-xl-6 { + padding-right: 60px !important; } + .pb-xl-6, + .py-xl-6 { + padding-bottom: 60px !important; } + .pl-xl-6, + .px-xl-6 { + padding-left: 60px !important; } + .p-xl-7 { + padding: 70px !important; } + .pt-xl-7, + .py-xl-7 { + padding-top: 70px !important; } + .pr-xl-7, + .px-xl-7 { + padding-right: 70px !important; } + .pb-xl-7, + .py-xl-7 { + padding-bottom: 70px !important; } + .pl-xl-7, + .px-xl-7 { + padding-left: 70px !important; } + .p-xl-8 { + padding: 80px !important; } + .pt-xl-8, + .py-xl-8 { + padding-top: 80px !important; } + .pr-xl-8, + .px-xl-8 { + padding-right: 80px !important; } + .pb-xl-8, + .py-xl-8 { + padding-bottom: 80px !important; } + .pl-xl-8, + .px-xl-8 { + padding-left: 80px !important; } + .p-xl-9 { + padding: 90px !important; } + .pt-xl-9, + .py-xl-9 { + padding-top: 90px !important; } + .pr-xl-9, + .px-xl-9 { + padding-right: 90px !important; } + .pb-xl-9, + .py-xl-9 { + padding-bottom: 90px !important; } + .pl-xl-9, + .px-xl-9 { + padding-left: 90px !important; } + .p-xl-10 { + padding: 100px !important; } + .pt-xl-10, + .py-xl-10 { + padding-top: 100px !important; } + .pr-xl-10, + .px-xl-10 { + padding-right: 100px !important; } + .pb-xl-10, + .py-xl-10 { + padding-bottom: 100px !important; } + .pl-xl-10, + .px-xl-10 { + padding-left: 100px !important; } + .p-xl-11 { + padding: 110px !important; } + .pt-xl-11, + .py-xl-11 { + padding-top: 110px !important; } + .pr-xl-11, + .px-xl-11 { + padding-right: 110px !important; } + .pb-xl-11, + .py-xl-11 { + padding-bottom: 110px !important; } + .pl-xl-11, + .px-xl-11 { + padding-left: 110px !important; } + .p-xl-12 { + padding: 120px !important; } + .pt-xl-12, + .py-xl-12 { + padding-top: 120px !important; } + .pr-xl-12, + .px-xl-12 { + padding-right: 120px !important; } + .pb-xl-12, + .py-xl-12 { + padding-bottom: 120px !important; } + .pl-xl-12, + .px-xl-12 { + padding-left: 120px !important; } + .p-xl-13 { + padding: 130px !important; } + .pt-xl-13, + .py-xl-13 { + padding-top: 130px !important; } + .pr-xl-13, + .px-xl-13 { + padding-right: 130px !important; } + .pb-xl-13, + .py-xl-13 { + padding-bottom: 130px !important; } + .pl-xl-13, + .px-xl-13 { + padding-left: 130px !important; } + .p-xl-14 { + padding: 140px !important; } + .pt-xl-14, + .py-xl-14 { + padding-top: 140px !important; } + .pr-xl-14, + .px-xl-14 { + padding-right: 140px !important; } + .pb-xl-14, + .py-xl-14 { + padding-bottom: 140px !important; } + .pl-xl-14, + .px-xl-14 { + padding-left: 140px !important; } + .p-xl-15 { + padding: 150px !important; } + .pt-xl-15, + .py-xl-15 { + padding-top: 150px !important; } + .pr-xl-15, + .px-xl-15 { + padding-right: 150px !important; } + .pb-xl-15, + .py-xl-15 { + padding-bottom: 150px !important; } + .pl-xl-15, + .px-xl-15 { + padding-left: 150px !important; } + .p-xl-16 { + padding: 160px !important; } + .pt-xl-16, + .py-xl-16 { + padding-top: 160px !important; } + .pr-xl-16, + .px-xl-16 { + padding-right: 160px !important; } + .pb-xl-16, + .py-xl-16 { + padding-bottom: 160px !important; } + .pl-xl-16, + .px-xl-16 { + padding-left: 160px !important; } + .p-xl-17 { + padding: 170px !important; } + .pt-xl-17, + .py-xl-17 { + padding-top: 170px !important; } + .pr-xl-17, + .px-xl-17 { + padding-right: 170px !important; } + .pb-xl-17, + .py-xl-17 { + padding-bottom: 170px !important; } + .pl-xl-17, + .px-xl-17 { + padding-left: 170px !important; } + .p-xl-18 { + padding: 180px !important; } + .pt-xl-18, + .py-xl-18 { + padding-top: 180px !important; } + .pr-xl-18, + .px-xl-18 { + padding-right: 180px !important; } + .pb-xl-18, + .py-xl-18 { + padding-bottom: 180px !important; } + .pl-xl-18, + .px-xl-18 { + padding-left: 180px !important; } + .p-xl-19 { + padding: 190px !important; } + .pt-xl-19, + .py-xl-19 { + padding-top: 190px !important; } + .pr-xl-19, + .px-xl-19 { + padding-right: 190px !important; } + .pb-xl-19, + .py-xl-19 { + padding-bottom: 190px !important; } + .pl-xl-19, + .px-xl-19 { + padding-left: 190px !important; } + .p-xl-20 { + padding: 200px !important; } + .pt-xl-20, + .py-xl-20 { + padding-top: 200px !important; } + .pr-xl-20, + .px-xl-20 { + padding-right: 200px !important; } + .pb-xl-20, + .py-xl-20 { + padding-bottom: 200px !important; } + .pl-xl-20, + .px-xl-20 { + padding-left: 200px !important; } + .m-xl-n1 { + margin: -10px !important; } + .mt-xl-n1, + .my-xl-n1 { + margin-top: -10px !important; } + .mr-xl-n1, + .mx-xl-n1 { + margin-right: -10px !important; } + .mb-xl-n1, + .my-xl-n1 { + margin-bottom: -10px !important; } + .ml-xl-n1, + .mx-xl-n1 { + margin-left: -10px !important; } + .m-xl-n2 { + margin: -20px !important; } + .mt-xl-n2, + .my-xl-n2 { + margin-top: -20px !important; } + .mr-xl-n2, + .mx-xl-n2 { + margin-right: -20px !important; } + .mb-xl-n2, + .my-xl-n2 { + margin-bottom: -20px !important; } + .ml-xl-n2, + .mx-xl-n2 { + margin-left: -20px !important; } + .m-xl-n3 { + margin: -30px !important; } + .mt-xl-n3, + .my-xl-n3 { + margin-top: -30px !important; } + .mr-xl-n3, + .mx-xl-n3 { + margin-right: -30px !important; } + .mb-xl-n3, + .my-xl-n3 { + margin-bottom: -30px !important; } + .ml-xl-n3, + .mx-xl-n3 { + margin-left: -30px !important; } + .m-xl-n4 { + margin: -40px !important; } + .mt-xl-n4, + .my-xl-n4 { + margin-top: -40px !important; } + .mr-xl-n4, + .mx-xl-n4 { + margin-right: -40px !important; } + .mb-xl-n4, + .my-xl-n4 { + margin-bottom: -40px !important; } + .ml-xl-n4, + .mx-xl-n4 { + margin-left: -40px !important; } + .m-xl-n5 { + margin: -50px !important; } + .mt-xl-n5, + .my-xl-n5 { + margin-top: -50px !important; } + .mr-xl-n5, + .mx-xl-n5 { + margin-right: -50px !important; } + .mb-xl-n5, + .my-xl-n5 { + margin-bottom: -50px !important; } + .ml-xl-n5, + .mx-xl-n5 { + margin-left: -50px !important; } + .m-xl-n6 { + margin: -60px !important; } + .mt-xl-n6, + .my-xl-n6 { + margin-top: -60px !important; } + .mr-xl-n6, + .mx-xl-n6 { + margin-right: -60px !important; } + .mb-xl-n6, + .my-xl-n6 { + margin-bottom: -60px !important; } + .ml-xl-n6, + .mx-xl-n6 { + margin-left: -60px !important; } + .m-xl-n7 { + margin: -70px !important; } + .mt-xl-n7, + .my-xl-n7 { + margin-top: -70px !important; } + .mr-xl-n7, + .mx-xl-n7 { + margin-right: -70px !important; } + .mb-xl-n7, + .my-xl-n7 { + margin-bottom: -70px !important; } + .ml-xl-n7, + .mx-xl-n7 { + margin-left: -70px !important; } + .m-xl-n8 { + margin: -80px !important; } + .mt-xl-n8, + .my-xl-n8 { + margin-top: -80px !important; } + .mr-xl-n8, + .mx-xl-n8 { + margin-right: -80px !important; } + .mb-xl-n8, + .my-xl-n8 { + margin-bottom: -80px !important; } + .ml-xl-n8, + .mx-xl-n8 { + margin-left: -80px !important; } + .m-xl-n9 { + margin: -90px !important; } + .mt-xl-n9, + .my-xl-n9 { + margin-top: -90px !important; } + .mr-xl-n9, + .mx-xl-n9 { + margin-right: -90px !important; } + .mb-xl-n9, + .my-xl-n9 { + margin-bottom: -90px !important; } + .ml-xl-n9, + .mx-xl-n9 { + margin-left: -90px !important; } + .m-xl-n10 { + margin: -100px !important; } + .mt-xl-n10, + .my-xl-n10 { + margin-top: -100px !important; } + .mr-xl-n10, + .mx-xl-n10 { + margin-right: -100px !important; } + .mb-xl-n10, + .my-xl-n10 { + margin-bottom: -100px !important; } + .ml-xl-n10, + .mx-xl-n10 { + margin-left: -100px !important; } + .m-xl-n11 { + margin: -110px !important; } + .mt-xl-n11, + .my-xl-n11 { + margin-top: -110px !important; } + .mr-xl-n11, + .mx-xl-n11 { + margin-right: -110px !important; } + .mb-xl-n11, + .my-xl-n11 { + margin-bottom: -110px !important; } + .ml-xl-n11, + .mx-xl-n11 { + margin-left: -110px !important; } + .m-xl-n12 { + margin: -120px !important; } + .mt-xl-n12, + .my-xl-n12 { + margin-top: -120px !important; } + .mr-xl-n12, + .mx-xl-n12 { + margin-right: -120px !important; } + .mb-xl-n12, + .my-xl-n12 { + margin-bottom: -120px !important; } + .ml-xl-n12, + .mx-xl-n12 { + margin-left: -120px !important; } + .m-xl-n13 { + margin: -130px !important; } + .mt-xl-n13, + .my-xl-n13 { + margin-top: -130px !important; } + .mr-xl-n13, + .mx-xl-n13 { + margin-right: -130px !important; } + .mb-xl-n13, + .my-xl-n13 { + margin-bottom: -130px !important; } + .ml-xl-n13, + .mx-xl-n13 { + margin-left: -130px !important; } + .m-xl-n14 { + margin: -140px !important; } + .mt-xl-n14, + .my-xl-n14 { + margin-top: -140px !important; } + .mr-xl-n14, + .mx-xl-n14 { + margin-right: -140px !important; } + .mb-xl-n14, + .my-xl-n14 { + margin-bottom: -140px !important; } + .ml-xl-n14, + .mx-xl-n14 { + margin-left: -140px !important; } + .m-xl-n15 { + margin: -150px !important; } + .mt-xl-n15, + .my-xl-n15 { + margin-top: -150px !important; } + .mr-xl-n15, + .mx-xl-n15 { + margin-right: -150px !important; } + .mb-xl-n15, + .my-xl-n15 { + margin-bottom: -150px !important; } + .ml-xl-n15, + .mx-xl-n15 { + margin-left: -150px !important; } + .m-xl-n16 { + margin: -160px !important; } + .mt-xl-n16, + .my-xl-n16 { + margin-top: -160px !important; } + .mr-xl-n16, + .mx-xl-n16 { + margin-right: -160px !important; } + .mb-xl-n16, + .my-xl-n16 { + margin-bottom: -160px !important; } + .ml-xl-n16, + .mx-xl-n16 { + margin-left: -160px !important; } + .m-xl-n17 { + margin: -170px !important; } + .mt-xl-n17, + .my-xl-n17 { + margin-top: -170px !important; } + .mr-xl-n17, + .mx-xl-n17 { + margin-right: -170px !important; } + .mb-xl-n17, + .my-xl-n17 { + margin-bottom: -170px !important; } + .ml-xl-n17, + .mx-xl-n17 { + margin-left: -170px !important; } + .m-xl-n18 { + margin: -180px !important; } + .mt-xl-n18, + .my-xl-n18 { + margin-top: -180px !important; } + .mr-xl-n18, + .mx-xl-n18 { + margin-right: -180px !important; } + .mb-xl-n18, + .my-xl-n18 { + margin-bottom: -180px !important; } + .ml-xl-n18, + .mx-xl-n18 { + margin-left: -180px !important; } + .m-xl-n19 { + margin: -190px !important; } + .mt-xl-n19, + .my-xl-n19 { + margin-top: -190px !important; } + .mr-xl-n19, + .mx-xl-n19 { + margin-right: -190px !important; } + .mb-xl-n19, + .my-xl-n19 { + margin-bottom: -190px !important; } + .ml-xl-n19, + .mx-xl-n19 { + margin-left: -190px !important; } + .m-xl-n20 { + margin: -200px !important; } + .mt-xl-n20, + .my-xl-n20 { + margin-top: -200px !important; } + .mr-xl-n20, + .mx-xl-n20 { + margin-right: -200px !important; } + .mb-xl-n20, + .my-xl-n20 { + margin-bottom: -200px !important; } + .ml-xl-n20, + .mx-xl-n20 { + margin-left: -200px !important; } + .m-xl-auto { + margin: auto !important; } + .mt-xl-auto, + .my-xl-auto { + margin-top: auto !important; } + .mr-xl-auto, + .mx-xl-auto { + margin-right: auto !important; } + .mb-xl-auto, + .my-xl-auto { + margin-bottom: auto !important; } + .ml-xl-auto, + .mx-xl-auto { + margin-left: auto !important; } } + +.text-monospace { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; } + +.text-justify { + text-align: justify !important; } + +.text-wrap { + white-space: normal !important; } + +.text-nowrap { + white-space: nowrap !important; } + +.text-truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; } + +.text-left { + text-align: left !important; } + +.text-right { + text-align: right !important; } + +.text-center { + text-align: center !important; } + +@media (min-width: 576px) { + .text-sm-left { + text-align: left !important; } + .text-sm-right { + text-align: right !important; } + .text-sm-center { + text-align: center !important; } } + +@media (min-width: 768px) { + .text-md-left { + text-align: left !important; } + .text-md-right { + text-align: right !important; } + .text-md-center { + text-align: center !important; } } + +@media (min-width: 992px) { + .text-lg-left { + text-align: left !important; } + .text-lg-right { + text-align: right !important; } + .text-lg-center { + text-align: center !important; } } + +@media (min-width: 1300px) { + .text-xl-left { + text-align: left !important; } + .text-xl-right { + text-align: right !important; } + .text-xl-center { + text-align: center !important; } } + +.text-lowercase { + text-transform: lowercase !important; } + +.text-uppercase { + text-transform: uppercase !important; } + +.text-capitalize { + text-transform: capitalize !important; } + +.font-weight-light { + font-weight: 300 !important; } + +.font-weight-lighter { + font-weight: lighter !important; } + +.font-weight-normal { + font-weight: 400 !important; } + +.font-weight-bold { + font-weight: 700 !important; } + +.font-weight-bolder { + font-weight: bolder !important; } + +.font-italic { + font-style: italic !important; } + +.text-white { + color: #fff !important; } + +.text-primary { + color: #1de9b6 !important; } + +a.text-primary:hover, a.text-primary:focus { + color: #10a983 !important; } + +.text-secondary { + color: #ffca28 !important; } + +a.text-secondary:hover, a.text-secondary:focus { + color: #dba500 !important; } + +.text-success { + color: #28a745 !important; } + +a.text-success:hover, a.text-success:focus { + color: #19692c !important; } + +.text-info { + color: #17a2b8 !important; } + +a.text-info:hover, a.text-info:focus { + color: #0f6674 !important; } + +.text-warning { + color: #ffc107 !important; } + +a.text-warning:hover, a.text-warning:focus { + color: #ba8b00 !important; } + +.text-danger { + color: #dc3545 !important; } + +a.text-danger:hover, a.text-danger:focus { + color: #a71d2a !important; } + +.text-light { + color: #f8f9fa !important; } + +a.text-light:hover, a.text-light:focus { + color: #cbd3da !important; } + +.text-dark { + color: #343a40 !important; } + +a.text-dark:hover, a.text-dark:focus { + color: #121416 !important; } + +.text-body { + color: #212529 !important; } + +.text-muted { + color: #6c757d !important; } + +.text-black-50 { + color: rgba(33, 37, 41, 0.5) !important; } + +.text-white-50 { + color: rgba(255, 255, 255, 0.5) !important; } + +.text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; } + +.text-decoration-none { + text-decoration: none !important; } + +.text-break { + word-break: break-word !important; + overflow-wrap: break-word !important; } + +.text-reset { + color: inherit !important; } + +.visible { + visibility: visible !important; } + +.invisible { + visibility: hidden !important; } + +.container { + width: 100%; + padding-right: 10px; + padding-left: 10px; + margin-right: auto; + margin-left: auto; } + @media (min-width: 576px) { + .container { + max-width: 540px; } } + @media (min-width: 768px) { + .container { + max-width: 720px; } } + @media (min-width: 992px) { + .container { + max-width: 960px; } } + @media (min-width: 1300px) { + .container { + max-width: 1140px; } } + +.container-fluid { + width: 100%; + padding-right: 10px; + padding-left: 10px; + margin-right: auto; + margin-left: auto; } + +.row { + display: flex; + flex-wrap: wrap; + margin-right: -10px; + margin-left: -10px; } + +.no-gutters { + margin-right: 0; + margin-left: 0; } + .no-gutters > .col, + .no-gutters > [class*="col-"] { + padding-right: 0; + padding-left: 0; } + +.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, +.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, +.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, +.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, +.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, +.col-xl-auto { + position: relative; + width: 100%; + padding-right: 10px; + padding-left: 10px; } + +.col { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; } + +.col-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; } + +.col-1 { + flex: 0 0 8.33333333%; + max-width: 8.33333333%; } + +.col-2 { + flex: 0 0 16.66666667%; + max-width: 16.66666667%; } + +.col-3 { + flex: 0 0 25%; + max-width: 25%; } + +.col-4 { + flex: 0 0 33.33333333%; + max-width: 33.33333333%; } + +.col-5 { + flex: 0 0 41.66666667%; + max-width: 41.66666667%; } + +.col-6 { + flex: 0 0 50%; + max-width: 50%; } + +.col-7 { + flex: 0 0 58.33333333%; + max-width: 58.33333333%; } + +.col-8 { + flex: 0 0 66.66666667%; + max-width: 66.66666667%; } + +.col-9 { + flex: 0 0 75%; + max-width: 75%; } + +.col-10 { + flex: 0 0 83.33333333%; + max-width: 83.33333333%; } + +.col-11 { + flex: 0 0 91.66666667%; + max-width: 91.66666667%; } + +.col-12 { + flex: 0 0 100%; + max-width: 100%; } + +.order-first { + order: -1; } + +.order-last { + order: 13; } + +.order-0 { + order: 0; } + +.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; } + +.order-11 { + order: 11; } + +.order-12 { + order: 12; } + +.offset-1 { + margin-left: 8.33333333%; } + +.offset-2 { + margin-left: 16.66666667%; } + +.offset-3 { + margin-left: 25%; } + +.offset-4 { + margin-left: 33.33333333%; } + +.offset-5 { + margin-left: 41.66666667%; } + +.offset-6 { + margin-left: 50%; } + +.offset-7 { + margin-left: 58.33333333%; } + +.offset-8 { + margin-left: 66.66666667%; } + +.offset-9 { + margin-left: 75%; } + +.offset-10 { + margin-left: 83.33333333%; } + +.offset-11 { + margin-left: 91.66666667%; } + +@media (min-width: 576px) { + .col-sm { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; } + .col-sm-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; } + .col-sm-1 { + flex: 0 0 8.33333333%; + max-width: 8.33333333%; } + .col-sm-2 { + flex: 0 0 16.66666667%; + max-width: 16.66666667%; } + .col-sm-3 { + flex: 0 0 25%; + max-width: 25%; } + .col-sm-4 { + flex: 0 0 33.33333333%; + max-width: 33.33333333%; } + .col-sm-5 { + flex: 0 0 41.66666667%; + max-width: 41.66666667%; } + .col-sm-6 { + flex: 0 0 50%; + max-width: 50%; } + .col-sm-7 { + flex: 0 0 58.33333333%; + max-width: 58.33333333%; } + .col-sm-8 { + flex: 0 0 66.66666667%; + max-width: 66.66666667%; } + .col-sm-9 { + flex: 0 0 75%; + max-width: 75%; } + .col-sm-10 { + flex: 0 0 83.33333333%; + max-width: 83.33333333%; } + .col-sm-11 { + flex: 0 0 91.66666667%; + max-width: 91.66666667%; } + .col-sm-12 { + flex: 0 0 100%; + max-width: 100%; } + .order-sm-first { + order: -1; } + .order-sm-last { + order: 13; } + .order-sm-0 { + order: 0; } + .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; } + .order-sm-11 { + order: 11; } + .order-sm-12 { + order: 12; } + .offset-sm-0 { + margin-left: 0; } + .offset-sm-1 { + margin-left: 8.33333333%; } + .offset-sm-2 { + margin-left: 16.66666667%; } + .offset-sm-3 { + margin-left: 25%; } + .offset-sm-4 { + margin-left: 33.33333333%; } + .offset-sm-5 { + margin-left: 41.66666667%; } + .offset-sm-6 { + margin-left: 50%; } + .offset-sm-7 { + margin-left: 58.33333333%; } + .offset-sm-8 { + margin-left: 66.66666667%; } + .offset-sm-9 { + margin-left: 75%; } + .offset-sm-10 { + margin-left: 83.33333333%; } + .offset-sm-11 { + margin-left: 91.66666667%; } } + +@media (min-width: 768px) { + .col-md { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; } + .col-md-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; } + .col-md-1 { + flex: 0 0 8.33333333%; + max-width: 8.33333333%; } + .col-md-2 { + flex: 0 0 16.66666667%; + max-width: 16.66666667%; } + .col-md-3 { + flex: 0 0 25%; + max-width: 25%; } + .col-md-4 { + flex: 0 0 33.33333333%; + max-width: 33.33333333%; } + .col-md-5 { + flex: 0 0 41.66666667%; + max-width: 41.66666667%; } + .col-md-6 { + flex: 0 0 50%; + max-width: 50%; } + .col-md-7 { + flex: 0 0 58.33333333%; + max-width: 58.33333333%; } + .col-md-8 { + flex: 0 0 66.66666667%; + max-width: 66.66666667%; } + .col-md-9 { + flex: 0 0 75%; + max-width: 75%; } + .col-md-10 { + flex: 0 0 83.33333333%; + max-width: 83.33333333%; } + .col-md-11 { + flex: 0 0 91.66666667%; + max-width: 91.66666667%; } + .col-md-12 { + flex: 0 0 100%; + max-width: 100%; } + .order-md-first { + order: -1; } + .order-md-last { + order: 13; } + .order-md-0 { + order: 0; } + .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; } + .order-md-11 { + order: 11; } + .order-md-12 { + order: 12; } + .offset-md-0 { + margin-left: 0; } + .offset-md-1 { + margin-left: 8.33333333%; } + .offset-md-2 { + margin-left: 16.66666667%; } + .offset-md-3 { + margin-left: 25%; } + .offset-md-4 { + margin-left: 33.33333333%; } + .offset-md-5 { + margin-left: 41.66666667%; } + .offset-md-6 { + margin-left: 50%; } + .offset-md-7 { + margin-left: 58.33333333%; } + .offset-md-8 { + margin-left: 66.66666667%; } + .offset-md-9 { + margin-left: 75%; } + .offset-md-10 { + margin-left: 83.33333333%; } + .offset-md-11 { + margin-left: 91.66666667%; } } + +@media (min-width: 992px) { + .col-lg { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; } + .col-lg-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; } + .col-lg-1 { + flex: 0 0 8.33333333%; + max-width: 8.33333333%; } + .col-lg-2 { + flex: 0 0 16.66666667%; + max-width: 16.66666667%; } + .col-lg-3 { + flex: 0 0 25%; + max-width: 25%; } + .col-lg-4 { + flex: 0 0 33.33333333%; + max-width: 33.33333333%; } + .col-lg-5 { + flex: 0 0 41.66666667%; + max-width: 41.66666667%; } + .col-lg-6 { + flex: 0 0 50%; + max-width: 50%; } + .col-lg-7 { + flex: 0 0 58.33333333%; + max-width: 58.33333333%; } + .col-lg-8 { + flex: 0 0 66.66666667%; + max-width: 66.66666667%; } + .col-lg-9 { + flex: 0 0 75%; + max-width: 75%; } + .col-lg-10 { + flex: 0 0 83.33333333%; + max-width: 83.33333333%; } + .col-lg-11 { + flex: 0 0 91.66666667%; + max-width: 91.66666667%; } + .col-lg-12 { + flex: 0 0 100%; + max-width: 100%; } + .order-lg-first { + order: -1; } + .order-lg-last { + order: 13; } + .order-lg-0 { + order: 0; } + .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; } + .order-lg-11 { + order: 11; } + .order-lg-12 { + order: 12; } + .offset-lg-0 { + margin-left: 0; } + .offset-lg-1 { + margin-left: 8.33333333%; } + .offset-lg-2 { + margin-left: 16.66666667%; } + .offset-lg-3 { + margin-left: 25%; } + .offset-lg-4 { + margin-left: 33.33333333%; } + .offset-lg-5 { + margin-left: 41.66666667%; } + .offset-lg-6 { + margin-left: 50%; } + .offset-lg-7 { + margin-left: 58.33333333%; } + .offset-lg-8 { + margin-left: 66.66666667%; } + .offset-lg-9 { + margin-left: 75%; } + .offset-lg-10 { + margin-left: 83.33333333%; } + .offset-lg-11 { + margin-left: 91.66666667%; } } + +@media (min-width: 1300px) { + .col-xl { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; } + .col-xl-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; } + .col-xl-1 { + flex: 0 0 8.33333333%; + max-width: 8.33333333%; } + .col-xl-2 { + flex: 0 0 16.66666667%; + max-width: 16.66666667%; } + .col-xl-3 { + flex: 0 0 25%; + max-width: 25%; } + .col-xl-4 { + flex: 0 0 33.33333333%; + max-width: 33.33333333%; } + .col-xl-5 { + flex: 0 0 41.66666667%; + max-width: 41.66666667%; } + .col-xl-6 { + flex: 0 0 50%; + max-width: 50%; } + .col-xl-7 { + flex: 0 0 58.33333333%; + max-width: 58.33333333%; } + .col-xl-8 { + flex: 0 0 66.66666667%; + max-width: 66.66666667%; } + .col-xl-9 { + flex: 0 0 75%; + max-width: 75%; } + .col-xl-10 { + flex: 0 0 83.33333333%; + max-width: 83.33333333%; } + .col-xl-11 { + flex: 0 0 91.66666667%; + max-width: 91.66666667%; } + .col-xl-12 { + flex: 0 0 100%; + max-width: 100%; } + .order-xl-first { + order: -1; } + .order-xl-last { + order: 13; } + .order-xl-0 { + order: 0; } + .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; } + .order-xl-11 { + order: 11; } + .order-xl-12 { + order: 12; } + .offset-xl-0 { + margin-left: 0; } + .offset-xl-1 { + margin-left: 8.33333333%; } + .offset-xl-2 { + margin-left: 16.66666667%; } + .offset-xl-3 { + margin-left: 25%; } + .offset-xl-4 { + margin-left: 33.33333333%; } + .offset-xl-5 { + margin-left: 41.66666667%; } + .offset-xl-6 { + margin-left: 50%; } + .offset-xl-7 { + margin-left: 58.33333333%; } + .offset-xl-8 { + margin-left: 66.66666667%; } + .offset-xl-9 { + margin-left: 75%; } + .offset-xl-10 { + margin-left: 83.33333333%; } + .offset-xl-11 { + margin-left: 91.66666667%; } } + +.table, .content table { + width: 100%; + margin-bottom: 1rem; + color: #212529; } + .table th, .content table th, + .table td, + .content table td { + padding: 0.75rem; + vertical-align: top; + border-top: 1px solid #dee2e6; } + .table thead th, .content table thead th { + vertical-align: bottom; + border-bottom: 2px solid #dee2e6; } + .table tbody + tbody, .content table tbody + tbody { + border-top: 2px solid #dee2e6; } + +.table-sm th, +.table-sm td { + padding: 0.3rem; } + +.table-bordered { + border: 1px solid #dee2e6; } + .table-bordered th, + .table-bordered td { + border: 1px solid #dee2e6; } + .table-bordered thead th, + .table-bordered thead td { + border-bottom-width: 2px; } + +.table-borderless th, +.table-borderless td, +.table-borderless thead th, +.table-borderless tbody + tbody { + border: 0; } + +.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(33, 37, 41, 0.05); } + +.table-hover tbody tr:hover { + color: #212529; + background-color: rgba(33, 37, 41, 0.075); } + +.table-primary, +.table-primary > th, +.table-primary > td { + background-color: #c0f9eb; } + +.table-primary th, +.table-primary td, +.table-primary thead th, +.table-primary tbody + tbody { + border-color: #89f4d9; } + +.table-hover .table-primary:hover { + background-color: #a9f7e4; } + .table-hover .table-primary:hover > td, + .table-hover .table-primary:hover > th { + background-color: #a9f7e4; } + +.table-secondary, +.table-secondary > th, +.table-secondary > td { + background-color: #fff0c3; } + +.table-secondary th, +.table-secondary td, +.table-secondary thead th, +.table-secondary tbody + tbody { + border-color: #ffe38f; } + +.table-hover .table-secondary:hover { + background-color: #ffeaaa; } + .table-hover .table-secondary:hover > td, + .table-hover .table-secondary:hover > th { + background-color: #ffeaaa; } + +.table-success, +.table-success > th, +.table-success > td { + background-color: #c3e6cb; } + +.table-success th, +.table-success td, +.table-success thead th, +.table-success tbody + tbody { + border-color: #8fd19e; } + +.table-hover .table-success:hover { + background-color: #b1dfbb; } + .table-hover .table-success:hover > td, + .table-hover .table-success:hover > th { + background-color: #b1dfbb; } + +.table-info, +.table-info > th, +.table-info > td { + background-color: #bee5eb; } + +.table-info th, +.table-info td, +.table-info thead th, +.table-info tbody + tbody { + border-color: #86cfda; } + +.table-hover .table-info:hover { + background-color: #abdde5; } + .table-hover .table-info:hover > td, + .table-hover .table-info:hover > th { + background-color: #abdde5; } + +.table-warning, +.table-warning > th, +.table-warning > td { + background-color: #ffeeba; } + +.table-warning th, +.table-warning td, +.table-warning thead th, +.table-warning tbody + tbody { + border-color: #ffdf7e; } + +.table-hover .table-warning:hover { + background-color: #ffe8a1; } + .table-hover .table-warning:hover > td, + .table-hover .table-warning:hover > th { + background-color: #ffe8a1; } + +.table-danger, +.table-danger > th, +.table-danger > td { + background-color: #f5c6cb; } + +.table-danger th, +.table-danger td, +.table-danger thead th, +.table-danger tbody + tbody { + border-color: #ed969e; } + +.table-hover .table-danger:hover { + background-color: #f1b0b7; } + .table-hover .table-danger:hover > td, + .table-hover .table-danger:hover > th { + background-color: #f1b0b7; } + +.table-light, +.table-light > th, +.table-light > td { + background-color: #fdfdfe; } + +.table-light th, +.table-light td, +.table-light thead th, +.table-light tbody + tbody { + border-color: #fbfcfc; } + +.table-hover .table-light:hover { + background-color: #ececf6; } + .table-hover .table-light:hover > td, + .table-hover .table-light:hover > th { + background-color: #ececf6; } + +.table-dark, +.table-dark > th, +.table-dark > td { + background-color: #c6c8ca; } + +.table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #95999c; } + +.table-hover .table-dark:hover { + background-color: #b9bbbe; } + .table-hover .table-dark:hover > td, + .table-hover .table-dark:hover > th { + background-color: #b9bbbe; } + +.table-active, +.table-active > th, +.table-active > td { + background-color: rgba(33, 37, 41, 0.075); } + +.table-hover .table-active:hover { + background-color: rgba(22, 24, 27, 0.075); } + .table-hover .table-active:hover > td, + .table-hover .table-active:hover > th { + background-color: rgba(22, 24, 27, 0.075); } + +.table .thead-dark th, .content table .thead-dark th { + color: #fff; + background-color: #343a40; + border-color: #454d55; } + +.table .thead-light th, .content table .thead-light th { + color: #495057; + background-color: #e9ecef; + border-color: #dee2e6; } + +.table-dark { + color: #fff; + background-color: #343a40; } + .table-dark th, + .table-dark td, + .table-dark thead th { + border-color: #454d55; } + .table-dark.table-bordered { + border: 0; } + .table-dark.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(255, 255, 255, 0.05); } + .table-dark.table-hover tbody tr:hover { + color: #fff; + background-color: rgba(255, 255, 255, 0.075); } + +@media (max-width: 575.98px) { + .table-responsive-sm { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; } + .table-responsive-sm > .table-bordered { + border: 0; } } + +@media (max-width: 767.98px) { + .table-responsive-md { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; } + .table-responsive-md > .table-bordered { + border: 0; } } + +@media (max-width: 991.98px) { + .table-responsive-lg { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; } + .table-responsive-lg > .table-bordered { + border: 0; } } + +@media (max-width: 1299.98px) { + .table-responsive-xl { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; } + .table-responsive-xl > .table-bordered { + border: 0; } } + +.table-responsive { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; } + .table-responsive > .table-bordered { + border: 0; } + +/*! + * Hamburgers + * @description Tasty CSS-animated hamburgers + * @author Jonathan Suh @jonsuh + * @site https://jonsuh.com/hamburgers + * @link https://github.com/jonsuh/hamburgers + */ +.hamburger { + padding: 15px 15px; + display: inline-block; + cursor: pointer; + transition-property: opacity, filter; + transition-duration: 0.15s; + transition-timing-function: linear; + font: inherit; + color: inherit; + text-transform: none; + background-color: transparent; + border: 0; + margin: 0; + overflow: visible; } + .hamburger:hover { + opacity: 0.7; } + .hamburger.is-active:hover { + opacity: 0.7; } + .hamburger.is-active .hamburger-inner, + .hamburger.is-active .hamburger-inner::before, + .hamburger.is-active .hamburger-inner::after { + background-color: #FFF; } + +.hamburger-box { + width: 32px; + height: 19px; + display: inline-block; + position: relative; } + +.hamburger-inner { + display: block; + top: 50%; + margin-top: -1.5px; } + .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after { + width: 32px; + height: 3px; + background-color: #1de9b6; + border-radius: 3px; + position: absolute; + transition-property: transform; + transition-duration: 0.15s; + transition-timing-function: ease; } + .hamburger-inner::before, .hamburger-inner::after { + content: ""; + display: block; } + .hamburger-inner::before { + top: -8px; } + .hamburger-inner::after { + bottom: -8px; } + +/* + * Slider + */ +.hamburger--slider .hamburger-inner { + top: 1.5px; } + .hamburger--slider .hamburger-inner::before { + top: 8px; + transition-property: transform, opacity; + transition-timing-function: ease; + transition-duration: 0.15s; } + .hamburger--slider .hamburger-inner::after { + top: 16px; } + +.hamburger--slider.is-active .hamburger-inner { + transform: translate3d(0, 8px, 0) rotate(45deg); } + .hamburger--slider.is-active .hamburger-inner::before { + transform: rotate(-45deg) translate3d(-4.57142857px, -5px, 0); + opacity: 0; } + .hamburger--slider.is-active .hamburger-inner::after { + transform: translate3d(0, -16px, 0) rotate(-90deg); } + +.highlight { + background: #f5f5f5; } + +.highlight .hll { + background-color: #ffffcc; } + +.highlight .c { + color: #999988; + font-style: italic; } + +/* Comment */ +.highlight .err { + color: #a61717; + background-color: #e3d2d2; } + +/* Error */ +.highlight .k { + color: #000000; + font-weight: bold; } + +/* Keyword */ +.highlight .o { + color: #000000; + font-weight: bold; } + +/* Operator */ +.highlight .cm { + color: #999988; + font-style: italic; } + +/* Comment.Multiline */ +.highlight .cp { + color: #999999; + font-weight: bold; + font-style: italic; } + +/* Comment.Preproc */ +.highlight .c1 { + color: #999988; + font-style: italic; } + +/* Comment.Single */ +.highlight .cs { + color: #999999; + font-weight: bold; + font-style: italic; } + +/* Comment.Special */ +.highlight .gd { + color: #000000; + background-color: #ffdddd; } + +/* Generic.Deleted */ +.highlight .ge { + color: #000000; + font-style: italic; } + +/* Generic.Emph */ +.highlight .gr { + color: #aa0000; } + +/* Generic.Error */ +.highlight .gh { + color: #999999; } + +/* Generic.Heading */ +.highlight .gi { + color: #000000; + background-color: #ddffdd; } + +/* Generic.Inserted */ +.highlight .go { + color: #888888; } + +/* Generic.Output */ +.highlight .gp { + color: #555555; } + +/* Generic.Prompt */ +.highlight .gs { + font-weight: bold; } + +/* Generic.Strong */ +.highlight .gu { + color: #aaaaaa; } + +/* Generic.Subheading */ +.highlight .gt { + color: #aa0000; } + +/* Generic.Traceback */ +.highlight .kc { + color: #000000; + font-weight: bold; } + +/* Keyword.Constant */ +.highlight .kd { + color: #000000; + font-weight: bold; } + +/* Keyword.Declaration */ +.highlight .kn { + color: #000000; + font-weight: bold; } + +/* Keyword.Namespace */ +.highlight .kp { + color: #000000; + font-weight: bold; } + +/* Keyword.Pseudo */ +.highlight .kr { + color: #000000; + font-weight: bold; } + +/* Keyword.Reserved */ +.highlight .kt { + color: #445588; + font-weight: bold; } + +/* Keyword.Type */ +.highlight .m { + color: #009999; } + +/* Literal.Number */ +.highlight .s { + color: #d01040; } + +/* Literal.String */ +.highlight .na { + color: #008080; } + +/* Name.Attribute */ +.highlight .nb { + color: #0086B3; } + +/* Name.Builtin */ +.highlight .nc { + color: #445588; + font-weight: bold; } + +/* Name.Class */ +.highlight .no { + color: #008080; } + +/* Name.Constant */ +.highlight .nd { + color: #3c5d5d; + font-weight: bold; } + +/* Name.Decorator */ +.highlight .ni { + color: #800080; } + +/* Name.Entity */ +.highlight .ne { + color: #990000; + font-weight: bold; } + +/* Name.Exception */ +.highlight .nf { + color: #990000; + font-weight: bold; } + +/* Name.Function */ +.highlight .nl { + color: #990000; + font-weight: bold; } + +/* Name.Label */ +.highlight .nn { + color: #555555; } + +/* Name.Namespace */ +.highlight .nt { + color: #000080; } + +/* Name.Tag */ +.highlight .nv { + color: #008080; } + +/* Name.Variable */ +.highlight .ow { + color: #000000; + font-weight: bold; } + +/* Operator.Word */ +.highlight .w { + color: #bbbbbb; } + +/* Text.Whitespace */ +.highlight .mf { + color: #009999; } + +/* Literal.Number.Float */ +.highlight .mh { + color: #009999; } + +/* Literal.Number.Hex */ +.highlight .mi { + color: #009999; } + +/* Literal.Number.Integer */ +.highlight .mo { + color: #009999; } + +/* Literal.Number.Oct */ +.highlight .sb { + color: #d01040; } + +/* Literal.String.Backtick */ +.highlight .sc { + color: #d01040; } + +/* Literal.String.Char */ +.highlight .sd { + color: #d01040; } + +/* Literal.String.Doc */ +.highlight .s2 { + color: #d01040; } + +/* Literal.String.Double */ +.highlight .se { + color: #d01040; } + +/* Literal.String.Escape */ +.highlight .sh { + color: #d01040; } + +/* Literal.String.Heredoc */ +.highlight .si { + color: #d01040; } + +/* Literal.String.Interpol */ +.highlight .sx { + color: #d01040; } + +/* Literal.String.Other */ +.highlight .sr { + color: #009926; } + +/* Literal.String.Regex */ +.highlight .s1 { + color: #d01040; } + +/* Literal.String.Single */ +.highlight .ss { + color: #990073; } + +/* Literal.String.Symbol */ +.highlight .bp { + color: #999999; } + +/* Name.Builtin.Pseudo */ +.highlight .vc { + color: #008080; } + +/* Name.Variable.Class */ +.highlight .vg { + color: #008080; } + +/* Name.Variable.Global */ +.highlight .vi { + color: #008080; } + +/* Name.Variable.Instance */ +.highlight .il { + color: #009999; } + +/* Literal.Number.Integer.Long */ +ul, +ol { + margin: 0; + padding: 0; + list-style: none; } + +p { + font-family: "Roboto", Arial, sans-serif, -apple-system; + font-size: 1rem; + line-height: 1.4; + color: #383f45; + font-weight: 400; } + +.page { + display: flex; + min-height: 100vh; + flex-direction: column; } + .page .wrapper { + flex: 1; } + +.header { + color: #1de9b6; + background-color: #ffffff; + display: flex; + justify-content: space-between; + align-items: center; + padding: 10px 0 10px 0; } + .header .container { + display: flex; + justify-content: space-between; + align-items: center; } + .header.header-absolute { + position: absolute; + z-index: 10; + width: 100%; } + +.lock-scroll .header.header-absolute { + position: static; } + +.footer { + background: #eaeaea; + padding-top: 20px; + padding-bottom: 20px; } + .footer .footer-inner { + display: flex; + justify-content: space-between; + flex-direction: column; + align-items: flex-start; } + @media (min-width: 576px) { + .footer .footer-inner { + justify-content: space-between; + flex-direction: row; + align-items: center; } } + .footer .footer-title { + color: #ffffff; + font-size: 1.3rem; + font-family: "Lora", Arial, sans-serif, -apple-system; + margin-bottom: 10px; + flex: 0; } + @media (min-width: 576px) { + .footer .footer-title { + margin: 0; + flex: 0 0 120px; } } + .footer ul.footer-menu { + list-style: none; + margin: 0; + padding: 0; + flex: 1; } + .footer ul.footer-menu li { + display: block; + margin-right: 10px; + color: #333; + font-size: 0.9rem; + line-height: 1.8; } + .footer ul.footer-menu li:last-of-type { + margin-right: 0; } + .footer ul.footer-menu li a { + color: #333; + text-decoration: none; } + .footer ul.footer-menu li a:hover { + text-decoration: underline; } + .footer ul.footer-menu li.copyright { + font-weight: bold; + color: #333; + display: none; } + @media (min-width: 768px) { + .footer ul.footer-menu li.copyright { + display: inline-block; } } + @media (min-width: 576px) { + .footer ul.footer-menu { + height: inherit; + display: flex; + list-style: none; + margin: 0; + padding: 0; + align-items: center; + justify-content: flex-end; } + .footer ul.footer-menu li { + list-style: none; } + .footer ul.footer-menu li a { + display: inline-block; + height: 40px; + padding: 10px 8px 10px 8px; + font-weight: 300; } } + +.sub-footer { + background: #f4f5fb; + padding-top: 20px; + padding-bottom: 20px; } + @media (min-width: 768px) { + .sub-footer { + padding-top: 10px; + padding-bottom: 10px; } } + .sub-footer .sub-footer-inner { + display: flex; + flex-direction: column; + justify-content: flex-end; } + @media (min-width: 768px) { + .sub-footer .sub-footer-inner { + flex-direction: row; } } + .sub-footer .sub-footer-inner ul { + list-style: none; + margin: 0; + padding: 0; } + .sub-footer .sub-footer-inner ul li { + list-style: none; + display: block; + color: #333; + font-size: 0.9rem; + line-height: 1.8; + font-weight: bold; } + .sub-footer .sub-footer-inner ul li strong { + font-weight: bold; + color: #ffffff; } + .sub-footer .sub-footer-inner ul li a { + color: #333; + text-decoration: none; } + .sub-footer .sub-footer-inner ul li a:hover { + text-decoration: underline; } + .sub-footer .sub-footer-inner ul li span { + display: inline-block; + height: 40px; + padding: 10px 0 10px 8px; + font-weight: bold; + color: #ffffff; } + .sub-footer .sub-footer-inner ul li.zerostatic a { + color: #333; } + @media (min-width: 576px) { + .sub-footer .sub-footer-inner ul li { + display: inline-block; + margin-left: 10px; } + .sub-footer .sub-footer-inner ul li:first-of-type { + margin-left: 0; } } + +.logo { + display: none; } + @media (min-width: 576px) { + .logo { + display: block; + width: 70px; } } + .logo img { + width: 100%; + height: auto; } + .logo a { + display: block; + width: 100%; + height: 100%; } + +.logo-mobile { + display: block; + width: 54px; } + @media (min-width: 576px) { + .logo-mobile { + display: none; } } + .logo-mobile img { + width: 100%; + height: auto; } + .logo-mobile a { + display: block; + width: 100%; + height: 100%; } + +.main-menu { + display: none; } + @media (min-width: 768px) { + .main-menu { + display: block; } } + .main-menu > ul { + display: flex; + align-items: center; + justify-content: flex-start; + font-family: "Roboto", Arial, sans-serif, -apple-system; } + .main-menu > ul > li { + list-style: none; + font-size: 14px; } + .main-menu > ul > li > a { + padding: 10px 14px 10px 14px; + display: inline-block; + font-weight: normal; + text-decoration: none; + color: #1de9b6; } + .main-menu > ul > li > a:hover { + text-decoration: underline; + color: #1de9b6; } + .main-menu > ul > li.active > a { + font-weight: bold; } + +.main-menu-mobile { + position: fixed; + background: #1de9b6; + top: 0; + left: 0; + width: 100%; + height: 100vh; + opacity: 0; + visibility: hidden; + transition: opacity 0.35s, visibility 0.35s, height 0.35s; + overflow: hidden; + display: flex; + justify-content: center; + align-items: center; + flex-direction: column; } + .main-menu-mobile.open { + opacity: 0.9; + visibility: visible; + height: 100%; + z-index: 20; } + .main-menu-mobile.open li { + animation: fadeInRight 0.5s ease forwards; + animation-delay: 0.35s; } + .main-menu-mobile.open li:nth-of-type(2) { + animation-delay: 0.4s; } + .main-menu-mobile.open li:nth-of-type(3) { + animation-delay: 0.45s; } + .main-menu-mobile.open li:nth-of-type(4) { + animation-delay: 0.5s; } + .main-menu-mobile.open li:nth-of-type(5) { + animation-delay: 0.55s; } + .main-menu-mobile.open li:nth-of-type(6) { + animation-delay: 0.6s; } + .main-menu-mobile ul { + font-size: 2rem; + font-family: "Roboto", Arial, sans-serif, -apple-system; + text-align: center; + list-style: none; + padding: 0; + margin: 0; + flex: 0; } + .main-menu-mobile ul li { + display: block; + position: relative; + opacity: 0; } + .main-menu-mobile ul li a { + display: block; + position: relative; + color: #ffffff; + text-decoration: none; + overflow: hidden; + font-weight: lighter; } + .main-menu-mobile ul li a:hover::after, .main-menu-mobile ul li a:focus::after, .main-menu-mobile ul li a:active::after { + width: 100%; } + .main-menu-mobile ul li a::after { + content: ''; + position: absolute; + bottom: 0; + left: 50%; + width: 0%; + transform: translateX(-50%); + height: 3px; + background: #ffffff; + transition: 0.35s; } + +@keyframes fadeInRight { + 0% { + opacity: 0; + left: 20%; } + 100% { + opacity: 1; + left: 0; } } + +.lock-scroll { + overflow: hidden; } + +.docs-menu h4 { + font-size: 1rem; + font-weight: bold; } + +.docs-menu ul { + list-style: none; + padding: 0; + margin: 0; } + .docs-menu ul li { + font-size: 0.9rem; + line-height: 1.4; + font-weight: 400; + margin: 0; + padding: 4px 0 4px 0; } + .docs-menu ul li.active a { + color: #4beec5; + font-weight: 400; } + .docs-menu ul li a { + color: #212529; } + .docs-menu ul li a:hover { + color: #1de9b6; } + +.hamburger { + padding: 10px 0 10px 10px; + outline: none; + z-index: 30; + cursor: pointer; } + @media (min-width: 768px) { + .hamburger { + display: none; } } + .hamburger:focus { + outline: none; } + .hamburger .hamburger-inner, + .hamburger .hamburger-inner::before, + .hamburger .hamburger-inner::after { + background: #1de9b6; } + .hamburger .hamburger-inner::after { + width: 18px; + right: 0; } + .hamburger.is-active .hamburger-inner::after { + width: inherit; + right: unset; } + +.button { + white-space: nowrap; + display: inline-block; + padding: 8px 15px 6px 15px; + background: #1de9b6; + font-weight: normal; + text-transform: uppercase; + color: white; + text-decoration: none; + -webkit-transition: all 0.15s ease; + transition: all 0.15s ease; + border-radius: 3px; } + .button:hover { + color: #fff; + background-color: #4beec5; + text-decoration: none; } + +.button-white { + background: none; + color: #fff; + border: 2px solid #fff; } + +.title { + font-size: 2.7rem; + line-height: 1.1; + font-family: "Roboto", Arial, sans-serif, -apple-system; + letter-spacing: -0.2px; + font-weight: 100; + margin-bottom: 20px; } + @media (min-width: 768px) { + .title { + font-size: 3rem; + margin-bottom: 30px; } } + +.title-summary { + font-size: 1.6rem; + line-height: 1.4; + font-family: "Roboto", Arial, sans-serif, -apple-system; + letter-spacing: -0.2px; + font-weight: 200; + margin-bottom: 10px; } + @media (min-width: 768px) { + .title-summary { + font-size: 1.6rem; } } + +.content { + -webkit-font-smoothing: antialiased; } + .content .highlight { + border-radius: 2px; + margin-bottom: 20px; } + .content code { + background: #f5f5f5; + padding: 3px 6px; + border-radius: 3px; + font-family: "Roboto Mono", monospace; + font-size: 0.9rem; + line-height: 1.4; } + .content pre { + font-family: "Roboto Mono", monospace; + font-size: 0.9rem; + line-height: 1.4; + margin: 0; + padding: 10px; + border-radius: 1px; } + .content pre code { + font-family: "Roboto Mono", monospace; + font-size: 0.9rem; + line-height: 1.4; + border-radius: none; + padding: 0; + margin: 0; + background: none; } + .content strong { + font-weight: bold; } + .content em { + font-style: italic; + font-weight: normal; } + .content ol { + margin-top: 10px; + margin-bottom: 20px; + list-style-type: decimal; } + .content ol li { + margin-bottom: 5px; + margin-left: 20px; } + .content ul { + margin-top: 10px; + margin-bottom: 20px; + list-style-type: disc; } + .content ul li { + margin-bottom: 5px; + margin-left: 20px; } + .content a { + text-decoration: underline; } + .content p { + font-family: "Roboto", Arial, sans-serif, -apple-system; + font-size: 1rem; + line-height: 1.4; + color: #383f45; + font-weight: 400; } + .content h1 { + font-family: "Roboto", Arial, sans-serif, -apple-system; + font-size: 2.6rem; + line-height: 1.4; + font-weight: 300; + margin-bottom: 20px; } + .content h2 { + font-size: 2.2rem; + line-height: 1.4; + font-weight: 300; + letter-spacing: -0.01em; + font-family: "Roboto", Arial, sans-serif, -apple-system; + margin-bottom: 20px; } + .content h3 { + font-size: 1.6rem; + line-height: 1.4; + font-weight: 400; + font-family: "Roboto", Arial, sans-serif, -apple-system; + margin-bottom: 20px; } + .content h4 { + font-size: 1.5rem; + line-height: 1.4; + font-weight: 500; + font-family: "Roboto", Arial, sans-serif, -apple-system; + margin-bottom: 20px; } + .content h5 { + font-size: 1.4rem; + line-height: 1.4; + font-weight: 600; + font-family: "Roboto", Arial, sans-serif, -apple-system; + margin-bottom: 20px; } + .content h6 { + font-size: 1.2rem; + line-height: 1.4; + font-weight: 700; + font-family: "Roboto", Arial, sans-serif, -apple-system; + margin-bottom: 20px; } + .content blockquote { + background: #f9f9f9; + border-left: 10px solid #ccc; + margin: 1.5em 10px; + padding: 0.5em 10px; + quotes: "“" "”" "‘" "’"; } + .content blockquote:before { + color: #ccc; + content: open-quote; + font-size: 4em; + line-height: 0.1em; + margin-right: 0.25em; + vertical-align: -0.4em; } + .content blockquote p { + display: inline; } + .content img { + max-width: 100%; + height: auto; } + +.strip { + background-repeat: no-repeat; } + +.strip-white { + background-color: white; } + +.strip-grey { + background-color: #f4f5fb; } + +.strip-diagonal { + transform: skewY(5deg); + padding-bottom: 50px; + margin-bottom: 65px; } + .strip-diagonal > div { + transform: skewY(-5deg); } + +.strip-primary-gradient { + background-image: linear-gradient(to right, #1de9b6, #ffca28); } + +.strip-primary-gradient-top-bottom { + background-image: linear-gradient(to bottom, #1de9b6, #ffca28); } + +.strip-primary { + background-color: #1de9b6; } + +.strip-secondary { + background-color: #ffca28; } + +.strip-diagonal-right { + margin-top: -100px; + transform: skewY(-5deg); + padding-bottom: 100px; } + .strip-diagonal-right > div { + transform: skewY(5deg); } + +.strip-diagonal-left { + margin-top: -100px; + transform: skewY(5deg); + padding-bottom: 100px; } + .strip-diagonal-left > div { + transform: skewY(-5deg); } + +.strip-bg-contain { + background-size: contain; } + +.strip-bg-cover { + background-size: cover; } + +.whitebox { + border: 1px solid #dcdcdc; + border-radius: 3px; + box-shadow: 0 1px 18px rgba(0, 0, 0, 0.2); + background: #ffffff; + padding: 10px; } + +.overview { + background: lightgoldenrodyellow; + border-radius: 3px; + padding: 4px 10px 4px 10px; + float: right; } + +.page-home { + text-align: center; } + .page-home .title { + font-weight: lighter; + font-family: "Roboto", Arial, sans-serif, -apple-system; } + .page-home p { + margin: 0 auto; + font-size: 1.2rem; + font-weight: lighter; + margin-bottom: 40px; } + @media (min-width: 768px) { + .page-home p { + width: 80%; } } + @media (min-width: 992px) { + .page-home p { + width: 60%; } } + .page-home .terminal { + border-radius: 3px; + margin: 0 auto; + margin-top: -200px; } + .page-home .terminal img { + width: 100%; + height: auto; } + +body { + font-family: "Roboto", Arial, sans-serif, -apple-system; + font-size: 1rem; + font-weight: 400; + line-height: 1.4; + color: #212529; } + +.container { + padding-left: 20px; + padding-right: 20px; } + +/*# sourceMappingURL=style.css.map */ \ No newline at end of file diff --git a/docs/public/css/style.css.map b/docs/public/css/style.css.map new file mode 100644 index 00000000..4f38e356 --- /dev/null +++ b/docs/public/css/style.css.map @@ -0,0 +1,171 @@ +{ + "version": 3, + "file": "style.css", + "sourceRoot": "/home/paul/Holochain/holonix/docs", + "sources": [ + "themes/hugo-whisper-theme/assets/scss/style.scss", + "themes/hugo-whisper-theme/assets/scss/bootstrap/_functions.scss", + "themes/hugo-whisper-theme/assets/scss/_bootstrap-variables.scss", + "themes/hugo-whisper-theme/assets/scss/bootstrap/_variables.scss", + "themes/hugo-whisper-theme/assets/scss/bootstrap/_mixins.scss", + "themes/hugo-whisper-theme/assets/scss/bootstrap/vendor/_rfs.scss", + "themes/hugo-whisper-theme/assets/scss/bootstrap/mixins/_deprecate.scss", + "themes/hugo-whisper-theme/assets/scss/bootstrap/mixins/_breakpoints.scss", + "themes/hugo-whisper-theme/assets/scss/bootstrap/mixins/_hover.scss", + "themes/hugo-whisper-theme/assets/scss/bootstrap/mixins/_image.scss", + "themes/hugo-whisper-theme/assets/scss/bootstrap/mixins/_badge.scss", + "themes/hugo-whisper-theme/assets/scss/bootstrap/mixins/_resize.scss", + "themes/hugo-whisper-theme/assets/scss/bootstrap/mixins/_screen-reader.scss", + "themes/hugo-whisper-theme/assets/scss/bootstrap/mixins/_size.scss", + "themes/hugo-whisper-theme/assets/scss/bootstrap/mixins/_reset-text.scss", + "themes/hugo-whisper-theme/assets/scss/bootstrap/mixins/_text-emphasis.scss", + "themes/hugo-whisper-theme/assets/scss/bootstrap/mixins/_text-hide.scss", + "themes/hugo-whisper-theme/assets/scss/bootstrap/mixins/_text-truncate.scss", + "themes/hugo-whisper-theme/assets/scss/bootstrap/mixins/_visibility.scss", + "themes/hugo-whisper-theme/assets/scss/bootstrap/mixins/_alert.scss", + "themes/hugo-whisper-theme/assets/scss/bootstrap/mixins/_buttons.scss", + "themes/hugo-whisper-theme/assets/scss/bootstrap/mixins/_caret.scss", + "themes/hugo-whisper-theme/assets/scss/bootstrap/mixins/_pagination.scss", + "themes/hugo-whisper-theme/assets/scss/bootstrap/mixins/_lists.scss", + "themes/hugo-whisper-theme/assets/scss/bootstrap/mixins/_list-group.scss", + "themes/hugo-whisper-theme/assets/scss/bootstrap/mixins/_nav-divider.scss", + "themes/hugo-whisper-theme/assets/scss/bootstrap/mixins/_forms.scss", + "themes/hugo-whisper-theme/assets/scss/bootstrap/mixins/_table-row.scss", + "themes/hugo-whisper-theme/assets/scss/bootstrap/mixins/_background-variant.scss", + "themes/hugo-whisper-theme/assets/scss/bootstrap/mixins/_border-radius.scss", + "themes/hugo-whisper-theme/assets/scss/bootstrap/mixins/_box-shadow.scss", + "themes/hugo-whisper-theme/assets/scss/bootstrap/mixins/_gradients.scss", + "themes/hugo-whisper-theme/assets/scss/bootstrap/mixins/_transition.scss", + "themes/hugo-whisper-theme/assets/scss/bootstrap/mixins/_clearfix.scss", + "themes/hugo-whisper-theme/assets/scss/bootstrap/mixins/_grid-framework.scss", + "themes/hugo-whisper-theme/assets/scss/bootstrap/mixins/_grid.scss", + "themes/hugo-whisper-theme/assets/scss/bootstrap/mixins/_float.scss", + "themes/hugo-whisper-theme/assets/scss/bootstrap/_reboot.scss", + "themes/hugo-whisper-theme/assets/scss/bootstrap/_utilities.scss", + "themes/hugo-whisper-theme/assets/scss/bootstrap/utilities/_align.scss", + "themes/hugo-whisper-theme/assets/scss/bootstrap/utilities/_background.scss", + "themes/hugo-whisper-theme/assets/scss/bootstrap/utilities/_borders.scss", + "themes/hugo-whisper-theme/assets/scss/bootstrap/utilities/_clearfix.scss", + "themes/hugo-whisper-theme/assets/scss/bootstrap/utilities/_display.scss", + "themes/hugo-whisper-theme/assets/scss/bootstrap/utilities/_embed.scss", + "themes/hugo-whisper-theme/assets/scss/bootstrap/utilities/_flex.scss", + "themes/hugo-whisper-theme/assets/scss/bootstrap/utilities/_float.scss", + "themes/hugo-whisper-theme/assets/scss/bootstrap/utilities/_overflow.scss", + "themes/hugo-whisper-theme/assets/scss/bootstrap/utilities/_position.scss", + "themes/hugo-whisper-theme/assets/scss/bootstrap/utilities/_screenreaders.scss", + "themes/hugo-whisper-theme/assets/scss/bootstrap/utilities/_shadows.scss", + "themes/hugo-whisper-theme/assets/scss/bootstrap/utilities/_sizing.scss", + "themes/hugo-whisper-theme/assets/scss/bootstrap/utilities/_stretched-link.scss", + "themes/hugo-whisper-theme/assets/scss/bootstrap/utilities/_spacing.scss", + "themes/hugo-whisper-theme/assets/scss/bootstrap/utilities/_text.scss", + "themes/hugo-whisper-theme/assets/scss/bootstrap/utilities/_visibility.scss", + "themes/hugo-whisper-theme/assets/scss/bootstrap/_grid.scss", + "themes/hugo-whisper-theme/assets/scss/bootstrap/_tables.scss", + "themes/hugo-whisper-theme/assets/scss/libraries/hamburgers/hamburgers.scss", + "themes/hugo-whisper-theme/assets/scss/libraries/hamburgers/_base.scss", + "themes/hugo-whisper-theme/assets/scss/libraries/hamburgers/types/_slider.scss", + "themes/hugo-whisper-theme/assets/scss/libraries/pygments/github.scss", + "themes/hugo-whisper-theme/assets/scss/components/_reset.scss", + "themes/hugo-whisper-theme/assets/scss/components/_type.scss", + "themes/hugo-whisper-theme/assets/scss/components/_page.scss", + "themes/hugo-whisper-theme/assets/scss/components/_header.scss", + "themes/hugo-whisper-theme/assets/scss/components/_footer.scss", + "themes/hugo-whisper-theme/assets/scss/components/_sub-footer.scss", + "themes/hugo-whisper-theme/assets/scss/components/_logo.scss", + "themes/hugo-whisper-theme/assets/scss/components/_main-menu.scss", + "themes/hugo-whisper-theme/assets/scss/components/_main-menu-mobile.scss", + "themes/hugo-whisper-theme/assets/scss/components/_docs-menu.scss", + "themes/hugo-whisper-theme/assets/scss/components/_hamburger.scss", + "themes/hugo-whisper-theme/assets/scss/components/_buttons.scss", + "themes/hugo-whisper-theme/assets/scss/components/_title.scss", + "themes/hugo-whisper-theme/assets/scss/components/_content.scss", + "themes/hugo-whisper-theme/assets/scss/components/_strip.scss", + "themes/hugo-whisper-theme/assets/scss/components/_whitebox.scss", + "themes/hugo-whisper-theme/assets/scss/components/_overview.scss", + "themes/hugo-whisper-theme/assets/scss/pages/_home.scss" + ], + "sourcesContent": [ + "// Font\n@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700|Lora:400,700|Roboto+Mono:300,400');\n\n// Bootstrap\n@import 'bootstrap/functions';\n@import 'bootstrap-variables';\n@import 'bootstrap/variables';\n@import 'bootstrap/mixins';\n@import 'bootstrap/reboot';\n@import 'bootstrap/utilities';\n@import 'bootstrap/grid';\n@import 'bootstrap/tables';\n\n// Libraries\n@import 'libraries/hamburgers/hamburgers';\n@import 'libraries/pygments/github';\n\n// Components\n@import 'components/reset';\n@import 'components/type';\n@import 'components/page';\n@import 'components/header';\n@import 'components/footer';\n@import 'components/sub-footer';\n@import 'components/logo';\n@import 'components/main-menu';\n@import 'components/main-menu-mobile';\n@import 'components/docs-menu';\n@import 'components/hamburger';\n@import 'components/buttons';\n@import 'components/title';\n@import 'components/content';\n@import 'components/strip';\n@import 'components/whitebox';\n@import 'components/overview';\n\n// Pages\n@import 'pages/home';\n\n// Global\nbody {\n font-family: $font-family-base;\n font-size: 1rem;\n font-weight: 400;\n line-height: 1.4;\n color: $black;\n}\n.container {\n padding-left: $grid-gutter-width;\n padding-right: $grid-gutter-width;\n}\n\n// Display breakpoints for DEV\n// body:after {\n// color: #000000;\n// font-size: 12px;\n// padding: 5px;\n// font-weight: bold;\n// right: 10px;\n// position: fixed;\n// text-align: center;\n// text-transform: uppercase;\n// bottom: 10px;\n// width: 200px;\n// z-index: 9999;\n// border: solid 1px #000000;\n// @each $name, $value in $grid-breakpoints {\n// @include media-breakpoint-up($name) {\n// content: \"#{$name} - min-width: #{$value}\";\n// }\n// }\n// }\n", + "// Bootstrap functions\n//\n// Utility mixins and functions for evaluating source code across our variables, maps, and mixins.\n\n// Ascending\n// Used to evaluate Sass maps like our grid breakpoints.\n@mixin _assert-ascending($map, $map-name) {\n $prev-key: null;\n $prev-num: null;\n @each $key, $num in $map {\n @if $prev-num == null or unit($num) == \"%\" {\n // Do nothing\n } @else if not comparable($prev-num, $num) {\n @warn \"Potentially invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} whose unit makes it incomparable to #{$prev-num}, the value of the previous key '#{$prev-key}' !\";\n } @else if $prev-num >= $num {\n @warn \"Invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} which isn't greater than #{$prev-num}, the value of the previous key '#{$prev-key}' !\";\n }\n $prev-key: $key;\n $prev-num: $num;\n }\n}\n\n// Starts at zero\n// Used to ensure the min-width of the lowest breakpoint starts at 0.\n@mixin _assert-starts-at-zero($map, $map-name: \"$grid-breakpoints\") {\n $values: map-values($map);\n $first-value: nth($values, 1);\n @if $first-value != 0 {\n @warn \"First breakpoint in #{$map-name} must start at 0, but starts at #{$first-value}.\";\n }\n}\n\n// Replace `$search` with `$replace` in `$string`\n// Used on our SVG icon backgrounds for custom forms.\n//\n// @author Hugo Giraudel\n// @param {String} $string - Initial string\n// @param {String} $search - Substring to replace\n// @param {String} $replace ('') - New value\n// @return {String} - Updated string\n@function str-replace($string, $search, $replace: \"\") {\n $index: str-index($string, $search);\n\n @if $index {\n @return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace);\n }\n\n @return $string;\n}\n\n// Color contrast\n@function color-yiq($color, $dark: $yiq-text-dark, $light: $yiq-text-light) {\n $r: red($color);\n $g: green($color);\n $b: blue($color);\n\n $yiq: (($r * 299) + ($g * 587) + ($b * 114)) / 1000;\n\n @if ($yiq >= $yiq-contrasted-threshold) {\n @return $dark;\n } @else {\n @return $light;\n }\n}\n\n// Retrieve color Sass maps\n@function color($key: \"blue\") {\n @return map-get($colors, $key);\n}\n\n@function theme-color($key: \"primary\") {\n @return map-get($theme-colors, $key);\n}\n\n@function gray($key: \"100\") {\n @return map-get($grays, $key);\n}\n\n// Request a theme color level\n@function theme-color-level($color-name: \"primary\", $level: 0) {\n $color: theme-color($color-name);\n $color-base: if($level > 0, $black, $white);\n $level: abs($level);\n\n @return mix($color-base, $color, $level * $theme-color-interval);\n}\n", + "$grid-breakpoints: (\n xs: 0,\n sm: 576px,\n md: 768px,\n lg: 992px,\n xl: 1300px,\n);\n\n$container-max-widths: (\n sm: 540px,\n md: 720px,\n lg: 960px,\n xl: 1140px,\n);\n\n$grid-gutter-width: 20px;\n\n$primary: #1de9b6;\n$secondary: #ffca28;\n$black: #212529;\n\n// Links\n$link-color: $primary;\n$link-decoration: none;\n$link-hover-color: lighten($primary, 20%);\n$link-hover-decoration: underline;\n\n// Fonts\n$font-size-base: 1rem; // Assumes the browser default, typically `16px`\n$font-family-base: 'Roboto', Arial, sans-serif, -apple-system;\n$font-family-serif: 'Lora', Arial, sans-serif, -apple-system;\n$font-family-mono: 'Roboto Mono', monospace;\n$line-height-base: 1.4;\n\n// Headings & Paragraph\n$paragraph-color: #333;\n\n$spacer: 1rem;\n$spacers: ();\n$spacers: map-merge(\n (\n 0: 0,\n 1: 10px,\n 2: 20px,\n 3: 30px,\n 4: 40px,\n 5: 50px,\n 6: 60px,\n 7: 70px,\n 8: 80px,\n 9: 90px,\n 10: 100px,\n 11: 110px,\n 12: 120px,\n 13: 130px,\n 14: 140px,\n 15: 150px,\n 16: 160px,\n 17: 170px,\n 18: 180px,\n 19: 190px,\n 20: 200px,\n ),\n $spacers\n);\n", + "// Variables\n//\n// Variables should follow the `$component-state-property-size` formula for\n// consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs.\n\n// Color system\n\n$white: #fff !default;\n$gray-100: #f8f9fa !default;\n$gray-200: #e9ecef !default;\n$gray-300: #dee2e6 !default;\n$gray-400: #ced4da !default;\n$gray-500: #adb5bd !default;\n$gray-600: #6c757d !default;\n$gray-700: #495057 !default;\n$gray-800: #343a40 !default;\n$gray-900: #212529 !default;\n$black: #000 !default;\n\n$grays: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$grays: map-merge(\n (\n \"100\": $gray-100,\n \"200\": $gray-200,\n \"300\": $gray-300,\n \"400\": $gray-400,\n \"500\": $gray-500,\n \"600\": $gray-600,\n \"700\": $gray-700,\n \"800\": $gray-800,\n \"900\": $gray-900\n ),\n $grays\n);\n\n$blue: #007bff !default;\n$indigo: #6610f2 !default;\n$purple: #6f42c1 !default;\n$pink: #e83e8c !default;\n$red: #dc3545 !default;\n$orange: #fd7e14 !default;\n$yellow: #ffc107 !default;\n$green: #28a745 !default;\n$teal: #20c997 !default;\n$cyan: #17a2b8 !default;\n\n$colors: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$colors: map-merge(\n (\n \"blue\": $blue,\n \"indigo\": $indigo,\n \"purple\": $purple,\n \"pink\": $pink,\n \"red\": $red,\n \"orange\": $orange,\n \"yellow\": $yellow,\n \"green\": $green,\n \"teal\": $teal,\n \"cyan\": $cyan,\n \"white\": $white,\n \"gray\": $gray-600,\n \"gray-dark\": $gray-800\n ),\n $colors\n);\n\n$primary: $blue !default;\n$secondary: $gray-600 !default;\n$success: $green !default;\n$info: $cyan !default;\n$warning: $yellow !default;\n$danger: $red !default;\n$light: $gray-100 !default;\n$dark: $gray-800 !default;\n\n$theme-colors: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$theme-colors: map-merge(\n (\n \"primary\": $primary,\n \"secondary\": $secondary,\n \"success\": $success,\n \"info\": $info,\n \"warning\": $warning,\n \"danger\": $danger,\n \"light\": $light,\n \"dark\": $dark\n ),\n $theme-colors\n);\n\n// Set a specific jump point for requesting color jumps\n$theme-color-interval: 8% !default;\n\n// The yiq lightness value that determines when the lightness of color changes from \"dark\" to \"light\". Acceptable values are between 0 and 255.\n$yiq-contrasted-threshold: 150 !default;\n\n// Customize the light and dark text colors for use in our YIQ color contrast function.\n$yiq-text-dark: $gray-900 !default;\n$yiq-text-light: $white !default;\n\n\n// Options\n//\n// Quickly modify global styling by enabling or disabling optional features.\n\n$enable-caret: true !default;\n$enable-rounded: true !default;\n$enable-shadows: false !default;\n$enable-gradients: false !default;\n$enable-transitions: true !default;\n$enable-prefers-reduced-motion-media-query: true !default;\n$enable-hover-media-query: false !default; // Deprecated, no longer affects any compiled CSS\n$enable-grid-classes: true !default;\n$enable-pointer-cursor-for-buttons: true !default;\n$enable-print-styles: true !default;\n$enable-responsive-font-sizes: false !default;\n$enable-validation-icons: true !default;\n$enable-deprecation-messages: true !default;\n\n\n// Spacing\n//\n// Control the default styling of most Bootstrap elements by modifying these\n// variables. Mostly focused on spacing.\n// You can add more entries to the $spacers map, should you need more variation.\n\n$spacer: 1rem !default;\n$spacers: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$spacers: map-merge(\n (\n 0: 0,\n 1: ($spacer * .25),\n 2: ($spacer * .5),\n 3: $spacer,\n 4: ($spacer * 1.5),\n 5: ($spacer * 3)\n ),\n $spacers\n);\n\n// This variable affects the `.h-*` and `.w-*` classes.\n$sizes: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$sizes: map-merge(\n (\n 25: 25%,\n 50: 50%,\n 75: 75%,\n 100: 100%,\n auto: auto\n ),\n $sizes\n);\n\n\n// Body\n//\n// Settings for the `` element.\n\n$body-bg: $white !default;\n$body-color: $gray-900 !default;\n\n\n// Links\n//\n// Style anchor elements.\n\n$link-color: theme-color(\"primary\") !default;\n$link-decoration: none !default;\n$link-hover-color: darken($link-color, 15%) !default;\n$link-hover-decoration: underline !default;\n// Darken percentage for links with `.text-*` class (e.g. `.text-success`)\n$emphasized-link-hover-darken-percentage: 15% !default;\n\n// Paragraphs\n//\n// Style p element.\n\n$paragraph-margin-bottom: 1rem !default;\n\n\n// Grid breakpoints\n//\n// Define the minimum dimensions at which your layout will change,\n// adapting to different screen sizes, for use in media queries.\n\n$grid-breakpoints: (\n xs: 0,\n sm: 576px,\n md: 768px,\n lg: 992px,\n xl: 1200px\n) !default;\n\n@include _assert-ascending($grid-breakpoints, \"$grid-breakpoints\");\n@include _assert-starts-at-zero($grid-breakpoints, \"$grid-breakpoints\");\n\n\n// Grid containers\n//\n// Define the maximum width of `.container` for different screen sizes.\n\n$container-max-widths: (\n sm: 540px,\n md: 720px,\n lg: 960px,\n xl: 1140px\n) !default;\n\n@include _assert-ascending($container-max-widths, \"$container-max-widths\");\n\n\n// Grid columns\n//\n// Set the number of columns and specify the width of the gutters.\n\n$grid-columns: 12 !default;\n$grid-gutter-width: 30px !default;\n\n\n// Components\n//\n// Define common padding and border radius sizes and more.\n\n$line-height-lg: 1.5 !default;\n$line-height-sm: 1.5 !default;\n\n$border-width: 1px !default;\n$border-color: $gray-300 !default;\n\n$border-radius: .25rem !default;\n$border-radius-lg: .3rem !default;\n$border-radius-sm: .2rem !default;\n\n$rounded-pill: 50rem !default;\n\n$box-shadow-sm: 0 .125rem .25rem rgba($black, .075) !default;\n$box-shadow: 0 .5rem 1rem rgba($black, .15) !default;\n$box-shadow-lg: 0 1rem 3rem rgba($black, .175) !default;\n\n$component-active-color: $white !default;\n$component-active-bg: theme-color(\"primary\") !default;\n\n$caret-width: .3em !default;\n$caret-vertical-align: $caret-width * .85 !default;\n$caret-spacing: $caret-width * .85 !default;\n\n$transition-base: all .2s ease-in-out !default;\n$transition-fade: opacity .15s linear !default;\n$transition-collapse: height .35s ease !default;\n\n$embed-responsive-aspect-ratios: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$embed-responsive-aspect-ratios: join(\n (\n (21 9),\n (16 9),\n (4 3),\n (1 1),\n ),\n $embed-responsive-aspect-ratios\n);\n\n// Typography\n//\n// Font, line-height, and color for body text, headings, and more.\n\n// stylelint-disable value-keyword-case\n$font-family-sans-serif: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\" !default;\n$font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace !default;\n$font-family-base: $font-family-sans-serif !default;\n// stylelint-enable value-keyword-case\n\n$font-size-base: 1rem !default; // Assumes the browser default, typically `16px`\n$font-size-lg: $font-size-base * 1.25 !default;\n$font-size-sm: $font-size-base * .875 !default;\n\n$font-weight-lighter: lighter !default;\n$font-weight-light: 300 !default;\n$font-weight-normal: 400 !default;\n$font-weight-bold: 700 !default;\n$font-weight-bolder: bolder !default;\n\n$font-weight-base: $font-weight-normal !default;\n$line-height-base: 1.5 !default;\n\n$h1-font-size: $font-size-base * 2.5 !default;\n$h2-font-size: $font-size-base * 2 !default;\n$h3-font-size: $font-size-base * 1.75 !default;\n$h4-font-size: $font-size-base * 1.5 !default;\n$h5-font-size: $font-size-base * 1.25 !default;\n$h6-font-size: $font-size-base !default;\n\n$headings-margin-bottom: $spacer / 2 !default;\n$headings-font-family: null !default;\n$headings-font-weight: 500 !default;\n$headings-line-height: 1.2 !default;\n$headings-color: null !default;\n\n$display1-size: 6rem !default;\n$display2-size: 5.5rem !default;\n$display3-size: 4.5rem !default;\n$display4-size: 3.5rem !default;\n\n$display1-weight: 300 !default;\n$display2-weight: 300 !default;\n$display3-weight: 300 !default;\n$display4-weight: 300 !default;\n$display-line-height: $headings-line-height !default;\n\n$lead-font-size: $font-size-base * 1.25 !default;\n$lead-font-weight: 300 !default;\n\n$small-font-size: 80% !default;\n\n$text-muted: $gray-600 !default;\n\n$blockquote-small-color: $gray-600 !default;\n$blockquote-small-font-size: $small-font-size !default;\n$blockquote-font-size: $font-size-base * 1.25 !default;\n\n$hr-border-color: rgba($black, .1) !default;\n$hr-border-width: $border-width !default;\n\n$mark-padding: .2em !default;\n\n$dt-font-weight: $font-weight-bold !default;\n\n$kbd-box-shadow: inset 0 -.1rem 0 rgba($black, .25) !default;\n$nested-kbd-font-weight: $font-weight-bold !default;\n\n$list-inline-padding: .5rem !default;\n\n$mark-bg: #fcf8e3 !default;\n\n$hr-margin-y: $spacer !default;\n\n\n// Tables\n//\n// Customizes the `.table` component with basic values, each used across all table variations.\n\n$table-cell-padding: .75rem !default;\n$table-cell-padding-sm: .3rem !default;\n\n$table-color: $body-color !default;\n$table-bg: null !default;\n$table-accent-bg: rgba($black, .05) !default;\n$table-hover-color: $table-color !default;\n$table-hover-bg: rgba($black, .075) !default;\n$table-active-bg: $table-hover-bg !default;\n\n$table-border-width: $border-width !default;\n$table-border-color: $border-color !default;\n\n$table-head-bg: $gray-200 !default;\n$table-head-color: $gray-700 !default;\n\n$table-dark-color: $white !default;\n$table-dark-bg: $gray-800 !default;\n$table-dark-accent-bg: rgba($white, .05) !default;\n$table-dark-hover-color: $table-dark-color !default;\n$table-dark-hover-bg: rgba($white, .075) !default;\n$table-dark-border-color: lighten($table-dark-bg, 7.5%) !default;\n$table-dark-color: $white !default;\n\n$table-striped-order: odd !default;\n\n$table-caption-color: $text-muted !default;\n\n$table-bg-level: -9 !default;\n$table-border-level: -6 !default;\n\n\n// Buttons + Forms\n//\n// Shared variables that are reassigned to `$input-` and `$btn-` specific variables.\n\n$input-btn-padding-y: .375rem !default;\n$input-btn-padding-x: .75rem !default;\n$input-btn-font-family: null !default;\n$input-btn-font-size: $font-size-base !default;\n$input-btn-line-height: $line-height-base !default;\n\n$input-btn-focus-width: .2rem !default;\n$input-btn-focus-color: rgba($component-active-bg, .25) !default;\n$input-btn-focus-box-shadow: 0 0 0 $input-btn-focus-width $input-btn-focus-color !default;\n\n$input-btn-padding-y-sm: .25rem !default;\n$input-btn-padding-x-sm: .5rem !default;\n$input-btn-font-size-sm: $font-size-sm !default;\n$input-btn-line-height-sm: $line-height-sm !default;\n\n$input-btn-padding-y-lg: .5rem !default;\n$input-btn-padding-x-lg: 1rem !default;\n$input-btn-font-size-lg: $font-size-lg !default;\n$input-btn-line-height-lg: $line-height-lg !default;\n\n$input-btn-border-width: $border-width !default;\n\n\n// Buttons\n//\n// For each of Bootstrap's buttons, define text, background, and border color.\n\n$btn-padding-y: $input-btn-padding-y !default;\n$btn-padding-x: $input-btn-padding-x !default;\n$btn-font-family: $input-btn-font-family !default;\n$btn-font-size: $input-btn-font-size !default;\n$btn-line-height: $input-btn-line-height !default;\n\n$btn-padding-y-sm: $input-btn-padding-y-sm !default;\n$btn-padding-x-sm: $input-btn-padding-x-sm !default;\n$btn-font-size-sm: $input-btn-font-size-sm !default;\n$btn-line-height-sm: $input-btn-line-height-sm !default;\n\n$btn-padding-y-lg: $input-btn-padding-y-lg !default;\n$btn-padding-x-lg: $input-btn-padding-x-lg !default;\n$btn-font-size-lg: $input-btn-font-size-lg !default;\n$btn-line-height-lg: $input-btn-line-height-lg !default;\n\n$btn-border-width: $input-btn-border-width !default;\n\n$btn-font-weight: $font-weight-normal !default;\n$btn-box-shadow: inset 0 1px 0 rgba($white, .15), 0 1px 1px rgba($black, .075) !default;\n$btn-focus-width: $input-btn-focus-width !default;\n$btn-focus-box-shadow: $input-btn-focus-box-shadow !default;\n$btn-disabled-opacity: .65 !default;\n$btn-active-box-shadow: inset 0 3px 5px rgba($black, .125) !default;\n\n$btn-link-disabled-color: $gray-600 !default;\n\n$btn-block-spacing-y: .5rem !default;\n\n// Allows for customizing button radius independently from global border radius\n$btn-border-radius: $border-radius !default;\n$btn-border-radius-lg: $border-radius-lg !default;\n$btn-border-radius-sm: $border-radius-sm !default;\n\n$btn-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n\n// Forms\n\n$label-margin-bottom: .5rem !default;\n\n$input-padding-y: $input-btn-padding-y !default;\n$input-padding-x: $input-btn-padding-x !default;\n$input-font-family: $input-btn-font-family !default;\n$input-font-size: $input-btn-font-size !default;\n$input-font-weight: $font-weight-base !default;\n$input-line-height: $input-btn-line-height !default;\n\n$input-padding-y-sm: $input-btn-padding-y-sm !default;\n$input-padding-x-sm: $input-btn-padding-x-sm !default;\n$input-font-size-sm: $input-btn-font-size-sm !default;\n$input-line-height-sm: $input-btn-line-height-sm !default;\n\n$input-padding-y-lg: $input-btn-padding-y-lg !default;\n$input-padding-x-lg: $input-btn-padding-x-lg !default;\n$input-font-size-lg: $input-btn-font-size-lg !default;\n$input-line-height-lg: $input-btn-line-height-lg !default;\n\n$input-bg: $white !default;\n$input-disabled-bg: $gray-200 !default;\n\n$input-color: $gray-700 !default;\n$input-border-color: $gray-400 !default;\n$input-border-width: $input-btn-border-width !default;\n$input-box-shadow: inset 0 1px 1px rgba($black, .075) !default;\n\n$input-border-radius: $border-radius !default;\n$input-border-radius-lg: $border-radius-lg !default;\n$input-border-radius-sm: $border-radius-sm !default;\n\n$input-focus-bg: $input-bg !default;\n$input-focus-border-color: lighten($component-active-bg, 25%) !default;\n$input-focus-color: $input-color !default;\n$input-focus-width: $input-btn-focus-width !default;\n$input-focus-box-shadow: $input-btn-focus-box-shadow !default;\n\n$input-placeholder-color: $gray-600 !default;\n$input-plaintext-color: $body-color !default;\n\n$input-height-border: $input-border-width * 2 !default;\n\n$input-height-inner: calc(#{$input-line-height * 1em} + #{$input-padding-y * 2}) !default;\n$input-height-inner-half: calc(#{$input-line-height * .5em} + #{$input-padding-y}) !default;\n$input-height-inner-quarter: calc(#{$input-line-height * .25em} + #{$input-padding-y / 2}) !default;\n\n$input-height: calc(#{$input-line-height * 1em} + #{$input-padding-y * 2} + #{$input-height-border}) !default;\n$input-height-sm: calc(#{$input-line-height-sm * 1em} + #{$input-btn-padding-y-sm * 2} + #{$input-height-border}) !default;\n$input-height-lg: calc(#{$input-line-height-lg * 1em} + #{$input-btn-padding-y-lg * 2} + #{$input-height-border}) !default;\n\n$input-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$form-text-margin-top: .25rem !default;\n\n$form-check-input-gutter: 1.25rem !default;\n$form-check-input-margin-y: .3rem !default;\n$form-check-input-margin-x: .25rem !default;\n\n$form-check-inline-margin-x: .75rem !default;\n$form-check-inline-input-margin-x: .3125rem !default;\n\n$form-grid-gutter-width: 10px !default;\n$form-group-margin-bottom: 1rem !default;\n\n$input-group-addon-color: $input-color !default;\n$input-group-addon-bg: $gray-200 !default;\n$input-group-addon-border-color: $input-border-color !default;\n\n$custom-forms-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$custom-control-gutter: .5rem !default;\n$custom-control-spacer-x: 1rem !default;\n\n$custom-control-indicator-size: 1rem !default;\n$custom-control-indicator-bg: $input-bg !default;\n\n$custom-control-indicator-bg-size: 50% 50% !default;\n$custom-control-indicator-box-shadow: $input-box-shadow !default;\n$custom-control-indicator-border-color: $gray-500 !default;\n$custom-control-indicator-border-width: $input-border-width !default;\n\n$custom-control-indicator-disabled-bg: $input-disabled-bg !default;\n$custom-control-label-disabled-color: $gray-600 !default;\n\n$custom-control-indicator-checked-color: $component-active-color !default;\n$custom-control-indicator-checked-bg: $component-active-bg !default;\n$custom-control-indicator-checked-disabled-bg: rgba(theme-color(\"primary\"), .5) !default;\n$custom-control-indicator-checked-box-shadow: none !default;\n$custom-control-indicator-checked-border-color: $custom-control-indicator-checked-bg !default;\n\n$custom-control-indicator-focus-box-shadow: $input-focus-box-shadow !default;\n$custom-control-indicator-focus-border-color: $input-focus-border-color !default;\n\n$custom-control-indicator-active-color: $component-active-color !default;\n$custom-control-indicator-active-bg: lighten($component-active-bg, 35%) !default;\n$custom-control-indicator-active-box-shadow: none !default;\n$custom-control-indicator-active-border-color: $custom-control-indicator-active-bg !default;\n\n$custom-checkbox-indicator-border-radius: $border-radius !default;\n$custom-checkbox-indicator-icon-checked: str-replace(url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='#{$custom-control-indicator-checked-color}' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e\"), \"#\", \"%23\") !default;\n\n$custom-checkbox-indicator-indeterminate-bg: $component-active-bg !default;\n$custom-checkbox-indicator-indeterminate-color: $custom-control-indicator-checked-color !default;\n$custom-checkbox-indicator-icon-indeterminate: str-replace(url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3e%3cpath stroke='#{$custom-checkbox-indicator-indeterminate-color}' d='M0 2h4'/%3e%3c/svg%3e\"), \"#\", \"%23\") !default;\n$custom-checkbox-indicator-indeterminate-box-shadow: none !default;\n$custom-checkbox-indicator-indeterminate-border-color: $custom-checkbox-indicator-indeterminate-bg !default;\n\n$custom-radio-indicator-border-radius: 50% !default;\n$custom-radio-indicator-icon-checked: str-replace(url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='#{$custom-control-indicator-checked-color}'/%3e%3c/svg%3e\"), \"#\", \"%23\") !default;\n\n$custom-switch-width: $custom-control-indicator-size * 1.75 !default;\n$custom-switch-indicator-border-radius: $custom-control-indicator-size / 2 !default;\n$custom-switch-indicator-size: calc(#{$custom-control-indicator-size} - #{$custom-control-indicator-border-width * 4}) !default;\n\n$custom-select-padding-y: $input-padding-y !default;\n$custom-select-padding-x: $input-padding-x !default;\n$custom-select-font-family: $input-font-family !default;\n$custom-select-font-size: $input-font-size !default;\n$custom-select-height: $input-height !default;\n$custom-select-indicator-padding: 1rem !default; // Extra padding to account for the presence of the background-image based indicator\n$custom-select-font-weight: $input-font-weight !default;\n$custom-select-line-height: $input-line-height !default;\n$custom-select-color: $input-color !default;\n$custom-select-disabled-color: $gray-600 !default;\n$custom-select-bg: $input-bg !default;\n$custom-select-disabled-bg: $gray-200 !default;\n$custom-select-bg-size: 8px 10px !default; // In pixels because image dimensions\n$custom-select-indicator-color: $gray-800 !default;\n$custom-select-indicator: str-replace(url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='#{$custom-select-indicator-color}' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e\"), \"#\", \"%23\") !default;\n$custom-select-background: $custom-select-indicator no-repeat right $custom-select-padding-x center / $custom-select-bg-size !default; // Used so we can have multiple background elements (e.g., arrow and feedback icon)\n\n$custom-select-feedback-icon-padding-right: calc((1em + #{2 * $custom-select-padding-y}) * 3 / 4 + #{$custom-select-padding-x + $custom-select-indicator-padding}) !default;\n$custom-select-feedback-icon-position: center right ($custom-select-padding-x + $custom-select-indicator-padding) !default;\n$custom-select-feedback-icon-size: $input-height-inner-half $input-height-inner-half !default;\n\n$custom-select-border-width: $input-border-width !default;\n$custom-select-border-color: $input-border-color !default;\n$custom-select-border-radius: $border-radius !default;\n$custom-select-box-shadow: inset 0 1px 2px rgba($black, .075) !default;\n\n$custom-select-focus-border-color: $input-focus-border-color !default;\n$custom-select-focus-width: $input-focus-width !default;\n$custom-select-focus-box-shadow: 0 0 0 $custom-select-focus-width $input-btn-focus-color !default;\n\n$custom-select-padding-y-sm: $input-padding-y-sm !default;\n$custom-select-padding-x-sm: $input-padding-x-sm !default;\n$custom-select-font-size-sm: $input-font-size-sm !default;\n$custom-select-height-sm: $input-height-sm !default;\n\n$custom-select-padding-y-lg: $input-padding-y-lg !default;\n$custom-select-padding-x-lg: $input-padding-x-lg !default;\n$custom-select-font-size-lg: $input-font-size-lg !default;\n$custom-select-height-lg: $input-height-lg !default;\n\n$custom-range-track-width: 100% !default;\n$custom-range-track-height: .5rem !default;\n$custom-range-track-cursor: pointer !default;\n$custom-range-track-bg: $gray-300 !default;\n$custom-range-track-border-radius: 1rem !default;\n$custom-range-track-box-shadow: inset 0 .25rem .25rem rgba($black, .1) !default;\n\n$custom-range-thumb-width: 1rem !default;\n$custom-range-thumb-height: $custom-range-thumb-width !default;\n$custom-range-thumb-bg: $component-active-bg !default;\n$custom-range-thumb-border: 0 !default;\n$custom-range-thumb-border-radius: 1rem !default;\n$custom-range-thumb-box-shadow: 0 .1rem .25rem rgba($black, .1) !default;\n$custom-range-thumb-focus-box-shadow: 0 0 0 1px $body-bg, $input-focus-box-shadow !default;\n$custom-range-thumb-focus-box-shadow-width: $input-focus-width !default; // For focus box shadow issue in IE/Edge\n$custom-range-thumb-active-bg: lighten($component-active-bg, 35%) !default;\n$custom-range-thumb-disabled-bg: $gray-500 !default;\n\n$custom-file-height: $input-height !default;\n$custom-file-height-inner: $input-height-inner !default;\n$custom-file-focus-border-color: $input-focus-border-color !default;\n$custom-file-focus-box-shadow: $input-focus-box-shadow !default;\n$custom-file-disabled-bg: $input-disabled-bg !default;\n\n$custom-file-padding-y: $input-padding-y !default;\n$custom-file-padding-x: $input-padding-x !default;\n$custom-file-line-height: $input-line-height !default;\n$custom-file-font-family: $input-font-family !default;\n$custom-file-font-weight: $input-font-weight !default;\n$custom-file-color: $input-color !default;\n$custom-file-bg: $input-bg !default;\n$custom-file-border-width: $input-border-width !default;\n$custom-file-border-color: $input-border-color !default;\n$custom-file-border-radius: $input-border-radius !default;\n$custom-file-box-shadow: $input-box-shadow !default;\n$custom-file-button-color: $custom-file-color !default;\n$custom-file-button-bg: $input-group-addon-bg !default;\n$custom-file-text: (\n en: \"Browse\"\n) !default;\n\n\n// Form validation\n\n$form-feedback-margin-top: $form-text-margin-top !default;\n$form-feedback-font-size: $small-font-size !default;\n$form-feedback-valid-color: theme-color(\"success\") !default;\n$form-feedback-invalid-color: theme-color(\"danger\") !default;\n\n$form-feedback-icon-valid-color: $form-feedback-valid-color !default;\n$form-feedback-icon-valid: str-replace(url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='#{$form-feedback-icon-valid-color}' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e\"), \"#\", \"%23\") !default;\n$form-feedback-icon-invalid-color: $form-feedback-invalid-color !default;\n$form-feedback-icon-invalid: str-replace(url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='#{$form-feedback-icon-invalid-color}' viewBox='-2 -2 7 7'%3e%3cpath stroke='#{$form-feedback-icon-invalid-color}' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E\"), \"#\", \"%23\") !default;\n\n$form-validation-states: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$form-validation-states: map-merge(\n (\n \"valid\": (\n \"color\": $form-feedback-valid-color,\n \"icon\": $form-feedback-icon-valid\n ),\n \"invalid\": (\n \"color\": $form-feedback-invalid-color,\n \"icon\": $form-feedback-icon-invalid\n ),\n ),\n $form-validation-states\n);\n\n// Z-index master list\n//\n// Warning: Avoid customizing these values. They're used for a bird's eye view\n// of components dependent on the z-axis and are designed to all work together.\n\n$zindex-dropdown: 1000 !default;\n$zindex-sticky: 1020 !default;\n$zindex-fixed: 1030 !default;\n$zindex-modal-backdrop: 1040 !default;\n$zindex-modal: 1050 !default;\n$zindex-popover: 1060 !default;\n$zindex-tooltip: 1070 !default;\n\n\n// Navs\n\n$nav-link-padding-y: .5rem !default;\n$nav-link-padding-x: 1rem !default;\n$nav-link-disabled-color: $gray-600 !default;\n\n$nav-tabs-border-color: $gray-300 !default;\n$nav-tabs-border-width: $border-width !default;\n$nav-tabs-border-radius: $border-radius !default;\n$nav-tabs-link-hover-border-color: $gray-200 $gray-200 $nav-tabs-border-color !default;\n$nav-tabs-link-active-color: $gray-700 !default;\n$nav-tabs-link-active-bg: $body-bg !default;\n$nav-tabs-link-active-border-color: $gray-300 $gray-300 $nav-tabs-link-active-bg !default;\n\n$nav-pills-border-radius: $border-radius !default;\n$nav-pills-link-active-color: $component-active-color !default;\n$nav-pills-link-active-bg: $component-active-bg !default;\n\n$nav-divider-color: $gray-200 !default;\n$nav-divider-margin-y: $spacer / 2 !default;\n\n\n// Navbar\n\n$navbar-padding-y: $spacer / 2 !default;\n$navbar-padding-x: $spacer !default;\n\n$navbar-nav-link-padding-x: .5rem !default;\n\n$navbar-brand-font-size: $font-size-lg !default;\n// Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link\n$nav-link-height: $font-size-base * $line-height-base + $nav-link-padding-y * 2 !default;\n$navbar-brand-height: $navbar-brand-font-size * $line-height-base !default;\n$navbar-brand-padding-y: ($nav-link-height - $navbar-brand-height) / 2 !default;\n\n$navbar-toggler-padding-y: .25rem !default;\n$navbar-toggler-padding-x: .75rem !default;\n$navbar-toggler-font-size: $font-size-lg !default;\n$navbar-toggler-border-radius: $btn-border-radius !default;\n\n$navbar-dark-color: rgba($white, .5) !default;\n$navbar-dark-hover-color: rgba($white, .75) !default;\n$navbar-dark-active-color: $white !default;\n$navbar-dark-disabled-color: rgba($white, .25) !default;\n$navbar-dark-toggler-icon-bg: str-replace(url(\"data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='#{$navbar-dark-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e\"), \"#\", \"%23\") !default;\n$navbar-dark-toggler-border-color: rgba($white, .1) !default;\n\n$navbar-light-color: rgba($black, .5) !default;\n$navbar-light-hover-color: rgba($black, .7) !default;\n$navbar-light-active-color: rgba($black, .9) !default;\n$navbar-light-disabled-color: rgba($black, .3) !default;\n$navbar-light-toggler-icon-bg: str-replace(url(\"data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='#{$navbar-light-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e\"), \"#\", \"%23\") !default;\n$navbar-light-toggler-border-color: rgba($black, .1) !default;\n\n$navbar-light-brand-color: $navbar-light-active-color !default;\n$navbar-light-brand-hover-color: $navbar-light-active-color !default;\n$navbar-dark-brand-color: $navbar-dark-active-color !default;\n$navbar-dark-brand-hover-color: $navbar-dark-active-color !default;\n\n\n// Dropdowns\n//\n// Dropdown menu container and contents.\n\n$dropdown-min-width: 10rem !default;\n$dropdown-padding-y: .5rem !default;\n$dropdown-spacer: .125rem !default;\n$dropdown-font-size: $font-size-base !default;\n$dropdown-color: $body-color !default;\n$dropdown-bg: $white !default;\n$dropdown-border-color: rgba($black, .15) !default;\n$dropdown-border-radius: $border-radius !default;\n$dropdown-border-width: $border-width !default;\n$dropdown-inner-border-radius: calc(#{$dropdown-border-radius} - #{$dropdown-border-width}) !default;\n$dropdown-divider-bg: $gray-200 !default;\n$dropdown-divider-margin-y: $nav-divider-margin-y !default;\n$dropdown-box-shadow: 0 .5rem 1rem rgba($black, .175) !default;\n\n$dropdown-link-color: $gray-900 !default;\n$dropdown-link-hover-color: darken($gray-900, 5%) !default;\n$dropdown-link-hover-bg: $gray-100 !default;\n\n$dropdown-link-active-color: $component-active-color !default;\n$dropdown-link-active-bg: $component-active-bg !default;\n\n$dropdown-link-disabled-color: $gray-600 !default;\n\n$dropdown-item-padding-y: .25rem !default;\n$dropdown-item-padding-x: 1.5rem !default;\n\n$dropdown-header-color: $gray-600 !default;\n\n\n// Pagination\n\n$pagination-padding-y: .5rem !default;\n$pagination-padding-x: .75rem !default;\n$pagination-padding-y-sm: .25rem !default;\n$pagination-padding-x-sm: .5rem !default;\n$pagination-padding-y-lg: .75rem !default;\n$pagination-padding-x-lg: 1.5rem !default;\n$pagination-line-height: 1.25 !default;\n\n$pagination-color: $link-color !default;\n$pagination-bg: $white !default;\n$pagination-border-width: $border-width !default;\n$pagination-border-color: $gray-300 !default;\n\n$pagination-focus-box-shadow: $input-btn-focus-box-shadow !default;\n$pagination-focus-outline: 0 !default;\n\n$pagination-hover-color: $link-hover-color !default;\n$pagination-hover-bg: $gray-200 !default;\n$pagination-hover-border-color: $gray-300 !default;\n\n$pagination-active-color: $component-active-color !default;\n$pagination-active-bg: $component-active-bg !default;\n$pagination-active-border-color: $pagination-active-bg !default;\n\n$pagination-disabled-color: $gray-600 !default;\n$pagination-disabled-bg: $white !default;\n$pagination-disabled-border-color: $gray-300 !default;\n\n\n// Jumbotron\n\n$jumbotron-padding: 2rem !default;\n$jumbotron-color: null !default;\n$jumbotron-bg: $gray-200 !default;\n\n\n// Cards\n\n$card-spacer-y: .75rem !default;\n$card-spacer-x: 1.25rem !default;\n$card-border-width: $border-width !default;\n$card-border-radius: $border-radius !default;\n$card-border-color: rgba($black, .125) !default;\n$card-inner-border-radius: calc(#{$card-border-radius} - #{$card-border-width}) !default;\n$card-cap-bg: rgba($black, .03) !default;\n$card-cap-color: null !default;\n$card-color: null !default;\n$card-bg: $white !default;\n\n$card-img-overlay-padding: 1.25rem !default;\n\n$card-group-margin: $grid-gutter-width / 2 !default;\n$card-deck-margin: $card-group-margin !default;\n\n$card-columns-count: 3 !default;\n$card-columns-gap: 1.25rem !default;\n$card-columns-margin: $card-spacer-y !default;\n\n\n// Tooltips\n\n$tooltip-font-size: $font-size-sm !default;\n$tooltip-max-width: 200px !default;\n$tooltip-color: $white !default;\n$tooltip-bg: $black !default;\n$tooltip-border-radius: $border-radius !default;\n$tooltip-opacity: .9 !default;\n$tooltip-padding-y: .25rem !default;\n$tooltip-padding-x: .5rem !default;\n$tooltip-margin: 0 !default;\n\n$tooltip-arrow-width: .8rem !default;\n$tooltip-arrow-height: .4rem !default;\n$tooltip-arrow-color: $tooltip-bg !default;\n\n// Form tooltips must come after regular tooltips\n$form-feedback-tooltip-padding-y: $tooltip-padding-y !default;\n$form-feedback-tooltip-padding-x: $tooltip-padding-x !default;\n$form-feedback-tooltip-font-size: $tooltip-font-size !default;\n$form-feedback-tooltip-line-height: $line-height-base !default;\n$form-feedback-tooltip-opacity: $tooltip-opacity !default;\n$form-feedback-tooltip-border-radius: $tooltip-border-radius !default;\n\n\n// Popovers\n\n$popover-font-size: $font-size-sm !default;\n$popover-bg: $white !default;\n$popover-max-width: 276px !default;\n$popover-border-width: $border-width !default;\n$popover-border-color: rgba($black, .2) !default;\n$popover-border-radius: $border-radius-lg !default;\n$popover-box-shadow: 0 .25rem .5rem rgba($black, .2) !default;\n\n$popover-header-bg: darken($popover-bg, 3%) !default;\n$popover-header-color: $headings-color !default;\n$popover-header-padding-y: .5rem !default;\n$popover-header-padding-x: .75rem !default;\n\n$popover-body-color: $body-color !default;\n$popover-body-padding-y: $popover-header-padding-y !default;\n$popover-body-padding-x: $popover-header-padding-x !default;\n\n$popover-arrow-width: 1rem !default;\n$popover-arrow-height: .5rem !default;\n$popover-arrow-color: $popover-bg !default;\n\n$popover-arrow-outer-color: fade-in($popover-border-color, .05) !default;\n\n\n// Toasts\n\n$toast-max-width: 350px !default;\n$toast-padding-x: .75rem !default;\n$toast-padding-y: .25rem !default;\n$toast-font-size: .875rem !default;\n$toast-color: null !default;\n$toast-background-color: rgba($white, .85) !default;\n$toast-border-width: 1px !default;\n$toast-border-color: rgba(0, 0, 0, .1) !default;\n$toast-border-radius: .25rem !default;\n$toast-box-shadow: 0 .25rem .75rem rgba($black, .1) !default;\n\n$toast-header-color: $gray-600 !default;\n$toast-header-background-color: rgba($white, .85) !default;\n$toast-header-border-color: rgba(0, 0, 0, .05) !default;\n\n\n// Badges\n\n$badge-font-size: 75% !default;\n$badge-font-weight: $font-weight-bold !default;\n$badge-padding-y: .25em !default;\n$badge-padding-x: .4em !default;\n$badge-border-radius: $border-radius !default;\n\n$badge-transition: $btn-transition !default;\n$badge-focus-width: $input-btn-focus-width !default;\n\n$badge-pill-padding-x: .6em !default;\n// Use a higher than normal value to ensure completely rounded edges when\n// customizing padding or font-size on labels.\n$badge-pill-border-radius: 10rem !default;\n\n\n// Modals\n\n// Padding applied to the modal body\n$modal-inner-padding: 1rem !default;\n\n$modal-dialog-margin: .5rem !default;\n$modal-dialog-margin-y-sm-up: 1.75rem !default;\n\n$modal-title-line-height: $line-height-base !default;\n\n$modal-content-color: null !default;\n$modal-content-bg: $white !default;\n$modal-content-border-color: rgba($black, .2) !default;\n$modal-content-border-width: $border-width !default;\n$modal-content-border-radius: $border-radius-lg !default;\n$modal-content-box-shadow-xs: 0 .25rem .5rem rgba($black, .5) !default;\n$modal-content-box-shadow-sm-up: 0 .5rem 1rem rgba($black, .5) !default;\n\n$modal-backdrop-bg: $black !default;\n$modal-backdrop-opacity: .5 !default;\n$modal-header-border-color: $border-color !default;\n$modal-footer-border-color: $modal-header-border-color !default;\n$modal-header-border-width: $modal-content-border-width !default;\n$modal-footer-border-width: $modal-header-border-width !default;\n$modal-header-padding-y: 1rem !default;\n$modal-header-padding-x: 1rem !default;\n$modal-header-padding: $modal-header-padding-y $modal-header-padding-x !default; // Keep this for backwards compatibility\n\n$modal-xl: 1140px !default;\n$modal-lg: 800px !default;\n$modal-md: 500px !default;\n$modal-sm: 300px !default;\n\n$modal-fade-transform: translate(0, -50px) !default;\n$modal-show-transform: none !default;\n$modal-transition: transform .3s ease-out !default;\n\n\n// Alerts\n//\n// Define alert colors, border radius, and padding.\n\n$alert-padding-y: .75rem !default;\n$alert-padding-x: 1.25rem !default;\n$alert-margin-bottom: 1rem !default;\n$alert-border-radius: $border-radius !default;\n$alert-link-font-weight: $font-weight-bold !default;\n$alert-border-width: $border-width !default;\n\n$alert-bg-level: -10 !default;\n$alert-border-level: -9 !default;\n$alert-color-level: 6 !default;\n\n\n// Progress bars\n\n$progress-height: 1rem !default;\n$progress-font-size: $font-size-base * .75 !default;\n$progress-bg: $gray-200 !default;\n$progress-border-radius: $border-radius !default;\n$progress-box-shadow: inset 0 .1rem .1rem rgba($black, .1) !default;\n$progress-bar-color: $white !default;\n$progress-bar-bg: theme-color(\"primary\") !default;\n$progress-bar-animation-timing: 1s linear infinite !default;\n$progress-bar-transition: width .6s ease !default;\n\n\n// List group\n\n$list-group-color: null !default;\n$list-group-bg: $white !default;\n$list-group-border-color: rgba($black, .125) !default;\n$list-group-border-width: $border-width !default;\n$list-group-border-radius: $border-radius !default;\n\n$list-group-item-padding-y: .75rem !default;\n$list-group-item-padding-x: 1.25rem !default;\n\n$list-group-hover-bg: $gray-100 !default;\n$list-group-active-color: $component-active-color !default;\n$list-group-active-bg: $component-active-bg !default;\n$list-group-active-border-color: $list-group-active-bg !default;\n\n$list-group-disabled-color: $gray-600 !default;\n$list-group-disabled-bg: $list-group-bg !default;\n\n$list-group-action-color: $gray-700 !default;\n$list-group-action-hover-color: $list-group-action-color !default;\n\n$list-group-action-active-color: $body-color !default;\n$list-group-action-active-bg: $gray-200 !default;\n\n\n// Image thumbnails\n\n$thumbnail-padding: .25rem !default;\n$thumbnail-bg: $body-bg !default;\n$thumbnail-border-width: $border-width !default;\n$thumbnail-border-color: $gray-300 !default;\n$thumbnail-border-radius: $border-radius !default;\n$thumbnail-box-shadow: 0 1px 2px rgba($black, .075) !default;\n\n\n// Figures\n\n$figure-caption-font-size: 90% !default;\n$figure-caption-color: $gray-600 !default;\n\n\n// Breadcrumbs\n\n$breadcrumb-padding-y: .75rem !default;\n$breadcrumb-padding-x: 1rem !default;\n$breadcrumb-item-padding: .5rem !default;\n\n$breadcrumb-margin-bottom: 1rem !default;\n\n$breadcrumb-bg: $gray-200 !default;\n$breadcrumb-divider-color: $gray-600 !default;\n$breadcrumb-active-color: $gray-600 !default;\n$breadcrumb-divider: quote(\"/\") !default;\n\n$breadcrumb-border-radius: $border-radius !default;\n\n\n// Carousel\n\n$carousel-control-color: $white !default;\n$carousel-control-width: 15% !default;\n$carousel-control-opacity: .5 !default;\n$carousel-control-hover-opacity: .9 !default;\n$carousel-control-transition: opacity .15s ease !default;\n\n$carousel-indicator-width: 30px !default;\n$carousel-indicator-height: 3px !default;\n$carousel-indicator-hit-area-height: 10px !default;\n$carousel-indicator-spacer: 3px !default;\n$carousel-indicator-active-bg: $white !default;\n$carousel-indicator-transition: opacity .6s ease !default;\n\n$carousel-caption-width: 70% !default;\n$carousel-caption-color: $white !default;\n\n$carousel-control-icon-width: 20px !default;\n\n$carousel-control-prev-icon-bg: str-replace(url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e\"), \"#\", \"%23\") !default;\n$carousel-control-next-icon-bg: str-replace(url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e\"), \"#\", \"%23\") !default;\n\n$carousel-transition-duration: .6s !default;\n$carousel-transition: transform $carousel-transition-duration ease-in-out !default; // Define transform transition first if using multiple transitions (e.g., `transform 2s ease, opacity .5s ease-out`)\n\n\n// Spinners\n\n$spinner-width: 2rem !default;\n$spinner-height: $spinner-width !default;\n$spinner-border-width: .25em !default;\n\n$spinner-width-sm: 1rem !default;\n$spinner-height-sm: $spinner-width-sm !default;\n$spinner-border-width-sm: .2em !default;\n\n\n// Close\n\n$close-font-size: $font-size-base * 1.5 !default;\n$close-font-weight: $font-weight-bold !default;\n$close-color: $black !default;\n$close-text-shadow: 0 1px 0 $white !default;\n\n\n// Code\n\n$code-font-size: 87.5% !default;\n$code-color: $pink !default;\n\n$kbd-padding-y: .2rem !default;\n$kbd-padding-x: .4rem !default;\n$kbd-font-size: $code-font-size !default;\n$kbd-color: $white !default;\n$kbd-bg: $gray-900 !default;\n\n$pre-color: $gray-900 !default;\n$pre-scrollable-max-height: 340px !default;\n\n\n// Utilities\n\n$displays: none, inline, inline-block, block, table, table-row, table-cell, flex, inline-flex !default;\n$overflows: auto, hidden !default;\n$positions: static, relative, absolute, fixed, sticky !default;\n\n\n// Printing\n\n$print-page-size: a3 !default;\n$print-body-min-width: map-get($grid-breakpoints, \"lg\") !default;\n", + "// Toggles\n//\n// Used in conjunction with global variables to enable certain theme features.\n\n// Vendor\n@import \"vendor/rfs\";\n\n// Deprecate\n@import \"mixins/deprecate\";\n\n// Utilities\n@import \"mixins/breakpoints\";\n@import \"mixins/hover\";\n@import \"mixins/image\";\n@import \"mixins/badge\";\n@import \"mixins/resize\";\n@import \"mixins/screen-reader\";\n@import \"mixins/size\";\n@import \"mixins/reset-text\";\n@import \"mixins/text-emphasis\";\n@import \"mixins/text-hide\";\n@import \"mixins/text-truncate\";\n@import \"mixins/visibility\";\n\n// // Components\n@import \"mixins/alert\";\n@import \"mixins/buttons\";\n@import \"mixins/caret\";\n@import \"mixins/pagination\";\n@import \"mixins/lists\";\n@import \"mixins/list-group\";\n@import \"mixins/nav-divider\";\n@import \"mixins/forms\";\n@import \"mixins/table-row\";\n\n// // Skins\n@import \"mixins/background-variant\";\n@import \"mixins/border-radius\";\n@import \"mixins/box-shadow\";\n@import \"mixins/gradients\";\n@import \"mixins/transition\";\n\n// // Layout\n@import \"mixins/clearfix\";\n@import \"mixins/grid-framework\";\n@import \"mixins/grid\";\n@import \"mixins/float\";\n", + "// stylelint-disable property-blacklist, scss/dollar-variable-default\n\n// SCSS RFS mixin\n//\n// Automated font-resizing\n//\n// See https://github.com/twbs/rfs\n\n// Configuration\n\n// Base font size\n$rfs-base-font-size: 1.25rem !default;\n$rfs-font-size-unit: rem !default;\n\n// Breakpoint at where font-size starts decreasing if screen width is smaller\n$rfs-breakpoint: 1200px !default;\n$rfs-breakpoint-unit: px !default;\n\n// Resize font-size based on screen height and width\n$rfs-two-dimensional: false !default;\n\n// Factor of decrease\n$rfs-factor: 10 !default;\n\n@if type-of($rfs-factor) != \"number\" or $rfs-factor <= 1 {\n @error \"`#{$rfs-factor}` is not a valid $rfs-factor, it must be greater than 1.\";\n}\n\n// Generate enable or disable classes. Possibilities: false, \"enable\" or \"disable\"\n$rfs-class: false !default;\n\n// 1 rem = $rfs-rem-value px\n$rfs-rem-value: 16 !default;\n\n// Safari iframe resize bug: https://github.com/twbs/rfs/issues/14\n$rfs-safari-iframe-resize-bug-fix: false !default;\n\n// Disable RFS by setting $enable-responsive-font-sizes to false\n$enable-responsive-font-sizes: true !default;\n\n// Cache $rfs-base-font-size unit\n$rfs-base-font-size-unit: unit($rfs-base-font-size);\n\n// Remove px-unit from $rfs-base-font-size for calculations\n@if $rfs-base-font-size-unit == \"px\" {\n $rfs-base-font-size: $rfs-base-font-size / ($rfs-base-font-size * 0 + 1);\n}\n@else if $rfs-base-font-size-unit == \"rem\" {\n $rfs-base-font-size: $rfs-base-font-size / ($rfs-base-font-size * 0 + 1 / $rfs-rem-value);\n}\n\n// Cache $rfs-breakpoint unit to prevent multiple calls\n$rfs-breakpoint-unit-cache: unit($rfs-breakpoint);\n\n// Remove unit from $rfs-breakpoint for calculations\n@if $rfs-breakpoint-unit-cache == \"px\" {\n $rfs-breakpoint: $rfs-breakpoint / ($rfs-breakpoint * 0 + 1);\n}\n@else if $rfs-breakpoint-unit-cache == \"rem\" or $rfs-breakpoint-unit-cache == \"em\" {\n $rfs-breakpoint: $rfs-breakpoint / ($rfs-breakpoint * 0 + 1 / $rfs-rem-value);\n}\n\n// Responsive font-size mixin\n@mixin rfs($fs, $important: false) {\n // Cache $fs unit\n $fs-unit: if(type-of($fs) == \"number\", unit($fs), false);\n\n // Add !important suffix if needed\n $rfs-suffix: if($important, \" !important\", \"\");\n\n // If $fs isn't a number (like inherit) or $fs has a unit (not px or rem, like 1.5em) or $ is 0, just print the value\n @if not $fs-unit or $fs-unit != \"\" and $fs-unit != \"px\" and $fs-unit != \"rem\" or $fs == 0 {\n font-size: #{$fs}#{$rfs-suffix};\n }\n @else {\n // Variables for storing static and fluid rescaling\n $rfs-static: null;\n $rfs-fluid: null;\n\n // Remove px-unit from $fs for calculations\n @if $fs-unit == \"px\" {\n $fs: $fs / ($fs * 0 + 1);\n }\n @else if $fs-unit == \"rem\" {\n $fs: $fs / ($fs * 0 + 1 / $rfs-rem-value);\n }\n\n // Set default font-size\n @if $rfs-font-size-unit == rem {\n $rfs-static: #{$fs / $rfs-rem-value}rem#{$rfs-suffix};\n }\n @else if $rfs-font-size-unit == px {\n $rfs-static: #{$fs}px#{$rfs-suffix};\n }\n @else {\n @error \"`#{$rfs-font-size-unit}` is not a valid unit for $rfs-font-size-unit. Use `px` or `rem`.\";\n }\n\n // Only add media query if font-size is bigger as the minimum font-size\n // If $rfs-factor == 1, no rescaling will take place\n @if $fs > $rfs-base-font-size and $enable-responsive-font-sizes {\n $min-width: null;\n $variable-unit: null;\n\n // Calculate minimum font-size for given font-size\n $fs-min: $rfs-base-font-size + ($fs - $rfs-base-font-size) / $rfs-factor;\n\n // Calculate difference between given font-size and minimum font-size for given font-size\n $fs-diff: $fs - $fs-min;\n\n // Base font-size formatting\n // No need to check if the unit is valid, because we did that before\n $min-width: if($rfs-font-size-unit == rem, #{$fs-min / $rfs-rem-value}rem, #{$fs-min}px);\n\n // If two-dimensional, use smallest of screen width and height\n $variable-unit: if($rfs-two-dimensional, vmin, vw);\n\n // Calculate the variable width between 0 and $rfs-breakpoint\n $variable-width: #{$fs-diff * 100 / $rfs-breakpoint}#{$variable-unit};\n\n // Set the calculated font-size.\n $rfs-fluid: calc(#{$min-width} + #{$variable-width}) #{$rfs-suffix};\n }\n\n // Rendering\n @if $rfs-fluid == null {\n // Only render static font-size if no fluid font-size is available\n font-size: $rfs-static;\n }\n @else {\n $mq-value: null;\n\n // RFS breakpoint formatting\n @if $rfs-breakpoint-unit == em or $rfs-breakpoint-unit == rem {\n $mq-value: #{$rfs-breakpoint / $rfs-rem-value}#{$rfs-breakpoint-unit};\n }\n @else if $rfs-breakpoint-unit == px {\n $mq-value: #{$rfs-breakpoint}px;\n }\n @else {\n @error \"`#{$rfs-breakpoint-unit}` is not a valid unit for $rfs-breakpoint-unit. Use `px`, `em` or `rem`.\";\n }\n\n @if $rfs-class == \"disable\" {\n // Adding an extra class increases specificity,\n // which prevents the media query to override the font size\n &,\n .disable-responsive-font-size &,\n &.disable-responsive-font-size {\n font-size: $rfs-static;\n }\n }\n @else {\n font-size: $rfs-static;\n }\n\n @if $rfs-two-dimensional {\n @media (max-width: #{$mq-value}), (max-height: #{$mq-value}) {\n @if $rfs-class == \"enable\" {\n .enable-responsive-font-size &,\n &.enable-responsive-font-size {\n font-size: $rfs-fluid;\n }\n }\n @else {\n font-size: $rfs-fluid;\n }\n\n @if $rfs-safari-iframe-resize-bug-fix {\n // stylelint-disable-next-line length-zero-no-unit\n min-width: 0vw;\n }\n }\n }\n @else {\n @media (max-width: #{$mq-value}) {\n @if $rfs-class == \"enable\" {\n .enable-responsive-font-size &,\n &.enable-responsive-font-size {\n font-size: $rfs-fluid;\n }\n }\n @else {\n font-size: $rfs-fluid;\n }\n\n @if $rfs-safari-iframe-resize-bug-fix {\n // stylelint-disable-next-line length-zero-no-unit\n min-width: 0vw;\n }\n }\n }\n }\n }\n}\n\n// The font-size & responsive-font-size mixin uses RFS to rescale font sizes\n@mixin font-size($fs, $important: false) {\n @include rfs($fs, $important);\n}\n\n@mixin responsive-font-size($fs, $important: false) {\n @include rfs($fs, $important);\n}\n", + "// Deprecate mixin\n//\n// This mixin can be used to deprecate mixins or functions.\n// `$enable-deprecation-messages` is a global variable, `$ignore-warning` is a variable that can be passed to\n// some deprecated mixins to suppress the warning (for example if the mixin is still be used in the current version of Bootstrap)\n@mixin deprecate($name, $deprecate-version, $remove-version, $ignore-warning: false) {\n @if ($enable-deprecation-messages != false and $ignore-warning != true) {\n @warn \"#{$name} has been deprecated as of #{$deprecate-version}. It will be removed entirely in #{$remove-version}.\";\n }\n}\n", + "// Breakpoint viewport sizes and media queries.\n//\n// Breakpoints are defined as a map of (name: minimum width), order from small to large:\n//\n// (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px)\n//\n// The map defined in the `$grid-breakpoints` global variable is used as the `$breakpoints` argument by default.\n\n// Name of the next breakpoint, or null for the last breakpoint.\n//\n// >> breakpoint-next(sm)\n// md\n// >> breakpoint-next(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// md\n// >> breakpoint-next(sm, $breakpoint-names: (xs sm md lg xl))\n// md\n@function breakpoint-next($name, $breakpoints: $grid-breakpoints, $breakpoint-names: map-keys($breakpoints)) {\n $n: index($breakpoint-names, $name);\n @return if($n != null and $n < length($breakpoint-names), nth($breakpoint-names, $n + 1), null);\n}\n\n// Minimum breakpoint width. Null for the smallest (first) breakpoint.\n//\n// >> breakpoint-min(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// 576px\n@function breakpoint-min($name, $breakpoints: $grid-breakpoints) {\n $min: map-get($breakpoints, $name);\n @return if($min != 0, $min, null);\n}\n\n// Maximum breakpoint width. Null for the largest (last) breakpoint.\n// The maximum value is calculated as the minimum of the next one less 0.02px\n// to work around the limitations of `min-` and `max-` prefixes and viewports with fractional widths.\n// See https://www.w3.org/TR/mediaqueries-4/#mq-min-max\n// Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.\n// See https://bugs.webkit.org/show_bug.cgi?id=178261\n//\n// >> breakpoint-max(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// 767.98px\n@function breakpoint-max($name, $breakpoints: $grid-breakpoints) {\n $next: breakpoint-next($name, $breakpoints);\n @return if($next, breakpoint-min($next, $breakpoints) - .02, null);\n}\n\n// Returns a blank string if smallest breakpoint, otherwise returns the name with a dash in front.\n// Useful for making responsive utilities.\n//\n// >> breakpoint-infix(xs, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// \"\" (Returns a blank string)\n// >> breakpoint-infix(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// \"-sm\"\n@function breakpoint-infix($name, $breakpoints: $grid-breakpoints) {\n @return if(breakpoint-min($name, $breakpoints) == null, \"\", \"-#{$name}\");\n}\n\n// Media of at least the minimum breakpoint width. No query for the smallest breakpoint.\n// Makes the @content apply to the given breakpoint and wider.\n@mixin media-breakpoint-up($name, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($name, $breakpoints);\n @if $min {\n @media (min-width: $min) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n// Media of at most the maximum breakpoint width. No query for the largest breakpoint.\n// Makes the @content apply to the given breakpoint and narrower.\n@mixin media-breakpoint-down($name, $breakpoints: $grid-breakpoints) {\n $max: breakpoint-max($name, $breakpoints);\n @if $max {\n @media (max-width: $max) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n// Media that spans multiple breakpoint widths.\n// Makes the @content apply between the min and max breakpoints\n@mixin media-breakpoint-between($lower, $upper, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($lower, $breakpoints);\n $max: breakpoint-max($upper, $breakpoints);\n\n @if $min != null and $max != null {\n @media (min-width: $min) and (max-width: $max) {\n @content;\n }\n } @else if $max == null {\n @include media-breakpoint-up($lower, $breakpoints) {\n @content;\n }\n } @else if $min == null {\n @include media-breakpoint-down($upper, $breakpoints) {\n @content;\n }\n }\n}\n\n// Media between the breakpoint's minimum and maximum widths.\n// No minimum for the smallest breakpoint, and no maximum for the largest one.\n// Makes the @content apply only to the given breakpoint, not viewports any wider or narrower.\n@mixin media-breakpoint-only($name, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($name, $breakpoints);\n $max: breakpoint-max($name, $breakpoints);\n\n @if $min != null and $max != null {\n @media (min-width: $min) and (max-width: $max) {\n @content;\n }\n } @else if $max == null {\n @include media-breakpoint-up($name, $breakpoints) {\n @content;\n }\n } @else if $min == null {\n @include media-breakpoint-down($name, $breakpoints) {\n @content;\n }\n }\n}\n", + "// Hover mixin and `$enable-hover-media-query` are deprecated.\n//\n// Originally added during our alphas and maintained during betas, this mixin was\n// designed to prevent `:hover` stickiness on iOS-an issue where hover styles\n// would persist after initial touch.\n//\n// For backward compatibility, we've kept these mixins and updated them to\n// always return their regular pseudo-classes instead of a shimmed media query.\n//\n// Issue: https://github.com/twbs/bootstrap/issues/25195\n\n@mixin hover {\n &:hover { @content; }\n}\n\n@mixin hover-focus {\n &:hover,\n &:focus {\n @content;\n }\n}\n\n@mixin plain-hover-focus {\n &,\n &:hover,\n &:focus {\n @content;\n }\n}\n\n@mixin hover-focus-active {\n &:hover,\n &:focus,\n &:active {\n @content;\n }\n}\n", + "// Image Mixins\n// - Responsive image\n// - Retina image\n\n\n// Responsive image\n//\n// Keep images from scaling beyond the width of their parents.\n\n@mixin img-fluid {\n // Part 1: Set a maximum relative to the parent\n max-width: 100%;\n // Part 2: Override the height to auto, otherwise images will be stretched\n // when setting a width and height attribute on the img element.\n height: auto;\n}\n\n\n// Retina image\n//\n// Short retina mixin for setting background-image and -size.\n\n@mixin img-retina($file-1x, $file-2x, $width-1x, $height-1x) {\n background-image: url($file-1x);\n\n // Autoprefixer takes care of adding -webkit-min-device-pixel-ratio and -o-min-device-pixel-ratio,\n // but doesn't convert dppx=>dpi.\n // There's no such thing as unprefixed min-device-pixel-ratio since it's nonstandard.\n // Compatibility info: https://caniuse.com/#feat=css-media-resolution\n @media only screen and (min-resolution: 192dpi), // IE9-11 don't support dppx\n only screen and (min-resolution: 2dppx) { // Standardized\n background-image: url($file-2x);\n background-size: $width-1x $height-1x;\n }\n @include deprecate(\"`img-retina()`\", \"v4.3.0\", \"v5\");\n}\n", + "@mixin badge-variant($bg) {\n color: color-yiq($bg);\n background-color: $bg;\n\n @at-root a#{&} {\n @include hover-focus {\n color: color-yiq($bg);\n background-color: darken($bg, 10%);\n }\n\n &:focus,\n &.focus {\n outline: 0;\n box-shadow: 0 0 0 $badge-focus-width rgba($bg, .5);\n }\n }\n}\n", + "// Resize anything\n\n@mixin resizable($direction) {\n overflow: auto; // Per CSS3 UI, `resize` only applies when `overflow` isn't `visible`\n resize: $direction; // Options: horizontal, vertical, both\n}\n", + "// Only display content to screen readers\n//\n// See: https://a11yproject.com/posts/how-to-hide-content/\n// See: https://hugogiraudel.com/2016/10/13/css-hide-and-seek/\n\n@mixin sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border: 0;\n}\n\n// Use in conjunction with .sr-only to only display content when it's focused.\n//\n// Useful for \"Skip to main content\" links; see https://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1\n//\n// Credit: HTML5 Boilerplate\n\n@mixin sr-only-focusable {\n &:active,\n &:focus {\n position: static;\n width: auto;\n height: auto;\n overflow: visible;\n clip: auto;\n white-space: normal;\n }\n}\n", + "// Sizing shortcuts\n\n@mixin size($width, $height: $width) {\n width: $width;\n height: $height;\n @include deprecate(\"`size()`\", \"v4.3.0\", \"v5\");\n}\n", + "@mixin reset-text {\n font-family: $font-family-base;\n // We deliberately do NOT reset font-size or word-wrap.\n font-style: normal;\n font-weight: $font-weight-normal;\n line-height: $line-height-base;\n text-align: left; // Fallback for where `start` is not supported\n text-align: start;\n text-decoration: none;\n text-shadow: none;\n text-transform: none;\n letter-spacing: normal;\n word-break: normal;\n word-spacing: normal;\n white-space: normal;\n line-break: auto;\n}\n", + "// stylelint-disable declaration-no-important\n\n// Typography\n\n@mixin text-emphasis-variant($parent, $color) {\n #{$parent} {\n color: $color !important;\n }\n @if $emphasized-link-hover-darken-percentage != 0 {\n a#{$parent} {\n @include hover-focus {\n color: darken($color, $emphasized-link-hover-darken-percentage) !important;\n }\n }\n }\n}\n", + "// CSS image replacement\n@mixin text-hide($ignore-warning: false) {\n // stylelint-disable-next-line font-family-no-missing-generic-family-keyword\n font: 0/0 a;\n color: transparent;\n text-shadow: none;\n background-color: transparent;\n border: 0;\n\n @include deprecate(\"`text-hide()`\", \"v4.1.0\", \"v5\", $ignore-warning);\n}\n", + "// Text truncate\n// Requires inline-block or block for proper styling\n\n@mixin text-truncate() {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n", + "// stylelint-disable declaration-no-important\n\n// Visibility\n\n@mixin invisible($visibility) {\n visibility: $visibility !important;\n @include deprecate(\"`invisible()`\", \"v4.3.0\", \"v5\");\n}\n", + "@mixin alert-variant($background, $border, $color) {\n color: $color;\n @include gradient-bg($background);\n border-color: $border;\n\n hr {\n border-top-color: darken($border, 5%);\n }\n\n .alert-link {\n color: darken($color, 10%);\n }\n}\n", + "// Button variants\n//\n// Easily pump out default styles, as well as :hover, :focus, :active,\n// and disabled options for all buttons\n\n@mixin button-variant($background, $border, $hover-background: darken($background, 7.5%), $hover-border: darken($border, 10%), $active-background: darken($background, 10%), $active-border: darken($border, 12.5%)) {\n color: color-yiq($background);\n @include gradient-bg($background);\n border-color: $border;\n @include box-shadow($btn-box-shadow);\n\n @include hover {\n color: color-yiq($hover-background);\n @include gradient-bg($hover-background);\n border-color: $hover-border;\n }\n\n &:focus,\n &.focus {\n // Avoid using mixin so we can pass custom focus shadow properly\n @if $enable-shadows {\n box-shadow: $btn-box-shadow, 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5);\n } @else {\n box-shadow: 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5);\n }\n }\n\n // Disabled comes first so active can properly restyle\n &.disabled,\n &:disabled {\n color: color-yiq($background);\n background-color: $background;\n border-color: $border;\n // Remove CSS gradients if they're enabled\n @if $enable-gradients {\n background-image: none;\n }\n }\n\n &:not(:disabled):not(.disabled):active,\n &:not(:disabled):not(.disabled).active,\n .show > &.dropdown-toggle {\n color: color-yiq($active-background);\n background-color: $active-background;\n @if $enable-gradients {\n background-image: none; // Remove the gradient for the pressed/active state\n }\n border-color: $active-border;\n\n &:focus {\n // Avoid using mixin so we can pass custom focus shadow properly\n @if $enable-shadows and $btn-active-box-shadow != none {\n box-shadow: $btn-active-box-shadow, 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5);\n } @else {\n box-shadow: 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5);\n }\n }\n }\n}\n\n@mixin button-outline-variant($color, $color-hover: color-yiq($color), $active-background: $color, $active-border: $color) {\n color: $color;\n border-color: $color;\n\n @include hover {\n color: $color-hover;\n background-color: $active-background;\n border-color: $active-border;\n }\n\n &:focus,\n &.focus {\n box-shadow: 0 0 0 $btn-focus-width rgba($color, .5);\n }\n\n &.disabled,\n &:disabled {\n color: $color;\n background-color: transparent;\n }\n\n &:not(:disabled):not(.disabled):active,\n &:not(:disabled):not(.disabled).active,\n .show > &.dropdown-toggle {\n color: color-yiq($active-background);\n background-color: $active-background;\n border-color: $active-border;\n\n &:focus {\n // Avoid using mixin so we can pass custom focus shadow properly\n @if $enable-shadows and $btn-active-box-shadow != none {\n box-shadow: $btn-active-box-shadow, 0 0 0 $btn-focus-width rgba($color, .5);\n } @else {\n box-shadow: 0 0 0 $btn-focus-width rgba($color, .5);\n }\n }\n }\n}\n\n// Button sizes\n@mixin button-size($padding-y, $padding-x, $font-size, $line-height, $border-radius) {\n padding: $padding-y $padding-x;\n @include font-size($font-size);\n line-height: $line-height;\n // Manually declare to provide an override to the browser default\n @include border-radius($border-radius, 0);\n}\n", + "@mixin caret-down {\n border-top: $caret-width solid;\n border-right: $caret-width solid transparent;\n border-bottom: 0;\n border-left: $caret-width solid transparent;\n}\n\n@mixin caret-up {\n border-top: 0;\n border-right: $caret-width solid transparent;\n border-bottom: $caret-width solid;\n border-left: $caret-width solid transparent;\n}\n\n@mixin caret-right {\n border-top: $caret-width solid transparent;\n border-right: 0;\n border-bottom: $caret-width solid transparent;\n border-left: $caret-width solid;\n}\n\n@mixin caret-left {\n border-top: $caret-width solid transparent;\n border-right: $caret-width solid;\n border-bottom: $caret-width solid transparent;\n}\n\n@mixin caret($direction: down) {\n @if $enable-caret {\n &::after {\n display: inline-block;\n margin-left: $caret-spacing;\n vertical-align: $caret-vertical-align;\n content: \"\";\n @if $direction == down {\n @include caret-down;\n } @else if $direction == up {\n @include caret-up;\n } @else if $direction == right {\n @include caret-right;\n }\n }\n\n @if $direction == left {\n &::after {\n display: none;\n }\n\n &::before {\n display: inline-block;\n margin-right: $caret-spacing;\n vertical-align: $caret-vertical-align;\n content: \"\";\n @include caret-left;\n }\n }\n\n &:empty::after {\n margin-left: 0;\n }\n }\n}\n", + "// Pagination\n\n@mixin pagination-size($padding-y, $padding-x, $font-size, $line-height, $border-radius) {\n .page-link {\n padding: $padding-y $padding-x;\n @include font-size($font-size);\n line-height: $line-height;\n }\n\n .page-item {\n &:first-child {\n .page-link {\n @include border-left-radius($border-radius);\n }\n }\n &:last-child {\n .page-link {\n @include border-right-radius($border-radius);\n }\n }\n }\n}\n", + "// Lists\n\n// Unstyled keeps list items block level, just removes default browser padding and list-style\n@mixin list-unstyled {\n padding-left: 0;\n list-style: none;\n}\n", + "// List Groups\n\n@mixin list-group-item-variant($state, $background, $color) {\n .list-group-item-#{$state} {\n color: $color;\n background-color: $background;\n\n &.list-group-item-action {\n @include hover-focus {\n color: $color;\n background-color: darken($background, 5%);\n }\n\n &.active {\n color: $white;\n background-color: $color;\n border-color: $color;\n }\n }\n }\n}\n", + "// Horizontal dividers\n//\n// Dividers (basically an hr) within dropdowns and nav lists\n\n@mixin nav-divider($color: $nav-divider-color, $margin-y: $nav-divider-margin-y) {\n height: 0;\n margin: $margin-y 0;\n overflow: hidden;\n border-top: 1px solid $color;\n}\n", + "// Form control focus state\n//\n// Generate a customized focus state and for any input with the specified color,\n// which defaults to the `$input-focus-border-color` variable.\n//\n// We highly encourage you to not customize the default value, but instead use\n// this to tweak colors on an as-needed basis. This aesthetic change is based on\n// WebKit's default styles, but applicable to a wider range of browsers. Its\n// usability and accessibility should be taken into account with any change.\n//\n// Example usage: change the default blue border and shadow to white for better\n// contrast against a dark gray background.\n@mixin form-control-focus() {\n &:focus {\n color: $input-focus-color;\n background-color: $input-focus-bg;\n border-color: $input-focus-border-color;\n outline: 0;\n // Avoid using mixin so we can pass custom focus shadow properly\n @if $enable-shadows {\n box-shadow: $input-box-shadow, $input-focus-box-shadow;\n } @else {\n box-shadow: $input-focus-box-shadow;\n }\n }\n}\n\n\n@mixin form-validation-state($state, $color, $icon) {\n .#{$state}-feedback {\n display: none;\n width: 100%;\n margin-top: $form-feedback-margin-top;\n @include font-size($form-feedback-font-size);\n color: $color;\n }\n\n .#{$state}-tooltip {\n position: absolute;\n top: 100%;\n z-index: 5;\n display: none;\n max-width: 100%; // Contain to parent when possible\n padding: $form-feedback-tooltip-padding-y $form-feedback-tooltip-padding-x;\n margin-top: .1rem;\n @include font-size($form-feedback-tooltip-font-size);\n line-height: $form-feedback-tooltip-line-height;\n color: color-yiq($color);\n background-color: rgba($color, $form-feedback-tooltip-opacity);\n @include border-radius($form-feedback-tooltip-border-radius);\n }\n\n .form-control {\n .was-validated &:#{$state},\n &.is-#{$state} {\n border-color: $color;\n\n @if $enable-validation-icons {\n padding-right: $input-height-inner;\n background-image: $icon;\n background-repeat: no-repeat;\n background-position: center right $input-height-inner-quarter;\n background-size: $input-height-inner-half $input-height-inner-half;\n }\n\n &:focus {\n border-color: $color;\n box-shadow: 0 0 0 $input-focus-width rgba($color, .25);\n }\n\n ~ .#{$state}-feedback,\n ~ .#{$state}-tooltip {\n display: block;\n }\n }\n }\n\n // stylelint-disable-next-line selector-no-qualifying-type\n textarea.form-control {\n .was-validated &:#{$state},\n &.is-#{$state} {\n @if $enable-validation-icons {\n padding-right: $input-height-inner;\n background-position: top $input-height-inner-quarter right $input-height-inner-quarter;\n }\n }\n }\n\n .custom-select {\n .was-validated &:#{$state},\n &.is-#{$state} {\n border-color: $color;\n\n @if $enable-validation-icons {\n padding-right: $custom-select-feedback-icon-padding-right;\n background: $custom-select-background, $icon $custom-select-bg no-repeat $custom-select-feedback-icon-position / $custom-select-feedback-icon-size;\n }\n\n &:focus {\n border-color: $color;\n box-shadow: 0 0 0 $input-focus-width rgba($color, .25);\n }\n\n ~ .#{$state}-feedback,\n ~ .#{$state}-tooltip {\n display: block;\n }\n }\n }\n\n\n .form-control-file {\n .was-validated &:#{$state},\n &.is-#{$state} {\n ~ .#{$state}-feedback,\n ~ .#{$state}-tooltip {\n display: block;\n }\n }\n }\n\n .form-check-input {\n .was-validated &:#{$state},\n &.is-#{$state} {\n ~ .form-check-label {\n color: $color;\n }\n\n ~ .#{$state}-feedback,\n ~ .#{$state}-tooltip {\n display: block;\n }\n }\n }\n\n .custom-control-input {\n .was-validated &:#{$state},\n &.is-#{$state} {\n ~ .custom-control-label {\n color: $color;\n\n &::before {\n border-color: $color;\n }\n }\n\n ~ .#{$state}-feedback,\n ~ .#{$state}-tooltip {\n display: block;\n }\n\n &:checked {\n ~ .custom-control-label::before {\n border-color: lighten($color, 10%);\n @include gradient-bg(lighten($color, 10%));\n }\n }\n\n &:focus {\n ~ .custom-control-label::before {\n box-shadow: 0 0 0 $input-focus-width rgba($color, .25);\n }\n\n &:not(:checked) ~ .custom-control-label::before {\n border-color: $color;\n }\n }\n }\n }\n\n // custom file\n .custom-file-input {\n .was-validated &:#{$state},\n &.is-#{$state} {\n ~ .custom-file-label {\n border-color: $color;\n }\n\n ~ .#{$state}-feedback,\n ~ .#{$state}-tooltip {\n display: block;\n }\n\n &:focus {\n ~ .custom-file-label {\n border-color: $color;\n box-shadow: 0 0 0 $input-focus-width rgba($color, .25);\n }\n }\n }\n }\n}\n", + "// Tables\n\n@mixin table-row-variant($state, $background, $border: null) {\n // Exact selectors below required to override `.table-striped` and prevent\n // inheritance to nested tables.\n .table-#{$state} {\n &,\n > th,\n > td {\n background-color: $background;\n }\n\n @if $border != null {\n th,\n td,\n thead th,\n tbody + tbody {\n border-color: $border;\n }\n }\n }\n\n // Hover states for `.table-hover`\n // Note: this is not available for cells or rows within `thead` or `tfoot`.\n .table-hover {\n $hover-background: darken($background, 5%);\n\n .table-#{$state} {\n @include hover {\n background-color: $hover-background;\n\n > td,\n > th {\n background-color: $hover-background;\n }\n }\n }\n }\n}\n", + "// stylelint-disable declaration-no-important\n\n// Contextual backgrounds\n\n@mixin bg-variant($parent, $color) {\n #{$parent} {\n background-color: $color !important;\n }\n a#{$parent},\n button#{$parent} {\n @include hover-focus {\n background-color: darken($color, 10%) !important;\n }\n }\n}\n\n@mixin bg-gradient-variant($parent, $color) {\n #{$parent} {\n background: $color linear-gradient(180deg, mix($body-bg, $color, 15%), $color) repeat-x !important;\n }\n}\n", + "// stylelint-disable property-blacklist\n// Single side border-radius\n\n@mixin border-radius($radius: $border-radius, $fallback-border-radius: false) {\n @if $enable-rounded {\n border-radius: $radius;\n }\n @else if $fallback-border-radius != false {\n border-radius: $fallback-border-radius;\n }\n}\n\n@mixin border-top-radius($radius) {\n @if $enable-rounded {\n border-top-left-radius: $radius;\n border-top-right-radius: $radius;\n }\n}\n\n@mixin border-right-radius($radius) {\n @if $enable-rounded {\n border-top-right-radius: $radius;\n border-bottom-right-radius: $radius;\n }\n}\n\n@mixin border-bottom-radius($radius) {\n @if $enable-rounded {\n border-bottom-right-radius: $radius;\n border-bottom-left-radius: $radius;\n }\n}\n\n@mixin border-left-radius($radius) {\n @if $enable-rounded {\n border-top-left-radius: $radius;\n border-bottom-left-radius: $radius;\n }\n}\n\n@mixin border-top-left-radius($radius) {\n @if $enable-rounded {\n border-top-left-radius: $radius;\n }\n}\n\n@mixin border-top-right-radius($radius) {\n @if $enable-rounded {\n border-top-right-radius: $radius;\n }\n}\n\n@mixin border-bottom-right-radius($radius) {\n @if $enable-rounded {\n border-bottom-right-radius: $radius;\n }\n}\n\n@mixin border-bottom-left-radius($radius) {\n @if $enable-rounded {\n border-bottom-left-radius: $radius;\n }\n}\n", + "@mixin box-shadow($shadow...) {\n @if $enable-shadows {\n $result: ();\n\n @if (length($shadow) == 1) {\n // We can pass `@include box-shadow(none);`\n $result: $shadow;\n } @else {\n // Filter to avoid invalid properties for example `box-shadow: none, 1px 1px black;`\n @for $i from 1 through length($shadow) {\n @if nth($shadow, $i) != \"none\" {\n $result: append($result, nth($shadow, $i), \"comma\");\n }\n }\n }\n @if (length($result) > 0) {\n box-shadow: $result;\n }\n }\n}\n", + "// Gradients\n\n@mixin gradient-bg($color) {\n @if $enable-gradients {\n background: $color linear-gradient(180deg, mix($body-bg, $color, 15%), $color) repeat-x;\n } @else {\n background-color: $color;\n }\n}\n\n// Horizontal gradient, from left to right\n//\n// Creates two color stops, start and end, by specifying a color and position for each color stop.\n@mixin gradient-x($start-color: $gray-700, $end-color: $gray-800, $start-percent: 0%, $end-percent: 100%) {\n background-image: linear-gradient(to right, $start-color $start-percent, $end-color $end-percent);\n background-repeat: repeat-x;\n}\n\n// Vertical gradient, from top to bottom\n//\n// Creates two color stops, start and end, by specifying a color and position for each color stop.\n@mixin gradient-y($start-color: $gray-700, $end-color: $gray-800, $start-percent: 0%, $end-percent: 100%) {\n background-image: linear-gradient(to bottom, $start-color $start-percent, $end-color $end-percent);\n background-repeat: repeat-x;\n}\n\n@mixin gradient-directional($start-color: $gray-700, $end-color: $gray-800, $deg: 45deg) {\n background-image: linear-gradient($deg, $start-color, $end-color);\n background-repeat: repeat-x;\n}\n@mixin gradient-x-three-colors($start-color: $blue, $mid-color: $purple, $color-stop: 50%, $end-color: $red) {\n background-image: linear-gradient(to right, $start-color, $mid-color $color-stop, $end-color);\n background-repeat: no-repeat;\n}\n@mixin gradient-y-three-colors($start-color: $blue, $mid-color: $purple, $color-stop: 50%, $end-color: $red) {\n background-image: linear-gradient($start-color, $mid-color $color-stop, $end-color);\n background-repeat: no-repeat;\n}\n@mixin gradient-radial($inner-color: $gray-700, $outer-color: $gray-800) {\n background-image: radial-gradient(circle, $inner-color, $outer-color);\n background-repeat: no-repeat;\n}\n@mixin gradient-striped($color: rgba($white, .15), $angle: 45deg) {\n background-image: linear-gradient($angle, $color 25%, transparent 25%, transparent 50%, $color 50%, $color 75%, transparent 75%, transparent);\n}\n", + "// stylelint-disable property-blacklist\n@mixin transition($transition...) {\n @if $enable-transitions {\n @if length($transition) == 0 {\n transition: $transition-base;\n } @else {\n transition: $transition;\n }\n }\n\n @if $enable-prefers-reduced-motion-media-query {\n @media (prefers-reduced-motion: reduce) {\n transition: none;\n }\n }\n}\n", + "@mixin clearfix() {\n &::after {\n display: block;\n clear: both;\n content: \"\";\n }\n}\n", + "// Framework grid generation\n//\n// Used only by Bootstrap to generate the correct number of grid classes given\n// any value of `$grid-columns`.\n\n@mixin make-grid-columns($columns: $grid-columns, $gutter: $grid-gutter-width, $breakpoints: $grid-breakpoints) {\n // Common properties for all breakpoints\n %grid-column {\n position: relative;\n width: 100%;\n padding-right: $gutter / 2;\n padding-left: $gutter / 2;\n }\n\n @each $breakpoint in map-keys($breakpoints) {\n $infix: breakpoint-infix($breakpoint, $breakpoints);\n\n // Allow columns to stretch full width below their breakpoints\n @for $i from 1 through $columns {\n .col#{$infix}-#{$i} {\n @extend %grid-column;\n }\n }\n .col#{$infix},\n .col#{$infix}-auto {\n @extend %grid-column;\n }\n\n @include media-breakpoint-up($breakpoint, $breakpoints) {\n // Provide basic `.col-{bp}` classes for equal-width flexbox columns\n .col#{$infix} {\n flex-basis: 0;\n flex-grow: 1;\n max-width: 100%;\n }\n .col#{$infix}-auto {\n flex: 0 0 auto;\n width: auto;\n max-width: 100%; // Reset earlier grid tiers\n }\n\n @for $i from 1 through $columns {\n .col#{$infix}-#{$i} {\n @include make-col($i, $columns);\n }\n }\n\n .order#{$infix}-first { order: -1; }\n\n .order#{$infix}-last { order: $columns + 1; }\n\n @for $i from 0 through $columns {\n .order#{$infix}-#{$i} { order: $i; }\n }\n\n // `$columns - 1` because offsetting by the width of an entire row isn't possible\n @for $i from 0 through ($columns - 1) {\n @if not ($infix == \"\" and $i == 0) { // Avoid emitting useless .offset-0\n .offset#{$infix}-#{$i} {\n @include make-col-offset($i, $columns);\n }\n }\n }\n }\n }\n}\n", + "/// Grid system\n//\n// Generate semantic grid columns with these mixins.\n\n@mixin make-container($gutter: $grid-gutter-width) {\n width: 100%;\n padding-right: $gutter / 2;\n padding-left: $gutter / 2;\n margin-right: auto;\n margin-left: auto;\n}\n\n\n// For each breakpoint, define the maximum width of the container in a media query\n@mixin make-container-max-widths($max-widths: $container-max-widths, $breakpoints: $grid-breakpoints) {\n @each $breakpoint, $container-max-width in $max-widths {\n @include media-breakpoint-up($breakpoint, $breakpoints) {\n max-width: $container-max-width;\n }\n }\n}\n\n@mixin make-row($gutter: $grid-gutter-width) {\n display: flex;\n flex-wrap: wrap;\n margin-right: -$gutter / 2;\n margin-left: -$gutter / 2;\n}\n\n@mixin make-col-ready($gutter: $grid-gutter-width) {\n position: relative;\n // Prevent columns from becoming too narrow when at smaller grid tiers by\n // always setting `width: 100%;`. This works because we use `flex` values\n // later on to override this initial width.\n width: 100%;\n padding-right: $gutter / 2;\n padding-left: $gutter / 2;\n}\n\n@mixin make-col($size, $columns: $grid-columns) {\n flex: 0 0 percentage($size / $columns);\n // Add a `max-width` to ensure content within each column does not blow out\n // the width of the column. Applies to IE10+ and Firefox. Chrome and Safari\n // do not appear to require this.\n max-width: percentage($size / $columns);\n}\n\n@mixin make-col-offset($size, $columns: $grid-columns) {\n $num: $size / $columns;\n margin-left: if($num == 0, 0, percentage($num));\n}\n", + "// stylelint-disable declaration-no-important\n\n@mixin float-left {\n float: left !important;\n @include deprecate(\"The `float-left` mixin\", \"v4.3.0\", \"v5\");\n}\n@mixin float-right {\n float: right !important;\n @include deprecate(\"The `float-right` mixin\", \"v4.3.0\", \"v5\");\n}\n@mixin float-none {\n float: none !important;\n @include deprecate(\"The `float-none` mixin\", \"v4.3.0\", \"v5\");\n}\n", + "// stylelint-disable at-rule-no-vendor-prefix, declaration-no-important, selector-no-qualifying-type, property-no-vendor-prefix\n\n// Reboot\n//\n// Normalization of HTML elements, manually forked from Normalize.css to remove\n// styles targeting irrelevant browsers while applying new styles.\n//\n// Normalize is licensed MIT. https://github.com/necolas/normalize.css\n\n\n// Document\n//\n// 1. Change from `box-sizing: content-box` so that `width` is not affected by `padding` or `border`.\n// 2. Change the default font family in all browsers.\n// 3. Correct the line height in all browsers.\n// 4. Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS.\n// 5. Change the default tap highlight to be completely transparent in iOS.\n\n*,\n*::before,\n*::after {\n box-sizing: border-box; // 1\n}\n\nhtml {\n font-family: sans-serif; // 2\n line-height: 1.15; // 3\n -webkit-text-size-adjust: 100%; // 4\n -webkit-tap-highlight-color: rgba($black, 0); // 5\n}\n\n// Shim for \"new\" HTML5 structural elements to display correctly (IE10, older browsers)\n// TODO: remove in v5\n// stylelint-disable-next-line selector-list-comma-newline-after\narticle, aside, figcaption, figure, footer, header, hgroup, main, nav, section {\n display: block;\n}\n\n// Body\n//\n// 1. Remove the margin in all browsers.\n// 2. As a best practice, apply a default `background-color`.\n// 3. Set an explicit initial text-align value so that we can later use\n// the `inherit` value on things like `` elements.\n\nbody {\n margin: 0; // 1\n font-family: $font-family-base;\n @include font-size($font-size-base);\n font-weight: $font-weight-base;\n line-height: $line-height-base;\n color: $body-color;\n text-align: left; // 3\n background-color: $body-bg; // 2\n}\n\n// Suppress the focus outline on elements that cannot be accessed via keyboard.\n// This prevents an unwanted focus outline from appearing around elements that\n// might still respond to pointer events.\n//\n// Credit: https://github.com/suitcss/base\n[tabindex=\"-1\"]:focus {\n outline: 0 !important;\n}\n\n\n// Content grouping\n//\n// 1. Add the correct box sizing in Firefox.\n// 2. Show the overflow in Edge and IE.\n\nhr {\n box-sizing: content-box; // 1\n height: 0; // 1\n overflow: visible; // 2\n}\n\n\n//\n// Typography\n//\n\n// Remove top margins from headings\n//\n// By default, `

`-`

` all receive top and bottom margins. We nuke the top\n// margin for easier control within type scales as it avoids margin collapsing.\n// stylelint-disable-next-line selector-list-comma-newline-after\nh1, h2, h3, h4, h5, h6 {\n margin-top: 0;\n margin-bottom: $headings-margin-bottom;\n}\n\n// Reset margins on paragraphs\n//\n// Similarly, the top margin on `

`s get reset. However, we also reset the\n// bottom margin to use `rem` units instead of `em`.\np {\n margin-top: 0;\n margin-bottom: $paragraph-margin-bottom;\n}\n\n// Abbreviations\n//\n// 1. Duplicate behavior to the data-* attribute for our tooltip plugin\n// 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n// 3. Add explicit cursor to indicate changed behavior.\n// 4. Remove the bottom border in Firefox 39-.\n// 5. Prevent the text-decoration to be skipped.\n\nabbr[title],\nabbr[data-original-title] { // 1\n text-decoration: underline; // 2\n text-decoration: underline dotted; // 2\n cursor: help; // 3\n border-bottom: 0; // 4\n text-decoration-skip-ink: none; // 5\n}\n\naddress {\n margin-bottom: 1rem;\n font-style: normal;\n line-height: inherit;\n}\n\nol,\nul,\ndl {\n margin-top: 0;\n margin-bottom: 1rem;\n}\n\nol ol,\nul ul,\nol ul,\nul ol {\n margin-bottom: 0;\n}\n\ndt {\n font-weight: $dt-font-weight;\n}\n\ndd {\n margin-bottom: .5rem;\n margin-left: 0; // Undo browser default\n}\n\nblockquote {\n margin: 0 0 1rem;\n}\n\nb,\nstrong {\n font-weight: $font-weight-bolder; // Add the correct font weight in Chrome, Edge, and Safari\n}\n\nsmall {\n @include font-size(80%); // Add the correct font size in all browsers\n}\n\n//\n// Prevent `sub` and `sup` elements from affecting the line height in\n// all browsers.\n//\n\nsub,\nsup {\n position: relative;\n @include font-size(75%);\n line-height: 0;\n vertical-align: baseline;\n}\n\nsub { bottom: -.25em; }\nsup { top: -.5em; }\n\n\n//\n// Links\n//\n\na {\n color: $link-color;\n text-decoration: $link-decoration;\n background-color: transparent; // Remove the gray background on active links in IE 10.\n\n @include hover {\n color: $link-hover-color;\n text-decoration: $link-hover-decoration;\n }\n}\n\n// And undo these styles for placeholder links/named anchors (without href)\n// which have not been made explicitly keyboard-focusable (without tabindex).\n// It would be more straightforward to just use a[href] in previous block, but that\n// causes specificity issues in many other styles that are too complex to fix.\n// See https://github.com/twbs/bootstrap/issues/19402\n\na:not([href]):not([tabindex]) {\n color: inherit;\n text-decoration: none;\n\n @include hover-focus {\n color: inherit;\n text-decoration: none;\n }\n\n &:focus {\n outline: 0;\n }\n}\n\n\n//\n// Code\n//\n\npre,\ncode,\nkbd,\nsamp {\n font-family: $font-family-monospace;\n @include font-size(1em); // Correct the odd `em` font sizing in all browsers.\n}\n\npre {\n // Remove browser default top margin\n margin-top: 0;\n // Reset browser default of `1em` to use `rem`s\n margin-bottom: 1rem;\n // Don't allow content to break outside\n overflow: auto;\n}\n\n\n//\n// Figures\n//\n\nfigure {\n // Apply a consistent margin strategy (matches our type styles).\n margin: 0 0 1rem;\n}\n\n\n//\n// Images and content\n//\n\nimg {\n vertical-align: middle;\n border-style: none; // Remove the border on images inside links in IE 10-.\n}\n\nsvg {\n // Workaround for the SVG overflow bug in IE10/11 is still required.\n // See https://github.com/twbs/bootstrap/issues/26878\n overflow: hidden;\n vertical-align: middle;\n}\n\n\n//\n// Tables\n//\n\ntable {\n border-collapse: collapse; // Prevent double borders\n}\n\ncaption {\n padding-top: $table-cell-padding;\n padding-bottom: $table-cell-padding;\n color: $table-caption-color;\n text-align: left;\n caption-side: bottom;\n}\n\nth {\n // Matches default `` alignment by inheriting from the ``, or the\n // closest parent with a set `text-align`.\n text-align: inherit;\n}\n\n\n//\n// Forms\n//\n\nlabel {\n // Allow labels to use `margin` for spacing.\n display: inline-block;\n margin-bottom: $label-margin-bottom;\n}\n\n// Remove the default `border-radius` that macOS Chrome adds.\n//\n// Details at https://github.com/twbs/bootstrap/issues/24093\nbutton {\n // stylelint-disable-next-line property-blacklist\n border-radius: 0;\n}\n\n// Work around a Firefox/IE bug where the transparent `button` background\n// results in a loss of the default `button` focus styles.\n//\n// Credit: https://github.com/suitcss/base/\nbutton:focus {\n outline: 1px dotted;\n outline: 5px auto -webkit-focus-ring-color;\n}\n\ninput,\nbutton,\nselect,\noptgroup,\ntextarea {\n margin: 0; // Remove the margin in Firefox and Safari\n font-family: inherit;\n @include font-size(inherit);\n line-height: inherit;\n}\n\nbutton,\ninput {\n overflow: visible; // Show the overflow in Edge\n}\n\nbutton,\nselect {\n text-transform: none; // Remove the inheritance of text transform in Firefox\n}\n\n// Remove the inheritance of word-wrap in Safari.\n//\n// Details at https://github.com/twbs/bootstrap/issues/24990\nselect {\n word-wrap: normal;\n}\n\n\n// 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`\n// controls in Android 4.\n// 2. Correct the inability to style clickable types in iOS and Safari.\nbutton,\n[type=\"button\"], // 1\n[type=\"reset\"],\n[type=\"submit\"] {\n -webkit-appearance: button; // 2\n}\n\n// Opinionated: add \"hand\" cursor to non-disabled button elements.\n@if $enable-pointer-cursor-for-buttons {\n button,\n [type=\"button\"],\n [type=\"reset\"],\n [type=\"submit\"] {\n &:not(:disabled) {\n cursor: pointer;\n }\n }\n}\n\n// Remove inner border and padding from Firefox, but don't restore the outline like Normalize.\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n padding: 0;\n border-style: none;\n}\n\ninput[type=\"radio\"],\ninput[type=\"checkbox\"] {\n box-sizing: border-box; // 1. Add the correct box sizing in IE 10-\n padding: 0; // 2. Remove the padding in IE 10-\n}\n\n\ninput[type=\"date\"],\ninput[type=\"time\"],\ninput[type=\"datetime-local\"],\ninput[type=\"month\"] {\n // Remove the default appearance of temporal inputs to avoid a Mobile Safari\n // bug where setting a custom line-height prevents text from being vertically\n // centered within the input.\n // See https://bugs.webkit.org/show_bug.cgi?id=139848\n // and https://github.com/twbs/bootstrap/issues/11266\n -webkit-appearance: listbox;\n}\n\ntextarea {\n overflow: auto; // Remove the default vertical scrollbar in IE.\n // Textareas should really only resize vertically so they don't break their (horizontal) containers.\n resize: vertical;\n}\n\nfieldset {\n // Browsers set a default `min-width: min-content;` on fieldsets,\n // unlike e.g. `

`s, which have `min-width: 0;` by default.\n // So we reset that to ensure fieldsets behave more like a standard block element.\n // See https://github.com/twbs/bootstrap/issues/12359\n // and https://html.spec.whatwg.org/multipage/#the-fieldset-and-legend-elements\n min-width: 0;\n // Reset the default outline behavior of fieldsets so they don't affect page layout.\n padding: 0;\n margin: 0;\n border: 0;\n}\n\n// 1. Correct the text wrapping in Edge and IE.\n// 2. Correct the color inheritance from `fieldset` elements in IE.\nlegend {\n display: block;\n width: 100%;\n max-width: 100%; // 1\n padding: 0;\n margin-bottom: .5rem;\n @include font-size(1.5rem);\n line-height: inherit;\n color: inherit; // 2\n white-space: normal; // 1\n}\n\nprogress {\n vertical-align: baseline; // Add the correct vertical alignment in Chrome, Firefox, and Opera.\n}\n\n// Correct the cursor style of increment and decrement buttons in Chrome.\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\n\n[type=\"search\"] {\n // This overrides the extra rounded corners on search inputs in iOS so that our\n // `.form-control` class can properly style them. Note that this cannot simply\n // be added to `.form-control` as it's not specific enough. For details, see\n // https://github.com/twbs/bootstrap/issues/11586.\n outline-offset: -2px; // 2. Correct the outline style in Safari.\n -webkit-appearance: none;\n}\n\n//\n// Remove the inner padding in Chrome and Safari on macOS.\n//\n\n[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n//\n// 1. Correct the inability to style clickable types in iOS and Safari.\n// 2. Change font properties to `inherit` in Safari.\n//\n\n::-webkit-file-upload-button {\n font: inherit; // 2\n -webkit-appearance: button; // 1\n}\n\n//\n// Correct element displays\n//\n\noutput {\n display: inline-block;\n}\n\nsummary {\n display: list-item; // Add the correct display in all browsers\n cursor: pointer;\n}\n\ntemplate {\n display: none; // Add the correct display in IE\n}\n\n// Always hide an element with the `hidden` HTML attribute (from PureCSS).\n// Needed for proper display in IE 10-.\n[hidden] {\n display: none !important;\n}\n", + "@import \"utilities/align\";\n@import \"utilities/background\";\n@import \"utilities/borders\";\n@import \"utilities/clearfix\";\n@import \"utilities/display\";\n@import \"utilities/embed\";\n@import \"utilities/flex\";\n@import \"utilities/float\";\n@import \"utilities/overflow\";\n@import \"utilities/position\";\n@import \"utilities/screenreaders\";\n@import \"utilities/shadows\";\n@import \"utilities/sizing\";\n@import \"utilities/stretched-link\";\n@import \"utilities/spacing\";\n@import \"utilities/text\";\n@import \"utilities/visibility\";\n", + "// stylelint-disable declaration-no-important\n\n.align-baseline { vertical-align: baseline !important; } // Browser default\n.align-top { vertical-align: top !important; }\n.align-middle { vertical-align: middle !important; }\n.align-bottom { vertical-align: bottom !important; }\n.align-text-bottom { vertical-align: text-bottom !important; }\n.align-text-top { vertical-align: text-top !important; }\n", + "// stylelint-disable declaration-no-important\n\n@each $color, $value in $theme-colors {\n @include bg-variant(\".bg-#{$color}\", $value);\n}\n\n@if $enable-gradients {\n @each $color, $value in $theme-colors {\n @include bg-gradient-variant(\".bg-gradient-#{$color}\", $value);\n }\n}\n\n.bg-white {\n background-color: $white !important;\n}\n\n.bg-transparent {\n background-color: transparent !important;\n}\n", + "// stylelint-disable property-blacklist, declaration-no-important\n\n//\n// Border\n//\n\n.border { border: $border-width solid $border-color !important; }\n.border-top { border-top: $border-width solid $border-color !important; }\n.border-right { border-right: $border-width solid $border-color !important; }\n.border-bottom { border-bottom: $border-width solid $border-color !important; }\n.border-left { border-left: $border-width solid $border-color !important; }\n\n.border-0 { border: 0 !important; }\n.border-top-0 { border-top: 0 !important; }\n.border-right-0 { border-right: 0 !important; }\n.border-bottom-0 { border-bottom: 0 !important; }\n.border-left-0 { border-left: 0 !important; }\n\n@each $color, $value in $theme-colors {\n .border-#{$color} {\n border-color: $value !important;\n }\n}\n\n.border-white {\n border-color: $white !important;\n}\n\n//\n// Border-radius\n//\n\n.rounded-sm {\n border-radius: $border-radius-sm !important;\n}\n\n.rounded {\n border-radius: $border-radius !important;\n}\n\n.rounded-top {\n border-top-left-radius: $border-radius !important;\n border-top-right-radius: $border-radius !important;\n}\n\n.rounded-right {\n border-top-right-radius: $border-radius !important;\n border-bottom-right-radius: $border-radius !important;\n}\n\n.rounded-bottom {\n border-bottom-right-radius: $border-radius !important;\n border-bottom-left-radius: $border-radius !important;\n}\n\n.rounded-left {\n border-top-left-radius: $border-radius !important;\n border-bottom-left-radius: $border-radius !important;\n}\n\n.rounded-lg {\n border-radius: $border-radius-lg !important;\n}\n\n.rounded-circle {\n border-radius: 50% !important;\n}\n\n.rounded-pill {\n border-radius: $rounded-pill !important;\n}\n\n.rounded-0 {\n border-radius: 0 !important;\n}\n", + ".clearfix {\n @include clearfix();\n}\n", + "// stylelint-disable declaration-no-important\n\n//\n// Utilities for common `display` values\n//\n\n@each $breakpoint in map-keys($grid-breakpoints) {\n @include media-breakpoint-up($breakpoint) {\n $infix: breakpoint-infix($breakpoint, $grid-breakpoints);\n\n @each $value in $displays {\n .d#{$infix}-#{$value} { display: $value !important; }\n }\n }\n}\n\n\n//\n// Utilities for toggling `display` in print\n//\n\n@media print {\n @each $value in $displays {\n .d-print-#{$value} { display: $value !important; }\n }\n}\n", + "// Credit: Nicolas Gallagher and SUIT CSS.\n\n.embed-responsive {\n position: relative;\n display: block;\n width: 100%;\n padding: 0;\n overflow: hidden;\n\n &::before {\n display: block;\n content: \"\";\n }\n\n .embed-responsive-item,\n iframe,\n embed,\n object,\n video {\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 100%;\n border: 0;\n }\n}\n\n@each $embed-responsive-aspect-ratio in $embed-responsive-aspect-ratios {\n $embed-responsive-aspect-ratio-x: nth($embed-responsive-aspect-ratio, 1);\n $embed-responsive-aspect-ratio-y: nth($embed-responsive-aspect-ratio, 2);\n\n .embed-responsive-#{$embed-responsive-aspect-ratio-x}by#{$embed-responsive-aspect-ratio-y} {\n &::before {\n padding-top: percentage($embed-responsive-aspect-ratio-y / $embed-responsive-aspect-ratio-x);\n }\n }\n}\n", + "// stylelint-disable declaration-no-important\n\n// Flex variation\n//\n// Custom styles for additional flex alignment options.\n\n@each $breakpoint in map-keys($grid-breakpoints) {\n @include media-breakpoint-up($breakpoint) {\n $infix: breakpoint-infix($breakpoint, $grid-breakpoints);\n\n .flex#{$infix}-row { flex-direction: row !important; }\n .flex#{$infix}-column { flex-direction: column !important; }\n .flex#{$infix}-row-reverse { flex-direction: row-reverse !important; }\n .flex#{$infix}-column-reverse { flex-direction: column-reverse !important; }\n\n .flex#{$infix}-wrap { flex-wrap: wrap !important; }\n .flex#{$infix}-nowrap { flex-wrap: nowrap !important; }\n .flex#{$infix}-wrap-reverse { flex-wrap: wrap-reverse !important; }\n .flex#{$infix}-fill { flex: 1 1 auto !important; }\n .flex#{$infix}-grow-0 { flex-grow: 0 !important; }\n .flex#{$infix}-grow-1 { flex-grow: 1 !important; }\n .flex#{$infix}-shrink-0 { flex-shrink: 0 !important; }\n .flex#{$infix}-shrink-1 { flex-shrink: 1 !important; }\n\n .justify-content#{$infix}-start { justify-content: flex-start !important; }\n .justify-content#{$infix}-end { justify-content: flex-end !important; }\n .justify-content#{$infix}-center { justify-content: center !important; }\n .justify-content#{$infix}-between { justify-content: space-between !important; }\n .justify-content#{$infix}-around { justify-content: space-around !important; }\n\n .align-items#{$infix}-start { align-items: flex-start !important; }\n .align-items#{$infix}-end { align-items: flex-end !important; }\n .align-items#{$infix}-center { align-items: center !important; }\n .align-items#{$infix}-baseline { align-items: baseline !important; }\n .align-items#{$infix}-stretch { align-items: stretch !important; }\n\n .align-content#{$infix}-start { align-content: flex-start !important; }\n .align-content#{$infix}-end { align-content: flex-end !important; }\n .align-content#{$infix}-center { align-content: center !important; }\n .align-content#{$infix}-between { align-content: space-between !important; }\n .align-content#{$infix}-around { align-content: space-around !important; }\n .align-content#{$infix}-stretch { align-content: stretch !important; }\n\n .align-self#{$infix}-auto { align-self: auto !important; }\n .align-self#{$infix}-start { align-self: flex-start !important; }\n .align-self#{$infix}-end { align-self: flex-end !important; }\n .align-self#{$infix}-center { align-self: center !important; }\n .align-self#{$infix}-baseline { align-self: baseline !important; }\n .align-self#{$infix}-stretch { align-self: stretch !important; }\n }\n}\n", + "// stylelint-disable declaration-no-important\n\n@each $breakpoint in map-keys($grid-breakpoints) {\n @include media-breakpoint-up($breakpoint) {\n $infix: breakpoint-infix($breakpoint, $grid-breakpoints);\n\n .float#{$infix}-left { float: left !important; }\n .float#{$infix}-right { float: right !important; }\n .float#{$infix}-none { float: none !important; }\n }\n}\n", + "// stylelint-disable declaration-no-important\n\n@each $value in $overflows {\n .overflow-#{$value} { overflow: $value !important; }\n}\n", + "// stylelint-disable declaration-no-important\n\n// Common values\n@each $position in $positions {\n .position-#{$position} { position: $position !important; }\n}\n\n// Shorthand\n\n.fixed-top {\n position: fixed;\n top: 0;\n right: 0;\n left: 0;\n z-index: $zindex-fixed;\n}\n\n.fixed-bottom {\n position: fixed;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: $zindex-fixed;\n}\n\n.sticky-top {\n @supports (position: sticky) {\n position: sticky;\n top: 0;\n z-index: $zindex-sticky;\n }\n}\n", + "//\n// Screenreaders\n//\n\n.sr-only {\n @include sr-only();\n}\n\n.sr-only-focusable {\n @include sr-only-focusable();\n}\n", + "// stylelint-disable declaration-no-important\n\n.shadow-sm { box-shadow: $box-shadow-sm !important; }\n.shadow { box-shadow: $box-shadow !important; }\n.shadow-lg { box-shadow: $box-shadow-lg !important; }\n.shadow-none { box-shadow: none !important; }\n", + "// stylelint-disable declaration-no-important\n\n// Width and height\n\n@each $prop, $abbrev in (width: w, height: h) {\n @each $size, $length in $sizes {\n .#{$abbrev}-#{$size} { #{$prop}: $length !important; }\n }\n}\n\n.mw-100 { max-width: 100% !important; }\n.mh-100 { max-height: 100% !important; }\n\n// Viewport additional helpers\n\n.min-vw-100 { min-width: 100vw !important; }\n.min-vh-100 { min-height: 100vh !important; }\n\n.vw-100 { width: 100vw !important; }\n.vh-100 { height: 100vh !important; }\n", + "//\n// Stretched link\n//\n\n.stretched-link {\n &::after {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 1;\n // Just in case `pointer-events: none` is set on a parent\n pointer-events: auto;\n content: \"\";\n // IE10 bugfix, see https://stackoverflow.com/questions/16947967/ie10-hover-pseudo-class-doesnt-work-without-background-color\n background-color: rgba(0, 0, 0, 0);\n }\n}\n", + "// stylelint-disable declaration-no-important\n\n// Margin and Padding\n\n@each $breakpoint in map-keys($grid-breakpoints) {\n @include media-breakpoint-up($breakpoint) {\n $infix: breakpoint-infix($breakpoint, $grid-breakpoints);\n\n @each $prop, $abbrev in (margin: m, padding: p) {\n @each $size, $length in $spacers {\n .#{$abbrev}#{$infix}-#{$size} { #{$prop}: $length !important; }\n .#{$abbrev}t#{$infix}-#{$size},\n .#{$abbrev}y#{$infix}-#{$size} {\n #{$prop}-top: $length !important;\n }\n .#{$abbrev}r#{$infix}-#{$size},\n .#{$abbrev}x#{$infix}-#{$size} {\n #{$prop}-right: $length !important;\n }\n .#{$abbrev}b#{$infix}-#{$size},\n .#{$abbrev}y#{$infix}-#{$size} {\n #{$prop}-bottom: $length !important;\n }\n .#{$abbrev}l#{$infix}-#{$size},\n .#{$abbrev}x#{$infix}-#{$size} {\n #{$prop}-left: $length !important;\n }\n }\n }\n\n // Negative margins (e.g., where `.mb-n1` is negative version of `.mb-1`)\n @each $size, $length in $spacers {\n @if $size != 0 {\n .m#{$infix}-n#{$size} { margin: -$length !important; }\n .mt#{$infix}-n#{$size},\n .my#{$infix}-n#{$size} {\n margin-top: -$length !important;\n }\n .mr#{$infix}-n#{$size},\n .mx#{$infix}-n#{$size} {\n margin-right: -$length !important;\n }\n .mb#{$infix}-n#{$size},\n .my#{$infix}-n#{$size} {\n margin-bottom: -$length !important;\n }\n .ml#{$infix}-n#{$size},\n .mx#{$infix}-n#{$size} {\n margin-left: -$length !important;\n }\n }\n }\n\n // Some special margin utils\n .m#{$infix}-auto { margin: auto !important; }\n .mt#{$infix}-auto,\n .my#{$infix}-auto {\n margin-top: auto !important;\n }\n .mr#{$infix}-auto,\n .mx#{$infix}-auto {\n margin-right: auto !important;\n }\n .mb#{$infix}-auto,\n .my#{$infix}-auto {\n margin-bottom: auto !important;\n }\n .ml#{$infix}-auto,\n .mx#{$infix}-auto {\n margin-left: auto !important;\n }\n }\n}\n", + "// stylelint-disable declaration-no-important\n\n//\n// Text\n//\n\n.text-monospace { font-family: $font-family-monospace !important; }\n\n// Alignment\n\n.text-justify { text-align: justify !important; }\n.text-wrap { white-space: normal !important; }\n.text-nowrap { white-space: nowrap !important; }\n.text-truncate { @include text-truncate; }\n\n// Responsive alignment\n\n@each $breakpoint in map-keys($grid-breakpoints) {\n @include media-breakpoint-up($breakpoint) {\n $infix: breakpoint-infix($breakpoint, $grid-breakpoints);\n\n .text#{$infix}-left { text-align: left !important; }\n .text#{$infix}-right { text-align: right !important; }\n .text#{$infix}-center { text-align: center !important; }\n }\n}\n\n// Transformation\n\n.text-lowercase { text-transform: lowercase !important; }\n.text-uppercase { text-transform: uppercase !important; }\n.text-capitalize { text-transform: capitalize !important; }\n\n// Weight and italics\n\n.font-weight-light { font-weight: $font-weight-light !important; }\n.font-weight-lighter { font-weight: $font-weight-lighter !important; }\n.font-weight-normal { font-weight: $font-weight-normal !important; }\n.font-weight-bold { font-weight: $font-weight-bold !important; }\n.font-weight-bolder { font-weight: $font-weight-bolder !important; }\n.font-italic { font-style: italic !important; }\n\n// Contextual colors\n\n.text-white { color: $white !important; }\n\n@each $color, $value in $theme-colors {\n @include text-emphasis-variant(\".text-#{$color}\", $value);\n}\n\n.text-body { color: $body-color !important; }\n.text-muted { color: $text-muted !important; }\n\n.text-black-50 { color: rgba($black, .5) !important; }\n.text-white-50 { color: rgba($white, .5) !important; }\n\n// Misc\n\n.text-hide {\n @include text-hide($ignore-warning: true);\n}\n\n.text-decoration-none { text-decoration: none !important; }\n\n.text-break {\n word-break: break-word !important; // IE & < Edge 18\n overflow-wrap: break-word !important;\n}\n\n// Reset\n\n.text-reset { color: inherit !important; }\n", + "// stylelint-disable declaration-no-important\n\n//\n// Visibility utilities\n//\n\n.visible {\n visibility: visible !important;\n}\n\n.invisible {\n visibility: hidden !important;\n}\n", + "// Container widths\n//\n// Set the container width, and override it for fixed navbars in media queries.\n\n@if $enable-grid-classes {\n .container {\n @include make-container();\n @include make-container-max-widths();\n }\n}\n\n// Fluid container\n//\n// Utilizes the mixin meant for fixed width containers, but with 100% width for\n// fluid, full width layouts.\n\n@if $enable-grid-classes {\n .container-fluid {\n @include make-container();\n }\n}\n\n// Row\n//\n// Rows contain and clear the floats of your columns.\n\n@if $enable-grid-classes {\n .row {\n @include make-row();\n }\n\n // Remove the negative margin from default .row, then the horizontal padding\n // from all immediate children columns (to prevent runaway style inheritance).\n .no-gutters {\n margin-right: 0;\n margin-left: 0;\n\n > .col,\n > [class*=\"col-\"] {\n padding-right: 0;\n padding-left: 0;\n }\n }\n}\n\n// Columns\n//\n// Common styles for small and large grid columns\n\n@if $enable-grid-classes {\n @include make-grid-columns();\n}\n", + "//\n// Basic Bootstrap table\n//\n\n.table {\n width: 100%;\n margin-bottom: $spacer;\n color: $table-color;\n background-color: $table-bg; // Reset for nesting within parents with `background-color`.\n\n th,\n td {\n padding: $table-cell-padding;\n vertical-align: top;\n border-top: $table-border-width solid $table-border-color;\n }\n\n thead th {\n vertical-align: bottom;\n border-bottom: (2 * $table-border-width) solid $table-border-color;\n }\n\n tbody + tbody {\n border-top: (2 * $table-border-width) solid $table-border-color;\n }\n}\n\n\n//\n// Condensed table w/ half padding\n//\n\n.table-sm {\n th,\n td {\n padding: $table-cell-padding-sm;\n }\n}\n\n\n// Border versions\n//\n// Add or remove borders all around the table and between all the columns.\n\n.table-bordered {\n border: $table-border-width solid $table-border-color;\n\n th,\n td {\n border: $table-border-width solid $table-border-color;\n }\n\n thead {\n th,\n td {\n border-bottom-width: 2 * $table-border-width;\n }\n }\n}\n\n.table-borderless {\n th,\n td,\n thead th,\n tbody + tbody {\n border: 0;\n }\n}\n\n// Zebra-striping\n//\n// Default zebra-stripe styles (alternating gray and transparent backgrounds)\n\n.table-striped {\n tbody tr:nth-of-type(#{$table-striped-order}) {\n background-color: $table-accent-bg;\n }\n}\n\n\n// Hover effect\n//\n// Placed here since it has to come after the potential zebra striping\n\n.table-hover {\n tbody tr {\n @include hover {\n color: $table-hover-color;\n background-color: $table-hover-bg;\n }\n }\n}\n\n\n// Table backgrounds\n//\n// Exact selectors below required to override `.table-striped` and prevent\n// inheritance to nested tables.\n\n@each $color, $value in $theme-colors {\n @include table-row-variant($color, theme-color-level($color, $table-bg-level), theme-color-level($color, $table-border-level));\n}\n\n@include table-row-variant(active, $table-active-bg);\n\n\n// Dark styles\n//\n// Same table markup, but inverted color scheme: dark background and light text.\n\n// stylelint-disable-next-line no-duplicate-selectors\n.table {\n .thead-dark {\n th {\n color: $table-dark-color;\n background-color: $table-dark-bg;\n border-color: $table-dark-border-color;\n }\n }\n\n .thead-light {\n th {\n color: $table-head-color;\n background-color: $table-head-bg;\n border-color: $table-border-color;\n }\n }\n}\n\n.table-dark {\n color: $table-dark-color;\n background-color: $table-dark-bg;\n\n th,\n td,\n thead th {\n border-color: $table-dark-border-color;\n }\n\n &.table-bordered {\n border: 0;\n }\n\n &.table-striped {\n tbody tr:nth-of-type(odd) {\n background-color: $table-dark-accent-bg;\n }\n }\n\n &.table-hover {\n tbody tr {\n @include hover {\n color: $table-dark-hover-color;\n background-color: $table-dark-hover-bg;\n }\n }\n }\n}\n\n\n// Responsive tables\n//\n// Generate series of `.table-responsive-*` classes for configuring the screen\n// size of where your table will overflow.\n\n.table-responsive {\n @each $breakpoint in map-keys($grid-breakpoints) {\n $next: breakpoint-next($breakpoint, $grid-breakpoints);\n $infix: breakpoint-infix($next, $grid-breakpoints);\n\n &#{$infix} {\n @include media-breakpoint-down($breakpoint) {\n display: block;\n width: 100%;\n overflow-x: auto;\n -webkit-overflow-scrolling: touch;\n\n // Prevent double border on horizontal scroll due to use of `display: block;`\n > .table-bordered {\n border: 0;\n }\n }\n }\n }\n}\n", + "@charset \"UTF-8\";\n/*!\n * Hamburgers\n * @description Tasty CSS-animated hamburgers\n * @author Jonathan Suh @jonsuh\n * @site https://jonsuh.com/hamburgers\n * @link https://github.com/jonsuh/hamburgers\n */\n\n// Settings\n// ==================================================\n$hamburger-padding-x : 15px !default;\n$hamburger-padding-y : 15px !default;\n$hamburger-layer-width : 32px !default;\n$hamburger-layer-height : 3px !default;\n$hamburger-layer-spacing : 5px !default;\n$hamburger-layer-color : $primary !default;\n$hamburger-layer-border-radius : 3px !default;\n$hamburger-hover-opacity : 0.7 !default;\n$hamburger-active-layer-color : #FFF !default;\n$hamburger-active-hover-opacity: $hamburger-hover-opacity !default;\n\n// To use CSS filters as the hover effect instead of opacity,\n// set $hamburger-hover-use-filter as true and\n// change the value of $hamburger-hover-filter accordingly.\n$hamburger-hover-use-filter : false !default;\n$hamburger-hover-filter : opacity(50%) !default;\n$hamburger-active-hover-filter: $hamburger-hover-filter !default;\n\n// Types (Remove or comment out what you don’t need)\n// ==================================================\n$hamburger-types: (\n 3dx,\n 3dx-r,\n 3dy,\n 3dy-r,\n 3dxy,\n 3dxy-r,\n arrow,\n arrow-r,\n arrowalt,\n arrowalt-r,\n arrowturn,\n arrowturn-r,\n boring,\n collapse,\n collapse-r,\n elastic,\n elastic-r,\n emphatic,\n emphatic-r,\n minus,\n slider,\n slider-r,\n spin,\n spin-r,\n spring,\n spring-r,\n stand,\n stand-r,\n squeeze,\n vortex,\n vortex-r\n) !default;\n\n// Base Hamburger (We need this)\n// ==================================================\n@import \"base\";\n\n// Hamburger types\n// ==================================================\n// @import \"types/3dx\";\n// @import \"types/3dx-r\";\n// @import \"types/3dy\";\n// @import \"types/3dy-r\";\n// @import \"types/3dxy\";\n// @import \"types/3dxy-r\";\n// @import \"types/arrow\";\n// @import \"types/arrow-r\";\n// @import \"types/arrowalt\";\n// @import \"types/arrowalt-r\";\n// @import \"types/arrowturn\";\n// @import \"types/arrowturn-r\";\n// @import \"types/boring\";\n// @import \"types/collapse\";\n// @import \"types/collapse-r\";\n// @import \"types/elastic\";\n// @import \"types/elastic-r\";\n// @import \"types/emphatic\";\n// @import \"types/emphatic-r\";\n// @import \"types/minus\";\n@import \"types/slider\";\n// @import \"types/slider-r\";\n// @import \"types/spin\";\n// @import \"types/spin-r\";\n// @import \"types/spring\";\n// @import \"types/spring-r\";\n// @import \"types/stand\";\n// @import \"types/stand-r\";\n// @import \"types/squeeze\";\n// @import \"types/vortex\";\n// @import \"types/vortex-r\";\n\n// ==================================================\n// Cooking up additional types:\n//\n// The Sass for each hamburger type should be nested\n// inside an @if directive to check whether or not\n// it exists in $hamburger-types so only the CSS for\n// included types are generated.\n//\n// e.g. hamburgers/types/_new-type.scss\n//\n// @if index($hamburger-types, new-type) {\n// .hamburger--new-type {\n// ...\n// }\n// }\n", + "// Hamburger\n// ==================================================\n.hamburger {\n padding: $hamburger-padding-y $hamburger-padding-x;\n display: inline-block;\n cursor: pointer;\n\n transition-property: opacity, filter;\n transition-duration: 0.15s;\n transition-timing-function: linear;\n\n // Normalize (