From f159e297a765856d29d95cb1c735b671d55d1e98 Mon Sep 17 00:00:00 2001 From: Antharuu Date: Mon, 4 Jan 2021 19:09:03 +0100 Subject: [PATCH] 0.6 Major optimisations --- README.md | 6 +- css/bubblegum.css | 38935 +++++++++++++++++++++++++++--- css/bubblegum.scss | 4 +- css/components/_buttons.scss | 178 +- css/components/_card.scss | 98 +- css/components/_form.scss | 56 +- css/components/_nav.scss | 344 +- css/components/_progress.scss | 75 +- css/components/_table.scss | 90 +- css/core/_colors.scss | 32 +- css/core/_specials.scss | 22 +- css/core/_typo.scss | 150 +- css/core/_utilities.scss | 10 +- css/imports/_configuration.scss | 2 +- css/imports/_mixins.scss | 2 +- 15 files changed, 36569 insertions(+), 3435 deletions(-) diff --git a/README.md b/README.md index 55298a0..f7ba446 100644 --- a/README.md +++ b/README.md @@ -4,7 +4,7 @@ Simple and efficiency Css framework -[![GitHub issues](https://img.shields.io/badge/Version-0.5%20alpha-orange)](https://github.com/antharuu/BubbleGum/issues) +[![GitHub issues](https://img.shields.io/badge/Version-0.6%20alpha-orange)](https://github.com/antharuu/BubbleGum/issues) [![Codacy Badge](https://api.codacy.com/project/badge/Grade/4d29b2e75bb7432c81708eecec2861ea)](https://app.codacy.com/gh/antharuu/BubbleGum?utm_source=github.com&utm_medium=referral&utm_content=antharuu/BubbleGum&utm_campaign=Badge_Grade) A complete documentation will be done once I have completed the version 1.0. @@ -105,8 +105,8 @@ to use. - [x] Progress - [x] Bar - [ ] Form - - [ ] Input - - [ ] Checkbox + - [x] Input + - [ ] Checkbox - [ ] Radio - [ ] Chips - [ ] Range diff --git a/css/bubblegum.css b/css/bubblegum.css index 731d51e..25f8795 100644 --- a/css/bubblegum.css +++ b/css/bubblegum.css @@ -586,4726 +586,37879 @@ body { left: -100%; } +@media screen and (min-width: 0) { + [_container][_container~="xs:full"] { + max-width: none; + } + [_container][_container~="xs:limited"] { + max-width: 1280px; + } + + [_has~="xs:footer"] { + display: flex; + height: 100%; + flex-direction: column; + } + [_has~="xs:footer"] > *:not([_footer~="xs:sticky"]) { + flex: 1 0 auto; + } + [_has~="xs:footer"] [_footer~="xs:sticky"] { + flex-shrink: 0; + } + + [_row] { + align-content: start; + align-items: start; + display: flex; + flex-wrap: wrap; + } + [_row][_row~="xs:row"] { + flex-direction: row; + } + [_row][_row~="xs:reverse"] { + flex-direction: row-reverse; + } + [_row][_row~="xs:col"], [_row] [_row~="xs:column"] { + flex-direction: column; + } + [_row][_row~="xs:col"][_row~="xs:reverse"], [_row] [_row~="xs:column"][_row~="xs:reverse"] { + flex-direction: column-reverse; + } + [_row][_row~="xs:nowrap"] { + flex-wrap: nowrap; + } + [_row][_row~="xs:wrap"] { + flex-wrap: wrap; + } + [_row][_row~="xs:wrap-reverse"] { + flex-wrap: wrap-reverse; + } + + [_justify~="xs:start"] { + justify-content: start; + } + + [_justify~="xs:end"] { + justify-content: end; + } + + [_justify~="xs:center"] { + justify-content: center; + } + + [_justify~="xs:between"] { + justify-content: space-between; + } + + [_justify~="xs:around"] { + justify-content: space-around; + } + + [_justify~="xs:evenly"] { + justify-content: space-evenly; + } + + [_items~="xs:stretch"] { + align-content: normal; + align-items: stretch; + } + + [_items~="xs:start"] { + align-content: normal; + align-items: start; + } + + [_items~="xs:end"] { + align-content: normal; + align-items: end; + } + + [_items~="xs:center"] { + align-content: normal; + align-items: center; + } + + [_items~="xs:baseline"] { + align-content: normal; + align-items: baseline; + } + + [_content~="xs:start"] { + align-content: start; + } + + [_content~="xs:end"] { + align-content: end; + } + + [_content~="xs:center"] { + align-content: center; + } + + [_content~="xs:between"] { + align-content: space-between; + } + + [_content~="xs:around"] { + align-content: space-around; + } + + [_content~="xs:evenly"] { + align-content: space-evenly; + } + + [_content~="xs:stretch"] { + align-content: stretch; + } + + [_self~="xs:stretch"] { + align-self: stretch; + } + + [_self~="xs:start"] { + align-self: start; + } + + [_self~="xs:end"] { + align-self: end; + } + + [_self~="xs:center"] { + align-self: center; + } + + [_self~="xs:baseline"] { + align-self: baseline; + } + + [_col] { + position: relative; + width: 100%; + padding: 0 30px; + } + [_col][_col~="xs:1"] { + width: 8.3333333333%; + } + [_col][_col~="xs:push-1"] { + left: 8.3333333333%; + } + [_col][_col~="xs:pull-1"] { + left: -8.3333333333%; + } + [_col][_push~="xs:1"] { + left: 8.3333333333%; + } + [_col][_pull~="xs:1"] { + left: -8.3333333333%; + } + [_col][_col~="xs:2"] { + width: 16.6666666667%; + } + [_col][_col~="xs:push-2"] { + left: 16.6666666667%; + } + [_col][_col~="xs:pull-2"] { + left: -16.6666666667%; + } + [_col][_push~="xs:2"] { + left: 16.6666666667%; + } + [_col][_pull~="xs:2"] { + left: -16.6666666667%; + } + [_col][_col~="xs:3"] { + width: 25%; + } + [_col][_col~="xs:push-3"] { + left: 25%; + } + [_col][_col~="xs:pull-3"] { + left: -25%; + } + [_col][_push~="xs:3"] { + left: 25%; + } + [_col][_pull~="xs:3"] { + left: -25%; + } + [_col][_col~="xs:4"] { + width: 33.3333333333%; + } + [_col][_col~="xs:push-4"] { + left: 33.3333333333%; + } + [_col][_col~="xs:pull-4"] { + left: -33.3333333333%; + } + [_col][_push~="xs:4"] { + left: 33.3333333333%; + } + [_col][_pull~="xs:4"] { + left: -33.3333333333%; + } + [_col][_col~="xs:5"] { + width: 41.6666666667%; + } + [_col][_col~="xs:push-5"] { + left: 41.6666666667%; + } + [_col][_col~="xs:pull-5"] { + left: -41.6666666667%; + } + [_col][_push~="xs:5"] { + left: 41.6666666667%; + } + [_col][_pull~="xs:5"] { + left: -41.6666666667%; + } + [_col][_col~="xs:6"] { + width: 50%; + } + [_col][_col~="xs:push-6"] { + left: 50%; + } + [_col][_col~="xs:pull-6"] { + left: -50%; + } + [_col][_push~="xs:6"] { + left: 50%; + } + [_col][_pull~="xs:6"] { + left: -50%; + } + [_col][_col~="xs:7"] { + width: 58.3333333333%; + } + [_col][_col~="xs:push-7"] { + left: 58.3333333333%; + } + [_col][_col~="xs:pull-7"] { + left: -58.3333333333%; + } + [_col][_push~="xs:7"] { + left: 58.3333333333%; + } + [_col][_pull~="xs:7"] { + left: -58.3333333333%; + } + [_col][_col~="xs:8"] { + width: 66.6666666667%; + } + [_col][_col~="xs:push-8"] { + left: 66.6666666667%; + } + [_col][_col~="xs:pull-8"] { + left: -66.6666666667%; + } + [_col][_push~="xs:8"] { + left: 66.6666666667%; + } + [_col][_pull~="xs:8"] { + left: -66.6666666667%; + } + [_col][_col~="xs:9"] { + width: 75%; + } + [_col][_col~="xs:push-9"] { + left: 75%; + } + [_col][_col~="xs:pull-9"] { + left: -75%; + } + [_col][_push~="xs:9"] { + left: 75%; + } + [_col][_pull~="xs:9"] { + left: -75%; + } + [_col][_col~="xs:10"] { + width: 83.3333333333%; + } + [_col][_col~="xs:push-10"] { + left: 83.3333333333%; + } + [_col][_col~="xs:pull-10"] { + left: -83.3333333333%; + } + [_col][_push~="xs:10"] { + left: 83.3333333333%; + } + [_col][_pull~="xs:10"] { + left: -83.3333333333%; + } + [_col][_col~="xs:11"] { + width: 91.6666666667%; + } + [_col][_col~="xs:push-11"] { + left: 91.6666666667%; + } + [_col][_col~="xs:pull-11"] { + left: -91.6666666667%; + } + [_col][_push~="xs:11"] { + left: 91.6666666667%; + } + [_col][_pull~="xs:11"] { + left: -91.6666666667%; + } + [_col][_col~="xs:12"] { + width: 100%; + } + [_col][_col~="xs:push-12"] { + left: 100%; + } + [_col][_col~="xs:pull-12"] { + left: -100%; + } + [_col][_push~="xs:12"] { + left: 100%; + } + [_col][_pull~="xs:12"] { + left: -100%; + } +} +@media screen and (min-width: 580px) { + [_container][_container~="sm:full"] { + max-width: none; + } + [_container][_container~="sm:limited"] { + max-width: 1280px; + } + + [_has~="sm:footer"] { + display: flex; + height: 100%; + flex-direction: column; + } + [_has~="sm:footer"] > *:not([_footer~="sm:sticky"]) { + flex: 1 0 auto; + } + [_has~="sm:footer"] [_footer~="sm:sticky"] { + flex-shrink: 0; + } + + [_row] { + align-content: start; + align-items: start; + display: flex; + flex-wrap: wrap; + } + [_row][_row~="sm:row"] { + flex-direction: row; + } + [_row][_row~="sm:reverse"] { + flex-direction: row-reverse; + } + [_row][_row~="sm:col"], [_row] [_row~="sm:column"] { + flex-direction: column; + } + [_row][_row~="sm:col"][_row~="sm:reverse"], [_row] [_row~="sm:column"][_row~="sm:reverse"] { + flex-direction: column-reverse; + } + [_row][_row~="sm:nowrap"] { + flex-wrap: nowrap; + } + [_row][_row~="sm:wrap"] { + flex-wrap: wrap; + } + [_row][_row~="sm:wrap-reverse"] { + flex-wrap: wrap-reverse; + } + + [_justify~="sm:start"] { + justify-content: start; + } + + [_justify~="sm:end"] { + justify-content: end; + } + + [_justify~="sm:center"] { + justify-content: center; + } + + [_justify~="sm:between"] { + justify-content: space-between; + } + + [_justify~="sm:around"] { + justify-content: space-around; + } + + [_justify~="sm:evenly"] { + justify-content: space-evenly; + } + + [_items~="sm:stretch"] { + align-content: normal; + align-items: stretch; + } + + [_items~="sm:start"] { + align-content: normal; + align-items: start; + } + + [_items~="sm:end"] { + align-content: normal; + align-items: end; + } + + [_items~="sm:center"] { + align-content: normal; + align-items: center; + } + + [_items~="sm:baseline"] { + align-content: normal; + align-items: baseline; + } + + [_content~="sm:start"] { + align-content: start; + } + + [_content~="sm:end"] { + align-content: end; + } + + [_content~="sm:center"] { + align-content: center; + } + + [_content~="sm:between"] { + align-content: space-between; + } + + [_content~="sm:around"] { + align-content: space-around; + } + + [_content~="sm:evenly"] { + align-content: space-evenly; + } + + [_content~="sm:stretch"] { + align-content: stretch; + } + + [_self~="sm:stretch"] { + align-self: stretch; + } + + [_self~="sm:start"] { + align-self: start; + } + + [_self~="sm:end"] { + align-self: end; + } + + [_self~="sm:center"] { + align-self: center; + } + + [_self~="sm:baseline"] { + align-self: baseline; + } + + [_col] { + position: relative; + width: 100%; + padding: 0 30px; + } + [_col][_col~="sm:1"] { + width: 8.3333333333%; + } + [_col][_col~="sm:push-1"] { + left: 8.3333333333%; + } + [_col][_col~="sm:pull-1"] { + left: -8.3333333333%; + } + [_col][_push~="sm:1"] { + left: 8.3333333333%; + } + [_col][_pull~="sm:1"] { + left: -8.3333333333%; + } + [_col][_col~="sm:2"] { + width: 16.6666666667%; + } + [_col][_col~="sm:push-2"] { + left: 16.6666666667%; + } + [_col][_col~="sm:pull-2"] { + left: -16.6666666667%; + } + [_col][_push~="sm:2"] { + left: 16.6666666667%; + } + [_col][_pull~="sm:2"] { + left: -16.6666666667%; + } + [_col][_col~="sm:3"] { + width: 25%; + } + [_col][_col~="sm:push-3"] { + left: 25%; + } + [_col][_col~="sm:pull-3"] { + left: -25%; + } + [_col][_push~="sm:3"] { + left: 25%; + } + [_col][_pull~="sm:3"] { + left: -25%; + } + [_col][_col~="sm:4"] { + width: 33.3333333333%; + } + [_col][_col~="sm:push-4"] { + left: 33.3333333333%; + } + [_col][_col~="sm:pull-4"] { + left: -33.3333333333%; + } + [_col][_push~="sm:4"] { + left: 33.3333333333%; + } + [_col][_pull~="sm:4"] { + left: -33.3333333333%; + } + [_col][_col~="sm:5"] { + width: 41.6666666667%; + } + [_col][_col~="sm:push-5"] { + left: 41.6666666667%; + } + [_col][_col~="sm:pull-5"] { + left: -41.6666666667%; + } + [_col][_push~="sm:5"] { + left: 41.6666666667%; + } + [_col][_pull~="sm:5"] { + left: -41.6666666667%; + } + [_col][_col~="sm:6"] { + width: 50%; + } + [_col][_col~="sm:push-6"] { + left: 50%; + } + [_col][_col~="sm:pull-6"] { + left: -50%; + } + [_col][_push~="sm:6"] { + left: 50%; + } + [_col][_pull~="sm:6"] { + left: -50%; + } + [_col][_col~="sm:7"] { + width: 58.3333333333%; + } + [_col][_col~="sm:push-7"] { + left: 58.3333333333%; + } + [_col][_col~="sm:pull-7"] { + left: -58.3333333333%; + } + [_col][_push~="sm:7"] { + left: 58.3333333333%; + } + [_col][_pull~="sm:7"] { + left: -58.3333333333%; + } + [_col][_col~="sm:8"] { + width: 66.6666666667%; + } + [_col][_col~="sm:push-8"] { + left: 66.6666666667%; + } + [_col][_col~="sm:pull-8"] { + left: -66.6666666667%; + } + [_col][_push~="sm:8"] { + left: 66.6666666667%; + } + [_col][_pull~="sm:8"] { + left: -66.6666666667%; + } + [_col][_col~="sm:9"] { + width: 75%; + } + [_col][_col~="sm:push-9"] { + left: 75%; + } + [_col][_col~="sm:pull-9"] { + left: -75%; + } + [_col][_push~="sm:9"] { + left: 75%; + } + [_col][_pull~="sm:9"] { + left: -75%; + } + [_col][_col~="sm:10"] { + width: 83.3333333333%; + } + [_col][_col~="sm:push-10"] { + left: 83.3333333333%; + } + [_col][_col~="sm:pull-10"] { + left: -83.3333333333%; + } + [_col][_push~="sm:10"] { + left: 83.3333333333%; + } + [_col][_pull~="sm:10"] { + left: -83.3333333333%; + } + [_col][_col~="sm:11"] { + width: 91.6666666667%; + } + [_col][_col~="sm:push-11"] { + left: 91.6666666667%; + } + [_col][_col~="sm:pull-11"] { + left: -91.6666666667%; + } + [_col][_push~="sm:11"] { + left: 91.6666666667%; + } + [_col][_pull~="sm:11"] { + left: -91.6666666667%; + } + [_col][_col~="sm:12"] { + width: 100%; + } + [_col][_col~="sm:push-12"] { + left: 100%; + } + [_col][_col~="sm:pull-12"] { + left: -100%; + } + [_col][_push~="sm:12"] { + left: 100%; + } + [_col][_pull~="sm:12"] { + left: -100%; + } +} +@media screen and (min-width: 770px) { + [_container][_container~="md:full"] { + max-width: none; + } + [_container][_container~="md:limited"] { + max-width: 1280px; + } + + [_has~="md:footer"] { + display: flex; + height: 100%; + flex-direction: column; + } + [_has~="md:footer"] > *:not([_footer~="md:sticky"]) { + flex: 1 0 auto; + } + [_has~="md:footer"] [_footer~="md:sticky"] { + flex-shrink: 0; + } + + [_row] { + align-content: start; + align-items: start; + display: flex; + flex-wrap: wrap; + } + [_row][_row~="md:row"] { + flex-direction: row; + } + [_row][_row~="md:reverse"] { + flex-direction: row-reverse; + } + [_row][_row~="md:col"], [_row] [_row~="md:column"] { + flex-direction: column; + } + [_row][_row~="md:col"][_row~="md:reverse"], [_row] [_row~="md:column"][_row~="md:reverse"] { + flex-direction: column-reverse; + } + [_row][_row~="md:nowrap"] { + flex-wrap: nowrap; + } + [_row][_row~="md:wrap"] { + flex-wrap: wrap; + } + [_row][_row~="md:wrap-reverse"] { + flex-wrap: wrap-reverse; + } + + [_justify~="md:start"] { + justify-content: start; + } + + [_justify~="md:end"] { + justify-content: end; + } + + [_justify~="md:center"] { + justify-content: center; + } + + [_justify~="md:between"] { + justify-content: space-between; + } + + [_justify~="md:around"] { + justify-content: space-around; + } + + [_justify~="md:evenly"] { + justify-content: space-evenly; + } + + [_items~="md:stretch"] { + align-content: normal; + align-items: stretch; + } + + [_items~="md:start"] { + align-content: normal; + align-items: start; + } + + [_items~="md:end"] { + align-content: normal; + align-items: end; + } + + [_items~="md:center"] { + align-content: normal; + align-items: center; + } + + [_items~="md:baseline"] { + align-content: normal; + align-items: baseline; + } + + [_content~="md:start"] { + align-content: start; + } + + [_content~="md:end"] { + align-content: end; + } + + [_content~="md:center"] { + align-content: center; + } + + [_content~="md:between"] { + align-content: space-between; + } + + [_content~="md:around"] { + align-content: space-around; + } + + [_content~="md:evenly"] { + align-content: space-evenly; + } + + [_content~="md:stretch"] { + align-content: stretch; + } + + [_self~="md:stretch"] { + align-self: stretch; + } + + [_self~="md:start"] { + align-self: start; + } + + [_self~="md:end"] { + align-self: end; + } + + [_self~="md:center"] { + align-self: center; + } + + [_self~="md:baseline"] { + align-self: baseline; + } + + [_col] { + position: relative; + width: 100%; + padding: 0 30px; + } + [_col][_col~="md:1"] { + width: 8.3333333333%; + } + [_col][_col~="md:push-1"] { + left: 8.3333333333%; + } + [_col][_col~="md:pull-1"] { + left: -8.3333333333%; + } + [_col][_push~="md:1"] { + left: 8.3333333333%; + } + [_col][_pull~="md:1"] { + left: -8.3333333333%; + } + [_col][_col~="md:2"] { + width: 16.6666666667%; + } + [_col][_col~="md:push-2"] { + left: 16.6666666667%; + } + [_col][_col~="md:pull-2"] { + left: -16.6666666667%; + } + [_col][_push~="md:2"] { + left: 16.6666666667%; + } + [_col][_pull~="md:2"] { + left: -16.6666666667%; + } + [_col][_col~="md:3"] { + width: 25%; + } + [_col][_col~="md:push-3"] { + left: 25%; + } + [_col][_col~="md:pull-3"] { + left: -25%; + } + [_col][_push~="md:3"] { + left: 25%; + } + [_col][_pull~="md:3"] { + left: -25%; + } + [_col][_col~="md:4"] { + width: 33.3333333333%; + } + [_col][_col~="md:push-4"] { + left: 33.3333333333%; + } + [_col][_col~="md:pull-4"] { + left: -33.3333333333%; + } + [_col][_push~="md:4"] { + left: 33.3333333333%; + } + [_col][_pull~="md:4"] { + left: -33.3333333333%; + } + [_col][_col~="md:5"] { + width: 41.6666666667%; + } + [_col][_col~="md:push-5"] { + left: 41.6666666667%; + } + [_col][_col~="md:pull-5"] { + left: -41.6666666667%; + } + [_col][_push~="md:5"] { + left: 41.6666666667%; + } + [_col][_pull~="md:5"] { + left: -41.6666666667%; + } + [_col][_col~="md:6"] { + width: 50%; + } + [_col][_col~="md:push-6"] { + left: 50%; + } + [_col][_col~="md:pull-6"] { + left: -50%; + } + [_col][_push~="md:6"] { + left: 50%; + } + [_col][_pull~="md:6"] { + left: -50%; + } + [_col][_col~="md:7"] { + width: 58.3333333333%; + } + [_col][_col~="md:push-7"] { + left: 58.3333333333%; + } + [_col][_col~="md:pull-7"] { + left: -58.3333333333%; + } + [_col][_push~="md:7"] { + left: 58.3333333333%; + } + [_col][_pull~="md:7"] { + left: -58.3333333333%; + } + [_col][_col~="md:8"] { + width: 66.6666666667%; + } + [_col][_col~="md:push-8"] { + left: 66.6666666667%; + } + [_col][_col~="md:pull-8"] { + left: -66.6666666667%; + } + [_col][_push~="md:8"] { + left: 66.6666666667%; + } + [_col][_pull~="md:8"] { + left: -66.6666666667%; + } + [_col][_col~="md:9"] { + width: 75%; + } + [_col][_col~="md:push-9"] { + left: 75%; + } + [_col][_col~="md:pull-9"] { + left: -75%; + } + [_col][_push~="md:9"] { + left: 75%; + } + [_col][_pull~="md:9"] { + left: -75%; + } + [_col][_col~="md:10"] { + width: 83.3333333333%; + } + [_col][_col~="md:push-10"] { + left: 83.3333333333%; + } + [_col][_col~="md:pull-10"] { + left: -83.3333333333%; + } + [_col][_push~="md:10"] { + left: 83.3333333333%; + } + [_col][_pull~="md:10"] { + left: -83.3333333333%; + } + [_col][_col~="md:11"] { + width: 91.6666666667%; + } + [_col][_col~="md:push-11"] { + left: 91.6666666667%; + } + [_col][_col~="md:pull-11"] { + left: -91.6666666667%; + } + [_col][_push~="md:11"] { + left: 91.6666666667%; + } + [_col][_pull~="md:11"] { + left: -91.6666666667%; + } + [_col][_col~="md:12"] { + width: 100%; + } + [_col][_col~="md:push-12"] { + left: 100%; + } + [_col][_col~="md:pull-12"] { + left: -100%; + } + [_col][_push~="md:12"] { + left: 100%; + } + [_col][_pull~="md:12"] { + left: -100%; + } +} +@media screen and (min-width: 990px) { + [_container][_container~="lg:full"] { + max-width: none; + } + [_container][_container~="lg:limited"] { + max-width: 1280px; + } + + [_has~="lg:footer"] { + display: flex; + height: 100%; + flex-direction: column; + } + [_has~="lg:footer"] > *:not([_footer~="lg:sticky"]) { + flex: 1 0 auto; + } + [_has~="lg:footer"] [_footer~="lg:sticky"] { + flex-shrink: 0; + } + + [_row] { + align-content: start; + align-items: start; + display: flex; + flex-wrap: wrap; + } + [_row][_row~="lg:row"] { + flex-direction: row; + } + [_row][_row~="lg:reverse"] { + flex-direction: row-reverse; + } + [_row][_row~="lg:col"], [_row] [_row~="lg:column"] { + flex-direction: column; + } + [_row][_row~="lg:col"][_row~="lg:reverse"], [_row] [_row~="lg:column"][_row~="lg:reverse"] { + flex-direction: column-reverse; + } + [_row][_row~="lg:nowrap"] { + flex-wrap: nowrap; + } + [_row][_row~="lg:wrap"] { + flex-wrap: wrap; + } + [_row][_row~="lg:wrap-reverse"] { + flex-wrap: wrap-reverse; + } + + [_justify~="lg:start"] { + justify-content: start; + } + + [_justify~="lg:end"] { + justify-content: end; + } + + [_justify~="lg:center"] { + justify-content: center; + } + + [_justify~="lg:between"] { + justify-content: space-between; + } + + [_justify~="lg:around"] { + justify-content: space-around; + } + + [_justify~="lg:evenly"] { + justify-content: space-evenly; + } + + [_items~="lg:stretch"] { + align-content: normal; + align-items: stretch; + } + + [_items~="lg:start"] { + align-content: normal; + align-items: start; + } + + [_items~="lg:end"] { + align-content: normal; + align-items: end; + } + + [_items~="lg:center"] { + align-content: normal; + align-items: center; + } + + [_items~="lg:baseline"] { + align-content: normal; + align-items: baseline; + } + + [_content~="lg:start"] { + align-content: start; + } + + [_content~="lg:end"] { + align-content: end; + } + + [_content~="lg:center"] { + align-content: center; + } + + [_content~="lg:between"] { + align-content: space-between; + } + + [_content~="lg:around"] { + align-content: space-around; + } + + [_content~="lg:evenly"] { + align-content: space-evenly; + } + + [_content~="lg:stretch"] { + align-content: stretch; + } + + [_self~="lg:stretch"] { + align-self: stretch; + } + + [_self~="lg:start"] { + align-self: start; + } + + [_self~="lg:end"] { + align-self: end; + } + + [_self~="lg:center"] { + align-self: center; + } + + [_self~="lg:baseline"] { + align-self: baseline; + } + + [_col] { + position: relative; + width: 100%; + padding: 0 30px; + } + [_col][_col~="lg:1"] { + width: 8.3333333333%; + } + [_col][_col~="lg:push-1"] { + left: 8.3333333333%; + } + [_col][_col~="lg:pull-1"] { + left: -8.3333333333%; + } + [_col][_push~="lg:1"] { + left: 8.3333333333%; + } + [_col][_pull~="lg:1"] { + left: -8.3333333333%; + } + [_col][_col~="lg:2"] { + width: 16.6666666667%; + } + [_col][_col~="lg:push-2"] { + left: 16.6666666667%; + } + [_col][_col~="lg:pull-2"] { + left: -16.6666666667%; + } + [_col][_push~="lg:2"] { + left: 16.6666666667%; + } + [_col][_pull~="lg:2"] { + left: -16.6666666667%; + } + [_col][_col~="lg:3"] { + width: 25%; + } + [_col][_col~="lg:push-3"] { + left: 25%; + } + [_col][_col~="lg:pull-3"] { + left: -25%; + } + [_col][_push~="lg:3"] { + left: 25%; + } + [_col][_pull~="lg:3"] { + left: -25%; + } + [_col][_col~="lg:4"] { + width: 33.3333333333%; + } + [_col][_col~="lg:push-4"] { + left: 33.3333333333%; + } + [_col][_col~="lg:pull-4"] { + left: -33.3333333333%; + } + [_col][_push~="lg:4"] { + left: 33.3333333333%; + } + [_col][_pull~="lg:4"] { + left: -33.3333333333%; + } + [_col][_col~="lg:5"] { + width: 41.6666666667%; + } + [_col][_col~="lg:push-5"] { + left: 41.6666666667%; + } + [_col][_col~="lg:pull-5"] { + left: -41.6666666667%; + } + [_col][_push~="lg:5"] { + left: 41.6666666667%; + } + [_col][_pull~="lg:5"] { + left: -41.6666666667%; + } + [_col][_col~="lg:6"] { + width: 50%; + } + [_col][_col~="lg:push-6"] { + left: 50%; + } + [_col][_col~="lg:pull-6"] { + left: -50%; + } + [_col][_push~="lg:6"] { + left: 50%; + } + [_col][_pull~="lg:6"] { + left: -50%; + } + [_col][_col~="lg:7"] { + width: 58.3333333333%; + } + [_col][_col~="lg:push-7"] { + left: 58.3333333333%; + } + [_col][_col~="lg:pull-7"] { + left: -58.3333333333%; + } + [_col][_push~="lg:7"] { + left: 58.3333333333%; + } + [_col][_pull~="lg:7"] { + left: -58.3333333333%; + } + [_col][_col~="lg:8"] { + width: 66.6666666667%; + } + [_col][_col~="lg:push-8"] { + left: 66.6666666667%; + } + [_col][_col~="lg:pull-8"] { + left: -66.6666666667%; + } + [_col][_push~="lg:8"] { + left: 66.6666666667%; + } + [_col][_pull~="lg:8"] { + left: -66.6666666667%; + } + [_col][_col~="lg:9"] { + width: 75%; + } + [_col][_col~="lg:push-9"] { + left: 75%; + } + [_col][_col~="lg:pull-9"] { + left: -75%; + } + [_col][_push~="lg:9"] { + left: 75%; + } + [_col][_pull~="lg:9"] { + left: -75%; + } + [_col][_col~="lg:10"] { + width: 83.3333333333%; + } + [_col][_col~="lg:push-10"] { + left: 83.3333333333%; + } + [_col][_col~="lg:pull-10"] { + left: -83.3333333333%; + } + [_col][_push~="lg:10"] { + left: 83.3333333333%; + } + [_col][_pull~="lg:10"] { + left: -83.3333333333%; + } + [_col][_col~="lg:11"] { + width: 91.6666666667%; + } + [_col][_col~="lg:push-11"] { + left: 91.6666666667%; + } + [_col][_col~="lg:pull-11"] { + left: -91.6666666667%; + } + [_col][_push~="lg:11"] { + left: 91.6666666667%; + } + [_col][_pull~="lg:11"] { + left: -91.6666666667%; + } + [_col][_col~="lg:12"] { + width: 100%; + } + [_col][_col~="lg:push-12"] { + left: 100%; + } + [_col][_col~="lg:pull-12"] { + left: -100%; + } + [_col][_push~="lg:12"] { + left: 100%; + } + [_col][_pull~="lg:12"] { + left: -100%; + } +} +@media screen and (min-width: 1280px) { + [_container][_container~="xl:full"] { + max-width: none; + } + [_container][_container~="xl:limited"] { + max-width: 1280px; + } + + [_has~="xl:footer"] { + display: flex; + height: 100%; + flex-direction: column; + } + [_has~="xl:footer"] > *:not([_footer~="xl:sticky"]) { + flex: 1 0 auto; + } + [_has~="xl:footer"] [_footer~="xl:sticky"] { + flex-shrink: 0; + } + + [_row] { + align-content: start; + align-items: start; + display: flex; + flex-wrap: wrap; + } + [_row][_row~="xl:row"] { + flex-direction: row; + } + [_row][_row~="xl:reverse"] { + flex-direction: row-reverse; + } + [_row][_row~="xl:col"], [_row] [_row~="xl:column"] { + flex-direction: column; + } + [_row][_row~="xl:col"][_row~="xl:reverse"], [_row] [_row~="xl:column"][_row~="xl:reverse"] { + flex-direction: column-reverse; + } + [_row][_row~="xl:nowrap"] { + flex-wrap: nowrap; + } + [_row][_row~="xl:wrap"] { + flex-wrap: wrap; + } + [_row][_row~="xl:wrap-reverse"] { + flex-wrap: wrap-reverse; + } + + [_justify~="xl:start"] { + justify-content: start; + } + + [_justify~="xl:end"] { + justify-content: end; + } + + [_justify~="xl:center"] { + justify-content: center; + } + + [_justify~="xl:between"] { + justify-content: space-between; + } + + [_justify~="xl:around"] { + justify-content: space-around; + } + + [_justify~="xl:evenly"] { + justify-content: space-evenly; + } + + [_items~="xl:stretch"] { + align-content: normal; + align-items: stretch; + } + + [_items~="xl:start"] { + align-content: normal; + align-items: start; + } + + [_items~="xl:end"] { + align-content: normal; + align-items: end; + } + + [_items~="xl:center"] { + align-content: normal; + align-items: center; + } + + [_items~="xl:baseline"] { + align-content: normal; + align-items: baseline; + } + + [_content~="xl:start"] { + align-content: start; + } + + [_content~="xl:end"] { + align-content: end; + } + + [_content~="xl:center"] { + align-content: center; + } + + [_content~="xl:between"] { + align-content: space-between; + } + + [_content~="xl:around"] { + align-content: space-around; + } + + [_content~="xl:evenly"] { + align-content: space-evenly; + } + + [_content~="xl:stretch"] { + align-content: stretch; + } + + [_self~="xl:stretch"] { + align-self: stretch; + } + + [_self~="xl:start"] { + align-self: start; + } + + [_self~="xl:end"] { + align-self: end; + } + + [_self~="xl:center"] { + align-self: center; + } + + [_self~="xl:baseline"] { + align-self: baseline; + } + + [_col] { + position: relative; + width: 100%; + padding: 0 30px; + } + [_col][_col~="xl:1"] { + width: 8.3333333333%; + } + [_col][_col~="xl:push-1"] { + left: 8.3333333333%; + } + [_col][_col~="xl:pull-1"] { + left: -8.3333333333%; + } + [_col][_push~="xl:1"] { + left: 8.3333333333%; + } + [_col][_pull~="xl:1"] { + left: -8.3333333333%; + } + [_col][_col~="xl:2"] { + width: 16.6666666667%; + } + [_col][_col~="xl:push-2"] { + left: 16.6666666667%; + } + [_col][_col~="xl:pull-2"] { + left: -16.6666666667%; + } + [_col][_push~="xl:2"] { + left: 16.6666666667%; + } + [_col][_pull~="xl:2"] { + left: -16.6666666667%; + } + [_col][_col~="xl:3"] { + width: 25%; + } + [_col][_col~="xl:push-3"] { + left: 25%; + } + [_col][_col~="xl:pull-3"] { + left: -25%; + } + [_col][_push~="xl:3"] { + left: 25%; + } + [_col][_pull~="xl:3"] { + left: -25%; + } + [_col][_col~="xl:4"] { + width: 33.3333333333%; + } + [_col][_col~="xl:push-4"] { + left: 33.3333333333%; + } + [_col][_col~="xl:pull-4"] { + left: -33.3333333333%; + } + [_col][_push~="xl:4"] { + left: 33.3333333333%; + } + [_col][_pull~="xl:4"] { + left: -33.3333333333%; + } + [_col][_col~="xl:5"] { + width: 41.6666666667%; + } + [_col][_col~="xl:push-5"] { + left: 41.6666666667%; + } + [_col][_col~="xl:pull-5"] { + left: -41.6666666667%; + } + [_col][_push~="xl:5"] { + left: 41.6666666667%; + } + [_col][_pull~="xl:5"] { + left: -41.6666666667%; + } + [_col][_col~="xl:6"] { + width: 50%; + } + [_col][_col~="xl:push-6"] { + left: 50%; + } + [_col][_col~="xl:pull-6"] { + left: -50%; + } + [_col][_push~="xl:6"] { + left: 50%; + } + [_col][_pull~="xl:6"] { + left: -50%; + } + [_col][_col~="xl:7"] { + width: 58.3333333333%; + } + [_col][_col~="xl:push-7"] { + left: 58.3333333333%; + } + [_col][_col~="xl:pull-7"] { + left: -58.3333333333%; + } + [_col][_push~="xl:7"] { + left: 58.3333333333%; + } + [_col][_pull~="xl:7"] { + left: -58.3333333333%; + } + [_col][_col~="xl:8"] { + width: 66.6666666667%; + } + [_col][_col~="xl:push-8"] { + left: 66.6666666667%; + } + [_col][_col~="xl:pull-8"] { + left: -66.6666666667%; + } + [_col][_push~="xl:8"] { + left: 66.6666666667%; + } + [_col][_pull~="xl:8"] { + left: -66.6666666667%; + } + [_col][_col~="xl:9"] { + width: 75%; + } + [_col][_col~="xl:push-9"] { + left: 75%; + } + [_col][_col~="xl:pull-9"] { + left: -75%; + } + [_col][_push~="xl:9"] { + left: 75%; + } + [_col][_pull~="xl:9"] { + left: -75%; + } + [_col][_col~="xl:10"] { + width: 83.3333333333%; + } + [_col][_col~="xl:push-10"] { + left: 83.3333333333%; + } + [_col][_col~="xl:pull-10"] { + left: -83.3333333333%; + } + [_col][_push~="xl:10"] { + left: 83.3333333333%; + } + [_col][_pull~="xl:10"] { + left: -83.3333333333%; + } + [_col][_col~="xl:11"] { + width: 91.6666666667%; + } + [_col][_col~="xl:push-11"] { + left: 91.6666666667%; + } + [_col][_col~="xl:pull-11"] { + left: -91.6666666667%; + } + [_col][_push~="xl:11"] { + left: 91.6666666667%; + } + [_col][_pull~="xl:11"] { + left: -91.6666666667%; + } + [_col][_col~="xl:12"] { + width: 100%; + } + [_col][_col~="xl:push-12"] { + left: 100%; + } + [_col][_col~="xl:pull-12"] { + left: -100%; + } + [_col][_push~="xl:12"] { + left: 100%; + } + [_col][_pull~="xl:12"] { + left: -100%; + } +} [_table] { width: 100%; - max-width: 100%; - margin-bottom: 1em; - border-collapse: collapse; + max-width: 100%; + margin-bottom: 1em; + border-collapse: collapse; +} +[_table][_table~=striped] tbody tr:nth-of-type(2n+1) { + background-color: rgba(106, 116, 169, 0.2); +} +[_table][_table~=bordered] { + border: 1px solid rgba(106, 116, 169, 0.2); +} +[_table][_table~=bordered] th:not(:first-child), +[_table][_table~=bordered] td:not(:first-child) { + border: 1px solid rgba(106, 116, 169, 0.2); +} +[_table][_table~=hover] tr:hover { + background-color: rgba(106, 116, 169, 0.3); +} +[_table][_table~=compact] th, +[_table][_table~=compact] td { + padding: 0.3rem; +} +[_table] thead th { + vertical-align: bottom; + border-bottom: 2px solid rgba(106, 116, 169, 0.2); +} +[_table] tr td, +[_table] tr th { + padding: 0.75rem; + vertical-align: top; +} +[_table] tr:not(:first-child) td, +[_table] tr:not(:first-child) th { + border-top: 1px solid rgba(106, 116, 169, 0.2); +} +[_table] th { + text-align: inherit; +} + +[_btn] { + cursor: pointer; + -webkit-appearance: button; + display: inline-block; + font-weight: 400; + text-align: center; + white-space: nowrap; + vertical-align: middle; + user-select: none; + border: 1px solid transparent; + background-color: transparent; + text-transform: none; + margin: 0; + font-family: inherit; + padding: 0.4rem 1rem; + font-size: 1rem; + line-height: 1.5; + transition: all 0.2s; +} +[_btn][_btn~=lg], [_btn][_btn~=large] { + padding: 0.5rem 1.25rem; + font-size: 1.25rem; + line-height: 1.5; +} +[_btn][_btn~=sm], [_btn][_btn~=small] { + padding: 0.25rem 0.75rem; + font-size: 0.8rem; + line-height: 1.5; +} +[_btn][_btn~=block], [_btn][_btn~=full] { + display: block; + width: 100%; +} +[_btn][_btn~=red] { + background-color: #f24236; + border-color: #f24236; + color: #fbfaf8; +} +[_btn][_btn~=red]:hover { + background-color: #e61d0f; + border-color: #e61d0f; +} +[_btn][_btn~=red-light-0] { + background-color: #f24236; + border-color: #f24236; + color: #fbfaf8; +} +[_btn][_btn~=red-light-0]:hover { + background-color: #e61d0f; + border-color: #e61d0f; +} +[_btn][_btn~=red-light-1] { + background-color: #f35044; + border-color: #f35044; + color: #fbfaf8; +} +[_btn][_btn~=red-light-1]:hover { + background-color: #f02214; + border-color: #f02214; +} +[_btn][_btn~=red-light-2] { + background-color: #f45d53; + border-color: #f45d53; + color: #fbfaf8; +} +[_btn][_btn~=red-light-2]:hover { + background-color: #f13023; + border-color: #f13023; +} +[_btn][_btn~=red-light-3] { + background-color: #f56b61; + border-color: #f56b61; + color: #fbfaf8; +} +[_btn][_btn~=red-light-3]:hover { + background-color: #f23d31; + border-color: #f23d31; +} +[_btn][_btn~=red-light-4] { + background-color: #f6786f; + border-color: #f6786f; + color: #fbfaf8; +} +[_btn][_btn~=red-light-4]:hover { + background-color: #f34b40; + border-color: #f34b40; +} +[_btn][_btn~=red-light-5] { + background-color: #f7867e; + border-color: #f7867e; + color: #fbfaf8; +} +[_btn][_btn~=red-light-5]:hover { + background-color: #f4594e; + border-color: #f4594e; +} +[_btn][_btn~=red-light-6] { + background-color: #f8938c; + border-color: #f8938c; + color: #fbfaf8; +} +[_btn][_btn~=red-light-6]:hover { + background-color: #f4665c; + border-color: #f4665c; +} +[_btn][_btn~=red-light-7] { + background-color: #f9a19b; + border-color: #f9a19b; + color: #fbfaf8; +} +[_btn][_btn~=red-light-7]:hover { + background-color: #f5746b; + border-color: #f5746b; +} +[_btn][_btn~=red-light-8] { + background-color: #f9aea9; + border-color: #f9aea9; + color: #fbfaf8; +} +[_btn][_btn~=red-light-8]:hover { + background-color: #f68179; + border-color: #f68179; +} +[_btn][_btn~=red-light-9] { + background-color: #fabcb7; + border-color: #fabcb7; + color: #fbfaf8; +} +[_btn][_btn~=red-light-9]:hover { + background-color: #f78f87; + border-color: #f78f87; +} +[_btn][_btn~=red-light-10] { + background-color: #fbc9c6; + border-color: #fbc9c6; + color: #fbfaf8; +} +[_btn][_btn~=red-light-10]:hover { + background-color: #f89c96; + border-color: #f89c96; +} +[_btn][_btn~=red-dark-0] { + background-color: #f24236; + border-color: #f24236; + color: #fbfaf8; +} +[_btn][_btn~=red-dark-0]:hover { + background-color: #e61d0f; + border-color: #e61d0f; +} +[_btn][_btn~=red-dark-1] { + background-color: #f13428; + border-color: #f13428; + color: #fbfaf8; +} +[_btn][_btn~=red-dark-1]:hover { + background-color: #d81b0e; + border-color: #d81b0e; +} +[_btn][_btn~=red-dark-2] { + background-color: #f02719; + border-color: #f02719; + color: #fbfaf8; +} +[_btn][_btn~=red-dark-2]:hover { + background-color: #c9190d; + border-color: #c9190d; +} +[_btn][_btn~=red-dark-3] { + background-color: #eb1d0f; + border-color: #eb1d0f; + color: #fbfaf8; +} +[_btn][_btn~=red-dark-3]:hover { + background-color: #bb170c; + border-color: #bb170c; +} +[_btn][_btn~=red-dark-4] { + background-color: #dd1b0e; + border-color: #dd1b0e; + color: #fbfaf8; +} +[_btn][_btn~=red-dark-4]:hover { + background-color: #ad150b; + border-color: #ad150b; +} +[_btn][_btn~=red-dark-5] { + background-color: #ce1a0d; + border-color: #ce1a0d; + color: #fbfaf8; +} +[_btn][_btn~=red-dark-5]:hover { + background-color: #9e140a; + border-color: #9e140a; +} +[_btn][_btn~=red-dark-6] { + background-color: #c0180c; + border-color: #c0180c; + color: #fbfaf8; +} +[_btn][_btn~=red-dark-6]:hover { + background-color: #901209; + border-color: #901209; +} +[_btn][_btn~=red-dark-7] { + background-color: #b1160b; + border-color: #b1160b; + color: #fbfaf8; +} +[_btn][_btn~=red-dark-7]:hover { + background-color: #821008; + border-color: #821008; +} +[_btn][_btn~=red-dark-8] { + background-color: #a3140b; + border-color: #a3140b; + color: #fbfaf8; +} +[_btn][_btn~=red-dark-8]:hover { + background-color: #730e07; + border-color: #730e07; +} +[_btn][_btn~=red-dark-9] { + background-color: #95120a; + border-color: #95120a; + color: #fbfaf8; +} +[_btn][_btn~=red-dark-9]:hover { + background-color: #650d07; + border-color: #650d07; +} +[_btn][_btn~=red-dark-10] { + background-color: #861109; + border-color: #861109; + color: #fbfaf8; +} +[_btn][_btn~=red-dark-10]:hover { + background-color: #560b06; + border-color: #560b06; +} +[_btn][_btn~=pink] { + background-color: #e43f6f; + border-color: #e43f6f; + color: #fbfaf8; +} +[_btn][_btn~=pink]:hover { + background-color: #d21e52; + border-color: #d21e52; +} +[_btn][_btn~=pink-light-0] { + background-color: #e43f6f; + border-color: #e43f6f; + color: #fbfaf8; +} +[_btn][_btn~=pink-light-0]:hover { + background-color: #d21e52; + border-color: #d21e52; +} +[_btn][_btn~=pink-light-1] { + background-color: #e64c79; + border-color: #e64c79; + color: #fbfaf8; +} +[_btn][_btn~=pink-light-1]:hover { + background-color: #e02058; + border-color: #e02058; +} +[_btn][_btn~=pink-light-2] { + background-color: #e85a83; + border-color: #e85a83; + color: #fbfaf8; +} +[_btn][_btn~=pink-light-2]:hover { + background-color: #e12d62; + border-color: #e12d62; +} +[_btn][_btn~=pink-light-3] { + background-color: #ea678d; + border-color: #ea678d; + color: #fbfaf8; +} +[_btn][_btn~=pink-light-3]:hover { + background-color: #e33b6c; + border-color: #e33b6c; +} +[_btn][_btn~=pink-light-4] { + background-color: #ec7597; + border-color: #ec7597; + color: #fbfaf8; +} +[_btn][_btn~=pink-light-4]:hover { + background-color: #e54876; + border-color: #e54876; +} +[_btn][_btn~=pink-light-5] { + background-color: #ed82a1; + border-color: #ed82a1; + color: #fbfaf8; +} +[_btn][_btn~=pink-light-5]:hover { + background-color: #e75580; + border-color: #e75580; +} +[_btn][_btn~=pink-light-6] { + background-color: #ef8fab; + border-color: #ef8fab; + color: #fbfaf8; +} +[_btn][_btn~=pink-light-6]:hover { + background-color: #e9638a; + border-color: #e9638a; +} +[_btn][_btn~=pink-light-7] { + background-color: #f19db5; + border-color: #f19db5; + color: #fbfaf8; +} +[_btn][_btn~=pink-light-7]:hover { + background-color: #eb7094; + border-color: #eb7094; +} +[_btn][_btn~=pink-light-8] { + background-color: #f3aabf; + border-color: #f3aabf; + color: #fbfaf8; +} +[_btn][_btn~=pink-light-8]:hover { + background-color: #ed7e9e; + border-color: #ed7e9e; +} +[_btn][_btn~=pink-light-9] { + background-color: #f5b8ca; + border-color: #f5b8ca; + color: #fbfaf8; +} +[_btn][_btn~=pink-light-9]:hover { + background-color: #ef8ba8; + border-color: #ef8ba8; +} +[_btn][_btn~=pink-light-10] { + background-color: #f7c5d4; + border-color: #f7c5d4; + color: #fbfaf8; +} +[_btn][_btn~=pink-light-10]:hover { + background-color: #f198b2; + border-color: #f198b2; +} +[_btn][_btn~=pink-dark-0] { + background-color: #e43f6f; + border-color: #e43f6f; + color: #fbfaf8; +} +[_btn][_btn~=pink-dark-0]:hover { + background-color: #d21e52; + border-color: #d21e52; +} +[_btn][_btn~=pink-dark-1] { + background-color: #e23265; + border-color: #e23265; + color: #fbfaf8; +} +[_btn][_btn~=pink-dark-1]:hover { + background-color: #c51c4d; + border-color: #c51c4d; +} +[_btn][_btn~=pink-dark-2] { + background-color: #e0245b; + border-color: #e0245b; + color: #fbfaf8; +} +[_btn][_btn~=pink-dark-2]:hover { + background-color: #b81a48; + border-color: #b81a48; +} +[_btn][_btn~=pink-dark-3] { + background-color: #d71e54; + border-color: #d71e54; + color: #fbfaf8; +} +[_btn][_btn~=pink-dark-3]:hover { + background-color: #aa1842; + border-color: #aa1842; +} +[_btn][_btn~=pink-dark-4] { + background-color: #c91c4f; + border-color: #c91c4f; + color: #fbfaf8; +} +[_btn][_btn~=pink-dark-4]:hover { + background-color: #9d163d; + border-color: #9d163d; +} +[_btn][_btn~=pink-dark-5] { + background-color: #bc1a49; + border-color: #bc1a49; + color: #fbfaf8; +} +[_btn][_btn~=pink-dark-5]:hover { + background-color: #8f1438; + border-color: #8f1438; +} +[_btn][_btn~=pink-dark-6] { + background-color: #af1944; + border-color: #af1944; + color: #fbfaf8; +} +[_btn][_btn~=pink-dark-6]:hover { + background-color: #821233; + border-color: #821233; +} +[_btn][_btn~=pink-dark-7] { + background-color: #a1173f; + border-color: #a1173f; + color: #fbfaf8; +} +[_btn][_btn~=pink-dark-7]:hover { + background-color: #75102e; + border-color: #75102e; +} +[_btn][_btn~=pink-dark-8] { + background-color: #94153a; + border-color: #94153a; + color: #fbfaf8; +} +[_btn][_btn~=pink-dark-8]:hover { + background-color: #670e28; + border-color: #670e28; +} +[_btn][_btn~=pink-dark-9] { + background-color: #861335; + border-color: #861335; + color: #fbfaf8; +} +[_btn][_btn~=pink-dark-9]:hover { + background-color: #5a0d23; + border-color: #5a0d23; +} +[_btn][_btn~=pink-dark-10] { + background-color: #79112f; + border-color: #79112f; + color: #fbfaf8; +} +[_btn][_btn~=pink-dark-10]:hover { + background-color: #4c0b1e; + border-color: #4c0b1e; +} +[_btn][_btn~=purple] { + background-color: #6564db; + border-color: #6564db; + color: #fbfaf8; +} +[_btn][_btn~=purple]:hover { + background-color: #3c3bd1; + border-color: #3c3bd1; +} +[_btn][_btn~=purple-light-0] { + background-color: #6564db; + border-color: #6564db; + color: #fbfaf8; +} +[_btn][_btn~=purple-light-0]:hover { + background-color: #3c3bd1; + border-color: #3c3bd1; +} +[_btn][_btn~=purple-light-1] { + background-color: #7170de; + border-color: #7170de; + color: #fbfaf8; +} +[_btn][_btn~=purple-light-1]:hover { + background-color: #4847d4; + border-color: #4847d4; +} +[_btn][_btn~=purple-light-2] { + background-color: #7e7de1; + border-color: #7e7de1; + color: #fbfaf8; +} +[_btn][_btn~=purple-light-2]:hover { + background-color: #5553d7; + border-color: #5553d7; +} +[_btn][_btn~=purple-light-3] { + background-color: #8a89e4; + border-color: #8a89e4; + color: #fbfaf8; +} +[_btn][_btn~=purple-light-3]:hover { + background-color: #6160da; + border-color: #6160da; +} +[_btn][_btn~=purple-light-4] { + background-color: #9696e7; + border-color: #9696e7; + color: #fbfaf8; +} +[_btn][_btn~=purple-light-4]:hover { + background-color: #6d6cdd; + border-color: #6d6cdd; +} +[_btn][_btn~=purple-light-5] { + background-color: #a3a2e9; + border-color: #a3a2e9; + color: #fbfaf8; +} +[_btn][_btn~=purple-light-5]:hover { + background-color: #7a79e0; + border-color: #7a79e0; +} +[_btn][_btn~=purple-light-6] { + background-color: #afaeec; + border-color: #afaeec; + color: #fbfaf8; +} +[_btn][_btn~=purple-light-6]:hover { + background-color: #8685e3; + border-color: #8685e3; +} +[_btn][_btn~=purple-light-7] { + background-color: #bbbbef; + border-color: #bbbbef; + color: #fbfaf8; +} +[_btn][_btn~=purple-light-7]:hover { + background-color: #9292e6; + border-color: #9292e6; +} +[_btn][_btn~=purple-light-8] { + background-color: #c8c7f2; + border-color: #c8c7f2; + color: #fbfaf8; +} +[_btn][_btn~=purple-light-8]:hover { + background-color: #9f9ee8; + border-color: #9f9ee8; +} +[_btn][_btn~=purple-light-9] { + background-color: #d4d4f5; + border-color: #d4d4f5; + color: #fbfaf8; +} +[_btn][_btn~=purple-light-9]:hover { + background-color: #abaaeb; + border-color: #abaaeb; +} +[_btn][_btn~=purple-light-10] { + background-color: #e0e0f8; + border-color: #e0e0f8; + color: #fbfaf8; +} +[_btn][_btn~=purple-light-10]:hover { + background-color: #b7b7ee; + border-color: #b7b7ee; +} +[_btn][_btn~=purple-dark-0] { + background-color: #6564db; + border-color: #6564db; + color: #fbfaf8; +} +[_btn][_btn~=purple-dark-0]:hover { + background-color: #3c3bd1; + border-color: #3c3bd1; +} +[_btn][_btn~=purple-dark-1] { + background-color: #5958d8; + border-color: #5958d8; + color: #fbfaf8; +} +[_btn][_btn~=purple-dark-1]:hover { + background-color: #3130cd; + border-color: #3130cd; +} +[_btn][_btn~=purple-dark-2] { + background-color: #4c4bd5; + border-color: #4c4bd5; + color: #fbfaf8; +} +[_btn][_btn~=purple-dark-2]:hover { + background-color: #2e2dc1; + border-color: #2e2dc1; +} +[_btn][_btn~=purple-dark-3] { + background-color: #403fd2; + border-color: #403fd2; + color: #fbfaf8; +} +[_btn][_btn~=purple-dark-3]:hover { + background-color: #2b2ab4; + border-color: #2b2ab4; +} +[_btn][_btn~=purple-dark-4] { + background-color: #3432cf; + border-color: #3432cf; + color: #fbfaf8; +} +[_btn][_btn~=purple-dark-4]:hover { + background-color: #2827a8; + border-color: #2827a8; +} +[_btn][_btn~=purple-dark-5] { + background-color: #2f2ec5; + border-color: #2f2ec5; + color: #fbfaf8; +} +[_btn][_btn~=purple-dark-5]:hover { + background-color: #25249b; + border-color: #25249b; +} +[_btn][_btn~=purple-dark-6] { + background-color: #2c2bb8; + border-color: #2c2bb8; + color: #fbfaf8; +} +[_btn][_btn~=purple-dark-6]:hover { + background-color: #22218f; + border-color: #22218f; +} +[_btn][_btn~=purple-dark-7] { + background-color: #2928ac; + border-color: #2928ac; + color: #fbfaf8; +} +[_btn][_btn~=purple-dark-7]:hover { + background-color: #1f1e83; + border-color: #1f1e83; +} +[_btn][_btn~=purple-dark-8] { + background-color: #2625a0; + border-color: #2625a0; + color: #fbfaf8; +} +[_btn][_btn~=purple-dark-8]:hover { + background-color: #1c1b76; + border-color: #1c1b76; +} +[_btn][_btn~=purple-dark-9] { + background-color: #232293; + border-color: #232293; + color: #fbfaf8; +} +[_btn][_btn~=purple-dark-9]:hover { + background-color: #19196a; + border-color: #19196a; +} +[_btn][_btn~=purple-dark-10] { + background-color: #201f87; + border-color: #201f87; + color: #fbfaf8; +} +[_btn][_btn~=purple-dark-10]:hover { + background-color: #16165d; + border-color: #16165d; +} +[_btn][_btn~=indigo] { + background-color: #473bf0; + border-color: #473bf0; + color: #fbfaf8; +} +[_btn][_btn~=indigo]:hover { + background-color: #2012e6; + border-color: #2012e6; +} +[_btn][_btn~=indigo-light-0] { + background-color: #473bf0; + border-color: #473bf0; + color: #fbfaf8; +} +[_btn][_btn~=indigo-light-0]:hover { + background-color: #2012e6; + border-color: #2012e6; +} +[_btn][_btn~=indigo-light-1] { + background-color: #5449f1; + border-color: #5449f1; + color: #fbfaf8; +} +[_btn][_btn~=indigo-light-1]:hover { + background-color: #281aed; + border-color: #281aed; +} +[_btn][_btn~=indigo-light-2] { + background-color: #6257f2; + border-color: #6257f2; + color: #fbfaf8; +} +[_btn][_btn~=indigo-light-2]:hover { + background-color: #3528ef; + border-color: #3528ef; +} +[_btn][_btn~=indigo-light-3] { + background-color: #6f66f3; + border-color: #6f66f3; + color: #fbfaf8; +} +[_btn][_btn~=indigo-light-3]:hover { + background-color: #4336f0; + border-color: #4336f0; +} +[_btn][_btn~=indigo-light-4] { + background-color: #7c74f4; + border-color: #7c74f4; + color: #fbfaf8; +} +[_btn][_btn~=indigo-light-4]:hover { + background-color: #5044f1; + border-color: #5044f1; +} +[_btn][_btn~=indigo-light-5] { + background-color: #8a82f5; + border-color: #8a82f5; + color: #fbfaf8; +} +[_btn][_btn~=indigo-light-5]:hover { + background-color: #5d53f2; + border-color: #5d53f2; +} +[_btn][_btn~=indigo-light-6] { + background-color: #9790f7; + border-color: #9790f7; + color: #fbfaf8; +} +[_btn][_btn~=indigo-light-6]:hover { + background-color: #6b61f3; + border-color: #6b61f3; +} +[_btn][_btn~=indigo-light-7] { + background-color: #a49ef8; + border-color: #a49ef8; + color: #fbfaf8; +} +[_btn][_btn~=indigo-light-7]:hover { + background-color: #786ff4; + border-color: #786ff4; +} +[_btn][_btn~=indigo-light-8] { + background-color: #b2adf9; + border-color: #b2adf9; + color: #fbfaf8; +} +[_btn][_btn~=indigo-light-8]:hover { + background-color: #857df5; + border-color: #857df5; +} +[_btn][_btn~=indigo-light-9] { + background-color: #bfbbfa; + border-color: #bfbbfa; + color: #fbfaf8; +} +[_btn][_btn~=indigo-light-9]:hover { + background-color: #938cf6; + border-color: #938cf6; +} +[_btn][_btn~=indigo-light-10] { + background-color: #ccc9fb; + border-color: #ccc9fb; + color: #fbfaf8; +} +[_btn][_btn~=indigo-light-10]:hover { + background-color: #a09af7; + border-color: #a09af7; +} +[_btn][_btn~=indigo-dark-0] { + background-color: #473bf0; + border-color: #473bf0; + color: #fbfaf8; +} +[_btn][_btn~=indigo-dark-0]:hover { + background-color: #2012e6; + border-color: #2012e6; +} +[_btn][_btn~=indigo-dark-1] { + background-color: #3a2def; + border-color: #3a2def; + color: #fbfaf8; +} +[_btn][_btn~=indigo-dark-1]:hover { + background-color: #1e11d8; + border-color: #1e11d8; +} +[_btn][_btn~=indigo-dark-2] { + background-color: #2c1fee; + border-color: #2c1fee; + color: #fbfaf8; +} +[_btn][_btn~=indigo-dark-2]:hover { + background-color: #1c0fca; + border-color: #1c0fca; +} +[_btn][_btn~=indigo-dark-3] { + background-color: #2012eb; + border-color: #2012eb; + color: #fbfaf8; +} +[_btn][_btn~=indigo-dark-3]:hover { + background-color: #1a0ebc; + border-color: #1a0ebc; +} +[_btn][_btn~=indigo-dark-4] { + background-color: #1e11dd; + border-color: #1e11dd; + color: #fbfaf8; +} +[_btn][_btn~=indigo-dark-4]:hover { + background-color: #180dae; + border-color: #180dae; +} +[_btn][_btn~=indigo-dark-5] { + background-color: #1c10cf; + border-color: #1c10cf; + color: #fbfaf8; +} +[_btn][_btn~=indigo-dark-5]:hover { + background-color: #160c9f; + border-color: #160c9f; +} +[_btn][_btn~=indigo-dark-6] { + background-color: #1b0fc0; + border-color: #1b0fc0; + color: #fbfaf8; +} +[_btn][_btn~=indigo-dark-6]:hover { + background-color: #140b91; + border-color: #140b91; +} +[_btn][_btn~=indigo-dark-7] { + background-color: #190eb2; + border-color: #190eb2; + color: #fbfaf8; +} +[_btn][_btn~=indigo-dark-7]:hover { + background-color: #120a83; + border-color: #120a83; +} +[_btn][_btn~=indigo-dark-8] { + background-color: #170da4; + border-color: #170da4; + color: #fbfaf8; +} +[_btn][_btn~=indigo-dark-8]:hover { + background-color: #100975; + border-color: #100975; +} +[_btn][_btn~=indigo-dark-9] { + background-color: #150b96; + border-color: #150b96; + color: #fbfaf8; +} +[_btn][_btn~=indigo-dark-9]:hover { + background-color: #0e0866; + border-color: #0e0866; +} +[_btn][_btn~=indigo-dark-10] { + background-color: #130a88; + border-color: #130a88; + color: #fbfaf8; +} +[_btn][_btn~=indigo-dark-10]:hover { + background-color: #0c0758; + border-color: #0c0758; +} +[_btn][_btn~=blue] { + background-color: #3169c4; + border-color: #3169c4; + color: #fbfaf8; +} +[_btn][_btn~=blue]:hover { + background-color: #27539b; + border-color: #27539b; +} +[_btn][_btn~=blue-light-0] { + background-color: #3169c4; + border-color: #3169c4; + color: #fbfaf8; +} +[_btn][_btn~=blue-light-0]:hover { + background-color: #27539b; + border-color: #27539b; +} +[_btn][_btn~=blue-light-1] { + background-color: #3770cd; + border-color: #3770cd; + color: #fbfaf8; +} +[_btn][_btn~=blue-light-1]:hover { + background-color: #2a5aa7; + border-color: #2a5aa7; +} +[_btn][_btn~=blue-light-2] { + background-color: #4379d0; + border-color: #4379d0; + color: #fbfaf8; +} +[_btn][_btn~=blue-light-2]:hover { + background-color: #2d60b4; + border-color: #2d60b4; +} +[_btn][_btn~=blue-light-3] { + background-color: #5082d3; + border-color: #5082d3; + color: #fbfaf8; +} +[_btn][_btn~=blue-light-3]:hover { + background-color: #3067c0; + border-color: #3067c0; +} +[_btn][_btn~=blue-light-4] { + background-color: #5c8bd6; + border-color: #5c8bd6; + color: #fbfaf8; +} +[_btn][_btn~=blue-light-4]:hover { + background-color: #336dcc; + border-color: #336dcc; +} +[_btn][_btn~=blue-light-5] { + background-color: #6893d9; + border-color: #6893d9; + color: #fbfaf8; +} +[_btn][_btn~=blue-light-5]:hover { + background-color: #3f76cf; + border-color: #3f76cf; +} +[_btn][_btn~=blue-light-6] { + background-color: #749cdc; + border-color: #749cdc; + color: #fbfaf8; +} +[_btn][_btn~=blue-light-6]:hover { + background-color: #4c7fd2; + border-color: #4c7fd2; +} +[_btn][_btn~=blue-light-7] { + background-color: #81a5df; + border-color: #81a5df; + color: #fbfaf8; +} +[_btn][_btn~=blue-light-7]:hover { + background-color: #5888d5; + border-color: #5888d5; +} +[_btn][_btn~=blue-light-8] { + background-color: #8daee2; + border-color: #8daee2; + color: #fbfaf8; +} +[_btn][_btn~=blue-light-8]:hover { + background-color: #6490d8; + border-color: #6490d8; +} +[_btn][_btn~=blue-light-9] { + background-color: #99b6e6; + border-color: #99b6e6; + color: #fbfaf8; +} +[_btn][_btn~=blue-light-9]:hover { + background-color: #7099db; + border-color: #7099db; +} +[_btn][_btn~=blue-light-10] { + background-color: #a5bfe9; + border-color: #a5bfe9; + color: #fbfaf8; +} +[_btn][_btn~=blue-light-10]:hover { + background-color: #7da2de; + border-color: #7da2de; +} +[_btn][_btn~=blue-dark-0] { + background-color: #3169c4; + border-color: #3169c4; + color: #fbfaf8; +} +[_btn][_btn~=blue-dark-0]:hover { + background-color: #27539b; + border-color: #27539b; +} +[_btn][_btn~=blue-dark-1] { + background-color: #2e62b8; + border-color: #2e62b8; + color: #fbfaf8; +} +[_btn][_btn~=blue-dark-1]:hover { + background-color: #244d8f; + border-color: #244d8f; +} +[_btn][_btn~=blue-dark-2] { + background-color: #2b5cac; + border-color: #2b5cac; + color: #fbfaf8; +} +[_btn][_btn~=blue-dark-2]:hover { + background-color: #214683; + border-color: #214683; +} +[_btn][_btn~=blue-dark-3] { + background-color: #28559f; + border-color: #28559f; + color: #fbfaf8; +} +[_btn][_btn~=blue-dark-3]:hover { + background-color: #1e3f76; + border-color: #1e3f76; +} +[_btn][_btn~=blue-dark-4] { + background-color: #254f93; + border-color: #254f93; + color: #fbfaf8; +} +[_btn][_btn~=blue-dark-4]:hover { + background-color: #1b396a; + border-color: #1b396a; +} +[_btn][_btn~=blue-dark-5] { + background-color: #224887; + border-color: #224887; + color: #fbfaf8; +} +[_btn][_btn~=blue-dark-5]:hover { + background-color: #18325e; + border-color: #18325e; +} +[_btn][_btn~=blue-dark-6] { + background-color: #1f427b; + border-color: #1f427b; + color: #fbfaf8; +} +[_btn][_btn~=blue-dark-6]:hover { + background-color: #142c52; + border-color: #142c52; +} +[_btn][_btn~=blue-dark-7] { + background-color: #1c3b6e; + border-color: #1c3b6e; + color: #fbfaf8; +} +[_btn][_btn~=blue-dark-7]:hover { + background-color: #112546; + border-color: #112546; +} +[_btn][_btn~=blue-dark-8] { + background-color: #193562; + border-color: #193562; + color: #fbfaf8; +} +[_btn][_btn~=blue-dark-8]:hover { + background-color: #0e1f39; + border-color: #0e1f39; +} +[_btn][_btn~=blue-dark-9] { + background-color: #152e56; + border-color: #152e56; + color: #fbfaf8; +} +[_btn][_btn~=blue-dark-9]:hover { + background-color: #0b182d; + border-color: #0b182d; +} +[_btn][_btn~=blue-dark-10] { + background-color: #12274a; + border-color: #12274a; + color: #fbfaf8; +} +[_btn][_btn~=blue-dark-10]:hover { + background-color: #081221; + border-color: #081221; +} +[_btn][_btn~=cyan] { + background-color: #1fa6c1; + border-color: #1fa6c1; + color: #fbfaf8; +} +[_btn][_btn~=cyan]:hover { + background-color: #188095; + border-color: #188095; +} +[_btn][_btn~=cyan-light-0] { + background-color: #1fa6c1; + border-color: #1fa6c1; + color: #fbfaf8; +} +[_btn][_btn~=cyan-light-0]:hover { + background-color: #188095; + border-color: #188095; +} +[_btn][_btn~=cyan-light-1] { + background-color: #21b1ce; + border-color: #21b1ce; + color: #fbfaf8; +} +[_btn][_btn~=cyan-light-1]:hover { + background-color: #1a8ca2; + border-color: #1a8ca2; +} +[_btn][_btn~=cyan-light-2] { + background-color: #23bddb; + border-color: #23bddb; + color: #fbfaf8; +} +[_btn][_btn~=cyan-light-2]:hover { + background-color: #1c97af; + border-color: #1c97af; +} +[_btn][_btn~=cyan-light-3] { + background-color: #30c1de; + border-color: #30c1de; + color: #fbfaf8; +} +[_btn][_btn~=cyan-light-3]:hover { + background-color: #1ea2bd; + border-color: #1ea2bd; +} +[_btn][_btn~=cyan-light-4] { + background-color: #3dc5e0; + border-color: #3dc5e0; + color: #fbfaf8; +} +[_btn][_btn~=cyan-light-4]:hover { + background-color: #20aeca; + border-color: #20aeca; +} +[_btn][_btn~=cyan-light-5] { + background-color: #4ac9e2; + border-color: #4ac9e2; + color: #fbfaf8; +} +[_btn][_btn~=cyan-light-5]:hover { + background-color: #23b9d7; + border-color: #23b9d7; +} +[_btn][_btn~=cyan-light-6] { + background-color: #58cde4; + border-color: #58cde4; + color: #fbfaf8; +} +[_btn][_btn~=cyan-light-6]:hover { + background-color: #2cc0dd; + border-color: #2cc0dd; +} +[_btn][_btn~=cyan-light-7] { + background-color: #65d1e6; + border-color: #65d1e6; + color: #fbfaf8; +} +[_btn][_btn~=cyan-light-7]:hover { + background-color: #39c3df; + border-color: #39c3df; +} +[_btn][_btn~=cyan-light-8] { + background-color: #72d5e8; + border-color: #72d5e8; + color: #fbfaf8; +} +[_btn][_btn~=cyan-light-8]:hover { + background-color: #46c7e1; + border-color: #46c7e1; +} +[_btn][_btn~=cyan-light-9] { + background-color: #7fd9ea; + border-color: #7fd9ea; + color: #fbfaf8; +} +[_btn][_btn~=cyan-light-9]:hover { + background-color: #53cbe3; + border-color: #53cbe3; +} +[_btn][_btn~=cyan-light-10] { + background-color: #8cdded; + border-color: #8cdded; + color: #fbfaf8; +} +[_btn][_btn~=cyan-light-10]:hover { + background-color: #60cfe6; + border-color: #60cfe6; +} +[_btn][_btn~=cyan-dark-0] { + background-color: #1fa6c1; + border-color: #1fa6c1; + color: #fbfaf8; +} +[_btn][_btn~=cyan-dark-0]:hover { + background-color: #188095; + border-color: #188095; +} +[_btn][_btn~=cyan-dark-1] { + background-color: #1d9bb4; + border-color: #1d9bb4; + color: #fbfaf8; +} +[_btn][_btn~=cyan-dark-1]:hover { + background-color: #167588; + border-color: #167588; +} +[_btn][_btn~=cyan-dark-2] { + background-color: #1b8fa7; + border-color: #1b8fa7; + color: #fbfaf8; +} +[_btn][_btn~=cyan-dark-2]:hover { + background-color: #146a7b; + border-color: #146a7b; +} +[_btn][_btn~=cyan-dark-3] { + background-color: #198499; + border-color: #198499; + color: #fbfaf8; +} +[_btn][_btn~=cyan-dark-3]:hover { + background-color: #125e6e; + border-color: #125e6e; +} +[_btn][_btn~=cyan-dark-4] { + background-color: #17798c; + border-color: #17798c; + color: #fbfaf8; +} +[_btn][_btn~=cyan-dark-4]:hover { + background-color: #0f5360; + border-color: #0f5360; +} +[_btn][_btn~=cyan-dark-5] { + background-color: #146d7f; + border-color: #146d7f; + color: #fbfaf8; +} +[_btn][_btn~=cyan-dark-5]:hover { + background-color: #0d4853; + border-color: #0d4853; +} +[_btn][_btn~=cyan-dark-6] { + background-color: #126272; + border-color: #126272; + color: #fbfaf8; +} +[_btn][_btn~=cyan-dark-6]:hover { + background-color: #0b3c46; + border-color: #0b3c46; +} +[_btn][_btn~=cyan-dark-7] { + background-color: #105765; + border-color: #105765; + color: #fbfaf8; +} +[_btn][_btn~=cyan-dark-7]:hover { + background-color: #093139; + border-color: #093139; +} +[_btn][_btn~=cyan-dark-8] { + background-color: #0e4b58; + border-color: #0e4b58; + color: #fbfaf8; +} +[_btn][_btn~=cyan-dark-8]:hover { + background-color: #07252c; + border-color: #07252c; +} +[_btn][_btn~=cyan-dark-9] { + background-color: #0c404a; + border-color: #0c404a; + color: #fbfaf8; +} +[_btn][_btn~=cyan-dark-9]:hover { + background-color: #051a1e; + border-color: #051a1e; +} +[_btn][_btn~=cyan-dark-10] { + background-color: #0a353d; + border-color: #0a353d; + color: #fbfaf8; +} +[_btn][_btn~=cyan-dark-10]:hover { + background-color: #030f11; + border-color: #030f11; +} +[_btn][_btn~=teal] { + background-color: #00bfb2; + border-color: #00bfb2; + color: #fbfaf8; +} +[_btn][_btn~=teal]:hover { + background-color: #008c82; + border-color: #008c82; +} +[_btn][_btn~=teal-light-0] { + background-color: #00bfb2; + border-color: #00bfb2; + color: #fbfaf8; +} +[_btn][_btn~=teal-light-0]:hover { + background-color: #008c82; + border-color: #008c82; +} +[_btn][_btn~=teal-light-1] { + background-color: #00cec0; + border-color: #00cec0; + color: #fbfaf8; +} +[_btn][_btn~=teal-light-1]:hover { + background-color: #009b91; + border-color: #009b91; +} +[_btn][_btn~=teal-light-2] { + background-color: #00decf; + border-color: #00decf; + color: #fbfaf8; +} +[_btn][_btn~=teal-light-2]:hover { + background-color: #00ab9f; + border-color: #00ab9f; +} +[_btn][_btn~=teal-light-3] { + background-color: #00eddd; + border-color: #00eddd; + color: #fbfaf8; +} +[_btn][_btn~=teal-light-3]:hover { + background-color: #00baad; + border-color: #00baad; +} +[_btn][_btn~=teal-light-4] { + background-color: #00fceb; + border-color: #00fceb; + color: #fbfaf8; +} +[_btn][_btn~=teal-light-4]:hover { + background-color: #00c9bc; + border-color: #00c9bc; +} +[_btn][_btn~=teal-light-5] { + background-color: #0dffee; + border-color: #0dffee; + color: #fbfaf8; +} +[_btn][_btn~=teal-light-5]:hover { + background-color: #00d9ca; + border-color: #00d9ca; +} +[_btn][_btn~=teal-light-6] { + background-color: #1cfff0; + border-color: #1cfff0; + color: #fbfaf8; +} +[_btn][_btn~=teal-light-6]:hover { + background-color: #00e8d8; + border-color: #00e8d8; +} +[_btn][_btn~=teal-light-7] { + background-color: #2bfff1; + border-color: #2bfff1; + color: #fbfaf8; +} +[_btn][_btn~=teal-light-7]:hover { + background-color: #00f7e6; + border-color: #00f7e6; +} +[_btn][_btn~=teal-light-8] { + background-color: #3afff2; + border-color: #3afff2; + color: #fbfaf8; +} +[_btn][_btn~=teal-light-8]:hover { + background-color: #07ffee; + border-color: #07ffee; +} +[_btn][_btn~=teal-light-9] { + background-color: #4afff3; + border-color: #4afff3; + color: #fbfaf8; +} +[_btn][_btn~=teal-light-9]:hover { + background-color: #17ffef; + border-color: #17ffef; +} +[_btn][_btn~=teal-light-10] { + background-color: #59fff4; + border-color: #59fff4; + color: #fbfaf8; +} +[_btn][_btn~=teal-light-10]:hover { + background-color: #26fff0; + border-color: #26fff0; +} +[_btn][_btn~=teal-dark-0] { + background-color: #00bfb2; + border-color: #00bfb2; + color: #fbfaf8; +} +[_btn][_btn~=teal-dark-0]:hover { + background-color: #008c82; + border-color: #008c82; +} +[_btn][_btn~=teal-dark-1] { + background-color: #00b0a4; + border-color: #00b0a4; + color: #fbfaf8; +} +[_btn][_btn~=teal-dark-1]:hover { + background-color: #007d74; + border-color: #007d74; +} +[_btn][_btn~=teal-dark-2] { + background-color: #00a095; + border-color: #00a095; + color: #fbfaf8; +} +[_btn][_btn~=teal-dark-2]:hover { + background-color: #006d66; + border-color: #006d66; +} +[_btn][_btn~=teal-dark-3] { + background-color: #009187; + border-color: #009187; + color: #fbfaf8; +} +[_btn][_btn~=teal-dark-3]:hover { + background-color: #005e58; + border-color: #005e58; +} +[_btn][_btn~=teal-dark-4] { + background-color: #008279; + border-color: #008279; + color: #fbfaf8; +} +[_btn][_btn~=teal-dark-4]:hover { + background-color: #004f49; + border-color: #004f49; +} +[_btn][_btn~=teal-dark-5] { + background-color: #00736b; + border-color: #00736b; + color: #fbfaf8; +} +[_btn][_btn~=teal-dark-5]:hover { + background-color: #00403b; + border-color: #00403b; +} +[_btn][_btn~=teal-dark-6] { + background-color: #00635c; + border-color: #00635c; + color: #fbfaf8; +} +[_btn][_btn~=teal-dark-6]:hover { + background-color: #00302d; + border-color: #00302d; +} +[_btn][_btn~=teal-dark-7] { + background-color: #00544e; + border-color: #00544e; + color: #fbfaf8; +} +[_btn][_btn~=teal-dark-7]:hover { + background-color: #00211f; + border-color: #00211f; +} +[_btn][_btn~=teal-dark-8] { + background-color: #004540; + border-color: #004540; + color: #fbfaf8; +} +[_btn][_btn~=teal-dark-8]:hover { + background-color: #001210; + border-color: #001210; +} +[_btn][_btn~=teal-dark-9] { + background-color: #003532; + border-color: #003532; + color: #fbfaf8; +} +[_btn][_btn~=teal-dark-9]:hover { + background-color: #000202; + border-color: #000202; +} +[_btn][_btn~=teal-dark-10] { + background-color: #002623; + border-color: #002623; + color: #fbfaf8; +} +[_btn][_btn~=teal-dark-10]:hover { + background-color: black; + border-color: black; +} +[_btn][_btn~=green] { + background-color: #3ccd65; + border-color: #3ccd65; + color: #fbfaf8; +} +[_btn][_btn~=green]:hover { + background-color: #2caa4f; + border-color: #2caa4f; +} +[_btn][_btn~=green-light-0] { + background-color: #3ccd65; + border-color: #3ccd65; + color: #fbfaf8; +} +[_btn][_btn~=green-light-0]:hover { + background-color: #2caa4f; + border-color: #2caa4f; +} +[_btn][_btn~=green-light-1] { + background-color: #48d06f; + border-color: #48d06f; + color: #fbfaf8; +} +[_btn][_btn~=green-light-1]:hover { + background-color: #2fb755; + border-color: #2fb755; +} +[_btn][_btn~=green-light-2] { + background-color: #54d378; + border-color: #54d378; + color: #fbfaf8; +} +[_btn][_btn~=green-light-2]:hover { + background-color: #32c35b; + border-color: #32c35b; +} +[_btn][_btn~=green-light-3] { + background-color: #61d682; + border-color: #61d682; + color: #fbfaf8; +} +[_btn][_btn~=green-light-3]:hover { + background-color: #38cc62; + border-color: #38cc62; +} +[_btn][_btn~=green-light-4] { + background-color: #6dd98b; + border-color: #6dd98b; + color: #fbfaf8; +} +[_btn][_btn~=green-light-4]:hover { + background-color: #44cf6b; + border-color: #44cf6b; +} +[_btn][_btn~=green-light-5] { + background-color: #79dd95; + border-color: #79dd95; + color: #fbfaf8; +} +[_btn][_btn~=green-light-5]:hover { + background-color: #50d275; + border-color: #50d275; +} +[_btn][_btn~=green-light-6] { + background-color: #85e09f; + border-color: #85e09f; + color: #fbfaf8; +} +[_btn][_btn~=green-light-6]:hover { + background-color: #5cd57f; + border-color: #5cd57f; +} +[_btn][_btn~=green-light-7] { + background-color: #91e3a8; + border-color: #91e3a8; + color: #fbfaf8; +} +[_btn][_btn~=green-light-7]:hover { + background-color: #69d888; + border-color: #69d888; +} +[_btn][_btn~=green-light-8] { + background-color: #9de6b2; + border-color: #9de6b2; + color: #fbfaf8; +} +[_btn][_btn~=green-light-8]:hover { + background-color: #75dc92; + border-color: #75dc92; +} +[_btn][_btn~=green-light-9] { + background-color: #aae9bc; + border-color: #aae9bc; + color: #fbfaf8; +} +[_btn][_btn~=green-light-9]:hover { + background-color: #81df9b; + border-color: #81df9b; +} +[_btn][_btn~=green-light-10] { + background-color: #b6ecc5; + border-color: #b6ecc5; + color: #fbfaf8; +} +[_btn][_btn~=green-light-10]:hover { + background-color: #8de2a5; + border-color: #8de2a5; +} +[_btn][_btn~=green-dark-0] { + background-color: #3ccd65; + border-color: #3ccd65; + color: #fbfaf8; +} +[_btn][_btn~=green-dark-0]:hover { + background-color: #2caa4f; + border-color: #2caa4f; +} +[_btn][_btn~=green-dark-1] { + background-color: #33c75d; + border-color: #33c75d; + color: #fbfaf8; +} +[_btn][_btn~=green-dark-1]:hover { + background-color: #299e4a; + border-color: #299e4a; +} +[_btn][_btn~=green-dark-2] { + background-color: #30bb57; + border-color: #30bb57; + color: #fbfaf8; +} +[_btn][_btn~=green-dark-2]:hover { + background-color: #259244; + border-color: #259244; +} +[_btn][_btn~=green-dark-3] { + background-color: #2dae51; + border-color: #2dae51; + color: #fbfaf8; +} +[_btn][_btn~=green-dark-3]:hover { + background-color: #22863e; + border-color: #22863e; +} +[_btn][_btn~=green-dark-4] { + background-color: #2aa24c; + border-color: #2aa24c; + color: #fbfaf8; +} +[_btn][_btn~=green-dark-4]:hover { + background-color: #1f7a39; + border-color: #1f7a39; +} +[_btn][_btn~=green-dark-5] { + background-color: #269646; + border-color: #269646; + color: #fbfaf8; +} +[_btn][_btn~=green-dark-5]:hover { + background-color: #1c6d33; + border-color: #1c6d33; +} +[_btn][_btn~=green-dark-6] { + background-color: #238a40; + border-color: #238a40; + color: #fbfaf8; +} +[_btn][_btn~=green-dark-6]:hover { + background-color: #19612d; + border-color: #19612d; +} +[_btn][_btn~=green-dark-7] { + background-color: #207e3b; + border-color: #207e3b; + color: #fbfaf8; +} +[_btn][_btn~=green-dark-7]:hover { + background-color: #165528; + border-color: #165528; +} +[_btn][_btn~=green-dark-8] { + background-color: #1d7135; + border-color: #1d7135; + color: #fbfaf8; +} +[_btn][_btn~=green-dark-8]:hover { + background-color: #134922; + border-color: #134922; +} +[_btn][_btn~=green-dark-9] { + background-color: #1a652f; + border-color: #1a652f; + color: #fbfaf8; +} +[_btn][_btn~=green-dark-9]:hover { + background-color: #103d1c; + border-color: #103d1c; +} +[_btn][_btn~=green-dark-10] { + background-color: #17592a; + border-color: #17592a; + color: #fbfaf8; +} +[_btn][_btn~=green-dark-10]:hover { + background-color: #0c3117; + border-color: #0c3117; +} +[_btn][_btn~=lime] { + background-color: #aad922; + border-color: #aad922; + color: #fbfaf8; +} +[_btn][_btn~=lime]:hover { + background-color: #87ad1b; + border-color: #87ad1b; +} +[_btn][_btn~=lime-light-0] { + background-color: #aad922; + border-color: #aad922; + color: #fbfaf8; +} +[_btn][_btn~=lime-light-0]:hover { + background-color: #87ad1b; + border-color: #87ad1b; +} +[_btn][_btn~=lime-light-1] { + background-color: #b0de2c; + border-color: #b0de2c; + color: #fbfaf8; +} +[_btn][_btn~=lime-light-1]:hover { + background-color: #92ba1d; + border-color: #92ba1d; +} +[_btn][_btn~=lime-light-2] { + background-color: #b5e03a; + border-color: #b5e03a; + color: #fbfaf8; +} +[_btn][_btn~=lime-light-2]:hover { + background-color: #9cc71f; + border-color: #9cc71f; +} +[_btn][_btn~=lime-light-3] { + background-color: #bae247; + border-color: #bae247; + color: #fbfaf8; +} +[_btn][_btn~=lime-light-3]:hover { + background-color: #a7d521; + border-color: #a7d521; +} +[_btn][_btn~=lime-light-4] { + background-color: #bfe454; + border-color: #bfe454; + color: #fbfaf8; +} +[_btn][_btn~=lime-light-4]:hover { + background-color: #afdd28; + border-color: #afdd28; +} +[_btn][_btn~=lime-light-5] { + background-color: #c4e661; + border-color: #c4e661; + color: #fbfaf8; +} +[_btn][_btn~=lime-light-5]:hover { + background-color: #b4df35; + border-color: #b4df35; +} +[_btn][_btn~=lime-light-6] { + background-color: #c9e86e; + border-color: #c9e86e; + color: #fbfaf8; +} +[_btn][_btn~=lime-light-6]:hover { + background-color: #b9e142; + border-color: #b9e142; +} +[_btn][_btn~=lime-light-7] { + background-color: #ceea7c; + border-color: #ceea7c; + color: #fbfaf8; +} +[_btn][_btn~=lime-light-7]:hover { + background-color: #bee450; + border-color: #bee450; +} +[_btn][_btn~=lime-light-8] { + background-color: #d3ec89; + border-color: #d3ec89; + color: #fbfaf8; +} +[_btn][_btn~=lime-light-8]:hover { + background-color: #c2e65d; + border-color: #c2e65d; +} +[_btn][_btn~=lime-light-9] { + background-color: #d8ef96; + border-color: #d8ef96; + color: #fbfaf8; +} +[_btn][_btn~=lime-light-9]:hover { + background-color: #c7e86a; + border-color: #c7e86a; +} +[_btn][_btn~=lime-light-10] { + background-color: #ddf1a3; + border-color: #ddf1a3; + color: #fbfaf8; +} +[_btn][_btn~=lime-light-10]:hover { + background-color: #ccea77; + border-color: #ccea77; +} +[_btn][_btn~=lime-dark-0] { + background-color: #aad922; + border-color: #aad922; + color: #fbfaf8; +} +[_btn][_btn~=lime-dark-0]:hover { + background-color: #87ad1b; + border-color: #87ad1b; +} +[_btn][_btn~=lime-dark-1] { + background-color: #a0cc20; + border-color: #a0cc20; + color: #fbfaf8; +} +[_btn][_btn~=lime-dark-1]:hover { + background-color: #7da019; + border-color: #7da019; +} +[_btn][_btn~=lime-dark-2] { + background-color: #95bf1e; + border-color: #95bf1e; + color: #fbfaf8; +} +[_btn][_btn~=lime-dark-2]:hover { + background-color: #739217; + border-color: #739217; +} +[_btn][_btn~=lime-dark-3] { + background-color: #8bb11c; + border-color: #8bb11c; + color: #fbfaf8; +} +[_btn][_btn~=lime-dark-3]:hover { + background-color: #688515; + border-color: #688515; +} +[_btn][_btn~=lime-dark-4] { + background-color: #81a41a; + border-color: #81a41a; + color: #fbfaf8; +} +[_btn][_btn~=lime-dark-4]:hover { + background-color: #5e7813; + border-color: #5e7813; +} +[_btn][_btn~=lime-dark-5] { + background-color: #769718; + border-color: #769718; + color: #fbfaf8; +} +[_btn][_btn~=lime-dark-5]:hover { + background-color: #546b11; + border-color: #546b11; +} +[_btn][_btn~=lime-dark-6] { + background-color: #6c8a16; + border-color: #6c8a16; + color: #fbfaf8; +} +[_btn][_btn~=lime-dark-6]:hover { + background-color: #495e0f; + border-color: #495e0f; +} +[_btn][_btn~=lime-dark-7] { + background-color: #617c13; + border-color: #617c13; + color: #fbfaf8; +} +[_btn][_btn~=lime-dark-7]:hover { + background-color: #3f500d; + border-color: #3f500d; +} +[_btn][_btn~=lime-dark-8] { + background-color: #576f11; + border-color: #576f11; + color: #fbfaf8; +} +[_btn][_btn~=lime-dark-8]:hover { + background-color: #35430b; + border-color: #35430b; +} +[_btn][_btn~=lime-dark-9] { + background-color: #4d620f; + border-color: #4d620f; + color: #fbfaf8; +} +[_btn][_btn~=lime-dark-9]:hover { + background-color: #2a3608; + border-color: #2a3608; +} +[_btn][_btn~=lime-dark-10] { + background-color: #42550d; + border-color: #42550d; + color: #fbfaf8; +} +[_btn][_btn~=lime-dark-10]:hover { + background-color: #202906; + border-color: #202906; +} +[_btn][_btn~=yellow] { + background-color: #f7b32b; + border-color: #f7b32b; + color: #fbfaf8; +} +[_btn][_btn~=yellow]:hover { + background-color: #e69c09; + border-color: #e69c09; +} +[_btn][_btn~=yellow-light-0] { + background-color: #f7b32b; + border-color: #f7b32b; + color: #fbfaf8; +} +[_btn][_btn~=yellow-light-0]:hover { + background-color: #e69c09; + border-color: #e69c09; +} +[_btn][_btn~=yellow-light-1] { + background-color: #f8b83a; + border-color: #f8b83a; + color: #fbfaf8; +} +[_btn][_btn~=yellow-light-1]:hover { + background-color: #f5a609; + border-color: #f5a609; +} +[_btn][_btn~=yellow-light-2] { + background-color: #f8be48; + border-color: #f8be48; + color: #fbfaf8; +} +[_btn][_btn~=yellow-light-2]:hover { + background-color: #f6ac17; + border-color: #f6ac17; +} +[_btn][_btn~=yellow-light-3] { + background-color: #f9c357; + border-color: #f9c357; + color: #fbfaf8; +} +[_btn][_btn~=yellow-light-3]:hover { + background-color: #f7b126; + border-color: #f7b126; +} +[_btn][_btn~=yellow-light-4] { + background-color: #f9c866; + border-color: #f9c866; + color: #fbfaf8; +} +[_btn][_btn~=yellow-light-4]:hover { + background-color: #f7b735; + border-color: #f7b735; +} +[_btn][_btn~=yellow-light-5] { + background-color: #facd75; + border-color: #facd75; + color: #fbfaf8; +} +[_btn][_btn~=yellow-light-5]:hover { + background-color: #f8bc44; + border-color: #f8bc44; +} +[_btn][_btn~=yellow-light-6] { + background-color: #fad383; + border-color: #fad383; + color: #fbfaf8; +} +[_btn][_btn~=yellow-light-6]:hover { + background-color: #f8c152; + border-color: #f8c152; +} +[_btn][_btn~=yellow-light-7] { + background-color: #fbd892; + border-color: #fbd892; + color: #fbfaf8; +} +[_btn][_btn~=yellow-light-7]:hover { + background-color: #f9c661; + border-color: #f9c661; +} +[_btn][_btn~=yellow-light-8] { + background-color: #fbdda1; + border-color: #fbdda1; + color: #fbfaf8; +} +[_btn][_btn~=yellow-light-8]:hover { + background-color: #facc70; + border-color: #facc70; +} +[_btn][_btn~=yellow-light-9] { + background-color: #fce3b0; + border-color: #fce3b0; + color: #fbfaf8; +} +[_btn][_btn~=yellow-light-9]:hover { + background-color: #fad17f; + border-color: #fad17f; +} +[_btn][_btn~=yellow-light-10] { + background-color: #fde8be; + border-color: #fde8be; + color: #fbfaf8; +} +[_btn][_btn~=yellow-light-10]:hover { + background-color: #fbd68d; + border-color: #fbd68d; +} +[_btn][_btn~=yellow-dark-0] { + background-color: #f7b32b; + border-color: #f7b32b; + color: #fbfaf8; +} +[_btn][_btn~=yellow-dark-0]:hover { + background-color: #e69c09; + border-color: #e69c09; +} +[_btn][_btn~=yellow-dark-1] { + background-color: #f6ae1c; + border-color: #f6ae1c; + color: #fbfaf8; +} +[_btn][_btn~=yellow-dark-1]:hover { + background-color: #d89208; + border-color: #d89208; +} +[_btn][_btn~=yellow-dark-2] { + background-color: #f6a80e; + border-color: #f6a80e; + color: #fbfaf8; +} +[_btn][_btn~=yellow-dark-2]:hover { + background-color: #c98808; + border-color: #c98808; +} +[_btn][_btn~=yellow-dark-3] { + background-color: #eba009; + border-color: #eba009; + color: #fbfaf8; +} +[_btn][_btn~=yellow-dark-3]:hover { + background-color: #ba7e07; + border-color: #ba7e07; +} +[_btn][_btn~=yellow-dark-4] { + background-color: #dc9608; + border-color: #dc9608; + color: #fbfaf8; +} +[_btn][_btn~=yellow-dark-4]:hover { + background-color: #ab7406; + border-color: #ab7406; +} +[_btn][_btn~=yellow-dark-5] { + background-color: #ce8c08; + border-color: #ce8c08; + color: #fbfaf8; +} +[_btn][_btn~=yellow-dark-5]:hover { + background-color: #9d6a06; + border-color: #9d6a06; +} +[_btn][_btn~=yellow-dark-6] { + background-color: #bf8207; + border-color: #bf8207; + color: #fbfaf8; +} +[_btn][_btn~=yellow-dark-6]:hover { + background-color: #8e6005; + border-color: #8e6005; +} +[_btn][_btn~=yellow-dark-7] { + background-color: #b07807; + border-color: #b07807; + color: #fbfaf8; +} +[_btn][_btn~=yellow-dark-7]:hover { + background-color: #7f5605; + border-color: #7f5605; +} +[_btn][_btn~=yellow-dark-8] { + background-color: #a26e06; + border-color: #a26e06; + color: #fbfaf8; +} +[_btn][_btn~=yellow-dark-8]:hover { + background-color: #704c04; + border-color: #704c04; +} +[_btn][_btn~=yellow-dark-9] { + background-color: #936406; + border-color: #936406; + color: #fbfaf8; +} +[_btn][_btn~=yellow-dark-9]:hover { + background-color: #624204; + border-color: #624204; +} +[_btn][_btn~=yellow-dark-10] { + background-color: #845a05; + border-color: #845a05; + color: #fbfaf8; +} +[_btn][_btn~=yellow-dark-10]:hover { + background-color: #533803; + border-color: #533803; +} +[_btn][_btn~=amber] { + background-color: #ff7f11; + border-color: #ff7f11; + color: #fbfaf8; +} +[_btn][_btn~=amber]:hover { + background-color: #dd6600; + border-color: #dd6600; +} +[_btn][_btn~=amber-light-0] { + background-color: #ff7f11; + border-color: #ff7f11; + color: #fbfaf8; +} +[_btn][_btn~=amber-light-0]:hover { + background-color: #dd6600; + border-color: #dd6600; +} +[_btn][_btn~=amber-light-1] { + background-color: #ff8720; + border-color: #ff8720; + color: #fbfaf8; +} +[_btn][_btn~=amber-light-1]:hover { + background-color: #ec6d00; + border-color: #ec6d00; +} +[_btn][_btn~=amber-light-2] { + background-color: #ff8f30; + border-color: #ff8f30; + color: #fbfaf8; +} +[_btn][_btn~=amber-light-2]:hover { + background-color: #fc7400; + border-color: #fc7400; +} +[_btn][_btn~=amber-light-3] { + background-color: #ff983f; + border-color: #ff983f; + color: #fbfaf8; +} +[_btn][_btn~=amber-light-3]:hover { + background-color: #ff7c0c; + border-color: #ff7c0c; +} +[_btn][_btn~=amber-light-4] { + background-color: #ffa04e; + border-color: #ffa04e; + color: #fbfaf8; +} +[_btn][_btn~=amber-light-4]:hover { + background-color: #ff841b; + border-color: #ff841b; +} +[_btn][_btn~=amber-light-5] { + background-color: #ffa85e; + border-color: #ffa85e; + color: #fbfaf8; +} +[_btn][_btn~=amber-light-5]:hover { + background-color: #ff8d2b; + border-color: #ff8d2b; +} +[_btn][_btn~=amber-light-6] { + background-color: #ffb06d; + border-color: #ffb06d; + color: #fbfaf8; +} +[_btn][_btn~=amber-light-6]:hover { + background-color: #ff953a; + border-color: #ff953a; +} +[_btn][_btn~=amber-light-7] { + background-color: #ffb97c; + border-color: #ffb97c; + color: #fbfaf8; +} +[_btn][_btn~=amber-light-7]:hover { + background-color: #ff9d49; + border-color: #ff9d49; +} +[_btn][_btn~=amber-light-8] { + background-color: #ffc18b; + border-color: #ffc18b; + color: #fbfaf8; +} +[_btn][_btn~=amber-light-8]:hover { + background-color: #ffa558; + border-color: #ffa558; +} +[_btn][_btn~=amber-light-9] { + background-color: #ffc99b; + border-color: #ffc99b; + color: #fbfaf8; +} +[_btn][_btn~=amber-light-9]:hover { + background-color: #ffae68; + border-color: #ffae68; +} +[_btn][_btn~=amber-light-10] { + background-color: #ffd1aa; + border-color: #ffd1aa; + color: #fbfaf8; +} +[_btn][_btn~=amber-light-10]:hover { + background-color: #ffb677; + border-color: #ffb677; +} +[_btn][_btn~=amber-dark-0] { + background-color: #ff7f11; + border-color: #ff7f11; + color: #fbfaf8; +} +[_btn][_btn~=amber-dark-0]:hover { + background-color: #dd6600; + border-color: #dd6600; +} +[_btn][_btn~=amber-dark-1] { + background-color: #ff7702; + border-color: #ff7702; + color: #fbfaf8; +} +[_btn][_btn~=amber-dark-1]:hover { + background-color: #ce5f00; + border-color: #ce5f00; +} +[_btn][_btn~=amber-dark-2] { + background-color: #f17000; + border-color: #f17000; + color: #fbfaf8; +} +[_btn][_btn~=amber-dark-2]:hover { + background-color: #be5800; + border-color: #be5800; +} +[_btn][_btn~=amber-dark-3] { + background-color: #e26900; + border-color: #e26900; + color: #fbfaf8; +} +[_btn][_btn~=amber-dark-3]:hover { + background-color: #af5100; + border-color: #af5100; +} +[_btn][_btn~=amber-dark-4] { + background-color: #d36100; + border-color: #d36100; + color: #fbfaf8; +} +[_btn][_btn~=amber-dark-4]:hover { + background-color: #a04a00; + border-color: #a04a00; +} +[_btn][_btn~=amber-dark-5] { + background-color: #c45a00; + border-color: #c45a00; + color: #fbfaf8; +} +[_btn][_btn~=amber-dark-5]:hover { + background-color: #914300; + border-color: #914300; +} +[_btn][_btn~=amber-dark-6] { + background-color: #b45300; + border-color: #b45300; + color: #fbfaf8; +} +[_btn][_btn~=amber-dark-6]:hover { + background-color: #813c00; + border-color: #813c00; +} +[_btn][_btn~=amber-dark-7] { + background-color: #a54c00; + border-color: #a54c00; + color: #fbfaf8; +} +[_btn][_btn~=amber-dark-7]:hover { + background-color: #723500; + border-color: #723500; +} +[_btn][_btn~=amber-dark-8] { + background-color: #964500; + border-color: #964500; + color: #fbfaf8; +} +[_btn][_btn~=amber-dark-8]:hover { + background-color: #632e00; + border-color: #632e00; +} +[_btn][_btn~=amber-dark-9] { + background-color: #863e00; + border-color: #863e00; + color: #fbfaf8; +} +[_btn][_btn~=amber-dark-9]:hover { + background-color: #532700; + border-color: #532700; +} +[_btn][_btn~=amber-dark-10] { + background-color: #773700; + border-color: #773700; + color: #fbfaf8; +} +[_btn][_btn~=amber-dark-10]:hover { + background-color: #441f00; + border-color: #441f00; +} +[_btn][_btn~=orange] { + background-color: #f34213; + border-color: #f34213; + color: #fbfaf8; +} +[_btn][_btn~=orange]:hover { + background-color: #c9320a; + border-color: #c9320a; +} +[_btn][_btn~=orange-light-0] { + background-color: #f34213; + border-color: #f34213; + color: #fbfaf8; +} +[_btn][_btn~=orange-light-0]:hover { + background-color: #c9320a; + border-color: #c9320a; +} +[_btn][_btn~=orange-light-1] { + background-color: #f44e22; + border-color: #f44e22; + color: #fbfaf8; +} +[_btn][_btn~=orange-light-1]:hover { + background-color: #d7360b; + border-color: #d7360b; +} +[_btn][_btn~=orange-light-2] { + background-color: #f45930; + border-color: #f45930; + color: #fbfaf8; +} +[_btn][_btn~=orange-light-2]:hover { + background-color: #e6390c; + border-color: #e6390c; +} +[_btn][_btn~=orange-light-3] { + background-color: #f5653f; + border-color: #f5653f; + color: #fbfaf8; +} +[_btn][_btn~=orange-light-3]:hover { + background-color: #f33e0e; + border-color: #f33e0e; +} +[_btn][_btn~=orange-light-4] { + background-color: #f6714d; + border-color: #f6714d; + color: #fbfaf8; +} +[_btn][_btn~=orange-light-4]:hover { + background-color: #f34a1d; + border-color: #f34a1d; +} +[_btn][_btn~=orange-light-5] { + background-color: #f77c5c; + border-color: #f77c5c; + color: #fbfaf8; +} +[_btn][_btn~=orange-light-5]:hover { + background-color: #f4552b; + border-color: #f4552b; +} +[_btn][_btn~=orange-light-6] { + background-color: #f7886a; + border-color: #f7886a; + color: #fbfaf8; +} +[_btn][_btn~=orange-light-6]:hover { + background-color: #f5613a; + border-color: #f5613a; +} +[_btn][_btn~=orange-light-7] { + background-color: #f89479; + border-color: #f89479; + color: #fbfaf8; +} +[_btn][_btn~=orange-light-7]:hover { + background-color: #f66d48; + border-color: #f66d48; +} +[_btn][_btn~=orange-light-8] { + background-color: #f99f87; + border-color: #f99f87; + color: #fbfaf8; +} +[_btn][_btn~=orange-light-8]:hover { + background-color: #f67857; + border-color: #f67857; +} +[_btn][_btn~=orange-light-9] { + background-color: #faab96; + border-color: #faab96; + color: #fbfaf8; +} +[_btn][_btn~=orange-light-9]:hover { + background-color: #f78466; + border-color: #f78466; +} +[_btn][_btn~=orange-light-10] { + background-color: #fab7a5; + border-color: #fab7a5; + color: #fbfaf8; +} +[_btn][_btn~=orange-light-10]:hover { + background-color: #f89074; + border-color: #f89074; +} +[_btn][_btn~=orange-dark-0] { + background-color: #f34213; + border-color: #f34213; + color: #fbfaf8; +} +[_btn][_btn~=orange-dark-0]:hover { + background-color: #c9320a; + border-color: #c9320a; +} +[_btn][_btn~=orange-dark-1] { + background-color: #eb3b0c; + border-color: #eb3b0c; + color: #fbfaf8; +} +[_btn][_btn~=orange-dark-1]:hover { + background-color: #ba2f09; + border-color: #ba2f09; +} +[_btn][_btn~=orange-dark-2] { + background-color: #dc370b; + border-color: #dc370b; + color: #fbfaf8; +} +[_btn][_btn~=orange-dark-2]:hover { + background-color: #ac2b09; + border-color: #ac2b09; +} +[_btn][_btn~=orange-dark-3] { + background-color: #ce330a; + border-color: #ce330a; + color: #fbfaf8; +} +[_btn][_btn~=orange-dark-3]:hover { + background-color: #9d2708; + border-color: #9d2708; +} +[_btn][_btn~=orange-dark-4] { + background-color: #bf300a; + border-color: #bf300a; + color: #fbfaf8; +} +[_btn][_btn~=orange-dark-4]:hover { + background-color: #8f2407; + border-color: #8f2407; +} +[_btn][_btn~=orange-dark-5] { + background-color: #b12c09; + border-color: #b12c09; + color: #fbfaf8; +} +[_btn][_btn~=orange-dark-5]:hover { + background-color: #802007; + border-color: #802007; +} +[_btn][_btn~=orange-dark-6] { + background-color: #a22808; + border-color: #a22808; + color: #fbfaf8; +} +[_btn][_btn~=orange-dark-6]:hover { + background-color: #711c06; + border-color: #711c06; +} +[_btn][_btn~=orange-dark-7] { + background-color: #932507; + border-color: #932507; + color: #fbfaf8; +} +[_btn][_btn~=orange-dark-7]:hover { + background-color: #631905; + border-color: #631905; +} +[_btn][_btn~=orange-dark-8] { + background-color: #852107; + border-color: #852107; + color: #fbfaf8; +} +[_btn][_btn~=orange-dark-8]:hover { + background-color: #541504; + border-color: #541504; +} +[_btn][_btn~=orange-dark-9] { + background-color: #761e06; + border-color: #761e06; + color: #fbfaf8; +} +[_btn][_btn~=orange-dark-9]:hover { + background-color: #461104; + border-color: #461104; +} +[_btn][_btn~=orange-dark-10] { + background-color: #681a05; + border-color: #681a05; + color: #fbfaf8; +} +[_btn][_btn~=orange-dark-10]:hover { + background-color: #370e03; + border-color: #370e03; +} +[_btn][_btn~=brown] { + background-color: #823329; + border-color: #823329; + color: #fbfaf8; +} +[_btn][_btn~=brown]:hover { + background-color: #5b241d; + border-color: #5b241d; +} +[_btn][_btn~=brown-light-0] { + background-color: #823329; + border-color: #823329; + color: #fbfaf8; +} +[_btn][_btn~=brown-light-0]:hover { + background-color: #5b241d; + border-color: #5b241d; +} +[_btn][_btn~=brown-light-1] { + background-color: #8e382d; + border-color: #8e382d; + color: #fbfaf8; +} +[_btn][_btn~=brown-light-1]:hover { + background-color: #672820; + border-color: #672820; +} +[_btn][_btn~=brown-light-2] { + background-color: #993c30; + border-color: #993c30; + color: #fbfaf8; +} +[_btn][_btn~=brown-light-2]:hover { + background-color: #722d24; + border-color: #722d24; +} +[_btn][_btn~=brown-light-3] { + background-color: #a54134; + border-color: #a54134; + color: #fbfaf8; +} +[_btn][_btn~=brown-light-3]:hover { + background-color: #7e3128; + border-color: #7e3128; +} +[_btn][_btn~=brown-light-4] { + background-color: #b14538; + border-color: #b14538; + color: #fbfaf8; +} +[_btn][_btn~=brown-light-4]:hover { + background-color: #8a362b; + border-color: #8a362b; +} +[_btn][_btn~=brown-light-5] { + background-color: #bc4a3b; + border-color: #bc4a3b; + color: #fbfaf8; +} +[_btn][_btn~=brown-light-5]:hover { + background-color: #953b2f; + border-color: #953b2f; +} +[_btn][_btn~=brown-light-6] { + background-color: #c45243; + border-color: #c45243; + color: #fbfaf8; +} +[_btn][_btn~=brown-light-6]:hover { + background-color: #a13f33; + border-color: #a13f33; +} +[_btn][_btn~=brown-light-7] { + background-color: #c75c4f; + border-color: #c75c4f; + color: #fbfaf8; +} +[_btn][_btn~=brown-light-7]:hover { + background-color: #ad4436; + border-color: #ad4436; +} +[_btn][_btn~=brown-light-8] { + background-color: #cb675a; + border-color: #cb675a; + color: #fbfaf8; +} +[_btn][_btn~=brown-light-8]:hover { + background-color: #b8483a; + border-color: #b8483a; +} +[_btn][_btn~=brown-light-9] { + background-color: #cf7266; + border-color: #cf7266; + color: #fbfaf8; +} +[_btn][_btn~=brown-light-9]:hover { + background-color: #c34e3f; + border-color: #c34e3f; +} +[_btn][_btn~=brown-light-10] { + background-color: #d27c72; + border-color: #d27c72; + color: #fbfaf8; +} +[_btn][_btn~=brown-light-10]:hover { + background-color: #c6594b; + border-color: #c6594b; +} +[_btn][_btn~=brown-dark-0] { + background-color: #823329; + border-color: #823329; + color: #fbfaf8; +} +[_btn][_btn~=brown-dark-0]:hover { + background-color: #5b241d; + border-color: #5b241d; +} +[_btn][_btn~=brown-dark-1] { + background-color: #762e25; + border-color: #762e25; + color: #fbfaf8; +} +[_btn][_btn~=brown-dark-1]:hover { + background-color: #501f19; + border-color: #501f19; +} +[_btn][_btn~=brown-dark-2] { + background-color: #6b2a22; + border-color: #6b2a22; + color: #fbfaf8; +} +[_btn][_btn~=brown-dark-2]:hover { + background-color: #441b15; + border-color: #441b15; +} +[_btn][_btn~=brown-dark-3] { + background-color: #5f251e; + border-color: #5f251e; + color: #fbfaf8; +} +[_btn][_btn~=brown-dark-3]:hover { + background-color: #381612; + border-color: #381612; +} +[_btn][_btn~=brown-dark-4] { + background-color: #53211a; + border-color: #53211a; + color: #fbfaf8; +} +[_btn][_btn~=brown-dark-4]:hover { + background-color: #2d120e; + border-color: #2d120e; +} +[_btn][_btn~=brown-dark-5] { + background-color: #481c17; + border-color: #481c17; + color: #fbfaf8; +} +[_btn][_btn~=brown-dark-5]:hover { + background-color: #210d0a; + border-color: #210d0a; +} +[_btn][_btn~=brown-dark-6] { + background-color: #3c1813; + border-color: #3c1813; + color: #fbfaf8; +} +[_btn][_btn~=brown-dark-6]:hover { + background-color: #150807; + border-color: #150807; +} +[_btn][_btn~=brown-dark-7] { + background-color: #31130f; + border-color: #31130f; + color: #fbfaf8; +} +[_btn][_btn~=brown-dark-7]:hover { + background-color: #0a0403; + border-color: #0a0403; +} +[_btn][_btn~=brown-dark-8] { + background-color: #250e0c; + border-color: #250e0c; + color: #fbfaf8; +} +[_btn][_btn~=brown-dark-8]:hover { + background-color: black; + border-color: black; +} +[_btn][_btn~=brown-dark-9] { + background-color: #190a08; + border-color: #190a08; + color: #fbfaf8; +} +[_btn][_btn~=brown-dark-9]:hover { + background-color: black; + border-color: black; +} +[_btn][_btn~=brown-dark-10] { + background-color: #0e0504; + border-color: #0e0504; + color: #fbfaf8; +} +[_btn][_btn~=brown-dark-10]:hover { + background-color: black; + border-color: black; +} +[_btn][_btn~=grey] { + background-color: #7179ad; + border-color: #7179ad; + color: #fbfaf8; +} +[_btn][_btn~=grey]:hover { + background-color: #565e95; + border-color: #565e95; +} +[_btn][_btn~=grey-light-0] { + background-color: #7179ad; + border-color: #7179ad; + color: #fbfaf8; +} +[_btn][_btn~=grey-light-0]:hover { + background-color: #565e95; + border-color: #565e95; +} +[_btn][_btn~=grey-light-1] { + background-color: #7b82b3; + border-color: #7b82b3; + color: #fbfaf8; +} +[_btn][_btn~=grey-light-1]:hover { + background-color: #5c659f; + border-color: #5c659f; +} +[_btn][_btn~=grey-light-2] { + background-color: #848bb8; + border-color: #848bb8; + color: #fbfaf8; +} +[_btn][_btn~=grey-light-2]:hover { + background-color: #646da6; + border-color: #646da6; +} +[_btn][_btn~=grey-light-3] { + background-color: #8e94be; + border-color: #8e94be; + color: #fbfaf8; +} +[_btn][_btn~=grey-light-3]:hover { + background-color: #6e76ab; + border-color: #6e76ab; +} +[_btn][_btn~=grey-light-4] { + background-color: #989ec3; + border-color: #989ec3; + color: #fbfaf8; +} +[_btn][_btn~=grey-light-4]:hover { + background-color: #777fb1; + border-color: #777fb1; +} +[_btn][_btn~=grey-light-5] { + background-color: #a1a7c9; + border-color: #a1a7c9; + color: #fbfaf8; +} +[_btn][_btn~=grey-light-5]:hover { + background-color: #8188b6; + border-color: #8188b6; +} +[_btn][_btn~=grey-light-6] { + background-color: #abb0cf; + border-color: #abb0cf; + color: #fbfaf8; +} +[_btn][_btn~=grey-light-6]:hover { + background-color: #8b91bc; + border-color: #8b91bc; +} +[_btn][_btn~=grey-light-7] { + background-color: #b5b9d4; + border-color: #b5b9d4; + color: #fbfaf8; +} +[_btn][_btn~=grey-light-7]:hover { + background-color: #959bc2; + border-color: #959bc2; +} +[_btn][_btn~=grey-light-8] { + background-color: #bfc2da; + border-color: #bfc2da; + color: #fbfaf8; +} +[_btn][_btn~=grey-light-8]:hover { + background-color: #9ea4c7; + border-color: #9ea4c7; +} +[_btn][_btn~=grey-light-9] { + background-color: #c8cbdf; + border-color: #c8cbdf; + color: #fbfaf8; +} +[_btn][_btn~=grey-light-9]:hover { + background-color: #a8adcd; + border-color: #a8adcd; +} +[_btn][_btn~=grey-light-10] { + background-color: #d2d5e5; + border-color: #d2d5e5; + color: #fbfaf8; +} +[_btn][_btn~=grey-light-10]:hover { + background-color: #b2b6d2; + border-color: #b2b6d2; +} +[_btn][_btn~=grey-dark-0] { + background-color: #7179ad; + border-color: #7179ad; + color: #fbfaf8; +} +[_btn][_btn~=grey-dark-0]:hover { + background-color: #565e95; + border-color: #565e95; +} +[_btn][_btn~=grey-dark-1] { + background-color: #6770a7; + border-color: #6770a7; + color: #fbfaf8; +} +[_btn][_btn~=grey-dark-1]:hover { + background-color: #50588b; + border-color: #50588b; +} +[_btn][_btn~=grey-dark-2] { + background-color: #5e67a2; + border-color: #5e67a2; + color: #fbfaf8; +} +[_btn][_btn~=grey-dark-2]:hover { + background-color: #4b5282; + border-color: #4b5282; +} +[_btn][_btn~=grey-dark-3] { + background-color: #586098; + border-color: #586098; + color: #fbfaf8; +} +[_btn][_btn~=grey-dark-3]:hover { + background-color: #454c78; + border-color: #454c78; +} +[_btn][_btn~=grey-dark-4] { + background-color: #525a8f; + border-color: #525a8f; + color: #fbfaf8; +} +[_btn][_btn~=grey-dark-4]:hover { + background-color: #40466e; + border-color: #40466e; +} +[_btn][_btn~=grey-dark-5] { + background-color: #4d5485; + border-color: #4d5485; + color: #fbfaf8; +} +[_btn][_btn~=grey-dark-5]:hover { + background-color: #3a4064; + border-color: #3a4064; +} +[_btn][_btn~=grey-dark-6] { + background-color: #474e7b; + border-color: #474e7b; + color: #fbfaf8; +} +[_btn][_btn~=grey-dark-6]:hover { + background-color: #343a5b; + border-color: #343a5b; +} +[_btn][_btn~=grey-dark-7] { + background-color: #414871; + border-color: #414871; + color: #fbfaf8; +} +[_btn][_btn~=grey-dark-7]:hover { + background-color: #2f3351; + border-color: #2f3351; +} +[_btn][_btn~=grey-dark-8] { + background-color: #3c4268; + border-color: #3c4268; + color: #fbfaf8; +} +[_btn][_btn~=grey-dark-8]:hover { + background-color: #292d47; + border-color: #292d47; +} +[_btn][_btn~=grey-dark-9] { + background-color: #363c5e; + border-color: #363c5e; + color: #fbfaf8; +} +[_btn][_btn~=grey-dark-9]:hover { + background-color: #24273e; + border-color: #24273e; +} +[_btn][_btn~=grey-dark-10] { + background-color: #313554; + border-color: #313554; + color: #fbfaf8; +} +[_btn][_btn~=grey-dark-10]:hover { + background-color: #1e2134; + border-color: #1e2134; +} +[_btn][_btn~=black] { + background-color: #1a1d2d; + border-color: #1a1d2d; + color: #fbfaf8; +} +[_btn][_btn~=black]:hover { + background-color: #07080d; + border-color: #07080d; +} +[_btn][_btn~=black-light-0] { + background-color: #1a1d2d; + border-color: #1a1d2d; + color: #fbfaf8; +} +[_btn][_btn~=black-light-0]:hover { + background-color: #07080d; + border-color: #07080d; +} +[_btn][_btn~=black-light-1] { + background-color: #202337; + border-color: #202337; + color: #fbfaf8; +} +[_btn][_btn~=black-light-1]:hover { + background-color: #0d0e16; + border-color: #0d0e16; +} +[_btn][_btn~=black-light-2] { + background-color: #252940; + border-color: #252940; + color: #fbfaf8; +} +[_btn][_btn~=black-light-2]:hover { + background-color: #131520; + border-color: #131520; +} +[_btn][_btn~=black-light-3] { + background-color: #2b304a; + border-color: #2b304a; + color: #fbfaf8; +} +[_btn][_btn~=black-light-3]:hover { + background-color: #181b2a; + border-color: #181b2a; +} +[_btn][_btn~=black-light-4] { + background-color: #303654; + border-color: #303654; + color: #fbfaf8; +} +[_btn][_btn~=black-light-4]:hover { + background-color: #1e2133; + border-color: #1e2133; +} +[_btn][_btn~=black-light-5] { + background-color: #363c5d; + border-color: #363c5d; + color: #fbfaf8; +} +[_btn][_btn~=black-light-5]:hover { + background-color: #23273d; + border-color: #23273d; +} +[_btn][_btn~=black-light-6] { + background-color: #3c4267; + border-color: #3c4267; + color: #fbfaf8; +} +[_btn][_btn~=black-light-6]:hover { + background-color: #292e47; + border-color: #292e47; +} +[_btn][_btn~=black-light-7] { + background-color: #414971; + border-color: #414971; + color: #fbfaf8; +} +[_btn][_btn~=black-light-7]:hover { + background-color: #2f3451; + border-color: #2f3451; +} +[_btn][_btn~=black-light-8] { + background-color: #474f7b; + border-color: #474f7b; + color: #fbfaf8; +} +[_btn][_btn~=black-light-8]:hover { + background-color: #343a5a; + border-color: #343a5a; +} +[_btn][_btn~=black-light-9] { + background-color: #4c5584; + border-color: #4c5584; + color: #fbfaf8; +} +[_btn][_btn~=black-light-9]:hover { + background-color: #3a4064; + border-color: #3a4064; +} +[_btn][_btn~=black-light-10] { + background-color: #525b8e; + border-color: #525b8e; + color: #fbfaf8; +} +[_btn][_btn~=black-light-10]:hover { + background-color: #3f476e; + border-color: #3f476e; +} +[_btn][_btn~=black-dark-0] { + background-color: #1a1d2d; + border-color: #1a1d2d; + color: #fbfaf8; +} +[_btn][_btn~=black-dark-0]:hover { + background-color: #07080d; + border-color: #07080d; +} +[_btn][_btn~=black-dark-1] { + background-color: #141723; + border-color: #141723; + color: #fbfaf8; +} +[_btn][_btn~=black-dark-1]:hover { + background-color: #020203; + border-color: #020203; +} +[_btn][_btn~=black-dark-2] { + background-color: #0f111a; + border-color: #0f111a; + color: #fbfaf8; +} +[_btn][_btn~=black-dark-2]:hover { + background-color: black; + border-color: black; +} +[_btn][_btn~=black-dark-3] { + background-color: #090a10; + border-color: #090a10; + color: #fbfaf8; +} +[_btn][_btn~=black-dark-3]:hover { + background-color: black; + border-color: black; +} +[_btn][_btn~=black-dark-4] { + background-color: #040406; + border-color: #040406; + color: #fbfaf8; +} +[_btn][_btn~=black-dark-4]:hover { + background-color: black; + border-color: black; +} +[_btn][_btn~=black-dark-5] { + background-color: black; + border-color: black; + color: #fbfaf8; +} +[_btn][_btn~=black-dark-5]:hover { + background-color: black; + border-color: black; +} +[_btn][_btn~=black-dark-6] { + background-color: black; + border-color: black; + color: #fbfaf8; +} +[_btn][_btn~=black-dark-6]:hover { + background-color: black; + border-color: black; +} +[_btn][_btn~=black-dark-7] { + background-color: black; + border-color: black; + color: #fbfaf8; +} +[_btn][_btn~=black-dark-7]:hover { + background-color: black; + border-color: black; +} +[_btn][_btn~=black-dark-8] { + background-color: black; + border-color: black; + color: #fbfaf8; +} +[_btn][_btn~=black-dark-8]:hover { + background-color: black; + border-color: black; +} +[_btn][_btn~=black-dark-9] { + background-color: black; + border-color: black; + color: #fbfaf8; +} +[_btn][_btn~=black-dark-9]:hover { + background-color: black; + border-color: black; +} +[_btn][_btn~=black-dark-10] { + background-color: black; + border-color: black; + color: #fbfaf8; +} +[_btn][_btn~=black-dark-10]:hover { + background-color: black; + border-color: black; +} +[_btn][_btn~=white] { + background-color: #fbfaf8; + border-color: #fbfaf8; + color: #1a1d2d; +} +[_btn][_btn~=white]:hover { + background-color: #e8e3d8; + border-color: #e8e3d8; +} +[_btn][_btn~=white-light-0] { + background-color: #fbfaf8; + border-color: #fbfaf8; + color: #1a1d2d; +} +[_btn][_btn~=white-light-0]:hover { + background-color: #e8e3d8; + border-color: #e8e3d8; +} +[_btn][_btn~=white-light-1] { + background-color: white; + border-color: white; + color: #1a1d2d; +} +[_btn][_btn~=white-light-1]:hover { + background-color: #ece8df; + border-color: #ece8df; +} +[_btn][_btn~=white-light-2] { + background-color: white; + border-color: white; + color: #1a1d2d; +} +[_btn][_btn~=white-light-2]:hover { + background-color: #ece8df; + border-color: #ece8df; +} +[_btn][_btn~=white-light-3] { + background-color: white; + border-color: white; + color: #1a1d2d; +} +[_btn][_btn~=white-light-3]:hover { + background-color: #ece8df; + border-color: #ece8df; +} +[_btn][_btn~=white-light-4] { + background-color: white; + border-color: white; + color: #1a1d2d; +} +[_btn][_btn~=white-light-4]:hover { + background-color: #ece8df; + border-color: #ece8df; +} +[_btn][_btn~=white-light-5] { + background-color: white; + border-color: white; + color: #1a1d2d; +} +[_btn][_btn~=white-light-5]:hover { + background-color: #ece8df; + border-color: #ece8df; +} +[_btn][_btn~=white-light-6] { + background-color: white; + border-color: white; + color: #1a1d2d; +} +[_btn][_btn~=white-light-6]:hover { + background-color: #ece8df; + border-color: #ece8df; +} +[_btn][_btn~=white-light-7] { + background-color: white; + border-color: white; + color: #1a1d2d; +} +[_btn][_btn~=white-light-7]:hover { + background-color: #ece8df; + border-color: #ece8df; +} +[_btn][_btn~=white-light-8] { + background-color: white; + border-color: white; + color: #1a1d2d; +} +[_btn][_btn~=white-light-8]:hover { + background-color: #ece8df; + border-color: #ece8df; +} +[_btn][_btn~=white-light-9] { + background-color: white; + border-color: white; + color: #1a1d2d; +} +[_btn][_btn~=white-light-9]:hover { + background-color: #ece8df; + border-color: #ece8df; +} +[_btn][_btn~=white-light-10] { + background-color: white; + border-color: white; + color: #1a1d2d; +} +[_btn][_btn~=white-light-10]:hover { + background-color: #ece8df; + border-color: #ece8df; +} +[_btn][_btn~=white-dark-0] { + background-color: #fbfaf8; + border-color: #fbfaf8; + color: #1a1d2d; +} +[_btn][_btn~=white-dark-0]:hover { + background-color: #e8e3d8; + border-color: #e8e3d8; +} +[_btn][_btn~=white-dark-1] { + background-color: #f5f3ee; + border-color: #f5f3ee; + color: #1a1d2d; +} +[_btn][_btn~=white-dark-1]:hover { + background-color: #e3dcce; + border-color: #e3dcce; +} +[_btn][_btn~=white-dark-2] { + background-color: #f0ece5; + border-color: #f0ece5; + color: #1a1d2d; +} +[_btn][_btn~=white-dark-2]:hover { + background-color: #ddd5c4; + border-color: #ddd5c4; +} +[_btn][_btn~=white-dark-3] { + background-color: #eae5db; + border-color: #eae5db; + color: #1a1d2d; +} +[_btn][_btn~=white-dark-3]:hover { + background-color: #d8ceba; + border-color: #d8ceba; +} +[_btn][_btn~=white-dark-4] { + background-color: #e5ded1; + border-color: #e5ded1; + color: #1a1d2d; +} +[_btn][_btn~=white-dark-4]:hover { + background-color: #d2c7b1; + border-color: #d2c7b1; +} +[_btn][_btn~=white-dark-5] { + background-color: #dfd7c7; + border-color: #dfd7c7; + color: #1a1d2d; +} +[_btn][_btn~=white-dark-5]:hover { + background-color: #cdc0a7; + border-color: #cdc0a7; +} +[_btn][_btn~=white-dark-6] { + background-color: #dad0be; + border-color: #dad0be; + color: #1a1d2d; +} +[_btn][_btn~=white-dark-6]:hover { + background-color: #c7b99d; + border-color: #c7b99d; +} +[_btn][_btn~=white-dark-7] { + background-color: #d4c9b4; + border-color: #d4c9b4; + color: #1a1d2d; +} +[_btn][_btn~=white-dark-7]:hover { + background-color: #c2b293; + border-color: #c2b293; +} +[_btn][_btn~=white-dark-8] { + background-color: #cec2aa; + border-color: #cec2aa; + color: #1a1d2d; +} +[_btn][_btn~=white-dark-8]:hover { + background-color: #bcab8a; + border-color: #bcab8a; +} +[_btn][_btn~=white-dark-9] { + background-color: #c9bba0; + border-color: #c9bba0; + color: #1a1d2d; +} +[_btn][_btn~=white-dark-9]:hover { + background-color: #b6a480; + border-color: #b6a480; +} +[_btn][_btn~=white-dark-10] { + background-color: #c3b497; + border-color: #c3b497; + color: #1a1d2d; +} +[_btn][_btn~=white-dark-10]:hover { + background-color: #b19d76; + border-color: #b19d76; +} +[_btn][_btn~=transparent] { + background-color: transparent; + border-color: transparent; + color: #fbfaf8; +} +[_btn][_btn~=transparent]:hover { + background-color: rgba(0, 0, 0, 0); + border-color: rgba(0, 0, 0, 0); +} +[_btn][_btn~=transparent-light-0] { + background-color: transparent; + border-color: transparent; + color: #fbfaf8; +} +[_btn][_btn~=transparent-light-0]:hover { + background-color: rgba(0, 0, 0, 0); + border-color: rgba(0, 0, 0, 0); +} +[_btn][_btn~=transparent-light-1] { + background-color: rgba(8, 8, 8, 0); + border-color: rgba(8, 8, 8, 0); + color: #fbfaf8; +} +[_btn][_btn~=transparent-light-1]:hover { + background-color: rgba(0, 0, 0, 0); + border-color: rgba(0, 0, 0, 0); +} +[_btn][_btn~=transparent-light-2] { + background-color: rgba(15, 15, 15, 0); + border-color: rgba(15, 15, 15, 0); + color: #fbfaf8; +} +[_btn][_btn~=transparent-light-2]:hover { + background-color: rgba(0, 0, 0, 0); + border-color: rgba(0, 0, 0, 0); +} +[_btn][_btn~=transparent-light-3] { + background-color: rgba(23, 23, 23, 0); + border-color: rgba(23, 23, 23, 0); + color: #fbfaf8; +} +[_btn][_btn~=transparent-light-3]:hover { + background-color: rgba(0, 0, 0, 0); + border-color: rgba(0, 0, 0, 0); +} +[_btn][_btn~=transparent-light-4] { + background-color: rgba(31, 31, 31, 0); + border-color: rgba(31, 31, 31, 0); + color: #fbfaf8; +} +[_btn][_btn~=transparent-light-4]:hover { + background-color: rgba(5, 5, 5, 0); + border-color: rgba(5, 5, 5, 0); +} +[_btn][_btn~=transparent-light-5] { + background-color: rgba(38, 38, 38, 0); + border-color: rgba(38, 38, 38, 0); + color: #fbfaf8; +} +[_btn][_btn~=transparent-light-5]:hover { + background-color: rgba(13, 13, 13, 0); + border-color: rgba(13, 13, 13, 0); +} +[_btn][_btn~=transparent-light-6] { + background-color: rgba(46, 46, 46, 0); + border-color: rgba(46, 46, 46, 0); + color: #fbfaf8; +} +[_btn][_btn~=transparent-light-6]:hover { + background-color: rgba(20, 20, 20, 0); + border-color: rgba(20, 20, 20, 0); +} +[_btn][_btn~=transparent-light-7] { + background-color: rgba(54, 54, 54, 0); + border-color: rgba(54, 54, 54, 0); + color: #fbfaf8; +} +[_btn][_btn~=transparent-light-7]:hover { + background-color: rgba(28, 28, 28, 0); + border-color: rgba(28, 28, 28, 0); +} +[_btn][_btn~=transparent-light-8] { + background-color: rgba(61, 61, 61, 0); + border-color: rgba(61, 61, 61, 0); + color: #fbfaf8; +} +[_btn][_btn~=transparent-light-8]:hover { + background-color: rgba(36, 36, 36, 0); + border-color: rgba(36, 36, 36, 0); +} +[_btn][_btn~=transparent-light-9] { + background-color: rgba(69, 69, 69, 0); + border-color: rgba(69, 69, 69, 0); + color: #fbfaf8; +} +[_btn][_btn~=transparent-light-9]:hover { + background-color: rgba(43, 43, 43, 0); + border-color: rgba(43, 43, 43, 0); +} +[_btn][_btn~=transparent-light-10] { + background-color: rgba(77, 77, 77, 0); + border-color: rgba(77, 77, 77, 0); + color: #fbfaf8; +} +[_btn][_btn~=transparent-light-10]:hover { + background-color: rgba(51, 51, 51, 0); + border-color: rgba(51, 51, 51, 0); +} +[_btn][_btn~=transparent-dark-0] { + background-color: transparent; + border-color: transparent; + color: #fbfaf8; +} +[_btn][_btn~=transparent-dark-0]:hover { + background-color: rgba(0, 0, 0, 0); + border-color: rgba(0, 0, 0, 0); +} +[_btn][_btn~=transparent-dark-1] { + background-color: rgba(0, 0, 0, 0); + border-color: rgba(0, 0, 0, 0); + color: #fbfaf8; +} +[_btn][_btn~=transparent-dark-1]:hover { + background-color: rgba(0, 0, 0, 0); + border-color: rgba(0, 0, 0, 0); +} +[_btn][_btn~=transparent-dark-2] { + background-color: rgba(0, 0, 0, 0); + border-color: rgba(0, 0, 0, 0); + color: #fbfaf8; +} +[_btn][_btn~=transparent-dark-2]:hover { + background-color: rgba(0, 0, 0, 0); + border-color: rgba(0, 0, 0, 0); +} +[_btn][_btn~=transparent-dark-3] { + background-color: rgba(0, 0, 0, 0); + border-color: rgba(0, 0, 0, 0); + color: #fbfaf8; +} +[_btn][_btn~=transparent-dark-3]:hover { + background-color: rgba(0, 0, 0, 0); + border-color: rgba(0, 0, 0, 0); +} +[_btn][_btn~=transparent-dark-4] { + background-color: rgba(0, 0, 0, 0); + border-color: rgba(0, 0, 0, 0); + color: #fbfaf8; +} +[_btn][_btn~=transparent-dark-4]:hover { + background-color: rgba(0, 0, 0, 0); + border-color: rgba(0, 0, 0, 0); +} +[_btn][_btn~=transparent-dark-5] { + background-color: rgba(0, 0, 0, 0); + border-color: rgba(0, 0, 0, 0); + color: #fbfaf8; +} +[_btn][_btn~=transparent-dark-5]:hover { + background-color: rgba(0, 0, 0, 0); + border-color: rgba(0, 0, 0, 0); +} +[_btn][_btn~=transparent-dark-6] { + background-color: rgba(0, 0, 0, 0); + border-color: rgba(0, 0, 0, 0); + color: #fbfaf8; +} +[_btn][_btn~=transparent-dark-6]:hover { + background-color: rgba(0, 0, 0, 0); + border-color: rgba(0, 0, 0, 0); +} +[_btn][_btn~=transparent-dark-7] { + background-color: rgba(0, 0, 0, 0); + border-color: rgba(0, 0, 0, 0); + color: #fbfaf8; +} +[_btn][_btn~=transparent-dark-7]:hover { + background-color: rgba(0, 0, 0, 0); + border-color: rgba(0, 0, 0, 0); +} +[_btn][_btn~=transparent-dark-8] { + background-color: rgba(0, 0, 0, 0); + border-color: rgba(0, 0, 0, 0); + color: #fbfaf8; +} +[_btn][_btn~=transparent-dark-8]:hover { + background-color: rgba(0, 0, 0, 0); + border-color: rgba(0, 0, 0, 0); +} +[_btn][_btn~=transparent-dark-9] { + background-color: rgba(0, 0, 0, 0); + border-color: rgba(0, 0, 0, 0); + color: #fbfaf8; +} +[_btn][_btn~=transparent-dark-9]:hover { + background-color: rgba(0, 0, 0, 0); + border-color: rgba(0, 0, 0, 0); +} +[_btn][_btn~=transparent-dark-10] { + background-color: rgba(0, 0, 0, 0); + border-color: rgba(0, 0, 0, 0); + color: #fbfaf8; +} +[_btn][_btn~=transparent-dark-10]:hover { + background-color: rgba(0, 0, 0, 0); + border-color: rgba(0, 0, 0, 0); +} +[_btn][_btn~=dark] { + background-color: #1a1d2d; + border-color: #1a1d2d; + color: #fbfaf8; +} +[_btn][_btn~=dark]:hover { + background-color: #07080d; + border-color: #07080d; +} +[_btn][_btn~=dark-light-0] { + background-color: #1a1d2d; + border-color: #1a1d2d; + color: #fbfaf8; +} +[_btn][_btn~=dark-light-0]:hover { + background-color: #07080d; + border-color: #07080d; +} +[_btn][_btn~=dark-light-1] { + background-color: #202337; + border-color: #202337; + color: #fbfaf8; +} +[_btn][_btn~=dark-light-1]:hover { + background-color: #0d0e16; + border-color: #0d0e16; +} +[_btn][_btn~=dark-light-2] { + background-color: #252940; + border-color: #252940; + color: #fbfaf8; +} +[_btn][_btn~=dark-light-2]:hover { + background-color: #131520; + border-color: #131520; +} +[_btn][_btn~=dark-light-3] { + background-color: #2b304a; + border-color: #2b304a; + color: #fbfaf8; +} +[_btn][_btn~=dark-light-3]:hover { + background-color: #181b2a; + border-color: #181b2a; +} +[_btn][_btn~=dark-light-4] { + background-color: #303654; + border-color: #303654; + color: #fbfaf8; +} +[_btn][_btn~=dark-light-4]:hover { + background-color: #1e2133; + border-color: #1e2133; +} +[_btn][_btn~=dark-light-5] { + background-color: #363c5d; + border-color: #363c5d; + color: #fbfaf8; +} +[_btn][_btn~=dark-light-5]:hover { + background-color: #23273d; + border-color: #23273d; +} +[_btn][_btn~=dark-light-6] { + background-color: #3c4267; + border-color: #3c4267; + color: #fbfaf8; +} +[_btn][_btn~=dark-light-6]:hover { + background-color: #292e47; + border-color: #292e47; +} +[_btn][_btn~=dark-light-7] { + background-color: #414971; + border-color: #414971; + color: #fbfaf8; +} +[_btn][_btn~=dark-light-7]:hover { + background-color: #2f3451; + border-color: #2f3451; +} +[_btn][_btn~=dark-light-8] { + background-color: #474f7b; + border-color: #474f7b; + color: #fbfaf8; +} +[_btn][_btn~=dark-light-8]:hover { + background-color: #343a5a; + border-color: #343a5a; +} +[_btn][_btn~=dark-light-9] { + background-color: #4c5584; + border-color: #4c5584; + color: #fbfaf8; +} +[_btn][_btn~=dark-light-9]:hover { + background-color: #3a4064; + border-color: #3a4064; +} +[_btn][_btn~=dark-light-10] { + background-color: #525b8e; + border-color: #525b8e; + color: #fbfaf8; +} +[_btn][_btn~=dark-light-10]:hover { + background-color: #3f476e; + border-color: #3f476e; +} +[_btn][_btn~=dark-dark-0] { + background-color: #1a1d2d; + border-color: #1a1d2d; + color: #fbfaf8; +} +[_btn][_btn~=dark-dark-0]:hover { + background-color: #07080d; + border-color: #07080d; +} +[_btn][_btn~=dark-dark-1] { + background-color: #141723; + border-color: #141723; + color: #fbfaf8; +} +[_btn][_btn~=dark-dark-1]:hover { + background-color: #020203; + border-color: #020203; +} +[_btn][_btn~=dark-dark-2] { + background-color: #0f111a; + border-color: #0f111a; + color: #fbfaf8; +} +[_btn][_btn~=dark-dark-2]:hover { + background-color: black; + border-color: black; +} +[_btn][_btn~=dark-dark-3] { + background-color: #090a10; + border-color: #090a10; + color: #fbfaf8; +} +[_btn][_btn~=dark-dark-3]:hover { + background-color: black; + border-color: black; +} +[_btn][_btn~=dark-dark-4] { + background-color: #040406; + border-color: #040406; + color: #fbfaf8; +} +[_btn][_btn~=dark-dark-4]:hover { + background-color: black; + border-color: black; +} +[_btn][_btn~=dark-dark-5] { + background-color: black; + border-color: black; + color: #fbfaf8; +} +[_btn][_btn~=dark-dark-5]:hover { + background-color: black; + border-color: black; +} +[_btn][_btn~=dark-dark-6] { + background-color: black; + border-color: black; + color: #fbfaf8; +} +[_btn][_btn~=dark-dark-6]:hover { + background-color: black; + border-color: black; +} +[_btn][_btn~=dark-dark-7] { + background-color: black; + border-color: black; + color: #fbfaf8; +} +[_btn][_btn~=dark-dark-7]:hover { + background-color: black; + border-color: black; +} +[_btn][_btn~=dark-dark-8] { + background-color: black; + border-color: black; + color: #fbfaf8; +} +[_btn][_btn~=dark-dark-8]:hover { + background-color: black; + border-color: black; +} +[_btn][_btn~=dark-dark-9] { + background-color: black; + border-color: black; + color: #fbfaf8; +} +[_btn][_btn~=dark-dark-9]:hover { + background-color: black; + border-color: black; +} +[_btn][_btn~=dark-dark-10] { + background-color: black; + border-color: black; + color: #fbfaf8; +} +[_btn][_btn~=dark-dark-10]:hover { + background-color: black; + border-color: black; +} +[_btn][_btn~=light] { + background-color: #fbfaf8; + border-color: #fbfaf8; + color: #1a1d2d; +} +[_btn][_btn~=light]:hover { + background-color: #e8e3d8; + border-color: #e8e3d8; +} +[_btn][_btn~=light-light-0] { + background-color: #fbfaf8; + border-color: #fbfaf8; + color: #1a1d2d; +} +[_btn][_btn~=light-light-0]:hover { + background-color: #e8e3d8; + border-color: #e8e3d8; +} +[_btn][_btn~=light-light-1] { + background-color: white; + border-color: white; + color: #1a1d2d; +} +[_btn][_btn~=light-light-1]:hover { + background-color: #ece8df; + border-color: #ece8df; +} +[_btn][_btn~=light-light-2] { + background-color: white; + border-color: white; + color: #1a1d2d; +} +[_btn][_btn~=light-light-2]:hover { + background-color: #ece8df; + border-color: #ece8df; +} +[_btn][_btn~=light-light-3] { + background-color: white; + border-color: white; + color: #1a1d2d; +} +[_btn][_btn~=light-light-3]:hover { + background-color: #ece8df; + border-color: #ece8df; +} +[_btn][_btn~=light-light-4] { + background-color: white; + border-color: white; + color: #1a1d2d; +} +[_btn][_btn~=light-light-4]:hover { + background-color: #ece8df; + border-color: #ece8df; +} +[_btn][_btn~=light-light-5] { + background-color: white; + border-color: white; + color: #1a1d2d; +} +[_btn][_btn~=light-light-5]:hover { + background-color: #ece8df; + border-color: #ece8df; +} +[_btn][_btn~=light-light-6] { + background-color: white; + border-color: white; + color: #1a1d2d; +} +[_btn][_btn~=light-light-6]:hover { + background-color: #ece8df; + border-color: #ece8df; +} +[_btn][_btn~=light-light-7] { + background-color: white; + border-color: white; + color: #1a1d2d; +} +[_btn][_btn~=light-light-7]:hover { + background-color: #ece8df; + border-color: #ece8df; +} +[_btn][_btn~=light-light-8] { + background-color: white; + border-color: white; + color: #1a1d2d; +} +[_btn][_btn~=light-light-8]:hover { + background-color: #ece8df; + border-color: #ece8df; +} +[_btn][_btn~=light-light-9] { + background-color: white; + border-color: white; + color: #1a1d2d; +} +[_btn][_btn~=light-light-9]:hover { + background-color: #ece8df; + border-color: #ece8df; +} +[_btn][_btn~=light-light-10] { + background-color: white; + border-color: white; + color: #1a1d2d; +} +[_btn][_btn~=light-light-10]:hover { + background-color: #ece8df; + border-color: #ece8df; +} +[_btn][_btn~=light-dark-0] { + background-color: #fbfaf8; + border-color: #fbfaf8; + color: #1a1d2d; +} +[_btn][_btn~=light-dark-0]:hover { + background-color: #e8e3d8; + border-color: #e8e3d8; +} +[_btn][_btn~=light-dark-1] { + background-color: #f5f3ee; + border-color: #f5f3ee; + color: #1a1d2d; +} +[_btn][_btn~=light-dark-1]:hover { + background-color: #e3dcce; + border-color: #e3dcce; +} +[_btn][_btn~=light-dark-2] { + background-color: #f0ece5; + border-color: #f0ece5; + color: #1a1d2d; +} +[_btn][_btn~=light-dark-2]:hover { + background-color: #ddd5c4; + border-color: #ddd5c4; +} +[_btn][_btn~=light-dark-3] { + background-color: #eae5db; + border-color: #eae5db; + color: #1a1d2d; +} +[_btn][_btn~=light-dark-3]:hover { + background-color: #d8ceba; + border-color: #d8ceba; +} +[_btn][_btn~=light-dark-4] { + background-color: #e5ded1; + border-color: #e5ded1; + color: #1a1d2d; +} +[_btn][_btn~=light-dark-4]:hover { + background-color: #d2c7b1; + border-color: #d2c7b1; +} +[_btn][_btn~=light-dark-5] { + background-color: #dfd7c7; + border-color: #dfd7c7; + color: #1a1d2d; +} +[_btn][_btn~=light-dark-5]:hover { + background-color: #cdc0a7; + border-color: #cdc0a7; +} +[_btn][_btn~=light-dark-6] { + background-color: #dad0be; + border-color: #dad0be; + color: #1a1d2d; +} +[_btn][_btn~=light-dark-6]:hover { + background-color: #c7b99d; + border-color: #c7b99d; +} +[_btn][_btn~=light-dark-7] { + background-color: #d4c9b4; + border-color: #d4c9b4; + color: #1a1d2d; +} +[_btn][_btn~=light-dark-7]:hover { + background-color: #c2b293; + border-color: #c2b293; +} +[_btn][_btn~=light-dark-8] { + background-color: #cec2aa; + border-color: #cec2aa; + color: #1a1d2d; +} +[_btn][_btn~=light-dark-8]:hover { + background-color: #bcab8a; + border-color: #bcab8a; +} +[_btn][_btn~=light-dark-9] { + background-color: #c9bba0; + border-color: #c9bba0; + color: #1a1d2d; +} +[_btn][_btn~=light-dark-9]:hover { + background-color: #b6a480; + border-color: #b6a480; +} +[_btn][_btn~=light-dark-10] { + background-color: #c3b497; + border-color: #c3b497; + color: #1a1d2d; +} +[_btn][_btn~=light-dark-10]:hover { + background-color: #b19d76; + border-color: #b19d76; +} +[_btn][_btn~=primary] { + background-color: #00bfb2; + border-color: #00bfb2; + color: #fbfaf8; +} +[_btn][_btn~=primary]:hover { + background-color: #008c82; + border-color: #008c82; +} +[_btn][_btn~=primary-light-0] { + background-color: #00bfb2; + border-color: #00bfb2; + color: #fbfaf8; +} +[_btn][_btn~=primary-light-0]:hover { + background-color: #008c82; + border-color: #008c82; +} +[_btn][_btn~=primary-light-1] { + background-color: #00cec0; + border-color: #00cec0; + color: #fbfaf8; +} +[_btn][_btn~=primary-light-1]:hover { + background-color: #009b91; + border-color: #009b91; +} +[_btn][_btn~=primary-light-2] { + background-color: #00decf; + border-color: #00decf; + color: #fbfaf8; +} +[_btn][_btn~=primary-light-2]:hover { + background-color: #00ab9f; + border-color: #00ab9f; +} +[_btn][_btn~=primary-light-3] { + background-color: #00eddd; + border-color: #00eddd; + color: #fbfaf8; +} +[_btn][_btn~=primary-light-3]:hover { + background-color: #00baad; + border-color: #00baad; +} +[_btn][_btn~=primary-light-4] { + background-color: #00fceb; + border-color: #00fceb; + color: #fbfaf8; +} +[_btn][_btn~=primary-light-4]:hover { + background-color: #00c9bc; + border-color: #00c9bc; +} +[_btn][_btn~=primary-light-5] { + background-color: #0dffee; + border-color: #0dffee; + color: #fbfaf8; +} +[_btn][_btn~=primary-light-5]:hover { + background-color: #00d9ca; + border-color: #00d9ca; +} +[_btn][_btn~=primary-light-6] { + background-color: #1cfff0; + border-color: #1cfff0; + color: #fbfaf8; +} +[_btn][_btn~=primary-light-6]:hover { + background-color: #00e8d8; + border-color: #00e8d8; +} +[_btn][_btn~=primary-light-7] { + background-color: #2bfff1; + border-color: #2bfff1; + color: #fbfaf8; +} +[_btn][_btn~=primary-light-7]:hover { + background-color: #00f7e6; + border-color: #00f7e6; +} +[_btn][_btn~=primary-light-8] { + background-color: #3afff2; + border-color: #3afff2; + color: #fbfaf8; +} +[_btn][_btn~=primary-light-8]:hover { + background-color: #07ffee; + border-color: #07ffee; +} +[_btn][_btn~=primary-light-9] { + background-color: #4afff3; + border-color: #4afff3; + color: #fbfaf8; +} +[_btn][_btn~=primary-light-9]:hover { + background-color: #17ffef; + border-color: #17ffef; +} +[_btn][_btn~=primary-light-10] { + background-color: #59fff4; + border-color: #59fff4; + color: #fbfaf8; +} +[_btn][_btn~=primary-light-10]:hover { + background-color: #26fff0; + border-color: #26fff0; +} +[_btn][_btn~=primary-dark-0] { + background-color: #00bfb2; + border-color: #00bfb2; + color: #fbfaf8; +} +[_btn][_btn~=primary-dark-0]:hover { + background-color: #008c82; + border-color: #008c82; +} +[_btn][_btn~=primary-dark-1] { + background-color: #00b0a4; + border-color: #00b0a4; + color: #fbfaf8; +} +[_btn][_btn~=primary-dark-1]:hover { + background-color: #007d74; + border-color: #007d74; +} +[_btn][_btn~=primary-dark-2] { + background-color: #00a095; + border-color: #00a095; + color: #fbfaf8; +} +[_btn][_btn~=primary-dark-2]:hover { + background-color: #006d66; + border-color: #006d66; +} +[_btn][_btn~=primary-dark-3] { + background-color: #009187; + border-color: #009187; + color: #fbfaf8; +} +[_btn][_btn~=primary-dark-3]:hover { + background-color: #005e58; + border-color: #005e58; +} +[_btn][_btn~=primary-dark-4] { + background-color: #008279; + border-color: #008279; + color: #fbfaf8; +} +[_btn][_btn~=primary-dark-4]:hover { + background-color: #004f49; + border-color: #004f49; +} +[_btn][_btn~=primary-dark-5] { + background-color: #00736b; + border-color: #00736b; + color: #fbfaf8; +} +[_btn][_btn~=primary-dark-5]:hover { + background-color: #00403b; + border-color: #00403b; +} +[_btn][_btn~=primary-dark-6] { + background-color: #00635c; + border-color: #00635c; + color: #fbfaf8; +} +[_btn][_btn~=primary-dark-6]:hover { + background-color: #00302d; + border-color: #00302d; +} +[_btn][_btn~=primary-dark-7] { + background-color: #00544e; + border-color: #00544e; + color: #fbfaf8; +} +[_btn][_btn~=primary-dark-7]:hover { + background-color: #00211f; + border-color: #00211f; +} +[_btn][_btn~=primary-dark-8] { + background-color: #004540; + border-color: #004540; + color: #fbfaf8; +} +[_btn][_btn~=primary-dark-8]:hover { + background-color: #001210; + border-color: #001210; +} +[_btn][_btn~=primary-dark-9] { + background-color: #003532; + border-color: #003532; + color: #fbfaf8; +} +[_btn][_btn~=primary-dark-9]:hover { + background-color: #000202; + border-color: #000202; +} +[_btn][_btn~=primary-dark-10] { + background-color: #002623; + border-color: #002623; + color: #fbfaf8; +} +[_btn][_btn~=primary-dark-10]:hover { + background-color: black; + border-color: black; +} +[_btn][_btn~=secondary] { + background-color: #7179ad; + border-color: #7179ad; + color: #fbfaf8; +} +[_btn][_btn~=secondary]:hover { + background-color: #565e95; + border-color: #565e95; +} +[_btn][_btn~=secondary-light-0] { + background-color: #7179ad; + border-color: #7179ad; + color: #fbfaf8; +} +[_btn][_btn~=secondary-light-0]:hover { + background-color: #565e95; + border-color: #565e95; +} +[_btn][_btn~=secondary-light-1] { + background-color: #7b82b3; + border-color: #7b82b3; + color: #fbfaf8; +} +[_btn][_btn~=secondary-light-1]:hover { + background-color: #5c659f; + border-color: #5c659f; +} +[_btn][_btn~=secondary-light-2] { + background-color: #848bb8; + border-color: #848bb8; + color: #fbfaf8; +} +[_btn][_btn~=secondary-light-2]:hover { + background-color: #646da6; + border-color: #646da6; +} +[_btn][_btn~=secondary-light-3] { + background-color: #8e94be; + border-color: #8e94be; + color: #fbfaf8; +} +[_btn][_btn~=secondary-light-3]:hover { + background-color: #6e76ab; + border-color: #6e76ab; +} +[_btn][_btn~=secondary-light-4] { + background-color: #989ec3; + border-color: #989ec3; + color: #fbfaf8; +} +[_btn][_btn~=secondary-light-4]:hover { + background-color: #777fb1; + border-color: #777fb1; +} +[_btn][_btn~=secondary-light-5] { + background-color: #a1a7c9; + border-color: #a1a7c9; + color: #fbfaf8; +} +[_btn][_btn~=secondary-light-5]:hover { + background-color: #8188b6; + border-color: #8188b6; +} +[_btn][_btn~=secondary-light-6] { + background-color: #abb0cf; + border-color: #abb0cf; + color: #fbfaf8; +} +[_btn][_btn~=secondary-light-6]:hover { + background-color: #8b91bc; + border-color: #8b91bc; +} +[_btn][_btn~=secondary-light-7] { + background-color: #b5b9d4; + border-color: #b5b9d4; + color: #fbfaf8; +} +[_btn][_btn~=secondary-light-7]:hover { + background-color: #959bc2; + border-color: #959bc2; +} +[_btn][_btn~=secondary-light-8] { + background-color: #bfc2da; + border-color: #bfc2da; + color: #fbfaf8; +} +[_btn][_btn~=secondary-light-8]:hover { + background-color: #9ea4c7; + border-color: #9ea4c7; +} +[_btn][_btn~=secondary-light-9] { + background-color: #c8cbdf; + border-color: #c8cbdf; + color: #fbfaf8; +} +[_btn][_btn~=secondary-light-9]:hover { + background-color: #a8adcd; + border-color: #a8adcd; +} +[_btn][_btn~=secondary-light-10] { + background-color: #d2d5e5; + border-color: #d2d5e5; + color: #fbfaf8; +} +[_btn][_btn~=secondary-light-10]:hover { + background-color: #b2b6d2; + border-color: #b2b6d2; +} +[_btn][_btn~=secondary-dark-0] { + background-color: #7179ad; + border-color: #7179ad; + color: #fbfaf8; +} +[_btn][_btn~=secondary-dark-0]:hover { + background-color: #565e95; + border-color: #565e95; +} +[_btn][_btn~=secondary-dark-1] { + background-color: #6770a7; + border-color: #6770a7; + color: #fbfaf8; +} +[_btn][_btn~=secondary-dark-1]:hover { + background-color: #50588b; + border-color: #50588b; +} +[_btn][_btn~=secondary-dark-2] { + background-color: #5e67a2; + border-color: #5e67a2; + color: #fbfaf8; +} +[_btn][_btn~=secondary-dark-2]:hover { + background-color: #4b5282; + border-color: #4b5282; +} +[_btn][_btn~=secondary-dark-3] { + background-color: #586098; + border-color: #586098; + color: #fbfaf8; +} +[_btn][_btn~=secondary-dark-3]:hover { + background-color: #454c78; + border-color: #454c78; +} +[_btn][_btn~=secondary-dark-4] { + background-color: #525a8f; + border-color: #525a8f; + color: #fbfaf8; +} +[_btn][_btn~=secondary-dark-4]:hover { + background-color: #40466e; + border-color: #40466e; +} +[_btn][_btn~=secondary-dark-5] { + background-color: #4d5485; + border-color: #4d5485; + color: #fbfaf8; +} +[_btn][_btn~=secondary-dark-5]:hover { + background-color: #3a4064; + border-color: #3a4064; +} +[_btn][_btn~=secondary-dark-6] { + background-color: #474e7b; + border-color: #474e7b; + color: #fbfaf8; +} +[_btn][_btn~=secondary-dark-6]:hover { + background-color: #343a5b; + border-color: #343a5b; +} +[_btn][_btn~=secondary-dark-7] { + background-color: #414871; + border-color: #414871; + color: #fbfaf8; +} +[_btn][_btn~=secondary-dark-7]:hover { + background-color: #2f3351; + border-color: #2f3351; +} +[_btn][_btn~=secondary-dark-8] { + background-color: #3c4268; + border-color: #3c4268; + color: #fbfaf8; +} +[_btn][_btn~=secondary-dark-8]:hover { + background-color: #292d47; + border-color: #292d47; +} +[_btn][_btn~=secondary-dark-9] { + background-color: #363c5e; + border-color: #363c5e; + color: #fbfaf8; +} +[_btn][_btn~=secondary-dark-9]:hover { + background-color: #24273e; + border-color: #24273e; +} +[_btn][_btn~=secondary-dark-10] { + background-color: #313554; + border-color: #313554; + color: #fbfaf8; +} +[_btn][_btn~=secondary-dark-10]:hover { + background-color: #1e2134; + border-color: #1e2134; +} +[_btn][_btn~=success] { + background-color: #3ccd65; + border-color: #3ccd65; + color: #fbfaf8; +} +[_btn][_btn~=success]:hover { + background-color: #2caa4f; + border-color: #2caa4f; +} +[_btn][_btn~=success-light-0] { + background-color: #3ccd65; + border-color: #3ccd65; + color: #fbfaf8; +} +[_btn][_btn~=success-light-0]:hover { + background-color: #2caa4f; + border-color: #2caa4f; +} +[_btn][_btn~=success-light-1] { + background-color: #48d06f; + border-color: #48d06f; + color: #fbfaf8; +} +[_btn][_btn~=success-light-1]:hover { + background-color: #2fb755; + border-color: #2fb755; +} +[_btn][_btn~=success-light-2] { + background-color: #54d378; + border-color: #54d378; + color: #fbfaf8; +} +[_btn][_btn~=success-light-2]:hover { + background-color: #32c35b; + border-color: #32c35b; +} +[_btn][_btn~=success-light-3] { + background-color: #61d682; + border-color: #61d682; + color: #fbfaf8; +} +[_btn][_btn~=success-light-3]:hover { + background-color: #38cc62; + border-color: #38cc62; +} +[_btn][_btn~=success-light-4] { + background-color: #6dd98b; + border-color: #6dd98b; + color: #fbfaf8; +} +[_btn][_btn~=success-light-4]:hover { + background-color: #44cf6b; + border-color: #44cf6b; +} +[_btn][_btn~=success-light-5] { + background-color: #79dd95; + border-color: #79dd95; + color: #fbfaf8; +} +[_btn][_btn~=success-light-5]:hover { + background-color: #50d275; + border-color: #50d275; +} +[_btn][_btn~=success-light-6] { + background-color: #85e09f; + border-color: #85e09f; + color: #fbfaf8; +} +[_btn][_btn~=success-light-6]:hover { + background-color: #5cd57f; + border-color: #5cd57f; +} +[_btn][_btn~=success-light-7] { + background-color: #91e3a8; + border-color: #91e3a8; + color: #fbfaf8; +} +[_btn][_btn~=success-light-7]:hover { + background-color: #69d888; + border-color: #69d888; +} +[_btn][_btn~=success-light-8] { + background-color: #9de6b2; + border-color: #9de6b2; + color: #fbfaf8; +} +[_btn][_btn~=success-light-8]:hover { + background-color: #75dc92; + border-color: #75dc92; +} +[_btn][_btn~=success-light-9] { + background-color: #aae9bc; + border-color: #aae9bc; + color: #fbfaf8; +} +[_btn][_btn~=success-light-9]:hover { + background-color: #81df9b; + border-color: #81df9b; +} +[_btn][_btn~=success-light-10] { + background-color: #b6ecc5; + border-color: #b6ecc5; + color: #fbfaf8; +} +[_btn][_btn~=success-light-10]:hover { + background-color: #8de2a5; + border-color: #8de2a5; +} +[_btn][_btn~=success-dark-0] { + background-color: #3ccd65; + border-color: #3ccd65; + color: #fbfaf8; +} +[_btn][_btn~=success-dark-0]:hover { + background-color: #2caa4f; + border-color: #2caa4f; +} +[_btn][_btn~=success-dark-1] { + background-color: #33c75d; + border-color: #33c75d; + color: #fbfaf8; +} +[_btn][_btn~=success-dark-1]:hover { + background-color: #299e4a; + border-color: #299e4a; +} +[_btn][_btn~=success-dark-2] { + background-color: #30bb57; + border-color: #30bb57; + color: #fbfaf8; +} +[_btn][_btn~=success-dark-2]:hover { + background-color: #259244; + border-color: #259244; +} +[_btn][_btn~=success-dark-3] { + background-color: #2dae51; + border-color: #2dae51; + color: #fbfaf8; +} +[_btn][_btn~=success-dark-3]:hover { + background-color: #22863e; + border-color: #22863e; +} +[_btn][_btn~=success-dark-4] { + background-color: #2aa24c; + border-color: #2aa24c; + color: #fbfaf8; +} +[_btn][_btn~=success-dark-4]:hover { + background-color: #1f7a39; + border-color: #1f7a39; +} +[_btn][_btn~=success-dark-5] { + background-color: #269646; + border-color: #269646; + color: #fbfaf8; +} +[_btn][_btn~=success-dark-5]:hover { + background-color: #1c6d33; + border-color: #1c6d33; +} +[_btn][_btn~=success-dark-6] { + background-color: #238a40; + border-color: #238a40; + color: #fbfaf8; +} +[_btn][_btn~=success-dark-6]:hover { + background-color: #19612d; + border-color: #19612d; +} +[_btn][_btn~=success-dark-7] { + background-color: #207e3b; + border-color: #207e3b; + color: #fbfaf8; +} +[_btn][_btn~=success-dark-7]:hover { + background-color: #165528; + border-color: #165528; +} +[_btn][_btn~=success-dark-8] { + background-color: #1d7135; + border-color: #1d7135; + color: #fbfaf8; +} +[_btn][_btn~=success-dark-8]:hover { + background-color: #134922; + border-color: #134922; +} +[_btn][_btn~=success-dark-9] { + background-color: #1a652f; + border-color: #1a652f; + color: #fbfaf8; +} +[_btn][_btn~=success-dark-9]:hover { + background-color: #103d1c; + border-color: #103d1c; +} +[_btn][_btn~=success-dark-10] { + background-color: #17592a; + border-color: #17592a; + color: #fbfaf8; +} +[_btn][_btn~=success-dark-10]:hover { + background-color: #0c3117; + border-color: #0c3117; +} +[_btn][_btn~=info] { + background-color: #1fa6c1; + border-color: #1fa6c1; + color: #fbfaf8; +} +[_btn][_btn~=info]:hover { + background-color: #188095; + border-color: #188095; +} +[_btn][_btn~=info-light-0] { + background-color: #1fa6c1; + border-color: #1fa6c1; + color: #fbfaf8; +} +[_btn][_btn~=info-light-0]:hover { + background-color: #188095; + border-color: #188095; +} +[_btn][_btn~=info-light-1] { + background-color: #21b1ce; + border-color: #21b1ce; + color: #fbfaf8; +} +[_btn][_btn~=info-light-1]:hover { + background-color: #1a8ca2; + border-color: #1a8ca2; +} +[_btn][_btn~=info-light-2] { + background-color: #23bddb; + border-color: #23bddb; + color: #fbfaf8; +} +[_btn][_btn~=info-light-2]:hover { + background-color: #1c97af; + border-color: #1c97af; +} +[_btn][_btn~=info-light-3] { + background-color: #30c1de; + border-color: #30c1de; + color: #fbfaf8; +} +[_btn][_btn~=info-light-3]:hover { + background-color: #1ea2bd; + border-color: #1ea2bd; +} +[_btn][_btn~=info-light-4] { + background-color: #3dc5e0; + border-color: #3dc5e0; + color: #fbfaf8; +} +[_btn][_btn~=info-light-4]:hover { + background-color: #20aeca; + border-color: #20aeca; +} +[_btn][_btn~=info-light-5] { + background-color: #4ac9e2; + border-color: #4ac9e2; + color: #fbfaf8; +} +[_btn][_btn~=info-light-5]:hover { + background-color: #23b9d7; + border-color: #23b9d7; +} +[_btn][_btn~=info-light-6] { + background-color: #58cde4; + border-color: #58cde4; + color: #fbfaf8; +} +[_btn][_btn~=info-light-6]:hover { + background-color: #2cc0dd; + border-color: #2cc0dd; +} +[_btn][_btn~=info-light-7] { + background-color: #65d1e6; + border-color: #65d1e6; + color: #fbfaf8; +} +[_btn][_btn~=info-light-7]:hover { + background-color: #39c3df; + border-color: #39c3df; +} +[_btn][_btn~=info-light-8] { + background-color: #72d5e8; + border-color: #72d5e8; + color: #fbfaf8; +} +[_btn][_btn~=info-light-8]:hover { + background-color: #46c7e1; + border-color: #46c7e1; +} +[_btn][_btn~=info-light-9] { + background-color: #7fd9ea; + border-color: #7fd9ea; + color: #fbfaf8; +} +[_btn][_btn~=info-light-9]:hover { + background-color: #53cbe3; + border-color: #53cbe3; +} +[_btn][_btn~=info-light-10] { + background-color: #8cdded; + border-color: #8cdded; + color: #fbfaf8; +} +[_btn][_btn~=info-light-10]:hover { + background-color: #60cfe6; + border-color: #60cfe6; +} +[_btn][_btn~=info-dark-0] { + background-color: #1fa6c1; + border-color: #1fa6c1; + color: #fbfaf8; +} +[_btn][_btn~=info-dark-0]:hover { + background-color: #188095; + border-color: #188095; +} +[_btn][_btn~=info-dark-1] { + background-color: #1d9bb4; + border-color: #1d9bb4; + color: #fbfaf8; +} +[_btn][_btn~=info-dark-1]:hover { + background-color: #167588; + border-color: #167588; +} +[_btn][_btn~=info-dark-2] { + background-color: #1b8fa7; + border-color: #1b8fa7; + color: #fbfaf8; +} +[_btn][_btn~=info-dark-2]:hover { + background-color: #146a7b; + border-color: #146a7b; +} +[_btn][_btn~=info-dark-3] { + background-color: #198499; + border-color: #198499; + color: #fbfaf8; +} +[_btn][_btn~=info-dark-3]:hover { + background-color: #125e6e; + border-color: #125e6e; +} +[_btn][_btn~=info-dark-4] { + background-color: #17798c; + border-color: #17798c; + color: #fbfaf8; +} +[_btn][_btn~=info-dark-4]:hover { + background-color: #0f5360; + border-color: #0f5360; +} +[_btn][_btn~=info-dark-5] { + background-color: #146d7f; + border-color: #146d7f; + color: #fbfaf8; +} +[_btn][_btn~=info-dark-5]:hover { + background-color: #0d4853; + border-color: #0d4853; +} +[_btn][_btn~=info-dark-6] { + background-color: #126272; + border-color: #126272; + color: #fbfaf8; +} +[_btn][_btn~=info-dark-6]:hover { + background-color: #0b3c46; + border-color: #0b3c46; +} +[_btn][_btn~=info-dark-7] { + background-color: #105765; + border-color: #105765; + color: #fbfaf8; +} +[_btn][_btn~=info-dark-7]:hover { + background-color: #093139; + border-color: #093139; +} +[_btn][_btn~=info-dark-8] { + background-color: #0e4b58; + border-color: #0e4b58; + color: #fbfaf8; +} +[_btn][_btn~=info-dark-8]:hover { + background-color: #07252c; + border-color: #07252c; +} +[_btn][_btn~=info-dark-9] { + background-color: #0c404a; + border-color: #0c404a; + color: #fbfaf8; +} +[_btn][_btn~=info-dark-9]:hover { + background-color: #051a1e; + border-color: #051a1e; +} +[_btn][_btn~=info-dark-10] { + background-color: #0a353d; + border-color: #0a353d; + color: #fbfaf8; +} +[_btn][_btn~=info-dark-10]:hover { + background-color: #030f11; + border-color: #030f11; +} +[_btn][_btn~=warning] { + background-color: #ff7f11; + border-color: #ff7f11; + color: #fbfaf8; +} +[_btn][_btn~=warning]:hover { + background-color: #dd6600; + border-color: #dd6600; +} +[_btn][_btn~=warning-light-0] { + background-color: #ff7f11; + border-color: #ff7f11; + color: #fbfaf8; +} +[_btn][_btn~=warning-light-0]:hover { + background-color: #dd6600; + border-color: #dd6600; +} +[_btn][_btn~=warning-light-1] { + background-color: #ff8720; + border-color: #ff8720; + color: #fbfaf8; +} +[_btn][_btn~=warning-light-1]:hover { + background-color: #ec6d00; + border-color: #ec6d00; +} +[_btn][_btn~=warning-light-2] { + background-color: #ff8f30; + border-color: #ff8f30; + color: #fbfaf8; +} +[_btn][_btn~=warning-light-2]:hover { + background-color: #fc7400; + border-color: #fc7400; +} +[_btn][_btn~=warning-light-3] { + background-color: #ff983f; + border-color: #ff983f; + color: #fbfaf8; +} +[_btn][_btn~=warning-light-3]:hover { + background-color: #ff7c0c; + border-color: #ff7c0c; +} +[_btn][_btn~=warning-light-4] { + background-color: #ffa04e; + border-color: #ffa04e; + color: #fbfaf8; +} +[_btn][_btn~=warning-light-4]:hover { + background-color: #ff841b; + border-color: #ff841b; +} +[_btn][_btn~=warning-light-5] { + background-color: #ffa85e; + border-color: #ffa85e; + color: #fbfaf8; +} +[_btn][_btn~=warning-light-5]:hover { + background-color: #ff8d2b; + border-color: #ff8d2b; +} +[_btn][_btn~=warning-light-6] { + background-color: #ffb06d; + border-color: #ffb06d; + color: #fbfaf8; +} +[_btn][_btn~=warning-light-6]:hover { + background-color: #ff953a; + border-color: #ff953a; +} +[_btn][_btn~=warning-light-7] { + background-color: #ffb97c; + border-color: #ffb97c; + color: #fbfaf8; +} +[_btn][_btn~=warning-light-7]:hover { + background-color: #ff9d49; + border-color: #ff9d49; +} +[_btn][_btn~=warning-light-8] { + background-color: #ffc18b; + border-color: #ffc18b; + color: #fbfaf8; +} +[_btn][_btn~=warning-light-8]:hover { + background-color: #ffa558; + border-color: #ffa558; +} +[_btn][_btn~=warning-light-9] { + background-color: #ffc99b; + border-color: #ffc99b; + color: #fbfaf8; +} +[_btn][_btn~=warning-light-9]:hover { + background-color: #ffae68; + border-color: #ffae68; +} +[_btn][_btn~=warning-light-10] { + background-color: #ffd1aa; + border-color: #ffd1aa; + color: #fbfaf8; +} +[_btn][_btn~=warning-light-10]:hover { + background-color: #ffb677; + border-color: #ffb677; +} +[_btn][_btn~=warning-dark-0] { + background-color: #ff7f11; + border-color: #ff7f11; + color: #fbfaf8; +} +[_btn][_btn~=warning-dark-0]:hover { + background-color: #dd6600; + border-color: #dd6600; +} +[_btn][_btn~=warning-dark-1] { + background-color: #ff7702; + border-color: #ff7702; + color: #fbfaf8; +} +[_btn][_btn~=warning-dark-1]:hover { + background-color: #ce5f00; + border-color: #ce5f00; +} +[_btn][_btn~=warning-dark-2] { + background-color: #f17000; + border-color: #f17000; + color: #fbfaf8; +} +[_btn][_btn~=warning-dark-2]:hover { + background-color: #be5800; + border-color: #be5800; +} +[_btn][_btn~=warning-dark-3] { + background-color: #e26900; + border-color: #e26900; + color: #fbfaf8; +} +[_btn][_btn~=warning-dark-3]:hover { + background-color: #af5100; + border-color: #af5100; +} +[_btn][_btn~=warning-dark-4] { + background-color: #d36100; + border-color: #d36100; + color: #fbfaf8; +} +[_btn][_btn~=warning-dark-4]:hover { + background-color: #a04a00; + border-color: #a04a00; +} +[_btn][_btn~=warning-dark-5] { + background-color: #c45a00; + border-color: #c45a00; + color: #fbfaf8; +} +[_btn][_btn~=warning-dark-5]:hover { + background-color: #914300; + border-color: #914300; +} +[_btn][_btn~=warning-dark-6] { + background-color: #b45300; + border-color: #b45300; + color: #fbfaf8; +} +[_btn][_btn~=warning-dark-6]:hover { + background-color: #813c00; + border-color: #813c00; +} +[_btn][_btn~=warning-dark-7] { + background-color: #a54c00; + border-color: #a54c00; + color: #fbfaf8; +} +[_btn][_btn~=warning-dark-7]:hover { + background-color: #723500; + border-color: #723500; +} +[_btn][_btn~=warning-dark-8] { + background-color: #964500; + border-color: #964500; + color: #fbfaf8; +} +[_btn][_btn~=warning-dark-8]:hover { + background-color: #632e00; + border-color: #632e00; +} +[_btn][_btn~=warning-dark-9] { + background-color: #863e00; + border-color: #863e00; + color: #fbfaf8; +} +[_btn][_btn~=warning-dark-9]:hover { + background-color: #532700; + border-color: #532700; +} +[_btn][_btn~=warning-dark-10] { + background-color: #773700; + border-color: #773700; + color: #fbfaf8; +} +[_btn][_btn~=warning-dark-10]:hover { + background-color: #441f00; + border-color: #441f00; +} +[_btn][_btn~=danger] { + background-color: #f24236; + border-color: #f24236; + color: #fbfaf8; +} +[_btn][_btn~=danger]:hover { + background-color: #e61d0f; + border-color: #e61d0f; +} +[_btn][_btn~=danger-light-0] { + background-color: #f24236; + border-color: #f24236; + color: #fbfaf8; +} +[_btn][_btn~=danger-light-0]:hover { + background-color: #e61d0f; + border-color: #e61d0f; +} +[_btn][_btn~=danger-light-1] { + background-color: #f35044; + border-color: #f35044; + color: #fbfaf8; +} +[_btn][_btn~=danger-light-1]:hover { + background-color: #f02214; + border-color: #f02214; +} +[_btn][_btn~=danger-light-2] { + background-color: #f45d53; + border-color: #f45d53; + color: #fbfaf8; +} +[_btn][_btn~=danger-light-2]:hover { + background-color: #f13023; + border-color: #f13023; +} +[_btn][_btn~=danger-light-3] { + background-color: #f56b61; + border-color: #f56b61; + color: #fbfaf8; +} +[_btn][_btn~=danger-light-3]:hover { + background-color: #f23d31; + border-color: #f23d31; +} +[_btn][_btn~=danger-light-4] { + background-color: #f6786f; + border-color: #f6786f; + color: #fbfaf8; +} +[_btn][_btn~=danger-light-4]:hover { + background-color: #f34b40; + border-color: #f34b40; +} +[_btn][_btn~=danger-light-5] { + background-color: #f7867e; + border-color: #f7867e; + color: #fbfaf8; +} +[_btn][_btn~=danger-light-5]:hover { + background-color: #f4594e; + border-color: #f4594e; +} +[_btn][_btn~=danger-light-6] { + background-color: #f8938c; + border-color: #f8938c; + color: #fbfaf8; +} +[_btn][_btn~=danger-light-6]:hover { + background-color: #f4665c; + border-color: #f4665c; +} +[_btn][_btn~=danger-light-7] { + background-color: #f9a19b; + border-color: #f9a19b; + color: #fbfaf8; +} +[_btn][_btn~=danger-light-7]:hover { + background-color: #f5746b; + border-color: #f5746b; +} +[_btn][_btn~=danger-light-8] { + background-color: #f9aea9; + border-color: #f9aea9; + color: #fbfaf8; +} +[_btn][_btn~=danger-light-8]:hover { + background-color: #f68179; + border-color: #f68179; +} +[_btn][_btn~=danger-light-9] { + background-color: #fabcb7; + border-color: #fabcb7; + color: #fbfaf8; +} +[_btn][_btn~=danger-light-9]:hover { + background-color: #f78f87; + border-color: #f78f87; +} +[_btn][_btn~=danger-light-10] { + background-color: #fbc9c6; + border-color: #fbc9c6; + color: #fbfaf8; +} +[_btn][_btn~=danger-light-10]:hover { + background-color: #f89c96; + border-color: #f89c96; +} +[_btn][_btn~=danger-dark-0] { + background-color: #f24236; + border-color: #f24236; + color: #fbfaf8; +} +[_btn][_btn~=danger-dark-0]:hover { + background-color: #e61d0f; + border-color: #e61d0f; +} +[_btn][_btn~=danger-dark-1] { + background-color: #f13428; + border-color: #f13428; + color: #fbfaf8; +} +[_btn][_btn~=danger-dark-1]:hover { + background-color: #d81b0e; + border-color: #d81b0e; +} +[_btn][_btn~=danger-dark-2] { + background-color: #f02719; + border-color: #f02719; + color: #fbfaf8; +} +[_btn][_btn~=danger-dark-2]:hover { + background-color: #c9190d; + border-color: #c9190d; +} +[_btn][_btn~=danger-dark-3] { + background-color: #eb1d0f; + border-color: #eb1d0f; + color: #fbfaf8; +} +[_btn][_btn~=danger-dark-3]:hover { + background-color: #bb170c; + border-color: #bb170c; +} +[_btn][_btn~=danger-dark-4] { + background-color: #dd1b0e; + border-color: #dd1b0e; + color: #fbfaf8; +} +[_btn][_btn~=danger-dark-4]:hover { + background-color: #ad150b; + border-color: #ad150b; +} +[_btn][_btn~=danger-dark-5] { + background-color: #ce1a0d; + border-color: #ce1a0d; + color: #fbfaf8; +} +[_btn][_btn~=danger-dark-5]:hover { + background-color: #9e140a; + border-color: #9e140a; +} +[_btn][_btn~=danger-dark-6] { + background-color: #c0180c; + border-color: #c0180c; + color: #fbfaf8; +} +[_btn][_btn~=danger-dark-6]:hover { + background-color: #901209; + border-color: #901209; +} +[_btn][_btn~=danger-dark-7] { + background-color: #b1160b; + border-color: #b1160b; + color: #fbfaf8; +} +[_btn][_btn~=danger-dark-7]:hover { + background-color: #821008; + border-color: #821008; +} +[_btn][_btn~=danger-dark-8] { + background-color: #a3140b; + border-color: #a3140b; + color: #fbfaf8; +} +[_btn][_btn~=danger-dark-8]:hover { + background-color: #730e07; + border-color: #730e07; +} +[_btn][_btn~=danger-dark-9] { + background-color: #95120a; + border-color: #95120a; + color: #fbfaf8; +} +[_btn][_btn~=danger-dark-9]:hover { + background-color: #650d07; + border-color: #650d07; +} +[_btn][_btn~=danger-dark-10] { + background-color: #861109; + border-color: #861109; + color: #fbfaf8; +} +[_btn][_btn~=danger-dark-10]:hover { + background-color: #560b06; + border-color: #560b06; +} +[_btn][_btn~=muted] { + background-color: #6a74a9; + border-color: #6a74a9; + color: #fbfaf8; +} +[_btn][_btn~=muted]:hover { + background-color: #525b8e; + border-color: #525b8e; +} +[_btn][_btn~=muted-light-0] { + background-color: #6a74a9; + border-color: #6a74a9; + color: #fbfaf8; +} +[_btn][_btn~=muted-light-0]:hover { + background-color: #525b8e; + border-color: #525b8e; +} +[_btn][_btn~=muted-light-1] { + background-color: #747daf; + border-color: #747daf; + color: #fbfaf8; +} +[_btn][_btn~=muted-light-1]:hover { + background-color: #586298; + border-color: #586298; +} +[_btn][_btn~=muted-light-2] { + background-color: #7d86b4; + border-color: #7d86b4; + color: #fbfaf8; +} +[_btn][_btn~=muted-light-2]:hover { + background-color: #5d68a1; + border-color: #5d68a1; +} +[_btn][_btn~=muted-light-3] { + background-color: #878fba; + border-color: #878fba; + color: #fbfaf8; +} +[_btn][_btn~=muted-light-3]:hover { + background-color: #6771a7; + border-color: #6771a7; +} +[_btn][_btn~=muted-light-4] { + background-color: #9198bf; + border-color: #9198bf; + color: #fbfaf8; +} +[_btn][_btn~=muted-light-4]:hover { + background-color: #717aad; + border-color: #717aad; +} +[_btn][_btn~=muted-light-5] { + background-color: #9ba1c5; + border-color: #9ba1c5; + color: #fbfaf8; +} +[_btn][_btn~=muted-light-5]:hover { + background-color: #7a83b2; + border-color: #7a83b2; +} +[_btn][_btn~=muted-light-6] { + background-color: #a4aacb; + border-color: #a4aacb; + color: #fbfaf8; +} +[_btn][_btn~=muted-light-6]:hover { + background-color: #848cb8; + border-color: #848cb8; +} +[_btn][_btn~=muted-light-7] { + background-color: #aeb3d0; + border-color: #aeb3d0; + color: #fbfaf8; +} +[_btn][_btn~=muted-light-7]:hover { + background-color: #8e95bd; + border-color: #8e95bd; +} +[_btn][_btn~=muted-light-8] { + background-color: #b8bcd6; + border-color: #b8bcd6; + color: #fbfaf8; +} +[_btn][_btn~=muted-light-8]:hover { + background-color: #979ec3; + border-color: #979ec3; +} +[_btn][_btn~=muted-light-9] { + background-color: #c1c5db; + border-color: #c1c5db; + color: #fbfaf8; +} +[_btn][_btn~=muted-light-9]:hover { + background-color: #a1a7c9; + border-color: #a1a7c9; +} +[_btn][_btn~=muted-light-10] { + background-color: #cbcee1; + border-color: #cbcee1; + color: #fbfaf8; +} +[_btn][_btn~=muted-light-10]:hover { + background-color: #abb0ce; + border-color: #abb0ce; +} +[_btn][_btn~=muted-dark-0] { + background-color: #6a74a9; + border-color: #6a74a9; + color: #fbfaf8; +} +[_btn][_btn~=muted-dark-0]:hover { + background-color: #525b8e; + border-color: #525b8e; +} +[_btn][_btn~=muted-dark-1] { + background-color: #606ba3; + border-color: #606ba3; + color: #fbfaf8; +} +[_btn][_btn~=muted-dark-1]:hover { + background-color: #4c5584; + border-color: #4c5584; +} +[_btn][_btn~=muted-dark-2] { + background-color: #59649b; + border-color: #59649b; + color: #fbfaf8; +} +[_btn][_btn~=muted-dark-2]:hover { + background-color: #474f7b; + border-color: #474f7b; +} +[_btn][_btn~=muted-dark-3] { + background-color: #545e91; + border-color: #545e91; + color: #fbfaf8; +} +[_btn][_btn~=muted-dark-3]:hover { + background-color: #414971; + border-color: #414971; +} +[_btn][_btn~=muted-dark-4] { + background-color: #4e5788; + border-color: #4e5788; + color: #fbfaf8; +} +[_btn][_btn~=muted-dark-4]:hover { + background-color: #3c4267; + border-color: #3c4267; +} +[_btn][_btn~=muted-dark-5] { + background-color: #49517e; + border-color: #49517e; + color: #fbfaf8; +} +[_btn][_btn~=muted-dark-5]:hover { + background-color: #363c5d; + border-color: #363c5d; +} +[_btn][_btn~=muted-dark-6] { + background-color: #434b74; + border-color: #434b74; + color: #fbfaf8; +} +[_btn][_btn~=muted-dark-6]:hover { + background-color: #303654; + border-color: #303654; +} +[_btn][_btn~=muted-dark-7] { + background-color: #3d456a; + border-color: #3d456a; + color: #fbfaf8; +} +[_btn][_btn~=muted-dark-7]:hover { + background-color: #2b304a; + border-color: #2b304a; +} +[_btn][_btn~=muted-dark-8] { + background-color: #383e61; + border-color: #383e61; + color: #fbfaf8; +} +[_btn][_btn~=muted-dark-8]:hover { + background-color: #252940; + border-color: #252940; +} +[_btn][_btn~=muted-dark-9] { + background-color: #323857; + border-color: #323857; + color: #fbfaf8; +} +[_btn][_btn~=muted-dark-9]:hover { + background-color: #202337; + border-color: #202337; +} +[_btn][_btn~=muted-dark-10] { + background-color: #2d324d; + border-color: #2d324d; + color: #fbfaf8; +} +[_btn][_btn~=muted-dark-10]:hover { + background-color: #1a1d2d; + border-color: #1a1d2d; +} +[_btn][_btn~=outline] { + background-color: transparent; +} +[_btn][_btn~=outline][_btn~=red] { + color: #f24236; + border-color: #f24236; +} +[_btn][_btn~=outline][_btn~=red]:hover { + background-color: #f24236; + border-color: #f24236; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=red-light-0] { + color: #f24236; + border-color: #f24236; +} +[_btn][_btn~=outline][_btn~=red-light-0]:hover { + background-color: #f24236; + border-color: #f24236; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=red-light-1] { + color: #f35044; + border-color: #f35044; +} +[_btn][_btn~=outline][_btn~=red-light-1]:hover { + background-color: #f35044; + border-color: #f35044; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=red-light-2] { + color: #f45d53; + border-color: #f45d53; +} +[_btn][_btn~=outline][_btn~=red-light-2]:hover { + background-color: #f45d53; + border-color: #f45d53; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=red-light-3] { + color: #f56b61; + border-color: #f56b61; +} +[_btn][_btn~=outline][_btn~=red-light-3]:hover { + background-color: #f56b61; + border-color: #f56b61; + color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=red-light-4] { + color: #f6786f; + border-color: #f6786f; +} +[_btn][_btn~=outline][_btn~=red-light-4]:hover { + background-color: #f6786f; + border-color: #f6786f; + color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=red-light-5] { + color: #f7867e; + border-color: #f7867e; +} +[_btn][_btn~=outline][_btn~=red-light-5]:hover { + background-color: #f7867e; + border-color: #f7867e; + color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=red-light-6] { + color: #f8938c; + border-color: #f8938c; +} +[_btn][_btn~=outline][_btn~=red-light-6]:hover { + background-color: #f8938c; + border-color: #f8938c; + color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=red-light-7] { + color: #f9a19b; + border-color: #f9a19b; +} +[_btn][_btn~=outline][_btn~=red-light-7]:hover { + background-color: #f9a19b; + border-color: #f9a19b; + color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=red-light-8] { + color: #f9aea9; + border-color: #f9aea9; +} +[_btn][_btn~=outline][_btn~=red-light-8]:hover { + background-color: #f9aea9; + border-color: #f9aea9; + color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=red-light-9] { + color: #fabcb7; + border-color: #fabcb7; +} +[_btn][_btn~=outline][_btn~=red-light-9]:hover { + background-color: #fabcb7; + border-color: #fabcb7; + color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=red-light-10] { + color: #fbc9c6; + border-color: #fbc9c6; +} +[_btn][_btn~=outline][_btn~=red-light-10]:hover { + background-color: #fbc9c6; + border-color: #fbc9c6; + color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=red-dark-0] { + color: #f24236; + border-color: #f24236; +} +[_btn][_btn~=outline][_btn~=red-dark-0]:hover { + background-color: #f24236; + border-color: #f24236; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=red-dark-1] { + color: #f13428; + border-color: #f13428; +} +[_btn][_btn~=outline][_btn~=red-dark-1]:hover { + background-color: #f13428; + border-color: #f13428; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=red-dark-2] { + color: #f02719; + border-color: #f02719; +} +[_btn][_btn~=outline][_btn~=red-dark-2]:hover { + background-color: #f02719; + border-color: #f02719; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=red-dark-3] { + color: #eb1d0f; + border-color: #eb1d0f; +} +[_btn][_btn~=outline][_btn~=red-dark-3]:hover { + background-color: #eb1d0f; + border-color: #eb1d0f; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=red-dark-4] { + color: #dd1b0e; + border-color: #dd1b0e; +} +[_btn][_btn~=outline][_btn~=red-dark-4]:hover { + background-color: #dd1b0e; + border-color: #dd1b0e; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=red-dark-5] { + color: #ce1a0d; + border-color: #ce1a0d; +} +[_btn][_btn~=outline][_btn~=red-dark-5]:hover { + background-color: #ce1a0d; + border-color: #ce1a0d; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=red-dark-6] { + color: #c0180c; + border-color: #c0180c; +} +[_btn][_btn~=outline][_btn~=red-dark-6]:hover { + background-color: #c0180c; + border-color: #c0180c; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=red-dark-7] { + color: #b1160b; + border-color: #b1160b; +} +[_btn][_btn~=outline][_btn~=red-dark-7]:hover { + background-color: #b1160b; + border-color: #b1160b; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=red-dark-8] { + color: #a3140b; + border-color: #a3140b; +} +[_btn][_btn~=outline][_btn~=red-dark-8]:hover { + background-color: #a3140b; + border-color: #a3140b; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=red-dark-9] { + color: #95120a; + border-color: #95120a; +} +[_btn][_btn~=outline][_btn~=red-dark-9]:hover { + background-color: #95120a; + border-color: #95120a; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=red-dark-10] { + color: #861109; + border-color: #861109; +} +[_btn][_btn~=outline][_btn~=red-dark-10]:hover { + background-color: #861109; + border-color: #861109; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=pink] { + color: #e43f6f; + border-color: #e43f6f; +} +[_btn][_btn~=outline][_btn~=pink]:hover { + background-color: #e43f6f; + border-color: #e43f6f; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=pink-light-0] { + color: #e43f6f; + border-color: #e43f6f; +} +[_btn][_btn~=outline][_btn~=pink-light-0]:hover { + background-color: #e43f6f; + border-color: #e43f6f; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=pink-light-1] { + color: #e64c79; + border-color: #e64c79; +} +[_btn][_btn~=outline][_btn~=pink-light-1]:hover { + background-color: #e64c79; + border-color: #e64c79; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=pink-light-2] { + color: #e85a83; + border-color: #e85a83; +} +[_btn][_btn~=outline][_btn~=pink-light-2]:hover { + background-color: #e85a83; + border-color: #e85a83; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=pink-light-3] { + color: #ea678d; + border-color: #ea678d; +} +[_btn][_btn~=outline][_btn~=pink-light-3]:hover { + background-color: #ea678d; + border-color: #ea678d; + color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=pink-light-4] { + color: #ec7597; + border-color: #ec7597; +} +[_btn][_btn~=outline][_btn~=pink-light-4]:hover { + background-color: #ec7597; + border-color: #ec7597; + color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=pink-light-5] { + color: #ed82a1; + border-color: #ed82a1; +} +[_btn][_btn~=outline][_btn~=pink-light-5]:hover { + background-color: #ed82a1; + border-color: #ed82a1; + color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=pink-light-6] { + color: #ef8fab; + border-color: #ef8fab; +} +[_btn][_btn~=outline][_btn~=pink-light-6]:hover { + background-color: #ef8fab; + border-color: #ef8fab; + color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=pink-light-7] { + color: #f19db5; + border-color: #f19db5; +} +[_btn][_btn~=outline][_btn~=pink-light-7]:hover { + background-color: #f19db5; + border-color: #f19db5; + color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=pink-light-8] { + color: #f3aabf; + border-color: #f3aabf; +} +[_btn][_btn~=outline][_btn~=pink-light-8]:hover { + background-color: #f3aabf; + border-color: #f3aabf; + color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=pink-light-9] { + color: #f5b8ca; + border-color: #f5b8ca; +} +[_btn][_btn~=outline][_btn~=pink-light-9]:hover { + background-color: #f5b8ca; + border-color: #f5b8ca; + color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=pink-light-10] { + color: #f7c5d4; + border-color: #f7c5d4; +} +[_btn][_btn~=outline][_btn~=pink-light-10]:hover { + background-color: #f7c5d4; + border-color: #f7c5d4; + color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=pink-dark-0] { + color: #e43f6f; + border-color: #e43f6f; +} +[_btn][_btn~=outline][_btn~=pink-dark-0]:hover { + background-color: #e43f6f; + border-color: #e43f6f; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=pink-dark-1] { + color: #e23265; + border-color: #e23265; +} +[_btn][_btn~=outline][_btn~=pink-dark-1]:hover { + background-color: #e23265; + border-color: #e23265; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=pink-dark-2] { + color: #e0245b; + border-color: #e0245b; +} +[_btn][_btn~=outline][_btn~=pink-dark-2]:hover { + background-color: #e0245b; + border-color: #e0245b; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=pink-dark-3] { + color: #d71e54; + border-color: #d71e54; +} +[_btn][_btn~=outline][_btn~=pink-dark-3]:hover { + background-color: #d71e54; + border-color: #d71e54; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=pink-dark-4] { + color: #c91c4f; + border-color: #c91c4f; +} +[_btn][_btn~=outline][_btn~=pink-dark-4]:hover { + background-color: #c91c4f; + border-color: #c91c4f; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=pink-dark-5] { + color: #bc1a49; + border-color: #bc1a49; +} +[_btn][_btn~=outline][_btn~=pink-dark-5]:hover { + background-color: #bc1a49; + border-color: #bc1a49; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=pink-dark-6] { + color: #af1944; + border-color: #af1944; +} +[_btn][_btn~=outline][_btn~=pink-dark-6]:hover { + background-color: #af1944; + border-color: #af1944; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=pink-dark-7] { + color: #a1173f; + border-color: #a1173f; +} +[_btn][_btn~=outline][_btn~=pink-dark-7]:hover { + background-color: #a1173f; + border-color: #a1173f; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=pink-dark-8] { + color: #94153a; + border-color: #94153a; +} +[_btn][_btn~=outline][_btn~=pink-dark-8]:hover { + background-color: #94153a; + border-color: #94153a; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=pink-dark-9] { + color: #861335; + border-color: #861335; +} +[_btn][_btn~=outline][_btn~=pink-dark-9]:hover { + background-color: #861335; + border-color: #861335; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=pink-dark-10] { + color: #79112f; + border-color: #79112f; +} +[_btn][_btn~=outline][_btn~=pink-dark-10]:hover { + background-color: #79112f; + border-color: #79112f; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=purple] { + color: #6564db; + border-color: #6564db; +} +[_btn][_btn~=outline][_btn~=purple]:hover { + background-color: #6564db; + border-color: #6564db; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=purple-light-0] { + color: #6564db; + border-color: #6564db; +} +[_btn][_btn~=outline][_btn~=purple-light-0]:hover { + background-color: #6564db; + border-color: #6564db; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=purple-light-1] { + color: #7170de; + border-color: #7170de; +} +[_btn][_btn~=outline][_btn~=purple-light-1]:hover { + background-color: #7170de; + border-color: #7170de; + color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=purple-light-2] { + color: #7e7de1; + border-color: #7e7de1; +} +[_btn][_btn~=outline][_btn~=purple-light-2]:hover { + background-color: #7e7de1; + border-color: #7e7de1; + color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=purple-light-3] { + color: #8a89e4; + border-color: #8a89e4; +} +[_btn][_btn~=outline][_btn~=purple-light-3]:hover { + background-color: #8a89e4; + border-color: #8a89e4; + color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=purple-light-4] { + color: #9696e7; + border-color: #9696e7; +} +[_btn][_btn~=outline][_btn~=purple-light-4]:hover { + background-color: #9696e7; + border-color: #9696e7; + color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=purple-light-5] { + color: #a3a2e9; + border-color: #a3a2e9; +} +[_btn][_btn~=outline][_btn~=purple-light-5]:hover { + background-color: #a3a2e9; + border-color: #a3a2e9; + color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=purple-light-6] { + color: #afaeec; + border-color: #afaeec; +} +[_btn][_btn~=outline][_btn~=purple-light-6]:hover { + background-color: #afaeec; + border-color: #afaeec; + color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=purple-light-7] { + color: #bbbbef; + border-color: #bbbbef; +} +[_btn][_btn~=outline][_btn~=purple-light-7]:hover { + background-color: #bbbbef; + border-color: #bbbbef; + color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=purple-light-8] { + color: #c8c7f2; + border-color: #c8c7f2; +} +[_btn][_btn~=outline][_btn~=purple-light-8]:hover { + background-color: #c8c7f2; + border-color: #c8c7f2; + color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=purple-light-9] { + color: #d4d4f5; + border-color: #d4d4f5; +} +[_btn][_btn~=outline][_btn~=purple-light-9]:hover { + background-color: #d4d4f5; + border-color: #d4d4f5; + color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=purple-light-10] { + color: #e0e0f8; + border-color: #e0e0f8; +} +[_btn][_btn~=outline][_btn~=purple-light-10]:hover { + background-color: #e0e0f8; + border-color: #e0e0f8; + color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=purple-dark-0] { + color: #6564db; + border-color: #6564db; +} +[_btn][_btn~=outline][_btn~=purple-dark-0]:hover { + background-color: #6564db; + border-color: #6564db; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=purple-dark-1] { + color: #5958d8; + border-color: #5958d8; +} +[_btn][_btn~=outline][_btn~=purple-dark-1]:hover { + background-color: #5958d8; + border-color: #5958d8; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=purple-dark-2] { + color: #4c4bd5; + border-color: #4c4bd5; +} +[_btn][_btn~=outline][_btn~=purple-dark-2]:hover { + background-color: #4c4bd5; + border-color: #4c4bd5; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=purple-dark-3] { + color: #403fd2; + border-color: #403fd2; +} +[_btn][_btn~=outline][_btn~=purple-dark-3]:hover { + background-color: #403fd2; + border-color: #403fd2; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=purple-dark-4] { + color: #3432cf; + border-color: #3432cf; +} +[_btn][_btn~=outline][_btn~=purple-dark-4]:hover { + background-color: #3432cf; + border-color: #3432cf; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=purple-dark-5] { + color: #2f2ec5; + border-color: #2f2ec5; +} +[_btn][_btn~=outline][_btn~=purple-dark-5]:hover { + background-color: #2f2ec5; + border-color: #2f2ec5; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=purple-dark-6] { + color: #2c2bb8; + border-color: #2c2bb8; +} +[_btn][_btn~=outline][_btn~=purple-dark-6]:hover { + background-color: #2c2bb8; + border-color: #2c2bb8; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=purple-dark-7] { + color: #2928ac; + border-color: #2928ac; +} +[_btn][_btn~=outline][_btn~=purple-dark-7]:hover { + background-color: #2928ac; + border-color: #2928ac; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=purple-dark-8] { + color: #2625a0; + border-color: #2625a0; +} +[_btn][_btn~=outline][_btn~=purple-dark-8]:hover { + background-color: #2625a0; + border-color: #2625a0; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=purple-dark-9] { + color: #232293; + border-color: #232293; +} +[_btn][_btn~=outline][_btn~=purple-dark-9]:hover { + background-color: #232293; + border-color: #232293; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=purple-dark-10] { + color: #201f87; + border-color: #201f87; +} +[_btn][_btn~=outline][_btn~=purple-dark-10]:hover { + background-color: #201f87; + border-color: #201f87; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=indigo] { + color: #473bf0; + border-color: #473bf0; +} +[_btn][_btn~=outline][_btn~=indigo]:hover { + background-color: #473bf0; + border-color: #473bf0; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=indigo-light-0] { + color: #473bf0; + border-color: #473bf0; +} +[_btn][_btn~=outline][_btn~=indigo-light-0]:hover { + background-color: #473bf0; + border-color: #473bf0; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=indigo-light-1] { + color: #5449f1; + border-color: #5449f1; +} +[_btn][_btn~=outline][_btn~=indigo-light-1]:hover { + background-color: #5449f1; + border-color: #5449f1; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=indigo-light-2] { + color: #6257f2; + border-color: #6257f2; +} +[_btn][_btn~=outline][_btn~=indigo-light-2]:hover { + background-color: #6257f2; + border-color: #6257f2; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=indigo-light-3] { + color: #6f66f3; + border-color: #6f66f3; +} +[_btn][_btn~=outline][_btn~=indigo-light-3]:hover { + background-color: #6f66f3; + border-color: #6f66f3; + color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=indigo-light-4] { + color: #7c74f4; + border-color: #7c74f4; +} +[_btn][_btn~=outline][_btn~=indigo-light-4]:hover { + background-color: #7c74f4; + border-color: #7c74f4; + color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=indigo-light-5] { + color: #8a82f5; + border-color: #8a82f5; +} +[_btn][_btn~=outline][_btn~=indigo-light-5]:hover { + background-color: #8a82f5; + border-color: #8a82f5; + color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=indigo-light-6] { + color: #9790f7; + border-color: #9790f7; +} +[_btn][_btn~=outline][_btn~=indigo-light-6]:hover { + background-color: #9790f7; + border-color: #9790f7; + color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=indigo-light-7] { + color: #a49ef8; + border-color: #a49ef8; +} +[_btn][_btn~=outline][_btn~=indigo-light-7]:hover { + background-color: #a49ef8; + border-color: #a49ef8; + color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=indigo-light-8] { + color: #b2adf9; + border-color: #b2adf9; +} +[_btn][_btn~=outline][_btn~=indigo-light-8]:hover { + background-color: #b2adf9; + border-color: #b2adf9; + color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=indigo-light-9] { + color: #bfbbfa; + border-color: #bfbbfa; +} +[_btn][_btn~=outline][_btn~=indigo-light-9]:hover { + background-color: #bfbbfa; + border-color: #bfbbfa; + color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=indigo-light-10] { + color: #ccc9fb; + border-color: #ccc9fb; +} +[_btn][_btn~=outline][_btn~=indigo-light-10]:hover { + background-color: #ccc9fb; + border-color: #ccc9fb; + color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=indigo-dark-0] { + color: #473bf0; + border-color: #473bf0; +} +[_btn][_btn~=outline][_btn~=indigo-dark-0]:hover { + background-color: #473bf0; + border-color: #473bf0; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=indigo-dark-1] { + color: #3a2def; + border-color: #3a2def; +} +[_btn][_btn~=outline][_btn~=indigo-dark-1]:hover { + background-color: #3a2def; + border-color: #3a2def; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=indigo-dark-2] { + color: #2c1fee; + border-color: #2c1fee; +} +[_btn][_btn~=outline][_btn~=indigo-dark-2]:hover { + background-color: #2c1fee; + border-color: #2c1fee; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=indigo-dark-3] { + color: #2012eb; + border-color: #2012eb; +} +[_btn][_btn~=outline][_btn~=indigo-dark-3]:hover { + background-color: #2012eb; + border-color: #2012eb; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=indigo-dark-4] { + color: #1e11dd; + border-color: #1e11dd; +} +[_btn][_btn~=outline][_btn~=indigo-dark-4]:hover { + background-color: #1e11dd; + border-color: #1e11dd; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=indigo-dark-5] { + color: #1c10cf; + border-color: #1c10cf; +} +[_btn][_btn~=outline][_btn~=indigo-dark-5]:hover { + background-color: #1c10cf; + border-color: #1c10cf; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=indigo-dark-6] { + color: #1b0fc0; + border-color: #1b0fc0; +} +[_btn][_btn~=outline][_btn~=indigo-dark-6]:hover { + background-color: #1b0fc0; + border-color: #1b0fc0; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=indigo-dark-7] { + color: #190eb2; + border-color: #190eb2; +} +[_btn][_btn~=outline][_btn~=indigo-dark-7]:hover { + background-color: #190eb2; + border-color: #190eb2; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=indigo-dark-8] { + color: #170da4; + border-color: #170da4; +} +[_btn][_btn~=outline][_btn~=indigo-dark-8]:hover { + background-color: #170da4; + border-color: #170da4; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=indigo-dark-9] { + color: #150b96; + border-color: #150b96; +} +[_btn][_btn~=outline][_btn~=indigo-dark-9]:hover { + background-color: #150b96; + border-color: #150b96; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=indigo-dark-10] { + color: #130a88; + border-color: #130a88; +} +[_btn][_btn~=outline][_btn~=indigo-dark-10]:hover { + background-color: #130a88; + border-color: #130a88; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=blue] { + color: #3169c4; + border-color: #3169c4; +} +[_btn][_btn~=outline][_btn~=blue]:hover { + background-color: #3169c4; + border-color: #3169c4; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=blue-light-0] { + color: #3169c4; + border-color: #3169c4; +} +[_btn][_btn~=outline][_btn~=blue-light-0]:hover { + background-color: #3169c4; + border-color: #3169c4; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=blue-light-1] { + color: #3770cd; + border-color: #3770cd; +} +[_btn][_btn~=outline][_btn~=blue-light-1]:hover { + background-color: #3770cd; + border-color: #3770cd; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=blue-light-2] { + color: #4379d0; + border-color: #4379d0; +} +[_btn][_btn~=outline][_btn~=blue-light-2]:hover { + background-color: #4379d0; + border-color: #4379d0; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=blue-light-3] { + color: #5082d3; + border-color: #5082d3; +} +[_btn][_btn~=outline][_btn~=blue-light-3]:hover { + background-color: #5082d3; + border-color: #5082d3; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=blue-light-4] { + color: #5c8bd6; + border-color: #5c8bd6; +} +[_btn][_btn~=outline][_btn~=blue-light-4]:hover { + background-color: #5c8bd6; + border-color: #5c8bd6; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=blue-light-5] { + color: #6893d9; + border-color: #6893d9; +} +[_btn][_btn~=outline][_btn~=blue-light-5]:hover { + background-color: #6893d9; + border-color: #6893d9; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=blue-light-6] { + color: #749cdc; + border-color: #749cdc; +} +[_btn][_btn~=outline][_btn~=blue-light-6]:hover { + background-color: #749cdc; + border-color: #749cdc; + color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=blue-light-7] { + color: #81a5df; + border-color: #81a5df; +} +[_btn][_btn~=outline][_btn~=blue-light-7]:hover { + background-color: #81a5df; + border-color: #81a5df; + color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=blue-light-8] { + color: #8daee2; + border-color: #8daee2; +} +[_btn][_btn~=outline][_btn~=blue-light-8]:hover { + background-color: #8daee2; + border-color: #8daee2; + color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=blue-light-9] { + color: #99b6e6; + border-color: #99b6e6; +} +[_btn][_btn~=outline][_btn~=blue-light-9]:hover { + background-color: #99b6e6; + border-color: #99b6e6; + color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=blue-light-10] { + color: #a5bfe9; + border-color: #a5bfe9; +} +[_btn][_btn~=outline][_btn~=blue-light-10]:hover { + background-color: #a5bfe9; + border-color: #a5bfe9; + color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=blue-dark-0] { + color: #3169c4; + border-color: #3169c4; +} +[_btn][_btn~=outline][_btn~=blue-dark-0]:hover { + background-color: #3169c4; + border-color: #3169c4; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=blue-dark-1] { + color: #2e62b8; + border-color: #2e62b8; +} +[_btn][_btn~=outline][_btn~=blue-dark-1]:hover { + background-color: #2e62b8; + border-color: #2e62b8; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=blue-dark-2] { + color: #2b5cac; + border-color: #2b5cac; +} +[_btn][_btn~=outline][_btn~=blue-dark-2]:hover { + background-color: #2b5cac; + border-color: #2b5cac; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=blue-dark-3] { + color: #28559f; + border-color: #28559f; +} +[_btn][_btn~=outline][_btn~=blue-dark-3]:hover { + background-color: #28559f; + border-color: #28559f; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=blue-dark-4] { + color: #254f93; + border-color: #254f93; +} +[_btn][_btn~=outline][_btn~=blue-dark-4]:hover { + background-color: #254f93; + border-color: #254f93; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=blue-dark-5] { + color: #224887; + border-color: #224887; +} +[_btn][_btn~=outline][_btn~=blue-dark-5]:hover { + background-color: #224887; + border-color: #224887; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=blue-dark-6] { + color: #1f427b; + border-color: #1f427b; +} +[_btn][_btn~=outline][_btn~=blue-dark-6]:hover { + background-color: #1f427b; + border-color: #1f427b; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=blue-dark-7] { + color: #1c3b6e; + border-color: #1c3b6e; +} +[_btn][_btn~=outline][_btn~=blue-dark-7]:hover { + background-color: #1c3b6e; + border-color: #1c3b6e; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=blue-dark-8] { + color: #193562; + border-color: #193562; +} +[_btn][_btn~=outline][_btn~=blue-dark-8]:hover { + background-color: #193562; + border-color: #193562; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=blue-dark-9] { + color: #152e56; + border-color: #152e56; +} +[_btn][_btn~=outline][_btn~=blue-dark-9]:hover { + background-color: #152e56; + border-color: #152e56; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=blue-dark-10] { + color: #12274a; + border-color: #12274a; +} +[_btn][_btn~=outline][_btn~=blue-dark-10]:hover { + background-color: #12274a; + border-color: #12274a; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=cyan] { + color: #1fa6c1; + border-color: #1fa6c1; +} +[_btn][_btn~=outline][_btn~=cyan]:hover { + background-color: #1fa6c1; + border-color: #1fa6c1; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=cyan-light-0] { + color: #1fa6c1; + border-color: #1fa6c1; +} +[_btn][_btn~=outline][_btn~=cyan-light-0]:hover { + background-color: #1fa6c1; + border-color: #1fa6c1; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=cyan-light-1] { + color: #21b1ce; + border-color: #21b1ce; +} +[_btn][_btn~=outline][_btn~=cyan-light-1]:hover { + background-color: #21b1ce; + border-color: #21b1ce; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=cyan-light-2] { + color: #23bddb; + border-color: #23bddb; +} +[_btn][_btn~=outline][_btn~=cyan-light-2]:hover { + background-color: #23bddb; + border-color: #23bddb; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=cyan-light-3] { + color: #30c1de; + border-color: #30c1de; +} +[_btn][_btn~=outline][_btn~=cyan-light-3]:hover { + background-color: #30c1de; + border-color: #30c1de; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=cyan-light-4] { + color: #3dc5e0; + border-color: #3dc5e0; +} +[_btn][_btn~=outline][_btn~=cyan-light-4]:hover { + background-color: #3dc5e0; + border-color: #3dc5e0; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=cyan-light-5] { + color: #4ac9e2; + border-color: #4ac9e2; +} +[_btn][_btn~=outline][_btn~=cyan-light-5]:hover { + background-color: #4ac9e2; + border-color: #4ac9e2; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=cyan-light-6] { + color: #58cde4; + border-color: #58cde4; +} +[_btn][_btn~=outline][_btn~=cyan-light-6]:hover { + background-color: #58cde4; + border-color: #58cde4; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=cyan-light-7] { + color: #65d1e6; + border-color: #65d1e6; +} +[_btn][_btn~=outline][_btn~=cyan-light-7]:hover { + background-color: #65d1e6; + border-color: #65d1e6; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=cyan-light-8] { + color: #72d5e8; + border-color: #72d5e8; +} +[_btn][_btn~=outline][_btn~=cyan-light-8]:hover { + background-color: #72d5e8; + border-color: #72d5e8; + color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=cyan-light-9] { + color: #7fd9ea; + border-color: #7fd9ea; +} +[_btn][_btn~=outline][_btn~=cyan-light-9]:hover { + background-color: #7fd9ea; + border-color: #7fd9ea; + color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=cyan-light-10] { + color: #8cdded; + border-color: #8cdded; +} +[_btn][_btn~=outline][_btn~=cyan-light-10]:hover { + background-color: #8cdded; + border-color: #8cdded; + color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=cyan-dark-0] { + color: #1fa6c1; + border-color: #1fa6c1; +} +[_btn][_btn~=outline][_btn~=cyan-dark-0]:hover { + background-color: #1fa6c1; + border-color: #1fa6c1; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=cyan-dark-1] { + color: #1d9bb4; + border-color: #1d9bb4; +} +[_btn][_btn~=outline][_btn~=cyan-dark-1]:hover { + background-color: #1d9bb4; + border-color: #1d9bb4; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=cyan-dark-2] { + color: #1b8fa7; + border-color: #1b8fa7; +} +[_btn][_btn~=outline][_btn~=cyan-dark-2]:hover { + background-color: #1b8fa7; + border-color: #1b8fa7; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=cyan-dark-3] { + color: #198499; + border-color: #198499; +} +[_btn][_btn~=outline][_btn~=cyan-dark-3]:hover { + background-color: #198499; + border-color: #198499; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=cyan-dark-4] { + color: #17798c; + border-color: #17798c; +} +[_btn][_btn~=outline][_btn~=cyan-dark-4]:hover { + background-color: #17798c; + border-color: #17798c; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=cyan-dark-5] { + color: #146d7f; + border-color: #146d7f; +} +[_btn][_btn~=outline][_btn~=cyan-dark-5]:hover { + background-color: #146d7f; + border-color: #146d7f; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=cyan-dark-6] { + color: #126272; + border-color: #126272; +} +[_btn][_btn~=outline][_btn~=cyan-dark-6]:hover { + background-color: #126272; + border-color: #126272; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=cyan-dark-7] { + color: #105765; + border-color: #105765; +} +[_btn][_btn~=outline][_btn~=cyan-dark-7]:hover { + background-color: #105765; + border-color: #105765; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=cyan-dark-8] { + color: #0e4b58; + border-color: #0e4b58; +} +[_btn][_btn~=outline][_btn~=cyan-dark-8]:hover { + background-color: #0e4b58; + border-color: #0e4b58; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=cyan-dark-9] { + color: #0c404a; + border-color: #0c404a; +} +[_btn][_btn~=outline][_btn~=cyan-dark-9]:hover { + background-color: #0c404a; + border-color: #0c404a; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=cyan-dark-10] { + color: #0a353d; + border-color: #0a353d; +} +[_btn][_btn~=outline][_btn~=cyan-dark-10]:hover { + background-color: #0a353d; + border-color: #0a353d; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=teal] { + color: #00bfb2; + border-color: #00bfb2; +} +[_btn][_btn~=outline][_btn~=teal]:hover { + background-color: #00bfb2; + border-color: #00bfb2; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=teal-light-0] { + color: #00bfb2; + border-color: #00bfb2; +} +[_btn][_btn~=outline][_btn~=teal-light-0]:hover { + background-color: #00bfb2; + border-color: #00bfb2; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=teal-light-1] { + color: #00cec0; + border-color: #00cec0; +} +[_btn][_btn~=outline][_btn~=teal-light-1]:hover { + background-color: #00cec0; + border-color: #00cec0; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=teal-light-2] { + color: #00decf; + border-color: #00decf; +} +[_btn][_btn~=outline][_btn~=teal-light-2]:hover { + background-color: #00decf; + border-color: #00decf; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=teal-light-3] { + color: #00eddd; + border-color: #00eddd; +} +[_btn][_btn~=outline][_btn~=teal-light-3]:hover { + background-color: #00eddd; + border-color: #00eddd; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=teal-light-4] { + color: #00fceb; + border-color: #00fceb; +} +[_btn][_btn~=outline][_btn~=teal-light-4]:hover { + background-color: #00fceb; + border-color: #00fceb; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=teal-light-5] { + color: #0dffee; + border-color: #0dffee; +} +[_btn][_btn~=outline][_btn~=teal-light-5]:hover { + background-color: #0dffee; + border-color: #0dffee; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=teal-light-6] { + color: #1cfff0; + border-color: #1cfff0; +} +[_btn][_btn~=outline][_btn~=teal-light-6]:hover { + background-color: #1cfff0; + border-color: #1cfff0; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=teal-light-7] { + color: #2bfff1; + border-color: #2bfff1; +} +[_btn][_btn~=outline][_btn~=teal-light-7]:hover { + background-color: #2bfff1; + border-color: #2bfff1; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=teal-light-8] { + color: #3afff2; + border-color: #3afff2; +} +[_btn][_btn~=outline][_btn~=teal-light-8]:hover { + background-color: #3afff2; + border-color: #3afff2; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=teal-light-9] { + color: #4afff3; + border-color: #4afff3; +} +[_btn][_btn~=outline][_btn~=teal-light-9]:hover { + background-color: #4afff3; + border-color: #4afff3; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=teal-light-10] { + color: #59fff4; + border-color: #59fff4; +} +[_btn][_btn~=outline][_btn~=teal-light-10]:hover { + background-color: #59fff4; + border-color: #59fff4; + color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=teal-dark-0] { + color: #00bfb2; + border-color: #00bfb2; +} +[_btn][_btn~=outline][_btn~=teal-dark-0]:hover { + background-color: #00bfb2; + border-color: #00bfb2; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=teal-dark-1] { + color: #00b0a4; + border-color: #00b0a4; +} +[_btn][_btn~=outline][_btn~=teal-dark-1]:hover { + background-color: #00b0a4; + border-color: #00b0a4; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=teal-dark-2] { + color: #00a095; + border-color: #00a095; +} +[_btn][_btn~=outline][_btn~=teal-dark-2]:hover { + background-color: #00a095; + border-color: #00a095; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=teal-dark-3] { + color: #009187; + border-color: #009187; +} +[_btn][_btn~=outline][_btn~=teal-dark-3]:hover { + background-color: #009187; + border-color: #009187; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=teal-dark-4] { + color: #008279; + border-color: #008279; +} +[_btn][_btn~=outline][_btn~=teal-dark-4]:hover { + background-color: #008279; + border-color: #008279; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=teal-dark-5] { + color: #00736b; + border-color: #00736b; +} +[_btn][_btn~=outline][_btn~=teal-dark-5]:hover { + background-color: #00736b; + border-color: #00736b; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=teal-dark-6] { + color: #00635c; + border-color: #00635c; +} +[_btn][_btn~=outline][_btn~=teal-dark-6]:hover { + background-color: #00635c; + border-color: #00635c; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=teal-dark-7] { + color: #00544e; + border-color: #00544e; +} +[_btn][_btn~=outline][_btn~=teal-dark-7]:hover { + background-color: #00544e; + border-color: #00544e; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=teal-dark-8] { + color: #004540; + border-color: #004540; +} +[_btn][_btn~=outline][_btn~=teal-dark-8]:hover { + background-color: #004540; + border-color: #004540; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=teal-dark-9] { + color: #003532; + border-color: #003532; +} +[_btn][_btn~=outline][_btn~=teal-dark-9]:hover { + background-color: #003532; + border-color: #003532; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=teal-dark-10] { + color: #002623; + border-color: #002623; +} +[_btn][_btn~=outline][_btn~=teal-dark-10]:hover { + background-color: #002623; + border-color: #002623; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=green] { + color: #3ccd65; + border-color: #3ccd65; +} +[_btn][_btn~=outline][_btn~=green]:hover { + background-color: #3ccd65; + border-color: #3ccd65; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=green-light-0] { + color: #3ccd65; + border-color: #3ccd65; +} +[_btn][_btn~=outline][_btn~=green-light-0]:hover { + background-color: #3ccd65; + border-color: #3ccd65; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=green-light-1] { + color: #48d06f; + border-color: #48d06f; +} +[_btn][_btn~=outline][_btn~=green-light-1]:hover { + background-color: #48d06f; + border-color: #48d06f; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=green-light-2] { + color: #54d378; + border-color: #54d378; +} +[_btn][_btn~=outline][_btn~=green-light-2]:hover { + background-color: #54d378; + border-color: #54d378; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=green-light-3] { + color: #61d682; + border-color: #61d682; +} +[_btn][_btn~=outline][_btn~=green-light-3]:hover { + background-color: #61d682; + border-color: #61d682; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=green-light-4] { + color: #6dd98b; + border-color: #6dd98b; +} +[_btn][_btn~=outline][_btn~=green-light-4]:hover { + background-color: #6dd98b; + border-color: #6dd98b; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=green-light-5] { + color: #79dd95; + border-color: #79dd95; +} +[_btn][_btn~=outline][_btn~=green-light-5]:hover { + background-color: #79dd95; + border-color: #79dd95; + color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=green-light-6] { + color: #85e09f; + border-color: #85e09f; +} +[_btn][_btn~=outline][_btn~=green-light-6]:hover { + background-color: #85e09f; + border-color: #85e09f; + color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=green-light-7] { + color: #91e3a8; + border-color: #91e3a8; +} +[_btn][_btn~=outline][_btn~=green-light-7]:hover { + background-color: #91e3a8; + border-color: #91e3a8; + color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=green-light-8] { + color: #9de6b2; + border-color: #9de6b2; +} +[_btn][_btn~=outline][_btn~=green-light-8]:hover { + background-color: #9de6b2; + border-color: #9de6b2; + color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=green-light-9] { + color: #aae9bc; + border-color: #aae9bc; +} +[_btn][_btn~=outline][_btn~=green-light-9]:hover { + background-color: #aae9bc; + border-color: #aae9bc; + color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=green-light-10] { + color: #b6ecc5; + border-color: #b6ecc5; +} +[_btn][_btn~=outline][_btn~=green-light-10]:hover { + background-color: #b6ecc5; + border-color: #b6ecc5; + color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=green-dark-0] { + color: #3ccd65; + border-color: #3ccd65; +} +[_btn][_btn~=outline][_btn~=green-dark-0]:hover { + background-color: #3ccd65; + border-color: #3ccd65; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=green-dark-1] { + color: #33c75d; + border-color: #33c75d; +} +[_btn][_btn~=outline][_btn~=green-dark-1]:hover { + background-color: #33c75d; + border-color: #33c75d; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=green-dark-2] { + color: #30bb57; + border-color: #30bb57; +} +[_btn][_btn~=outline][_btn~=green-dark-2]:hover { + background-color: #30bb57; + border-color: #30bb57; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=green-dark-3] { + color: #2dae51; + border-color: #2dae51; +} +[_btn][_btn~=outline][_btn~=green-dark-3]:hover { + background-color: #2dae51; + border-color: #2dae51; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=green-dark-4] { + color: #2aa24c; + border-color: #2aa24c; +} +[_btn][_btn~=outline][_btn~=green-dark-4]:hover { + background-color: #2aa24c; + border-color: #2aa24c; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=green-dark-5] { + color: #269646; + border-color: #269646; +} +[_btn][_btn~=outline][_btn~=green-dark-5]:hover { + background-color: #269646; + border-color: #269646; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=green-dark-6] { + color: #238a40; + border-color: #238a40; +} +[_btn][_btn~=outline][_btn~=green-dark-6]:hover { + background-color: #238a40; + border-color: #238a40; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=green-dark-7] { + color: #207e3b; + border-color: #207e3b; +} +[_btn][_btn~=outline][_btn~=green-dark-7]:hover { + background-color: #207e3b; + border-color: #207e3b; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=green-dark-8] { + color: #1d7135; + border-color: #1d7135; +} +[_btn][_btn~=outline][_btn~=green-dark-8]:hover { + background-color: #1d7135; + border-color: #1d7135; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=green-dark-9] { + color: #1a652f; + border-color: #1a652f; +} +[_btn][_btn~=outline][_btn~=green-dark-9]:hover { + background-color: #1a652f; + border-color: #1a652f; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=green-dark-10] { + color: #17592a; + border-color: #17592a; +} +[_btn][_btn~=outline][_btn~=green-dark-10]:hover { + background-color: #17592a; + border-color: #17592a; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=lime] { + color: #aad922; + border-color: #aad922; +} +[_btn][_btn~=outline][_btn~=lime]:hover { + background-color: #aad922; + border-color: #aad922; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=lime-light-0] { + color: #aad922; + border-color: #aad922; +} +[_btn][_btn~=outline][_btn~=lime-light-0]:hover { + background-color: #aad922; + border-color: #aad922; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=lime-light-1] { + color: #b0de2c; + border-color: #b0de2c; +} +[_btn][_btn~=outline][_btn~=lime-light-1]:hover { + background-color: #b0de2c; + border-color: #b0de2c; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=lime-light-2] { + color: #b5e03a; + border-color: #b5e03a; +} +[_btn][_btn~=outline][_btn~=lime-light-2]:hover { + background-color: #b5e03a; + border-color: #b5e03a; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=lime-light-3] { + color: #bae247; + border-color: #bae247; +} +[_btn][_btn~=outline][_btn~=lime-light-3]:hover { + background-color: #bae247; + border-color: #bae247; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=lime-light-4] { + color: #bfe454; + border-color: #bfe454; +} +[_btn][_btn~=outline][_btn~=lime-light-4]:hover { + background-color: #bfe454; + border-color: #bfe454; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=lime-light-5] { + color: #c4e661; + border-color: #c4e661; +} +[_btn][_btn~=outline][_btn~=lime-light-5]:hover { + background-color: #c4e661; + border-color: #c4e661; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=lime-light-6] { + color: #c9e86e; + border-color: #c9e86e; +} +[_btn][_btn~=outline][_btn~=lime-light-6]:hover { + background-color: #c9e86e; + border-color: #c9e86e; + color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=lime-light-7] { + color: #ceea7c; + border-color: #ceea7c; +} +[_btn][_btn~=outline][_btn~=lime-light-7]:hover { + background-color: #ceea7c; + border-color: #ceea7c; + color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=lime-light-8] { + color: #d3ec89; + border-color: #d3ec89; +} +[_btn][_btn~=outline][_btn~=lime-light-8]:hover { + background-color: #d3ec89; + border-color: #d3ec89; + color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=lime-light-9] { + color: #d8ef96; + border-color: #d8ef96; +} +[_btn][_btn~=outline][_btn~=lime-light-9]:hover { + background-color: #d8ef96; + border-color: #d8ef96; + color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=lime-light-10] { + color: #ddf1a3; + border-color: #ddf1a3; +} +[_btn][_btn~=outline][_btn~=lime-light-10]:hover { + background-color: #ddf1a3; + border-color: #ddf1a3; + color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=lime-dark-0] { + color: #aad922; + border-color: #aad922; +} +[_btn][_btn~=outline][_btn~=lime-dark-0]:hover { + background-color: #aad922; + border-color: #aad922; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=lime-dark-1] { + color: #a0cc20; + border-color: #a0cc20; +} +[_btn][_btn~=outline][_btn~=lime-dark-1]:hover { + background-color: #a0cc20; + border-color: #a0cc20; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=lime-dark-2] { + color: #95bf1e; + border-color: #95bf1e; +} +[_btn][_btn~=outline][_btn~=lime-dark-2]:hover { + background-color: #95bf1e; + border-color: #95bf1e; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=lime-dark-3] { + color: #8bb11c; + border-color: #8bb11c; +} +[_btn][_btn~=outline][_btn~=lime-dark-3]:hover { + background-color: #8bb11c; + border-color: #8bb11c; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=lime-dark-4] { + color: #81a41a; + border-color: #81a41a; +} +[_btn][_btn~=outline][_btn~=lime-dark-4]:hover { + background-color: #81a41a; + border-color: #81a41a; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=lime-dark-5] { + color: #769718; + border-color: #769718; +} +[_btn][_btn~=outline][_btn~=lime-dark-5]:hover { + background-color: #769718; + border-color: #769718; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=lime-dark-6] { + color: #6c8a16; + border-color: #6c8a16; +} +[_btn][_btn~=outline][_btn~=lime-dark-6]:hover { + background-color: #6c8a16; + border-color: #6c8a16; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=lime-dark-7] { + color: #617c13; + border-color: #617c13; +} +[_btn][_btn~=outline][_btn~=lime-dark-7]:hover { + background-color: #617c13; + border-color: #617c13; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=lime-dark-8] { + color: #576f11; + border-color: #576f11; +} +[_btn][_btn~=outline][_btn~=lime-dark-8]:hover { + background-color: #576f11; + border-color: #576f11; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=lime-dark-9] { + color: #4d620f; + border-color: #4d620f; +} +[_btn][_btn~=outline][_btn~=lime-dark-9]:hover { + background-color: #4d620f; + border-color: #4d620f; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=lime-dark-10] { + color: #42550d; + border-color: #42550d; +} +[_btn][_btn~=outline][_btn~=lime-dark-10]:hover { + background-color: #42550d; + border-color: #42550d; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=yellow] { + color: #f7b32b; + border-color: #f7b32b; +} +[_btn][_btn~=outline][_btn~=yellow]:hover { + background-color: #f7b32b; + border-color: #f7b32b; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=yellow-light-0] { + color: #f7b32b; + border-color: #f7b32b; +} +[_btn][_btn~=outline][_btn~=yellow-light-0]:hover { + background-color: #f7b32b; + border-color: #f7b32b; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=yellow-light-1] { + color: #f8b83a; + border-color: #f8b83a; +} +[_btn][_btn~=outline][_btn~=yellow-light-1]:hover { + background-color: #f8b83a; + border-color: #f8b83a; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=yellow-light-2] { + color: #f8be48; + border-color: #f8be48; +} +[_btn][_btn~=outline][_btn~=yellow-light-2]:hover { + background-color: #f8be48; + border-color: #f8be48; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=yellow-light-3] { + color: #f9c357; + border-color: #f9c357; +} +[_btn][_btn~=outline][_btn~=yellow-light-3]:hover { + background-color: #f9c357; + border-color: #f9c357; + color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=yellow-light-4] { + color: #f9c866; + border-color: #f9c866; +} +[_btn][_btn~=outline][_btn~=yellow-light-4]:hover { + background-color: #f9c866; + border-color: #f9c866; + color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=yellow-light-5] { + color: #facd75; + border-color: #facd75; +} +[_btn][_btn~=outline][_btn~=yellow-light-5]:hover { + background-color: #facd75; + border-color: #facd75; + color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=yellow-light-6] { + color: #fad383; + border-color: #fad383; +} +[_btn][_btn~=outline][_btn~=yellow-light-6]:hover { + background-color: #fad383; + border-color: #fad383; + color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=yellow-light-7] { + color: #fbd892; + border-color: #fbd892; +} +[_btn][_btn~=outline][_btn~=yellow-light-7]:hover { + background-color: #fbd892; + border-color: #fbd892; + color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=yellow-light-8] { + color: #fbdda1; + border-color: #fbdda1; +} +[_btn][_btn~=outline][_btn~=yellow-light-8]:hover { + background-color: #fbdda1; + border-color: #fbdda1; + color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=yellow-light-9] { + color: #fce3b0; + border-color: #fce3b0; +} +[_btn][_btn~=outline][_btn~=yellow-light-9]:hover { + background-color: #fce3b0; + border-color: #fce3b0; + color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=yellow-light-10] { + color: #fde8be; + border-color: #fde8be; +} +[_btn][_btn~=outline][_btn~=yellow-light-10]:hover { + background-color: #fde8be; + border-color: #fde8be; + color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=yellow-dark-0] { + color: #f7b32b; + border-color: #f7b32b; +} +[_btn][_btn~=outline][_btn~=yellow-dark-0]:hover { + background-color: #f7b32b; + border-color: #f7b32b; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=yellow-dark-1] { + color: #f6ae1c; + border-color: #f6ae1c; +} +[_btn][_btn~=outline][_btn~=yellow-dark-1]:hover { + background-color: #f6ae1c; + border-color: #f6ae1c; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=yellow-dark-2] { + color: #f6a80e; + border-color: #f6a80e; +} +[_btn][_btn~=outline][_btn~=yellow-dark-2]:hover { + background-color: #f6a80e; + border-color: #f6a80e; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=yellow-dark-3] { + color: #eba009; + border-color: #eba009; +} +[_btn][_btn~=outline][_btn~=yellow-dark-3]:hover { + background-color: #eba009; + border-color: #eba009; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=yellow-dark-4] { + color: #dc9608; + border-color: #dc9608; +} +[_btn][_btn~=outline][_btn~=yellow-dark-4]:hover { + background-color: #dc9608; + border-color: #dc9608; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=yellow-dark-5] { + color: #ce8c08; + border-color: #ce8c08; +} +[_btn][_btn~=outline][_btn~=yellow-dark-5]:hover { + background-color: #ce8c08; + border-color: #ce8c08; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=yellow-dark-6] { + color: #bf8207; + border-color: #bf8207; +} +[_btn][_btn~=outline][_btn~=yellow-dark-6]:hover { + background-color: #bf8207; + border-color: #bf8207; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=yellow-dark-7] { + color: #b07807; + border-color: #b07807; +} +[_btn][_btn~=outline][_btn~=yellow-dark-7]:hover { + background-color: #b07807; + border-color: #b07807; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=yellow-dark-8] { + color: #a26e06; + border-color: #a26e06; +} +[_btn][_btn~=outline][_btn~=yellow-dark-8]:hover { + background-color: #a26e06; + border-color: #a26e06; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=yellow-dark-9] { + color: #936406; + border-color: #936406; +} +[_btn][_btn~=outline][_btn~=yellow-dark-9]:hover { + background-color: #936406; + border-color: #936406; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=yellow-dark-10] { + color: #845a05; + border-color: #845a05; +} +[_btn][_btn~=outline][_btn~=yellow-dark-10]:hover { + background-color: #845a05; + border-color: #845a05; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=amber] { + color: #ff7f11; + border-color: #ff7f11; +} +[_btn][_btn~=outline][_btn~=amber]:hover { + background-color: #ff7f11; + border-color: #ff7f11; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=amber-light-0] { + color: #ff7f11; + border-color: #ff7f11; +} +[_btn][_btn~=outline][_btn~=amber-light-0]:hover { + background-color: #ff7f11; + border-color: #ff7f11; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=amber-light-1] { + color: #ff8720; + border-color: #ff8720; +} +[_btn][_btn~=outline][_btn~=amber-light-1]:hover { + background-color: #ff8720; + border-color: #ff8720; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=amber-light-2] { + color: #ff8f30; + border-color: #ff8f30; +} +[_btn][_btn~=outline][_btn~=amber-light-2]:hover { + background-color: #ff8f30; + border-color: #ff8f30; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=amber-light-3] { + color: #ff983f; + border-color: #ff983f; +} +[_btn][_btn~=outline][_btn~=amber-light-3]:hover { + background-color: #ff983f; + border-color: #ff983f; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=amber-light-4] { + color: #ffa04e; + border-color: #ffa04e; +} +[_btn][_btn~=outline][_btn~=amber-light-4]:hover { + background-color: #ffa04e; + border-color: #ffa04e; + color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=amber-light-5] { + color: #ffa85e; + border-color: #ffa85e; +} +[_btn][_btn~=outline][_btn~=amber-light-5]:hover { + background-color: #ffa85e; + border-color: #ffa85e; + color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=amber-light-6] { + color: #ffb06d; + border-color: #ffb06d; +} +[_btn][_btn~=outline][_btn~=amber-light-6]:hover { + background-color: #ffb06d; + border-color: #ffb06d; + color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=amber-light-7] { + color: #ffb97c; + border-color: #ffb97c; +} +[_btn][_btn~=outline][_btn~=amber-light-7]:hover { + background-color: #ffb97c; + border-color: #ffb97c; + color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=amber-light-8] { + color: #ffc18b; + border-color: #ffc18b; +} +[_btn][_btn~=outline][_btn~=amber-light-8]:hover { + background-color: #ffc18b; + border-color: #ffc18b; + color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=amber-light-9] { + color: #ffc99b; + border-color: #ffc99b; +} +[_btn][_btn~=outline][_btn~=amber-light-9]:hover { + background-color: #ffc99b; + border-color: #ffc99b; + color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=amber-light-10] { + color: #ffd1aa; + border-color: #ffd1aa; +} +[_btn][_btn~=outline][_btn~=amber-light-10]:hover { + background-color: #ffd1aa; + border-color: #ffd1aa; + color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=amber-dark-0] { + color: #ff7f11; + border-color: #ff7f11; +} +[_btn][_btn~=outline][_btn~=amber-dark-0]:hover { + background-color: #ff7f11; + border-color: #ff7f11; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=amber-dark-1] { + color: #ff7702; + border-color: #ff7702; +} +[_btn][_btn~=outline][_btn~=amber-dark-1]:hover { + background-color: #ff7702; + border-color: #ff7702; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=amber-dark-2] { + color: #f17000; + border-color: #f17000; +} +[_btn][_btn~=outline][_btn~=amber-dark-2]:hover { + background-color: #f17000; + border-color: #f17000; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=amber-dark-3] { + color: #e26900; + border-color: #e26900; +} +[_btn][_btn~=outline][_btn~=amber-dark-3]:hover { + background-color: #e26900; + border-color: #e26900; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=amber-dark-4] { + color: #d36100; + border-color: #d36100; +} +[_btn][_btn~=outline][_btn~=amber-dark-4]:hover { + background-color: #d36100; + border-color: #d36100; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=amber-dark-5] { + color: #c45a00; + border-color: #c45a00; +} +[_btn][_btn~=outline][_btn~=amber-dark-5]:hover { + background-color: #c45a00; + border-color: #c45a00; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=amber-dark-6] { + color: #b45300; + border-color: #b45300; +} +[_btn][_btn~=outline][_btn~=amber-dark-6]:hover { + background-color: #b45300; + border-color: #b45300; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=amber-dark-7] { + color: #a54c00; + border-color: #a54c00; +} +[_btn][_btn~=outline][_btn~=amber-dark-7]:hover { + background-color: #a54c00; + border-color: #a54c00; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=amber-dark-8] { + color: #964500; + border-color: #964500; +} +[_btn][_btn~=outline][_btn~=amber-dark-8]:hover { + background-color: #964500; + border-color: #964500; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=amber-dark-9] { + color: #863e00; + border-color: #863e00; +} +[_btn][_btn~=outline][_btn~=amber-dark-9]:hover { + background-color: #863e00; + border-color: #863e00; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=amber-dark-10] { + color: #773700; + border-color: #773700; +} +[_btn][_btn~=outline][_btn~=amber-dark-10]:hover { + background-color: #773700; + border-color: #773700; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=orange] { + color: #f34213; + border-color: #f34213; +} +[_btn][_btn~=outline][_btn~=orange]:hover { + background-color: #f34213; + border-color: #f34213; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=orange-light-0] { + color: #f34213; + border-color: #f34213; +} +[_btn][_btn~=outline][_btn~=orange-light-0]:hover { + background-color: #f34213; + border-color: #f34213; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=orange-light-1] { + color: #f44e22; + border-color: #f44e22; +} +[_btn][_btn~=outline][_btn~=orange-light-1]:hover { + background-color: #f44e22; + border-color: #f44e22; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=orange-light-2] { + color: #f45930; + border-color: #f45930; +} +[_btn][_btn~=outline][_btn~=orange-light-2]:hover { + background-color: #f45930; + border-color: #f45930; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=orange-light-3] { + color: #f5653f; + border-color: #f5653f; +} +[_btn][_btn~=outline][_btn~=orange-light-3]:hover { + background-color: #f5653f; + border-color: #f5653f; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=orange-light-4] { + color: #f6714d; + border-color: #f6714d; +} +[_btn][_btn~=outline][_btn~=orange-light-4]:hover { + background-color: #f6714d; + border-color: #f6714d; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=orange-light-5] { + color: #f77c5c; + border-color: #f77c5c; +} +[_btn][_btn~=outline][_btn~=orange-light-5]:hover { + background-color: #f77c5c; + border-color: #f77c5c; + color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=orange-light-6] { + color: #f7886a; + border-color: #f7886a; +} +[_btn][_btn~=outline][_btn~=orange-light-6]:hover { + background-color: #f7886a; + border-color: #f7886a; + color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=orange-light-7] { + color: #f89479; + border-color: #f89479; +} +[_btn][_btn~=outline][_btn~=orange-light-7]:hover { + background-color: #f89479; + border-color: #f89479; + color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=orange-light-8] { + color: #f99f87; + border-color: #f99f87; +} +[_btn][_btn~=outline][_btn~=orange-light-8]:hover { + background-color: #f99f87; + border-color: #f99f87; + color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=orange-light-9] { + color: #faab96; + border-color: #faab96; +} +[_btn][_btn~=outline][_btn~=orange-light-9]:hover { + background-color: #faab96; + border-color: #faab96; + color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=orange-light-10] { + color: #fab7a5; + border-color: #fab7a5; +} +[_btn][_btn~=outline][_btn~=orange-light-10]:hover { + background-color: #fab7a5; + border-color: #fab7a5; + color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=orange-dark-0] { + color: #f34213; + border-color: #f34213; +} +[_btn][_btn~=outline][_btn~=orange-dark-0]:hover { + background-color: #f34213; + border-color: #f34213; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=orange-dark-1] { + color: #eb3b0c; + border-color: #eb3b0c; +} +[_btn][_btn~=outline][_btn~=orange-dark-1]:hover { + background-color: #eb3b0c; + border-color: #eb3b0c; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=orange-dark-2] { + color: #dc370b; + border-color: #dc370b; +} +[_btn][_btn~=outline][_btn~=orange-dark-2]:hover { + background-color: #dc370b; + border-color: #dc370b; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=orange-dark-3] { + color: #ce330a; + border-color: #ce330a; +} +[_btn][_btn~=outline][_btn~=orange-dark-3]:hover { + background-color: #ce330a; + border-color: #ce330a; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=orange-dark-4] { + color: #bf300a; + border-color: #bf300a; +} +[_btn][_btn~=outline][_btn~=orange-dark-4]:hover { + background-color: #bf300a; + border-color: #bf300a; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=orange-dark-5] { + color: #b12c09; + border-color: #b12c09; +} +[_btn][_btn~=outline][_btn~=orange-dark-5]:hover { + background-color: #b12c09; + border-color: #b12c09; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=orange-dark-6] { + color: #a22808; + border-color: #a22808; +} +[_btn][_btn~=outline][_btn~=orange-dark-6]:hover { + background-color: #a22808; + border-color: #a22808; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=orange-dark-7] { + color: #932507; + border-color: #932507; +} +[_btn][_btn~=outline][_btn~=orange-dark-7]:hover { + background-color: #932507; + border-color: #932507; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=orange-dark-8] { + color: #852107; + border-color: #852107; +} +[_btn][_btn~=outline][_btn~=orange-dark-8]:hover { + background-color: #852107; + border-color: #852107; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=orange-dark-9] { + color: #761e06; + border-color: #761e06; +} +[_btn][_btn~=outline][_btn~=orange-dark-9]:hover { + background-color: #761e06; + border-color: #761e06; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=orange-dark-10] { + color: #681a05; + border-color: #681a05; +} +[_btn][_btn~=outline][_btn~=orange-dark-10]:hover { + background-color: #681a05; + border-color: #681a05; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=brown] { + color: #823329; + border-color: #823329; +} +[_btn][_btn~=outline][_btn~=brown]:hover { + background-color: #823329; + border-color: #823329; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=brown-light-0] { + color: #823329; + border-color: #823329; +} +[_btn][_btn~=outline][_btn~=brown-light-0]:hover { + background-color: #823329; + border-color: #823329; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=brown-light-1] { + color: #8e382d; + border-color: #8e382d; +} +[_btn][_btn~=outline][_btn~=brown-light-1]:hover { + background-color: #8e382d; + border-color: #8e382d; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=brown-light-2] { + color: #993c30; + border-color: #993c30; +} +[_btn][_btn~=outline][_btn~=brown-light-2]:hover { + background-color: #993c30; + border-color: #993c30; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=brown-light-3] { + color: #a54134; + border-color: #a54134; +} +[_btn][_btn~=outline][_btn~=brown-light-3]:hover { + background-color: #a54134; + border-color: #a54134; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=brown-light-4] { + color: #b14538; + border-color: #b14538; +} +[_btn][_btn~=outline][_btn~=brown-light-4]:hover { + background-color: #b14538; + border-color: #b14538; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=brown-light-5] { + color: #bc4a3b; + border-color: #bc4a3b; +} +[_btn][_btn~=outline][_btn~=brown-light-5]:hover { + background-color: #bc4a3b; + border-color: #bc4a3b; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=brown-light-6] { + color: #c45243; + border-color: #c45243; +} +[_btn][_btn~=outline][_btn~=brown-light-6]:hover { + background-color: #c45243; + border-color: #c45243; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=brown-light-7] { + color: #c75c4f; + border-color: #c75c4f; +} +[_btn][_btn~=outline][_btn~=brown-light-7]:hover { + background-color: #c75c4f; + border-color: #c75c4f; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=brown-light-8] { + color: #cb675a; + border-color: #cb675a; +} +[_btn][_btn~=outline][_btn~=brown-light-8]:hover { + background-color: #cb675a; + border-color: #cb675a; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=brown-light-9] { + color: #cf7266; + border-color: #cf7266; +} +[_btn][_btn~=outline][_btn~=brown-light-9]:hover { + background-color: #cf7266; + border-color: #cf7266; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=brown-light-10] { + color: #d27c72; + border-color: #d27c72; +} +[_btn][_btn~=outline][_btn~=brown-light-10]:hover { + background-color: #d27c72; + border-color: #d27c72; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=brown-dark-0] { + color: #823329; + border-color: #823329; +} +[_btn][_btn~=outline][_btn~=brown-dark-0]:hover { + background-color: #823329; + border-color: #823329; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=brown-dark-1] { + color: #762e25; + border-color: #762e25; +} +[_btn][_btn~=outline][_btn~=brown-dark-1]:hover { + background-color: #762e25; + border-color: #762e25; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=brown-dark-2] { + color: #6b2a22; + border-color: #6b2a22; +} +[_btn][_btn~=outline][_btn~=brown-dark-2]:hover { + background-color: #6b2a22; + border-color: #6b2a22; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=brown-dark-3] { + color: #5f251e; + border-color: #5f251e; +} +[_btn][_btn~=outline][_btn~=brown-dark-3]:hover { + background-color: #5f251e; + border-color: #5f251e; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=brown-dark-4] { + color: #53211a; + border-color: #53211a; +} +[_btn][_btn~=outline][_btn~=brown-dark-4]:hover { + background-color: #53211a; + border-color: #53211a; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=brown-dark-5] { + color: #481c17; + border-color: #481c17; +} +[_btn][_btn~=outline][_btn~=brown-dark-5]:hover { + background-color: #481c17; + border-color: #481c17; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=brown-dark-6] { + color: #3c1813; + border-color: #3c1813; +} +[_btn][_btn~=outline][_btn~=brown-dark-6]:hover { + background-color: #3c1813; + border-color: #3c1813; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=brown-dark-7] { + color: #31130f; + border-color: #31130f; +} +[_btn][_btn~=outline][_btn~=brown-dark-7]:hover { + background-color: #31130f; + border-color: #31130f; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=brown-dark-8] { + color: #250e0c; + border-color: #250e0c; +} +[_btn][_btn~=outline][_btn~=brown-dark-8]:hover { + background-color: #250e0c; + border-color: #250e0c; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=brown-dark-9] { + color: #190a08; + border-color: #190a08; +} +[_btn][_btn~=outline][_btn~=brown-dark-9]:hover { + background-color: #190a08; + border-color: #190a08; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=brown-dark-10] { + color: #0e0504; + border-color: #0e0504; +} +[_btn][_btn~=outline][_btn~=brown-dark-10]:hover { + background-color: #0e0504; + border-color: #0e0504; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=grey] { + color: #7179ad; + border-color: #7179ad; +} +[_btn][_btn~=outline][_btn~=grey]:hover { + background-color: #7179ad; + border-color: #7179ad; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=grey-light-0] { + color: #7179ad; + border-color: #7179ad; +} +[_btn][_btn~=outline][_btn~=grey-light-0]:hover { + background-color: #7179ad; + border-color: #7179ad; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=grey-light-1] { + color: #7b82b3; + border-color: #7b82b3; +} +[_btn][_btn~=outline][_btn~=grey-light-1]:hover { + background-color: #7b82b3; + border-color: #7b82b3; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=grey-light-2] { + color: #848bb8; + border-color: #848bb8; +} +[_btn][_btn~=outline][_btn~=grey-light-2]:hover { + background-color: #848bb8; + border-color: #848bb8; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=grey-light-3] { + color: #8e94be; + border-color: #8e94be; +} +[_btn][_btn~=outline][_btn~=grey-light-3]:hover { + background-color: #8e94be; + border-color: #8e94be; + color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=grey-light-4] { + color: #989ec3; + border-color: #989ec3; +} +[_btn][_btn~=outline][_btn~=grey-light-4]:hover { + background-color: #989ec3; + border-color: #989ec3; + color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=grey-light-5] { + color: #a1a7c9; + border-color: #a1a7c9; +} +[_btn][_btn~=outline][_btn~=grey-light-5]:hover { + background-color: #a1a7c9; + border-color: #a1a7c9; + color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=grey-light-6] { + color: #abb0cf; + border-color: #abb0cf; +} +[_btn][_btn~=outline][_btn~=grey-light-6]:hover { + background-color: #abb0cf; + border-color: #abb0cf; + color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=grey-light-7] { + color: #b5b9d4; + border-color: #b5b9d4; +} +[_btn][_btn~=outline][_btn~=grey-light-7]:hover { + background-color: #b5b9d4; + border-color: #b5b9d4; + color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=grey-light-8] { + color: #bfc2da; + border-color: #bfc2da; +} +[_btn][_btn~=outline][_btn~=grey-light-8]:hover { + background-color: #bfc2da; + border-color: #bfc2da; + color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=grey-light-9] { + color: #c8cbdf; + border-color: #c8cbdf; +} +[_btn][_btn~=outline][_btn~=grey-light-9]:hover { + background-color: #c8cbdf; + border-color: #c8cbdf; + color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=grey-light-10] { + color: #d2d5e5; + border-color: #d2d5e5; +} +[_btn][_btn~=outline][_btn~=grey-light-10]:hover { + background-color: #d2d5e5; + border-color: #d2d5e5; + color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=grey-dark-0] { + color: #7179ad; + border-color: #7179ad; +} +[_btn][_btn~=outline][_btn~=grey-dark-0]:hover { + background-color: #7179ad; + border-color: #7179ad; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=grey-dark-1] { + color: #6770a7; + border-color: #6770a7; +} +[_btn][_btn~=outline][_btn~=grey-dark-1]:hover { + background-color: #6770a7; + border-color: #6770a7; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=grey-dark-2] { + color: #5e67a2; + border-color: #5e67a2; +} +[_btn][_btn~=outline][_btn~=grey-dark-2]:hover { + background-color: #5e67a2; + border-color: #5e67a2; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=grey-dark-3] { + color: #586098; + border-color: #586098; +} +[_btn][_btn~=outline][_btn~=grey-dark-3]:hover { + background-color: #586098; + border-color: #586098; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=grey-dark-4] { + color: #525a8f; + border-color: #525a8f; +} +[_btn][_btn~=outline][_btn~=grey-dark-4]:hover { + background-color: #525a8f; + border-color: #525a8f; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=grey-dark-5] { + color: #4d5485; + border-color: #4d5485; +} +[_btn][_btn~=outline][_btn~=grey-dark-5]:hover { + background-color: #4d5485; + border-color: #4d5485; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=grey-dark-6] { + color: #474e7b; + border-color: #474e7b; +} +[_btn][_btn~=outline][_btn~=grey-dark-6]:hover { + background-color: #474e7b; + border-color: #474e7b; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=grey-dark-7] { + color: #414871; + border-color: #414871; +} +[_btn][_btn~=outline][_btn~=grey-dark-7]:hover { + background-color: #414871; + border-color: #414871; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=grey-dark-8] { + color: #3c4268; + border-color: #3c4268; +} +[_btn][_btn~=outline][_btn~=grey-dark-8]:hover { + background-color: #3c4268; + border-color: #3c4268; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=grey-dark-9] { + color: #363c5e; + border-color: #363c5e; +} +[_btn][_btn~=outline][_btn~=grey-dark-9]:hover { + background-color: #363c5e; + border-color: #363c5e; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=grey-dark-10] { + color: #313554; + border-color: #313554; +} +[_btn][_btn~=outline][_btn~=grey-dark-10]:hover { + background-color: #313554; + border-color: #313554; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=black] { + color: #1a1d2d; + border-color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=black]:hover { + background-color: #1a1d2d; + border-color: #1a1d2d; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=black-light-0] { + color: #1a1d2d; + border-color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=black-light-0]:hover { + background-color: #1a1d2d; + border-color: #1a1d2d; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=black-light-1] { + color: #202337; + border-color: #202337; +} +[_btn][_btn~=outline][_btn~=black-light-1]:hover { + background-color: #202337; + border-color: #202337; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=black-light-2] { + color: #252940; + border-color: #252940; +} +[_btn][_btn~=outline][_btn~=black-light-2]:hover { + background-color: #252940; + border-color: #252940; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=black-light-3] { + color: #2b304a; + border-color: #2b304a; +} +[_btn][_btn~=outline][_btn~=black-light-3]:hover { + background-color: #2b304a; + border-color: #2b304a; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=black-light-4] { + color: #303654; + border-color: #303654; +} +[_btn][_btn~=outline][_btn~=black-light-4]:hover { + background-color: #303654; + border-color: #303654; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=black-light-5] { + color: #363c5d; + border-color: #363c5d; +} +[_btn][_btn~=outline][_btn~=black-light-5]:hover { + background-color: #363c5d; + border-color: #363c5d; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=black-light-6] { + color: #3c4267; + border-color: #3c4267; +} +[_btn][_btn~=outline][_btn~=black-light-6]:hover { + background-color: #3c4267; + border-color: #3c4267; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=black-light-7] { + color: #414971; + border-color: #414971; +} +[_btn][_btn~=outline][_btn~=black-light-7]:hover { + background-color: #414971; + border-color: #414971; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=black-light-8] { + color: #474f7b; + border-color: #474f7b; +} +[_btn][_btn~=outline][_btn~=black-light-8]:hover { + background-color: #474f7b; + border-color: #474f7b; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=black-light-9] { + color: #4c5584; + border-color: #4c5584; +} +[_btn][_btn~=outline][_btn~=black-light-9]:hover { + background-color: #4c5584; + border-color: #4c5584; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=black-light-10] { + color: #525b8e; + border-color: #525b8e; +} +[_btn][_btn~=outline][_btn~=black-light-10]:hover { + background-color: #525b8e; + border-color: #525b8e; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=black-dark-0] { + color: #1a1d2d; + border-color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=black-dark-0]:hover { + background-color: #1a1d2d; + border-color: #1a1d2d; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=black-dark-1] { + color: #141723; + border-color: #141723; +} +[_btn][_btn~=outline][_btn~=black-dark-1]:hover { + background-color: #141723; + border-color: #141723; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=black-dark-2] { + color: #0f111a; + border-color: #0f111a; +} +[_btn][_btn~=outline][_btn~=black-dark-2]:hover { + background-color: #0f111a; + border-color: #0f111a; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=black-dark-3] { + color: #090a10; + border-color: #090a10; +} +[_btn][_btn~=outline][_btn~=black-dark-3]:hover { + background-color: #090a10; + border-color: #090a10; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=black-dark-4] { + color: #040406; + border-color: #040406; +} +[_btn][_btn~=outline][_btn~=black-dark-4]:hover { + background-color: #040406; + border-color: #040406; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=black-dark-5] { + color: black; + border-color: black; +} +[_btn][_btn~=outline][_btn~=black-dark-5]:hover { + background-color: black; + border-color: black; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=black-dark-6] { + color: black; + border-color: black; +} +[_btn][_btn~=outline][_btn~=black-dark-6]:hover { + background-color: black; + border-color: black; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=black-dark-7] { + color: black; + border-color: black; +} +[_btn][_btn~=outline][_btn~=black-dark-7]:hover { + background-color: black; + border-color: black; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=black-dark-8] { + color: black; + border-color: black; +} +[_btn][_btn~=outline][_btn~=black-dark-8]:hover { + background-color: black; + border-color: black; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=black-dark-9] { + color: black; + border-color: black; +} +[_btn][_btn~=outline][_btn~=black-dark-9]:hover { + background-color: black; + border-color: black; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=black-dark-10] { + color: black; + border-color: black; +} +[_btn][_btn~=outline][_btn~=black-dark-10]:hover { + background-color: black; + border-color: black; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=white] { + color: #fbfaf8; + border-color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=white]:hover { + background-color: #fbfaf8; + border-color: #fbfaf8; + color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=white-light-0] { + color: #fbfaf8; + border-color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=white-light-0]:hover { + background-color: #fbfaf8; + border-color: #fbfaf8; + color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=white-light-1] { + color: white; + border-color: white; +} +[_btn][_btn~=outline][_btn~=white-light-1]:hover { + background-color: white; + border-color: white; + color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=white-light-2] { + color: white; + border-color: white; +} +[_btn][_btn~=outline][_btn~=white-light-2]:hover { + background-color: white; + border-color: white; + color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=white-light-3] { + color: white; + border-color: white; +} +[_btn][_btn~=outline][_btn~=white-light-3]:hover { + background-color: white; + border-color: white; + color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=white-light-4] { + color: white; + border-color: white; +} +[_btn][_btn~=outline][_btn~=white-light-4]:hover { + background-color: white; + border-color: white; + color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=white-light-5] { + color: white; + border-color: white; +} +[_btn][_btn~=outline][_btn~=white-light-5]:hover { + background-color: white; + border-color: white; + color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=white-light-6] { + color: white; + border-color: white; +} +[_btn][_btn~=outline][_btn~=white-light-6]:hover { + background-color: white; + border-color: white; + color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=white-light-7] { + color: white; + border-color: white; +} +[_btn][_btn~=outline][_btn~=white-light-7]:hover { + background-color: white; + border-color: white; + color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=white-light-8] { + color: white; + border-color: white; +} +[_btn][_btn~=outline][_btn~=white-light-8]:hover { + background-color: white; + border-color: white; + color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=white-light-9] { + color: white; + border-color: white; +} +[_btn][_btn~=outline][_btn~=white-light-9]:hover { + background-color: white; + border-color: white; + color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=white-light-10] { + color: white; + border-color: white; +} +[_btn][_btn~=outline][_btn~=white-light-10]:hover { + background-color: white; + border-color: white; + color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=white-dark-0] { + color: #fbfaf8; + border-color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=white-dark-0]:hover { + background-color: #fbfaf8; + border-color: #fbfaf8; + color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=white-dark-1] { + color: #f5f3ee; + border-color: #f5f3ee; +} +[_btn][_btn~=outline][_btn~=white-dark-1]:hover { + background-color: #f5f3ee; + border-color: #f5f3ee; + color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=white-dark-2] { + color: #f0ece5; + border-color: #f0ece5; +} +[_btn][_btn~=outline][_btn~=white-dark-2]:hover { + background-color: #f0ece5; + border-color: #f0ece5; + color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=white-dark-3] { + color: #eae5db; + border-color: #eae5db; +} +[_btn][_btn~=outline][_btn~=white-dark-3]:hover { + background-color: #eae5db; + border-color: #eae5db; + color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=white-dark-4] { + color: #e5ded1; + border-color: #e5ded1; +} +[_btn][_btn~=outline][_btn~=white-dark-4]:hover { + background-color: #e5ded1; + border-color: #e5ded1; + color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=white-dark-5] { + color: #dfd7c7; + border-color: #dfd7c7; +} +[_btn][_btn~=outline][_btn~=white-dark-5]:hover { + background-color: #dfd7c7; + border-color: #dfd7c7; + color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=white-dark-6] { + color: #dad0be; + border-color: #dad0be; +} +[_btn][_btn~=outline][_btn~=white-dark-6]:hover { + background-color: #dad0be; + border-color: #dad0be; + color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=white-dark-7] { + color: #d4c9b4; + border-color: #d4c9b4; +} +[_btn][_btn~=outline][_btn~=white-dark-7]:hover { + background-color: #d4c9b4; + border-color: #d4c9b4; + color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=white-dark-8] { + color: #cec2aa; + border-color: #cec2aa; +} +[_btn][_btn~=outline][_btn~=white-dark-8]:hover { + background-color: #cec2aa; + border-color: #cec2aa; + color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=white-dark-9] { + color: #c9bba0; + border-color: #c9bba0; +} +[_btn][_btn~=outline][_btn~=white-dark-9]:hover { + background-color: #c9bba0; + border-color: #c9bba0; + color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=white-dark-10] { + color: #c3b497; + border-color: #c3b497; +} +[_btn][_btn~=outline][_btn~=white-dark-10]:hover { + background-color: #c3b497; + border-color: #c3b497; + color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=transparent] { + color: transparent; + border-color: transparent; +} +[_btn][_btn~=outline][_btn~=transparent]:hover { + background-color: transparent; + border-color: transparent; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=transparent-light-0] { + color: transparent; + border-color: transparent; +} +[_btn][_btn~=outline][_btn~=transparent-light-0]:hover { + background-color: transparent; + border-color: transparent; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=transparent-light-1] { + color: rgba(8, 8, 8, 0); + border-color: rgba(8, 8, 8, 0); +} +[_btn][_btn~=outline][_btn~=transparent-light-1]:hover { + background-color: rgba(8, 8, 8, 0); + border-color: rgba(8, 8, 8, 0); + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=transparent-light-2] { + color: rgba(15, 15, 15, 0); + border-color: rgba(15, 15, 15, 0); +} +[_btn][_btn~=outline][_btn~=transparent-light-2]:hover { + background-color: rgba(15, 15, 15, 0); + border-color: rgba(15, 15, 15, 0); + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=transparent-light-3] { + color: rgba(23, 23, 23, 0); + border-color: rgba(23, 23, 23, 0); +} +[_btn][_btn~=outline][_btn~=transparent-light-3]:hover { + background-color: rgba(23, 23, 23, 0); + border-color: rgba(23, 23, 23, 0); + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=transparent-light-4] { + color: rgba(31, 31, 31, 0); + border-color: rgba(31, 31, 31, 0); +} +[_btn][_btn~=outline][_btn~=transparent-light-4]:hover { + background-color: rgba(31, 31, 31, 0); + border-color: rgba(31, 31, 31, 0); + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=transparent-light-5] { + color: rgba(38, 38, 38, 0); + border-color: rgba(38, 38, 38, 0); +} +[_btn][_btn~=outline][_btn~=transparent-light-5]:hover { + background-color: rgba(38, 38, 38, 0); + border-color: rgba(38, 38, 38, 0); + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=transparent-light-6] { + color: rgba(46, 46, 46, 0); + border-color: rgba(46, 46, 46, 0); +} +[_btn][_btn~=outline][_btn~=transparent-light-6]:hover { + background-color: rgba(46, 46, 46, 0); + border-color: rgba(46, 46, 46, 0); + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=transparent-light-7] { + color: rgba(54, 54, 54, 0); + border-color: rgba(54, 54, 54, 0); +} +[_btn][_btn~=outline][_btn~=transparent-light-7]:hover { + background-color: rgba(54, 54, 54, 0); + border-color: rgba(54, 54, 54, 0); + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=transparent-light-8] { + color: rgba(61, 61, 61, 0); + border-color: rgba(61, 61, 61, 0); +} +[_btn][_btn~=outline][_btn~=transparent-light-8]:hover { + background-color: rgba(61, 61, 61, 0); + border-color: rgba(61, 61, 61, 0); + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=transparent-light-9] { + color: rgba(69, 69, 69, 0); + border-color: rgba(69, 69, 69, 0); +} +[_btn][_btn~=outline][_btn~=transparent-light-9]:hover { + background-color: rgba(69, 69, 69, 0); + border-color: rgba(69, 69, 69, 0); + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=transparent-light-10] { + color: rgba(77, 77, 77, 0); + border-color: rgba(77, 77, 77, 0); +} +[_btn][_btn~=outline][_btn~=transparent-light-10]:hover { + background-color: rgba(77, 77, 77, 0); + border-color: rgba(77, 77, 77, 0); + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=transparent-dark-0] { + color: transparent; + border-color: transparent; +} +[_btn][_btn~=outline][_btn~=transparent-dark-0]:hover { + background-color: transparent; + border-color: transparent; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=transparent-dark-1] { + color: rgba(0, 0, 0, 0); + border-color: rgba(0, 0, 0, 0); +} +[_btn][_btn~=outline][_btn~=transparent-dark-1]:hover { + background-color: rgba(0, 0, 0, 0); + border-color: rgba(0, 0, 0, 0); + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=transparent-dark-2] { + color: rgba(0, 0, 0, 0); + border-color: rgba(0, 0, 0, 0); +} +[_btn][_btn~=outline][_btn~=transparent-dark-2]:hover { + background-color: rgba(0, 0, 0, 0); + border-color: rgba(0, 0, 0, 0); + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=transparent-dark-3] { + color: rgba(0, 0, 0, 0); + border-color: rgba(0, 0, 0, 0); +} +[_btn][_btn~=outline][_btn~=transparent-dark-3]:hover { + background-color: rgba(0, 0, 0, 0); + border-color: rgba(0, 0, 0, 0); + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=transparent-dark-4] { + color: rgba(0, 0, 0, 0); + border-color: rgba(0, 0, 0, 0); +} +[_btn][_btn~=outline][_btn~=transparent-dark-4]:hover { + background-color: rgba(0, 0, 0, 0); + border-color: rgba(0, 0, 0, 0); + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=transparent-dark-5] { + color: rgba(0, 0, 0, 0); + border-color: rgba(0, 0, 0, 0); +} +[_btn][_btn~=outline][_btn~=transparent-dark-5]:hover { + background-color: rgba(0, 0, 0, 0); + border-color: rgba(0, 0, 0, 0); + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=transparent-dark-6] { + color: rgba(0, 0, 0, 0); + border-color: rgba(0, 0, 0, 0); +} +[_btn][_btn~=outline][_btn~=transparent-dark-6]:hover { + background-color: rgba(0, 0, 0, 0); + border-color: rgba(0, 0, 0, 0); + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=transparent-dark-7] { + color: rgba(0, 0, 0, 0); + border-color: rgba(0, 0, 0, 0); +} +[_btn][_btn~=outline][_btn~=transparent-dark-7]:hover { + background-color: rgba(0, 0, 0, 0); + border-color: rgba(0, 0, 0, 0); + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=transparent-dark-8] { + color: rgba(0, 0, 0, 0); + border-color: rgba(0, 0, 0, 0); +} +[_btn][_btn~=outline][_btn~=transparent-dark-8]:hover { + background-color: rgba(0, 0, 0, 0); + border-color: rgba(0, 0, 0, 0); + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=transparent-dark-9] { + color: rgba(0, 0, 0, 0); + border-color: rgba(0, 0, 0, 0); +} +[_btn][_btn~=outline][_btn~=transparent-dark-9]:hover { + background-color: rgba(0, 0, 0, 0); + border-color: rgba(0, 0, 0, 0); + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=transparent-dark-10] { + color: rgba(0, 0, 0, 0); + border-color: rgba(0, 0, 0, 0); +} +[_btn][_btn~=outline][_btn~=transparent-dark-10]:hover { + background-color: rgba(0, 0, 0, 0); + border-color: rgba(0, 0, 0, 0); + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=dark] { + color: #1a1d2d; + border-color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=dark]:hover { + background-color: #1a1d2d; + border-color: #1a1d2d; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=dark-light-0] { + color: #1a1d2d; + border-color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=dark-light-0]:hover { + background-color: #1a1d2d; + border-color: #1a1d2d; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=dark-light-1] { + color: #202337; + border-color: #202337; +} +[_btn][_btn~=outline][_btn~=dark-light-1]:hover { + background-color: #202337; + border-color: #202337; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=dark-light-2] { + color: #252940; + border-color: #252940; +} +[_btn][_btn~=outline][_btn~=dark-light-2]:hover { + background-color: #252940; + border-color: #252940; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=dark-light-3] { + color: #2b304a; + border-color: #2b304a; +} +[_btn][_btn~=outline][_btn~=dark-light-3]:hover { + background-color: #2b304a; + border-color: #2b304a; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=dark-light-4] { + color: #303654; + border-color: #303654; +} +[_btn][_btn~=outline][_btn~=dark-light-4]:hover { + background-color: #303654; + border-color: #303654; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=dark-light-5] { + color: #363c5d; + border-color: #363c5d; +} +[_btn][_btn~=outline][_btn~=dark-light-5]:hover { + background-color: #363c5d; + border-color: #363c5d; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=dark-light-6] { + color: #3c4267; + border-color: #3c4267; +} +[_btn][_btn~=outline][_btn~=dark-light-6]:hover { + background-color: #3c4267; + border-color: #3c4267; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=dark-light-7] { + color: #414971; + border-color: #414971; +} +[_btn][_btn~=outline][_btn~=dark-light-7]:hover { + background-color: #414971; + border-color: #414971; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=dark-light-8] { + color: #474f7b; + border-color: #474f7b; +} +[_btn][_btn~=outline][_btn~=dark-light-8]:hover { + background-color: #474f7b; + border-color: #474f7b; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=dark-light-9] { + color: #4c5584; + border-color: #4c5584; +} +[_btn][_btn~=outline][_btn~=dark-light-9]:hover { + background-color: #4c5584; + border-color: #4c5584; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=dark-light-10] { + color: #525b8e; + border-color: #525b8e; +} +[_btn][_btn~=outline][_btn~=dark-light-10]:hover { + background-color: #525b8e; + border-color: #525b8e; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=dark-dark-0] { + color: #1a1d2d; + border-color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=dark-dark-0]:hover { + background-color: #1a1d2d; + border-color: #1a1d2d; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=dark-dark-1] { + color: #141723; + border-color: #141723; +} +[_btn][_btn~=outline][_btn~=dark-dark-1]:hover { + background-color: #141723; + border-color: #141723; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=dark-dark-2] { + color: #0f111a; + border-color: #0f111a; +} +[_btn][_btn~=outline][_btn~=dark-dark-2]:hover { + background-color: #0f111a; + border-color: #0f111a; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=dark-dark-3] { + color: #090a10; + border-color: #090a10; +} +[_btn][_btn~=outline][_btn~=dark-dark-3]:hover { + background-color: #090a10; + border-color: #090a10; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=dark-dark-4] { + color: #040406; + border-color: #040406; +} +[_btn][_btn~=outline][_btn~=dark-dark-4]:hover { + background-color: #040406; + border-color: #040406; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=dark-dark-5] { + color: black; + border-color: black; +} +[_btn][_btn~=outline][_btn~=dark-dark-5]:hover { + background-color: black; + border-color: black; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=dark-dark-6] { + color: black; + border-color: black; +} +[_btn][_btn~=outline][_btn~=dark-dark-6]:hover { + background-color: black; + border-color: black; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=dark-dark-7] { + color: black; + border-color: black; +} +[_btn][_btn~=outline][_btn~=dark-dark-7]:hover { + background-color: black; + border-color: black; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=dark-dark-8] { + color: black; + border-color: black; +} +[_btn][_btn~=outline][_btn~=dark-dark-8]:hover { + background-color: black; + border-color: black; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=dark-dark-9] { + color: black; + border-color: black; +} +[_btn][_btn~=outline][_btn~=dark-dark-9]:hover { + background-color: black; + border-color: black; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=dark-dark-10] { + color: black; + border-color: black; +} +[_btn][_btn~=outline][_btn~=dark-dark-10]:hover { + background-color: black; + border-color: black; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=light] { + color: #fbfaf8; + border-color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=light]:hover { + background-color: #fbfaf8; + border-color: #fbfaf8; + color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=light-light-0] { + color: #fbfaf8; + border-color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=light-light-0]:hover { + background-color: #fbfaf8; + border-color: #fbfaf8; + color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=light-light-1] { + color: white; + border-color: white; +} +[_btn][_btn~=outline][_btn~=light-light-1]:hover { + background-color: white; + border-color: white; + color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=light-light-2] { + color: white; + border-color: white; +} +[_btn][_btn~=outline][_btn~=light-light-2]:hover { + background-color: white; + border-color: white; + color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=light-light-3] { + color: white; + border-color: white; +} +[_btn][_btn~=outline][_btn~=light-light-3]:hover { + background-color: white; + border-color: white; + color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=light-light-4] { + color: white; + border-color: white; +} +[_btn][_btn~=outline][_btn~=light-light-4]:hover { + background-color: white; + border-color: white; + color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=light-light-5] { + color: white; + border-color: white; +} +[_btn][_btn~=outline][_btn~=light-light-5]:hover { + background-color: white; + border-color: white; + color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=light-light-6] { + color: white; + border-color: white; +} +[_btn][_btn~=outline][_btn~=light-light-6]:hover { + background-color: white; + border-color: white; + color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=light-light-7] { + color: white; + border-color: white; +} +[_btn][_btn~=outline][_btn~=light-light-7]:hover { + background-color: white; + border-color: white; + color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=light-light-8] { + color: white; + border-color: white; +} +[_btn][_btn~=outline][_btn~=light-light-8]:hover { + background-color: white; + border-color: white; + color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=light-light-9] { + color: white; + border-color: white; +} +[_btn][_btn~=outline][_btn~=light-light-9]:hover { + background-color: white; + border-color: white; + color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=light-light-10] { + color: white; + border-color: white; +} +[_btn][_btn~=outline][_btn~=light-light-10]:hover { + background-color: white; + border-color: white; + color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=light-dark-0] { + color: #fbfaf8; + border-color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=light-dark-0]:hover { + background-color: #fbfaf8; + border-color: #fbfaf8; + color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=light-dark-1] { + color: #f5f3ee; + border-color: #f5f3ee; +} +[_btn][_btn~=outline][_btn~=light-dark-1]:hover { + background-color: #f5f3ee; + border-color: #f5f3ee; + color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=light-dark-2] { + color: #f0ece5; + border-color: #f0ece5; +} +[_btn][_btn~=outline][_btn~=light-dark-2]:hover { + background-color: #f0ece5; + border-color: #f0ece5; + color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=light-dark-3] { + color: #eae5db; + border-color: #eae5db; +} +[_btn][_btn~=outline][_btn~=light-dark-3]:hover { + background-color: #eae5db; + border-color: #eae5db; + color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=light-dark-4] { + color: #e5ded1; + border-color: #e5ded1; +} +[_btn][_btn~=outline][_btn~=light-dark-4]:hover { + background-color: #e5ded1; + border-color: #e5ded1; + color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=light-dark-5] { + color: #dfd7c7; + border-color: #dfd7c7; +} +[_btn][_btn~=outline][_btn~=light-dark-5]:hover { + background-color: #dfd7c7; + border-color: #dfd7c7; + color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=light-dark-6] { + color: #dad0be; + border-color: #dad0be; +} +[_btn][_btn~=outline][_btn~=light-dark-6]:hover { + background-color: #dad0be; + border-color: #dad0be; + color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=light-dark-7] { + color: #d4c9b4; + border-color: #d4c9b4; +} +[_btn][_btn~=outline][_btn~=light-dark-7]:hover { + background-color: #d4c9b4; + border-color: #d4c9b4; + color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=light-dark-8] { + color: #cec2aa; + border-color: #cec2aa; +} +[_btn][_btn~=outline][_btn~=light-dark-8]:hover { + background-color: #cec2aa; + border-color: #cec2aa; + color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=light-dark-9] { + color: #c9bba0; + border-color: #c9bba0; +} +[_btn][_btn~=outline][_btn~=light-dark-9]:hover { + background-color: #c9bba0; + border-color: #c9bba0; + color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=light-dark-10] { + color: #c3b497; + border-color: #c3b497; +} +[_btn][_btn~=outline][_btn~=light-dark-10]:hover { + background-color: #c3b497; + border-color: #c3b497; + color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=primary] { + color: #00bfb2; + border-color: #00bfb2; +} +[_btn][_btn~=outline][_btn~=primary]:hover { + background-color: #00bfb2; + border-color: #00bfb2; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=primary-light-0] { + color: #00bfb2; + border-color: #00bfb2; +} +[_btn][_btn~=outline][_btn~=primary-light-0]:hover { + background-color: #00bfb2; + border-color: #00bfb2; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=primary-light-1] { + color: #00cec0; + border-color: #00cec0; +} +[_btn][_btn~=outline][_btn~=primary-light-1]:hover { + background-color: #00cec0; + border-color: #00cec0; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=primary-light-2] { + color: #00decf; + border-color: #00decf; +} +[_btn][_btn~=outline][_btn~=primary-light-2]:hover { + background-color: #00decf; + border-color: #00decf; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=primary-light-3] { + color: #00eddd; + border-color: #00eddd; +} +[_btn][_btn~=outline][_btn~=primary-light-3]:hover { + background-color: #00eddd; + border-color: #00eddd; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=primary-light-4] { + color: #00fceb; + border-color: #00fceb; +} +[_btn][_btn~=outline][_btn~=primary-light-4]:hover { + background-color: #00fceb; + border-color: #00fceb; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=primary-light-5] { + color: #0dffee; + border-color: #0dffee; +} +[_btn][_btn~=outline][_btn~=primary-light-5]:hover { + background-color: #0dffee; + border-color: #0dffee; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=primary-light-6] { + color: #1cfff0; + border-color: #1cfff0; +} +[_btn][_btn~=outline][_btn~=primary-light-6]:hover { + background-color: #1cfff0; + border-color: #1cfff0; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=primary-light-7] { + color: #2bfff1; + border-color: #2bfff1; +} +[_btn][_btn~=outline][_btn~=primary-light-7]:hover { + background-color: #2bfff1; + border-color: #2bfff1; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=primary-light-8] { + color: #3afff2; + border-color: #3afff2; +} +[_btn][_btn~=outline][_btn~=primary-light-8]:hover { + background-color: #3afff2; + border-color: #3afff2; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=primary-light-9] { + color: #4afff3; + border-color: #4afff3; +} +[_btn][_btn~=outline][_btn~=primary-light-9]:hover { + background-color: #4afff3; + border-color: #4afff3; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=primary-light-10] { + color: #59fff4; + border-color: #59fff4; +} +[_btn][_btn~=outline][_btn~=primary-light-10]:hover { + background-color: #59fff4; + border-color: #59fff4; + color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=primary-dark-0] { + color: #00bfb2; + border-color: #00bfb2; +} +[_btn][_btn~=outline][_btn~=primary-dark-0]:hover { + background-color: #00bfb2; + border-color: #00bfb2; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=primary-dark-1] { + color: #00b0a4; + border-color: #00b0a4; +} +[_btn][_btn~=outline][_btn~=primary-dark-1]:hover { + background-color: #00b0a4; + border-color: #00b0a4; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=primary-dark-2] { + color: #00a095; + border-color: #00a095; +} +[_btn][_btn~=outline][_btn~=primary-dark-2]:hover { + background-color: #00a095; + border-color: #00a095; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=primary-dark-3] { + color: #009187; + border-color: #009187; +} +[_btn][_btn~=outline][_btn~=primary-dark-3]:hover { + background-color: #009187; + border-color: #009187; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=primary-dark-4] { + color: #008279; + border-color: #008279; +} +[_btn][_btn~=outline][_btn~=primary-dark-4]:hover { + background-color: #008279; + border-color: #008279; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=primary-dark-5] { + color: #00736b; + border-color: #00736b; +} +[_btn][_btn~=outline][_btn~=primary-dark-5]:hover { + background-color: #00736b; + border-color: #00736b; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=primary-dark-6] { + color: #00635c; + border-color: #00635c; +} +[_btn][_btn~=outline][_btn~=primary-dark-6]:hover { + background-color: #00635c; + border-color: #00635c; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=primary-dark-7] { + color: #00544e; + border-color: #00544e; +} +[_btn][_btn~=outline][_btn~=primary-dark-7]:hover { + background-color: #00544e; + border-color: #00544e; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=primary-dark-8] { + color: #004540; + border-color: #004540; +} +[_btn][_btn~=outline][_btn~=primary-dark-8]:hover { + background-color: #004540; + border-color: #004540; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=primary-dark-9] { + color: #003532; + border-color: #003532; +} +[_btn][_btn~=outline][_btn~=primary-dark-9]:hover { + background-color: #003532; + border-color: #003532; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=primary-dark-10] { + color: #002623; + border-color: #002623; +} +[_btn][_btn~=outline][_btn~=primary-dark-10]:hover { + background-color: #002623; + border-color: #002623; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=secondary] { + color: #7179ad; + border-color: #7179ad; +} +[_btn][_btn~=outline][_btn~=secondary]:hover { + background-color: #7179ad; + border-color: #7179ad; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=secondary-light-0] { + color: #7179ad; + border-color: #7179ad; +} +[_btn][_btn~=outline][_btn~=secondary-light-0]:hover { + background-color: #7179ad; + border-color: #7179ad; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=secondary-light-1] { + color: #7b82b3; + border-color: #7b82b3; +} +[_btn][_btn~=outline][_btn~=secondary-light-1]:hover { + background-color: #7b82b3; + border-color: #7b82b3; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=secondary-light-2] { + color: #848bb8; + border-color: #848bb8; +} +[_btn][_btn~=outline][_btn~=secondary-light-2]:hover { + background-color: #848bb8; + border-color: #848bb8; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=secondary-light-3] { + color: #8e94be; + border-color: #8e94be; +} +[_btn][_btn~=outline][_btn~=secondary-light-3]:hover { + background-color: #8e94be; + border-color: #8e94be; + color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=secondary-light-4] { + color: #989ec3; + border-color: #989ec3; +} +[_btn][_btn~=outline][_btn~=secondary-light-4]:hover { + background-color: #989ec3; + border-color: #989ec3; + color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=secondary-light-5] { + color: #a1a7c9; + border-color: #a1a7c9; +} +[_btn][_btn~=outline][_btn~=secondary-light-5]:hover { + background-color: #a1a7c9; + border-color: #a1a7c9; + color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=secondary-light-6] { + color: #abb0cf; + border-color: #abb0cf; +} +[_btn][_btn~=outline][_btn~=secondary-light-6]:hover { + background-color: #abb0cf; + border-color: #abb0cf; + color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=secondary-light-7] { + color: #b5b9d4; + border-color: #b5b9d4; +} +[_btn][_btn~=outline][_btn~=secondary-light-7]:hover { + background-color: #b5b9d4; + border-color: #b5b9d4; + color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=secondary-light-8] { + color: #bfc2da; + border-color: #bfc2da; +} +[_btn][_btn~=outline][_btn~=secondary-light-8]:hover { + background-color: #bfc2da; + border-color: #bfc2da; + color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=secondary-light-9] { + color: #c8cbdf; + border-color: #c8cbdf; +} +[_btn][_btn~=outline][_btn~=secondary-light-9]:hover { + background-color: #c8cbdf; + border-color: #c8cbdf; + color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=secondary-light-10] { + color: #d2d5e5; + border-color: #d2d5e5; +} +[_btn][_btn~=outline][_btn~=secondary-light-10]:hover { + background-color: #d2d5e5; + border-color: #d2d5e5; + color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=secondary-dark-0] { + color: #7179ad; + border-color: #7179ad; +} +[_btn][_btn~=outline][_btn~=secondary-dark-0]:hover { + background-color: #7179ad; + border-color: #7179ad; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=secondary-dark-1] { + color: #6770a7; + border-color: #6770a7; +} +[_btn][_btn~=outline][_btn~=secondary-dark-1]:hover { + background-color: #6770a7; + border-color: #6770a7; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=secondary-dark-2] { + color: #5e67a2; + border-color: #5e67a2; +} +[_btn][_btn~=outline][_btn~=secondary-dark-2]:hover { + background-color: #5e67a2; + border-color: #5e67a2; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=secondary-dark-3] { + color: #586098; + border-color: #586098; +} +[_btn][_btn~=outline][_btn~=secondary-dark-3]:hover { + background-color: #586098; + border-color: #586098; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=secondary-dark-4] { + color: #525a8f; + border-color: #525a8f; +} +[_btn][_btn~=outline][_btn~=secondary-dark-4]:hover { + background-color: #525a8f; + border-color: #525a8f; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=secondary-dark-5] { + color: #4d5485; + border-color: #4d5485; +} +[_btn][_btn~=outline][_btn~=secondary-dark-5]:hover { + background-color: #4d5485; + border-color: #4d5485; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=secondary-dark-6] { + color: #474e7b; + border-color: #474e7b; +} +[_btn][_btn~=outline][_btn~=secondary-dark-6]:hover { + background-color: #474e7b; + border-color: #474e7b; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=secondary-dark-7] { + color: #414871; + border-color: #414871; +} +[_btn][_btn~=outline][_btn~=secondary-dark-7]:hover { + background-color: #414871; + border-color: #414871; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=secondary-dark-8] { + color: #3c4268; + border-color: #3c4268; +} +[_btn][_btn~=outline][_btn~=secondary-dark-8]:hover { + background-color: #3c4268; + border-color: #3c4268; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=secondary-dark-9] { + color: #363c5e; + border-color: #363c5e; +} +[_btn][_btn~=outline][_btn~=secondary-dark-9]:hover { + background-color: #363c5e; + border-color: #363c5e; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=secondary-dark-10] { + color: #313554; + border-color: #313554; +} +[_btn][_btn~=outline][_btn~=secondary-dark-10]:hover { + background-color: #313554; + border-color: #313554; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=success] { + color: #3ccd65; + border-color: #3ccd65; +} +[_btn][_btn~=outline][_btn~=success]:hover { + background-color: #3ccd65; + border-color: #3ccd65; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=success-light-0] { + color: #3ccd65; + border-color: #3ccd65; +} +[_btn][_btn~=outline][_btn~=success-light-0]:hover { + background-color: #3ccd65; + border-color: #3ccd65; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=success-light-1] { + color: #48d06f; + border-color: #48d06f; +} +[_btn][_btn~=outline][_btn~=success-light-1]:hover { + background-color: #48d06f; + border-color: #48d06f; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=success-light-2] { + color: #54d378; + border-color: #54d378; +} +[_btn][_btn~=outline][_btn~=success-light-2]:hover { + background-color: #54d378; + border-color: #54d378; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=success-light-3] { + color: #61d682; + border-color: #61d682; +} +[_btn][_btn~=outline][_btn~=success-light-3]:hover { + background-color: #61d682; + border-color: #61d682; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=success-light-4] { + color: #6dd98b; + border-color: #6dd98b; +} +[_btn][_btn~=outline][_btn~=success-light-4]:hover { + background-color: #6dd98b; + border-color: #6dd98b; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=success-light-5] { + color: #79dd95; + border-color: #79dd95; +} +[_btn][_btn~=outline][_btn~=success-light-5]:hover { + background-color: #79dd95; + border-color: #79dd95; + color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=success-light-6] { + color: #85e09f; + border-color: #85e09f; +} +[_btn][_btn~=outline][_btn~=success-light-6]:hover { + background-color: #85e09f; + border-color: #85e09f; + color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=success-light-7] { + color: #91e3a8; + border-color: #91e3a8; +} +[_btn][_btn~=outline][_btn~=success-light-7]:hover { + background-color: #91e3a8; + border-color: #91e3a8; + color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=success-light-8] { + color: #9de6b2; + border-color: #9de6b2; +} +[_btn][_btn~=outline][_btn~=success-light-8]:hover { + background-color: #9de6b2; + border-color: #9de6b2; + color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=success-light-9] { + color: #aae9bc; + border-color: #aae9bc; +} +[_btn][_btn~=outline][_btn~=success-light-9]:hover { + background-color: #aae9bc; + border-color: #aae9bc; + color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=success-light-10] { + color: #b6ecc5; + border-color: #b6ecc5; +} +[_btn][_btn~=outline][_btn~=success-light-10]:hover { + background-color: #b6ecc5; + border-color: #b6ecc5; + color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=success-dark-0] { + color: #3ccd65; + border-color: #3ccd65; +} +[_btn][_btn~=outline][_btn~=success-dark-0]:hover { + background-color: #3ccd65; + border-color: #3ccd65; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=success-dark-1] { + color: #33c75d; + border-color: #33c75d; +} +[_btn][_btn~=outline][_btn~=success-dark-1]:hover { + background-color: #33c75d; + border-color: #33c75d; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=success-dark-2] { + color: #30bb57; + border-color: #30bb57; +} +[_btn][_btn~=outline][_btn~=success-dark-2]:hover { + background-color: #30bb57; + border-color: #30bb57; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=success-dark-3] { + color: #2dae51; + border-color: #2dae51; +} +[_btn][_btn~=outline][_btn~=success-dark-3]:hover { + background-color: #2dae51; + border-color: #2dae51; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=success-dark-4] { + color: #2aa24c; + border-color: #2aa24c; +} +[_btn][_btn~=outline][_btn~=success-dark-4]:hover { + background-color: #2aa24c; + border-color: #2aa24c; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=success-dark-5] { + color: #269646; + border-color: #269646; +} +[_btn][_btn~=outline][_btn~=success-dark-5]:hover { + background-color: #269646; + border-color: #269646; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=success-dark-6] { + color: #238a40; + border-color: #238a40; +} +[_btn][_btn~=outline][_btn~=success-dark-6]:hover { + background-color: #238a40; + border-color: #238a40; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=success-dark-7] { + color: #207e3b; + border-color: #207e3b; +} +[_btn][_btn~=outline][_btn~=success-dark-7]:hover { + background-color: #207e3b; + border-color: #207e3b; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=success-dark-8] { + color: #1d7135; + border-color: #1d7135; +} +[_btn][_btn~=outline][_btn~=success-dark-8]:hover { + background-color: #1d7135; + border-color: #1d7135; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=success-dark-9] { + color: #1a652f; + border-color: #1a652f; +} +[_btn][_btn~=outline][_btn~=success-dark-9]:hover { + background-color: #1a652f; + border-color: #1a652f; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=success-dark-10] { + color: #17592a; + border-color: #17592a; +} +[_btn][_btn~=outline][_btn~=success-dark-10]:hover { + background-color: #17592a; + border-color: #17592a; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=info] { + color: #1fa6c1; + border-color: #1fa6c1; +} +[_btn][_btn~=outline][_btn~=info]:hover { + background-color: #1fa6c1; + border-color: #1fa6c1; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=info-light-0] { + color: #1fa6c1; + border-color: #1fa6c1; +} +[_btn][_btn~=outline][_btn~=info-light-0]:hover { + background-color: #1fa6c1; + border-color: #1fa6c1; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=info-light-1] { + color: #21b1ce; + border-color: #21b1ce; +} +[_btn][_btn~=outline][_btn~=info-light-1]:hover { + background-color: #21b1ce; + border-color: #21b1ce; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=info-light-2] { + color: #23bddb; + border-color: #23bddb; +} +[_btn][_btn~=outline][_btn~=info-light-2]:hover { + background-color: #23bddb; + border-color: #23bddb; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=info-light-3] { + color: #30c1de; + border-color: #30c1de; +} +[_btn][_btn~=outline][_btn~=info-light-3]:hover { + background-color: #30c1de; + border-color: #30c1de; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=info-light-4] { + color: #3dc5e0; + border-color: #3dc5e0; +} +[_btn][_btn~=outline][_btn~=info-light-4]:hover { + background-color: #3dc5e0; + border-color: #3dc5e0; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=info-light-5] { + color: #4ac9e2; + border-color: #4ac9e2; +} +[_btn][_btn~=outline][_btn~=info-light-5]:hover { + background-color: #4ac9e2; + border-color: #4ac9e2; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=info-light-6] { + color: #58cde4; + border-color: #58cde4; +} +[_btn][_btn~=outline][_btn~=info-light-6]:hover { + background-color: #58cde4; + border-color: #58cde4; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=info-light-7] { + color: #65d1e6; + border-color: #65d1e6; +} +[_btn][_btn~=outline][_btn~=info-light-7]:hover { + background-color: #65d1e6; + border-color: #65d1e6; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=info-light-8] { + color: #72d5e8; + border-color: #72d5e8; +} +[_btn][_btn~=outline][_btn~=info-light-8]:hover { + background-color: #72d5e8; + border-color: #72d5e8; + color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=info-light-9] { + color: #7fd9ea; + border-color: #7fd9ea; +} +[_btn][_btn~=outline][_btn~=info-light-9]:hover { + background-color: #7fd9ea; + border-color: #7fd9ea; + color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=info-light-10] { + color: #8cdded; + border-color: #8cdded; +} +[_btn][_btn~=outline][_btn~=info-light-10]:hover { + background-color: #8cdded; + border-color: #8cdded; + color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=info-dark-0] { + color: #1fa6c1; + border-color: #1fa6c1; +} +[_btn][_btn~=outline][_btn~=info-dark-0]:hover { + background-color: #1fa6c1; + border-color: #1fa6c1; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=info-dark-1] { + color: #1d9bb4; + border-color: #1d9bb4; +} +[_btn][_btn~=outline][_btn~=info-dark-1]:hover { + background-color: #1d9bb4; + border-color: #1d9bb4; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=info-dark-2] { + color: #1b8fa7; + border-color: #1b8fa7; +} +[_btn][_btn~=outline][_btn~=info-dark-2]:hover { + background-color: #1b8fa7; + border-color: #1b8fa7; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=info-dark-3] { + color: #198499; + border-color: #198499; +} +[_btn][_btn~=outline][_btn~=info-dark-3]:hover { + background-color: #198499; + border-color: #198499; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=info-dark-4] { + color: #17798c; + border-color: #17798c; +} +[_btn][_btn~=outline][_btn~=info-dark-4]:hover { + background-color: #17798c; + border-color: #17798c; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=info-dark-5] { + color: #146d7f; + border-color: #146d7f; +} +[_btn][_btn~=outline][_btn~=info-dark-5]:hover { + background-color: #146d7f; + border-color: #146d7f; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=info-dark-6] { + color: #126272; + border-color: #126272; +} +[_btn][_btn~=outline][_btn~=info-dark-6]:hover { + background-color: #126272; + border-color: #126272; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=info-dark-7] { + color: #105765; + border-color: #105765; +} +[_btn][_btn~=outline][_btn~=info-dark-7]:hover { + background-color: #105765; + border-color: #105765; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=info-dark-8] { + color: #0e4b58; + border-color: #0e4b58; +} +[_btn][_btn~=outline][_btn~=info-dark-8]:hover { + background-color: #0e4b58; + border-color: #0e4b58; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=info-dark-9] { + color: #0c404a; + border-color: #0c404a; +} +[_btn][_btn~=outline][_btn~=info-dark-9]:hover { + background-color: #0c404a; + border-color: #0c404a; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=info-dark-10] { + color: #0a353d; + border-color: #0a353d; +} +[_btn][_btn~=outline][_btn~=info-dark-10]:hover { + background-color: #0a353d; + border-color: #0a353d; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=warning] { + color: #ff7f11; + border-color: #ff7f11; +} +[_btn][_btn~=outline][_btn~=warning]:hover { + background-color: #ff7f11; + border-color: #ff7f11; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=warning-light-0] { + color: #ff7f11; + border-color: #ff7f11; +} +[_btn][_btn~=outline][_btn~=warning-light-0]:hover { + background-color: #ff7f11; + border-color: #ff7f11; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=warning-light-1] { + color: #ff8720; + border-color: #ff8720; +} +[_btn][_btn~=outline][_btn~=warning-light-1]:hover { + background-color: #ff8720; + border-color: #ff8720; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=warning-light-2] { + color: #ff8f30; + border-color: #ff8f30; +} +[_btn][_btn~=outline][_btn~=warning-light-2]:hover { + background-color: #ff8f30; + border-color: #ff8f30; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=warning-light-3] { + color: #ff983f; + border-color: #ff983f; +} +[_btn][_btn~=outline][_btn~=warning-light-3]:hover { + background-color: #ff983f; + border-color: #ff983f; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=warning-light-4] { + color: #ffa04e; + border-color: #ffa04e; +} +[_btn][_btn~=outline][_btn~=warning-light-4]:hover { + background-color: #ffa04e; + border-color: #ffa04e; + color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=warning-light-5] { + color: #ffa85e; + border-color: #ffa85e; +} +[_btn][_btn~=outline][_btn~=warning-light-5]:hover { + background-color: #ffa85e; + border-color: #ffa85e; + color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=warning-light-6] { + color: #ffb06d; + border-color: #ffb06d; +} +[_btn][_btn~=outline][_btn~=warning-light-6]:hover { + background-color: #ffb06d; + border-color: #ffb06d; + color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=warning-light-7] { + color: #ffb97c; + border-color: #ffb97c; +} +[_btn][_btn~=outline][_btn~=warning-light-7]:hover { + background-color: #ffb97c; + border-color: #ffb97c; + color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=warning-light-8] { + color: #ffc18b; + border-color: #ffc18b; +} +[_btn][_btn~=outline][_btn~=warning-light-8]:hover { + background-color: #ffc18b; + border-color: #ffc18b; + color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=warning-light-9] { + color: #ffc99b; + border-color: #ffc99b; +} +[_btn][_btn~=outline][_btn~=warning-light-9]:hover { + background-color: #ffc99b; + border-color: #ffc99b; + color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=warning-light-10] { + color: #ffd1aa; + border-color: #ffd1aa; +} +[_btn][_btn~=outline][_btn~=warning-light-10]:hover { + background-color: #ffd1aa; + border-color: #ffd1aa; + color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=warning-dark-0] { + color: #ff7f11; + border-color: #ff7f11; +} +[_btn][_btn~=outline][_btn~=warning-dark-0]:hover { + background-color: #ff7f11; + border-color: #ff7f11; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=warning-dark-1] { + color: #ff7702; + border-color: #ff7702; +} +[_btn][_btn~=outline][_btn~=warning-dark-1]:hover { + background-color: #ff7702; + border-color: #ff7702; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=warning-dark-2] { + color: #f17000; + border-color: #f17000; +} +[_btn][_btn~=outline][_btn~=warning-dark-2]:hover { + background-color: #f17000; + border-color: #f17000; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=warning-dark-3] { + color: #e26900; + border-color: #e26900; +} +[_btn][_btn~=outline][_btn~=warning-dark-3]:hover { + background-color: #e26900; + border-color: #e26900; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=warning-dark-4] { + color: #d36100; + border-color: #d36100; +} +[_btn][_btn~=outline][_btn~=warning-dark-4]:hover { + background-color: #d36100; + border-color: #d36100; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=warning-dark-5] { + color: #c45a00; + border-color: #c45a00; +} +[_btn][_btn~=outline][_btn~=warning-dark-5]:hover { + background-color: #c45a00; + border-color: #c45a00; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=warning-dark-6] { + color: #b45300; + border-color: #b45300; +} +[_btn][_btn~=outline][_btn~=warning-dark-6]:hover { + background-color: #b45300; + border-color: #b45300; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=warning-dark-7] { + color: #a54c00; + border-color: #a54c00; +} +[_btn][_btn~=outline][_btn~=warning-dark-7]:hover { + background-color: #a54c00; + border-color: #a54c00; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=warning-dark-8] { + color: #964500; + border-color: #964500; +} +[_btn][_btn~=outline][_btn~=warning-dark-8]:hover { + background-color: #964500; + border-color: #964500; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=warning-dark-9] { + color: #863e00; + border-color: #863e00; +} +[_btn][_btn~=outline][_btn~=warning-dark-9]:hover { + background-color: #863e00; + border-color: #863e00; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=warning-dark-10] { + color: #773700; + border-color: #773700; +} +[_btn][_btn~=outline][_btn~=warning-dark-10]:hover { + background-color: #773700; + border-color: #773700; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=danger] { + color: #f24236; + border-color: #f24236; +} +[_btn][_btn~=outline][_btn~=danger]:hover { + background-color: #f24236; + border-color: #f24236; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=danger-light-0] { + color: #f24236; + border-color: #f24236; +} +[_btn][_btn~=outline][_btn~=danger-light-0]:hover { + background-color: #f24236; + border-color: #f24236; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=danger-light-1] { + color: #f35044; + border-color: #f35044; +} +[_btn][_btn~=outline][_btn~=danger-light-1]:hover { + background-color: #f35044; + border-color: #f35044; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=danger-light-2] { + color: #f45d53; + border-color: #f45d53; +} +[_btn][_btn~=outline][_btn~=danger-light-2]:hover { + background-color: #f45d53; + border-color: #f45d53; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=danger-light-3] { + color: #f56b61; + border-color: #f56b61; +} +[_btn][_btn~=outline][_btn~=danger-light-3]:hover { + background-color: #f56b61; + border-color: #f56b61; + color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=danger-light-4] { + color: #f6786f; + border-color: #f6786f; +} +[_btn][_btn~=outline][_btn~=danger-light-4]:hover { + background-color: #f6786f; + border-color: #f6786f; + color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=danger-light-5] { + color: #f7867e; + border-color: #f7867e; +} +[_btn][_btn~=outline][_btn~=danger-light-5]:hover { + background-color: #f7867e; + border-color: #f7867e; + color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=danger-light-6] { + color: #f8938c; + border-color: #f8938c; +} +[_btn][_btn~=outline][_btn~=danger-light-6]:hover { + background-color: #f8938c; + border-color: #f8938c; + color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=danger-light-7] { + color: #f9a19b; + border-color: #f9a19b; +} +[_btn][_btn~=outline][_btn~=danger-light-7]:hover { + background-color: #f9a19b; + border-color: #f9a19b; + color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=danger-light-8] { + color: #f9aea9; + border-color: #f9aea9; +} +[_btn][_btn~=outline][_btn~=danger-light-8]:hover { + background-color: #f9aea9; + border-color: #f9aea9; + color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=danger-light-9] { + color: #fabcb7; + border-color: #fabcb7; +} +[_btn][_btn~=outline][_btn~=danger-light-9]:hover { + background-color: #fabcb7; + border-color: #fabcb7; + color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=danger-light-10] { + color: #fbc9c6; + border-color: #fbc9c6; +} +[_btn][_btn~=outline][_btn~=danger-light-10]:hover { + background-color: #fbc9c6; + border-color: #fbc9c6; + color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=danger-dark-0] { + color: #f24236; + border-color: #f24236; +} +[_btn][_btn~=outline][_btn~=danger-dark-0]:hover { + background-color: #f24236; + border-color: #f24236; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=danger-dark-1] { + color: #f13428; + border-color: #f13428; +} +[_btn][_btn~=outline][_btn~=danger-dark-1]:hover { + background-color: #f13428; + border-color: #f13428; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=danger-dark-2] { + color: #f02719; + border-color: #f02719; +} +[_btn][_btn~=outline][_btn~=danger-dark-2]:hover { + background-color: #f02719; + border-color: #f02719; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=danger-dark-3] { + color: #eb1d0f; + border-color: #eb1d0f; +} +[_btn][_btn~=outline][_btn~=danger-dark-3]:hover { + background-color: #eb1d0f; + border-color: #eb1d0f; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=danger-dark-4] { + color: #dd1b0e; + border-color: #dd1b0e; +} +[_btn][_btn~=outline][_btn~=danger-dark-4]:hover { + background-color: #dd1b0e; + border-color: #dd1b0e; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=danger-dark-5] { + color: #ce1a0d; + border-color: #ce1a0d; +} +[_btn][_btn~=outline][_btn~=danger-dark-5]:hover { + background-color: #ce1a0d; + border-color: #ce1a0d; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=danger-dark-6] { + color: #c0180c; + border-color: #c0180c; +} +[_btn][_btn~=outline][_btn~=danger-dark-6]:hover { + background-color: #c0180c; + border-color: #c0180c; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=danger-dark-7] { + color: #b1160b; + border-color: #b1160b; +} +[_btn][_btn~=outline][_btn~=danger-dark-7]:hover { + background-color: #b1160b; + border-color: #b1160b; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=danger-dark-8] { + color: #a3140b; + border-color: #a3140b; +} +[_btn][_btn~=outline][_btn~=danger-dark-8]:hover { + background-color: #a3140b; + border-color: #a3140b; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=danger-dark-9] { + color: #95120a; + border-color: #95120a; +} +[_btn][_btn~=outline][_btn~=danger-dark-9]:hover { + background-color: #95120a; + border-color: #95120a; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=danger-dark-10] { + color: #861109; + border-color: #861109; +} +[_btn][_btn~=outline][_btn~=danger-dark-10]:hover { + background-color: #861109; + border-color: #861109; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=muted] { + color: #6a74a9; + border-color: #6a74a9; +} +[_btn][_btn~=outline][_btn~=muted]:hover { + background-color: #6a74a9; + border-color: #6a74a9; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=muted-light-0] { + color: #6a74a9; + border-color: #6a74a9; +} +[_btn][_btn~=outline][_btn~=muted-light-0]:hover { + background-color: #6a74a9; + border-color: #6a74a9; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=muted-light-1] { + color: #747daf; + border-color: #747daf; +} +[_btn][_btn~=outline][_btn~=muted-light-1]:hover { + background-color: #747daf; + border-color: #747daf; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=muted-light-2] { + color: #7d86b4; + border-color: #7d86b4; +} +[_btn][_btn~=outline][_btn~=muted-light-2]:hover { + background-color: #7d86b4; + border-color: #7d86b4; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=muted-light-3] { + color: #878fba; + border-color: #878fba; +} +[_btn][_btn~=outline][_btn~=muted-light-3]:hover { + background-color: #878fba; + border-color: #878fba; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=muted-light-4] { + color: #9198bf; + border-color: #9198bf; +} +[_btn][_btn~=outline][_btn~=muted-light-4]:hover { + background-color: #9198bf; + border-color: #9198bf; + color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=muted-light-5] { + color: #9ba1c5; + border-color: #9ba1c5; +} +[_btn][_btn~=outline][_btn~=muted-light-5]:hover { + background-color: #9ba1c5; + border-color: #9ba1c5; + color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=muted-light-6] { + color: #a4aacb; + border-color: #a4aacb; +} +[_btn][_btn~=outline][_btn~=muted-light-6]:hover { + background-color: #a4aacb; + border-color: #a4aacb; + color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=muted-light-7] { + color: #aeb3d0; + border-color: #aeb3d0; +} +[_btn][_btn~=outline][_btn~=muted-light-7]:hover { + background-color: #aeb3d0; + border-color: #aeb3d0; + color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=muted-light-8] { + color: #b8bcd6; + border-color: #b8bcd6; +} +[_btn][_btn~=outline][_btn~=muted-light-8]:hover { + background-color: #b8bcd6; + border-color: #b8bcd6; + color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=muted-light-9] { + color: #c1c5db; + border-color: #c1c5db; +} +[_btn][_btn~=outline][_btn~=muted-light-9]:hover { + background-color: #c1c5db; + border-color: #c1c5db; + color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=muted-light-10] { + color: #cbcee1; + border-color: #cbcee1; +} +[_btn][_btn~=outline][_btn~=muted-light-10]:hover { + background-color: #cbcee1; + border-color: #cbcee1; + color: #1a1d2d; +} +[_btn][_btn~=outline][_btn~=muted-dark-0] { + color: #6a74a9; + border-color: #6a74a9; +} +[_btn][_btn~=outline][_btn~=muted-dark-0]:hover { + background-color: #6a74a9; + border-color: #6a74a9; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=muted-dark-1] { + color: #606ba3; + border-color: #606ba3; +} +[_btn][_btn~=outline][_btn~=muted-dark-1]:hover { + background-color: #606ba3; + border-color: #606ba3; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=muted-dark-2] { + color: #59649b; + border-color: #59649b; +} +[_btn][_btn~=outline][_btn~=muted-dark-2]:hover { + background-color: #59649b; + border-color: #59649b; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=muted-dark-3] { + color: #545e91; + border-color: #545e91; +} +[_btn][_btn~=outline][_btn~=muted-dark-3]:hover { + background-color: #545e91; + border-color: #545e91; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=muted-dark-4] { + color: #4e5788; + border-color: #4e5788; +} +[_btn][_btn~=outline][_btn~=muted-dark-4]:hover { + background-color: #4e5788; + border-color: #4e5788; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=muted-dark-5] { + color: #49517e; + border-color: #49517e; +} +[_btn][_btn~=outline][_btn~=muted-dark-5]:hover { + background-color: #49517e; + border-color: #49517e; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=muted-dark-6] { + color: #434b74; + border-color: #434b74; +} +[_btn][_btn~=outline][_btn~=muted-dark-6]:hover { + background-color: #434b74; + border-color: #434b74; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=muted-dark-7] { + color: #3d456a; + border-color: #3d456a; +} +[_btn][_btn~=outline][_btn~=muted-dark-7]:hover { + background-color: #3d456a; + border-color: #3d456a; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=muted-dark-8] { + color: #383e61; + border-color: #383e61; +} +[_btn][_btn~=outline][_btn~=muted-dark-8]:hover { + background-color: #383e61; + border-color: #383e61; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=muted-dark-9] { + color: #323857; + border-color: #323857; +} +[_btn][_btn~=outline][_btn~=muted-dark-9]:hover { + background-color: #323857; + border-color: #323857; + color: #fbfaf8; +} +[_btn][_btn~=outline][_btn~=muted-dark-10] { + color: #2d324d; + border-color: #2d324d; +} +[_btn][_btn~=outline][_btn~=muted-dark-10]:hover { + background-color: #2d324d; + border-color: #2d324d; + color: #fbfaf8; +} + +[_breadcrumb] { + background-color: #bbbfd8; + padding: 15px; + border-radius: 5px; +} +[_breadcrumb] > * { + text-decoration: none; + color: #00bfb2; + display: inline; +} +[_breadcrumb] > *:not(:first-child) { + margin-left: 10px; +} +[_breadcrumb] > *:not(:first-child):before { + content: var(--nav-breadcrumb-symbol); + margin-right: 10px; + color: #6a74a9; +} +[_breadcrumb] > *:last-child { + color: #6a74a9; +} + +[_navbar] { + background-color: #00bfb2; + padding: 30px 0; + font-size: 1.2rem; +} +[_navbar][_navbar~=fixed] { + position: fixed; + top: 0; + left: 0; + right: 0; + z-index: 9999; +} +[_navbar] [_row] { + justify-content: space-between; + flex-wrap: nowrap; + margin: 0 35px; +} +[_navbar] [_row] [_brand] { + font-weight: bold; + font-size: 1.35em; +} +[_navbar] [_row] > div { + width: 100%; +} +[_navbar] [_row] > div:first-child { + text-align: left; +} +[_navbar] [_row] > div:first-child :not(:first-child) { + margin-left: 10px; +} +[_navbar] [_row] > div:last-child { + text-align: right; +} +[_navbar] [_row] > div:last-child:first-child { + text-align: left; +} +[_navbar] [_row] > div:last-child :not(:last-child) { + margin-right: 10px; +} +[_navbar] [_row] > div * { + display: inline; + color: #fbfaf8; +} +[_navbar] [_row] > div a { + color: #fbfaf8; + text-decoration: none; +} +@media screen and (max-width: 580px) { + [_navbar] [_row] { + flex-wrap: wrap; + padding: 0; + } + [_navbar] [_row] > * { + padding: 0; + width: 100%; + } + [_navbar] [_row] > *:first-child, [_navbar] [_row] > *:last-child { + margin: 0 !important; + } + [_navbar] [_row] > *:first-child > *, [_navbar] [_row] > *:last-child > * { + margin: 0 !important; + } + [_navbar] [_row] > * > * { + margin: 0; + display: block !important; + text-align: center; + } +} +[_navbar][_navbar~=red] { + background-color: #f24236; + border-color: #f24236; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=red] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=red-light-0] { + background-color: #f24236; + border-color: #f24236; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=red-light-0] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=red-light-1] { + background-color: #f35044; + border-color: #f35044; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=red-light-1] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=red-light-2] { + background-color: #f45d53; + border-color: #f45d53; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=red-light-2] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=red-light-3] { + background-color: #f56b61; + border-color: #f56b61; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=red-light-3] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=red-light-4] { + background-color: #f6786f; + border-color: #f6786f; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=red-light-4] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=red-light-5] { + background-color: #f7867e; + border-color: #f7867e; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=red-light-5] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=red-light-6] { + background-color: #f8938c; + border-color: #f8938c; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=red-light-6] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=red-light-7] { + background-color: #f9a19b; + border-color: #f9a19b; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=red-light-7] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=red-light-8] { + background-color: #f9aea9; + border-color: #f9aea9; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=red-light-8] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=red-light-9] { + background-color: #fabcb7; + border-color: #fabcb7; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=red-light-9] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=red-light-10] { + background-color: #fbc9c6; + border-color: #fbc9c6; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=red-light-10] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=red-dark-0] { + background-color: #f24236; + border-color: #f24236; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=red-dark-0] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=red-dark-1] { + background-color: #f13428; + border-color: #f13428; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=red-dark-1] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=red-dark-2] { + background-color: #f02719; + border-color: #f02719; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=red-dark-2] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=red-dark-3] { + background-color: #eb1d0f; + border-color: #eb1d0f; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=red-dark-3] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=red-dark-4] { + background-color: #dd1b0e; + border-color: #dd1b0e; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=red-dark-4] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=red-dark-5] { + background-color: #ce1a0d; + border-color: #ce1a0d; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=red-dark-5] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=red-dark-6] { + background-color: #c0180c; + border-color: #c0180c; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=red-dark-6] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=red-dark-7] { + background-color: #b1160b; + border-color: #b1160b; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=red-dark-7] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=red-dark-8] { + background-color: #a3140b; + border-color: #a3140b; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=red-dark-8] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=red-dark-9] { + background-color: #95120a; + border-color: #95120a; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=red-dark-9] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=red-dark-10] { + background-color: #861109; + border-color: #861109; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=red-dark-10] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=pink] { + background-color: #e43f6f; + border-color: #e43f6f; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=pink] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=pink-light-0] { + background-color: #e43f6f; + border-color: #e43f6f; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=pink-light-0] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=pink-light-1] { + background-color: #e64c79; + border-color: #e64c79; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=pink-light-1] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=pink-light-2] { + background-color: #e85a83; + border-color: #e85a83; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=pink-light-2] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=pink-light-3] { + background-color: #ea678d; + border-color: #ea678d; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=pink-light-3] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=pink-light-4] { + background-color: #ec7597; + border-color: #ec7597; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=pink-light-4] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=pink-light-5] { + background-color: #ed82a1; + border-color: #ed82a1; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=pink-light-5] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=pink-light-6] { + background-color: #ef8fab; + border-color: #ef8fab; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=pink-light-6] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=pink-light-7] { + background-color: #f19db5; + border-color: #f19db5; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=pink-light-7] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=pink-light-8] { + background-color: #f3aabf; + border-color: #f3aabf; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=pink-light-8] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=pink-light-9] { + background-color: #f5b8ca; + border-color: #f5b8ca; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=pink-light-9] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=pink-light-10] { + background-color: #f7c5d4; + border-color: #f7c5d4; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=pink-light-10] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=pink-dark-0] { + background-color: #e43f6f; + border-color: #e43f6f; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=pink-dark-0] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=pink-dark-1] { + background-color: #e23265; + border-color: #e23265; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=pink-dark-1] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=pink-dark-2] { + background-color: #e0245b; + border-color: #e0245b; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=pink-dark-2] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=pink-dark-3] { + background-color: #d71e54; + border-color: #d71e54; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=pink-dark-3] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=pink-dark-4] { + background-color: #c91c4f; + border-color: #c91c4f; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=pink-dark-4] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=pink-dark-5] { + background-color: #bc1a49; + border-color: #bc1a49; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=pink-dark-5] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=pink-dark-6] { + background-color: #af1944; + border-color: #af1944; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=pink-dark-6] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=pink-dark-7] { + background-color: #a1173f; + border-color: #a1173f; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=pink-dark-7] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=pink-dark-8] { + background-color: #94153a; + border-color: #94153a; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=pink-dark-8] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=pink-dark-9] { + background-color: #861335; + border-color: #861335; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=pink-dark-9] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=pink-dark-10] { + background-color: #79112f; + border-color: #79112f; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=pink-dark-10] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=purple] { + background-color: #6564db; + border-color: #6564db; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=purple] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=purple-light-0] { + background-color: #6564db; + border-color: #6564db; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=purple-light-0] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=purple-light-1] { + background-color: #7170de; + border-color: #7170de; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=purple-light-1] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=purple-light-2] { + background-color: #7e7de1; + border-color: #7e7de1; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=purple-light-2] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=purple-light-3] { + background-color: #8a89e4; + border-color: #8a89e4; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=purple-light-3] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=purple-light-4] { + background-color: #9696e7; + border-color: #9696e7; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=purple-light-4] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=purple-light-5] { + background-color: #a3a2e9; + border-color: #a3a2e9; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=purple-light-5] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=purple-light-6] { + background-color: #afaeec; + border-color: #afaeec; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=purple-light-6] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=purple-light-7] { + background-color: #bbbbef; + border-color: #bbbbef; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=purple-light-7] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=purple-light-8] { + background-color: #c8c7f2; + border-color: #c8c7f2; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=purple-light-8] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=purple-light-9] { + background-color: #d4d4f5; + border-color: #d4d4f5; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=purple-light-9] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=purple-light-10] { + background-color: #e0e0f8; + border-color: #e0e0f8; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=purple-light-10] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=purple-dark-0] { + background-color: #6564db; + border-color: #6564db; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=purple-dark-0] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=purple-dark-1] { + background-color: #5958d8; + border-color: #5958d8; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=purple-dark-1] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=purple-dark-2] { + background-color: #4c4bd5; + border-color: #4c4bd5; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=purple-dark-2] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=purple-dark-3] { + background-color: #403fd2; + border-color: #403fd2; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=purple-dark-3] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=purple-dark-4] { + background-color: #3432cf; + border-color: #3432cf; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=purple-dark-4] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=purple-dark-5] { + background-color: #2f2ec5; + border-color: #2f2ec5; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=purple-dark-5] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=purple-dark-6] { + background-color: #2c2bb8; + border-color: #2c2bb8; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=purple-dark-6] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=purple-dark-7] { + background-color: #2928ac; + border-color: #2928ac; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=purple-dark-7] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=purple-dark-8] { + background-color: #2625a0; + border-color: #2625a0; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=purple-dark-8] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=purple-dark-9] { + background-color: #232293; + border-color: #232293; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=purple-dark-9] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=purple-dark-10] { + background-color: #201f87; + border-color: #201f87; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=purple-dark-10] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=indigo] { + background-color: #473bf0; + border-color: #473bf0; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=indigo] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=indigo-light-0] { + background-color: #473bf0; + border-color: #473bf0; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=indigo-light-0] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=indigo-light-1] { + background-color: #5449f1; + border-color: #5449f1; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=indigo-light-1] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=indigo-light-2] { + background-color: #6257f2; + border-color: #6257f2; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=indigo-light-2] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=indigo-light-3] { + background-color: #6f66f3; + border-color: #6f66f3; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=indigo-light-3] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=indigo-light-4] { + background-color: #7c74f4; + border-color: #7c74f4; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=indigo-light-4] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=indigo-light-5] { + background-color: #8a82f5; + border-color: #8a82f5; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=indigo-light-5] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=indigo-light-6] { + background-color: #9790f7; + border-color: #9790f7; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=indigo-light-6] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=indigo-light-7] { + background-color: #a49ef8; + border-color: #a49ef8; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=indigo-light-7] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=indigo-light-8] { + background-color: #b2adf9; + border-color: #b2adf9; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=indigo-light-8] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=indigo-light-9] { + background-color: #bfbbfa; + border-color: #bfbbfa; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=indigo-light-9] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=indigo-light-10] { + background-color: #ccc9fb; + border-color: #ccc9fb; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=indigo-light-10] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=indigo-dark-0] { + background-color: #473bf0; + border-color: #473bf0; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=indigo-dark-0] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=indigo-dark-1] { + background-color: #3a2def; + border-color: #3a2def; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=indigo-dark-1] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=indigo-dark-2] { + background-color: #2c1fee; + border-color: #2c1fee; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=indigo-dark-2] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=indigo-dark-3] { + background-color: #2012eb; + border-color: #2012eb; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=indigo-dark-3] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=indigo-dark-4] { + background-color: #1e11dd; + border-color: #1e11dd; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=indigo-dark-4] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=indigo-dark-5] { + background-color: #1c10cf; + border-color: #1c10cf; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=indigo-dark-5] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=indigo-dark-6] { + background-color: #1b0fc0; + border-color: #1b0fc0; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=indigo-dark-6] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=indigo-dark-7] { + background-color: #190eb2; + border-color: #190eb2; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=indigo-dark-7] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=indigo-dark-8] { + background-color: #170da4; + border-color: #170da4; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=indigo-dark-8] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=indigo-dark-9] { + background-color: #150b96; + border-color: #150b96; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=indigo-dark-9] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=indigo-dark-10] { + background-color: #130a88; + border-color: #130a88; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=indigo-dark-10] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=blue] { + background-color: #3169c4; + border-color: #3169c4; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=blue] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=blue-light-0] { + background-color: #3169c4; + border-color: #3169c4; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=blue-light-0] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=blue-light-1] { + background-color: #3770cd; + border-color: #3770cd; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=blue-light-1] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=blue-light-2] { + background-color: #4379d0; + border-color: #4379d0; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=blue-light-2] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=blue-light-3] { + background-color: #5082d3; + border-color: #5082d3; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=blue-light-3] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=blue-light-4] { + background-color: #5c8bd6; + border-color: #5c8bd6; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=blue-light-4] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=blue-light-5] { + background-color: #6893d9; + border-color: #6893d9; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=blue-light-5] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=blue-light-6] { + background-color: #749cdc; + border-color: #749cdc; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=blue-light-6] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=blue-light-7] { + background-color: #81a5df; + border-color: #81a5df; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=blue-light-7] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=blue-light-8] { + background-color: #8daee2; + border-color: #8daee2; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=blue-light-8] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=blue-light-9] { + background-color: #99b6e6; + border-color: #99b6e6; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=blue-light-9] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=blue-light-10] { + background-color: #a5bfe9; + border-color: #a5bfe9; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=blue-light-10] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=blue-dark-0] { + background-color: #3169c4; + border-color: #3169c4; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=blue-dark-0] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=blue-dark-1] { + background-color: #2e62b8; + border-color: #2e62b8; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=blue-dark-1] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=blue-dark-2] { + background-color: #2b5cac; + border-color: #2b5cac; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=blue-dark-2] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=blue-dark-3] { + background-color: #28559f; + border-color: #28559f; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=blue-dark-3] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=blue-dark-4] { + background-color: #254f93; + border-color: #254f93; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=blue-dark-4] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=blue-dark-5] { + background-color: #224887; + border-color: #224887; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=blue-dark-5] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=blue-dark-6] { + background-color: #1f427b; + border-color: #1f427b; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=blue-dark-6] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=blue-dark-7] { + background-color: #1c3b6e; + border-color: #1c3b6e; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=blue-dark-7] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=blue-dark-8] { + background-color: #193562; + border-color: #193562; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=blue-dark-8] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=blue-dark-9] { + background-color: #152e56; + border-color: #152e56; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=blue-dark-9] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=blue-dark-10] { + background-color: #12274a; + border-color: #12274a; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=blue-dark-10] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=cyan] { + background-color: #1fa6c1; + border-color: #1fa6c1; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=cyan] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=cyan-light-0] { + background-color: #1fa6c1; + border-color: #1fa6c1; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=cyan-light-0] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=cyan-light-1] { + background-color: #21b1ce; + border-color: #21b1ce; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=cyan-light-1] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=cyan-light-2] { + background-color: #23bddb; + border-color: #23bddb; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=cyan-light-2] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=cyan-light-3] { + background-color: #30c1de; + border-color: #30c1de; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=cyan-light-3] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=cyan-light-4] { + background-color: #3dc5e0; + border-color: #3dc5e0; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=cyan-light-4] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=cyan-light-5] { + background-color: #4ac9e2; + border-color: #4ac9e2; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=cyan-light-5] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=cyan-light-6] { + background-color: #58cde4; + border-color: #58cde4; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=cyan-light-6] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=cyan-light-7] { + background-color: #65d1e6; + border-color: #65d1e6; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=cyan-light-7] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=cyan-light-8] { + background-color: #72d5e8; + border-color: #72d5e8; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=cyan-light-8] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=cyan-light-9] { + background-color: #7fd9ea; + border-color: #7fd9ea; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=cyan-light-9] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=cyan-light-10] { + background-color: #8cdded; + border-color: #8cdded; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=cyan-light-10] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=cyan-dark-0] { + background-color: #1fa6c1; + border-color: #1fa6c1; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=cyan-dark-0] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=cyan-dark-1] { + background-color: #1d9bb4; + border-color: #1d9bb4; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=cyan-dark-1] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=cyan-dark-2] { + background-color: #1b8fa7; + border-color: #1b8fa7; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=cyan-dark-2] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=cyan-dark-3] { + background-color: #198499; + border-color: #198499; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=cyan-dark-3] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=cyan-dark-4] { + background-color: #17798c; + border-color: #17798c; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=cyan-dark-4] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=cyan-dark-5] { + background-color: #146d7f; + border-color: #146d7f; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=cyan-dark-5] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=cyan-dark-6] { + background-color: #126272; + border-color: #126272; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=cyan-dark-6] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=cyan-dark-7] { + background-color: #105765; + border-color: #105765; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=cyan-dark-7] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=cyan-dark-8] { + background-color: #0e4b58; + border-color: #0e4b58; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=cyan-dark-8] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=cyan-dark-9] { + background-color: #0c404a; + border-color: #0c404a; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=cyan-dark-9] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=cyan-dark-10] { + background-color: #0a353d; + border-color: #0a353d; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=cyan-dark-10] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=teal] { + background-color: #00bfb2; + border-color: #00bfb2; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=teal] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=teal-light-0] { + background-color: #00bfb2; + border-color: #00bfb2; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=teal-light-0] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=teal-light-1] { + background-color: #00cec0; + border-color: #00cec0; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=teal-light-1] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=teal-light-2] { + background-color: #00decf; + border-color: #00decf; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=teal-light-2] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=teal-light-3] { + background-color: #00eddd; + border-color: #00eddd; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=teal-light-3] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=teal-light-4] { + background-color: #00fceb; + border-color: #00fceb; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=teal-light-4] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=teal-light-5] { + background-color: #0dffee; + border-color: #0dffee; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=teal-light-5] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=teal-light-6] { + background-color: #1cfff0; + border-color: #1cfff0; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=teal-light-6] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=teal-light-7] { + background-color: #2bfff1; + border-color: #2bfff1; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=teal-light-7] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=teal-light-8] { + background-color: #3afff2; + border-color: #3afff2; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=teal-light-8] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=teal-light-9] { + background-color: #4afff3; + border-color: #4afff3; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=teal-light-9] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=teal-light-10] { + background-color: #59fff4; + border-color: #59fff4; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=teal-light-10] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=teal-dark-0] { + background-color: #00bfb2; + border-color: #00bfb2; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=teal-dark-0] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=teal-dark-1] { + background-color: #00b0a4; + border-color: #00b0a4; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=teal-dark-1] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=teal-dark-2] { + background-color: #00a095; + border-color: #00a095; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=teal-dark-2] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=teal-dark-3] { + background-color: #009187; + border-color: #009187; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=teal-dark-3] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=teal-dark-4] { + background-color: #008279; + border-color: #008279; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=teal-dark-4] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=teal-dark-5] { + background-color: #00736b; + border-color: #00736b; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=teal-dark-5] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=teal-dark-6] { + background-color: #00635c; + border-color: #00635c; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=teal-dark-6] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=teal-dark-7] { + background-color: #00544e; + border-color: #00544e; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=teal-dark-7] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=teal-dark-8] { + background-color: #004540; + border-color: #004540; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=teal-dark-8] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=teal-dark-9] { + background-color: #003532; + border-color: #003532; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=teal-dark-9] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=teal-dark-10] { + background-color: #002623; + border-color: #002623; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=teal-dark-10] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=green] { + background-color: #3ccd65; + border-color: #3ccd65; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=green] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=green-light-0] { + background-color: #3ccd65; + border-color: #3ccd65; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=green-light-0] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=green-light-1] { + background-color: #48d06f; + border-color: #48d06f; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=green-light-1] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=green-light-2] { + background-color: #54d378; + border-color: #54d378; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=green-light-2] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=green-light-3] { + background-color: #61d682; + border-color: #61d682; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=green-light-3] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=green-light-4] { + background-color: #6dd98b; + border-color: #6dd98b; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=green-light-4] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=green-light-5] { + background-color: #79dd95; + border-color: #79dd95; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=green-light-5] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=green-light-6] { + background-color: #85e09f; + border-color: #85e09f; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=green-light-6] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=green-light-7] { + background-color: #91e3a8; + border-color: #91e3a8; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=green-light-7] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=green-light-8] { + background-color: #9de6b2; + border-color: #9de6b2; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=green-light-8] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=green-light-9] { + background-color: #aae9bc; + border-color: #aae9bc; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=green-light-9] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=green-light-10] { + background-color: #b6ecc5; + border-color: #b6ecc5; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=green-light-10] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=green-dark-0] { + background-color: #3ccd65; + border-color: #3ccd65; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=green-dark-0] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=green-dark-1] { + background-color: #33c75d; + border-color: #33c75d; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=green-dark-1] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=green-dark-2] { + background-color: #30bb57; + border-color: #30bb57; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=green-dark-2] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=green-dark-3] { + background-color: #2dae51; + border-color: #2dae51; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=green-dark-3] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=green-dark-4] { + background-color: #2aa24c; + border-color: #2aa24c; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=green-dark-4] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=green-dark-5] { + background-color: #269646; + border-color: #269646; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=green-dark-5] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=green-dark-6] { + background-color: #238a40; + border-color: #238a40; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=green-dark-6] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=green-dark-7] { + background-color: #207e3b; + border-color: #207e3b; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=green-dark-7] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=green-dark-8] { + background-color: #1d7135; + border-color: #1d7135; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=green-dark-8] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=green-dark-9] { + background-color: #1a652f; + border-color: #1a652f; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=green-dark-9] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=green-dark-10] { + background-color: #17592a; + border-color: #17592a; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=green-dark-10] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=lime] { + background-color: #aad922; + border-color: #aad922; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=lime] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=lime-light-0] { + background-color: #aad922; + border-color: #aad922; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=lime-light-0] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=lime-light-1] { + background-color: #b0de2c; + border-color: #b0de2c; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=lime-light-1] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=lime-light-2] { + background-color: #b5e03a; + border-color: #b5e03a; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=lime-light-2] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=lime-light-3] { + background-color: #bae247; + border-color: #bae247; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=lime-light-3] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=lime-light-4] { + background-color: #bfe454; + border-color: #bfe454; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=lime-light-4] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=lime-light-5] { + background-color: #c4e661; + border-color: #c4e661; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=lime-light-5] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=lime-light-6] { + background-color: #c9e86e; + border-color: #c9e86e; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=lime-light-6] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=lime-light-7] { + background-color: #ceea7c; + border-color: #ceea7c; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=lime-light-7] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=lime-light-8] { + background-color: #d3ec89; + border-color: #d3ec89; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=lime-light-8] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=lime-light-9] { + background-color: #d8ef96; + border-color: #d8ef96; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=lime-light-9] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=lime-light-10] { + background-color: #ddf1a3; + border-color: #ddf1a3; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=lime-light-10] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=lime-dark-0] { + background-color: #aad922; + border-color: #aad922; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=lime-dark-0] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=lime-dark-1] { + background-color: #a0cc20; + border-color: #a0cc20; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=lime-dark-1] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=lime-dark-2] { + background-color: #95bf1e; + border-color: #95bf1e; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=lime-dark-2] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=lime-dark-3] { + background-color: #8bb11c; + border-color: #8bb11c; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=lime-dark-3] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=lime-dark-4] { + background-color: #81a41a; + border-color: #81a41a; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=lime-dark-4] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=lime-dark-5] { + background-color: #769718; + border-color: #769718; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=lime-dark-5] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=lime-dark-6] { + background-color: #6c8a16; + border-color: #6c8a16; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=lime-dark-6] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=lime-dark-7] { + background-color: #617c13; + border-color: #617c13; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=lime-dark-7] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=lime-dark-8] { + background-color: #576f11; + border-color: #576f11; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=lime-dark-8] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=lime-dark-9] { + background-color: #4d620f; + border-color: #4d620f; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=lime-dark-9] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=lime-dark-10] { + background-color: #42550d; + border-color: #42550d; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=lime-dark-10] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=yellow] { + background-color: #f7b32b; + border-color: #f7b32b; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=yellow] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=yellow-light-0] { + background-color: #f7b32b; + border-color: #f7b32b; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=yellow-light-0] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=yellow-light-1] { + background-color: #f8b83a; + border-color: #f8b83a; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=yellow-light-1] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=yellow-light-2] { + background-color: #f8be48; + border-color: #f8be48; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=yellow-light-2] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=yellow-light-3] { + background-color: #f9c357; + border-color: #f9c357; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=yellow-light-3] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=yellow-light-4] { + background-color: #f9c866; + border-color: #f9c866; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=yellow-light-4] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=yellow-light-5] { + background-color: #facd75; + border-color: #facd75; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=yellow-light-5] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=yellow-light-6] { + background-color: #fad383; + border-color: #fad383; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=yellow-light-6] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=yellow-light-7] { + background-color: #fbd892; + border-color: #fbd892; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=yellow-light-7] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=yellow-light-8] { + background-color: #fbdda1; + border-color: #fbdda1; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=yellow-light-8] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=yellow-light-9] { + background-color: #fce3b0; + border-color: #fce3b0; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=yellow-light-9] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=yellow-light-10] { + background-color: #fde8be; + border-color: #fde8be; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=yellow-light-10] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=yellow-dark-0] { + background-color: #f7b32b; + border-color: #f7b32b; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=yellow-dark-0] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=yellow-dark-1] { + background-color: #f6ae1c; + border-color: #f6ae1c; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=yellow-dark-1] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=yellow-dark-2] { + background-color: #f6a80e; + border-color: #f6a80e; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=yellow-dark-2] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=yellow-dark-3] { + background-color: #eba009; + border-color: #eba009; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=yellow-dark-3] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=yellow-dark-4] { + background-color: #dc9608; + border-color: #dc9608; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=yellow-dark-4] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=yellow-dark-5] { + background-color: #ce8c08; + border-color: #ce8c08; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=yellow-dark-5] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=yellow-dark-6] { + background-color: #bf8207; + border-color: #bf8207; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=yellow-dark-6] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=yellow-dark-7] { + background-color: #b07807; + border-color: #b07807; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=yellow-dark-7] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=yellow-dark-8] { + background-color: #a26e06; + border-color: #a26e06; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=yellow-dark-8] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=yellow-dark-9] { + background-color: #936406; + border-color: #936406; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=yellow-dark-9] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=yellow-dark-10] { + background-color: #845a05; + border-color: #845a05; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=yellow-dark-10] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=amber] { + background-color: #ff7f11; + border-color: #ff7f11; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=amber] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=amber-light-0] { + background-color: #ff7f11; + border-color: #ff7f11; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=amber-light-0] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=amber-light-1] { + background-color: #ff8720; + border-color: #ff8720; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=amber-light-1] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=amber-light-2] { + background-color: #ff8f30; + border-color: #ff8f30; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=amber-light-2] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=amber-light-3] { + background-color: #ff983f; + border-color: #ff983f; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=amber-light-3] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=amber-light-4] { + background-color: #ffa04e; + border-color: #ffa04e; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=amber-light-4] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=amber-light-5] { + background-color: #ffa85e; + border-color: #ffa85e; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=amber-light-5] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=amber-light-6] { + background-color: #ffb06d; + border-color: #ffb06d; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=amber-light-6] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=amber-light-7] { + background-color: #ffb97c; + border-color: #ffb97c; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=amber-light-7] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=amber-light-8] { + background-color: #ffc18b; + border-color: #ffc18b; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=amber-light-8] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=amber-light-9] { + background-color: #ffc99b; + border-color: #ffc99b; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=amber-light-9] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=amber-light-10] { + background-color: #ffd1aa; + border-color: #ffd1aa; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=amber-light-10] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=amber-dark-0] { + background-color: #ff7f11; + border-color: #ff7f11; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=amber-dark-0] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=amber-dark-1] { + background-color: #ff7702; + border-color: #ff7702; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=amber-dark-1] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=amber-dark-2] { + background-color: #f17000; + border-color: #f17000; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=amber-dark-2] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=amber-dark-3] { + background-color: #e26900; + border-color: #e26900; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=amber-dark-3] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=amber-dark-4] { + background-color: #d36100; + border-color: #d36100; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=amber-dark-4] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=amber-dark-5] { + background-color: #c45a00; + border-color: #c45a00; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=amber-dark-5] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=amber-dark-6] { + background-color: #b45300; + border-color: #b45300; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=amber-dark-6] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=amber-dark-7] { + background-color: #a54c00; + border-color: #a54c00; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=amber-dark-7] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=amber-dark-8] { + background-color: #964500; + border-color: #964500; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=amber-dark-8] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=amber-dark-9] { + background-color: #863e00; + border-color: #863e00; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=amber-dark-9] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=amber-dark-10] { + background-color: #773700; + border-color: #773700; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=amber-dark-10] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=orange] { + background-color: #f34213; + border-color: #f34213; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=orange] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=orange-light-0] { + background-color: #f34213; + border-color: #f34213; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=orange-light-0] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=orange-light-1] { + background-color: #f44e22; + border-color: #f44e22; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=orange-light-1] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=orange-light-2] { + background-color: #f45930; + border-color: #f45930; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=orange-light-2] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=orange-light-3] { + background-color: #f5653f; + border-color: #f5653f; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=orange-light-3] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=orange-light-4] { + background-color: #f6714d; + border-color: #f6714d; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=orange-light-4] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=orange-light-5] { + background-color: #f77c5c; + border-color: #f77c5c; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=orange-light-5] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=orange-light-6] { + background-color: #f7886a; + border-color: #f7886a; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=orange-light-6] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=orange-light-7] { + background-color: #f89479; + border-color: #f89479; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=orange-light-7] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=orange-light-8] { + background-color: #f99f87; + border-color: #f99f87; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=orange-light-8] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=orange-light-9] { + background-color: #faab96; + border-color: #faab96; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=orange-light-9] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=orange-light-10] { + background-color: #fab7a5; + border-color: #fab7a5; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=orange-light-10] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=orange-dark-0] { + background-color: #f34213; + border-color: #f34213; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=orange-dark-0] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=orange-dark-1] { + background-color: #eb3b0c; + border-color: #eb3b0c; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=orange-dark-1] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=orange-dark-2] { + background-color: #dc370b; + border-color: #dc370b; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=orange-dark-2] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=orange-dark-3] { + background-color: #ce330a; + border-color: #ce330a; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=orange-dark-3] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=orange-dark-4] { + background-color: #bf300a; + border-color: #bf300a; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=orange-dark-4] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=orange-dark-5] { + background-color: #b12c09; + border-color: #b12c09; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=orange-dark-5] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=orange-dark-6] { + background-color: #a22808; + border-color: #a22808; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=orange-dark-6] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=orange-dark-7] { + background-color: #932507; + border-color: #932507; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=orange-dark-7] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=orange-dark-8] { + background-color: #852107; + border-color: #852107; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=orange-dark-8] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=orange-dark-9] { + background-color: #761e06; + border-color: #761e06; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=orange-dark-9] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=orange-dark-10] { + background-color: #681a05; + border-color: #681a05; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=orange-dark-10] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=brown] { + background-color: #823329; + border-color: #823329; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=brown] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=brown-light-0] { + background-color: #823329; + border-color: #823329; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=brown-light-0] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=brown-light-1] { + background-color: #8e382d; + border-color: #8e382d; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=brown-light-1] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=brown-light-2] { + background-color: #993c30; + border-color: #993c30; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=brown-light-2] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=brown-light-3] { + background-color: #a54134; + border-color: #a54134; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=brown-light-3] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=brown-light-4] { + background-color: #b14538; + border-color: #b14538; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=brown-light-4] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=brown-light-5] { + background-color: #bc4a3b; + border-color: #bc4a3b; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=brown-light-5] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=brown-light-6] { + background-color: #c45243; + border-color: #c45243; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=brown-light-6] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=brown-light-7] { + background-color: #c75c4f; + border-color: #c75c4f; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=brown-light-7] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=brown-light-8] { + background-color: #cb675a; + border-color: #cb675a; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=brown-light-8] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=brown-light-9] { + background-color: #cf7266; + border-color: #cf7266; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=brown-light-9] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=brown-light-10] { + background-color: #d27c72; + border-color: #d27c72; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=brown-light-10] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=brown-dark-0] { + background-color: #823329; + border-color: #823329; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=brown-dark-0] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=brown-dark-1] { + background-color: #762e25; + border-color: #762e25; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=brown-dark-1] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=brown-dark-2] { + background-color: #6b2a22; + border-color: #6b2a22; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=brown-dark-2] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=brown-dark-3] { + background-color: #5f251e; + border-color: #5f251e; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=brown-dark-3] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=brown-dark-4] { + background-color: #53211a; + border-color: #53211a; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=brown-dark-4] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=brown-dark-5] { + background-color: #481c17; + border-color: #481c17; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=brown-dark-5] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=brown-dark-6] { + background-color: #3c1813; + border-color: #3c1813; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=brown-dark-6] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=brown-dark-7] { + background-color: #31130f; + border-color: #31130f; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=brown-dark-7] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=brown-dark-8] { + background-color: #250e0c; + border-color: #250e0c; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=brown-dark-8] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=brown-dark-9] { + background-color: #190a08; + border-color: #190a08; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=brown-dark-9] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=brown-dark-10] { + background-color: #0e0504; + border-color: #0e0504; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=brown-dark-10] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=grey] { + background-color: #7179ad; + border-color: #7179ad; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=grey] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=grey-light-0] { + background-color: #7179ad; + border-color: #7179ad; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=grey-light-0] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=grey-light-1] { + background-color: #7b82b3; + border-color: #7b82b3; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=grey-light-1] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=grey-light-2] { + background-color: #848bb8; + border-color: #848bb8; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=grey-light-2] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=grey-light-3] { + background-color: #8e94be; + border-color: #8e94be; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=grey-light-3] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=grey-light-4] { + background-color: #989ec3; + border-color: #989ec3; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=grey-light-4] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=grey-light-5] { + background-color: #a1a7c9; + border-color: #a1a7c9; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=grey-light-5] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=grey-light-6] { + background-color: #abb0cf; + border-color: #abb0cf; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=grey-light-6] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=grey-light-7] { + background-color: #b5b9d4; + border-color: #b5b9d4; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=grey-light-7] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=grey-light-8] { + background-color: #bfc2da; + border-color: #bfc2da; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=grey-light-8] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=grey-light-9] { + background-color: #c8cbdf; + border-color: #c8cbdf; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=grey-light-9] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=grey-light-10] { + background-color: #d2d5e5; + border-color: #d2d5e5; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=grey-light-10] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=grey-dark-0] { + background-color: #7179ad; + border-color: #7179ad; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=grey-dark-0] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=grey-dark-1] { + background-color: #6770a7; + border-color: #6770a7; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=grey-dark-1] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=grey-dark-2] { + background-color: #5e67a2; + border-color: #5e67a2; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=grey-dark-2] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=grey-dark-3] { + background-color: #586098; + border-color: #586098; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=grey-dark-3] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=grey-dark-4] { + background-color: #525a8f; + border-color: #525a8f; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=grey-dark-4] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=grey-dark-5] { + background-color: #4d5485; + border-color: #4d5485; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=grey-dark-5] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=grey-dark-6] { + background-color: #474e7b; + border-color: #474e7b; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=grey-dark-6] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=grey-dark-7] { + background-color: #414871; + border-color: #414871; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=grey-dark-7] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=grey-dark-8] { + background-color: #3c4268; + border-color: #3c4268; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=grey-dark-8] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=grey-dark-9] { + background-color: #363c5e; + border-color: #363c5e; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=grey-dark-9] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=grey-dark-10] { + background-color: #313554; + border-color: #313554; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=grey-dark-10] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=black] { + background-color: #1a1d2d; + border-color: #1a1d2d; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=black] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=black-light-0] { + background-color: #1a1d2d; + border-color: #1a1d2d; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=black-light-0] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=black-light-1] { + background-color: #202337; + border-color: #202337; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=black-light-1] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=black-light-2] { + background-color: #252940; + border-color: #252940; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=black-light-2] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=black-light-3] { + background-color: #2b304a; + border-color: #2b304a; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=black-light-3] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=black-light-4] { + background-color: #303654; + border-color: #303654; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=black-light-4] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=black-light-5] { + background-color: #363c5d; + border-color: #363c5d; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=black-light-5] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=black-light-6] { + background-color: #3c4267; + border-color: #3c4267; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=black-light-6] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=black-light-7] { + background-color: #414971; + border-color: #414971; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=black-light-7] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=black-light-8] { + background-color: #474f7b; + border-color: #474f7b; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=black-light-8] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=black-light-9] { + background-color: #4c5584; + border-color: #4c5584; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=black-light-9] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=black-light-10] { + background-color: #525b8e; + border-color: #525b8e; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=black-light-10] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=black-dark-0] { + background-color: #1a1d2d; + border-color: #1a1d2d; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=black-dark-0] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=black-dark-1] { + background-color: #141723; + border-color: #141723; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=black-dark-1] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=black-dark-2] { + background-color: #0f111a; + border-color: #0f111a; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=black-dark-2] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=black-dark-3] { + background-color: #090a10; + border-color: #090a10; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=black-dark-3] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=black-dark-4] { + background-color: #040406; + border-color: #040406; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=black-dark-4] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=black-dark-5] { + background-color: black; + border-color: black; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=black-dark-5] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=black-dark-6] { + background-color: black; + border-color: black; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=black-dark-6] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=black-dark-7] { + background-color: black; + border-color: black; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=black-dark-7] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=black-dark-8] { + background-color: black; + border-color: black; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=black-dark-8] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=black-dark-9] { + background-color: black; + border-color: black; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=black-dark-9] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=black-dark-10] { + background-color: black; + border-color: black; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=black-dark-10] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=white] { + background-color: #fbfaf8; + border-color: #fbfaf8; + color: #1a1d2d !important; +} +[_navbar][_navbar~=white] * { + color: #1a1d2d !important; +} +[_navbar][_navbar~=white-light-0] { + background-color: #fbfaf8; + border-color: #fbfaf8; + color: #1a1d2d !important; +} +[_navbar][_navbar~=white-light-0] * { + color: #1a1d2d !important; +} +[_navbar][_navbar~=white-light-1] { + background-color: white; + border-color: white; + color: #1a1d2d !important; +} +[_navbar][_navbar~=white-light-1] * { + color: #1a1d2d !important; +} +[_navbar][_navbar~=white-light-2] { + background-color: white; + border-color: white; + color: #1a1d2d !important; +} +[_navbar][_navbar~=white-light-2] * { + color: #1a1d2d !important; +} +[_navbar][_navbar~=white-light-3] { + background-color: white; + border-color: white; + color: #1a1d2d !important; +} +[_navbar][_navbar~=white-light-3] * { + color: #1a1d2d !important; +} +[_navbar][_navbar~=white-light-4] { + background-color: white; + border-color: white; + color: #1a1d2d !important; +} +[_navbar][_navbar~=white-light-4] * { + color: #1a1d2d !important; +} +[_navbar][_navbar~=white-light-5] { + background-color: white; + border-color: white; + color: #1a1d2d !important; +} +[_navbar][_navbar~=white-light-5] * { + color: #1a1d2d !important; +} +[_navbar][_navbar~=white-light-6] { + background-color: white; + border-color: white; + color: #1a1d2d !important; +} +[_navbar][_navbar~=white-light-6] * { + color: #1a1d2d !important; +} +[_navbar][_navbar~=white-light-7] { + background-color: white; + border-color: white; + color: #1a1d2d !important; +} +[_navbar][_navbar~=white-light-7] * { + color: #1a1d2d !important; +} +[_navbar][_navbar~=white-light-8] { + background-color: white; + border-color: white; + color: #1a1d2d !important; +} +[_navbar][_navbar~=white-light-8] * { + color: #1a1d2d !important; +} +[_navbar][_navbar~=white-light-9] { + background-color: white; + border-color: white; + color: #1a1d2d !important; +} +[_navbar][_navbar~=white-light-9] * { + color: #1a1d2d !important; +} +[_navbar][_navbar~=white-light-10] { + background-color: white; + border-color: white; + color: #1a1d2d !important; +} +[_navbar][_navbar~=white-light-10] * { + color: #1a1d2d !important; +} +[_navbar][_navbar~=white-dark-0] { + background-color: #fbfaf8; + border-color: #fbfaf8; + color: #1a1d2d !important; +} +[_navbar][_navbar~=white-dark-0] * { + color: #1a1d2d !important; +} +[_navbar][_navbar~=white-dark-1] { + background-color: #f5f3ee; + border-color: #f5f3ee; + color: #1a1d2d !important; +} +[_navbar][_navbar~=white-dark-1] * { + color: #1a1d2d !important; +} +[_navbar][_navbar~=white-dark-2] { + background-color: #f0ece5; + border-color: #f0ece5; + color: #1a1d2d !important; +} +[_navbar][_navbar~=white-dark-2] * { + color: #1a1d2d !important; +} +[_navbar][_navbar~=white-dark-3] { + background-color: #eae5db; + border-color: #eae5db; + color: #1a1d2d !important; +} +[_navbar][_navbar~=white-dark-3] * { + color: #1a1d2d !important; +} +[_navbar][_navbar~=white-dark-4] { + background-color: #e5ded1; + border-color: #e5ded1; + color: #1a1d2d !important; +} +[_navbar][_navbar~=white-dark-4] * { + color: #1a1d2d !important; +} +[_navbar][_navbar~=white-dark-5] { + background-color: #dfd7c7; + border-color: #dfd7c7; + color: #1a1d2d !important; +} +[_navbar][_navbar~=white-dark-5] * { + color: #1a1d2d !important; +} +[_navbar][_navbar~=white-dark-6] { + background-color: #dad0be; + border-color: #dad0be; + color: #1a1d2d !important; +} +[_navbar][_navbar~=white-dark-6] * { + color: #1a1d2d !important; +} +[_navbar][_navbar~=white-dark-7] { + background-color: #d4c9b4; + border-color: #d4c9b4; + color: #1a1d2d !important; +} +[_navbar][_navbar~=white-dark-7] * { + color: #1a1d2d !important; +} +[_navbar][_navbar~=white-dark-8] { + background-color: #cec2aa; + border-color: #cec2aa; + color: #1a1d2d !important; +} +[_navbar][_navbar~=white-dark-8] * { + color: #1a1d2d !important; +} +[_navbar][_navbar~=white-dark-9] { + background-color: #c9bba0; + border-color: #c9bba0; + color: #1a1d2d !important; +} +[_navbar][_navbar~=white-dark-9] * { + color: #1a1d2d !important; +} +[_navbar][_navbar~=white-dark-10] { + background-color: #c3b497; + border-color: #c3b497; + color: #1a1d2d !important; +} +[_navbar][_navbar~=white-dark-10] * { + color: #1a1d2d !important; +} +[_navbar][_navbar~=transparent] { + background-color: transparent; + border-color: transparent; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=transparent] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=transparent-light-0] { + background-color: transparent; + border-color: transparent; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=transparent-light-0] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=transparent-light-1] { + background-color: rgba(8, 8, 8, 0); + border-color: rgba(8, 8, 8, 0); + color: #fbfaf8 !important; +} +[_navbar][_navbar~=transparent-light-1] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=transparent-light-2] { + background-color: rgba(15, 15, 15, 0); + border-color: rgba(15, 15, 15, 0); + color: #fbfaf8 !important; +} +[_navbar][_navbar~=transparent-light-2] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=transparent-light-3] { + background-color: rgba(23, 23, 23, 0); + border-color: rgba(23, 23, 23, 0); + color: #fbfaf8 !important; +} +[_navbar][_navbar~=transparent-light-3] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=transparent-light-4] { + background-color: rgba(31, 31, 31, 0); + border-color: rgba(31, 31, 31, 0); + color: #fbfaf8 !important; +} +[_navbar][_navbar~=transparent-light-4] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=transparent-light-5] { + background-color: rgba(38, 38, 38, 0); + border-color: rgba(38, 38, 38, 0); + color: #fbfaf8 !important; +} +[_navbar][_navbar~=transparent-light-5] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=transparent-light-6] { + background-color: rgba(46, 46, 46, 0); + border-color: rgba(46, 46, 46, 0); + color: #fbfaf8 !important; +} +[_navbar][_navbar~=transparent-light-6] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=transparent-light-7] { + background-color: rgba(54, 54, 54, 0); + border-color: rgba(54, 54, 54, 0); + color: #fbfaf8 !important; +} +[_navbar][_navbar~=transparent-light-7] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=transparent-light-8] { + background-color: rgba(61, 61, 61, 0); + border-color: rgba(61, 61, 61, 0); + color: #fbfaf8 !important; +} +[_navbar][_navbar~=transparent-light-8] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=transparent-light-9] { + background-color: rgba(69, 69, 69, 0); + border-color: rgba(69, 69, 69, 0); + color: #fbfaf8 !important; +} +[_navbar][_navbar~=transparent-light-9] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=transparent-light-10] { + background-color: rgba(77, 77, 77, 0); + border-color: rgba(77, 77, 77, 0); + color: #fbfaf8 !important; +} +[_navbar][_navbar~=transparent-light-10] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=transparent-dark-0] { + background-color: transparent; + border-color: transparent; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=transparent-dark-0] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=transparent-dark-1] { + background-color: rgba(0, 0, 0, 0); + border-color: rgba(0, 0, 0, 0); + color: #fbfaf8 !important; +} +[_navbar][_navbar~=transparent-dark-1] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=transparent-dark-2] { + background-color: rgba(0, 0, 0, 0); + border-color: rgba(0, 0, 0, 0); + color: #fbfaf8 !important; +} +[_navbar][_navbar~=transparent-dark-2] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=transparent-dark-3] { + background-color: rgba(0, 0, 0, 0); + border-color: rgba(0, 0, 0, 0); + color: #fbfaf8 !important; +} +[_navbar][_navbar~=transparent-dark-3] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=transparent-dark-4] { + background-color: rgba(0, 0, 0, 0); + border-color: rgba(0, 0, 0, 0); + color: #fbfaf8 !important; +} +[_navbar][_navbar~=transparent-dark-4] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=transparent-dark-5] { + background-color: rgba(0, 0, 0, 0); + border-color: rgba(0, 0, 0, 0); + color: #fbfaf8 !important; +} +[_navbar][_navbar~=transparent-dark-5] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=transparent-dark-6] { + background-color: rgba(0, 0, 0, 0); + border-color: rgba(0, 0, 0, 0); + color: #fbfaf8 !important; +} +[_navbar][_navbar~=transparent-dark-6] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=transparent-dark-7] { + background-color: rgba(0, 0, 0, 0); + border-color: rgba(0, 0, 0, 0); + color: #fbfaf8 !important; +} +[_navbar][_navbar~=transparent-dark-7] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=transparent-dark-8] { + background-color: rgba(0, 0, 0, 0); + border-color: rgba(0, 0, 0, 0); + color: #fbfaf8 !important; +} +[_navbar][_navbar~=transparent-dark-8] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=transparent-dark-9] { + background-color: rgba(0, 0, 0, 0); + border-color: rgba(0, 0, 0, 0); + color: #fbfaf8 !important; +} +[_navbar][_navbar~=transparent-dark-9] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=transparent-dark-10] { + background-color: rgba(0, 0, 0, 0); + border-color: rgba(0, 0, 0, 0); + color: #fbfaf8 !important; +} +[_navbar][_navbar~=transparent-dark-10] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=dark] { + background-color: #1a1d2d; + border-color: #1a1d2d; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=dark] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=dark-light-0] { + background-color: #1a1d2d; + border-color: #1a1d2d; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=dark-light-0] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=dark-light-1] { + background-color: #202337; + border-color: #202337; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=dark-light-1] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=dark-light-2] { + background-color: #252940; + border-color: #252940; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=dark-light-2] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=dark-light-3] { + background-color: #2b304a; + border-color: #2b304a; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=dark-light-3] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=dark-light-4] { + background-color: #303654; + border-color: #303654; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=dark-light-4] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=dark-light-5] { + background-color: #363c5d; + border-color: #363c5d; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=dark-light-5] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=dark-light-6] { + background-color: #3c4267; + border-color: #3c4267; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=dark-light-6] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=dark-light-7] { + background-color: #414971; + border-color: #414971; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=dark-light-7] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=dark-light-8] { + background-color: #474f7b; + border-color: #474f7b; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=dark-light-8] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=dark-light-9] { + background-color: #4c5584; + border-color: #4c5584; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=dark-light-9] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=dark-light-10] { + background-color: #525b8e; + border-color: #525b8e; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=dark-light-10] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=dark-dark-0] { + background-color: #1a1d2d; + border-color: #1a1d2d; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=dark-dark-0] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=dark-dark-1] { + background-color: #141723; + border-color: #141723; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=dark-dark-1] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=dark-dark-2] { + background-color: #0f111a; + border-color: #0f111a; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=dark-dark-2] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=dark-dark-3] { + background-color: #090a10; + border-color: #090a10; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=dark-dark-3] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=dark-dark-4] { + background-color: #040406; + border-color: #040406; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=dark-dark-4] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=dark-dark-5] { + background-color: black; + border-color: black; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=dark-dark-5] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=dark-dark-6] { + background-color: black; + border-color: black; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=dark-dark-6] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=dark-dark-7] { + background-color: black; + border-color: black; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=dark-dark-7] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=dark-dark-8] { + background-color: black; + border-color: black; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=dark-dark-8] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=dark-dark-9] { + background-color: black; + border-color: black; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=dark-dark-9] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=dark-dark-10] { + background-color: black; + border-color: black; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=dark-dark-10] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=light] { + background-color: #fbfaf8; + border-color: #fbfaf8; + color: #1a1d2d !important; +} +[_navbar][_navbar~=light] * { + color: #1a1d2d !important; +} +[_navbar][_navbar~=light-light-0] { + background-color: #fbfaf8; + border-color: #fbfaf8; + color: #1a1d2d !important; +} +[_navbar][_navbar~=light-light-0] * { + color: #1a1d2d !important; +} +[_navbar][_navbar~=light-light-1] { + background-color: white; + border-color: white; + color: #1a1d2d !important; +} +[_navbar][_navbar~=light-light-1] * { + color: #1a1d2d !important; +} +[_navbar][_navbar~=light-light-2] { + background-color: white; + border-color: white; + color: #1a1d2d !important; +} +[_navbar][_navbar~=light-light-2] * { + color: #1a1d2d !important; +} +[_navbar][_navbar~=light-light-3] { + background-color: white; + border-color: white; + color: #1a1d2d !important; +} +[_navbar][_navbar~=light-light-3] * { + color: #1a1d2d !important; +} +[_navbar][_navbar~=light-light-4] { + background-color: white; + border-color: white; + color: #1a1d2d !important; +} +[_navbar][_navbar~=light-light-4] * { + color: #1a1d2d !important; +} +[_navbar][_navbar~=light-light-5] { + background-color: white; + border-color: white; + color: #1a1d2d !important; +} +[_navbar][_navbar~=light-light-5] * { + color: #1a1d2d !important; +} +[_navbar][_navbar~=light-light-6] { + background-color: white; + border-color: white; + color: #1a1d2d !important; +} +[_navbar][_navbar~=light-light-6] * { + color: #1a1d2d !important; +} +[_navbar][_navbar~=light-light-7] { + background-color: white; + border-color: white; + color: #1a1d2d !important; +} +[_navbar][_navbar~=light-light-7] * { + color: #1a1d2d !important; +} +[_navbar][_navbar~=light-light-8] { + background-color: white; + border-color: white; + color: #1a1d2d !important; +} +[_navbar][_navbar~=light-light-8] * { + color: #1a1d2d !important; +} +[_navbar][_navbar~=light-light-9] { + background-color: white; + border-color: white; + color: #1a1d2d !important; +} +[_navbar][_navbar~=light-light-9] * { + color: #1a1d2d !important; +} +[_navbar][_navbar~=light-light-10] { + background-color: white; + border-color: white; + color: #1a1d2d !important; +} +[_navbar][_navbar~=light-light-10] * { + color: #1a1d2d !important; +} +[_navbar][_navbar~=light-dark-0] { + background-color: #fbfaf8; + border-color: #fbfaf8; + color: #1a1d2d !important; +} +[_navbar][_navbar~=light-dark-0] * { + color: #1a1d2d !important; +} +[_navbar][_navbar~=light-dark-1] { + background-color: #f5f3ee; + border-color: #f5f3ee; + color: #1a1d2d !important; +} +[_navbar][_navbar~=light-dark-1] * { + color: #1a1d2d !important; +} +[_navbar][_navbar~=light-dark-2] { + background-color: #f0ece5; + border-color: #f0ece5; + color: #1a1d2d !important; +} +[_navbar][_navbar~=light-dark-2] * { + color: #1a1d2d !important; +} +[_navbar][_navbar~=light-dark-3] { + background-color: #eae5db; + border-color: #eae5db; + color: #1a1d2d !important; +} +[_navbar][_navbar~=light-dark-3] * { + color: #1a1d2d !important; +} +[_navbar][_navbar~=light-dark-4] { + background-color: #e5ded1; + border-color: #e5ded1; + color: #1a1d2d !important; +} +[_navbar][_navbar~=light-dark-4] * { + color: #1a1d2d !important; +} +[_navbar][_navbar~=light-dark-5] { + background-color: #dfd7c7; + border-color: #dfd7c7; + color: #1a1d2d !important; +} +[_navbar][_navbar~=light-dark-5] * { + color: #1a1d2d !important; +} +[_navbar][_navbar~=light-dark-6] { + background-color: #dad0be; + border-color: #dad0be; + color: #1a1d2d !important; +} +[_navbar][_navbar~=light-dark-6] * { + color: #1a1d2d !important; +} +[_navbar][_navbar~=light-dark-7] { + background-color: #d4c9b4; + border-color: #d4c9b4; + color: #1a1d2d !important; +} +[_navbar][_navbar~=light-dark-7] * { + color: #1a1d2d !important; +} +[_navbar][_navbar~=light-dark-8] { + background-color: #cec2aa; + border-color: #cec2aa; + color: #1a1d2d !important; +} +[_navbar][_navbar~=light-dark-8] * { + color: #1a1d2d !important; +} +[_navbar][_navbar~=light-dark-9] { + background-color: #c9bba0; + border-color: #c9bba0; + color: #1a1d2d !important; +} +[_navbar][_navbar~=light-dark-9] * { + color: #1a1d2d !important; +} +[_navbar][_navbar~=light-dark-10] { + background-color: #c3b497; + border-color: #c3b497; + color: #1a1d2d !important; +} +[_navbar][_navbar~=light-dark-10] * { + color: #1a1d2d !important; +} +[_navbar][_navbar~=primary] { + background-color: #00bfb2; + border-color: #00bfb2; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=primary] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=primary-light-0] { + background-color: #00bfb2; + border-color: #00bfb2; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=primary-light-0] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=primary-light-1] { + background-color: #00cec0; + border-color: #00cec0; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=primary-light-1] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=primary-light-2] { + background-color: #00decf; + border-color: #00decf; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=primary-light-2] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=primary-light-3] { + background-color: #00eddd; + border-color: #00eddd; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=primary-light-3] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=primary-light-4] { + background-color: #00fceb; + border-color: #00fceb; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=primary-light-4] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=primary-light-5] { + background-color: #0dffee; + border-color: #0dffee; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=primary-light-5] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=primary-light-6] { + background-color: #1cfff0; + border-color: #1cfff0; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=primary-light-6] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=primary-light-7] { + background-color: #2bfff1; + border-color: #2bfff1; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=primary-light-7] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=primary-light-8] { + background-color: #3afff2; + border-color: #3afff2; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=primary-light-8] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=primary-light-9] { + background-color: #4afff3; + border-color: #4afff3; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=primary-light-9] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=primary-light-10] { + background-color: #59fff4; + border-color: #59fff4; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=primary-light-10] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=primary-dark-0] { + background-color: #00bfb2; + border-color: #00bfb2; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=primary-dark-0] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=primary-dark-1] { + background-color: #00b0a4; + border-color: #00b0a4; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=primary-dark-1] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=primary-dark-2] { + background-color: #00a095; + border-color: #00a095; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=primary-dark-2] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=primary-dark-3] { + background-color: #009187; + border-color: #009187; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=primary-dark-3] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=primary-dark-4] { + background-color: #008279; + border-color: #008279; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=primary-dark-4] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=primary-dark-5] { + background-color: #00736b; + border-color: #00736b; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=primary-dark-5] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=primary-dark-6] { + background-color: #00635c; + border-color: #00635c; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=primary-dark-6] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=primary-dark-7] { + background-color: #00544e; + border-color: #00544e; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=primary-dark-7] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=primary-dark-8] { + background-color: #004540; + border-color: #004540; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=primary-dark-8] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=primary-dark-9] { + background-color: #003532; + border-color: #003532; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=primary-dark-9] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=primary-dark-10] { + background-color: #002623; + border-color: #002623; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=primary-dark-10] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=secondary] { + background-color: #7179ad; + border-color: #7179ad; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=secondary] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=secondary-light-0] { + background-color: #7179ad; + border-color: #7179ad; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=secondary-light-0] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=secondary-light-1] { + background-color: #7b82b3; + border-color: #7b82b3; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=secondary-light-1] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=secondary-light-2] { + background-color: #848bb8; + border-color: #848bb8; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=secondary-light-2] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=secondary-light-3] { + background-color: #8e94be; + border-color: #8e94be; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=secondary-light-3] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=secondary-light-4] { + background-color: #989ec3; + border-color: #989ec3; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=secondary-light-4] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=secondary-light-5] { + background-color: #a1a7c9; + border-color: #a1a7c9; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=secondary-light-5] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=secondary-light-6] { + background-color: #abb0cf; + border-color: #abb0cf; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=secondary-light-6] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=secondary-light-7] { + background-color: #b5b9d4; + border-color: #b5b9d4; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=secondary-light-7] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=secondary-light-8] { + background-color: #bfc2da; + border-color: #bfc2da; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=secondary-light-8] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=secondary-light-9] { + background-color: #c8cbdf; + border-color: #c8cbdf; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=secondary-light-9] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=secondary-light-10] { + background-color: #d2d5e5; + border-color: #d2d5e5; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=secondary-light-10] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=secondary-dark-0] { + background-color: #7179ad; + border-color: #7179ad; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=secondary-dark-0] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=secondary-dark-1] { + background-color: #6770a7; + border-color: #6770a7; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=secondary-dark-1] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=secondary-dark-2] { + background-color: #5e67a2; + border-color: #5e67a2; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=secondary-dark-2] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=secondary-dark-3] { + background-color: #586098; + border-color: #586098; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=secondary-dark-3] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=secondary-dark-4] { + background-color: #525a8f; + border-color: #525a8f; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=secondary-dark-4] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=secondary-dark-5] { + background-color: #4d5485; + border-color: #4d5485; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=secondary-dark-5] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=secondary-dark-6] { + background-color: #474e7b; + border-color: #474e7b; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=secondary-dark-6] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=secondary-dark-7] { + background-color: #414871; + border-color: #414871; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=secondary-dark-7] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=secondary-dark-8] { + background-color: #3c4268; + border-color: #3c4268; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=secondary-dark-8] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=secondary-dark-9] { + background-color: #363c5e; + border-color: #363c5e; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=secondary-dark-9] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=secondary-dark-10] { + background-color: #313554; + border-color: #313554; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=secondary-dark-10] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=success] { + background-color: #3ccd65; + border-color: #3ccd65; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=success] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=success-light-0] { + background-color: #3ccd65; + border-color: #3ccd65; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=success-light-0] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=success-light-1] { + background-color: #48d06f; + border-color: #48d06f; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=success-light-1] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=success-light-2] { + background-color: #54d378; + border-color: #54d378; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=success-light-2] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=success-light-3] { + background-color: #61d682; + border-color: #61d682; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=success-light-3] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=success-light-4] { + background-color: #6dd98b; + border-color: #6dd98b; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=success-light-4] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=success-light-5] { + background-color: #79dd95; + border-color: #79dd95; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=success-light-5] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=success-light-6] { + background-color: #85e09f; + border-color: #85e09f; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=success-light-6] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=success-light-7] { + background-color: #91e3a8; + border-color: #91e3a8; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=success-light-7] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=success-light-8] { + background-color: #9de6b2; + border-color: #9de6b2; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=success-light-8] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=success-light-9] { + background-color: #aae9bc; + border-color: #aae9bc; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=success-light-9] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=success-light-10] { + background-color: #b6ecc5; + border-color: #b6ecc5; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=success-light-10] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=success-dark-0] { + background-color: #3ccd65; + border-color: #3ccd65; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=success-dark-0] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=success-dark-1] { + background-color: #33c75d; + border-color: #33c75d; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=success-dark-1] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=success-dark-2] { + background-color: #30bb57; + border-color: #30bb57; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=success-dark-2] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=success-dark-3] { + background-color: #2dae51; + border-color: #2dae51; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=success-dark-3] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=success-dark-4] { + background-color: #2aa24c; + border-color: #2aa24c; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=success-dark-4] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=success-dark-5] { + background-color: #269646; + border-color: #269646; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=success-dark-5] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=success-dark-6] { + background-color: #238a40; + border-color: #238a40; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=success-dark-6] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=success-dark-7] { + background-color: #207e3b; + border-color: #207e3b; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=success-dark-7] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=success-dark-8] { + background-color: #1d7135; + border-color: #1d7135; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=success-dark-8] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=success-dark-9] { + background-color: #1a652f; + border-color: #1a652f; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=success-dark-9] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=success-dark-10] { + background-color: #17592a; + border-color: #17592a; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=success-dark-10] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=info] { + background-color: #1fa6c1; + border-color: #1fa6c1; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=info] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=info-light-0] { + background-color: #1fa6c1; + border-color: #1fa6c1; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=info-light-0] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=info-light-1] { + background-color: #21b1ce; + border-color: #21b1ce; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=info-light-1] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=info-light-2] { + background-color: #23bddb; + border-color: #23bddb; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=info-light-2] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=info-light-3] { + background-color: #30c1de; + border-color: #30c1de; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=info-light-3] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=info-light-4] { + background-color: #3dc5e0; + border-color: #3dc5e0; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=info-light-4] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=info-light-5] { + background-color: #4ac9e2; + border-color: #4ac9e2; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=info-light-5] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=info-light-6] { + background-color: #58cde4; + border-color: #58cde4; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=info-light-6] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=info-light-7] { + background-color: #65d1e6; + border-color: #65d1e6; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=info-light-7] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=info-light-8] { + background-color: #72d5e8; + border-color: #72d5e8; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=info-light-8] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=info-light-9] { + background-color: #7fd9ea; + border-color: #7fd9ea; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=info-light-9] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=info-light-10] { + background-color: #8cdded; + border-color: #8cdded; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=info-light-10] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=info-dark-0] { + background-color: #1fa6c1; + border-color: #1fa6c1; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=info-dark-0] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=info-dark-1] { + background-color: #1d9bb4; + border-color: #1d9bb4; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=info-dark-1] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=info-dark-2] { + background-color: #1b8fa7; + border-color: #1b8fa7; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=info-dark-2] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=info-dark-3] { + background-color: #198499; + border-color: #198499; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=info-dark-3] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=info-dark-4] { + background-color: #17798c; + border-color: #17798c; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=info-dark-4] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=info-dark-5] { + background-color: #146d7f; + border-color: #146d7f; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=info-dark-5] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=info-dark-6] { + background-color: #126272; + border-color: #126272; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=info-dark-6] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=info-dark-7] { + background-color: #105765; + border-color: #105765; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=info-dark-7] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=info-dark-8] { + background-color: #0e4b58; + border-color: #0e4b58; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=info-dark-8] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=info-dark-9] { + background-color: #0c404a; + border-color: #0c404a; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=info-dark-9] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=info-dark-10] { + background-color: #0a353d; + border-color: #0a353d; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=info-dark-10] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=warning] { + background-color: #ff7f11; + border-color: #ff7f11; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=warning] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=warning-light-0] { + background-color: #ff7f11; + border-color: #ff7f11; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=warning-light-0] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=warning-light-1] { + background-color: #ff8720; + border-color: #ff8720; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=warning-light-1] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=warning-light-2] { + background-color: #ff8f30; + border-color: #ff8f30; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=warning-light-2] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=warning-light-3] { + background-color: #ff983f; + border-color: #ff983f; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=warning-light-3] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=warning-light-4] { + background-color: #ffa04e; + border-color: #ffa04e; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=warning-light-4] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=warning-light-5] { + background-color: #ffa85e; + border-color: #ffa85e; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=warning-light-5] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=warning-light-6] { + background-color: #ffb06d; + border-color: #ffb06d; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=warning-light-6] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=warning-light-7] { + background-color: #ffb97c; + border-color: #ffb97c; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=warning-light-7] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=warning-light-8] { + background-color: #ffc18b; + border-color: #ffc18b; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=warning-light-8] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=warning-light-9] { + background-color: #ffc99b; + border-color: #ffc99b; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=warning-light-9] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=warning-light-10] { + background-color: #ffd1aa; + border-color: #ffd1aa; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=warning-light-10] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=warning-dark-0] { + background-color: #ff7f11; + border-color: #ff7f11; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=warning-dark-0] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=warning-dark-1] { + background-color: #ff7702; + border-color: #ff7702; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=warning-dark-1] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=warning-dark-2] { + background-color: #f17000; + border-color: #f17000; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=warning-dark-2] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=warning-dark-3] { + background-color: #e26900; + border-color: #e26900; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=warning-dark-3] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=warning-dark-4] { + background-color: #d36100; + border-color: #d36100; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=warning-dark-4] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=warning-dark-5] { + background-color: #c45a00; + border-color: #c45a00; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=warning-dark-5] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=warning-dark-6] { + background-color: #b45300; + border-color: #b45300; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=warning-dark-6] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=warning-dark-7] { + background-color: #a54c00; + border-color: #a54c00; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=warning-dark-7] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=warning-dark-8] { + background-color: #964500; + border-color: #964500; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=warning-dark-8] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=warning-dark-9] { + background-color: #863e00; + border-color: #863e00; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=warning-dark-9] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=warning-dark-10] { + background-color: #773700; + border-color: #773700; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=warning-dark-10] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=danger] { + background-color: #f24236; + border-color: #f24236; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=danger] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=danger-light-0] { + background-color: #f24236; + border-color: #f24236; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=danger-light-0] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=danger-light-1] { + background-color: #f35044; + border-color: #f35044; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=danger-light-1] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=danger-light-2] { + background-color: #f45d53; + border-color: #f45d53; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=danger-light-2] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=danger-light-3] { + background-color: #f56b61; + border-color: #f56b61; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=danger-light-3] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=danger-light-4] { + background-color: #f6786f; + border-color: #f6786f; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=danger-light-4] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=danger-light-5] { + background-color: #f7867e; + border-color: #f7867e; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=danger-light-5] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=danger-light-6] { + background-color: #f8938c; + border-color: #f8938c; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=danger-light-6] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=danger-light-7] { + background-color: #f9a19b; + border-color: #f9a19b; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=danger-light-7] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=danger-light-8] { + background-color: #f9aea9; + border-color: #f9aea9; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=danger-light-8] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=danger-light-9] { + background-color: #fabcb7; + border-color: #fabcb7; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=danger-light-9] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=danger-light-10] { + background-color: #fbc9c6; + border-color: #fbc9c6; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=danger-light-10] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=danger-dark-0] { + background-color: #f24236; + border-color: #f24236; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=danger-dark-0] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=danger-dark-1] { + background-color: #f13428; + border-color: #f13428; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=danger-dark-1] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=danger-dark-2] { + background-color: #f02719; + border-color: #f02719; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=danger-dark-2] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=danger-dark-3] { + background-color: #eb1d0f; + border-color: #eb1d0f; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=danger-dark-3] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=danger-dark-4] { + background-color: #dd1b0e; + border-color: #dd1b0e; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=danger-dark-4] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=danger-dark-5] { + background-color: #ce1a0d; + border-color: #ce1a0d; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=danger-dark-5] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=danger-dark-6] { + background-color: #c0180c; + border-color: #c0180c; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=danger-dark-6] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=danger-dark-7] { + background-color: #b1160b; + border-color: #b1160b; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=danger-dark-7] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=danger-dark-8] { + background-color: #a3140b; + border-color: #a3140b; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=danger-dark-8] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=danger-dark-9] { + background-color: #95120a; + border-color: #95120a; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=danger-dark-9] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=danger-dark-10] { + background-color: #861109; + border-color: #861109; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=danger-dark-10] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=muted] { + background-color: #6a74a9; + border-color: #6a74a9; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=muted] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=muted-light-0] { + background-color: #6a74a9; + border-color: #6a74a9; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=muted-light-0] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=muted-light-1] { + background-color: #747daf; + border-color: #747daf; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=muted-light-1] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=muted-light-2] { + background-color: #7d86b4; + border-color: #7d86b4; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=muted-light-2] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=muted-light-3] { + background-color: #878fba; + border-color: #878fba; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=muted-light-3] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=muted-light-4] { + background-color: #9198bf; + border-color: #9198bf; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=muted-light-4] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=muted-light-5] { + background-color: #9ba1c5; + border-color: #9ba1c5; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=muted-light-5] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=muted-light-6] { + background-color: #a4aacb; + border-color: #a4aacb; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=muted-light-6] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=muted-light-7] { + background-color: #aeb3d0; + border-color: #aeb3d0; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=muted-light-7] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=muted-light-8] { + background-color: #b8bcd6; + border-color: #b8bcd6; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=muted-light-8] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=muted-light-9] { + background-color: #c1c5db; + border-color: #c1c5db; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=muted-light-9] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=muted-light-10] { + background-color: #cbcee1; + border-color: #cbcee1; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=muted-light-10] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=muted-dark-0] { + background-color: #6a74a9; + border-color: #6a74a9; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=muted-dark-0] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=muted-dark-1] { + background-color: #606ba3; + border-color: #606ba3; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=muted-dark-1] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=muted-dark-2] { + background-color: #59649b; + border-color: #59649b; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=muted-dark-2] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=muted-dark-3] { + background-color: #545e91; + border-color: #545e91; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=muted-dark-3] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=muted-dark-4] { + background-color: #4e5788; + border-color: #4e5788; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=muted-dark-4] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=muted-dark-5] { + background-color: #49517e; + border-color: #49517e; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=muted-dark-5] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=muted-dark-6] { + background-color: #434b74; + border-color: #434b74; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=muted-dark-6] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=muted-dark-7] { + background-color: #3d456a; + border-color: #3d456a; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=muted-dark-7] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=muted-dark-8] { + background-color: #383e61; + border-color: #383e61; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=muted-dark-8] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=muted-dark-9] { + background-color: #323857; + border-color: #323857; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=muted-dark-9] * { + color: #fbfaf8 !important; +} +[_navbar][_navbar~=muted-dark-10] { + background-color: #2d324d; + border-color: #2d324d; + color: #fbfaf8 !important; +} +[_navbar][_navbar~=muted-dark-10] * { + color: #fbfaf8 !important; +} + +[_pagination] > a { + padding: 0.4rem 1rem; + background-color: #ebedf4; + text-decoration: none; + color: #00bfb2; + display: inline; + margin: 0; + border: 1px solid #cbcee1; +} +[_pagination] > a:hover { + background-color: #cbcee1; +} +[_pagination] > a:not(:first-child) { + margin-left: -6px; +} +[_pagination] > a:first-child { + border-radius: 5px 0 0 5px; +} +[_pagination] > a:last-child { + border-radius: 0 5px 5px 0; +} +[_pagination] > a:last-child:first-child { + border-radius: 5px; +} +[_pagination][_pagination~=lg], [_pagination][_pagination~=large] { + padding: 0.5rem 1.25rem; + font-size: 1.25rem; + line-height: 1.5; +} +[_pagination][_pagination~=sm], [_pagination][_pagination~=small] { + padding: 0.25rem 0.75rem; + font-size: 0.8rem; + line-height: 1.5; +} +[_pagination][_pagination~=block], [_pagination][_pagination~=full] { + width: 100%; + display: flex; + flex-wrap: nowrap; +} +[_pagination][_pagination~=block] > *, [_pagination][_pagination~=full] > * { + width: 100%; + text-align: center; +} + +ul[_list][_list~=hoverable] > li:hover { + background-color: #cbcee1; +} +ul[_list] > li { + padding: 0.4rem 1rem; + background-color: #ebedf4; + text-decoration: none; + color: #00bfb2; + display: block; + margin: 0; + border: 1px solid #cbcee1; +} +ul[_list] > li:hover { + background-color: #cbcee1; +} +ul[_list] > li:first-child { + border-radius: 5px 5px 0 0; +} +ul[_list] > li:last-child { + border-radius: 0 0 5px 5px; +} +ul[_list] > li:last-child:first-child { + border-radius: 5px; +} +ul[_list][_list~=lg], ul[_list][_list~=large] { + padding: 0.5rem 1.25rem; + font-size: 1.25rem; + line-height: 1.5; +} +ul[_list][_list~=sm], ul[_list][_list~=small] { + padding: 0.25rem 0.75rem; + font-size: 0.8rem; + line-height: 1.5; +} +ul[_list][_list~=block], ul[_list][_list~=full] { + width: 100%; + display: flex; + flex-wrap: nowrap; +} +ul[_list][_list~=block] > *, ul[_list][_list~=full] > * { + width: 100%; + text-align: center; +} + +[_card] { + padding: 15px; + background-color: #fbfaf8; + color: #1a1d2d; + border-radius: 5px; + box-shadow: 0 2px 4px 0px rgba(26, 29, 45, 0.14), 0 1px 5px 1px rgba(26, 29, 45, 0.12), 0 1px 1px -1px rgba(26, 29, 45, 0.2); +} +[_card] h1, +[_card] h2, +[_card] h3, +[_card] h4, +[_card] h5, +[_card] h6 { + line-height: 1.3em; + margin-bottom: 0.2rem; +} +[_card] h1:not(:first-child), +[_card] h2:not(:first-child), +[_card] h3:not(:first-child), +[_card] h4:not(:first-child), +[_card] h5:not(:first-child), +[_card] h6:not(:first-child) { + opacity: 0.8; +} +[_card] p { + opacity: 0.95; +} +[_card] [_btn] { + margin-top: 10px; + display: inline-block; +} +[_card] a { + text-decoration: none; + margin-top: 20px; + display: inline-block; + color: #00bfb2; +} +[_card] hr { + border-color: #cbcee1; + width: 80%; +} +[_card] img { + border-radius: 5px 5px 0 0; + width: calc(100% + 30px); + position: relative; + left: -15px; + top: -15px; + object-fit: cover; + max-height: 300px; +} + +[_progress] { + height: 25px; + border-radius: 5px; + overflow: hidden; + margin: 5px 0; +} +[_progress] > div { + height: 100%; + background-color: #00bfb2; +} +[_progress][_progress~=red] > div { + background-color: #f24236; + border-color: #f24236; + color: #fbfaf8 !important; +} +[_progress][_progress~=red] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=red-light-0] > div { + background-color: #f24236; + border-color: #f24236; + color: #fbfaf8 !important; +} +[_progress][_progress~=red-light-0] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=red-light-1] > div { + background-color: #f35044; + border-color: #f35044; + color: #fbfaf8 !important; +} +[_progress][_progress~=red-light-1] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=red-light-2] > div { + background-color: #f45d53; + border-color: #f45d53; + color: #fbfaf8 !important; +} +[_progress][_progress~=red-light-2] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=red-light-3] > div { + background-color: #f56b61; + border-color: #f56b61; + color: #fbfaf8 !important; +} +[_progress][_progress~=red-light-3] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=red-light-4] > div { + background-color: #f6786f; + border-color: #f6786f; + color: #fbfaf8 !important; +} +[_progress][_progress~=red-light-4] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=red-light-5] > div { + background-color: #f7867e; + border-color: #f7867e; + color: #fbfaf8 !important; +} +[_progress][_progress~=red-light-5] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=red-light-6] > div { + background-color: #f8938c; + border-color: #f8938c; + color: #fbfaf8 !important; +} +[_progress][_progress~=red-light-6] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=red-light-7] > div { + background-color: #f9a19b; + border-color: #f9a19b; + color: #fbfaf8 !important; +} +[_progress][_progress~=red-light-7] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=red-light-8] > div { + background-color: #f9aea9; + border-color: #f9aea9; + color: #fbfaf8 !important; +} +[_progress][_progress~=red-light-8] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=red-light-9] > div { + background-color: #fabcb7; + border-color: #fabcb7; + color: #fbfaf8 !important; +} +[_progress][_progress~=red-light-9] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=red-light-10] > div { + background-color: #fbc9c6; + border-color: #fbc9c6; + color: #fbfaf8 !important; +} +[_progress][_progress~=red-light-10] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=red-dark-0] > div { + background-color: #f24236; + border-color: #f24236; + color: #fbfaf8 !important; +} +[_progress][_progress~=red-dark-0] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=red-dark-1] > div { + background-color: #f13428; + border-color: #f13428; + color: #fbfaf8 !important; +} +[_progress][_progress~=red-dark-1] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=red-dark-2] > div { + background-color: #f02719; + border-color: #f02719; + color: #fbfaf8 !important; +} +[_progress][_progress~=red-dark-2] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=red-dark-3] > div { + background-color: #eb1d0f; + border-color: #eb1d0f; + color: #fbfaf8 !important; +} +[_progress][_progress~=red-dark-3] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=red-dark-4] > div { + background-color: #dd1b0e; + border-color: #dd1b0e; + color: #fbfaf8 !important; +} +[_progress][_progress~=red-dark-4] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=red-dark-5] > div { + background-color: #ce1a0d; + border-color: #ce1a0d; + color: #fbfaf8 !important; +} +[_progress][_progress~=red-dark-5] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=red-dark-6] > div { + background-color: #c0180c; + border-color: #c0180c; + color: #fbfaf8 !important; +} +[_progress][_progress~=red-dark-6] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=red-dark-7] > div { + background-color: #b1160b; + border-color: #b1160b; + color: #fbfaf8 !important; +} +[_progress][_progress~=red-dark-7] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=red-dark-8] > div { + background-color: #a3140b; + border-color: #a3140b; + color: #fbfaf8 !important; +} +[_progress][_progress~=red-dark-8] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=red-dark-9] > div { + background-color: #95120a; + border-color: #95120a; + color: #fbfaf8 !important; +} +[_progress][_progress~=red-dark-9] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=red-dark-10] > div { + background-color: #861109; + border-color: #861109; + color: #fbfaf8 !important; +} +[_progress][_progress~=red-dark-10] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=pink] > div { + background-color: #e43f6f; + border-color: #e43f6f; + color: #fbfaf8 !important; +} +[_progress][_progress~=pink] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=pink-light-0] > div { + background-color: #e43f6f; + border-color: #e43f6f; + color: #fbfaf8 !important; +} +[_progress][_progress~=pink-light-0] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=pink-light-1] > div { + background-color: #e64c79; + border-color: #e64c79; + color: #fbfaf8 !important; +} +[_progress][_progress~=pink-light-1] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=pink-light-2] > div { + background-color: #e85a83; + border-color: #e85a83; + color: #fbfaf8 !important; +} +[_progress][_progress~=pink-light-2] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=pink-light-3] > div { + background-color: #ea678d; + border-color: #ea678d; + color: #fbfaf8 !important; +} +[_progress][_progress~=pink-light-3] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=pink-light-4] > div { + background-color: #ec7597; + border-color: #ec7597; + color: #fbfaf8 !important; +} +[_progress][_progress~=pink-light-4] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=pink-light-5] > div { + background-color: #ed82a1; + border-color: #ed82a1; + color: #fbfaf8 !important; +} +[_progress][_progress~=pink-light-5] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=pink-light-6] > div { + background-color: #ef8fab; + border-color: #ef8fab; + color: #fbfaf8 !important; +} +[_progress][_progress~=pink-light-6] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=pink-light-7] > div { + background-color: #f19db5; + border-color: #f19db5; + color: #fbfaf8 !important; +} +[_progress][_progress~=pink-light-7] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=pink-light-8] > div { + background-color: #f3aabf; + border-color: #f3aabf; + color: #fbfaf8 !important; +} +[_progress][_progress~=pink-light-8] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=pink-light-9] > div { + background-color: #f5b8ca; + border-color: #f5b8ca; + color: #fbfaf8 !important; +} +[_progress][_progress~=pink-light-9] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=pink-light-10] > div { + background-color: #f7c5d4; + border-color: #f7c5d4; + color: #fbfaf8 !important; +} +[_progress][_progress~=pink-light-10] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=pink-dark-0] > div { + background-color: #e43f6f; + border-color: #e43f6f; + color: #fbfaf8 !important; +} +[_progress][_progress~=pink-dark-0] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=pink-dark-1] > div { + background-color: #e23265; + border-color: #e23265; + color: #fbfaf8 !important; +} +[_progress][_progress~=pink-dark-1] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=pink-dark-2] > div { + background-color: #e0245b; + border-color: #e0245b; + color: #fbfaf8 !important; +} +[_progress][_progress~=pink-dark-2] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=pink-dark-3] > div { + background-color: #d71e54; + border-color: #d71e54; + color: #fbfaf8 !important; +} +[_progress][_progress~=pink-dark-3] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=pink-dark-4] > div { + background-color: #c91c4f; + border-color: #c91c4f; + color: #fbfaf8 !important; +} +[_progress][_progress~=pink-dark-4] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=pink-dark-5] > div { + background-color: #bc1a49; + border-color: #bc1a49; + color: #fbfaf8 !important; +} +[_progress][_progress~=pink-dark-5] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=pink-dark-6] > div { + background-color: #af1944; + border-color: #af1944; + color: #fbfaf8 !important; +} +[_progress][_progress~=pink-dark-6] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=pink-dark-7] > div { + background-color: #a1173f; + border-color: #a1173f; + color: #fbfaf8 !important; +} +[_progress][_progress~=pink-dark-7] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=pink-dark-8] > div { + background-color: #94153a; + border-color: #94153a; + color: #fbfaf8 !important; +} +[_progress][_progress~=pink-dark-8] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=pink-dark-9] > div { + background-color: #861335; + border-color: #861335; + color: #fbfaf8 !important; +} +[_progress][_progress~=pink-dark-9] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=pink-dark-10] > div { + background-color: #79112f; + border-color: #79112f; + color: #fbfaf8 !important; +} +[_progress][_progress~=pink-dark-10] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=purple] > div { + background-color: #6564db; + border-color: #6564db; + color: #fbfaf8 !important; +} +[_progress][_progress~=purple] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=purple-light-0] > div { + background-color: #6564db; + border-color: #6564db; + color: #fbfaf8 !important; +} +[_progress][_progress~=purple-light-0] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=purple-light-1] > div { + background-color: #7170de; + border-color: #7170de; + color: #fbfaf8 !important; +} +[_progress][_progress~=purple-light-1] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=purple-light-2] > div { + background-color: #7e7de1; + border-color: #7e7de1; + color: #fbfaf8 !important; +} +[_progress][_progress~=purple-light-2] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=purple-light-3] > div { + background-color: #8a89e4; + border-color: #8a89e4; + color: #fbfaf8 !important; +} +[_progress][_progress~=purple-light-3] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=purple-light-4] > div { + background-color: #9696e7; + border-color: #9696e7; + color: #fbfaf8 !important; +} +[_progress][_progress~=purple-light-4] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=purple-light-5] > div { + background-color: #a3a2e9; + border-color: #a3a2e9; + color: #fbfaf8 !important; +} +[_progress][_progress~=purple-light-5] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=purple-light-6] > div { + background-color: #afaeec; + border-color: #afaeec; + color: #fbfaf8 !important; +} +[_progress][_progress~=purple-light-6] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=purple-light-7] > div { + background-color: #bbbbef; + border-color: #bbbbef; + color: #fbfaf8 !important; +} +[_progress][_progress~=purple-light-7] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=purple-light-8] > div { + background-color: #c8c7f2; + border-color: #c8c7f2; + color: #fbfaf8 !important; +} +[_progress][_progress~=purple-light-8] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=purple-light-9] > div { + background-color: #d4d4f5; + border-color: #d4d4f5; + color: #fbfaf8 !important; +} +[_progress][_progress~=purple-light-9] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=purple-light-10] > div { + background-color: #e0e0f8; + border-color: #e0e0f8; + color: #fbfaf8 !important; +} +[_progress][_progress~=purple-light-10] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=purple-dark-0] > div { + background-color: #6564db; + border-color: #6564db; + color: #fbfaf8 !important; +} +[_progress][_progress~=purple-dark-0] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=purple-dark-1] > div { + background-color: #5958d8; + border-color: #5958d8; + color: #fbfaf8 !important; +} +[_progress][_progress~=purple-dark-1] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=purple-dark-2] > div { + background-color: #4c4bd5; + border-color: #4c4bd5; + color: #fbfaf8 !important; +} +[_progress][_progress~=purple-dark-2] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=purple-dark-3] > div { + background-color: #403fd2; + border-color: #403fd2; + color: #fbfaf8 !important; +} +[_progress][_progress~=purple-dark-3] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=purple-dark-4] > div { + background-color: #3432cf; + border-color: #3432cf; + color: #fbfaf8 !important; +} +[_progress][_progress~=purple-dark-4] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=purple-dark-5] > div { + background-color: #2f2ec5; + border-color: #2f2ec5; + color: #fbfaf8 !important; +} +[_progress][_progress~=purple-dark-5] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=purple-dark-6] > div { + background-color: #2c2bb8; + border-color: #2c2bb8; + color: #fbfaf8 !important; +} +[_progress][_progress~=purple-dark-6] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=purple-dark-7] > div { + background-color: #2928ac; + border-color: #2928ac; + color: #fbfaf8 !important; +} +[_progress][_progress~=purple-dark-7] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=purple-dark-8] > div { + background-color: #2625a0; + border-color: #2625a0; + color: #fbfaf8 !important; +} +[_progress][_progress~=purple-dark-8] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=purple-dark-9] > div { + background-color: #232293; + border-color: #232293; + color: #fbfaf8 !important; +} +[_progress][_progress~=purple-dark-9] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=purple-dark-10] > div { + background-color: #201f87; + border-color: #201f87; + color: #fbfaf8 !important; +} +[_progress][_progress~=purple-dark-10] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=indigo] > div { + background-color: #473bf0; + border-color: #473bf0; + color: #fbfaf8 !important; +} +[_progress][_progress~=indigo] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=indigo-light-0] > div { + background-color: #473bf0; + border-color: #473bf0; + color: #fbfaf8 !important; +} +[_progress][_progress~=indigo-light-0] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=indigo-light-1] > div { + background-color: #5449f1; + border-color: #5449f1; + color: #fbfaf8 !important; +} +[_progress][_progress~=indigo-light-1] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=indigo-light-2] > div { + background-color: #6257f2; + border-color: #6257f2; + color: #fbfaf8 !important; +} +[_progress][_progress~=indigo-light-2] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=indigo-light-3] > div { + background-color: #6f66f3; + border-color: #6f66f3; + color: #fbfaf8 !important; +} +[_progress][_progress~=indigo-light-3] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=indigo-light-4] > div { + background-color: #7c74f4; + border-color: #7c74f4; + color: #fbfaf8 !important; +} +[_progress][_progress~=indigo-light-4] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=indigo-light-5] > div { + background-color: #8a82f5; + border-color: #8a82f5; + color: #fbfaf8 !important; +} +[_progress][_progress~=indigo-light-5] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=indigo-light-6] > div { + background-color: #9790f7; + border-color: #9790f7; + color: #fbfaf8 !important; +} +[_progress][_progress~=indigo-light-6] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=indigo-light-7] > div { + background-color: #a49ef8; + border-color: #a49ef8; + color: #fbfaf8 !important; +} +[_progress][_progress~=indigo-light-7] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=indigo-light-8] > div { + background-color: #b2adf9; + border-color: #b2adf9; + color: #fbfaf8 !important; +} +[_progress][_progress~=indigo-light-8] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=indigo-light-9] > div { + background-color: #bfbbfa; + border-color: #bfbbfa; + color: #fbfaf8 !important; +} +[_progress][_progress~=indigo-light-9] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=indigo-light-10] > div { + background-color: #ccc9fb; + border-color: #ccc9fb; + color: #fbfaf8 !important; +} +[_progress][_progress~=indigo-light-10] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=indigo-dark-0] > div { + background-color: #473bf0; + border-color: #473bf0; + color: #fbfaf8 !important; +} +[_progress][_progress~=indigo-dark-0] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=indigo-dark-1] > div { + background-color: #3a2def; + border-color: #3a2def; + color: #fbfaf8 !important; +} +[_progress][_progress~=indigo-dark-1] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=indigo-dark-2] > div { + background-color: #2c1fee; + border-color: #2c1fee; + color: #fbfaf8 !important; +} +[_progress][_progress~=indigo-dark-2] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=indigo-dark-3] > div { + background-color: #2012eb; + border-color: #2012eb; + color: #fbfaf8 !important; +} +[_progress][_progress~=indigo-dark-3] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=indigo-dark-4] > div { + background-color: #1e11dd; + border-color: #1e11dd; + color: #fbfaf8 !important; +} +[_progress][_progress~=indigo-dark-4] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=indigo-dark-5] > div { + background-color: #1c10cf; + border-color: #1c10cf; + color: #fbfaf8 !important; +} +[_progress][_progress~=indigo-dark-5] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=indigo-dark-6] > div { + background-color: #1b0fc0; + border-color: #1b0fc0; + color: #fbfaf8 !important; +} +[_progress][_progress~=indigo-dark-6] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=indigo-dark-7] > div { + background-color: #190eb2; + border-color: #190eb2; + color: #fbfaf8 !important; +} +[_progress][_progress~=indigo-dark-7] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=indigo-dark-8] > div { + background-color: #170da4; + border-color: #170da4; + color: #fbfaf8 !important; +} +[_progress][_progress~=indigo-dark-8] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=indigo-dark-9] > div { + background-color: #150b96; + border-color: #150b96; + color: #fbfaf8 !important; +} +[_progress][_progress~=indigo-dark-9] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=indigo-dark-10] > div { + background-color: #130a88; + border-color: #130a88; + color: #fbfaf8 !important; +} +[_progress][_progress~=indigo-dark-10] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=blue] > div { + background-color: #3169c4; + border-color: #3169c4; + color: #fbfaf8 !important; +} +[_progress][_progress~=blue] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=blue-light-0] > div { + background-color: #3169c4; + border-color: #3169c4; + color: #fbfaf8 !important; +} +[_progress][_progress~=blue-light-0] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=blue-light-1] > div { + background-color: #3770cd; + border-color: #3770cd; + color: #fbfaf8 !important; +} +[_progress][_progress~=blue-light-1] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=blue-light-2] > div { + background-color: #4379d0; + border-color: #4379d0; + color: #fbfaf8 !important; +} +[_progress][_progress~=blue-light-2] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=blue-light-3] > div { + background-color: #5082d3; + border-color: #5082d3; + color: #fbfaf8 !important; +} +[_progress][_progress~=blue-light-3] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=blue-light-4] > div { + background-color: #5c8bd6; + border-color: #5c8bd6; + color: #fbfaf8 !important; +} +[_progress][_progress~=blue-light-4] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=blue-light-5] > div { + background-color: #6893d9; + border-color: #6893d9; + color: #fbfaf8 !important; +} +[_progress][_progress~=blue-light-5] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=blue-light-6] > div { + background-color: #749cdc; + border-color: #749cdc; + color: #fbfaf8 !important; +} +[_progress][_progress~=blue-light-6] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=blue-light-7] > div { + background-color: #81a5df; + border-color: #81a5df; + color: #fbfaf8 !important; +} +[_progress][_progress~=blue-light-7] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=blue-light-8] > div { + background-color: #8daee2; + border-color: #8daee2; + color: #fbfaf8 !important; +} +[_progress][_progress~=blue-light-8] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=blue-light-9] > div { + background-color: #99b6e6; + border-color: #99b6e6; + color: #fbfaf8 !important; +} +[_progress][_progress~=blue-light-9] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=blue-light-10] > div { + background-color: #a5bfe9; + border-color: #a5bfe9; + color: #fbfaf8 !important; +} +[_progress][_progress~=blue-light-10] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=blue-dark-0] > div { + background-color: #3169c4; + border-color: #3169c4; + color: #fbfaf8 !important; +} +[_progress][_progress~=blue-dark-0] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=blue-dark-1] > div { + background-color: #2e62b8; + border-color: #2e62b8; + color: #fbfaf8 !important; +} +[_progress][_progress~=blue-dark-1] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=blue-dark-2] > div { + background-color: #2b5cac; + border-color: #2b5cac; + color: #fbfaf8 !important; +} +[_progress][_progress~=blue-dark-2] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=blue-dark-3] > div { + background-color: #28559f; + border-color: #28559f; + color: #fbfaf8 !important; +} +[_progress][_progress~=blue-dark-3] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=blue-dark-4] > div { + background-color: #254f93; + border-color: #254f93; + color: #fbfaf8 !important; +} +[_progress][_progress~=blue-dark-4] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=blue-dark-5] > div { + background-color: #224887; + border-color: #224887; + color: #fbfaf8 !important; +} +[_progress][_progress~=blue-dark-5] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=blue-dark-6] > div { + background-color: #1f427b; + border-color: #1f427b; + color: #fbfaf8 !important; +} +[_progress][_progress~=blue-dark-6] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=blue-dark-7] > div { + background-color: #1c3b6e; + border-color: #1c3b6e; + color: #fbfaf8 !important; +} +[_progress][_progress~=blue-dark-7] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=blue-dark-8] > div { + background-color: #193562; + border-color: #193562; + color: #fbfaf8 !important; +} +[_progress][_progress~=blue-dark-8] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=blue-dark-9] > div { + background-color: #152e56; + border-color: #152e56; + color: #fbfaf8 !important; +} +[_progress][_progress~=blue-dark-9] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=blue-dark-10] > div { + background-color: #12274a; + border-color: #12274a; + color: #fbfaf8 !important; +} +[_progress][_progress~=blue-dark-10] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=cyan] > div { + background-color: #1fa6c1; + border-color: #1fa6c1; + color: #fbfaf8 !important; +} +[_progress][_progress~=cyan] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=cyan-light-0] > div { + background-color: #1fa6c1; + border-color: #1fa6c1; + color: #fbfaf8 !important; +} +[_progress][_progress~=cyan-light-0] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=cyan-light-1] > div { + background-color: #21b1ce; + border-color: #21b1ce; + color: #fbfaf8 !important; +} +[_progress][_progress~=cyan-light-1] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=cyan-light-2] > div { + background-color: #23bddb; + border-color: #23bddb; + color: #fbfaf8 !important; +} +[_progress][_progress~=cyan-light-2] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=cyan-light-3] > div { + background-color: #30c1de; + border-color: #30c1de; + color: #fbfaf8 !important; +} +[_progress][_progress~=cyan-light-3] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=cyan-light-4] > div { + background-color: #3dc5e0; + border-color: #3dc5e0; + color: #fbfaf8 !important; +} +[_progress][_progress~=cyan-light-4] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=cyan-light-5] > div { + background-color: #4ac9e2; + border-color: #4ac9e2; + color: #fbfaf8 !important; +} +[_progress][_progress~=cyan-light-5] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=cyan-light-6] > div { + background-color: #58cde4; + border-color: #58cde4; + color: #fbfaf8 !important; +} +[_progress][_progress~=cyan-light-6] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=cyan-light-7] > div { + background-color: #65d1e6; + border-color: #65d1e6; + color: #fbfaf8 !important; +} +[_progress][_progress~=cyan-light-7] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=cyan-light-8] > div { + background-color: #72d5e8; + border-color: #72d5e8; + color: #fbfaf8 !important; +} +[_progress][_progress~=cyan-light-8] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=cyan-light-9] > div { + background-color: #7fd9ea; + border-color: #7fd9ea; + color: #fbfaf8 !important; +} +[_progress][_progress~=cyan-light-9] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=cyan-light-10] > div { + background-color: #8cdded; + border-color: #8cdded; + color: #fbfaf8 !important; +} +[_progress][_progress~=cyan-light-10] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=cyan-dark-0] > div { + background-color: #1fa6c1; + border-color: #1fa6c1; + color: #fbfaf8 !important; +} +[_progress][_progress~=cyan-dark-0] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=cyan-dark-1] > div { + background-color: #1d9bb4; + border-color: #1d9bb4; + color: #fbfaf8 !important; +} +[_progress][_progress~=cyan-dark-1] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=cyan-dark-2] > div { + background-color: #1b8fa7; + border-color: #1b8fa7; + color: #fbfaf8 !important; +} +[_progress][_progress~=cyan-dark-2] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=cyan-dark-3] > div { + background-color: #198499; + border-color: #198499; + color: #fbfaf8 !important; +} +[_progress][_progress~=cyan-dark-3] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=cyan-dark-4] > div { + background-color: #17798c; + border-color: #17798c; + color: #fbfaf8 !important; +} +[_progress][_progress~=cyan-dark-4] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=cyan-dark-5] > div { + background-color: #146d7f; + border-color: #146d7f; + color: #fbfaf8 !important; +} +[_progress][_progress~=cyan-dark-5] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=cyan-dark-6] > div { + background-color: #126272; + border-color: #126272; + color: #fbfaf8 !important; +} +[_progress][_progress~=cyan-dark-6] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=cyan-dark-7] > div { + background-color: #105765; + border-color: #105765; + color: #fbfaf8 !important; +} +[_progress][_progress~=cyan-dark-7] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=cyan-dark-8] > div { + background-color: #0e4b58; + border-color: #0e4b58; + color: #fbfaf8 !important; +} +[_progress][_progress~=cyan-dark-8] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=cyan-dark-9] > div { + background-color: #0c404a; + border-color: #0c404a; + color: #fbfaf8 !important; +} +[_progress][_progress~=cyan-dark-9] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=cyan-dark-10] > div { + background-color: #0a353d; + border-color: #0a353d; + color: #fbfaf8 !important; +} +[_progress][_progress~=cyan-dark-10] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=teal] > div { + background-color: #00bfb2; + border-color: #00bfb2; + color: #fbfaf8 !important; +} +[_progress][_progress~=teal] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=teal-light-0] > div { + background-color: #00bfb2; + border-color: #00bfb2; + color: #fbfaf8 !important; +} +[_progress][_progress~=teal-light-0] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=teal-light-1] > div { + background-color: #00cec0; + border-color: #00cec0; + color: #fbfaf8 !important; +} +[_progress][_progress~=teal-light-1] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=teal-light-2] > div { + background-color: #00decf; + border-color: #00decf; + color: #fbfaf8 !important; +} +[_progress][_progress~=teal-light-2] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=teal-light-3] > div { + background-color: #00eddd; + border-color: #00eddd; + color: #fbfaf8 !important; +} +[_progress][_progress~=teal-light-3] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=teal-light-4] > div { + background-color: #00fceb; + border-color: #00fceb; + color: #fbfaf8 !important; +} +[_progress][_progress~=teal-light-4] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=teal-light-5] > div { + background-color: #0dffee; + border-color: #0dffee; + color: #fbfaf8 !important; +} +[_progress][_progress~=teal-light-5] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=teal-light-6] > div { + background-color: #1cfff0; + border-color: #1cfff0; + color: #fbfaf8 !important; +} +[_progress][_progress~=teal-light-6] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=teal-light-7] > div { + background-color: #2bfff1; + border-color: #2bfff1; + color: #fbfaf8 !important; +} +[_progress][_progress~=teal-light-7] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=teal-light-8] > div { + background-color: #3afff2; + border-color: #3afff2; + color: #fbfaf8 !important; +} +[_progress][_progress~=teal-light-8] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=teal-light-9] > div { + background-color: #4afff3; + border-color: #4afff3; + color: #fbfaf8 !important; +} +[_progress][_progress~=teal-light-9] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=teal-light-10] > div { + background-color: #59fff4; + border-color: #59fff4; + color: #fbfaf8 !important; +} +[_progress][_progress~=teal-light-10] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=teal-dark-0] > div { + background-color: #00bfb2; + border-color: #00bfb2; + color: #fbfaf8 !important; +} +[_progress][_progress~=teal-dark-0] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=teal-dark-1] > div { + background-color: #00b0a4; + border-color: #00b0a4; + color: #fbfaf8 !important; +} +[_progress][_progress~=teal-dark-1] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=teal-dark-2] > div { + background-color: #00a095; + border-color: #00a095; + color: #fbfaf8 !important; +} +[_progress][_progress~=teal-dark-2] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=teal-dark-3] > div { + background-color: #009187; + border-color: #009187; + color: #fbfaf8 !important; +} +[_progress][_progress~=teal-dark-3] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=teal-dark-4] > div { + background-color: #008279; + border-color: #008279; + color: #fbfaf8 !important; +} +[_progress][_progress~=teal-dark-4] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=teal-dark-5] > div { + background-color: #00736b; + border-color: #00736b; + color: #fbfaf8 !important; +} +[_progress][_progress~=teal-dark-5] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=teal-dark-6] > div { + background-color: #00635c; + border-color: #00635c; + color: #fbfaf8 !important; +} +[_progress][_progress~=teal-dark-6] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=teal-dark-7] > div { + background-color: #00544e; + border-color: #00544e; + color: #fbfaf8 !important; +} +[_progress][_progress~=teal-dark-7] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=teal-dark-8] > div { + background-color: #004540; + border-color: #004540; + color: #fbfaf8 !important; +} +[_progress][_progress~=teal-dark-8] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=teal-dark-9] > div { + background-color: #003532; + border-color: #003532; + color: #fbfaf8 !important; +} +[_progress][_progress~=teal-dark-9] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=teal-dark-10] > div { + background-color: #002623; + border-color: #002623; + color: #fbfaf8 !important; +} +[_progress][_progress~=teal-dark-10] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=green] > div { + background-color: #3ccd65; + border-color: #3ccd65; + color: #fbfaf8 !important; +} +[_progress][_progress~=green] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=green-light-0] > div { + background-color: #3ccd65; + border-color: #3ccd65; + color: #fbfaf8 !important; +} +[_progress][_progress~=green-light-0] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=green-light-1] > div { + background-color: #48d06f; + border-color: #48d06f; + color: #fbfaf8 !important; +} +[_progress][_progress~=green-light-1] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=green-light-2] > div { + background-color: #54d378; + border-color: #54d378; + color: #fbfaf8 !important; +} +[_progress][_progress~=green-light-2] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=green-light-3] > div { + background-color: #61d682; + border-color: #61d682; + color: #fbfaf8 !important; +} +[_progress][_progress~=green-light-3] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=green-light-4] > div { + background-color: #6dd98b; + border-color: #6dd98b; + color: #fbfaf8 !important; +} +[_progress][_progress~=green-light-4] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=green-light-5] > div { + background-color: #79dd95; + border-color: #79dd95; + color: #fbfaf8 !important; +} +[_progress][_progress~=green-light-5] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=green-light-6] > div { + background-color: #85e09f; + border-color: #85e09f; + color: #fbfaf8 !important; +} +[_progress][_progress~=green-light-6] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=green-light-7] > div { + background-color: #91e3a8; + border-color: #91e3a8; + color: #fbfaf8 !important; +} +[_progress][_progress~=green-light-7] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=green-light-8] > div { + background-color: #9de6b2; + border-color: #9de6b2; + color: #fbfaf8 !important; +} +[_progress][_progress~=green-light-8] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=green-light-9] > div { + background-color: #aae9bc; + border-color: #aae9bc; + color: #fbfaf8 !important; +} +[_progress][_progress~=green-light-9] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=green-light-10] > div { + background-color: #b6ecc5; + border-color: #b6ecc5; + color: #fbfaf8 !important; +} +[_progress][_progress~=green-light-10] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=green-dark-0] > div { + background-color: #3ccd65; + border-color: #3ccd65; + color: #fbfaf8 !important; +} +[_progress][_progress~=green-dark-0] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=green-dark-1] > div { + background-color: #33c75d; + border-color: #33c75d; + color: #fbfaf8 !important; +} +[_progress][_progress~=green-dark-1] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=green-dark-2] > div { + background-color: #30bb57; + border-color: #30bb57; + color: #fbfaf8 !important; +} +[_progress][_progress~=green-dark-2] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=green-dark-3] > div { + background-color: #2dae51; + border-color: #2dae51; + color: #fbfaf8 !important; +} +[_progress][_progress~=green-dark-3] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=green-dark-4] > div { + background-color: #2aa24c; + border-color: #2aa24c; + color: #fbfaf8 !important; +} +[_progress][_progress~=green-dark-4] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=green-dark-5] > div { + background-color: #269646; + border-color: #269646; + color: #fbfaf8 !important; +} +[_progress][_progress~=green-dark-5] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=green-dark-6] > div { + background-color: #238a40; + border-color: #238a40; + color: #fbfaf8 !important; +} +[_progress][_progress~=green-dark-6] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=green-dark-7] > div { + background-color: #207e3b; + border-color: #207e3b; + color: #fbfaf8 !important; +} +[_progress][_progress~=green-dark-7] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=green-dark-8] > div { + background-color: #1d7135; + border-color: #1d7135; + color: #fbfaf8 !important; +} +[_progress][_progress~=green-dark-8] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=green-dark-9] > div { + background-color: #1a652f; + border-color: #1a652f; + color: #fbfaf8 !important; +} +[_progress][_progress~=green-dark-9] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=green-dark-10] > div { + background-color: #17592a; + border-color: #17592a; + color: #fbfaf8 !important; +} +[_progress][_progress~=green-dark-10] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=lime] > div { + background-color: #aad922; + border-color: #aad922; + color: #fbfaf8 !important; +} +[_progress][_progress~=lime] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=lime-light-0] > div { + background-color: #aad922; + border-color: #aad922; + color: #fbfaf8 !important; +} +[_progress][_progress~=lime-light-0] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=lime-light-1] > div { + background-color: #b0de2c; + border-color: #b0de2c; + color: #fbfaf8 !important; +} +[_progress][_progress~=lime-light-1] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=lime-light-2] > div { + background-color: #b5e03a; + border-color: #b5e03a; + color: #fbfaf8 !important; +} +[_progress][_progress~=lime-light-2] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=lime-light-3] > div { + background-color: #bae247; + border-color: #bae247; + color: #fbfaf8 !important; +} +[_progress][_progress~=lime-light-3] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=lime-light-4] > div { + background-color: #bfe454; + border-color: #bfe454; + color: #fbfaf8 !important; +} +[_progress][_progress~=lime-light-4] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=lime-light-5] > div { + background-color: #c4e661; + border-color: #c4e661; + color: #fbfaf8 !important; +} +[_progress][_progress~=lime-light-5] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=lime-light-6] > div { + background-color: #c9e86e; + border-color: #c9e86e; + color: #fbfaf8 !important; +} +[_progress][_progress~=lime-light-6] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=lime-light-7] > div { + background-color: #ceea7c; + border-color: #ceea7c; + color: #fbfaf8 !important; +} +[_progress][_progress~=lime-light-7] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=lime-light-8] > div { + background-color: #d3ec89; + border-color: #d3ec89; + color: #fbfaf8 !important; +} +[_progress][_progress~=lime-light-8] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=lime-light-9] > div { + background-color: #d8ef96; + border-color: #d8ef96; + color: #fbfaf8 !important; +} +[_progress][_progress~=lime-light-9] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=lime-light-10] > div { + background-color: #ddf1a3; + border-color: #ddf1a3; + color: #fbfaf8 !important; +} +[_progress][_progress~=lime-light-10] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=lime-dark-0] > div { + background-color: #aad922; + border-color: #aad922; + color: #fbfaf8 !important; +} +[_progress][_progress~=lime-dark-0] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=lime-dark-1] > div { + background-color: #a0cc20; + border-color: #a0cc20; + color: #fbfaf8 !important; +} +[_progress][_progress~=lime-dark-1] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=lime-dark-2] > div { + background-color: #95bf1e; + border-color: #95bf1e; + color: #fbfaf8 !important; +} +[_progress][_progress~=lime-dark-2] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=lime-dark-3] > div { + background-color: #8bb11c; + border-color: #8bb11c; + color: #fbfaf8 !important; +} +[_progress][_progress~=lime-dark-3] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=lime-dark-4] > div { + background-color: #81a41a; + border-color: #81a41a; + color: #fbfaf8 !important; +} +[_progress][_progress~=lime-dark-4] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=lime-dark-5] > div { + background-color: #769718; + border-color: #769718; + color: #fbfaf8 !important; +} +[_progress][_progress~=lime-dark-5] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=lime-dark-6] > div { + background-color: #6c8a16; + border-color: #6c8a16; + color: #fbfaf8 !important; +} +[_progress][_progress~=lime-dark-6] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=lime-dark-7] > div { + background-color: #617c13; + border-color: #617c13; + color: #fbfaf8 !important; +} +[_progress][_progress~=lime-dark-7] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=lime-dark-8] > div { + background-color: #576f11; + border-color: #576f11; + color: #fbfaf8 !important; +} +[_progress][_progress~=lime-dark-8] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=lime-dark-9] > div { + background-color: #4d620f; + border-color: #4d620f; + color: #fbfaf8 !important; +} +[_progress][_progress~=lime-dark-9] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=lime-dark-10] > div { + background-color: #42550d; + border-color: #42550d; + color: #fbfaf8 !important; +} +[_progress][_progress~=lime-dark-10] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=yellow] > div { + background-color: #f7b32b; + border-color: #f7b32b; + color: #fbfaf8 !important; +} +[_progress][_progress~=yellow] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=yellow-light-0] > div { + background-color: #f7b32b; + border-color: #f7b32b; + color: #fbfaf8 !important; +} +[_progress][_progress~=yellow-light-0] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=yellow-light-1] > div { + background-color: #f8b83a; + border-color: #f8b83a; + color: #fbfaf8 !important; +} +[_progress][_progress~=yellow-light-1] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=yellow-light-2] > div { + background-color: #f8be48; + border-color: #f8be48; + color: #fbfaf8 !important; +} +[_progress][_progress~=yellow-light-2] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=yellow-light-3] > div { + background-color: #f9c357; + border-color: #f9c357; + color: #fbfaf8 !important; +} +[_progress][_progress~=yellow-light-3] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=yellow-light-4] > div { + background-color: #f9c866; + border-color: #f9c866; + color: #fbfaf8 !important; +} +[_progress][_progress~=yellow-light-4] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=yellow-light-5] > div { + background-color: #facd75; + border-color: #facd75; + color: #fbfaf8 !important; +} +[_progress][_progress~=yellow-light-5] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=yellow-light-6] > div { + background-color: #fad383; + border-color: #fad383; + color: #fbfaf8 !important; +} +[_progress][_progress~=yellow-light-6] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=yellow-light-7] > div { + background-color: #fbd892; + border-color: #fbd892; + color: #fbfaf8 !important; +} +[_progress][_progress~=yellow-light-7] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=yellow-light-8] > div { + background-color: #fbdda1; + border-color: #fbdda1; + color: #fbfaf8 !important; +} +[_progress][_progress~=yellow-light-8] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=yellow-light-9] > div { + background-color: #fce3b0; + border-color: #fce3b0; + color: #fbfaf8 !important; +} +[_progress][_progress~=yellow-light-9] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=yellow-light-10] > div { + background-color: #fde8be; + border-color: #fde8be; + color: #fbfaf8 !important; +} +[_progress][_progress~=yellow-light-10] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=yellow-dark-0] > div { + background-color: #f7b32b; + border-color: #f7b32b; + color: #fbfaf8 !important; +} +[_progress][_progress~=yellow-dark-0] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=yellow-dark-1] > div { + background-color: #f6ae1c; + border-color: #f6ae1c; + color: #fbfaf8 !important; +} +[_progress][_progress~=yellow-dark-1] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=yellow-dark-2] > div { + background-color: #f6a80e; + border-color: #f6a80e; + color: #fbfaf8 !important; +} +[_progress][_progress~=yellow-dark-2] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=yellow-dark-3] > div { + background-color: #eba009; + border-color: #eba009; + color: #fbfaf8 !important; +} +[_progress][_progress~=yellow-dark-3] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=yellow-dark-4] > div { + background-color: #dc9608; + border-color: #dc9608; + color: #fbfaf8 !important; +} +[_progress][_progress~=yellow-dark-4] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=yellow-dark-5] > div { + background-color: #ce8c08; + border-color: #ce8c08; + color: #fbfaf8 !important; +} +[_progress][_progress~=yellow-dark-5] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=yellow-dark-6] > div { + background-color: #bf8207; + border-color: #bf8207; + color: #fbfaf8 !important; +} +[_progress][_progress~=yellow-dark-6] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=yellow-dark-7] > div { + background-color: #b07807; + border-color: #b07807; + color: #fbfaf8 !important; +} +[_progress][_progress~=yellow-dark-7] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=yellow-dark-8] > div { + background-color: #a26e06; + border-color: #a26e06; + color: #fbfaf8 !important; +} +[_progress][_progress~=yellow-dark-8] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=yellow-dark-9] > div { + background-color: #936406; + border-color: #936406; + color: #fbfaf8 !important; +} +[_progress][_progress~=yellow-dark-9] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=yellow-dark-10] > div { + background-color: #845a05; + border-color: #845a05; + color: #fbfaf8 !important; +} +[_progress][_progress~=yellow-dark-10] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=amber] > div { + background-color: #ff7f11; + border-color: #ff7f11; + color: #fbfaf8 !important; +} +[_progress][_progress~=amber] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=amber-light-0] > div { + background-color: #ff7f11; + border-color: #ff7f11; + color: #fbfaf8 !important; +} +[_progress][_progress~=amber-light-0] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=amber-light-1] > div { + background-color: #ff8720; + border-color: #ff8720; + color: #fbfaf8 !important; +} +[_progress][_progress~=amber-light-1] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=amber-light-2] > div { + background-color: #ff8f30; + border-color: #ff8f30; + color: #fbfaf8 !important; +} +[_progress][_progress~=amber-light-2] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=amber-light-3] > div { + background-color: #ff983f; + border-color: #ff983f; + color: #fbfaf8 !important; +} +[_progress][_progress~=amber-light-3] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=amber-light-4] > div { + background-color: #ffa04e; + border-color: #ffa04e; + color: #fbfaf8 !important; +} +[_progress][_progress~=amber-light-4] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=amber-light-5] > div { + background-color: #ffa85e; + border-color: #ffa85e; + color: #fbfaf8 !important; +} +[_progress][_progress~=amber-light-5] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=amber-light-6] > div { + background-color: #ffb06d; + border-color: #ffb06d; + color: #fbfaf8 !important; +} +[_progress][_progress~=amber-light-6] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=amber-light-7] > div { + background-color: #ffb97c; + border-color: #ffb97c; + color: #fbfaf8 !important; +} +[_progress][_progress~=amber-light-7] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=amber-light-8] > div { + background-color: #ffc18b; + border-color: #ffc18b; + color: #fbfaf8 !important; +} +[_progress][_progress~=amber-light-8] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=amber-light-9] > div { + background-color: #ffc99b; + border-color: #ffc99b; + color: #fbfaf8 !important; +} +[_progress][_progress~=amber-light-9] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=amber-light-10] > div { + background-color: #ffd1aa; + border-color: #ffd1aa; + color: #fbfaf8 !important; +} +[_progress][_progress~=amber-light-10] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=amber-dark-0] > div { + background-color: #ff7f11; + border-color: #ff7f11; + color: #fbfaf8 !important; +} +[_progress][_progress~=amber-dark-0] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=amber-dark-1] > div { + background-color: #ff7702; + border-color: #ff7702; + color: #fbfaf8 !important; +} +[_progress][_progress~=amber-dark-1] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=amber-dark-2] > div { + background-color: #f17000; + border-color: #f17000; + color: #fbfaf8 !important; +} +[_progress][_progress~=amber-dark-2] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=amber-dark-3] > div { + background-color: #e26900; + border-color: #e26900; + color: #fbfaf8 !important; +} +[_progress][_progress~=amber-dark-3] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=amber-dark-4] > div { + background-color: #d36100; + border-color: #d36100; + color: #fbfaf8 !important; +} +[_progress][_progress~=amber-dark-4] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=amber-dark-5] > div { + background-color: #c45a00; + border-color: #c45a00; + color: #fbfaf8 !important; +} +[_progress][_progress~=amber-dark-5] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=amber-dark-6] > div { + background-color: #b45300; + border-color: #b45300; + color: #fbfaf8 !important; +} +[_progress][_progress~=amber-dark-6] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=amber-dark-7] > div { + background-color: #a54c00; + border-color: #a54c00; + color: #fbfaf8 !important; +} +[_progress][_progress~=amber-dark-7] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=amber-dark-8] > div { + background-color: #964500; + border-color: #964500; + color: #fbfaf8 !important; +} +[_progress][_progress~=amber-dark-8] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=amber-dark-9] > div { + background-color: #863e00; + border-color: #863e00; + color: #fbfaf8 !important; +} +[_progress][_progress~=amber-dark-9] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=amber-dark-10] > div { + background-color: #773700; + border-color: #773700; + color: #fbfaf8 !important; +} +[_progress][_progress~=amber-dark-10] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=orange] > div { + background-color: #f34213; + border-color: #f34213; + color: #fbfaf8 !important; +} +[_progress][_progress~=orange] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=orange-light-0] > div { + background-color: #f34213; + border-color: #f34213; + color: #fbfaf8 !important; +} +[_progress][_progress~=orange-light-0] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=orange-light-1] > div { + background-color: #f44e22; + border-color: #f44e22; + color: #fbfaf8 !important; +} +[_progress][_progress~=orange-light-1] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=orange-light-2] > div { + background-color: #f45930; + border-color: #f45930; + color: #fbfaf8 !important; +} +[_progress][_progress~=orange-light-2] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=orange-light-3] > div { + background-color: #f5653f; + border-color: #f5653f; + color: #fbfaf8 !important; +} +[_progress][_progress~=orange-light-3] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=orange-light-4] > div { + background-color: #f6714d; + border-color: #f6714d; + color: #fbfaf8 !important; +} +[_progress][_progress~=orange-light-4] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=orange-light-5] > div { + background-color: #f77c5c; + border-color: #f77c5c; + color: #fbfaf8 !important; +} +[_progress][_progress~=orange-light-5] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=orange-light-6] > div { + background-color: #f7886a; + border-color: #f7886a; + color: #fbfaf8 !important; +} +[_progress][_progress~=orange-light-6] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=orange-light-7] > div { + background-color: #f89479; + border-color: #f89479; + color: #fbfaf8 !important; +} +[_progress][_progress~=orange-light-7] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=orange-light-8] > div { + background-color: #f99f87; + border-color: #f99f87; + color: #fbfaf8 !important; +} +[_progress][_progress~=orange-light-8] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=orange-light-9] > div { + background-color: #faab96; + border-color: #faab96; + color: #fbfaf8 !important; +} +[_progress][_progress~=orange-light-9] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=orange-light-10] > div { + background-color: #fab7a5; + border-color: #fab7a5; + color: #fbfaf8 !important; +} +[_progress][_progress~=orange-light-10] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=orange-dark-0] > div { + background-color: #f34213; + border-color: #f34213; + color: #fbfaf8 !important; +} +[_progress][_progress~=orange-dark-0] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=orange-dark-1] > div { + background-color: #eb3b0c; + border-color: #eb3b0c; + color: #fbfaf8 !important; +} +[_progress][_progress~=orange-dark-1] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=orange-dark-2] > div { + background-color: #dc370b; + border-color: #dc370b; + color: #fbfaf8 !important; +} +[_progress][_progress~=orange-dark-2] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=orange-dark-3] > div { + background-color: #ce330a; + border-color: #ce330a; + color: #fbfaf8 !important; +} +[_progress][_progress~=orange-dark-3] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=orange-dark-4] > div { + background-color: #bf300a; + border-color: #bf300a; + color: #fbfaf8 !important; +} +[_progress][_progress~=orange-dark-4] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=orange-dark-5] > div { + background-color: #b12c09; + border-color: #b12c09; + color: #fbfaf8 !important; +} +[_progress][_progress~=orange-dark-5] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=orange-dark-6] > div { + background-color: #a22808; + border-color: #a22808; + color: #fbfaf8 !important; +} +[_progress][_progress~=orange-dark-6] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=orange-dark-7] > div { + background-color: #932507; + border-color: #932507; + color: #fbfaf8 !important; +} +[_progress][_progress~=orange-dark-7] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=orange-dark-8] > div { + background-color: #852107; + border-color: #852107; + color: #fbfaf8 !important; +} +[_progress][_progress~=orange-dark-8] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=orange-dark-9] > div { + background-color: #761e06; + border-color: #761e06; + color: #fbfaf8 !important; +} +[_progress][_progress~=orange-dark-9] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=orange-dark-10] > div { + background-color: #681a05; + border-color: #681a05; + color: #fbfaf8 !important; +} +[_progress][_progress~=orange-dark-10] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=brown] > div { + background-color: #823329; + border-color: #823329; + color: #fbfaf8 !important; +} +[_progress][_progress~=brown] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=brown-light-0] > div { + background-color: #823329; + border-color: #823329; + color: #fbfaf8 !important; +} +[_progress][_progress~=brown-light-0] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=brown-light-1] > div { + background-color: #8e382d; + border-color: #8e382d; + color: #fbfaf8 !important; +} +[_progress][_progress~=brown-light-1] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=brown-light-2] > div { + background-color: #993c30; + border-color: #993c30; + color: #fbfaf8 !important; +} +[_progress][_progress~=brown-light-2] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=brown-light-3] > div { + background-color: #a54134; + border-color: #a54134; + color: #fbfaf8 !important; +} +[_progress][_progress~=brown-light-3] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=brown-light-4] > div { + background-color: #b14538; + border-color: #b14538; + color: #fbfaf8 !important; +} +[_progress][_progress~=brown-light-4] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=brown-light-5] > div { + background-color: #bc4a3b; + border-color: #bc4a3b; + color: #fbfaf8 !important; +} +[_progress][_progress~=brown-light-5] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=brown-light-6] > div { + background-color: #c45243; + border-color: #c45243; + color: #fbfaf8 !important; +} +[_progress][_progress~=brown-light-6] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=brown-light-7] > div { + background-color: #c75c4f; + border-color: #c75c4f; + color: #fbfaf8 !important; +} +[_progress][_progress~=brown-light-7] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=brown-light-8] > div { + background-color: #cb675a; + border-color: #cb675a; + color: #fbfaf8 !important; +} +[_progress][_progress~=brown-light-8] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=brown-light-9] > div { + background-color: #cf7266; + border-color: #cf7266; + color: #fbfaf8 !important; +} +[_progress][_progress~=brown-light-9] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=brown-light-10] > div { + background-color: #d27c72; + border-color: #d27c72; + color: #fbfaf8 !important; +} +[_progress][_progress~=brown-light-10] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=brown-dark-0] > div { + background-color: #823329; + border-color: #823329; + color: #fbfaf8 !important; +} +[_progress][_progress~=brown-dark-0] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=brown-dark-1] > div { + background-color: #762e25; + border-color: #762e25; + color: #fbfaf8 !important; +} +[_progress][_progress~=brown-dark-1] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=brown-dark-2] > div { + background-color: #6b2a22; + border-color: #6b2a22; + color: #fbfaf8 !important; +} +[_progress][_progress~=brown-dark-2] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=brown-dark-3] > div { + background-color: #5f251e; + border-color: #5f251e; + color: #fbfaf8 !important; +} +[_progress][_progress~=brown-dark-3] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=brown-dark-4] > div { + background-color: #53211a; + border-color: #53211a; + color: #fbfaf8 !important; +} +[_progress][_progress~=brown-dark-4] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=brown-dark-5] > div { + background-color: #481c17; + border-color: #481c17; + color: #fbfaf8 !important; +} +[_progress][_progress~=brown-dark-5] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=brown-dark-6] > div { + background-color: #3c1813; + border-color: #3c1813; + color: #fbfaf8 !important; +} +[_progress][_progress~=brown-dark-6] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=brown-dark-7] > div { + background-color: #31130f; + border-color: #31130f; + color: #fbfaf8 !important; +} +[_progress][_progress~=brown-dark-7] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=brown-dark-8] > div { + background-color: #250e0c; + border-color: #250e0c; + color: #fbfaf8 !important; +} +[_progress][_progress~=brown-dark-8] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=brown-dark-9] > div { + background-color: #190a08; + border-color: #190a08; + color: #fbfaf8 !important; +} +[_progress][_progress~=brown-dark-9] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=brown-dark-10] > div { + background-color: #0e0504; + border-color: #0e0504; + color: #fbfaf8 !important; +} +[_progress][_progress~=brown-dark-10] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=grey] > div { + background-color: #7179ad; + border-color: #7179ad; + color: #fbfaf8 !important; +} +[_progress][_progress~=grey] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=grey-light-0] > div { + background-color: #7179ad; + border-color: #7179ad; + color: #fbfaf8 !important; +} +[_progress][_progress~=grey-light-0] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=grey-light-1] > div { + background-color: #7b82b3; + border-color: #7b82b3; + color: #fbfaf8 !important; +} +[_progress][_progress~=grey-light-1] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=grey-light-2] > div { + background-color: #848bb8; + border-color: #848bb8; + color: #fbfaf8 !important; +} +[_progress][_progress~=grey-light-2] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=grey-light-3] > div { + background-color: #8e94be; + border-color: #8e94be; + color: #fbfaf8 !important; +} +[_progress][_progress~=grey-light-3] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=grey-light-4] > div { + background-color: #989ec3; + border-color: #989ec3; + color: #fbfaf8 !important; +} +[_progress][_progress~=grey-light-4] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=grey-light-5] > div { + background-color: #a1a7c9; + border-color: #a1a7c9; + color: #fbfaf8 !important; +} +[_progress][_progress~=grey-light-5] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=grey-light-6] > div { + background-color: #abb0cf; + border-color: #abb0cf; + color: #fbfaf8 !important; +} +[_progress][_progress~=grey-light-6] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=grey-light-7] > div { + background-color: #b5b9d4; + border-color: #b5b9d4; + color: #fbfaf8 !important; +} +[_progress][_progress~=grey-light-7] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=grey-light-8] > div { + background-color: #bfc2da; + border-color: #bfc2da; + color: #fbfaf8 !important; +} +[_progress][_progress~=grey-light-8] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=grey-light-9] > div { + background-color: #c8cbdf; + border-color: #c8cbdf; + color: #fbfaf8 !important; +} +[_progress][_progress~=grey-light-9] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=grey-light-10] > div { + background-color: #d2d5e5; + border-color: #d2d5e5; + color: #fbfaf8 !important; +} +[_progress][_progress~=grey-light-10] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=grey-dark-0] > div { + background-color: #7179ad; + border-color: #7179ad; + color: #fbfaf8 !important; +} +[_progress][_progress~=grey-dark-0] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=grey-dark-1] > div { + background-color: #6770a7; + border-color: #6770a7; + color: #fbfaf8 !important; +} +[_progress][_progress~=grey-dark-1] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=grey-dark-2] > div { + background-color: #5e67a2; + border-color: #5e67a2; + color: #fbfaf8 !important; +} +[_progress][_progress~=grey-dark-2] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=grey-dark-3] > div { + background-color: #586098; + border-color: #586098; + color: #fbfaf8 !important; +} +[_progress][_progress~=grey-dark-3] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=grey-dark-4] > div { + background-color: #525a8f; + border-color: #525a8f; + color: #fbfaf8 !important; +} +[_progress][_progress~=grey-dark-4] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=grey-dark-5] > div { + background-color: #4d5485; + border-color: #4d5485; + color: #fbfaf8 !important; +} +[_progress][_progress~=grey-dark-5] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=grey-dark-6] > div { + background-color: #474e7b; + border-color: #474e7b; + color: #fbfaf8 !important; +} +[_progress][_progress~=grey-dark-6] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=grey-dark-7] > div { + background-color: #414871; + border-color: #414871; + color: #fbfaf8 !important; +} +[_progress][_progress~=grey-dark-7] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=grey-dark-8] > div { + background-color: #3c4268; + border-color: #3c4268; + color: #fbfaf8 !important; +} +[_progress][_progress~=grey-dark-8] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=grey-dark-9] > div { + background-color: #363c5e; + border-color: #363c5e; + color: #fbfaf8 !important; +} +[_progress][_progress~=grey-dark-9] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=grey-dark-10] > div { + background-color: #313554; + border-color: #313554; + color: #fbfaf8 !important; +} +[_progress][_progress~=grey-dark-10] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=black] > div { + background-color: #1a1d2d; + border-color: #1a1d2d; + color: #fbfaf8 !important; +} +[_progress][_progress~=black] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=black-light-0] > div { + background-color: #1a1d2d; + border-color: #1a1d2d; + color: #fbfaf8 !important; +} +[_progress][_progress~=black-light-0] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=black-light-1] > div { + background-color: #202337; + border-color: #202337; + color: #fbfaf8 !important; +} +[_progress][_progress~=black-light-1] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=black-light-2] > div { + background-color: #252940; + border-color: #252940; + color: #fbfaf8 !important; +} +[_progress][_progress~=black-light-2] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=black-light-3] > div { + background-color: #2b304a; + border-color: #2b304a; + color: #fbfaf8 !important; +} +[_progress][_progress~=black-light-3] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=black-light-4] > div { + background-color: #303654; + border-color: #303654; + color: #fbfaf8 !important; +} +[_progress][_progress~=black-light-4] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=black-light-5] > div { + background-color: #363c5d; + border-color: #363c5d; + color: #fbfaf8 !important; +} +[_progress][_progress~=black-light-5] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=black-light-6] > div { + background-color: #3c4267; + border-color: #3c4267; + color: #fbfaf8 !important; +} +[_progress][_progress~=black-light-6] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=black-light-7] > div { + background-color: #414971; + border-color: #414971; + color: #fbfaf8 !important; +} +[_progress][_progress~=black-light-7] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=black-light-8] > div { + background-color: #474f7b; + border-color: #474f7b; + color: #fbfaf8 !important; +} +[_progress][_progress~=black-light-8] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=black-light-9] > div { + background-color: #4c5584; + border-color: #4c5584; + color: #fbfaf8 !important; +} +[_progress][_progress~=black-light-9] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=black-light-10] > div { + background-color: #525b8e; + border-color: #525b8e; + color: #fbfaf8 !important; +} +[_progress][_progress~=black-light-10] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=black-dark-0] > div { + background-color: #1a1d2d; + border-color: #1a1d2d; + color: #fbfaf8 !important; +} +[_progress][_progress~=black-dark-0] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=black-dark-1] > div { + background-color: #141723; + border-color: #141723; + color: #fbfaf8 !important; +} +[_progress][_progress~=black-dark-1] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=black-dark-2] > div { + background-color: #0f111a; + border-color: #0f111a; + color: #fbfaf8 !important; +} +[_progress][_progress~=black-dark-2] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=black-dark-3] > div { + background-color: #090a10; + border-color: #090a10; + color: #fbfaf8 !important; +} +[_progress][_progress~=black-dark-3] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=black-dark-4] > div { + background-color: #040406; + border-color: #040406; + color: #fbfaf8 !important; +} +[_progress][_progress~=black-dark-4] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=black-dark-5] > div { + background-color: black; + border-color: black; + color: #fbfaf8 !important; +} +[_progress][_progress~=black-dark-5] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=black-dark-6] > div { + background-color: black; + border-color: black; + color: #fbfaf8 !important; +} +[_progress][_progress~=black-dark-6] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=black-dark-7] > div { + background-color: black; + border-color: black; + color: #fbfaf8 !important; +} +[_progress][_progress~=black-dark-7] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=black-dark-8] > div { + background-color: black; + border-color: black; + color: #fbfaf8 !important; +} +[_progress][_progress~=black-dark-8] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=black-dark-9] > div { + background-color: black; + border-color: black; + color: #fbfaf8 !important; +} +[_progress][_progress~=black-dark-9] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=black-dark-10] > div { + background-color: black; + border-color: black; + color: #fbfaf8 !important; +} +[_progress][_progress~=black-dark-10] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=white] > div { + background-color: #fbfaf8; + border-color: #fbfaf8; + color: #1a1d2d !important; +} +[_progress][_progress~=white] > div * { + color: #1a1d2d !important; +} +[_progress][_progress~=white-light-0] > div { + background-color: #fbfaf8; + border-color: #fbfaf8; + color: #1a1d2d !important; +} +[_progress][_progress~=white-light-0] > div * { + color: #1a1d2d !important; +} +[_progress][_progress~=white-light-1] > div { + background-color: white; + border-color: white; + color: #1a1d2d !important; +} +[_progress][_progress~=white-light-1] > div * { + color: #1a1d2d !important; +} +[_progress][_progress~=white-light-2] > div { + background-color: white; + border-color: white; + color: #1a1d2d !important; +} +[_progress][_progress~=white-light-2] > div * { + color: #1a1d2d !important; +} +[_progress][_progress~=white-light-3] > div { + background-color: white; + border-color: white; + color: #1a1d2d !important; +} +[_progress][_progress~=white-light-3] > div * { + color: #1a1d2d !important; +} +[_progress][_progress~=white-light-4] > div { + background-color: white; + border-color: white; + color: #1a1d2d !important; +} +[_progress][_progress~=white-light-4] > div * { + color: #1a1d2d !important; +} +[_progress][_progress~=white-light-5] > div { + background-color: white; + border-color: white; + color: #1a1d2d !important; +} +[_progress][_progress~=white-light-5] > div * { + color: #1a1d2d !important; +} +[_progress][_progress~=white-light-6] > div { + background-color: white; + border-color: white; + color: #1a1d2d !important; +} +[_progress][_progress~=white-light-6] > div * { + color: #1a1d2d !important; +} +[_progress][_progress~=white-light-7] > div { + background-color: white; + border-color: white; + color: #1a1d2d !important; +} +[_progress][_progress~=white-light-7] > div * { + color: #1a1d2d !important; +} +[_progress][_progress~=white-light-8] > div { + background-color: white; + border-color: white; + color: #1a1d2d !important; +} +[_progress][_progress~=white-light-8] > div * { + color: #1a1d2d !important; +} +[_progress][_progress~=white-light-9] > div { + background-color: white; + border-color: white; + color: #1a1d2d !important; +} +[_progress][_progress~=white-light-9] > div * { + color: #1a1d2d !important; +} +[_progress][_progress~=white-light-10] > div { + background-color: white; + border-color: white; + color: #1a1d2d !important; +} +[_progress][_progress~=white-light-10] > div * { + color: #1a1d2d !important; +} +[_progress][_progress~=white-dark-0] > div { + background-color: #fbfaf8; + border-color: #fbfaf8; + color: #1a1d2d !important; +} +[_progress][_progress~=white-dark-0] > div * { + color: #1a1d2d !important; +} +[_progress][_progress~=white-dark-1] > div { + background-color: #f5f3ee; + border-color: #f5f3ee; + color: #1a1d2d !important; +} +[_progress][_progress~=white-dark-1] > div * { + color: #1a1d2d !important; +} +[_progress][_progress~=white-dark-2] > div { + background-color: #f0ece5; + border-color: #f0ece5; + color: #1a1d2d !important; +} +[_progress][_progress~=white-dark-2] > div * { + color: #1a1d2d !important; +} +[_progress][_progress~=white-dark-3] > div { + background-color: #eae5db; + border-color: #eae5db; + color: #1a1d2d !important; +} +[_progress][_progress~=white-dark-3] > div * { + color: #1a1d2d !important; +} +[_progress][_progress~=white-dark-4] > div { + background-color: #e5ded1; + border-color: #e5ded1; + color: #1a1d2d !important; +} +[_progress][_progress~=white-dark-4] > div * { + color: #1a1d2d !important; +} +[_progress][_progress~=white-dark-5] > div { + background-color: #dfd7c7; + border-color: #dfd7c7; + color: #1a1d2d !important; +} +[_progress][_progress~=white-dark-5] > div * { + color: #1a1d2d !important; +} +[_progress][_progress~=white-dark-6] > div { + background-color: #dad0be; + border-color: #dad0be; + color: #1a1d2d !important; +} +[_progress][_progress~=white-dark-6] > div * { + color: #1a1d2d !important; +} +[_progress][_progress~=white-dark-7] > div { + background-color: #d4c9b4; + border-color: #d4c9b4; + color: #1a1d2d !important; +} +[_progress][_progress~=white-dark-7] > div * { + color: #1a1d2d !important; +} +[_progress][_progress~=white-dark-8] > div { + background-color: #cec2aa; + border-color: #cec2aa; + color: #1a1d2d !important; +} +[_progress][_progress~=white-dark-8] > div * { + color: #1a1d2d !important; +} +[_progress][_progress~=white-dark-9] > div { + background-color: #c9bba0; + border-color: #c9bba0; + color: #1a1d2d !important; +} +[_progress][_progress~=white-dark-9] > div * { + color: #1a1d2d !important; +} +[_progress][_progress~=white-dark-10] > div { + background-color: #c3b497; + border-color: #c3b497; + color: #1a1d2d !important; +} +[_progress][_progress~=white-dark-10] > div * { + color: #1a1d2d !important; +} +[_progress][_progress~=transparent] > div { + background-color: transparent; + border-color: transparent; + color: #fbfaf8 !important; +} +[_progress][_progress~=transparent] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=transparent-light-0] > div { + background-color: transparent; + border-color: transparent; + color: #fbfaf8 !important; +} +[_progress][_progress~=transparent-light-0] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=transparent-light-1] > div { + background-color: rgba(8, 8, 8, 0); + border-color: rgba(8, 8, 8, 0); + color: #fbfaf8 !important; +} +[_progress][_progress~=transparent-light-1] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=transparent-light-2] > div { + background-color: rgba(15, 15, 15, 0); + border-color: rgba(15, 15, 15, 0); + color: #fbfaf8 !important; +} +[_progress][_progress~=transparent-light-2] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=transparent-light-3] > div { + background-color: rgba(23, 23, 23, 0); + border-color: rgba(23, 23, 23, 0); + color: #fbfaf8 !important; +} +[_progress][_progress~=transparent-light-3] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=transparent-light-4] > div { + background-color: rgba(31, 31, 31, 0); + border-color: rgba(31, 31, 31, 0); + color: #fbfaf8 !important; +} +[_progress][_progress~=transparent-light-4] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=transparent-light-5] > div { + background-color: rgba(38, 38, 38, 0); + border-color: rgba(38, 38, 38, 0); + color: #fbfaf8 !important; +} +[_progress][_progress~=transparent-light-5] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=transparent-light-6] > div { + background-color: rgba(46, 46, 46, 0); + border-color: rgba(46, 46, 46, 0); + color: #fbfaf8 !important; +} +[_progress][_progress~=transparent-light-6] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=transparent-light-7] > div { + background-color: rgba(54, 54, 54, 0); + border-color: rgba(54, 54, 54, 0); + color: #fbfaf8 !important; +} +[_progress][_progress~=transparent-light-7] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=transparent-light-8] > div { + background-color: rgba(61, 61, 61, 0); + border-color: rgba(61, 61, 61, 0); + color: #fbfaf8 !important; +} +[_progress][_progress~=transparent-light-8] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=transparent-light-9] > div { + background-color: rgba(69, 69, 69, 0); + border-color: rgba(69, 69, 69, 0); + color: #fbfaf8 !important; +} +[_progress][_progress~=transparent-light-9] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=transparent-light-10] > div { + background-color: rgba(77, 77, 77, 0); + border-color: rgba(77, 77, 77, 0); + color: #fbfaf8 !important; +} +[_progress][_progress~=transparent-light-10] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=transparent-dark-0] > div { + background-color: transparent; + border-color: transparent; + color: #fbfaf8 !important; +} +[_progress][_progress~=transparent-dark-0] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=transparent-dark-1] > div { + background-color: rgba(0, 0, 0, 0); + border-color: rgba(0, 0, 0, 0); + color: #fbfaf8 !important; +} +[_progress][_progress~=transparent-dark-1] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=transparent-dark-2] > div { + background-color: rgba(0, 0, 0, 0); + border-color: rgba(0, 0, 0, 0); + color: #fbfaf8 !important; +} +[_progress][_progress~=transparent-dark-2] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=transparent-dark-3] > div { + background-color: rgba(0, 0, 0, 0); + border-color: rgba(0, 0, 0, 0); + color: #fbfaf8 !important; +} +[_progress][_progress~=transparent-dark-3] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=transparent-dark-4] > div { + background-color: rgba(0, 0, 0, 0); + border-color: rgba(0, 0, 0, 0); + color: #fbfaf8 !important; +} +[_progress][_progress~=transparent-dark-4] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=transparent-dark-5] > div { + background-color: rgba(0, 0, 0, 0); + border-color: rgba(0, 0, 0, 0); + color: #fbfaf8 !important; +} +[_progress][_progress~=transparent-dark-5] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=transparent-dark-6] > div { + background-color: rgba(0, 0, 0, 0); + border-color: rgba(0, 0, 0, 0); + color: #fbfaf8 !important; +} +[_progress][_progress~=transparent-dark-6] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=transparent-dark-7] > div { + background-color: rgba(0, 0, 0, 0); + border-color: rgba(0, 0, 0, 0); + color: #fbfaf8 !important; +} +[_progress][_progress~=transparent-dark-7] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=transparent-dark-8] > div { + background-color: rgba(0, 0, 0, 0); + border-color: rgba(0, 0, 0, 0); + color: #fbfaf8 !important; +} +[_progress][_progress~=transparent-dark-8] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=transparent-dark-9] > div { + background-color: rgba(0, 0, 0, 0); + border-color: rgba(0, 0, 0, 0); + color: #fbfaf8 !important; +} +[_progress][_progress~=transparent-dark-9] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=transparent-dark-10] > div { + background-color: rgba(0, 0, 0, 0); + border-color: rgba(0, 0, 0, 0); + color: #fbfaf8 !important; +} +[_progress][_progress~=transparent-dark-10] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=dark] > div { + background-color: #1a1d2d; + border-color: #1a1d2d; + color: #fbfaf8 !important; +} +[_progress][_progress~=dark] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=dark-light-0] > div { + background-color: #1a1d2d; + border-color: #1a1d2d; + color: #fbfaf8 !important; +} +[_progress][_progress~=dark-light-0] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=dark-light-1] > div { + background-color: #202337; + border-color: #202337; + color: #fbfaf8 !important; +} +[_progress][_progress~=dark-light-1] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=dark-light-2] > div { + background-color: #252940; + border-color: #252940; + color: #fbfaf8 !important; +} +[_progress][_progress~=dark-light-2] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=dark-light-3] > div { + background-color: #2b304a; + border-color: #2b304a; + color: #fbfaf8 !important; +} +[_progress][_progress~=dark-light-3] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=dark-light-4] > div { + background-color: #303654; + border-color: #303654; + color: #fbfaf8 !important; +} +[_progress][_progress~=dark-light-4] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=dark-light-5] > div { + background-color: #363c5d; + border-color: #363c5d; + color: #fbfaf8 !important; +} +[_progress][_progress~=dark-light-5] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=dark-light-6] > div { + background-color: #3c4267; + border-color: #3c4267; + color: #fbfaf8 !important; +} +[_progress][_progress~=dark-light-6] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=dark-light-7] > div { + background-color: #414971; + border-color: #414971; + color: #fbfaf8 !important; +} +[_progress][_progress~=dark-light-7] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=dark-light-8] > div { + background-color: #474f7b; + border-color: #474f7b; + color: #fbfaf8 !important; +} +[_progress][_progress~=dark-light-8] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=dark-light-9] > div { + background-color: #4c5584; + border-color: #4c5584; + color: #fbfaf8 !important; +} +[_progress][_progress~=dark-light-9] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=dark-light-10] > div { + background-color: #525b8e; + border-color: #525b8e; + color: #fbfaf8 !important; +} +[_progress][_progress~=dark-light-10] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=dark-dark-0] > div { + background-color: #1a1d2d; + border-color: #1a1d2d; + color: #fbfaf8 !important; +} +[_progress][_progress~=dark-dark-0] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=dark-dark-1] > div { + background-color: #141723; + border-color: #141723; + color: #fbfaf8 !important; +} +[_progress][_progress~=dark-dark-1] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=dark-dark-2] > div { + background-color: #0f111a; + border-color: #0f111a; + color: #fbfaf8 !important; +} +[_progress][_progress~=dark-dark-2] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=dark-dark-3] > div { + background-color: #090a10; + border-color: #090a10; + color: #fbfaf8 !important; +} +[_progress][_progress~=dark-dark-3] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=dark-dark-4] > div { + background-color: #040406; + border-color: #040406; + color: #fbfaf8 !important; +} +[_progress][_progress~=dark-dark-4] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=dark-dark-5] > div { + background-color: black; + border-color: black; + color: #fbfaf8 !important; +} +[_progress][_progress~=dark-dark-5] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=dark-dark-6] > div { + background-color: black; + border-color: black; + color: #fbfaf8 !important; +} +[_progress][_progress~=dark-dark-6] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=dark-dark-7] > div { + background-color: black; + border-color: black; + color: #fbfaf8 !important; +} +[_progress][_progress~=dark-dark-7] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=dark-dark-8] > div { + background-color: black; + border-color: black; + color: #fbfaf8 !important; +} +[_progress][_progress~=dark-dark-8] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=dark-dark-9] > div { + background-color: black; + border-color: black; + color: #fbfaf8 !important; +} +[_progress][_progress~=dark-dark-9] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=dark-dark-10] > div { + background-color: black; + border-color: black; + color: #fbfaf8 !important; +} +[_progress][_progress~=dark-dark-10] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=light] > div { + background-color: #fbfaf8; + border-color: #fbfaf8; + color: #1a1d2d !important; +} +[_progress][_progress~=light] > div * { + color: #1a1d2d !important; +} +[_progress][_progress~=light-light-0] > div { + background-color: #fbfaf8; + border-color: #fbfaf8; + color: #1a1d2d !important; +} +[_progress][_progress~=light-light-0] > div * { + color: #1a1d2d !important; +} +[_progress][_progress~=light-light-1] > div { + background-color: white; + border-color: white; + color: #1a1d2d !important; +} +[_progress][_progress~=light-light-1] > div * { + color: #1a1d2d !important; +} +[_progress][_progress~=light-light-2] > div { + background-color: white; + border-color: white; + color: #1a1d2d !important; +} +[_progress][_progress~=light-light-2] > div * { + color: #1a1d2d !important; +} +[_progress][_progress~=light-light-3] > div { + background-color: white; + border-color: white; + color: #1a1d2d !important; +} +[_progress][_progress~=light-light-3] > div * { + color: #1a1d2d !important; +} +[_progress][_progress~=light-light-4] > div { + background-color: white; + border-color: white; + color: #1a1d2d !important; +} +[_progress][_progress~=light-light-4] > div * { + color: #1a1d2d !important; +} +[_progress][_progress~=light-light-5] > div { + background-color: white; + border-color: white; + color: #1a1d2d !important; +} +[_progress][_progress~=light-light-5] > div * { + color: #1a1d2d !important; +} +[_progress][_progress~=light-light-6] > div { + background-color: white; + border-color: white; + color: #1a1d2d !important; +} +[_progress][_progress~=light-light-6] > div * { + color: #1a1d2d !important; +} +[_progress][_progress~=light-light-7] > div { + background-color: white; + border-color: white; + color: #1a1d2d !important; +} +[_progress][_progress~=light-light-7] > div * { + color: #1a1d2d !important; +} +[_progress][_progress~=light-light-8] > div { + background-color: white; + border-color: white; + color: #1a1d2d !important; +} +[_progress][_progress~=light-light-8] > div * { + color: #1a1d2d !important; +} +[_progress][_progress~=light-light-9] > div { + background-color: white; + border-color: white; + color: #1a1d2d !important; +} +[_progress][_progress~=light-light-9] > div * { + color: #1a1d2d !important; +} +[_progress][_progress~=light-light-10] > div { + background-color: white; + border-color: white; + color: #1a1d2d !important; +} +[_progress][_progress~=light-light-10] > div * { + color: #1a1d2d !important; +} +[_progress][_progress~=light-dark-0] > div { + background-color: #fbfaf8; + border-color: #fbfaf8; + color: #1a1d2d !important; +} +[_progress][_progress~=light-dark-0] > div * { + color: #1a1d2d !important; +} +[_progress][_progress~=light-dark-1] > div { + background-color: #f5f3ee; + border-color: #f5f3ee; + color: #1a1d2d !important; +} +[_progress][_progress~=light-dark-1] > div * { + color: #1a1d2d !important; +} +[_progress][_progress~=light-dark-2] > div { + background-color: #f0ece5; + border-color: #f0ece5; + color: #1a1d2d !important; +} +[_progress][_progress~=light-dark-2] > div * { + color: #1a1d2d !important; +} +[_progress][_progress~=light-dark-3] > div { + background-color: #eae5db; + border-color: #eae5db; + color: #1a1d2d !important; +} +[_progress][_progress~=light-dark-3] > div * { + color: #1a1d2d !important; +} +[_progress][_progress~=light-dark-4] > div { + background-color: #e5ded1; + border-color: #e5ded1; + color: #1a1d2d !important; +} +[_progress][_progress~=light-dark-4] > div * { + color: #1a1d2d !important; +} +[_progress][_progress~=light-dark-5] > div { + background-color: #dfd7c7; + border-color: #dfd7c7; + color: #1a1d2d !important; +} +[_progress][_progress~=light-dark-5] > div * { + color: #1a1d2d !important; +} +[_progress][_progress~=light-dark-6] > div { + background-color: #dad0be; + border-color: #dad0be; + color: #1a1d2d !important; +} +[_progress][_progress~=light-dark-6] > div * { + color: #1a1d2d !important; +} +[_progress][_progress~=light-dark-7] > div { + background-color: #d4c9b4; + border-color: #d4c9b4; + color: #1a1d2d !important; +} +[_progress][_progress~=light-dark-7] > div * { + color: #1a1d2d !important; +} +[_progress][_progress~=light-dark-8] > div { + background-color: #cec2aa; + border-color: #cec2aa; + color: #1a1d2d !important; +} +[_progress][_progress~=light-dark-8] > div * { + color: #1a1d2d !important; +} +[_progress][_progress~=light-dark-9] > div { + background-color: #c9bba0; + border-color: #c9bba0; + color: #1a1d2d !important; +} +[_progress][_progress~=light-dark-9] > div * { + color: #1a1d2d !important; +} +[_progress][_progress~=light-dark-10] > div { + background-color: #c3b497; + border-color: #c3b497; + color: #1a1d2d !important; +} +[_progress][_progress~=light-dark-10] > div * { + color: #1a1d2d !important; +} +[_progress][_progress~=primary] > div { + background-color: #00bfb2; + border-color: #00bfb2; + color: #fbfaf8 !important; +} +[_progress][_progress~=primary] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=primary-light-0] > div { + background-color: #00bfb2; + border-color: #00bfb2; + color: #fbfaf8 !important; +} +[_progress][_progress~=primary-light-0] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=primary-light-1] > div { + background-color: #00cec0; + border-color: #00cec0; + color: #fbfaf8 !important; +} +[_progress][_progress~=primary-light-1] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=primary-light-2] > div { + background-color: #00decf; + border-color: #00decf; + color: #fbfaf8 !important; +} +[_progress][_progress~=primary-light-2] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=primary-light-3] > div { + background-color: #00eddd; + border-color: #00eddd; + color: #fbfaf8 !important; +} +[_progress][_progress~=primary-light-3] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=primary-light-4] > div { + background-color: #00fceb; + border-color: #00fceb; + color: #fbfaf8 !important; +} +[_progress][_progress~=primary-light-4] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=primary-light-5] > div { + background-color: #0dffee; + border-color: #0dffee; + color: #fbfaf8 !important; +} +[_progress][_progress~=primary-light-5] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=primary-light-6] > div { + background-color: #1cfff0; + border-color: #1cfff0; + color: #fbfaf8 !important; +} +[_progress][_progress~=primary-light-6] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=primary-light-7] > div { + background-color: #2bfff1; + border-color: #2bfff1; + color: #fbfaf8 !important; +} +[_progress][_progress~=primary-light-7] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=primary-light-8] > div { + background-color: #3afff2; + border-color: #3afff2; + color: #fbfaf8 !important; +} +[_progress][_progress~=primary-light-8] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=primary-light-9] > div { + background-color: #4afff3; + border-color: #4afff3; + color: #fbfaf8 !important; +} +[_progress][_progress~=primary-light-9] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=primary-light-10] > div { + background-color: #59fff4; + border-color: #59fff4; + color: #fbfaf8 !important; +} +[_progress][_progress~=primary-light-10] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=primary-dark-0] > div { + background-color: #00bfb2; + border-color: #00bfb2; + color: #fbfaf8 !important; +} +[_progress][_progress~=primary-dark-0] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=primary-dark-1] > div { + background-color: #00b0a4; + border-color: #00b0a4; + color: #fbfaf8 !important; +} +[_progress][_progress~=primary-dark-1] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=primary-dark-2] > div { + background-color: #00a095; + border-color: #00a095; + color: #fbfaf8 !important; +} +[_progress][_progress~=primary-dark-2] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=primary-dark-3] > div { + background-color: #009187; + border-color: #009187; + color: #fbfaf8 !important; +} +[_progress][_progress~=primary-dark-3] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=primary-dark-4] > div { + background-color: #008279; + border-color: #008279; + color: #fbfaf8 !important; +} +[_progress][_progress~=primary-dark-4] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=primary-dark-5] > div { + background-color: #00736b; + border-color: #00736b; + color: #fbfaf8 !important; +} +[_progress][_progress~=primary-dark-5] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=primary-dark-6] > div { + background-color: #00635c; + border-color: #00635c; + color: #fbfaf8 !important; +} +[_progress][_progress~=primary-dark-6] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=primary-dark-7] > div { + background-color: #00544e; + border-color: #00544e; + color: #fbfaf8 !important; +} +[_progress][_progress~=primary-dark-7] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=primary-dark-8] > div { + background-color: #004540; + border-color: #004540; + color: #fbfaf8 !important; +} +[_progress][_progress~=primary-dark-8] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=primary-dark-9] > div { + background-color: #003532; + border-color: #003532; + color: #fbfaf8 !important; +} +[_progress][_progress~=primary-dark-9] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=primary-dark-10] > div { + background-color: #002623; + border-color: #002623; + color: #fbfaf8 !important; +} +[_progress][_progress~=primary-dark-10] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=secondary] > div { + background-color: #7179ad; + border-color: #7179ad; + color: #fbfaf8 !important; +} +[_progress][_progress~=secondary] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=secondary-light-0] > div { + background-color: #7179ad; + border-color: #7179ad; + color: #fbfaf8 !important; +} +[_progress][_progress~=secondary-light-0] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=secondary-light-1] > div { + background-color: #7b82b3; + border-color: #7b82b3; + color: #fbfaf8 !important; +} +[_progress][_progress~=secondary-light-1] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=secondary-light-2] > div { + background-color: #848bb8; + border-color: #848bb8; + color: #fbfaf8 !important; +} +[_progress][_progress~=secondary-light-2] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=secondary-light-3] > div { + background-color: #8e94be; + border-color: #8e94be; + color: #fbfaf8 !important; +} +[_progress][_progress~=secondary-light-3] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=secondary-light-4] > div { + background-color: #989ec3; + border-color: #989ec3; + color: #fbfaf8 !important; +} +[_progress][_progress~=secondary-light-4] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=secondary-light-5] > div { + background-color: #a1a7c9; + border-color: #a1a7c9; + color: #fbfaf8 !important; +} +[_progress][_progress~=secondary-light-5] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=secondary-light-6] > div { + background-color: #abb0cf; + border-color: #abb0cf; + color: #fbfaf8 !important; +} +[_progress][_progress~=secondary-light-6] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=secondary-light-7] > div { + background-color: #b5b9d4; + border-color: #b5b9d4; + color: #fbfaf8 !important; +} +[_progress][_progress~=secondary-light-7] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=secondary-light-8] > div { + background-color: #bfc2da; + border-color: #bfc2da; + color: #fbfaf8 !important; +} +[_progress][_progress~=secondary-light-8] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=secondary-light-9] > div { + background-color: #c8cbdf; + border-color: #c8cbdf; + color: #fbfaf8 !important; +} +[_progress][_progress~=secondary-light-9] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=secondary-light-10] > div { + background-color: #d2d5e5; + border-color: #d2d5e5; + color: #fbfaf8 !important; +} +[_progress][_progress~=secondary-light-10] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=secondary-dark-0] > div { + background-color: #7179ad; + border-color: #7179ad; + color: #fbfaf8 !important; +} +[_progress][_progress~=secondary-dark-0] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=secondary-dark-1] > div { + background-color: #6770a7; + border-color: #6770a7; + color: #fbfaf8 !important; +} +[_progress][_progress~=secondary-dark-1] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=secondary-dark-2] > div { + background-color: #5e67a2; + border-color: #5e67a2; + color: #fbfaf8 !important; +} +[_progress][_progress~=secondary-dark-2] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=secondary-dark-3] > div { + background-color: #586098; + border-color: #586098; + color: #fbfaf8 !important; +} +[_progress][_progress~=secondary-dark-3] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=secondary-dark-4] > div { + background-color: #525a8f; + border-color: #525a8f; + color: #fbfaf8 !important; +} +[_progress][_progress~=secondary-dark-4] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=secondary-dark-5] > div { + background-color: #4d5485; + border-color: #4d5485; + color: #fbfaf8 !important; +} +[_progress][_progress~=secondary-dark-5] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=secondary-dark-6] > div { + background-color: #474e7b; + border-color: #474e7b; + color: #fbfaf8 !important; +} +[_progress][_progress~=secondary-dark-6] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=secondary-dark-7] > div { + background-color: #414871; + border-color: #414871; + color: #fbfaf8 !important; +} +[_progress][_progress~=secondary-dark-7] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=secondary-dark-8] > div { + background-color: #3c4268; + border-color: #3c4268; + color: #fbfaf8 !important; +} +[_progress][_progress~=secondary-dark-8] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=secondary-dark-9] > div { + background-color: #363c5e; + border-color: #363c5e; + color: #fbfaf8 !important; +} +[_progress][_progress~=secondary-dark-9] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=secondary-dark-10] > div { + background-color: #313554; + border-color: #313554; + color: #fbfaf8 !important; +} +[_progress][_progress~=secondary-dark-10] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=success] > div { + background-color: #3ccd65; + border-color: #3ccd65; + color: #fbfaf8 !important; +} +[_progress][_progress~=success] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=success-light-0] > div { + background-color: #3ccd65; + border-color: #3ccd65; + color: #fbfaf8 !important; +} +[_progress][_progress~=success-light-0] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=success-light-1] > div { + background-color: #48d06f; + border-color: #48d06f; + color: #fbfaf8 !important; +} +[_progress][_progress~=success-light-1] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=success-light-2] > div { + background-color: #54d378; + border-color: #54d378; + color: #fbfaf8 !important; +} +[_progress][_progress~=success-light-2] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=success-light-3] > div { + background-color: #61d682; + border-color: #61d682; + color: #fbfaf8 !important; +} +[_progress][_progress~=success-light-3] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=success-light-4] > div { + background-color: #6dd98b; + border-color: #6dd98b; + color: #fbfaf8 !important; +} +[_progress][_progress~=success-light-4] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=success-light-5] > div { + background-color: #79dd95; + border-color: #79dd95; + color: #fbfaf8 !important; +} +[_progress][_progress~=success-light-5] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=success-light-6] > div { + background-color: #85e09f; + border-color: #85e09f; + color: #fbfaf8 !important; +} +[_progress][_progress~=success-light-6] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=success-light-7] > div { + background-color: #91e3a8; + border-color: #91e3a8; + color: #fbfaf8 !important; +} +[_progress][_progress~=success-light-7] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=success-light-8] > div { + background-color: #9de6b2; + border-color: #9de6b2; + color: #fbfaf8 !important; +} +[_progress][_progress~=success-light-8] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=success-light-9] > div { + background-color: #aae9bc; + border-color: #aae9bc; + color: #fbfaf8 !important; +} +[_progress][_progress~=success-light-9] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=success-light-10] > div { + background-color: #b6ecc5; + border-color: #b6ecc5; + color: #fbfaf8 !important; +} +[_progress][_progress~=success-light-10] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=success-dark-0] > div { + background-color: #3ccd65; + border-color: #3ccd65; + color: #fbfaf8 !important; +} +[_progress][_progress~=success-dark-0] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=success-dark-1] > div { + background-color: #33c75d; + border-color: #33c75d; + color: #fbfaf8 !important; +} +[_progress][_progress~=success-dark-1] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=success-dark-2] > div { + background-color: #30bb57; + border-color: #30bb57; + color: #fbfaf8 !important; +} +[_progress][_progress~=success-dark-2] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=success-dark-3] > div { + background-color: #2dae51; + border-color: #2dae51; + color: #fbfaf8 !important; +} +[_progress][_progress~=success-dark-3] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=success-dark-4] > div { + background-color: #2aa24c; + border-color: #2aa24c; + color: #fbfaf8 !important; +} +[_progress][_progress~=success-dark-4] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=success-dark-5] > div { + background-color: #269646; + border-color: #269646; + color: #fbfaf8 !important; +} +[_progress][_progress~=success-dark-5] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=success-dark-6] > div { + background-color: #238a40; + border-color: #238a40; + color: #fbfaf8 !important; +} +[_progress][_progress~=success-dark-6] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=success-dark-7] > div { + background-color: #207e3b; + border-color: #207e3b; + color: #fbfaf8 !important; +} +[_progress][_progress~=success-dark-7] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=success-dark-8] > div { + background-color: #1d7135; + border-color: #1d7135; + color: #fbfaf8 !important; +} +[_progress][_progress~=success-dark-8] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=success-dark-9] > div { + background-color: #1a652f; + border-color: #1a652f; + color: #fbfaf8 !important; +} +[_progress][_progress~=success-dark-9] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=success-dark-10] > div { + background-color: #17592a; + border-color: #17592a; + color: #fbfaf8 !important; +} +[_progress][_progress~=success-dark-10] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=info] > div { + background-color: #1fa6c1; + border-color: #1fa6c1; + color: #fbfaf8 !important; +} +[_progress][_progress~=info] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=info-light-0] > div { + background-color: #1fa6c1; + border-color: #1fa6c1; + color: #fbfaf8 !important; +} +[_progress][_progress~=info-light-0] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=info-light-1] > div { + background-color: #21b1ce; + border-color: #21b1ce; + color: #fbfaf8 !important; +} +[_progress][_progress~=info-light-1] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=info-light-2] > div { + background-color: #23bddb; + border-color: #23bddb; + color: #fbfaf8 !important; +} +[_progress][_progress~=info-light-2] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=info-light-3] > div { + background-color: #30c1de; + border-color: #30c1de; + color: #fbfaf8 !important; +} +[_progress][_progress~=info-light-3] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=info-light-4] > div { + background-color: #3dc5e0; + border-color: #3dc5e0; + color: #fbfaf8 !important; +} +[_progress][_progress~=info-light-4] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=info-light-5] > div { + background-color: #4ac9e2; + border-color: #4ac9e2; + color: #fbfaf8 !important; +} +[_progress][_progress~=info-light-5] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=info-light-6] > div { + background-color: #58cde4; + border-color: #58cde4; + color: #fbfaf8 !important; +} +[_progress][_progress~=info-light-6] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=info-light-7] > div { + background-color: #65d1e6; + border-color: #65d1e6; + color: #fbfaf8 !important; +} +[_progress][_progress~=info-light-7] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=info-light-8] > div { + background-color: #72d5e8; + border-color: #72d5e8; + color: #fbfaf8 !important; +} +[_progress][_progress~=info-light-8] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=info-light-9] > div { + background-color: #7fd9ea; + border-color: #7fd9ea; + color: #fbfaf8 !important; +} +[_progress][_progress~=info-light-9] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=info-light-10] > div { + background-color: #8cdded; + border-color: #8cdded; + color: #fbfaf8 !important; +} +[_progress][_progress~=info-light-10] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=info-dark-0] > div { + background-color: #1fa6c1; + border-color: #1fa6c1; + color: #fbfaf8 !important; +} +[_progress][_progress~=info-dark-0] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=info-dark-1] > div { + background-color: #1d9bb4; + border-color: #1d9bb4; + color: #fbfaf8 !important; +} +[_progress][_progress~=info-dark-1] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=info-dark-2] > div { + background-color: #1b8fa7; + border-color: #1b8fa7; + color: #fbfaf8 !important; +} +[_progress][_progress~=info-dark-2] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=info-dark-3] > div { + background-color: #198499; + border-color: #198499; + color: #fbfaf8 !important; +} +[_progress][_progress~=info-dark-3] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=info-dark-4] > div { + background-color: #17798c; + border-color: #17798c; + color: #fbfaf8 !important; +} +[_progress][_progress~=info-dark-4] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=info-dark-5] > div { + background-color: #146d7f; + border-color: #146d7f; + color: #fbfaf8 !important; +} +[_progress][_progress~=info-dark-5] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=info-dark-6] > div { + background-color: #126272; + border-color: #126272; + color: #fbfaf8 !important; +} +[_progress][_progress~=info-dark-6] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=info-dark-7] > div { + background-color: #105765; + border-color: #105765; + color: #fbfaf8 !important; +} +[_progress][_progress~=info-dark-7] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=info-dark-8] > div { + background-color: #0e4b58; + border-color: #0e4b58; + color: #fbfaf8 !important; +} +[_progress][_progress~=info-dark-8] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=info-dark-9] > div { + background-color: #0c404a; + border-color: #0c404a; + color: #fbfaf8 !important; +} +[_progress][_progress~=info-dark-9] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=info-dark-10] > div { + background-color: #0a353d; + border-color: #0a353d; + color: #fbfaf8 !important; +} +[_progress][_progress~=info-dark-10] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=warning] > div { + background-color: #ff7f11; + border-color: #ff7f11; + color: #fbfaf8 !important; +} +[_progress][_progress~=warning] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=warning-light-0] > div { + background-color: #ff7f11; + border-color: #ff7f11; + color: #fbfaf8 !important; +} +[_progress][_progress~=warning-light-0] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=warning-light-1] > div { + background-color: #ff8720; + border-color: #ff8720; + color: #fbfaf8 !important; +} +[_progress][_progress~=warning-light-1] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=warning-light-2] > div { + background-color: #ff8f30; + border-color: #ff8f30; + color: #fbfaf8 !important; +} +[_progress][_progress~=warning-light-2] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=warning-light-3] > div { + background-color: #ff983f; + border-color: #ff983f; + color: #fbfaf8 !important; +} +[_progress][_progress~=warning-light-3] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=warning-light-4] > div { + background-color: #ffa04e; + border-color: #ffa04e; + color: #fbfaf8 !important; +} +[_progress][_progress~=warning-light-4] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=warning-light-5] > div { + background-color: #ffa85e; + border-color: #ffa85e; + color: #fbfaf8 !important; +} +[_progress][_progress~=warning-light-5] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=warning-light-6] > div { + background-color: #ffb06d; + border-color: #ffb06d; + color: #fbfaf8 !important; +} +[_progress][_progress~=warning-light-6] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=warning-light-7] > div { + background-color: #ffb97c; + border-color: #ffb97c; + color: #fbfaf8 !important; +} +[_progress][_progress~=warning-light-7] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=warning-light-8] > div { + background-color: #ffc18b; + border-color: #ffc18b; + color: #fbfaf8 !important; +} +[_progress][_progress~=warning-light-8] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=warning-light-9] > div { + background-color: #ffc99b; + border-color: #ffc99b; + color: #fbfaf8 !important; +} +[_progress][_progress~=warning-light-9] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=warning-light-10] > div { + background-color: #ffd1aa; + border-color: #ffd1aa; + color: #fbfaf8 !important; +} +[_progress][_progress~=warning-light-10] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=warning-dark-0] > div { + background-color: #ff7f11; + border-color: #ff7f11; + color: #fbfaf8 !important; +} +[_progress][_progress~=warning-dark-0] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=warning-dark-1] > div { + background-color: #ff7702; + border-color: #ff7702; + color: #fbfaf8 !important; +} +[_progress][_progress~=warning-dark-1] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=warning-dark-2] > div { + background-color: #f17000; + border-color: #f17000; + color: #fbfaf8 !important; +} +[_progress][_progress~=warning-dark-2] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=warning-dark-3] > div { + background-color: #e26900; + border-color: #e26900; + color: #fbfaf8 !important; +} +[_progress][_progress~=warning-dark-3] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=warning-dark-4] > div { + background-color: #d36100; + border-color: #d36100; + color: #fbfaf8 !important; +} +[_progress][_progress~=warning-dark-4] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=warning-dark-5] > div { + background-color: #c45a00; + border-color: #c45a00; + color: #fbfaf8 !important; +} +[_progress][_progress~=warning-dark-5] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=warning-dark-6] > div { + background-color: #b45300; + border-color: #b45300; + color: #fbfaf8 !important; +} +[_progress][_progress~=warning-dark-6] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=warning-dark-7] > div { + background-color: #a54c00; + border-color: #a54c00; + color: #fbfaf8 !important; +} +[_progress][_progress~=warning-dark-7] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=warning-dark-8] > div { + background-color: #964500; + border-color: #964500; + color: #fbfaf8 !important; +} +[_progress][_progress~=warning-dark-8] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=warning-dark-9] > div { + background-color: #863e00; + border-color: #863e00; + color: #fbfaf8 !important; +} +[_progress][_progress~=warning-dark-9] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=warning-dark-10] > div { + background-color: #773700; + border-color: #773700; + color: #fbfaf8 !important; +} +[_progress][_progress~=warning-dark-10] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=danger] > div { + background-color: #f24236; + border-color: #f24236; + color: #fbfaf8 !important; +} +[_progress][_progress~=danger] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=danger-light-0] > div { + background-color: #f24236; + border-color: #f24236; + color: #fbfaf8 !important; +} +[_progress][_progress~=danger-light-0] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=danger-light-1] > div { + background-color: #f35044; + border-color: #f35044; + color: #fbfaf8 !important; +} +[_progress][_progress~=danger-light-1] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=danger-light-2] > div { + background-color: #f45d53; + border-color: #f45d53; + color: #fbfaf8 !important; +} +[_progress][_progress~=danger-light-2] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=danger-light-3] > div { + background-color: #f56b61; + border-color: #f56b61; + color: #fbfaf8 !important; +} +[_progress][_progress~=danger-light-3] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=danger-light-4] > div { + background-color: #f6786f; + border-color: #f6786f; + color: #fbfaf8 !important; +} +[_progress][_progress~=danger-light-4] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=danger-light-5] > div { + background-color: #f7867e; + border-color: #f7867e; + color: #fbfaf8 !important; +} +[_progress][_progress~=danger-light-5] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=danger-light-6] > div { + background-color: #f8938c; + border-color: #f8938c; + color: #fbfaf8 !important; +} +[_progress][_progress~=danger-light-6] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=danger-light-7] > div { + background-color: #f9a19b; + border-color: #f9a19b; + color: #fbfaf8 !important; +} +[_progress][_progress~=danger-light-7] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=danger-light-8] > div { + background-color: #f9aea9; + border-color: #f9aea9; + color: #fbfaf8 !important; +} +[_progress][_progress~=danger-light-8] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=danger-light-9] > div { + background-color: #fabcb7; + border-color: #fabcb7; + color: #fbfaf8 !important; +} +[_progress][_progress~=danger-light-9] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=danger-light-10] > div { + background-color: #fbc9c6; + border-color: #fbc9c6; + color: #fbfaf8 !important; +} +[_progress][_progress~=danger-light-10] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=danger-dark-0] > div { + background-color: #f24236; + border-color: #f24236; + color: #fbfaf8 !important; +} +[_progress][_progress~=danger-dark-0] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=danger-dark-1] > div { + background-color: #f13428; + border-color: #f13428; + color: #fbfaf8 !important; +} +[_progress][_progress~=danger-dark-1] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=danger-dark-2] > div { + background-color: #f02719; + border-color: #f02719; + color: #fbfaf8 !important; +} +[_progress][_progress~=danger-dark-2] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=danger-dark-3] > div { + background-color: #eb1d0f; + border-color: #eb1d0f; + color: #fbfaf8 !important; +} +[_progress][_progress~=danger-dark-3] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=danger-dark-4] > div { + background-color: #dd1b0e; + border-color: #dd1b0e; + color: #fbfaf8 !important; +} +[_progress][_progress~=danger-dark-4] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=danger-dark-5] > div { + background-color: #ce1a0d; + border-color: #ce1a0d; + color: #fbfaf8 !important; +} +[_progress][_progress~=danger-dark-5] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=danger-dark-6] > div { + background-color: #c0180c; + border-color: #c0180c; + color: #fbfaf8 !important; +} +[_progress][_progress~=danger-dark-6] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=danger-dark-7] > div { + background-color: #b1160b; + border-color: #b1160b; + color: #fbfaf8 !important; +} +[_progress][_progress~=danger-dark-7] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=danger-dark-8] > div { + background-color: #a3140b; + border-color: #a3140b; + color: #fbfaf8 !important; +} +[_progress][_progress~=danger-dark-8] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=danger-dark-9] > div { + background-color: #95120a; + border-color: #95120a; + color: #fbfaf8 !important; +} +[_progress][_progress~=danger-dark-9] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=danger-dark-10] > div { + background-color: #861109; + border-color: #861109; + color: #fbfaf8 !important; +} +[_progress][_progress~=danger-dark-10] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=muted] > div { + background-color: #6a74a9; + border-color: #6a74a9; + color: #fbfaf8 !important; +} +[_progress][_progress~=muted] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=muted-light-0] > div { + background-color: #6a74a9; + border-color: #6a74a9; + color: #fbfaf8 !important; +} +[_progress][_progress~=muted-light-0] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=muted-light-1] > div { + background-color: #747daf; + border-color: #747daf; + color: #fbfaf8 !important; +} +[_progress][_progress~=muted-light-1] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=muted-light-2] > div { + background-color: #7d86b4; + border-color: #7d86b4; + color: #fbfaf8 !important; +} +[_progress][_progress~=muted-light-2] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=muted-light-3] > div { + background-color: #878fba; + border-color: #878fba; + color: #fbfaf8 !important; +} +[_progress][_progress~=muted-light-3] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=muted-light-4] > div { + background-color: #9198bf; + border-color: #9198bf; + color: #fbfaf8 !important; +} +[_progress][_progress~=muted-light-4] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=muted-light-5] > div { + background-color: #9ba1c5; + border-color: #9ba1c5; + color: #fbfaf8 !important; +} +[_progress][_progress~=muted-light-5] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=muted-light-6] > div { + background-color: #a4aacb; + border-color: #a4aacb; + color: #fbfaf8 !important; +} +[_progress][_progress~=muted-light-6] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=muted-light-7] > div { + background-color: #aeb3d0; + border-color: #aeb3d0; + color: #fbfaf8 !important; +} +[_progress][_progress~=muted-light-7] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=muted-light-8] > div { + background-color: #b8bcd6; + border-color: #b8bcd6; + color: #fbfaf8 !important; +} +[_progress][_progress~=muted-light-8] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=muted-light-9] > div { + background-color: #c1c5db; + border-color: #c1c5db; + color: #fbfaf8 !important; +} +[_progress][_progress~=muted-light-9] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=muted-light-10] > div { + background-color: #cbcee1; + border-color: #cbcee1; + color: #fbfaf8 !important; +} +[_progress][_progress~=muted-light-10] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=muted-dark-0] > div { + background-color: #6a74a9; + border-color: #6a74a9; + color: #fbfaf8 !important; +} +[_progress][_progress~=muted-dark-0] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=muted-dark-1] > div { + background-color: #606ba3; + border-color: #606ba3; + color: #fbfaf8 !important; +} +[_progress][_progress~=muted-dark-1] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=muted-dark-2] > div { + background-color: #59649b; + border-color: #59649b; + color: #fbfaf8 !important; +} +[_progress][_progress~=muted-dark-2] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=muted-dark-3] > div { + background-color: #545e91; + border-color: #545e91; + color: #fbfaf8 !important; +} +[_progress][_progress~=muted-dark-3] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=muted-dark-4] > div { + background-color: #4e5788; + border-color: #4e5788; + color: #fbfaf8 !important; +} +[_progress][_progress~=muted-dark-4] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=muted-dark-5] > div { + background-color: #49517e; + border-color: #49517e; + color: #fbfaf8 !important; +} +[_progress][_progress~=muted-dark-5] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=muted-dark-6] > div { + background-color: #434b74; + border-color: #434b74; + color: #fbfaf8 !important; +} +[_progress][_progress~=muted-dark-6] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=muted-dark-7] > div { + background-color: #3d456a; + border-color: #3d456a; + color: #fbfaf8 !important; +} +[_progress][_progress~=muted-dark-7] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=muted-dark-8] > div { + background-color: #383e61; + border-color: #383e61; + color: #fbfaf8 !important; +} +[_progress][_progress~=muted-dark-8] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=muted-dark-9] > div { + background-color: #323857; + border-color: #323857; + color: #fbfaf8 !important; +} +[_progress][_progress~=muted-dark-9] > div * { + color: #fbfaf8 !important; +} +[_progress][_progress~=muted-dark-10] > div { + background-color: #2d324d; + border-color: #2d324d; + color: #fbfaf8 !important; +} +[_progress][_progress~=muted-dark-10] > div * { + color: #fbfaf8 !important; +} + +[_form-group] { + margin-bottom: 15px; +} +[_form-group] > * { + display: block; + width: 100%; +} +[_form-group] label { + width: 100%; + margin: 5px 0; +} +[_form-group] input[type=text] { + margin: 5px 0; + padding: 10px 15px; + font-size: 1em; + border-radius: 5px; + border: 1px solid #6a74a9; + font-family: "Montserrat", sans-serif; +} +[_form-group] input[type=email] { + margin: 5px 0; + padding: 10px 15px; + font-size: 1em; + border-radius: 5px; + border: 1px solid #6a74a9; + font-family: "Montserrat", sans-serif; +} +[_form-group] input[type=number] { + margin: 5px 0; + padding: 10px 15px; + font-size: 1em; + border-radius: 5px; + border: 1px solid #6a74a9; + font-family: "Montserrat", sans-serif; +} +[_form-group] input[type=date] { + margin: 5px 0; + padding: 10px 15px; + font-size: 1em; + border-radius: 5px; + border: 1px solid #6a74a9; + font-family: "Montserrat", sans-serif; +} +[_form-group] input[type=datetime-local] { + margin: 5px 0; + padding: 10px 15px; + font-size: 1em; + border-radius: 5px; + border: 1px solid #6a74a9; + font-family: "Montserrat", sans-serif; +} +[_form-group] input[type=month] { + margin: 5px 0; + padding: 10px 15px; + font-size: 1em; + border-radius: 5px; + border: 1px solid #6a74a9; + font-family: "Montserrat", sans-serif; +} +[_form-group] input[type=password] { + margin: 5px 0; + padding: 10px 15px; + font-size: 1em; + border-radius: 5px; + border: 1px solid #6a74a9; + font-family: "Montserrat", sans-serif; +} +[_form-group] input[type=search] { + margin: 5px 0; + padding: 10px 15px; + font-size: 1em; + border-radius: 5px; + border: 1px solid #6a74a9; + font-family: "Montserrat", sans-serif; +} +[_form-group] input[type=tel] { + margin: 5px 0; + padding: 10px 15px; + font-size: 1em; + border-radius: 5px; + border: 1px solid #6a74a9; + font-family: "Montserrat", sans-serif; +} +[_form-group] input[type=tel] { + margin: 5px 0; + padding: 10px 15px; + font-size: 1em; + border-radius: 5px; + border: 1px solid #6a74a9; + font-family: "Montserrat", sans-serif; +} +[_form-group] input[type=time] { + margin: 5px 0; + padding: 10px 15px; + font-size: 1em; + border-radius: 5px; + border: 1px solid #6a74a9; + font-family: "Montserrat", sans-serif; +} +[_form-group] input[type=url] { + margin: 5px 0; + padding: 10px 15px; + font-size: 1em; + border-radius: 5px; + border: 1px solid #6a74a9; + font-family: "Montserrat", sans-serif; +} +[_form-group] input[type=week] { + margin: 5px 0; + padding: 10px 15px; + font-size: 1em; + border-radius: 5px; + border: 1px solid #6a74a9; + font-family: "Montserrat", sans-serif; +} +[_form-group] textarea { + margin: 5px 0; + padding: 10px 15px; + font-size: 1em; + border-radius: 5px; + border: 1px solid #6a74a9; + font-family: "Montserrat", sans-serif; +} +[_form-group] textarea { + resize: vertical; + min-height: 42px; +} +[_form-group][_form-group~=inline] > * { + display: inline-block; + width: auto; +} + +[_show], +[_show~=true], +[_hide~=false] { + display: block; +} + +[_hide], +[_hide~=true], +[_show~=false] { + display: none; +} + +[_display~=flex] { + display: flex; +} + +[_display~=none] { + display: none; +} + +[_display~=block] { + display: block; +} + +[_display~=inline] { + display: inline; +} + +[_display~=flow] { + display: flow; +} + +[_display~=ruby] { + display: ruby; +} + +[_display~=grid] { + display: grid; +} + +[_display~=table] { + display: table; +} + +[_display~=contents] { + display: contents; +} + +[_overflow~=hidden] { + overflow: hidden; +} + +[_overflow~=auto] { + overflow: auto; +} + +[_overflow~=scroll] { + overflow: scroll; +} + +[_overflow~=visible] { + overflow: visible; +} + +[_overflow~=x-hidden] { + overflow-x: hidden; +} + +[_overflow~=x-auto] { + overflow-x: auto; +} + +[_overflow~=x-scroll] { + overflow-x: scroll; +} + +[_overflow~=x-visible] { + overflow-x: visible; +} + +[_overflow~=y-hidden] { + overflow-y: hidden; +} + +[_overflow~=y-auto] { + overflow-y: auto; +} + +[_overflow~=y-scroll] { + overflow-y: scroll; +} + +[_overflow~=y-visible] { + overflow-y: visible; +} + +@media screen and (min-width: 0) { + [_show], +[_show~="xs:true"], +[_hide~="xs:false"] { + display: block; + } + + [_hide], +[_hide~="xs:true"], +[_show~="xs:false"] { + display: none; + } + + [_display~="xs:flex"] { + display: flex; + } + + [_display~="xs:none"] { + display: none; + } + + [_display~="xs:block"] { + display: block; + } + + [_display~="xs:inline"] { + display: inline; + } + + [_display~="xs:flow"] { + display: flow; + } + + [_display~="xs:ruby"] { + display: ruby; + } + + [_display~="xs:grid"] { + display: grid; + } + + [_display~="xs:table"] { + display: table; + } + + [_display~="xs:contents"] { + display: contents; + } + + [_overflow~="xs:hidden"] { + overflow: hidden; + } + + [_overflow~="xs:auto"] { + overflow: auto; + } + + [_overflow~="xs:scroll"] { + overflow: scroll; + } + + [_overflow~="xs:visible"] { + overflow: visible; + } + + [_overflow~="xs:x-hidden"] { + overflow-x: hidden; + } + + [_overflow~="xs:x-auto"] { + overflow-x: auto; + } + + [_overflow~="xs:x-scroll"] { + overflow-x: scroll; + } + + [_overflow~="xs:x-visible"] { + overflow-x: visible; + } + + [_overflow~="xs:y-hidden"] { + overflow-y: hidden; + } + + [_overflow~="xs:y-auto"] { + overflow-y: auto; + } + + [_overflow~="xs:y-scroll"] { + overflow-y: scroll; + } + + [_overflow~="xs:y-visible"] { + overflow-y: visible; + } +} +@media screen and (min-width: 580px) { + [_show], +[_show~="sm:true"], +[_hide~="sm:false"] { + display: block; + } + + [_hide], +[_hide~="sm:true"], +[_show~="sm:false"] { + display: none; + } + + [_display~="sm:flex"] { + display: flex; + } + + [_display~="sm:none"] { + display: none; + } + + [_display~="sm:block"] { + display: block; + } + + [_display~="sm:inline"] { + display: inline; + } + + [_display~="sm:flow"] { + display: flow; + } + + [_display~="sm:ruby"] { + display: ruby; + } + + [_display~="sm:grid"] { + display: grid; + } + + [_display~="sm:table"] { + display: table; + } + + [_display~="sm:contents"] { + display: contents; + } + + [_overflow~="sm:hidden"] { + overflow: hidden; + } + + [_overflow~="sm:auto"] { + overflow: auto; + } + + [_overflow~="sm:scroll"] { + overflow: scroll; + } + + [_overflow~="sm:visible"] { + overflow: visible; + } + + [_overflow~="sm:x-hidden"] { + overflow-x: hidden; + } + + [_overflow~="sm:x-auto"] { + overflow-x: auto; + } + + [_overflow~="sm:x-scroll"] { + overflow-x: scroll; + } + + [_overflow~="sm:x-visible"] { + overflow-x: visible; + } + + [_overflow~="sm:y-hidden"] { + overflow-y: hidden; + } + + [_overflow~="sm:y-auto"] { + overflow-y: auto; + } + + [_overflow~="sm:y-scroll"] { + overflow-y: scroll; + } + + [_overflow~="sm:y-visible"] { + overflow-y: visible; + } +} +@media screen and (min-width: 770px) { + [_show], +[_show~="md:true"], +[_hide~="md:false"] { + display: block; + } + + [_hide], +[_hide~="md:true"], +[_show~="md:false"] { + display: none; + } + + [_display~="md:flex"] { + display: flex; + } + + [_display~="md:none"] { + display: none; + } + + [_display~="md:block"] { + display: block; + } + + [_display~="md:inline"] { + display: inline; + } + + [_display~="md:flow"] { + display: flow; + } + + [_display~="md:ruby"] { + display: ruby; + } + + [_display~="md:grid"] { + display: grid; + } + + [_display~="md:table"] { + display: table; + } + + [_display~="md:contents"] { + display: contents; + } + + [_overflow~="md:hidden"] { + overflow: hidden; + } + + [_overflow~="md:auto"] { + overflow: auto; + } + + [_overflow~="md:scroll"] { + overflow: scroll; + } + + [_overflow~="md:visible"] { + overflow: visible; + } + + [_overflow~="md:x-hidden"] { + overflow-x: hidden; + } + + [_overflow~="md:x-auto"] { + overflow-x: auto; + } + + [_overflow~="md:x-scroll"] { + overflow-x: scroll; + } + + [_overflow~="md:x-visible"] { + overflow-x: visible; + } + + [_overflow~="md:y-hidden"] { + overflow-y: hidden; + } + + [_overflow~="md:y-auto"] { + overflow-y: auto; + } + + [_overflow~="md:y-scroll"] { + overflow-y: scroll; + } + + [_overflow~="md:y-visible"] { + overflow-y: visible; + } +} +@media screen and (min-width: 990px) { + [_show], +[_show~="lg:true"], +[_hide~="lg:false"] { + display: block; + } + + [_hide], +[_hide~="lg:true"], +[_show~="lg:false"] { + display: none; + } + + [_display~="lg:flex"] { + display: flex; + } + + [_display~="lg:none"] { + display: none; + } + + [_display~="lg:block"] { + display: block; + } + + [_display~="lg:inline"] { + display: inline; + } + + [_display~="lg:flow"] { + display: flow; + } + + [_display~="lg:ruby"] { + display: ruby; + } + + [_display~="lg:grid"] { + display: grid; + } + + [_display~="lg:table"] { + display: table; + } + + [_display~="lg:contents"] { + display: contents; + } + + [_overflow~="lg:hidden"] { + overflow: hidden; + } + + [_overflow~="lg:auto"] { + overflow: auto; + } + + [_overflow~="lg:scroll"] { + overflow: scroll; + } + + [_overflow~="lg:visible"] { + overflow: visible; + } + + [_overflow~="lg:x-hidden"] { + overflow-x: hidden; + } + + [_overflow~="lg:x-auto"] { + overflow-x: auto; + } + + [_overflow~="lg:x-scroll"] { + overflow-x: scroll; + } + + [_overflow~="lg:x-visible"] { + overflow-x: visible; + } + + [_overflow~="lg:y-hidden"] { + overflow-y: hidden; + } + + [_overflow~="lg:y-auto"] { + overflow-y: auto; + } + + [_overflow~="lg:y-scroll"] { + overflow-y: scroll; + } + + [_overflow~="lg:y-visible"] { + overflow-y: visible; + } +} +@media screen and (min-width: 1280px) { + [_show], +[_show~="xl:true"], +[_hide~="xl:false"] { + display: block; + } + + [_hide], +[_hide~="xl:true"], +[_show~="xl:false"] { + display: none; + } + + [_display~="xl:flex"] { + display: flex; + } + + [_display~="xl:none"] { + display: none; + } + + [_display~="xl:block"] { + display: block; + } + + [_display~="xl:inline"] { + display: inline; + } + + [_display~="xl:flow"] { + display: flow; + } + + [_display~="xl:ruby"] { + display: ruby; + } + + [_display~="xl:grid"] { + display: grid; + } + + [_display~="xl:table"] { + display: table; + } + + [_display~="xl:contents"] { + display: contents; + } + + [_overflow~="xl:hidden"] { + overflow: hidden; + } + + [_overflow~="xl:auto"] { + overflow: auto; + } + + [_overflow~="xl:scroll"] { + overflow: scroll; + } + + [_overflow~="xl:visible"] { + overflow: visible; + } + + [_overflow~="xl:x-hidden"] { + overflow-x: hidden; + } + + [_overflow~="xl:x-auto"] { + overflow-x: auto; + } + + [_overflow~="xl:x-scroll"] { + overflow-x: scroll; + } + + [_overflow~="xl:x-visible"] { + overflow-x: visible; + } + + [_overflow~="xl:y-hidden"] { + overflow-y: hidden; + } + + [_overflow~="xl:y-auto"] { + overflow-y: auto; + } + + [_overflow~="xl:y-scroll"] { + overflow-y: scroll; + } + + [_overflow~="xl:y-visible"] { + overflow-y: visible; + } +} +[_pos~=static], +[_position~=static] { + position: static; +} + +[_pos~=relative], +[_position~=relative] { + position: relative; +} + +[_pos~=absolute], +[_position~=absolute] { + position: absolute; +} + +[_pos~=fixed], +[_position~=fixed] { + position: fixed; +} + +[_pos~=sticky], +[_position~=sticky] { + position: sticky; +} + +[_float~=left] { + float: left; +} + +[_float~=right] { + float: right; +} + +[_float~=none] { + float: none; +} + +[_z~=auto] { + z-index: auto; +} + +[_z~="0"] { + z-index: 0; +} + +[_z~="1"] { + z-index: 1; +} + +[_z~="2"] { + z-index: 2; +} + +[_z~="3"] { + z-index: 3; +} + +[_z~="4"] { + z-index: 4; +} + +[_z~="5"] { + z-index: 5; +} + +[_z~="6"] { + z-index: 6; +} + +[_z~="7"] { + z-index: 7; +} + +[_z~="8"] { + z-index: 8; +} + +[_z~="9"] { + z-index: 9; +} + +[_z~="10"] { + z-index: 10; +} + +[_vertical~=baseline] { + vertical-align: baseline; +} + +[_vertical~=sub] { + vertical-align: sub; +} + +[_vertical~=super] { + vertical-align: super; +} + +[_vertical~=text-top] { + vertical-align: text-top; +} + +[_vertical~=text-bottom] { + vertical-align: text-bottom; +} + +[_vertical~=middle] { + vertical-align: middle; +} + +[_vertical~=top] { + vertical-align: top; +} + +[_vertical~=bottom] { + vertical-align: bottom; +} + +@media screen and (min-width: 0) { + [_pos~="xs:static"], +[_position~="xs:static"] { + position: static; + } + + [_pos~="xs:relative"], +[_position~="xs:relative"] { + position: relative; + } + + [_pos~="xs:absolute"], +[_position~="xs:absolute"] { + position: absolute; + } + + [_pos~="xs:fixed"], +[_position~="xs:fixed"] { + position: fixed; + } + + [_pos~="xs:sticky"], +[_position~="xs:sticky"] { + position: sticky; + } + + [_float~="xs:left"] { + float: left; + } + + [_float~="xs:right"] { + float: right; + } + + [_float~="xs:none"] { + float: none; + } + + [_z~="xs:auto"] { + z-index: auto; + } + + [_z~="xs:0"] { + z-index: 0; + } + + [_z~="xs:1"] { + z-index: 1; + } + + [_z~="xs:2"] { + z-index: 2; + } + + [_z~="xs:3"] { + z-index: 3; + } + + [_z~="xs:4"] { + z-index: 4; + } + + [_z~="xs:5"] { + z-index: 5; + } + + [_z~="xs:6"] { + z-index: 6; + } + + [_z~="xs:7"] { + z-index: 7; + } + + [_z~="xs:8"] { + z-index: 8; + } + + [_z~="xs:9"] { + z-index: 9; + } + + [_z~="xs:10"] { + z-index: 10; + } + + [_vertical~="xs:baseline"] { + vertical-align: baseline; + } + + [_vertical~="xs:sub"] { + vertical-align: sub; + } + + [_vertical~="xs:super"] { + vertical-align: super; + } + + [_vertical~="xs:text-top"] { + vertical-align: text-top; + } + + [_vertical~="xs:text-bottom"] { + vertical-align: text-bottom; + } + + [_vertical~="xs:middle"] { + vertical-align: middle; + } + + [_vertical~="xs:top"] { + vertical-align: top; + } + + [_vertical~="xs:bottom"] { + vertical-align: bottom; + } +} +@media screen and (min-width: 580px) { + [_pos~="sm:static"], +[_position~="sm:static"] { + position: static; + } + + [_pos~="sm:relative"], +[_position~="sm:relative"] { + position: relative; + } + + [_pos~="sm:absolute"], +[_position~="sm:absolute"] { + position: absolute; + } + + [_pos~="sm:fixed"], +[_position~="sm:fixed"] { + position: fixed; + } + + [_pos~="sm:sticky"], +[_position~="sm:sticky"] { + position: sticky; + } + + [_float~="sm:left"] { + float: left; + } + + [_float~="sm:right"] { + float: right; + } + + [_float~="sm:none"] { + float: none; + } + + [_z~="sm:auto"] { + z-index: auto; + } + + [_z~="sm:0"] { + z-index: 0; + } + + [_z~="sm:1"] { + z-index: 1; + } + + [_z~="sm:2"] { + z-index: 2; + } + + [_z~="sm:3"] { + z-index: 3; + } + + [_z~="sm:4"] { + z-index: 4; + } + + [_z~="sm:5"] { + z-index: 5; + } + + [_z~="sm:6"] { + z-index: 6; + } + + [_z~="sm:7"] { + z-index: 7; + } + + [_z~="sm:8"] { + z-index: 8; + } + + [_z~="sm:9"] { + z-index: 9; + } + + [_z~="sm:10"] { + z-index: 10; + } + + [_vertical~="sm:baseline"] { + vertical-align: baseline; + } + + [_vertical~="sm:sub"] { + vertical-align: sub; + } + + [_vertical~="sm:super"] { + vertical-align: super; + } + + [_vertical~="sm:text-top"] { + vertical-align: text-top; + } + + [_vertical~="sm:text-bottom"] { + vertical-align: text-bottom; + } + + [_vertical~="sm:middle"] { + vertical-align: middle; + } + + [_vertical~="sm:top"] { + vertical-align: top; + } + + [_vertical~="sm:bottom"] { + vertical-align: bottom; + } +} +@media screen and (min-width: 770px) { + [_pos~="md:static"], +[_position~="md:static"] { + position: static; + } + + [_pos~="md:relative"], +[_position~="md:relative"] { + position: relative; + } + + [_pos~="md:absolute"], +[_position~="md:absolute"] { + position: absolute; + } + + [_pos~="md:fixed"], +[_position~="md:fixed"] { + position: fixed; + } + + [_pos~="md:sticky"], +[_position~="md:sticky"] { + position: sticky; + } + + [_float~="md:left"] { + float: left; + } + + [_float~="md:right"] { + float: right; + } + + [_float~="md:none"] { + float: none; + } + + [_z~="md:auto"] { + z-index: auto; + } + + [_z~="md:0"] { + z-index: 0; + } + + [_z~="md:1"] { + z-index: 1; + } + + [_z~="md:2"] { + z-index: 2; + } + + [_z~="md:3"] { + z-index: 3; + } + + [_z~="md:4"] { + z-index: 4; + } + + [_z~="md:5"] { + z-index: 5; + } + + [_z~="md:6"] { + z-index: 6; + } + + [_z~="md:7"] { + z-index: 7; + } + + [_z~="md:8"] { + z-index: 8; + } + + [_z~="md:9"] { + z-index: 9; + } + + [_z~="md:10"] { + z-index: 10; + } + + [_vertical~="md:baseline"] { + vertical-align: baseline; + } + + [_vertical~="md:sub"] { + vertical-align: sub; + } + + [_vertical~="md:super"] { + vertical-align: super; + } + + [_vertical~="md:text-top"] { + vertical-align: text-top; + } + + [_vertical~="md:text-bottom"] { + vertical-align: text-bottom; + } + + [_vertical~="md:middle"] { + vertical-align: middle; + } + + [_vertical~="md:top"] { + vertical-align: top; + } + + [_vertical~="md:bottom"] { + vertical-align: bottom; + } +} +@media screen and (min-width: 990px) { + [_pos~="lg:static"], +[_position~="lg:static"] { + position: static; + } + + [_pos~="lg:relative"], +[_position~="lg:relative"] { + position: relative; + } + + [_pos~="lg:absolute"], +[_position~="lg:absolute"] { + position: absolute; + } + + [_pos~="lg:fixed"], +[_position~="lg:fixed"] { + position: fixed; + } + + [_pos~="lg:sticky"], +[_position~="lg:sticky"] { + position: sticky; + } + + [_float~="lg:left"] { + float: left; + } + + [_float~="lg:right"] { + float: right; + } + + [_float~="lg:none"] { + float: none; + } + + [_z~="lg:auto"] { + z-index: auto; + } + + [_z~="lg:0"] { + z-index: 0; + } + + [_z~="lg:1"] { + z-index: 1; + } + + [_z~="lg:2"] { + z-index: 2; + } + + [_z~="lg:3"] { + z-index: 3; + } + + [_z~="lg:4"] { + z-index: 4; + } + + [_z~="lg:5"] { + z-index: 5; + } + + [_z~="lg:6"] { + z-index: 6; + } + + [_z~="lg:7"] { + z-index: 7; + } + + [_z~="lg:8"] { + z-index: 8; + } + + [_z~="lg:9"] { + z-index: 9; + } + + [_z~="lg:10"] { + z-index: 10; + } + + [_vertical~="lg:baseline"] { + vertical-align: baseline; + } + + [_vertical~="lg:sub"] { + vertical-align: sub; + } + + [_vertical~="lg:super"] { + vertical-align: super; + } + + [_vertical~="lg:text-top"] { + vertical-align: text-top; + } + + [_vertical~="lg:text-bottom"] { + vertical-align: text-bottom; + } + + [_vertical~="lg:middle"] { + vertical-align: middle; + } + + [_vertical~="lg:top"] { + vertical-align: top; + } + + [_vertical~="lg:bottom"] { + vertical-align: bottom; + } +} +@media screen and (min-width: 1280px) { + [_pos~="xl:static"], +[_position~="xl:static"] { + position: static; + } + + [_pos~="xl:relative"], +[_position~="xl:relative"] { + position: relative; + } + + [_pos~="xl:absolute"], +[_position~="xl:absolute"] { + position: absolute; + } + + [_pos~="xl:fixed"], +[_position~="xl:fixed"] { + position: fixed; + } + + [_pos~="xl:sticky"], +[_position~="xl:sticky"] { + position: sticky; + } + + [_float~="xl:left"] { + float: left; + } + + [_float~="xl:right"] { + float: right; + } + + [_float~="xl:none"] { + float: none; + } + + [_z~="xl:auto"] { + z-index: auto; + } + + [_z~="xl:0"] { + z-index: 0; + } + + [_z~="xl:1"] { + z-index: 1; + } + + [_z~="xl:2"] { + z-index: 2; + } + + [_z~="xl:3"] { + z-index: 3; + } + + [_z~="xl:4"] { + z-index: 4; + } + + [_z~="xl:5"] { + z-index: 5; + } + + [_z~="xl:6"] { + z-index: 6; + } + + [_z~="xl:7"] { + z-index: 7; + } + + [_z~="xl:8"] { + z-index: 8; + } + + [_z~="xl:9"] { + z-index: 9; + } + + [_z~="xl:10"] { + z-index: 10; + } + + [_vertical~="xl:baseline"] { + vertical-align: baseline; + } + + [_vertical~="xl:sub"] { + vertical-align: sub; + } + + [_vertical~="xl:super"] { + vertical-align: super; + } + + [_vertical~="xl:text-top"] { + vertical-align: text-top; + } + + [_vertical~="xl:text-bottom"] { + vertical-align: text-bottom; + } + + [_vertical~="xl:middle"] { + vertical-align: middle; + } + + [_vertical~="xl:top"] { + vertical-align: top; + } + + [_vertical~="xl:bottom"] { + vertical-align: bottom; + } +} +[_margin], +[_m] { + margin: 5px; +} + +[_padding], +[_p] { + padding: 5px; +} + +[_round], +[_r] { + border-radius: 5px; +} + +[_margin~="0"], +[_m~="0"] { + margin: 0px; +} + +[_margin~=t-0], +[_m~=t-0] { + margin-top: 0px; +} + +[_margin~=b-0], +[_m~=b-0] { + margin-bottom: 0px; +} + +[_margin~=l-0], +[_m~=l-0] { + margin-left: 0px; +} + +[_margin~=r-0], +[_m~=r-0] { + margin-right: 0px; +} + +[_margin~=y-0], +[_m~=y-0] { + margin-top: 0px; + margin-bottom: 0px; +} + +[_margin~=x-0], +[_m~=x-0] { + margin-left: 0px; + margin-right: 0px; +} + +[_padding~="0"], +[_p~="0"] { + padding: 0px; +} + +[_padding~=t-0], +[_p~=t-0] { + padding-top: 0px; +} + +[_padding~=b-0], +[_p~=b-0] { + padding-bottom: 0px; +} + +[_padding~=l-0], +[_p~=l-0] { + padding-left: 0px; +} + +[_padding~=r-0], +[_p~=r-0] { + padding-right: 0px; +} + +[_padding~=y-0], +[_p~=y-0] { + padding-top: 0px; + padding-bottom: 0px; +} + +[_padding~=x-0], +[_p~=x-0] { + padding-left: 0px; + padding-right: 0px; +} + +[_round~="0"], +[_r~="0"] { + border-radius: 0px; +} + +[_margin~="1"], +[_m~="1"] { + margin: 5px; +} + +[_margin~=t-1], +[_m~=t-1] { + margin-top: 5px; +} + +[_margin~=b-1], +[_m~=b-1] { + margin-bottom: 5px; +} + +[_margin~=l-1], +[_m~=l-1] { + margin-left: 5px; +} + +[_margin~=r-1], +[_m~=r-1] { + margin-right: 5px; +} + +[_margin~=y-1], +[_m~=y-1] { + margin-top: 5px; + margin-bottom: 5px; +} + +[_margin~=x-1], +[_m~=x-1] { + margin-left: 5px; + margin-right: 5px; +} + +[_padding~="1"], +[_p~="1"] { + padding: 5px; +} + +[_padding~=t-1], +[_p~=t-1] { + padding-top: 5px; +} + +[_padding~=b-1], +[_p~=b-1] { + padding-bottom: 5px; +} + +[_padding~=l-1], +[_p~=l-1] { + padding-left: 5px; +} + +[_padding~=r-1], +[_p~=r-1] { + padding-right: 5px; +} + +[_padding~=y-1], +[_p~=y-1] { + padding-top: 5px; + padding-bottom: 5px; +} + +[_padding~=x-1], +[_p~=x-1] { + padding-left: 5px; + padding-right: 5px; +} + +[_round~="1"], +[_r~="1"] { + border-radius: 5px; +} + +[_margin~="2"], +[_m~="2"] { + margin: 10px; +} + +[_margin~=t-2], +[_m~=t-2] { + margin-top: 10px; +} + +[_margin~=b-2], +[_m~=b-2] { + margin-bottom: 10px; +} + +[_margin~=l-2], +[_m~=l-2] { + margin-left: 10px; +} + +[_margin~=r-2], +[_m~=r-2] { + margin-right: 10px; +} + +[_margin~=y-2], +[_m~=y-2] { + margin-top: 10px; + margin-bottom: 10px; +} + +[_margin~=x-2], +[_m~=x-2] { + margin-left: 10px; + margin-right: 10px; +} + +[_padding~="2"], +[_p~="2"] { + padding: 10px; +} + +[_padding~=t-2], +[_p~=t-2] { + padding-top: 10px; +} + +[_padding~=b-2], +[_p~=b-2] { + padding-bottom: 10px; +} + +[_padding~=l-2], +[_p~=l-2] { + padding-left: 10px; +} + +[_padding~=r-2], +[_p~=r-2] { + padding-right: 10px; +} + +[_padding~=y-2], +[_p~=y-2] { + padding-top: 10px; + padding-bottom: 10px; +} + +[_padding~=x-2], +[_p~=x-2] { + padding-left: 10px; + padding-right: 10px; +} + +[_round~="2"], +[_r~="2"] { + border-radius: 10px; +} + +[_margin~="3"], +[_m~="3"] { + margin: 15px; +} + +[_margin~=t-3], +[_m~=t-3] { + margin-top: 15px; +} + +[_margin~=b-3], +[_m~=b-3] { + margin-bottom: 15px; +} + +[_margin~=l-3], +[_m~=l-3] { + margin-left: 15px; +} + +[_margin~=r-3], +[_m~=r-3] { + margin-right: 15px; +} + +[_margin~=y-3], +[_m~=y-3] { + margin-top: 15px; + margin-bottom: 15px; +} + +[_margin~=x-3], +[_m~=x-3] { + margin-left: 15px; + margin-right: 15px; +} + +[_padding~="3"], +[_p~="3"] { + padding: 15px; +} + +[_padding~=t-3], +[_p~=t-3] { + padding-top: 15px; +} + +[_padding~=b-3], +[_p~=b-3] { + padding-bottom: 15px; +} + +[_padding~=l-3], +[_p~=l-3] { + padding-left: 15px; +} + +[_padding~=r-3], +[_p~=r-3] { + padding-right: 15px; +} + +[_padding~=y-3], +[_p~=y-3] { + padding-top: 15px; + padding-bottom: 15px; +} + +[_padding~=x-3], +[_p~=x-3] { + padding-left: 15px; + padding-right: 15px; +} + +[_round~="3"], +[_r~="3"] { + border-radius: 15px; +} + +[_margin~="4"], +[_m~="4"] { + margin: 20px; +} + +[_margin~=t-4], +[_m~=t-4] { + margin-top: 20px; +} + +[_margin~=b-4], +[_m~=b-4] { + margin-bottom: 20px; +} + +[_margin~=l-4], +[_m~=l-4] { + margin-left: 20px; +} + +[_margin~=r-4], +[_m~=r-4] { + margin-right: 20px; +} + +[_margin~=y-4], +[_m~=y-4] { + margin-top: 20px; + margin-bottom: 20px; +} + +[_margin~=x-4], +[_m~=x-4] { + margin-left: 20px; + margin-right: 20px; +} + +[_padding~="4"], +[_p~="4"] { + padding: 20px; +} + +[_padding~=t-4], +[_p~=t-4] { + padding-top: 20px; +} + +[_padding~=b-4], +[_p~=b-4] { + padding-bottom: 20px; +} + +[_padding~=l-4], +[_p~=l-4] { + padding-left: 20px; +} + +[_padding~=r-4], +[_p~=r-4] { + padding-right: 20px; +} + +[_padding~=y-4], +[_p~=y-4] { + padding-top: 20px; + padding-bottom: 20px; +} + +[_padding~=x-4], +[_p~=x-4] { + padding-left: 20px; + padding-right: 20px; +} + +[_round~="4"], +[_r~="4"] { + border-radius: 20px; +} + +[_margin~="5"], +[_m~="5"] { + margin: 25px; +} + +[_margin~=t-5], +[_m~=t-5] { + margin-top: 25px; +} + +[_margin~=b-5], +[_m~=b-5] { + margin-bottom: 25px; +} + +[_margin~=l-5], +[_m~=l-5] { + margin-left: 25px; +} + +[_margin~=r-5], +[_m~=r-5] { + margin-right: 25px; +} + +[_margin~=y-5], +[_m~=y-5] { + margin-top: 25px; + margin-bottom: 25px; +} + +[_margin~=x-5], +[_m~=x-5] { + margin-left: 25px; + margin-right: 25px; +} + +[_padding~="5"], +[_p~="5"] { + padding: 25px; +} + +[_padding~=t-5], +[_p~=t-5] { + padding-top: 25px; +} + +[_padding~=b-5], +[_p~=b-5] { + padding-bottom: 25px; +} + +[_padding~=l-5], +[_p~=l-5] { + padding-left: 25px; +} + +[_padding~=r-5], +[_p~=r-5] { + padding-right: 25px; +} + +[_padding~=y-5], +[_p~=y-5] { + padding-top: 25px; + padding-bottom: 25px; +} + +[_padding~=x-5], +[_p~=x-5] { + padding-left: 25px; + padding-right: 25px; +} + +[_round~="5"], +[_r~="5"] { + border-radius: 25px; +} + +[_margin~="6"], +[_m~="6"] { + margin: 30px; +} + +[_margin~=t-6], +[_m~=t-6] { + margin-top: 30px; +} + +[_margin~=b-6], +[_m~=b-6] { + margin-bottom: 30px; +} + +[_margin~=l-6], +[_m~=l-6] { + margin-left: 30px; +} + +[_margin~=r-6], +[_m~=r-6] { + margin-right: 30px; +} + +[_margin~=y-6], +[_m~=y-6] { + margin-top: 30px; + margin-bottom: 30px; +} + +[_margin~=x-6], +[_m~=x-6] { + margin-left: 30px; + margin-right: 30px; +} + +[_padding~="6"], +[_p~="6"] { + padding: 30px; +} + +[_padding~=t-6], +[_p~=t-6] { + padding-top: 30px; +} + +[_padding~=b-6], +[_p~=b-6] { + padding-bottom: 30px; +} + +[_padding~=l-6], +[_p~=l-6] { + padding-left: 30px; +} + +[_padding~=r-6], +[_p~=r-6] { + padding-right: 30px; +} + +[_padding~=y-6], +[_p~=y-6] { + padding-top: 30px; + padding-bottom: 30px; +} + +[_padding~=x-6], +[_p~=x-6] { + padding-left: 30px; + padding-right: 30px; +} + +[_round~="6"], +[_r~="6"] { + border-radius: 30px; +} + +[_margin~="7"], +[_m~="7"] { + margin: 35px; +} + +[_margin~=t-7], +[_m~=t-7] { + margin-top: 35px; +} + +[_margin~=b-7], +[_m~=b-7] { + margin-bottom: 35px; +} + +[_margin~=l-7], +[_m~=l-7] { + margin-left: 35px; +} + +[_margin~=r-7], +[_m~=r-7] { + margin-right: 35px; +} + +[_margin~=y-7], +[_m~=y-7] { + margin-top: 35px; + margin-bottom: 35px; +} + +[_margin~=x-7], +[_m~=x-7] { + margin-left: 35px; + margin-right: 35px; +} + +[_padding~="7"], +[_p~="7"] { + padding: 35px; +} + +[_padding~=t-7], +[_p~=t-7] { + padding-top: 35px; +} + +[_padding~=b-7], +[_p~=b-7] { + padding-bottom: 35px; +} + +[_padding~=l-7], +[_p~=l-7] { + padding-left: 35px; +} + +[_padding~=r-7], +[_p~=r-7] { + padding-right: 35px; +} + +[_padding~=y-7], +[_p~=y-7] { + padding-top: 35px; + padding-bottom: 35px; +} + +[_padding~=x-7], +[_p~=x-7] { + padding-left: 35px; + padding-right: 35px; +} + +[_round~="7"], +[_r~="7"] { + border-radius: 35px; +} + +[_margin~="8"], +[_m~="8"] { + margin: 40px; +} + +[_margin~=t-8], +[_m~=t-8] { + margin-top: 40px; +} + +[_margin~=b-8], +[_m~=b-8] { + margin-bottom: 40px; +} + +[_margin~=l-8], +[_m~=l-8] { + margin-left: 40px; +} + +[_margin~=r-8], +[_m~=r-8] { + margin-right: 40px; +} + +[_margin~=y-8], +[_m~=y-8] { + margin-top: 40px; + margin-bottom: 40px; +} + +[_margin~=x-8], +[_m~=x-8] { + margin-left: 40px; + margin-right: 40px; +} + +[_padding~="8"], +[_p~="8"] { + padding: 40px; +} + +[_padding~=t-8], +[_p~=t-8] { + padding-top: 40px; +} + +[_padding~=b-8], +[_p~=b-8] { + padding-bottom: 40px; +} + +[_padding~=l-8], +[_p~=l-8] { + padding-left: 40px; +} + +[_padding~=r-8], +[_p~=r-8] { + padding-right: 40px; +} + +[_padding~=y-8], +[_p~=y-8] { + padding-top: 40px; + padding-bottom: 40px; +} + +[_padding~=x-8], +[_p~=x-8] { + padding-left: 40px; + padding-right: 40px; +} + +[_round~="8"], +[_r~="8"] { + border-radius: 40px; +} + +[_margin~="9"], +[_m~="9"] { + margin: 45px; +} + +[_margin~=t-9], +[_m~=t-9] { + margin-top: 45px; +} + +[_margin~=b-9], +[_m~=b-9] { + margin-bottom: 45px; +} + +[_margin~=l-9], +[_m~=l-9] { + margin-left: 45px; +} + +[_margin~=r-9], +[_m~=r-9] { + margin-right: 45px; +} + +[_margin~=y-9], +[_m~=y-9] { + margin-top: 45px; + margin-bottom: 45px; +} + +[_margin~=x-9], +[_m~=x-9] { + margin-left: 45px; + margin-right: 45px; +} + +[_padding~="9"], +[_p~="9"] { + padding: 45px; +} + +[_padding~=t-9], +[_p~=t-9] { + padding-top: 45px; +} + +[_padding~=b-9], +[_p~=b-9] { + padding-bottom: 45px; +} + +[_padding~=l-9], +[_p~=l-9] { + padding-left: 45px; +} + +[_padding~=r-9], +[_p~=r-9] { + padding-right: 45px; +} + +[_padding~=y-9], +[_p~=y-9] { + padding-top: 45px; + padding-bottom: 45px; +} + +[_padding~=x-9], +[_p~=x-9] { + padding-left: 45px; + padding-right: 45px; +} + +[_round~="9"], +[_r~="9"] { + border-radius: 45px; +} + +[_margin~="10"], +[_m~="10"] { + margin: 50px; +} + +[_margin~=t-10], +[_m~=t-10] { + margin-top: 50px; +} + +[_margin~=b-10], +[_m~=b-10] { + margin-bottom: 50px; +} + +[_margin~=l-10], +[_m~=l-10] { + margin-left: 50px; +} + +[_margin~=r-10], +[_m~=r-10] { + margin-right: 50px; +} + +[_margin~=y-10], +[_m~=y-10] { + margin-top: 50px; + margin-bottom: 50px; +} + +[_margin~=x-10], +[_m~=x-10] { + margin-left: 50px; + margin-right: 50px; +} + +[_padding~="10"], +[_p~="10"] { + padding: 50px; +} + +[_padding~=t-10], +[_p~=t-10] { + padding-top: 50px; +} + +[_padding~=b-10], +[_p~=b-10] { + padding-bottom: 50px; +} + +[_padding~=l-10], +[_p~=l-10] { + padding-left: 50px; +} + +[_padding~=r-10], +[_p~=r-10] { + padding-right: 50px; +} + +[_padding~=y-10], +[_p~=y-10] { + padding-top: 50px; + padding-bottom: 50px; +} + +[_padding~=x-10], +[_p~=x-10] { + padding-left: 50px; + padding-right: 50px; +} + +[_round~="10"], +[_r~="10"] { + border-radius: 50px; +} + +@media screen and (min-width: 0) { + [_margin], +[_m] { + margin: 5px; + } + + [_padding], +[_p] { + padding: 5px; + } + + [_round], +[_r] { + border-radius: 5px; + } + + [_margin~="xs:0"], +[_m~="xs:0"] { + margin: 0px; + } + + [_margin~="xs:t-0"], +[_m~="xs:t-0"] { + margin-top: 0px; + } + + [_margin~="xs:b-0"], +[_m~="xs:b-0"] { + margin-bottom: 0px; + } + + [_margin~="xs:l-0"], +[_m~="xs:l-0"] { + margin-left: 0px; + } + + [_margin~="xs:r-0"], +[_m~="xs:r-0"] { + margin-right: 0px; + } + + [_margin~="xs:y-0"], +[_m~="xs:y-0"] { + margin-top: 0px; + margin-bottom: 0px; + } + + [_margin~="xs:x-0"], +[_m~="xs:x-0"] { + margin-left: 0px; + margin-right: 0px; + } + + [_padding~="xs:0"], +[_p~="xs:0"] { + padding: 0px; + } + + [_padding~="xs:t-0"], +[_p~="xs:t-0"] { + padding-top: 0px; + } + + [_padding~="xs:b-0"], +[_p~="xs:b-0"] { + padding-bottom: 0px; + } + + [_padding~="xs:l-0"], +[_p~="xs:l-0"] { + padding-left: 0px; + } + + [_padding~="xs:r-0"], +[_p~="xs:r-0"] { + padding-right: 0px; + } + + [_padding~="xs:y-0"], +[_p~="xs:y-0"] { + padding-top: 0px; + padding-bottom: 0px; + } + + [_padding~="xs:x-0"], +[_p~="xs:x-0"] { + padding-left: 0px; + padding-right: 0px; + } + + [_round~="xs:0"], +[_r~="xs:0"] { + border-radius: 0px; + } + + [_margin~="xs:1"], +[_m~="xs:1"] { + margin: 5px; + } + + [_margin~="xs:t-1"], +[_m~="xs:t-1"] { + margin-top: 5px; + } + + [_margin~="xs:b-1"], +[_m~="xs:b-1"] { + margin-bottom: 5px; + } + + [_margin~="xs:l-1"], +[_m~="xs:l-1"] { + margin-left: 5px; + } + + [_margin~="xs:r-1"], +[_m~="xs:r-1"] { + margin-right: 5px; + } + + [_margin~="xs:y-1"], +[_m~="xs:y-1"] { + margin-top: 5px; + margin-bottom: 5px; + } + + [_margin~="xs:x-1"], +[_m~="xs:x-1"] { + margin-left: 5px; + margin-right: 5px; + } + + [_padding~="xs:1"], +[_p~="xs:1"] { + padding: 5px; + } + + [_padding~="xs:t-1"], +[_p~="xs:t-1"] { + padding-top: 5px; + } + + [_padding~="xs:b-1"], +[_p~="xs:b-1"] { + padding-bottom: 5px; + } + + [_padding~="xs:l-1"], +[_p~="xs:l-1"] { + padding-left: 5px; + } + + [_padding~="xs:r-1"], +[_p~="xs:r-1"] { + padding-right: 5px; + } + + [_padding~="xs:y-1"], +[_p~="xs:y-1"] { + padding-top: 5px; + padding-bottom: 5px; + } + + [_padding~="xs:x-1"], +[_p~="xs:x-1"] { + padding-left: 5px; + padding-right: 5px; + } + + [_round~="xs:1"], +[_r~="xs:1"] { + border-radius: 5px; + } + + [_margin~="xs:2"], +[_m~="xs:2"] { + margin: 10px; + } + + [_margin~="xs:t-2"], +[_m~="xs:t-2"] { + margin-top: 10px; + } + + [_margin~="xs:b-2"], +[_m~="xs:b-2"] { + margin-bottom: 10px; + } + + [_margin~="xs:l-2"], +[_m~="xs:l-2"] { + margin-left: 10px; + } + + [_margin~="xs:r-2"], +[_m~="xs:r-2"] { + margin-right: 10px; + } + + [_margin~="xs:y-2"], +[_m~="xs:y-2"] { + margin-top: 10px; + margin-bottom: 10px; + } + + [_margin~="xs:x-2"], +[_m~="xs:x-2"] { + margin-left: 10px; + margin-right: 10px; + } + + [_padding~="xs:2"], +[_p~="xs:2"] { + padding: 10px; + } + + [_padding~="xs:t-2"], +[_p~="xs:t-2"] { + padding-top: 10px; + } + + [_padding~="xs:b-2"], +[_p~="xs:b-2"] { + padding-bottom: 10px; + } + + [_padding~="xs:l-2"], +[_p~="xs:l-2"] { + padding-left: 10px; + } + + [_padding~="xs:r-2"], +[_p~="xs:r-2"] { + padding-right: 10px; + } + + [_padding~="xs:y-2"], +[_p~="xs:y-2"] { + padding-top: 10px; + padding-bottom: 10px; + } + + [_padding~="xs:x-2"], +[_p~="xs:x-2"] { + padding-left: 10px; + padding-right: 10px; + } + + [_round~="xs:2"], +[_r~="xs:2"] { + border-radius: 10px; + } + + [_margin~="xs:3"], +[_m~="xs:3"] { + margin: 15px; + } + + [_margin~="xs:t-3"], +[_m~="xs:t-3"] { + margin-top: 15px; + } + + [_margin~="xs:b-3"], +[_m~="xs:b-3"] { + margin-bottom: 15px; + } + + [_margin~="xs:l-3"], +[_m~="xs:l-3"] { + margin-left: 15px; + } + + [_margin~="xs:r-3"], +[_m~="xs:r-3"] { + margin-right: 15px; + } + + [_margin~="xs:y-3"], +[_m~="xs:y-3"] { + margin-top: 15px; + margin-bottom: 15px; + } + + [_margin~="xs:x-3"], +[_m~="xs:x-3"] { + margin-left: 15px; + margin-right: 15px; + } + + [_padding~="xs:3"], +[_p~="xs:3"] { + padding: 15px; + } + + [_padding~="xs:t-3"], +[_p~="xs:t-3"] { + padding-top: 15px; + } + + [_padding~="xs:b-3"], +[_p~="xs:b-3"] { + padding-bottom: 15px; + } + + [_padding~="xs:l-3"], +[_p~="xs:l-3"] { + padding-left: 15px; + } + + [_padding~="xs:r-3"], +[_p~="xs:r-3"] { + padding-right: 15px; + } + + [_padding~="xs:y-3"], +[_p~="xs:y-3"] { + padding-top: 15px; + padding-bottom: 15px; + } + + [_padding~="xs:x-3"], +[_p~="xs:x-3"] { + padding-left: 15px; + padding-right: 15px; + } + + [_round~="xs:3"], +[_r~="xs:3"] { + border-radius: 15px; + } + + [_margin~="xs:4"], +[_m~="xs:4"] { + margin: 20px; + } + + [_margin~="xs:t-4"], +[_m~="xs:t-4"] { + margin-top: 20px; + } + + [_margin~="xs:b-4"], +[_m~="xs:b-4"] { + margin-bottom: 20px; + } + + [_margin~="xs:l-4"], +[_m~="xs:l-4"] { + margin-left: 20px; + } + + [_margin~="xs:r-4"], +[_m~="xs:r-4"] { + margin-right: 20px; + } + + [_margin~="xs:y-4"], +[_m~="xs:y-4"] { + margin-top: 20px; + margin-bottom: 20px; + } + + [_margin~="xs:x-4"], +[_m~="xs:x-4"] { + margin-left: 20px; + margin-right: 20px; + } + + [_padding~="xs:4"], +[_p~="xs:4"] { + padding: 20px; + } + + [_padding~="xs:t-4"], +[_p~="xs:t-4"] { + padding-top: 20px; + } + + [_padding~="xs:b-4"], +[_p~="xs:b-4"] { + padding-bottom: 20px; + } + + [_padding~="xs:l-4"], +[_p~="xs:l-4"] { + padding-left: 20px; + } + + [_padding~="xs:r-4"], +[_p~="xs:r-4"] { + padding-right: 20px; + } + + [_padding~="xs:y-4"], +[_p~="xs:y-4"] { + padding-top: 20px; + padding-bottom: 20px; + } + + [_padding~="xs:x-4"], +[_p~="xs:x-4"] { + padding-left: 20px; + padding-right: 20px; + } + + [_round~="xs:4"], +[_r~="xs:4"] { + border-radius: 20px; + } + + [_margin~="xs:5"], +[_m~="xs:5"] { + margin: 25px; + } + + [_margin~="xs:t-5"], +[_m~="xs:t-5"] { + margin-top: 25px; + } + + [_margin~="xs:b-5"], +[_m~="xs:b-5"] { + margin-bottom: 25px; + } + + [_margin~="xs:l-5"], +[_m~="xs:l-5"] { + margin-left: 25px; + } + + [_margin~="xs:r-5"], +[_m~="xs:r-5"] { + margin-right: 25px; + } + + [_margin~="xs:y-5"], +[_m~="xs:y-5"] { + margin-top: 25px; + margin-bottom: 25px; + } + + [_margin~="xs:x-5"], +[_m~="xs:x-5"] { + margin-left: 25px; + margin-right: 25px; + } + + [_padding~="xs:5"], +[_p~="xs:5"] { + padding: 25px; + } + + [_padding~="xs:t-5"], +[_p~="xs:t-5"] { + padding-top: 25px; + } + + [_padding~="xs:b-5"], +[_p~="xs:b-5"] { + padding-bottom: 25px; + } + + [_padding~="xs:l-5"], +[_p~="xs:l-5"] { + padding-left: 25px; + } + + [_padding~="xs:r-5"], +[_p~="xs:r-5"] { + padding-right: 25px; + } + + [_padding~="xs:y-5"], +[_p~="xs:y-5"] { + padding-top: 25px; + padding-bottom: 25px; + } + + [_padding~="xs:x-5"], +[_p~="xs:x-5"] { + padding-left: 25px; + padding-right: 25px; + } + + [_round~="xs:5"], +[_r~="xs:5"] { + border-radius: 25px; + } + + [_margin~="xs:6"], +[_m~="xs:6"] { + margin: 30px; + } + + [_margin~="xs:t-6"], +[_m~="xs:t-6"] { + margin-top: 30px; + } + + [_margin~="xs:b-6"], +[_m~="xs:b-6"] { + margin-bottom: 30px; + } + + [_margin~="xs:l-6"], +[_m~="xs:l-6"] { + margin-left: 30px; + } + + [_margin~="xs:r-6"], +[_m~="xs:r-6"] { + margin-right: 30px; + } + + [_margin~="xs:y-6"], +[_m~="xs:y-6"] { + margin-top: 30px; + margin-bottom: 30px; + } + + [_margin~="xs:x-6"], +[_m~="xs:x-6"] { + margin-left: 30px; + margin-right: 30px; + } + + [_padding~="xs:6"], +[_p~="xs:6"] { + padding: 30px; + } + + [_padding~="xs:t-6"], +[_p~="xs:t-6"] { + padding-top: 30px; + } + + [_padding~="xs:b-6"], +[_p~="xs:b-6"] { + padding-bottom: 30px; + } + + [_padding~="xs:l-6"], +[_p~="xs:l-6"] { + padding-left: 30px; + } + + [_padding~="xs:r-6"], +[_p~="xs:r-6"] { + padding-right: 30px; + } + + [_padding~="xs:y-6"], +[_p~="xs:y-6"] { + padding-top: 30px; + padding-bottom: 30px; + } + + [_padding~="xs:x-6"], +[_p~="xs:x-6"] { + padding-left: 30px; + padding-right: 30px; + } + + [_round~="xs:6"], +[_r~="xs:6"] { + border-radius: 30px; + } + + [_margin~="xs:7"], +[_m~="xs:7"] { + margin: 35px; + } + + [_margin~="xs:t-7"], +[_m~="xs:t-7"] { + margin-top: 35px; + } + + [_margin~="xs:b-7"], +[_m~="xs:b-7"] { + margin-bottom: 35px; + } + + [_margin~="xs:l-7"], +[_m~="xs:l-7"] { + margin-left: 35px; + } + + [_margin~="xs:r-7"], +[_m~="xs:r-7"] { + margin-right: 35px; + } + + [_margin~="xs:y-7"], +[_m~="xs:y-7"] { + margin-top: 35px; + margin-bottom: 35px; + } + + [_margin~="xs:x-7"], +[_m~="xs:x-7"] { + margin-left: 35px; + margin-right: 35px; + } + + [_padding~="xs:7"], +[_p~="xs:7"] { + padding: 35px; + } + + [_padding~="xs:t-7"], +[_p~="xs:t-7"] { + padding-top: 35px; + } + + [_padding~="xs:b-7"], +[_p~="xs:b-7"] { + padding-bottom: 35px; + } + + [_padding~="xs:l-7"], +[_p~="xs:l-7"] { + padding-left: 35px; + } + + [_padding~="xs:r-7"], +[_p~="xs:r-7"] { + padding-right: 35px; + } + + [_padding~="xs:y-7"], +[_p~="xs:y-7"] { + padding-top: 35px; + padding-bottom: 35px; + } + + [_padding~="xs:x-7"], +[_p~="xs:x-7"] { + padding-left: 35px; + padding-right: 35px; + } + + [_round~="xs:7"], +[_r~="xs:7"] { + border-radius: 35px; + } + + [_margin~="xs:8"], +[_m~="xs:8"] { + margin: 40px; + } + + [_margin~="xs:t-8"], +[_m~="xs:t-8"] { + margin-top: 40px; + } + + [_margin~="xs:b-8"], +[_m~="xs:b-8"] { + margin-bottom: 40px; + } + + [_margin~="xs:l-8"], +[_m~="xs:l-8"] { + margin-left: 40px; + } + + [_margin~="xs:r-8"], +[_m~="xs:r-8"] { + margin-right: 40px; + } + + [_margin~="xs:y-8"], +[_m~="xs:y-8"] { + margin-top: 40px; + margin-bottom: 40px; + } + + [_margin~="xs:x-8"], +[_m~="xs:x-8"] { + margin-left: 40px; + margin-right: 40px; + } + + [_padding~="xs:8"], +[_p~="xs:8"] { + padding: 40px; + } + + [_padding~="xs:t-8"], +[_p~="xs:t-8"] { + padding-top: 40px; + } + + [_padding~="xs:b-8"], +[_p~="xs:b-8"] { + padding-bottom: 40px; + } + + [_padding~="xs:l-8"], +[_p~="xs:l-8"] { + padding-left: 40px; + } + + [_padding~="xs:r-8"], +[_p~="xs:r-8"] { + padding-right: 40px; + } + + [_padding~="xs:y-8"], +[_p~="xs:y-8"] { + padding-top: 40px; + padding-bottom: 40px; + } + + [_padding~="xs:x-8"], +[_p~="xs:x-8"] { + padding-left: 40px; + padding-right: 40px; + } + + [_round~="xs:8"], +[_r~="xs:8"] { + border-radius: 40px; + } + + [_margin~="xs:9"], +[_m~="xs:9"] { + margin: 45px; + } + + [_margin~="xs:t-9"], +[_m~="xs:t-9"] { + margin-top: 45px; + } + + [_margin~="xs:b-9"], +[_m~="xs:b-9"] { + margin-bottom: 45px; + } + + [_margin~="xs:l-9"], +[_m~="xs:l-9"] { + margin-left: 45px; + } + + [_margin~="xs:r-9"], +[_m~="xs:r-9"] { + margin-right: 45px; + } + + [_margin~="xs:y-9"], +[_m~="xs:y-9"] { + margin-top: 45px; + margin-bottom: 45px; + } + + [_margin~="xs:x-9"], +[_m~="xs:x-9"] { + margin-left: 45px; + margin-right: 45px; + } + + [_padding~="xs:9"], +[_p~="xs:9"] { + padding: 45px; + } + + [_padding~="xs:t-9"], +[_p~="xs:t-9"] { + padding-top: 45px; + } + + [_padding~="xs:b-9"], +[_p~="xs:b-9"] { + padding-bottom: 45px; + } + + [_padding~="xs:l-9"], +[_p~="xs:l-9"] { + padding-left: 45px; + } + + [_padding~="xs:r-9"], +[_p~="xs:r-9"] { + padding-right: 45px; + } + + [_padding~="xs:y-9"], +[_p~="xs:y-9"] { + padding-top: 45px; + padding-bottom: 45px; + } + + [_padding~="xs:x-9"], +[_p~="xs:x-9"] { + padding-left: 45px; + padding-right: 45px; + } + + [_round~="xs:9"], +[_r~="xs:9"] { + border-radius: 45px; + } + + [_margin~="xs:10"], +[_m~="xs:10"] { + margin: 50px; + } + + [_margin~="xs:t-10"], +[_m~="xs:t-10"] { + margin-top: 50px; + } + + [_margin~="xs:b-10"], +[_m~="xs:b-10"] { + margin-bottom: 50px; + } + + [_margin~="xs:l-10"], +[_m~="xs:l-10"] { + margin-left: 50px; + } + + [_margin~="xs:r-10"], +[_m~="xs:r-10"] { + margin-right: 50px; + } + + [_margin~="xs:y-10"], +[_m~="xs:y-10"] { + margin-top: 50px; + margin-bottom: 50px; + } + + [_margin~="xs:x-10"], +[_m~="xs:x-10"] { + margin-left: 50px; + margin-right: 50px; + } + + [_padding~="xs:10"], +[_p~="xs:10"] { + padding: 50px; + } + + [_padding~="xs:t-10"], +[_p~="xs:t-10"] { + padding-top: 50px; + } + + [_padding~="xs:b-10"], +[_p~="xs:b-10"] { + padding-bottom: 50px; + } + + [_padding~="xs:l-10"], +[_p~="xs:l-10"] { + padding-left: 50px; + } + + [_padding~="xs:r-10"], +[_p~="xs:r-10"] { + padding-right: 50px; + } + + [_padding~="xs:y-10"], +[_p~="xs:y-10"] { + padding-top: 50px; + padding-bottom: 50px; + } + + [_padding~="xs:x-10"], +[_p~="xs:x-10"] { + padding-left: 50px; + padding-right: 50px; + } + + [_round~="xs:10"], +[_r~="xs:10"] { + border-radius: 50px; + } +} +@media screen and (min-width: 580px) { + [_margin], +[_m] { + margin: 5px; + } + + [_padding], +[_p] { + padding: 5px; + } + + [_round], +[_r] { + border-radius: 5px; + } + + [_margin~="sm:0"], +[_m~="sm:0"] { + margin: 0px; + } + + [_margin~="sm:t-0"], +[_m~="sm:t-0"] { + margin-top: 0px; + } + + [_margin~="sm:b-0"], +[_m~="sm:b-0"] { + margin-bottom: 0px; + } + + [_margin~="sm:l-0"], +[_m~="sm:l-0"] { + margin-left: 0px; + } + + [_margin~="sm:r-0"], +[_m~="sm:r-0"] { + margin-right: 0px; + } + + [_margin~="sm:y-0"], +[_m~="sm:y-0"] { + margin-top: 0px; + margin-bottom: 0px; + } + + [_margin~="sm:x-0"], +[_m~="sm:x-0"] { + margin-left: 0px; + margin-right: 0px; + } + + [_padding~="sm:0"], +[_p~="sm:0"] { + padding: 0px; + } + + [_padding~="sm:t-0"], +[_p~="sm:t-0"] { + padding-top: 0px; + } + + [_padding~="sm:b-0"], +[_p~="sm:b-0"] { + padding-bottom: 0px; + } + + [_padding~="sm:l-0"], +[_p~="sm:l-0"] { + padding-left: 0px; + } + + [_padding~="sm:r-0"], +[_p~="sm:r-0"] { + padding-right: 0px; + } + + [_padding~="sm:y-0"], +[_p~="sm:y-0"] { + padding-top: 0px; + padding-bottom: 0px; + } + + [_padding~="sm:x-0"], +[_p~="sm:x-0"] { + padding-left: 0px; + padding-right: 0px; + } + + [_round~="sm:0"], +[_r~="sm:0"] { + border-radius: 0px; + } + + [_margin~="sm:1"], +[_m~="sm:1"] { + margin: 5px; + } + + [_margin~="sm:t-1"], +[_m~="sm:t-1"] { + margin-top: 5px; + } + + [_margin~="sm:b-1"], +[_m~="sm:b-1"] { + margin-bottom: 5px; + } + + [_margin~="sm:l-1"], +[_m~="sm:l-1"] { + margin-left: 5px; + } + + [_margin~="sm:r-1"], +[_m~="sm:r-1"] { + margin-right: 5px; + } + + [_margin~="sm:y-1"], +[_m~="sm:y-1"] { + margin-top: 5px; + margin-bottom: 5px; + } + + [_margin~="sm:x-1"], +[_m~="sm:x-1"] { + margin-left: 5px; + margin-right: 5px; + } + + [_padding~="sm:1"], +[_p~="sm:1"] { + padding: 5px; + } + + [_padding~="sm:t-1"], +[_p~="sm:t-1"] { + padding-top: 5px; + } + + [_padding~="sm:b-1"], +[_p~="sm:b-1"] { + padding-bottom: 5px; + } + + [_padding~="sm:l-1"], +[_p~="sm:l-1"] { + padding-left: 5px; + } + + [_padding~="sm:r-1"], +[_p~="sm:r-1"] { + padding-right: 5px; + } + + [_padding~="sm:y-1"], +[_p~="sm:y-1"] { + padding-top: 5px; + padding-bottom: 5px; + } + + [_padding~="sm:x-1"], +[_p~="sm:x-1"] { + padding-left: 5px; + padding-right: 5px; + } + + [_round~="sm:1"], +[_r~="sm:1"] { + border-radius: 5px; + } + + [_margin~="sm:2"], +[_m~="sm:2"] { + margin: 10px; + } + + [_margin~="sm:t-2"], +[_m~="sm:t-2"] { + margin-top: 10px; + } + + [_margin~="sm:b-2"], +[_m~="sm:b-2"] { + margin-bottom: 10px; + } + + [_margin~="sm:l-2"], +[_m~="sm:l-2"] { + margin-left: 10px; + } + + [_margin~="sm:r-2"], +[_m~="sm:r-2"] { + margin-right: 10px; + } + + [_margin~="sm:y-2"], +[_m~="sm:y-2"] { + margin-top: 10px; + margin-bottom: 10px; + } + + [_margin~="sm:x-2"], +[_m~="sm:x-2"] { + margin-left: 10px; + margin-right: 10px; + } + + [_padding~="sm:2"], +[_p~="sm:2"] { + padding: 10px; + } + + [_padding~="sm:t-2"], +[_p~="sm:t-2"] { + padding-top: 10px; + } + + [_padding~="sm:b-2"], +[_p~="sm:b-2"] { + padding-bottom: 10px; + } + + [_padding~="sm:l-2"], +[_p~="sm:l-2"] { + padding-left: 10px; + } + + [_padding~="sm:r-2"], +[_p~="sm:r-2"] { + padding-right: 10px; + } + + [_padding~="sm:y-2"], +[_p~="sm:y-2"] { + padding-top: 10px; + padding-bottom: 10px; + } + + [_padding~="sm:x-2"], +[_p~="sm:x-2"] { + padding-left: 10px; + padding-right: 10px; + } + + [_round~="sm:2"], +[_r~="sm:2"] { + border-radius: 10px; + } + + [_margin~="sm:3"], +[_m~="sm:3"] { + margin: 15px; + } + + [_margin~="sm:t-3"], +[_m~="sm:t-3"] { + margin-top: 15px; + } + + [_margin~="sm:b-3"], +[_m~="sm:b-3"] { + margin-bottom: 15px; + } + + [_margin~="sm:l-3"], +[_m~="sm:l-3"] { + margin-left: 15px; + } + + [_margin~="sm:r-3"], +[_m~="sm:r-3"] { + margin-right: 15px; + } + + [_margin~="sm:y-3"], +[_m~="sm:y-3"] { + margin-top: 15px; + margin-bottom: 15px; + } + + [_margin~="sm:x-3"], +[_m~="sm:x-3"] { + margin-left: 15px; + margin-right: 15px; + } + + [_padding~="sm:3"], +[_p~="sm:3"] { + padding: 15px; + } + + [_padding~="sm:t-3"], +[_p~="sm:t-3"] { + padding-top: 15px; + } + + [_padding~="sm:b-3"], +[_p~="sm:b-3"] { + padding-bottom: 15px; + } + + [_padding~="sm:l-3"], +[_p~="sm:l-3"] { + padding-left: 15px; + } + + [_padding~="sm:r-3"], +[_p~="sm:r-3"] { + padding-right: 15px; + } + + [_padding~="sm:y-3"], +[_p~="sm:y-3"] { + padding-top: 15px; + padding-bottom: 15px; + } + + [_padding~="sm:x-3"], +[_p~="sm:x-3"] { + padding-left: 15px; + padding-right: 15px; + } + + [_round~="sm:3"], +[_r~="sm:3"] { + border-radius: 15px; + } + + [_margin~="sm:4"], +[_m~="sm:4"] { + margin: 20px; + } + + [_margin~="sm:t-4"], +[_m~="sm:t-4"] { + margin-top: 20px; + } + + [_margin~="sm:b-4"], +[_m~="sm:b-4"] { + margin-bottom: 20px; + } + + [_margin~="sm:l-4"], +[_m~="sm:l-4"] { + margin-left: 20px; + } + + [_margin~="sm:r-4"], +[_m~="sm:r-4"] { + margin-right: 20px; + } + + [_margin~="sm:y-4"], +[_m~="sm:y-4"] { + margin-top: 20px; + margin-bottom: 20px; + } + + [_margin~="sm:x-4"], +[_m~="sm:x-4"] { + margin-left: 20px; + margin-right: 20px; + } + + [_padding~="sm:4"], +[_p~="sm:4"] { + padding: 20px; + } + + [_padding~="sm:t-4"], +[_p~="sm:t-4"] { + padding-top: 20px; + } + + [_padding~="sm:b-4"], +[_p~="sm:b-4"] { + padding-bottom: 20px; + } + + [_padding~="sm:l-4"], +[_p~="sm:l-4"] { + padding-left: 20px; + } + + [_padding~="sm:r-4"], +[_p~="sm:r-4"] { + padding-right: 20px; + } + + [_padding~="sm:y-4"], +[_p~="sm:y-4"] { + padding-top: 20px; + padding-bottom: 20px; + } + + [_padding~="sm:x-4"], +[_p~="sm:x-4"] { + padding-left: 20px; + padding-right: 20px; + } + + [_round~="sm:4"], +[_r~="sm:4"] { + border-radius: 20px; + } + + [_margin~="sm:5"], +[_m~="sm:5"] { + margin: 25px; + } + + [_margin~="sm:t-5"], +[_m~="sm:t-5"] { + margin-top: 25px; + } + + [_margin~="sm:b-5"], +[_m~="sm:b-5"] { + margin-bottom: 25px; + } + + [_margin~="sm:l-5"], +[_m~="sm:l-5"] { + margin-left: 25px; + } + + [_margin~="sm:r-5"], +[_m~="sm:r-5"] { + margin-right: 25px; + } + + [_margin~="sm:y-5"], +[_m~="sm:y-5"] { + margin-top: 25px; + margin-bottom: 25px; + } + + [_margin~="sm:x-5"], +[_m~="sm:x-5"] { + margin-left: 25px; + margin-right: 25px; + } + + [_padding~="sm:5"], +[_p~="sm:5"] { + padding: 25px; + } + + [_padding~="sm:t-5"], +[_p~="sm:t-5"] { + padding-top: 25px; + } + + [_padding~="sm:b-5"], +[_p~="sm:b-5"] { + padding-bottom: 25px; + } + + [_padding~="sm:l-5"], +[_p~="sm:l-5"] { + padding-left: 25px; + } + + [_padding~="sm:r-5"], +[_p~="sm:r-5"] { + padding-right: 25px; + } + + [_padding~="sm:y-5"], +[_p~="sm:y-5"] { + padding-top: 25px; + padding-bottom: 25px; + } + + [_padding~="sm:x-5"], +[_p~="sm:x-5"] { + padding-left: 25px; + padding-right: 25px; + } + + [_round~="sm:5"], +[_r~="sm:5"] { + border-radius: 25px; + } + + [_margin~="sm:6"], +[_m~="sm:6"] { + margin: 30px; + } + + [_margin~="sm:t-6"], +[_m~="sm:t-6"] { + margin-top: 30px; + } + + [_margin~="sm:b-6"], +[_m~="sm:b-6"] { + margin-bottom: 30px; + } + + [_margin~="sm:l-6"], +[_m~="sm:l-6"] { + margin-left: 30px; + } + + [_margin~="sm:r-6"], +[_m~="sm:r-6"] { + margin-right: 30px; + } + + [_margin~="sm:y-6"], +[_m~="sm:y-6"] { + margin-top: 30px; + margin-bottom: 30px; + } + + [_margin~="sm:x-6"], +[_m~="sm:x-6"] { + margin-left: 30px; + margin-right: 30px; + } + + [_padding~="sm:6"], +[_p~="sm:6"] { + padding: 30px; + } + + [_padding~="sm:t-6"], +[_p~="sm:t-6"] { + padding-top: 30px; + } + + [_padding~="sm:b-6"], +[_p~="sm:b-6"] { + padding-bottom: 30px; + } + + [_padding~="sm:l-6"], +[_p~="sm:l-6"] { + padding-left: 30px; + } + + [_padding~="sm:r-6"], +[_p~="sm:r-6"] { + padding-right: 30px; + } + + [_padding~="sm:y-6"], +[_p~="sm:y-6"] { + padding-top: 30px; + padding-bottom: 30px; + } + + [_padding~="sm:x-6"], +[_p~="sm:x-6"] { + padding-left: 30px; + padding-right: 30px; + } + + [_round~="sm:6"], +[_r~="sm:6"] { + border-radius: 30px; + } + + [_margin~="sm:7"], +[_m~="sm:7"] { + margin: 35px; + } + + [_margin~="sm:t-7"], +[_m~="sm:t-7"] { + margin-top: 35px; + } + + [_margin~="sm:b-7"], +[_m~="sm:b-7"] { + margin-bottom: 35px; + } + + [_margin~="sm:l-7"], +[_m~="sm:l-7"] { + margin-left: 35px; + } + + [_margin~="sm:r-7"], +[_m~="sm:r-7"] { + margin-right: 35px; + } + + [_margin~="sm:y-7"], +[_m~="sm:y-7"] { + margin-top: 35px; + margin-bottom: 35px; + } + + [_margin~="sm:x-7"], +[_m~="sm:x-7"] { + margin-left: 35px; + margin-right: 35px; + } + + [_padding~="sm:7"], +[_p~="sm:7"] { + padding: 35px; + } + + [_padding~="sm:t-7"], +[_p~="sm:t-7"] { + padding-top: 35px; + } + + [_padding~="sm:b-7"], +[_p~="sm:b-7"] { + padding-bottom: 35px; + } + + [_padding~="sm:l-7"], +[_p~="sm:l-7"] { + padding-left: 35px; + } + + [_padding~="sm:r-7"], +[_p~="sm:r-7"] { + padding-right: 35px; + } + + [_padding~="sm:y-7"], +[_p~="sm:y-7"] { + padding-top: 35px; + padding-bottom: 35px; + } + + [_padding~="sm:x-7"], +[_p~="sm:x-7"] { + padding-left: 35px; + padding-right: 35px; + } + + [_round~="sm:7"], +[_r~="sm:7"] { + border-radius: 35px; + } + + [_margin~="sm:8"], +[_m~="sm:8"] { + margin: 40px; + } + + [_margin~="sm:t-8"], +[_m~="sm:t-8"] { + margin-top: 40px; + } + + [_margin~="sm:b-8"], +[_m~="sm:b-8"] { + margin-bottom: 40px; + } + + [_margin~="sm:l-8"], +[_m~="sm:l-8"] { + margin-left: 40px; + } + + [_margin~="sm:r-8"], +[_m~="sm:r-8"] { + margin-right: 40px; + } + + [_margin~="sm:y-8"], +[_m~="sm:y-8"] { + margin-top: 40px; + margin-bottom: 40px; + } + + [_margin~="sm:x-8"], +[_m~="sm:x-8"] { + margin-left: 40px; + margin-right: 40px; + } + + [_padding~="sm:8"], +[_p~="sm:8"] { + padding: 40px; + } + + [_padding~="sm:t-8"], +[_p~="sm:t-8"] { + padding-top: 40px; + } + + [_padding~="sm:b-8"], +[_p~="sm:b-8"] { + padding-bottom: 40px; + } + + [_padding~="sm:l-8"], +[_p~="sm:l-8"] { + padding-left: 40px; + } + + [_padding~="sm:r-8"], +[_p~="sm:r-8"] { + padding-right: 40px; + } + + [_padding~="sm:y-8"], +[_p~="sm:y-8"] { + padding-top: 40px; + padding-bottom: 40px; + } + + [_padding~="sm:x-8"], +[_p~="sm:x-8"] { + padding-left: 40px; + padding-right: 40px; + } + + [_round~="sm:8"], +[_r~="sm:8"] { + border-radius: 40px; + } + + [_margin~="sm:9"], +[_m~="sm:9"] { + margin: 45px; + } + + [_margin~="sm:t-9"], +[_m~="sm:t-9"] { + margin-top: 45px; + } + + [_margin~="sm:b-9"], +[_m~="sm:b-9"] { + margin-bottom: 45px; + } + + [_margin~="sm:l-9"], +[_m~="sm:l-9"] { + margin-left: 45px; + } + + [_margin~="sm:r-9"], +[_m~="sm:r-9"] { + margin-right: 45px; + } + + [_margin~="sm:y-9"], +[_m~="sm:y-9"] { + margin-top: 45px; + margin-bottom: 45px; + } + + [_margin~="sm:x-9"], +[_m~="sm:x-9"] { + margin-left: 45px; + margin-right: 45px; + } + + [_padding~="sm:9"], +[_p~="sm:9"] { + padding: 45px; + } + + [_padding~="sm:t-9"], +[_p~="sm:t-9"] { + padding-top: 45px; + } + + [_padding~="sm:b-9"], +[_p~="sm:b-9"] { + padding-bottom: 45px; + } + + [_padding~="sm:l-9"], +[_p~="sm:l-9"] { + padding-left: 45px; + } + + [_padding~="sm:r-9"], +[_p~="sm:r-9"] { + padding-right: 45px; + } + + [_padding~="sm:y-9"], +[_p~="sm:y-9"] { + padding-top: 45px; + padding-bottom: 45px; + } + + [_padding~="sm:x-9"], +[_p~="sm:x-9"] { + padding-left: 45px; + padding-right: 45px; + } + + [_round~="sm:9"], +[_r~="sm:9"] { + border-radius: 45px; + } + + [_margin~="sm:10"], +[_m~="sm:10"] { + margin: 50px; + } + + [_margin~="sm:t-10"], +[_m~="sm:t-10"] { + margin-top: 50px; + } + + [_margin~="sm:b-10"], +[_m~="sm:b-10"] { + margin-bottom: 50px; + } + + [_margin~="sm:l-10"], +[_m~="sm:l-10"] { + margin-left: 50px; + } + + [_margin~="sm:r-10"], +[_m~="sm:r-10"] { + margin-right: 50px; + } + + [_margin~="sm:y-10"], +[_m~="sm:y-10"] { + margin-top: 50px; + margin-bottom: 50px; + } + + [_margin~="sm:x-10"], +[_m~="sm:x-10"] { + margin-left: 50px; + margin-right: 50px; + } + + [_padding~="sm:10"], +[_p~="sm:10"] { + padding: 50px; + } + + [_padding~="sm:t-10"], +[_p~="sm:t-10"] { + padding-top: 50px; + } + + [_padding~="sm:b-10"], +[_p~="sm:b-10"] { + padding-bottom: 50px; + } + + [_padding~="sm:l-10"], +[_p~="sm:l-10"] { + padding-left: 50px; + } + + [_padding~="sm:r-10"], +[_p~="sm:r-10"] { + padding-right: 50px; + } + + [_padding~="sm:y-10"], +[_p~="sm:y-10"] { + padding-top: 50px; + padding-bottom: 50px; + } + + [_padding~="sm:x-10"], +[_p~="sm:x-10"] { + padding-left: 50px; + padding-right: 50px; + } + + [_round~="sm:10"], +[_r~="sm:10"] { + border-radius: 50px; + } +} +@media screen and (min-width: 770px) { + [_margin], +[_m] { + margin: 5px; + } + + [_padding], +[_p] { + padding: 5px; + } + + [_round], +[_r] { + border-radius: 5px; + } + + [_margin~="md:0"], +[_m~="md:0"] { + margin: 0px; + } + + [_margin~="md:t-0"], +[_m~="md:t-0"] { + margin-top: 0px; + } + + [_margin~="md:b-0"], +[_m~="md:b-0"] { + margin-bottom: 0px; + } + + [_margin~="md:l-0"], +[_m~="md:l-0"] { + margin-left: 0px; + } + + [_margin~="md:r-0"], +[_m~="md:r-0"] { + margin-right: 0px; + } + + [_margin~="md:y-0"], +[_m~="md:y-0"] { + margin-top: 0px; + margin-bottom: 0px; + } + + [_margin~="md:x-0"], +[_m~="md:x-0"] { + margin-left: 0px; + margin-right: 0px; + } + + [_padding~="md:0"], +[_p~="md:0"] { + padding: 0px; + } + + [_padding~="md:t-0"], +[_p~="md:t-0"] { + padding-top: 0px; + } + + [_padding~="md:b-0"], +[_p~="md:b-0"] { + padding-bottom: 0px; + } + + [_padding~="md:l-0"], +[_p~="md:l-0"] { + padding-left: 0px; + } + + [_padding~="md:r-0"], +[_p~="md:r-0"] { + padding-right: 0px; + } + + [_padding~="md:y-0"], +[_p~="md:y-0"] { + padding-top: 0px; + padding-bottom: 0px; + } + + [_padding~="md:x-0"], +[_p~="md:x-0"] { + padding-left: 0px; + padding-right: 0px; + } + + [_round~="md:0"], +[_r~="md:0"] { + border-radius: 0px; + } + + [_margin~="md:1"], +[_m~="md:1"] { + margin: 5px; + } + + [_margin~="md:t-1"], +[_m~="md:t-1"] { + margin-top: 5px; + } + + [_margin~="md:b-1"], +[_m~="md:b-1"] { + margin-bottom: 5px; + } + + [_margin~="md:l-1"], +[_m~="md:l-1"] { + margin-left: 5px; + } + + [_margin~="md:r-1"], +[_m~="md:r-1"] { + margin-right: 5px; + } + + [_margin~="md:y-1"], +[_m~="md:y-1"] { + margin-top: 5px; + margin-bottom: 5px; + } + + [_margin~="md:x-1"], +[_m~="md:x-1"] { + margin-left: 5px; + margin-right: 5px; + } + + [_padding~="md:1"], +[_p~="md:1"] { + padding: 5px; + } + + [_padding~="md:t-1"], +[_p~="md:t-1"] { + padding-top: 5px; + } + + [_padding~="md:b-1"], +[_p~="md:b-1"] { + padding-bottom: 5px; + } + + [_padding~="md:l-1"], +[_p~="md:l-1"] { + padding-left: 5px; + } + + [_padding~="md:r-1"], +[_p~="md:r-1"] { + padding-right: 5px; + } + + [_padding~="md:y-1"], +[_p~="md:y-1"] { + padding-top: 5px; + padding-bottom: 5px; + } + + [_padding~="md:x-1"], +[_p~="md:x-1"] { + padding-left: 5px; + padding-right: 5px; + } + + [_round~="md:1"], +[_r~="md:1"] { + border-radius: 5px; + } + + [_margin~="md:2"], +[_m~="md:2"] { + margin: 10px; + } + + [_margin~="md:t-2"], +[_m~="md:t-2"] { + margin-top: 10px; + } + + [_margin~="md:b-2"], +[_m~="md:b-2"] { + margin-bottom: 10px; + } + + [_margin~="md:l-2"], +[_m~="md:l-2"] { + margin-left: 10px; + } + + [_margin~="md:r-2"], +[_m~="md:r-2"] { + margin-right: 10px; + } + + [_margin~="md:y-2"], +[_m~="md:y-2"] { + margin-top: 10px; + margin-bottom: 10px; + } + + [_margin~="md:x-2"], +[_m~="md:x-2"] { + margin-left: 10px; + margin-right: 10px; + } + + [_padding~="md:2"], +[_p~="md:2"] { + padding: 10px; + } + + [_padding~="md:t-2"], +[_p~="md:t-2"] { + padding-top: 10px; + } + + [_padding~="md:b-2"], +[_p~="md:b-2"] { + padding-bottom: 10px; + } + + [_padding~="md:l-2"], +[_p~="md:l-2"] { + padding-left: 10px; + } + + [_padding~="md:r-2"], +[_p~="md:r-2"] { + padding-right: 10px; + } + + [_padding~="md:y-2"], +[_p~="md:y-2"] { + padding-top: 10px; + padding-bottom: 10px; + } + + [_padding~="md:x-2"], +[_p~="md:x-2"] { + padding-left: 10px; + padding-right: 10px; + } + + [_round~="md:2"], +[_r~="md:2"] { + border-radius: 10px; + } + + [_margin~="md:3"], +[_m~="md:3"] { + margin: 15px; + } + + [_margin~="md:t-3"], +[_m~="md:t-3"] { + margin-top: 15px; + } + + [_margin~="md:b-3"], +[_m~="md:b-3"] { + margin-bottom: 15px; + } + + [_margin~="md:l-3"], +[_m~="md:l-3"] { + margin-left: 15px; + } + + [_margin~="md:r-3"], +[_m~="md:r-3"] { + margin-right: 15px; + } + + [_margin~="md:y-3"], +[_m~="md:y-3"] { + margin-top: 15px; + margin-bottom: 15px; + } + + [_margin~="md:x-3"], +[_m~="md:x-3"] { + margin-left: 15px; + margin-right: 15px; + } + + [_padding~="md:3"], +[_p~="md:3"] { + padding: 15px; + } + + [_padding~="md:t-3"], +[_p~="md:t-3"] { + padding-top: 15px; + } + + [_padding~="md:b-3"], +[_p~="md:b-3"] { + padding-bottom: 15px; + } + + [_padding~="md:l-3"], +[_p~="md:l-3"] { + padding-left: 15px; + } + + [_padding~="md:r-3"], +[_p~="md:r-3"] { + padding-right: 15px; + } + + [_padding~="md:y-3"], +[_p~="md:y-3"] { + padding-top: 15px; + padding-bottom: 15px; + } + + [_padding~="md:x-3"], +[_p~="md:x-3"] { + padding-left: 15px; + padding-right: 15px; + } + + [_round~="md:3"], +[_r~="md:3"] { + border-radius: 15px; + } + + [_margin~="md:4"], +[_m~="md:4"] { + margin: 20px; + } + + [_margin~="md:t-4"], +[_m~="md:t-4"] { + margin-top: 20px; + } + + [_margin~="md:b-4"], +[_m~="md:b-4"] { + margin-bottom: 20px; + } + + [_margin~="md:l-4"], +[_m~="md:l-4"] { + margin-left: 20px; + } + + [_margin~="md:r-4"], +[_m~="md:r-4"] { + margin-right: 20px; + } + + [_margin~="md:y-4"], +[_m~="md:y-4"] { + margin-top: 20px; + margin-bottom: 20px; + } + + [_margin~="md:x-4"], +[_m~="md:x-4"] { + margin-left: 20px; + margin-right: 20px; + } + + [_padding~="md:4"], +[_p~="md:4"] { + padding: 20px; + } + + [_padding~="md:t-4"], +[_p~="md:t-4"] { + padding-top: 20px; + } + + [_padding~="md:b-4"], +[_p~="md:b-4"] { + padding-bottom: 20px; + } + + [_padding~="md:l-4"], +[_p~="md:l-4"] { + padding-left: 20px; + } + + [_padding~="md:r-4"], +[_p~="md:r-4"] { + padding-right: 20px; + } + + [_padding~="md:y-4"], +[_p~="md:y-4"] { + padding-top: 20px; + padding-bottom: 20px; + } + + [_padding~="md:x-4"], +[_p~="md:x-4"] { + padding-left: 20px; + padding-right: 20px; + } + + [_round~="md:4"], +[_r~="md:4"] { + border-radius: 20px; + } + + [_margin~="md:5"], +[_m~="md:5"] { + margin: 25px; + } + + [_margin~="md:t-5"], +[_m~="md:t-5"] { + margin-top: 25px; + } + + [_margin~="md:b-5"], +[_m~="md:b-5"] { + margin-bottom: 25px; + } + + [_margin~="md:l-5"], +[_m~="md:l-5"] { + margin-left: 25px; + } + + [_margin~="md:r-5"], +[_m~="md:r-5"] { + margin-right: 25px; + } + + [_margin~="md:y-5"], +[_m~="md:y-5"] { + margin-top: 25px; + margin-bottom: 25px; + } + + [_margin~="md:x-5"], +[_m~="md:x-5"] { + margin-left: 25px; + margin-right: 25px; + } + + [_padding~="md:5"], +[_p~="md:5"] { + padding: 25px; + } + + [_padding~="md:t-5"], +[_p~="md:t-5"] { + padding-top: 25px; + } + + [_padding~="md:b-5"], +[_p~="md:b-5"] { + padding-bottom: 25px; + } + + [_padding~="md:l-5"], +[_p~="md:l-5"] { + padding-left: 25px; + } + + [_padding~="md:r-5"], +[_p~="md:r-5"] { + padding-right: 25px; + } + + [_padding~="md:y-5"], +[_p~="md:y-5"] { + padding-top: 25px; + padding-bottom: 25px; + } + + [_padding~="md:x-5"], +[_p~="md:x-5"] { + padding-left: 25px; + padding-right: 25px; + } + + [_round~="md:5"], +[_r~="md:5"] { + border-radius: 25px; + } + + [_margin~="md:6"], +[_m~="md:6"] { + margin: 30px; + } + + [_margin~="md:t-6"], +[_m~="md:t-6"] { + margin-top: 30px; + } + + [_margin~="md:b-6"], +[_m~="md:b-6"] { + margin-bottom: 30px; + } + + [_margin~="md:l-6"], +[_m~="md:l-6"] { + margin-left: 30px; + } + + [_margin~="md:r-6"], +[_m~="md:r-6"] { + margin-right: 30px; + } + + [_margin~="md:y-6"], +[_m~="md:y-6"] { + margin-top: 30px; + margin-bottom: 30px; + } + + [_margin~="md:x-6"], +[_m~="md:x-6"] { + margin-left: 30px; + margin-right: 30px; + } + + [_padding~="md:6"], +[_p~="md:6"] { + padding: 30px; + } + + [_padding~="md:t-6"], +[_p~="md:t-6"] { + padding-top: 30px; + } + + [_padding~="md:b-6"], +[_p~="md:b-6"] { + padding-bottom: 30px; + } + + [_padding~="md:l-6"], +[_p~="md:l-6"] { + padding-left: 30px; + } + + [_padding~="md:r-6"], +[_p~="md:r-6"] { + padding-right: 30px; + } + + [_padding~="md:y-6"], +[_p~="md:y-6"] { + padding-top: 30px; + padding-bottom: 30px; + } + + [_padding~="md:x-6"], +[_p~="md:x-6"] { + padding-left: 30px; + padding-right: 30px; + } + + [_round~="md:6"], +[_r~="md:6"] { + border-radius: 30px; + } + + [_margin~="md:7"], +[_m~="md:7"] { + margin: 35px; + } + + [_margin~="md:t-7"], +[_m~="md:t-7"] { + margin-top: 35px; + } + + [_margin~="md:b-7"], +[_m~="md:b-7"] { + margin-bottom: 35px; + } + + [_margin~="md:l-7"], +[_m~="md:l-7"] { + margin-left: 35px; + } + + [_margin~="md:r-7"], +[_m~="md:r-7"] { + margin-right: 35px; + } + + [_margin~="md:y-7"], +[_m~="md:y-7"] { + margin-top: 35px; + margin-bottom: 35px; + } + + [_margin~="md:x-7"], +[_m~="md:x-7"] { + margin-left: 35px; + margin-right: 35px; + } + + [_padding~="md:7"], +[_p~="md:7"] { + padding: 35px; + } + + [_padding~="md:t-7"], +[_p~="md:t-7"] { + padding-top: 35px; + } + + [_padding~="md:b-7"], +[_p~="md:b-7"] { + padding-bottom: 35px; + } + + [_padding~="md:l-7"], +[_p~="md:l-7"] { + padding-left: 35px; + } + + [_padding~="md:r-7"], +[_p~="md:r-7"] { + padding-right: 35px; + } + + [_padding~="md:y-7"], +[_p~="md:y-7"] { + padding-top: 35px; + padding-bottom: 35px; + } + + [_padding~="md:x-7"], +[_p~="md:x-7"] { + padding-left: 35px; + padding-right: 35px; + } + + [_round~="md:7"], +[_r~="md:7"] { + border-radius: 35px; + } + + [_margin~="md:8"], +[_m~="md:8"] { + margin: 40px; + } + + [_margin~="md:t-8"], +[_m~="md:t-8"] { + margin-top: 40px; + } + + [_margin~="md:b-8"], +[_m~="md:b-8"] { + margin-bottom: 40px; + } + + [_margin~="md:l-8"], +[_m~="md:l-8"] { + margin-left: 40px; + } + + [_margin~="md:r-8"], +[_m~="md:r-8"] { + margin-right: 40px; + } + + [_margin~="md:y-8"], +[_m~="md:y-8"] { + margin-top: 40px; + margin-bottom: 40px; + } + + [_margin~="md:x-8"], +[_m~="md:x-8"] { + margin-left: 40px; + margin-right: 40px; + } + + [_padding~="md:8"], +[_p~="md:8"] { + padding: 40px; + } + + [_padding~="md:t-8"], +[_p~="md:t-8"] { + padding-top: 40px; + } + + [_padding~="md:b-8"], +[_p~="md:b-8"] { + padding-bottom: 40px; + } + + [_padding~="md:l-8"], +[_p~="md:l-8"] { + padding-left: 40px; + } + + [_padding~="md:r-8"], +[_p~="md:r-8"] { + padding-right: 40px; + } + + [_padding~="md:y-8"], +[_p~="md:y-8"] { + padding-top: 40px; + padding-bottom: 40px; + } + + [_padding~="md:x-8"], +[_p~="md:x-8"] { + padding-left: 40px; + padding-right: 40px; + } + + [_round~="md:8"], +[_r~="md:8"] { + border-radius: 40px; + } + + [_margin~="md:9"], +[_m~="md:9"] { + margin: 45px; + } + + [_margin~="md:t-9"], +[_m~="md:t-9"] { + margin-top: 45px; + } + + [_margin~="md:b-9"], +[_m~="md:b-9"] { + margin-bottom: 45px; + } + + [_margin~="md:l-9"], +[_m~="md:l-9"] { + margin-left: 45px; + } + + [_margin~="md:r-9"], +[_m~="md:r-9"] { + margin-right: 45px; + } + + [_margin~="md:y-9"], +[_m~="md:y-9"] { + margin-top: 45px; + margin-bottom: 45px; + } + + [_margin~="md:x-9"], +[_m~="md:x-9"] { + margin-left: 45px; + margin-right: 45px; + } + + [_padding~="md:9"], +[_p~="md:9"] { + padding: 45px; + } + + [_padding~="md:t-9"], +[_p~="md:t-9"] { + padding-top: 45px; + } + + [_padding~="md:b-9"], +[_p~="md:b-9"] { + padding-bottom: 45px; + } + + [_padding~="md:l-9"], +[_p~="md:l-9"] { + padding-left: 45px; + } + + [_padding~="md:r-9"], +[_p~="md:r-9"] { + padding-right: 45px; + } + + [_padding~="md:y-9"], +[_p~="md:y-9"] { + padding-top: 45px; + padding-bottom: 45px; + } + + [_padding~="md:x-9"], +[_p~="md:x-9"] { + padding-left: 45px; + padding-right: 45px; + } + + [_round~="md:9"], +[_r~="md:9"] { + border-radius: 45px; + } + + [_margin~="md:10"], +[_m~="md:10"] { + margin: 50px; + } + + [_margin~="md:t-10"], +[_m~="md:t-10"] { + margin-top: 50px; + } + + [_margin~="md:b-10"], +[_m~="md:b-10"] { + margin-bottom: 50px; + } + + [_margin~="md:l-10"], +[_m~="md:l-10"] { + margin-left: 50px; + } + + [_margin~="md:r-10"], +[_m~="md:r-10"] { + margin-right: 50px; + } + + [_margin~="md:y-10"], +[_m~="md:y-10"] { + margin-top: 50px; + margin-bottom: 50px; + } + + [_margin~="md:x-10"], +[_m~="md:x-10"] { + margin-left: 50px; + margin-right: 50px; + } + + [_padding~="md:10"], +[_p~="md:10"] { + padding: 50px; + } + + [_padding~="md:t-10"], +[_p~="md:t-10"] { + padding-top: 50px; + } + + [_padding~="md:b-10"], +[_p~="md:b-10"] { + padding-bottom: 50px; + } + + [_padding~="md:l-10"], +[_p~="md:l-10"] { + padding-left: 50px; + } + + [_padding~="md:r-10"], +[_p~="md:r-10"] { + padding-right: 50px; + } + + [_padding~="md:y-10"], +[_p~="md:y-10"] { + padding-top: 50px; + padding-bottom: 50px; + } + + [_padding~="md:x-10"], +[_p~="md:x-10"] { + padding-left: 50px; + padding-right: 50px; + } + + [_round~="md:10"], +[_r~="md:10"] { + border-radius: 50px; + } +} +@media screen and (min-width: 990px) { + [_margin], +[_m] { + margin: 5px; + } + + [_padding], +[_p] { + padding: 5px; + } + + [_round], +[_r] { + border-radius: 5px; + } + + [_margin~="lg:0"], +[_m~="lg:0"] { + margin: 0px; + } + + [_margin~="lg:t-0"], +[_m~="lg:t-0"] { + margin-top: 0px; + } + + [_margin~="lg:b-0"], +[_m~="lg:b-0"] { + margin-bottom: 0px; + } + + [_margin~="lg:l-0"], +[_m~="lg:l-0"] { + margin-left: 0px; + } + + [_margin~="lg:r-0"], +[_m~="lg:r-0"] { + margin-right: 0px; + } + + [_margin~="lg:y-0"], +[_m~="lg:y-0"] { + margin-top: 0px; + margin-bottom: 0px; + } + + [_margin~="lg:x-0"], +[_m~="lg:x-0"] { + margin-left: 0px; + margin-right: 0px; + } + + [_padding~="lg:0"], +[_p~="lg:0"] { + padding: 0px; + } + + [_padding~="lg:t-0"], +[_p~="lg:t-0"] { + padding-top: 0px; + } + + [_padding~="lg:b-0"], +[_p~="lg:b-0"] { + padding-bottom: 0px; + } + + [_padding~="lg:l-0"], +[_p~="lg:l-0"] { + padding-left: 0px; + } + + [_padding~="lg:r-0"], +[_p~="lg:r-0"] { + padding-right: 0px; + } + + [_padding~="lg:y-0"], +[_p~="lg:y-0"] { + padding-top: 0px; + padding-bottom: 0px; + } + + [_padding~="lg:x-0"], +[_p~="lg:x-0"] { + padding-left: 0px; + padding-right: 0px; + } + + [_round~="lg:0"], +[_r~="lg:0"] { + border-radius: 0px; + } + + [_margin~="lg:1"], +[_m~="lg:1"] { + margin: 5px; + } + + [_margin~="lg:t-1"], +[_m~="lg:t-1"] { + margin-top: 5px; + } + + [_margin~="lg:b-1"], +[_m~="lg:b-1"] { + margin-bottom: 5px; + } + + [_margin~="lg:l-1"], +[_m~="lg:l-1"] { + margin-left: 5px; + } + + [_margin~="lg:r-1"], +[_m~="lg:r-1"] { + margin-right: 5px; + } + + [_margin~="lg:y-1"], +[_m~="lg:y-1"] { + margin-top: 5px; + margin-bottom: 5px; + } + + [_margin~="lg:x-1"], +[_m~="lg:x-1"] { + margin-left: 5px; + margin-right: 5px; + } + + [_padding~="lg:1"], +[_p~="lg:1"] { + padding: 5px; + } + + [_padding~="lg:t-1"], +[_p~="lg:t-1"] { + padding-top: 5px; + } + + [_padding~="lg:b-1"], +[_p~="lg:b-1"] { + padding-bottom: 5px; + } + + [_padding~="lg:l-1"], +[_p~="lg:l-1"] { + padding-left: 5px; + } + + [_padding~="lg:r-1"], +[_p~="lg:r-1"] { + padding-right: 5px; + } + + [_padding~="lg:y-1"], +[_p~="lg:y-1"] { + padding-top: 5px; + padding-bottom: 5px; + } + + [_padding~="lg:x-1"], +[_p~="lg:x-1"] { + padding-left: 5px; + padding-right: 5px; + } + + [_round~="lg:1"], +[_r~="lg:1"] { + border-radius: 5px; + } + + [_margin~="lg:2"], +[_m~="lg:2"] { + margin: 10px; + } + + [_margin~="lg:t-2"], +[_m~="lg:t-2"] { + margin-top: 10px; + } + + [_margin~="lg:b-2"], +[_m~="lg:b-2"] { + margin-bottom: 10px; + } + + [_margin~="lg:l-2"], +[_m~="lg:l-2"] { + margin-left: 10px; + } + + [_margin~="lg:r-2"], +[_m~="lg:r-2"] { + margin-right: 10px; + } + + [_margin~="lg:y-2"], +[_m~="lg:y-2"] { + margin-top: 10px; + margin-bottom: 10px; + } + + [_margin~="lg:x-2"], +[_m~="lg:x-2"] { + margin-left: 10px; + margin-right: 10px; + } + + [_padding~="lg:2"], +[_p~="lg:2"] { + padding: 10px; + } + + [_padding~="lg:t-2"], +[_p~="lg:t-2"] { + padding-top: 10px; + } + + [_padding~="lg:b-2"], +[_p~="lg:b-2"] { + padding-bottom: 10px; + } + + [_padding~="lg:l-2"], +[_p~="lg:l-2"] { + padding-left: 10px; + } + + [_padding~="lg:r-2"], +[_p~="lg:r-2"] { + padding-right: 10px; + } + + [_padding~="lg:y-2"], +[_p~="lg:y-2"] { + padding-top: 10px; + padding-bottom: 10px; + } + + [_padding~="lg:x-2"], +[_p~="lg:x-2"] { + padding-left: 10px; + padding-right: 10px; + } + + [_round~="lg:2"], +[_r~="lg:2"] { + border-radius: 10px; + } + + [_margin~="lg:3"], +[_m~="lg:3"] { + margin: 15px; + } + + [_margin~="lg:t-3"], +[_m~="lg:t-3"] { + margin-top: 15px; + } + + [_margin~="lg:b-3"], +[_m~="lg:b-3"] { + margin-bottom: 15px; + } + + [_margin~="lg:l-3"], +[_m~="lg:l-3"] { + margin-left: 15px; + } + + [_margin~="lg:r-3"], +[_m~="lg:r-3"] { + margin-right: 15px; + } + + [_margin~="lg:y-3"], +[_m~="lg:y-3"] { + margin-top: 15px; + margin-bottom: 15px; + } + + [_margin~="lg:x-3"], +[_m~="lg:x-3"] { + margin-left: 15px; + margin-right: 15px; + } + + [_padding~="lg:3"], +[_p~="lg:3"] { + padding: 15px; + } + + [_padding~="lg:t-3"], +[_p~="lg:t-3"] { + padding-top: 15px; + } + + [_padding~="lg:b-3"], +[_p~="lg:b-3"] { + padding-bottom: 15px; + } + + [_padding~="lg:l-3"], +[_p~="lg:l-3"] { + padding-left: 15px; + } + + [_padding~="lg:r-3"], +[_p~="lg:r-3"] { + padding-right: 15px; + } + + [_padding~="lg:y-3"], +[_p~="lg:y-3"] { + padding-top: 15px; + padding-bottom: 15px; + } + + [_padding~="lg:x-3"], +[_p~="lg:x-3"] { + padding-left: 15px; + padding-right: 15px; + } + + [_round~="lg:3"], +[_r~="lg:3"] { + border-radius: 15px; + } + + [_margin~="lg:4"], +[_m~="lg:4"] { + margin: 20px; + } + + [_margin~="lg:t-4"], +[_m~="lg:t-4"] { + margin-top: 20px; + } + + [_margin~="lg:b-4"], +[_m~="lg:b-4"] { + margin-bottom: 20px; + } + + [_margin~="lg:l-4"], +[_m~="lg:l-4"] { + margin-left: 20px; + } + + [_margin~="lg:r-4"], +[_m~="lg:r-4"] { + margin-right: 20px; + } + + [_margin~="lg:y-4"], +[_m~="lg:y-4"] { + margin-top: 20px; + margin-bottom: 20px; + } + + [_margin~="lg:x-4"], +[_m~="lg:x-4"] { + margin-left: 20px; + margin-right: 20px; + } + + [_padding~="lg:4"], +[_p~="lg:4"] { + padding: 20px; + } + + [_padding~="lg:t-4"], +[_p~="lg:t-4"] { + padding-top: 20px; + } + + [_padding~="lg:b-4"], +[_p~="lg:b-4"] { + padding-bottom: 20px; + } + + [_padding~="lg:l-4"], +[_p~="lg:l-4"] { + padding-left: 20px; + } + + [_padding~="lg:r-4"], +[_p~="lg:r-4"] { + padding-right: 20px; + } + + [_padding~="lg:y-4"], +[_p~="lg:y-4"] { + padding-top: 20px; + padding-bottom: 20px; + } + + [_padding~="lg:x-4"], +[_p~="lg:x-4"] { + padding-left: 20px; + padding-right: 20px; + } + + [_round~="lg:4"], +[_r~="lg:4"] { + border-radius: 20px; + } + + [_margin~="lg:5"], +[_m~="lg:5"] { + margin: 25px; + } + + [_margin~="lg:t-5"], +[_m~="lg:t-5"] { + margin-top: 25px; + } + + [_margin~="lg:b-5"], +[_m~="lg:b-5"] { + margin-bottom: 25px; + } + + [_margin~="lg:l-5"], +[_m~="lg:l-5"] { + margin-left: 25px; + } + + [_margin~="lg:r-5"], +[_m~="lg:r-5"] { + margin-right: 25px; + } + + [_margin~="lg:y-5"], +[_m~="lg:y-5"] { + margin-top: 25px; + margin-bottom: 25px; + } + + [_margin~="lg:x-5"], +[_m~="lg:x-5"] { + margin-left: 25px; + margin-right: 25px; + } + + [_padding~="lg:5"], +[_p~="lg:5"] { + padding: 25px; + } + + [_padding~="lg:t-5"], +[_p~="lg:t-5"] { + padding-top: 25px; + } + + [_padding~="lg:b-5"], +[_p~="lg:b-5"] { + padding-bottom: 25px; + } + + [_padding~="lg:l-5"], +[_p~="lg:l-5"] { + padding-left: 25px; + } + + [_padding~="lg:r-5"], +[_p~="lg:r-5"] { + padding-right: 25px; + } + + [_padding~="lg:y-5"], +[_p~="lg:y-5"] { + padding-top: 25px; + padding-bottom: 25px; + } + + [_padding~="lg:x-5"], +[_p~="lg:x-5"] { + padding-left: 25px; + padding-right: 25px; + } + + [_round~="lg:5"], +[_r~="lg:5"] { + border-radius: 25px; + } + + [_margin~="lg:6"], +[_m~="lg:6"] { + margin: 30px; + } + + [_margin~="lg:t-6"], +[_m~="lg:t-6"] { + margin-top: 30px; + } + + [_margin~="lg:b-6"], +[_m~="lg:b-6"] { + margin-bottom: 30px; + } + + [_margin~="lg:l-6"], +[_m~="lg:l-6"] { + margin-left: 30px; + } + + [_margin~="lg:r-6"], +[_m~="lg:r-6"] { + margin-right: 30px; + } + + [_margin~="lg:y-6"], +[_m~="lg:y-6"] { + margin-top: 30px; + margin-bottom: 30px; + } + + [_margin~="lg:x-6"], +[_m~="lg:x-6"] { + margin-left: 30px; + margin-right: 30px; + } + + [_padding~="lg:6"], +[_p~="lg:6"] { + padding: 30px; + } + + [_padding~="lg:t-6"], +[_p~="lg:t-6"] { + padding-top: 30px; + } + + [_padding~="lg:b-6"], +[_p~="lg:b-6"] { + padding-bottom: 30px; + } + + [_padding~="lg:l-6"], +[_p~="lg:l-6"] { + padding-left: 30px; + } + + [_padding~="lg:r-6"], +[_p~="lg:r-6"] { + padding-right: 30px; + } + + [_padding~="lg:y-6"], +[_p~="lg:y-6"] { + padding-top: 30px; + padding-bottom: 30px; + } + + [_padding~="lg:x-6"], +[_p~="lg:x-6"] { + padding-left: 30px; + padding-right: 30px; + } + + [_round~="lg:6"], +[_r~="lg:6"] { + border-radius: 30px; + } + + [_margin~="lg:7"], +[_m~="lg:7"] { + margin: 35px; + } + + [_margin~="lg:t-7"], +[_m~="lg:t-7"] { + margin-top: 35px; + } + + [_margin~="lg:b-7"], +[_m~="lg:b-7"] { + margin-bottom: 35px; + } + + [_margin~="lg:l-7"], +[_m~="lg:l-7"] { + margin-left: 35px; + } + + [_margin~="lg:r-7"], +[_m~="lg:r-7"] { + margin-right: 35px; + } + + [_margin~="lg:y-7"], +[_m~="lg:y-7"] { + margin-top: 35px; + margin-bottom: 35px; + } + + [_margin~="lg:x-7"], +[_m~="lg:x-7"] { + margin-left: 35px; + margin-right: 35px; + } + + [_padding~="lg:7"], +[_p~="lg:7"] { + padding: 35px; + } + + [_padding~="lg:t-7"], +[_p~="lg:t-7"] { + padding-top: 35px; + } + + [_padding~="lg:b-7"], +[_p~="lg:b-7"] { + padding-bottom: 35px; + } + + [_padding~="lg:l-7"], +[_p~="lg:l-7"] { + padding-left: 35px; + } + + [_padding~="lg:r-7"], +[_p~="lg:r-7"] { + padding-right: 35px; + } + + [_padding~="lg:y-7"], +[_p~="lg:y-7"] { + padding-top: 35px; + padding-bottom: 35px; + } + + [_padding~="lg:x-7"], +[_p~="lg:x-7"] { + padding-left: 35px; + padding-right: 35px; + } + + [_round~="lg:7"], +[_r~="lg:7"] { + border-radius: 35px; + } + + [_margin~="lg:8"], +[_m~="lg:8"] { + margin: 40px; + } + + [_margin~="lg:t-8"], +[_m~="lg:t-8"] { + margin-top: 40px; + } + + [_margin~="lg:b-8"], +[_m~="lg:b-8"] { + margin-bottom: 40px; + } + + [_margin~="lg:l-8"], +[_m~="lg:l-8"] { + margin-left: 40px; + } + + [_margin~="lg:r-8"], +[_m~="lg:r-8"] { + margin-right: 40px; + } + + [_margin~="lg:y-8"], +[_m~="lg:y-8"] { + margin-top: 40px; + margin-bottom: 40px; + } + + [_margin~="lg:x-8"], +[_m~="lg:x-8"] { + margin-left: 40px; + margin-right: 40px; + } + + [_padding~="lg:8"], +[_p~="lg:8"] { + padding: 40px; + } + + [_padding~="lg:t-8"], +[_p~="lg:t-8"] { + padding-top: 40px; + } + + [_padding~="lg:b-8"], +[_p~="lg:b-8"] { + padding-bottom: 40px; + } + + [_padding~="lg:l-8"], +[_p~="lg:l-8"] { + padding-left: 40px; + } + + [_padding~="lg:r-8"], +[_p~="lg:r-8"] { + padding-right: 40px; + } + + [_padding~="lg:y-8"], +[_p~="lg:y-8"] { + padding-top: 40px; + padding-bottom: 40px; + } + + [_padding~="lg:x-8"], +[_p~="lg:x-8"] { + padding-left: 40px; + padding-right: 40px; + } + + [_round~="lg:8"], +[_r~="lg:8"] { + border-radius: 40px; + } + + [_margin~="lg:9"], +[_m~="lg:9"] { + margin: 45px; + } + + [_margin~="lg:t-9"], +[_m~="lg:t-9"] { + margin-top: 45px; + } + + [_margin~="lg:b-9"], +[_m~="lg:b-9"] { + margin-bottom: 45px; + } + + [_margin~="lg:l-9"], +[_m~="lg:l-9"] { + margin-left: 45px; + } + + [_margin~="lg:r-9"], +[_m~="lg:r-9"] { + margin-right: 45px; + } + + [_margin~="lg:y-9"], +[_m~="lg:y-9"] { + margin-top: 45px; + margin-bottom: 45px; + } + + [_margin~="lg:x-9"], +[_m~="lg:x-9"] { + margin-left: 45px; + margin-right: 45px; + } + + [_padding~="lg:9"], +[_p~="lg:9"] { + padding: 45px; + } + + [_padding~="lg:t-9"], +[_p~="lg:t-9"] { + padding-top: 45px; + } + + [_padding~="lg:b-9"], +[_p~="lg:b-9"] { + padding-bottom: 45px; + } + + [_padding~="lg:l-9"], +[_p~="lg:l-9"] { + padding-left: 45px; + } + + [_padding~="lg:r-9"], +[_p~="lg:r-9"] { + padding-right: 45px; + } + + [_padding~="lg:y-9"], +[_p~="lg:y-9"] { + padding-top: 45px; + padding-bottom: 45px; + } + + [_padding~="lg:x-9"], +[_p~="lg:x-9"] { + padding-left: 45px; + padding-right: 45px; + } + + [_round~="lg:9"], +[_r~="lg:9"] { + border-radius: 45px; + } + + [_margin~="lg:10"], +[_m~="lg:10"] { + margin: 50px; + } + + [_margin~="lg:t-10"], +[_m~="lg:t-10"] { + margin-top: 50px; + } + + [_margin~="lg:b-10"], +[_m~="lg:b-10"] { + margin-bottom: 50px; + } + + [_margin~="lg:l-10"], +[_m~="lg:l-10"] { + margin-left: 50px; + } + + [_margin~="lg:r-10"], +[_m~="lg:r-10"] { + margin-right: 50px; + } + + [_margin~="lg:y-10"], +[_m~="lg:y-10"] { + margin-top: 50px; + margin-bottom: 50px; + } + + [_margin~="lg:x-10"], +[_m~="lg:x-10"] { + margin-left: 50px; + margin-right: 50px; + } + + [_padding~="lg:10"], +[_p~="lg:10"] { + padding: 50px; + } + + [_padding~="lg:t-10"], +[_p~="lg:t-10"] { + padding-top: 50px; + } + + [_padding~="lg:b-10"], +[_p~="lg:b-10"] { + padding-bottom: 50px; + } + + [_padding~="lg:l-10"], +[_p~="lg:l-10"] { + padding-left: 50px; + } + + [_padding~="lg:r-10"], +[_p~="lg:r-10"] { + padding-right: 50px; + } + + [_padding~="lg:y-10"], +[_p~="lg:y-10"] { + padding-top: 50px; + padding-bottom: 50px; + } + + [_padding~="lg:x-10"], +[_p~="lg:x-10"] { + padding-left: 50px; + padding-right: 50px; + } + + [_round~="lg:10"], +[_r~="lg:10"] { + border-radius: 50px; + } +} +@media screen and (min-width: 1280px) { + [_margin], +[_m] { + margin: 5px; + } + + [_padding], +[_p] { + padding: 5px; + } + + [_round], +[_r] { + border-radius: 5px; + } + + [_margin~="xl:0"], +[_m~="xl:0"] { + margin: 0px; + } + + [_margin~="xl:t-0"], +[_m~="xl:t-0"] { + margin-top: 0px; + } + + [_margin~="xl:b-0"], +[_m~="xl:b-0"] { + margin-bottom: 0px; + } + + [_margin~="xl:l-0"], +[_m~="xl:l-0"] { + margin-left: 0px; + } + + [_margin~="xl:r-0"], +[_m~="xl:r-0"] { + margin-right: 0px; + } + + [_margin~="xl:y-0"], +[_m~="xl:y-0"] { + margin-top: 0px; + margin-bottom: 0px; + } + + [_margin~="xl:x-0"], +[_m~="xl:x-0"] { + margin-left: 0px; + margin-right: 0px; + } + + [_padding~="xl:0"], +[_p~="xl:0"] { + padding: 0px; + } + + [_padding~="xl:t-0"], +[_p~="xl:t-0"] { + padding-top: 0px; + } + + [_padding~="xl:b-0"], +[_p~="xl:b-0"] { + padding-bottom: 0px; + } + + [_padding~="xl:l-0"], +[_p~="xl:l-0"] { + padding-left: 0px; + } + + [_padding~="xl:r-0"], +[_p~="xl:r-0"] { + padding-right: 0px; + } + + [_padding~="xl:y-0"], +[_p~="xl:y-0"] { + padding-top: 0px; + padding-bottom: 0px; + } + + [_padding~="xl:x-0"], +[_p~="xl:x-0"] { + padding-left: 0px; + padding-right: 0px; + } + + [_round~="xl:0"], +[_r~="xl:0"] { + border-radius: 0px; + } + + [_margin~="xl:1"], +[_m~="xl:1"] { + margin: 5px; + } + + [_margin~="xl:t-1"], +[_m~="xl:t-1"] { + margin-top: 5px; + } + + [_margin~="xl:b-1"], +[_m~="xl:b-1"] { + margin-bottom: 5px; + } + + [_margin~="xl:l-1"], +[_m~="xl:l-1"] { + margin-left: 5px; + } + + [_margin~="xl:r-1"], +[_m~="xl:r-1"] { + margin-right: 5px; + } + + [_margin~="xl:y-1"], +[_m~="xl:y-1"] { + margin-top: 5px; + margin-bottom: 5px; + } + + [_margin~="xl:x-1"], +[_m~="xl:x-1"] { + margin-left: 5px; + margin-right: 5px; + } + + [_padding~="xl:1"], +[_p~="xl:1"] { + padding: 5px; + } + + [_padding~="xl:t-1"], +[_p~="xl:t-1"] { + padding-top: 5px; + } + + [_padding~="xl:b-1"], +[_p~="xl:b-1"] { + padding-bottom: 5px; + } + + [_padding~="xl:l-1"], +[_p~="xl:l-1"] { + padding-left: 5px; + } + + [_padding~="xl:r-1"], +[_p~="xl:r-1"] { + padding-right: 5px; + } + + [_padding~="xl:y-1"], +[_p~="xl:y-1"] { + padding-top: 5px; + padding-bottom: 5px; + } + + [_padding~="xl:x-1"], +[_p~="xl:x-1"] { + padding-left: 5px; + padding-right: 5px; + } + + [_round~="xl:1"], +[_r~="xl:1"] { + border-radius: 5px; + } + + [_margin~="xl:2"], +[_m~="xl:2"] { + margin: 10px; + } + + [_margin~="xl:t-2"], +[_m~="xl:t-2"] { + margin-top: 10px; + } + + [_margin~="xl:b-2"], +[_m~="xl:b-2"] { + margin-bottom: 10px; + } + + [_margin~="xl:l-2"], +[_m~="xl:l-2"] { + margin-left: 10px; + } + + [_margin~="xl:r-2"], +[_m~="xl:r-2"] { + margin-right: 10px; + } + + [_margin~="xl:y-2"], +[_m~="xl:y-2"] { + margin-top: 10px; + margin-bottom: 10px; + } + + [_margin~="xl:x-2"], +[_m~="xl:x-2"] { + margin-left: 10px; + margin-right: 10px; + } + + [_padding~="xl:2"], +[_p~="xl:2"] { + padding: 10px; + } + + [_padding~="xl:t-2"], +[_p~="xl:t-2"] { + padding-top: 10px; + } + + [_padding~="xl:b-2"], +[_p~="xl:b-2"] { + padding-bottom: 10px; + } + + [_padding~="xl:l-2"], +[_p~="xl:l-2"] { + padding-left: 10px; + } + + [_padding~="xl:r-2"], +[_p~="xl:r-2"] { + padding-right: 10px; + } + + [_padding~="xl:y-2"], +[_p~="xl:y-2"] { + padding-top: 10px; + padding-bottom: 10px; + } + + [_padding~="xl:x-2"], +[_p~="xl:x-2"] { + padding-left: 10px; + padding-right: 10px; + } + + [_round~="xl:2"], +[_r~="xl:2"] { + border-radius: 10px; + } + + [_margin~="xl:3"], +[_m~="xl:3"] { + margin: 15px; + } + + [_margin~="xl:t-3"], +[_m~="xl:t-3"] { + margin-top: 15px; + } + + [_margin~="xl:b-3"], +[_m~="xl:b-3"] { + margin-bottom: 15px; + } + + [_margin~="xl:l-3"], +[_m~="xl:l-3"] { + margin-left: 15px; + } + + [_margin~="xl:r-3"], +[_m~="xl:r-3"] { + margin-right: 15px; + } + + [_margin~="xl:y-3"], +[_m~="xl:y-3"] { + margin-top: 15px; + margin-bottom: 15px; + } + + [_margin~="xl:x-3"], +[_m~="xl:x-3"] { + margin-left: 15px; + margin-right: 15px; + } + + [_padding~="xl:3"], +[_p~="xl:3"] { + padding: 15px; + } + + [_padding~="xl:t-3"], +[_p~="xl:t-3"] { + padding-top: 15px; + } + + [_padding~="xl:b-3"], +[_p~="xl:b-3"] { + padding-bottom: 15px; + } + + [_padding~="xl:l-3"], +[_p~="xl:l-3"] { + padding-left: 15px; + } + + [_padding~="xl:r-3"], +[_p~="xl:r-3"] { + padding-right: 15px; + } + + [_padding~="xl:y-3"], +[_p~="xl:y-3"] { + padding-top: 15px; + padding-bottom: 15px; + } + + [_padding~="xl:x-3"], +[_p~="xl:x-3"] { + padding-left: 15px; + padding-right: 15px; + } + + [_round~="xl:3"], +[_r~="xl:3"] { + border-radius: 15px; + } + + [_margin~="xl:4"], +[_m~="xl:4"] { + margin: 20px; + } + + [_margin~="xl:t-4"], +[_m~="xl:t-4"] { + margin-top: 20px; + } + + [_margin~="xl:b-4"], +[_m~="xl:b-4"] { + margin-bottom: 20px; + } + + [_margin~="xl:l-4"], +[_m~="xl:l-4"] { + margin-left: 20px; + } + + [_margin~="xl:r-4"], +[_m~="xl:r-4"] { + margin-right: 20px; + } + + [_margin~="xl:y-4"], +[_m~="xl:y-4"] { + margin-top: 20px; + margin-bottom: 20px; + } + + [_margin~="xl:x-4"], +[_m~="xl:x-4"] { + margin-left: 20px; + margin-right: 20px; + } + + [_padding~="xl:4"], +[_p~="xl:4"] { + padding: 20px; + } + + [_padding~="xl:t-4"], +[_p~="xl:t-4"] { + padding-top: 20px; + } + + [_padding~="xl:b-4"], +[_p~="xl:b-4"] { + padding-bottom: 20px; + } + + [_padding~="xl:l-4"], +[_p~="xl:l-4"] { + padding-left: 20px; + } + + [_padding~="xl:r-4"], +[_p~="xl:r-4"] { + padding-right: 20px; + } + + [_padding~="xl:y-4"], +[_p~="xl:y-4"] { + padding-top: 20px; + padding-bottom: 20px; + } + + [_padding~="xl:x-4"], +[_p~="xl:x-4"] { + padding-left: 20px; + padding-right: 20px; + } + + [_round~="xl:4"], +[_r~="xl:4"] { + border-radius: 20px; + } + + [_margin~="xl:5"], +[_m~="xl:5"] { + margin: 25px; + } + + [_margin~="xl:t-5"], +[_m~="xl:t-5"] { + margin-top: 25px; + } + + [_margin~="xl:b-5"], +[_m~="xl:b-5"] { + margin-bottom: 25px; + } + + [_margin~="xl:l-5"], +[_m~="xl:l-5"] { + margin-left: 25px; + } + + [_margin~="xl:r-5"], +[_m~="xl:r-5"] { + margin-right: 25px; + } + + [_margin~="xl:y-5"], +[_m~="xl:y-5"] { + margin-top: 25px; + margin-bottom: 25px; + } + + [_margin~="xl:x-5"], +[_m~="xl:x-5"] { + margin-left: 25px; + margin-right: 25px; + } + + [_padding~="xl:5"], +[_p~="xl:5"] { + padding: 25px; + } + + [_padding~="xl:t-5"], +[_p~="xl:t-5"] { + padding-top: 25px; + } + + [_padding~="xl:b-5"], +[_p~="xl:b-5"] { + padding-bottom: 25px; + } + + [_padding~="xl:l-5"], +[_p~="xl:l-5"] { + padding-left: 25px; + } + + [_padding~="xl:r-5"], +[_p~="xl:r-5"] { + padding-right: 25px; + } + + [_padding~="xl:y-5"], +[_p~="xl:y-5"] { + padding-top: 25px; + padding-bottom: 25px; + } + + [_padding~="xl:x-5"], +[_p~="xl:x-5"] { + padding-left: 25px; + padding-right: 25px; + } + + [_round~="xl:5"], +[_r~="xl:5"] { + border-radius: 25px; + } + + [_margin~="xl:6"], +[_m~="xl:6"] { + margin: 30px; + } + + [_margin~="xl:t-6"], +[_m~="xl:t-6"] { + margin-top: 30px; + } + + [_margin~="xl:b-6"], +[_m~="xl:b-6"] { + margin-bottom: 30px; + } + + [_margin~="xl:l-6"], +[_m~="xl:l-6"] { + margin-left: 30px; + } + + [_margin~="xl:r-6"], +[_m~="xl:r-6"] { + margin-right: 30px; + } + + [_margin~="xl:y-6"], +[_m~="xl:y-6"] { + margin-top: 30px; + margin-bottom: 30px; + } + + [_margin~="xl:x-6"], +[_m~="xl:x-6"] { + margin-left: 30px; + margin-right: 30px; + } + + [_padding~="xl:6"], +[_p~="xl:6"] { + padding: 30px; + } + + [_padding~="xl:t-6"], +[_p~="xl:t-6"] { + padding-top: 30px; + } + + [_padding~="xl:b-6"], +[_p~="xl:b-6"] { + padding-bottom: 30px; + } + + [_padding~="xl:l-6"], +[_p~="xl:l-6"] { + padding-left: 30px; + } + + [_padding~="xl:r-6"], +[_p~="xl:r-6"] { + padding-right: 30px; + } + + [_padding~="xl:y-6"], +[_p~="xl:y-6"] { + padding-top: 30px; + padding-bottom: 30px; + } + + [_padding~="xl:x-6"], +[_p~="xl:x-6"] { + padding-left: 30px; + padding-right: 30px; + } + + [_round~="xl:6"], +[_r~="xl:6"] { + border-radius: 30px; + } + + [_margin~="xl:7"], +[_m~="xl:7"] { + margin: 35px; + } + + [_margin~="xl:t-7"], +[_m~="xl:t-7"] { + margin-top: 35px; + } + + [_margin~="xl:b-7"], +[_m~="xl:b-7"] { + margin-bottom: 35px; + } + + [_margin~="xl:l-7"], +[_m~="xl:l-7"] { + margin-left: 35px; + } + + [_margin~="xl:r-7"], +[_m~="xl:r-7"] { + margin-right: 35px; + } + + [_margin~="xl:y-7"], +[_m~="xl:y-7"] { + margin-top: 35px; + margin-bottom: 35px; + } + + [_margin~="xl:x-7"], +[_m~="xl:x-7"] { + margin-left: 35px; + margin-right: 35px; + } + + [_padding~="xl:7"], +[_p~="xl:7"] { + padding: 35px; + } + + [_padding~="xl:t-7"], +[_p~="xl:t-7"] { + padding-top: 35px; + } + + [_padding~="xl:b-7"], +[_p~="xl:b-7"] { + padding-bottom: 35px; + } + + [_padding~="xl:l-7"], +[_p~="xl:l-7"] { + padding-left: 35px; + } + + [_padding~="xl:r-7"], +[_p~="xl:r-7"] { + padding-right: 35px; + } + + [_padding~="xl:y-7"], +[_p~="xl:y-7"] { + padding-top: 35px; + padding-bottom: 35px; + } + + [_padding~="xl:x-7"], +[_p~="xl:x-7"] { + padding-left: 35px; + padding-right: 35px; + } + + [_round~="xl:7"], +[_r~="xl:7"] { + border-radius: 35px; + } + + [_margin~="xl:8"], +[_m~="xl:8"] { + margin: 40px; + } + + [_margin~="xl:t-8"], +[_m~="xl:t-8"] { + margin-top: 40px; + } + + [_margin~="xl:b-8"], +[_m~="xl:b-8"] { + margin-bottom: 40px; + } + + [_margin~="xl:l-8"], +[_m~="xl:l-8"] { + margin-left: 40px; + } + + [_margin~="xl:r-8"], +[_m~="xl:r-8"] { + margin-right: 40px; + } + + [_margin~="xl:y-8"], +[_m~="xl:y-8"] { + margin-top: 40px; + margin-bottom: 40px; + } + + [_margin~="xl:x-8"], +[_m~="xl:x-8"] { + margin-left: 40px; + margin-right: 40px; + } + + [_padding~="xl:8"], +[_p~="xl:8"] { + padding: 40px; + } + + [_padding~="xl:t-8"], +[_p~="xl:t-8"] { + padding-top: 40px; + } + + [_padding~="xl:b-8"], +[_p~="xl:b-8"] { + padding-bottom: 40px; + } + + [_padding~="xl:l-8"], +[_p~="xl:l-8"] { + padding-left: 40px; + } + + [_padding~="xl:r-8"], +[_p~="xl:r-8"] { + padding-right: 40px; + } + + [_padding~="xl:y-8"], +[_p~="xl:y-8"] { + padding-top: 40px; + padding-bottom: 40px; + } + + [_padding~="xl:x-8"], +[_p~="xl:x-8"] { + padding-left: 40px; + padding-right: 40px; + } + + [_round~="xl:8"], +[_r~="xl:8"] { + border-radius: 40px; + } + + [_margin~="xl:9"], +[_m~="xl:9"] { + margin: 45px; + } + + [_margin~="xl:t-9"], +[_m~="xl:t-9"] { + margin-top: 45px; + } + + [_margin~="xl:b-9"], +[_m~="xl:b-9"] { + margin-bottom: 45px; + } + + [_margin~="xl:l-9"], +[_m~="xl:l-9"] { + margin-left: 45px; + } + + [_margin~="xl:r-9"], +[_m~="xl:r-9"] { + margin-right: 45px; + } + + [_margin~="xl:y-9"], +[_m~="xl:y-9"] { + margin-top: 45px; + margin-bottom: 45px; + } + + [_margin~="xl:x-9"], +[_m~="xl:x-9"] { + margin-left: 45px; + margin-right: 45px; + } + + [_padding~="xl:9"], +[_p~="xl:9"] { + padding: 45px; + } + + [_padding~="xl:t-9"], +[_p~="xl:t-9"] { + padding-top: 45px; + } + + [_padding~="xl:b-9"], +[_p~="xl:b-9"] { + padding-bottom: 45px; + } + + [_padding~="xl:l-9"], +[_p~="xl:l-9"] { + padding-left: 45px; + } + + [_padding~="xl:r-9"], +[_p~="xl:r-9"] { + padding-right: 45px; + } + + [_padding~="xl:y-9"], +[_p~="xl:y-9"] { + padding-top: 45px; + padding-bottom: 45px; + } + + [_padding~="xl:x-9"], +[_p~="xl:x-9"] { + padding-left: 45px; + padding-right: 45px; + } + + [_round~="xl:9"], +[_r~="xl:9"] { + border-radius: 45px; + } + + [_margin~="xl:10"], +[_m~="xl:10"] { + margin: 50px; + } + + [_margin~="xl:t-10"], +[_m~="xl:t-10"] { + margin-top: 50px; + } + + [_margin~="xl:b-10"], +[_m~="xl:b-10"] { + margin-bottom: 50px; + } + + [_margin~="xl:l-10"], +[_m~="xl:l-10"] { + margin-left: 50px; + } + + [_margin~="xl:r-10"], +[_m~="xl:r-10"] { + margin-right: 50px; + } + + [_margin~="xl:y-10"], +[_m~="xl:y-10"] { + margin-top: 50px; + margin-bottom: 50px; + } + + [_margin~="xl:x-10"], +[_m~="xl:x-10"] { + margin-left: 50px; + margin-right: 50px; + } + + [_padding~="xl:10"], +[_p~="xl:10"] { + padding: 50px; + } + + [_padding~="xl:t-10"], +[_p~="xl:t-10"] { + padding-top: 50px; + } + + [_padding~="xl:b-10"], +[_p~="xl:b-10"] { + padding-bottom: 50px; + } + + [_padding~="xl:l-10"], +[_p~="xl:l-10"] { + padding-left: 50px; + } + + [_padding~="xl:r-10"], +[_p~="xl:r-10"] { + padding-right: 50px; + } + + [_padding~="xl:y-10"], +[_p~="xl:y-10"] { + padding-top: 50px; + padding-bottom: 50px; + } + + [_padding~="xl:x-10"], +[_p~="xl:x-10"] { + padding-left: 50px; + padding-right: 50px; + } + + [_round~="xl:10"], +[_r~="xl:10"] { + border-radius: 50px; + } +} +[_size~=w-0] { + width: 0%; +} + +[_size~=h-0] { + height: 0%; +} + +[_size~=w-5] { + width: 5%; +} + +[_size~=h-5] { + height: 5%; +} + +[_size~=w-10] { + width: 10%; +} + +[_size~=h-10] { + height: 10%; +} + +[_size~=w-15] { + width: 15%; +} + +[_size~=h-15] { + height: 15%; +} + +[_size~=w-20] { + width: 20%; +} + +[_size~=h-20] { + height: 20%; +} + +[_size~=w-25] { + width: 25%; +} + +[_size~=h-25] { + height: 25%; +} + +[_size~=w-30] { + width: 30%; +} + +[_size~=h-30] { + height: 30%; +} + +[_size~=w-35] { + width: 35%; +} + +[_size~=h-35] { + height: 35%; +} + +[_size~=w-40] { + width: 40%; +} + +[_size~=h-40] { + height: 40%; +} + +[_size~=w-45] { + width: 45%; +} + +[_size~=h-45] { + height: 45%; +} + +[_size~=w-50] { + width: 50%; +} + +[_size~=h-50] { + height: 50%; +} + +[_size~=w-55] { + width: 55%; +} + +[_size~=h-55] { + height: 55%; +} + +[_size~=w-60] { + width: 60%; +} + +[_size~=h-60] { + height: 60%; +} + +[_size~=w-65] { + width: 65%; +} + +[_size~=h-65] { + height: 65%; +} + +[_size~=w-70] { + width: 70%; +} + +[_size~=h-70] { + height: 70%; +} + +[_size~=w-75] { + width: 75%; +} + +[_size~=h-75] { + height: 75%; +} + +[_size~=w-80] { + width: 80%; +} + +[_size~=h-80] { + height: 80%; +} + +[_size~=w-85] { + width: 85%; +} + +[_size~=h-85] { + height: 85%; +} + +[_size~=w-90] { + width: 90%; +} + +[_size~=h-90] { + height: 90%; +} + +[_size~=w-95] { + width: 95%; +} + +[_size~=h-95] { + height: 95%; +} + +[_size~=w-100] { + width: 100%; +} + +[_size~=h-100] { + height: 100%; +} + +[_size~=w-full] { + width: 100%; +} + +[_size~=h-full] { + height: 100%; +} + +[_size~=full] { + width: 100%; + height: 100%; +} + +@media screen and (min-width: 0) { + [_size~="xs:w-0"] { + width: 0%; + } + + [_size~="xs:h-0"] { + height: 0%; + } + + [_size~="xs:w-5"] { + width: 5%; + } + + [_size~="xs:h-5"] { + height: 5%; + } + + [_size~="xs:w-10"] { + width: 10%; + } + + [_size~="xs:h-10"] { + height: 10%; + } + + [_size~="xs:w-15"] { + width: 15%; + } + + [_size~="xs:h-15"] { + height: 15%; + } + + [_size~="xs:w-20"] { + width: 20%; + } + + [_size~="xs:h-20"] { + height: 20%; + } + + [_size~="xs:w-25"] { + width: 25%; + } + + [_size~="xs:h-25"] { + height: 25%; + } + + [_size~="xs:w-30"] { + width: 30%; + } + + [_size~="xs:h-30"] { + height: 30%; + } + + [_size~="xs:w-35"] { + width: 35%; + } + + [_size~="xs:h-35"] { + height: 35%; + } + + [_size~="xs:w-40"] { + width: 40%; + } + + [_size~="xs:h-40"] { + height: 40%; + } + + [_size~="xs:w-45"] { + width: 45%; + } + + [_size~="xs:h-45"] { + height: 45%; + } + + [_size~="xs:w-50"] { + width: 50%; + } + + [_size~="xs:h-50"] { + height: 50%; + } + + [_size~="xs:w-55"] { + width: 55%; + } + + [_size~="xs:h-55"] { + height: 55%; + } + + [_size~="xs:w-60"] { + width: 60%; + } + + [_size~="xs:h-60"] { + height: 60%; + } + + [_size~="xs:w-65"] { + width: 65%; + } + + [_size~="xs:h-65"] { + height: 65%; + } + + [_size~="xs:w-70"] { + width: 70%; + } + + [_size~="xs:h-70"] { + height: 70%; + } + + [_size~="xs:w-75"] { + width: 75%; + } + + [_size~="xs:h-75"] { + height: 75%; + } + + [_size~="xs:w-80"] { + width: 80%; + } + + [_size~="xs:h-80"] { + height: 80%; + } + + [_size~="xs:w-85"] { + width: 85%; + } + + [_size~="xs:h-85"] { + height: 85%; + } + + [_size~="xs:w-90"] { + width: 90%; + } + + [_size~="xs:h-90"] { + height: 90%; + } + + [_size~="xs:w-95"] { + width: 95%; + } + + [_size~="xs:h-95"] { + height: 95%; + } + + [_size~="xs:w-100"] { + width: 100%; + } + + [_size~="xs:h-100"] { + height: 100%; + } + + [_size~="xs:w-full"] { + width: 100%; + } + + [_size~="xs:h-full"] { + height: 100%; + } + + [_size~="xs:full"] { + width: 100%; + height: 100%; + } +} +@media screen and (min-width: 580px) { + [_size~="sm:w-0"] { + width: 0%; + } + + [_size~="sm:h-0"] { + height: 0%; + } + + [_size~="sm:w-5"] { + width: 5%; + } + + [_size~="sm:h-5"] { + height: 5%; + } + + [_size~="sm:w-10"] { + width: 10%; + } + + [_size~="sm:h-10"] { + height: 10%; + } + + [_size~="sm:w-15"] { + width: 15%; + } + + [_size~="sm:h-15"] { + height: 15%; + } + + [_size~="sm:w-20"] { + width: 20%; + } + + [_size~="sm:h-20"] { + height: 20%; + } + + [_size~="sm:w-25"] { + width: 25%; + } + + [_size~="sm:h-25"] { + height: 25%; + } + + [_size~="sm:w-30"] { + width: 30%; + } + + [_size~="sm:h-30"] { + height: 30%; + } + + [_size~="sm:w-35"] { + width: 35%; + } + + [_size~="sm:h-35"] { + height: 35%; + } + + [_size~="sm:w-40"] { + width: 40%; + } + + [_size~="sm:h-40"] { + height: 40%; + } + + [_size~="sm:w-45"] { + width: 45%; + } + + [_size~="sm:h-45"] { + height: 45%; + } + + [_size~="sm:w-50"] { + width: 50%; + } + + [_size~="sm:h-50"] { + height: 50%; + } + + [_size~="sm:w-55"] { + width: 55%; + } + + [_size~="sm:h-55"] { + height: 55%; + } + + [_size~="sm:w-60"] { + width: 60%; + } + + [_size~="sm:h-60"] { + height: 60%; + } + + [_size~="sm:w-65"] { + width: 65%; + } + + [_size~="sm:h-65"] { + height: 65%; + } + + [_size~="sm:w-70"] { + width: 70%; + } + + [_size~="sm:h-70"] { + height: 70%; + } + + [_size~="sm:w-75"] { + width: 75%; + } + + [_size~="sm:h-75"] { + height: 75%; + } + + [_size~="sm:w-80"] { + width: 80%; + } + + [_size~="sm:h-80"] { + height: 80%; + } + + [_size~="sm:w-85"] { + width: 85%; + } + + [_size~="sm:h-85"] { + height: 85%; + } + + [_size~="sm:w-90"] { + width: 90%; + } + + [_size~="sm:h-90"] { + height: 90%; + } + + [_size~="sm:w-95"] { + width: 95%; + } + + [_size~="sm:h-95"] { + height: 95%; + } + + [_size~="sm:w-100"] { + width: 100%; + } + + [_size~="sm:h-100"] { + height: 100%; + } + + [_size~="sm:w-full"] { + width: 100%; + } + + [_size~="sm:h-full"] { + height: 100%; + } + + [_size~="sm:full"] { + width: 100%; + height: 100%; + } +} +@media screen and (min-width: 770px) { + [_size~="md:w-0"] { + width: 0%; + } + + [_size~="md:h-0"] { + height: 0%; + } + + [_size~="md:w-5"] { + width: 5%; + } + + [_size~="md:h-5"] { + height: 5%; + } + + [_size~="md:w-10"] { + width: 10%; + } + + [_size~="md:h-10"] { + height: 10%; + } + + [_size~="md:w-15"] { + width: 15%; + } + + [_size~="md:h-15"] { + height: 15%; + } + + [_size~="md:w-20"] { + width: 20%; + } + + [_size~="md:h-20"] { + height: 20%; + } + + [_size~="md:w-25"] { + width: 25%; + } + + [_size~="md:h-25"] { + height: 25%; + } + + [_size~="md:w-30"] { + width: 30%; + } + + [_size~="md:h-30"] { + height: 30%; + } + + [_size~="md:w-35"] { + width: 35%; + } + + [_size~="md:h-35"] { + height: 35%; + } + + [_size~="md:w-40"] { + width: 40%; + } + + [_size~="md:h-40"] { + height: 40%; + } + + [_size~="md:w-45"] { + width: 45%; + } + + [_size~="md:h-45"] { + height: 45%; + } + + [_size~="md:w-50"] { + width: 50%; + } + + [_size~="md:h-50"] { + height: 50%; + } + + [_size~="md:w-55"] { + width: 55%; + } + + [_size~="md:h-55"] { + height: 55%; + } + + [_size~="md:w-60"] { + width: 60%; + } + + [_size~="md:h-60"] { + height: 60%; + } + + [_size~="md:w-65"] { + width: 65%; + } + + [_size~="md:h-65"] { + height: 65%; + } + + [_size~="md:w-70"] { + width: 70%; + } + + [_size~="md:h-70"] { + height: 70%; + } + + [_size~="md:w-75"] { + width: 75%; + } + + [_size~="md:h-75"] { + height: 75%; + } + + [_size~="md:w-80"] { + width: 80%; + } + + [_size~="md:h-80"] { + height: 80%; + } + + [_size~="md:w-85"] { + width: 85%; + } + + [_size~="md:h-85"] { + height: 85%; + } + + [_size~="md:w-90"] { + width: 90%; + } + + [_size~="md:h-90"] { + height: 90%; + } + + [_size~="md:w-95"] { + width: 95%; + } + + [_size~="md:h-95"] { + height: 95%; + } + + [_size~="md:w-100"] { + width: 100%; + } + + [_size~="md:h-100"] { + height: 100%; + } + + [_size~="md:w-full"] { + width: 100%; + } + + [_size~="md:h-full"] { + height: 100%; + } + + [_size~="md:full"] { + width: 100%; + height: 100%; + } +} +@media screen and (min-width: 990px) { + [_size~="lg:w-0"] { + width: 0%; + } + + [_size~="lg:h-0"] { + height: 0%; + } + + [_size~="lg:w-5"] { + width: 5%; + } + + [_size~="lg:h-5"] { + height: 5%; + } + + [_size~="lg:w-10"] { + width: 10%; + } + + [_size~="lg:h-10"] { + height: 10%; + } + + [_size~="lg:w-15"] { + width: 15%; + } + + [_size~="lg:h-15"] { + height: 15%; + } + + [_size~="lg:w-20"] { + width: 20%; + } + + [_size~="lg:h-20"] { + height: 20%; + } + + [_size~="lg:w-25"] { + width: 25%; + } + + [_size~="lg:h-25"] { + height: 25%; + } + + [_size~="lg:w-30"] { + width: 30%; + } + + [_size~="lg:h-30"] { + height: 30%; + } + + [_size~="lg:w-35"] { + width: 35%; + } + + [_size~="lg:h-35"] { + height: 35%; + } + + [_size~="lg:w-40"] { + width: 40%; + } + + [_size~="lg:h-40"] { + height: 40%; + } + + [_size~="lg:w-45"] { + width: 45%; + } + + [_size~="lg:h-45"] { + height: 45%; + } + + [_size~="lg:w-50"] { + width: 50%; + } + + [_size~="lg:h-50"] { + height: 50%; + } + + [_size~="lg:w-55"] { + width: 55%; + } + + [_size~="lg:h-55"] { + height: 55%; + } + + [_size~="lg:w-60"] { + width: 60%; + } + + [_size~="lg:h-60"] { + height: 60%; + } + + [_size~="lg:w-65"] { + width: 65%; + } + + [_size~="lg:h-65"] { + height: 65%; + } + + [_size~="lg:w-70"] { + width: 70%; + } + + [_size~="lg:h-70"] { + height: 70%; + } + + [_size~="lg:w-75"] { + width: 75%; + } + + [_size~="lg:h-75"] { + height: 75%; + } + + [_size~="lg:w-80"] { + width: 80%; + } + + [_size~="lg:h-80"] { + height: 80%; + } + + [_size~="lg:w-85"] { + width: 85%; + } + + [_size~="lg:h-85"] { + height: 85%; + } + + [_size~="lg:w-90"] { + width: 90%; + } + + [_size~="lg:h-90"] { + height: 90%; + } + + [_size~="lg:w-95"] { + width: 95%; + } + + [_size~="lg:h-95"] { + height: 95%; + } + + [_size~="lg:w-100"] { + width: 100%; + } + + [_size~="lg:h-100"] { + height: 100%; + } + + [_size~="lg:w-full"] { + width: 100%; + } + + [_size~="lg:h-full"] { + height: 100%; + } + + [_size~="lg:full"] { + width: 100%; + height: 100%; + } +} +@media screen and (min-width: 1280px) { + [_size~="xl:w-0"] { + width: 0%; + } + + [_size~="xl:h-0"] { + height: 0%; + } + + [_size~="xl:w-5"] { + width: 5%; + } + + [_size~="xl:h-5"] { + height: 5%; + } + + [_size~="xl:w-10"] { + width: 10%; + } + + [_size~="xl:h-10"] { + height: 10%; + } + + [_size~="xl:w-15"] { + width: 15%; + } + + [_size~="xl:h-15"] { + height: 15%; + } + + [_size~="xl:w-20"] { + width: 20%; + } + + [_size~="xl:h-20"] { + height: 20%; + } + + [_size~="xl:w-25"] { + width: 25%; + } + + [_size~="xl:h-25"] { + height: 25%; + } + + [_size~="xl:w-30"] { + width: 30%; + } + + [_size~="xl:h-30"] { + height: 30%; + } + + [_size~="xl:w-35"] { + width: 35%; + } + + [_size~="xl:h-35"] { + height: 35%; + } + + [_size~="xl:w-40"] { + width: 40%; + } + + [_size~="xl:h-40"] { + height: 40%; + } + + [_size~="xl:w-45"] { + width: 45%; + } + + [_size~="xl:h-45"] { + height: 45%; + } + + [_size~="xl:w-50"] { + width: 50%; + } + + [_size~="xl:h-50"] { + height: 50%; + } + + [_size~="xl:w-55"] { + width: 55%; + } + + [_size~="xl:h-55"] { + height: 55%; + } + + [_size~="xl:w-60"] { + width: 60%; + } + + [_size~="xl:h-60"] { + height: 60%; + } + + [_size~="xl:w-65"] { + width: 65%; + } + + [_size~="xl:h-65"] { + height: 65%; + } + + [_size~="xl:w-70"] { + width: 70%; + } + + [_size~="xl:h-70"] { + height: 70%; + } + + [_size~="xl:w-75"] { + width: 75%; + } + + [_size~="xl:h-75"] { + height: 75%; + } + + [_size~="xl:w-80"] { + width: 80%; + } + + [_size~="xl:h-80"] { + height: 80%; + } + + [_size~="xl:w-85"] { + width: 85%; + } + + [_size~="xl:h-85"] { + height: 85%; + } + + [_size~="xl:w-90"] { + width: 90%; + } + + [_size~="xl:h-90"] { + height: 90%; + } + + [_size~="xl:w-95"] { + width: 95%; + } + + [_size~="xl:h-95"] { + height: 95%; + } + + [_size~="xl:w-100"] { + width: 100%; + } + + [_size~="xl:h-100"] { + height: 100%; + } + + [_size~="xl:w-full"] { + width: 100%; + } + + [_size~="xl:h-full"] { + height: 100%; + } + + [_size~="xl:full"] { + width: 100%; + height: 100%; + } +} +h1, +[_font~=h1] { + font-size: 38px; +} + +h2, +[_font~=h2] { + font-size: 34px; +} + +h3, +[_font~=h3] { + font-size: 29px; +} + +h4, +[_font~=h4] { + font-size: 24px; +} + +h5, +[_font~=h5] { + font-size: 19px; +} + +h6, +[_font~=h6] { + font-size: 14px; +} + +[_color~=red], +[_font~=red] { + color: #f24236; +} + +[_color~=red-light-0], +[_font~=red-light-0] { + color: #f24236; +} + +[_color~=red-light-1], +[_font~=red-light-1] { + color: #f35044; +} + +[_color~=red-light-2], +[_font~=red-light-2] { + color: #f45d53; +} + +[_color~=red-light-3], +[_font~=red-light-3] { + color: #f56b61; +} + +[_color~=red-light-4], +[_font~=red-light-4] { + color: #f6786f; +} + +[_color~=red-light-5], +[_font~=red-light-5] { + color: #f7867e; +} + +[_color~=red-light-6], +[_font~=red-light-6] { + color: #f8938c; +} + +[_color~=red-light-7], +[_font~=red-light-7] { + color: #f9a19b; +} + +[_color~=red-light-8], +[_font~=red-light-8] { + color: #f9aea9; +} + +[_color~=red-light-9], +[_font~=red-light-9] { + color: #fabcb7; +} + +[_color~=red-light-10], +[_font~=red-light-10] { + color: #fbc9c6; +} + +[_color~=red-dark-0], +[_font~=red-dark-0] { + color: #f24236; +} + +[_color~=red-dark-1], +[_font~=red-dark-1] { + color: #f13428; +} + +[_color~=red-dark-2], +[_font~=red-dark-2] { + color: #f02719; +} + +[_color~=red-dark-3], +[_font~=red-dark-3] { + color: #eb1d0f; +} + +[_color~=red-dark-4], +[_font~=red-dark-4] { + color: #dd1b0e; +} + +[_color~=red-dark-5], +[_font~=red-dark-5] { + color: #ce1a0d; +} + +[_color~=red-dark-6], +[_font~=red-dark-6] { + color: #c0180c; +} + +[_color~=red-dark-7], +[_font~=red-dark-7] { + color: #b1160b; +} + +[_color~=red-dark-8], +[_font~=red-dark-8] { + color: #a3140b; +} + +[_color~=red-dark-9], +[_font~=red-dark-9] { + color: #95120a; +} + +[_color~=red-dark-10], +[_font~=red-dark-10] { + color: #861109; +} + +[_font~=left] { + text-align: left; +} + +[_font~=right] { + text-align: right; +} + +[_font~=center] { + text-align: center; +} + +[_font~=justify] { + text-align: justify; +} + +[_font~=lower] { + text-transform: lowercase; +} + +[_font~=upper] { + text-transform: uppercase; +} + +[_font~=capitalize] { + text-transform: capitalize; +} + +[_font~=bold] { + font-weight: bold; +} + +[_font~=bolder] { + font-weight: bolder; +} + +[_font~=lighter] { + font-weight: lighter; +} + +[_font~=normal] { + font-weight: normal; +} + +[_font~=italic] { + font-style: italic; +} + +[_font~=mark], +[_font~=hilight] { + background-color: #f9c866; + color: #1a1d2d; +} + +[_decoration~=linethrough], +[_decoration~=del] { + text-decoration: line-through; +} + +[_decoration~=underline], +[_decoration~=line] { + text-decoration: underline; +} + +[_decoration~=none] { + text-decoration: none; +} + +[_color~=pink], +[_font~=pink] { + color: #e43f6f; +} + +[_color~=pink-light-0], +[_font~=pink-light-0] { + color: #e43f6f; +} + +[_color~=pink-light-1], +[_font~=pink-light-1] { + color: #e64c79; +} + +[_color~=pink-light-2], +[_font~=pink-light-2] { + color: #e85a83; +} + +[_color~=pink-light-3], +[_font~=pink-light-3] { + color: #ea678d; +} + +[_color~=pink-light-4], +[_font~=pink-light-4] { + color: #ec7597; +} + +[_color~=pink-light-5], +[_font~=pink-light-5] { + color: #ed82a1; +} + +[_color~=pink-light-6], +[_font~=pink-light-6] { + color: #ef8fab; +} + +[_color~=pink-light-7], +[_font~=pink-light-7] { + color: #f19db5; +} + +[_color~=pink-light-8], +[_font~=pink-light-8] { + color: #f3aabf; +} + +[_color~=pink-light-9], +[_font~=pink-light-9] { + color: #f5b8ca; +} + +[_color~=pink-light-10], +[_font~=pink-light-10] { + color: #f7c5d4; +} + +[_color~=pink-dark-0], +[_font~=pink-dark-0] { + color: #e43f6f; +} + +[_color~=pink-dark-1], +[_font~=pink-dark-1] { + color: #e23265; +} + +[_color~=pink-dark-2], +[_font~=pink-dark-2] { + color: #e0245b; +} + +[_color~=pink-dark-3], +[_font~=pink-dark-3] { + color: #d71e54; +} + +[_color~=pink-dark-4], +[_font~=pink-dark-4] { + color: #c91c4f; +} + +[_color~=pink-dark-5], +[_font~=pink-dark-5] { + color: #bc1a49; +} + +[_color~=pink-dark-6], +[_font~=pink-dark-6] { + color: #af1944; +} + +[_color~=pink-dark-7], +[_font~=pink-dark-7] { + color: #a1173f; +} + +[_color~=pink-dark-8], +[_font~=pink-dark-8] { + color: #94153a; +} + +[_color~=pink-dark-9], +[_font~=pink-dark-9] { + color: #861335; +} + +[_color~=pink-dark-10], +[_font~=pink-dark-10] { + color: #79112f; +} + +[_font~=left] { + text-align: left; +} + +[_font~=right] { + text-align: right; +} + +[_font~=center] { + text-align: center; +} + +[_font~=justify] { + text-align: justify; +} + +[_font~=lower] { + text-transform: lowercase; +} + +[_font~=upper] { + text-transform: uppercase; +} + +[_font~=capitalize] { + text-transform: capitalize; +} + +[_font~=bold] { + font-weight: bold; +} + +[_font~=bolder] { + font-weight: bolder; +} + +[_font~=lighter] { + font-weight: lighter; +} + +[_font~=normal] { + font-weight: normal; +} + +[_font~=italic] { + font-style: italic; +} + +[_font~=mark], +[_font~=hilight] { + background-color: #f9c866; + color: #1a1d2d; +} + +[_decoration~=linethrough], +[_decoration~=del] { + text-decoration: line-through; +} + +[_decoration~=underline], +[_decoration~=line] { + text-decoration: underline; +} + +[_decoration~=none] { + text-decoration: none; +} + +[_color~=purple], +[_font~=purple] { + color: #6564db; +} + +[_color~=purple-light-0], +[_font~=purple-light-0] { + color: #6564db; +} + +[_color~=purple-light-1], +[_font~=purple-light-1] { + color: #7170de; +} + +[_color~=purple-light-2], +[_font~=purple-light-2] { + color: #7e7de1; +} + +[_color~=purple-light-3], +[_font~=purple-light-3] { + color: #8a89e4; +} + +[_color~=purple-light-4], +[_font~=purple-light-4] { + color: #9696e7; +} + +[_color~=purple-light-5], +[_font~=purple-light-5] { + color: #a3a2e9; +} + +[_color~=purple-light-6], +[_font~=purple-light-6] { + color: #afaeec; +} + +[_color~=purple-light-7], +[_font~=purple-light-7] { + color: #bbbbef; +} + +[_color~=purple-light-8], +[_font~=purple-light-8] { + color: #c8c7f2; +} + +[_color~=purple-light-9], +[_font~=purple-light-9] { + color: #d4d4f5; +} + +[_color~=purple-light-10], +[_font~=purple-light-10] { + color: #e0e0f8; +} + +[_color~=purple-dark-0], +[_font~=purple-dark-0] { + color: #6564db; +} + +[_color~=purple-dark-1], +[_font~=purple-dark-1] { + color: #5958d8; +} + +[_color~=purple-dark-2], +[_font~=purple-dark-2] { + color: #4c4bd5; +} + +[_color~=purple-dark-3], +[_font~=purple-dark-3] { + color: #403fd2; +} + +[_color~=purple-dark-4], +[_font~=purple-dark-4] { + color: #3432cf; +} + +[_color~=purple-dark-5], +[_font~=purple-dark-5] { + color: #2f2ec5; +} + +[_color~=purple-dark-6], +[_font~=purple-dark-6] { + color: #2c2bb8; +} + +[_color~=purple-dark-7], +[_font~=purple-dark-7] { + color: #2928ac; +} + +[_color~=purple-dark-8], +[_font~=purple-dark-8] { + color: #2625a0; +} + +[_color~=purple-dark-9], +[_font~=purple-dark-9] { + color: #232293; +} + +[_color~=purple-dark-10], +[_font~=purple-dark-10] { + color: #201f87; +} + +[_font~=left] { + text-align: left; +} + +[_font~=right] { + text-align: right; +} + +[_font~=center] { + text-align: center; +} + +[_font~=justify] { + text-align: justify; +} + +[_font~=lower] { + text-transform: lowercase; +} + +[_font~=upper] { + text-transform: uppercase; +} + +[_font~=capitalize] { + text-transform: capitalize; +} + +[_font~=bold] { + font-weight: bold; +} + +[_font~=bolder] { + font-weight: bolder; +} + +[_font~=lighter] { + font-weight: lighter; +} + +[_font~=normal] { + font-weight: normal; +} + +[_font~=italic] { + font-style: italic; +} + +[_font~=mark], +[_font~=hilight] { + background-color: #f9c866; + color: #1a1d2d; +} + +[_decoration~=linethrough], +[_decoration~=del] { + text-decoration: line-through; +} + +[_decoration~=underline], +[_decoration~=line] { + text-decoration: underline; +} + +[_decoration~=none] { + text-decoration: none; +} + +[_color~=indigo], +[_font~=indigo] { + color: #473bf0; +} + +[_color~=indigo-light-0], +[_font~=indigo-light-0] { + color: #473bf0; +} + +[_color~=indigo-light-1], +[_font~=indigo-light-1] { + color: #5449f1; +} + +[_color~=indigo-light-2], +[_font~=indigo-light-2] { + color: #6257f2; +} + +[_color~=indigo-light-3], +[_font~=indigo-light-3] { + color: #6f66f3; +} + +[_color~=indigo-light-4], +[_font~=indigo-light-4] { + color: #7c74f4; +} + +[_color~=indigo-light-5], +[_font~=indigo-light-5] { + color: #8a82f5; +} + +[_color~=indigo-light-6], +[_font~=indigo-light-6] { + color: #9790f7; +} + +[_color~=indigo-light-7], +[_font~=indigo-light-7] { + color: #a49ef8; +} + +[_color~=indigo-light-8], +[_font~=indigo-light-8] { + color: #b2adf9; +} + +[_color~=indigo-light-9], +[_font~=indigo-light-9] { + color: #bfbbfa; +} + +[_color~=indigo-light-10], +[_font~=indigo-light-10] { + color: #ccc9fb; +} + +[_color~=indigo-dark-0], +[_font~=indigo-dark-0] { + color: #473bf0; +} + +[_color~=indigo-dark-1], +[_font~=indigo-dark-1] { + color: #3a2def; +} + +[_color~=indigo-dark-2], +[_font~=indigo-dark-2] { + color: #2c1fee; +} + +[_color~=indigo-dark-3], +[_font~=indigo-dark-3] { + color: #2012eb; +} + +[_color~=indigo-dark-4], +[_font~=indigo-dark-4] { + color: #1e11dd; +} + +[_color~=indigo-dark-5], +[_font~=indigo-dark-5] { + color: #1c10cf; +} + +[_color~=indigo-dark-6], +[_font~=indigo-dark-6] { + color: #1b0fc0; +} + +[_color~=indigo-dark-7], +[_font~=indigo-dark-7] { + color: #190eb2; +} + +[_color~=indigo-dark-8], +[_font~=indigo-dark-8] { + color: #170da4; +} + +[_color~=indigo-dark-9], +[_font~=indigo-dark-9] { + color: #150b96; +} + +[_color~=indigo-dark-10], +[_font~=indigo-dark-10] { + color: #130a88; +} + +[_font~=left] { + text-align: left; +} + +[_font~=right] { + text-align: right; +} + +[_font~=center] { + text-align: center; +} + +[_font~=justify] { + text-align: justify; +} + +[_font~=lower] { + text-transform: lowercase; +} + +[_font~=upper] { + text-transform: uppercase; +} + +[_font~=capitalize] { + text-transform: capitalize; +} + +[_font~=bold] { + font-weight: bold; +} + +[_font~=bolder] { + font-weight: bolder; +} + +[_font~=lighter] { + font-weight: lighter; +} + +[_font~=normal] { + font-weight: normal; +} + +[_font~=italic] { + font-style: italic; +} + +[_font~=mark], +[_font~=hilight] { + background-color: #f9c866; + color: #1a1d2d; +} + +[_decoration~=linethrough], +[_decoration~=del] { + text-decoration: line-through; +} + +[_decoration~=underline], +[_decoration~=line] { + text-decoration: underline; +} + +[_decoration~=none] { + text-decoration: none; +} + +[_color~=blue], +[_font~=blue] { + color: #3169c4; +} + +[_color~=blue-light-0], +[_font~=blue-light-0] { + color: #3169c4; +} + +[_color~=blue-light-1], +[_font~=blue-light-1] { + color: #3770cd; +} + +[_color~=blue-light-2], +[_font~=blue-light-2] { + color: #4379d0; +} + +[_color~=blue-light-3], +[_font~=blue-light-3] { + color: #5082d3; +} + +[_color~=blue-light-4], +[_font~=blue-light-4] { + color: #5c8bd6; +} + +[_color~=blue-light-5], +[_font~=blue-light-5] { + color: #6893d9; +} + +[_color~=blue-light-6], +[_font~=blue-light-6] { + color: #749cdc; +} + +[_color~=blue-light-7], +[_font~=blue-light-7] { + color: #81a5df; +} + +[_color~=blue-light-8], +[_font~=blue-light-8] { + color: #8daee2; +} + +[_color~=blue-light-9], +[_font~=blue-light-9] { + color: #99b6e6; +} + +[_color~=blue-light-10], +[_font~=blue-light-10] { + color: #a5bfe9; +} + +[_color~=blue-dark-0], +[_font~=blue-dark-0] { + color: #3169c4; +} + +[_color~=blue-dark-1], +[_font~=blue-dark-1] { + color: #2e62b8; +} + +[_color~=blue-dark-2], +[_font~=blue-dark-2] { + color: #2b5cac; +} + +[_color~=blue-dark-3], +[_font~=blue-dark-3] { + color: #28559f; +} + +[_color~=blue-dark-4], +[_font~=blue-dark-4] { + color: #254f93; +} + +[_color~=blue-dark-5], +[_font~=blue-dark-5] { + color: #224887; +} + +[_color~=blue-dark-6], +[_font~=blue-dark-6] { + color: #1f427b; +} + +[_color~=blue-dark-7], +[_font~=blue-dark-7] { + color: #1c3b6e; +} + +[_color~=blue-dark-8], +[_font~=blue-dark-8] { + color: #193562; +} + +[_color~=blue-dark-9], +[_font~=blue-dark-9] { + color: #152e56; +} + +[_color~=blue-dark-10], +[_font~=blue-dark-10] { + color: #12274a; +} + +[_font~=left] { + text-align: left; +} + +[_font~=right] { + text-align: right; +} + +[_font~=center] { + text-align: center; +} + +[_font~=justify] { + text-align: justify; +} + +[_font~=lower] { + text-transform: lowercase; +} + +[_font~=upper] { + text-transform: uppercase; +} + +[_font~=capitalize] { + text-transform: capitalize; +} + +[_font~=bold] { + font-weight: bold; +} + +[_font~=bolder] { + font-weight: bolder; +} + +[_font~=lighter] { + font-weight: lighter; +} + +[_font~=normal] { + font-weight: normal; +} + +[_font~=italic] { + font-style: italic; +} + +[_font~=mark], +[_font~=hilight] { + background-color: #f9c866; + color: #1a1d2d; +} + +[_decoration~=linethrough], +[_decoration~=del] { + text-decoration: line-through; +} + +[_decoration~=underline], +[_decoration~=line] { + text-decoration: underline; +} + +[_decoration~=none] { + text-decoration: none; +} + +[_color~=cyan], +[_font~=cyan] { + color: #1fa6c1; +} + +[_color~=cyan-light-0], +[_font~=cyan-light-0] { + color: #1fa6c1; +} + +[_color~=cyan-light-1], +[_font~=cyan-light-1] { + color: #21b1ce; +} + +[_color~=cyan-light-2], +[_font~=cyan-light-2] { + color: #23bddb; +} + +[_color~=cyan-light-3], +[_font~=cyan-light-3] { + color: #30c1de; +} + +[_color~=cyan-light-4], +[_font~=cyan-light-4] { + color: #3dc5e0; +} + +[_color~=cyan-light-5], +[_font~=cyan-light-5] { + color: #4ac9e2; +} + +[_color~=cyan-light-6], +[_font~=cyan-light-6] { + color: #58cde4; +} + +[_color~=cyan-light-7], +[_font~=cyan-light-7] { + color: #65d1e6; +} + +[_color~=cyan-light-8], +[_font~=cyan-light-8] { + color: #72d5e8; +} + +[_color~=cyan-light-9], +[_font~=cyan-light-9] { + color: #7fd9ea; +} + +[_color~=cyan-light-10], +[_font~=cyan-light-10] { + color: #8cdded; +} + +[_color~=cyan-dark-0], +[_font~=cyan-dark-0] { + color: #1fa6c1; +} + +[_color~=cyan-dark-1], +[_font~=cyan-dark-1] { + color: #1d9bb4; +} + +[_color~=cyan-dark-2], +[_font~=cyan-dark-2] { + color: #1b8fa7; +} + +[_color~=cyan-dark-3], +[_font~=cyan-dark-3] { + color: #198499; +} + +[_color~=cyan-dark-4], +[_font~=cyan-dark-4] { + color: #17798c; +} + +[_color~=cyan-dark-5], +[_font~=cyan-dark-5] { + color: #146d7f; +} + +[_color~=cyan-dark-6], +[_font~=cyan-dark-6] { + color: #126272; +} + +[_color~=cyan-dark-7], +[_font~=cyan-dark-7] { + color: #105765; +} + +[_color~=cyan-dark-8], +[_font~=cyan-dark-8] { + color: #0e4b58; +} + +[_color~=cyan-dark-9], +[_font~=cyan-dark-9] { + color: #0c404a; +} + +[_color~=cyan-dark-10], +[_font~=cyan-dark-10] { + color: #0a353d; +} + +[_font~=left] { + text-align: left; +} + +[_font~=right] { + text-align: right; +} + +[_font~=center] { + text-align: center; +} + +[_font~=justify] { + text-align: justify; +} + +[_font~=lower] { + text-transform: lowercase; +} + +[_font~=upper] { + text-transform: uppercase; +} + +[_font~=capitalize] { + text-transform: capitalize; +} + +[_font~=bold] { + font-weight: bold; +} + +[_font~=bolder] { + font-weight: bolder; +} + +[_font~=lighter] { + font-weight: lighter; +} + +[_font~=normal] { + font-weight: normal; +} + +[_font~=italic] { + font-style: italic; +} + +[_font~=mark], +[_font~=hilight] { + background-color: #f9c866; + color: #1a1d2d; +} + +[_decoration~=linethrough], +[_decoration~=del] { + text-decoration: line-through; +} + +[_decoration~=underline], +[_decoration~=line] { + text-decoration: underline; +} + +[_decoration~=none] { + text-decoration: none; +} + +[_color~=teal], +[_font~=teal] { + color: #00bfb2; +} + +[_color~=teal-light-0], +[_font~=teal-light-0] { + color: #00bfb2; +} + +[_color~=teal-light-1], +[_font~=teal-light-1] { + color: #00cec0; +} + +[_color~=teal-light-2], +[_font~=teal-light-2] { + color: #00decf; +} + +[_color~=teal-light-3], +[_font~=teal-light-3] { + color: #00eddd; +} + +[_color~=teal-light-4], +[_font~=teal-light-4] { + color: #00fceb; +} + +[_color~=teal-light-5], +[_font~=teal-light-5] { + color: #0dffee; +} + +[_color~=teal-light-6], +[_font~=teal-light-6] { + color: #1cfff0; +} + +[_color~=teal-light-7], +[_font~=teal-light-7] { + color: #2bfff1; +} + +[_color~=teal-light-8], +[_font~=teal-light-8] { + color: #3afff2; +} + +[_color~=teal-light-9], +[_font~=teal-light-9] { + color: #4afff3; +} + +[_color~=teal-light-10], +[_font~=teal-light-10] { + color: #59fff4; +} + +[_color~=teal-dark-0], +[_font~=teal-dark-0] { + color: #00bfb2; +} + +[_color~=teal-dark-1], +[_font~=teal-dark-1] { + color: #00b0a4; +} + +[_color~=teal-dark-2], +[_font~=teal-dark-2] { + color: #00a095; +} + +[_color~=teal-dark-3], +[_font~=teal-dark-3] { + color: #009187; +} + +[_color~=teal-dark-4], +[_font~=teal-dark-4] { + color: #008279; +} + +[_color~=teal-dark-5], +[_font~=teal-dark-5] { + color: #00736b; +} + +[_color~=teal-dark-6], +[_font~=teal-dark-6] { + color: #00635c; +} + +[_color~=teal-dark-7], +[_font~=teal-dark-7] { + color: #00544e; +} + +[_color~=teal-dark-8], +[_font~=teal-dark-8] { + color: #004540; +} + +[_color~=teal-dark-9], +[_font~=teal-dark-9] { + color: #003532; +} + +[_color~=teal-dark-10], +[_font~=teal-dark-10] { + color: #002623; +} + +[_font~=left] { + text-align: left; +} + +[_font~=right] { + text-align: right; +} + +[_font~=center] { + text-align: center; +} + +[_font~=justify] { + text-align: justify; +} + +[_font~=lower] { + text-transform: lowercase; +} + +[_font~=upper] { + text-transform: uppercase; +} + +[_font~=capitalize] { + text-transform: capitalize; +} + +[_font~=bold] { + font-weight: bold; +} + +[_font~=bolder] { + font-weight: bolder; +} + +[_font~=lighter] { + font-weight: lighter; +} + +[_font~=normal] { + font-weight: normal; +} + +[_font~=italic] { + font-style: italic; +} + +[_font~=mark], +[_font~=hilight] { + background-color: #f9c866; + color: #1a1d2d; +} + +[_decoration~=linethrough], +[_decoration~=del] { + text-decoration: line-through; +} + +[_decoration~=underline], +[_decoration~=line] { + text-decoration: underline; +} + +[_decoration~=none] { + text-decoration: none; +} + +[_color~=green], +[_font~=green] { + color: #3ccd65; +} + +[_color~=green-light-0], +[_font~=green-light-0] { + color: #3ccd65; +} + +[_color~=green-light-1], +[_font~=green-light-1] { + color: #48d06f; +} + +[_color~=green-light-2], +[_font~=green-light-2] { + color: #54d378; +} + +[_color~=green-light-3], +[_font~=green-light-3] { + color: #61d682; +} + +[_color~=green-light-4], +[_font~=green-light-4] { + color: #6dd98b; +} + +[_color~=green-light-5], +[_font~=green-light-5] { + color: #79dd95; +} + +[_color~=green-light-6], +[_font~=green-light-6] { + color: #85e09f; +} + +[_color~=green-light-7], +[_font~=green-light-7] { + color: #91e3a8; +} + +[_color~=green-light-8], +[_font~=green-light-8] { + color: #9de6b2; +} + +[_color~=green-light-9], +[_font~=green-light-9] { + color: #aae9bc; +} + +[_color~=green-light-10], +[_font~=green-light-10] { + color: #b6ecc5; +} + +[_color~=green-dark-0], +[_font~=green-dark-0] { + color: #3ccd65; +} + +[_color~=green-dark-1], +[_font~=green-dark-1] { + color: #33c75d; +} + +[_color~=green-dark-2], +[_font~=green-dark-2] { + color: #30bb57; +} + +[_color~=green-dark-3], +[_font~=green-dark-3] { + color: #2dae51; +} + +[_color~=green-dark-4], +[_font~=green-dark-4] { + color: #2aa24c; +} + +[_color~=green-dark-5], +[_font~=green-dark-5] { + color: #269646; +} + +[_color~=green-dark-6], +[_font~=green-dark-6] { + color: #238a40; +} + +[_color~=green-dark-7], +[_font~=green-dark-7] { + color: #207e3b; +} + +[_color~=green-dark-8], +[_font~=green-dark-8] { + color: #1d7135; +} + +[_color~=green-dark-9], +[_font~=green-dark-9] { + color: #1a652f; +} + +[_color~=green-dark-10], +[_font~=green-dark-10] { + color: #17592a; +} + +[_font~=left] { + text-align: left; +} + +[_font~=right] { + text-align: right; +} + +[_font~=center] { + text-align: center; +} + +[_font~=justify] { + text-align: justify; +} + +[_font~=lower] { + text-transform: lowercase; +} + +[_font~=upper] { + text-transform: uppercase; +} + +[_font~=capitalize] { + text-transform: capitalize; +} + +[_font~=bold] { + font-weight: bold; +} + +[_font~=bolder] { + font-weight: bolder; +} + +[_font~=lighter] { + font-weight: lighter; +} + +[_font~=normal] { + font-weight: normal; +} + +[_font~=italic] { + font-style: italic; +} + +[_font~=mark], +[_font~=hilight] { + background-color: #f9c866; + color: #1a1d2d; +} + +[_decoration~=linethrough], +[_decoration~=del] { + text-decoration: line-through; +} + +[_decoration~=underline], +[_decoration~=line] { + text-decoration: underline; +} + +[_decoration~=none] { + text-decoration: none; +} + +[_color~=lime], +[_font~=lime] { + color: #aad922; +} + +[_color~=lime-light-0], +[_font~=lime-light-0] { + color: #aad922; +} + +[_color~=lime-light-1], +[_font~=lime-light-1] { + color: #b0de2c; +} + +[_color~=lime-light-2], +[_font~=lime-light-2] { + color: #b5e03a; +} + +[_color~=lime-light-3], +[_font~=lime-light-3] { + color: #bae247; +} + +[_color~=lime-light-4], +[_font~=lime-light-4] { + color: #bfe454; +} + +[_color~=lime-light-5], +[_font~=lime-light-5] { + color: #c4e661; +} + +[_color~=lime-light-6], +[_font~=lime-light-6] { + color: #c9e86e; +} + +[_color~=lime-light-7], +[_font~=lime-light-7] { + color: #ceea7c; +} + +[_color~=lime-light-8], +[_font~=lime-light-8] { + color: #d3ec89; +} + +[_color~=lime-light-9], +[_font~=lime-light-9] { + color: #d8ef96; +} + +[_color~=lime-light-10], +[_font~=lime-light-10] { + color: #ddf1a3; +} + +[_color~=lime-dark-0], +[_font~=lime-dark-0] { + color: #aad922; +} + +[_color~=lime-dark-1], +[_font~=lime-dark-1] { + color: #a0cc20; +} + +[_color~=lime-dark-2], +[_font~=lime-dark-2] { + color: #95bf1e; +} + +[_color~=lime-dark-3], +[_font~=lime-dark-3] { + color: #8bb11c; +} + +[_color~=lime-dark-4], +[_font~=lime-dark-4] { + color: #81a41a; +} + +[_color~=lime-dark-5], +[_font~=lime-dark-5] { + color: #769718; +} + +[_color~=lime-dark-6], +[_font~=lime-dark-6] { + color: #6c8a16; +} + +[_color~=lime-dark-7], +[_font~=lime-dark-7] { + color: #617c13; +} + +[_color~=lime-dark-8], +[_font~=lime-dark-8] { + color: #576f11; +} + +[_color~=lime-dark-9], +[_font~=lime-dark-9] { + color: #4d620f; +} + +[_color~=lime-dark-10], +[_font~=lime-dark-10] { + color: #42550d; +} + +[_font~=left] { + text-align: left; +} + +[_font~=right] { + text-align: right; +} + +[_font~=center] { + text-align: center; +} + +[_font~=justify] { + text-align: justify; +} + +[_font~=lower] { + text-transform: lowercase; +} + +[_font~=upper] { + text-transform: uppercase; +} + +[_font~=capitalize] { + text-transform: capitalize; +} + +[_font~=bold] { + font-weight: bold; +} + +[_font~=bolder] { + font-weight: bolder; +} + +[_font~=lighter] { + font-weight: lighter; +} + +[_font~=normal] { + font-weight: normal; +} + +[_font~=italic] { + font-style: italic; +} + +[_font~=mark], +[_font~=hilight] { + background-color: #f9c866; + color: #1a1d2d; +} + +[_decoration~=linethrough], +[_decoration~=del] { + text-decoration: line-through; +} + +[_decoration~=underline], +[_decoration~=line] { + text-decoration: underline; +} + +[_decoration~=none] { + text-decoration: none; +} + +[_color~=yellow], +[_font~=yellow] { + color: #f7b32b; +} + +[_color~=yellow-light-0], +[_font~=yellow-light-0] { + color: #f7b32b; +} + +[_color~=yellow-light-1], +[_font~=yellow-light-1] { + color: #f8b83a; +} + +[_color~=yellow-light-2], +[_font~=yellow-light-2] { + color: #f8be48; +} + +[_color~=yellow-light-3], +[_font~=yellow-light-3] { + color: #f9c357; +} + +[_color~=yellow-light-4], +[_font~=yellow-light-4] { + color: #f9c866; +} + +[_color~=yellow-light-5], +[_font~=yellow-light-5] { + color: #facd75; +} + +[_color~=yellow-light-6], +[_font~=yellow-light-6] { + color: #fad383; +} + +[_color~=yellow-light-7], +[_font~=yellow-light-7] { + color: #fbd892; +} + +[_color~=yellow-light-8], +[_font~=yellow-light-8] { + color: #fbdda1; +} + +[_color~=yellow-light-9], +[_font~=yellow-light-9] { + color: #fce3b0; +} + +[_color~=yellow-light-10], +[_font~=yellow-light-10] { + color: #fde8be; +} + +[_color~=yellow-dark-0], +[_font~=yellow-dark-0] { + color: #f7b32b; +} + +[_color~=yellow-dark-1], +[_font~=yellow-dark-1] { + color: #f6ae1c; +} + +[_color~=yellow-dark-2], +[_font~=yellow-dark-2] { + color: #f6a80e; +} + +[_color~=yellow-dark-3], +[_font~=yellow-dark-3] { + color: #eba009; +} + +[_color~=yellow-dark-4], +[_font~=yellow-dark-4] { + color: #dc9608; +} + +[_color~=yellow-dark-5], +[_font~=yellow-dark-5] { + color: #ce8c08; +} + +[_color~=yellow-dark-6], +[_font~=yellow-dark-6] { + color: #bf8207; +} + +[_color~=yellow-dark-7], +[_font~=yellow-dark-7] { + color: #b07807; +} + +[_color~=yellow-dark-8], +[_font~=yellow-dark-8] { + color: #a26e06; +} + +[_color~=yellow-dark-9], +[_font~=yellow-dark-9] { + color: #936406; +} + +[_color~=yellow-dark-10], +[_font~=yellow-dark-10] { + color: #845a05; +} + +[_font~=left] { + text-align: left; +} + +[_font~=right] { + text-align: right; +} + +[_font~=center] { + text-align: center; +} + +[_font~=justify] { + text-align: justify; +} + +[_font~=lower] { + text-transform: lowercase; +} + +[_font~=upper] { + text-transform: uppercase; +} + +[_font~=capitalize] { + text-transform: capitalize; +} + +[_font~=bold] { + font-weight: bold; +} + +[_font~=bolder] { + font-weight: bolder; +} + +[_font~=lighter] { + font-weight: lighter; +} + +[_font~=normal] { + font-weight: normal; +} + +[_font~=italic] { + font-style: italic; +} + +[_font~=mark], +[_font~=hilight] { + background-color: #f9c866; + color: #1a1d2d; +} + +[_decoration~=linethrough], +[_decoration~=del] { + text-decoration: line-through; +} + +[_decoration~=underline], +[_decoration~=line] { + text-decoration: underline; +} + +[_decoration~=none] { + text-decoration: none; +} + +[_color~=amber], +[_font~=amber] { + color: #ff7f11; +} + +[_color~=amber-light-0], +[_font~=amber-light-0] { + color: #ff7f11; +} + +[_color~=amber-light-1], +[_font~=amber-light-1] { + color: #ff8720; +} + +[_color~=amber-light-2], +[_font~=amber-light-2] { + color: #ff8f30; +} + +[_color~=amber-light-3], +[_font~=amber-light-3] { + color: #ff983f; +} + +[_color~=amber-light-4], +[_font~=amber-light-4] { + color: #ffa04e; +} + +[_color~=amber-light-5], +[_font~=amber-light-5] { + color: #ffa85e; +} + +[_color~=amber-light-6], +[_font~=amber-light-6] { + color: #ffb06d; +} + +[_color~=amber-light-7], +[_font~=amber-light-7] { + color: #ffb97c; +} + +[_color~=amber-light-8], +[_font~=amber-light-8] { + color: #ffc18b; +} + +[_color~=amber-light-9], +[_font~=amber-light-9] { + color: #ffc99b; +} + +[_color~=amber-light-10], +[_font~=amber-light-10] { + color: #ffd1aa; +} + +[_color~=amber-dark-0], +[_font~=amber-dark-0] { + color: #ff7f11; +} + +[_color~=amber-dark-1], +[_font~=amber-dark-1] { + color: #ff7702; +} + +[_color~=amber-dark-2], +[_font~=amber-dark-2] { + color: #f17000; +} + +[_color~=amber-dark-3], +[_font~=amber-dark-3] { + color: #e26900; +} + +[_color~=amber-dark-4], +[_font~=amber-dark-4] { + color: #d36100; +} + +[_color~=amber-dark-5], +[_font~=amber-dark-5] { + color: #c45a00; +} + +[_color~=amber-dark-6], +[_font~=amber-dark-6] { + color: #b45300; +} + +[_color~=amber-dark-7], +[_font~=amber-dark-7] { + color: #a54c00; +} + +[_color~=amber-dark-8], +[_font~=amber-dark-8] { + color: #964500; +} + +[_color~=amber-dark-9], +[_font~=amber-dark-9] { + color: #863e00; +} + +[_color~=amber-dark-10], +[_font~=amber-dark-10] { + color: #773700; +} + +[_font~=left] { + text-align: left; +} + +[_font~=right] { + text-align: right; +} + +[_font~=center] { + text-align: center; +} + +[_font~=justify] { + text-align: justify; +} + +[_font~=lower] { + text-transform: lowercase; +} + +[_font~=upper] { + text-transform: uppercase; +} + +[_font~=capitalize] { + text-transform: capitalize; +} + +[_font~=bold] { + font-weight: bold; +} + +[_font~=bolder] { + font-weight: bolder; +} + +[_font~=lighter] { + font-weight: lighter; +} + +[_font~=normal] { + font-weight: normal; +} + +[_font~=italic] { + font-style: italic; +} + +[_font~=mark], +[_font~=hilight] { + background-color: #f9c866; + color: #1a1d2d; +} + +[_decoration~=linethrough], +[_decoration~=del] { + text-decoration: line-through; +} + +[_decoration~=underline], +[_decoration~=line] { + text-decoration: underline; +} + +[_decoration~=none] { + text-decoration: none; +} + +[_color~=orange], +[_font~=orange] { + color: #f34213; +} + +[_color~=orange-light-0], +[_font~=orange-light-0] { + color: #f34213; +} + +[_color~=orange-light-1], +[_font~=orange-light-1] { + color: #f44e22; +} + +[_color~=orange-light-2], +[_font~=orange-light-2] { + color: #f45930; +} + +[_color~=orange-light-3], +[_font~=orange-light-3] { + color: #f5653f; +} + +[_color~=orange-light-4], +[_font~=orange-light-4] { + color: #f6714d; +} + +[_color~=orange-light-5], +[_font~=orange-light-5] { + color: #f77c5c; +} + +[_color~=orange-light-6], +[_font~=orange-light-6] { + color: #f7886a; +} + +[_color~=orange-light-7], +[_font~=orange-light-7] { + color: #f89479; +} + +[_color~=orange-light-8], +[_font~=orange-light-8] { + color: #f99f87; +} + +[_color~=orange-light-9], +[_font~=orange-light-9] { + color: #faab96; +} + +[_color~=orange-light-10], +[_font~=orange-light-10] { + color: #fab7a5; +} + +[_color~=orange-dark-0], +[_font~=orange-dark-0] { + color: #f34213; +} + +[_color~=orange-dark-1], +[_font~=orange-dark-1] { + color: #eb3b0c; +} + +[_color~=orange-dark-2], +[_font~=orange-dark-2] { + color: #dc370b; +} + +[_color~=orange-dark-3], +[_font~=orange-dark-3] { + color: #ce330a; +} + +[_color~=orange-dark-4], +[_font~=orange-dark-4] { + color: #bf300a; +} + +[_color~=orange-dark-5], +[_font~=orange-dark-5] { + color: #b12c09; +} + +[_color~=orange-dark-6], +[_font~=orange-dark-6] { + color: #a22808; +} + +[_color~=orange-dark-7], +[_font~=orange-dark-7] { + color: #932507; +} + +[_color~=orange-dark-8], +[_font~=orange-dark-8] { + color: #852107; +} + +[_color~=orange-dark-9], +[_font~=orange-dark-9] { + color: #761e06; +} + +[_color~=orange-dark-10], +[_font~=orange-dark-10] { + color: #681a05; +} + +[_font~=left] { + text-align: left; +} + +[_font~=right] { + text-align: right; +} + +[_font~=center] { + text-align: center; +} + +[_font~=justify] { + text-align: justify; +} + +[_font~=lower] { + text-transform: lowercase; +} + +[_font~=upper] { + text-transform: uppercase; +} + +[_font~=capitalize] { + text-transform: capitalize; +} + +[_font~=bold] { + font-weight: bold; +} + +[_font~=bolder] { + font-weight: bolder; +} + +[_font~=lighter] { + font-weight: lighter; +} + +[_font~=normal] { + font-weight: normal; +} + +[_font~=italic] { + font-style: italic; +} + +[_font~=mark], +[_font~=hilight] { + background-color: #f9c866; + color: #1a1d2d; +} + +[_decoration~=linethrough], +[_decoration~=del] { + text-decoration: line-through; +} + +[_decoration~=underline], +[_decoration~=line] { + text-decoration: underline; +} + +[_decoration~=none] { + text-decoration: none; +} + +[_color~=brown], +[_font~=brown] { + color: #823329; +} + +[_color~=brown-light-0], +[_font~=brown-light-0] { + color: #823329; +} + +[_color~=brown-light-1], +[_font~=brown-light-1] { + color: #8e382d; +} + +[_color~=brown-light-2], +[_font~=brown-light-2] { + color: #993c30; +} + +[_color~=brown-light-3], +[_font~=brown-light-3] { + color: #a54134; +} + +[_color~=brown-light-4], +[_font~=brown-light-4] { + color: #b14538; } -[_table][_table~=striped] tbody tr:nth-of-type(2n+1) { - background-color: rgba(106, 116, 169, 0.2); + +[_color~=brown-light-5], +[_font~=brown-light-5] { + color: #bc4a3b; } -[_table][_table~=bordered] { - border: 1px solid rgba(106, 116, 169, 0.2); + +[_color~=brown-light-6], +[_font~=brown-light-6] { + color: #c45243; } -[_table][_table~=bordered] th:not(:first-child), -[_table][_table~=bordered] td:not(:first-child) { - border: 1px solid rgba(106, 116, 169, 0.2); + +[_color~=brown-light-7], +[_font~=brown-light-7] { + color: #c75c4f; +} + +[_color~=brown-light-8], +[_font~=brown-light-8] { + color: #cb675a; +} + +[_color~=brown-light-9], +[_font~=brown-light-9] { + color: #cf7266; +} + +[_color~=brown-light-10], +[_font~=brown-light-10] { + color: #d27c72; +} + +[_color~=brown-dark-0], +[_font~=brown-dark-0] { + color: #823329; +} + +[_color~=brown-dark-1], +[_font~=brown-dark-1] { + color: #762e25; +} + +[_color~=brown-dark-2], +[_font~=brown-dark-2] { + color: #6b2a22; +} + +[_color~=brown-dark-3], +[_font~=brown-dark-3] { + color: #5f251e; +} + +[_color~=brown-dark-4], +[_font~=brown-dark-4] { + color: #53211a; +} + +[_color~=brown-dark-5], +[_font~=brown-dark-5] { + color: #481c17; +} + +[_color~=brown-dark-6], +[_font~=brown-dark-6] { + color: #3c1813; +} + +[_color~=brown-dark-7], +[_font~=brown-dark-7] { + color: #31130f; +} + +[_color~=brown-dark-8], +[_font~=brown-dark-8] { + color: #250e0c; +} + +[_color~=brown-dark-9], +[_font~=brown-dark-9] { + color: #190a08; +} + +[_color~=brown-dark-10], +[_font~=brown-dark-10] { + color: #0e0504; +} + +[_font~=left] { + text-align: left; +} + +[_font~=right] { + text-align: right; +} + +[_font~=center] { + text-align: center; +} + +[_font~=justify] { + text-align: justify; +} + +[_font~=lower] { + text-transform: lowercase; +} + +[_font~=upper] { + text-transform: uppercase; +} + +[_font~=capitalize] { + text-transform: capitalize; +} + +[_font~=bold] { + font-weight: bold; +} + +[_font~=bolder] { + font-weight: bolder; +} + +[_font~=lighter] { + font-weight: lighter; +} + +[_font~=normal] { + font-weight: normal; +} + +[_font~=italic] { + font-style: italic; +} + +[_font~=mark], +[_font~=hilight] { + background-color: #f9c866; + color: #1a1d2d; +} + +[_decoration~=linethrough], +[_decoration~=del] { + text-decoration: line-through; +} + +[_decoration~=underline], +[_decoration~=line] { + text-decoration: underline; +} + +[_decoration~=none] { + text-decoration: none; +} + +[_color~=grey], +[_font~=grey] { + color: #7179ad; +} + +[_color~=grey-light-0], +[_font~=grey-light-0] { + color: #7179ad; +} + +[_color~=grey-light-1], +[_font~=grey-light-1] { + color: #7b82b3; +} + +[_color~=grey-light-2], +[_font~=grey-light-2] { + color: #848bb8; +} + +[_color~=grey-light-3], +[_font~=grey-light-3] { + color: #8e94be; +} + +[_color~=grey-light-4], +[_font~=grey-light-4] { + color: #989ec3; +} + +[_color~=grey-light-5], +[_font~=grey-light-5] { + color: #a1a7c9; +} + +[_color~=grey-light-6], +[_font~=grey-light-6] { + color: #abb0cf; +} + +[_color~=grey-light-7], +[_font~=grey-light-7] { + color: #b5b9d4; +} + +[_color~=grey-light-8], +[_font~=grey-light-8] { + color: #bfc2da; +} + +[_color~=grey-light-9], +[_font~=grey-light-9] { + color: #c8cbdf; +} + +[_color~=grey-light-10], +[_font~=grey-light-10] { + color: #d2d5e5; +} + +[_color~=grey-dark-0], +[_font~=grey-dark-0] { + color: #7179ad; +} + +[_color~=grey-dark-1], +[_font~=grey-dark-1] { + color: #6770a7; +} + +[_color~=grey-dark-2], +[_font~=grey-dark-2] { + color: #5e67a2; +} + +[_color~=grey-dark-3], +[_font~=grey-dark-3] { + color: #586098; +} + +[_color~=grey-dark-4], +[_font~=grey-dark-4] { + color: #525a8f; +} + +[_color~=grey-dark-5], +[_font~=grey-dark-5] { + color: #4d5485; +} + +[_color~=grey-dark-6], +[_font~=grey-dark-6] { + color: #474e7b; +} + +[_color~=grey-dark-7], +[_font~=grey-dark-7] { + color: #414871; +} + +[_color~=grey-dark-8], +[_font~=grey-dark-8] { + color: #3c4268; +} + +[_color~=grey-dark-9], +[_font~=grey-dark-9] { + color: #363c5e; +} + +[_color~=grey-dark-10], +[_font~=grey-dark-10] { + color: #313554; +} + +[_font~=left] { + text-align: left; +} + +[_font~=right] { + text-align: right; +} + +[_font~=center] { + text-align: center; +} + +[_font~=justify] { + text-align: justify; +} + +[_font~=lower] { + text-transform: lowercase; +} + +[_font~=upper] { + text-transform: uppercase; +} + +[_font~=capitalize] { + text-transform: capitalize; +} + +[_font~=bold] { + font-weight: bold; +} + +[_font~=bolder] { + font-weight: bolder; +} + +[_font~=lighter] { + font-weight: lighter; +} + +[_font~=normal] { + font-weight: normal; +} + +[_font~=italic] { + font-style: italic; +} + +[_font~=mark], +[_font~=hilight] { + background-color: #f9c866; + color: #1a1d2d; +} + +[_decoration~=linethrough], +[_decoration~=del] { + text-decoration: line-through; +} + +[_decoration~=underline], +[_decoration~=line] { + text-decoration: underline; +} + +[_decoration~=none] { + text-decoration: none; +} + +[_color~=black], +[_font~=black] { + color: #1a1d2d; +} + +[_color~=black-light-0], +[_font~=black-light-0] { + color: #1a1d2d; +} + +[_color~=black-light-1], +[_font~=black-light-1] { + color: #202337; +} + +[_color~=black-light-2], +[_font~=black-light-2] { + color: #252940; +} + +[_color~=black-light-3], +[_font~=black-light-3] { + color: #2b304a; +} + +[_color~=black-light-4], +[_font~=black-light-4] { + color: #303654; +} + +[_color~=black-light-5], +[_font~=black-light-5] { + color: #363c5d; +} + +[_color~=black-light-6], +[_font~=black-light-6] { + color: #3c4267; +} + +[_color~=black-light-7], +[_font~=black-light-7] { + color: #414971; +} + +[_color~=black-light-8], +[_font~=black-light-8] { + color: #474f7b; +} + +[_color~=black-light-9], +[_font~=black-light-9] { + color: #4c5584; +} + +[_color~=black-light-10], +[_font~=black-light-10] { + color: #525b8e; +} + +[_color~=black-dark-0], +[_font~=black-dark-0] { + color: #1a1d2d; } -[_table][_table~=hover] tr:hover { - background-color: rgba(106, 116, 169, 0.3); + +[_color~=black-dark-1], +[_font~=black-dark-1] { + color: #141723; } -[_table][_table~=compact] th, -[_table][_table~=compact] td { - padding: 0.3rem; + +[_color~=black-dark-2], +[_font~=black-dark-2] { + color: #0f111a; } -[_table] thead th { - vertical-align: bottom; - border-bottom: 2px solid rgba(106, 116, 169, 0.2); + +[_color~=black-dark-3], +[_font~=black-dark-3] { + color: #090a10; } -[_table] tr td, -[_table] tr th { - padding: 0.75rem; - vertical-align: top; + +[_color~=black-dark-4], +[_font~=black-dark-4] { + color: #040406; } -[_table] tr:not(:first-child) td, -[_table] tr:not(:first-child) th { - border-top: 1px solid rgba(106, 116, 169, 0.2); + +[_color~=black-dark-5], +[_font~=black-dark-5] { + color: black; } -[_table] th { - text-align: inherit; + +[_color~=black-dark-6], +[_font~=black-dark-6] { + color: black; } -[_btn] { - cursor: pointer; - -webkit-appearance: button; - display: inline-block; - font-weight: 400; - text-align: center; - white-space: nowrap; - vertical-align: middle; - user-select: none; - border: 1px solid transparent; - background-color: transparent; - text-transform: none; - margin: 0; - font-family: inherit; - padding: 0.4rem 1rem; - font-size: 1rem; - line-height: 1.5; - transition: all 0.2s; +[_color~=black-dark-7], +[_font~=black-dark-7] { + color: black; } -[_btn][_btn~=lg], [_btn][_btn~=large] { - padding: 0.5rem 1.25rem; - font-size: 1.25rem; - line-height: 1.5; + +[_color~=black-dark-8], +[_font~=black-dark-8] { + color: black; } -[_btn][_btn~=sm], [_btn][_btn~=small] { - padding: 0.25rem 0.75rem; - font-size: 0.8rem; - line-height: 1.5; + +[_color~=black-dark-9], +[_font~=black-dark-9] { + color: black; } -[_btn][_btn~=block], [_btn][_btn~=full] { - display: block; - width: 100%; + +[_color~=black-dark-10], +[_font~=black-dark-10] { + color: black; } -[_btn][_btn~=red] { - background-color: #f24236; - border-color: #f24236; - color: #fbfaf8; + +[_font~=left] { + text-align: left; } -[_btn][_btn~=red]:hover { - background-color: #e61d0f; - border-color: #e61d0f; + +[_font~=right] { + text-align: right; } -[_btn][_btn~=pink] { - background-color: #e43f6f; - border-color: #e43f6f; - color: #fbfaf8; + +[_font~=center] { + text-align: center; } -[_btn][_btn~=pink]:hover { - background-color: #d21e52; - border-color: #d21e52; + +[_font~=justify] { + text-align: justify; } -[_btn][_btn~=purple] { - background-color: #6564db; - border-color: #6564db; - color: #fbfaf8; + +[_font~=lower] { + text-transform: lowercase; } -[_btn][_btn~=purple]:hover { - background-color: #3c3bd1; - border-color: #3c3bd1; + +[_font~=upper] { + text-transform: uppercase; } -[_btn][_btn~=indigo] { - background-color: #473bf0; - border-color: #473bf0; - color: #fbfaf8; + +[_font~=capitalize] { + text-transform: capitalize; } -[_btn][_btn~=indigo]:hover { - background-color: #2012e6; - border-color: #2012e6; + +[_font~=bold] { + font-weight: bold; } -[_btn][_btn~=blue] { - background-color: #3169c4; - border-color: #3169c4; - color: #fbfaf8; + +[_font~=bolder] { + font-weight: bolder; } -[_btn][_btn~=blue]:hover { - background-color: #27539b; - border-color: #27539b; + +[_font~=lighter] { + font-weight: lighter; } -[_btn][_btn~=cyan] { - background-color: #1fa6c1; - border-color: #1fa6c1; - color: #fbfaf8; + +[_font~=normal] { + font-weight: normal; } -[_btn][_btn~=cyan]:hover { - background-color: #188095; - border-color: #188095; + +[_font~=italic] { + font-style: italic; } -[_btn][_btn~=teal] { - background-color: #00bfb2; - border-color: #00bfb2; - color: #fbfaf8; + +[_font~=mark], +[_font~=hilight] { + background-color: #f9c866; + color: #1a1d2d; } -[_btn][_btn~=teal]:hover { - background-color: #008c82; - border-color: #008c82; + +[_decoration~=linethrough], +[_decoration~=del] { + text-decoration: line-through; } -[_btn][_btn~=green] { - background-color: #3ccd65; - border-color: #3ccd65; - color: #fbfaf8; + +[_decoration~=underline], +[_decoration~=line] { + text-decoration: underline; } -[_btn][_btn~=green]:hover { - background-color: #2caa4f; - border-color: #2caa4f; + +[_decoration~=none] { + text-decoration: none; } -[_btn][_btn~=lime] { - background-color: #aad922; - border-color: #aad922; + +[_color~=white], +[_font~=white] { color: #fbfaf8; } -[_btn][_btn~=lime]:hover { - background-color: #87ad1b; - border-color: #87ad1b; -} -[_btn][_btn~=yellow] { - background-color: #f7b32b; - border-color: #f7b32b; + +[_color~=white-light-0], +[_font~=white-light-0] { color: #fbfaf8; } -[_btn][_btn~=yellow]:hover { - background-color: #e69c09; - border-color: #e69c09; + +[_color~=white-light-1], +[_font~=white-light-1] { + color: white; } -[_btn][_btn~=amber] { - background-color: #ff7f11; - border-color: #ff7f11; - color: #fbfaf8; + +[_color~=white-light-2], +[_font~=white-light-2] { + color: white; } -[_btn][_btn~=amber]:hover { - background-color: #dd6600; - border-color: #dd6600; + +[_color~=white-light-3], +[_font~=white-light-3] { + color: white; } -[_btn][_btn~=orange] { - background-color: #f34213; - border-color: #f34213; - color: #fbfaf8; + +[_color~=white-light-4], +[_font~=white-light-4] { + color: white; } -[_btn][_btn~=orange]:hover { - background-color: #c9320a; - border-color: #c9320a; + +[_color~=white-light-5], +[_font~=white-light-5] { + color: white; } -[_btn][_btn~=brown] { - background-color: #823329; - border-color: #823329; - color: #fbfaf8; + +[_color~=white-light-6], +[_font~=white-light-6] { + color: white; } -[_btn][_btn~=brown]:hover { - background-color: #5b241d; - border-color: #5b241d; + +[_color~=white-light-7], +[_font~=white-light-7] { + color: white; } -[_btn][_btn~=grey] { - background-color: #7179ad; - border-color: #7179ad; - color: #fbfaf8; + +[_color~=white-light-8], +[_font~=white-light-8] { + color: white; } -[_btn][_btn~=grey]:hover { - background-color: #565e95; - border-color: #565e95; + +[_color~=white-light-9], +[_font~=white-light-9] { + color: white; } -[_btn][_btn~=black] { - background-color: #1a1d2d; - border-color: #1a1d2d; - color: #fbfaf8; + +[_color~=white-light-10], +[_font~=white-light-10] { + color: white; } -[_btn][_btn~=black]:hover { - background-color: #07080d; - border-color: #07080d; + +[_color~=white-dark-0], +[_font~=white-dark-0] { + color: #fbfaf8; } -[_btn][_btn~=white] { - background-color: #fbfaf8; - border-color: #fbfaf8; - color: #1a1d2d; + +[_color~=white-dark-1], +[_font~=white-dark-1] { + color: #f5f3ee; } -[_btn][_btn~=white]:hover { - background-color: #e8e3d8; - border-color: #e8e3d8; + +[_color~=white-dark-2], +[_font~=white-dark-2] { + color: #f0ece5; } -[_btn][_btn~=transparent] { - background-color: transparent; - border-color: transparent; - color: #fbfaf8; + +[_color~=white-dark-3], +[_font~=white-dark-3] { + color: #eae5db; } -[_btn][_btn~=transparent]:hover { - background-color: rgba(0, 0, 0, 0); - border-color: rgba(0, 0, 0, 0); + +[_color~=white-dark-4], +[_font~=white-dark-4] { + color: #e5ded1; } -[_btn][_btn~=dark] { - background-color: #1a1d2d; - border-color: #1a1d2d; - color: #fbfaf8; + +[_color~=white-dark-5], +[_font~=white-dark-5] { + color: #dfd7c7; } -[_btn][_btn~=dark]:hover { - background-color: #07080d; - border-color: #07080d; + +[_color~=white-dark-6], +[_font~=white-dark-6] { + color: #dad0be; } -[_btn][_btn~=light] { - background-color: #fbfaf8; - border-color: #fbfaf8; - color: #1a1d2d; + +[_color~=white-dark-7], +[_font~=white-dark-7] { + color: #d4c9b4; } -[_btn][_btn~=light]:hover { - background-color: #e8e3d8; - border-color: #e8e3d8; + +[_color~=white-dark-8], +[_font~=white-dark-8] { + color: #cec2aa; } -[_btn][_btn~=primary] { - background-color: #00bfb2; - border-color: #00bfb2; - color: #fbfaf8; + +[_color~=white-dark-9], +[_font~=white-dark-9] { + color: #c9bba0; } -[_btn][_btn~=primary]:hover { - background-color: #008c82; - border-color: #008c82; + +[_color~=white-dark-10], +[_font~=white-dark-10] { + color: #c3b497; } -[_btn][_btn~=secondary] { - background-color: #7179ad; - border-color: #7179ad; - color: #fbfaf8; + +[_font~=left] { + text-align: left; } -[_btn][_btn~=secondary]:hover { - background-color: #565e95; - border-color: #565e95; + +[_font~=right] { + text-align: right; } -[_btn][_btn~=success] { - background-color: #3ccd65; - border-color: #3ccd65; - color: #fbfaf8; + +[_font~=center] { + text-align: center; } -[_btn][_btn~=success]:hover { - background-color: #2caa4f; - border-color: #2caa4f; + +[_font~=justify] { + text-align: justify; } -[_btn][_btn~=info] { - background-color: #1fa6c1; - border-color: #1fa6c1; - color: #fbfaf8; + +[_font~=lower] { + text-transform: lowercase; } -[_btn][_btn~=info]:hover { - background-color: #188095; - border-color: #188095; + +[_font~=upper] { + text-transform: uppercase; } -[_btn][_btn~=warning] { - background-color: #ff7f11; - border-color: #ff7f11; - color: #fbfaf8; + +[_font~=capitalize] { + text-transform: capitalize; } -[_btn][_btn~=warning]:hover { - background-color: #dd6600; - border-color: #dd6600; + +[_font~=bold] { + font-weight: bold; } -[_btn][_btn~=danger] { - background-color: #f24236; - border-color: #f24236; - color: #fbfaf8; + +[_font~=bolder] { + font-weight: bolder; } -[_btn][_btn~=danger]:hover { - background-color: #e61d0f; - border-color: #e61d0f; + +[_font~=lighter] { + font-weight: lighter; } -[_btn][_btn~=muted] { - background-color: #6a74a9; - border-color: #6a74a9; - color: #fbfaf8; + +[_font~=normal] { + font-weight: normal; } -[_btn][_btn~=muted]:hover { - background-color: #525b8e; - border-color: #525b8e; + +[_font~=italic] { + font-style: italic; } -[_btn][_btn~=outline] { - background-color: transparent; + +[_font~=mark], +[_font~=hilight] { + background-color: #f9c866; + color: #1a1d2d; } -[_btn][_btn~=outline][_btn~=red] { - color: #f24236; - border-color: #f24236; + +[_decoration~=linethrough], +[_decoration~=del] { + text-decoration: line-through; } -[_btn][_btn~=outline][_btn~=red]:hover { - background-color: #f24236; - border-color: #f24236; - color: #fbfaf8; + +[_decoration~=underline], +[_decoration~=line] { + text-decoration: underline; } -[_btn][_btn~=outline][_btn~=pink] { - color: #e43f6f; - border-color: #e43f6f; + +[_decoration~=none] { + text-decoration: none; } -[_btn][_btn~=outline][_btn~=pink]:hover { - background-color: #e43f6f; - border-color: #e43f6f; - color: #fbfaf8; + +[_color~=transparent], +[_font~=transparent] { + color: transparent; } -[_btn][_btn~=outline][_btn~=purple] { - color: #6564db; - border-color: #6564db; + +[_color~=transparent-light-0], +[_font~=transparent-light-0] { + color: transparent; } -[_btn][_btn~=outline][_btn~=purple]:hover { - background-color: #6564db; - border-color: #6564db; - color: #fbfaf8; + +[_color~=transparent-light-1], +[_font~=transparent-light-1] { + color: rgba(8, 8, 8, 0); } -[_btn][_btn~=outline][_btn~=indigo] { - color: #473bf0; - border-color: #473bf0; + +[_color~=transparent-light-2], +[_font~=transparent-light-2] { + color: rgba(15, 15, 15, 0); } -[_btn][_btn~=outline][_btn~=indigo]:hover { - background-color: #473bf0; - border-color: #473bf0; - color: #fbfaf8; + +[_color~=transparent-light-3], +[_font~=transparent-light-3] { + color: rgba(23, 23, 23, 0); } -[_btn][_btn~=outline][_btn~=blue] { - color: #3169c4; - border-color: #3169c4; + +[_color~=transparent-light-4], +[_font~=transparent-light-4] { + color: rgba(31, 31, 31, 0); } -[_btn][_btn~=outline][_btn~=blue]:hover { - background-color: #3169c4; - border-color: #3169c4; - color: #fbfaf8; + +[_color~=transparent-light-5], +[_font~=transparent-light-5] { + color: rgba(38, 38, 38, 0); } -[_btn][_btn~=outline][_btn~=cyan] { - color: #1fa6c1; - border-color: #1fa6c1; + +[_color~=transparent-light-6], +[_font~=transparent-light-6] { + color: rgba(46, 46, 46, 0); } -[_btn][_btn~=outline][_btn~=cyan]:hover { - background-color: #1fa6c1; - border-color: #1fa6c1; - color: #fbfaf8; + +[_color~=transparent-light-7], +[_font~=transparent-light-7] { + color: rgba(54, 54, 54, 0); } -[_btn][_btn~=outline][_btn~=teal] { - color: #00bfb2; - border-color: #00bfb2; + +[_color~=transparent-light-8], +[_font~=transparent-light-8] { + color: rgba(61, 61, 61, 0); } -[_btn][_btn~=outline][_btn~=teal]:hover { - background-color: #00bfb2; - border-color: #00bfb2; - color: #fbfaf8; + +[_color~=transparent-light-9], +[_font~=transparent-light-9] { + color: rgba(69, 69, 69, 0); } -[_btn][_btn~=outline][_btn~=green] { - color: #3ccd65; - border-color: #3ccd65; + +[_color~=transparent-light-10], +[_font~=transparent-light-10] { + color: rgba(77, 77, 77, 0); } -[_btn][_btn~=outline][_btn~=green]:hover { - background-color: #3ccd65; - border-color: #3ccd65; - color: #fbfaf8; + +[_color~=transparent-dark-0], +[_font~=transparent-dark-0] { + color: transparent; } -[_btn][_btn~=outline][_btn~=lime] { - color: #aad922; - border-color: #aad922; + +[_color~=transparent-dark-1], +[_font~=transparent-dark-1] { + color: rgba(0, 0, 0, 0); } -[_btn][_btn~=outline][_btn~=lime]:hover { - background-color: #aad922; - border-color: #aad922; - color: #fbfaf8; + +[_color~=transparent-dark-2], +[_font~=transparent-dark-2] { + color: rgba(0, 0, 0, 0); } -[_btn][_btn~=outline][_btn~=yellow] { - color: #f7b32b; - border-color: #f7b32b; + +[_color~=transparent-dark-3], +[_font~=transparent-dark-3] { + color: rgba(0, 0, 0, 0); } -[_btn][_btn~=outline][_btn~=yellow]:hover { - background-color: #f7b32b; - border-color: #f7b32b; - color: #fbfaf8; + +[_color~=transparent-dark-4], +[_font~=transparent-dark-4] { + color: rgba(0, 0, 0, 0); } -[_btn][_btn~=outline][_btn~=amber] { - color: #ff7f11; - border-color: #ff7f11; + +[_color~=transparent-dark-5], +[_font~=transparent-dark-5] { + color: rgba(0, 0, 0, 0); } -[_btn][_btn~=outline][_btn~=amber]:hover { - background-color: #ff7f11; - border-color: #ff7f11; - color: #fbfaf8; + +[_color~=transparent-dark-6], +[_font~=transparent-dark-6] { + color: rgba(0, 0, 0, 0); } -[_btn][_btn~=outline][_btn~=orange] { - color: #f34213; - border-color: #f34213; + +[_color~=transparent-dark-7], +[_font~=transparent-dark-7] { + color: rgba(0, 0, 0, 0); } -[_btn][_btn~=outline][_btn~=orange]:hover { - background-color: #f34213; - border-color: #f34213; - color: #fbfaf8; + +[_color~=transparent-dark-8], +[_font~=transparent-dark-8] { + color: rgba(0, 0, 0, 0); } -[_btn][_btn~=outline][_btn~=brown] { - color: #823329; - border-color: #823329; + +[_color~=transparent-dark-9], +[_font~=transparent-dark-9] { + color: rgba(0, 0, 0, 0); } -[_btn][_btn~=outline][_btn~=brown]:hover { - background-color: #823329; - border-color: #823329; - color: #fbfaf8; + +[_color~=transparent-dark-10], +[_font~=transparent-dark-10] { + color: rgba(0, 0, 0, 0); } -[_btn][_btn~=outline][_btn~=grey] { - color: #7179ad; - border-color: #7179ad; + +[_font~=left] { + text-align: left; } -[_btn][_btn~=outline][_btn~=grey]:hover { - background-color: #7179ad; - border-color: #7179ad; - color: #fbfaf8; + +[_font~=right] { + text-align: right; } -[_btn][_btn~=outline][_btn~=black] { - color: #1a1d2d; - border-color: #1a1d2d; + +[_font~=center] { + text-align: center; +} + +[_font~=justify] { + text-align: justify; } -[_btn][_btn~=outline][_btn~=black]:hover { - background-color: #1a1d2d; - border-color: #1a1d2d; - color: #fbfaf8; + +[_font~=lower] { + text-transform: lowercase; } -[_btn][_btn~=outline][_btn~=white] { - color: #fbfaf8; - border-color: #fbfaf8; + +[_font~=upper] { + text-transform: uppercase; } -[_btn][_btn~=outline][_btn~=white]:hover { - background-color: #fbfaf8; - border-color: #fbfaf8; - color: #1a1d2d; + +[_font~=capitalize] { + text-transform: capitalize; } -[_btn][_btn~=outline][_btn~=transparent] { - color: transparent; - border-color: transparent; + +[_font~=bold] { + font-weight: bold; } -[_btn][_btn~=outline][_btn~=transparent]:hover { - background-color: transparent; - border-color: transparent; - color: #fbfaf8; + +[_font~=bolder] { + font-weight: bolder; } -[_btn][_btn~=outline][_btn~=dark] { - color: #1a1d2d; - border-color: #1a1d2d; + +[_font~=lighter] { + font-weight: lighter; } -[_btn][_btn~=outline][_btn~=dark]:hover { - background-color: #1a1d2d; - border-color: #1a1d2d; - color: #fbfaf8; + +[_font~=normal] { + font-weight: normal; } -[_btn][_btn~=outline][_btn~=light] { - color: #fbfaf8; - border-color: #fbfaf8; + +[_font~=italic] { + font-style: italic; } -[_btn][_btn~=outline][_btn~=light]:hover { - background-color: #fbfaf8; - border-color: #fbfaf8; + +[_font~=mark], +[_font~=hilight] { + background-color: #f9c866; color: #1a1d2d; } -[_btn][_btn~=outline][_btn~=primary] { - color: #00bfb2; - border-color: #00bfb2; + +[_decoration~=linethrough], +[_decoration~=del] { + text-decoration: line-through; } -[_btn][_btn~=outline][_btn~=primary]:hover { - background-color: #00bfb2; - border-color: #00bfb2; - color: #fbfaf8; + +[_decoration~=underline], +[_decoration~=line] { + text-decoration: underline; } -[_btn][_btn~=outline][_btn~=secondary] { - color: #7179ad; - border-color: #7179ad; + +[_decoration~=none] { + text-decoration: none; } -[_btn][_btn~=outline][_btn~=secondary]:hover { - background-color: #7179ad; - border-color: #7179ad; - color: #fbfaf8; + +[_color~=dark], +[_font~=dark] { + color: #1a1d2d; } -[_btn][_btn~=outline][_btn~=success] { - color: #3ccd65; - border-color: #3ccd65; + +[_color~=dark-light-0], +[_font~=dark-light-0] { + color: #1a1d2d; } -[_btn][_btn~=outline][_btn~=success]:hover { - background-color: #3ccd65; - border-color: #3ccd65; - color: #fbfaf8; + +[_color~=dark-light-1], +[_font~=dark-light-1] { + color: #202337; } -[_btn][_btn~=outline][_btn~=info] { - color: #1fa6c1; - border-color: #1fa6c1; + +[_color~=dark-light-2], +[_font~=dark-light-2] { + color: #252940; } -[_btn][_btn~=outline][_btn~=info]:hover { - background-color: #1fa6c1; - border-color: #1fa6c1; - color: #fbfaf8; + +[_color~=dark-light-3], +[_font~=dark-light-3] { + color: #2b304a; } -[_btn][_btn~=outline][_btn~=warning] { - color: #ff7f11; - border-color: #ff7f11; + +[_color~=dark-light-4], +[_font~=dark-light-4] { + color: #303654; } -[_btn][_btn~=outline][_btn~=warning]:hover { - background-color: #ff7f11; - border-color: #ff7f11; - color: #fbfaf8; + +[_color~=dark-light-5], +[_font~=dark-light-5] { + color: #363c5d; } -[_btn][_btn~=outline][_btn~=danger] { - color: #f24236; - border-color: #f24236; + +[_color~=dark-light-6], +[_font~=dark-light-6] { + color: #3c4267; } -[_btn][_btn~=outline][_btn~=danger]:hover { - background-color: #f24236; - border-color: #f24236; - color: #fbfaf8; + +[_color~=dark-light-7], +[_font~=dark-light-7] { + color: #414971; } -[_btn][_btn~=outline][_btn~=muted] { - color: #6a74a9; - border-color: #6a74a9; + +[_color~=dark-light-8], +[_font~=dark-light-8] { + color: #474f7b; } -[_btn][_btn~=outline][_btn~=muted]:hover { - background-color: #6a74a9; - border-color: #6a74a9; - color: #fbfaf8; + +[_color~=dark-light-9], +[_font~=dark-light-9] { + color: #4c5584; } -[_breadcrumb] { - background-color: #bbbfd8; - padding: 15px; - border-radius: 5px; +[_color~=dark-light-10], +[_font~=dark-light-10] { + color: #525b8e; } -[_breadcrumb] > * { - text-decoration: none; - color: #00bfb2; - display: inline; + +[_color~=dark-dark-0], +[_font~=dark-dark-0] { + color: #1a1d2d; } -[_breadcrumb] > *:not(:first-child) { - margin-left: 10px; + +[_color~=dark-dark-1], +[_font~=dark-dark-1] { + color: #141723; } -[_breadcrumb] > *:not(:first-child):before { - content: var(--nav-breadcrumb-symbol); - margin-right: 10px; - color: #6a74a9; + +[_color~=dark-dark-2], +[_font~=dark-dark-2] { + color: #0f111a; } -[_breadcrumb] > *:last-child { - color: #6a74a9; + +[_color~=dark-dark-3], +[_font~=dark-dark-3] { + color: #090a10; } -[_navbar] { - background-color: #00bfb2; - padding: 30px 0; - font-size: 1.2rem; +[_color~=dark-dark-4], +[_font~=dark-dark-4] { + color: #040406; } -[_navbar][_navbar~=fixed] { - position: fixed; - top: 0; - left: 0; - right: 0; - z-index: 9999; + +[_color~=dark-dark-5], +[_font~=dark-dark-5] { + color: black; } -[_navbar] [_row] { - justify-content: space-between; - flex-wrap: nowrap; - margin: 0 35px; + +[_color~=dark-dark-6], +[_font~=dark-dark-6] { + color: black; } -[_navbar] [_row] [_brand] { - font-weight: bold; - font-size: 1.35em; + +[_color~=dark-dark-7], +[_font~=dark-dark-7] { + color: black; } -[_navbar] [_row] > div { - width: 100%; + +[_color~=dark-dark-8], +[_font~=dark-dark-8] { + color: black; } -[_navbar] [_row] > div:first-child { - text-align: left; + +[_color~=dark-dark-9], +[_font~=dark-dark-9] { + color: black; } -[_navbar] [_row] > div:first-child :not(:first-child) { - margin-left: 10px; + +[_color~=dark-dark-10], +[_font~=dark-dark-10] { + color: black; } -[_navbar] [_row] > div:last-child { + +[_font~=left] { + text-align: left; +} + +[_font~=right] { text-align: right; } -[_navbar] [_row] > div:last-child:first-child { - text-align: left; + +[_font~=center] { + text-align: center; } -[_navbar] [_row] > div:last-child :not(:last-child) { - margin-right: 10px; + +[_font~=justify] { + text-align: justify; } -[_navbar] [_row] > div * { - display: inline; - color: #fbfaf8; + +[_font~=lower] { + text-transform: lowercase; } -[_navbar] [_row] > div a { - color: #fbfaf8; - text-decoration: none; + +[_font~=upper] { + text-transform: uppercase; } -@media screen and (max-width: 580px) { - [_navbar] [_row] { - flex-wrap: wrap; - padding: 0; - } - [_navbar] [_row] > * { - padding: 0; - width: 100%; - } - [_navbar] [_row] > *:first-child, [_navbar] [_row] > *:last-child { - margin: 0 !important; - } - [_navbar] [_row] > *:first-child > *, [_navbar] [_row] > *:last-child > * { - margin: 0 !important; - } - [_navbar] [_row] > * > * { - margin: 0; - display: block !important; - text-align: center; - } + +[_font~=capitalize] { + text-transform: capitalize; } -[_navbar][_navbar~=red] { - background-color: #f24236; - border-color: #f24236; - color: #fbfaf8 !important; + +[_font~=bold] { + font-weight: bold; } -[_navbar][_navbar~=red] * { - color: #fbfaf8 !important; + +[_font~=bolder] { + font-weight: bolder; +} + +[_font~=lighter] { + font-weight: lighter; +} + +[_font~=normal] { + font-weight: normal; } -[_navbar][_navbar~=pink] { - background-color: #e43f6f; - border-color: #e43f6f; - color: #fbfaf8 !important; + +[_font~=italic] { + font-style: italic; } -[_navbar][_navbar~=pink] * { - color: #fbfaf8 !important; + +[_font~=mark], +[_font~=hilight] { + background-color: #f9c866; + color: #1a1d2d; } -[_navbar][_navbar~=purple] { - background-color: #6564db; - border-color: #6564db; - color: #fbfaf8 !important; + +[_decoration~=linethrough], +[_decoration~=del] { + text-decoration: line-through; } -[_navbar][_navbar~=purple] * { - color: #fbfaf8 !important; + +[_decoration~=underline], +[_decoration~=line] { + text-decoration: underline; } -[_navbar][_navbar~=indigo] { - background-color: #473bf0; - border-color: #473bf0; - color: #fbfaf8 !important; + +[_decoration~=none] { + text-decoration: none; } -[_navbar][_navbar~=indigo] * { - color: #fbfaf8 !important; + +[_color~=light], +[_font~=light] { + color: #fbfaf8; } -[_navbar][_navbar~=blue] { - background-color: #3169c4; - border-color: #3169c4; - color: #fbfaf8 !important; + +[_color~=light-light-0], +[_font~=light-light-0] { + color: #fbfaf8; } -[_navbar][_navbar~=blue] * { - color: #fbfaf8 !important; + +[_color~=light-light-1], +[_font~=light-light-1] { + color: white; } -[_navbar][_navbar~=cyan] { - background-color: #1fa6c1; - border-color: #1fa6c1; - color: #fbfaf8 !important; + +[_color~=light-light-2], +[_font~=light-light-2] { + color: white; } -[_navbar][_navbar~=cyan] * { - color: #fbfaf8 !important; + +[_color~=light-light-3], +[_font~=light-light-3] { + color: white; } -[_navbar][_navbar~=teal] { - background-color: #00bfb2; - border-color: #00bfb2; - color: #fbfaf8 !important; + +[_color~=light-light-4], +[_font~=light-light-4] { + color: white; } -[_navbar][_navbar~=teal] * { - color: #fbfaf8 !important; + +[_color~=light-light-5], +[_font~=light-light-5] { + color: white; } -[_navbar][_navbar~=green] { - background-color: #3ccd65; - border-color: #3ccd65; - color: #fbfaf8 !important; + +[_color~=light-light-6], +[_font~=light-light-6] { + color: white; } -[_navbar][_navbar~=green] * { - color: #fbfaf8 !important; + +[_color~=light-light-7], +[_font~=light-light-7] { + color: white; } -[_navbar][_navbar~=lime] { - background-color: #aad922; - border-color: #aad922; - color: #fbfaf8 !important; + +[_color~=light-light-8], +[_font~=light-light-8] { + color: white; } -[_navbar][_navbar~=lime] * { - color: #fbfaf8 !important; + +[_color~=light-light-9], +[_font~=light-light-9] { + color: white; } -[_navbar][_navbar~=yellow] { - background-color: #f7b32b; - border-color: #f7b32b; - color: #fbfaf8 !important; + +[_color~=light-light-10], +[_font~=light-light-10] { + color: white; } -[_navbar][_navbar~=yellow] * { - color: #fbfaf8 !important; + +[_color~=light-dark-0], +[_font~=light-dark-0] { + color: #fbfaf8; } -[_navbar][_navbar~=amber] { - background-color: #ff7f11; - border-color: #ff7f11; - color: #fbfaf8 !important; + +[_color~=light-dark-1], +[_font~=light-dark-1] { + color: #f5f3ee; } -[_navbar][_navbar~=amber] * { - color: #fbfaf8 !important; + +[_color~=light-dark-2], +[_font~=light-dark-2] { + color: #f0ece5; } -[_navbar][_navbar~=orange] { - background-color: #f34213; - border-color: #f34213; - color: #fbfaf8 !important; + +[_color~=light-dark-3], +[_font~=light-dark-3] { + color: #eae5db; } -[_navbar][_navbar~=orange] * { - color: #fbfaf8 !important; + +[_color~=light-dark-4], +[_font~=light-dark-4] { + color: #e5ded1; } -[_navbar][_navbar~=brown] { - background-color: #823329; - border-color: #823329; - color: #fbfaf8 !important; + +[_color~=light-dark-5], +[_font~=light-dark-5] { + color: #dfd7c7; } -[_navbar][_navbar~=brown] * { - color: #fbfaf8 !important; + +[_color~=light-dark-6], +[_font~=light-dark-6] { + color: #dad0be; } -[_navbar][_navbar~=grey] { - background-color: #7179ad; - border-color: #7179ad; - color: #fbfaf8 !important; + +[_color~=light-dark-7], +[_font~=light-dark-7] { + color: #d4c9b4; } -[_navbar][_navbar~=grey] * { - color: #fbfaf8 !important; + +[_color~=light-dark-8], +[_font~=light-dark-8] { + color: #cec2aa; } -[_navbar][_navbar~=black] { - background-color: #1a1d2d; - border-color: #1a1d2d; - color: #fbfaf8 !important; + +[_color~=light-dark-9], +[_font~=light-dark-9] { + color: #c9bba0; } -[_navbar][_navbar~=black] * { - color: #fbfaf8 !important; + +[_color~=light-dark-10], +[_font~=light-dark-10] { + color: #c3b497; } -[_navbar][_navbar~=white] { - background-color: #fbfaf8; - border-color: #fbfaf8; - color: #1a1d2d !important; + +[_font~=left] { + text-align: left; } -[_navbar][_navbar~=white] * { - color: #1a1d2d !important; + +[_font~=right] { + text-align: right; } -[_navbar][_navbar~=transparent] { - background-color: transparent; - border-color: transparent; - color: #fbfaf8 !important; + +[_font~=center] { + text-align: center; } -[_navbar][_navbar~=transparent] * { - color: #fbfaf8 !important; + +[_font~=justify] { + text-align: justify; } -[_navbar][_navbar~=dark] { - background-color: #1a1d2d; - border-color: #1a1d2d; - color: #fbfaf8 !important; + +[_font~=lower] { + text-transform: lowercase; } -[_navbar][_navbar~=dark] * { - color: #fbfaf8 !important; + +[_font~=upper] { + text-transform: uppercase; } -[_navbar][_navbar~=light] { - background-color: #fbfaf8; - border-color: #fbfaf8; - color: #1a1d2d !important; + +[_font~=capitalize] { + text-transform: capitalize; } -[_navbar][_navbar~=light] * { - color: #1a1d2d !important; + +[_font~=bold] { + font-weight: bold; } -[_navbar][_navbar~=primary] { - background-color: #00bfb2; - border-color: #00bfb2; - color: #fbfaf8 !important; + +[_font~=bolder] { + font-weight: bolder; } -[_navbar][_navbar~=primary] * { - color: #fbfaf8 !important; + +[_font~=lighter] { + font-weight: lighter; } -[_navbar][_navbar~=secondary] { - background-color: #7179ad; - border-color: #7179ad; - color: #fbfaf8 !important; + +[_font~=normal] { + font-weight: normal; } -[_navbar][_navbar~=secondary] * { - color: #fbfaf8 !important; + +[_font~=italic] { + font-style: italic; } -[_navbar][_navbar~=success] { - background-color: #3ccd65; - border-color: #3ccd65; - color: #fbfaf8 !important; + +[_font~=mark], +[_font~=hilight] { + background-color: #f9c866; + color: #1a1d2d; } -[_navbar][_navbar~=success] * { - color: #fbfaf8 !important; + +[_decoration~=linethrough], +[_decoration~=del] { + text-decoration: line-through; } -[_navbar][_navbar~=info] { - background-color: #1fa6c1; - border-color: #1fa6c1; - color: #fbfaf8 !important; + +[_decoration~=underline], +[_decoration~=line] { + text-decoration: underline; } -[_navbar][_navbar~=info] * { - color: #fbfaf8 !important; + +[_decoration~=none] { + text-decoration: none; } -[_navbar][_navbar~=warning] { - background-color: #ff7f11; - border-color: #ff7f11; - color: #fbfaf8 !important; + +[_color~=primary], +[_font~=primary] { + color: #00bfb2; } -[_navbar][_navbar~=warning] * { - color: #fbfaf8 !important; + +[_color~=primary-light-0], +[_font~=primary-light-0] { + color: #00bfb2; } -[_navbar][_navbar~=danger] { - background-color: #f24236; - border-color: #f24236; - color: #fbfaf8 !important; + +[_color~=primary-light-1], +[_font~=primary-light-1] { + color: #00cec0; } -[_navbar][_navbar~=danger] * { - color: #fbfaf8 !important; + +[_color~=primary-light-2], +[_font~=primary-light-2] { + color: #00decf; } -[_navbar][_navbar~=muted] { - background-color: #6a74a9; - border-color: #6a74a9; - color: #fbfaf8 !important; + +[_color~=primary-light-3], +[_font~=primary-light-3] { + color: #00eddd; } -[_navbar][_navbar~=muted] * { - color: #fbfaf8 !important; + +[_color~=primary-light-4], +[_font~=primary-light-4] { + color: #00fceb; } -[_pagination] > a { - padding: 0.4rem 1rem; - background-color: #ebedf4; - text-decoration: none; - color: #00bfb2; - display: inline; - margin: 0; - border: 1px solid #cbcee1; +[_color~=primary-light-5], +[_font~=primary-light-5] { + color: #0dffee; } -[_pagination] > a:hover { - background-color: #cbcee1; + +[_color~=primary-light-6], +[_font~=primary-light-6] { + color: #1cfff0; } -[_pagination] > a:not(:first-child) { - margin-left: -6px; + +[_color~=primary-light-7], +[_font~=primary-light-7] { + color: #2bfff1; } -[_pagination] > a:first-child { - border-radius: 5px 0 0 5px; + +[_color~=primary-light-8], +[_font~=primary-light-8] { + color: #3afff2; } -[_pagination] > a:last-child { - border-radius: 0 5px 5px 0; + +[_color~=primary-light-9], +[_font~=primary-light-9] { + color: #4afff3; } -[_pagination] > a:last-child:first-child { - border-radius: 5px; + +[_color~=primary-light-10], +[_font~=primary-light-10] { + color: #59fff4; } -[_pagination][_pagination~=lg], [_pagination][_pagination~=large] { - padding: 0.5rem 1.25rem; - font-size: 1.25rem; - line-height: 1.5; + +[_color~=primary-dark-0], +[_font~=primary-dark-0] { + color: #00bfb2; } -[_pagination][_pagination~=sm], [_pagination][_pagination~=small] { - padding: 0.25rem 0.75rem; - font-size: 0.8rem; - line-height: 1.5; + +[_color~=primary-dark-1], +[_font~=primary-dark-1] { + color: #00b0a4; } -[_pagination][_pagination~=block], [_pagination][_pagination~=full] { - width: 100%; - display: flex; - flex-wrap: nowrap; + +[_color~=primary-dark-2], +[_font~=primary-dark-2] { + color: #00a095; } -[_pagination][_pagination~=block] > *, [_pagination][_pagination~=full] > * { - width: 100%; - text-align: center; + +[_color~=primary-dark-3], +[_font~=primary-dark-3] { + color: #009187; } -ul[_list][_list~=hoverable] > li:hover { - background-color: #cbcee1; +[_color~=primary-dark-4], +[_font~=primary-dark-4] { + color: #008279; } -ul[_list] > li { - padding: 0.4rem 1rem; - background-color: #ebedf4; - text-decoration: none; - color: #00bfb2; - display: block; - margin: 0; - border: 1px solid #cbcee1; + +[_color~=primary-dark-5], +[_font~=primary-dark-5] { + color: #00736b; } -ul[_list] > li:hover { - background-color: #cbcee1; + +[_color~=primary-dark-6], +[_font~=primary-dark-6] { + color: #00635c; } -ul[_list] > li:first-child { - border-radius: 5px 5px 0 0; + +[_color~=primary-dark-7], +[_font~=primary-dark-7] { + color: #00544e; } -ul[_list] > li:last-child { - border-radius: 0 0 5px 5px; + +[_color~=primary-dark-8], +[_font~=primary-dark-8] { + color: #004540; } -ul[_list] > li:last-child:first-child { - border-radius: 5px; + +[_color~=primary-dark-9], +[_font~=primary-dark-9] { + color: #003532; } -ul[_list][_list~=lg], ul[_list][_list~=large] { - padding: 0.5rem 1.25rem; - font-size: 1.25rem; - line-height: 1.5; + +[_color~=primary-dark-10], +[_font~=primary-dark-10] { + color: #002623; } -ul[_list][_list~=sm], ul[_list][_list~=small] { - padding: 0.25rem 0.75rem; - font-size: 0.8rem; - line-height: 1.5; + +[_font~=left] { + text-align: left; } -ul[_list][_list~=block], ul[_list][_list~=full] { - width: 100%; - display: flex; - flex-wrap: nowrap; + +[_font~=right] { + text-align: right; } -ul[_list][_list~=block] > *, ul[_list][_list~=full] > * { - width: 100%; + +[_font~=center] { text-align: center; } -[_card] { - padding: 15px; - background-color: #fbfaf8; - color: #1a1d2d; - border-radius: 5px; - box-shadow: 0 2px 4px 0px rgba(26, 29, 45, 0.14), 0 1px 5px 1px rgba(26, 29, 45, 0.12), 0 1px 1px -1px rgba(26, 29, 45, 0.2); +[_font~=justify] { + text-align: justify; } -[_card] h1, -[_card] h2, -[_card] h3, -[_card] h4, -[_card] h5, -[_card] h6 { - line-height: 1.3em; - margin-bottom: 0.2rem; + +[_font~=lower] { + text-transform: lowercase; } -[_card] h1:not(:first-child), -[_card] h2:not(:first-child), -[_card] h3:not(:first-child), -[_card] h4:not(:first-child), -[_card] h5:not(:first-child), -[_card] h6:not(:first-child) { - opacity: 0.8; + +[_font~=upper] { + text-transform: uppercase; } -[_card] p { - opacity: 0.95; + +[_font~=capitalize] { + text-transform: capitalize; } -[_card] [_btn] { - margin-top: 10px; - display: inline-block; + +[_font~=bold] { + font-weight: bold; } -[_card] a { - text-decoration: none; - margin-top: 20px; - display: inline-block; - color: #00bfb2; + +[_font~=bolder] { + font-weight: bolder; } -[_card] hr { - border-color: #cbcee1; - width: 80%; + +[_font~=lighter] { + font-weight: lighter; } -[_card] img { - border-radius: 5px 5px 0 0; - width: calc(100% + 30px); - position: relative; - left: -15px; - top: -15px; - object-fit: cover; - max-height: 300px; + +[_font~=normal] { + font-weight: normal; } -[_progress] { - height: 25px; - border-radius: 5px; - overflow: hidden; - margin: 5px 0; +[_font~=italic] { + font-style: italic; } -[_progress] > div { - height: 100%; - background-color: #00bfb2; + +[_font~=mark], +[_font~=hilight] { + background-color: #f9c866; + color: #1a1d2d; } -[_progress][_progress~=red] > div { - background-color: #f24236; - border-color: #f24236; - color: #fbfaf8 !important; + +[_decoration~=linethrough], +[_decoration~=del] { + text-decoration: line-through; } -[_progress][_progress~=red] > div * { - color: #fbfaf8 !important; + +[_decoration~=underline], +[_decoration~=line] { + text-decoration: underline; } -[_progress][_progress~=pink] > div { - background-color: #e43f6f; - border-color: #e43f6f; - color: #fbfaf8 !important; + +[_decoration~=none] { + text-decoration: none; } -[_progress][_progress~=pink] > div * { - color: #fbfaf8 !important; + +[_color~=secondary], +[_font~=secondary] { + color: #7179ad; } -[_progress][_progress~=purple] > div { - background-color: #6564db; - border-color: #6564db; - color: #fbfaf8 !important; + +[_color~=secondary-light-0], +[_font~=secondary-light-0] { + color: #7179ad; } -[_progress][_progress~=purple] > div * { - color: #fbfaf8 !important; + +[_color~=secondary-light-1], +[_font~=secondary-light-1] { + color: #7b82b3; } -[_progress][_progress~=indigo] > div { - background-color: #473bf0; - border-color: #473bf0; - color: #fbfaf8 !important; + +[_color~=secondary-light-2], +[_font~=secondary-light-2] { + color: #848bb8; } -[_progress][_progress~=indigo] > div * { - color: #fbfaf8 !important; + +[_color~=secondary-light-3], +[_font~=secondary-light-3] { + color: #8e94be; } -[_progress][_progress~=blue] > div { - background-color: #3169c4; - border-color: #3169c4; - color: #fbfaf8 !important; + +[_color~=secondary-light-4], +[_font~=secondary-light-4] { + color: #989ec3; } -[_progress][_progress~=blue] > div * { - color: #fbfaf8 !important; + +[_color~=secondary-light-5], +[_font~=secondary-light-5] { + color: #a1a7c9; } -[_progress][_progress~=cyan] > div { - background-color: #1fa6c1; - border-color: #1fa6c1; - color: #fbfaf8 !important; + +[_color~=secondary-light-6], +[_font~=secondary-light-6] { + color: #abb0cf; } -[_progress][_progress~=cyan] > div * { - color: #fbfaf8 !important; + +[_color~=secondary-light-7], +[_font~=secondary-light-7] { + color: #b5b9d4; } -[_progress][_progress~=teal] > div { - background-color: #00bfb2; - border-color: #00bfb2; - color: #fbfaf8 !important; + +[_color~=secondary-light-8], +[_font~=secondary-light-8] { + color: #bfc2da; } -[_progress][_progress~=teal] > div * { - color: #fbfaf8 !important; + +[_color~=secondary-light-9], +[_font~=secondary-light-9] { + color: #c8cbdf; } -[_progress][_progress~=green] > div { - background-color: #3ccd65; - border-color: #3ccd65; - color: #fbfaf8 !important; + +[_color~=secondary-light-10], +[_font~=secondary-light-10] { + color: #d2d5e5; } -[_progress][_progress~=green] > div * { - color: #fbfaf8 !important; + +[_color~=secondary-dark-0], +[_font~=secondary-dark-0] { + color: #7179ad; } -[_progress][_progress~=lime] > div { - background-color: #aad922; - border-color: #aad922; - color: #fbfaf8 !important; + +[_color~=secondary-dark-1], +[_font~=secondary-dark-1] { + color: #6770a7; +} + +[_color~=secondary-dark-2], +[_font~=secondary-dark-2] { + color: #5e67a2; } -[_progress][_progress~=lime] > div * { - color: #fbfaf8 !important; + +[_color~=secondary-dark-3], +[_font~=secondary-dark-3] { + color: #586098; } -[_progress][_progress~=yellow] > div { - background-color: #f7b32b; - border-color: #f7b32b; - color: #fbfaf8 !important; + +[_color~=secondary-dark-4], +[_font~=secondary-dark-4] { + color: #525a8f; } -[_progress][_progress~=yellow] > div * { - color: #fbfaf8 !important; + +[_color~=secondary-dark-5], +[_font~=secondary-dark-5] { + color: #4d5485; } -[_progress][_progress~=amber] > div { - background-color: #ff7f11; - border-color: #ff7f11; - color: #fbfaf8 !important; + +[_color~=secondary-dark-6], +[_font~=secondary-dark-6] { + color: #474e7b; } -[_progress][_progress~=amber] > div * { - color: #fbfaf8 !important; + +[_color~=secondary-dark-7], +[_font~=secondary-dark-7] { + color: #414871; } -[_progress][_progress~=orange] > div { - background-color: #f34213; - border-color: #f34213; - color: #fbfaf8 !important; + +[_color~=secondary-dark-8], +[_font~=secondary-dark-8] { + color: #3c4268; } -[_progress][_progress~=orange] > div * { - color: #fbfaf8 !important; + +[_color~=secondary-dark-9], +[_font~=secondary-dark-9] { + color: #363c5e; } -[_progress][_progress~=brown] > div { - background-color: #823329; - border-color: #823329; - color: #fbfaf8 !important; + +[_color~=secondary-dark-10], +[_font~=secondary-dark-10] { + color: #313554; } -[_progress][_progress~=brown] > div * { - color: #fbfaf8 !important; + +[_font~=left] { + text-align: left; } -[_progress][_progress~=grey] > div { - background-color: #7179ad; - border-color: #7179ad; - color: #fbfaf8 !important; + +[_font~=right] { + text-align: right; } -[_progress][_progress~=grey] > div * { - color: #fbfaf8 !important; + +[_font~=center] { + text-align: center; } -[_progress][_progress~=black] > div { - background-color: #1a1d2d; - border-color: #1a1d2d; - color: #fbfaf8 !important; + +[_font~=justify] { + text-align: justify; } -[_progress][_progress~=black] > div * { - color: #fbfaf8 !important; + +[_font~=lower] { + text-transform: lowercase; } -[_progress][_progress~=white] > div { - background-color: #fbfaf8; - border-color: #fbfaf8; - color: #1a1d2d !important; + +[_font~=upper] { + text-transform: uppercase; } -[_progress][_progress~=white] > div * { - color: #1a1d2d !important; + +[_font~=capitalize] { + text-transform: capitalize; } -[_progress][_progress~=transparent] > div { - background-color: transparent; - border-color: transparent; - color: #fbfaf8 !important; + +[_font~=bold] { + font-weight: bold; } -[_progress][_progress~=transparent] > div * { - color: #fbfaf8 !important; + +[_font~=bolder] { + font-weight: bolder; } -[_progress][_progress~=dark] > div { - background-color: #1a1d2d; - border-color: #1a1d2d; - color: #fbfaf8 !important; + +[_font~=lighter] { + font-weight: lighter; } -[_progress][_progress~=dark] > div * { - color: #fbfaf8 !important; + +[_font~=normal] { + font-weight: normal; } -[_progress][_progress~=light] > div { - background-color: #fbfaf8; - border-color: #fbfaf8; - color: #1a1d2d !important; + +[_font~=italic] { + font-style: italic; } -[_progress][_progress~=light] > div * { - color: #1a1d2d !important; + +[_font~=mark], +[_font~=hilight] { + background-color: #f9c866; + color: #1a1d2d; } -[_progress][_progress~=primary] > div { - background-color: #00bfb2; - border-color: #00bfb2; - color: #fbfaf8 !important; + +[_decoration~=linethrough], +[_decoration~=del] { + text-decoration: line-through; } -[_progress][_progress~=primary] > div * { - color: #fbfaf8 !important; + +[_decoration~=underline], +[_decoration~=line] { + text-decoration: underline; } -[_progress][_progress~=secondary] > div { - background-color: #7179ad; - border-color: #7179ad; - color: #fbfaf8 !important; + +[_decoration~=none] { + text-decoration: none; } -[_progress][_progress~=secondary] > div * { - color: #fbfaf8 !important; + +[_color~=success], +[_font~=success] { + color: #3ccd65; } -[_progress][_progress~=success] > div { - background-color: #3ccd65; - border-color: #3ccd65; - color: #fbfaf8 !important; + +[_color~=success-light-0], +[_font~=success-light-0] { + color: #3ccd65; } -[_progress][_progress~=success] > div * { - color: #fbfaf8 !important; + +[_color~=success-light-1], +[_font~=success-light-1] { + color: #48d06f; } -[_progress][_progress~=info] > div { - background-color: #1fa6c1; - border-color: #1fa6c1; - color: #fbfaf8 !important; + +[_color~=success-light-2], +[_font~=success-light-2] { + color: #54d378; } -[_progress][_progress~=info] > div * { - color: #fbfaf8 !important; + +[_color~=success-light-3], +[_font~=success-light-3] { + color: #61d682; } -[_progress][_progress~=warning] > div { - background-color: #ff7f11; - border-color: #ff7f11; - color: #fbfaf8 !important; + +[_color~=success-light-4], +[_font~=success-light-4] { + color: #6dd98b; } -[_progress][_progress~=warning] > div * { - color: #fbfaf8 !important; + +[_color~=success-light-5], +[_font~=success-light-5] { + color: #79dd95; } -[_progress][_progress~=danger] > div { - background-color: #f24236; - border-color: #f24236; - color: #fbfaf8 !important; + +[_color~=success-light-6], +[_font~=success-light-6] { + color: #85e09f; } -[_progress][_progress~=danger] > div * { - color: #fbfaf8 !important; + +[_color~=success-light-7], +[_font~=success-light-7] { + color: #91e3a8; } -[_progress][_progress~=muted] > div { - background-color: #6a74a9; - border-color: #6a74a9; - color: #fbfaf8 !important; + +[_color~=success-light-8], +[_font~=success-light-8] { + color: #9de6b2; } -[_progress][_progress~=muted] > div * { - color: #fbfaf8 !important; + +[_color~=success-light-9], +[_font~=success-light-9] { + color: #aae9bc; } -[_form-group] { - margin-bottom: 15px; +[_color~=success-light-10], +[_font~=success-light-10] { + color: #b6ecc5; } -[_form-group] > * { - display: block; - width: 100%; + +[_color~=success-dark-0], +[_font~=success-dark-0] { + color: #3ccd65; } -[_form-group] label { - width: 100%; - margin: 5px 0; + +[_color~=success-dark-1], +[_font~=success-dark-1] { + color: #33c75d; } -[_form-group] input[type=text] { - margin: 5px 0; - padding: 10px 15px; - font-size: 1em; - border-radius: 5px; - border: 1px solid #6a74a9; - font-family: "Montserrat", sans-serif; + +[_color~=success-dark-2], +[_font~=success-dark-2] { + color: #30bb57; } -[_form-group] input[type=email] { - margin: 5px 0; - padding: 10px 15px; - font-size: 1em; - border-radius: 5px; - border: 1px solid #6a74a9; - font-family: "Montserrat", sans-serif; + +[_color~=success-dark-3], +[_font~=success-dark-3] { + color: #2dae51; } -[_form-group] input[type=number] { - margin: 5px 0; - padding: 10px 15px; - font-size: 1em; - border-radius: 5px; - border: 1px solid #6a74a9; - font-family: "Montserrat", sans-serif; + +[_color~=success-dark-4], +[_font~=success-dark-4] { + color: #2aa24c; } -[_form-group] input[type=date] { - margin: 5px 0; - padding: 10px 15px; - font-size: 1em; - border-radius: 5px; - border: 1px solid #6a74a9; - font-family: "Montserrat", sans-serif; + +[_color~=success-dark-5], +[_font~=success-dark-5] { + color: #269646; } -[_form-group] input[type=datetime-local] { - margin: 5px 0; - padding: 10px 15px; - font-size: 1em; - border-radius: 5px; - border: 1px solid #6a74a9; - font-family: "Montserrat", sans-serif; + +[_color~=success-dark-6], +[_font~=success-dark-6] { + color: #238a40; } -[_form-group] input[type=month] { - margin: 5px 0; - padding: 10px 15px; - font-size: 1em; - border-radius: 5px; - border: 1px solid #6a74a9; - font-family: "Montserrat", sans-serif; + +[_color~=success-dark-7], +[_font~=success-dark-7] { + color: #207e3b; } -[_form-group] input[type=password] { - margin: 5px 0; - padding: 10px 15px; - font-size: 1em; - border-radius: 5px; - border: 1px solid #6a74a9; - font-family: "Montserrat", sans-serif; + +[_color~=success-dark-8], +[_font~=success-dark-8] { + color: #1d7135; } -[_form-group] input[type=search] { - margin: 5px 0; - padding: 10px 15px; - font-size: 1em; - border-radius: 5px; - border: 1px solid #6a74a9; - font-family: "Montserrat", sans-serif; + +[_color~=success-dark-9], +[_font~=success-dark-9] { + color: #1a652f; +} + +[_color~=success-dark-10], +[_font~=success-dark-10] { + color: #17592a; } -[_form-group] input[type=tel] { - margin: 5px 0; - padding: 10px 15px; - font-size: 1em; - border-radius: 5px; - border: 1px solid #6a74a9; - font-family: "Montserrat", sans-serif; + +[_font~=left] { + text-align: left; } -[_form-group] input[type=tel] { - margin: 5px 0; - padding: 10px 15px; - font-size: 1em; - border-radius: 5px; - border: 1px solid #6a74a9; - font-family: "Montserrat", sans-serif; + +[_font~=right] { + text-align: right; } -[_form-group] input[type=time] { - margin: 5px 0; - padding: 10px 15px; - font-size: 1em; - border-radius: 5px; - border: 1px solid #6a74a9; - font-family: "Montserrat", sans-serif; + +[_font~=center] { + text-align: center; } -[_form-group] input[type=url] { - margin: 5px 0; - padding: 10px 15px; - font-size: 1em; - border-radius: 5px; - border: 1px solid #6a74a9; - font-family: "Montserrat", sans-serif; + +[_font~=justify] { + text-align: justify; } -[_form-group] input[type=week] { - margin: 5px 0; - padding: 10px 15px; - font-size: 1em; - border-radius: 5px; - border: 1px solid #6a74a9; - font-family: "Montserrat", sans-serif; + +[_font~=lower] { + text-transform: lowercase; } -[_form-group] textarea { - margin: 5px 0; - padding: 10px 15px; - font-size: 1em; - border-radius: 5px; - border: 1px solid #6a74a9; - font-family: "Montserrat", sans-serif; + +[_font~=upper] { + text-transform: uppercase; } -[_form-group] textarea { - resize: vertical; - min-height: 42px; + +[_font~=capitalize] { + text-transform: capitalize; } -[_form-group][_form-group~=inline] > * { - display: inline-block; - width: auto; + +[_font~=bold] { + font-weight: bold; } -[_show], -[_show~=true], -[_hide~=false] { - display: block; +[_font~=bolder] { + font-weight: bolder; } -[_hide], -[_hide~=true], -[_show~=false] { - display: none; +[_font~=lighter] { + font-weight: lighter; } -[_display~=flex] { - display: flex; +[_font~=normal] { + font-weight: normal; } -[_display~=none] { - display: none; +[_font~=italic] { + font-style: italic; } -[_display~=block] { - display: block; +[_font~=mark], +[_font~=hilight] { + background-color: #f9c866; + color: #1a1d2d; } -[_display~=inline] { - display: inline; +[_decoration~=linethrough], +[_decoration~=del] { + text-decoration: line-through; } -[_display~=flow] { - display: flow; +[_decoration~=underline], +[_decoration~=line] { + text-decoration: underline; } -[_display~=ruby] { - display: ruby; +[_decoration~=none] { + text-decoration: none; } -[_display~=grid] { - display: grid; +[_color~=info], +[_font~=info] { + color: #1fa6c1; } -[_display~=table] { - display: table; +[_color~=info-light-0], +[_font~=info-light-0] { + color: #1fa6c1; } -[_display~=contents] { - display: contents; +[_color~=info-light-1], +[_font~=info-light-1] { + color: #21b1ce; } -[_overflow~=hidden] { - overflow: hidden; +[_color~=info-light-2], +[_font~=info-light-2] { + color: #23bddb; } -[_overflow~=auto] { - overflow: auto; +[_color~=info-light-3], +[_font~=info-light-3] { + color: #30c1de; } -[_overflow~=scroll] { - overflow: scroll; +[_color~=info-light-4], +[_font~=info-light-4] { + color: #3dc5e0; } -[_overflow~=visible] { - overflow: visible; +[_color~=info-light-5], +[_font~=info-light-5] { + color: #4ac9e2; } -[_overflow~=x-hidden] { - overflow-x: hidden; +[_color~=info-light-6], +[_font~=info-light-6] { + color: #58cde4; } -[_overflow~=x-auto] { - overflow-x: auto; +[_color~=info-light-7], +[_font~=info-light-7] { + color: #65d1e6; } -[_overflow~=x-scroll] { - overflow-x: scroll; +[_color~=info-light-8], +[_font~=info-light-8] { + color: #72d5e8; } -[_overflow~=x-visible] { - overflow-x: visible; +[_color~=info-light-9], +[_font~=info-light-9] { + color: #7fd9ea; } -[_overflow~=y-hidden] { - overflow-y: hidden; +[_color~=info-light-10], +[_font~=info-light-10] { + color: #8cdded; } -[_overflow~=y-auto] { - overflow-y: auto; +[_color~=info-dark-0], +[_font~=info-dark-0] { + color: #1fa6c1; } -[_overflow~=y-scroll] { - overflow-y: scroll; +[_color~=info-dark-1], +[_font~=info-dark-1] { + color: #1d9bb4; } -[_overflow~=y-visible] { - overflow-y: visible; +[_color~=info-dark-2], +[_font~=info-dark-2] { + color: #1b8fa7; } -[_pos~=static], -[_position~=static] { - position: static; +[_color~=info-dark-3], +[_font~=info-dark-3] { + color: #198499; } -[_pos~=relative], -[_position~=relative] { - position: relative; +[_color~=info-dark-4], +[_font~=info-dark-4] { + color: #17798c; } -[_pos~=absolute], -[_position~=absolute] { - position: absolute; +[_color~=info-dark-5], +[_font~=info-dark-5] { + color: #146d7f; } -[_pos~=fixed], -[_position~=fixed] { - position: fixed; +[_color~=info-dark-6], +[_font~=info-dark-6] { + color: #126272; } -[_pos~=sticky], -[_position~=sticky] { - position: sticky; +[_color~=info-dark-7], +[_font~=info-dark-7] { + color: #105765; } -[_float~=left] { - float: left; +[_color~=info-dark-8], +[_font~=info-dark-8] { + color: #0e4b58; } -[_float~=right] { - float: right; +[_color~=info-dark-9], +[_font~=info-dark-9] { + color: #0c404a; } -[_float~=none] { - float: none; +[_color~=info-dark-10], +[_font~=info-dark-10] { + color: #0a353d; } -[_z~=auto] { - z-index: auto; +[_font~=left] { + text-align: left; } -[_z~="0"] { - z-index: 0; +[_font~=right] { + text-align: right; } -[_z~="1"] { - z-index: 1; +[_font~=center] { + text-align: center; } -[_z~="2"] { - z-index: 2; +[_font~=justify] { + text-align: justify; } -[_z~="3"] { - z-index: 3; +[_font~=lower] { + text-transform: lowercase; } -[_z~="4"] { - z-index: 4; +[_font~=upper] { + text-transform: uppercase; } -[_z~="5"] { - z-index: 5; +[_font~=capitalize] { + text-transform: capitalize; } -[_z~="6"] { - z-index: 6; +[_font~=bold] { + font-weight: bold; } -[_z~="7"] { - z-index: 7; +[_font~=bolder] { + font-weight: bolder; } -[_z~="8"] { - z-index: 8; +[_font~=lighter] { + font-weight: lighter; } -[_z~="9"] { - z-index: 9; +[_font~=normal] { + font-weight: normal; } -[_z~="10"] { - z-index: 10; +[_font~=italic] { + font-style: italic; } -[_vertical~=baseline] { - vertical-align: baseline; +[_font~=mark], +[_font~=hilight] { + background-color: #f9c866; + color: #1a1d2d; } -[_vertical~=sub] { - vertical-align: sub; +[_decoration~=linethrough], +[_decoration~=del] { + text-decoration: line-through; } -[_vertical~=super] { - vertical-align: super; +[_decoration~=underline], +[_decoration~=line] { + text-decoration: underline; } -[_vertical~=text-top] { - vertical-align: text-top; +[_decoration~=none] { + text-decoration: none; } -[_vertical~=text-bottom] { - vertical-align: text-bottom; +[_color~=warning], +[_font~=warning] { + color: #ff7f11; } -[_vertical~=middle] { - vertical-align: middle; +[_color~=warning-light-0], +[_font~=warning-light-0] { + color: #ff7f11; } -[_vertical~=top] { - vertical-align: top; +[_color~=warning-light-1], +[_font~=warning-light-1] { + color: #ff8720; } -[_vertical~=bottom] { - vertical-align: bottom; +[_color~=warning-light-2], +[_font~=warning-light-2] { + color: #ff8f30; } -[_margin], -[_m] { - margin: 5px; +[_color~=warning-light-3], +[_font~=warning-light-3] { + color: #ff983f; } -[_padding], -[_p] { - padding: 5px; +[_color~=warning-light-4], +[_font~=warning-light-4] { + color: #ffa04e; +} + +[_color~=warning-light-5], +[_font~=warning-light-5] { + color: #ffa85e; } -[_round], -[_r] { - border-radius: 5px; +[_color~=warning-light-6], +[_font~=warning-light-6] { + color: #ffb06d; } -[_margin~="0"], -[_m~="0"] { - margin: 0px; +[_color~=warning-light-7], +[_font~=warning-light-7] { + color: #ffb97c; } -[_margin~=t-0], -[_m~=t-0] { - margin-top: 0px; +[_color~=warning-light-8], +[_font~=warning-light-8] { + color: #ffc18b; } -[_margin~=b-0], -[_m~=b-0] { - margin-bottom: 0px; +[_color~=warning-light-9], +[_font~=warning-light-9] { + color: #ffc99b; } -[_margin~=l-0], -[_m~=l-0] { - margin-left: 0px; +[_color~=warning-light-10], +[_font~=warning-light-10] { + color: #ffd1aa; } -[_margin~=r-0], -[_m~=r-0] { - margin-right: 0px; +[_color~=warning-dark-0], +[_font~=warning-dark-0] { + color: #ff7f11; } -[_margin~=y-0], -[_m~=y-0] { - margin-top: 0px; - margin-bottom: 0px; +[_color~=warning-dark-1], +[_font~=warning-dark-1] { + color: #ff7702; } -[_margin~=x-0], -[_m~=x-0] { - margin-left: 0px; - margin-right: 0px; +[_color~=warning-dark-2], +[_font~=warning-dark-2] { + color: #f17000; } -[_padding~="0"], -[_p~="0"] { - padding: 0px; +[_color~=warning-dark-3], +[_font~=warning-dark-3] { + color: #e26900; } -[_padding~=t-0], -[_p~=t-0] { - padding-top: 0px; +[_color~=warning-dark-4], +[_font~=warning-dark-4] { + color: #d36100; } -[_padding~=b-0], -[_p~=b-0] { - padding-bottom: 0px; +[_color~=warning-dark-5], +[_font~=warning-dark-5] { + color: #c45a00; } -[_padding~=l-0], -[_p~=l-0] { - padding-left: 0px; +[_color~=warning-dark-6], +[_font~=warning-dark-6] { + color: #b45300; } -[_padding~=r-0], -[_p~=r-0] { - padding-right: 0px; +[_color~=warning-dark-7], +[_font~=warning-dark-7] { + color: #a54c00; } -[_padding~=y-0], -[_p~=y-0] { - padding-top: 0px; - padding-bottom: 0px; +[_color~=warning-dark-8], +[_font~=warning-dark-8] { + color: #964500; } -[_padding~=x-0], -[_p~=x-0] { - padding-left: 0px; - padding-right: 0px; +[_color~=warning-dark-9], +[_font~=warning-dark-9] { + color: #863e00; } -[_round~="0"], -[_r~="0"] { - border-radius: 0px; +[_color~=warning-dark-10], +[_font~=warning-dark-10] { + color: #773700; } -[_margin~="1"], -[_m~="1"] { - margin: 5px; +[_font~=left] { + text-align: left; } -[_margin~=t-1], -[_m~=t-1] { - margin-top: 5px; +[_font~=right] { + text-align: right; } -[_margin~=b-1], -[_m~=b-1] { - margin-bottom: 5px; +[_font~=center] { + text-align: center; } -[_margin~=l-1], -[_m~=l-1] { - margin-left: 5px; +[_font~=justify] { + text-align: justify; } -[_margin~=r-1], -[_m~=r-1] { - margin-right: 5px; +[_font~=lower] { + text-transform: lowercase; } -[_margin~=y-1], -[_m~=y-1] { - margin-top: 5px; - margin-bottom: 5px; +[_font~=upper] { + text-transform: uppercase; } -[_margin~=x-1], -[_m~=x-1] { - margin-left: 5px; - margin-right: 5px; +[_font~=capitalize] { + text-transform: capitalize; } -[_padding~="1"], -[_p~="1"] { - padding: 5px; +[_font~=bold] { + font-weight: bold; } -[_padding~=t-1], -[_p~=t-1] { - padding-top: 5px; +[_font~=bolder] { + font-weight: bolder; } -[_padding~=b-1], -[_p~=b-1] { - padding-bottom: 5px; +[_font~=lighter] { + font-weight: lighter; } -[_padding~=l-1], -[_p~=l-1] { - padding-left: 5px; +[_font~=normal] { + font-weight: normal; } -[_padding~=r-1], -[_p~=r-1] { - padding-right: 5px; +[_font~=italic] { + font-style: italic; } -[_padding~=y-1], -[_p~=y-1] { - padding-top: 5px; - padding-bottom: 5px; +[_font~=mark], +[_font~=hilight] { + background-color: #f9c866; + color: #1a1d2d; } -[_padding~=x-1], -[_p~=x-1] { - padding-left: 5px; - padding-right: 5px; +[_decoration~=linethrough], +[_decoration~=del] { + text-decoration: line-through; } -[_round~="1"], -[_r~="1"] { - border-radius: 5px; +[_decoration~=underline], +[_decoration~=line] { + text-decoration: underline; } -[_margin~="2"], -[_m~="2"] { - margin: 10px; +[_decoration~=none] { + text-decoration: none; } -[_margin~=t-2], -[_m~=t-2] { - margin-top: 10px; +[_color~=danger], +[_font~=danger] { + color: #f24236; } -[_margin~=b-2], -[_m~=b-2] { - margin-bottom: 10px; +[_color~=danger-light-0], +[_font~=danger-light-0] { + color: #f24236; } -[_margin~=l-2], -[_m~=l-2] { - margin-left: 10px; +[_color~=danger-light-1], +[_font~=danger-light-1] { + color: #f35044; } -[_margin~=r-2], -[_m~=r-2] { - margin-right: 10px; +[_color~=danger-light-2], +[_font~=danger-light-2] { + color: #f45d53; } -[_margin~=y-2], -[_m~=y-2] { - margin-top: 10px; - margin-bottom: 10px; +[_color~=danger-light-3], +[_font~=danger-light-3] { + color: #f56b61; } -[_margin~=x-2], -[_m~=x-2] { - margin-left: 10px; - margin-right: 10px; +[_color~=danger-light-4], +[_font~=danger-light-4] { + color: #f6786f; } -[_padding~="2"], -[_p~="2"] { - padding: 10px; +[_color~=danger-light-5], +[_font~=danger-light-5] { + color: #f7867e; } -[_padding~=t-2], -[_p~=t-2] { - padding-top: 10px; +[_color~=danger-light-6], +[_font~=danger-light-6] { + color: #f8938c; } -[_padding~=b-2], -[_p~=b-2] { - padding-bottom: 10px; +[_color~=danger-light-7], +[_font~=danger-light-7] { + color: #f9a19b; } -[_padding~=l-2], -[_p~=l-2] { - padding-left: 10px; +[_color~=danger-light-8], +[_font~=danger-light-8] { + color: #f9aea9; } -[_padding~=r-2], -[_p~=r-2] { - padding-right: 10px; +[_color~=danger-light-9], +[_font~=danger-light-9] { + color: #fabcb7; } -[_padding~=y-2], -[_p~=y-2] { - padding-top: 10px; - padding-bottom: 10px; +[_color~=danger-light-10], +[_font~=danger-light-10] { + color: #fbc9c6; } -[_padding~=x-2], -[_p~=x-2] { - padding-left: 10px; - padding-right: 10px; +[_color~=danger-dark-0], +[_font~=danger-dark-0] { + color: #f24236; } -[_round~="2"], -[_r~="2"] { - border-radius: 10px; +[_color~=danger-dark-1], +[_font~=danger-dark-1] { + color: #f13428; } -[_margin~="3"], -[_m~="3"] { - margin: 15px; +[_color~=danger-dark-2], +[_font~=danger-dark-2] { + color: #f02719; } -[_margin~=t-3], -[_m~=t-3] { - margin-top: 15px; +[_color~=danger-dark-3], +[_font~=danger-dark-3] { + color: #eb1d0f; } -[_margin~=b-3], -[_m~=b-3] { - margin-bottom: 15px; +[_color~=danger-dark-4], +[_font~=danger-dark-4] { + color: #dd1b0e; } -[_margin~=l-3], -[_m~=l-3] { - margin-left: 15px; +[_color~=danger-dark-5], +[_font~=danger-dark-5] { + color: #ce1a0d; } -[_margin~=r-3], -[_m~=r-3] { - margin-right: 15px; +[_color~=danger-dark-6], +[_font~=danger-dark-6] { + color: #c0180c; } -[_margin~=y-3], -[_m~=y-3] { - margin-top: 15px; - margin-bottom: 15px; +[_color~=danger-dark-7], +[_font~=danger-dark-7] { + color: #b1160b; } -[_margin~=x-3], -[_m~=x-3] { - margin-left: 15px; - margin-right: 15px; +[_color~=danger-dark-8], +[_font~=danger-dark-8] { + color: #a3140b; } -[_padding~="3"], -[_p~="3"] { - padding: 15px; +[_color~=danger-dark-9], +[_font~=danger-dark-9] { + color: #95120a; } -[_padding~=t-3], -[_p~=t-3] { - padding-top: 15px; +[_color~=danger-dark-10], +[_font~=danger-dark-10] { + color: #861109; } -[_padding~=b-3], -[_p~=b-3] { - padding-bottom: 15px; +[_font~=left] { + text-align: left; } -[_padding~=l-3], -[_p~=l-3] { - padding-left: 15px; +[_font~=right] { + text-align: right; } -[_padding~=r-3], -[_p~=r-3] { - padding-right: 15px; +[_font~=center] { + text-align: center; } -[_padding~=y-3], -[_p~=y-3] { - padding-top: 15px; - padding-bottom: 15px; +[_font~=justify] { + text-align: justify; } -[_padding~=x-3], -[_p~=x-3] { - padding-left: 15px; - padding-right: 15px; +[_font~=lower] { + text-transform: lowercase; } -[_round~="3"], -[_r~="3"] { - border-radius: 15px; +[_font~=upper] { + text-transform: uppercase; +} + +[_font~=capitalize] { + text-transform: capitalize; } -[_margin~="4"], -[_m~="4"] { - margin: 20px; +[_font~=bold] { + font-weight: bold; } -[_margin~=t-4], -[_m~=t-4] { - margin-top: 20px; +[_font~=bolder] { + font-weight: bolder; } -[_margin~=b-4], -[_m~=b-4] { - margin-bottom: 20px; +[_font~=lighter] { + font-weight: lighter; } -[_margin~=l-4], -[_m~=l-4] { - margin-left: 20px; +[_font~=normal] { + font-weight: normal; } -[_margin~=r-4], -[_m~=r-4] { - margin-right: 20px; +[_font~=italic] { + font-style: italic; } -[_margin~=y-4], -[_m~=y-4] { - margin-top: 20px; - margin-bottom: 20px; +[_font~=mark], +[_font~=hilight] { + background-color: #f9c866; + color: #1a1d2d; } -[_margin~=x-4], -[_m~=x-4] { - margin-left: 20px; - margin-right: 20px; +[_decoration~=linethrough], +[_decoration~=del] { + text-decoration: line-through; } -[_padding~="4"], -[_p~="4"] { - padding: 20px; +[_decoration~=underline], +[_decoration~=line] { + text-decoration: underline; } -[_padding~=t-4], -[_p~=t-4] { - padding-top: 20px; +[_decoration~=none] { + text-decoration: none; } -[_padding~=b-4], -[_p~=b-4] { - padding-bottom: 20px; +[_color~=muted], +[_font~=muted] { + color: #6a74a9; } -[_padding~=l-4], -[_p~=l-4] { - padding-left: 20px; +[_color~=muted-light-0], +[_font~=muted-light-0] { + color: #6a74a9; } -[_padding~=r-4], -[_p~=r-4] { - padding-right: 20px; +[_color~=muted-light-1], +[_font~=muted-light-1] { + color: #747daf; } -[_padding~=y-4], -[_p~=y-4] { - padding-top: 20px; - padding-bottom: 20px; +[_color~=muted-light-2], +[_font~=muted-light-2] { + color: #7d86b4; } -[_padding~=x-4], -[_p~=x-4] { - padding-left: 20px; - padding-right: 20px; +[_color~=muted-light-3], +[_font~=muted-light-3] { + color: #878fba; } -[_round~="4"], -[_r~="4"] { - border-radius: 20px; +[_color~=muted-light-4], +[_font~=muted-light-4] { + color: #9198bf; } -[_margin~="5"], -[_m~="5"] { - margin: 25px; +[_color~=muted-light-5], +[_font~=muted-light-5] { + color: #9ba1c5; } -[_margin~=t-5], -[_m~=t-5] { - margin-top: 25px; +[_color~=muted-light-6], +[_font~=muted-light-6] { + color: #a4aacb; } -[_margin~=b-5], -[_m~=b-5] { - margin-bottom: 25px; +[_color~=muted-light-7], +[_font~=muted-light-7] { + color: #aeb3d0; } -[_margin~=l-5], -[_m~=l-5] { - margin-left: 25px; +[_color~=muted-light-8], +[_font~=muted-light-8] { + color: #b8bcd6; } -[_margin~=r-5], -[_m~=r-5] { - margin-right: 25px; +[_color~=muted-light-9], +[_font~=muted-light-9] { + color: #c1c5db; } -[_margin~=y-5], -[_m~=y-5] { - margin-top: 25px; - margin-bottom: 25px; +[_color~=muted-light-10], +[_font~=muted-light-10] { + color: #cbcee1; } -[_margin~=x-5], -[_m~=x-5] { - margin-left: 25px; - margin-right: 25px; +[_color~=muted-dark-0], +[_font~=muted-dark-0] { + color: #6a74a9; } -[_padding~="5"], -[_p~="5"] { - padding: 25px; +[_color~=muted-dark-1], +[_font~=muted-dark-1] { + color: #606ba3; } -[_padding~=t-5], -[_p~=t-5] { - padding-top: 25px; +[_color~=muted-dark-2], +[_font~=muted-dark-2] { + color: #59649b; } -[_padding~=b-5], -[_p~=b-5] { - padding-bottom: 25px; +[_color~=muted-dark-3], +[_font~=muted-dark-3] { + color: #545e91; } -[_padding~=l-5], -[_p~=l-5] { - padding-left: 25px; +[_color~=muted-dark-4], +[_font~=muted-dark-4] { + color: #4e5788; } -[_padding~=r-5], -[_p~=r-5] { - padding-right: 25px; +[_color~=muted-dark-5], +[_font~=muted-dark-5] { + color: #49517e; } -[_padding~=y-5], -[_p~=y-5] { - padding-top: 25px; - padding-bottom: 25px; +[_color~=muted-dark-6], +[_font~=muted-dark-6] { + color: #434b74; } -[_padding~=x-5], -[_p~=x-5] { - padding-left: 25px; - padding-right: 25px; +[_color~=muted-dark-7], +[_font~=muted-dark-7] { + color: #3d456a; } -[_round~="5"], -[_r~="5"] { - border-radius: 25px; +[_color~=muted-dark-8], +[_font~=muted-dark-8] { + color: #383e61; } -[_margin~="6"], -[_m~="6"] { - margin: 30px; +[_color~=muted-dark-9], +[_font~=muted-dark-9] { + color: #323857; } -[_margin~=t-6], -[_m~=t-6] { - margin-top: 30px; +[_color~=muted-dark-10], +[_font~=muted-dark-10] { + color: #2d324d; } -[_margin~=b-6], -[_m~=b-6] { - margin-bottom: 30px; +[_font~=left] { + text-align: left; } -[_margin~=l-6], -[_m~=l-6] { - margin-left: 30px; +[_font~=right] { + text-align: right; } -[_margin~=r-6], -[_m~=r-6] { - margin-right: 30px; +[_font~=center] { + text-align: center; } -[_margin~=y-6], -[_m~=y-6] { - margin-top: 30px; - margin-bottom: 30px; +[_font~=justify] { + text-align: justify; } -[_margin~=x-6], -[_m~=x-6] { - margin-left: 30px; - margin-right: 30px; +[_font~=lower] { + text-transform: lowercase; } -[_padding~="6"], -[_p~="6"] { - padding: 30px; +[_font~=upper] { + text-transform: uppercase; } -[_padding~=t-6], -[_p~=t-6] { - padding-top: 30px; +[_font~=capitalize] { + text-transform: capitalize; } -[_padding~=b-6], -[_p~=b-6] { - padding-bottom: 30px; +[_font~=bold] { + font-weight: bold; } -[_padding~=l-6], -[_p~=l-6] { - padding-left: 30px; +[_font~=bolder] { + font-weight: bolder; } -[_padding~=r-6], -[_p~=r-6] { - padding-right: 30px; +[_font~=lighter] { + font-weight: lighter; } -[_padding~=y-6], -[_p~=y-6] { - padding-top: 30px; - padding-bottom: 30px; +[_font~=normal] { + font-weight: normal; } -[_padding~=x-6], -[_p~=x-6] { - padding-left: 30px; - padding-right: 30px; +[_font~=italic] { + font-style: italic; } -[_round~="6"], -[_r~="6"] { - border-radius: 30px; +[_font~=mark], +[_font~=hilight] { + background-color: #f9c866; + color: #1a1d2d; } -[_margin~="7"], -[_m~="7"] { - margin: 35px; +[_decoration~=linethrough], +[_decoration~=del] { + text-decoration: line-through; } -[_margin~=t-7], -[_m~=t-7] { - margin-top: 35px; +[_decoration~=underline], +[_decoration~=line] { + text-decoration: underline; } -[_margin~=b-7], -[_m~=b-7] { - margin-bottom: 35px; +[_decoration~=none] { + text-decoration: none; } -[_margin~=l-7], -[_m~=l-7] { - margin-left: 35px; +[_responsive] { + max-width: 100%; + height: auto; } -[_margin~=r-7], -[_m~=r-7] { - margin-right: 35px; +@media screen and (min-width: 0) { + [_responsive] { + max-width: 100%; + height: auto; + } } - -[_margin~=y-7], -[_m~=y-7] { - margin-top: 35px; - margin-bottom: 35px; +@media screen and (min-width: 580px) { + [_responsive] { + max-width: 100%; + height: auto; + } +} +@media screen and (min-width: 770px) { + [_responsive] { + max-width: 100%; + height: auto; + } +} +@media screen and (min-width: 990px) { + [_responsive] { + max-width: 100%; + height: auto; + } +} +@media screen and (min-width: 1280px) { + [_responsive] { + max-width: 100%; + height: auto; + } +} +[_shadow] { + box-shadow: 0 2px 4px 0px rgba(26, 29, 45, 0.14), 0 1px 5px 1px rgba(26, 29, 45, 0.12), 0 1px 1px -1px rgba(26, 29, 45, 0.2); } -[_margin~=x-7], -[_m~=x-7] { - margin-left: 35px; - margin-right: 35px; +[_shadow~="0"] { + box-shadow: 0 0px 0px 0px rgba(26, 29, 45, 0.14), 0 0px 0px 0px rgba(26, 29, 45, 0.12), 0 0px 0px 0px rgba(26, 29, 45, 0.2); } -[_padding~="7"], -[_p~="7"] { - padding: 35px; +[_shadow~="1"] { + box-shadow: 0 2px 4px 0px rgba(26, 29, 45, 0.14), 0 1px 5px 1px rgba(26, 29, 45, 0.12), 0 1px 1px -1px rgba(26, 29, 45, 0.2); } -[_padding~=t-7], -[_p~=t-7] { - padding-top: 35px; +[_shadow~="2"] { + box-shadow: 0 4px 8px 0px rgba(26, 29, 45, 0.14), 0 2px 10px 2px rgba(26, 29, 45, 0.12), 0 2px 2px -2px rgba(26, 29, 45, 0.2); } -[_padding~=b-7], -[_p~=b-7] { - padding-bottom: 35px; +[_shadow~="3"] { + box-shadow: 0 6px 12px 0px rgba(26, 29, 45, 0.14), 0 3px 15px 3px rgba(26, 29, 45, 0.12), 0 3px 3px -3px rgba(26, 29, 45, 0.2); } -[_padding~=l-7], -[_p~=l-7] { - padding-left: 35px; +[_shadow~="4"] { + box-shadow: 0 8px 16px 0px rgba(26, 29, 45, 0.14), 0 4px 20px 4px rgba(26, 29, 45, 0.12), 0 4px 4px -4px rgba(26, 29, 45, 0.2); } -[_padding~=r-7], -[_p~=r-7] { - padding-right: 35px; +[_shadow~="5"] { + box-shadow: 0 10px 20px 0px rgba(26, 29, 45, 0.14), 0 5px 25px 5px rgba(26, 29, 45, 0.12), 0 5px 5px -5px rgba(26, 29, 45, 0.2); } -[_padding~=y-7], -[_p~=y-7] { - padding-top: 35px; - padding-bottom: 35px; +[_shadow~="6"] { + box-shadow: 0 12px 24px 0px rgba(26, 29, 45, 0.14), 0 6px 30px 6px rgba(26, 29, 45, 0.12), 0 6px 6px -6px rgba(26, 29, 45, 0.2); } -[_padding~=x-7], -[_p~=x-7] { - padding-left: 35px; - padding-right: 35px; +[_shadow~="7"] { + box-shadow: 0 14px 28px 0px rgba(26, 29, 45, 0.14), 0 7px 35px 7px rgba(26, 29, 45, 0.12), 0 7px 7px -7px rgba(26, 29, 45, 0.2); } -[_round~="7"], -[_r~="7"] { - border-radius: 35px; +[_shadow~="8"] { + box-shadow: 0 16px 32px 0px rgba(26, 29, 45, 0.14), 0 8px 40px 8px rgba(26, 29, 45, 0.12), 0 8px 8px -8px rgba(26, 29, 45, 0.2); } -[_margin~="8"], -[_m~="8"] { - margin: 40px; +[_shadow~="9"] { + box-shadow: 0 18px 36px 0px rgba(26, 29, 45, 0.14), 0 9px 45px 9px rgba(26, 29, 45, 0.12), 0 9px 9px -9px rgba(26, 29, 45, 0.2); } -[_margin~=t-8], -[_m~=t-8] { - margin-top: 40px; +[_shadow~="10"] { + box-shadow: 0 20px 40px 0px rgba(26, 29, 45, 0.14), 0 10px 50px 10px rgba(26, 29, 45, 0.12), 0 10px 10px -10px rgba(26, 29, 45, 0.2); } -[_margin~=b-8], -[_m~=b-8] { - margin-bottom: 40px; +[_bg~=red] { + background-color: #f24236; + color: #fbfaf8; } -[_margin~=l-8], -[_m~=l-8] { - margin-left: 40px; +[_bg~=red-light-0] { + background-color: #f24236; + color: #fbfaf8; } -[_margin~=r-8], -[_m~=r-8] { - margin-right: 40px; +[_bg~=red-light-1] { + background-color: #f35044; + color: #fbfaf8; } -[_margin~=y-8], -[_m~=y-8] { - margin-top: 40px; - margin-bottom: 40px; +[_bg~=red-light-2] { + background-color: #f45d53; + color: #fbfaf8; } -[_margin~=x-8], -[_m~=x-8] { - margin-left: 40px; - margin-right: 40px; +[_bg~=red-light-3] { + background-color: #f56b61; + color: #fbfaf8; } -[_padding~="8"], -[_p~="8"] { - padding: 40px; +[_bg~=red-light-4] { + background-color: #f6786f; + color: #fbfaf8; } -[_padding~=t-8], -[_p~=t-8] { - padding-top: 40px; +[_bg~=red-light-5] { + background-color: #f7867e; + color: #fbfaf8; } -[_padding~=b-8], -[_p~=b-8] { - padding-bottom: 40px; +[_bg~=red-light-6] { + background-color: #f8938c; + color: #fbfaf8; } -[_padding~=l-8], -[_p~=l-8] { - padding-left: 40px; +[_bg~=red-light-7] { + background-color: #f9a19b; + color: #fbfaf8; } -[_padding~=r-8], -[_p~=r-8] { - padding-right: 40px; +[_bg~=red-light-8] { + background-color: #f9aea9; + color: #fbfaf8; } -[_padding~=y-8], -[_p~=y-8] { - padding-top: 40px; - padding-bottom: 40px; +[_bg~=red-light-9] { + background-color: #fabcb7; + color: #fbfaf8; } -[_padding~=x-8], -[_p~=x-8] { - padding-left: 40px; - padding-right: 40px; +[_bg~=red-light-10] { + background-color: #fbc9c6; + color: #fbfaf8; } -[_round~="8"], -[_r~="8"] { - border-radius: 40px; +[_bg~=red-dark-0] { + background-color: #f24236; + color: #fbfaf8; } -[_margin~="9"], -[_m~="9"] { - margin: 45px; +[_bg~=red-dark-1] { + background-color: #f13428; + color: #fbfaf8; } -[_margin~=t-9], -[_m~=t-9] { - margin-top: 45px; +[_bg~=red-dark-2] { + background-color: #f02719; + color: #fbfaf8; } -[_margin~=b-9], -[_m~=b-9] { - margin-bottom: 45px; +[_bg~=red-dark-3] { + background-color: #eb1d0f; + color: #fbfaf8; } -[_margin~=l-9], -[_m~=l-9] { - margin-left: 45px; +[_bg~=red-dark-4] { + background-color: #dd1b0e; + color: #fbfaf8; } -[_margin~=r-9], -[_m~=r-9] { - margin-right: 45px; +[_bg~=red-dark-5] { + background-color: #ce1a0d; + color: #fbfaf8; } -[_margin~=y-9], -[_m~=y-9] { - margin-top: 45px; - margin-bottom: 45px; +[_bg~=red-dark-6] { + background-color: #c0180c; + color: #fbfaf8; } -[_margin~=x-9], -[_m~=x-9] { - margin-left: 45px; - margin-right: 45px; +[_bg~=red-dark-7] { + background-color: #b1160b; + color: #fbfaf8; } -[_padding~="9"], -[_p~="9"] { - padding: 45px; +[_bg~=red-dark-8] { + background-color: #a3140b; + color: #fbfaf8; } -[_padding~=t-9], -[_p~=t-9] { - padding-top: 45px; +[_bg~=red-dark-9] { + background-color: #95120a; + color: #fbfaf8; } -[_padding~=b-9], -[_p~=b-9] { - padding-bottom: 45px; +[_bg~=red-dark-10] { + background-color: #861109; + color: #fbfaf8; } -[_padding~=l-9], -[_p~=l-9] { - padding-left: 45px; +[_bg~=pink] { + background-color: #e43f6f; + color: #fbfaf8; } -[_padding~=r-9], -[_p~=r-9] { - padding-right: 45px; +[_bg~=pink-light-0] { + background-color: #e43f6f; + color: #fbfaf8; } -[_padding~=y-9], -[_p~=y-9] { - padding-top: 45px; - padding-bottom: 45px; +[_bg~=pink-light-1] { + background-color: #e64c79; + color: #fbfaf8; } -[_padding~=x-9], -[_p~=x-9] { - padding-left: 45px; - padding-right: 45px; +[_bg~=pink-light-2] { + background-color: #e85a83; + color: #fbfaf8; } -[_round~="9"], -[_r~="9"] { - border-radius: 45px; +[_bg~=pink-light-3] { + background-color: #ea678d; + color: #fbfaf8; } -[_margin~="10"], -[_m~="10"] { - margin: 50px; +[_bg~=pink-light-4] { + background-color: #ec7597; + color: #fbfaf8; } -[_margin~=t-10], -[_m~=t-10] { - margin-top: 50px; +[_bg~=pink-light-5] { + background-color: #ed82a1; + color: #fbfaf8; } -[_margin~=b-10], -[_m~=b-10] { - margin-bottom: 50px; +[_bg~=pink-light-6] { + background-color: #ef8fab; + color: #fbfaf8; } -[_margin~=l-10], -[_m~=l-10] { - margin-left: 50px; +[_bg~=pink-light-7] { + background-color: #f19db5; + color: #fbfaf8; } -[_margin~=r-10], -[_m~=r-10] { - margin-right: 50px; +[_bg~=pink-light-8] { + background-color: #f3aabf; + color: #fbfaf8; } -[_margin~=y-10], -[_m~=y-10] { - margin-top: 50px; - margin-bottom: 50px; +[_bg~=pink-light-9] { + background-color: #f5b8ca; + color: #fbfaf8; } -[_margin~=x-10], -[_m~=x-10] { - margin-left: 50px; - margin-right: 50px; +[_bg~=pink-light-10] { + background-color: #f7c5d4; + color: #fbfaf8; } -[_padding~="10"], -[_p~="10"] { - padding: 50px; +[_bg~=pink-dark-0] { + background-color: #e43f6f; + color: #fbfaf8; } -[_padding~=t-10], -[_p~=t-10] { - padding-top: 50px; +[_bg~=pink-dark-1] { + background-color: #e23265; + color: #fbfaf8; } -[_padding~=b-10], -[_p~=b-10] { - padding-bottom: 50px; +[_bg~=pink-dark-2] { + background-color: #e0245b; + color: #fbfaf8; } -[_padding~=l-10], -[_p~=l-10] { - padding-left: 50px; +[_bg~=pink-dark-3] { + background-color: #d71e54; + color: #fbfaf8; } -[_padding~=r-10], -[_p~=r-10] { - padding-right: 50px; +[_bg~=pink-dark-4] { + background-color: #c91c4f; + color: #fbfaf8; } -[_padding~=y-10], -[_p~=y-10] { - padding-top: 50px; - padding-bottom: 50px; +[_bg~=pink-dark-5] { + background-color: #bc1a49; + color: #fbfaf8; } -[_padding~=x-10], -[_p~=x-10] { - padding-left: 50px; - padding-right: 50px; +[_bg~=pink-dark-6] { + background-color: #af1944; + color: #fbfaf8; } -[_round~="10"], -[_r~="10"] { - border-radius: 50px; +[_bg~=pink-dark-7] { + background-color: #a1173f; + color: #fbfaf8; } -[_size~=w-0] { - width: 0%; +[_bg~=pink-dark-8] { + background-color: #94153a; + color: #fbfaf8; } -[_size~=h-0] { - height: 0%; +[_bg~=pink-dark-9] { + background-color: #861335; + color: #fbfaf8; } -[_size~=w-5] { - width: 5%; +[_bg~=pink-dark-10] { + background-color: #79112f; + color: #fbfaf8; } -[_size~=h-5] { - height: 5%; +[_bg~=purple] { + background-color: #6564db; + color: #fbfaf8; } - -[_size~=w-10] { - width: 10%; + +[_bg~=purple-light-0] { + background-color: #6564db; + color: #fbfaf8; } -[_size~=h-10] { - height: 10%; +[_bg~=purple-light-1] { + background-color: #7170de; + color: #fbfaf8; } -[_size~=w-15] { - width: 15%; +[_bg~=purple-light-2] { + background-color: #7e7de1; + color: #fbfaf8; } -[_size~=h-15] { - height: 15%; +[_bg~=purple-light-3] { + background-color: #8a89e4; + color: #fbfaf8; } -[_size~=w-20] { - width: 20%; +[_bg~=purple-light-4] { + background-color: #9696e7; + color: #fbfaf8; } -[_size~=h-20] { - height: 20%; +[_bg~=purple-light-5] { + background-color: #a3a2e9; + color: #fbfaf8; } -[_size~=w-25] { - width: 25%; +[_bg~=purple-light-6] { + background-color: #afaeec; + color: #fbfaf8; } -[_size~=h-25] { - height: 25%; +[_bg~=purple-light-7] { + background-color: #bbbbef; + color: #fbfaf8; } -[_size~=w-30] { - width: 30%; +[_bg~=purple-light-8] { + background-color: #c8c7f2; + color: #fbfaf8; } -[_size~=h-30] { - height: 30%; +[_bg~=purple-light-9] { + background-color: #d4d4f5; + color: #fbfaf8; } -[_size~=w-35] { - width: 35%; +[_bg~=purple-light-10] { + background-color: #e0e0f8; + color: #fbfaf8; } -[_size~=h-35] { - height: 35%; +[_bg~=purple-dark-0] { + background-color: #6564db; + color: #fbfaf8; } -[_size~=w-40] { - width: 40%; +[_bg~=purple-dark-1] { + background-color: #5958d8; + color: #fbfaf8; } -[_size~=h-40] { - height: 40%; +[_bg~=purple-dark-2] { + background-color: #4c4bd5; + color: #fbfaf8; } -[_size~=w-45] { - width: 45%; +[_bg~=purple-dark-3] { + background-color: #403fd2; + color: #fbfaf8; } -[_size~=h-45] { - height: 45%; +[_bg~=purple-dark-4] { + background-color: #3432cf; + color: #fbfaf8; } -[_size~=w-50] { - width: 50%; +[_bg~=purple-dark-5] { + background-color: #2f2ec5; + color: #fbfaf8; } -[_size~=h-50] { - height: 50%; +[_bg~=purple-dark-6] { + background-color: #2c2bb8; + color: #fbfaf8; } -[_size~=w-55] { - width: 55%; +[_bg~=purple-dark-7] { + background-color: #2928ac; + color: #fbfaf8; } -[_size~=h-55] { - height: 55%; +[_bg~=purple-dark-8] { + background-color: #2625a0; + color: #fbfaf8; } -[_size~=w-60] { - width: 60%; +[_bg~=purple-dark-9] { + background-color: #232293; + color: #fbfaf8; } -[_size~=h-60] { - height: 60%; +[_bg~=purple-dark-10] { + background-color: #201f87; + color: #fbfaf8; } -[_size~=w-65] { - width: 65%; +[_bg~=indigo] { + background-color: #473bf0; + color: #fbfaf8; } -[_size~=h-65] { - height: 65%; +[_bg~=indigo-light-0] { + background-color: #473bf0; + color: #fbfaf8; } -[_size~=w-70] { - width: 70%; +[_bg~=indigo-light-1] { + background-color: #5449f1; + color: #fbfaf8; } -[_size~=h-70] { - height: 70%; +[_bg~=indigo-light-2] { + background-color: #6257f2; + color: #fbfaf8; } -[_size~=w-75] { - width: 75%; +[_bg~=indigo-light-3] { + background-color: #6f66f3; + color: #fbfaf8; } -[_size~=h-75] { - height: 75%; +[_bg~=indigo-light-4] { + background-color: #7c74f4; + color: #fbfaf8; } -[_size~=w-80] { - width: 80%; +[_bg~=indigo-light-5] { + background-color: #8a82f5; + color: #fbfaf8; } -[_size~=h-80] { - height: 80%; +[_bg~=indigo-light-6] { + background-color: #9790f7; + color: #fbfaf8; } -[_size~=w-85] { - width: 85%; +[_bg~=indigo-light-7] { + background-color: #a49ef8; + color: #fbfaf8; } -[_size~=h-85] { - height: 85%; +[_bg~=indigo-light-8] { + background-color: #b2adf9; + color: #fbfaf8; } -[_size~=w-90] { - width: 90%; +[_bg~=indigo-light-9] { + background-color: #bfbbfa; + color: #fbfaf8; } -[_size~=h-90] { - height: 90%; +[_bg~=indigo-light-10] { + background-color: #ccc9fb; + color: #fbfaf8; } -[_size~=w-95] { - width: 95%; +[_bg~=indigo-dark-0] { + background-color: #473bf0; + color: #fbfaf8; } -[_size~=h-95] { - height: 95%; +[_bg~=indigo-dark-1] { + background-color: #3a2def; + color: #fbfaf8; } -[_size~=w-100] { - width: 100%; +[_bg~=indigo-dark-2] { + background-color: #2c1fee; + color: #fbfaf8; } -[_size~=h-100] { - height: 100%; +[_bg~=indigo-dark-3] { + background-color: #2012eb; + color: #fbfaf8; } -[_size~=w-full] { - width: 100%; +[_bg~=indigo-dark-4] { + background-color: #1e11dd; + color: #fbfaf8; } -[_size~=h-full] { - height: 100%; +[_bg~=indigo-dark-5] { + background-color: #1c10cf; + color: #fbfaf8; } -[_size~=full] { - width: 100%; - height: 100%; +[_bg~=indigo-dark-6] { + background-color: #1b0fc0; + color: #fbfaf8; } -h1, -[_font~=h1] { - font-size: 38px; +[_bg~=indigo-dark-7] { + background-color: #190eb2; + color: #fbfaf8; } -h2, -[_font~=h2] { - font-size: 34px; +[_bg~=indigo-dark-8] { + background-color: #170da4; + color: #fbfaf8; } -h3, -[_font~=h3] { - font-size: 29px; +[_bg~=indigo-dark-9] { + background-color: #150b96; + color: #fbfaf8; } -h4, -[_font~=h4] { - font-size: 24px; +[_bg~=indigo-dark-10] { + background-color: #130a88; + color: #fbfaf8; } -h5, -[_font~=h5] { - font-size: 19px; +[_bg~=blue] { + background-color: #3169c4; + color: #fbfaf8; } -h6, -[_font~=h6] { - font-size: 14px; +[_bg~=blue-light-0] { + background-color: #3169c4; + color: #fbfaf8; } -[_color~=red], -[_font~=red] { - color: #f24236; +[_bg~=blue-light-1] { + background-color: #3770cd; + color: #fbfaf8; } -[_font~=left] { - text-align: left; +[_bg~=blue-light-2] { + background-color: #4379d0; + color: #fbfaf8; } -[_font~=right] { - text-align: right; +[_bg~=blue-light-3] { + background-color: #5082d3; + color: #fbfaf8; } -[_font~=center] { - text-align: center; +[_bg~=blue-light-4] { + background-color: #5c8bd6; + color: #fbfaf8; } -[_font~=justify] { - text-align: justify; +[_bg~=blue-light-5] { + background-color: #6893d9; + color: #fbfaf8; } -[_font~=lower] { - text-transform: lowercase; +[_bg~=blue-light-6] { + background-color: #749cdc; + color: #fbfaf8; } -[_font~=upper] { - text-transform: uppercase; +[_bg~=blue-light-7] { + background-color: #81a5df; + color: #fbfaf8; } -[_font~=capitalize] { - text-transform: capitalize; +[_bg~=blue-light-8] { + background-color: #8daee2; + color: #fbfaf8; } -[_font~=bold] { - font-weight: bold; +[_bg~=blue-light-9] { + background-color: #99b6e6; + color: #fbfaf8; } -[_font~=bolder] { - font-weight: bolder; +[_bg~=blue-light-10] { + background-color: #a5bfe9; + color: #fbfaf8; } -[_font~=lighter] { - font-weight: lighter; +[_bg~=blue-dark-0] { + background-color: #3169c4; + color: #fbfaf8; } -[_font~=normal] { - font-weight: normal; +[_bg~=blue-dark-1] { + background-color: #2e62b8; + color: #fbfaf8; } -[_font~=italic] { - font-style: italic; +[_bg~=blue-dark-2] { + background-color: #2b5cac; + color: #fbfaf8; } -[_font~=mark], -[_font~=hilight] { - background-color: #f9c866; - color: #1a1d2d; +[_bg~=blue-dark-3] { + background-color: #28559f; + color: #fbfaf8; } -[_decoration~=linethrough], -[_decoration~=del] { - text-decoration: line-through; +[_bg~=blue-dark-4] { + background-color: #254f93; + color: #fbfaf8; } -[_decoration~=underline], -[_decoration~=line] { - text-decoration: underline; +[_bg~=blue-dark-5] { + background-color: #224887; + color: #fbfaf8; } -[_decoration~=none] { - text-decoration: none; +[_bg~=blue-dark-6] { + background-color: #1f427b; + color: #fbfaf8; } -[_color~=pink], -[_font~=pink] { - color: #e43f6f; +[_bg~=blue-dark-7] { + background-color: #1c3b6e; + color: #fbfaf8; } -[_font~=left] { - text-align: left; +[_bg~=blue-dark-8] { + background-color: #193562; + color: #fbfaf8; } -[_font~=right] { - text-align: right; +[_bg~=blue-dark-9] { + background-color: #152e56; + color: #fbfaf8; } -[_font~=center] { - text-align: center; +[_bg~=blue-dark-10] { + background-color: #12274a; + color: #fbfaf8; } -[_font~=justify] { - text-align: justify; +[_bg~=cyan] { + background-color: #1fa6c1; + color: #fbfaf8; } -[_font~=lower] { - text-transform: lowercase; +[_bg~=cyan-light-0] { + background-color: #1fa6c1; + color: #fbfaf8; } -[_font~=upper] { - text-transform: uppercase; +[_bg~=cyan-light-1] { + background-color: #21b1ce; + color: #fbfaf8; } -[_font~=capitalize] { - text-transform: capitalize; +[_bg~=cyan-light-2] { + background-color: #23bddb; + color: #fbfaf8; } -[_font~=bold] { - font-weight: bold; +[_bg~=cyan-light-3] { + background-color: #30c1de; + color: #fbfaf8; } -[_font~=bolder] { - font-weight: bolder; +[_bg~=cyan-light-4] { + background-color: #3dc5e0; + color: #fbfaf8; } -[_font~=lighter] { - font-weight: lighter; +[_bg~=cyan-light-5] { + background-color: #4ac9e2; + color: #fbfaf8; } -[_font~=normal] { - font-weight: normal; +[_bg~=cyan-light-6] { + background-color: #58cde4; + color: #fbfaf8; } -[_font~=italic] { - font-style: italic; +[_bg~=cyan-light-7] { + background-color: #65d1e6; + color: #fbfaf8; } -[_font~=mark], -[_font~=hilight] { - background-color: #f9c866; - color: #1a1d2d; +[_bg~=cyan-light-8] { + background-color: #72d5e8; + color: #fbfaf8; } -[_decoration~=linethrough], -[_decoration~=del] { - text-decoration: line-through; +[_bg~=cyan-light-9] { + background-color: #7fd9ea; + color: #fbfaf8; } -[_decoration~=underline], -[_decoration~=line] { - text-decoration: underline; +[_bg~=cyan-light-10] { + background-color: #8cdded; + color: #fbfaf8; } -[_decoration~=none] { - text-decoration: none; +[_bg~=cyan-dark-0] { + background-color: #1fa6c1; + color: #fbfaf8; } -[_color~=purple], -[_font~=purple] { - color: #6564db; +[_bg~=cyan-dark-1] { + background-color: #1d9bb4; + color: #fbfaf8; } -[_font~=left] { - text-align: left; +[_bg~=cyan-dark-2] { + background-color: #1b8fa7; + color: #fbfaf8; } -[_font~=right] { - text-align: right; +[_bg~=cyan-dark-3] { + background-color: #198499; + color: #fbfaf8; } -[_font~=center] { - text-align: center; +[_bg~=cyan-dark-4] { + background-color: #17798c; + color: #fbfaf8; } -[_font~=justify] { - text-align: justify; +[_bg~=cyan-dark-5] { + background-color: #146d7f; + color: #fbfaf8; } -[_font~=lower] { - text-transform: lowercase; +[_bg~=cyan-dark-6] { + background-color: #126272; + color: #fbfaf8; } -[_font~=upper] { - text-transform: uppercase; +[_bg~=cyan-dark-7] { + background-color: #105765; + color: #fbfaf8; } -[_font~=capitalize] { - text-transform: capitalize; +[_bg~=cyan-dark-8] { + background-color: #0e4b58; + color: #fbfaf8; } -[_font~=bold] { - font-weight: bold; +[_bg~=cyan-dark-9] { + background-color: #0c404a; + color: #fbfaf8; } -[_font~=bolder] { - font-weight: bolder; +[_bg~=cyan-dark-10] { + background-color: #0a353d; + color: #fbfaf8; } -[_font~=lighter] { - font-weight: lighter; +[_bg~=teal] { + background-color: #00bfb2; + color: #fbfaf8; } -[_font~=normal] { - font-weight: normal; +[_bg~=teal-light-0] { + background-color: #00bfb2; + color: #fbfaf8; } -[_font~=italic] { - font-style: italic; +[_bg~=teal-light-1] { + background-color: #00cec0; + color: #fbfaf8; } -[_font~=mark], -[_font~=hilight] { - background-color: #f9c866; - color: #1a1d2d; +[_bg~=teal-light-2] { + background-color: #00decf; + color: #fbfaf8; } -[_decoration~=linethrough], -[_decoration~=del] { - text-decoration: line-through; +[_bg~=teal-light-3] { + background-color: #00eddd; + color: #fbfaf8; } -[_decoration~=underline], -[_decoration~=line] { - text-decoration: underline; +[_bg~=teal-light-4] { + background-color: #00fceb; + color: #fbfaf8; } -[_decoration~=none] { - text-decoration: none; +[_bg~=teal-light-5] { + background-color: #0dffee; + color: #fbfaf8; } -[_color~=indigo], -[_font~=indigo] { - color: #473bf0; +[_bg~=teal-light-6] { + background-color: #1cfff0; + color: #fbfaf8; } -[_font~=left] { - text-align: left; +[_bg~=teal-light-7] { + background-color: #2bfff1; + color: #fbfaf8; } -[_font~=right] { - text-align: right; +[_bg~=teal-light-8] { + background-color: #3afff2; + color: #fbfaf8; } -[_font~=center] { - text-align: center; +[_bg~=teal-light-9] { + background-color: #4afff3; + color: #fbfaf8; } -[_font~=justify] { - text-align: justify; +[_bg~=teal-light-10] { + background-color: #59fff4; + color: #fbfaf8; } -[_font~=lower] { - text-transform: lowercase; +[_bg~=teal-dark-0] { + background-color: #00bfb2; + color: #fbfaf8; } -[_font~=upper] { - text-transform: uppercase; +[_bg~=teal-dark-1] { + background-color: #00b0a4; + color: #fbfaf8; } -[_font~=capitalize] { - text-transform: capitalize; +[_bg~=teal-dark-2] { + background-color: #00a095; + color: #fbfaf8; } -[_font~=bold] { - font-weight: bold; +[_bg~=teal-dark-3] { + background-color: #009187; + color: #fbfaf8; } -[_font~=bolder] { - font-weight: bolder; +[_bg~=teal-dark-4] { + background-color: #008279; + color: #fbfaf8; } -[_font~=lighter] { - font-weight: lighter; +[_bg~=teal-dark-5] { + background-color: #00736b; + color: #fbfaf8; } -[_font~=normal] { - font-weight: normal; +[_bg~=teal-dark-6] { + background-color: #00635c; + color: #fbfaf8; } -[_font~=italic] { - font-style: italic; +[_bg~=teal-dark-7] { + background-color: #00544e; + color: #fbfaf8; } -[_font~=mark], -[_font~=hilight] { - background-color: #f9c866; - color: #1a1d2d; +[_bg~=teal-dark-8] { + background-color: #004540; + color: #fbfaf8; } -[_decoration~=linethrough], -[_decoration~=del] { - text-decoration: line-through; +[_bg~=teal-dark-9] { + background-color: #003532; + color: #fbfaf8; } -[_decoration~=underline], -[_decoration~=line] { - text-decoration: underline; +[_bg~=teal-dark-10] { + background-color: #002623; + color: #fbfaf8; } -[_decoration~=none] { - text-decoration: none; +[_bg~=green] { + background-color: #3ccd65; + color: #fbfaf8; } -[_color~=blue], -[_font~=blue] { - color: #3169c4; +[_bg~=green-light-0] { + background-color: #3ccd65; + color: #fbfaf8; } -[_font~=left] { - text-align: left; +[_bg~=green-light-1] { + background-color: #48d06f; + color: #fbfaf8; } -[_font~=right] { - text-align: right; +[_bg~=green-light-2] { + background-color: #54d378; + color: #fbfaf8; } -[_font~=center] { - text-align: center; +[_bg~=green-light-3] { + background-color: #61d682; + color: #fbfaf8; } -[_font~=justify] { - text-align: justify; +[_bg~=green-light-4] { + background-color: #6dd98b; + color: #fbfaf8; } -[_font~=lower] { - text-transform: lowercase; +[_bg~=green-light-5] { + background-color: #79dd95; + color: #fbfaf8; } -[_font~=upper] { - text-transform: uppercase; +[_bg~=green-light-6] { + background-color: #85e09f; + color: #fbfaf8; } -[_font~=capitalize] { - text-transform: capitalize; +[_bg~=green-light-7] { + background-color: #91e3a8; + color: #fbfaf8; } -[_font~=bold] { - font-weight: bold; +[_bg~=green-light-8] { + background-color: #9de6b2; + color: #fbfaf8; } -[_font~=bolder] { - font-weight: bolder; +[_bg~=green-light-9] { + background-color: #aae9bc; + color: #fbfaf8; } -[_font~=lighter] { - font-weight: lighter; +[_bg~=green-light-10] { + background-color: #b6ecc5; + color: #fbfaf8; } -[_font~=normal] { - font-weight: normal; +[_bg~=green-dark-0] { + background-color: #3ccd65; + color: #fbfaf8; } -[_font~=italic] { - font-style: italic; +[_bg~=green-dark-1] { + background-color: #33c75d; + color: #fbfaf8; } -[_font~=mark], -[_font~=hilight] { - background-color: #f9c866; - color: #1a1d2d; +[_bg~=green-dark-2] { + background-color: #30bb57; + color: #fbfaf8; } -[_decoration~=linethrough], -[_decoration~=del] { - text-decoration: line-through; +[_bg~=green-dark-3] { + background-color: #2dae51; + color: #fbfaf8; } -[_decoration~=underline], -[_decoration~=line] { - text-decoration: underline; +[_bg~=green-dark-4] { + background-color: #2aa24c; + color: #fbfaf8; } -[_decoration~=none] { - text-decoration: none; +[_bg~=green-dark-5] { + background-color: #269646; + color: #fbfaf8; } -[_color~=cyan], -[_font~=cyan] { - color: #1fa6c1; +[_bg~=green-dark-6] { + background-color: #238a40; + color: #fbfaf8; } -[_font~=left] { - text-align: left; +[_bg~=green-dark-7] { + background-color: #207e3b; + color: #fbfaf8; } -[_font~=right] { - text-align: right; +[_bg~=green-dark-8] { + background-color: #1d7135; + color: #fbfaf8; } -[_font~=center] { - text-align: center; +[_bg~=green-dark-9] { + background-color: #1a652f; + color: #fbfaf8; } -[_font~=justify] { - text-align: justify; +[_bg~=green-dark-10] { + background-color: #17592a; + color: #fbfaf8; } -[_font~=lower] { - text-transform: lowercase; +[_bg~=lime] { + background-color: #aad922; + color: #fbfaf8; } -[_font~=upper] { - text-transform: uppercase; +[_bg~=lime-light-0] { + background-color: #aad922; + color: #fbfaf8; } -[_font~=capitalize] { - text-transform: capitalize; +[_bg~=lime-light-1] { + background-color: #b0de2c; + color: #fbfaf8; } -[_font~=bold] { - font-weight: bold; +[_bg~=lime-light-2] { + background-color: #b5e03a; + color: #fbfaf8; } -[_font~=bolder] { - font-weight: bolder; +[_bg~=lime-light-3] { + background-color: #bae247; + color: #fbfaf8; } -[_font~=lighter] { - font-weight: lighter; +[_bg~=lime-light-4] { + background-color: #bfe454; + color: #fbfaf8; } -[_font~=normal] { - font-weight: normal; +[_bg~=lime-light-5] { + background-color: #c4e661; + color: #fbfaf8; } -[_font~=italic] { - font-style: italic; +[_bg~=lime-light-6] { + background-color: #c9e86e; + color: #fbfaf8; } -[_font~=mark], -[_font~=hilight] { - background-color: #f9c866; - color: #1a1d2d; +[_bg~=lime-light-7] { + background-color: #ceea7c; + color: #fbfaf8; } -[_decoration~=linethrough], -[_decoration~=del] { - text-decoration: line-through; +[_bg~=lime-light-8] { + background-color: #d3ec89; + color: #fbfaf8; } -[_decoration~=underline], -[_decoration~=line] { - text-decoration: underline; +[_bg~=lime-light-9] { + background-color: #d8ef96; + color: #fbfaf8; } -[_decoration~=none] { - text-decoration: none; +[_bg~=lime-light-10] { + background-color: #ddf1a3; + color: #fbfaf8; } -[_color~=teal], -[_font~=teal] { - color: #00bfb2; +[_bg~=lime-dark-0] { + background-color: #aad922; + color: #fbfaf8; } -[_font~=left] { - text-align: left; +[_bg~=lime-dark-1] { + background-color: #a0cc20; + color: #fbfaf8; } -[_font~=right] { - text-align: right; +[_bg~=lime-dark-2] { + background-color: #95bf1e; + color: #fbfaf8; } -[_font~=center] { - text-align: center; +[_bg~=lime-dark-3] { + background-color: #8bb11c; + color: #fbfaf8; } -[_font~=justify] { - text-align: justify; +[_bg~=lime-dark-4] { + background-color: #81a41a; + color: #fbfaf8; } -[_font~=lower] { - text-transform: lowercase; +[_bg~=lime-dark-5] { + background-color: #769718; + color: #fbfaf8; } -[_font~=upper] { - text-transform: uppercase; +[_bg~=lime-dark-6] { + background-color: #6c8a16; + color: #fbfaf8; } -[_font~=capitalize] { - text-transform: capitalize; +[_bg~=lime-dark-7] { + background-color: #617c13; + color: #fbfaf8; } -[_font~=bold] { - font-weight: bold; +[_bg~=lime-dark-8] { + background-color: #576f11; + color: #fbfaf8; } -[_font~=bolder] { - font-weight: bolder; +[_bg~=lime-dark-9] { + background-color: #4d620f; + color: #fbfaf8; } -[_font~=lighter] { - font-weight: lighter; +[_bg~=lime-dark-10] { + background-color: #42550d; + color: #fbfaf8; } -[_font~=normal] { - font-weight: normal; +[_bg~=yellow] { + background-color: #f7b32b; + color: #fbfaf8; } -[_font~=italic] { - font-style: italic; +[_bg~=yellow-light-0] { + background-color: #f7b32b; + color: #fbfaf8; } -[_font~=mark], -[_font~=hilight] { - background-color: #f9c866; - color: #1a1d2d; +[_bg~=yellow-light-1] { + background-color: #f8b83a; + color: #fbfaf8; } -[_decoration~=linethrough], -[_decoration~=del] { - text-decoration: line-through; +[_bg~=yellow-light-2] { + background-color: #f8be48; + color: #fbfaf8; } -[_decoration~=underline], -[_decoration~=line] { - text-decoration: underline; +[_bg~=yellow-light-3] { + background-color: #f9c357; + color: #fbfaf8; } -[_decoration~=none] { - text-decoration: none; +[_bg~=yellow-light-4] { + background-color: #f9c866; + color: #fbfaf8; } -[_color~=green], -[_font~=green] { - color: #3ccd65; +[_bg~=yellow-light-5] { + background-color: #facd75; + color: #fbfaf8; } -[_font~=left] { - text-align: left; +[_bg~=yellow-light-6] { + background-color: #fad383; + color: #fbfaf8; } -[_font~=right] { - text-align: right; +[_bg~=yellow-light-7] { + background-color: #fbd892; + color: #fbfaf8; } -[_font~=center] { - text-align: center; +[_bg~=yellow-light-8] { + background-color: #fbdda1; + color: #fbfaf8; } -[_font~=justify] { - text-align: justify; +[_bg~=yellow-light-9] { + background-color: #fce3b0; + color: #fbfaf8; } -[_font~=lower] { - text-transform: lowercase; +[_bg~=yellow-light-10] { + background-color: #fde8be; + color: #fbfaf8; } -[_font~=upper] { - text-transform: uppercase; +[_bg~=yellow-dark-0] { + background-color: #f7b32b; + color: #fbfaf8; } -[_font~=capitalize] { - text-transform: capitalize; +[_bg~=yellow-dark-1] { + background-color: #f6ae1c; + color: #fbfaf8; } -[_font~=bold] { - font-weight: bold; +[_bg~=yellow-dark-2] { + background-color: #f6a80e; + color: #fbfaf8; } -[_font~=bolder] { - font-weight: bolder; +[_bg~=yellow-dark-3] { + background-color: #eba009; + color: #fbfaf8; } -[_font~=lighter] { - font-weight: lighter; +[_bg~=yellow-dark-4] { + background-color: #dc9608; + color: #fbfaf8; } -[_font~=normal] { - font-weight: normal; +[_bg~=yellow-dark-5] { + background-color: #ce8c08; + color: #fbfaf8; } -[_font~=italic] { - font-style: italic; +[_bg~=yellow-dark-6] { + background-color: #bf8207; + color: #fbfaf8; } -[_font~=mark], -[_font~=hilight] { - background-color: #f9c866; - color: #1a1d2d; +[_bg~=yellow-dark-7] { + background-color: #b07807; + color: #fbfaf8; } -[_decoration~=linethrough], -[_decoration~=del] { - text-decoration: line-through; +[_bg~=yellow-dark-8] { + background-color: #a26e06; + color: #fbfaf8; } -[_decoration~=underline], -[_decoration~=line] { - text-decoration: underline; +[_bg~=yellow-dark-9] { + background-color: #936406; + color: #fbfaf8; } -[_decoration~=none] { - text-decoration: none; +[_bg~=yellow-dark-10] { + background-color: #845a05; + color: #fbfaf8; } -[_color~=lime], -[_font~=lime] { - color: #aad922; +[_bg~=amber] { + background-color: #ff7f11; + color: #fbfaf8; } -[_font~=left] { - text-align: left; +[_bg~=amber-light-0] { + background-color: #ff7f11; + color: #fbfaf8; } -[_font~=right] { - text-align: right; +[_bg~=amber-light-1] { + background-color: #ff8720; + color: #fbfaf8; } -[_font~=center] { - text-align: center; +[_bg~=amber-light-2] { + background-color: #ff8f30; + color: #fbfaf8; } -[_font~=justify] { - text-align: justify; +[_bg~=amber-light-3] { + background-color: #ff983f; + color: #fbfaf8; } -[_font~=lower] { - text-transform: lowercase; +[_bg~=amber-light-4] { + background-color: #ffa04e; + color: #fbfaf8; } -[_font~=upper] { - text-transform: uppercase; +[_bg~=amber-light-5] { + background-color: #ffa85e; + color: #fbfaf8; } -[_font~=capitalize] { - text-transform: capitalize; +[_bg~=amber-light-6] { + background-color: #ffb06d; + color: #fbfaf8; } -[_font~=bold] { - font-weight: bold; +[_bg~=amber-light-7] { + background-color: #ffb97c; + color: #fbfaf8; } -[_font~=bolder] { - font-weight: bolder; +[_bg~=amber-light-8] { + background-color: #ffc18b; + color: #fbfaf8; } -[_font~=lighter] { - font-weight: lighter; +[_bg~=amber-light-9] { + background-color: #ffc99b; + color: #fbfaf8; } -[_font~=normal] { - font-weight: normal; +[_bg~=amber-light-10] { + background-color: #ffd1aa; + color: #fbfaf8; } -[_font~=italic] { - font-style: italic; +[_bg~=amber-dark-0] { + background-color: #ff7f11; + color: #fbfaf8; } -[_font~=mark], -[_font~=hilight] { - background-color: #f9c866; - color: #1a1d2d; +[_bg~=amber-dark-1] { + background-color: #ff7702; + color: #fbfaf8; } -[_decoration~=linethrough], -[_decoration~=del] { - text-decoration: line-through; +[_bg~=amber-dark-2] { + background-color: #f17000; + color: #fbfaf8; } -[_decoration~=underline], -[_decoration~=line] { - text-decoration: underline; +[_bg~=amber-dark-3] { + background-color: #e26900; + color: #fbfaf8; } -[_decoration~=none] { - text-decoration: none; +[_bg~=amber-dark-4] { + background-color: #d36100; + color: #fbfaf8; } -[_color~=yellow], -[_font~=yellow] { - color: #f7b32b; +[_bg~=amber-dark-5] { + background-color: #c45a00; + color: #fbfaf8; } -[_font~=left] { - text-align: left; +[_bg~=amber-dark-6] { + background-color: #b45300; + color: #fbfaf8; } -[_font~=right] { - text-align: right; +[_bg~=amber-dark-7] { + background-color: #a54c00; + color: #fbfaf8; } -[_font~=center] { - text-align: center; +[_bg~=amber-dark-8] { + background-color: #964500; + color: #fbfaf8; } -[_font~=justify] { - text-align: justify; +[_bg~=amber-dark-9] { + background-color: #863e00; + color: #fbfaf8; } -[_font~=lower] { - text-transform: lowercase; +[_bg~=amber-dark-10] { + background-color: #773700; + color: #fbfaf8; } -[_font~=upper] { - text-transform: uppercase; +[_bg~=orange] { + background-color: #f34213; + color: #fbfaf8; } -[_font~=capitalize] { - text-transform: capitalize; +[_bg~=orange-light-0] { + background-color: #f34213; + color: #fbfaf8; } -[_font~=bold] { - font-weight: bold; +[_bg~=orange-light-1] { + background-color: #f44e22; + color: #fbfaf8; } -[_font~=bolder] { - font-weight: bolder; +[_bg~=orange-light-2] { + background-color: #f45930; + color: #fbfaf8; } -[_font~=lighter] { - font-weight: lighter; +[_bg~=orange-light-3] { + background-color: #f5653f; + color: #fbfaf8; } -[_font~=normal] { - font-weight: normal; +[_bg~=orange-light-4] { + background-color: #f6714d; + color: #fbfaf8; } -[_font~=italic] { - font-style: italic; +[_bg~=orange-light-5] { + background-color: #f77c5c; + color: #fbfaf8; } -[_font~=mark], -[_font~=hilight] { - background-color: #f9c866; - color: #1a1d2d; +[_bg~=orange-light-6] { + background-color: #f7886a; + color: #fbfaf8; } -[_decoration~=linethrough], -[_decoration~=del] { - text-decoration: line-through; +[_bg~=orange-light-7] { + background-color: #f89479; + color: #fbfaf8; } -[_decoration~=underline], -[_decoration~=line] { - text-decoration: underline; +[_bg~=orange-light-8] { + background-color: #f99f87; + color: #fbfaf8; } -[_decoration~=none] { - text-decoration: none; +[_bg~=orange-light-9] { + background-color: #faab96; + color: #fbfaf8; } -[_color~=amber], -[_font~=amber] { - color: #ff7f11; +[_bg~=orange-light-10] { + background-color: #fab7a5; + color: #fbfaf8; } -[_font~=left] { - text-align: left; +[_bg~=orange-dark-0] { + background-color: #f34213; + color: #fbfaf8; } -[_font~=right] { - text-align: right; +[_bg~=orange-dark-1] { + background-color: #eb3b0c; + color: #fbfaf8; } -[_font~=center] { - text-align: center; +[_bg~=orange-dark-2] { + background-color: #dc370b; + color: #fbfaf8; } -[_font~=justify] { - text-align: justify; +[_bg~=orange-dark-3] { + background-color: #ce330a; + color: #fbfaf8; } -[_font~=lower] { - text-transform: lowercase; +[_bg~=orange-dark-4] { + background-color: #bf300a; + color: #fbfaf8; } - -[_font~=upper] { - text-transform: uppercase; + +[_bg~=orange-dark-5] { + background-color: #b12c09; + color: #fbfaf8; } -[_font~=capitalize] { - text-transform: capitalize; +[_bg~=orange-dark-6] { + background-color: #a22808; + color: #fbfaf8; } -[_font~=bold] { - font-weight: bold; +[_bg~=orange-dark-7] { + background-color: #932507; + color: #fbfaf8; } -[_font~=bolder] { - font-weight: bolder; +[_bg~=orange-dark-8] { + background-color: #852107; + color: #fbfaf8; } -[_font~=lighter] { - font-weight: lighter; +[_bg~=orange-dark-9] { + background-color: #761e06; + color: #fbfaf8; } -[_font~=normal] { - font-weight: normal; +[_bg~=orange-dark-10] { + background-color: #681a05; + color: #fbfaf8; } -[_font~=italic] { - font-style: italic; +[_bg~=brown] { + background-color: #823329; + color: #fbfaf8; } -[_font~=mark], -[_font~=hilight] { - background-color: #f9c866; - color: #1a1d2d; +[_bg~=brown-light-0] { + background-color: #823329; + color: #fbfaf8; } -[_decoration~=linethrough], -[_decoration~=del] { - text-decoration: line-through; +[_bg~=brown-light-1] { + background-color: #8e382d; + color: #fbfaf8; } -[_decoration~=underline], -[_decoration~=line] { - text-decoration: underline; +[_bg~=brown-light-2] { + background-color: #993c30; + color: #fbfaf8; } -[_decoration~=none] { - text-decoration: none; +[_bg~=brown-light-3] { + background-color: #a54134; + color: #fbfaf8; } -[_color~=orange], -[_font~=orange] { - color: #f34213; +[_bg~=brown-light-4] { + background-color: #b14538; + color: #fbfaf8; } -[_font~=left] { - text-align: left; +[_bg~=brown-light-5] { + background-color: #bc4a3b; + color: #fbfaf8; } -[_font~=right] { - text-align: right; +[_bg~=brown-light-6] { + background-color: #c45243; + color: #fbfaf8; } -[_font~=center] { - text-align: center; +[_bg~=brown-light-7] { + background-color: #c75c4f; + color: #fbfaf8; } -[_font~=justify] { - text-align: justify; +[_bg~=brown-light-8] { + background-color: #cb675a; + color: #fbfaf8; } -[_font~=lower] { - text-transform: lowercase; +[_bg~=brown-light-9] { + background-color: #cf7266; + color: #fbfaf8; } -[_font~=upper] { - text-transform: uppercase; +[_bg~=brown-light-10] { + background-color: #d27c72; + color: #fbfaf8; } -[_font~=capitalize] { - text-transform: capitalize; +[_bg~=brown-dark-0] { + background-color: #823329; + color: #fbfaf8; } -[_font~=bold] { - font-weight: bold; +[_bg~=brown-dark-1] { + background-color: #762e25; + color: #fbfaf8; } -[_font~=bolder] { - font-weight: bolder; +[_bg~=brown-dark-2] { + background-color: #6b2a22; + color: #fbfaf8; } -[_font~=lighter] { - font-weight: lighter; +[_bg~=brown-dark-3] { + background-color: #5f251e; + color: #fbfaf8; } -[_font~=normal] { - font-weight: normal; +[_bg~=brown-dark-4] { + background-color: #53211a; + color: #fbfaf8; } -[_font~=italic] { - font-style: italic; +[_bg~=brown-dark-5] { + background-color: #481c17; + color: #fbfaf8; } -[_font~=mark], -[_font~=hilight] { - background-color: #f9c866; - color: #1a1d2d; +[_bg~=brown-dark-6] { + background-color: #3c1813; + color: #fbfaf8; } -[_decoration~=linethrough], -[_decoration~=del] { - text-decoration: line-through; +[_bg~=brown-dark-7] { + background-color: #31130f; + color: #fbfaf8; } -[_decoration~=underline], -[_decoration~=line] { - text-decoration: underline; +[_bg~=brown-dark-8] { + background-color: #250e0c; + color: #fbfaf8; } -[_decoration~=none] { - text-decoration: none; +[_bg~=brown-dark-9] { + background-color: #190a08; + color: #fbfaf8; } -[_color~=brown], -[_font~=brown] { - color: #823329; +[_bg~=brown-dark-10] { + background-color: #0e0504; + color: #fbfaf8; } -[_font~=left] { - text-align: left; +[_bg~=grey] { + background-color: #7179ad; + color: #fbfaf8; } -[_font~=right] { - text-align: right; +[_bg~=grey-light-0] { + background-color: #7179ad; + color: #fbfaf8; } -[_font~=center] { - text-align: center; +[_bg~=grey-light-1] { + background-color: #7b82b3; + color: #fbfaf8; } -[_font~=justify] { - text-align: justify; +[_bg~=grey-light-2] { + background-color: #848bb8; + color: #fbfaf8; } -[_font~=lower] { - text-transform: lowercase; +[_bg~=grey-light-3] { + background-color: #8e94be; + color: #fbfaf8; } -[_font~=upper] { - text-transform: uppercase; +[_bg~=grey-light-4] { + background-color: #989ec3; + color: #fbfaf8; } -[_font~=capitalize] { - text-transform: capitalize; +[_bg~=grey-light-5] { + background-color: #a1a7c9; + color: #fbfaf8; } -[_font~=bold] { - font-weight: bold; +[_bg~=grey-light-6] { + background-color: #abb0cf; + color: #fbfaf8; } -[_font~=bolder] { - font-weight: bolder; +[_bg~=grey-light-7] { + background-color: #b5b9d4; + color: #fbfaf8; } -[_font~=lighter] { - font-weight: lighter; +[_bg~=grey-light-8] { + background-color: #bfc2da; + color: #fbfaf8; } -[_font~=normal] { - font-weight: normal; +[_bg~=grey-light-9] { + background-color: #c8cbdf; + color: #fbfaf8; } -[_font~=italic] { - font-style: italic; +[_bg~=grey-light-10] { + background-color: #d2d5e5; + color: #fbfaf8; } -[_font~=mark], -[_font~=hilight] { - background-color: #f9c866; - color: #1a1d2d; +[_bg~=grey-dark-0] { + background-color: #7179ad; + color: #fbfaf8; } -[_decoration~=linethrough], -[_decoration~=del] { - text-decoration: line-through; +[_bg~=grey-dark-1] { + background-color: #6770a7; + color: #fbfaf8; } -[_decoration~=underline], -[_decoration~=line] { - text-decoration: underline; +[_bg~=grey-dark-2] { + background-color: #5e67a2; + color: #fbfaf8; } -[_decoration~=none] { - text-decoration: none; +[_bg~=grey-dark-3] { + background-color: #586098; + color: #fbfaf8; } -[_color~=grey], -[_font~=grey] { - color: #7179ad; +[_bg~=grey-dark-4] { + background-color: #525a8f; + color: #fbfaf8; } -[_font~=left] { - text-align: left; +[_bg~=grey-dark-5] { + background-color: #4d5485; + color: #fbfaf8; } -[_font~=right] { - text-align: right; +[_bg~=grey-dark-6] { + background-color: #474e7b; + color: #fbfaf8; } -[_font~=center] { - text-align: center; +[_bg~=grey-dark-7] { + background-color: #414871; + color: #fbfaf8; } -[_font~=justify] { - text-align: justify; +[_bg~=grey-dark-8] { + background-color: #3c4268; + color: #fbfaf8; } -[_font~=lower] { - text-transform: lowercase; +[_bg~=grey-dark-9] { + background-color: #363c5e; + color: #fbfaf8; } -[_font~=upper] { - text-transform: uppercase; +[_bg~=grey-dark-10] { + background-color: #313554; + color: #fbfaf8; } -[_font~=capitalize] { - text-transform: capitalize; +[_bg~=black] { + background-color: #1a1d2d; + color: #fbfaf8; } -[_font~=bold] { - font-weight: bold; +[_bg~=black-light-0] { + background-color: #1a1d2d; + color: #fbfaf8; } -[_font~=bolder] { - font-weight: bolder; +[_bg~=black-light-1] { + background-color: #202337; + color: #fbfaf8; } -[_font~=lighter] { - font-weight: lighter; +[_bg~=black-light-2] { + background-color: #252940; + color: #fbfaf8; } -[_font~=normal] { - font-weight: normal; +[_bg~=black-light-3] { + background-color: #2b304a; + color: #fbfaf8; } -[_font~=italic] { - font-style: italic; +[_bg~=black-light-4] { + background-color: #303654; + color: #fbfaf8; } -[_font~=mark], -[_font~=hilight] { - background-color: #f9c866; - color: #1a1d2d; +[_bg~=black-light-5] { + background-color: #363c5d; + color: #fbfaf8; } -[_decoration~=linethrough], -[_decoration~=del] { - text-decoration: line-through; +[_bg~=black-light-6] { + background-color: #3c4267; + color: #fbfaf8; } -[_decoration~=underline], -[_decoration~=line] { - text-decoration: underline; +[_bg~=black-light-7] { + background-color: #414971; + color: #fbfaf8; } -[_decoration~=none] { - text-decoration: none; +[_bg~=black-light-8] { + background-color: #474f7b; + color: #fbfaf8; } -[_color~=black], -[_font~=black] { - color: #1a1d2d; +[_bg~=black-light-9] { + background-color: #4c5584; + color: #fbfaf8; } -[_font~=left] { - text-align: left; +[_bg~=black-light-10] { + background-color: #525b8e; + color: #fbfaf8; } -[_font~=right] { - text-align: right; +[_bg~=black-dark-0] { + background-color: #1a1d2d; + color: #fbfaf8; } -[_font~=center] { - text-align: center; +[_bg~=black-dark-1] { + background-color: #141723; + color: #fbfaf8; } -[_font~=justify] { - text-align: justify; +[_bg~=black-dark-2] { + background-color: #0f111a; + color: #fbfaf8; } -[_font~=lower] { - text-transform: lowercase; +[_bg~=black-dark-3] { + background-color: #090a10; + color: #fbfaf8; } -[_font~=upper] { - text-transform: uppercase; +[_bg~=black-dark-4] { + background-color: #040406; + color: #fbfaf8; } -[_font~=capitalize] { - text-transform: capitalize; +[_bg~=black-dark-5] { + background-color: black; + color: #fbfaf8; } -[_font~=bold] { - font-weight: bold; +[_bg~=black-dark-6] { + background-color: black; + color: #fbfaf8; } -[_font~=bolder] { - font-weight: bolder; +[_bg~=black-dark-7] { + background-color: black; + color: #fbfaf8; } -[_font~=lighter] { - font-weight: lighter; +[_bg~=black-dark-8] { + background-color: black; + color: #fbfaf8; } -[_font~=normal] { - font-weight: normal; +[_bg~=black-dark-9] { + background-color: black; + color: #fbfaf8; } -[_font~=italic] { - font-style: italic; +[_bg~=black-dark-10] { + background-color: black; + color: #fbfaf8; } -[_font~=mark], -[_font~=hilight] { - background-color: #f9c866; +[_bg~=white] { + background-color: #fbfaf8; color: #1a1d2d; } -[_decoration~=linethrough], -[_decoration~=del] { - text-decoration: line-through; +[_bg~=white-light-0] { + background-color: #fbfaf8; + color: #1a1d2d; } -[_decoration~=underline], -[_decoration~=line] { - text-decoration: underline; +[_bg~=white-light-1] { + background-color: white; + color: #1a1d2d; } -[_decoration~=none] { - text-decoration: none; +[_bg~=white-light-2] { + background-color: white; + color: #1a1d2d; } -[_color~=white], -[_font~=white] { - color: #fbfaf8; +[_bg~=white-light-3] { + background-color: white; + color: #1a1d2d; } -[_font~=left] { - text-align: left; +[_bg~=white-light-4] { + background-color: white; + color: #1a1d2d; } -[_font~=right] { - text-align: right; +[_bg~=white-light-5] { + background-color: white; + color: #1a1d2d; } -[_font~=center] { - text-align: center; +[_bg~=white-light-6] { + background-color: white; + color: #1a1d2d; } -[_font~=justify] { - text-align: justify; +[_bg~=white-light-7] { + background-color: white; + color: #1a1d2d; } -[_font~=lower] { - text-transform: lowercase; +[_bg~=white-light-8] { + background-color: white; + color: #1a1d2d; } -[_font~=upper] { - text-transform: uppercase; +[_bg~=white-light-9] { + background-color: white; + color: #1a1d2d; } -[_font~=capitalize] { - text-transform: capitalize; +[_bg~=white-light-10] { + background-color: white; + color: #1a1d2d; } -[_font~=bold] { - font-weight: bold; +[_bg~=white-dark-0] { + background-color: #fbfaf8; + color: #1a1d2d; } -[_font~=bolder] { - font-weight: bolder; +[_bg~=white-dark-1] { + background-color: #f5f3ee; + color: #1a1d2d; } -[_font~=lighter] { - font-weight: lighter; +[_bg~=white-dark-2] { + background-color: #f0ece5; + color: #1a1d2d; } -[_font~=normal] { - font-weight: normal; +[_bg~=white-dark-3] { + background-color: #eae5db; + color: #1a1d2d; } -[_font~=italic] { - font-style: italic; +[_bg~=white-dark-4] { + background-color: #e5ded1; + color: #1a1d2d; } -[_font~=mark], -[_font~=hilight] { - background-color: #f9c866; +[_bg~=white-dark-5] { + background-color: #dfd7c7; color: #1a1d2d; } -[_decoration~=linethrough], -[_decoration~=del] { - text-decoration: line-through; +[_bg~=white-dark-6] { + background-color: #dad0be; + color: #1a1d2d; } -[_decoration~=underline], -[_decoration~=line] { - text-decoration: underline; +[_bg~=white-dark-7] { + background-color: #d4c9b4; + color: #1a1d2d; } -[_decoration~=none] { - text-decoration: none; +[_bg~=white-dark-8] { + background-color: #cec2aa; + color: #1a1d2d; } -[_color~=transparent], -[_font~=transparent] { - color: transparent; +[_bg~=white-dark-9] { + background-color: #c9bba0; + color: #1a1d2d; } -[_font~=left] { - text-align: left; +[_bg~=white-dark-10] { + background-color: #c3b497; + color: #1a1d2d; } -[_font~=right] { - text-align: right; +[_bg~=transparent] { + background-color: transparent; + color: #fbfaf8; } -[_font~=center] { - text-align: center; +[_bg~=dark] { + background-color: #1a1d2d; + color: #fbfaf8; } -[_font~=justify] { - text-align: justify; +[_bg~=dark-light-0] { + background-color: #1a1d2d; + color: #fbfaf8; } -[_font~=lower] { - text-transform: lowercase; +[_bg~=dark-light-1] { + background-color: #202337; + color: #fbfaf8; } -[_font~=upper] { - text-transform: uppercase; +[_bg~=dark-light-2] { + background-color: #252940; + color: #fbfaf8; } -[_font~=capitalize] { - text-transform: capitalize; +[_bg~=dark-light-3] { + background-color: #2b304a; + color: #fbfaf8; } -[_font~=bold] { - font-weight: bold; +[_bg~=dark-light-4] { + background-color: #303654; + color: #fbfaf8; } -[_font~=bolder] { - font-weight: bolder; +[_bg~=dark-light-5] { + background-color: #363c5d; + color: #fbfaf8; } -[_font~=lighter] { - font-weight: lighter; +[_bg~=dark-light-6] { + background-color: #3c4267; + color: #fbfaf8; } -[_font~=normal] { - font-weight: normal; +[_bg~=dark-light-7] { + background-color: #414971; + color: #fbfaf8; } -[_font~=italic] { - font-style: italic; +[_bg~=dark-light-8] { + background-color: #474f7b; + color: #fbfaf8; } -[_font~=mark], -[_font~=hilight] { - background-color: #f9c866; - color: #1a1d2d; +[_bg~=dark-light-9] { + background-color: #4c5584; + color: #fbfaf8; } -[_decoration~=linethrough], -[_decoration~=del] { - text-decoration: line-through; +[_bg~=dark-light-10] { + background-color: #525b8e; + color: #fbfaf8; } -[_decoration~=underline], -[_decoration~=line] { - text-decoration: underline; +[_bg~=dark-dark-0] { + background-color: #1a1d2d; + color: #fbfaf8; } -[_decoration~=none] { - text-decoration: none; +[_bg~=dark-dark-1] { + background-color: #141723; + color: #fbfaf8; } -[_color~=dark], -[_font~=dark] { - color: #1a1d2d; +[_bg~=dark-dark-2] { + background-color: #0f111a; + color: #fbfaf8; } -[_font~=left] { - text-align: left; +[_bg~=dark-dark-3] { + background-color: #090a10; + color: #fbfaf8; } -[_font~=right] { - text-align: right; +[_bg~=dark-dark-4] { + background-color: #040406; + color: #fbfaf8; } -[_font~=center] { - text-align: center; +[_bg~=dark-dark-5] { + background-color: black; + color: #fbfaf8; } -[_font~=justify] { - text-align: justify; +[_bg~=dark-dark-6] { + background-color: black; + color: #fbfaf8; } -[_font~=lower] { - text-transform: lowercase; +[_bg~=dark-dark-7] { + background-color: black; + color: #fbfaf8; } -[_font~=upper] { - text-transform: uppercase; +[_bg~=dark-dark-8] { + background-color: black; + color: #fbfaf8; } -[_font~=capitalize] { - text-transform: capitalize; +[_bg~=dark-dark-9] { + background-color: black; + color: #fbfaf8; } -[_font~=bold] { - font-weight: bold; +[_bg~=dark-dark-10] { + background-color: black; + color: #fbfaf8; } -[_font~=bolder] { - font-weight: bolder; +[_bg~=light] { + background-color: #fbfaf8; + color: #1a1d2d; } -[_font~=lighter] { - font-weight: lighter; +[_bg~=light-light-0] { + background-color: #fbfaf8; + color: #1a1d2d; } -[_font~=normal] { - font-weight: normal; +[_bg~=light-light-1] { + background-color: white; + color: #1a1d2d; } -[_font~=italic] { - font-style: italic; +[_bg~=light-light-2] { + background-color: white; + color: #1a1d2d; } -[_font~=mark], -[_font~=hilight] { - background-color: #f9c866; +[_bg~=light-light-3] { + background-color: white; color: #1a1d2d; } -[_decoration~=linethrough], -[_decoration~=del] { - text-decoration: line-through; +[_bg~=light-light-4] { + background-color: white; + color: #1a1d2d; } -[_decoration~=underline], -[_decoration~=line] { - text-decoration: underline; +[_bg~=light-light-5] { + background-color: white; + color: #1a1d2d; } -[_decoration~=none] { - text-decoration: none; +[_bg~=light-light-6] { + background-color: white; + color: #1a1d2d; } -[_color~=light], -[_font~=light] { - color: #fbfaf8; +[_bg~=light-light-7] { + background-color: white; + color: #1a1d2d; } -[_font~=left] { - text-align: left; +[_bg~=light-light-8] { + background-color: white; + color: #1a1d2d; } -[_font~=right] { - text-align: right; +[_bg~=light-light-9] { + background-color: white; + color: #1a1d2d; } -[_font~=center] { - text-align: center; +[_bg~=light-light-10] { + background-color: white; + color: #1a1d2d; } -[_font~=justify] { - text-align: justify; +[_bg~=light-dark-0] { + background-color: #fbfaf8; + color: #1a1d2d; } -[_font~=lower] { - text-transform: lowercase; +[_bg~=light-dark-1] { + background-color: #f5f3ee; + color: #1a1d2d; } -[_font~=upper] { - text-transform: uppercase; +[_bg~=light-dark-2] { + background-color: #f0ece5; + color: #1a1d2d; } -[_font~=capitalize] { - text-transform: capitalize; +[_bg~=light-dark-3] { + background-color: #eae5db; + color: #1a1d2d; } -[_font~=bold] { - font-weight: bold; +[_bg~=light-dark-4] { + background-color: #e5ded1; + color: #1a1d2d; } -[_font~=bolder] { - font-weight: bolder; +[_bg~=light-dark-5] { + background-color: #dfd7c7; + color: #1a1d2d; } -[_font~=lighter] { - font-weight: lighter; +[_bg~=light-dark-6] { + background-color: #dad0be; + color: #1a1d2d; } -[_font~=normal] { - font-weight: normal; +[_bg~=light-dark-7] { + background-color: #d4c9b4; + color: #1a1d2d; } -[_font~=italic] { - font-style: italic; +[_bg~=light-dark-8] { + background-color: #cec2aa; + color: #1a1d2d; } -[_font~=mark], -[_font~=hilight] { - background-color: #f9c866; +[_bg~=light-dark-9] { + background-color: #c9bba0; color: #1a1d2d; } -[_decoration~=linethrough], -[_decoration~=del] { - text-decoration: line-through; +[_bg~=light-dark-10] { + background-color: #c3b497; + color: #1a1d2d; } -[_decoration~=underline], -[_decoration~=line] { - text-decoration: underline; +[_bg~=primary] { + background-color: #00bfb2; + color: #fbfaf8; } -[_decoration~=none] { - text-decoration: none; +[_bg~=primary-light-0] { + background-color: #00bfb2; + color: #fbfaf8; } -[_color~=primary], -[_font~=primary] { - color: #00bfb2; +[_bg~=primary-light-1] { + background-color: #00cec0; + color: #fbfaf8; +} + +[_bg~=primary-light-2] { + background-color: #00decf; + color: #fbfaf8; } -[_font~=left] { - text-align: left; +[_bg~=primary-light-3] { + background-color: #00eddd; + color: #fbfaf8; } -[_font~=right] { - text-align: right; +[_bg~=primary-light-4] { + background-color: #00fceb; + color: #fbfaf8; } -[_font~=center] { - text-align: center; +[_bg~=primary-light-5] { + background-color: #0dffee; + color: #fbfaf8; } -[_font~=justify] { - text-align: justify; +[_bg~=primary-light-6] { + background-color: #1cfff0; + color: #fbfaf8; } -[_font~=lower] { - text-transform: lowercase; +[_bg~=primary-light-7] { + background-color: #2bfff1; + color: #fbfaf8; } -[_font~=upper] { - text-transform: uppercase; +[_bg~=primary-light-8] { + background-color: #3afff2; + color: #fbfaf8; } -[_font~=capitalize] { - text-transform: capitalize; +[_bg~=primary-light-9] { + background-color: #4afff3; + color: #fbfaf8; } -[_font~=bold] { - font-weight: bold; +[_bg~=primary-light-10] { + background-color: #59fff4; + color: #fbfaf8; } -[_font~=bolder] { - font-weight: bolder; +[_bg~=primary-dark-0] { + background-color: #00bfb2; + color: #fbfaf8; } -[_font~=lighter] { - font-weight: lighter; +[_bg~=primary-dark-1] { + background-color: #00b0a4; + color: #fbfaf8; } -[_font~=normal] { - font-weight: normal; +[_bg~=primary-dark-2] { + background-color: #00a095; + color: #fbfaf8; } -[_font~=italic] { - font-style: italic; +[_bg~=primary-dark-3] { + background-color: #009187; + color: #fbfaf8; } -[_font~=mark], -[_font~=hilight] { - background-color: #f9c866; - color: #1a1d2d; +[_bg~=primary-dark-4] { + background-color: #008279; + color: #fbfaf8; } -[_decoration~=linethrough], -[_decoration~=del] { - text-decoration: line-through; +[_bg~=primary-dark-5] { + background-color: #00736b; + color: #fbfaf8; } -[_decoration~=underline], -[_decoration~=line] { - text-decoration: underline; +[_bg~=primary-dark-6] { + background-color: #00635c; + color: #fbfaf8; } -[_decoration~=none] { - text-decoration: none; +[_bg~=primary-dark-7] { + background-color: #00544e; + color: #fbfaf8; } -[_color~=secondary], -[_font~=secondary] { - color: #7179ad; +[_bg~=primary-dark-8] { + background-color: #004540; + color: #fbfaf8; } -[_font~=left] { - text-align: left; +[_bg~=primary-dark-9] { + background-color: #003532; + color: #fbfaf8; } -[_font~=right] { - text-align: right; +[_bg~=primary-dark-10] { + background-color: #002623; + color: #fbfaf8; } -[_font~=center] { - text-align: center; +[_bg~=secondary] { + background-color: #7179ad; + color: #fbfaf8; } -[_font~=justify] { - text-align: justify; +[_bg~=secondary-light-0] { + background-color: #7179ad; + color: #fbfaf8; } -[_font~=lower] { - text-transform: lowercase; +[_bg~=secondary-light-1] { + background-color: #7b82b3; + color: #fbfaf8; } -[_font~=upper] { - text-transform: uppercase; +[_bg~=secondary-light-2] { + background-color: #848bb8; + color: #fbfaf8; } -[_font~=capitalize] { - text-transform: capitalize; +[_bg~=secondary-light-3] { + background-color: #8e94be; + color: #fbfaf8; } -[_font~=bold] { - font-weight: bold; +[_bg~=secondary-light-4] { + background-color: #989ec3; + color: #fbfaf8; } -[_font~=bolder] { - font-weight: bolder; +[_bg~=secondary-light-5] { + background-color: #a1a7c9; + color: #fbfaf8; } -[_font~=lighter] { - font-weight: lighter; +[_bg~=secondary-light-6] { + background-color: #abb0cf; + color: #fbfaf8; } -[_font~=normal] { - font-weight: normal; +[_bg~=secondary-light-7] { + background-color: #b5b9d4; + color: #fbfaf8; } -[_font~=italic] { - font-style: italic; +[_bg~=secondary-light-8] { + background-color: #bfc2da; + color: #fbfaf8; } -[_font~=mark], -[_font~=hilight] { - background-color: #f9c866; - color: #1a1d2d; +[_bg~=secondary-light-9] { + background-color: #c8cbdf; + color: #fbfaf8; } -[_decoration~=linethrough], -[_decoration~=del] { - text-decoration: line-through; +[_bg~=secondary-light-10] { + background-color: #d2d5e5; + color: #fbfaf8; } -[_decoration~=underline], -[_decoration~=line] { - text-decoration: underline; +[_bg~=secondary-dark-0] { + background-color: #7179ad; + color: #fbfaf8; } -[_decoration~=none] { - text-decoration: none; +[_bg~=secondary-dark-1] { + background-color: #6770a7; + color: #fbfaf8; } -[_color~=success], -[_font~=success] { - color: #3ccd65; +[_bg~=secondary-dark-2] { + background-color: #5e67a2; + color: #fbfaf8; } -[_font~=left] { - text-align: left; +[_bg~=secondary-dark-3] { + background-color: #586098; + color: #fbfaf8; } -[_font~=right] { - text-align: right; +[_bg~=secondary-dark-4] { + background-color: #525a8f; + color: #fbfaf8; } -[_font~=center] { - text-align: center; +[_bg~=secondary-dark-5] { + background-color: #4d5485; + color: #fbfaf8; } -[_font~=justify] { - text-align: justify; +[_bg~=secondary-dark-6] { + background-color: #474e7b; + color: #fbfaf8; } -[_font~=lower] { - text-transform: lowercase; +[_bg~=secondary-dark-7] { + background-color: #414871; + color: #fbfaf8; } -[_font~=upper] { - text-transform: uppercase; +[_bg~=secondary-dark-8] { + background-color: #3c4268; + color: #fbfaf8; } -[_font~=capitalize] { - text-transform: capitalize; +[_bg~=secondary-dark-9] { + background-color: #363c5e; + color: #fbfaf8; } -[_font~=bold] { - font-weight: bold; +[_bg~=secondary-dark-10] { + background-color: #313554; + color: #fbfaf8; } -[_font~=bolder] { - font-weight: bolder; +[_bg~=success] { + background-color: #3ccd65; + color: #fbfaf8; } -[_font~=lighter] { - font-weight: lighter; +[_bg~=success-light-0] { + background-color: #3ccd65; + color: #fbfaf8; } -[_font~=normal] { - font-weight: normal; +[_bg~=success-light-1] { + background-color: #48d06f; + color: #fbfaf8; } -[_font~=italic] { - font-style: italic; +[_bg~=success-light-2] { + background-color: #54d378; + color: #fbfaf8; } -[_font~=mark], -[_font~=hilight] { - background-color: #f9c866; - color: #1a1d2d; +[_bg~=success-light-3] { + background-color: #61d682; + color: #fbfaf8; } -[_decoration~=linethrough], -[_decoration~=del] { - text-decoration: line-through; +[_bg~=success-light-4] { + background-color: #6dd98b; + color: #fbfaf8; } -[_decoration~=underline], -[_decoration~=line] { - text-decoration: underline; +[_bg~=success-light-5] { + background-color: #79dd95; + color: #fbfaf8; } -[_decoration~=none] { - text-decoration: none; +[_bg~=success-light-6] { + background-color: #85e09f; + color: #fbfaf8; } -[_color~=info], -[_font~=info] { - color: #1fa6c1; +[_bg~=success-light-7] { + background-color: #91e3a8; + color: #fbfaf8; } -[_font~=left] { - text-align: left; +[_bg~=success-light-8] { + background-color: #9de6b2; + color: #fbfaf8; } -[_font~=right] { - text-align: right; +[_bg~=success-light-9] { + background-color: #aae9bc; + color: #fbfaf8; } -[_font~=center] { - text-align: center; +[_bg~=success-light-10] { + background-color: #b6ecc5; + color: #fbfaf8; } -[_font~=justify] { - text-align: justify; +[_bg~=success-dark-0] { + background-color: #3ccd65; + color: #fbfaf8; } -[_font~=lower] { - text-transform: lowercase; +[_bg~=success-dark-1] { + background-color: #33c75d; + color: #fbfaf8; } -[_font~=upper] { - text-transform: uppercase; +[_bg~=success-dark-2] { + background-color: #30bb57; + color: #fbfaf8; } -[_font~=capitalize] { - text-transform: capitalize; +[_bg~=success-dark-3] { + background-color: #2dae51; + color: #fbfaf8; } -[_font~=bold] { - font-weight: bold; +[_bg~=success-dark-4] { + background-color: #2aa24c; + color: #fbfaf8; } -[_font~=bolder] { - font-weight: bolder; +[_bg~=success-dark-5] { + background-color: #269646; + color: #fbfaf8; } -[_font~=lighter] { - font-weight: lighter; +[_bg~=success-dark-6] { + background-color: #238a40; + color: #fbfaf8; } -[_font~=normal] { - font-weight: normal; +[_bg~=success-dark-7] { + background-color: #207e3b; + color: #fbfaf8; } -[_font~=italic] { - font-style: italic; +[_bg~=success-dark-8] { + background-color: #1d7135; + color: #fbfaf8; } -[_font~=mark], -[_font~=hilight] { - background-color: #f9c866; - color: #1a1d2d; +[_bg~=success-dark-9] { + background-color: #1a652f; + color: #fbfaf8; } -[_decoration~=linethrough], -[_decoration~=del] { - text-decoration: line-through; +[_bg~=success-dark-10] { + background-color: #17592a; + color: #fbfaf8; } -[_decoration~=underline], -[_decoration~=line] { - text-decoration: underline; +[_bg~=info] { + background-color: #1fa6c1; + color: #fbfaf8; } -[_decoration~=none] { - text-decoration: none; +[_bg~=info-light-0] { + background-color: #1fa6c1; + color: #fbfaf8; } -[_color~=warning], -[_font~=warning] { - color: #ff7f11; +[_bg~=info-light-1] { + background-color: #21b1ce; + color: #fbfaf8; } -[_font~=left] { - text-align: left; +[_bg~=info-light-2] { + background-color: #23bddb; + color: #fbfaf8; } -[_font~=right] { - text-align: right; +[_bg~=info-light-3] { + background-color: #30c1de; + color: #fbfaf8; } -[_font~=center] { - text-align: center; +[_bg~=info-light-4] { + background-color: #3dc5e0; + color: #fbfaf8; } -[_font~=justify] { - text-align: justify; +[_bg~=info-light-5] { + background-color: #4ac9e2; + color: #fbfaf8; } -[_font~=lower] { - text-transform: lowercase; +[_bg~=info-light-6] { + background-color: #58cde4; + color: #fbfaf8; } -[_font~=upper] { - text-transform: uppercase; +[_bg~=info-light-7] { + background-color: #65d1e6; + color: #fbfaf8; } -[_font~=capitalize] { - text-transform: capitalize; +[_bg~=info-light-8] { + background-color: #72d5e8; + color: #fbfaf8; } -[_font~=bold] { - font-weight: bold; +[_bg~=info-light-9] { + background-color: #7fd9ea; + color: #fbfaf8; } -[_font~=bolder] { - font-weight: bolder; +[_bg~=info-light-10] { + background-color: #8cdded; + color: #fbfaf8; } -[_font~=lighter] { - font-weight: lighter; +[_bg~=info-dark-0] { + background-color: #1fa6c1; + color: #fbfaf8; } -[_font~=normal] { - font-weight: normal; +[_bg~=info-dark-1] { + background-color: #1d9bb4; + color: #fbfaf8; } -[_font~=italic] { - font-style: italic; +[_bg~=info-dark-2] { + background-color: #1b8fa7; + color: #fbfaf8; } -[_font~=mark], -[_font~=hilight] { - background-color: #f9c866; - color: #1a1d2d; +[_bg~=info-dark-3] { + background-color: #198499; + color: #fbfaf8; } -[_decoration~=linethrough], -[_decoration~=del] { - text-decoration: line-through; +[_bg~=info-dark-4] { + background-color: #17798c; + color: #fbfaf8; } -[_decoration~=underline], -[_decoration~=line] { - text-decoration: underline; +[_bg~=info-dark-5] { + background-color: #146d7f; + color: #fbfaf8; } -[_decoration~=none] { - text-decoration: none; +[_bg~=info-dark-6] { + background-color: #126272; + color: #fbfaf8; } -[_color~=danger], -[_font~=danger] { - color: #f24236; +[_bg~=info-dark-7] { + background-color: #105765; + color: #fbfaf8; } -[_font~=left] { - text-align: left; +[_bg~=info-dark-8] { + background-color: #0e4b58; + color: #fbfaf8; } -[_font~=right] { - text-align: right; +[_bg~=info-dark-9] { + background-color: #0c404a; + color: #fbfaf8; } -[_font~=center] { - text-align: center; +[_bg~=info-dark-10] { + background-color: #0a353d; + color: #fbfaf8; } -[_font~=justify] { - text-align: justify; +[_bg~=warning] { + background-color: #ff7f11; + color: #fbfaf8; } -[_font~=lower] { - text-transform: lowercase; +[_bg~=warning-light-0] { + background-color: #ff7f11; + color: #fbfaf8; } -[_font~=upper] { - text-transform: uppercase; +[_bg~=warning-light-1] { + background-color: #ff8720; + color: #fbfaf8; } -[_font~=capitalize] { - text-transform: capitalize; +[_bg~=warning-light-2] { + background-color: #ff8f30; + color: #fbfaf8; } -[_font~=bold] { - font-weight: bold; +[_bg~=warning-light-3] { + background-color: #ff983f; + color: #fbfaf8; } -[_font~=bolder] { - font-weight: bolder; +[_bg~=warning-light-4] { + background-color: #ffa04e; + color: #fbfaf8; } -[_font~=lighter] { - font-weight: lighter; +[_bg~=warning-light-5] { + background-color: #ffa85e; + color: #fbfaf8; } -[_font~=normal] { - font-weight: normal; +[_bg~=warning-light-6] { + background-color: #ffb06d; + color: #fbfaf8; } -[_font~=italic] { - font-style: italic; +[_bg~=warning-light-7] { + background-color: #ffb97c; + color: #fbfaf8; } -[_font~=mark], -[_font~=hilight] { - background-color: #f9c866; - color: #1a1d2d; +[_bg~=warning-light-8] { + background-color: #ffc18b; + color: #fbfaf8; } -[_decoration~=linethrough], -[_decoration~=del] { - text-decoration: line-through; +[_bg~=warning-light-9] { + background-color: #ffc99b; + color: #fbfaf8; } -[_decoration~=underline], -[_decoration~=line] { - text-decoration: underline; +[_bg~=warning-light-10] { + background-color: #ffd1aa; + color: #fbfaf8; } -[_decoration~=none] { - text-decoration: none; +[_bg~=warning-dark-0] { + background-color: #ff7f11; + color: #fbfaf8; } -[_color~=muted], -[_font~=muted] { - color: #6a74a9; +[_bg~=warning-dark-1] { + background-color: #ff7702; + color: #fbfaf8; } -[_font~=left] { - text-align: left; +[_bg~=warning-dark-2] { + background-color: #f17000; + color: #fbfaf8; } -[_font~=right] { - text-align: right; +[_bg~=warning-dark-3] { + background-color: #e26900; + color: #fbfaf8; } -[_font~=center] { - text-align: center; +[_bg~=warning-dark-4] { + background-color: #d36100; + color: #fbfaf8; } -[_font~=justify] { - text-align: justify; +[_bg~=warning-dark-5] { + background-color: #c45a00; + color: #fbfaf8; } -[_font~=lower] { - text-transform: lowercase; +[_bg~=warning-dark-6] { + background-color: #b45300; + color: #fbfaf8; } -[_font~=upper] { - text-transform: uppercase; +[_bg~=warning-dark-7] { + background-color: #a54c00; + color: #fbfaf8; } -[_font~=capitalize] { - text-transform: capitalize; +[_bg~=warning-dark-8] { + background-color: #964500; + color: #fbfaf8; } -[_font~=bold] { - font-weight: bold; +[_bg~=warning-dark-9] { + background-color: #863e00; + color: #fbfaf8; } -[_font~=bolder] { - font-weight: bolder; +[_bg~=warning-dark-10] { + background-color: #773700; + color: #fbfaf8; } -[_font~=lighter] { - font-weight: lighter; +[_bg~=danger] { + background-color: #f24236; + color: #fbfaf8; } -[_font~=normal] { - font-weight: normal; +[_bg~=danger-light-0] { + background-color: #f24236; + color: #fbfaf8; } -[_font~=italic] { - font-style: italic; +[_bg~=danger-light-1] { + background-color: #f35044; + color: #fbfaf8; } -[_font~=mark], -[_font~=hilight] { - background-color: #f9c866; - color: #1a1d2d; +[_bg~=danger-light-2] { + background-color: #f45d53; + color: #fbfaf8; } -[_decoration~=linethrough], -[_decoration~=del] { - text-decoration: line-through; +[_bg~=danger-light-3] { + background-color: #f56b61; + color: #fbfaf8; } -[_decoration~=underline], -[_decoration~=line] { - text-decoration: underline; +[_bg~=danger-light-4] { + background-color: #f6786f; + color: #fbfaf8; } -[_decoration~=none] { - text-decoration: none; +[_bg~=danger-light-5] { + background-color: #f7867e; + color: #fbfaf8; } -[_responsive] { - max-width: 100%; - height: auto; +[_bg~=danger-light-6] { + background-color: #f8938c; + color: #fbfaf8; } -[_shadow] { - box-shadow: 0 2px 4px 0px rgba(26, 29, 45, 0.14), 0 1px 5px 1px rgba(26, 29, 45, 0.12), 0 1px 1px -1px rgba(26, 29, 45, 0.2); +[_bg~=danger-light-7] { + background-color: #f9a19b; + color: #fbfaf8; } -[_shadow~="0"] { - box-shadow: 0 0px 0px 0px rgba(26, 29, 45, 0.14), 0 0px 0px 0px rgba(26, 29, 45, 0.12), 0 0px 0px 0px rgba(26, 29, 45, 0.2); +[_bg~=danger-light-8] { + background-color: #f9aea9; + color: #fbfaf8; } -[_shadow~="1"] { - box-shadow: 0 2px 4px 0px rgba(26, 29, 45, 0.14), 0 1px 5px 1px rgba(26, 29, 45, 0.12), 0 1px 1px -1px rgba(26, 29, 45, 0.2); +[_bg~=danger-light-9] { + background-color: #fabcb7; + color: #fbfaf8; } -[_shadow~="2"] { - box-shadow: 0 4px 8px 0px rgba(26, 29, 45, 0.14), 0 2px 10px 2px rgba(26, 29, 45, 0.12), 0 2px 2px -2px rgba(26, 29, 45, 0.2); +[_bg~=danger-light-10] { + background-color: #fbc9c6; + color: #fbfaf8; } -[_shadow~="3"] { - box-shadow: 0 6px 12px 0px rgba(26, 29, 45, 0.14), 0 3px 15px 3px rgba(26, 29, 45, 0.12), 0 3px 3px -3px rgba(26, 29, 45, 0.2); +[_bg~=danger-dark-0] { + background-color: #f24236; + color: #fbfaf8; } -[_shadow~="4"] { - box-shadow: 0 8px 16px 0px rgba(26, 29, 45, 0.14), 0 4px 20px 4px rgba(26, 29, 45, 0.12), 0 4px 4px -4px rgba(26, 29, 45, 0.2); +[_bg~=danger-dark-1] { + background-color: #f13428; + color: #fbfaf8; } -[_shadow~="5"] { - box-shadow: 0 10px 20px 0px rgba(26, 29, 45, 0.14), 0 5px 25px 5px rgba(26, 29, 45, 0.12), 0 5px 5px -5px rgba(26, 29, 45, 0.2); +[_bg~=danger-dark-2] { + background-color: #f02719; + color: #fbfaf8; } -[_shadow~="6"] { - box-shadow: 0 12px 24px 0px rgba(26, 29, 45, 0.14), 0 6px 30px 6px rgba(26, 29, 45, 0.12), 0 6px 6px -6px rgba(26, 29, 45, 0.2); +[_bg~=danger-dark-3] { + background-color: #eb1d0f; + color: #fbfaf8; } -[_shadow~="7"] { - box-shadow: 0 14px 28px 0px rgba(26, 29, 45, 0.14), 0 7px 35px 7px rgba(26, 29, 45, 0.12), 0 7px 7px -7px rgba(26, 29, 45, 0.2); +[_bg~=danger-dark-4] { + background-color: #dd1b0e; + color: #fbfaf8; } -[_shadow~="8"] { - box-shadow: 0 16px 32px 0px rgba(26, 29, 45, 0.14), 0 8px 40px 8px rgba(26, 29, 45, 0.12), 0 8px 8px -8px rgba(26, 29, 45, 0.2); +[_bg~=danger-dark-5] { + background-color: #ce1a0d; + color: #fbfaf8; } -[_shadow~="9"] { - box-shadow: 0 18px 36px 0px rgba(26, 29, 45, 0.14), 0 9px 45px 9px rgba(26, 29, 45, 0.12), 0 9px 9px -9px rgba(26, 29, 45, 0.2); +[_bg~=danger-dark-6] { + background-color: #c0180c; + color: #fbfaf8; } -[_shadow~="10"] { - box-shadow: 0 20px 40px 0px rgba(26, 29, 45, 0.14), 0 10px 50px 10px rgba(26, 29, 45, 0.12), 0 10px 10px -10px rgba(26, 29, 45, 0.2); +[_bg~=danger-dark-7] { + background-color: #b1160b; + color: #fbfaf8; } -[_bg~=red] { - background-color: #f24236; +[_bg~=danger-dark-8] { + background-color: #a3140b; color: #fbfaf8; } -[_bg~=pink] { - background-color: #e43f6f; +[_bg~=danger-dark-9] { + background-color: #95120a; color: #fbfaf8; } -[_bg~=purple] { - background-color: #6564db; +[_bg~=danger-dark-10] { + background-color: #861109; color: #fbfaf8; } -[_bg~=indigo] { - background-color: #473bf0; +[_bg~=muted] { + background-color: #6a74a9; color: #fbfaf8; } -[_bg~=blue] { - background-color: #3169c4; +[_bg~=muted-light-0] { + background-color: #6a74a9; color: #fbfaf8; } -[_bg~=cyan] { - background-color: #1fa6c1; +[_bg~=muted-light-1] { + background-color: #747daf; color: #fbfaf8; } -[_bg~=teal] { - background-color: #00bfb2; +[_bg~=muted-light-2] { + background-color: #7d86b4; color: #fbfaf8; } -[_bg~=green] { - background-color: #3ccd65; +[_bg~=muted-light-3] { + background-color: #878fba; color: #fbfaf8; } -[_bg~=lime] { - background-color: #aad922; +[_bg~=muted-light-4] { + background-color: #9198bf; color: #fbfaf8; } -[_bg~=yellow] { - background-color: #f7b32b; +[_bg~=muted-light-5] { + background-color: #9ba1c5; color: #fbfaf8; } -[_bg~=amber] { - background-color: #ff7f11; +[_bg~=muted-light-6] { + background-color: #a4aacb; color: #fbfaf8; } -[_bg~=orange] { - background-color: #f34213; +[_bg~=muted-light-7] { + background-color: #aeb3d0; color: #fbfaf8; } -[_bg~=brown] { - background-color: #823329; +[_bg~=muted-light-8] { + background-color: #b8bcd6; color: #fbfaf8; } -[_bg~=grey] { - background-color: #7179ad; +[_bg~=muted-light-9] { + background-color: #c1c5db; color: #fbfaf8; } -[_bg~=black] { - background-color: #1a1d2d; +[_bg~=muted-light-10] { + background-color: #cbcee1; color: #fbfaf8; } -[_bg~=white] { - background-color: #fbfaf8; - color: #1a1d2d; +[_bg~=muted-dark-0] { + background-color: #6a74a9; + color: #fbfaf8; } -[_bg~=transparent] { - background-color: transparent; +[_bg~=muted-dark-1] { + background-color: #606ba3; color: #fbfaf8; } -[_bg~=dark] { - background-color: #1a1d2d; +[_bg~=muted-dark-2] { + background-color: #59649b; color: #fbfaf8; } -[_bg~=light] { - background-color: #fbfaf8; - color: #1a1d2d; +[_bg~=muted-dark-3] { + background-color: #545e91; + color: #fbfaf8; } -[_bg~=primary] { - background-color: #00bfb2; +[_bg~=muted-dark-4] { + background-color: #4e5788; color: #fbfaf8; } -[_bg~=secondary] { - background-color: #7179ad; +[_bg~=muted-dark-5] { + background-color: #49517e; color: #fbfaf8; } -[_bg~=success] { - background-color: #3ccd65; +[_bg~=muted-dark-6] { + background-color: #434b74; color: #fbfaf8; } -[_bg~=info] { - background-color: #1fa6c1; +[_bg~=muted-dark-7] { + background-color: #3d456a; color: #fbfaf8; } -[_bg~=warning] { - background-color: #ff7f11; +[_bg~=muted-dark-8] { + background-color: #383e61; color: #fbfaf8; } -[_bg~=danger] { - background-color: #f24236; +[_bg~=muted-dark-9] { + background-color: #323857; color: #fbfaf8; } -[_bg~=muted] { - background-color: #6a74a9; +[_bg~=muted-dark-10] { + background-color: #2d324d; color: #fbfaf8; } diff --git a/css/bubblegum.scss b/css/bubblegum.scss index 73bedc1..dc32e0c 100644 --- a/css/bubblegum.scss +++ b/css/bubblegum.scss @@ -30,6 +30,4 @@ @import 'core/specials'; @import 'core/colors'; -@import 'bundle/prism'; - -@import 'imports/breakpoints'; \ No newline at end of file +@import 'bundle/prism'; \ No newline at end of file diff --git a/css/components/_buttons.scss b/css/components/_buttons.scss index 98fb1d9..7be93bd 100644 --- a/css/components/_buttons.scss +++ b/css/components/_buttons.scss @@ -1,120 +1,118 @@ -@include add-breakpoints using($size) { - #{selector('btn', '', $size)} { - cursor: pointer; - -webkit-appearance: button; - display: inline-block; - font-weight: 400; - text-align: center; - white-space: nowrap; - vertical-align: middle; - user-select: none; - border: 1px solid transparent; - background-color: transparent; - text-transform: none; - margin: 0; - font-family: inherit; - padding: .4rem 1rem; - font-size: 1rem; +#{selector('btn', '')} { + cursor: pointer; + -webkit-appearance: button; + display: inline-block; + font-weight: 400; + text-align: center; + white-space: nowrap; + vertical-align: middle; + user-select: none; + border: 1px solid transparent; + background-color: transparent; + text-transform: none; + margin: 0; + font-family: inherit; + padding: .4rem 1rem; + font-size: 1rem; + line-height: 1.5; + transition: all .20s; + + &#{selector('btn', 'lg')}, + &#{selector('btn', 'large')} { + padding: .5rem 1.25rem; + font-size: 1.25rem; line-height: 1.5; - transition: all .20s; + } - &#{selector('btn', 'lg', $size)}, - &#{selector('btn', 'large', $size)} { - padding: .5rem 1.25rem; - font-size: 1.25rem; - line-height: 1.5; - } + &#{selector('btn', 'sm')}, + &#{selector('btn', 'small')} { + padding: .25rem .75rem; + font-size: .8rem; + line-height: 1.5; + } - &#{selector('btn', 'sm', $size)}, - &#{selector('btn', 'small', $size)} { - padding: .25rem .75rem; - font-size: .8rem; - line-height: 1.5; + &#{selector('btn', 'block')}, + &#{selector('btn', 'full')} { + display: block; + width: 100%; + } + + @include add-color using($color) { + &#{selector('btn', $color)} { + background-color: color-value($color); + border-color: color-value($color); + color: visible-color(color-value($color)); + + &:hover { + background-color: darken(color-value($color), 10); + border-color: darken(color-value($color), 10); + } } - &#{selector('btn', 'block', $size)}, - &#{selector('btn', 'full', $size)} { - display: block; - width: 100%; + @if $CONFIG_colors_variants { + @include add-logic using($i) { + &#{selector('btn', '#{$color}-light-#{$i}')} { + background-color: color-value($color, $i, true); + border-color: color-value($color, $i, true); + color: visible-color(color-value($color, $i, false)); + + &:hover { + background-color: darken(color-value($color, $i, true), 10); + border-color: darken(color-value($color, $i, true), 10); + } + } + } + @include add-logic using($i) { + &#{selector('btn', '#{$color}-dark-#{$i}')} { + background-color: color-value($color, $i, false); + border-color: color-value($color, $i, false); + color: visible-color(color-value($color, $i, false)); + + &:hover { + background-color: darken(color-value($color, $i, false), 10); + border-color: darken(color-value($color, $i, false), 10); + } + } + } } + } + &#{selector('btn', 'outline')} { + background-color: transparent; @include add-color using($color) { - &#{selector('btn', $color, $size)} { - background-color: color-value($color); + &#{selector('btn', $color)} { + color: color-value($color); border-color: color-value($color); - color: visible-color(color-value($color)); &:hover { - background-color: darken(color-value($color), 10); - border-color: darken(color-value($color), 10); + background-color: color-value($color); + border-color: color-value($color); + color: visible-color(color-value($color)); } } @if $CONFIG_colors_variants { @include add-logic using($i) { - &#{selector('btn', '#{$color}-light-#{$i}', $size)} { - background-color: color-value($color, $i, true); + &#{selector('btn', '#{$color}-light-#{$i}')} { + color: color-value($color, $i, true); border-color: color-value($color, $i, true); - color: visible-color(color-value($color, $i, false)); &:hover { - background-color: darken(color-value($color, $i, true), 10); - border-color: darken(color-value($color, $i, true), 10); + background-color: color-value($color, $i, true); + border-color: color-value($color, $i, true); + color: visible-color(color-value($color, $i, true)); } } } @include add-logic using($i) { - &#{selector('btn', '#{$color}-dark-#{$i}', $size)} { - background-color: color-value($color, $i, false); + &#{selector('btn', '#{$color}-dark-#{$i}')} { + color: color-value($color, $i, false); border-color: color-value($color, $i, false); - color: visible-color(color-value($color, $i, false)); &:hover { - background-color: darken(color-value($color, $i, false), 10); - border-color: darken(color-value($color, $i, false), 10); - } - } - } - } - } - - &#{selector('btn', 'outline', $size)} { - background-color: transparent; - @include add-color using($color) { - &#{selector('btn', $color, $size)} { - color: color-value($color); - border-color: color-value($color); - - &:hover { - background-color: color-value($color); - border-color: color-value($color); - color: visible-color(color-value($color)); - } - } - - @if $CONFIG_colors_variants { - @include add-logic using($i) { - &#{selector('btn', '#{$color}-light-#{$i}', $size)} { - color: color-value($color, $i, true); - border-color: color-value($color, $i, true); - - &:hover { - background-color: color-value($color, $i, true); - border-color: color-value($color, $i, true); - color: visible-color(color-value($color, $i, true)); - } - } - } - @include add-logic using($i) { - &#{selector('btn', '#{$color}-dark-#{$i}', $size)} { - color: color-value($color, $i, false); + background-color: color-value($color, $i, false); border-color: color-value($color, $i, false); - - &:hover { - background-color: color-value($color, $i, false); - border-color: color-value($color, $i, false); - color: visible-color(color-value($color, $i, false)); - } + color: visible-color(color-value($color, $i, false)); } } } diff --git a/css/components/_card.scss b/css/components/_card.scss index 72bcb2c..543a847 100644 --- a/css/components/_card.scss +++ b/css/components/_card.scss @@ -1,58 +1,56 @@ -@include add-breakpoints() using($size) { - $color: transparentize($COLOR-dark, 1); - - #{selector('card')} { - padding: $MARGIN-base * 3; - background-color: $COLOR-light; - color: $COLOR-dark; - border-radius: $MARGIN-base; - box-shadow: 0 shadow-calc(2, 24, 1) shadow-calc(2, 38, 1) shadow-calc(0, 3, 1) opacify($color, .14), - 0 shadow-calc(3, 9, 1) shadow-calc(1, 46, 1) shadow-calc(-2, 8, 1) opacify($color, .12), - 0 shadow-calc(1, 11, 1) shadow-calc(5, 15, 1) shadow-calc(0, -7, 1) opacify($color, .2); - - h1, - h2, - h3, - h4, - h5, - h6 { - line-height: 1.3em; - margin-bottom: .2rem; - - &:not(:first-child) { - opacity: .8; - } +$color: transparentize($COLOR-dark, 1); + +#{selector('card')} { + padding: $MARGIN-base * 3; + background-color: $COLOR-light; + color: $COLOR-dark; + border-radius: $MARGIN-base; + box-shadow: 0 shadow-calc(2, 24, 1) shadow-calc(2, 38, 1) shadow-calc(0, 3, 1) opacify($color, .14), + 0 shadow-calc(3, 9, 1) shadow-calc(1, 46, 1) shadow-calc(-2, 8, 1) opacify($color, .12), + 0 shadow-calc(1, 11, 1) shadow-calc(5, 15, 1) shadow-calc(0, -7, 1) opacify($color, .2); + + h1, + h2, + h3, + h4, + h5, + h6 { + line-height: 1.3em; + margin-bottom: .2rem; + + &:not(:first-child) { + opacity: .8; } + } - p { - opacity: .95; - } + p { + opacity: .95; + } - #{selector('btn')} { - margin-top: $MARGIN-base * 2; - display: inline-block; - } + #{selector('btn')} { + margin-top: $MARGIN-base * 2; + display: inline-block; + } - a { - text-decoration: none; - margin-top: $MARGIN-base * 4; - display: inline-block; - color: $COLOR-primary - } + a { + text-decoration: none; + margin-top: $MARGIN-base * 4; + display: inline-block; + color: $COLOR-primary + } - hr { - border-color: lighten($COLOR-muted, 30); - width: 80%; - } + hr { + border-color: lighten($COLOR-muted, 30); + width: 80%; + } - img { - border-radius: $MARGIN-base $MARGIN-base 0 0; - width: calc(100% + 30px); - position: relative; - left: - $MARGIN-base * 3; - top: - $MARGIN-base * 3; - object-fit: cover; - max-height: 300px; - } + img { + border-radius: $MARGIN-base $MARGIN-base 0 0; + width: calc(100% + 30px); + position: relative; + left: - $MARGIN-base * 3; + top: - $MARGIN-base * 3; + object-fit: cover; + max-height: 300px; } } \ No newline at end of file diff --git a/css/components/_form.scss b/css/components/_form.scss index 5ca3b8a..c3280e5 100644 --- a/css/components/_form.scss +++ b/css/components/_form.scss @@ -15,42 +15,40 @@ $inputs-text: ( 'textarea' ); -@include add-breakpoints() using($size) { - #{selector('form-group')} { - margin-bottom: $MARGIN-base * 3; +#{selector('form-group')} { + margin-bottom: $MARGIN-base * 3; - > * { - display: block; - width: 100%; - } + > * { + display: block; + width: 100%; + } - label { - width: 100%; - margin: $MARGIN-base 0; - } + label { + width: 100%; + margin: $MARGIN-base 0; + } - @each $input in $inputs-text { - #{$input} { - margin: $MARGIN-base 0; - padding: $MARGIN-base * 2 $MARGIN-base * 3; - font-size: 1em; - border-radius: $MARGIN-base; - border: 1px solid $COLOR-muted; - font-family: 'Montserrat', sans-serif; - } + @each $input in $inputs-text { + #{$input} { + margin: $MARGIN-base 0; + padding: $MARGIN-base * 2 $MARGIN-base * 3; + font-size: 1em; + border-radius: $MARGIN-base; + border: 1px solid $COLOR-muted; + font-family: 'Montserrat', sans-serif; } + } - textarea { - resize: vertical; - min-height: $MARGIN-base * 8 + 2px; - } + textarea { + resize: vertical; + min-height: $MARGIN-base * 8 + 2px; + } - &#{selector('form-group', 'inline', $size)} { - > * { - display: inline-block; - width: auto; - } + &#{selector('form-group', 'inline')} { + > * { + display: inline-block; + width: auto; } } } \ No newline at end of file diff --git a/css/components/_nav.scss b/css/components/_nav.scss index e827690..ecff1d5 100644 --- a/css/components/_nav.scss +++ b/css/components/_nav.scss @@ -1,233 +1,231 @@ -@include add-breakpoints using($size) { - #{selector('breadcrumb', '', $size)} { - background-color: lighten($COLOR-muted, 25); - padding: $MARGIN-base * 3; - border-radius: $MARGIN-base; - - > * { - text-decoration: none; - color: $COLOR-primary; - display: inline; - - &:not(:first-child) { - margin-left: $MARGIN-base * 2; - - &:before { - content: var(--nav-breadcrumb-symbol); - margin-right: $MARGIN-base * 2; - color: $COLOR-muted; - } - } - - &:last-child { +#{selector('breadcrumb', '')} { + background-color: lighten($COLOR-muted, 25); + padding: $MARGIN-base * 3; + border-radius: $MARGIN-base; + + > * { + text-decoration: none; + color: $COLOR-primary; + display: inline; + + &:not(:first-child) { + margin-left: $MARGIN-base * 2; + + &:before { + content: var(--nav-breadcrumb-symbol); + margin-right: $MARGIN-base * 2; color: $COLOR-muted; } } + + &:last-child { + color: $COLOR-muted; + } } +} + +#{selector('navbar')} { + background-color: $COLOR-primary; + padding: $MARGIN-base * 6 0; + font-size: 1.2rem; + + &#{selector('navbar', 'fixed')} { + position: fixed; + top: 0; + left: 0; + right: 0; + z-index: 9999; + } + + #{selector('row')} { + justify-content: space-between; + flex-wrap: nowrap; + margin: 0 $MARGIN-base * 7; - #{selector('navbar')} { - background-color: $COLOR-primary; - padding: $MARGIN-base * 6 0; - font-size: 1.2rem; - - &#{selector('navbar', 'fixed')} { - position: fixed; - top: 0; - left: 0; - right: 0; - z-index: 9999; + #{selector('brand')} { + font-weight: bold; + font-size: 1.35em; } - #{selector('row')} { - justify-content: space-between; - flex-wrap: nowrap; - margin: 0 $MARGIN-base * 7; + > div { + width: 100%; + + &:first-child { + text-align: left; - #{selector('brand')} { - font-weight: bold; - font-size: 1.35em; + :not(:first-child) { + margin-left: $MARGIN-base * 2; + } } - > div { - width: 100%; + &:last-child { + text-align: right; &:first-child { text-align: left; - - :not(:first-child) { - margin-left: $MARGIN-base * 2; - } } - &:last-child { - text-align: right; - - &:first-child { - text-align: left; - } - - :not(:last-child) { - margin-right: $MARGIN-base * 2; - } + :not(:last-child) { + margin-right: $MARGIN-base * 2; } + } - * { - display: inline; - color: $COLOR-light; - } + * { + display: inline; + color: $COLOR-light; + } - a { - color: $COLOR-light; - text-decoration: none; - } + a { + color: $COLOR-light; + text-decoration: none; } + } - @media screen and (max-width: map-get($GRID-breakpoints, 'sm')) { - flex-wrap: wrap; + @media screen and (max-width: map-get($GRID-breakpoints, 'sm')) { + flex-wrap: wrap; + padding: 0; + > * { padding: 0; - > * { - padding: 0; - width: 100%; - - &:first-child, - &:last-child { - margin: 0 !important; + width: 100%; - > * { - margin: 0 !important; - } - } + &:first-child, + &:last-child { + margin: 0 !important; > * { - margin: 0; - display: block !important; - text-align: center; + margin: 0 !important; } } + + > * { + margin: 0; + display: block !important; + text-align: center; + } } } - - @include colorised('navbar', $size); } - #{selector('pagination', '', $size)} { - > a { - padding: .4rem 1rem; - background-color: lighten($COLOR-muted, 40); - text-decoration: none; - color: $COLOR-primary; - display: inline; - margin: 0; - border: 1px solid lighten($COLOR-muted, 30); - - &:hover { - background-color: lighten($COLOR-muted, 30); - } + @include colorised('navbar'); +} + +#{selector('pagination', '')} { + > a { + padding: .4rem 1rem; + background-color: lighten($COLOR-muted, 40); + text-decoration: none; + color: $COLOR-primary; + display: inline; + margin: 0; + border: 1px solid lighten($COLOR-muted, 30); + + &:hover { + background-color: lighten($COLOR-muted, 30); + } - &:not(:first-child) { - margin-left: -$MARGIN-base - 1; - } + &:not(:first-child) { + margin-left: -$MARGIN-base - 1; + } - &:first-child { - border-radius: $MARGIN-base 0 0 $MARGIN-base; - } + &:first-child { + border-radius: $MARGIN-base 0 0 $MARGIN-base; + } - &:last-child { - border-radius: 0 $MARGIN-base $MARGIN-base 0; + &:last-child { + border-radius: 0 $MARGIN-base $MARGIN-base 0; - &:first-child { - border-radius: $MARGIN-base; - } + &:first-child { + border-radius: $MARGIN-base; } } + } - &#{selector('pagination', 'lg', $size)}, - &#{selector('pagination', 'large', $size)} { - padding: .5rem 1.25rem; - font-size: 1.25rem; - line-height: 1.5; - } + &#{selector('pagination', 'lg')}, + &#{selector('pagination', 'large')} { + padding: .5rem 1.25rem; + font-size: 1.25rem; + line-height: 1.5; + } - &#{selector('pagination', 'sm', $size)}, - &#{selector('pagination', 'small', $size)} { - padding: .25rem .75rem; - font-size: .8rem; - line-height: 1.5; - } + &#{selector('pagination', 'sm')}, + &#{selector('pagination', 'small')} { + padding: .25rem .75rem; + font-size: .8rem; + line-height: 1.5; + } - &#{selector('pagination', 'block', $size)}, - &#{selector('pagination', 'full', $size)} { - width: 100%; - display: flex; - flex-wrap: nowrap; + &#{selector('pagination', 'block')}, + &#{selector('pagination', 'full')} { + width: 100%; + display: flex; + flex-wrap: nowrap; - > * { - width: 100%; - text-align: center; - } + > * { + width: 100%; + text-align: center; } } +} - ul#{selector('list', '', $size)} { +ul#{selector('list', '')} { - &#{selector('list', 'hoverable')} { - > li:hover { - background-color: lighten($COLOR-muted, 30); - } + &#{selector('list', 'hoverable')} { + > li:hover { + background-color: lighten($COLOR-muted, 30); } + } - > li { - padding: .4rem 1rem; - background-color: lighten($COLOR-muted, 40); - text-decoration: none; - color: $COLOR-primary; - display: block; - margin: 0; - border: 1px solid lighten($COLOR-muted, 30); - - &:hover { - background-color: lighten($COLOR-muted, 30); - } + > li { + padding: .4rem 1rem; + background-color: lighten($COLOR-muted, 40); + text-decoration: none; + color: $COLOR-primary; + display: block; + margin: 0; + border: 1px solid lighten($COLOR-muted, 30); + + &:hover { + background-color: lighten($COLOR-muted, 30); + } - &:first-child { - border-radius: $MARGIN-base $MARGIN-base 0 0; - } + &:first-child { + border-radius: $MARGIN-base $MARGIN-base 0 0; + } - &:last-child { - border-radius: 0 0 $MARGIN-base $MARGIN-base; + &:last-child { + border-radius: 0 0 $MARGIN-base $MARGIN-base; - &:first-child { - border-radius: $MARGIN-base; - } + &:first-child { + border-radius: $MARGIN-base; } } + } - &#{selector('list', 'lg', $size)}, - &#{selector('list', 'large', $size)} { - padding: .5rem 1.25rem; - font-size: 1.25rem; - line-height: 1.5; - } + &#{selector('list', 'lg')}, + &#{selector('list', 'large')} { + padding: .5rem 1.25rem; + font-size: 1.25rem; + line-height: 1.5; + } - &#{selector('list', 'sm', $size)}, - &#{selector('list', 'small', $size)} { - padding: .25rem .75rem; - font-size: .8rem; - line-height: 1.5; - } + &#{selector('list', 'sm')}, + &#{selector('list', 'small')} { + padding: .25rem .75rem; + font-size: .8rem; + line-height: 1.5; + } - &#{selector('list', 'block', $size)}, - &#{selector('list', 'full', $size)} { - width: 100%; - display: flex; - flex-wrap: nowrap; + &#{selector('list', 'block')}, + &#{selector('list', 'full')} { + width: 100%; + display: flex; + flex-wrap: nowrap; - > * { - width: 100%; - text-align: center; - } + > * { + width: 100%; + text-align: center; } } } \ No newline at end of file diff --git a/css/components/_progress.scss b/css/components/_progress.scss index 69ab037..18bc61b 100644 --- a/css/components/_progress.scss +++ b/css/components/_progress.scss @@ -1,52 +1,51 @@ -@include add-breakpoints using($size) { - #{selector('progress')} { - height: 25px; - border-radius: $MARGIN-base; - overflow: hidden; - margin: $MARGIN-base 0; - > div { - height: 100%; - background-color: $COLOR-primary; - } +#{selector('progress')} { + height: 25px; + border-radius: $MARGIN-base; + overflow: hidden; + margin: $MARGIN-base 0; - @include add-color using($color) { - &#{selector('progress', $color, $size)} { - > div { - background-color: color-value($color); - border-color: color-value($color); - color: visible-color(color-value($color,)) !important; + > div { + height: 100%; + background-color: $COLOR-primary; + } - * { - color: visible-color(color-value($color,)) !important; - } + @include add-color using($color) { + &#{selector('progress', $color)} { + > div { + background-color: color-value($color); + border-color: color-value($color); + color: visible-color(color-value($color,)) !important; + + * { + color: visible-color(color-value($color,)) !important; } } + } - @if $CONFIG_colors_variants { - @include add-logic using($i) { - &#{selector('progress', '#{$color}-light-#{$i}', $size)} { - > div { - background-color: color-value($color, $i, true); - border-color: color-value($color, $i, true); - color: visible-color(color-value($color, $i, false)) !important; + @if $CONFIG_colors_variants { + @include add-logic using($i) { + &#{selector('progress', '#{$color}-light-#{$i}')} { + > div { + background-color: color-value($color, $i, true); + border-color: color-value($color, $i, true); + color: visible-color(color-value($color, $i, false)) !important; - * { - color: visible-color(color-value($color,)) !important; - } + * { + color: visible-color(color-value($color,)) !important; } } } - @include add-logic using($i) { - &#{selector('progress', '#{$color}-dark-#{$i}', $size)} { - > div { - background-color: color-value($color, $i, false); - border-color: color-value($color, $i, false); - color: visible-color(color-value($color, $i, false)) !important; + } + @include add-logic using($i) { + &#{selector('progress', '#{$color}-dark-#{$i}')} { + > div { + background-color: color-value($color, $i, false); + border-color: color-value($color, $i, false); + color: visible-color(color-value($color, $i, false)) !important; - * { - color: visible-color(color-value($color,)) !important; - } + * { + color: visible-color(color-value($color,)) !important; } } } diff --git a/css/components/_table.scss b/css/components/_table.scss index 2bca94a..0c0bebc 100644 --- a/css/components/_table.scss +++ b/css/components/_table.scss @@ -1,69 +1,67 @@ -@include add-breakpoints using($size) { - #{selector('table', '', $size)} { - width: 100%; - max-width: 100%; - margin-bottom: 1em; - border-collapse: collapse; +#{selector('table', '')} { + width: 100%; + max-width: 100%; + margin-bottom: 1em; + border-collapse: collapse; - &#{selector('table', 'striped', $size)} { - tbody { - tr:nth-of-type(2n+1) { - background-color: transparentize($COLOR-muted, .8); - } + &#{selector('table', 'striped')} { + tbody { + tr:nth-of-type(2n+1) { + background-color: transparentize($COLOR-muted, .8); } } + } - &#{selector('table', 'bordered', $size)} { - border: 1px solid transparentize($COLOR-muted, .8); + &#{selector('table', 'bordered')} { + border: 1px solid transparentize($COLOR-muted, .8); - th, - td { - &:not(:first-child) { - border: 1px solid transparentize($COLOR-muted, .8); - } + th, + td { + &:not(:first-child) { + border: 1px solid transparentize($COLOR-muted, .8); } } + } - &#{selector('table', 'hover', $size)} { - tr { - &:hover { - background-color: transparentize($COLOR-muted, .7); - } + &#{selector('table', 'hover')} { + tr { + &:hover { + background-color: transparentize($COLOR-muted, .7); } } + } - &#{selector('table', 'compact', $size)} { - th, - td { - padding: .3rem; - } + &#{selector('table', 'compact')} { + th, + td { + padding: .3rem; } + } - thead { - th { - vertical-align: bottom; - border-bottom: 2px solid transparentize($COLOR-muted, .8); - } + thead { + th { + vertical-align: bottom; + border-bottom: 2px solid transparentize($COLOR-muted, .8); } + } - tr { + tr { + td, + th { + padding: .75rem; + vertical-align: top; + } + + &:not(:first-child) { td, th { - padding: .75rem; - vertical-align: top; - } - - &:not(:first-child) { - td, - th { - border-top: 1px solid transparentize($COLOR-muted, .8); - } + border-top: 1px solid transparentize($COLOR-muted, .8); } } + } - th { - text-align: inherit; - } + th { + text-align: inherit; } } \ No newline at end of file diff --git a/css/core/_colors.scss b/css/core/_colors.scss index cf51318..bea1135 100644 --- a/css/core/_colors.scss +++ b/css/core/_colors.scss @@ -1,22 +1,20 @@ -@include add-breakpoints using($size) { - @include add-color using($color) { - #{selector('bg', $color, $size)} { - background-color: color-value($color); - color: visible-color(color-value($color)); - } +@include add-color using($color) { + #{selector('bg', $color)} { + background-color: color-value($color); + color: visible-color(color-value($color)); + } - @if $CONFIG_colors_variants { - @include add-logic using($i) { - #{selector('bg', '#{$color}-light-#{$i}', $size)} { - background-color: color-value($color, $i, true); - color: visible-color(color-value($color, $i, false)); - } + @if $CONFIG_colors_variants and $color != 'transparent' { + @include add-logic using($i) { + #{selector('bg', '#{$color}-light-#{$i}')} { + background-color: color-value($color, $i, true); + color: visible-color(color-value($color, $i, false)); } - @include add-logic using($i) { - #{selector('bg', '#{$color}-dark-#{$i}', $size)} { - background-color: color-value($color, $i, false); - color: visible-color(color-value($color, $i, false)); - } + } + @include add-logic using($i) { + #{selector('bg', '#{$color}-dark-#{$i}')} { + background-color: color-value($color, $i, false); + color: visible-color(color-value($color, $i, false)); } } } diff --git a/css/core/_specials.scss b/css/core/_specials.scss index c2815d8..a964aad 100644 --- a/css/core/_specials.scss +++ b/css/core/_specials.scss @@ -1,17 +1,15 @@ -@include add-breakpoints using($size) { - $color: transparentize($COLOR-dark, 1); - $i: 1; - #{selector('shadow', '', $size)} { +$color: transparentize($COLOR-dark, 1); +$i: 1; +#{selector('shadow', '')} { + box-shadow: 0 shadow-calc(2, 24, $i) shadow-calc(2, 38, $i) shadow-calc(0, 3, $i) opacify($color, .14), + 0 shadow-calc(3, 9, $i) shadow-calc(1, 46, $i) shadow-calc(-2, 8, $i) opacify($color, .12), + 0 shadow-calc(1, 11, $i) shadow-calc(5, 15, $i) shadow-calc(0, -7, $i) opacify($color, .2); +} + +@include add-logic using($i) { + #{selector('shadow', $i)} { box-shadow: 0 shadow-calc(2, 24, $i) shadow-calc(2, 38, $i) shadow-calc(0, 3, $i) opacify($color, .14), 0 shadow-calc(3, 9, $i) shadow-calc(1, 46, $i) shadow-calc(-2, 8, $i) opacify($color, .12), 0 shadow-calc(1, 11, $i) shadow-calc(5, 15, $i) shadow-calc(0, -7, $i) opacify($color, .2); } - - @include add-logic using($i) { - #{selector('shadow', $i, $size)} { - box-shadow: 0 shadow-calc(2, 24, $i) shadow-calc(2, 38, $i) shadow-calc(0, 3, $i) opacify($color, .14), - 0 shadow-calc(3, 9, $i) shadow-calc(1, 46, $i) shadow-calc(-2, 8, $i) opacify($color, .12), - 0 shadow-calc(1, 11, $i) shadow-calc(5, 15, $i) shadow-calc(0, -7, $i) opacify($color, .2); - } - } } \ No newline at end of file diff --git a/css/core/_typo.scss b/css/core/_typo.scss index a3d3b55..dd60c24 100644 --- a/css/core/_typo.scss +++ b/css/core/_typo.scss @@ -1,90 +1,88 @@ -@include add-breakpoints using($size) { - @include add-logic using($i) { - @if $i >= 1 and $i <= 6 { - h#{$i}, - #{selector('font', 'h#{$i}', $size)} { - font-size: round($FONT-size * (9 - $i) * 0.3); - } +@include add-logic using($i) { + @if $i >= 1 and $i <= 6 { + h#{$i}, + #{selector('font', 'h#{$i}')} { + font-size: round($FONT-size * (9 - $i) * 0.3); } } +} - @include add-color using($color) { - #{selector('color', $color, $size)}, - #{selector('font', $color, $size)} { - color: color-value($color); - } +@include add-color using($color) { + #{selector('color', $color)}, + #{selector('font', $color)} { + color: color-value($color); + } - @if $CONFIG_colors_variants { - @include add-logic using($i) { - #{selector('color', '#{$color}-light-#{$i}', $size)}, - #{selector('font', '#{$color}-light-#{$i}', $size)} { - color: color-value($color, $i, true); - } + @if $CONFIG_colors_variants { + @include add-logic using($i) { + #{selector('color', '#{$color}-light-#{$i}')}, + #{selector('font', '#{$color}-light-#{$i}')} { + color: color-value($color, $i, true); } - @include add-logic using($i) { - #{selector('color', '#{$color}-dark-#{$i}', $size)}, - #{selector('font', '#{$color}-dark-#{$i}', $size)} { - color: color-value($color, $i, false); - } - } - } - - #{selector('font', 'left', $size)} { - text-align: left; - } - #{selector('font', 'right', $size)} { - text-align: right; - } - #{selector('font', 'center', $size)} { - text-align: center; } - #{selector('font', 'justify', $size)} { - text-align: justify; + @include add-logic using($i) { + #{selector('color', '#{$color}-dark-#{$i}')}, + #{selector('font', '#{$color}-dark-#{$i}')} { + color: color-value($color, $i, false); + } } + } - #{selector('font', 'lower', $size)} { - text-transform: lowercase; - } - #{selector('font', 'upper', $size)} { - text-transform: uppercase; - } - #{selector('font', 'capitalize', $size)} { - text-transform: capitalize; - } + #{selector('font', 'left')} { + text-align: left; + } + #{selector('font', 'right')} { + text-align: right; + } + #{selector('font', 'center')} { + text-align: center; + } + #{selector('font', 'justify')} { + text-align: justify; + } - #{selector('font', 'bold', $size)} { - font-weight: bold; - } - #{selector('font', 'bolder', $size)} { - font-weight: bolder; - } - #{selector('font', 'lighter', $size)} { - font-weight: lighter; - } - #{selector('font', 'normal', $size)} { - font-weight: normal; - } - #{selector('font', 'italic', $size)} { - font-style: italic; - } - #{selector('font', 'mark', $size)}, - #{selector('font', 'hilight', $size)} { - background-color: color-value('yellow', 4); - color: $COLOR-dark; - } + #{selector('font', 'lower')} { + text-transform: lowercase; + } + #{selector('font', 'upper')} { + text-transform: uppercase; + } + #{selector('font', 'capitalize')} { + text-transform: capitalize; + } - #{selector('decoration', 'linethrough', $size)}, - #{selector('decoration', 'del', $size)} { - text-decoration: line-through; - } - #{selector('decoration', 'underline', $size)}, - #{selector('decoration', 'line', $size)} { - text-decoration: underline; - } + #{selector('font', 'bold')} { + font-weight: bold; + } + #{selector('font', 'bolder')} { + font-weight: bolder; + } + #{selector('font', 'lighter')} { + font-weight: lighter; + } + #{selector('font', 'normal')} { + font-weight: normal; + } + #{selector('font', 'italic')} { + font-style: italic; + } + #{selector('font', 'mark')}, + #{selector('font', 'hilight')} { + background-color: color-value('yellow', 4); + color: $COLOR-dark; + } - #{selector('decoration', 'none', $size)} { - text-decoration: none; - } + #{selector('decoration', 'linethrough')}, + #{selector('decoration', 'del')} { + text-decoration: line-through; + } + #{selector('decoration', 'underline')}, + #{selector('decoration', 'line')} { + text-decoration: underline; + } + #{selector('decoration', 'none')} { + text-decoration: none; } + } \ No newline at end of file diff --git a/css/core/_utilities.scss b/css/core/_utilities.scss index 35bde3a..724723f 100644 --- a/css/core/_utilities.scss +++ b/css/core/_utilities.scss @@ -1,21 +1,21 @@ @include add-breakpoints using($size) { @for $i from 0 through 20 { $i: $i * 5; - #{selector('size', 'w-#{$i}')} { + #{selector('size', 'w-#{$i}', $size)} { width: $i * 1%; } - #{selector('size', 'h-#{$i}')} { + #{selector('size', 'h-#{$i}', $size)} { height: $i * 1%; } } - #{selector('size', 'w-full')} { + #{selector('size', 'w-full', $size)} { width: 100%; } - #{selector('size', 'h-full')} { + #{selector('size', 'h-full', $size)} { height: 100%; } - #{selector('size', 'full')} { + #{selector('size', 'full', $size)} { width: 100%; height: 100%; } diff --git a/css/imports/_configuration.scss b/css/imports/_configuration.scss index 0248a10..40cc7ee 100644 --- a/css/imports/_configuration.scss +++ b/css/imports/_configuration.scss @@ -1,7 +1,7 @@ $CONFIG_attribute_prefix: '_'; $CONFIG_attribute_size_symbol: ':'; -$CONFIG_light_mode: true; +$CONFIG_light_mode: false; $CONFIG_breakpoints: true; $CONFIG_colors_variants: true; diff --git a/css/imports/_mixins.scss b/css/imports/_mixins.scss index a710571..58df653 100644 --- a/css/imports/_mixins.scss +++ b/css/imports/_mixins.scss @@ -39,7 +39,7 @@ } } -@mixin colorised($selector, $size) { +@mixin colorised($selector, $size: '') { @include add-color using($color) { &#{selector($selector, $color, $size)} { background-color: color-value($color);