diff --git a/clayui.com/package.json b/clayui.com/package.json index 302557c5b8..6893de4e85 100644 --- a/clayui.com/package.json +++ b/clayui.com/package.json @@ -5,10 +5,10 @@ "license": "MIT", "scripts": { "copy:clay-css": "yarn copy:clay-css-css && yarn copy:clay-css-icons && yarn copy:clay-css-js && yarn copy:clay-css-site-images", - "copy:clay-css-css": "cpx '../node_modules/clay-css/lib/css/*.{css,css.map}' static/css", - "copy:clay-css-icons": "cpx '../node_modules/clay-css/lib/images/icons/*.svg' static/images/icons", - "copy:clay-css-js": "cpx '../node_modules/clay-css/lib/js/*.{js,js.map}' static/js", - "copy:clay-css-site-images": "cpx '../node_modules/clay-css/src/content/site-images/*.svg' static/images", + "copy:clay-css-css": "cpx '../node_modules/@clayui/css/lib/css/*.{css,css.map}' static/css", + "copy:clay-css-icons": "cpx '../node_modules/@clayui/css/lib/images/icons/*.svg' static/images/icons", + "copy:clay-css-js": "cpx '../node_modules/@clayui/css/lib/js/*.{js,js.map}' static/js", + "copy:clay-css-site-images": "cpx '../node_modules/@clayui/css/src/content/site-images/*.svg' static/images", "develop": "yarn copy:clay-css && gatsby develop", "build": "yarn copy:clay-css && gatsby build", "serve": "gatsby serve" diff --git a/clayui.com/static/css/atlas.css b/clayui.com/static/css/atlas.css index 66b55f38f0..c4fed1b143 100644 --- a/clayui.com/static/css/atlas.css +++ b/clayui.com/static/css/atlas.css @@ -1,26 +1,26 @@ /*! - * Bootstrap v4.3.1 (https://getbootstrap.com/) + * Bootstrap v4.4.1 (https://getbootstrap.com/) * Copyright 2011-2019 The Bootstrap Authors * Copyright 2011-2019 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ :root { - --blue: #0B5FFF; - --indigo: #6610F2; - --purple: #6F42C1; - --pink: #E83E8C; - --red: #DA1414; - --orange: #B95000; - --yellow: #FFC107; - --green: #287D3D; - --teal: #20C997; - --cyan: #17A2B8; + --blue: #4B9FFF; + --indigo: #7785FF; + --purple: #AF78FF; + --pink: #FF73C3; + --red: #FF5F5F; + --orange: #FFB46E; + --yellow: #FFD76E; + --green: #9BE169; + --teal: #50D2A0; + --cyan: #5FC8FF; --white: #FFF; --gray: #6B6C7E; --gray-dark: #393A4A; --primary: #0B5FFF; --secondary: #6B6C7E; - --success: #287D3D; + --success: #287D3C; --info: #2E5AAC; --warning: #B95000; --danger: #DA1414; @@ -58,7 +58,7 @@ body { text-align: left; background-color: #F1F2F5; } -[tabindex="-1"]:focus { +[tabindex="-1"]:focus:not(:focus-visible) { outline: 0 !important; } hr { @@ -137,14 +137,12 @@ a { color: #004ad7; text-decoration: underline; } -a:not([href]):not([tabindex]) { +a:not([href]) { color: inherit; text-decoration: none; } - a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus { + a:not([href]):hover { color: inherit; text-decoration: none; } - a:not([href]):not([tabindex]):focus { - outline: 0; } pre, code, @@ -303,22 +301,22 @@ h1, h2, h3, h4, h5, h6, line-height: 1.2; } h1, .h1 { - font-size: 2.5rem; } + font-size: 1.625rem; } h2, .h2 { - font-size: 2rem; } + font-size: 1.375rem; } h3, .h3 { - font-size: 1.75rem; } + font-size: 1.1875rem; } h4, .h4 { - font-size: 1.5rem; } + font-size: 1rem; } h5, .h5 { - font-size: 1.25rem; } + font-size: 0.875rem; } h6, .h6 { - font-size: 1rem; } + font-size: 0.8125rem; } .lead { font-size: 1.25rem; @@ -415,7 +413,7 @@ mark, code { font-size: 87.5%; color: #E83E8C; - word-break: break-word; } + word-wrap: break-word; } a > code { color: inherit; } @@ -464,13 +462,29 @@ pre { .container { max-width: 1248px; } } -.container-fluid { +.container-fluid, .container-sm, .container-md, .container-lg, .container-xl { width: 100%; padding-right: 12px; padding-left: 12px; margin-right: auto; margin-left: auto; } +@media (min-width: 576px) { + .container, .container-sm { + max-width: 540px; } } + +@media (min-width: 768px) { + .container, .container-sm, .container-md { + max-width: 720px; } } + +@media (min-width: 992px) { + .container, .container-sm, .container-md, .container-lg { + max-width: 960px; } } + +@media (min-width: 1280px) { + .container, .container-sm, .container-md, .container-lg, .container-xl { + max-width: 1248px; } } + .row { display: flex; flex-wrap: wrap; @@ -501,6 +515,30 @@ pre { flex-grow: 1; max-width: 100%; } +.row-cols-1 > * { + flex: 0 0 100%; + max-width: 100%; } + +.row-cols-2 > * { + flex: 0 0 50%; + max-width: 50%; } + +.row-cols-3 > * { + flex: 0 0 33.33333%; + max-width: 33.33333%; } + +.row-cols-4 > * { + flex: 0 0 25%; + max-width: 25%; } + +.row-cols-5 > * { + flex: 0 0 20%; + max-width: 20%; } + +.row-cols-6 > * { + flex: 0 0 16.66667%; + max-width: 16.66667%; } + .col-auto { flex: 0 0 auto; width: auto; @@ -637,6 +675,24 @@ pre { flex-basis: 0; flex-grow: 1; max-width: 100%; } + .row-cols-sm-1 > * { + flex: 0 0 100%; + max-width: 100%; } + .row-cols-sm-2 > * { + flex: 0 0 50%; + max-width: 50%; } + .row-cols-sm-3 > * { + flex: 0 0 33.33333%; + max-width: 33.33333%; } + .row-cols-sm-4 > * { + flex: 0 0 25%; + max-width: 25%; } + .row-cols-sm-5 > * { + flex: 0 0 20%; + max-width: 20%; } + .row-cols-sm-6 > * { + flex: 0 0 16.66667%; + max-width: 16.66667%; } .col-sm-auto { flex: 0 0 auto; width: auto; @@ -737,6 +793,24 @@ pre { flex-basis: 0; flex-grow: 1; max-width: 100%; } + .row-cols-md-1 > * { + flex: 0 0 100%; + max-width: 100%; } + .row-cols-md-2 > * { + flex: 0 0 50%; + max-width: 50%; } + .row-cols-md-3 > * { + flex: 0 0 33.33333%; + max-width: 33.33333%; } + .row-cols-md-4 > * { + flex: 0 0 25%; + max-width: 25%; } + .row-cols-md-5 > * { + flex: 0 0 20%; + max-width: 20%; } + .row-cols-md-6 > * { + flex: 0 0 16.66667%; + max-width: 16.66667%; } .col-md-auto { flex: 0 0 auto; width: auto; @@ -837,6 +911,24 @@ pre { flex-basis: 0; flex-grow: 1; max-width: 100%; } + .row-cols-lg-1 > * { + flex: 0 0 100%; + max-width: 100%; } + .row-cols-lg-2 > * { + flex: 0 0 50%; + max-width: 50%; } + .row-cols-lg-3 > * { + flex: 0 0 33.33333%; + max-width: 33.33333%; } + .row-cols-lg-4 > * { + flex: 0 0 25%; + max-width: 25%; } + .row-cols-lg-5 > * { + flex: 0 0 20%; + max-width: 20%; } + .row-cols-lg-6 > * { + flex: 0 0 16.66667%; + max-width: 16.66667%; } .col-lg-auto { flex: 0 0 auto; width: auto; @@ -937,6 +1029,24 @@ pre { flex-basis: 0; flex-grow: 1; max-width: 100%; } + .row-cols-xl-1 > * { + flex: 0 0 100%; + max-width: 100%; } + .row-cols-xl-2 > * { + flex: 0 0 50%; + max-width: 50%; } + .row-cols-xl-3 > * { + flex: 0 0 33.33333%; + max-width: 33.33333%; } + .row-cols-xl-4 > * { + flex: 0 0 25%; + max-width: 25%; } + .row-cols-xl-5 > * { + flex: 0 0 20%; + max-width: 20%; } + .row-cols-xl-6 > * { + flex: 0 0 16.66667%; + max-width: 16.66667%; } .col-xl-auto { flex: 0 0 auto; width: auto; @@ -1111,7 +1221,7 @@ pre { .table-success, .table-success > th, .table-success > td { - background-color: #c3dbc9; } + background-color: #c3dbc8; } .table-success th, .table-success td, @@ -1120,10 +1230,10 @@ pre { border-color: #8fbb9a; } .table-hover .table-success:hover { - background-color: #b3d1bb; } + background-color: #b3d1b9; } .table-hover .table-success:hover > td, .table-hover .table-success:hover > th { - background-color: #b3d1bb; } + background-color: #b3d1b9; } .table-info, .table-info > th, @@ -1311,6 +1421,9 @@ pre { .form-control::-ms-expand { background-color: transparent; border: 0; } + .form-control:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #272833; } .form-control:focus { color: #272833; background-color: #f0f5ff; @@ -1334,30 +1447,30 @@ select.form-control:focus::-ms-value { width: 100%; } .col-form-label { - padding-top: calc(0.4375rem + 0.0625rem); - padding-bottom: calc(0.4375rem + 0.0625rem); + padding-top: 0.5rem; + padding-bottom: 0.5rem; margin-bottom: 0; font-size: inherit; line-height: 1.5; } .col-form-label-lg { - padding-top: calc(0.4375rem + 0.0625rem); - padding-bottom: calc(0.4375rem + 0.0625rem); + padding-top: 0.5rem; + padding-bottom: 0.5rem; font-size: 1.125rem; line-height: 1.5; } .col-form-label-sm { - padding-top: calc(0.25rem + 0.0625rem); - padding-bottom: calc(0.25rem + 0.0625rem); + padding-top: 0.3125rem; + padding-bottom: 0.3125rem; font-size: 0.875rem; line-height: 1.5; } .form-control-plaintext { display: block; width: 100%; - padding-top: 0.4375rem; - padding-bottom: 0.4375rem; + padding: 0.4375rem 0; margin-bottom: 0; + font-size: 1rem; line-height: 1.5; color: #272833; background-color: transparent; @@ -1413,6 +1526,7 @@ textarea.form-control { position: absolute; margin-top: 0; margin-left: 0; } + .form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { color: #A7A9BC; } @@ -1435,7 +1549,7 @@ textarea.form-control { width: 100%; margin-top: 0.25rem; font-size: 0.875rem; - color: #287D3D; } + color: #287D3C; } .valid-tooltip { position: absolute; @@ -1448,47 +1562,40 @@ textarea.form-control { font-size: 0.875rem; line-height: 1.5; color: #FFF; - background-color: #287d3d; + background-color: #287d3c; border-radius: 0.25rem; } +.was-validated :valid ~ .valid-feedback, +.was-validated :valid ~ .valid-tooltip, +.is-valid ~ .valid-feedback, +.is-valid ~ .valid-tooltip { + display: block; } + .was-validated .form-control:valid, .form-control.is-valid { - border-color: #287D3D; + border-color: #287D3C; padding-right: 2.375rem; - background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23287D3D' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23287D3C' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); background-repeat: no-repeat; - background-position: center right calc(0.375em + 0.21875rem); + background-position: right calc(0.375em + 0.21875rem) center; background-size: calc(0.75em + 0.4375rem) calc(0.75em + 0.4375rem); } .was-validated .form-control:valid:focus, .form-control.is-valid:focus { - border-color: #287D3D; - box-shadow: 0 0 0 0.2rem rgba(40, 125, 61, 0.25); } - .was-validated .form-control:valid ~ .valid-feedback, - .was-validated .form-control:valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback, - .form-control.is-valid ~ .valid-tooltip { - display: block; } + border-color: #287D3C; + box-shadow: 0 0 0 0.2rem rgba(40, 125, 60, 0.25); } .was-validated textarea.form-control:valid, textarea.form-control.is-valid { padding-right: 2.375rem; background-position: top calc(0.375em + 0.21875rem) right calc(0.375em + 0.21875rem); } .was-validated .custom-select:valid, .custom-select.is-valid { - border-color: #287D3D; - padding-right: calc((1em + 0.875rem) * 3 / 4 + 2rem); - background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23393A4A' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 1rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23287D3D' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #F1F2F5 no-repeat center right 2rem/calc(0.75em + 0.4375rem) calc(0.75em + 0.4375rem); } + border-color: #287D3C; + padding-right: calc(0.75em + 2.65625rem); + background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23393A4A' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 1rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23287D3C' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #F1F2F5 no-repeat center right 2rem/calc(0.75em + 0.4375rem) calc(0.75em + 0.4375rem); } .was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { - border-color: #287D3D; - box-shadow: 0 0 0 0.2rem rgba(40, 125, 61, 0.25); } - .was-validated .custom-select:valid ~ .valid-feedback, - .was-validated .custom-select:valid ~ .valid-tooltip, .custom-select.is-valid ~ .valid-feedback, - .custom-select.is-valid ~ .valid-tooltip { - display: block; } - -.was-validated .form-control-file:valid ~ .valid-feedback, -.was-validated .form-control-file:valid ~ .valid-tooltip, .form-control-file.is-valid ~ .valid-feedback, -.form-control-file.is-valid ~ .valid-tooltip { - display: block; } + border-color: #287D3C; + box-shadow: 0 0 0 0.2rem rgba(40, 125, 60, 0.25); } .was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { - color: #287D3D; } + color: #287D3C; } .was-validated .form-check-input:valid ~ .valid-feedback, .was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, @@ -1496,36 +1603,26 @@ textarea.form-control { display: block; } .was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { - color: #287D3D; } + color: #287D3C; } .was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { - border-color: #287D3D; } - -.was-validated .custom-control-input:valid ~ .valid-feedback, -.was-validated .custom-control-input:valid ~ .valid-tooltip, .custom-control-input.is-valid ~ .valid-feedback, -.custom-control-input.is-valid ~ .valid-tooltip { - display: block; } + border-color: #287D3C; } .was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { - border-color: #34a450; - background-color: #34a450; } + border-color: #34a44f; + background-color: #34a44f; } .was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { - box-shadow: 0 0 0 0.2rem rgba(40, 125, 61, 0.25); } + box-shadow: 0 0 0 0.2rem rgba(40, 125, 60, 0.25); } .was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { - border-color: #287D3D; } + border-color: #287D3C; } .was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { - border-color: #287D3D; } - -.was-validated .custom-file-input:valid ~ .valid-feedback, -.was-validated .custom-file-input:valid ~ .valid-tooltip, .custom-file-input.is-valid ~ .valid-feedback, -.custom-file-input.is-valid ~ .valid-tooltip { - display: block; } + border-color: #287D3C; } .was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { - border-color: #287D3D; - box-shadow: 0 0 0 0.2rem rgba(40, 125, 61, 0.25); } + border-color: #287D3C; + box-shadow: 0 0 0 0.2rem rgba(40, 125, 60, 0.25); } .invalid-feedback { display: none; @@ -1548,20 +1645,22 @@ textarea.form-control { background-color: #da1414; border-radius: 0.25rem; } +.was-validated :invalid ~ .invalid-feedback, +.was-validated :invalid ~ .invalid-tooltip, +.is-invalid ~ .invalid-feedback, +.is-invalid ~ .invalid-tooltip { + display: block; } + .was-validated .form-control:invalid, .form-control.is-invalid { border-color: #DA1414; padding-right: 2.375rem; - background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23DA1414' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23DA1414' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E"); + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23DA1414' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23DA1414' stroke='none'/%3e%3c/svg%3e"); background-repeat: no-repeat; - background-position: center right calc(0.375em + 0.21875rem); + background-position: right calc(0.375em + 0.21875rem) center; background-size: calc(0.75em + 0.4375rem) calc(0.75em + 0.4375rem); } .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { border-color: #DA1414; box-shadow: 0 0 0 0.2rem rgba(218, 20, 20, 0.25); } - .was-validated .form-control:invalid ~ .invalid-feedback, - .was-validated .form-control:invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback, - .form-control.is-invalid ~ .invalid-tooltip { - display: block; } .was-validated textarea.form-control:invalid, textarea.form-control.is-invalid { padding-right: 2.375rem; @@ -1569,20 +1668,11 @@ textarea.form-control { .was-validated .custom-select:invalid, .custom-select.is-invalid { border-color: #DA1414; - padding-right: calc((1em + 0.875rem) * 3 / 4 + 2rem); - background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23393A4A' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 1rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23DA1414' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23DA1414' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E") #F1F2F5 no-repeat center right 2rem/calc(0.75em + 0.4375rem) calc(0.75em + 0.4375rem); } + padding-right: calc(0.75em + 2.65625rem); + background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23393A4A' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 1rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23DA1414' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23DA1414' stroke='none'/%3e%3c/svg%3e") #F1F2F5 no-repeat center right 2rem/calc(0.75em + 0.4375rem) calc(0.75em + 0.4375rem); } .was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { border-color: #DA1414; box-shadow: 0 0 0 0.2rem rgba(218, 20, 20, 0.25); } - .was-validated .custom-select:invalid ~ .invalid-feedback, - .was-validated .custom-select:invalid ~ .invalid-tooltip, .custom-select.is-invalid ~ .invalid-feedback, - .custom-select.is-invalid ~ .invalid-tooltip { - display: block; } - -.was-validated .form-control-file:invalid ~ .invalid-feedback, -.was-validated .form-control-file:invalid ~ .invalid-tooltip, .form-control-file.is-invalid ~ .invalid-feedback, -.form-control-file.is-invalid ~ .invalid-tooltip { - display: block; } .was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { color: #DA1414; } @@ -1597,11 +1687,6 @@ textarea.form-control { .was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { border-color: #DA1414; } -.was-validated .custom-control-input:invalid ~ .invalid-feedback, -.was-validated .custom-control-input:invalid ~ .invalid-tooltip, .custom-control-input.is-invalid ~ .invalid-feedback, -.custom-control-input.is-invalid ~ .invalid-tooltip { - display: block; } - .was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { border-color: #ec3535; background-color: #ec3535; } @@ -1615,11 +1700,6 @@ textarea.form-control { .was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { border-color: #DA1414; } -.was-validated .custom-file-input:invalid ~ .invalid-feedback, -.was-validated .custom-file-input:invalid ~ .invalid-tooltip, .custom-file-input.is-invalid ~ .invalid-feedback, -.custom-file-input.is-invalid ~ .invalid-tooltip { - display: block; } - .was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { border-color: #DA1414; box-shadow: 0 0 0 0.2rem rgba(218, 20, 20, 0.25); } @@ -1675,6 +1755,7 @@ textarea.form-control { color: #272833; text-align: center; vertical-align: middle; + cursor: pointer; user-select: none; background-color: transparent; border: 1px solid transparent; @@ -1714,6 +1795,9 @@ fieldset:disabled a.btn { background-color: #004ee4; border-color: #004ad7; } .btn-primary:focus, .btn-primary.focus { + color: #FFF; + background-color: #004ee4; + border-color: #004ad7; box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(48, 119, 255, 0.5); } .btn-primary.disabled, .btn-primary:disabled { color: #FFF; @@ -1738,6 +1822,9 @@ fieldset:disabled a.btn { background-color: #595a69; border-color: #545462; } .btn-secondary:focus, .btn-secondary.focus { + color: #FFF; + background-color: #595a69; + border-color: #545462; box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(129, 130, 145, 0.5); } .btn-secondary.disabled, .btn-secondary:disabled { color: #FFF; @@ -1754,27 +1841,30 @@ fieldset:disabled a.btn { .btn-success { color: #FFF; - background-color: #287D3D; - border-color: #287D3D; + background-color: #287D3C; + border-color: #287D3C; box-shadow: 0 0 rgba(0, 0, 0, 0); } .btn-success:hover { color: #FFF; - background-color: #1f602f; - border-color: #1c562a; } + background-color: #1f602e; + border-color: #1c5629; } .btn-success:focus, .btn-success.focus { - box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(72, 145, 90, 0.5); } + color: #FFF; + background-color: #1f602e; + border-color: #1c5629; + box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(72, 145, 89, 0.5); } .btn-success.disabled, .btn-success:disabled { color: #FFF; - background-color: #287D3D; - border-color: #287D3D; } + background-color: #287D3C; + border-color: #287D3C; } .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { color: #FFF; - background-color: #1c562a; + background-color: #1c5629; border-color: #194d25; } .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { - box-shadow: inset 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(72, 145, 90, 0.5); } + box-shadow: inset 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(72, 145, 89, 0.5); } .btn-info { color: #FFF; @@ -1786,6 +1876,9 @@ fieldset:disabled a.btn { background-color: #264a8e; border-color: #234584; } .btn-info:focus, .btn-info.focus { + color: #FFF; + background-color: #264a8e; + border-color: #234584; box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(77, 115, 184, 0.5); } .btn-info.disabled, .btn-info:disabled { color: #FFF; @@ -1810,6 +1903,9 @@ fieldset:disabled a.btn { background-color: #933f00; border-color: #863a00; } .btn-warning:focus, .btn-warning.focus { + color: #FFF; + background-color: #933f00; + border-color: #863a00; box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(196, 106, 38, 0.5); } .btn-warning.disabled, .btn-warning:disabled { color: #FFF; @@ -1834,6 +1930,9 @@ fieldset:disabled a.btn { background-color: #b71111; border-color: #ab1010; } .btn-danger:focus, .btn-danger.focus { + color: #FFF; + background-color: #b71111; + border-color: #ab1010; box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(224, 55, 55, 0.5); } .btn-danger.disabled, .btn-danger:disabled { color: #FFF; @@ -1858,6 +1957,9 @@ fieldset:disabled a.btn { background-color: #dbdde5; border-color: #d3d6e0; } .btn-light:focus, .btn-light.focus { + color: #272833; + background-color: #dbdde5; + border-color: #d3d6e0; box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(211, 212, 216, 0.5); } .btn-light.disabled, .btn-light:disabled { color: #272833; @@ -1882,6 +1984,9 @@ fieldset:disabled a.btn { background-color: #16171d; border-color: #111116; } .btn-dark:focus, .btn-dark.focus { + color: #FFF; + background-color: #16171d; + border-color: #111116; box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(71, 72, 82, 0.5); } .btn-dark.disabled, .btn-dark:disabled { color: #FFF; @@ -1939,25 +2044,25 @@ fieldset:disabled a.btn { box-shadow: inset 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(107, 108, 126, 0.5); } .btn-outline-success { - color: #287D3D; - border-color: #287D3D; } + color: #287D3C; + border-color: #287D3C; } .btn-outline-success:hover { color: #FFF; - background-color: #287D3D; - border-color: #287D3D; } + background-color: #287D3C; + border-color: #287D3C; } .btn-outline-success:focus, .btn-outline-success.focus { - box-shadow: 0 0 0 0.2rem rgba(40, 125, 61, 0.5); } + box-shadow: 0 0 0 0.2rem rgba(40, 125, 60, 0.5); } .btn-outline-success.disabled, .btn-outline-success:disabled { - color: #287D3D; + color: #287D3C; background-color: transparent; } .btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { color: #FFF; - background-color: #287D3D; - border-color: #287D3D; } + background-color: #287D3C; + border-color: #287D3C; } .btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { - box-shadow: inset 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(40, 125, 61, 0.5); } + box-shadow: inset 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(40, 125, 60, 0.5); } .btn-outline-info { color: #2E5AAC; @@ -2258,7 +2363,7 @@ input[type="button"].btn-block { padding: 0.375rem 1.25rem; margin-bottom: 0; font-size: 0.875rem; - color: #6B6C7E; + color: #272833; white-space: nowrap; } .dropdown-item-text { @@ -2369,8 +2474,8 @@ input[type="button"].btn-block { .input-group > .custom-select, .input-group > .custom-file { position: relative; - flex: 1 1 auto; - width: 1%; + flex: 1 1 0%; + min-width: 0; margin-bottom: 0; } .input-group > .form-control + .form-control, .input-group > .form-control + .custom-select, @@ -2518,7 +2623,10 @@ input[type="button"].btn-block { .custom-control-input { position: absolute; + left: 0; z-index: -1; + width: 1.0625rem; + height: 1.28125rem; opacity: 0; } .custom-control-input:checked ~ .custom-control-label::before { color: #FFF; @@ -2534,9 +2642,9 @@ input[type="button"].btn-block { background-color: #FFF; border-color: #CDCED9; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1); } - .custom-control-input:disabled ~ .custom-control-label { - color: #6B6C7E; } - .custom-control-input:disabled ~ .custom-control-label::before { + .custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label { + color: #A7A9BC; } + .custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before { background-color: #F1F2F5; } .custom-control-label { @@ -2577,7 +2685,7 @@ input[type="button"].btn-block { box-shadow: none; } .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { - background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3e%3cpath stroke='%23FFF' d='M0 2h4'/%3e%3c/svg%3e"); } + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23FFF' d='M0 2h4'/%3e%3c/svg%3e"); } .custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: #b3cdff; } @@ -2589,7 +2697,7 @@ input[type="button"].btn-block { border-radius: 50%; } .custom-radio .custom-control-input:checked ~ .custom-control-label::after { - background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23FFF'/%3e%3c/svg%3e"); } + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23FFF'/%3e%3c/svg%3e"); } .custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: #b3cdff; } @@ -2602,10 +2710,10 @@ input[type="button"].btn-block { pointer-events: all; border-radius: 0.53125rem; } .custom-switch .custom-control-label::after { - top: calc(0.21875rem + 0.125rem); - left: calc(-2.35938rem + 0.125rem); - width: calc(1.0625rem - 0.25rem); - height: calc(1.0625rem - 0.25rem); + top: 0.34375rem; + left: -2.23438rem; + width: 0.8125rem; + height: 0.8125rem; background-color: #CDCED9; border-radius: 0.53125rem; transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @@ -2628,8 +2736,7 @@ input[type="button"].btn-block { line-height: 1.5; color: #272833; vertical-align: middle; - background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23393A4A' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 1rem center/8px 10px; - background-color: #F1F2F5; + background: #F1F2F5 url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23393A4A' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 1rem center/8px 10px; border: 0.0625rem solid #E7E7ED; border-radius: 0.25rem; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075); @@ -2650,6 +2757,9 @@ input[type="button"].btn-block { background-color: #F1F2F5; } .custom-select::-ms-expand { display: none; } + .custom-select:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #272833; } .custom-select-sm { height: 2rem; @@ -2682,6 +2792,7 @@ input[type="button"].btn-block { .custom-file-input:focus ~ .custom-file-label { border-color: #80acff; box-shadow: 0 0 0 0.125rem #FFF, 0 0 0 0.25rem #80acff; } + .custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label { background-color: #F1F2F5; } .custom-file-input:lang(en) ~ .custom-file-label::after { @@ -2722,7 +2833,7 @@ input[type="button"].btn-block { .custom-range { width: 100%; - height: calc(1rem + 0.4rem); + height: 1.4rem; padding: 0; background-color: transparent; appearance: none; } @@ -2908,8 +3019,8 @@ input[type="button"].btn-block { align-items: center; justify-content: space-between; padding: 0.5rem 1rem; } - .navbar > .container, - .navbar > .container-fluid { + .navbar .container, + .navbar .container-fluid, .navbar .container-sm, .navbar .container-md, .navbar .container-lg, .navbar .container-xl { display: flex; flex-wrap: wrap; align-items: center; @@ -2970,7 +3081,7 @@ input[type="button"].btn-block { @media (max-width: 575.98px) { .navbar-expand-sm > .container, - .navbar-expand-sm > .container-fluid { + .navbar-expand-sm > .container-fluid, .navbar-expand-sm > .container-sm, .navbar-expand-sm > .container-md, .navbar-expand-sm > .container-lg, .navbar-expand-sm > .container-xl { padding-right: 0; padding-left: 0; } } @@ -2986,7 +3097,7 @@ input[type="button"].btn-block { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-sm > .container, - .navbar-expand-sm > .container-fluid { + .navbar-expand-sm > .container-fluid, .navbar-expand-sm > .container-sm, .navbar-expand-sm > .container-md, .navbar-expand-sm > .container-lg, .navbar-expand-sm > .container-xl { flex-wrap: nowrap; } .navbar-expand-sm .navbar-collapse { display: flex !important; @@ -2996,7 +3107,7 @@ input[type="button"].btn-block { @media (max-width: 767.98px) { .navbar-expand-md > .container, - .navbar-expand-md > .container-fluid { + .navbar-expand-md > .container-fluid, .navbar-expand-md > .container-sm, .navbar-expand-md > .container-md, .navbar-expand-md > .container-lg, .navbar-expand-md > .container-xl { padding-right: 0; padding-left: 0; } } @@ -3012,7 +3123,7 @@ input[type="button"].btn-block { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-md > .container, - .navbar-expand-md > .container-fluid { + .navbar-expand-md > .container-fluid, .navbar-expand-md > .container-sm, .navbar-expand-md > .container-md, .navbar-expand-md > .container-lg, .navbar-expand-md > .container-xl { flex-wrap: nowrap; } .navbar-expand-md .navbar-collapse { display: flex !important; @@ -3022,7 +3133,7 @@ input[type="button"].btn-block { @media (max-width: 991.98px) { .navbar-expand-lg > .container, - .navbar-expand-lg > .container-fluid { + .navbar-expand-lg > .container-fluid, .navbar-expand-lg > .container-sm, .navbar-expand-lg > .container-md, .navbar-expand-lg > .container-lg, .navbar-expand-lg > .container-xl { padding-right: 0; padding-left: 0; } } @@ -3038,7 +3149,7 @@ input[type="button"].btn-block { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-lg > .container, - .navbar-expand-lg > .container-fluid { + .navbar-expand-lg > .container-fluid, .navbar-expand-lg > .container-sm, .navbar-expand-lg > .container-md, .navbar-expand-lg > .container-lg, .navbar-expand-lg > .container-xl { flex-wrap: nowrap; } .navbar-expand-lg .navbar-collapse { display: flex !important; @@ -3048,7 +3159,7 @@ input[type="button"].btn-block { @media (max-width: 1279.98px) { .navbar-expand-xl > .container, - .navbar-expand-xl > .container-fluid { + .navbar-expand-xl > .container-fluid, .navbar-expand-xl > .container-sm, .navbar-expand-xl > .container-md, .navbar-expand-xl > .container-lg, .navbar-expand-xl > .container-xl { padding-right: 0; padding-left: 0; } } @@ -3064,7 +3175,7 @@ input[type="button"].btn-block { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-xl > .container, - .navbar-expand-xl > .container-fluid { + .navbar-expand-xl > .container-fluid, .navbar-expand-xl > .container-sm, .navbar-expand-xl > .container-md, .navbar-expand-xl > .container-lg, .navbar-expand-xl > .container-xl { flex-wrap: nowrap; } .navbar-expand-xl .navbar-collapse { display: flex !important; @@ -3076,7 +3187,7 @@ input[type="button"].btn-block { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand > .container, - .navbar-expand > .container-fluid { + .navbar-expand > .container-fluid, .navbar-expand > .container-sm, .navbar-expand > .container-md, .navbar-expand > .container-lg, .navbar-expand > .container-xl { padding-right: 0; padding-left: 0; } .navbar-expand .navbar-nav { @@ -3087,7 +3198,7 @@ input[type="button"].btn-block { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand > .container, - .navbar-expand > .container-fluid { + .navbar-expand > .container-fluid, .navbar-expand > .container-sm, .navbar-expand > .container-md, .navbar-expand > .container-lg, .navbar-expand > .container-xl { flex-wrap: nowrap; } .navbar-expand .navbar-collapse { display: flex !important; @@ -3118,7 +3229,7 @@ input[type="button"].btn-block { border-color: rgba(0, 0, 0, 0.1); } .navbar-light .navbar-toggler-icon { - background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='%236B6C7E' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='%236B6C7E' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } .navbar-light .navbar-text { color: #6B6C7E; } @@ -3150,7 +3261,7 @@ input[type="button"].btn-block { border-color: rgba(255, 255, 255, 0.1); } .navbar-dark .navbar-toggler-icon { - background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='%23FFF' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='%23FFF' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } .navbar-dark .navbar-text { color: #FFF; } @@ -3181,6 +3292,7 @@ input[type="button"].btn-block { .card-body { flex: 1 1 auto; + min-height: 1px; padding: 1.25rem; } .card-title { @@ -3234,70 +3346,68 @@ input[type="button"].btn-block { left: 0; padding: 1.25rem; } -.card-img { - width: 100%; - border-radius: 0.25rem; } +.card-img, +.card-img-top, +.card-img-bottom { + flex-shrink: 0; + width: 100%; } +.card-img, .card-img-top { - width: 100%; border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } +.card-img, .card-img-bottom { - width: 100%; border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } -.card-deck { - display: flex; - flex-direction: column; } - .card-deck .card { - margin-bottom: 12px; } - @media (min-width: 576px) { - .card-deck { - flex-flow: row wrap; - margin-right: -12px; - margin-left: -12px; } - .card-deck .card { - display: flex; - flex: 1 0 0%; - flex-direction: column; - margin-right: 12px; - margin-bottom: 0; - margin-left: 12px; } } - -.card-group { - display: flex; - flex-direction: column; } - .card-group > .card { - margin-bottom: 12px; } - @media (min-width: 576px) { - .card-group { - flex-flow: row wrap; } - .card-group > .card { - flex: 1 0 0%; - margin-bottom: 0; } - .card-group > .card + .card { - margin-left: 0; - border-left: 0; } - .card-group > .card:not(:last-child) { - border-top-right-radius: 0; +.card-deck .card { + margin-bottom: 12px; } + +@media (min-width: 576px) { + .card-deck { + display: flex; + flex-flow: row wrap; + margin-right: -12px; + margin-left: -12px; } + .card-deck .card { + flex: 1 0 0%; + margin-right: 12px; + margin-bottom: 0; + margin-left: 12px; } } + +.card-group > .card { + margin-bottom: 12px; } + +@media (min-width: 576px) { + .card-group { + display: flex; + flex-flow: row wrap; } + .card-group > .card { + flex: 1 0 0%; + margin-bottom: 0; } + .card-group > .card + .card { + margin-left: 0; + border-left: 0; } + .card-group > .card:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; } + .card-group > .card:not(:last-child) .card-img-top, + .card-group > .card:not(:last-child) .card-header { + border-top-right-radius: 0; } + .card-group > .card:not(:last-child) .card-img-bottom, + .card-group > .card:not(:last-child) .card-footer { border-bottom-right-radius: 0; } - .card-group > .card:not(:last-child) .card-img-top, - .card-group > .card:not(:last-child) .card-header { - border-top-right-radius: 0; } - .card-group > .card:not(:last-child) .card-img-bottom, - .card-group > .card:not(:last-child) .card-footer { - border-bottom-right-radius: 0; } - .card-group > .card:not(:first-child) { - border-top-left-radius: 0; - border-bottom-left-radius: 0; } - .card-group > .card:not(:first-child) .card-img-top, - .card-group > .card:not(:first-child) .card-header { - border-top-left-radius: 0; } - .card-group > .card:not(:first-child) .card-img-bottom, - .card-group > .card:not(:first-child) .card-footer { - border-bottom-left-radius: 0; } } + .card-group > .card:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; } + .card-group > .card:not(:first-child) .card-img-top, + .card-group > .card:not(:first-child) .card-header { + border-top-left-radius: 0; } + .card-group > .card:not(:first-child) .card-img-bottom, + .card-group > .card:not(:first-child) .card-footer { + border-bottom-left-radius: 0; } } .card-columns .card { margin-bottom: 0.75rem; } @@ -3314,19 +3424,15 @@ input[type="button"].btn-block { .accordion > .card { overflow: hidden; } - .accordion > .card:not(:first-of-type) .card-header:first-child { - border-radius: 0; } - .accordion > .card:not(:first-of-type):not(:last-of-type) { - border-bottom: 0; - border-radius: 0; } - .accordion > .card:first-of-type { + .accordion > .card:not(:last-of-type) { border-bottom: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } - .accordion > .card:last-of-type { + .accordion > .card:not(:first-of-type) { border-top-left-radius: 0; border-top-right-radius: 0; } - .accordion > .card .card-header { + .accordion > .card > .card-header { + border-radius: 0; margin-bottom: 0; } .breadcrumb { @@ -3334,6 +3440,7 @@ input[type="button"].btn-block { flex-wrap: wrap; padding: 0.75rem 0.125rem; margin-bottom: 1rem; + font-size: 0.875rem; list-style: none; background-color: transparent; border-radius: 0.25rem; } @@ -3377,7 +3484,7 @@ input[type="button"].btn-block { background-color: rgba(0, 0, 0, 0.02); border-color: transparent; } .page-link:focus { - z-index: 2; + z-index: 3; outline: 0; box-shadow: 0 0 0 0.125rem #FFF, 0 0 0 0.25rem #80acff; } @@ -3391,7 +3498,7 @@ input[type="button"].btn-block { border-bottom-right-radius: 0.25rem; } .page-item.active .page-link { - z-index: 1; + z-index: 3; color: #272833; background-color: rgba(0, 0, 0, 0.04); border-color: transparent; } @@ -3479,13 +3586,13 @@ input[type="button"].btn-block { .badge-success { color: #FFF; - background-color: #287D3D; } + background-color: #287D3C; } a.badge-success:hover, a.badge-success:focus { color: #FFF; - background-color: #1c562a; } + background-color: #1c5629; } a.badge-success:focus, a.badge-success.focus { outline: 0; - box-shadow: 0 0 0 0.2rem rgba(40, 125, 61, 0.5); } + box-shadow: 0 0 0 0.2rem rgba(40, 125, 60, 0.5); } .badge-info { color: #FFF; @@ -3592,11 +3699,11 @@ input[type="button"].btn-block { color: #212126; } .alert-success { - color: #154120; + color: #15411f; background-color: #d4e5d8; - border-color: #c3dbc9; } + border-color: #c3dbc8; } .alert-success hr { - border-top-color: #b3d1bb; } + border-top-color: #b3d1b9; } .alert-success .alert-link { color: #091a0d; } @@ -3664,6 +3771,7 @@ input[type="button"].btn-block { display: flex; flex-direction: column; justify-content: center; + overflow: hidden; color: #FFF; text-align: center; white-space: nowrap; @@ -3713,7 +3821,6 @@ input[type="button"].btn-block { position: relative; display: block; padding: 1rem 1rem; - margin-bottom: -1px; color: #6B6C7E; background-color: #FFF; border: 1px solid #E7E7ED; } @@ -3721,7 +3828,6 @@ input[type="button"].btn-block { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .list-group-item:last-child { - margin-bottom: 0; border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .list-group-item.disabled, .list-group-item:disabled { @@ -3733,99 +3839,110 @@ input[type="button"].btn-block { color: #272833; background-color: #f0f5ff; border-color: #E7E7ED; } + .list-group-item + .list-group-item { + border-top-width: 0; } + .list-group-item + .list-group-item.active { + margin-top: -1px; + border-top-width: 1px; } .list-group-horizontal { flex-direction: row; } - .list-group-horizontal .list-group-item { - margin-right: -1px; - margin-bottom: 0; } - .list-group-horizontal .list-group-item:first-child { - border-top-left-radius: 0.25rem; - border-bottom-left-radius: 0.25rem; - border-top-right-radius: 0; } - .list-group-horizontal .list-group-item:last-child { - margin-right: 0; - border-top-right-radius: 0.25rem; - border-bottom-right-radius: 0.25rem; - border-bottom-left-radius: 0; } + .list-group-horizontal .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; } + .list-group-horizontal .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; } + .list-group-horizontal .list-group-item.active { + margin-top: 0; } + .list-group-horizontal .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; } + .list-group-horizontal .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; } @media (min-width: 576px) { .list-group-horizontal-sm { flex-direction: row; } - .list-group-horizontal-sm .list-group-item { - margin-right: -1px; - margin-bottom: 0; } - .list-group-horizontal-sm .list-group-item:first-child { - border-top-left-radius: 0.25rem; - border-bottom-left-radius: 0.25rem; - border-top-right-radius: 0; } - .list-group-horizontal-sm .list-group-item:last-child { - margin-right: 0; - border-top-right-radius: 0.25rem; - border-bottom-right-radius: 0.25rem; - border-bottom-left-radius: 0; } } + .list-group-horizontal-sm .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; } + .list-group-horizontal-sm .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; } + .list-group-horizontal-sm .list-group-item.active { + margin-top: 0; } + .list-group-horizontal-sm .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; } + .list-group-horizontal-sm .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; } } @media (min-width: 768px) { .list-group-horizontal-md { flex-direction: row; } - .list-group-horizontal-md .list-group-item { - margin-right: -1px; - margin-bottom: 0; } - .list-group-horizontal-md .list-group-item:first-child { - border-top-left-radius: 0.25rem; - border-bottom-left-radius: 0.25rem; - border-top-right-radius: 0; } - .list-group-horizontal-md .list-group-item:last-child { - margin-right: 0; - border-top-right-radius: 0.25rem; - border-bottom-right-radius: 0.25rem; - border-bottom-left-radius: 0; } } + .list-group-horizontal-md .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; } + .list-group-horizontal-md .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; } + .list-group-horizontal-md .list-group-item.active { + margin-top: 0; } + .list-group-horizontal-md .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; } + .list-group-horizontal-md .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; } } @media (min-width: 992px) { .list-group-horizontal-lg { flex-direction: row; } - .list-group-horizontal-lg .list-group-item { - margin-right: -1px; - margin-bottom: 0; } - .list-group-horizontal-lg .list-group-item:first-child { - border-top-left-radius: 0.25rem; - border-bottom-left-radius: 0.25rem; - border-top-right-radius: 0; } - .list-group-horizontal-lg .list-group-item:last-child { - margin-right: 0; - border-top-right-radius: 0.25rem; - border-bottom-right-radius: 0.25rem; - border-bottom-left-radius: 0; } } + .list-group-horizontal-lg .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; } + .list-group-horizontal-lg .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; } + .list-group-horizontal-lg .list-group-item.active { + margin-top: 0; } + .list-group-horizontal-lg .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; } + .list-group-horizontal-lg .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; } } @media (min-width: 1280px) { .list-group-horizontal-xl { flex-direction: row; } - .list-group-horizontal-xl .list-group-item { - margin-right: -1px; - margin-bottom: 0; } - .list-group-horizontal-xl .list-group-item:first-child { - border-top-left-radius: 0.25rem; - border-bottom-left-radius: 0.25rem; - border-top-right-radius: 0; } - .list-group-horizontal-xl .list-group-item:last-child { - margin-right: 0; - border-top-right-radius: 0.25rem; - border-bottom-right-radius: 0.25rem; - border-bottom-left-radius: 0; } } + .list-group-horizontal-xl .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; } + .list-group-horizontal-xl .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; } + .list-group-horizontal-xl .list-group-item.active { + margin-top: 0; } + .list-group-horizontal-xl .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; } + .list-group-horizontal-xl .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; } } .list-group-flush .list-group-item { - border-right: 0; - border-left: 0; + border-right-width: 0; + border-left-width: 0; border-radius: 0; } - .list-group-flush .list-group-item:last-child { - margin-bottom: -1px; } - -.list-group-flush:first-child .list-group-item:first-child { - border-top: 0; } + .list-group-flush .list-group-item:first-child { + border-top-width: 0; } .list-group-flush:last-child .list-group-item:last-child { - margin-bottom: 0; - border-bottom: 0; } + border-bottom-width: 0; } .list-group-item-primary { color: #063185; @@ -3850,15 +3967,15 @@ input[type="button"].btn-block { border-color: #383842; } .list-group-item-success { - color: #154120; - background-color: #c3dbc9; } + color: #15411f; + background-color: #c3dbc8; } .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { - color: #154120; - background-color: #b3d1bb; } + color: #15411f; + background-color: #b3d1b9; } .list-group-item-success.list-group-item-action.active { color: #FFF; - background-color: #154120; - border-color: #154120; } + background-color: #15411f; + border-color: #15411f; } .list-group-item-info { color: #182f59; @@ -4001,6 +4118,8 @@ a.close.disabled { transition: none; } } .modal.show .modal-dialog { transform: none; } + .modal.modal-static .modal-dialog { + transform: scale(1.02); } .modal-dialog-scrollable { display: flex; @@ -4063,8 +4182,8 @@ a.close.disabled { justify-content: space-between; padding: 1.5rem; border-bottom: 1px solid #E7E7ED; - border-top-left-radius: 0.375rem; - border-top-right-radius: 0.375rem; } + border-top-left-radius: calc(0.375rem - 1px); + border-top-right-radius: calc(0.375rem - 1px); } .modal-header .close { padding: 1.5rem; margin: -1rem -1rem -1rem auto; } @@ -4080,16 +4199,15 @@ a.close.disabled { .modal-footer { display: flex; + flex-wrap: wrap; align-items: center; justify-content: flex-end; - padding: 1.5rem; + padding: 1.25rem; border-top: 1px solid #E7E7ED; - border-bottom-right-radius: 0.375rem; - border-bottom-left-radius: 0.375rem; } - .modal-footer > :not(:first-child) { - margin-left: .25rem; } - .modal-footer > :not(:last-child) { - margin-right: .25rem; } + border-bottom-right-radius: calc(0.375rem - 1px); + border-bottom-left-radius: calc(0.375rem - 1px); } + .modal-footer > * { + margin: 0.25rem; } .modal-scrollbar-measure { position: absolute; @@ -4240,7 +4358,7 @@ a.close.disabled { display: block; width: 0.6rem; height: 0.3rem; - margin: 0 0.375rem; } + margin: 0 0.25rem; } .popover .arrow::before, .popover .arrow::after { position: absolute; display: block; @@ -4251,7 +4369,7 @@ a.close.disabled { .bs-popover-top, .bs-popover-auto[x-placement^="top"] { margin-bottom: 0.3rem; } .bs-popover-top > .arrow, .bs-popover-auto[x-placement^="top"] > .arrow { - bottom: calc((0.3rem + 1px) * -1); } + bottom: calc(-0.3rem - 1px); } .bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^="top"] > .arrow::before { bottom: 0; border-width: 0.3rem 0.3rem 0; @@ -4264,10 +4382,10 @@ a.close.disabled { .bs-popover-right, .bs-popover-auto[x-placement^="right"] { margin-left: 0.3rem; } .bs-popover-right > .arrow, .bs-popover-auto[x-placement^="right"] > .arrow { - left: calc((0.3rem + 1px) * -1); + left: calc(-0.3rem - 1px); width: 0.3rem; height: 0.6rem; - margin: 0.375rem 0; } + margin: 0.25rem 0; } .bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^="right"] > .arrow::before { left: 0; border-width: 0.3rem 0.3rem 0.3rem 0; @@ -4280,7 +4398,7 @@ a.close.disabled { .bs-popover-bottom, .bs-popover-auto[x-placement^="bottom"] { margin-top: 0.3rem; } .bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^="bottom"] > .arrow { - top: calc((0.3rem + 1px) * -1); } + top: calc(-0.3rem - 1px); } .bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^="bottom"] > .arrow::before { top: 0; border-width: 0 0.3rem 0.3rem 0.3rem; @@ -4302,10 +4420,10 @@ a.close.disabled { .bs-popover-left, .bs-popover-auto[x-placement^="left"] { margin-right: 0.3rem; } .bs-popover-left > .arrow, .bs-popover-auto[x-placement^="left"] > .arrow { - right: calc((0.3rem + 1px) * -1); + right: calc(-0.3rem - 1px); width: 0.3rem; height: 0.6rem; - margin: 0.375rem 0; } + margin: 0.25rem 0; } .bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^="left"] > .arrow::before { right: 0; border-width: 0.3rem 0 0.3rem 0.3rem; @@ -4322,8 +4440,8 @@ a.close.disabled { color: #272833; background-color: #FFF; border-bottom: 1px solid #f2f2f2; - border-top-left-radius: calc(0.375rem - 1px); - border-top-right-radius: calc(0.375rem - 1px); } + border-top-left-radius: calc(0.25rem - 1px); + border-top-right-radius: calc(0.25rem - 1px); } .popover-header:empty { display: none; } @@ -4386,7 +4504,7 @@ a.close.disabled { .carousel-fade .active.carousel-item-right { z-index: 0; opacity: 0; - transition: 0s 0.6s opacity; } + transition: opacity 0s 0.6s; } @media (prefers-reduced-motion: reduce) { .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right { @@ -4432,10 +4550,10 @@ a.close.disabled { background: no-repeat 50% / 100% 100%; } .carousel-control-prev-icon { - background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23FFF' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e"); } + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23FFF' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e"); } .carousel-control-next-icon { - background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23FFF' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e"); } + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23FFF' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e"); } .carousel-indicators { position: absolute; @@ -4555,12 +4673,12 @@ button.bg-secondary:focus { background-color: #545462 !important; } .bg-success { - background-color: #287D3D !important; } + background-color: #287D3C !important; } a.bg-success:hover, a.bg-success:focus, button.bg-success:hover, button.bg-success:focus { - background-color: #1c562a !important; } + background-color: #1c5629 !important; } .bg-info { background-color: #2E5AAC !important; } @@ -4645,7 +4763,7 @@ button.bg-dark:focus { border-color: #6B6C7E !important; } .border-success { - border-color: #287D3D !important; } + border-color: #287D3C !important; } .border-info { border-color: #2E5AAC !important; } @@ -5334,6 +5452,7 @@ button.bg-dark:focus { width: 1px; height: 1px; padding: 0; + margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; @@ -7552,10 +7671,10 @@ a.text-secondary:hover, a.text-secondary:focus { color: #484955 !important; } .text-success { - color: #287D3D !important; } + color: #287D3C !important; } a.text-success:hover, a.text-success:focus { - color: #154321 !important; } + color: #154320 !important; } .text-info { color: #2E5AAC !important; } @@ -7754,7 +7873,11 @@ a.text-dark:hover, a.text-dark:focus { margin-bottom: 0; padding-left: 0; } .container .card-page, - .container-fluid .card-page { + .container-fluid .card-page, + .container-sm .card-page, + .container-md .card-page, + .container-lg .card-page, + .container-xl .card-page { margin-left: -12px; margin-right: -12px; } @@ -7779,6 +7902,22 @@ a.text-dark:hover, a.text-dark:focus { display: block; font-size: 0.875rem; word-wrap: break-word; } + .alert .alert-btn { + border-radius: 0.1875rem; + font-size: 0.875rem; + line-height: 1.15; + padding-bottom: 0.4375rem; + padding-left: 0.75rem; + padding-right: 0.75rem; + padding-top: 0.4375rem; } + .alert .alert-btn .c-inner { + margin-bottom: -0.4375rem; + margin-left: -0.75rem; + margin-right: -0.75rem; + margin-top: -0.4375rem; } + .alert .btn-group-item { + margin-bottom: 0.125rem; + margin-top: 0.125rem; } .alert .close { font-size: 0.875rem; height: 2rem; @@ -7790,6 +7929,11 @@ a.text-dark:hover, a.text-dark:focus { right: 0.5rem; top: 0.75rem; width: 2rem; } + .alert .close .c-inner { + margin-bottom: 0; + margin-left: 0; + margin-right: 0; + margin-top: 0; } .alert .lead { font-size: 0.875rem; font-weight: 600; @@ -7802,6 +7946,9 @@ a.text-dark:hover, a.text-dark:focus { font-size: 0.75rem; font-weight: 400; } +.alert-footer { + margin-top: 1.375rem; } + .alert-link, .alert-link.btn-unstyled { font-weight: 600; @@ -7825,11 +7972,19 @@ a.text-dark:hover, a.text-dark:focus { margin-bottom: 0; padding: 0; } .alert-fluid.alert-dismissible .container, - .alert-fluid.alert-dismissible .container-fluid { + .alert-fluid.alert-dismissible .container-fluid, + .alert-fluid.alert-dismissible .container-sm, + .alert-fluid.alert-dismissible .container-md, + .alert-fluid.alert-dismissible .container-lg, + .alert-fluid.alert-dismissible .container-xl { padding-right: calc(2.5rem + 12px); position: relative; } .alert-fluid .container, - .alert-fluid .container-fluid { + .alert-fluid .container-fluid, + .alert-fluid .container-sm, + .alert-fluid .container-md, + .alert-fluid .container-lg, + .alert-fluid .container-xl { padding: 1.09375rem 1rem; } .alert-fluid .close { right: calc(12px + 0.25rem); } @@ -7886,10 +8041,29 @@ a.text-dark:hover, a.text-dark:focus { .modal-body .alert-list .alert-fluid:last-child { margin-bottom: -1px; } +.alert-autofit-row { + margin-left: -0.25rem; + margin-right: -0.25rem; } + .alert-autofit-row > .autofit-col { + padding-left: 0.25rem; + padding-right: 0.25rem; } + .alert-primary { background-color: #f0f5ff; border-color: #80acff; color: #0B5FFF; } + .alert-primary .alert-btn { + background-color: #FFF; + border-color: #80acff; + color: #0B5FFF; } + .alert-primary .alert-btn:hover { + background-color: #0B5FFF; + border-color: #0B5FFF; + color: #FFF; } + .alert-primary .alert-btn:not([disabled]):not(.disabled):active, .alert-primary .alert-btn:not([disabled]):not(.disabled).active, + .show > .alert-primary .alert-btn.dropdown-toggle { + background-color: #0053f1; + border-color: #0053f1; } .alert-primary .close { color: #0B5FFF; } .alert-primary .close:hover, .alert-primary .close:focus { @@ -7903,6 +8077,18 @@ a.text-dark:hover, a.text-dark:focus { background-color: #e7e7ed; border-color: #a7a9bc; color: #6B6C7E; } + .alert-secondary .alert-btn { + background-color: #FFF; + border-color: #a7a9bc; + color: #6B6C7E; } + .alert-secondary .alert-btn:hover { + background-color: #6B6C7E; + border-color: #6B6C7E; + color: #FFF; } + .alert-secondary .alert-btn:not([disabled]):not(.disabled):active, .alert-secondary .alert-btn:not([disabled]):not(.disabled).active, + .show > .alert-secondary .alert-btn.dropdown-toggle { + background-color: #5f6070; + border-color: #5f6070; } .alert-secondary .close { color: #6B6C7E; } .alert-secondary .close:hover, .alert-secondary .close:focus { @@ -7914,21 +8100,45 @@ a.text-dark:hover, a.text-dark:focus { .alert-success { background-color: #edf9f0; - border-color: #5aca76; - color: #287D3D; } + border-color: #5aca75; + color: #287D3C; } + .alert-success .alert-btn { + background-color: #FFF; + border-color: #5aca75; + color: #287D3C; } + .alert-success .alert-btn:hover { + background-color: #287D3C; + border-color: #287D3C; + color: #FFF; } + .alert-success .alert-btn:not([disabled]):not(.disabled):active, .alert-success .alert-btn:not([disabled]):not(.disabled).active, + .show > .alert-success .alert-btn.dropdown-toggle { + background-color: #226a33; + border-color: #226a33; } .alert-success .close { - color: #287D3D; } + color: #287D3C; } .alert-success .close:hover, .alert-success .close:focus { - color: #287D3D; } + color: #287D3C; } .alert-success .alert-link { color: #0B5FFF; } .alert-success .lead { - color: #287D3D; } + color: #287D3C; } .alert-info { background-color: #eef2fa; border-color: #89a7e0; color: #2E5AAC; } + .alert-info .alert-btn { + background-color: #FFF; + border-color: #89a7e0; + color: #2E5AAC; } + .alert-info .alert-btn:hover { + background-color: #2E5AAC; + border-color: #2E5AAC; + color: #FFF; } + .alert-info .alert-btn:not([disabled]):not(.disabled):active, .alert-info .alert-btn:not([disabled]):not(.disabled).active, + .show > .alert-info .alert-btn.dropdown-toggle { + background-color: #294f98; + border-color: #294f98; } .alert-info .close { color: #2E5AAC; } .alert-info .close:hover, .alert-info .close:focus { @@ -7942,6 +8152,18 @@ a.text-dark:hover, a.text-dark:focus { background-color: #fff4ec; border-color: #ff8f39; color: #B95000; } + .alert-warning .alert-btn { + background-color: #FFF; + border-color: #ff8f39; + color: #B95000; } + .alert-warning .alert-btn:hover { + background-color: #B95000; + border-color: #B95000; + color: #FFF; } + .alert-warning .alert-btn:not([disabled]):not(.disabled):active, .alert-warning .alert-btn:not([disabled]):not(.disabled).active, + .show > .alert-warning .alert-btn.dropdown-toggle { + background-color: #a04500; + border-color: #a04500; } .alert-warning .close { color: #B95000; } .alert-warning .close:hover, .alert-warning .close:focus { @@ -7955,6 +8177,18 @@ a.text-dark:hover, a.text-dark:focus { background-color: #feefef; border-color: #f48989; color: #DA1414; } + .alert-danger .alert-btn { + background-color: #FFF; + border-color: #f48989; + color: #DA1414; } + .alert-danger .alert-btn:hover { + background-color: #DA1414; + border-color: #DA1414; + color: #FFF; } + .alert-danger .alert-btn:not([disabled]):not(.disabled):active, .alert-danger .alert-btn:not([disabled]):not(.disabled).active, + .show > .alert-danger .alert-btn.dropdown-toggle { + background-color: #c31212; + border-color: #c31212; } .alert-danger .close { color: #DA1414; } .alert-danger .close:hover, .alert-danger .close:focus { @@ -7968,7 +8202,19 @@ a.text-dark:hover, a.text-dark:focus { background-color: white; border-color: #f7f8f9; color: #272833; } - .alert-light .close { + .alert-light .alert-btn { + background-color: #FFF; + border-color: #30313f; + color: #272833; } + .alert-light .alert-btn:hover { + background-color: #272833; + border-color: #272833; + color: #FFF; } + .alert-light .alert-btn:not([disabled]):not(.disabled):active, .alert-light .alert-btn:not([disabled]):not(.disabled).active, + .show > .alert-light .alert-btn.dropdown-toggle { + background-color: #1c1d25; + border-color: #1c1d25; } + .alert-light .close { color: #272833; } .alert-light .close:hover, .alert-light .close:focus { color: #272833; } @@ -7981,6 +8227,18 @@ a.text-dark:hover, a.text-dark:focus { background-color: #393a4a; border-color: #30313f; color: #F1F2F5; } + .alert-dark .alert-btn { + background-color: #FFF; + border-color: #30313f; + color: #272833; } + .alert-dark .alert-btn:hover { + background-color: #272833; + border-color: #272833; + color: #FFF; } + .alert-dark .alert-btn:not([disabled]):not(.disabled):active, .alert-dark .alert-btn:not([disabled]):not(.disabled).active, + .show > .alert-dark .alert-btn.dropdown-toggle { + background-color: #1c1d25; + border-color: #1c1d25; } .alert-dark .close { color: #F1F2F5; } .alert-dark .close:hover, .alert-dark .close:focus { @@ -8020,6 +8278,13 @@ a.text-dark:hover, a.text-dark:focus { max-height: none; position: absolute; } +.aspect-ratio-item-top-left { + position: absolute; + bottom: auto; + left: 0; + right: auto; + top: 0; } + .aspect-ratio-item-top-center { position: absolute; bottom: auto; @@ -8172,9 +8437,10 @@ a.text-dark:hover, a.text-dark:focus { opacity: 1; width: auto; } .badge-item .close:hover { - color: inherit; + color: inherit; } + .badge-item .close:not(:disabled):not(.disabled):hover { opacity: 1; } - .badge-item .close:focus { + .badge-item .close:not(:disabled):not(.disabled):focus { opacity: 1; } .badge-item .lexicon-icon { height: 0.875em; @@ -8195,6 +8461,10 @@ a.text-dark:hover, a.text-dark:focus { .badge-item-after { margin-left: 0.85714em; } +.badge > .c-inner { + margin: -0.09375rem -0.25rem; + max-width: none; } + .badge-primary { background-color: #0B5FFF; color: #FFF; } @@ -8212,10 +8482,10 @@ a.text-dark:hover, a.text-dark:focus { color: #272833; } .badge-success { - background-color: #287D3D; + background-color: #287D3C; color: #FFF; } .badge-success[href]:hover, .badge-success[href]:focus { - background-color: #287D3D; + background-color: #287D3C; color: #FFF; } .badge-info { @@ -8441,6 +8711,43 @@ a.text-dark:hover, a.text-dark:focus { .btn-monospaced.btn .lexicon-icon { margin-top: 0; } +.btn .c-inner { + margin: -0.4375rem -0.9375rem; } + @media (max-width: 767.98px) { + .btn .c-inner { } } + +.btn-unstyled .c-inner { + margin: 0; + max-width: none; } + +.btn-monospaced .c-inner { + align-items: center; + display: flex; + flex-direction: column; + height: calc(100% + 0.5rem); + justify-content: center; + margin: -0.25rem 0; + padding: 0; + width: 100%; } + +.btn-sm .c-inner, .btn-group-sm > .btn .c-inner, .btn-group-sm .btn-group > .btn .c-inner { + margin: -0.4375rem -0.75rem; } + @media (max-width: 767.98px) { + .btn-sm .c-inner, .btn-group-sm > .btn .c-inner, .btn-group-sm .btn-group > .btn .c-inner { } } + +.btn-sm.btn-monospaced .c-inner, .btn-group-sm > .btn-monospaced.btn .c-inner, .btn-group-sm .btn-group > .btn-monospaced.btn .c-inner { + height: calc(100% + 0.375rem); + margin: -0.1875rem 0; } + +.btn-lg .c-inner, .btn-group-lg > .btn .c-inner, .btn-group-lg .btn-group > .btn .c-inner { + margin: -0.59375rem -1.5rem; } + @media (max-width: 767.98px) { + .btn-lg .c-inner, .btn-group-lg > .btn .c-inner, .btn-group-lg .btn-group > .btn .c-inner { } } + +.btn-lg.btn-monospaced .c-inner, .btn-group-lg > .btn-monospaced.btn .c-inner, .btn-group-lg .btn-group > .btn-monospaced.btn .c-inner { + height: calc(100% + 0.75rem); + margin: -0.375rem 0; } + .btn-primary:hover { background-color: #0053f0; border-color: transparent; } @@ -8499,20 +8806,20 @@ a.text-dark:hover, a.text-dark:focus { color: #272833; } .btn-success:hover { - background-color: #226933; + background-color: #226a33; border-color: transparent; } .btn-success:focus, .btn-success.focus { - background-color: #226933; + background-color: #226a33; border-color: transparent; box-shadow: 0 0 0 0.125rem #FFF, 0 0 0 0.25rem #80acff; } .btn-success:disabled, .btn-success.disabled { - background-color: #287D3D; } + background-color: #287D3C; } .btn-success:not([disabled]):not(.disabled):active, .btn-success:not([disabled]):not(.disabled).active, .show > .btn-success.dropdown-toggle { - background-color: #1c562a; + background-color: #1c5629; border-color: transparent; box-shadow: none; } .btn-success:not([disabled]):not(.disabled):active:focus, .btn-success:not([disabled]):not(.disabled).active:focus, @@ -8520,16 +8827,16 @@ a.text-dark:hover, a.text-dark:focus { box-shadow: 0 0 0 0.125rem #FFF, 0 0 0 0.25rem #80acff; } .form-file-input:focus + .btn-success { - background-color: #226933; + background-color: #226a33; border-color: transparent; box-shadow: 0 0 0 0.125rem #FFF, 0 0 0 0.25rem #80acff; } .btn-info:hover { - background-color: #294f97; + background-color: #294f98; border-color: transparent; } .btn-info:focus, .btn-info.focus { - background-color: #294f97; + background-color: #294f98; border-color: transparent; box-shadow: 0 0 0 0.125rem #FFF, 0 0 0 0.25rem #80acff; } @@ -8572,11 +8879,11 @@ a.text-dark:hover, a.text-dark:focus { box-shadow: 0 0 0 0.125rem #FFF, 0 0 0 0.25rem #80acff; } .btn-danger:hover { - background-color: #c21212; + background-color: #c31212; border-color: transparent; } .btn-danger:focus, .btn-danger.focus { - background-color: #c21212; + background-color: #c31212; border-color: transparent; box-shadow: 0 0 0 0.125rem #FFF, 0 0 0 0.25rem #80acff; } @@ -8593,7 +8900,7 @@ a.text-dark:hover, a.text-dark:focus { box-shadow: 0 0 0 0.125rem #FFF, 0 0 0 0.25rem #80acff; } .form-file-input:focus + .btn-danger { - background-color: #c21212; + background-color: #c31212; border-color: transparent; box-shadow: 0 0 0 0.125rem #FFF, 0 0 0 0.25rem #80acff; } @@ -8695,10 +9002,10 @@ a.text-dark:hover, a.text-dark:focus { box-shadow: 0 0 0 0.125rem #FFF, 0 0 0 0.25rem #80acff; } .btn-outline-success:hover { - background-color: #226933; } + background-color: #226a33; } .btn-outline-success:focus, .btn-outline-success.focus { - background-color: #226933; + background-color: #226a33; box-shadow: 0 0 0 0.125rem #FFF, 0 0 0 0.25rem #80acff; color: #FFF; } @@ -8707,17 +9014,17 @@ a.text-dark:hover, a.text-dark:focus { .btn-outline-success:not([disabled]):not(.disabled):active, .btn-outline-success:not([disabled]):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { - background-color: #1c562a; + background-color: #1c5629; box-shadow: none; } .btn-outline-success:not([disabled]):not(.disabled):active:focus, .btn-outline-success:not([disabled]):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { box-shadow: 0 0 0 0.125rem #FFF, 0 0 0 0.25rem #80acff; } .btn-outline-info:hover { - background-color: #294f97; } + background-color: #294f98; } .btn-outline-info:focus, .btn-outline-info.focus { - background-color: #294f97; + background-color: #294f98; box-shadow: 0 0 0 0.125rem #FFF, 0 0 0 0.25rem #80acff; color: #FFF; } @@ -8752,10 +9059,10 @@ a.text-dark:hover, a.text-dark:focus { box-shadow: 0 0 0 0.125rem #FFF, 0 0 0 0.25rem #80acff; } .btn-outline-danger:hover { - background-color: #c21212; } + background-color: #c31212; } .btn-outline-danger:focus, .btn-outline-danger.focus { - background-color: #c21212; + background-color: #c31212; box-shadow: 0 0 0 0.125rem #FFF, 0 0 0 0.25rem #80acff; color: #FFF; } @@ -8861,6 +9168,12 @@ a.text-dark:hover, a.text-dark:focus { .label a:hover, .label a:focus { color: inherit; text-decoration: underline; } + .label > .c-inner { + margin-bottom: -0.125rem; + margin-left: -0.25rem; + margin-right: -0.25rem; + margin-top: -0.125rem; + max-width: none; } .label .inline-item a { align-items: center; display: inline-flex; @@ -8979,6 +9292,11 @@ button.label { height: 0.875rem; line-height: 0.875rem; width: 0.875rem; } + .label-lg > .c-inner { + margin-bottom: -0.3125rem; + margin-left: -0.5rem; + margin-right: -0.5rem; + margin-top: -0.3125rem; } .label-primary { background-color: #FFF; @@ -9032,28 +9350,28 @@ button.label { .label-success { background-color: #FFF; - border-color: #5aca76; - color: #287D3D; } + border-color: #5aca75; + color: #287D3C; } a.label-success:hover, button.label-success:hover { - border-color: #5aca76; - color: #1c562a; } + border-color: #5aca75; + color: #1c5629; } a.label-success:focus, button.label-success:focus { - color: #1c562a; } + color: #1c5629; } .label-success[tabindex]:hover { - border-color: #5aca76; - color: #1c562a; } + border-color: #5aca75; + color: #1c5629; } .label-success[tabindex]:focus { - color: #1c562a; } + color: #1c5629; } .label-success a:hover, .label-success a:focus, .label-success .btn-unstyled:hover, .label-success .btn-unstyled:focus { - color: #1c562a; } + color: #1c5629; } .label-success .close:hover { - color: #1c562a; } + color: #1c5629; } .label-success .close:focus { - color: #1c562a; } + color: #1c5629; } .label-info { background-color: #FFF; @@ -9334,7 +9652,7 @@ button.label { .sticker-success { background-color: #FFF; - color: #287D3D; } + color: #287D3C; } .sticker-info { background-color: #FFF; @@ -9377,6 +9695,38 @@ button.label { .card-horizontal .autofit-col:last-child { border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } + .card .aspect-ratio .label, + .card-horizontal .aspect-ratio .label { + display: block; + margin-bottom: 0.5rem; + margin-left: 0; + margin-right: 0; + margin-top: 0.5rem; } + .card .aspect-ratio-item-top-left, + .card-horizontal .aspect-ratio-item-top-left { + left: 1rem; + top: 1rem; } + .card .aspect-ratio-item-top-center, + .card-horizontal .aspect-ratio-item-top-center { + top: 1rem; } + .card .aspect-ratio-item-top-right, + .card-horizontal .aspect-ratio-item-top-right { + right: 1rem; + top: 1rem; } + .card .aspect-ratio-item-right-middle, + .card-horizontal .aspect-ratio-item-right-middle { + right: 1rem; } + .card .aspect-ratio-item-bottom-right, + .card-horizontal .aspect-ratio-item-bottom-right { + bottom: 1rem; + right: 1rem; } + .card .aspect-ratio-item-bottom-center, + .card-horizontal .aspect-ratio-item-bottom-center { + bottom: 1rem; } + .card .aspect-ratio-item-bottom-left, + .card-horizontal .aspect-ratio-item-bottom-left { + bottom: 1rem; + left: 1rem; } .card-body { padding-bottom: 1rem; @@ -9879,6 +10229,23 @@ button.label { .file-card .card-type-asset-icon { color: #CDCED9; } +.product-card .aspect-ratio { + background-color: #FFF; + background-image: linear-gradient(0deg, #EBEBEB, #EBEBEB); } + +.product-card .card-body { + text-align: center; } + +.product-card .card-title { + font-size: 1rem; } + +.product-card .card-subtitle { + font-size: 0.75rem; } + +.product-card .card-text { + font-size: 1.125rem; + font-weight: 600; } + .user-card .card-type-asset-icon { max-width: 80px; min-width: 48px; @@ -9963,7 +10330,7 @@ button.label { margin-top: 0; } .dropdown-subheader { - color: #6B6C7E; + color: #272833; font-size: 0.75rem; font-weight: 600; margin-top: 0.625rem; @@ -9986,6 +10353,7 @@ button.label { .dropdown-item { border-radius: 0; + display: block; font-size: inherit; overflow: hidden; padding-bottom: 0.5rem; @@ -10014,16 +10382,35 @@ button.label { font-weight: 600; } .dropdown-item.active .custom-control-label { font-weight: 600; } + .dropdown-item.active .c-kbd-inline { + color: #272833; } .dropdown-item.btn:not([disabled]):not(.disabled):active:focus, .dropdown-item.btn:not([disabled]):not(.disabled).active:focus { box-shadow: inset 0 0 0 0.125rem #80acff, inset 0 0 0 0.25rem #FFF; } .dropdown-item:disabled, .dropdown-item.disabled { + box-shadow: none; color: #A7A9BC; cursor: not-allowed; - opacity: 1; } + opacity: 1; + outline: 0; + pointer-events: auto; } .dropdown-item:disabled label, .dropdown-item:disabled .form-check-label, .dropdown-item.disabled label, .dropdown-item.disabled .form-check-label { color: #A7A9BC; } + .dropdown-item:disabled .c-kbd-inline, .dropdown-item.disabled .c-kbd-inline { + color: #A7A9BC; } + .dropdown-item:disabled:active, .dropdown-item.disabled:active { + pointer-events: none; } + .dropdown-item .c-inner { + flex-grow: 1; + margin-bottom: -0.5rem; + margin-left: -1.25rem; + margin-right: -1.25rem; + margin-top: -0.5rem; + width: auto; } + .dropdown-item .c-kbd-inline { + color: #A7A9BC; + line-height: 1.3125rem; } .dropdown-item .form-check { margin-bottom: 0; } .dropdown-item .custom-control { @@ -10035,6 +10422,14 @@ button.label { padding: 0.5rem 1.25rem; } .dropdown-section .form-group + .form-group { margin-top: 1rem; } + .dropdown-section .custom-control { + margin-bottom: 0; } + .dropdown-section .custom-control-label { + color: #6B6C7E; } + .dropdown-section .custom-control-label-text { + padding-left: 1rem; } + .dropdown-section.active .custom-control-label { + color: #272833; } .dropdown-menu { font-size: 0.875rem; @@ -10123,6 +10518,9 @@ button.label { .dropdown-menu-indicator-start .dropdown-item { padding-left: 3.25rem; } +.dropdown-menu-indicator-start .dropdown-item .c-inner { + margin-left: -3.25rem; } + .dropdown-menu-indicator-end .dropdown-item-indicator { position: absolute; right: 1.25rem; @@ -10136,6 +10534,8 @@ button.label { .dropdown-menu-indicator-end .dropdown-item { padding-right: 3.25rem; } + .dropdown-menu-indicator-end .dropdown-item .c-inner { + margin-right: -3.25rem; } .dropdown-menu-top { bottom: 100% !important; @@ -10357,6 +10757,17 @@ label { color: #B95000; font-size: 6px; } +.form-control-label { + display: inline; + margin-bottom: 0; } + +.form-control-label-text { + cursor: pointer; + display: inline-block; + margin-bottom: 0.25rem; + max-width: 100%; + word-wrap: break-word; } + .form-control { background-clip: border-box; border-color: #E7E7ED; @@ -10421,6 +10832,11 @@ label { height: 0.875rem; line-height: 0.875rem; width: 0.875rem; } + .form-control .label > .c-inner { + margin-bottom: -0.3125rem; + margin-left: -0.5rem; + margin-right: -0.5rem; + margin-top: -0.3125rem; } .form-control-plaintext { background-clip: border-box; @@ -10482,6 +10898,11 @@ div.form-control-sm { padding-left: 0.75rem; padding-right: 0.75rem; padding-top: 0; } + .form-control-tag-group .btn .c-inner { + margin-bottom: 0; + margin-left: -0.75rem; + margin-right: -0.75rem; + margin-top: 0; } .form-control-tag-group .btn-monospaced, .form-control-tag-group .component-action { height: 1.5rem; @@ -10491,6 +10912,10 @@ div.form-control-sm { padding-left: 0; padding-right: 0; width: 1.5rem; } + .form-control-tag-group .btn-monospaced .c-inner, + .form-control-tag-group .component-action .c-inner { + margin-left: 0; + margin-right: 0; } .form-control-inset { background-color: transparent; @@ -10590,7 +11015,8 @@ fieldset[disabled] .form-control, .form-control[disabled] { cursor: not-allowed; } .form-control[readonly] { - background-color: #FFF; } + background-color: #FFF; + border-color: #E7E7ED; } .form-control[readonly]:focus, .form-control[readonly].focus { box-shadow: none; } @@ -10755,9 +11181,9 @@ button.link-outline { align-items: center; background-color: transparent; border-color: transparent; - border-radius: 0.25rem; border-style: solid; border-width: 1px; + border-radius: 0.25rem; display: inline-flex; font-size: 0.875rem; font-weight: 600; @@ -10771,7 +11197,11 @@ button.link-outline { vertical-align: middle; } .link-outline:hover { text-decoration: none; } - .link-outline .inline-item .lexicon-icon, + .link-outline > .c-inner { + margin-bottom: -0.4375rem; + margin-left: -0.75rem; + margin-right: -0.75rem; + margin-top: -0.4375rem; } .link-outline .lexicon-icon { margin-top: 0; } @@ -10832,18 +11262,24 @@ button.link-outline { .link-outline-borderless { border-color: transparent; } -.link-monospaced, .component-action { +.link-monospaced { align-items: center; display: inline-flex; height: 2rem; justify-content: center; overflow: hidden; - padding: 0; + padding-bottom: 0; + padding-left: 0; + padding-right: 0; + padding-top: 0; vertical-align: middle; width: 2rem; } - .link-monospaced .inline-item .lexicon-icon, .component-action .inline-item .lexicon-icon, - .link-monospaced .lexicon-icon, - .component-action .lexicon-icon { + .link-monospaced > .c-inner { + margin-bottom: 0; + margin-left: 0; + margin-right: 0; + margin-top: 0; } + .link-monospaced .lexicon-icon { margin-top: 0; } .component-title { @@ -10881,12 +11317,21 @@ button.link-outline { outline: 0; } .component-action { + align-items: center; background-color: transparent; border-color: transparent; + border-width: 0; border-radius: 0.25rem; color: #6B6C7E; + display: inline-flex; font-size: 1rem; - transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } + height: 2rem; + justify-content: center; + overflow: hidden; + padding: 0; + transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + vertical-align: middle; + width: 2rem; } .component-action:hover { background-color: rgba(39, 40, 51, 0.03); color: #272833; } @@ -10910,6 +11355,8 @@ button.link-outline { color: #6B6C7E; cursor: not-allowed; opacity: 0.4; } + .component-action .lexicon-icon { + margin-top: 0; } .clay-range { padding-bottom: 0.1px; } @@ -11151,6 +11598,11 @@ button.link-outline { padding-right: 0; padding-top: 0; width: 1.5rem; } + .clay-color-btn .c-inner { + margin-bottom: 0; + margin-left: 0; + margin-right: 0; + margin-top: 0; } .clay-color-btn-bordered { border-color: #E7E7ED; } @@ -11175,6 +11627,11 @@ button.link-outline { .clay-color-pointer:not([disabled]):not(.disabled):active:focus, .clay-color-pointer:not([disabled]):not(.disabled).active:focus, .show > .clay-color-pointer.dropdown-toggle:focus { box-shadow: 0 0 0 0.125rem #80acff; } + .clay-color-pointer .c-inner { + margin-bottom: 0; + margin-left: 0; + margin-right: 0; + margin-top: 0; } .clay-color-header { display: flex; @@ -11275,13 +11732,18 @@ button.link-outline { .custom-control { margin-bottom: 0.5rem; - min-height: 1.5625rem; } + min-height: 1.5625rem; + text-align: left; } + .custom-control:only-child { + margin-bottom: 0; } .custom-control label { cursor: pointer; font-size: 1rem; } .custom-control-label { + cursor: pointer; font-size: 0.875rem; + font-weight: 400; line-height: 1.5625rem; position: static; } @@ -11294,6 +11756,9 @@ label.custom-control-label { .custom-control-label-text .small { font-size: 100%; } +.custom-control-primary .custom-control-label-text { + font-weight: 600; } + .custom-control-label::before { border-color: #CDCED9; border-style: solid; @@ -11393,6 +11858,11 @@ label.custom-control-label { .clay-time .btn:not([disabled]):not(.disabled):active:focus, .clay-time .btn:not([disabled]):not(.disabled).active:focus, .show > .clay-time .btn.dropdown-toggle:focus { box-shadow: 0 0 0 1px #80ACFF; } + .clay-time .btn .c-inner { + margin-bottom: 0; + margin-left: 0; + margin-right: 0; + margin-top: 0; } .clay-time .btn .lexicon-icon { margin-top: 0; } @@ -11470,6 +11940,11 @@ label.custom-control-label { padding-right: 2px; padding-top: 2px; width: auto; } + .clay-time-inner-spin .btn .c-inner { + margin-bottom: -2px; + margin-left: -2px; + margin-right: -2px; + margin-top: -2px; } .date-picker .input-group-text { background-color: transparent; @@ -11610,6 +12085,11 @@ label.custom-control-label { cursor: pointer; } .date-picker-calendar-item:disabled, .date-picker-calendar-item.disabled { cursor: not-allowed; } + .date-picker-calendar-item .c-inner { + margin-bottom: 0; + margin-left: 0; + margin-right: 0; + margin-top: 0; } .date-picker-row { display: flex; @@ -11683,7 +12163,7 @@ label.custom-control-label { .was-validated .form-control:valid, .was-validated .form-control.is-valid { background-color: #edf9f0; - border-color: #5aca76; + border-color: #5aca75; box-shadow: 0 0 rgba(0, 0, 0, 0); color: #272833; } .was-validated .form-control:valid:focus, @@ -11712,6 +12192,12 @@ label.custom-control-label { .has-error .form-control:focus { box-shadow: 0 0 0 0.125rem #FFF, 0 0 0 0.25rem #80acff; } +.has-error .form-control[readonly] { + background-color: #FFF; + border-color: #E7E7ED; } + .has-error .form-control[readonly]:focus, .has-error .form-control[readonly].focus { + border-color: #80acff; } + .has-error .form-feedback-item { color: #DA1414; } @@ -11748,6 +12234,12 @@ label.custom-control-label { .has-warning .form-control:focus { box-shadow: 0 0 0 0.125rem #FFF, 0 0 0 0.25rem #80acff; } +.has-warning .form-control[readonly] { + background-color: #FFF; + border-color: #E7E7ED; } + .has-warning .form-control[readonly]:focus, .has-warning .form-control[readonly].focus { + border-color: #80acff; } + .has-warning .form-feedback-item { color: #B95000; } @@ -11774,38 +12266,44 @@ label.custom-control-label { .has-success .custom-control-label, .has-success .form-check-label { - color: #287D3D; } + color: #287D3C; } .has-success .form-control { background-color: #edf9f0; - border-color: #5aca76; + border-color: #5aca75; box-shadow: 0 0 rgba(0, 0, 0, 0); color: #272833; } .has-success .form-control:focus { box-shadow: 0 0 0 0.125rem #FFF, 0 0 0 0.25rem #80acff; } +.has-success .form-control[readonly] { + background-color: #FFF; + border-color: #E7E7ED; } + .has-success .form-control[readonly]:focus, .has-success .form-control[readonly].focus { + border-color: #80acff; } + .has-success .form-feedback-item { - color: #287D3D; } + color: #287D3C; } .has-success select.form-control:not([multiple]):not([size]) { - background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3E%3Cpath%20class='lexicon-icon-outline%20caret-double-l-top'%20d='M347.913%20199.336l-81.538-85c-5.413-5.642-14.188-5.642-19.6%200l-81.538%2085c-8.731%209.101-2.548%2024.664%209.8%2024.664h163.077c12.348%200%2018.531-15.563%209.8-24.664z'%20fill='%235aca76'/%3E%3Cpath%20class='lexicon-icon-outline%20caret-double-l-bottom'%20d='M165.236%20312.664l81.538%2085c5.412%205.642%2014.188%205.642%2019.6%200l81.538-85c8.731-9.101%202.548-24.664-9.8-24.664H175.035c-12.347%200-18.531%2015.563-9.8%2024.664z'%20fill='%235aca76'/%3E%3C/svg%3E"); } + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3E%3Cpath%20class='lexicon-icon-outline%20caret-double-l-top'%20d='M347.913%20199.336l-81.538-85c-5.413-5.642-14.188-5.642-19.6%200l-81.538%2085c-8.731%209.101-2.548%2024.664%209.8%2024.664h163.077c12.348%200%2018.531-15.563%209.8-24.664z'%20fill='%235aca75'/%3E%3Cpath%20class='lexicon-icon-outline%20caret-double-l-bottom'%20d='M165.236%20312.664l81.538%2085c5.412%205.642%2014.188%205.642%2019.6%200l81.538-85c8.731-9.101%202.548-24.664-9.8-24.664H175.035c-12.347%200-18.531%2015.563-9.8%2024.664z'%20fill='%235aca75'/%3E%3C/svg%3E"); } .has-success .input-group-item.focus { box-shadow: 0 0 0 0.125rem #FFF, 0 0 0 0.25rem #80acff; } .has-success .input-group-item.focus .form-control, .has-success .input-group-item.focus .input-group-inset-item { background-color: #edf9f0; - border-color: #5aca76; } + border-color: #5aca75; } .has-success .input-group-item .input-group-inset:focus { box-shadow: none; } .has-success .input-group-item .input-group-inset:focus ~ .input-group-inset-item { background-color: #edf9f0; - border-color: #5aca76; } + border-color: #5aca75; } .has-success .input-group-inset-item { background-color: #edf9f0; - border-color: #5aca76; + border-color: #5aca75; box-shadow: 0 0 rgba(0, 0, 0, 0); } .lexicon-icon { @@ -11831,8 +12329,12 @@ label.custom-control-label { .order-arrow-up-active .order-arrow-arrow-up { fill: #A7A9BC; } -a.collapse-icon { +a.collapse-icon, +button.collapse-icon { padding-right: 2.28125rem; } + a.collapse-icon .c-inner, + button.collapse-icon .c-inner { + margin-right: -2.28125rem; } .collapse-icon-closed .lexicon-icon, .collapse-icon-open .lexicon-icon { @@ -12028,6 +12530,7 @@ a.collapse-icon { padding-right: 5px; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } .input-group-inset-item .btn { + display: block; height: 75%; line-height: 1; margin-left: 0.125rem; @@ -12036,6 +12539,17 @@ a.collapse-icon { padding-left: 0.5rem; padding-right: 0.5rem; padding-top: 0; } + .input-group-inset-item .btn .c-inner { + align-items: center; + display: flex; + height: 100%; + justify-content: center; + margin-bottom: 0; + margin-left: -0.5rem; + margin-right: -0.5rem; + margin-top: 0; } + .input-group-inset-item .btn .c-inner .lexicon-icon { + margin-top: 0; } .input-group-inset-item .form-file { height: 75%; } .input-group-inset-item .form-file .btn { @@ -12100,6 +12614,11 @@ a.collapse-icon { padding-right: 0; padding-top: 0.375rem; width: 3rem; } + .input-group-lg .input-group-item .btn-monospaced .c-inner { + margin-bottom: -0.375rem; + margin-left: 0; + margin-right: 0; + margin-top: -0.375rem; } .input-group-lg .input-group-item .form-control, .input-group-lg .input-group-item .form-file .btn { @@ -12134,6 +12653,11 @@ a.collapse-icon { padding-left: 0.75rem; padding-right: 0.75rem; padding-top: 0; } + .input-group-lg .input-group-inset-item .form-file .btn .c-inner { + margin-bottom: 0; + margin-left: -0.75rem; + margin-right: -0.75rem; + margin-top: 0; } .input-group-sm .input-group-item .btn, .form-group-sm .input-group .input-group-item .btn { font-size: 0.875rem; } @@ -12148,6 +12672,11 @@ a.collapse-icon { padding-right: 0; padding-top: 0.1875rem; width: 2rem; } + .input-group-sm .input-group-item .btn-monospaced .c-inner, .form-group-sm .input-group .input-group-item .btn-monospaced .c-inner { + margin-bottom: -0.1875rem; + margin-left: 0; + margin-right: 0; + margin-top: -0.1875rem; } .input-group-sm .input-group-item .form-control, .form-group-sm .input-group .input-group-item .form-control, .input-group-sm .input-group-item .form-file .btn, @@ -12180,6 +12709,11 @@ a.collapse-icon { padding-left: 0.5rem; padding-right: 0.5rem; padding-top: 0; } + .input-group-sm .input-group-inset-item .btn .c-inner, .form-group-sm .input-group .input-group-inset-item .btn .c-inner { + margin-bottom: 0; + margin-left: -0.5rem; + margin-right: -0.5rem; + margin-top: 0; } .input-group-sm .input-group-inset-item .form-file, .form-group-sm .input-group .input-group-inset-item .form-file { height: 75%; } @@ -12190,6 +12724,11 @@ a.collapse-icon { padding-left: 0.5rem; padding-right: 0.5rem; padding-top: 0; } + .input-group-sm .input-group-inset-item .form-file .btn .c-inner, .form-group-sm .input-group .input-group-inset-item .form-file .btn .c-inner { + margin-bottom: 0; + margin-left: -0.5rem; + margin-right: -0.5rem; + margin-top: 0; } .input-group-password .form-control[type="text"] ~ .input-group-inset-item .input-password-label { display: none; } @@ -12340,8 +12879,15 @@ a.collapse-icon { .list-group-item-flex { display: flex; + margin-bottom: -1px; padding-left: 0.5rem; padding-right: 0.5rem; } + .list-group-item-flex:last-child { + margin-bottom: 0; } + .list-group-item-flex + .list-group-item-flex { + border-top-width: 1px; } + .list-group-item-flex + .list-group-item-flex.active { + margin-top: 0; } .list-group-item-flex .autofit-col { justify-content: flex-start; padding-left: 0.5rem; @@ -12373,6 +12919,10 @@ a.collapse-icon { .list-group-item-flex .autofit-col .quick-action-item { margin-top: 0.0625rem; } +.list-group-item-action .c-inner { + margin: -1rem -1rem; + width: auto; } + .list-group-item-action:focus { z-index: 1; } @@ -12428,6 +12978,9 @@ a.collapse-icon { background-color: #f0f5ff; box-shadow: inset 0.0625rem 0 #E7E7ED, inset -0.0625rem 0 #E7E7ED, inset 0 0.0625rem #E7E7ED, inset 0 -0.0625rem #E7E7ED; } +.list-group-notification .list-group-item-flex.active { + border-top-width: 0; } + .list-group-notification .list-group-item-primary { background-color: #FFF; border-bottom-left-radius: 0; @@ -12479,28 +13032,52 @@ a.collapse-icon { .modal-footer { flex-shrink: 0; flex-wrap: wrap; + justify-content: flex-start; padding-bottom: 0.75rem; padding-top: 0.75rem; } -.modal-item-first, -.modal-item, -.modal-item-last { - padding-bottom: 0.25rem; - padding-top: 0.25rem; } - -.modal-item-first { - margin-right: auto; } +.modal-item-group { + align-items: center; + display: flex; + flex-wrap: wrap; + min-width: 3rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + width: 100%; } + .modal-item-group:first-child, .modal-item-group.modal-item-group-first { + padding-left: 0; } + .modal-item-group:last-child, .modal-item-group.modal-item-group-last { + padding-right: 0; } + .modal-item-group:only-child, .modal-item-group.modal-item-group-only { + padding-left: 0; + padding-right: 0; } .modal-item { - flex-grow: 1; } + display: flex; + flex-direction: column; + flex-grow: 1; + flex-shrink: 1; + max-width: 100%; + min-height: 0; + min-width: 3.125rem; + padding: 0; + position: relative; + overflow-wrap: break-word; + word-wrap: break-word; } -.modal-footer > .modal-item-first { - margin-right: auto; } +.modal-item-shrink { + flex-grow: 0; } + +.modal-item-last { + margin-left: auto; } + +.modal-footer > .modal-item-last { + margin-left: auto; } .modal-title { + flex-grow: 1; font-size: 1.25rem; font-weight: 700; - flex-grow: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } @@ -12512,6 +13089,14 @@ a.collapse-icon { margin-top: -0.2em; vertical-align: middle; } +.modal-subtitle { + display: inline-block; } + +.modal-subtitle-divider { + display: inline-block; + margin-left: 0.25rem; + margin-right: 0.25rem; } + .modal .close:first-child { margin-left: -0.3125rem; } @@ -12627,10 +13212,10 @@ a.collapse-icon { top: 1.75rem; } } .modal-success .btn-monospaced { - color: #287D3D; } + color: #287D3C; } .modal-success .close { - color: #287D3D; } + color: #287D3C; } .modal-success .close:hover { color: inherit; } .modal-success .close:focus { @@ -12640,8 +13225,8 @@ a.collapse-icon { .modal-success .modal-header { background-color: #edf9f0; - border-color: #5aca76; - color: #287D3D; } + border-color: #5aca75; + color: #287D3C; } .modal-info .btn-monospaced { color: #2E5AAC; } @@ -12847,6 +13432,12 @@ a.collapse-icon { line-height: 2rem; text-align: center; width: 2rem; } + .multi-step-icon .c-inner { + margin-bottom: 0; + margin-left: 0; + margin-right: 0; + margin-top: 0; + position: absolute; } .multi-step-icon .btn-link { vertical-align: baseline; } .multi-step-icon .lexicon-icon { @@ -12905,7 +13496,11 @@ a.collapse-icon { font-size: 0.875rem; } .nav-link { - padding: 0.625rem 1rem; + display: block; + padding-bottom: 0.625rem; + padding-left: 1rem; + padding-right: 1rem; + padding-top: 0.625rem; position: relative; } .nav-link:focus { z-index: 1; } @@ -12916,16 +13511,23 @@ a.collapse-icon { pointer-events: auto; } .nav-link:disabled:active, .nav-link.disabled:active { pointer-events: none; } + .nav-link > .c-inner { + margin-bottom: -0.625rem; + margin-left: -1rem; + margin-right: -1rem; + margin-top: -0.625rem; } .nav-link.btn-unstyled { width: 100%; } .nav-link.btn-unstyled:focus, .nav-link.btn-unstyled.focus { - box-shadow: inset 0 0 0 0.125rem #80acff, inset 0 0 0 0.25rem #FFF; } + box-shadow: 0 0 0 0.125rem #FFF, 0 0 0 0.25rem #80acff; } .nav-link.btn-unstyled:disabled, .nav-link.btn-unstyled.disabled { opacity: 1; } .nav-link.btn-unstyled:not([disabled]):not(.disabled):active:focus, .nav-link.btn-unstyled:not([disabled]):not(.disabled).active:focus, .show > .nav-link.btn-unstyled.dropdown-toggle:focus { - box-shadow: inset 0 0 0 0.125rem #80acff, inset 0 0 0 0.25rem #FFF; } + box-shadow: 0 0 0 0.125rem #FFF, 0 0 0 0.25rem #80acff; } + .nav-link.btn-unstyled .c-inner { + width: auto; } .nav-btn { align-items: center; @@ -12935,25 +13537,29 @@ a.collapse-icon { line-height: 1.5; margin: 0.375rem 0.25rem; min-width: 2rem; - padding-bottom: 0; - padding-left: 0.75rem; - padding-right: 0.75rem; - padding-top: 0; + padding: 0 0.75rem; position: relative; - text-align: center; width: auto; } - .nav-btn:focus { + .nav-btn:focus, .nav-btn.focus { z-index: 1; } - .nav-btn.disabled { + .nav-btn:disabled, .nav-btn.disabled { opacity: 1; } + .nav-btn .c-inner { + margin-bottom: 0; + margin-left: -0.75rem; + margin-right: -0.75rem; + margin-top: -1px; } + .nav-btn .lexicon-icon { + margin-top: 0; } .nav-btn.btn-link { margin-left: 0; margin-right: 0; } - .nav-btn .lexicon-icon { - margin-top: 0; } .nav-btn-monospaced { padding: 0; } + .nav-btn-monospaced .c-inner { + margin-left: -1px; + margin-right: -1px; } .nav-link-monospaced { align-items: center; @@ -13104,6 +13710,9 @@ a.collapse-icon { outline: 0; } .nav-tabs .nav-link:disabled, .nav-tabs .nav-link.disabled { box-shadow: none; } + .nav-tabs .nav-link > .c-inner { + margin-bottom: -0.28125rem; + margin-top: -0.28125rem; } .nav-tabs .nav-item.show .nav-link { background-color: transparent; border-color: transparent transparent transparent transparent; @@ -13141,6 +13750,9 @@ a.collapse-icon { .nav-underline .nav-link:disabled, .nav-underline .nav-link.disabled { box-shadow: none; color: #A7A9BC; } + .nav-underline .nav-link > .c-inner { + margin-bottom: -0.5625rem; + margin-top: -0.5625rem; } .nav-underline .nav-item.show .nav-link { color: #272833; } @@ -13213,6 +13825,9 @@ a.collapse-icon { height: 2rem; padding-left: 0.5rem; padding-right: 0.5rem; } + .menubar-vertical-expand-md .menubar-toggler .c-inner { + margin-left: -0.5rem; + margin-right: -0.5rem; } .menubar-vertical-expand-md .menubar-toggler .lexicon-icon { margin-top: 0; } } @media (max-width: 767.98px) { @@ -13279,6 +13894,28 @@ a.collapse-icon { .menubar-vertical-expand-md.menubar-transparent .nav-link:disabled, .menubar-vertical-expand-md.menubar-transparent .nav-link.disabled { background-color: transparent; color: #A7A9BC; } } + @media (min-width: 768px) { + .menubar-vertical-expand-md.menubar-decorated .nav { + border-left-color: #E7E7ED; + border-left-style: solid; + border-left-width: 0.125rem; + display: block; + padding-left: 0.5rem; } + .menubar-vertical-expand-md.menubar-decorated .nav > .nav-item .nav { + margin-bottom: 0.25rem; + margin-left: 1rem; + margin-top: 0.25rem; } + .menubar-vertical-expand-md.menubar-decorated .nav-link { + padding-left: 1rem !important; } + .menubar-vertical-expand-md.menubar-decorated .nav-link.active::after { + background-color: #b3cdff; + bottom: 0; + content: ""; + display: block; + left: -0.625rem; + position: absolute; + top: 0; + width: 0.125rem; } } .menubar-vertical-expand-lg { max-width: 15.625rem; } @@ -13326,6 +13963,9 @@ a.collapse-icon { height: 2rem; padding-left: 0.5rem; padding-right: 0.5rem; } + .menubar-vertical-expand-lg .menubar-toggler .c-inner { + margin-left: -0.5rem; + margin-right: -0.5rem; } .menubar-vertical-expand-lg .menubar-toggler .lexicon-icon { margin-top: 0; } } @media (max-width: 991.98px) { @@ -13392,12 +14032,38 @@ a.collapse-icon { .menubar-vertical-expand-lg.menubar-transparent .nav-link:disabled, .menubar-vertical-expand-lg.menubar-transparent .nav-link.disabled { background-color: transparent; color: #A7A9BC; } } + @media (min-width: 992px) { + .menubar-vertical-expand-lg.menubar-decorated .nav { + border-left-color: #E7E7ED; + border-left-style: solid; + border-left-width: 0.125rem; + display: block; + padding-left: 0.5rem; } + .menubar-vertical-expand-lg.menubar-decorated .nav > .nav-item .nav { + margin-bottom: 0.25rem; + margin-left: 1rem; + margin-top: 0.25rem; } + .menubar-vertical-expand-lg.menubar-decorated .nav-link { + padding-left: 1rem !important; } + .menubar-vertical-expand-lg.menubar-decorated .nav-link.active::after { + background-color: #b3cdff; + bottom: 0; + content: ""; + display: block; + left: -0.625rem; + position: absolute; + top: 0; + width: 0.125rem; } } .navbar { border-width: 0; font-size: 0.875rem; } .navbar .container, - .navbar .container-fluid { + .navbar .container-fluid, + .navbar .container-sm, + .navbar .container-md, + .navbar .container-lg, + .navbar .container-xl { display: flex; flex-wrap: wrap; justify-content: space-between; } @@ -13406,6 +14072,10 @@ a.collapse-icon { flex-wrap: nowrap; } .navbar-nowrap .container, .navbar-nowrap .container-fluid, + .navbar-nowrap .container-sm, + .navbar-nowrap .container-md, + .navbar-nowrap .container-lg, + .navbar-nowrap .container-xl, .navbar-nowrap .navbar-nav { flex-wrap: nowrap !important; } .navbar-nowrap .navbar-text { @@ -13523,20 +14193,29 @@ a.collapse-icon { flex-wrap: wrap; } .navbar-expand-sm { justify-content: space-between; } - .navbar-expand-sm .nav-item { + .navbar-expand-sm .nav-item, + .navbar-expand-sm .nav-item .dropdown { align-items: center; display: flex; } .navbar-expand-sm .nav-item .navbar-text-truncate { max-width: 12.5rem; } .navbar-expand-sm .container, - .navbar-expand-sm .container-fluid { + .navbar-expand-sm .container-fluid, + .navbar-expand-sm .container-sm, + .navbar-expand-sm .container-md, + .navbar-expand-sm .container-lg, + .navbar-expand-sm .container-xl { display: flex; flex-wrap: wrap; justify-content: space-between; padding-left: 12px; padding-right: 12px; } .navbar-expand-sm .navbar-collapse .container, - .navbar-expand-sm .navbar-collapse .container-fluid { + .navbar-expand-sm .navbar-collapse .container-fluid, + .navbar-expand-sm .navbar-collapse .container-sm, + .navbar-expand-sm .navbar-collapse .container-md, + .navbar-expand-sm .navbar-collapse .container-lg, + .navbar-expand-sm .navbar-collapse .container-xl { padding-left: 0; padding-right: 0; } @media (max-width: 575.98px) { @@ -13548,18 +14227,27 @@ a.collapse-icon { top: 100%; z-index: 500; } .navbar-expand-sm.navbar-collapse-absolute .navbar-collapse .container, - .navbar-expand-sm.navbar-collapse-absolute .navbar-collapse .container-fluid { + .navbar-expand-sm.navbar-collapse-absolute .navbar-collapse .container-fluid, + .navbar-expand-sm.navbar-collapse-absolute .navbar-collapse .container-sm, + .navbar-expand-sm.navbar-collapse-absolute .navbar-collapse .container-md, + .navbar-expand-sm.navbar-collapse-absolute .navbar-collapse .container-lg, + .navbar-expand-sm.navbar-collapse-absolute .navbar-collapse .container-xl { padding-left: 12px; padding-right: 12px; } .navbar-expand-sm.navbar-collapse-absolute .navbar-collapse .navbar-nav:last-child, .navbar-expand-sm.navbar-collapse-absolute .navbar-collapse .navbar-form:last-child { padding-bottom: 0.5rem; } .navbar-expand-sm .navbar-collapse .container, - .navbar-expand-sm .navbar-collapse .container-fluid { + .navbar-expand-sm .navbar-collapse .container-fluid, + .navbar-expand-sm .navbar-collapse .container-sm, + .navbar-expand-sm .navbar-collapse .container-md, + .navbar-expand-sm .navbar-collapse .container-lg, + .navbar-expand-sm .navbar-collapse .container-xl { display: block; padding-left: 0; padding-right: 0; } - .navbar-expand-sm .navbar-collapse .nav-item { + .navbar-expand-sm .navbar-collapse .nav-item, + .navbar-expand-sm .navbar-collapse .nav-item .dropdown { display: block; } .navbar-expand-sm .navbar-collapse .navbar-text-truncate { max-width: 100%; } @@ -13619,20 +14307,29 @@ a.collapse-icon { display: none !important; } } .navbar-expand-md { justify-content: space-between; } - .navbar-expand-md .nav-item { + .navbar-expand-md .nav-item, + .navbar-expand-md .nav-item .dropdown { align-items: center; display: flex; } .navbar-expand-md .nav-item .navbar-text-truncate { max-width: 12.5rem; } .navbar-expand-md .container, - .navbar-expand-md .container-fluid { + .navbar-expand-md .container-fluid, + .navbar-expand-md .container-sm, + .navbar-expand-md .container-md, + .navbar-expand-md .container-lg, + .navbar-expand-md .container-xl { display: flex; flex-wrap: wrap; justify-content: space-between; padding-left: 12px; padding-right: 12px; } .navbar-expand-md .navbar-collapse .container, - .navbar-expand-md .navbar-collapse .container-fluid { + .navbar-expand-md .navbar-collapse .container-fluid, + .navbar-expand-md .navbar-collapse .container-sm, + .navbar-expand-md .navbar-collapse .container-md, + .navbar-expand-md .navbar-collapse .container-lg, + .navbar-expand-md .navbar-collapse .container-xl { padding-left: 0; padding-right: 0; } @media (max-width: 767.98px) { @@ -13644,18 +14341,27 @@ a.collapse-icon { top: 100%; z-index: 500; } .navbar-expand-md.navbar-collapse-absolute .navbar-collapse .container, - .navbar-expand-md.navbar-collapse-absolute .navbar-collapse .container-fluid { + .navbar-expand-md.navbar-collapse-absolute .navbar-collapse .container-fluid, + .navbar-expand-md.navbar-collapse-absolute .navbar-collapse .container-sm, + .navbar-expand-md.navbar-collapse-absolute .navbar-collapse .container-md, + .navbar-expand-md.navbar-collapse-absolute .navbar-collapse .container-lg, + .navbar-expand-md.navbar-collapse-absolute .navbar-collapse .container-xl { padding-left: 12px; padding-right: 12px; } .navbar-expand-md.navbar-collapse-absolute .navbar-collapse .navbar-nav:last-child, .navbar-expand-md.navbar-collapse-absolute .navbar-collapse .navbar-form:last-child { padding-bottom: 0.5rem; } .navbar-expand-md .navbar-collapse .container, - .navbar-expand-md .navbar-collapse .container-fluid { + .navbar-expand-md .navbar-collapse .container-fluid, + .navbar-expand-md .navbar-collapse .container-sm, + .navbar-expand-md .navbar-collapse .container-md, + .navbar-expand-md .navbar-collapse .container-lg, + .navbar-expand-md .navbar-collapse .container-xl { display: block; padding-left: 0; padding-right: 0; } - .navbar-expand-md .navbar-collapse .nav-item { + .navbar-expand-md .navbar-collapse .nav-item, + .navbar-expand-md .navbar-collapse .nav-item .dropdown { display: block; } .navbar-expand-md .navbar-collapse .navbar-text-truncate { max-width: 100%; } @@ -13715,20 +14421,29 @@ a.collapse-icon { display: none !important; } } .navbar-expand-lg { justify-content: space-between; } - .navbar-expand-lg .nav-item { + .navbar-expand-lg .nav-item, + .navbar-expand-lg .nav-item .dropdown { align-items: center; display: flex; } .navbar-expand-lg .nav-item .navbar-text-truncate { max-width: 12.5rem; } .navbar-expand-lg .container, - .navbar-expand-lg .container-fluid { + .navbar-expand-lg .container-fluid, + .navbar-expand-lg .container-sm, + .navbar-expand-lg .container-md, + .navbar-expand-lg .container-lg, + .navbar-expand-lg .container-xl { display: flex; flex-wrap: wrap; justify-content: space-between; padding-left: 12px; padding-right: 12px; } .navbar-expand-lg .navbar-collapse .container, - .navbar-expand-lg .navbar-collapse .container-fluid { + .navbar-expand-lg .navbar-collapse .container-fluid, + .navbar-expand-lg .navbar-collapse .container-sm, + .navbar-expand-lg .navbar-collapse .container-md, + .navbar-expand-lg .navbar-collapse .container-lg, + .navbar-expand-lg .navbar-collapse .container-xl { padding-left: 0; padding-right: 0; } @media (max-width: 991.98px) { @@ -13740,18 +14455,27 @@ a.collapse-icon { top: 100%; z-index: 500; } .navbar-expand-lg.navbar-collapse-absolute .navbar-collapse .container, - .navbar-expand-lg.navbar-collapse-absolute .navbar-collapse .container-fluid { + .navbar-expand-lg.navbar-collapse-absolute .navbar-collapse .container-fluid, + .navbar-expand-lg.navbar-collapse-absolute .navbar-collapse .container-sm, + .navbar-expand-lg.navbar-collapse-absolute .navbar-collapse .container-md, + .navbar-expand-lg.navbar-collapse-absolute .navbar-collapse .container-lg, + .navbar-expand-lg.navbar-collapse-absolute .navbar-collapse .container-xl { padding-left: 12px; padding-right: 12px; } .navbar-expand-lg.navbar-collapse-absolute .navbar-collapse .navbar-nav:last-child, .navbar-expand-lg.navbar-collapse-absolute .navbar-collapse .navbar-form:last-child { padding-bottom: 0.5rem; } .navbar-expand-lg .navbar-collapse .container, - .navbar-expand-lg .navbar-collapse .container-fluid { + .navbar-expand-lg .navbar-collapse .container-fluid, + .navbar-expand-lg .navbar-collapse .container-sm, + .navbar-expand-lg .navbar-collapse .container-md, + .navbar-expand-lg .navbar-collapse .container-lg, + .navbar-expand-lg .navbar-collapse .container-xl { display: block; padding-left: 0; padding-right: 0; } - .navbar-expand-lg .navbar-collapse .nav-item { + .navbar-expand-lg .navbar-collapse .nav-item, + .navbar-expand-lg .navbar-collapse .nav-item .dropdown { display: block; } .navbar-expand-lg .navbar-collapse .navbar-text-truncate { max-width: 100%; } @@ -13811,20 +14535,29 @@ a.collapse-icon { display: none !important; } } .navbar-expand-xl { justify-content: space-between; } - .navbar-expand-xl .nav-item { + .navbar-expand-xl .nav-item, + .navbar-expand-xl .nav-item .dropdown { align-items: center; display: flex; } .navbar-expand-xl .nav-item .navbar-text-truncate { max-width: 12.5rem; } .navbar-expand-xl .container, - .navbar-expand-xl .container-fluid { + .navbar-expand-xl .container-fluid, + .navbar-expand-xl .container-sm, + .navbar-expand-xl .container-md, + .navbar-expand-xl .container-lg, + .navbar-expand-xl .container-xl { display: flex; flex-wrap: wrap; justify-content: space-between; padding-left: 12px; padding-right: 12px; } .navbar-expand-xl .navbar-collapse .container, - .navbar-expand-xl .navbar-collapse .container-fluid { + .navbar-expand-xl .navbar-collapse .container-fluid, + .navbar-expand-xl .navbar-collapse .container-sm, + .navbar-expand-xl .navbar-collapse .container-md, + .navbar-expand-xl .navbar-collapse .container-lg, + .navbar-expand-xl .navbar-collapse .container-xl { padding-left: 0; padding-right: 0; } @media (max-width: 1279.98px) { @@ -13836,18 +14569,27 @@ a.collapse-icon { top: 100%; z-index: 500; } .navbar-expand-xl.navbar-collapse-absolute .navbar-collapse .container, - .navbar-expand-xl.navbar-collapse-absolute .navbar-collapse .container-fluid { + .navbar-expand-xl.navbar-collapse-absolute .navbar-collapse .container-fluid, + .navbar-expand-xl.navbar-collapse-absolute .navbar-collapse .container-sm, + .navbar-expand-xl.navbar-collapse-absolute .navbar-collapse .container-md, + .navbar-expand-xl.navbar-collapse-absolute .navbar-collapse .container-lg, + .navbar-expand-xl.navbar-collapse-absolute .navbar-collapse .container-xl { padding-left: 12px; padding-right: 12px; } .navbar-expand-xl.navbar-collapse-absolute .navbar-collapse .navbar-nav:last-child, .navbar-expand-xl.navbar-collapse-absolute .navbar-collapse .navbar-form:last-child { padding-bottom: 0.5rem; } .navbar-expand-xl .navbar-collapse .container, - .navbar-expand-xl .navbar-collapse .container-fluid { + .navbar-expand-xl .navbar-collapse .container-fluid, + .navbar-expand-xl .navbar-collapse .container-sm, + .navbar-expand-xl .navbar-collapse .container-md, + .navbar-expand-xl .navbar-collapse .container-lg, + .navbar-expand-xl .navbar-collapse .container-xl { display: block; padding-left: 0; padding-right: 0; } - .navbar-expand-xl .navbar-collapse .nav-item { + .navbar-expand-xl .navbar-collapse .nav-item, + .navbar-expand-xl .navbar-collapse .nav-item .dropdown { display: block; } .navbar-expand-xl .navbar-collapse .navbar-text-truncate { max-width: 100%; } @@ -13907,20 +14649,29 @@ a.collapse-icon { display: none !important; } } .navbar-expand { justify-content: space-between; } - .navbar-expand .nav-item { + .navbar-expand .nav-item, + .navbar-expand .nav-item .dropdown { align-items: center; display: flex; } .navbar-expand .nav-item .navbar-text-truncate { max-width: 12.5rem; } .navbar-expand .container, - .navbar-expand .container-fluid { + .navbar-expand .container-fluid, + .navbar-expand .container-sm, + .navbar-expand .container-md, + .navbar-expand .container-lg, + .navbar-expand .container-xl { display: flex; flex-wrap: wrap; justify-content: space-between; padding-left: 12px; padding-right: 12px; } .navbar-expand .navbar-collapse .container, - .navbar-expand .navbar-collapse .container-fluid { + .navbar-expand .navbar-collapse .container-fluid, + .navbar-expand .navbar-collapse .container-sm, + .navbar-expand .navbar-collapse .container-md, + .navbar-expand .navbar-collapse .container-lg, + .navbar-expand .navbar-collapse .container-xl { padding-left: 0; padding-right: 0; } @@ -14104,9 +14855,14 @@ a.collapse-icon { padding-left: 0.75rem; padding-right: 0.75rem; padding-top: 0.25rem; } + .application-bar .navbar-toggler .c-inner { + margin-bottom: -0.25rem; + margin-left: -0.75rem; + margin-right: -0.75rem; + margin-top: -0.25rem; } .application-bar .navbar-toggler-link { - height: auto; font-size: 0.875rem; + height: auto; line-height: 1.5; margin-left: 0; margin-right: 0; @@ -14114,6 +14870,11 @@ a.collapse-icon { padding-left: 0.25rem; padding-right: 0.25rem; padding-top: 0.84375rem; } + .application-bar .navbar-toggler-link .c-inner { + margin-bottom: -0.84375rem; + margin-left: -0.25rem; + margin-right: -0.25rem; + margin-top: -0.84375rem; } .application-bar .navbar-brand { font-size: 1.125rem; margin-right: 0; @@ -14121,6 +14882,11 @@ a.collapse-icon { padding-left: 0.25rem; padding-right: 0.25rem; padding-top: 0.65625rem; } + .application-bar .navbar-brand .c-inner { + margin-bottom: -0.65625rem; + margin-left: -0.25rem; + margin-right: -0.25rem; + margin-top: -0.65625rem; } .application-bar .navbar-title { font-size: 1.125rem; } .application-bar .navbar-nav .nav-btn { @@ -14133,9 +14899,16 @@ a.collapse-icon { padding-left: 0.25rem; padding-right: 0.25rem; padding-top: 0.25rem; } + .application-bar .navbar-nav .nav-btn .c-inner { + margin-bottom: -0.25rem; + margin-left: -0.25rem; + margin-right: -0.25rem; + margin-top: -0.25rem; } .application-bar .navbar-nav .nav-btn-monospaced { font-size: 1rem; padding: 0; } + .application-bar .navbar-nav .nav-btn-monospaced .c-inner { + margin: 0; } .application-bar .navbar-nav .nav-item > .custom-control, .application-bar .navbar-nav .nav-item > .form-check { margin-left: 0.25rem; @@ -14150,6 +14923,12 @@ a.collapse-icon { padding-left: 0.25rem; padding-right: 0.25rem; padding-top: 0.34375rem; } + .application-bar .navbar-nav .nav-link .c-inner, + .application-bar .navbar-nav .navbar-text .c-inner { + margin-bottom: -0.34375rem; + margin-left: -0.25rem; + margin-right: -0.25rem; + margin-top: -0.34375rem; } .application-bar .navbar-nav .nav-link-monospaced { font-size: 1rem; margin-bottom: 0.5rem; @@ -14157,6 +14936,8 @@ a.collapse-icon { margin-right: 0.25rem; margin-top: 0.5rem; padding: 0; } + .application-bar .navbar-nav .nav-link-monospaced .c-inner { + margin: 0; } @media (max-width: 575.98px) { .application-bar.navbar-expand-sm.navbar-collapse-absolute .navbar-collapse { border-color: transparent; @@ -14189,12 +14970,21 @@ a.collapse-icon { padding-left: 0.25rem; padding-right: 0.25rem; padding-top: 0.90625rem; } + .application-bar.navbar-expand-sm .navbar-brand .c-inner { + margin-bottom: -0.90625rem; + margin-left: -0.25rem; + margin-right: -0.25rem; + margin-top: -0.90625rem; } .application-bar.navbar-expand-sm .navbar-form { height: 3.5rem; padding-left: 0.25rem; padding-right: 0.25rem; } .application-bar.navbar-expand-sm .navbar-form > .container, - .application-bar.navbar-expand-sm .navbar-form > .container-fluid { + .application-bar.navbar-expand-sm .navbar-form > .container-fluid, + .application-bar.navbar-expand-sm .navbar-form > .container-sm, + .application-bar.navbar-expand-sm .navbar-form > .container-md, + .application-bar.navbar-expand-sm .navbar-form > .container-lg, + .application-bar.navbar-expand-sm .navbar-form > .container-xl { padding-left: 0; padding-right: 0; } .application-bar.navbar-expand-sm .nav-btn { @@ -14207,9 +14997,16 @@ a.collapse-icon { padding-left: 0.25rem; padding-right: 0.25rem; padding-top: 0.34375rem; } + .application-bar.navbar-expand-sm .nav-btn .c-inner { + margin-bottom: -0.34375rem; + margin-left: -0.25rem; + margin-right: -0.25rem; + margin-top: -0.34375rem; } .application-bar.navbar-expand-sm .nav-btn-monospaced { font-size: 1rem; padding: 0; } + .application-bar.navbar-expand-sm .nav-btn-monospaced .c-inner { + margin: 0; } .application-bar.navbar-expand-sm .nav-item > .custom-control, .application-bar.navbar-expand-sm .nav-item > .form-check { margin-left: 0.25rem; @@ -14224,13 +15021,21 @@ a.collapse-icon { padding-left: 0.25rem; padding-right: 0.25rem; padding-top: 0.34375rem; } + .application-bar.navbar-expand-sm .nav-link .c-inner, + .application-bar.navbar-expand-sm .navbar-text .c-inner { + margin-bottom: -0.34375rem; + margin-left: -0.25rem; + margin-right: -0.25rem; + margin-top: -0.34375rem; } .application-bar.navbar-expand-sm .nav-link-monospaced { font-size: 1rem; margin-bottom: 0.75rem; margin-left: 0.25rem; margin-right: 0.25rem; margin-top: 0.75rem; - padding: 0; } } + padding: 0; } + .application-bar.navbar-expand-sm .nav-link-monospaced .c-inner { + margin: 0; } } @media (max-width: 767.98px) { .application-bar.navbar-expand-md.navbar-collapse-absolute .navbar-collapse { border-color: transparent; @@ -14263,12 +15068,21 @@ a.collapse-icon { padding-left: 0.25rem; padding-right: 0.25rem; padding-top: 0.90625rem; } + .application-bar.navbar-expand-md .navbar-brand .c-inner { + margin-bottom: -0.90625rem; + margin-left: -0.25rem; + margin-right: -0.25rem; + margin-top: -0.90625rem; } .application-bar.navbar-expand-md .navbar-form { height: 3.5rem; padding-left: 0.25rem; padding-right: 0.25rem; } .application-bar.navbar-expand-md .navbar-form > .container, - .application-bar.navbar-expand-md .navbar-form > .container-fluid { + .application-bar.navbar-expand-md .navbar-form > .container-fluid, + .application-bar.navbar-expand-md .navbar-form > .container-sm, + .application-bar.navbar-expand-md .navbar-form > .container-md, + .application-bar.navbar-expand-md .navbar-form > .container-lg, + .application-bar.navbar-expand-md .navbar-form > .container-xl { padding-left: 0; padding-right: 0; } .application-bar.navbar-expand-md .nav-btn { @@ -14281,9 +15095,16 @@ a.collapse-icon { padding-left: 0.25rem; padding-right: 0.25rem; padding-top: 0.34375rem; } + .application-bar.navbar-expand-md .nav-btn .c-inner { + margin-bottom: -0.34375rem; + margin-left: -0.25rem; + margin-right: -0.25rem; + margin-top: -0.34375rem; } .application-bar.navbar-expand-md .nav-btn-monospaced { font-size: 1rem; padding: 0; } + .application-bar.navbar-expand-md .nav-btn-monospaced .c-inner { + margin: 0; } .application-bar.navbar-expand-md .nav-item > .custom-control, .application-bar.navbar-expand-md .nav-item > .form-check { margin-left: 0.25rem; @@ -14298,13 +15119,21 @@ a.collapse-icon { padding-left: 0.25rem; padding-right: 0.25rem; padding-top: 0.34375rem; } + .application-bar.navbar-expand-md .nav-link .c-inner, + .application-bar.navbar-expand-md .navbar-text .c-inner { + margin-bottom: -0.34375rem; + margin-left: -0.25rem; + margin-right: -0.25rem; + margin-top: -0.34375rem; } .application-bar.navbar-expand-md .nav-link-monospaced { font-size: 1rem; margin-bottom: 0.75rem; margin-left: 0.25rem; margin-right: 0.25rem; margin-top: 0.75rem; - padding: 0; } } + padding: 0; } + .application-bar.navbar-expand-md .nav-link-monospaced .c-inner { + margin: 0; } } @media (max-width: 991.98px) { .application-bar.navbar-expand-lg.navbar-collapse-absolute .navbar-collapse { border-color: transparent; @@ -14337,12 +15166,21 @@ a.collapse-icon { padding-left: 0.25rem; padding-right: 0.25rem; padding-top: 0.90625rem; } + .application-bar.navbar-expand-lg .navbar-brand .c-inner { + margin-bottom: -0.90625rem; + margin-left: -0.25rem; + margin-right: -0.25rem; + margin-top: -0.90625rem; } .application-bar.navbar-expand-lg .navbar-form { height: 3.5rem; padding-left: 0.25rem; padding-right: 0.25rem; } .application-bar.navbar-expand-lg .navbar-form > .container, - .application-bar.navbar-expand-lg .navbar-form > .container-fluid { + .application-bar.navbar-expand-lg .navbar-form > .container-fluid, + .application-bar.navbar-expand-lg .navbar-form > .container-sm, + .application-bar.navbar-expand-lg .navbar-form > .container-md, + .application-bar.navbar-expand-lg .navbar-form > .container-lg, + .application-bar.navbar-expand-lg .navbar-form > .container-xl { padding-left: 0; padding-right: 0; } .application-bar.navbar-expand-lg .nav-btn { @@ -14355,9 +15193,16 @@ a.collapse-icon { padding-left: 0.25rem; padding-right: 0.25rem; padding-top: 0.34375rem; } + .application-bar.navbar-expand-lg .nav-btn .c-inner { + margin-bottom: -0.34375rem; + margin-left: -0.25rem; + margin-right: -0.25rem; + margin-top: -0.34375rem; } .application-bar.navbar-expand-lg .nav-btn-monospaced { font-size: 1rem; padding: 0; } + .application-bar.navbar-expand-lg .nav-btn-monospaced .c-inner { + margin: 0; } .application-bar.navbar-expand-lg .nav-item > .custom-control, .application-bar.navbar-expand-lg .nav-item > .form-check { margin-left: 0.25rem; @@ -14372,13 +15217,21 @@ a.collapse-icon { padding-left: 0.25rem; padding-right: 0.25rem; padding-top: 0.34375rem; } + .application-bar.navbar-expand-lg .nav-link .c-inner, + .application-bar.navbar-expand-lg .navbar-text .c-inner { + margin-bottom: -0.34375rem; + margin-left: -0.25rem; + margin-right: -0.25rem; + margin-top: -0.34375rem; } .application-bar.navbar-expand-lg .nav-link-monospaced { font-size: 1rem; margin-bottom: 0.75rem; margin-left: 0.25rem; margin-right: 0.25rem; margin-top: 0.75rem; - padding: 0; } } + padding: 0; } + .application-bar.navbar-expand-lg .nav-link-monospaced .c-inner { + margin: 0; } } @media (max-width: 1279.98px) { .application-bar.navbar-expand-xl.navbar-collapse-absolute .navbar-collapse { border-color: transparent; @@ -14411,12 +15264,21 @@ a.collapse-icon { padding-left: 0.25rem; padding-right: 0.25rem; padding-top: 0.90625rem; } + .application-bar.navbar-expand-xl .navbar-brand .c-inner { + margin-bottom: -0.90625rem; + margin-left: -0.25rem; + margin-right: -0.25rem; + margin-top: -0.90625rem; } .application-bar.navbar-expand-xl .navbar-form { height: 3.5rem; padding-left: 0.25rem; padding-right: 0.25rem; } .application-bar.navbar-expand-xl .navbar-form > .container, - .application-bar.navbar-expand-xl .navbar-form > .container-fluid { + .application-bar.navbar-expand-xl .navbar-form > .container-fluid, + .application-bar.navbar-expand-xl .navbar-form > .container-sm, + .application-bar.navbar-expand-xl .navbar-form > .container-md, + .application-bar.navbar-expand-xl .navbar-form > .container-lg, + .application-bar.navbar-expand-xl .navbar-form > .container-xl { padding-left: 0; padding-right: 0; } .application-bar.navbar-expand-xl .nav-btn { @@ -14429,9 +15291,16 @@ a.collapse-icon { padding-left: 0.25rem; padding-right: 0.25rem; padding-top: 0.34375rem; } + .application-bar.navbar-expand-xl .nav-btn .c-inner { + margin-bottom: -0.34375rem; + margin-left: -0.25rem; + margin-right: -0.25rem; + margin-top: -0.34375rem; } .application-bar.navbar-expand-xl .nav-btn-monospaced { font-size: 1rem; padding: 0; } + .application-bar.navbar-expand-xl .nav-btn-monospaced .c-inner { + margin: 0; } .application-bar.navbar-expand-xl .nav-item > .custom-control, .application-bar.navbar-expand-xl .nav-item > .form-check { margin-left: 0.25rem; @@ -14446,13 +15315,21 @@ a.collapse-icon { padding-left: 0.25rem; padding-right: 0.25rem; padding-top: 0.34375rem; } + .application-bar.navbar-expand-xl .nav-link .c-inner, + .application-bar.navbar-expand-xl .navbar-text .c-inner { + margin-bottom: -0.34375rem; + margin-left: -0.25rem; + margin-right: -0.25rem; + margin-top: -0.34375rem; } .application-bar.navbar-expand-xl .nav-link-monospaced { font-size: 1rem; margin-bottom: 0.75rem; margin-left: 0.25rem; margin-right: 0.25rem; margin-top: 0.75rem; - padding: 0; } } + padding: 0; } + .application-bar.navbar-expand-xl .nav-link-monospaced .c-inner { + margin: 0; } } .application-bar.navbar-expand .navbar-brand { font-size: 1.125rem; margin-right: 0.25rem; @@ -14460,12 +15337,21 @@ a.collapse-icon { padding-left: 0.25rem; padding-right: 0.25rem; padding-top: 0.90625rem; } + .application-bar.navbar-expand .navbar-brand .c-inner { + margin-bottom: -0.90625rem; + margin-left: -0.25rem; + margin-right: -0.25rem; + margin-top: -0.90625rem; } .application-bar.navbar-expand .navbar-form { height: 3.5rem; padding-left: 0.25rem; padding-right: 0.25rem; } .application-bar.navbar-expand .navbar-form > .container, - .application-bar.navbar-expand .navbar-form > .container-fluid { + .application-bar.navbar-expand .navbar-form > .container-fluid, + .application-bar.navbar-expand .navbar-form > .container-sm, + .application-bar.navbar-expand .navbar-form > .container-md, + .application-bar.navbar-expand .navbar-form > .container-lg, + .application-bar.navbar-expand .navbar-form > .container-xl { padding-left: 0; padding-right: 0; } .application-bar.navbar-expand .nav-btn { @@ -14478,9 +15364,16 @@ a.collapse-icon { padding-left: 0.25rem; padding-right: 0.25rem; padding-top: 0.34375rem; } + .application-bar.navbar-expand .nav-btn .c-inner { + margin-bottom: -0.34375rem; + margin-left: -0.25rem; + margin-right: -0.25rem; + margin-top: -0.34375rem; } .application-bar.navbar-expand .nav-btn-monospaced { font-size: 1rem; padding: 0; } + .application-bar.navbar-expand .nav-btn-monospaced .c-inner { + margin: 0; } .application-bar.navbar-expand .nav-item > .custom-control, .application-bar.navbar-expand .nav-item > .form-check { margin-left: 0.25rem; @@ -14495,6 +15388,12 @@ a.collapse-icon { padding-left: 0.25rem; padding-right: 0.25rem; padding-top: 0.34375rem; } + .application-bar.navbar-expand .nav-link .c-inner, + .application-bar.navbar-expand .navbar-text .c-inner { + margin-bottom: -0.34375rem; + margin-left: -0.25rem; + margin-right: -0.25rem; + margin-top: -0.34375rem; } .application-bar.navbar-expand .nav-link-monospaced { font-size: 1rem; margin-bottom: 0.75rem; @@ -14502,6 +15401,8 @@ a.collapse-icon { margin-right: 0.25rem; margin-top: 0.75rem; padding: 0; } + .application-bar.navbar-expand .nav-link-monospaced .c-inner { + margin: 0; } @media (max-width: 575.98px) { .application-bar .navbar-overlay-xs-down { padding-bottom: 0; @@ -14589,7 +15490,11 @@ a.collapse-icon { .application-bar.navbar-expand-xl.navbar-collapse-absolute .navbar-collapse { border-color: transparent; } } .application-bar .container, - .application-bar .container-fluid { + .application-bar .container-fluid, + .application-bar .container-sm, + .application-bar .container-md, + .application-bar .container-lg, + .application-bar .container-xl { flex-wrap: nowrap; } .application-bar .navbar-nav { flex-wrap: nowrap; } @@ -14710,9 +15615,14 @@ a.collapse-icon { padding-left: 0.75rem; padding-right: 0.75rem; padding-top: 0.25rem; } + .management-bar .navbar-toggler .c-inner { + margin-bottom: -0.25rem; + margin-left: -0.75rem; + margin-right: -0.75rem; + margin-top: -0.25rem; } .management-bar .navbar-toggler-link { - height: auto; font-size: 0.875rem; + height: auto; line-height: 1.5; margin-left: 0; margin-right: 0; @@ -14720,6 +15630,11 @@ a.collapse-icon { padding-left: 0.25rem; padding-right: 0.25rem; padding-top: 0.8125rem; } + .management-bar .navbar-toggler-link .c-inner { + margin-bottom: -0.8125rem; + margin-left: -0.25rem; + margin-right: -0.25rem; + margin-top: -0.8125rem; } .management-bar .navbar-brand { font-size: 1.125rem; margin-right: 0; @@ -14727,6 +15642,11 @@ a.collapse-icon { padding-left: 0.25rem; padding-right: 0.25rem; padding-top: 0.625rem; } + .management-bar .navbar-brand .c-inner { + margin-bottom: -0.625rem; + margin-left: -0.25rem; + margin-right: -0.25rem; + margin-top: -0.625rem; } .management-bar .navbar-nav .nav-btn { font-size: 0.875rem; margin-bottom: 0.46875rem; @@ -14737,9 +15657,16 @@ a.collapse-icon { padding-left: 0.25rem; padding-right: 0.25rem; padding-top: 0.25rem; } + .management-bar .navbar-nav .nav-btn .c-inner { + margin-bottom: -0.25rem; + margin-left: -0.25rem; + margin-right: -0.25rem; + margin-top: -0.25rem; } .management-bar .navbar-nav .nav-btn-monospaced { font-size: 1rem; padding: 0; } + .management-bar .navbar-nav .nav-btn-monospaced .c-inner { + margin: 0; } .management-bar .navbar-nav .nav-item > .custom-control, .management-bar .navbar-nav .nav-item > .form-check { margin-left: 0.25rem; @@ -14754,6 +15681,12 @@ a.collapse-icon { padding-left: 0.25rem; padding-right: 0.25rem; padding-top: 0.34375rem; } + .management-bar .navbar-nav .nav-link .c-inner, + .management-bar .navbar-nav .navbar-text .c-inner { + margin-bottom: -0.34375rem; + margin-left: -0.25rem; + margin-right: -0.25rem; + margin-top: -0.34375rem; } .management-bar .navbar-nav .nav-link-monospaced { font-size: 1rem; margin-bottom: 0.46875rem; @@ -14761,6 +15694,8 @@ a.collapse-icon { margin-right: 0.25rem; margin-top: 0.46875rem; padding: 0; } + .management-bar .navbar-nav .nav-link-monospaced .c-inner { + margin: 0; } .management-bar .dropdown-menu { margin-top: 0; } @media (max-width: 575.98px) { @@ -14796,12 +15731,21 @@ a.collapse-icon { padding-left: 0.5rem; padding-right: 0.5rem; padding-top: 1.125rem; } + .management-bar.navbar-expand-sm .navbar-brand .c-inner { + margin-bottom: -1.125rem; + margin-left: -0.5rem; + margin-right: -0.5rem; + margin-top: -1.125rem; } .management-bar.navbar-expand-sm .navbar-form { height: 3.9375rem; padding-left: 0.5rem; padding-right: 0.5rem; } .management-bar.navbar-expand-sm .navbar-form > .container, - .management-bar.navbar-expand-sm .navbar-form > .container-fluid { + .management-bar.navbar-expand-sm .navbar-form > .container-fluid, + .management-bar.navbar-expand-sm .navbar-form > .container-sm, + .management-bar.navbar-expand-sm .navbar-form > .container-md, + .management-bar.navbar-expand-sm .navbar-form > .container-lg, + .management-bar.navbar-expand-sm .navbar-form > .container-xl { padding-left: 0; padding-right: 0; } .management-bar.navbar-expand-sm .nav-btn { @@ -14814,9 +15758,16 @@ a.collapse-icon { padding-left: 0.5rem; padding-right: 0.5rem; padding-top: 0.34375rem; } + .management-bar.navbar-expand-sm .nav-btn .c-inner { + margin-bottom: -0.34375rem; + margin-left: -0.5rem; + margin-right: -0.5rem; + margin-top: -0.34375rem; } .management-bar.navbar-expand-sm .nav-btn-monospaced { font-size: 1rem; padding: 0; } + .management-bar.navbar-expand-sm .nav-btn-monospaced .c-inner { + margin: 0; } .management-bar.navbar-expand-sm .nav-item > .custom-control, .management-bar.navbar-expand-sm .nav-item > .form-check { margin-left: 0.5rem; @@ -14831,13 +15782,21 @@ a.collapse-icon { padding-left: 0.5rem; padding-right: 0.5rem; padding-top: 0.34375rem; } + .management-bar.navbar-expand-sm .nav-link .c-inner, + .management-bar.navbar-expand-sm .navbar-text .c-inner { + margin-bottom: -0.34375rem; + margin-left: -0.5rem; + margin-right: -0.5rem; + margin-top: -0.34375rem; } .management-bar.navbar-expand-sm .nav-link-monospaced { font-size: 1rem; margin-bottom: 0.96875rem; margin-left: 0.5rem; margin-right: 0.5rem; margin-top: 0.96875rem; - padding: 0; } } + padding: 0; } + .management-bar.navbar-expand-sm .nav-link-monospaced .c-inner { + margin: 0; } } @media (max-width: 767.98px) { .management-bar.navbar-expand-md.navbar-collapse-absolute .navbar-collapse { border-color: transparent; @@ -14871,12 +15830,21 @@ a.collapse-icon { padding-left: 0.5rem; padding-right: 0.5rem; padding-top: 1.125rem; } + .management-bar.navbar-expand-md .navbar-brand .c-inner { + margin-bottom: -1.125rem; + margin-left: -0.5rem; + margin-right: -0.5rem; + margin-top: -1.125rem; } .management-bar.navbar-expand-md .navbar-form { height: 3.9375rem; padding-left: 0.5rem; padding-right: 0.5rem; } .management-bar.navbar-expand-md .navbar-form > .container, - .management-bar.navbar-expand-md .navbar-form > .container-fluid { + .management-bar.navbar-expand-md .navbar-form > .container-fluid, + .management-bar.navbar-expand-md .navbar-form > .container-sm, + .management-bar.navbar-expand-md .navbar-form > .container-md, + .management-bar.navbar-expand-md .navbar-form > .container-lg, + .management-bar.navbar-expand-md .navbar-form > .container-xl { padding-left: 0; padding-right: 0; } .management-bar.navbar-expand-md .nav-btn { @@ -14889,9 +15857,16 @@ a.collapse-icon { padding-left: 0.5rem; padding-right: 0.5rem; padding-top: 0.34375rem; } + .management-bar.navbar-expand-md .nav-btn .c-inner { + margin-bottom: -0.34375rem; + margin-left: -0.5rem; + margin-right: -0.5rem; + margin-top: -0.34375rem; } .management-bar.navbar-expand-md .nav-btn-monospaced { font-size: 1rem; padding: 0; } + .management-bar.navbar-expand-md .nav-btn-monospaced .c-inner { + margin: 0; } .management-bar.navbar-expand-md .nav-item > .custom-control, .management-bar.navbar-expand-md .nav-item > .form-check { margin-left: 0.5rem; @@ -14906,13 +15881,21 @@ a.collapse-icon { padding-left: 0.5rem; padding-right: 0.5rem; padding-top: 0.34375rem; } + .management-bar.navbar-expand-md .nav-link .c-inner, + .management-bar.navbar-expand-md .navbar-text .c-inner { + margin-bottom: -0.34375rem; + margin-left: -0.5rem; + margin-right: -0.5rem; + margin-top: -0.34375rem; } .management-bar.navbar-expand-md .nav-link-monospaced { font-size: 1rem; margin-bottom: 0.96875rem; margin-left: 0.5rem; margin-right: 0.5rem; margin-top: 0.96875rem; - padding: 0; } } + padding: 0; } + .management-bar.navbar-expand-md .nav-link-monospaced .c-inner { + margin: 0; } } @media (max-width: 991.98px) { .management-bar.navbar-expand-lg.navbar-collapse-absolute .navbar-collapse { border-color: transparent; @@ -14946,12 +15929,21 @@ a.collapse-icon { padding-left: 0.5rem; padding-right: 0.5rem; padding-top: 1.125rem; } + .management-bar.navbar-expand-lg .navbar-brand .c-inner { + margin-bottom: -1.125rem; + margin-left: -0.5rem; + margin-right: -0.5rem; + margin-top: -1.125rem; } .management-bar.navbar-expand-lg .navbar-form { height: 3.9375rem; padding-left: 0.5rem; padding-right: 0.5rem; } .management-bar.navbar-expand-lg .navbar-form > .container, - .management-bar.navbar-expand-lg .navbar-form > .container-fluid { + .management-bar.navbar-expand-lg .navbar-form > .container-fluid, + .management-bar.navbar-expand-lg .navbar-form > .container-sm, + .management-bar.navbar-expand-lg .navbar-form > .container-md, + .management-bar.navbar-expand-lg .navbar-form > .container-lg, + .management-bar.navbar-expand-lg .navbar-form > .container-xl { padding-left: 0; padding-right: 0; } .management-bar.navbar-expand-lg .nav-btn { @@ -14964,9 +15956,16 @@ a.collapse-icon { padding-left: 0.5rem; padding-right: 0.5rem; padding-top: 0.34375rem; } + .management-bar.navbar-expand-lg .nav-btn .c-inner { + margin-bottom: -0.34375rem; + margin-left: -0.5rem; + margin-right: -0.5rem; + margin-top: -0.34375rem; } .management-bar.navbar-expand-lg .nav-btn-monospaced { font-size: 1rem; padding: 0; } + .management-bar.navbar-expand-lg .nav-btn-monospaced .c-inner { + margin: 0; } .management-bar.navbar-expand-lg .nav-item > .custom-control, .management-bar.navbar-expand-lg .nav-item > .form-check { margin-left: 0.5rem; @@ -14981,13 +15980,21 @@ a.collapse-icon { padding-left: 0.5rem; padding-right: 0.5rem; padding-top: 0.34375rem; } + .management-bar.navbar-expand-lg .nav-link .c-inner, + .management-bar.navbar-expand-lg .navbar-text .c-inner { + margin-bottom: -0.34375rem; + margin-left: -0.5rem; + margin-right: -0.5rem; + margin-top: -0.34375rem; } .management-bar.navbar-expand-lg .nav-link-monospaced { font-size: 1rem; margin-bottom: 0.96875rem; margin-left: 0.5rem; margin-right: 0.5rem; margin-top: 0.96875rem; - padding: 0; } } + padding: 0; } + .management-bar.navbar-expand-lg .nav-link-monospaced .c-inner { + margin: 0; } } @media (max-width: 1279.98px) { .management-bar.navbar-expand-xl.navbar-collapse-absolute .navbar-collapse { border-color: transparent; @@ -15021,12 +16028,21 @@ a.collapse-icon { padding-left: 0.5rem; padding-right: 0.5rem; padding-top: 1.125rem; } + .management-bar.navbar-expand-xl .navbar-brand .c-inner { + margin-bottom: -1.125rem; + margin-left: -0.5rem; + margin-right: -0.5rem; + margin-top: -1.125rem; } .management-bar.navbar-expand-xl .navbar-form { height: 3.9375rem; padding-left: 0.5rem; padding-right: 0.5rem; } .management-bar.navbar-expand-xl .navbar-form > .container, - .management-bar.navbar-expand-xl .navbar-form > .container-fluid { + .management-bar.navbar-expand-xl .navbar-form > .container-fluid, + .management-bar.navbar-expand-xl .navbar-form > .container-sm, + .management-bar.navbar-expand-xl .navbar-form > .container-md, + .management-bar.navbar-expand-xl .navbar-form > .container-lg, + .management-bar.navbar-expand-xl .navbar-form > .container-xl { padding-left: 0; padding-right: 0; } .management-bar.navbar-expand-xl .nav-btn { @@ -15039,9 +16055,16 @@ a.collapse-icon { padding-left: 0.5rem; padding-right: 0.5rem; padding-top: 0.34375rem; } + .management-bar.navbar-expand-xl .nav-btn .c-inner { + margin-bottom: -0.34375rem; + margin-left: -0.5rem; + margin-right: -0.5rem; + margin-top: -0.34375rem; } .management-bar.navbar-expand-xl .nav-btn-monospaced { font-size: 1rem; padding: 0; } + .management-bar.navbar-expand-xl .nav-btn-monospaced .c-inner { + margin: 0; } .management-bar.navbar-expand-xl .nav-item > .custom-control, .management-bar.navbar-expand-xl .nav-item > .form-check { margin-left: 0.5rem; @@ -15056,13 +16079,21 @@ a.collapse-icon { padding-left: 0.5rem; padding-right: 0.5rem; padding-top: 0.34375rem; } + .management-bar.navbar-expand-xl .nav-link .c-inner, + .management-bar.navbar-expand-xl .navbar-text .c-inner { + margin-bottom: -0.34375rem; + margin-left: -0.5rem; + margin-right: -0.5rem; + margin-top: -0.34375rem; } .management-bar.navbar-expand-xl .nav-link-monospaced { font-size: 1rem; margin-bottom: 0.96875rem; margin-left: 0.5rem; margin-right: 0.5rem; margin-top: 0.96875rem; - padding: 0; } } + padding: 0; } + .management-bar.navbar-expand-xl .nav-link-monospaced .c-inner { + margin: 0; } } .management-bar.navbar-expand .navbar-brand { font-size: 1.125rem; margin-right: 0.5rem; @@ -15070,12 +16101,21 @@ a.collapse-icon { padding-left: 0.5rem; padding-right: 0.5rem; padding-top: 1.125rem; } + .management-bar.navbar-expand .navbar-brand .c-inner { + margin-bottom: -1.125rem; + margin-left: -0.5rem; + margin-right: -0.5rem; + margin-top: -1.125rem; } .management-bar.navbar-expand .navbar-form { height: 3.9375rem; padding-left: 0.5rem; padding-right: 0.5rem; } .management-bar.navbar-expand .navbar-form > .container, - .management-bar.navbar-expand .navbar-form > .container-fluid { + .management-bar.navbar-expand .navbar-form > .container-fluid, + .management-bar.navbar-expand .navbar-form > .container-sm, + .management-bar.navbar-expand .navbar-form > .container-md, + .management-bar.navbar-expand .navbar-form > .container-lg, + .management-bar.navbar-expand .navbar-form > .container-xl { padding-left: 0; padding-right: 0; } .management-bar.navbar-expand .nav-btn { @@ -15088,9 +16128,16 @@ a.collapse-icon { padding-left: 0.5rem; padding-right: 0.5rem; padding-top: 0.34375rem; } + .management-bar.navbar-expand .nav-btn .c-inner { + margin-bottom: -0.34375rem; + margin-left: -0.5rem; + margin-right: -0.5rem; + margin-top: -0.34375rem; } .management-bar.navbar-expand .nav-btn-monospaced { font-size: 1rem; padding: 0; } + .management-bar.navbar-expand .nav-btn-monospaced .c-inner { + margin: 0; } .management-bar.navbar-expand .nav-item > .custom-control, .management-bar.navbar-expand .nav-item > .form-check { margin-left: 0.5rem; @@ -15105,6 +16152,12 @@ a.collapse-icon { padding-left: 0.5rem; padding-right: 0.5rem; padding-top: 0.34375rem; } + .management-bar.navbar-expand .nav-link .c-inner, + .management-bar.navbar-expand .navbar-text .c-inner { + margin-bottom: -0.34375rem; + margin-left: -0.5rem; + margin-right: -0.5rem; + margin-top: -0.34375rem; } .management-bar.navbar-expand .nav-link-monospaced { font-size: 1rem; margin-bottom: 0.96875rem; @@ -15112,6 +16165,8 @@ a.collapse-icon { margin-right: 0.5rem; margin-top: 0.96875rem; padding: 0; } + .management-bar.navbar-expand .nav-link-monospaced .c-inner { + margin: 0; } @media (max-width: 575.98px) { .management-bar .navbar-overlay-xs-down { padding-bottom: 0; @@ -15431,9 +16486,14 @@ a.collapse-icon { padding-left: 0.75rem; padding-right: 0.75rem; padding-top: 0.25rem; } + .navigation-bar .navbar-toggler .c-inner { + margin-bottom: -0.25rem; + margin-left: -0.75rem; + margin-right: -0.75rem; + margin-top: -0.25rem; } .navigation-bar .navbar-toggler-link { - height: 2rem; font-size: 0.875rem; + height: 2rem; line-height: 1.5; margin-bottom: 0.5rem; margin-left: 0; @@ -15443,6 +16503,11 @@ a.collapse-icon { padding-left: 1rem; padding-right: 1rem; padding-top: 0; } + .navigation-bar .navbar-toggler-link .c-inner { + margin-bottom: 0; + margin-left: -1rem; + margin-right: -1rem; + margin-top: 0; } .navigation-bar .navbar-brand { font-size: 1.125rem; margin-right: 0; @@ -15450,6 +16515,11 @@ a.collapse-icon { padding-left: 1rem; padding-right: 1rem; padding-top: 0.65625rem; } + .navigation-bar .navbar-brand .c-inner { + margin-bottom: -0.65625rem; + margin-left: -1rem; + margin-right: -1rem; + margin-top: -0.65625rem; } .navigation-bar .navbar-nav .nav-btn { font-size: 0.875rem; margin-bottom: 0.5rem; @@ -15460,8 +16530,15 @@ a.collapse-icon { padding-left: 1rem; padding-right: 1rem; padding-top: 1rem; } + .navigation-bar .navbar-nav .nav-btn .c-inner { + margin-bottom: -1rem; + margin-left: -1rem; + margin-right: -1rem; + margin-top: -1rem; } .navigation-bar .navbar-nav .nav-btn-monospaced { padding: 0; } + .navigation-bar .navbar-nav .nav-btn-monospaced .c-inner { + margin: 0; } .navigation-bar .navbar-nav .nav-item > .custom-control, .navigation-bar .navbar-nav .nav-item > .form-check { margin-left: 1rem; @@ -15474,12 +16551,20 @@ a.collapse-icon { padding-left: 1rem; padding-right: 1rem; padding-top: 0.34375rem; } + .navigation-bar .navbar-nav .nav-link .c-inner, + .navigation-bar .navbar-nav .navbar-text .c-inner { + margin-bottom: -0.34375rem; + margin-left: -1rem; + margin-right: -1rem; + margin-top: -0.34375rem; } .navigation-bar .navbar-nav .nav-link-monospaced { margin-bottom: 0.5rem; margin-left: 1rem; margin-right: 1rem; margin-top: 0.5rem; padding: 0; } + .navigation-bar .navbar-nav .nav-link-monospaced .c-inner { + margin: 0; } .navigation-bar .dropdown-menu { margin-top: 0; } @media (max-width: 575.98px) { @@ -15651,6 +16736,7 @@ a.collapse-icon { height: 0.25rem; } .navigation-bar .nav-link, .navigation-bar .navbar-nav .btn-unstyled { + border-radius: 0; outline: 0; } .navigation-bar .nav-link:focus, .navigation-bar .navbar-nav .btn-unstyled:focus { @@ -15660,6 +16746,7 @@ a.collapse-icon { .navigation-bar .navbar-nav .btn-unstyled:disabled { box-shadow: none; } .navigation-bar .navbar-brand { + border-radius: 0; outline: 0; } .navigation-bar .navbar-brand:focus { box-shadow: 0 0 0 0.125rem #FFF, 0 0 0 0.25rem #80acff; } @@ -15919,6 +17006,11 @@ a.collapse-icon { padding-right: 0.625rem; padding-top: 0; transition: box-shadow 0.15s ease-in-out; } + .page-link > .c-inner { + margin-bottom: 0; + margin-left: -0.625rem; + margin-right: -0.625rem; + margin-top: 0; } .page-link .lexicon-icon { margin-top: 0; } .page-link:hover { @@ -15998,6 +17090,12 @@ a.collapse-icon { padding-top: 0; text-decoration: none; transition: box-shadow 0.15s ease-in-out; } + .pagination-items-per-page > a > .c-inner, + .pagination-items-per-page > button > .c-inner { + margin-bottom: 0; + margin-left: -0.625rem; + margin-right: -0.625rem; + margin-top: 0; } .pagination-items-per-page > a .lexicon-icon, .pagination-items-per-page > button .lexicon-icon { margin-left: 0.125rem; @@ -16076,6 +17174,9 @@ a.collapse-icon { height: 1.5rem; line-height: 1; padding: 0 0.625rem; } + .pagination-sm .pagination-items-per-page > a .c-inner, + .pagination-sm .pagination-items-per-page > .btn-unstyled .c-inner { + margin: 0 -0.625rem; } .pagination-sm .pagination-results { font-size: 0.75rem; @@ -16086,6 +17187,8 @@ a.collapse-icon { font-size: 0.75rem; height: 1.5rem; line-height: 1; } + .pagination-sm .page-link .c-inner { + margin: 0 -0.5rem; } .pagination-sm .page-link.btn-unstyled { padding: 0 0.5rem; } @@ -16098,6 +17201,9 @@ a.collapse-icon { height: 2.75rem; line-height: 1; padding: 0 0.625rem; } + .pagination-lg .pagination-items-per-page > a .c-inner, + .pagination-lg .pagination-items-per-page > .btn-unstyled .c-inner { + margin: 0 -0.625rem; } .pagination-lg .pagination-results { font-size: 1.125rem; @@ -16108,6 +17214,8 @@ a.collapse-icon { font-size: 1.125rem; height: 2.75rem; line-height: 1; } + .pagination-lg .page-link .c-inner { + margin: 0 -1rem; } .pagination-lg .page-link.btn-unstyled { padding: 0 1rem; } @@ -16130,6 +17238,9 @@ a.collapse-icon { padding: 0.75rem 1.25rem; position: relative; width: 100%; } + .panel-header .c-inner { + margin: -0.75rem -1.25rem; + width: auto; } .panel-header.collapsed { border-bottom-right-radius: calc(0.25rem - 1px); border-bottom-left-radius: calc(0.25rem - 1px); } @@ -16251,6 +17362,10 @@ a.collapse-icon { .panel-group-flush .panel-header-link { padding-left: 0; padding-right: 0; } + .panel-group-flush .panel-header .c-inner, + .panel-group-flush .panel-header-link .c-inner { + margin-left: 0; + margin-right: 0; } .panel-group-flush .panel-body { margin-bottom: 1.5rem; @@ -16258,6 +17373,8 @@ a.collapse-icon { .panel-group-flush .collapse-icon { padding-right: 1.5rem; } + .panel-group-flush .collapse-icon .c-inner { + margin-right: -1.5rem; } .panel-group-flush .collapse-icon-closed, .panel-group-flush .collapse-icon-open { @@ -16268,6 +17385,9 @@ a.collapse-icon { .panel-group-sm .panel .panel-header { padding-bottom: 0.5rem; padding-top: 0.5rem; } + .panel-group-sm .panel .panel-header .c-inner { + margin-bottom: -0.5rem; + margin-top: -0.5rem; } .panel-group-sm .panel .panel-header:not(.collapse-icon-middle) .collapse-icon-closed, .panel-group-sm .panel .panel-header:not(.collapse-icon-middle) .collapse-icon-open { top: 0.6875rem; } @@ -16503,10 +17623,10 @@ a.collapse-icon { margin-right: 0; } .progress-success .progress-bar { - background-color: #287D3D; } + background-color: #287D3C; } .progress-success .progress-group-feedback { - color: #287D3D; } + color: #287D3C; } .progress-info .progress-bar { background-color: #2E5AAC; } @@ -16670,6 +17790,9 @@ fieldset + .sheet-footer { @media (max-width: 767.98px) { .sheet-subtitle { margin-bottom: 1rem; } } + .sheet-subtitle .c-inner { + margin-bottom: -0.5rem; + margin-top: -0.5rem; } .sheet-subtitle.autofit-row { padding-bottom: 0; } .sheet-subtitle.autofit-row .autofit-col { @@ -16811,7 +17934,7 @@ a.sheet-subtitle { height: 100%; overflow: auto; -webkit-overflow-scrolling: touch; } - .sidebar .container-fluid { + .sidebar .container-fluid, .sidebar .container-sm, .sidebar .container-md, .sidebar .container-lg, .sidebar .container-xl { padding-left: 1rem; padding-right: 1rem; } @@ -17021,7 +18144,7 @@ th { margin-left: 0.25rem; } .table { - border-collapse: collapse; + border-spacing: 0; font-size: 0.875rem; margin-bottom: 0; } .table thead td, @@ -17557,21 +18680,6 @@ th { .table-list .table-active .quick-action-menu { background-color: #f0f5ff; } -.table-responsive-sm { - margin-bottom: 1.5rem; } - -.table-responsive-md { - margin-bottom: 1.5rem; } - -.table-responsive-lg { - margin-bottom: 1.5rem; } - -.table-responsive-xl { - margin-bottom: 1.5rem; } - -.table-responsive { - margin-bottom: 1.5rem; } - .table .table-cell-minw-50 { min-width: 50px; } @@ -17614,7 +18722,11 @@ th { .tbar { display: flex; } .tbar > .container, - .tbar > .container-fluid { + .tbar > .container-fluid, + .tbar > .container-sm, + .tbar > .container-md, + .tbar > .container-lg, + .tbar > .container-xl { display: flex; } .tbar-nav { @@ -17672,7 +18784,11 @@ th { .tbar-inline-xs-down { display: block; } .tbar-inline-xs-down .container, - .tbar-inline-xs-down .container-fluid { + .tbar-inline-xs-down .container-fluid, + .tbar-inline-xs-down .container-sm, + .tbar-inline-xs-down .container-md, + .tbar-inline-xs-down .container-lg, + .tbar-inline-xs-down .container-xl { display: block; } .tbar-inline-xs-down .component-title, .tbar-inline-xs-down .tbar-nav, @@ -17686,7 +18802,11 @@ th { .tbar-inline-sm-down { display: block; } .tbar-inline-sm-down .container, - .tbar-inline-sm-down .container-fluid { + .tbar-inline-sm-down .container-fluid, + .tbar-inline-sm-down .container-sm, + .tbar-inline-sm-down .container-md, + .tbar-inline-sm-down .container-lg, + .tbar-inline-sm-down .container-xl { display: block; } .tbar-inline-sm-down .component-title, .tbar-inline-sm-down .tbar-nav, @@ -17700,7 +18820,11 @@ th { .tbar-inline-md-down { display: block; } .tbar-inline-md-down .container, - .tbar-inline-md-down .container-fluid { + .tbar-inline-md-down .container-fluid, + .tbar-inline-md-down .container-sm, + .tbar-inline-md-down .container-md, + .tbar-inline-md-down .container-lg, + .tbar-inline-md-down .container-xl { display: block; } .tbar-inline-md-down .component-title, .tbar-inline-md-down .tbar-nav, @@ -17714,7 +18838,11 @@ th { .tbar-inline-lg-down { display: block; } .tbar-inline-lg-down .container, - .tbar-inline-lg-down .container-fluid { + .tbar-inline-lg-down .container-fluid, + .tbar-inline-lg-down .container-sm, + .tbar-inline-lg-down .container-md, + .tbar-inline-lg-down .container-lg, + .tbar-inline-lg-down .container-xl { display: block; } .tbar-inline-lg-down .component-title, .tbar-inline-lg-down .tbar-nav, @@ -17727,7 +18855,11 @@ th { .tbar-inline-xl-down { display: block; } .tbar-inline-xl-down .container, - .tbar-inline-xl-down .container-fluid { + .tbar-inline-xl-down .container-fluid, + .tbar-inline-xl-down .container-sm, + .tbar-inline-xl-down .container-md, + .tbar-inline-xl-down .container-lg, + .tbar-inline-xl-down .container-xl { display: block; } .tbar-inline-xl-down .component-title, .tbar-inline-xl-down .tbar-nav, @@ -17773,6 +18905,9 @@ th { margin-top: 0.125rem; padding-bottom: 0; padding-top: 0; } + .subnav-tbar .tbar-btn .c-inner { + margin-bottom: 0; + margin-top: 0; } .subnav-tbar .tbar-link { margin-bottom: 0.125rem; margin-top: 0.125rem; @@ -17780,12 +18915,19 @@ th { padding-left: 0.25rem; padding-right: 0.25rem; padding-top: 0.09375rem; } + .subnav-tbar .tbar-link .c-inner { + margin-bottom: -0.09375rem; + margin-left: -0.25rem; + margin-right: -0.25rem; + margin-top: -0.09375rem; } .subnav-tbar .tbar-btn-monospaced { height: 1.5rem; margin-bottom: 0.125rem; margin-top: 0.125rem; padding: 0.25rem; width: 1.5rem; } + .subnav-tbar .tbar-btn-monospaced .c-inner { + margin: -0.25rem; } .subnav-tbar .tbar-link-monospaced { height: 1.5rem; margin-bottom: 0.125rem; @@ -17852,6 +18994,11 @@ th { padding-right: 0.625rem; padding-top: 0.3125rem; text-transform: none; } + .subnav-tbar-primary .tbar-label > .c-inner { + margin-bottom: -0.3125rem; + margin-left: -0.625rem; + margin-right: -0.625rem; + margin-top: -0.3125rem; } .subnav-tbar-primary.subnav-tbar-disabled { background-color: #cfddf8; color: #8E94AA; } @@ -18313,7 +19460,8 @@ label.toggle-switch { line-height: 24px; } } .tooltip-inner { - box-shadow: 0 1px 4px 0px rgba(0, 0, 0, 0.4); } + box-shadow: 0 1px 4px 0px rgba(0, 0, 0, 0.4); + white-space: pre-line; } .tooltip-arrow { background-color: #272833; @@ -18481,6 +19629,71 @@ mark, width: 0.25em; z-index: -1; } +.c-kbd-group { + font-size: 0.875rem; } + +.c-kbd { + background-color: transparent; + border-color: transparent; + border-radius: 2px; + border-style: solid; + border-width: 1px; + box-shadow: none; + color: inherit; + display: inline-block; + font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 0.875rem; + font-weight: 600; + height: 1.5rem; + line-height: 1.375rem; + min-width: 1.5rem; + padding: 0 0.3125rem; + text-align: center; + text-transform: capitalize; } + +.c-kbd-monospaced { + padding: 0; } + +.c-kbd-inline { + border-width: 0; + font-weight: 300; + height: auto; + line-height: inherit; + min-width: 0; + padding: 0; } + +.c-kbd-group-sm { + font-size: 0.75rem; } + .c-kbd-group-sm .c-kbd { + font-size: inherit; } + +.c-kbd-group-lg { + font-size: 1rem; } + .c-kbd-group-lg .c-kbd { + font-size: inherit; } + +.c-kbd.c-kbd-sm { + font-size: 0.75rem; } + +.c-kbd.c-kbd-lg { + font-size: 1rem; } + +.c-kbd-group-light { + color: #6B6C7E; } + +.c-kbd-light { + background-color: #FFF; + border-color: #CDCED9; + color: #6B6C7E; } + +.c-kbd-group-dark { + color: #FFF; } + +.c-kbd-dark { + background-color: #393a4a; + border-color: #393a4a; + color: #FFF; } + .text-truncate { display: block; } @@ -18673,6 +19886,24 @@ mark, .autofit-float-end-md-down > .autofit-col-end + .autofit-col-end { margin-left: 0; } } +.c-inner { + align-items: inherit; + display: inherit; + flex-direction: inherit; + height: inherit; + justify-content: inherit; + line-height: inherit; + max-width: inherit; + min-width: inherit; + outline: 0; + overflow: inherit; + padding-bottom: inherit; + padding-left: inherit; + padding-right: inherit; + padding-top: inherit; + text-overflow: inherit; + width: inherit; } + .heading-start { margin-right: 1rem; } @@ -18717,6 +19948,2039 @@ mark, .page-header { background-color: #FFF; } +.c-m-0 { + margin: 0; } + +.c-mt-0, +.c-my-0 { + margin-top: 0; } + +.c-mr-0, +.c-mx-0 { + margin-right: 0; } + +.c-mb-0, +.c-my-0 { + margin-bottom: 0; } + +.c-ml-0, +.c-mx-0 { + margin-left: 0; } + +.c-m-1 { + margin: 0.25rem; } + +.c-mt-1, +.c-my-1 { + margin-top: 0.25rem; } + +.c-mr-1, +.c-mx-1 { + margin-right: 0.25rem; } + +.c-mb-1, +.c-my-1 { + margin-bottom: 0.25rem; } + +.c-ml-1, +.c-mx-1 { + margin-left: 0.25rem; } + +.c-m-2 { + margin: 0.5rem; } + +.c-mt-2, +.c-my-2 { + margin-top: 0.5rem; } + +.c-mr-2, +.c-mx-2 { + margin-right: 0.5rem; } + +.c-mb-2, +.c-my-2 { + margin-bottom: 0.5rem; } + +.c-ml-2, +.c-mx-2 { + margin-left: 0.5rem; } + +.c-m-3 { + margin: 1rem; } + +.c-mt-3, +.c-my-3 { + margin-top: 1rem; } + +.c-mr-3, +.c-mx-3 { + margin-right: 1rem; } + +.c-mb-3, +.c-my-3 { + margin-bottom: 1rem; } + +.c-ml-3, +.c-mx-3 { + margin-left: 1rem; } + +.c-m-4 { + margin: 1.5rem; } + +.c-mt-4, +.c-my-4 { + margin-top: 1.5rem; } + +.c-mr-4, +.c-mx-4 { + margin-right: 1.5rem; } + +.c-mb-4, +.c-my-4 { + margin-bottom: 1.5rem; } + +.c-ml-4, +.c-mx-4 { + margin-left: 1.5rem; } + +.c-m-5 { + margin: 3rem; } + +.c-mt-5, +.c-my-5 { + margin-top: 3rem; } + +.c-mr-5, +.c-mx-5 { + margin-right: 3rem; } + +.c-mb-5, +.c-my-5 { + margin-bottom: 3rem; } + +.c-ml-5, +.c-mx-5 { + margin-left: 3rem; } + +.c-m-6 { + margin: 4.5rem; } + +.c-mt-6, +.c-my-6 { + margin-top: 4.5rem; } + +.c-mr-6, +.c-mx-6 { + margin-right: 4.5rem; } + +.c-mb-6, +.c-my-6 { + margin-bottom: 4.5rem; } + +.c-ml-6, +.c-mx-6 { + margin-left: 4.5rem; } + +.c-m-7 { + margin: 6rem; } + +.c-mt-7, +.c-my-7 { + margin-top: 6rem; } + +.c-mr-7, +.c-mx-7 { + margin-right: 6rem; } + +.c-mb-7, +.c-my-7 { + margin-bottom: 6rem; } + +.c-ml-7, +.c-mx-7 { + margin-left: 6rem; } + +.c-m-8 { + margin: 7.5rem; } + +.c-mt-8, +.c-my-8 { + margin-top: 7.5rem; } + +.c-mr-8, +.c-mx-8 { + margin-right: 7.5rem; } + +.c-mb-8, +.c-my-8 { + margin-bottom: 7.5rem; } + +.c-ml-8, +.c-mx-8 { + margin-left: 7.5rem; } + +.c-p-0 { + padding: 0; } + +.c-pt-0, +.c-py-0 { + padding-top: 0; } + +.c-pr-0, +.c-px-0 { + padding-right: 0; } + +.c-pb-0, +.c-py-0 { + padding-bottom: 0; } + +.c-pl-0, +.c-px-0 { + padding-left: 0; } + +.c-p-1 { + padding: 0.25rem; } + +.c-pt-1, +.c-py-1 { + padding-top: 0.25rem; } + +.c-pr-1, +.c-px-1 { + padding-right: 0.25rem; } + +.c-pb-1, +.c-py-1 { + padding-bottom: 0.25rem; } + +.c-pl-1, +.c-px-1 { + padding-left: 0.25rem; } + +.c-p-2 { + padding: 0.5rem; } + +.c-pt-2, +.c-py-2 { + padding-top: 0.5rem; } + +.c-pr-2, +.c-px-2 { + padding-right: 0.5rem; } + +.c-pb-2, +.c-py-2 { + padding-bottom: 0.5rem; } + +.c-pl-2, +.c-px-2 { + padding-left: 0.5rem; } + +.c-p-3 { + padding: 1rem; } + +.c-pt-3, +.c-py-3 { + padding-top: 1rem; } + +.c-pr-3, +.c-px-3 { + padding-right: 1rem; } + +.c-pb-3, +.c-py-3 { + padding-bottom: 1rem; } + +.c-pl-3, +.c-px-3 { + padding-left: 1rem; } + +.c-p-4 { + padding: 1.5rem; } + +.c-pt-4, +.c-py-4 { + padding-top: 1.5rem; } + +.c-pr-4, +.c-px-4 { + padding-right: 1.5rem; } + +.c-pb-4, +.c-py-4 { + padding-bottom: 1.5rem; } + +.c-pl-4, +.c-px-4 { + padding-left: 1.5rem; } + +.c-p-5 { + padding: 3rem; } + +.c-pt-5, +.c-py-5 { + padding-top: 3rem; } + +.c-pr-5, +.c-px-5 { + padding-right: 3rem; } + +.c-pb-5, +.c-py-5 { + padding-bottom: 3rem; } + +.c-pl-5, +.c-px-5 { + padding-left: 3rem; } + +.c-p-6 { + padding: 4.5rem; } + +.c-pt-6, +.c-py-6 { + padding-top: 4.5rem; } + +.c-pr-6, +.c-px-6 { + padding-right: 4.5rem; } + +.c-pb-6, +.c-py-6 { + padding-bottom: 4.5rem; } + +.c-pl-6, +.c-px-6 { + padding-left: 4.5rem; } + +.c-p-7 { + padding: 6rem; } + +.c-pt-7, +.c-py-7 { + padding-top: 6rem; } + +.c-pr-7, +.c-px-7 { + padding-right: 6rem; } + +.c-pb-7, +.c-py-7 { + padding-bottom: 6rem; } + +.c-pl-7, +.c-px-7 { + padding-left: 6rem; } + +.c-p-8 { + padding: 7.5rem; } + +.c-pt-8, +.c-py-8 { + padding-top: 7.5rem; } + +.c-pr-8, +.c-px-8 { + padding-right: 7.5rem; } + +.c-pb-8, +.c-py-8 { + padding-bottom: 7.5rem; } + +.c-pl-8, +.c-px-8 { + padding-left: 7.5rem; } + +.c-m-n1 { + margin: -0.25rem; } + +.c-mt-n1, +.c-my-n1 { + margin-top: -0.25rem; } + +.c-mr-n1, +.c-mx-n1 { + margin-right: -0.25rem; } + +.c-mb-n1, +.c-my-n1 { + margin-bottom: -0.25rem; } + +.c-ml-n1, +.c-mx-n1 { + margin-left: -0.25rem; } + +.c-m-n2 { + margin: -0.5rem; } + +.c-mt-n2, +.c-my-n2 { + margin-top: -0.5rem; } + +.c-mr-n2, +.c-mx-n2 { + margin-right: -0.5rem; } + +.c-mb-n2, +.c-my-n2 { + margin-bottom: -0.5rem; } + +.c-ml-n2, +.c-mx-n2 { + margin-left: -0.5rem; } + +.c-m-n3 { + margin: -1rem; } + +.c-mt-n3, +.c-my-n3 { + margin-top: -1rem; } + +.c-mr-n3, +.c-mx-n3 { + margin-right: -1rem; } + +.c-mb-n3, +.c-my-n3 { + margin-bottom: -1rem; } + +.c-ml-n3, +.c-mx-n3 { + margin-left: -1rem; } + +.c-m-n4 { + margin: -1.5rem; } + +.c-mt-n4, +.c-my-n4 { + margin-top: -1.5rem; } + +.c-mr-n4, +.c-mx-n4 { + margin-right: -1.5rem; } + +.c-mb-n4, +.c-my-n4 { + margin-bottom: -1.5rem; } + +.c-ml-n4, +.c-mx-n4 { + margin-left: -1.5rem; } + +.c-m-n5 { + margin: -3rem; } + +.c-mt-n5, +.c-my-n5 { + margin-top: -3rem; } + +.c-mr-n5, +.c-mx-n5 { + margin-right: -3rem; } + +.c-mb-n5, +.c-my-n5 { + margin-bottom: -3rem; } + +.c-ml-n5, +.c-mx-n5 { + margin-left: -3rem; } + +.c-m-n6 { + margin: -4.5rem; } + +.c-mt-n6, +.c-my-n6 { + margin-top: -4.5rem; } + +.c-mr-n6, +.c-mx-n6 { + margin-right: -4.5rem; } + +.c-mb-n6, +.c-my-n6 { + margin-bottom: -4.5rem; } + +.c-ml-n6, +.c-mx-n6 { + margin-left: -4.5rem; } + +.c-m-n7 { + margin: -6rem; } + +.c-mt-n7, +.c-my-n7 { + margin-top: -6rem; } + +.c-mr-n7, +.c-mx-n7 { + margin-right: -6rem; } + +.c-mb-n7, +.c-my-n7 { + margin-bottom: -6rem; } + +.c-ml-n7, +.c-mx-n7 { + margin-left: -6rem; } + +.c-m-n8 { + margin: -7.5rem; } + +.c-mt-n8, +.c-my-n8 { + margin-top: -7.5rem; } + +.c-mr-n8, +.c-mx-n8 { + margin-right: -7.5rem; } + +.c-mb-n8, +.c-my-n8 { + margin-bottom: -7.5rem; } + +.c-ml-n8, +.c-mx-n8 { + margin-left: -7.5rem; } + +.c-m-auto { + margin: auto; } + +.c-mt-auto, +.c-my-auto { + margin-top: auto; } + +.c-mr-auto, +.c-mx-auto { + margin-right: auto; } + +.c-mb-auto, +.c-my-auto { + margin-bottom: auto; } + +.c-ml-auto, +.c-mx-auto { + margin-left: auto; } + +@media (min-width: 576px) { + .c-m-sm-0 { + margin: 0; } + .c-mt-sm-0, + .c-my-sm-0 { + margin-top: 0; } + .c-mr-sm-0, + .c-mx-sm-0 { + margin-right: 0; } + .c-mb-sm-0, + .c-my-sm-0 { + margin-bottom: 0; } + .c-ml-sm-0, + .c-mx-sm-0 { + margin-left: 0; } + .c-m-sm-1 { + margin: 0.25rem; } + .c-mt-sm-1, + .c-my-sm-1 { + margin-top: 0.25rem; } + .c-mr-sm-1, + .c-mx-sm-1 { + margin-right: 0.25rem; } + .c-mb-sm-1, + .c-my-sm-1 { + margin-bottom: 0.25rem; } + .c-ml-sm-1, + .c-mx-sm-1 { + margin-left: 0.25rem; } + .c-m-sm-2 { + margin: 0.5rem; } + .c-mt-sm-2, + .c-my-sm-2 { + margin-top: 0.5rem; } + .c-mr-sm-2, + .c-mx-sm-2 { + margin-right: 0.5rem; } + .c-mb-sm-2, + .c-my-sm-2 { + margin-bottom: 0.5rem; } + .c-ml-sm-2, + .c-mx-sm-2 { + margin-left: 0.5rem; } + .c-m-sm-3 { + margin: 1rem; } + .c-mt-sm-3, + .c-my-sm-3 { + margin-top: 1rem; } + .c-mr-sm-3, + .c-mx-sm-3 { + margin-right: 1rem; } + .c-mb-sm-3, + .c-my-sm-3 { + margin-bottom: 1rem; } + .c-ml-sm-3, + .c-mx-sm-3 { + margin-left: 1rem; } + .c-m-sm-4 { + margin: 1.5rem; } + .c-mt-sm-4, + .c-my-sm-4 { + margin-top: 1.5rem; } + .c-mr-sm-4, + .c-mx-sm-4 { + margin-right: 1.5rem; } + .c-mb-sm-4, + .c-my-sm-4 { + margin-bottom: 1.5rem; } + .c-ml-sm-4, + .c-mx-sm-4 { + margin-left: 1.5rem; } + .c-m-sm-5 { + margin: 3rem; } + .c-mt-sm-5, + .c-my-sm-5 { + margin-top: 3rem; } + .c-mr-sm-5, + .c-mx-sm-5 { + margin-right: 3rem; } + .c-mb-sm-5, + .c-my-sm-5 { + margin-bottom: 3rem; } + .c-ml-sm-5, + .c-mx-sm-5 { + margin-left: 3rem; } + .c-m-sm-6 { + margin: 4.5rem; } + .c-mt-sm-6, + .c-my-sm-6 { + margin-top: 4.5rem; } + .c-mr-sm-6, + .c-mx-sm-6 { + margin-right: 4.5rem; } + .c-mb-sm-6, + .c-my-sm-6 { + margin-bottom: 4.5rem; } + .c-ml-sm-6, + .c-mx-sm-6 { + margin-left: 4.5rem; } + .c-m-sm-7 { + margin: 6rem; } + .c-mt-sm-7, + .c-my-sm-7 { + margin-top: 6rem; } + .c-mr-sm-7, + .c-mx-sm-7 { + margin-right: 6rem; } + .c-mb-sm-7, + .c-my-sm-7 { + margin-bottom: 6rem; } + .c-ml-sm-7, + .c-mx-sm-7 { + margin-left: 6rem; } + .c-m-sm-8 { + margin: 7.5rem; } + .c-mt-sm-8, + .c-my-sm-8 { + margin-top: 7.5rem; } + .c-mr-sm-8, + .c-mx-sm-8 { + margin-right: 7.5rem; } + .c-mb-sm-8, + .c-my-sm-8 { + margin-bottom: 7.5rem; } + .c-ml-sm-8, + .c-mx-sm-8 { + margin-left: 7.5rem; } + .c-p-sm-0 { + padding: 0; } + .c-pt-sm-0, + .c-py-sm-0 { + padding-top: 0; } + .c-pr-sm-0, + .c-px-sm-0 { + padding-right: 0; } + .c-pb-sm-0, + .c-py-sm-0 { + padding-bottom: 0; } + .c-pl-sm-0, + .c-px-sm-0 { + padding-left: 0; } + .c-p-sm-1 { + padding: 0.25rem; } + .c-pt-sm-1, + .c-py-sm-1 { + padding-top: 0.25rem; } + .c-pr-sm-1, + .c-px-sm-1 { + padding-right: 0.25rem; } + .c-pb-sm-1, + .c-py-sm-1 { + padding-bottom: 0.25rem; } + .c-pl-sm-1, + .c-px-sm-1 { + padding-left: 0.25rem; } + .c-p-sm-2 { + padding: 0.5rem; } + .c-pt-sm-2, + .c-py-sm-2 { + padding-top: 0.5rem; } + .c-pr-sm-2, + .c-px-sm-2 { + padding-right: 0.5rem; } + .c-pb-sm-2, + .c-py-sm-2 { + padding-bottom: 0.5rem; } + .c-pl-sm-2, + .c-px-sm-2 { + padding-left: 0.5rem; } + .c-p-sm-3 { + padding: 1rem; } + .c-pt-sm-3, + .c-py-sm-3 { + padding-top: 1rem; } + .c-pr-sm-3, + .c-px-sm-3 { + padding-right: 1rem; } + .c-pb-sm-3, + .c-py-sm-3 { + padding-bottom: 1rem; } + .c-pl-sm-3, + .c-px-sm-3 { + padding-left: 1rem; } + .c-p-sm-4 { + padding: 1.5rem; } + .c-pt-sm-4, + .c-py-sm-4 { + padding-top: 1.5rem; } + .c-pr-sm-4, + .c-px-sm-4 { + padding-right: 1.5rem; } + .c-pb-sm-4, + .c-py-sm-4 { + padding-bottom: 1.5rem; } + .c-pl-sm-4, + .c-px-sm-4 { + padding-left: 1.5rem; } + .c-p-sm-5 { + padding: 3rem; } + .c-pt-sm-5, + .c-py-sm-5 { + padding-top: 3rem; } + .c-pr-sm-5, + .c-px-sm-5 { + padding-right: 3rem; } + .c-pb-sm-5, + .c-py-sm-5 { + padding-bottom: 3rem; } + .c-pl-sm-5, + .c-px-sm-5 { + padding-left: 3rem; } + .c-p-sm-6 { + padding: 4.5rem; } + .c-pt-sm-6, + .c-py-sm-6 { + padding-top: 4.5rem; } + .c-pr-sm-6, + .c-px-sm-6 { + padding-right: 4.5rem; } + .c-pb-sm-6, + .c-py-sm-6 { + padding-bottom: 4.5rem; } + .c-pl-sm-6, + .c-px-sm-6 { + padding-left: 4.5rem; } + .c-p-sm-7 { + padding: 6rem; } + .c-pt-sm-7, + .c-py-sm-7 { + padding-top: 6rem; } + .c-pr-sm-7, + .c-px-sm-7 { + padding-right: 6rem; } + .c-pb-sm-7, + .c-py-sm-7 { + padding-bottom: 6rem; } + .c-pl-sm-7, + .c-px-sm-7 { + padding-left: 6rem; } + .c-p-sm-8 { + padding: 7.5rem; } + .c-pt-sm-8, + .c-py-sm-8 { + padding-top: 7.5rem; } + .c-pr-sm-8, + .c-px-sm-8 { + padding-right: 7.5rem; } + .c-pb-sm-8, + .c-py-sm-8 { + padding-bottom: 7.5rem; } + .c-pl-sm-8, + .c-px-sm-8 { + padding-left: 7.5rem; } + .c-m-sm-n1 { + margin: -0.25rem; } + .c-mt-sm-n1, + .c-my-sm-n1 { + margin-top: -0.25rem; } + .c-mr-sm-n1, + .c-mx-sm-n1 { + margin-right: -0.25rem; } + .c-mb-sm-n1, + .c-my-sm-n1 { + margin-bottom: -0.25rem; } + .c-ml-sm-n1, + .c-mx-sm-n1 { + margin-left: -0.25rem; } + .c-m-sm-n2 { + margin: -0.5rem; } + .c-mt-sm-n2, + .c-my-sm-n2 { + margin-top: -0.5rem; } + .c-mr-sm-n2, + .c-mx-sm-n2 { + margin-right: -0.5rem; } + .c-mb-sm-n2, + .c-my-sm-n2 { + margin-bottom: -0.5rem; } + .c-ml-sm-n2, + .c-mx-sm-n2 { + margin-left: -0.5rem; } + .c-m-sm-n3 { + margin: -1rem; } + .c-mt-sm-n3, + .c-my-sm-n3 { + margin-top: -1rem; } + .c-mr-sm-n3, + .c-mx-sm-n3 { + margin-right: -1rem; } + .c-mb-sm-n3, + .c-my-sm-n3 { + margin-bottom: -1rem; } + .c-ml-sm-n3, + .c-mx-sm-n3 { + margin-left: -1rem; } + .c-m-sm-n4 { + margin: -1.5rem; } + .c-mt-sm-n4, + .c-my-sm-n4 { + margin-top: -1.5rem; } + .c-mr-sm-n4, + .c-mx-sm-n4 { + margin-right: -1.5rem; } + .c-mb-sm-n4, + .c-my-sm-n4 { + margin-bottom: -1.5rem; } + .c-ml-sm-n4, + .c-mx-sm-n4 { + margin-left: -1.5rem; } + .c-m-sm-n5 { + margin: -3rem; } + .c-mt-sm-n5, + .c-my-sm-n5 { + margin-top: -3rem; } + .c-mr-sm-n5, + .c-mx-sm-n5 { + margin-right: -3rem; } + .c-mb-sm-n5, + .c-my-sm-n5 { + margin-bottom: -3rem; } + .c-ml-sm-n5, + .c-mx-sm-n5 { + margin-left: -3rem; } + .c-m-sm-n6 { + margin: -4.5rem; } + .c-mt-sm-n6, + .c-my-sm-n6 { + margin-top: -4.5rem; } + .c-mr-sm-n6, + .c-mx-sm-n6 { + margin-right: -4.5rem; } + .c-mb-sm-n6, + .c-my-sm-n6 { + margin-bottom: -4.5rem; } + .c-ml-sm-n6, + .c-mx-sm-n6 { + margin-left: -4.5rem; } + .c-m-sm-n7 { + margin: -6rem; } + .c-mt-sm-n7, + .c-my-sm-n7 { + margin-top: -6rem; } + .c-mr-sm-n7, + .c-mx-sm-n7 { + margin-right: -6rem; } + .c-mb-sm-n7, + .c-my-sm-n7 { + margin-bottom: -6rem; } + .c-ml-sm-n7, + .c-mx-sm-n7 { + margin-left: -6rem; } + .c-m-sm-n8 { + margin: -7.5rem; } + .c-mt-sm-n8, + .c-my-sm-n8 { + margin-top: -7.5rem; } + .c-mr-sm-n8, + .c-mx-sm-n8 { + margin-right: -7.5rem; } + .c-mb-sm-n8, + .c-my-sm-n8 { + margin-bottom: -7.5rem; } + .c-ml-sm-n8, + .c-mx-sm-n8 { + margin-left: -7.5rem; } + .c-m-sm-auto { + margin: auto; } + .c-mt-sm-auto, + .c-my-sm-auto { + margin-top: auto; } + .c-mr-sm-auto, + .c-mx-sm-auto { + margin-right: auto; } + .c-mb-sm-auto, + .c-my-sm-auto { + margin-bottom: auto; } + .c-ml-sm-auto, + .c-mx-sm-auto { + margin-left: auto; } } + +@media (min-width: 768px) { + .c-m-md-0 { + margin: 0; } + .c-mt-md-0, + .c-my-md-0 { + margin-top: 0; } + .c-mr-md-0, + .c-mx-md-0 { + margin-right: 0; } + .c-mb-md-0, + .c-my-md-0 { + margin-bottom: 0; } + .c-ml-md-0, + .c-mx-md-0 { + margin-left: 0; } + .c-m-md-1 { + margin: 0.25rem; } + .c-mt-md-1, + .c-my-md-1 { + margin-top: 0.25rem; } + .c-mr-md-1, + .c-mx-md-1 { + margin-right: 0.25rem; } + .c-mb-md-1, + .c-my-md-1 { + margin-bottom: 0.25rem; } + .c-ml-md-1, + .c-mx-md-1 { + margin-left: 0.25rem; } + .c-m-md-2 { + margin: 0.5rem; } + .c-mt-md-2, + .c-my-md-2 { + margin-top: 0.5rem; } + .c-mr-md-2, + .c-mx-md-2 { + margin-right: 0.5rem; } + .c-mb-md-2, + .c-my-md-2 { + margin-bottom: 0.5rem; } + .c-ml-md-2, + .c-mx-md-2 { + margin-left: 0.5rem; } + .c-m-md-3 { + margin: 1rem; } + .c-mt-md-3, + .c-my-md-3 { + margin-top: 1rem; } + .c-mr-md-3, + .c-mx-md-3 { + margin-right: 1rem; } + .c-mb-md-3, + .c-my-md-3 { + margin-bottom: 1rem; } + .c-ml-md-3, + .c-mx-md-3 { + margin-left: 1rem; } + .c-m-md-4 { + margin: 1.5rem; } + .c-mt-md-4, + .c-my-md-4 { + margin-top: 1.5rem; } + .c-mr-md-4, + .c-mx-md-4 { + margin-right: 1.5rem; } + .c-mb-md-4, + .c-my-md-4 { + margin-bottom: 1.5rem; } + .c-ml-md-4, + .c-mx-md-4 { + margin-left: 1.5rem; } + .c-m-md-5 { + margin: 3rem; } + .c-mt-md-5, + .c-my-md-5 { + margin-top: 3rem; } + .c-mr-md-5, + .c-mx-md-5 { + margin-right: 3rem; } + .c-mb-md-5, + .c-my-md-5 { + margin-bottom: 3rem; } + .c-ml-md-5, + .c-mx-md-5 { + margin-left: 3rem; } + .c-m-md-6 { + margin: 4.5rem; } + .c-mt-md-6, + .c-my-md-6 { + margin-top: 4.5rem; } + .c-mr-md-6, + .c-mx-md-6 { + margin-right: 4.5rem; } + .c-mb-md-6, + .c-my-md-6 { + margin-bottom: 4.5rem; } + .c-ml-md-6, + .c-mx-md-6 { + margin-left: 4.5rem; } + .c-m-md-7 { + margin: 6rem; } + .c-mt-md-7, + .c-my-md-7 { + margin-top: 6rem; } + .c-mr-md-7, + .c-mx-md-7 { + margin-right: 6rem; } + .c-mb-md-7, + .c-my-md-7 { + margin-bottom: 6rem; } + .c-ml-md-7, + .c-mx-md-7 { + margin-left: 6rem; } + .c-m-md-8 { + margin: 7.5rem; } + .c-mt-md-8, + .c-my-md-8 { + margin-top: 7.5rem; } + .c-mr-md-8, + .c-mx-md-8 { + margin-right: 7.5rem; } + .c-mb-md-8, + .c-my-md-8 { + margin-bottom: 7.5rem; } + .c-ml-md-8, + .c-mx-md-8 { + margin-left: 7.5rem; } + .c-p-md-0 { + padding: 0; } + .c-pt-md-0, + .c-py-md-0 { + padding-top: 0; } + .c-pr-md-0, + .c-px-md-0 { + padding-right: 0; } + .c-pb-md-0, + .c-py-md-0 { + padding-bottom: 0; } + .c-pl-md-0, + .c-px-md-0 { + padding-left: 0; } + .c-p-md-1 { + padding: 0.25rem; } + .c-pt-md-1, + .c-py-md-1 { + padding-top: 0.25rem; } + .c-pr-md-1, + .c-px-md-1 { + padding-right: 0.25rem; } + .c-pb-md-1, + .c-py-md-1 { + padding-bottom: 0.25rem; } + .c-pl-md-1, + .c-px-md-1 { + padding-left: 0.25rem; } + .c-p-md-2 { + padding: 0.5rem; } + .c-pt-md-2, + .c-py-md-2 { + padding-top: 0.5rem; } + .c-pr-md-2, + .c-px-md-2 { + padding-right: 0.5rem; } + .c-pb-md-2, + .c-py-md-2 { + padding-bottom: 0.5rem; } + .c-pl-md-2, + .c-px-md-2 { + padding-left: 0.5rem; } + .c-p-md-3 { + padding: 1rem; } + .c-pt-md-3, + .c-py-md-3 { + padding-top: 1rem; } + .c-pr-md-3, + .c-px-md-3 { + padding-right: 1rem; } + .c-pb-md-3, + .c-py-md-3 { + padding-bottom: 1rem; } + .c-pl-md-3, + .c-px-md-3 { + padding-left: 1rem; } + .c-p-md-4 { + padding: 1.5rem; } + .c-pt-md-4, + .c-py-md-4 { + padding-top: 1.5rem; } + .c-pr-md-4, + .c-px-md-4 { + padding-right: 1.5rem; } + .c-pb-md-4, + .c-py-md-4 { + padding-bottom: 1.5rem; } + .c-pl-md-4, + .c-px-md-4 { + padding-left: 1.5rem; } + .c-p-md-5 { + padding: 3rem; } + .c-pt-md-5, + .c-py-md-5 { + padding-top: 3rem; } + .c-pr-md-5, + .c-px-md-5 { + padding-right: 3rem; } + .c-pb-md-5, + .c-py-md-5 { + padding-bottom: 3rem; } + .c-pl-md-5, + .c-px-md-5 { + padding-left: 3rem; } + .c-p-md-6 { + padding: 4.5rem; } + .c-pt-md-6, + .c-py-md-6 { + padding-top: 4.5rem; } + .c-pr-md-6, + .c-px-md-6 { + padding-right: 4.5rem; } + .c-pb-md-6, + .c-py-md-6 { + padding-bottom: 4.5rem; } + .c-pl-md-6, + .c-px-md-6 { + padding-left: 4.5rem; } + .c-p-md-7 { + padding: 6rem; } + .c-pt-md-7, + .c-py-md-7 { + padding-top: 6rem; } + .c-pr-md-7, + .c-px-md-7 { + padding-right: 6rem; } + .c-pb-md-7, + .c-py-md-7 { + padding-bottom: 6rem; } + .c-pl-md-7, + .c-px-md-7 { + padding-left: 6rem; } + .c-p-md-8 { + padding: 7.5rem; } + .c-pt-md-8, + .c-py-md-8 { + padding-top: 7.5rem; } + .c-pr-md-8, + .c-px-md-8 { + padding-right: 7.5rem; } + .c-pb-md-8, + .c-py-md-8 { + padding-bottom: 7.5rem; } + .c-pl-md-8, + .c-px-md-8 { + padding-left: 7.5rem; } + .c-m-md-n1 { + margin: -0.25rem; } + .c-mt-md-n1, + .c-my-md-n1 { + margin-top: -0.25rem; } + .c-mr-md-n1, + .c-mx-md-n1 { + margin-right: -0.25rem; } + .c-mb-md-n1, + .c-my-md-n1 { + margin-bottom: -0.25rem; } + .c-ml-md-n1, + .c-mx-md-n1 { + margin-left: -0.25rem; } + .c-m-md-n2 { + margin: -0.5rem; } + .c-mt-md-n2, + .c-my-md-n2 { + margin-top: -0.5rem; } + .c-mr-md-n2, + .c-mx-md-n2 { + margin-right: -0.5rem; } + .c-mb-md-n2, + .c-my-md-n2 { + margin-bottom: -0.5rem; } + .c-ml-md-n2, + .c-mx-md-n2 { + margin-left: -0.5rem; } + .c-m-md-n3 { + margin: -1rem; } + .c-mt-md-n3, + .c-my-md-n3 { + margin-top: -1rem; } + .c-mr-md-n3, + .c-mx-md-n3 { + margin-right: -1rem; } + .c-mb-md-n3, + .c-my-md-n3 { + margin-bottom: -1rem; } + .c-ml-md-n3, + .c-mx-md-n3 { + margin-left: -1rem; } + .c-m-md-n4 { + margin: -1.5rem; } + .c-mt-md-n4, + .c-my-md-n4 { + margin-top: -1.5rem; } + .c-mr-md-n4, + .c-mx-md-n4 { + margin-right: -1.5rem; } + .c-mb-md-n4, + .c-my-md-n4 { + margin-bottom: -1.5rem; } + .c-ml-md-n4, + .c-mx-md-n4 { + margin-left: -1.5rem; } + .c-m-md-n5 { + margin: -3rem; } + .c-mt-md-n5, + .c-my-md-n5 { + margin-top: -3rem; } + .c-mr-md-n5, + .c-mx-md-n5 { + margin-right: -3rem; } + .c-mb-md-n5, + .c-my-md-n5 { + margin-bottom: -3rem; } + .c-ml-md-n5, + .c-mx-md-n5 { + margin-left: -3rem; } + .c-m-md-n6 { + margin: -4.5rem; } + .c-mt-md-n6, + .c-my-md-n6 { + margin-top: -4.5rem; } + .c-mr-md-n6, + .c-mx-md-n6 { + margin-right: -4.5rem; } + .c-mb-md-n6, + .c-my-md-n6 { + margin-bottom: -4.5rem; } + .c-ml-md-n6, + .c-mx-md-n6 { + margin-left: -4.5rem; } + .c-m-md-n7 { + margin: -6rem; } + .c-mt-md-n7, + .c-my-md-n7 { + margin-top: -6rem; } + .c-mr-md-n7, + .c-mx-md-n7 { + margin-right: -6rem; } + .c-mb-md-n7, + .c-my-md-n7 { + margin-bottom: -6rem; } + .c-ml-md-n7, + .c-mx-md-n7 { + margin-left: -6rem; } + .c-m-md-n8 { + margin: -7.5rem; } + .c-mt-md-n8, + .c-my-md-n8 { + margin-top: -7.5rem; } + .c-mr-md-n8, + .c-mx-md-n8 { + margin-right: -7.5rem; } + .c-mb-md-n8, + .c-my-md-n8 { + margin-bottom: -7.5rem; } + .c-ml-md-n8, + .c-mx-md-n8 { + margin-left: -7.5rem; } + .c-m-md-auto { + margin: auto; } + .c-mt-md-auto, + .c-my-md-auto { + margin-top: auto; } + .c-mr-md-auto, + .c-mx-md-auto { + margin-right: auto; } + .c-mb-md-auto, + .c-my-md-auto { + margin-bottom: auto; } + .c-ml-md-auto, + .c-mx-md-auto { + margin-left: auto; } } + +@media (min-width: 992px) { + .c-m-lg-0 { + margin: 0; } + .c-mt-lg-0, + .c-my-lg-0 { + margin-top: 0; } + .c-mr-lg-0, + .c-mx-lg-0 { + margin-right: 0; } + .c-mb-lg-0, + .c-my-lg-0 { + margin-bottom: 0; } + .c-ml-lg-0, + .c-mx-lg-0 { + margin-left: 0; } + .c-m-lg-1 { + margin: 0.25rem; } + .c-mt-lg-1, + .c-my-lg-1 { + margin-top: 0.25rem; } + .c-mr-lg-1, + .c-mx-lg-1 { + margin-right: 0.25rem; } + .c-mb-lg-1, + .c-my-lg-1 { + margin-bottom: 0.25rem; } + .c-ml-lg-1, + .c-mx-lg-1 { + margin-left: 0.25rem; } + .c-m-lg-2 { + margin: 0.5rem; } + .c-mt-lg-2, + .c-my-lg-2 { + margin-top: 0.5rem; } + .c-mr-lg-2, + .c-mx-lg-2 { + margin-right: 0.5rem; } + .c-mb-lg-2, + .c-my-lg-2 { + margin-bottom: 0.5rem; } + .c-ml-lg-2, + .c-mx-lg-2 { + margin-left: 0.5rem; } + .c-m-lg-3 { + margin: 1rem; } + .c-mt-lg-3, + .c-my-lg-3 { + margin-top: 1rem; } + .c-mr-lg-3, + .c-mx-lg-3 { + margin-right: 1rem; } + .c-mb-lg-3, + .c-my-lg-3 { + margin-bottom: 1rem; } + .c-ml-lg-3, + .c-mx-lg-3 { + margin-left: 1rem; } + .c-m-lg-4 { + margin: 1.5rem; } + .c-mt-lg-4, + .c-my-lg-4 { + margin-top: 1.5rem; } + .c-mr-lg-4, + .c-mx-lg-4 { + margin-right: 1.5rem; } + .c-mb-lg-4, + .c-my-lg-4 { + margin-bottom: 1.5rem; } + .c-ml-lg-4, + .c-mx-lg-4 { + margin-left: 1.5rem; } + .c-m-lg-5 { + margin: 3rem; } + .c-mt-lg-5, + .c-my-lg-5 { + margin-top: 3rem; } + .c-mr-lg-5, + .c-mx-lg-5 { + margin-right: 3rem; } + .c-mb-lg-5, + .c-my-lg-5 { + margin-bottom: 3rem; } + .c-ml-lg-5, + .c-mx-lg-5 { + margin-left: 3rem; } + .c-m-lg-6 { + margin: 4.5rem; } + .c-mt-lg-6, + .c-my-lg-6 { + margin-top: 4.5rem; } + .c-mr-lg-6, + .c-mx-lg-6 { + margin-right: 4.5rem; } + .c-mb-lg-6, + .c-my-lg-6 { + margin-bottom: 4.5rem; } + .c-ml-lg-6, + .c-mx-lg-6 { + margin-left: 4.5rem; } + .c-m-lg-7 { + margin: 6rem; } + .c-mt-lg-7, + .c-my-lg-7 { + margin-top: 6rem; } + .c-mr-lg-7, + .c-mx-lg-7 { + margin-right: 6rem; } + .c-mb-lg-7, + .c-my-lg-7 { + margin-bottom: 6rem; } + .c-ml-lg-7, + .c-mx-lg-7 { + margin-left: 6rem; } + .c-m-lg-8 { + margin: 7.5rem; } + .c-mt-lg-8, + .c-my-lg-8 { + margin-top: 7.5rem; } + .c-mr-lg-8, + .c-mx-lg-8 { + margin-right: 7.5rem; } + .c-mb-lg-8, + .c-my-lg-8 { + margin-bottom: 7.5rem; } + .c-ml-lg-8, + .c-mx-lg-8 { + margin-left: 7.5rem; } + .c-p-lg-0 { + padding: 0; } + .c-pt-lg-0, + .c-py-lg-0 { + padding-top: 0; } + .c-pr-lg-0, + .c-px-lg-0 { + padding-right: 0; } + .c-pb-lg-0, + .c-py-lg-0 { + padding-bottom: 0; } + .c-pl-lg-0, + .c-px-lg-0 { + padding-left: 0; } + .c-p-lg-1 { + padding: 0.25rem; } + .c-pt-lg-1, + .c-py-lg-1 { + padding-top: 0.25rem; } + .c-pr-lg-1, + .c-px-lg-1 { + padding-right: 0.25rem; } + .c-pb-lg-1, + .c-py-lg-1 { + padding-bottom: 0.25rem; } + .c-pl-lg-1, + .c-px-lg-1 { + padding-left: 0.25rem; } + .c-p-lg-2 { + padding: 0.5rem; } + .c-pt-lg-2, + .c-py-lg-2 { + padding-top: 0.5rem; } + .c-pr-lg-2, + .c-px-lg-2 { + padding-right: 0.5rem; } + .c-pb-lg-2, + .c-py-lg-2 { + padding-bottom: 0.5rem; } + .c-pl-lg-2, + .c-px-lg-2 { + padding-left: 0.5rem; } + .c-p-lg-3 { + padding: 1rem; } + .c-pt-lg-3, + .c-py-lg-3 { + padding-top: 1rem; } + .c-pr-lg-3, + .c-px-lg-3 { + padding-right: 1rem; } + .c-pb-lg-3, + .c-py-lg-3 { + padding-bottom: 1rem; } + .c-pl-lg-3, + .c-px-lg-3 { + padding-left: 1rem; } + .c-p-lg-4 { + padding: 1.5rem; } + .c-pt-lg-4, + .c-py-lg-4 { + padding-top: 1.5rem; } + .c-pr-lg-4, + .c-px-lg-4 { + padding-right: 1.5rem; } + .c-pb-lg-4, + .c-py-lg-4 { + padding-bottom: 1.5rem; } + .c-pl-lg-4, + .c-px-lg-4 { + padding-left: 1.5rem; } + .c-p-lg-5 { + padding: 3rem; } + .c-pt-lg-5, + .c-py-lg-5 { + padding-top: 3rem; } + .c-pr-lg-5, + .c-px-lg-5 { + padding-right: 3rem; } + .c-pb-lg-5, + .c-py-lg-5 { + padding-bottom: 3rem; } + .c-pl-lg-5, + .c-px-lg-5 { + padding-left: 3rem; } + .c-p-lg-6 { + padding: 4.5rem; } + .c-pt-lg-6, + .c-py-lg-6 { + padding-top: 4.5rem; } + .c-pr-lg-6, + .c-px-lg-6 { + padding-right: 4.5rem; } + .c-pb-lg-6, + .c-py-lg-6 { + padding-bottom: 4.5rem; } + .c-pl-lg-6, + .c-px-lg-6 { + padding-left: 4.5rem; } + .c-p-lg-7 { + padding: 6rem; } + .c-pt-lg-7, + .c-py-lg-7 { + padding-top: 6rem; } + .c-pr-lg-7, + .c-px-lg-7 { + padding-right: 6rem; } + .c-pb-lg-7, + .c-py-lg-7 { + padding-bottom: 6rem; } + .c-pl-lg-7, + .c-px-lg-7 { + padding-left: 6rem; } + .c-p-lg-8 { + padding: 7.5rem; } + .c-pt-lg-8, + .c-py-lg-8 { + padding-top: 7.5rem; } + .c-pr-lg-8, + .c-px-lg-8 { + padding-right: 7.5rem; } + .c-pb-lg-8, + .c-py-lg-8 { + padding-bottom: 7.5rem; } + .c-pl-lg-8, + .c-px-lg-8 { + padding-left: 7.5rem; } + .c-m-lg-n1 { + margin: -0.25rem; } + .c-mt-lg-n1, + .c-my-lg-n1 { + margin-top: -0.25rem; } + .c-mr-lg-n1, + .c-mx-lg-n1 { + margin-right: -0.25rem; } + .c-mb-lg-n1, + .c-my-lg-n1 { + margin-bottom: -0.25rem; } + .c-ml-lg-n1, + .c-mx-lg-n1 { + margin-left: -0.25rem; } + .c-m-lg-n2 { + margin: -0.5rem; } + .c-mt-lg-n2, + .c-my-lg-n2 { + margin-top: -0.5rem; } + .c-mr-lg-n2, + .c-mx-lg-n2 { + margin-right: -0.5rem; } + .c-mb-lg-n2, + .c-my-lg-n2 { + margin-bottom: -0.5rem; } + .c-ml-lg-n2, + .c-mx-lg-n2 { + margin-left: -0.5rem; } + .c-m-lg-n3 { + margin: -1rem; } + .c-mt-lg-n3, + .c-my-lg-n3 { + margin-top: -1rem; } + .c-mr-lg-n3, + .c-mx-lg-n3 { + margin-right: -1rem; } + .c-mb-lg-n3, + .c-my-lg-n3 { + margin-bottom: -1rem; } + .c-ml-lg-n3, + .c-mx-lg-n3 { + margin-left: -1rem; } + .c-m-lg-n4 { + margin: -1.5rem; } + .c-mt-lg-n4, + .c-my-lg-n4 { + margin-top: -1.5rem; } + .c-mr-lg-n4, + .c-mx-lg-n4 { + margin-right: -1.5rem; } + .c-mb-lg-n4, + .c-my-lg-n4 { + margin-bottom: -1.5rem; } + .c-ml-lg-n4, + .c-mx-lg-n4 { + margin-left: -1.5rem; } + .c-m-lg-n5 { + margin: -3rem; } + .c-mt-lg-n5, + .c-my-lg-n5 { + margin-top: -3rem; } + .c-mr-lg-n5, + .c-mx-lg-n5 { + margin-right: -3rem; } + .c-mb-lg-n5, + .c-my-lg-n5 { + margin-bottom: -3rem; } + .c-ml-lg-n5, + .c-mx-lg-n5 { + margin-left: -3rem; } + .c-m-lg-n6 { + margin: -4.5rem; } + .c-mt-lg-n6, + .c-my-lg-n6 { + margin-top: -4.5rem; } + .c-mr-lg-n6, + .c-mx-lg-n6 { + margin-right: -4.5rem; } + .c-mb-lg-n6, + .c-my-lg-n6 { + margin-bottom: -4.5rem; } + .c-ml-lg-n6, + .c-mx-lg-n6 { + margin-left: -4.5rem; } + .c-m-lg-n7 { + margin: -6rem; } + .c-mt-lg-n7, + .c-my-lg-n7 { + margin-top: -6rem; } + .c-mr-lg-n7, + .c-mx-lg-n7 { + margin-right: -6rem; } + .c-mb-lg-n7, + .c-my-lg-n7 { + margin-bottom: -6rem; } + .c-ml-lg-n7, + .c-mx-lg-n7 { + margin-left: -6rem; } + .c-m-lg-n8 { + margin: -7.5rem; } + .c-mt-lg-n8, + .c-my-lg-n8 { + margin-top: -7.5rem; } + .c-mr-lg-n8, + .c-mx-lg-n8 { + margin-right: -7.5rem; } + .c-mb-lg-n8, + .c-my-lg-n8 { + margin-bottom: -7.5rem; } + .c-ml-lg-n8, + .c-mx-lg-n8 { + margin-left: -7.5rem; } + .c-m-lg-auto { + margin: auto; } + .c-mt-lg-auto, + .c-my-lg-auto { + margin-top: auto; } + .c-mr-lg-auto, + .c-mx-lg-auto { + margin-right: auto; } + .c-mb-lg-auto, + .c-my-lg-auto { + margin-bottom: auto; } + .c-ml-lg-auto, + .c-mx-lg-auto { + margin-left: auto; } } + +@media (min-width: 1280px) { + .c-m-xl-0 { + margin: 0; } + .c-mt-xl-0, + .c-my-xl-0 { + margin-top: 0; } + .c-mr-xl-0, + .c-mx-xl-0 { + margin-right: 0; } + .c-mb-xl-0, + .c-my-xl-0 { + margin-bottom: 0; } + .c-ml-xl-0, + .c-mx-xl-0 { + margin-left: 0; } + .c-m-xl-1 { + margin: 0.25rem; } + .c-mt-xl-1, + .c-my-xl-1 { + margin-top: 0.25rem; } + .c-mr-xl-1, + .c-mx-xl-1 { + margin-right: 0.25rem; } + .c-mb-xl-1, + .c-my-xl-1 { + margin-bottom: 0.25rem; } + .c-ml-xl-1, + .c-mx-xl-1 { + margin-left: 0.25rem; } + .c-m-xl-2 { + margin: 0.5rem; } + .c-mt-xl-2, + .c-my-xl-2 { + margin-top: 0.5rem; } + .c-mr-xl-2, + .c-mx-xl-2 { + margin-right: 0.5rem; } + .c-mb-xl-2, + .c-my-xl-2 { + margin-bottom: 0.5rem; } + .c-ml-xl-2, + .c-mx-xl-2 { + margin-left: 0.5rem; } + .c-m-xl-3 { + margin: 1rem; } + .c-mt-xl-3, + .c-my-xl-3 { + margin-top: 1rem; } + .c-mr-xl-3, + .c-mx-xl-3 { + margin-right: 1rem; } + .c-mb-xl-3, + .c-my-xl-3 { + margin-bottom: 1rem; } + .c-ml-xl-3, + .c-mx-xl-3 { + margin-left: 1rem; } + .c-m-xl-4 { + margin: 1.5rem; } + .c-mt-xl-4, + .c-my-xl-4 { + margin-top: 1.5rem; } + .c-mr-xl-4, + .c-mx-xl-4 { + margin-right: 1.5rem; } + .c-mb-xl-4, + .c-my-xl-4 { + margin-bottom: 1.5rem; } + .c-ml-xl-4, + .c-mx-xl-4 { + margin-left: 1.5rem; } + .c-m-xl-5 { + margin: 3rem; } + .c-mt-xl-5, + .c-my-xl-5 { + margin-top: 3rem; } + .c-mr-xl-5, + .c-mx-xl-5 { + margin-right: 3rem; } + .c-mb-xl-5, + .c-my-xl-5 { + margin-bottom: 3rem; } + .c-ml-xl-5, + .c-mx-xl-5 { + margin-left: 3rem; } + .c-m-xl-6 { + margin: 4.5rem; } + .c-mt-xl-6, + .c-my-xl-6 { + margin-top: 4.5rem; } + .c-mr-xl-6, + .c-mx-xl-6 { + margin-right: 4.5rem; } + .c-mb-xl-6, + .c-my-xl-6 { + margin-bottom: 4.5rem; } + .c-ml-xl-6, + .c-mx-xl-6 { + margin-left: 4.5rem; } + .c-m-xl-7 { + margin: 6rem; } + .c-mt-xl-7, + .c-my-xl-7 { + margin-top: 6rem; } + .c-mr-xl-7, + .c-mx-xl-7 { + margin-right: 6rem; } + .c-mb-xl-7, + .c-my-xl-7 { + margin-bottom: 6rem; } + .c-ml-xl-7, + .c-mx-xl-7 { + margin-left: 6rem; } + .c-m-xl-8 { + margin: 7.5rem; } + .c-mt-xl-8, + .c-my-xl-8 { + margin-top: 7.5rem; } + .c-mr-xl-8, + .c-mx-xl-8 { + margin-right: 7.5rem; } + .c-mb-xl-8, + .c-my-xl-8 { + margin-bottom: 7.5rem; } + .c-ml-xl-8, + .c-mx-xl-8 { + margin-left: 7.5rem; } + .c-p-xl-0 { + padding: 0; } + .c-pt-xl-0, + .c-py-xl-0 { + padding-top: 0; } + .c-pr-xl-0, + .c-px-xl-0 { + padding-right: 0; } + .c-pb-xl-0, + .c-py-xl-0 { + padding-bottom: 0; } + .c-pl-xl-0, + .c-px-xl-0 { + padding-left: 0; } + .c-p-xl-1 { + padding: 0.25rem; } + .c-pt-xl-1, + .c-py-xl-1 { + padding-top: 0.25rem; } + .c-pr-xl-1, + .c-px-xl-1 { + padding-right: 0.25rem; } + .c-pb-xl-1, + .c-py-xl-1 { + padding-bottom: 0.25rem; } + .c-pl-xl-1, + .c-px-xl-1 { + padding-left: 0.25rem; } + .c-p-xl-2 { + padding: 0.5rem; } + .c-pt-xl-2, + .c-py-xl-2 { + padding-top: 0.5rem; } + .c-pr-xl-2, + .c-px-xl-2 { + padding-right: 0.5rem; } + .c-pb-xl-2, + .c-py-xl-2 { + padding-bottom: 0.5rem; } + .c-pl-xl-2, + .c-px-xl-2 { + padding-left: 0.5rem; } + .c-p-xl-3 { + padding: 1rem; } + .c-pt-xl-3, + .c-py-xl-3 { + padding-top: 1rem; } + .c-pr-xl-3, + .c-px-xl-3 { + padding-right: 1rem; } + .c-pb-xl-3, + .c-py-xl-3 { + padding-bottom: 1rem; } + .c-pl-xl-3, + .c-px-xl-3 { + padding-left: 1rem; } + .c-p-xl-4 { + padding: 1.5rem; } + .c-pt-xl-4, + .c-py-xl-4 { + padding-top: 1.5rem; } + .c-pr-xl-4, + .c-px-xl-4 { + padding-right: 1.5rem; } + .c-pb-xl-4, + .c-py-xl-4 { + padding-bottom: 1.5rem; } + .c-pl-xl-4, + .c-px-xl-4 { + padding-left: 1.5rem; } + .c-p-xl-5 { + padding: 3rem; } + .c-pt-xl-5, + .c-py-xl-5 { + padding-top: 3rem; } + .c-pr-xl-5, + .c-px-xl-5 { + padding-right: 3rem; } + .c-pb-xl-5, + .c-py-xl-5 { + padding-bottom: 3rem; } + .c-pl-xl-5, + .c-px-xl-5 { + padding-left: 3rem; } + .c-p-xl-6 { + padding: 4.5rem; } + .c-pt-xl-6, + .c-py-xl-6 { + padding-top: 4.5rem; } + .c-pr-xl-6, + .c-px-xl-6 { + padding-right: 4.5rem; } + .c-pb-xl-6, + .c-py-xl-6 { + padding-bottom: 4.5rem; } + .c-pl-xl-6, + .c-px-xl-6 { + padding-left: 4.5rem; } + .c-p-xl-7 { + padding: 6rem; } + .c-pt-xl-7, + .c-py-xl-7 { + padding-top: 6rem; } + .c-pr-xl-7, + .c-px-xl-7 { + padding-right: 6rem; } + .c-pb-xl-7, + .c-py-xl-7 { + padding-bottom: 6rem; } + .c-pl-xl-7, + .c-px-xl-7 { + padding-left: 6rem; } + .c-p-xl-8 { + padding: 7.5rem; } + .c-pt-xl-8, + .c-py-xl-8 { + padding-top: 7.5rem; } + .c-pr-xl-8, + .c-px-xl-8 { + padding-right: 7.5rem; } + .c-pb-xl-8, + .c-py-xl-8 { + padding-bottom: 7.5rem; } + .c-pl-xl-8, + .c-px-xl-8 { + padding-left: 7.5rem; } + .c-m-xl-n1 { + margin: -0.25rem; } + .c-mt-xl-n1, + .c-my-xl-n1 { + margin-top: -0.25rem; } + .c-mr-xl-n1, + .c-mx-xl-n1 { + margin-right: -0.25rem; } + .c-mb-xl-n1, + .c-my-xl-n1 { + margin-bottom: -0.25rem; } + .c-ml-xl-n1, + .c-mx-xl-n1 { + margin-left: -0.25rem; } + .c-m-xl-n2 { + margin: -0.5rem; } + .c-mt-xl-n2, + .c-my-xl-n2 { + margin-top: -0.5rem; } + .c-mr-xl-n2, + .c-mx-xl-n2 { + margin-right: -0.5rem; } + .c-mb-xl-n2, + .c-my-xl-n2 { + margin-bottom: -0.5rem; } + .c-ml-xl-n2, + .c-mx-xl-n2 { + margin-left: -0.5rem; } + .c-m-xl-n3 { + margin: -1rem; } + .c-mt-xl-n3, + .c-my-xl-n3 { + margin-top: -1rem; } + .c-mr-xl-n3, + .c-mx-xl-n3 { + margin-right: -1rem; } + .c-mb-xl-n3, + .c-my-xl-n3 { + margin-bottom: -1rem; } + .c-ml-xl-n3, + .c-mx-xl-n3 { + margin-left: -1rem; } + .c-m-xl-n4 { + margin: -1.5rem; } + .c-mt-xl-n4, + .c-my-xl-n4 { + margin-top: -1.5rem; } + .c-mr-xl-n4, + .c-mx-xl-n4 { + margin-right: -1.5rem; } + .c-mb-xl-n4, + .c-my-xl-n4 { + margin-bottom: -1.5rem; } + .c-ml-xl-n4, + .c-mx-xl-n4 { + margin-left: -1.5rem; } + .c-m-xl-n5 { + margin: -3rem; } + .c-mt-xl-n5, + .c-my-xl-n5 { + margin-top: -3rem; } + .c-mr-xl-n5, + .c-mx-xl-n5 { + margin-right: -3rem; } + .c-mb-xl-n5, + .c-my-xl-n5 { + margin-bottom: -3rem; } + .c-ml-xl-n5, + .c-mx-xl-n5 { + margin-left: -3rem; } + .c-m-xl-n6 { + margin: -4.5rem; } + .c-mt-xl-n6, + .c-my-xl-n6 { + margin-top: -4.5rem; } + .c-mr-xl-n6, + .c-mx-xl-n6 { + margin-right: -4.5rem; } + .c-mb-xl-n6, + .c-my-xl-n6 { + margin-bottom: -4.5rem; } + .c-ml-xl-n6, + .c-mx-xl-n6 { + margin-left: -4.5rem; } + .c-m-xl-n7 { + margin: -6rem; } + .c-mt-xl-n7, + .c-my-xl-n7 { + margin-top: -6rem; } + .c-mr-xl-n7, + .c-mx-xl-n7 { + margin-right: -6rem; } + .c-mb-xl-n7, + .c-my-xl-n7 { + margin-bottom: -6rem; } + .c-ml-xl-n7, + .c-mx-xl-n7 { + margin-left: -6rem; } + .c-m-xl-n8 { + margin: -7.5rem; } + .c-mt-xl-n8, + .c-my-xl-n8 { + margin-top: -7.5rem; } + .c-mr-xl-n8, + .c-mx-xl-n8 { + margin-right: -7.5rem; } + .c-mb-xl-n8, + .c-my-xl-n8 { + margin-bottom: -7.5rem; } + .c-ml-xl-n8, + .c-mx-xl-n8 { + margin-left: -7.5rem; } + .c-m-xl-auto { + margin: auto; } + .c-mt-xl-auto, + .c-my-xl-auto { + margin-top: auto; } + .c-mr-xl-auto, + .c-mx-xl-auto { + margin-right: auto; } + .c-mb-xl-auto, + .c-my-xl-auto { + margin-bottom: auto; } + .c-ml-xl-auto, + .c-mx-xl-auto { + margin-left: auto; } } + .loading-animation { display: block; font-size: 2.5rem; diff --git a/clayui.com/static/css/atlas.css.map b/clayui.com/static/css/atlas.css.map index 5ca99a8054..85d830f4b7 100644 --- a/clayui.com/static/css/atlas.css.map +++ b/clayui.com/static/css/atlas.css.map @@ -182,6 +182,7 @@ "lib/css/variables/_type.scss", "lib/css/variables/_utilities.scss", "lib/css/_mixins.scss", + "lib/css/mixins/_globals.scss", "lib/css/mixins/_vendor-prefixes.scss", "lib/css/mixins/_aspect-ratio.scss", "lib/css/mixins/_background.scss", @@ -268,23 +269,23 @@ ], "sourcesContent": [ "// INSERT CUSTOM VARS\n\n@import \"functions/_global-functions\";\n\n@import \"atlas/_variables\";\n\n@import \"variables/_bs4-variable-overwrites\";\n\n@import \"bootstrap/bootstrap\";\n\n@import \"_variables\";\n\n@import \"_mixins\";\n\n@import \"_components\";\n\n// INSERT CUSTOM EXTENSIONS", - "////\n/// @group globals\n////\n\n/// A function that returns an empty map of type `map`. In Sass, Empty maps and lists can be declared using `()` and Sass will assign its type as `list`. This function ensures its type will be `map`.\n\n@function map-new() {\n\t@return map-remove((), 'key');\n}\n\n/// A function that returns a new map with all the keys and values including nested keys and values from both `$map1` and `$map2`. If both `$map1` and `$map2` have the same key, `$map2`’s value takes precedence.\n/// @param {Map, Null} $map1[()]\n/// @param {Map, Null} $map2[()]\n\n@function map-deep-merge($map1: (), $map2: ()) {\n\t@if (type-of($map1) == 'list' and length($map1) == 0) or (type-of($map1) == 'null') {\n\t\t$map1: map-new();\n\t}\n\n\t@if (type-of($map1) != map) {\n\t\t@error('argument `$map1` of `map-deep-merge($map1, $map2)` must be a map');\n\t}\n\n\t@if (type-of($map2) == 'list' and length($map2) == 0) or (type-of($map2) == 'null') {\n\t\t$map2: map-new();\n\t}\n\n\t@if (type-of($map2) != map) {\n\t\t@error('argument `$map2` of `map-deep-merge($map1, $map2)` must be a map');\n\t}\n\n\t$newMap: $map1;\n\n\t@each $key, $value in $map2 {\n\t\t@if (type-of($value) == map) {\n\t\t\t$newMap: map-merge(\n\t\t\t\t$newMap,\n\t\t\t\t($key: map-deep-merge(\n\t\t\t\t\tmap-get($newMap, $key),\n\t\t\t\t\t$value\n\t\t\t\t))\n\t\t\t);\n\t\t}\n\t\t@else {\n\t\t\t$newMap: map-merge(\n\t\t\t\t$newMap,\n\t\t\t\t($key: $value)\n\t\t\t);\n\t\t}\n\t}\n\n\t@return $newMap;\n}\n\n/// A helper function for setting default values in variables inside mixins if no value is declared. If the value of a variable is `clay-unset`, `setter` returns a value of `null` which prevents Sass from outputting the declaration. If the value of a variable is `null`, `setter` returns the default, `$val`.\n/// @param {Any} $var - The Sass variable\n/// @param {Any} $val - The default value to return if `$var` is `null`\n\n@function setter($var, $val: false) {\n\t@if ($var == clay-unset) {\n\t\t@return null;\n\t}\n\n\t@if ($var != null) {\n\t\t@return $var;\n\t}\n\n\t@return $val;\n}\n\n/// A helper function that returns the opposite of a number, generally used for `null` values so Sass doesn't output a value `-null`. Returns `null` if `$num` is not a number.\n/// @param {Any} $num - The variable \n\n@function math-sign($num) {\n\t@if (type-of($num) == 'number') {\n\t\t@return -($num);\n\t}\n\n\t@return null;\n}\n\n/// A helper function for displaying warning messages for required variables.\n/// @param {Any} $var - The variable to check\n/// @param {String} $msg['This value is required!'] - The error message to display\n\n@function required($var, $msg: 'This value is required!') {\n\t@if not ($var) {\n\t\t@warn($msg);\n\t}\n\n\t@return $var;\n}\n\n// Builds the calc string used in the CSS top property for\n// `.collapse-icon-closed` and `.collapse-icon-open`\n// @param $container-padding-top - Padding-top of containing element (e.g.,\n// $nav-link-padding-y)\n// @param $offset - Additional offset to add to $container-padding-top\n// @param $font-size - Font-size of containing element (e.g. font-size of\n// `.nav-link`)\n// @param $line-height - Line-height of containing element (e.g., line-height of\n// `.nav-link`)\n\n@function clay-collapse-icon-align($container-padding-top: 0, $offset: 0, $font-size: 1rem, $line-height: 1.5) {\n\t$str1: '';\n\t$str2: '';\n\n\t@if ($container-padding-top != 0) {\n\t\t$str1: '#{$container-padding-top} + ';\n\t}\n\n\t@if ($offset != 0) {\n\t\t$str1: '#{$str1}#{$offset} + ';\n\t}\n\n\t$str2: '(((#{$font-size} * #{$line-height}) - 1em) / 2)';\n\n\t@return(calc(#{$str1}#{$str2}));\n}\n\n// Converts a pixel value to rem based on the `$base` font size. If the return\n// value will be used inside a Sass arithmetic operation don't set `$add-unit`\n// to true\n// @param $number - pixel value to convert\n// @param $add-unit - boolean value that adds rem unit at the end\n// @param $base - base font size to calculate rem value against\n\n@function clay-px-to-rem($number, $add-unit: false, $base: 16) {\n\t@if type-of($number) == 'number' {\n\t\t@if unit($number) == 'px' {\n\t\t\t$number: $number / 1px;\n\t\t\t$number: $number / $base;\n\t\t}\n\t\t@else if unitless($number) {\n\t\t\t$number: $number / $base;\n\t\t}\n\t\t@else {\n\t\t\t@debug 'Unable to convert: #{$number} should be a `px` value.';\n\t\t}\n\t}\n\n\t@if $add-unit {\n\t\t$number: #{$number}rem;\n\t}\n\n\t@return $number;\n}\n\n/// A function that returns the name of the previous breakpoint relative to the breakpoint passed in through `$name` in the Sass map `$grid-breakpoints`. If the breakpoint does not exist in the Sass map, it returns the first breakpoint key.\n/// @param {Key} $name - The breakpoint name or keys in `$grid-breakpoints` (e.g., `xs`, `sm`, `md`, `lg`, `xl`)\n/// @param {Map} $breakpoints[$grid-breakpoints] - A map that defines the breakpoints\n/// @param {List} $breakpoint-names[map-keys($breakpoints)] - A list of all the keys in $breakpoints\n\n@function clay-breakpoint-prev($name, $breakpoints: $grid-breakpoints, $breakpoint-names: map-keys($breakpoints)) {\n\t@each $value in $breakpoint-names {\n\t\t@if (breakpoint-next($value) == $name) {\n\t\t\t@return $value;\n\t\t}\n\t}\n\n\t@return nth($breakpoint-names, 1);\n}\n\n/// A function that returns the largest of two numbers. This returns `null` if either number is `null`.\n/// @param {Number} $val1 - The first number.\n/// @param {Number} $val2 - The second number.\n\n@function clay-max($val1, $val2) {\n\t@if ($val1 == null or $val2 == null) {\n\t\t@return null;\n\t}\n\n\t@return max($val1, $val2);\n}\n\n/// A function to replace all instances of a specific character in a string.\n/// @param {String} $string - The string to operate on\n/// @param {String} $search - The character to replace\n/// @param {String} $replace[''] - The character to replace `$search` with\n/// @link http://codepen.io/jakob-e/pen/doMoML\n\n@function clay-str-replace($string, $search, $replace: '') {\n\t$index: str-index($string, $search);\n\n\t@if $index {\n\t\t$string: str-slice($string, 1, $index - 1) +\n\t\t\t$replace +\n\t\t\tclay-str-replace(str-slice($string, $index + str-length($search)), $search, $replace);\n\t}\n\n\t@return $string;\n}\n\n/// A function to encode an SVG and provide back a data URI to be used in `background-image`. If the SVG uses double quotes to delimit attribute names and values, wrap the SVG in single quotes or vice versa.\n/// @param {String} $svg - The SVG markup to encode\n/// @link http://codepen.io/jakob-e/pen/doMoML\n\n@function clay-svg-url($svg) {\n\t$encoded: '';\n\t$index: 0;\n\t$slice: 2000;\n\n\t$loops: ceil(str-length($svg) / $slice);\n\n\t@for $i from 1 through $loops {\n\t\t$chunk: str-slice($svg, $index, $index + $slice - 1);\n\n\t\t$chunk: clay-str-replace($chunk, '\"', '\\'');\n\t\t$chunk: clay-str-replace($chunk, ' ', '%20');\n\t\t$chunk: clay-str-replace($chunk, '{', '%7B');\n\t\t$chunk: clay-str-replace($chunk, '}', '%7D');\n\t\t$chunk: clay-str-replace($chunk, '<', '%3C');\n\t\t$chunk: clay-str-replace($chunk, '>', '%3E');\n\t\t$chunk: clay-str-replace($chunk, '&', '%26');\n\t\t$chunk: clay-str-replace($chunk, '#', '%23');\n\n\t\t$encoded: #{$encoded}#{$chunk};\n\n\t\t$index: $index + $slice;\n\t}\n\n\t@return url(\"data:image/svg+xml;charset=utf8,#{$encoded}\");\n}\n\n/// A function that returns a specific Lexicon Icon with a specific color as a data URI to be used in `background-image`.\n/// @param {String} $name - The Lexicon Icon name (e.g., angle-right)\n/// @param {Color} $color - The color of the Lexicon Icon\n\n@function clay-icon($name, $color) {\n\t$lx-icons: clay-get-icons($color);\n\n\t@return clay-svg-url(map-get($lx-icons, $name));\n}\n\n/// A function that returns all the Lexicon Icons with a specific color.\n/// @param {Color} $color[''] - The color to use for all the Lexicon Icons\n\n@function clay-get-icons($color: '') {\n\t// Don't touch the $lx-icons variable. It's auto-generated to contain all of the icons from the icons directory\n\t$lx-icons: (\n\n\t'add-cell': '',\n\n\t'add-column': '',\n\n\t'add-role': '',\n\n\t'add-row': '',\n\n\t'adjust': '',\n\n\t'align-center': '',\n\n\t'align-image-center': '',\n\n\t'align-image-left': '',\n\n\t'align-image-right': '',\n\n\t'align-justify': '',\n\n\t'align-left': '',\n\n\t'align-right': '',\n\n\t'analytics': '',\n\n\t'angle-down': '',\n\n\t'angle-left': '',\n\n\t'angle-right': '',\n\n\t'angle-up': '',\n\n\t'announcement': '',\n\n\t'anonymize': '',\n\n\t'api-lock': '',\n\n\t'api-web': '',\n\n\t'archive': '',\n\n\t'arrow-end': '',\n\n\t'arrow-join': '',\n\n\t'arrow-split': '',\n\n\t'arrow-start': '',\n\n\t'arrow-up-full': '',\n\n\t'arrow-xor': '',\n\n\t'asterisk': '',\n\n\t'audio': '',\n\n\t'autosize': '',\n\n\t'bars': '',\n\n\t'bell-full': '',\n\n\t'bell-off': '',\n\n\t'bell-on': '',\n\n\t'blogs': '',\n\n\t'bold': '',\n\n\t'bolt': '',\n\n\t'bookmarks': '',\n\n\t'box-container': '',\n\n\t'breadcrumb': '',\n\n\t'calendar': '',\n\n\t'camera': '',\n\n\t'cards-full': '',\n\n\t'cards': '',\n\n\t'cards2': '',\n\n\t'caret-bottom-l': '',\n\n\t'caret-bottom': '',\n\n\t'caret-double-l': '',\n\n\t'caret-double': '',\n\n\t'caret-left-l': '',\n\n\t'caret-left': '',\n\n\t'caret-right-l': '',\n\n\t'caret-right': '',\n\n\t'caret-top-l': '',\n\n\t'caret-top': '',\n\n\t'categories': '',\n\n\t'chain-broken': '',\n\n\t'change-list-disabled': '',\n\n\t'change-list': '',\n\n\t'change': '',\n\n\t'check-circle-full': '',\n\n\t'check-circle': '',\n\n\t'check-square': '',\n\n\t'check': '',\n\n\t'chip': '',\n\n\t'circle': '',\n\n\t'code': '',\n\n\t'cog': '',\n\n\t'color-picker': '',\n\n\t'columns': '',\n\n\t'comments': '',\n\n\t'community': '',\n\n\t'compress': '',\n\n\t'control-panel': '',\n\n\t'custom-field': '',\n\n\t'custom-size': '',\n\n\t'cut': '',\n\n\t'date': '',\n\n\t'decimal': '',\n\n\t'desktop': '',\n\n\t'devices': '',\n\n\t'diagram': '',\n\n\t'diamond': '',\n\n\t'diary': '',\n\n\t'document-code': '',\n\n\t'document-compressed': '',\n\n\t'document-default': '',\n\n\t'document-image': '',\n\n\t'document-multimedia': '',\n\n\t'document-pdf': '',\n\n\t'document-presentation': '',\n\n\t'document-table': '',\n\n\t'document-text': '',\n\n\t'document-vector': '',\n\n\t'document': '',\n\n\t'documents-and-media': '',\n\n\t'download': '',\n\n\t'drag': '',\n\n\t'drop': '',\n\n\t'dynamic-data-list': '',\n\n\t'dynamic-data-mapping': '',\n\n\t'edit-layout': '',\n\n\t'effects': '',\n\n\t'ellipsis-h': '',\n\n\t'ellipsis-v': '',\n\n\t'embed': '',\n\n\t'envelope-closed': '',\n\n\t'envelope-open': '',\n\n\t'environment-connected': '',\n\n\t'environment-disconnected': '',\n\n\t'environment': '',\n\n\t'exclamation-circle': '',\n\n\t'exclamation-full': '',\n\n\t'expand': '',\n\n\t'file-script': '',\n\n\t'file-template': '',\n\n\t'file-xsl': '',\n\n\t'filter': '',\n\n\t'flag-empty': '',\n\n\t'flag-full': '',\n\n\t'ar-sa': '',\n\n\t'bg-bg': '',\n\n\t'ca-ad': '',\n\n\t'ca-es': '',\n\n\t'cs-cz': '',\n\n\t'da-dk': '',\n\n\t'de-de': '',\n\n\t'el-gr': '',\n\n\t'en-au': '',\n\n\t'en-gb': '',\n\n\t'en-us': '',\n\n\t'es-es': '',\n\n\t'et-ee': '',\n\n\t'eu-es': '',\n\n\t'fa-ir': '',\n\n\t'fi-fi': '',\n\n\t'fr-ca': '',\n\n\t'fr-fr': '',\n\n\t'gl-es': '',\n\n\t'hi-in': '',\n\n\t'hr-hr': '',\n\n\t'hu-hu': '',\n\n\t'in-id': '',\n\n\t'it-it': '',\n\n\t'iw-il': '',\n\n\t'ja-jp': '',\n\n\t'kk-kz': '',\n\n\t'ko-kr': '',\n\n\t'lo-la': '',\n\n\t'lt-lt': '',\n\n\t'nb-no': '',\n\n\t'nl-be': '',\n\n\t'nl-nl': '',\n\n\t'pl-pl': '',\n\n\t'pt-br': '',\n\n\t'pt-pt': '',\n\n\t'ro-ro': '',\n\n\t'ru-ru': '',\n\n\t'sk-sk': '',\n\n\t'sl-si': '',\n\n\t'sr-rs-latin': '',\n\n\t'sr-rs': '',\n\n\t'sv-se': '',\n\n\t'ta-in': '',\n\n\t'th-th': '',\n\n\t'tr-tr': '',\n\n\t'uk-ua': '',\n\n\t'vi-vn': '',\n\n\t'zh-cn': '',\n\n\t'zh-tw': '',\n\n\t'folder': '',\n\n\t'format': '',\n\n\t'forms': '',\n\n\t'full-size': '',\n\n\t'geolocation': '',\n\n\t'globe': '',\n\n\t'google': '',\n\n\t'grid': '',\n\n\t'h1': '',\n\n\t'h2': '',\n\n\t'hashtag': '',\n\n\t'heart': '',\n\n\t'hidden': '',\n\n\t'home': '',\n\n\t'horizontal-scroll': '',\n\n\t'hr': '',\n\n\t'import-export': '',\n\n\t'indent-less': '',\n\n\t'indent-more': '',\n\n\t'info-book': '',\n\n\t'info-circle-open': '',\n\n\t'info-circle': '',\n\n\t'info-panel-closed': '',\n\n\t'info-panel-open': '',\n\n\t'information-live': '',\n\n\t'integer': '',\n\n\t'italic': '',\n\n\t'link': '',\n\n\t'list-ol': '',\n\n\t'list-ul': '',\n\n\t'list': '',\n\n\t'live': '',\n\n\t'lock-dots': '',\n\n\t'lock': '',\n\n\t'logout': '',\n\n\t'magic': '',\n\n\t'mark-as-answer': '',\n\n\t'mark-as-question': '',\n\n\t'megaphone-full': '',\n\n\t'merge': '',\n\n\t'message-boards': '',\n\n\t'message': '',\n\n\t'minus-circle': '',\n\n\t'mobile-device-rules': '',\n\n\t'mobile-landscape': '',\n\n\t'mobile-portrait': '',\n\n\t'moon': '',\n\n\t'move-folder': '',\n\n\t'move': '',\n\n\t'myspace': '',\n\n\t'number': '',\n\n\t'oauth': '',\n\n\t'open-id': '',\n\n\t'order-arrow-down': '',\n\n\t'order-arrow-up': '',\n\n\t'order-arrow': '',\n\n\t'organizations': '',\n\n\t'page-template': '',\n\n\t'page': '',\n\n\t'pages-tree': '',\n\n\t'paperclip': '',\n\n\t'paragraph': '',\n\n\t'password-policies': '',\n\n\t'paste': '',\n\n\t'pause': '',\n\n\t'pencil': '',\n\n\t'phone': '',\n\n\t'picture': '',\n\n\t'pin-full': '',\n\n\t'pin': '',\n\n\t'play': '',\n\n\t'plug': '',\n\n\t'plus-squares': '',\n\n\t'plus': '',\n\n\t'polls': '',\n\n\t'print': '',\n\n\t'product-menu-closed': '',\n\n\t'product-menu-open': '',\n\n\t'product-menu': '',\n\n\t'propagation': '',\n\n\t'question-circle-full': '',\n\n\t'question-circle': '',\n\n\t'quote-left': '',\n\n\t'quote-right': '',\n\n\t'radio-button': '',\n\n\t'redo': '',\n\n\t'reload': '',\n\n\t'remove-role': '',\n\n\t'remove-style': '',\n\n\t'reply': '',\n\n\t'repository': '',\n\n\t'reset': '',\n\n\t'restore': '',\n\n\t'rss-full': '',\n\n\t'rss': '',\n\n\t'rules': '',\n\n\t'search': '',\n\n\t'select-from-list': '',\n\n\t'select': '',\n\n\t'separator': '',\n\n\t'share-alt': '',\n\n\t'share': '',\n\n\t'sheets': '',\n\n\t'shopping-cart': '',\n\n\t'shortcut': '',\n\n\t'simple-circle': '',\n\n\t'simulation-menu-closed': '',\n\n\t'simulation-menu-open': '',\n\n\t'simulation-menu': '',\n\n\t'site-template': '',\n\n\t'sites': '',\n\n\t'social-facebook': '',\n\n\t'social-linkedin': '',\n\n\t'spacer': '',\n\n\t'square-hole': '',\n\n\t'square': '',\n\n\t'staging': '',\n\n\t'star-half': '',\n\n\t'star-o': '',\n\n\t'star': '',\n\n\t'sticky': '',\n\n\t'strikethrough': '',\n\n\t'subscript': '',\n\n\t'suitcase': '',\n\n\t'sun': '',\n\n\t'superscript': '',\n\n\t'table': '',\n\n\t'table2': '',\n\n\t'tablet-landscape': '',\n\n\t'tablet-portrait': '',\n\n\t'tag': '',\n\n\t'test': '',\n\n\t'text-editor': '',\n\n\t'text': '',\n\n\t'textbox': '',\n\n\t'third-party': '',\n\n\t'thumbs-down': '',\n\n\t'thumbs-up-arrow': '',\n\n\t'thumbs-up': '',\n\n\t'time': '',\n\n\t'times-circle': '',\n\n\t'times': '',\n\n\t'transform': '',\n\n\t'trash': '',\n\n\t'twitter': '',\n\n\t'underline': '',\n\n\t'undo': '',\n\n\t'unlock': '',\n\n\t'unpin': '',\n\n\t'upload-multiple': '',\n\n\t'upload': '',\n\n\t'urgent': '',\n\n\t'user-plus': '',\n\n\t'user': '',\n\n\t'users': '',\n\n\t'vertical-scroll': '',\n\n\t'video': '',\n\n\t'view': '',\n\n\t'vocabulary': '',\n\n\t'warning-full': '',\n\n\t'warning': '',\n\n\t'web-content': '',\n\n\t'wiki-page': '',\n\n\t'wiki': '',\n\n\t'workflow': ''\n\n\t);\n\n\t@return $lx-icons;\n}", + "////\n/// @group globals\n////\n\n/// A function that returns an empty map of type `map`. In Sass, Empty maps and lists can be declared using `()` and Sass will assign its type as `list`. This function ensures its type will be `map`.\n\n@function map-new() {\n\t@return map-remove((), 'key');\n}\n\n/// A function that returns a new map with all the keys and values including nested keys and values from both `$map1` and `$map2`. If both `$map1` and `$map2` have the same key, `$map2`’s value takes precedence.\n/// @param {Map, Null} $map1[()]\n/// @param {Map, Null} $map2[()]\n\n@function map-deep-merge($map1: (), $map2: ()) {\n\t@if (type-of($map1) == 'list' and length($map1) == 0) or (type-of($map1) == 'null') {\n\t\t$map1: map-new();\n\t}\n\n\t@if (type-of($map1) != map) {\n\t\t@error('argument `$map1` of `map-deep-merge($map1, $map2)` must be a map');\n\t}\n\n\t@if (type-of($map2) == 'list' and length($map2) == 0) or (type-of($map2) == 'null') {\n\t\t$map2: map-new();\n\t}\n\n\t@if (type-of($map2) != map) {\n\t\t@error('argument `$map2` of `map-deep-merge($map1, $map2)` must be a map');\n\t}\n\n\t$newMap: $map1;\n\n\t@each $key, $value in $map2 {\n\t\t@if (type-of($value) == map) {\n\t\t\t$newMap: map-merge(\n\t\t\t\t$newMap,\n\t\t\t\t($key: map-deep-merge(\n\t\t\t\t\tmap-get($newMap, $key),\n\t\t\t\t\t$value\n\t\t\t\t))\n\t\t\t);\n\t\t}\n\t\t@else {\n\t\t\t$newMap: map-merge(\n\t\t\t\t$newMap,\n\t\t\t\t($key: $value)\n\t\t\t);\n\t\t}\n\t}\n\n\t@return $newMap;\n}\n\n/// A helper function for setting default values in variables inside mixins if no value is declared. If the value of a variable is `clay-unset`, `setter` returns a value of `null` which prevents Sass from outputting the declaration. If the value of a variable is `null`, `setter` returns the default, `$val`.\n/// @param {Any} $var - The Sass variable\n/// @param {Any} $val - The default value to return if `$var` is `null`\n\n@function setter($var, $val: false) {\n\t@if ($var == clay-unset) {\n\t\t@return null;\n\t}\n\n\t@if ($var != null) {\n\t\t@return $var;\n\t}\n\n\t@return $val;\n}\n\n/// A helper function that returns the opposite of a number, generally used for `null` values so Sass doesn't output a value `-null`. Returns `null` if `$num` is not a number.\n/// @param {Any} $num - The variable \n\n@function math-sign($num) {\n\t@if (type-of($num) == 'number') {\n\t\t@return -($num);\n\t}\n\n\t@return null;\n}\n\n/// A helper function for displaying warning messages for required variables.\n/// @param {Any} $var - The variable to check\n/// @param {String} $msg['This value is required!'] - The error message to display\n\n@function required($var, $msg: 'This value is required!') {\n\t@if not ($var) {\n\t\t@warn($msg);\n\t}\n\n\t@return $var;\n}\n\n// Builds the calc string used in the CSS top property for\n// `.collapse-icon-closed` and `.collapse-icon-open`\n// @param $container-padding-top - Padding-top of containing element (e.g.,\n// $nav-link-padding-y)\n// @param $offset - Additional offset to add to $container-padding-top\n// @param $font-size - Font-size of containing element (e.g. font-size of\n// `.nav-link`)\n// @param $line-height - Line-height of containing element (e.g., line-height of\n// `.nav-link`)\n\n@function clay-collapse-icon-align($container-padding-top: 0, $offset: 0, $font-size: 1rem, $line-height: 1.5) {\n\t$str1: '';\n\t$str2: '';\n\n\t@if ($container-padding-top != 0) {\n\t\t$str1: '#{$container-padding-top} + ';\n\t}\n\n\t@if ($offset != 0) {\n\t\t$str1: '#{$str1}#{$offset} + ';\n\t}\n\n\t$str2: '(((#{$font-size} * #{$line-height}) - 1em) / 2)';\n\n\t@return(calc(#{$str1}#{$str2}));\n}\n\n// Converts a pixel value to rem based on the `$base` font size. If the return\n// value will be used inside a Sass arithmetic operation don't set `$add-unit`\n// to true\n// @param $number - pixel value to convert\n// @param $add-unit - boolean value that adds rem unit at the end\n// @param $base - base font size to calculate rem value against\n\n@function clay-px-to-rem($number, $add-unit: false, $base: 16) {\n\t@if type-of($number) == 'number' {\n\t\t@if unit($number) == 'px' {\n\t\t\t$number: $number / 1px;\n\t\t\t$number: $number / $base;\n\t\t}\n\t\t@else if unitless($number) {\n\t\t\t$number: $number / $base;\n\t\t}\n\t\t@else {\n\t\t\t@debug 'Unable to convert: #{$number} should be a `px` value.';\n\t\t}\n\t}\n\n\t@if $add-unit {\n\t\t$number: #{$number}rem;\n\t}\n\n\t@return $number;\n}\n\n/// A function that returns the name of the previous breakpoint relative to the breakpoint passed in through `$name` in the Sass map `$grid-breakpoints`. If the breakpoint does not exist in the Sass map, it returns the first breakpoint key.\n/// @param {Key} $name - The breakpoint name or keys in `$grid-breakpoints` (e.g., `xs`, `sm`, `md`, `lg`, `xl`)\n/// @param {Map} $breakpoints[$grid-breakpoints] - A map that defines the breakpoints\n/// @param {List} $breakpoint-names[map-keys($breakpoints)] - A list of all the keys in $breakpoints\n\n@function clay-breakpoint-prev($name, $breakpoints: $grid-breakpoints, $breakpoint-names: map-keys($breakpoints)) {\n\t@each $value in $breakpoint-names {\n\t\t@if (breakpoint-next($value) == $name) {\n\t\t\t@return $value;\n\t\t}\n\t}\n\n\t@return nth($breakpoint-names, 1);\n}\n\n/// A function that returns the largest of two numbers. This returns `null` if either number is `null`.\n/// @param {Number} $val1 - The first number.\n/// @param {Number} $val2 - The second number.\n\n@function clay-max($val1, $val2) {\n\t@if ($val1 == null or $val2 == null) {\n\t\t@return null;\n\t}\n\n\t@return max($val1, $val2);\n}\n\n/// A function to replace all instances of a specific character in a string.\n/// @param {String} $string - The string to operate on\n/// @param {String} $search - The character to replace\n/// @param {String} $replace[''] - The character to replace `$search` with\n/// @link http://codepen.io/jakob-e/pen/doMoML\n\n@function clay-str-replace($string, $search, $replace: '') {\n\t$index: str-index($string, $search);\n\n\t@if $index {\n\t\t$string: str-slice($string, 1, $index - 1) +\n\t\t\t$replace +\n\t\t\tclay-str-replace(str-slice($string, $index + str-length($search)), $search, $replace);\n\t}\n\n\t@return $string;\n}\n\n/// A function to encode an SVG and provide back a data URI to be used in `background-image`. If the SVG uses double quotes to delimit attribute names and values, wrap the SVG in single quotes or vice versa.\n/// @param {String} $svg - The SVG markup to encode\n/// @link http://codepen.io/jakob-e/pen/doMoML\n\n@function clay-svg-url($svg) {\n\t$encoded: '';\n\t$index: 0;\n\t$slice: 2000;\n\n\t$loops: ceil(str-length($svg) / $slice);\n\n\t@for $i from 1 through $loops {\n\t\t$chunk: str-slice($svg, $index, $index + $slice - 1);\n\n\t\t$chunk: clay-str-replace($chunk, '\"', '\\'');\n\t\t$chunk: clay-str-replace($chunk, ' ', '%20');\n\t\t$chunk: clay-str-replace($chunk, '{', '%7B');\n\t\t$chunk: clay-str-replace($chunk, '}', '%7D');\n\t\t$chunk: clay-str-replace($chunk, '<', '%3C');\n\t\t$chunk: clay-str-replace($chunk, '>', '%3E');\n\t\t$chunk: clay-str-replace($chunk, '&', '%26');\n\t\t$chunk: clay-str-replace($chunk, '#', '%23');\n\n\t\t$encoded: #{$encoded}#{$chunk};\n\n\t\t$index: $index + $slice;\n\t}\n\n\t@return url(\"data:image/svg+xml;charset=utf8,#{$encoded}\");\n}\n\n/// A function that returns a specific Lexicon Icon with a specific color as a data URI to be used in `background-image`.\n/// @param {String} $name - The Lexicon Icon name (e.g., angle-right)\n/// @param {Color} $color - The color of the Lexicon Icon\n\n@function clay-icon($name, $color) {\n\t$lx-icons: clay-get-icons($color);\n\n\t@return clay-svg-url(map-get($lx-icons, $name));\n}\n\n/// A function that returns all the Lexicon Icons with a specific color.\n/// @param {Color} $color[''] - The color to use for all the Lexicon Icons\n\n@function clay-get-icons($color: '') {\n\t// Don't touch the $lx-icons variable. It's auto-generated to contain all of the icons from the icons directory\n\t$lx-icons: (\n\n\t'add-cell': '',\n\n\t'add-column': '',\n\n\t'add-role': '',\n\n\t'add-row': '',\n\n\t'adjust': '',\n\n\t'align-center': '',\n\n\t'align-image-center': '',\n\n\t'align-image-left': '',\n\n\t'align-image-right': '',\n\n\t'align-justify': '',\n\n\t'align-left': '',\n\n\t'align-right': '',\n\n\t'analytics': '',\n\n\t'angle-down': '',\n\n\t'angle-left': '',\n\n\t'angle-right': '',\n\n\t'angle-up': '',\n\n\t'announcement': '',\n\n\t'anonymize': '',\n\n\t'api-lock': '',\n\n\t'api-web': '',\n\n\t'archive': '',\n\n\t'arrow-end': '',\n\n\t'arrow-join': '',\n\n\t'arrow-split': '',\n\n\t'arrow-start': '',\n\n\t'arrow-up-full': '',\n\n\t'arrow-xor': '',\n\n\t'asterisk': '',\n\n\t'audio': '',\n\n\t'autosize': '',\n\n\t'bars': '',\n\n\t'bell-full': '',\n\n\t'bell-off': '',\n\n\t'bell-on': '',\n\n\t'blogs': '',\n\n\t'bold': '',\n\n\t'bolt': '',\n\n\t'bookmarks': '',\n\n\t'books': '',\n\n\t'box-container': '',\n\n\t'breadcrumb': '',\n\n\t'briefcase': '',\n\n\t'calendar': '',\n\n\t'camera': '',\n\n\t'cards-full': '',\n\n\t'cards': '',\n\n\t'cards2': '',\n\n\t'caret-bottom-l': '',\n\n\t'caret-bottom': '',\n\n\t'caret-double-l': '',\n\n\t'caret-double': '',\n\n\t'caret-left-l': '',\n\n\t'caret-left': '',\n\n\t'caret-right-l': '',\n\n\t'caret-right': '',\n\n\t'caret-top-l': '',\n\n\t'caret-top': '',\n\n\t'catalog': '',\n\n\t'categories': '',\n\n\t'chain-broken': '',\n\n\t'change-list-disabled': '',\n\n\t'change-list': '',\n\n\t'change': '',\n\n\t'check-circle-full': '',\n\n\t'check-circle': '',\n\n\t'check-square': '',\n\n\t'check': '',\n\n\t'chip': '',\n\n\t'circle': '',\n\n\t'cloud': '',\n\n\t'code': '',\n\n\t'cog': '',\n\n\t'color-picker': '',\n\n\t'columns': '',\n\n\t'comments': '',\n\n\t'community': '',\n\n\t'compress': '',\n\n\t'control-panel': '',\n\n\t'credit-card': '',\n\n\t'custom-field': '',\n\n\t'custom-size': '',\n\n\t'cut': '',\n\n\t'date': '',\n\n\t'decimal': '',\n\n\t'desktop': '',\n\n\t'device-check': '',\n\n\t'devices': '',\n\n\t'diagram': '',\n\n\t'diamond': '',\n\n\t'diary': '',\n\n\t'document-code': '',\n\n\t'document-compressed': '',\n\n\t'document-default': '',\n\n\t'document-image': '',\n\n\t'document-multimedia': '',\n\n\t'document-pdf': '',\n\n\t'document-pending': '',\n\n\t'document-presentation': '',\n\n\t'document-table': '',\n\n\t'document-text': '',\n\n\t'document-vector': '',\n\n\t'document': '',\n\n\t'documents-and-media': '',\n\n\t'download': '',\n\n\t'drag': '',\n\n\t'drop': '',\n\n\t'dynamic-data-list': '',\n\n\t'dynamic-data-mapping': '',\n\n\t'edit-layout': '',\n\n\t'effects': '',\n\n\t'ellipsis-h': '',\n\n\t'ellipsis-v': '',\n\n\t'embed': '',\n\n\t'envelope-closed': '',\n\n\t'envelope-open': '',\n\n\t'environment-connected': '',\n\n\t'environment-disconnected': '',\n\n\t'environment': '',\n\n\t'exclamation-circle': '',\n\n\t'exclamation-full': '',\n\n\t'expand': '',\n\n\t'file-script': '',\n\n\t'file-template': '',\n\n\t'file-xsl': '',\n\n\t'filter': '',\n\n\t'flag-empty': '',\n\n\t'flag-full': '',\n\n\t'ar-sa': '',\n\n\t'bg-bg': '',\n\n\t'ca-ad': '',\n\n\t'ca-es': '',\n\n\t'cs-cz': '',\n\n\t'da-dk': '',\n\n\t'de-de': '',\n\n\t'el-gr': '',\n\n\t'en-au': '',\n\n\t'en-gb': '',\n\n\t'en-us': '',\n\n\t'es-es': '',\n\n\t'et-ee': '',\n\n\t'eu-es': '',\n\n\t'fa-ir': '',\n\n\t'fi-fi': '',\n\n\t'fr-ca': '',\n\n\t'fr-fr': '',\n\n\t'gl-es': '',\n\n\t'hi-in': '',\n\n\t'hr-hr': '',\n\n\t'hu-hu': '',\n\n\t'in-id': '',\n\n\t'it-it': '',\n\n\t'iw-il': '',\n\n\t'ja-jp': '',\n\n\t'kk-kz': '',\n\n\t'ko-kr': '',\n\n\t'lo-la': '',\n\n\t'lt-lt': '',\n\n\t'nb-no': '',\n\n\t'nl-be': '',\n\n\t'nl-nl': '',\n\n\t'pl-pl': '',\n\n\t'pt-br': '',\n\n\t'pt-pt': '',\n\n\t'ro-ro': '',\n\n\t'ru-ru': '',\n\n\t'sk-sk': '',\n\n\t'sl-si': '',\n\n\t'sr-rs-latin': '',\n\n\t'sr-rs': '',\n\n\t'sv-se': '',\n\n\t'ta-in': '',\n\n\t'th-th': '',\n\n\t'tr-tr': '',\n\n\t'uk-ua': '',\n\n\t'vi-vn': '',\n\n\t'zh-cn': '',\n\n\t'zh-tw': '',\n\n\t'folder': '',\n\n\t'format': '',\n\n\t'forms': '',\n\n\t'full-size': '',\n\n\t'geolocation': '',\n\n\t'globe': '',\n\n\t'google': '',\n\n\t'grid': '',\n\n\t'h1': '',\n\n\t'h2': '',\n\n\t'hashtag': '',\n\n\t'hdd': '',\n\n\t'heart-full': '',\n\n\t'heart': '',\n\n\t'hidden': '',\n\n\t'home': '',\n\n\t'horizontal-scroll': '',\n\n\t'hr': '',\n\n\t'import-export': '',\n\n\t'import-list': '',\n\n\t'import': '',\n\n\t'indent-less': '',\n\n\t'indent-more': '',\n\n\t'info-book': '',\n\n\t'info-circle-open': '',\n\n\t'info-circle': '',\n\n\t'info-panel-closed': '',\n\n\t'info-panel-open': '',\n\n\t'information-live': '',\n\n\t'integer': '',\n\n\t'italic': '',\n\n\t'liferay-ac': '',\n\n\t'link': '',\n\n\t'list-ol': '',\n\n\t'list-ul': '',\n\n\t'list': '',\n\n\t'live': '',\n\n\t'lock-dots': '',\n\n\t'lock': '',\n\n\t'logout': '',\n\n\t'magic': '',\n\n\t'mark-as-answer': '',\n\n\t'mark-as-question': '',\n\n\t'megaphone-full': '',\n\n\t'merge': '',\n\n\t'message-boards': '',\n\n\t'message': '',\n\n\t'minus-circle': '',\n\n\t'mobile-device-rules': '',\n\n\t'mobile-landscape': '',\n\n\t'mobile-portrait': '',\n\n\t'moon': '',\n\n\t'move-folder': '',\n\n\t'move': '',\n\n\t'myspace': '',\n\n\t'number': '',\n\n\t'oauth': '',\n\n\t'open-id': '',\n\n\t'order-arrow-down': '',\n\n\t'order-arrow-left': '',\n\n\t'order-arrow-right': '',\n\n\t'order-arrow-up': '',\n\n\t'order-arrow': '',\n\n\t'organizations': '',\n\n\t'page-template': '',\n\n\t'page': '',\n\n\t'pages-tree': '',\n\n\t'paperclip': '',\n\n\t'paragraph': '',\n\n\t'password-policies': '',\n\n\t'paste': '',\n\n\t'pause': '',\n\n\t'pencil': '',\n\n\t'phone': '',\n\n\t'picture': '',\n\n\t'pin-full': '',\n\n\t'pin': '',\n\n\t'play': '',\n\n\t'plug': '',\n\n\t'plus-squares': '',\n\n\t'plus': '',\n\n\t'polls': '',\n\n\t'print': '',\n\n\t'product-menu-closed': '',\n\n\t'product-menu-open': '',\n\n\t'product-menu': '',\n\n\t'propagation': '',\n\n\t'question-circle-full': '',\n\n\t'question-circle': '',\n\n\t'quote-left': '',\n\n\t'quote-right': '',\n\n\t'radio-button': '',\n\n\t'redo': '',\n\n\t'reload': '',\n\n\t'remove-role': '',\n\n\t'remove-style': '',\n\n\t'reply': '',\n\n\t'repository': '',\n\n\t'reset': '',\n\n\t'restore': '',\n\n\t'rss-full': '',\n\n\t'rss': '',\n\n\t'rules': '',\n\n\t'search': '',\n\n\t'select-from-list': '',\n\n\t'select': '',\n\n\t'separator': '',\n\n\t'share-alt': '',\n\n\t'share': '',\n\n\t'sheets': '',\n\n\t'shopping-cart': '',\n\n\t'shortcut': '',\n\n\t'sign-in': '',\n\n\t'simple-circle': '',\n\n\t'simulation-menu-closed': '',\n\n\t'simulation-menu-open': '',\n\n\t'simulation-menu': '',\n\n\t'site-template': '',\n\n\t'sites': '',\n\n\t'social-facebook': '',\n\n\t'social-instagram': '',\n\n\t'social-linkedin': '',\n\n\t'social-twitter': '',\n\n\t'social-vimeo': '',\n\n\t'spacer': '',\n\n\t'square-hole': '',\n\n\t'square': '',\n\n\t'staging': '',\n\n\t'star-half': '',\n\n\t'star-o': '',\n\n\t'star': '',\n\n\t'sticky': '',\n\n\t'strikethrough': '',\n\n\t'subscript': '',\n\n\t'suitcase': '',\n\n\t'sun': '',\n\n\t'superscript': '',\n\n\t'table': '',\n\n\t'table2': '',\n\n\t'tablet-landscape': '',\n\n\t'tablet-portrait': '',\n\n\t'tag': '',\n\n\t'test': '',\n\n\t'text-editor': '',\n\n\t'text': '',\n\n\t'textbox': '',\n\n\t'third-party': '',\n\n\t'thumbs-down': '',\n\n\t'thumbs-up-arrow': '',\n\n\t'thumbs-up': '',\n\n\t'time': '',\n\n\t'times-circle-full': '',\n\n\t'times-circle': '',\n\n\t'times-small': '',\n\n\t'times': '',\n\n\t'transform': '',\n\n\t'trash': '',\n\n\t'truck': '',\n\n\t'twitter': '',\n\n\t'underline': '',\n\n\t'undo': '',\n\n\t'unlock': '',\n\n\t'unpin': '',\n\n\t'upload-multiple': '',\n\n\t'upload': '',\n\n\t'urgent': '',\n\n\t'user-plus': '',\n\n\t'user': '',\n\n\t'users': '',\n\n\t'vertical-scroll': '',\n\n\t'video': '',\n\n\t'view': '',\n\n\t'vocabulary': '',\n\n\t'warning-full': '',\n\n\t'warning': '',\n\n\t'web-content': '',\n\n\t'wiki-page': '',\n\n\t'wiki': '',\n\n\t'workflow': ''\n\n\t);\n\n\t@return $lx-icons;\n}", "@import \"variables/_globals\";\n\n@import \"variables/_alerts\";\n@import \"variables/_badges\";\n@import \"variables/_breadcrumbs\";\n@import \"variables/_buttons\";\n@import \"variables/_labels\";\n@import \"variables/_stickers\";\n\n@import \"variables/_cards\";\n@import \"variables/_dropdowns\";\n\n@import \"variables/_drilldown\";\n@import \"variables/_forms\";\n@import \"variables/_links\";\n\n@import \"variables/_range\";\n\n@import \"variables/_clay-color\";\n@import \"variables/_custom-forms\";\n@import \"variables/_time\";\n\n@import \"variables/_date-picker\";\n@import \"variables/_icons\";\n@import \"variables/_list-group\";\n@import \"variables/_loaders\";\n@import \"variables/_modals\";\n@import \"variables/_multi-step-nav\";\n@import \"variables/_navs\";\n\n@import \"variables/_menubar\";\n@import \"variables/_navbar\";\n\n@import \"variables/_application-bar\";\n@import \"variables/_management-bar\";\n@import \"variables/_navigation-bar\";\n@import \"variables/_pagination\";\n@import \"variables/_panels\";\n@import \"variables/_popovers\";\n@import \"variables/_progress-bars\";\n@import \"variables/_quick-action\";\n@import \"variables/_sheets\";\n@import \"variables/_sidebar\";\n@import \"variables/_tables\";\n@import \"variables/_tbar\";\n@import \"variables/_timelines\";\n@import \"variables/_toggle-switch\";\n@import \"variables/_tooltip\";\n@import \"variables/_type\";\n\n@import \"variables/_utilities\";", - "////\n/// @group globals\n////\n\n// @deprecated as of v2.4.1 we will not support unsetting variables in version 2 because it violates the Sass spec. If you are using libsass you can still unset Clay CSS / Bootstrap variables with the syntax `$my-var: !default;`.\n\n$clay-unset: clay-unset !default;\n$clay-unset-placeholder: clay-unset-placeholder !default;\n\n$atlas-theme: true !default;\n\n$enable-scaling-components: true !default;\n$enable-shadows: true !default;\n\n$grid-breakpoints: (\n\txs: 0,\n\tsm: 576px,\n\tmd: 768px,\n\tlg: 992px,\n\txl: 1280px\n) !default;\n\n$container-max-widths: (\n\tsm: 540px,\n\tmd: 720px,\n\tlg: 960px,\n\txl: 1248px\n) !default;\n\n$grid-gutter-width: 24px !default;\n\n$moz-osx-font-smoothing: grayscale !default;\n$webkit-font-smoothing: antialiased !default;\n\n$font-size-base: 1rem !default; // 16px\n$font-size-lg: 1.125rem !default; // 18px\n$font-size-sm: 0.875rem !default; // 14px\n\n$font-weight-light: 300 !default;\n$font-weight-normal: 400 !default;\n$font-weight-semi-bold: 600 !default;\n$font-weight-bold: 700 !default;\n$font-weight-bolder: 900 !default;\n\n$line-height-base: 1.5 !default;\n\n$font-family-sans-serif: system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen-Sans, Ubuntu, Cantarell, \"Helvetica Neue\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\" !default;\n\n$headings-font-weight: $font-weight-bold !default;\n\n// Theme Base Colors\n\n$white: #FFF !default;\n$gray-100: #F7F8F9 !default;\n$gray-200: #F1F2F5 !default;\n$gray-300: #E7E7ED !default;\n$gray-400: #CDCED9 !default;\n$gray-500: #A7A9BC !default;\n$gray-600: #6B6C7E !default;\n$gray-700: #495057 !default;\n$gray-800: #393A4A !default;\n$gray-900: #272833 !default;\n$black: #000 !default;\n\n$blue: #0B5FFF !default;\n$indigo: #6610F2 !default;\n$purple: #6F42C1 !default;\n$pink: #E83E8C !default;\n$red: #DA1414 !default;\n$orange: #B95000 !default;\n$yellow: #FFC107 !default;\n$green: #287D3D !default;\n$teal: #20C997 !default;\n$cyan: #17A2B8 !default;\n\n$primary: #0B5FFF !default;\n$primary-d1: darken($primary, 5.10) !default;\n$primary-d2: darken($primary, 10) !default;\n$primary-l1: lighten($primary, 22.94) !default;\n$primary-l2: lighten($primary, 32.94) !default;\n$primary-l3: lighten($primary, 44.90) !default;\n\n$secondary: #6B6C7E !default;\n$secondary-d1: darken(saturate($secondary, 4.82), 20) !default;\n$secondary-d2: darken(saturate($secondary, 5.36), 23.92) !default;\n$secondary-l1: lighten(saturate(adjust-hue($secondary, -3), 5.39), 23.92) !default;\n$secondary-l2: lighten(saturate(adjust-hue($secondary, -2), 5.48), 37.06) !default;\n$secondary-l3: lighten(saturate(adjust-hue($secondary, 3), 6.13), 46.08) !default;\n\n$info: #2E5AAC !default;\n$info-d1: darken($info, 5.10) !default;\n$info-d2: darken($info, 10) !default;\n$info-l1: lighten(saturate($info, 0.59), 28.04) !default;\n$info-l2: lighten(desaturate($info, 3.25), 52.94) !default;\n\n$success: #287D3D !default;\n$success-d1: darken($success, 5.10) !default;\n$success-d2: darken($success, 10) !default;\n$success-l1: lighten(desaturate($success, 0.14), 24.90) !default;\n$success-l2: lighten(desaturate($success, 1.52), 62.94) !default;\n\n$warning: #B95000 !default;\n$warning-d1: darken($warning, 5.10) !default;\n$warning-d2: darken($warning, 10) !default;\n$warning-l1: lighten($warning, 24.90) !default;\n$warning-l2: lighten($warning, 60) !default;\n\n$danger: #DA1414 !default;\n$danger-d1: darken($danger, 5.10) !default;\n$danger-d2: darken($danger, 10) !default;\n$danger-l1: lighten(desaturate($danger, 0.25), 28.04) !default;\n$danger-l2: lighten(saturate($danger, 5.04), 50) !default;\n\n$light: #F1F2F5 !default;\n$light-d1: darken($light, 5.10) !default;\n$light-d2: darken($light, 10) !default;\n$light-l1: lighten(desaturate(adjust-hue($light, -15), 2.38), 1.96) !default;\n$light-l2: lighten(desaturate(adjust-hue($light, -225), 16.67), 4.71) !default;\n\n$dark: #272833 !default;\n$dark-d1: darken($dark, 5.10) !default;\n$dark-d2: darken($dark, 10) !default;\n$dark-l1: lighten(saturate($dark, 0.18), 4.12) !default;\n$dark-l2: lighten(desaturate($dark, 0.36), 8.04) !default;\n\n$theme-colors: () !default;\n$theme-colors: map-deep-merge((\n\tprimary: $primary,\n\tsecondary: $secondary,\n\tsuccess: $success,\n\tinfo: $info,\n\twarning: $warning,\n\tdanger: $danger,\n\tlight: $light,\n\tdark: $dark\n), $theme-colors);\n\n$yiq-text-dark: $gray-900 !default;\n$yiq-text-light: $white !default;\n\n$body-bg: $gray-200 !default;\n$body-color: $gray-900 !default;\n$text-muted: $gray-500 !default;\n\n$link-color: $primary !default;\n$link-hover-color: $primary-d2 !default;\n\n$component-active-bg: #0B5FFF !default;\n$component-active-color: #FFF !default;\n\n$component-focus-box-shadow: 0 0 0 0.125rem $white#{','} 0 0 0 0.25rem $primary-l1 !default;\n\n// Spacing\n\n$spacer: 1rem !default;\n$spacers: () !default;\n$spacers: map-deep-merge((\n\t0: 0,\n\t1: ($spacer * .25),\n\t2: ($spacer * .5),\n\t3: ($spacer * 1),\n\t4: ($spacer * 1.5),\n\t5: ($spacer * 3),\n\t6: ($spacer * 4.5),\n\t7: ($spacer * 6),\n\t8: ($spacer * 7.5),\n), $spacers);\n\n$border-radius: 0.25rem !default; // 4px\n$border-radius-lg: 0.375rem !default; // 6px\n$border-radius-sm: 0.1875rem !default; // 3px\n\n$close-text-shadow: none !default;", - "////\n/// @group alerts\n////\n\n$alert-padding-x: 1rem !default; // 16px\n$alert-padding-y: 1.09375rem !default; // 17.5px\n\n// For top only border use: 2px 0 0 0\n$alert-border-width: 0.0625rem !default;\n\n// @deprecated as of v2.12.0 use the Sass map `$alert-close` instead\n\n$alert-close-opacity: 1 !default;\n\n$alert-font-size: 0.875rem !default; // 14px\n\n$alert-lead-font-size: $alert-font-size !default;\n$alert-lead-font-weight: $font-weight-semi-bold !default;\n\n$alert-link-decoration: underline !default;\n$alert-link-hover-decoration: none !default;\n$alert-link-font-weight: $font-weight-semi-bold !default;\n\n$alert-indicator-font-size: inherit !default;\n\n$alert-title: () !default;\n$alert-title: map-deep-merge((\n\tfont-size: 0.875rem,\n\tmargin-bottom: 0.25rem,\n\tmargin-top: 0\n), $alert-title);\n\n$alert-subtitle: () !default;\n$alert-subtitle: map-deep-merge((\n\tfont-size: 0.75rem,\n\tfont-weight: $font-weight-normal\n), $alert-subtitle);\n\n// Alert Notification\n\n$alert-notifications-box-shadow: 0 0.5rem 2rem -0.25rem rgba(0, 0, 0, 0.3) !default;\n\n// Alert Variants\n\n$alert-primary-color: $primary !default;\n$alert-primary-bg: $primary-l3 !default;\n$alert-primary-border-color: $primary-l1 !default;\n$alert-primary-close-color: $alert-primary-color !default;\n$alert-primary-close-hover-color: $alert-primary-color !default;\n$alert-primary-lead-color: $alert-primary-color !default;\n$alert-primary-link-color: $link-color !default;\n\n$alert-secondary-color: $secondary !default;\n$alert-secondary-bg: $secondary-l3 !default;\n$alert-secondary-border-color: $secondary-l1 !default;\n$alert-secondary-close-color: $alert-secondary-color !default;\n$alert-secondary-close-hover-color: $alert-secondary-color !default;\n$alert-secondary-lead-color: $alert-secondary-color !default;\n$alert-secondary-link-color: $link-color !default;\n\n$alert-success-color: $success !default;\n$alert-success-bg: $success-l2 !default;\n$alert-success-border-color: $success-l1 !default;\n$alert-success-close-color: $alert-success-color !default;\n$alert-success-close-hover-color: $alert-success-color !default;\n$alert-success-lead-color: $alert-success-color !default;\n$alert-success-link-color: $link-color !default;\n\n$alert-info-color: $info !default;\n$alert-info-bg: $info-l2 !default;\n$alert-info-border-color: $info-l1 !default;\n$alert-info-close-color: $alert-info-color !default;\n$alert-info-close-hover-color: $alert-info-color !default;\n$alert-info-lead-color: $alert-info-color !default;\n$alert-info-link-color: $link-color !default;\n\n$alert-warning-color: $warning !default;\n$alert-warning-bg: $warning-l2 !default;\n$alert-warning-border-color: $warning-l1 !default;\n$alert-warning-close-color: $alert-warning-color !default;\n$alert-warning-close-hover-color: $alert-warning-color !default;\n$alert-warning-lead-color: $alert-warning-color !default;\n$alert-warning-link-color: $link-color !default;\n\n$alert-danger-color: $danger !default;\n$alert-danger-bg: $danger-l2 !default;\n$alert-danger-border-color: $danger-l1 !default;\n$alert-danger-close-color: $alert-danger-color !default;\n$alert-danger-close-hover-color: $alert-danger-color !default;\n$alert-danger-lead-color: $alert-danger-color !default;\n$alert-danger-link-color: $link-color !default;\n\n$alert-light-color: $dark !default;\n$alert-light-bg: $light-l2 !default;\n$alert-light-border-color: $light-l1 !default;\n$alert-light-close-color: $alert-light-color !default;\n$alert-light-close-hover-color: $alert-light-color !default;\n$alert-light-lead-color: $alert-light-color !default;\n$alert-light-link-color: $link-color !default;\n\n$alert-dark-color: $light !default;\n$alert-dark-bg: $dark-l2 !default;\n$alert-dark-border-color: $dark-l1 !default;\n$alert-dark-close-color: $alert-dark-color !default;\n$alert-dark-close-hover-color: $alert-dark-color !default;\n$alert-dark-lead-color: $alert-dark-color !default;\n$alert-dark-link-color: $alert-dark-color !default;", + "////\n/// @group globals\n////\n\n// @deprecated as of v2.4.1 we will not support unsetting variables in version 2 because it violates the Sass spec. If you are using libsass you can still unset Clay CSS / Bootstrap variables with the syntax `$my-var: !default;`.\n\n$clay-unset: clay-unset !default;\n$clay-unset-placeholder: clay-unset-placeholder !default;\n\n$atlas-theme: true !default;\n\n$enable-lexicon-flat-colors: true !default;\n\n$enable-scaling-components: true !default;\n$enable-shadows: true !default;\n\n$grid-breakpoints: (\n\txs: 0,\n\tsm: 576px,\n\tmd: 768px,\n\tlg: 992px,\n\txl: 1280px\n) !default;\n\n$container-max-widths: (\n\tsm: 540px,\n\tmd: 720px,\n\tlg: 960px,\n\txl: 1248px\n) !default;\n\n$grid-gutter-width: 24px !default;\n\n$moz-osx-font-smoothing: grayscale !default;\n$webkit-font-smoothing: antialiased !default;\n\n$font-size-base: 1rem !default; // 16px\n$font-size-lg: 1.125rem !default; // 18px\n$font-size-sm: 0.875rem !default; // 14px\n\n$font-weight-light: 300 !default;\n$font-weight-normal: 400 !default;\n$font-weight-semi-bold: 600 !default;\n$font-weight-bold: 700 !default;\n$font-weight-bolder: 900 !default;\n\n$line-height-base: 1.5 !default;\n\n$font-family-sans-serif: system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen-Sans, Ubuntu, Cantarell, \"Helvetica Neue\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\" !default;\n\n$headings-font-weight: $font-weight-bold !default;\n\n$h1-font-size: 1.625rem !default; // 26px\n$h2-font-size: 1.375rem !default; // 22px\n$h3-font-size: 1.1875rem !default; // 19px\n$h4-font-size: 1rem !default; // 16px\n$h5-font-size: 0.875rem !default; // 14px\n$h6-font-size: 0.8125rem !default; // 13px\n\n// Theme Base Colors\n\n$white: #FFF !default;\n$gray-100: #F7F8F9 !default;\n$gray-200: #F1F2F5 !default;\n$gray-300: #E7E7ED !default;\n$gray-400: #CDCED9 !default;\n$gray-500: #A7A9BC !default;\n$gray-600: #6B6C7E !default;\n$gray-700: #495057 !default;\n$gray-800: #393A4A !default;\n$gray-900: #272833 !default;\n$black: #000 !default;\n\n$blue: if($enable-lexicon-flat-colors, #4B9FFF, #0B5FFF) !default;\n$indigo: if($enable-lexicon-flat-colors, #7785FF, #6610F2) !default;\n$purple: if($enable-lexicon-flat-colors, #AF78FF, #6F42C1) !default;\n$pink: if($enable-lexicon-flat-colors, #FF73C3, #E83E8C) !default;\n$red: if($enable-lexicon-flat-colors, #FF5F5F, #DA1414) !default;\n$orange: if($enable-lexicon-flat-colors, #FFB46E, #B95000) !default;\n$yellow: if($enable-lexicon-flat-colors, #FFD76E, #FFC107) !default;\n$green: if($enable-lexicon-flat-colors, #9BE169, #287D3D) !default;\n$teal: if($enable-lexicon-flat-colors, #50D2A0, #20C997) !default;\n$cyan: if($enable-lexicon-flat-colors, #5FC8FF, #17A2B8) !default;\n\n$primary: #0B5FFF !default;\n$primary-d1: darken($primary, 5.10) !default;\n$primary-d2: darken($primary, 10) !default;\n$primary-l1: lighten($primary, 22.94) !default;\n$primary-l2: lighten($primary, 32.94) !default;\n$primary-l3: lighten($primary, 44.90) !default;\n\n$secondary: #6B6C7E !default;\n$secondary-d1: darken(saturate($secondary, 4.82), 20) !default;\n$secondary-d2: darken(saturate($secondary, 5.36), 23.92) !default;\n$secondary-l1: lighten(saturate(adjust-hue($secondary, -3), 5.39), 23.92) !default;\n$secondary-l2: lighten(saturate(adjust-hue($secondary, -2), 5.48), 37.06) !default;\n$secondary-l3: lighten(saturate(adjust-hue($secondary, 3), 6.13), 46.08) !default;\n\n$info: #2E5AAC !default;\n$info-d1: darken($info, 5) !default;\n$info-d2: darken($info, 10) !default;\n$info-l1: lighten(saturate($info, 0.59), 28.04) !default;\n$info-l2: lighten(desaturate($info, 3.25), 52.94) !default;\n\n$success: #287D3C !default;\n$success-d1: darken($success, 5) !default;\n$success-d2: darken($success, 10) !default;\n$success-l1: lighten(desaturate($success, 0.14), 24.95) !default;\n$success-l2: lighten(desaturate($success, 1.52), 62.94) !default;\n\n$warning: #B95000 !default;\n$warning-d1: darken($warning, 5.10) !default;\n$warning-d2: darken($warning, 10) !default;\n$warning-l1: lighten($warning, 24.90) !default;\n$warning-l2: lighten($warning, 60) !default;\n\n$danger: #DA1414 !default;\n$danger-d1: darken($danger, 5) !default;\n$danger-d2: darken($danger, 10) !default;\n$danger-l1: lighten(desaturate($danger, 0.25), 28.04) !default;\n$danger-l2: lighten(saturate($danger, 5.04), 50) !default;\n\n$light: #F1F2F5 !default;\n$light-d1: darken($light, 5.10) !default;\n$light-d2: darken($light, 10) !default;\n$light-l1: lighten(desaturate(adjust-hue($light, -15), 2.38), 1.96) !default;\n$light-l2: lighten(desaturate(adjust-hue($light, -225), 16.67), 4.71) !default;\n\n$dark: #272833 !default;\n$dark-d1: darken($dark, 5.10) !default;\n$dark-d2: darken($dark, 10) !default;\n$dark-l1: lighten(saturate($dark, 0.18), 4.12) !default;\n$dark-l2: lighten(desaturate($dark, 0.36), 8.04) !default;\n\n$theme-colors: () !default;\n$theme-colors: map-deep-merge((\n\tprimary: $primary,\n\tsecondary: $secondary,\n\tsuccess: $success,\n\tinfo: $info,\n\twarning: $warning,\n\tdanger: $danger,\n\tlight: $light,\n\tdark: $dark\n), $theme-colors);\n\n$yiq-text-dark: $gray-900 !default;\n$yiq-text-light: $white !default;\n\n$body-bg: $gray-200 !default;\n$body-color: $gray-900 !default;\n$text-muted: $gray-500 !default;\n\n$link-color: $primary !default;\n$link-hover-color: $primary-d2 !default;\n\n$component-active-bg: #0B5FFF !default;\n$component-active-color: #FFF !default;\n\n$component-focus-box-shadow: 0 0 0 0.125rem $white#{','} 0 0 0 0.25rem $primary-l1 !default;\n\n// Spacing\n\n$spacer: 1rem !default;\n$spacers: () !default;\n$spacers: map-deep-merge((\n\t0: 0,\n\t1: ($spacer * .25),\n\t2: ($spacer * .5),\n\t3: ($spacer * 1),\n\t4: ($spacer * 1.5),\n\t5: ($spacer * 3),\n\t6: ($spacer * 4.5),\n\t7: ($spacer * 6),\n\t8: ($spacer * 7.5),\n), $spacers);\n\n$border-radius: 0.25rem !default; // 4px\n$border-radius-lg: 0.375rem !default; // 6px\n$border-radius-sm: 0.1875rem !default; // 3px\n\n$close-text-shadow: none !default;", + "////\n/// @group alerts\n////\n\n$alert-padding-x: 1rem !default; // 16px\n$alert-padding-y: 1.09375rem !default; // 17.5px\n\n// For top only border use: 2px 0 0 0\n$alert-border-width: 0.0625rem !default;\n\n// @deprecated as of v2.12.0 use the Sass map `$alert-close` instead\n\n$alert-close-opacity: 1 !default;\n\n$alert-font-size: 0.875rem !default; // 14px\n\n$alert-lead-font-size: $alert-font-size !default;\n$alert-lead-font-weight: $font-weight-semi-bold !default;\n\n$alert-link-decoration: underline !default;\n$alert-link-hover-decoration: none !default;\n$alert-link-font-weight: $font-weight-semi-bold !default;\n\n$alert-indicator-font-size: inherit !default;\n\n$alert-title: () !default;\n$alert-title: map-deep-merge((\n\tfont-size: 0.875rem,\n\tmargin-bottom: 0.25rem,\n\tmargin-top: 0\n), $alert-title);\n\n$alert-subtitle: () !default;\n$alert-subtitle: map-deep-merge((\n\tfont-size: 0.75rem,\n\tfont-weight: $font-weight-normal\n), $alert-subtitle);\n\n// Alert Notification\n\n$alert-notifications-box-shadow: 0 0.5rem 2rem -0.25rem rgba(0, 0, 0, 0.3) !default;\n\n// Alert Autofit Row\n\n$alert-autofit-row: () !default;\n$alert-autofit-row: map-deep-merge((\n\tmargin-left: -0.25rem,\n\tmargin-right: -0.25rem,\n\tautofit-col-padding-left: 0.25rem,\n\tautofit-col-padding-right: 0.25rem,\n), $alert-autofit-row);\n\n// Alert Variants\n\n$alert-primary-color: $primary !default;\n$alert-primary-bg: $primary-l3 !default;\n$alert-primary-border-color: $primary-l1 !default;\n$alert-primary-close-color: $alert-primary-color !default;\n$alert-primary-close-hover-color: $alert-primary-color !default;\n$alert-primary-lead-color: $alert-primary-color !default;\n$alert-primary-link-color: $link-color !default;\n$alert-primary-btn: () !default;\n$alert-primary-btn: map-deep-merge((\n\tborder-color: $primary-l1,\n\thover-border-color: $primary,\n), $alert-primary-btn);\n\n$alert-secondary-color: $secondary !default;\n$alert-secondary-bg: $secondary-l3 !default;\n$alert-secondary-border-color: $secondary-l1 !default;\n$alert-secondary-close-color: $alert-secondary-color !default;\n$alert-secondary-close-hover-color: $alert-secondary-color !default;\n$alert-secondary-lead-color: $alert-secondary-color !default;\n$alert-secondary-link-color: $link-color !default;\n$alert-secondary-btn: () !default;\n$alert-secondary-btn: map-deep-merge((\n\tborder-color: $secondary-l1,\n\thover-border-color: $secondary,\n), $alert-secondary-btn);\n\n$alert-success-color: $success !default;\n$alert-success-bg: $success-l2 !default;\n$alert-success-border-color: $success-l1 !default;\n$alert-success-close-color: $alert-success-color !default;\n$alert-success-close-hover-color: $alert-success-color !default;\n$alert-success-lead-color: $alert-success-color !default;\n$alert-success-link-color: $link-color !default;\n$alert-success-btn: () !default;\n$alert-success-btn: map-deep-merge((\n\tborder-color: $success-l1,\n\thover-border-color: $success,\n), $alert-success-btn);\n\n$alert-info-color: $info !default;\n$alert-info-bg: $info-l2 !default;\n$alert-info-border-color: $info-l1 !default;\n$alert-info-close-color: $alert-info-color !default;\n$alert-info-close-hover-color: $alert-info-color !default;\n$alert-info-lead-color: $alert-info-color !default;\n$alert-info-link-color: $link-color !default;\n$alert-info-btn: () !default;\n$alert-info-btn: map-deep-merge((\n\tborder-color: $info-l1,\n\thover-border-color: $info,\n), $alert-info-btn);\n\n$alert-warning-color: $warning !default;\n$alert-warning-bg: $warning-l2 !default;\n$alert-warning-border-color: $warning-l1 !default;\n$alert-warning-close-color: $alert-warning-color !default;\n$alert-warning-close-hover-color: $alert-warning-color !default;\n$alert-warning-lead-color: $alert-warning-color !default;\n$alert-warning-link-color: $link-color !default;\n$alert-warning-btn: () !default;\n$alert-warning-btn: map-deep-merge((\n\tborder-color: $warning-l1,\n\thover-border-color: $warning,\n), $alert-warning-btn);\n\n$alert-danger-color: $danger !default;\n$alert-danger-bg: $danger-l2 !default;\n$alert-danger-border-color: $danger-l1 !default;\n$alert-danger-close-color: $alert-danger-color !default;\n$alert-danger-close-hover-color: $alert-danger-color !default;\n$alert-danger-lead-color: $alert-danger-color !default;\n$alert-danger-link-color: $link-color !default;\n$alert-danger-btn: () !default;\n$alert-danger-btn: map-deep-merge((\n\tborder-color: $danger-l1,\n\thover-border-color: $danger,\n), $alert-danger-btn);\n\n$alert-light-color: $dark !default;\n$alert-light-bg: $light-l2 !default;\n$alert-light-border-color: $light-l1 !default;\n$alert-light-close-color: $alert-light-color !default;\n$alert-light-close-hover-color: $alert-light-color !default;\n$alert-light-lead-color: $alert-light-color !default;\n$alert-light-link-color: $link-color !default;\n$alert-light-btn: () !default;\n$alert-light-btn: map-deep-merge((\n\tborder-color: $dark-l1,\n\tcolor: $dark,\n\thover-bg: $dark,\n\thover-border-color: $dark,\n\thover-color: $white,\n\tactive-bg: darken($dark, 5%),\n\tactive-border-color: darken($dark, 5%),\n), $alert-light-btn);\n\n$alert-dark-color: $light !default;\n$alert-dark-bg: $dark-l2 !default;\n$alert-dark-border-color: $dark-l1 !default;\n$alert-dark-close-color: $alert-dark-color !default;\n$alert-dark-close-hover-color: $alert-dark-color !default;\n$alert-dark-lead-color: $alert-dark-color !default;\n$alert-dark-link-color: $alert-dark-color !default;\n$alert-dark-btn: () !default;\n$alert-dark-btn: map-deep-merge((\n\tborder-color: $dark-l1,\n\thover-border-color: $dark,\n), $alert-dark-btn);", "$badge-border-radius: 10rem !default;\n$badge-font-size: 0.625rem !default; // 10px\n$badge-font-weight: $font-weight-semi-bold !default;\n$badge-line-height: 1.1 !default;\n$badge-padding-x: 0.25rem !default; // 4px\n$badge-padding-y: 0.09375rem !default; // 1.5px\n\n$badge-item-spacer-x: 0.85714em !default;\n\n$badge-pill-border-radius: $border-radius !default;\n$badge-pill-padding-x: 0.25rem !default; // 4px\n\n// Badge Variants\n\n$badge-primary-color: $white !default;\n$badge-primary-bg: $primary !default;\n$badge-primary-hover-bg: $badge-primary-bg !default;\n$badge-primary-hover-color: $badge-primary-color !default;\n\n$badge-secondary-color: $gray-900 !default;\n$badge-secondary-bg: $secondary-l3 !default;\n$badge-secondary-hover-bg: $badge-secondary-bg !default;\n$badge-secondary-hover-color: $badge-secondary-color !default;\n$badge-secondary-link-color: $badge-secondary-color !default;\n\n$badge-success-color: $white !default;\n$badge-success-bg: $success !default;\n$badge-success-hover-bg: $badge-success-bg !default;\n$badge-success-hover-color: $badge-success-color !default;\n\n$badge-info-color: $white !default;\n$badge-info-bg: $info !default;\n$badge-info-hover-bg: $badge-info-bg !default;\n$badge-info-hover-color: $badge-info-color !default;\n\n$badge-warning-color: $white !default;\n$badge-warning-bg: $warning !default;\n$badge-warning-hover-bg: $badge-warning-bg !default;\n$badge-warning-hover-color: $badge-warning-color !default;\n\n$badge-danger-color: $white !default;\n$badge-danger-bg: $danger !default;\n$badge-danger-hover-bg: $badge-danger-bg !default;\n$badge-danger-hover-color: $badge-danger-color !default;\n\n$badge-light-color: $gray-900 !default;\n$badge-light-bg: $light !default;\n$badge-light-hover-bg: $badge-light-bg !default;\n$badge-light-hover-color: $badge-light-color !default;\n$badge-light-link-color: $badge-light-color !default;\n\n$badge-dark-color: $white !default;\n$badge-dark-bg: $dark !default;\n$badge-dark-hover-bg: $badge-dark-bg !default;\n$badge-dark-hover-color: $badge-dark-color !default;", "$breadcrumb-bg: transparent !default;\n$breadcrumb-font-size: 0.875rem !default; // 14px\n$breadcrumb-padding-x: 0.125rem !default; // 2px\n\n$breadcrumb-link-color: $gray-600 !default;\n$breadcrumb-link-hover-color: $breadcrumb-link-color !default;\n\n$breadcrumb-link: () !default;\n$breadcrumb-link: map-deep-merge((\n\tborder-radius: 1px,\n\ttransition: box-shadow 0.15s ease-in-out,\n\tfocus-box-shadow: $component-focus-box-shadow,\n\tfocus-outline: 0,\n), $breadcrumb-link);\n\n$breadcrumb-active-color: $gray-900 !default;\n\n$breadcrumb-divider-color: $breadcrumb-link-color !default;\n$breadcrumb-divider-svg-icon-height: 0.6em !default;", "// Will need to be revisited if https://github.com/twbs/bootstrap/pull/24821 merge error is fixed\n$btn-box-shadow: 0 0 rgba(#000, 0) !default;\n$btn-font-weight: $font-weight-semi-bold !default;\n$btn-padding-x: 0.9375rem !default; // 15px\n$btn-padding-y: 0.4375rem !default; // 7px\n$btn-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$btn-focus-box-shadow: $component-focus-box-shadow !default;\n\n$btn-disabled-opacity: 0.4 !default;\n\n$btn-link-disabled-color: $link-color !default;\n\n// Will need to be revisited if https://github.com/twbs/bootstrap/pull/24821 merge error is fixed\n$btn-active-box-shadow: inset 0 0 rgba(#000, 0) !default;\n\n$btn-inline-item-font-size: 1rem !default; // 16px\n\n// Button Sizes\n\n$btn-border-radius-lg: $border-radius !default;\n$btn-font-size-lg: $font-size-lg !default; // 18px\n$btn-padding-x-lg: 1.5rem !default; // 24px\n$btn-padding-y-lg: 0.59375rem !default; // 9.5px\n$btn-inline-item-font-size-lg: $font-size-lg !default; // 18px\n\n$btn-font-size-sm: $font-size-sm !default; // 14px\n$btn-line-height-sm: 1.15 !default;\n$btn-padding-x-sm: 0.75rem !default; // 12px\n$btn-padding-y-sm: 0.4375rem !default; // 7px\n\n// Button Monospaced\n\n$btn-monospaced-padding-y: 0.25rem !default; // 4px\n$btn-monospaced-size: 2.5rem !default; // 40px\n\n$btn-monospaced-padding-x-sm: null !default;\n$btn-monospaced-padding-y-sm: 0.1875rem !default; // 3px\n$btn-monospaced-size-sm: 2rem !default; // 32px\n\n$btn-monospaced-padding-y-lg: 0.375rem !default; // 6px\n\n// Button Group\n\n$btn-group-item-margin-right: 1rem !default;\n\n// Button Variants\n\n$btn-primary: () !default;\n$btn-primary: map-deep-merge((\n\thover-bg: $primary-d1,\n\thover-border-color: transparent,\n\tfocus-bg: $primary-d1,\n\tfocus-box-shadow: $btn-focus-box-shadow,\n\tdisabled-bg: $primary,\n\tactive-bg: $primary-d2,\n\tactive-border-color: transparent,\n\tactive-box-shadow: none,\n\tactive-focus-box-shadow: $btn-focus-box-shadow,\n), $btn-primary);\n\n$btn-secondary: () !default;\n$btn-secondary: map-deep-merge((\n\tbg: $white,\n\tborder-color: $secondary-l2,\n\tcolor: $secondary,\n\thover-bg: $gray-100,\n\thover-border-color: $secondary-l2,\n\thover-color: $gray-900,\n\tfocus-bg: $gray-100,\n\tfocus-border-color: $secondary-l2,\n\tfocus-box-shadow: $btn-focus-box-shadow,\n\tfocus-color: $gray-900,\n\tdisabled-bg: $white,\n\tdisabled-border-color: $secondary-l2,\n\tdisabled-color: $secondary,\n\tactive-border-color: $secondary-l2,\n\tactive-color: $gray-900,\n\tactive-bg: $gray-200,\n\tactive-box-shadow: none,\n\tactive-focus-box-shadow: $btn-focus-box-shadow,\n\tloading-animation: null,\n), $btn-secondary);\n\n$btn-success: () !default;\n$btn-success: map-deep-merge((\n\thover-bg: $success-d1,\n\thover-border-color: transparent,\n\tfocus-bg: $success-d1,\n\tfocus-border-color: transparent,\n\tfocus-box-shadow: $btn-focus-box-shadow,\n\tdisabled-bg: $success,\n\tactive-bg: $success-d2,\n\tactive-border-color: transparent,\n\tactive-box-shadow: none,\n\tactive-focus-box-shadow: $btn-focus-box-shadow,\n), $btn-success);\n\n$btn-info: () !default;\n$btn-info: map-deep-merge((\n\thover-bg: $info-d1,\n\thover-border-color: transparent,\n\tfocus-bg: $info-d1,\n\tfocus-border-color: transparent,\n\tfocus-box-shadow: $btn-focus-box-shadow,\n\tdisabled-bg: $info,\n\tactive-bg: $info-d2,\n\tactive-border-color: transparent,\n\tactive-box-shadow: none,\n\tactive-focus-box-shadow: $btn-focus-box-shadow,\n), $btn-info);\n\n$btn-warning: () !default;\n$btn-warning: map-deep-merge((\n\thover-bg: $warning-d1,\n\thover-border-color: transparent,\n\tfocus-bg: $warning-d1,\n\tfocus-border-color: transparent,\n\tfocus-box-shadow: $btn-focus-box-shadow,\n\tdisabled-bg: $warning,\n\tactive-bg: $warning-d2,\n\tactive-border-color: transparent,\n\tactive-box-shadow: none,\n\tactive-focus-box-shadow: $btn-focus-box-shadow,\n\tloading-animation: 'loading-animation-light',\n), $btn-warning);\n\n$btn-danger: () !default;\n$btn-danger: map-deep-merge((\n\thover-bg: $danger-d1,\n\thover-border-color: transparent,\n\tfocus-bg: $danger-d1,\n\tfocus-border-color: transparent,\n\tfocus-box-shadow: $btn-focus-box-shadow,\n\tdisabled-bg: $danger,\n\tactive-bg: $danger-d2,\n\tactive-border-color: transparent,\n\tactive-box-shadow: none,\n\tactive-focus-box-shadow: $btn-focus-box-shadow,\n), $btn-danger);\n\n$btn-light: () !default;\n$btn-light: map-deep-merge((\n\tcolor: $gray-900,\n\thover-bg: $light-d1,\n\thover-border-color: transparent,\n\tfocus-bg: $light-d1,\n\tfocus-border-color: transparent,\n\tfocus-box-shadow: $btn-focus-box-shadow,\n\tdisabled-bg: $light,\n\tactive-bg: $light-d2,\n\tactive-border-color: transparent,\n\tactive-box-shadow: none,\n\tactive-focus-box-shadow: $btn-focus-box-shadow,\n), $btn-light);\n\n$btn-dark: () !default;\n$btn-dark: map-deep-merge((\n\thover-bg: $dark-d1,\n\thover-border-color: transparent,\n\tfocus-bg: $dark-d1,\n\tfocus-border-color: transparent,\n\tfocus-box-shadow: $btn-focus-box-shadow,\n\tdisabled-bg: $dark,\n\tactive-bg: $dark-d2,\n\tactive-border-color: transparent,\n\tactive-box-shadow: none,\n\tactive-focus-box-shadow: $btn-focus-box-shadow,\n), $btn-dark);\n\n// Button Outline Variant\n\n$btn-outline-primary: () !default;\n$btn-outline-primary: map-deep-merge((\n\thover-bg: $primary-l3,\n\thover-color: $primary,\n\tfocus-bg: $primary-l3,\n\tfocus-box-shadow: map-get($btn-primary, focus-box-shadow),\n\tfocus-color: $primary,\n\tdisabled-bg: transparent,\n\tdisabled-border-color: map-get($btn-primary, bg),\n\tdisabled-color: map-get($btn-primary, bg),\n\tactive-bg: lighten(desaturate($primary, 42.05), 41.76),\n\tactive-color: $primary,\n\tactive-box-shadow: map-get($btn-primary, active-box-shadow),\n\tactive-focus-box-shadow: map-get($btn-primary, active-focus-box-shadow),\n), $btn-outline-primary);\n\n$btn-outline-secondary: () !default;\n$btn-outline-secondary: map-deep-merge((\n\tbg: null,\n\tborder-color: $secondary-l2,\n\tcolor: null,\n\thover-bg: rgba($gray-900, 0.03),\n\thover-border-color: transparent,\n\thover-color: map-get($btn-secondary, hover-color),\n\tfocus-bg: rgba($gray-900, 0.03),\n\tfocus-border-color: transparent,\n\tfocus-box-shadow: map-get($btn-secondary, focus-box-shadow),\n\tfocus-color: map-get($btn-secondary, focus-color),\n\tdisabled-bg: transparent,\n\tdisabled-border-color: $secondary,\n\tdisabled-color: $secondary,\n\tactive-bg: rgba($gray-900, 0.06),\n\tactive-border-color: transparent,\n\tactive-box-shadow: map-get($btn-secondary, active-box-shadow),\n\tactive-color: map-get($btn-secondary, active-color),\n\tactive-focus-box-shadow: map-get($btn-secondary, active-focus-box-shadow),\n), $btn-outline-secondary);\n\n$btn-outline-info: () !default;\n$btn-outline-info: map-deep-merge((\n\thover-bg: map-get($btn-info, hover-bg),\n\tfocus-bg: map-get($btn-info, hover-bg),\n\tfocus-box-shadow: map-get($btn-info, focus-box-shadow),\n\tfocus-color: $white,\n\tdisabled-bg: transparent,\n\tdisabled-border-color: map-get($btn-info, bg),\n\tdisabled-color: map-get($btn-info, bg),\n\tactive-bg: map-get($btn-info, active-bg),\n\tactive-box-shadow: map-get($btn-info, active-box-shadow),\n\tactive-focus-box-shadow: map-get($btn-info, active-focus-box-shadow),\n), $btn-outline-info);\n\n$btn-outline-success: () !default;\n$btn-outline-success: map-deep-merge((\n\thover-bg: map-get($btn-success, hover-bg),\n\tfocus-bg: map-get($btn-success, hover-bg),\n\tfocus-box-shadow: map-get($btn-success, focus-box-shadow),\n\tfocus-color: $white,\n\tdisabled-bg: transparent,\n\tdisabled-border-color: map-get($btn-success, bg),\n\tdisabled-color: map-get($btn-success, bg),\n\tactive-bg: map-get($btn-success, active-bg),\n\tactive-box-shadow: map-get($btn-success, active-box-shadow),\n\tactive-focus-box-shadow: map-get($btn-success, active-focus-box-shadow),\n), $btn-outline-success);\n\n$btn-outline-warning: () !default;\n$btn-outline-warning: map-deep-merge((\n\thover-bg: map-get($btn-warning, hover-bg),\n\tfocus-bg: map-get($btn-warning, hover-bg),\n\tfocus-box-shadow: map-get($btn-warning, focus-box-shadow),\n\tfocus-color: $white,\n\tdisabled-bg: transparent,\n\tdisabled-border-color: map-get($btn-warning, bg),\n\tdisabled-color: map-get($btn-warning, bg),\n\tactive-bg: map-get($btn-warning, active-bg),\n\tactive-box-shadow: map-get($btn-warning, active-box-shadow),\n\tactive-focus-box-shadow: map-get($btn-warning, active-focus-box-shadow),\n), $btn-outline-warning);\n\n$btn-outline-danger: () !default;\n$btn-outline-danger: map-deep-merge((\n\thover-bg: map-get($btn-danger, hover-bg),\n\tfocus-bg: map-get($btn-danger, hover-bg),\n\tfocus-box-shadow: map-get($btn-danger, focus-box-shadow),\n\tfocus-color: $white,\n\tdisabled-bg: transparent,\n\tdisabled-border-color: map-get($btn-danger, bg),\n\tdisabled-color: map-get($btn-danger, bg),\n\tactive-bg: map-get($btn-danger, active-bg),\n\tactive-box-shadow: map-get($btn-danger, active-box-shadow),\n\tactive-focus-box-shadow: map-get($btn-danger, active-focus-box-shadow),\n), $btn-outline-danger);\n\n$btn-outline-light: () !default;\n$btn-outline-light: map-deep-merge((\n\thover-bg: map-get($btn-light, hover-bg),\n\tfocus-bg: map-get($btn-light, hover-bg),\n\tfocus-box-shadow: map-get($btn-light, focus-box-shadow),\n\tfocus-color: $gray-900,\n\tdisabled-bg: transparent,\n\tdisabled-border-color: map-get($btn-light, bg),\n\tdisabled-color: map-get($btn-light, bg),\n\tactive-bg: map-get($btn-light, active-bg),\n\tactive-box-shadow: map-get($btn-light, active-box-shadow),\n\tactive-focus-box-shadow: map-get($btn-light, active-focus-box-shadow),\n), $btn-outline-light);\n\n$btn-outline-dark: () !default;\n$btn-outline-dark: map-deep-merge((\n\thover-bg: map-get($btn-dark, hover-bg),\n\tfocus-bg: map-get($btn-dark, hover-bg),\n\tfocus-box-shadow: map-get($btn-dark, focus-box-shadow),\n\tfocus-color: $white,\n\tdisabled-bg: transparent,\n\tdisabled-border-color: map-get($btn-dark, bg),\n\tdisabled-color: map-get($btn-dark, bg),\n\tactive-bg: map-get($btn-dark, active-bg),\n\tactive-box-shadow: map-get($btn-dark, active-box-shadow),\n\tactive-focus-box-shadow: map-get($btn-dark, active-focus-box-shadow),\n), $btn-outline-dark);", "////\n/// @group labels\n////\n\n$label-border-radius: 0.125rem !default; // 2px\n$label-font-size: 0.625rem !default; // 10px\n$label-font-weight: $font-weight-semi-bold !default;\n$label-padding-x: 0.25rem !default; // 4px\n$label-padding-y: 0.125rem !default; // 2px\n$label-text-transform: uppercase !default;\n\n$label-item-spacer-x: 0.85714em !default;\n\n$label-anchor-hover-text-decoration: underline !default;\n\n$label-link-text-decoration: none !default;\n$label-link-hover-text-decoration: underline !default;\n\n// Label Close\n\n$label-close: () !default;\n$label-close: map-deep-merge((\n\tdisabled-color: inherit\n), $label-close);\n\n// Label Sizes\n\n$label-lg: () !default;\n$label-lg: map-deep-merge((\n\tfont-size: 0.75rem, // 12px\n\theight: 1.5rem, // 24px\n\tpadding-x: 0.5rem, // 8px\n\tpadding-y: 0.3125rem, // 5px\n\titem-spacer-y: -0.0625rem, // -1px\n\tlexicon-icon-height: 1em, // 12px\n\tlexicon-icon-width: 1em, // 12px\n\tsticker-size: 0.875rem, // 14px\n\tclose: (\n\t\tfont-size: 0.625rem, // 10px\n\t),\n), $label-lg);\n\n// Label Variants\n\n$label-base: () !default;\n$label-base: map-deep-merge((\n\toutline: 0,\n\ttransition: box-shadow 0.15s ease-in-out,\n\tfocus-box-shadow: $btn-focus-box-shadow,\n\tdisabled-box-shadow: none,\n), $label-base);\n\n\n// @deprecated as of v2.4.1 use the Sass map `$label-primary` instead\n\n$label-primary-color: $primary !default;\n\n// @deprecated as of v2.4.1 use the Sass map `$label-primary` instead\n\n$label-primary-hover-color: $primary-d2 !default;\n\n// @deprecated as of v2.4.1 use the Sass map `$label-primary` instead\n\n$label-primary-border-color: $primary-l1 !default;\n\n// @deprecated as of v2.4.1 use the Sass map `$label-primary` instead\n\n$label-primary-hover-border-color: $label-primary-border-color !default;\n\n$label-primary: () !default;\n$label-primary: map-deep-merge((\n\tborder-color: $label-primary-border-color,\n\tcolor: $label-primary-color,\n\thover-border-color: $label-primary-hover-border-color,\n\thover-color: $label-primary-hover-color,\n), $label-primary);\n\n// @deprecated as of v2.4.1 use the Sass map `$label-secondary` instead\n\n$label-secondary-color: $secondary !default;\n\n// @deprecated as of v2.4.1 use the Sass map `$label-secondary` instead\n\n$label-secondary-hover-color: $gray-900 !default;\n\n// @deprecated as of v2.4.1 use the Sass map `$label-secondary` instead\n\n$label-secondary-border-color: $secondary-l2 !default;\n\n// @deprecated as of v2.4.1 use the Sass map `$label-secondary` instead\n\n$label-secondary-hover-border-color: $label-secondary-border-color !default;\n\n$label-secondary: () !default;\n$label-secondary: map-deep-merge((\n\tborder-color: $label-secondary-border-color,\n\tcolor: $label-secondary-color,\n\thover-border-color: $label-secondary-hover-border-color,\n\thover-color: $label-secondary-hover-color,\n), $label-secondary);\n\n// @deprecated as of v2.4.1 use the Sass map `$label-success` instead\n\n$label-success-color: $success !default;\n\n// @deprecated as of v2.4.1 use the Sass map `$label-success` instead\n\n$label-success-hover-color: $success-d2 !default;\n\n// @deprecated as of v2.4.1 use the Sass map `$label-success` instead\n\n$label-success-border-color: $success-l1 !default;\n\n// @deprecated as of v2.4.1 use the Sass map `$label-success` instead\n\n$label-success-hover-border-color: $label-success-border-color !default;\n\n$label-success: () !default;\n$label-success: map-deep-merge((\n\tborder-color: $label-success-border-color,\n\tcolor: $label-success-color,\n\thover-border-color: $label-success-hover-border-color,\n\thover-color: $label-success-hover-color,\n), $label-success);\n\n// @deprecated as of v2.4.1 use the Sass map `$label-info` instead\n\n$label-info-color: $info !default;\n\n// @deprecated as of v2.4.1 use the Sass map `$label-info` instead\n\n$label-info-hover-color: $info-d2 !default;\n\n// @deprecated as of v2.4.1 use the Sass map `$label-info` instead\n\n$label-info-border-color: $info-l1 !default;\n\n// @deprecated as of v2.4.1 use the Sass map `$label-info` instead\n\n$label-info-hover-border-color: $label-info-border-color !default;\n\n$label-info: () !default;\n$label-info: map-deep-merge((\n\tborder-color: $label-info-border-color,\n\tcolor: $label-info-color,\n\thover-border-color: $label-info-hover-border-color,\n\thover-color: $label-info-hover-color,\n), $label-info);\n\n// @deprecated as of v2.4.1 use the Sass map `$label-warning` instead\n\n$label-warning-color: $warning !default;\n\n// @deprecated as of v2.4.1 use the Sass map `$label-warning` instead\n\n$label-warning-hover-color: $warning-d2 !default;\n\n// @deprecated as of v2.4.1 use the Sass map `$label-warning` instead\n\n$label-warning-border-color: $warning-l1 !default;\n\n// @deprecated as of v2.4.1 use the Sass map `$label-warning` instead\n\n$label-warning-hover-border-color: $label-warning-border-color !default;\n\n$label-warning: () !default;\n$label-warning: map-deep-merge((\n\tborder-color: $label-warning-border-color,\n\tcolor: $label-warning-color,\n\thover-border-color: $label-warning-hover-border-color,\n\thover-color: $label-warning-hover-color,\n), $label-warning);\n\n// @deprecated as of v2.4.1 use the Sass map `$label-danger` instead\n\n$label-danger-color: $danger !default;\n\n// @deprecated as of v2.4.1 use the Sass map `$label-danger` instead\n\n$label-danger-hover-color: $danger-d2 !default;\n\n// @deprecated as of v2.4.1 use the Sass map `$label-danger` instead\n\n$label-danger-border-color: $danger-l1 !default;\n\n// @deprecated as of v2.4.1 use the Sass map `$label-danger` instead\n\n$label-danger-hover-border-color: $label-danger-border-color !default;\n\n$label-danger: () !default;\n$label-danger: map-deep-merge((\n\tborder-color: $label-danger-border-color,\n\tcolor: $label-danger-color,\n\thover-border-color: $label-danger-hover-border-color,\n\thover-color: $label-danger-hover-color,\n), $label-danger);\n\n// @deprecated as of v2.4.1 use the Sass map `$label-light` instead\n\n$label-light-color: $light !default;\n\n// @deprecated as of v2.4.1 use the Sass map `$label-light` instead\n\n$label-light-hover-color: $light-d2 !default;\n\n// @deprecated as of v2.4.1 use the Sass map `$label-light` instead\n\n$label-light-bg: $dark !default;\n\n// @deprecated as of v2.4.1 use the Sass map `$label-light` instead\n\n$label-light-border-color: $light !default;\n\n// @deprecated as of v2.4.1 use the Sass map `$label-light` instead\n\n$label-light-hover-border-color: $label-light-border-color !default;\n\n$label-light: () !default;\n$label-light: map-deep-merge((\n\tbg: $label-light-bg,\n\tborder-color: $label-light-border-color,\n\tcolor: $label-light-color,\n\thover-border-color: $label-light-hover-border-color,\n\thover-color: $label-light-hover-color,\n), $label-light);\n\n// @deprecated as of v2.4.1 use the Sass map `$label-dark` instead\n\n$label-dark-color: $dark !default;\n\n// @deprecated as of v2.4.1 use the Sass map `$label-dark` instead\n\n$label-dark-hover-color: $dark-l2 !default;\n\n// @deprecated as of v2.4.1 use the Sass map `$label-dark` instead\n\n$label-dark-border-color: $dark !default;\n\n// @deprecated as of v2.4.1 use the Sass map `$label-dark` instead\n\n$label-dark-hover-border-color: $label-dark-border-color !default;\n\n$label-dark: () !default;\n$label-dark: map-deep-merge((\n\tborder-color: $label-dark-border-color,\n\tcolor: $label-dark-color,\n\thover-border-color: $label-dark-hover-border-color,\n\thover-color: $label-dark-hover-color,\n), $label-dark);", "$sticker-font-size: 1rem !default; // 16px\n$sticker-font-weight: $font-weight-bold !default;\n\n// Sticker Sizes\n\n$sticker-sm: () !default;\n$sticker-sm: map-deep-merge((\n\tfont-size: 0.75rem, // 12px\n), $sticker-sm);\n\n$sticker-lg: () !default;\n$sticker-lg: map-deep-merge((\n\tfont-size: 1.25rem, // 20px\n), $sticker-lg);\n\n$sticker-xl: () !default;\n$sticker-xl: map-deep-merge((\n\tfont-size: 1.5rem, // 25px\n), $sticker-xl);\n\n// Sticker Positions\n\n$sticker-inside-offset: 1rem !default; // 16px\n\n// Sticker User Icon\n\n$sticker-user-icon: () !default;\n$sticker-user-icon: map-deep-merge((\n\tbox-shadow: 0 0 0 1px $gray-300,\n), $sticker-user-icon);\n\n// Sticker Variants\n\n$sticker-primary-bg: $white !default;\n$sticker-primary-color: $primary !default;\n\n$sticker-secondary-bg: $white !default;\n$sticker-secondary-color: $secondary !default;\n\n$sticker-info-bg: $white !default;\n$sticker-info-color: $info !default;\n\n$sticker-success-bg: $white !default;\n$sticker-success-color: $success !default;\n\n$sticker-warning-bg: $white !default;\n$sticker-warning-color: $warning !default;\n\n$sticker-danger-bg: $white !default;\n$sticker-danger-color: $danger !default;\n\n$sticker-light-bg: $white !default;\n$sticker-light-color: $dark !default;\n\n$sticker-dark-bg: $dark !default;\n$sticker-dark-color: $white !default;", "$card-border-radius: $border-radius !default;\n$card-border-width: 0 !default;\n$card-box-shadow: 0 1px 3px -1px rgba(0, 0, 0, 0.6) !default;\n\n$card-body-padding-bottom: 1rem !default;\n$card-body-padding-left: 1rem !default;\n$card-body-padding-right: 1rem !default;\n$card-body-padding-top: 1rem !default;\n\n$card-inner-border-radius: if($card-border-width > 0, calc(#{$card-border-radius} - #{$card-border-width}), $card-border-radius) !default;\n\n// Card Title\n\n$card-title: () !default;\n$card-title: map-deep-merge((\n\tcolor: $gray-900,\n\tfont-size: 0.875rem // 14px\n), $card-title);\n\n$card-title-link: () !default;\n$card-title-link: map-deep-merge((\n\thover-color: map-get($card-title, color)\n), $card-title-link);\n\n// Card Subtitle\n\n$card-subtitle: () !default;\n$card-subtitle: map-deep-merge((\n\tfont-weight: $font-weight-normal\n), $card-subtitle);\n\n$card-subtitle-link: () !default;\n$card-subtitle-link: map-deep-merge((\n\thover-color: $gray-600,\n), $card-subtitle-link);\n\n// Card Link\n\n$card-link: () !default;\n$card-link: map-deep-merge((\n\tcolor: $gray-600,\n\tfont-size: 0.875rem, // 14px\n\thover-color: $gray-600,\n\thover-text-decoration: underline\n), $card-link);\n\n$checkbox-left-card-padding: 50px !default;\n\n$form-check-card-checked-box-shadow: 0 0 0 2px lighten($component-active-bg, 22.94) !default;\n\n// Card Interactive\n\n$card-interactive: () !default;\n$card-interactive: map-deep-merge((\n\thover-bg: #F7F8F9,\n\tfocus-border-color: null,\n\tfocus-box-shadow: 0 0 0 2px #FFF#{','} 0 0 0 4px #719AFF,\n\tactive-bg: #F1F2F5,\n), $card-interactive);\n\n// Card Interactive Secondary\n\n$card-interactive-secondary: () !default;\n$card-interactive-secondary: map-deep-merge((\n\thover-border-color: transparent,\n\thover-box-shadow: 0 0 0 2px #719AFF,\n\tfocus-border-color: transparent,\n\tfocus-box-shadow: 0 0 0 2px #719AFF,\n), $card-interactive-secondary);\n\n// Card Type Asset\n\n$card-type-asset: () !default;\n$card-type-asset: map-deep-merge((\n\taspect-ratio-border-color: $gray-300,\n\tcard-body-padding-top: 0.75rem\n), $card-type-asset);\n\n$image-card: () !default;\n$image-card: map-deep-merge((\n\taspect-ratio-checkered-fg: $gray-300,\n), $image-card);\n\n$file-card: () !default;\n$file-card: map-deep-merge((\n\tasset-icon-color: $gray-400,\n), $file-card);\n\n// Card Type Template\n\n$card-type-template-after-highlight: () !default;\n$card-type-template-after-highlight: map-deep-merge((\n\tbottom: -1px,\n\tleft: -1px,\n\tright: -1px,\n), $card-type-template-after-highlight);\n\n$card-type-template-aspect-ratio: () !default;\n$card-type-template-aspect-ratio: map-deep-merge((\n\tbg-image: none,\n), $card-type-template-aspect-ratio);\n\n$card-type-template-aspect-ratio-item: () !default;\n$card-type-template-aspect-ratio-item: map-deep-merge((\n\tcolor: $gray-600,\n), $card-type-template-aspect-ratio-item);\n\n$card-type-template: () !default;\n$card-type-template: map-deep-merge((\n\tborder-width: 1px,\n\tbox-shadow: none,\n), $card-type-template);", - "$dropdown-bg: $white !default;\n$dropdown-border-color: $gray-300 !default;\n$dropdown-border-width: 0 !default;\n$dropdown-box-shadow: 0 1px 5px -1px rgba(0, 0, 0, 0.3) !default;\n$dropdown-font-size: 0.875rem !default; // 14px\n\n$dropdown-padding-y: 0.375rem !default; // 6px\n$dropdown-min-height: 40px !default;\n$dropdown-min-width: 240px !default;\n$dropdown-max-width: 240px !default;\n$dropdown-spacer: 0.3125rem !default; // 5px\n\n$dropdown-header-color: $gray-600 !default;\n$dropdown-header-font-size: 0.875rem !default; // 14px\n$dropdown-header-margin-top: 0.625rem !default; // 10px\n\n$dropdown-subheader-font-size: 0.75rem !default; // 12px\n$dropdown-subheader-margin-top: 0.625rem !default; // 10px\n\n$dropdown-link-color: $gray-600 !default;\n$dropdown-link-font-weight: $font-weight-normal !default;\n$dropdown-link-hover-color: $gray-900 !default;\n$dropdown-link-hover-bg: lighten($component-active-bg, 44.90) !default;\n$dropdown-link-active-color: $dropdown-link-hover-color !default;\n$dropdown-link-active-bg: $dropdown-link-hover-bg !default;\n$dropdown-link-active-font-weight: $font-weight-semi-bold !default;\n$dropdown-link-disabled-color: $gray-500 !default;\n\n$dropdown-item-padding-x: 1.25rem !default; // 20px\n$dropdown-item-padding-y: 0.5rem !default; // 8px\n\n$dropdown-item-base: () !default;\n$dropdown-item-base: map-deep-merge((\n\tfont-size: inherit,\n\t// Weird box-shadow inset with border-radius render in IE https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/12515080/\n\tfocus-box-shadow: inset 0 0 0 0.125rem $primary-l1#{','} inset 0 0 0 0.25rem $white,\n\tfocus-outline: 0,\n\tfocus-text-decoration: none,\n), $dropdown-item-base);\n\n$dropdown-divider-bg: $dropdown-border-color !default;\n\n// Autocomplete Dropdown Menu\n\n$autocomplete-dropdown-menu: () !default;\n$autocomplete-dropdown-menu: map-deep-merge((\n\tmax-height: 10rem, // 160px\n), $autocomplete-dropdown-menu);\n\n// Dropdown Action\n\n$dropdown-action-toggle-font-size: 1rem !default; // 16px\n$dropdown-action-toggle-size: $btn-monospaced-size-sm !default;\n\n$dropdown-action-toggle-disabled-opacity: $btn-disabled-opacity !default;", + "$dropdown-bg: $white !default;\n$dropdown-border-color: $gray-300 !default;\n$dropdown-border-width: 0 !default;\n$dropdown-box-shadow: 0 1px 5px -1px rgba(0, 0, 0, 0.3) !default;\n$dropdown-font-size: 0.875rem !default; // 14px\n\n$dropdown-padding-y: 0.375rem !default; // 6px\n$dropdown-min-height: 40px !default;\n$dropdown-min-width: 240px !default;\n$dropdown-max-width: 240px !default;\n$dropdown-spacer: 0.3125rem !default; // 5px\n\n$dropdown-header-color: $gray-900 !default;\n$dropdown-header-font-size: 0.875rem !default; // 14px\n$dropdown-header-margin-top: 0.625rem !default; // 10px\n\n$dropdown-subheader-font-size: 0.75rem !default; // 12px\n$dropdown-subheader-margin-top: 0.625rem !default; // 10px\n\n$dropdown-caption-color: $gray-600 !default;\n\n$dropdown-link-color: $gray-600 !default;\n$dropdown-link-font-weight: $font-weight-normal !default;\n$dropdown-link-hover-color: $gray-900 !default;\n$dropdown-link-hover-bg: lighten($component-active-bg, 44.90) !default;\n$dropdown-link-active-color: $dropdown-link-hover-color !default;\n$dropdown-link-active-bg: $dropdown-link-hover-bg !default;\n$dropdown-link-active-font-weight: $font-weight-semi-bold !default;\n$dropdown-link-disabled-color: $gray-500 !default;\n\n$dropdown-item-padding-x: 1.25rem !default; // 20px\n$dropdown-item-padding-y: 0.5rem !default; // 8px\n\n$dropdown-item-base: () !default;\n$dropdown-item-base: map-deep-merge((\n\tfont-size: inherit,\n\t// Weird box-shadow inset with border-radius render in IE https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/12515080/\n\tfocus-box-shadow: inset 0 0 0 0.125rem $primary-l1#{','} inset 0 0 0 0.25rem $white,\n\tfocus-outline: 0,\n\tfocus-text-decoration: none,\n\tactive-class-c-kbd-inline: (\n\t\tcolor: $dropdown-link-active-color,\n\t),\n\tdisabled-box-shadow: none,\n\tc-kbd-inline: (\n\t\tcolor: $gray-500,\n\t),\n), $dropdown-item-base);\n\n$dropdown-section-custom-control-label: () !default;\n$dropdown-section-custom-control-label: map-deep-merge((\n\tcolor: $secondary,\n), $dropdown-section-custom-control-label);\n\n$dropdown-section-active-custom-control-label: () !default;\n$dropdown-section-active-custom-control-label: map-deep-merge((\n\tcolor: $gray-900,\n), $dropdown-section-active-custom-control-label);\n\n$dropdown-section-custom-control-label-text: () !default;\n$dropdown-section-custom-control-label-text: map-deep-merge((\n\tpadding-left: 1rem,\n), $dropdown-section-custom-control-label-text);\n\n$dropdown-divider-bg: $dropdown-border-color !default;\n\n// Autocomplete Dropdown Menu\n\n$autocomplete-dropdown-menu: () !default;\n$autocomplete-dropdown-menu: map-deep-merge((\n\tmax-height: 10rem, // 160px\n), $autocomplete-dropdown-menu);\n\n// Dropdown Action\n\n$dropdown-action-toggle-font-size: 1rem !default; // 16px\n$dropdown-action-toggle-size: $btn-monospaced-size-sm !default;\n\n$dropdown-action-toggle-disabled-opacity: $btn-disabled-opacity !default;", "$drilldown-item-header: () !default;\n$drilldown-item-header: map-deep-merge((\n\tfont-weight: $font-weight-semi-bold,\n\ttext-transform: uppercase,\n), $drilldown-item-header);", - "$input-font-size-mobile: 1rem !default; // 16px\n\n$input-label-font-size: 0.875rem !default; // 14px\n$input-label-font-weight: $font-weight-semi-bold !default;\n$input-label-margin-bottom: 0.25rem !default; // 4px\n\n$input-label-reference-mark-font-size: 6px !default;\n\n$input-border-width: 0.0625rem !default; // 1px\n\n$input-border-bottom-width: $input-border-width !default; // 1px\n$input-border-left-width: $input-border-width !default; // 1px\n$input-border-right-width: $input-border-width !default; // 1px\n$input-border-top-width: $input-border-width !default; // 1px\n\n$input-border-style: solid !default;\n\n$input-padding-x: 1rem !default; // 16px\n$input-padding-y: 0.4375rem !default; // 7px\n\n$input-padding-x-lg: $input-padding-x !default;\n$input-padding-y-lg: $input-padding-y !default;\n\n$input-padding-x-sm: 0.75rem !default; // 12px\n$input-padding-y-sm: 0.25rem !default;\n\n$input-height-border: $input-border-bottom-width + $input-border-top-width !default;\n$input-height: 2.5rem !default; // 40px\n$input-height-inner: $input-height - $input-height-border !default;\n$input-height-lg: 3rem !default; // 48px\n$input-height-inner-lg: $input-height-lg - $input-height-border !default;\n$input-height-sm: 2rem !default; // 32px\n$input-height-inner-sm: $input-height-sm - $input-height-border !default;\n\n$form-feedback-font-size: 0.875rem !default; // 14px\n\n$form-text-color: $gray-600 !default;\n\n// Form Group\n\n$form-group-margin-bottom: 1.5rem !default; // 24px\n$form-group-margin-bottom-mobile: 1rem !default; // 16px\n\n$form-group-sm-input-label-margin-bottom: 0.1875rem !default; // 3px\n$form-group-sm-item-label-spacer: 1.5625rem !default; // 25px\n\n// Skin\n\n$input-color: $gray-900 !default;\n$input-bg: $gray-200 !default;\n$input-border-color: $gray-300 !default;\n// Will need to be revisited if https://github.com/twbs/bootstrap/pull/24821 merge error is fixed\n$input-box-shadow: 0 0 rgba(0, 0, 0, 0) !default;\n$input-placeholder-color: $gray-600 !default;\n$input-label-color: $gray-900 !default;\n\n$input-focus-bg: lighten($component-active-bg, 44.90) !default;\n$input-focus-border-color: lighten($component-active-bg, 22.94) !default;\n$input-focus-box-shadow: $component-focus-box-shadow !default;\n\n$input-disabled-color: $gray-500 !default;\n$input-disabled-bg: $input-bg !default;\n$input-disabled-border-color: $input-bg !default;\n$input-placeholder-disabled-color: $input-disabled-color !default;\n\n$input-label-disabled-color: $gray-500 !default;\n\n// @deprecated after v2.18.0 use the Sass map `$input-readonly` instead\n\n$input-readonly-bg: $white !default;\n\n$input-readonly: () !default;\n$input-readonly: map-deep-merge((\n\tbg: $input-readonly-bg,\n\tfocus-box-shadow: none,\n), $input-readonly);\n\n$input-plaintext-readonly: () !default;\n$input-plaintext-readonly: map-deep-merge((\n\tfocus-border-color: $input-focus-border-color,\n\tfocus-box-shadow: none,\n), $input-plaintext-readonly);\n\n$input-danger-bg: $danger-l2 !default;\n$input-danger-border-color: $danger-l1 !default;\n// Will need to be revisited if https://github.com/twbs/bootstrap/pull/24821 merge error is fixed\n$input-danger-box-shadow: 0 0 rgba(0, 0, 0, 0) !default;\n$input-danger-focus-box-shadow: $input-focus-box-shadow !default;\n$input-danger-color: $input-color !default;\n$input-danger-checkbox-label-color: $danger !default;\n$input-danger-select-icon-color: $input-danger-border-color !default;\n$input-danger-select-icon: clay-icon(caret-double-l, $input-danger-select-icon-color) !default;\n\n$input-success-bg: $success-l2 !default;\n$input-success-border-color: $success-l1 !default;\n// Will need to be revisited if https://github.com/twbs/bootstrap/pull/24821 merge error is fixed\n$input-success-box-shadow: 0 0 rgba(0, 0, 0, 0) !default;\n$input-success-focus-box-shadow: $input-focus-box-shadow !default;\n$input-success-color: $input-color !default;\n$input-success-checkbox-label-color: $success !default;\n$input-success-select-icon-color: $input-success-border-color !default;\n$input-success-select-icon: clay-icon(caret-double-l, $input-success-select-icon-color) !default;\n\n$input-warning-bg: $warning-l2 !default;\n$input-warning-border-color: $warning-l1 !default;\n// Will need to be revisited if https://github.com/twbs/bootstrap/pull/24821 merge error is fixed\n$input-warning-box-shadow: 0 0 rgba(0, 0, 0, 0) !default;\n$input-warning-focus-box-shadow: $input-focus-box-shadow !default;\n$input-warning-color: $input-color !default;\n$input-warning-checkbox-label-color: $warning !default;\n$input-warning-select-icon-color: $input-warning-border-color !default;\n$input-warning-select-icon: clay-icon(caret-double-l, $input-warning-select-icon-color) !default;\n\n// Select Element\n\n$input-select-bg-position: right 0.5em center !default;\n$input-select-bg-size: 1.5em auto !default;\n$input-select-padding-right: 2em !default;\n\n$input-select-icon-color: $gray-600 !default;\n$input-select-icon: clay-icon(caret-double-l, $input-select-icon-color) !default;\n\n$input-select-icon-focus-color: $input-select-icon-color !default;\n$input-select-icon-focus: clay-icon(caret-double-l, $input-select-icon-focus-color) !default;\n\n$input-select-icon-disabled-color: $gray-500 !default;\n$input-select-icon-disabled: clay-icon(caret-double-l, $input-select-icon-disabled-color) !default;\n\n// Form Feedback\n\n$form-feedback-font-weight: $font-weight-semi-bold !default;\n\n$form-feedback-indicator-margin-x: 0 !default;\n\n$form-text-font-weight: $font-weight-semi-bold !default;\n\n// Textarea\n\n$input-textarea-height: 100px !default;\n$input-textarea-height-lg: 120px !default;\n$input-textarea-height-sm: 80px !default;\n\n// Form Control Label (Labels inside Form Control Tag Group)\n\n$form-control-label-size: () !default;\n$form-control-label-size: map-deep-merge((\n\tborder-width: 0.0625rem, // 1px\n\tfont-size: map-get($label-lg, font-size),\n\theight: 1.5rem, // 24px\n\tmargin-bottom: 0.3125rem, // 5px\n\tmargin-right: 0.625rem, // 10px\n\tmargin-top: 0.3125rem, // 5px\n\tpadding-x: map-get($label-lg, padding-x),\n\tpadding-y: map-get($label-lg, padding-y),\n\ttext-transform: none,\n\titem-spacer-y: map-get($label-lg, item-spacer-y), // -2px\n\tlexicon-icon-height: map-get($label-lg, lexicon-icon-height), // 16px\n\tlexicon-icon-width: map-get($label-lg, lexicon-icon-width), // 16px\n\tsticker-size: map-get($label-lg, sticker-size), // 16px\n\tclose: map-get($label-lg, close)\n), $form-control-label-size);\n\n// Form Group\n\n$form-group-item-label-spacer: ($input-label-font-size * $line-height-base) + $input-label-margin-bottom !default;\n\n// Input Groups\n\n$input-group-addon-bg: $gray-300 !default;\n$input-group-addon-border-color: $input-group-addon-bg !default;\n$input-group-addon-color: $gray-600 !default;\n$input-group-addon-font-weight: $font-weight-semi-bold !default;\n$input-group-addon-min-width: 2.5rem !default; // 40px\n$input-group-addon-padding-x: 0.75rem !default; // 12px\n\n// Input Group Sizes\n\n$input-group-addon-min-width-sm: 2rem !default; // 32px\n\n// Input Group Secondary\n\n$input-group-secondary-addon-bg: $white !default;\n$input-group-secondary-addon-border-color: $secondary-l2 !default;\n$input-group-secondary-addon-color: $secondary !default;", + "$input-font-size-mobile: 1rem !default; // 16px\n\n$input-label-font-size: 0.875rem !default; // 14px\n$input-label-font-weight: $font-weight-semi-bold !default;\n$input-label-margin-bottom: 0.25rem !default; // 4px\n\n$input-label-reference-mark-font-size: 6px !default;\n\n$input-border-width: 0.0625rem !default; // 1px\n\n$input-border-bottom-width: $input-border-width !default; // 1px\n$input-border-left-width: $input-border-width !default; // 1px\n$input-border-right-width: $input-border-width !default; // 1px\n$input-border-top-width: $input-border-width !default; // 1px\n\n$input-border-style: solid !default;\n\n$input-padding-x: 1rem !default; // 16px\n$input-padding-y: 0.4375rem !default; // 7px\n\n$input-padding-x-lg: $input-padding-x !default;\n$input-padding-y-lg: $input-padding-y !default;\n\n$input-padding-x-sm: 0.75rem !default; // 12px\n$input-padding-y-sm: 0.25rem !default;\n\n$input-height-border: $input-border-bottom-width + $input-border-top-width !default;\n$input-height: 2.5rem !default; // 40px\n$input-height-inner: $input-height - $input-height-border !default;\n$input-height-lg: 3rem !default; // 48px\n$input-height-inner-lg: $input-height-lg - $input-height-border !default;\n$input-height-sm: 2rem !default; // 32px\n$input-height-inner-sm: $input-height-sm - $input-height-border !default;\n\n$form-feedback-font-size: 0.875rem !default; // 14px\n\n$form-text-color: $gray-600 !default;\n\n// Form Group\n\n$form-group-margin-bottom: 1.5rem !default; // 24px\n$form-group-margin-bottom-mobile: 1rem !default; // 16px\n\n$form-group-sm-input-label-margin-bottom: 0.1875rem !default; // 3px\n$form-group-sm-item-label-spacer: 1.5625rem !default; // 25px\n\n// Skin\n\n$input-color: $gray-900 !default;\n$input-bg: $gray-200 !default;\n$input-border-color: $gray-300 !default;\n// Will need to be revisited if https://github.com/twbs/bootstrap/pull/24821 merge error is fixed\n$input-box-shadow: 0 0 rgba(0, 0, 0, 0) !default;\n$input-placeholder-color: $gray-600 !default;\n$input-label-color: $gray-900 !default;\n\n$input-focus-bg: lighten($component-active-bg, 44.90) !default;\n$input-focus-border-color: lighten($component-active-bg, 22.94) !default;\n$input-focus-box-shadow: $component-focus-box-shadow !default;\n\n$input-disabled-color: $gray-500 !default;\n$input-disabled-bg: $input-bg !default;\n$input-disabled-border-color: $input-bg !default;\n$input-placeholder-disabled-color: $input-disabled-color !default;\n\n$input-label-disabled-color: $gray-500 !default;\n\n// @deprecated after v2.18.0 use the Sass map `$input-readonly` instead\n\n$input-readonly-bg: $white !default;\n\n$input-readonly: () !default;\n$input-readonly: map-deep-merge((\n\tbg: $input-readonly-bg,\n\tborder-color: $input-border-color,\n\tfocus-box-shadow: none,\n), $input-readonly);\n\n$input-plaintext-readonly: () !default;\n$input-plaintext-readonly: map-deep-merge((\n\tfocus-border-color: $input-focus-border-color,\n\tfocus-box-shadow: none,\n), $input-plaintext-readonly);\n\n$input-danger-bg: $danger-l2 !default;\n$input-danger-border-color: $danger-l1 !default;\n// Will need to be revisited if https://github.com/twbs/bootstrap/pull/24821 merge error is fixed\n$input-danger-box-shadow: 0 0 rgba(0, 0, 0, 0) !default;\n$input-danger-focus-box-shadow: $input-focus-box-shadow !default;\n$input-danger-color: $input-color !default;\n\n$input-danger-readonly: () !default;\n$input-danger-readonly: map-deep-merge((\n\tbg: map-get($input-readonly, bg),\n\tborder-color: map-get($input-readonly, border-color),\n\tfocus-border-color: $input-focus-border-color,\n), $input-danger-readonly);\n\n$input-danger-checkbox-label-color: $danger !default;\n$input-danger-select-icon-color: $input-danger-border-color !default;\n$input-danger-select-icon: clay-icon(caret-double-l, $input-danger-select-icon-color) !default;\n\n$input-success-bg: $success-l2 !default;\n$input-success-border-color: $success-l1 !default;\n// Will need to be revisited if https://github.com/twbs/bootstrap/pull/24821 merge error is fixed\n$input-success-box-shadow: 0 0 rgba(0, 0, 0, 0) !default;\n$input-success-focus-box-shadow: $input-focus-box-shadow !default;\n$input-success-color: $input-color !default;\n\n$input-success-readonly: () !default;\n$input-success-readonly: map-deep-merge((\n\tbg: map-get($input-readonly, bg),\n\tborder-color: map-get($input-readonly, border-color),\n\tfocus-border-color: $input-focus-border-color,\n), $input-success-readonly);\n\n$input-success-checkbox-label-color: $success !default;\n$input-success-select-icon-color: $input-success-border-color !default;\n$input-success-select-icon: clay-icon(caret-double-l, $input-success-select-icon-color) !default;\n\n$input-warning-bg: $warning-l2 !default;\n$input-warning-border-color: $warning-l1 !default;\n// Will need to be revisited if https://github.com/twbs/bootstrap/pull/24821 merge error is fixed\n$input-warning-box-shadow: 0 0 rgba(0, 0, 0, 0) !default;\n$input-warning-focus-box-shadow: $input-focus-box-shadow !default;\n\n$input-warning-readonly: () !default;\n$input-warning-readonly: map-deep-merge((\n\tbg: map-get($input-readonly, bg),\n\tborder-color: map-get($input-readonly, border-color),\n\tfocus-border-color: $input-focus-border-color,\n), $input-warning-readonly);\n\n$input-warning-color: $input-color !default;\n$input-warning-checkbox-label-color: $warning !default;\n$input-warning-select-icon-color: $input-warning-border-color !default;\n$input-warning-select-icon: clay-icon(caret-double-l, $input-warning-select-icon-color) !default;\n\n// Select Element\n\n$input-select-bg-position: right 0.5em center !default;\n$input-select-bg-size: 1.5em auto !default;\n$input-select-padding-right: 2em !default;\n\n$input-select-icon-color: $gray-600 !default;\n$input-select-icon: clay-icon(caret-double-l, $input-select-icon-color) !default;\n\n$input-select-icon-focus-color: $input-select-icon-color !default;\n$input-select-icon-focus: clay-icon(caret-double-l, $input-select-icon-focus-color) !default;\n\n$input-select-icon-disabled-color: $gray-500 !default;\n$input-select-icon-disabled: clay-icon(caret-double-l, $input-select-icon-disabled-color) !default;\n\n// Form Feedback\n\n$form-feedback-font-weight: $font-weight-semi-bold !default;\n\n$form-feedback-indicator-margin-x: 0 !default;\n\n$form-text-font-weight: $font-weight-semi-bold !default;\n\n// Textarea\n\n$input-textarea-height: 100px !default;\n$input-textarea-height-lg: 120px !default;\n$input-textarea-height-sm: 80px !default;\n\n// Form Control Label (Labels inside Form Control Tag Group)\n\n$form-control-label-size: () !default;\n$form-control-label-size: map-deep-merge((\n\tborder-width: 0.0625rem, // 1px\n\tfont-size: map-get($label-lg, font-size),\n\theight: 1.5rem, // 24px\n\tmargin-bottom: 0.3125rem, // 5px\n\tmargin-right: 0.625rem, // 10px\n\tmargin-top: 0.3125rem, // 5px\n\tpadding-x: map-get($label-lg, padding-x),\n\tpadding-y: map-get($label-lg, padding-y),\n\ttext-transform: none,\n\titem-spacer-y: map-get($label-lg, item-spacer-y), // -2px\n\tlexicon-icon-height: map-get($label-lg, lexicon-icon-height), // 16px\n\tlexicon-icon-width: map-get($label-lg, lexicon-icon-width), // 16px\n\tsticker-size: map-get($label-lg, sticker-size), // 16px\n\tclose: map-get($label-lg, close)\n), $form-control-label-size);\n\n// Form Group\n\n$form-group-item-label-spacer: ($input-label-font-size * $line-height-base) + $input-label-margin-bottom !default;\n\n// Input Groups\n\n$input-group-addon-bg: $gray-300 !default;\n$input-group-addon-border-color: $input-group-addon-bg !default;\n$input-group-addon-color: $gray-600 !default;\n$input-group-addon-font-weight: $font-weight-semi-bold !default;\n$input-group-addon-min-width: 2.5rem !default; // 40px\n$input-group-addon-padding-x: 0.75rem !default; // 12px\n\n// Input Group Sizes\n\n$input-group-addon-min-width-sm: 2rem !default; // 32px\n\n// Input Group Secondary\n\n$input-group-secondary-addon-bg: $white !default;\n$input-group-secondary-addon-border-color: $secondary-l2 !default;\n$input-group-secondary-addon-color: $secondary !default;", "$component-link: () !default;\n$component-link: map-deep-merge((\n\tborder-radius: 1px,\n\ttransition: box-shadow 0.15s ease-in-out,\n\tfocus-color: darken($gray-600, 15%),\n\tfocus-box-shadow: $component-focus-box-shadow,\n\tfocus-outline: 0,\n), $component-link);\n\n$link-primary: () !default;\n$link-primary: map-deep-merge((\n\tborder-radius: 1px,\n\ttransition: box-shadow 0.15s ease-in-out,\n\tfocus-color: darken($primary, 15%),\n\tfocus-box-shadow: $component-focus-box-shadow,\n\tfocus-outline: 0,\n), $link-primary);\n\n$link-secondary: () !default;\n$link-secondary: map-deep-merge((\n\tborder-radius: 1px,\n\ttransition: box-shadow 0.15s ease-in-out,\n\thover-color: $gray-900,\n\tfocus-color: $gray-900,\n\tfocus-box-shadow: $component-focus-box-shadow,\n\tfocus-outline: 0,\n), $link-secondary);\n\n// Component Title\n\n$component-title: () !default;\n$component-title: map-deep-merge((\n\tfont-size: 1rem,\n\tline-height: 1.25,\n\tmargin-bottom: calc((#{$dropdown-action-toggle-size} - (1em * 1.25)) / 2),\n\tmargin-top: calc((#{$dropdown-action-toggle-size} - (1em * 1.25)) / 2)\n), $component-title);\n\n$component-title-link: () !default;\n$component-title-link: map-deep-merge((\n\tborder-radius: 1px,\n\ttransition: box-shadow 0.15s ease-in-out,\n\tfocus-color: darken($gray-900, 15%),\n\tfocus-box-shadow: $component-focus-box-shadow,\n\tfocus-outline: 0,\n), $component-title-link);\n\n// Component Subtitle\n\n$component-subtitle: () !default;\n$component-subtitle: map-deep-merge((\n\tfont-weight: $font-weight-semi-bold,\n\tline-height: 1.45\n), $component-subtitle);\n\n$component-subtitle-link: () !default;\n$component-subtitle-link: map-deep-merge((\n\tborder-radius: 1px,\n\ttransition: box-shadow 0.15s ease-in-out,\n\thover-color: $gray-900,\n\tfocus-color: $gray-900,\n\tfocus-box-shadow: $component-focus-box-shadow,\n\tfocus-outline: 0,\n), $component-subtitle-link);\n\n// Component Action\n\n$component-action: () !default;\n$component-action: map-deep-merge((\n\tfont-size: 1rem, // 16px\n\thover-bg: rgba($gray-900, 0.03),\n\thover-color: $gray-900,\n\tfocus-bg: rgba($gray-900, 0.03),\n\tfocus-box-shadow: map-get($btn-secondary, focus-box-shadow),\n\tfocus-color: $gray-900,\n\tfocus-outline: 0,\n\tactive-bg: rgba($gray-900, 0.06),\n\tactive-color: $gray-900,\n\tbtn-focus-box-shadow: map-get($btn-secondary, focus-box-shadow),\n\tdisabled-bg: transparent,\n\tdisabled-box-shadow: none,\n), $component-action);\n\n// Link Outline\n\n$link-outline-primary: () !default;\n$link-outline-primary: map-deep-merge((\n\thover-bg: $primary-l3,\n\thover-color: $primary,\n\tfocus-bg: $primary-l3,\n\tfocus-box-shadow: map-get($btn-outline-primary, focus-box-shadow),\n\tfocus-color: $primary,\n\tfocus-outline: 0,\n\tbtn-focus-box-shadow: map-get($btn-outline-primary, focus-box-shadow),\n\tbtn-focus-outline: 0,\n\tactive-bg: lighten(desaturate($primary, 42.05), 41.76),\n\tactive-color: $primary,\n\tdisabled-box-shadow: none,\n), $link-outline-primary);\n\n$link-outline-secondary: () !default;\n$link-outline-secondary: map-deep-merge((\n\tborder-color: $secondary-l2,\n\thover-bg: rgba($gray-900, 0.03),\n\thover-color: $gray-900,\n\tfocus-bg: rgba($gray-900, 0.03),\n\tfocus-box-shadow: map-get($btn-outline-secondary, focus-box-shadow),\n\tfocus-color: $gray-900,\n\tfocus-outline: 0,\n\tbtn-focus-box-shadow: map-get($btn-outline-secondary, focus-box-shadow),\n\tbtn-focus-outline: 0,\n\tactive-bg: rgba($gray-900, 0.06),\n\tactive-color: $gray-900,\n\tdisabled-box-shadow: none,\n), $link-outline-secondary);", "$clay-range-disabled-color: $gray-500 !default;\n\n$clay-range-input-group-text: () !default;\n$clay-range-input-group-text: map-deep-merge((\n\tcolor: $gray-500,\n), $clay-range-input-group-text);\n\n$clay-range-input: () !default;\n$clay-range-input: map-deep-merge((\n\tcolor: $gray-500,\n\tthumb-box-shadow: 0 1px 5px -1px rgba(0, 0, 0, 0.3),\n\ttrack-bg: $gray-200,\n\ttooltip-padding: 0.5rem 0.75rem,\n\thover-thumb-bg: $primary-l3,\n\tfocus-thumb-box-shadow: inset 0 0 0 0.125rem $primary-l1#{','} inset 0 0 0 0.25rem $white,\n\tdisabled-thumb-bg: $gray-100,\n), $clay-range-input);", "// Clay Color Dropdown Menu Close\n\n$clay-color-dropdown-menu-close: () !default;\n$clay-color-dropdown-menu-close: map-deep-merge((\n\tcolor: $gray-600,\n\tfont-size: 0.875rem,\n\topacity: 1,\n\thover-bg: rgba($gray-900, 0.03),\n\tfocus-bg: rgba($gray-900, 0.03),\n\tactive-bg: rgba($gray-900, 0.06),\n\tdisabled-bg: transparent,\n), $clay-color-dropdown-menu-close);\n\n// Clay Color Dropdown Menu Component Action\n\n$clay-color-dropdown-menu-component-action: () !default;\n$clay-color-dropdown-menu-component-action: map-deep-merge((\n\thover-bg: null,\n\thover-color: null,\n\tfocus-box-shadow: null,\n\tfocus-color: null,\n), $clay-color-dropdown-menu-component-action);\n\n// Clay Color Pointer\n\n$clay-color-pointer: () !default;\n$clay-color-pointer: map-deep-merge((\n\tfocus-box-shadow: 0 0 0 0.125rem $primary-l1,\n), $clay-color-pointer);", - "////\n/// @group customForms\n////\n\n$custom-control-indicator-size: 1.0625rem !default; // 17px\n$custom-control-indicator-bg: $white !default;\n$custom-control-indicator-border-color: $gray-400 !default;\n$custom-control-indicator-border-style: solid !default;\n$custom-control-indicator-border-width: 0.0625rem !default; // 1px\n$custom-control-indicator-box-shadow: none !default;\n\n$custom-control-indicator-focus-border-color: $custom-control-indicator-border-color !default;\n$custom-control-indicator-focus-box-shadow: $component-focus-box-shadow !default;\n\n$custom-control-indicator-active-bg: $white !default;\n$custom-control-indicator-active-border-color: $custom-control-indicator-border-color !default;\n$custom-control-indicator-active-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1) !default;\n\n$custom-control-indicator-disabled-bg: $input-disabled-bg !default;\n$custom-control-indicator-disabled-border-color: $input-disabled-border-color !default;\n\n// Custom Control Indicator Checked\n\n// @deprecated as of v2.2.1 use `$custom-control-indicator-checked-active-bg` instead\n\n$custom-control-indicator-active-checked-bg: $component-active-bg !default;\n$custom-control-indicator-checked-active-bg: $custom-control-indicator-active-checked-bg !default;\n\n// @deprecated as of v2.2.1 use `$custom-control-indicator-checked-active-border-color` instead\n\n$custom-control-indicator-active-checked-border-color: $custom-control-indicator-checked-active-bg !default;\n$custom-control-indicator-checked-active-border-color: $custom-control-indicator-active-checked-border-color !default;\n\n$custom-control-indicator-checked-border-color: $custom-control-indicator-checked-active-bg !default;\n\n// @deprecated as of v2.2.1 use `$custom-control-indicator-checked-disabled-bg` instead\n\n$custom-control-indicator-disabled-checked-bg: lighten($component-active-bg, 32.94) !default;\n$custom-control-indicator-checked-disabled-bg: $custom-control-indicator-disabled-checked-bg !default;\n\n// @deprecated as of v2.2.1 use `$custom-control-indicator-checked-disabled-border-color` instead\n\n$custom-control-indicator-disabled-checked-border-color: $custom-control-indicator-disabled-checked-bg !default;\n$custom-control-indicator-checked-disabled-border-color: $custom-control-indicator-disabled-checked-border-color !default;\n\n// Custom Control Indicator Indeterminate\n\n$custom-control-indicator-indeterminate-border-color: $custom-control-indicator-checked-active-bg !default;\n\n// Custom Control\n\n$custom-control-margin-bottom: 0.5rem !default;\n\n// Custom Control Description\n\n$custom-control-description-font-size: $input-label-font-size !default; // 13px\n$custom-control-description-disabled-color: $input-label-disabled-color !default;\n\n$custom-control-description-small-font-size: 100% !default;\n\n// Custom Checkbox\n\n$custom-checkbox-indicator-icon-checked: clay-icon(check, $white) !default;\n$custom-checkbox-indicator-icon-checked-bg-size: 60% !default;\n$custom-checkbox-indicator-icon-indeterminate-bg-size: 53% !default;\n\n$custom-checkbox-indicator-indeterminate-bg: $component-active-bg !default;\n$custom-checkbox-indicator-border-radius: 0.125rem !default; // 2px\n\n// Custom Radio\n\n$custom-radio-indicator-icon-checked-bg-size: 65% !default;\n\n$custom-radio-indicator-disabled-border-color: $custom-control-indicator-disabled-bg !default;\n\n// @deprecated as of v2.2.1 use `$custom-radio-indicator-checked-disabled-border-color` instead\n\n$custom-radio-indicator-disabled-checked-border-color: $custom-control-indicator-disabled-checked-border-color !default;\n$custom-radio-indicator-checked-disabled-border-color: $custom-radio-indicator-disabled-checked-border-color !default;", + "////\n/// @group customForms\n////\n\n$custom-control-indicator-size: 1.0625rem !default; // 17px\n$custom-control-indicator-bg: $white !default;\n$custom-control-indicator-border-color: $gray-400 !default;\n$custom-control-indicator-border-style: solid !default;\n$custom-control-indicator-border-width: 0.0625rem !default; // 1px\n$custom-control-indicator-box-shadow: none !default;\n\n$custom-control-indicator-focus-border-color: $custom-control-indicator-border-color !default;\n$custom-control-indicator-focus-box-shadow: $component-focus-box-shadow !default;\n\n$custom-control-indicator-active-bg: $white !default;\n$custom-control-indicator-active-border-color: $custom-control-indicator-border-color !default;\n$custom-control-indicator-active-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1) !default;\n\n$custom-control-indicator-disabled-bg: $input-disabled-bg !default;\n$custom-control-indicator-disabled-border-color: $input-disabled-border-color !default;\n\n// Custom Control Indicator Checked\n\n// @deprecated as of v2.2.1 use `$custom-control-indicator-checked-active-bg` instead\n\n$custom-control-indicator-active-checked-bg: $component-active-bg !default;\n$custom-control-indicator-checked-active-bg: $custom-control-indicator-active-checked-bg !default;\n\n// @deprecated as of v2.2.1 use `$custom-control-indicator-checked-active-border-color` instead\n\n$custom-control-indicator-active-checked-border-color: $custom-control-indicator-checked-active-bg !default;\n$custom-control-indicator-checked-active-border-color: $custom-control-indicator-active-checked-border-color !default;\n\n$custom-control-indicator-checked-border-color: $custom-control-indicator-checked-active-bg !default;\n\n// @deprecated as of v2.2.1 use `$custom-control-indicator-checked-disabled-bg` instead\n\n$custom-control-indicator-disabled-checked-bg: lighten($component-active-bg, 32.94) !default;\n$custom-control-indicator-checked-disabled-bg: $custom-control-indicator-disabled-checked-bg !default;\n\n// @deprecated as of v2.2.1 use `$custom-control-indicator-checked-disabled-border-color` instead\n\n$custom-control-indicator-disabled-checked-border-color: $custom-control-indicator-disabled-checked-bg !default;\n$custom-control-indicator-checked-disabled-border-color: $custom-control-indicator-disabled-checked-border-color !default;\n\n// Custom Control Indicator Indeterminate\n\n$custom-control-indicator-indeterminate-border-color: $custom-control-indicator-checked-active-bg !default;\n\n// Custom Control\n\n// @deprecated after of v3.5.0 use the Sass map `$custom-control` instead\n\n$custom-control-margin-bottom: 0.5rem !default;\n\n// Custom Control Description\n\n// @deprecated as of v2.19.0 use the Sass map `$custom-control-label` instead\n\n$custom-control-description-font-size: $input-label-font-size !default; // 13px\n\n// @deprecated as of v2.19.0 use the Sass map `$custom-control-label` instead\n\n$custom-control-description-font-weight: $font-weight-normal !default;\n\n/// @deprecated as of v2.19.0 use the Sass map `$custom-control-label-disabled-color` instead. This variable is not used in Clay CSS.\n\n$custom-control-description-disabled-color: $input-label-disabled-color !default;\n$custom-control-label-disabled-color: $custom-control-description-disabled-color !default;\n\n// @deprecated as of v2.19.0 use the Sass map `$custom-control-label-text-small` instead\n\n$custom-control-description-small-font-size: 100% !default;\n\n$custom-control-label: () !default;\n$custom-control-label: map-deep-merge((\n\tfont-size: $custom-control-description-font-size,\n\tfont-weight: $custom-control-description-font-weight,\n), $custom-control-label);\n\n$custom-control-label-text-small: () !default;\n$custom-control-label-text-small: map-deep-merge((\n\tfont-size: $custom-control-description-small-font-size,\n), $custom-control-label-text-small);\n\n// Custom Checkbox\n\n$custom-checkbox-indicator-icon-checked: clay-icon(check, $white) !default;\n$custom-checkbox-indicator-icon-checked-bg-size: 60% !default;\n$custom-checkbox-indicator-icon-indeterminate-bg-size: 53% !default;\n\n$custom-checkbox-indicator-indeterminate-bg: $component-active-bg !default;\n$custom-checkbox-indicator-border-radius: 0.125rem !default; // 2px\n\n// Custom Radio\n\n$custom-radio-indicator-icon-checked-bg-size: 65% !default;\n\n$custom-radio-indicator-disabled-border-color: $custom-control-indicator-disabled-bg !default;\n\n// @deprecated as of v2.2.1 use `$custom-radio-indicator-checked-disabled-border-color` instead\n\n$custom-radio-indicator-disabled-checked-border-color: $custom-control-indicator-disabled-checked-border-color !default;\n$custom-radio-indicator-checked-disabled-border-color: $custom-radio-indicator-disabled-checked-border-color !default;", "$clay-time-btn: () !default;\n$clay-time-btn: map-deep-merge((\n\tcolor: $secondary,\n\tfocus-box-shadow: 0 0 0 1px #80ACFF,\n), $clay-time-btn);\n\n$clay-time-inner-spin: () !default;\n$clay-time-inner-spin: map-deep-merge((\n\tborder-color: $secondary-l2,\n), $clay-time-inner-spin);", "// Date Picker Nav\n\n$date-picker-nav-btn: () !default;\n$date-picker-nav-btn: map-deep-merge((\n\thover-color: $gray-900,\n\tfocus-bg: $gray-200,\n\tfocus-color: $gray-900,\n\tactive-bg: $gray-200,\n\tdisabled-color: $gray-500,\n\tdisabled-opacity: null,\n), $date-picker-nav-btn);\n\n$date-picker-nav-select: () !default;\n$date-picker-nav-select: map-deep-merge((\n\tbg: transparent,\n\tborder-color: transparent,\n\tcolor: $secondary,\n\tfont-size: $font-size-sm,\n\tfont-weight: $font-weight-semi-bold,\n\theight: $input-height-sm,\n\tpadding-bottom: 0,\n\tpadding-left: 0.5rem,\n\tpadding-top: 0,\n\thover-bg: $gray-200,\n\thover-color: $gray-900,\n\tfocus-bg: $gray-200,\n\tfocus-color: $gray-900,\n\tdisabled-bg: transparent,\n\tdisabled-color: $input-disabled-color,\n), $date-picker-nav-select);\n\n// Date Picker Calendar Item\n\n$date-picker-date: () !default;\n$date-picker-date: map-deep-merge((\n\thover-color: $gray-900,\n\tfocus-bg: $gray-200,\n\tfocus-color: $gray-900,\n\tdisabled-color: $gray-500,\n\tdisabled-opacity: null,\n), $date-picker-date);\n\n$date-picker-previous-month-date: () !default;\n$date-picker-previous-month-date: map-deep-merge((\n\tcolor: $gray-500,\n\topacity: null,\n\tfocus-opacity: null,\n\tactive-opacity: null,\n), $date-picker-previous-month-date);\n\n$date-picker-next-month-date: () !default;\n$date-picker-next-month-date: map-deep-merge((\n\tcolor: $gray-500,\n\topacity: null,\n\tfocus-opacity: null,\n\tactive-opacity: null,\n), $date-picker-next-month-date);", "$order-arrow-down-active-color: $gray-500 !default;\n$order-arrow-up-active-color: $order-arrow-down-active-color !default;", @@ -292,12 +293,12 @@ "$loading-animation: () !default;\n$loading-animation: map-deep-merge((\n\tcolor: $gray-600\n), $loading-animation);", "$modal-sm: 320px !default;\n$modal-md: 600px !default;\n$modal-lg: 896px !default;\n$modal-xl: 1140px !default;\n\n$modal-backdrop-bg: $gray-800 !default;\n$modal-backdrop-opacity: 0.8 !default;\n\n$modal-content-box-shadow-xs: 0 0 3px 1px rgba(0, 0, 0, 0.2) !default;\n$modal-content-border-color: transparent !default;\n\n$modal-inner-padding: 1.5rem !default; // 24px\n\n$modal-header-border-color: $gray-300 !default;\n$modal-header-padding: 1.5rem !default; // 24px\n\n$modal-title-font-size: 1.25rem !default; // 20px\n$modal-title-font-weight: $font-weight-bold !default;\n\n// Modal Success\n\n$modal-success: () !default;\n$modal-success: map-deep-merge((\n\theader-bg: $success-l2,\n\theader-border-color: $success-l1,\n\theader-color: $success,\n\theader-close: (\n\t\tcolor: $success,\n\t\thover-color: inherit,\n\t\tfocus-color: inherit,\n\t\tdisabled-color: inherit\n\t)\n), $modal-success);\n\n// Modal Info\n\n$modal-info: () !default;\n$modal-info: map-deep-merge((\n\theader-bg: $info-l2,\n\theader-border-color: $info-l1,\n\theader-color: $info,\n\theader-close: (\n\t\tcolor: $info,\n\t\thover-color: inherit,\n\t\tfocus-color: inherit,\n\t\tdisabled-color: inherit\n\t)\n), $modal-info);\n\n// Modal Warning\n\n$modal-warning: () !default;\n$modal-warning: map-deep-merge((\n\theader-bg: $warning-l2,\n\theader-border-color: $warning-l1,\n\theader-color: $warning,\n\theader-close: (\n\t\tcolor: $warning,\n\t\thover-color: inherit,\n\t\tfocus-color: inherit,\n\t\tdisabled-color: inherit\n\t)\n), $modal-warning);\n\n// Modal Danger\n\n$modal-danger: () !default;\n$modal-danger: map-deep-merge((\n\theader-bg: $danger-l2,\n\theader-border-color: $danger-l1,\n\theader-color: $danger,\n\theader-close: (\n\t\tcolor: $danger,\n\t\thover-color: inherit,\n\t\tfocus-color: inherit,\n\t\tdisabled-color: inherit\n\t)\n), $modal-danger);", "$multi-step-icon-bg: $gray-200 !default;\n$multi-step-icon-color: $gray-600 !default;\n$multi-step-icon-border-radius: 100px !default;\n$multi-step-icon-font-size: 0.875rem !default;\n$multi-step-icon-font-weight: $font-weight-semi-bold !default;\n\n$multi-step-icon-hover-color: $multi-step-icon-color !default;\n\n$multi-step-indicator-label-color: $gray-600 !default;\n$multi-step-indicator-label-font-size: 0.875rem !default;\n$multi-step-indicator-label-font-weight: $font-weight-semi-bold !default;\n\n$multi-step-title-color: $gray-600 !default;\n$multi-step-title-font-size: 0.875rem !default;\n$multi-step-title-font-weight: $font-weight-semi-bold !default;\n\n$multi-step-icon-disabled-bg: $multi-step-icon-bg !default;\n$multi-step-icon-disabled-color: $gray-500 !default;", - "$nav-font-size: 0.875rem !default;\n\n$nav-link-disabled-color: $gray-500 !default;\n\n$nav-link-padding-x: 1rem !default; // 16px\n$nav-link-padding-y: 0.625rem !default; // 10px\n\n$nav-link: () !default;\n$nav-link: map-deep-merge((\n\tdisabled-box-shadow: none,\n), $nav-link);\n\n$nav-link-btn-unstyled: () !default;\n$nav-link-btn-unstyled: map-deep-merge((\n\tfocus-box-shadow: inset 0 0 0 0.125rem $primary-l1#{','} inset 0 0 0 0.25rem $white,\n), $nav-link-btn-unstyled);\n\n// Nav Nested\n\n$nav-nested-spacer-x: 1rem !default; // 16px\n\n// Nav Tabs\n\n$nav-tabs-border-color: transparent !default;\n$nav-tabs-font-size: 0.875rem !default; // 14px\n\n// Nav Tabs Link\n\n$nav-tabs-link-color: $gray-600 !default;\n$nav-tabs-link-padding-y: 0.28125rem !default; // 4.5px\n\n$nav-tabs-link-hover-border-color: transparent !default;\n\n$nav-tabs-link-active-bg: $white !default;\n$nav-tabs-link-active-border-color: transparent transparent $body-bg !default;\n$nav-tabs-link-active-color: $gray-900 !default;\n\n$nav-tabs-link: () !default;\n$nav-tabs-link: map-deep-merge((\n\tfont-weight: $font-weight-semi-bold,\n\ttransition: box-shadow 0.15s ease-in-out,\n\tfocus-box-shadow: $component-focus-box-shadow,\n\tfocus-outline: 0,\n\tdisabled-box-shadow: none,\n), $nav-tabs-link);\n\n// Nav Tabs Link Show\n\n$nav-tabs-link-show-color: $nav-tabs-link-active-color !default;\n$nav-tabs-link-show-bg: transparent !default;\n$nav-tabs-link-show-border-color: transparent transparent $nav-tabs-border-color transparent !default;\n\n// Nav Tabs Tab Pane\n\n$nav-tabs-tab-pane-bg: $white !default;\n$nav-tabs-tab-pane-border-radius: 4px !default;\n$nav-tabs-tab-pane-padding: 2rem !default;\n\n// Nav Underline\n\n$nav-underline-link-color: $gray-600 !default;\n\n$nav-underline-link-active-color: $gray-900 !default;\n\n$nav-underline-link-disabled-color: $nav-link-disabled-color !default;\n\n$nav-underline-link: () !default;\n$nav-underline-link: map-deep-merge((\n\tborder-radius: 1px,\n\tfont-weight: $font-weight-semi-bold,\n\tline-height: 1,\n\tpadding-bottom: 0.5625rem,\n\tpadding-top: 0.5625rem,\n\ttransition: box-shadow 0.15s ease-in-out,\n\tfocus-box-shadow: $component-focus-box-shadow,\n\tfocus-outline: 0,\n\tdisabled-box-shadow: none,\n), $nav-underline-link);\n\n// Nav Underline Link Highlight\n\n$nav-underline-link-highlight-left: 0 !default;\n$nav-underline-link-highlight-right: 0 !default;\n\n$nav-underline-link-active-highlight: $primary-l1 !default;\n$nav-underline-link-active-highlight-height: 0.125rem !default; // 2px", + "$nav-font-size: 0.875rem !default;\n\n$nav-link-disabled-color: $gray-500 !default;\n\n$nav-link-padding-x: 1rem !default; // 16px\n$nav-link-padding-y: 0.625rem !default; // 10px\n\n$nav-link: () !default;\n$nav-link: map-deep-merge((\n\tdisabled-box-shadow: none,\n), $nav-link);\n\n$nav-link-btn-unstyled: () !default;\n$nav-link-btn-unstyled: map-deep-merge((\n\tfocus-box-shadow: 0 0 0 0.125rem $white#{','} 0 0 0 0.25rem $primary-l1,\n), $nav-link-btn-unstyled);\n\n// Nav Nested\n\n$nav-nested-spacer-x: 1rem !default; // 16px\n\n// Nav Tabs\n\n$nav-tabs-border-color: transparent !default;\n$nav-tabs-font-size: 0.875rem !default; // 14px\n\n// Nav Tabs Link\n\n$nav-tabs-link-color: $gray-600 !default;\n$nav-tabs-link-padding-y: 0.28125rem !default; // 4.5px\n\n$nav-tabs-link-hover-border-color: transparent !default;\n\n$nav-tabs-link-active-bg: $white !default;\n$nav-tabs-link-active-border-color: transparent transparent $body-bg !default;\n$nav-tabs-link-active-color: $gray-900 !default;\n\n$nav-tabs-link: () !default;\n$nav-tabs-link: map-deep-merge((\n\tfont-weight: $font-weight-semi-bold,\n\ttransition: box-shadow 0.15s ease-in-out,\n\tfocus-box-shadow: $component-focus-box-shadow,\n\tfocus-outline: 0,\n\tdisabled-box-shadow: none,\n), $nav-tabs-link);\n\n// Nav Tabs Link Show\n\n$nav-tabs-link-show-color: $nav-tabs-link-active-color !default;\n$nav-tabs-link-show-bg: transparent !default;\n$nav-tabs-link-show-border-color: transparent transparent $nav-tabs-border-color transparent !default;\n\n// Nav Tabs Tab Pane\n\n$nav-tabs-tab-pane-bg: $white !default;\n$nav-tabs-tab-pane-border-radius: 4px !default;\n$nav-tabs-tab-pane-padding: 2rem !default;\n\n// Nav Underline\n\n$nav-underline-link-color: $gray-600 !default;\n\n$nav-underline-link-active-color: $gray-900 !default;\n\n$nav-underline-link-disabled-color: $nav-link-disabled-color !default;\n\n$nav-underline-link: () !default;\n$nav-underline-link: map-deep-merge((\n\tborder-radius: 1px,\n\tfont-weight: $font-weight-semi-bold,\n\tline-height: 1,\n\tpadding-bottom: 0.5625rem,\n\tpadding-top: 0.5625rem,\n\ttransition: box-shadow 0.15s ease-in-out,\n\tfocus-box-shadow: $component-focus-box-shadow,\n\tfocus-outline: 0,\n\tdisabled-box-shadow: none,\n), $nav-underline-link);\n\n// Nav Underline Link Highlight\n\n$nav-underline-link-highlight-left: 0 !default;\n$nav-underline-link-highlight-right: 0 !default;\n\n$nav-underline-link-active-highlight: $primary-l1 !default;\n$nav-underline-link-active-highlight-height: 0.125rem !default; // 2px", "// Menubar Vertical MD\n\n$menubar-vertical-transparent-md: () !default;\n$menubar-vertical-transparent-md: map-deep-merge((\n\tbg-mobile: $white,\n\tlink-border-radius: 0.375rem,\n\tlink-border-radius-mobile: 0,\n\tlink-hover-bg: rgba($gray-900, 0.03),\n\tlink-hover-color: $gray-900,\n\tlink-active-font-weight: $font-weight-semi-bold,\n\tlink: (\n\t\ttransition: $btn-transition,\n\t\tfocus-bg: rgba($gray-900, 0.03),\n\t\tfocus-color: $gray-900,\n\t\tfocus-box-shadow: map-get($dropdown-item-base, focus-box-shadow),\n\t\tfocus-outline: map-get($dropdown-item-base, focus-outline),\n\t\tdisabled-box-shadow: none,\n\t),\n\tlink-mobile: (\n\t\ttransition: none,\n\t\tfocus-bg: $dropdown-link-hover-bg,\n\t\tfocus-border-radius: map-get($dropdown-item-base, focus-border-radius),\n\t),\n\ttoggler-font-size-mobile: 0.875rem,\n\ttoggler-font-weight-mobile: $font-weight-semi-bold,\n\ttoggler-mobile: (\n\t\tborder-radius: 0.375rem,\n\t\ttransition: box-shadow 0.15s ease-in-out,\n\t\tfocus-box-shadow: $component-focus-box-shadow,\n\t\tfocus-outline: 0,\n\t\tdisabled-box-shadow: none,\n\t),\n), $menubar-vertical-transparent-md);\n\n// Menubar Vertical LG\n\n$menubar-vertical-transparent-lg: () !default;\n$menubar-vertical-transparent-lg: map-deep-merge((\n\tbg-mobile: $white,\n\tlink-border-radius: 0.375rem,\n\tlink-border-radius-mobile: 0,\n\tlink-hover-bg: rgba($gray-900, 0.03),\n\tlink-hover-color: $gray-900,\n\tlink-active-font-weight: $font-weight-semi-bold,\n\tlink: (\n\t\ttransition: $btn-transition,\n\t\tfocus-bg: rgba($gray-900, 0.03),\n\t\tfocus-color: $gray-900,\n\t\tfocus-box-shadow: map-get($dropdown-item-base, focus-box-shadow),\n\t\tfocus-outline: map-get($dropdown-item-base, focus-outline),\n\t\tdisabled-box-shadow: none,\n\t),\n\tlink-mobile: (\n\t\ttransition: none,\n\t\tfocus-bg: $dropdown-link-hover-bg,\n\t\tfocus-border-radius: map-get($dropdown-item-base, focus-border-radius),\n\t),\n\ttoggler-font-size-mobile: 0.875rem,\n\ttoggler-font-weight-mobile: $font-weight-semi-bold,\n\ttoggler-mobile: (\n\t\tborder-radius: 0.375rem,\n\t\ttransition: box-shadow 0.15s ease-in-out,\n\t\tfocus-box-shadow: $component-focus-box-shadow,\n\t\tfocus-outline: 0,\n\t\tdisabled-box-shadow: none,\n\t),\n), $menubar-vertical-transparent-lg);", "$navbar-font-size: 0.875rem !default; // 14px\n\n$navbar-underline-active-bg: lighten($component-active-bg, 22.94) !default;\n\n// Navbar Light\n\n$navbar-light-color: $gray-600 !default;\n$navbar-light-hover-color: $navbar-light-color !default;\n$navbar-light-active-color: $gray-900 !default;\n$navbar-light-disabled-color: $nav-link-disabled-color !default;\n\n// Navbar Dark\n\n$navbar-dark-color: $white !default;\n$navbar-dark-hover-color: $navbar-dark-color !default;\n$navbar-dark-active-color: $navbar-dark-color !default;\n$navbar-dark-disabled-color: $nav-link-disabled-color !default;", "$application-bar-size: () !default;\n$application-bar-size: map-deep-merge((\n\ttitle-font-size: 1.125rem // 18px\n), $application-bar-size);\n\n$application-bar-base: () !default;\n$application-bar-base: map-deep-merge((\n\tlink-border-radius: $border-radius,\n\tlink-outline: 0,\n\tlink-transition: box-shadow 0.15s ease-in-out,\n\tlink-focus-box-shadow: $btn-focus-box-shadow,\n\tlink-disabled-box-shadow: none,\n), $application-bar-base);\n\n$application-bar-dark: () !default;\n$application-bar-dark: map-deep-merge((\n\tbg: $dark-l1,\n\tlink-font-weight: $font-weight-semi-bold,\n\tlink-hover-bg: rgba(255, 255, 255, 0.03),\n\tlink-focus-bg: rgba(255, 255, 255, 0.03),\n\tlink-active-bg: rgba(255, 255, 255, 0.06),\n\tlink-disabled-bg: transparent,\n\tlink-disabled-opacity: 0.5,\n), $application-bar-dark);", "$management-bar-base: () !default;\n$management-bar-base: map-deep-merge((\n\tlink-border-radius: $border-radius,\n\tlink-outline: 0,\n\tlink-transition: box-shadow 0.15s ease-in-out,\n\tlink-focus-box-shadow: $btn-focus-box-shadow,\n\tlink-disabled-box-shadow: none,\n), $management-bar-base);\n\n$management-bar-light: () !default;\n$management-bar-light: map-deep-merge((\n\tbg: $white,\n\tlink-font-weight: $font-weight-semi-bold,\n\tlink-hover-color: $gray-900,\n\tlink-hover-bg: rgba($gray-900, 0.03),\n\tlink-focus-color: $gray-900,\n\tlink-focus-bg: rgba($gray-900, 0.03),\n\tlink-active-bg: rgba($gray-900, 0.06),\n\tlink-disabled-bg: transparent,\n), $management-bar-light);\n\n$management-bar-primary: () !default;\n$management-bar-primary: map-deep-merge((\n\tlink-border-radius: $border-radius,\n\tlink-font-weight: $font-weight-semi-bold,\n\tlink-hover-color: $gray-900,\n\tlink-hover-bg: rgba($gray-900, 0.03),\n\tlink-focus-color: $gray-900,\n\tlink-focus-bg: rgba($gray-900, 0.03),\n\tlink-active-bg: rgba($gray-900, 0.06),\n\tlink-disabled-bg: transparent,\n), $management-bar-primary);", - "$navigation-bar-size: () !default;\n$navigation-bar-size: map-deep-merge((\n\tborder-bottom-width: 0,\n\tcollapse-dropdown-item-padding-y-mobile: 0.8125rem,\n\tlink-height-mobile: 2rem,\n\tactive-border-offset-bottom: -0.5rem,\n\ttoggler-link-height: 2rem,\n\ttoggler-link-margin-y: 0.5rem,\n\ttoggler-link-padding-y: 0,\n), $navigation-bar-size);\n\n$navigation-bar-base: () !default;\n$navigation-bar-base: map-deep-merge((\n\tlink-outline: 0,\n\tlink-focus-box-shadow: $btn-focus-box-shadow,\n\tlink-disabled-box-shadow: none,\n), $navigation-bar-base);\n\n$navigation-bar-light: () !default;\n$navigation-bar-light: map-deep-merge((\n\tbg: $white,\n\tlink-font-weight: $font-weight-semi-bold,\n\tlink-hover-color: $gray-900,\n\tlink-focus-color: $gray-900,\n\tlink-disabled-color: $gray-600,\n\tlink-disabled-opacity: $btn-disabled-opacity,\n), $navigation-bar-light);\n\n\n$navigation-bar-secondary: () !default;\n$navigation-bar-secondary: map-deep-merge((\n\tbg: $secondary-d1,\n\tlink-color: $secondary-l2,\n\tlink-font-weight: $font-weight-semi-bold,\n\tlink-hover-color: $white,\n\tlink-focus-color: $white,\n\tlink-active-color: $white,\n\tlink-disabled-color: $gray-400,\n\tlink-disabled-opacity: $btn-disabled-opacity,\n), $navigation-bar-secondary);", + "$navigation-bar-size: () !default;\n$navigation-bar-size: map-deep-merge((\n\tborder-bottom-width: 0,\n\tcollapse-dropdown-item-padding-y-mobile: 0.8125rem,\n\tlink-height-mobile: 2rem,\n\tactive-border-offset-bottom: -0.5rem,\n\ttoggler-link-height: 2rem,\n\ttoggler-link-margin-y: 0.5rem,\n\ttoggler-link-padding-y: 0,\n), $navigation-bar-size);\n\n$navigation-bar-base: () !default;\n$navigation-bar-base: map-deep-merge((\n\tlink-border-radius: 0,\n\tlink-outline: 0,\n\tlink-focus-box-shadow: $btn-focus-box-shadow,\n\tlink-disabled-box-shadow: none,\n), $navigation-bar-base);\n\n$navigation-bar-light: () !default;\n$navigation-bar-light: map-deep-merge((\n\tbg: $white,\n\tlink-font-weight: $font-weight-semi-bold,\n\tlink-hover-color: $gray-900,\n\tlink-focus-color: $gray-900,\n\tlink-disabled-color: $gray-600,\n\tlink-disabled-opacity: $btn-disabled-opacity,\n), $navigation-bar-light);\n\n\n$navigation-bar-secondary: () !default;\n$navigation-bar-secondary: map-deep-merge((\n\tbg: $secondary-d1,\n\tlink-color: $secondary-l2,\n\tlink-font-weight: $font-weight-semi-bold,\n\tlink-hover-color: $white,\n\tlink-focus-color: $white,\n\tlink-active-color: $white,\n\tlink-disabled-color: $gray-400,\n\tlink-disabled-opacity: $btn-disabled-opacity,\n), $navigation-bar-secondary);", "////\n/// @group pagination\n////\n\n$pagination-font-size: 0.875rem !default; // 14px\n$pagination-line-height: 1 !default;\n\n// Pagination Item\n\n$pagination-item-height: 2rem !default; // 32px\n\n// @deprecated as of v2 use the Sass map `$pagination-item` instead\n\n$pagination-item-margin-x: 0.25rem !default; // 4px\n\n// Pagination Link\n\n// @deprecated as of v2 use the Sass map `$pagination-link` instead\n\n$pagination-link-border-radius: 4px !default;\n\n// @deprecated as of v2 use the Sass map `$pagination-link` instead\n\n$pagination-link-transition: box-shadow 0.15s ease-in-out !default;\n\n$pagination-link-first-border-radius: $pagination-link-border-radius !default;\n$pagination-link-last-border-radius: $pagination-link-border-radius !default;\n\n$pagination-bg: transparent !default;\n$pagination-border-color: $pagination-bg !default;\n$pagination-border-width: 0.0625rem !default; // 1px\n$pagination-color: $gray-600 !default;\n$pagination-padding-x: 0.625rem !default; // 10px\n$pagination-padding-y: 0 !default;\n\n$pagination-hover-bg: rgba(0, 0, 0, 0.02) !default;\n$pagination-hover-border-color: transparent !default;\n$pagination-hover-color: $gray-900 !default;\n\n$pagination-active-bg: rgba(0, 0, 0, 0.04) !default;\n$pagination-active-border-color: transparent !default;\n$pagination-active-color: $pagination-hover-color !default;\n\n$pagination-disabled-bg: transparent !default;\n$pagination-disabled-border-color: $pagination-disabled-bg !default;\n$pagination-disabled-color: $gray-600 !default;\n\n// @deprecated as of v2 use the Sass map `$pagination-link-disabled` instead\n\n$pagination-disabled-opacity: 0.5 !default;\n\n$pagination-link-focus: () !default;\n$pagination-link-focus: map-deep-merge((\n\tbg: $pagination-hover-bg,\n\tborder-color: $pagination-hover-border-color,\n\tcolor: $pagination-hover-color,\n), $pagination-link-focus);\n\n// Pagination Dropdown Menu\n\n$pagination-dropdown-menu-spacer-y: 0.625rem !default; // 10px\n\n// Pagination Items Per Page Link\n\n$pagination-items-per-page-link-focus: () !default;\n$pagination-items-per-page-link-focus: map-deep-merge((\n\tbg: map-get($pagination-link-focus, bg),\n\tborder-color: map-get($pagination-link-focus, border-color),\n\tcolor: map-get($pagination-link-focus, color),\n), $pagination-items-per-page-link-focus);\n\n// Pagination Results\n\n$pagination-results-color: $pagination-color !default;\n\n// Sizes\n\n$pagination-link-border-radius-sm: 0.3125rem !default;\n$pagination-font-size-sm: 0.75rem !default; // 12px\n$pagination-item-height-sm: 1.5rem !default; // 24px\n$pagination-padding-y-sm: 0 !default;\n\n$pagination-link-border-radius-lg: 0.3125rem !default; // 5px\n$pagination-font-size-lg: 1.125rem !default; // 18px\n$pagination-item-height-lg: 2.75rem !default; //44px\n$pagination-padding-x-lg: 1rem !default; // 16px\n$pagination-padding-y-lg: 0 !default;", "// Panel Header\n\n$panel-header-border-bottom-width: 0 !default;\n$panel-header-font-size: 0.875rem !default; // 14px\n$panel-header-link-hover-text-decoration: none !default;\n\n$panel-header-collapse-icon-font-size: 0.75rem !default; // 12px\n\n$panel-header-link: () !default;\n$panel-header-link: map-deep-merge((\n\ttransition: box-shadow 0.15s ease-in-out,\n\tfocus-box-shadow: $component-focus-box-shadow,\n\tfocus-outline: 0,\n), $panel-header-link);\n\n$panel-header-collapsed-link: () !default;\n$panel-header-collapsed-link: map-deep-merge((\n\tborder-color: null,\n\ttransition: null,\n), $panel-header-collapsed-link);\n\n// Panel Footer\n\n$panel-footer-border-top-width: 0 !default;\n\n// Panel Title\n\n$panel-title-font-size: 0.875rem !default; // 14px\n$panel-title-text-transform: uppercase !default;\n\n// Panel Title Small Element\n\n$panel-title-small-font-size: 100% !default;\n$panel-title-small-margin-left: 0.375rem !default; // 6px\n\n// Panel Group Sm\n\n$panel-group-sm: () !default;\n$panel-group-sm: map-deep-merge((\n\ttitle-font-size: 0.75rem,\n), $panel-group-sm);\n\n// Panel Variants\n\n$panel-secondary: () !default;\n$panel-secondary: map-deep-merge((\n\tborder-color: $gray-300,\n\tcolor: $gray-600,\n\theader-bg: null,\n\theader-border-color: $gray-300,\n\tfooter-bg: null,\n\tfooter-border-color: $gray-300,\n), $panel-secondary);\n\n// Panel Unstyled\n\n$panel-unstyled-header-link: () !default;\n$panel-unstyled-header-link: map-deep-merge((\n\tborder-radius: 1px,\n\tfocus-box-shadow: 0 0 0 0.25rem $body-bg#{','} 0 0 0 0.375rem $primary-l1,\n), $panel-unstyled-header-link);", "$popover-border-color: transparent !default;\n$popover-border-radius: $border-radius !default; // 4px\n$popover-box-shadow: 0 1px 15px -2px rgba(0, 0, 0, 0.2) !default;\n$popover-max-width: 14.5rem !default; // 232px\n$popover-inline-scroller-max-height: 14.875rem !default; // 238px\n\n$popover-arrow-outer-color: transparent !default;\n$popover-arrow-height: 0.3rem !default;\n$popover-arrow-offset: 0.625rem !default; // 10px\n$popover-arrow-width: $popover-arrow-height * 2 !default;\n\n$popover-header-bg: $white !default;\n$popover-header-border-color: $gray-300 !default;\n$popover-header-color: $gray-900 !default;\n$popover-header-font-size: 0.875rem !default; // 14px\n$popover-header-margin-x: 1rem !default; // 16px\n$popover-header-margin-y: 0 !default;\n$popover-header-padding-x: 0 !default;\n$popover-header-padding-y: 0.75rem !default; // 12px\n\n$popover-body-color: $gray-600 !default;\n$popover-body-padding-x: 1rem !default; // 16px\n$popover-body-padding-y: 0.75rem !default; // 12px", @@ -310,80 +311,80 @@ "$timeline-border-color: $gray-900 !default;\n$timeline-icon-border-color: $gray-600 !default;\n$timeline-increment-label-color: $gray-600 !default;", "// must all be same units--start\n$toggle-switch-bar-padding: 4px !default; // space between button and bar, can be negative value\n$toggle-switch-bar-padding-mobile: 4px !default;\n\n$toggle-switch-button-width: 24px !default; // 24px\n$toggle-switch-button-width-mobile: 16px !default; // 16px\n\n$toggle-switch-bar-height: ($toggle-switch-bar-padding * 2) + $toggle-switch-button-width !default;\n$toggle-switch-bar-height-mobile: ($toggle-switch-bar-padding-mobile * 2) + $toggle-switch-button-width-mobile !default;\n\n$toggle-switch-bar-width: 60px !default; // width of switch bar\n$toggle-switch-bar-width-mobile: 44px !default; // width of switch bar\n// must all be same units--end\n\n$toggle-switch-bar-bg: $gray-500 !default;\n$toggle-switch-bar-border-color: $toggle-switch-bar-bg !default;\n$toggle-switch-bar-border-radius: 20px !default;\n$toggle-switch-bar-border-width: 1px !default;\n$toggle-switch-bar-font-size: 0.75rem !default; // 12px\n$toggle-switch-bar-font-size-mobile: 0.625rem !default; // 10px\n$toggle-switch-bar-icon-color: $white !default;\n$toggle-switch-bar-focus-box-shadow: $custom-control-indicator-focus-box-shadow !default;\n\n$toggle-switch-button-bg: $white !default;\n$toggle-switch-button-border-color: $toggle-switch-button-bg !default;\n$toggle-switch-button-border-radius: 50% !default;\n$toggle-switch-button-border-width: 1px !default;\n$toggle-switch-button-font-size: $toggle-switch-bar-font-size !default; // 12px\n$toggle-switch-button-font-size-mobile: $toggle-switch-bar-font-size-mobile !default; // 10px\n$toggle-switch-button-icon-color: $gray-900 !default;\n\n// Toggle Switch On\n$toggle-switch-bar-on-bg: $component-active-bg !default;\n$toggle-switch-bar-on-border-color: $toggle-switch-bar-on-bg !default;\n$toggle-switch-bar-on-icon-color: $white !default;\n\n$toggle-switch-button-on-bg: $white !default;\n$toggle-switch-button-on-border-color: $white !default;\n$toggle-switch-button-on-border-radius: $toggle-switch-button-border-radius !default;\n$toggle-switch-button-on-icon-color: $gray-900 !default;", "$tooltip-bg: $gray-900 !default;\n$tooltip-box-shadow: 0 1px 4px 0px rgba(0, 0, 0, 0.4) !default;\n$tooltip-font-size: 0.875rem !default; // 14px\n$tooltip-max-width: 230px !default;\n$tooltip-opacity: 1 !default;\n$tooltip-padding-x: 0.75rem !default; // 12px\n$tooltip-padding-y: 0.75rem !default; // 12px\n\n$tooltip-arrow-offset: 0.5rem !default; // 8px", - "$b-font-weight: $font-weight-semi-bold !default;\n\n$strong-font-weight: $font-weight-semi-bold !default;", + "$b-font-weight: $font-weight-semi-bold !default;\n\n$strong-font-weight: $font-weight-semi-bold !default;\n\n$code-color: #E83E8C !default;", "$bg-checkered-fg: $gray-300 !default;\n\n// Close\n\n$close: () !default;\n$close: map-deep-merge((\n\tcolor: $gray-900,\n\topacity: 1,\n\thover-color: $gray-900,\n\thover-opacity: 1,\n\tfocus-box-shadow: $btn-focus-box-shadow,\n\tfocus-opacity: 1,\n\tfocus-outline: 0,\n\tdisabled-color: $gray-600,\n\tdisabled-opacity: $btn-disabled-opacity,\n\tbtn-focus-box-shadow: $btn-focus-box-shadow,\n), $close);\n\n$page-header-bg: $white !default;", "// This file is used to overwrite default Bootstrap 4 variables for the Clay\n// Base Theme and should only be limited to the most destructive variables.\n\n// More semantic variable name: maps Clay CSS `$component-focus-box-shadow` to Bootstrap's `$input-btn-focus-box-shadow` for global focus styles\n\n$white: #FFF !default;\n$blue: #007BFF !default;\n$primary: $blue !default;\n$component-active-color: $white !default;\n$component-active-bg: $primary !default;\n$input-btn-focus-width: .2rem !default;\n$input-btn-focus-color: rgba($component-active-bg, .25) !default;\n$component-focus-box-shadow: 0 0 0 $input-btn-focus-width $input-btn-focus-color !default;\n$input-btn-focus-box-shadow: $component-focus-box-shadow !default;\n\n$enable-caret: false !default;\n\n$spacer: 1rem !default;\n$spacers: () !default;\n$spacers: map-deep-merge((\n\t0: 0,\n\t1: ($spacer * .25),\n\t2: ($spacer * .5),\n\t3: $spacer,\n\t4: ($spacer * 1.5),\n\t5: ($spacer * 3),\n\t6: ($spacer * 4.5),\n\t7: ($spacer * 6),\n\t8: ($spacer * 7.5),\n), $spacers);\n\n$input-border-width: 0.0625rem !default; // 1px\n$input-height: 2.375rem !default; // 38px\n$input-height-lg: 3rem !default; // 48px\n$input-height-sm: 1.9375rem !default; // 31px\n\n$form-check-input-gutter: 0 !default;\n$form-check-input-margin-y: 0 !default;\n$form-check-inline-input-margin-x: auto !default;\n\n$table-accent-bg: #F2F2F2 !default;\n$table-hover-bg: #ECECEC !default;\n\n$table-head-bg: #FFF !default;", - "/*!\n * Bootstrap v4.3.1 (https://getbootstrap.com/)\n * Copyright 2011-2019 The Bootstrap Authors\n * Copyright 2011-2019 Twitter, Inc.\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)\n */\n\n@import \"functions\";\n@import \"variables\";\n@import \"mixins\";\n@import \"root\";\n@import \"reboot\";\n@import \"type\";\n@import \"images\";\n@import \"code\";\n@import \"grid\";\n@import \"tables\";\n@import \"forms\";\n@import \"buttons\";\n@import \"transitions\";\n@import \"dropdown\";\n@import \"button-group\";\n@import \"input-group\";\n@import \"custom-forms\";\n@import \"nav\";\n@import \"navbar\";\n@import \"card\";\n@import \"breadcrumb\";\n@import \"pagination\";\n@import \"badge\";\n@import \"jumbotron\";\n@import \"alert\";\n@import \"progress\";\n@import \"media\";\n@import \"list-group\";\n@import \"close\";\n@import \"toasts\";\n@import \"modal\";\n@import \"tooltip\";\n@import \"popover\";\n@import \"carousel\";\n@import \"spinners\";\n@import \"utilities\";\n@import \"print\";\n", - "// Bootstrap functions\n//\n// Utility mixins and functions for evaluating source code across our variables, maps, and mixins.\n\n// Ascending\n// Used to evaluate Sass maps like our grid breakpoints.\n@mixin _assert-ascending($map, $map-name) {\n $prev-key: null;\n $prev-num: null;\n @each $key, $num in $map {\n @if $prev-num == null or unit($num) == \"%\" {\n // Do nothing\n } @else if not comparable($prev-num, $num) {\n @warn \"Potentially invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} whose unit makes it incomparable to #{$prev-num}, the value of the previous key '#{$prev-key}' !\";\n } @else if $prev-num >= $num {\n @warn \"Invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} which isn't greater than #{$prev-num}, the value of the previous key '#{$prev-key}' !\";\n }\n $prev-key: $key;\n $prev-num: $num;\n }\n}\n\n// Starts at zero\n// Used to ensure the min-width of the lowest breakpoint starts at 0.\n@mixin _assert-starts-at-zero($map, $map-name: \"$grid-breakpoints\") {\n $values: map-values($map);\n $first-value: nth($values, 1);\n @if $first-value != 0 {\n @warn \"First breakpoint in #{$map-name} must start at 0, but starts at #{$first-value}.\";\n }\n}\n\n// Replace `$search` with `$replace` in `$string`\n// Used on our SVG icon backgrounds for custom forms.\n//\n// @author Hugo Giraudel\n// @param {String} $string - Initial string\n// @param {String} $search - Substring to replace\n// @param {String} $replace ('') - New value\n// @return {String} - Updated string\n@function str-replace($string, $search, $replace: \"\") {\n $index: str-index($string, $search);\n\n @if $index {\n @return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace);\n }\n\n @return $string;\n}\n\n// Color contrast\n@function color-yiq($color, $dark: $yiq-text-dark, $light: $yiq-text-light) {\n $r: red($color);\n $g: green($color);\n $b: blue($color);\n\n $yiq: (($r * 299) + ($g * 587) + ($b * 114)) / 1000;\n\n @if ($yiq >= $yiq-contrasted-threshold) {\n @return $dark;\n } @else {\n @return $light;\n }\n}\n\n// Retrieve color Sass maps\n@function color($key: \"blue\") {\n @return map-get($colors, $key);\n}\n\n@function theme-color($key: \"primary\") {\n @return map-get($theme-colors, $key);\n}\n\n@function gray($key: \"100\") {\n @return map-get($grays, $key);\n}\n\n// Request a theme color level\n@function theme-color-level($color-name: \"primary\", $level: 0) {\n $color: theme-color($color-name);\n $color-base: if($level > 0, $black, $white);\n $level: abs($level);\n\n @return mix($color-base, $color, $level * $theme-color-interval);\n}\n", - "// Variables\n//\n// Variables should follow the `$component-state-property-size` formula for\n// consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs.\n\n// Color system\n\n$white: #fff !default;\n$gray-100: #f8f9fa !default;\n$gray-200: #e9ecef !default;\n$gray-300: #dee2e6 !default;\n$gray-400: #ced4da !default;\n$gray-500: #adb5bd !default;\n$gray-600: #6c757d !default;\n$gray-700: #495057 !default;\n$gray-800: #343a40 !default;\n$gray-900: #212529 !default;\n$black: #000 !default;\n\n$grays: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$grays: map-merge(\n (\n \"100\": $gray-100,\n \"200\": $gray-200,\n \"300\": $gray-300,\n \"400\": $gray-400,\n \"500\": $gray-500,\n \"600\": $gray-600,\n \"700\": $gray-700,\n \"800\": $gray-800,\n \"900\": $gray-900\n ),\n $grays\n);\n\n$blue: #007bff !default;\n$indigo: #6610f2 !default;\n$purple: #6f42c1 !default;\n$pink: #e83e8c !default;\n$red: #dc3545 !default;\n$orange: #fd7e14 !default;\n$yellow: #ffc107 !default;\n$green: #28a745 !default;\n$teal: #20c997 !default;\n$cyan: #17a2b8 !default;\n\n$colors: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$colors: map-merge(\n (\n \"blue\": $blue,\n \"indigo\": $indigo,\n \"purple\": $purple,\n \"pink\": $pink,\n \"red\": $red,\n \"orange\": $orange,\n \"yellow\": $yellow,\n \"green\": $green,\n \"teal\": $teal,\n \"cyan\": $cyan,\n \"white\": $white,\n \"gray\": $gray-600,\n \"gray-dark\": $gray-800\n ),\n $colors\n);\n\n$primary: $blue !default;\n$secondary: $gray-600 !default;\n$success: $green !default;\n$info: $cyan !default;\n$warning: $yellow !default;\n$danger: $red !default;\n$light: $gray-100 !default;\n$dark: $gray-800 !default;\n\n$theme-colors: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$theme-colors: map-merge(\n (\n \"primary\": $primary,\n \"secondary\": $secondary,\n \"success\": $success,\n \"info\": $info,\n \"warning\": $warning,\n \"danger\": $danger,\n \"light\": $light,\n \"dark\": $dark\n ),\n $theme-colors\n);\n\n// Set a specific jump point for requesting color jumps\n$theme-color-interval: 8% !default;\n\n// The yiq lightness value that determines when the lightness of color changes from \"dark\" to \"light\". Acceptable values are between 0 and 255.\n$yiq-contrasted-threshold: 150 !default;\n\n// Customize the light and dark text colors for use in our YIQ color contrast function.\n$yiq-text-dark: $gray-900 !default;\n$yiq-text-light: $white !default;\n\n\n// Options\n//\n// Quickly modify global styling by enabling or disabling optional features.\n\n$enable-caret: true !default;\n$enable-rounded: true !default;\n$enable-shadows: false !default;\n$enable-gradients: false !default;\n$enable-transitions: true !default;\n$enable-prefers-reduced-motion-media-query: true !default;\n$enable-hover-media-query: false !default; // Deprecated, no longer affects any compiled CSS\n$enable-grid-classes: true !default;\n$enable-pointer-cursor-for-buttons: true !default;\n$enable-print-styles: true !default;\n$enable-responsive-font-sizes: false !default;\n$enable-validation-icons: true !default;\n$enable-deprecation-messages: true !default;\n\n\n// Spacing\n//\n// Control the default styling of most Bootstrap elements by modifying these\n// variables. Mostly focused on spacing.\n// You can add more entries to the $spacers map, should you need more variation.\n\n$spacer: 1rem !default;\n$spacers: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$spacers: map-merge(\n (\n 0: 0,\n 1: ($spacer * .25),\n 2: ($spacer * .5),\n 3: $spacer,\n 4: ($spacer * 1.5),\n 5: ($spacer * 3)\n ),\n $spacers\n);\n\n// This variable affects the `.h-*` and `.w-*` classes.\n$sizes: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$sizes: map-merge(\n (\n 25: 25%,\n 50: 50%,\n 75: 75%,\n 100: 100%,\n auto: auto\n ),\n $sizes\n);\n\n\n// Body\n//\n// Settings for the `
` element.\n\n$body-bg: $white !default;\n$body-color: $gray-900 !default;\n\n\n// Links\n//\n// Style anchor elements.\n\n$link-color: theme-color(\"primary\") !default;\n$link-decoration: none !default;\n$link-hover-color: darken($link-color, 15%) !default;\n$link-hover-decoration: underline !default;\n// Darken percentage for links with `.text-*` class (e.g. `.text-success`)\n$emphasized-link-hover-darken-percentage: 15% !default;\n\n// Paragraphs\n//\n// Style p element.\n\n$paragraph-margin-bottom: 1rem !default;\n\n\n// Grid breakpoints\n//\n// Define the minimum dimensions at which your layout will change,\n// adapting to different screen sizes, for use in media queries.\n\n$grid-breakpoints: (\n xs: 0,\n sm: 576px,\n md: 768px,\n lg: 992px,\n xl: 1200px\n) !default;\n\n@include _assert-ascending($grid-breakpoints, \"$grid-breakpoints\");\n@include _assert-starts-at-zero($grid-breakpoints, \"$grid-breakpoints\");\n\n\n// Grid containers\n//\n// Define the maximum width of `.container` for different screen sizes.\n\n$container-max-widths: (\n sm: 540px,\n md: 720px,\n lg: 960px,\n xl: 1140px\n) !default;\n\n@include _assert-ascending($container-max-widths, \"$container-max-widths\");\n\n\n// Grid columns\n//\n// Set the number of columns and specify the width of the gutters.\n\n$grid-columns: 12 !default;\n$grid-gutter-width: 30px !default;\n\n\n// Components\n//\n// Define common padding and border radius sizes and more.\n\n$line-height-lg: 1.5 !default;\n$line-height-sm: 1.5 !default;\n\n$border-width: 1px !default;\n$border-color: $gray-300 !default;\n\n$border-radius: .25rem !default;\n$border-radius-lg: .3rem !default;\n$border-radius-sm: .2rem !default;\n\n$rounded-pill: 50rem !default;\n\n$box-shadow-sm: 0 .125rem .25rem rgba($black, .075) !default;\n$box-shadow: 0 .5rem 1rem rgba($black, .15) !default;\n$box-shadow-lg: 0 1rem 3rem rgba($black, .175) !default;\n\n$component-active-color: $white !default;\n$component-active-bg: theme-color(\"primary\") !default;\n\n$caret-width: .3em !default;\n$caret-vertical-align: $caret-width * .85 !default;\n$caret-spacing: $caret-width * .85 !default;\n\n$transition-base: all .2s ease-in-out !default;\n$transition-fade: opacity .15s linear !default;\n$transition-collapse: height .35s ease !default;\n\n$embed-responsive-aspect-ratios: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$embed-responsive-aspect-ratios: join(\n (\n (21 9),\n (16 9),\n (4 3),\n (1 1),\n ),\n $embed-responsive-aspect-ratios\n);\n\n// Typography\n//\n// Font, line-height, and color for body text, headings, and more.\n\n// stylelint-disable value-keyword-case\n$font-family-sans-serif: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\" !default;\n$font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace !default;\n$font-family-base: $font-family-sans-serif !default;\n// stylelint-enable value-keyword-case\n\n$font-size-base: 1rem !default; // Assumes the browser default, typically `16px`\n$font-size-lg: $font-size-base * 1.25 !default;\n$font-size-sm: $font-size-base * .875 !default;\n\n$font-weight-lighter: lighter !default;\n$font-weight-light: 300 !default;\n$font-weight-normal: 400 !default;\n$font-weight-bold: 700 !default;\n$font-weight-bolder: bolder !default;\n\n$font-weight-base: $font-weight-normal !default;\n$line-height-base: 1.5 !default;\n\n$h1-font-size: $font-size-base * 2.5 !default;\n$h2-font-size: $font-size-base * 2 !default;\n$h3-font-size: $font-size-base * 1.75 !default;\n$h4-font-size: $font-size-base * 1.5 !default;\n$h5-font-size: $font-size-base * 1.25 !default;\n$h6-font-size: $font-size-base !default;\n\n$headings-margin-bottom: $spacer / 2 !default;\n$headings-font-family: null !default;\n$headings-font-weight: 500 !default;\n$headings-line-height: 1.2 !default;\n$headings-color: null !default;\n\n$display1-size: 6rem !default;\n$display2-size: 5.5rem !default;\n$display3-size: 4.5rem !default;\n$display4-size: 3.5rem !default;\n\n$display1-weight: 300 !default;\n$display2-weight: 300 !default;\n$display3-weight: 300 !default;\n$display4-weight: 300 !default;\n$display-line-height: $headings-line-height !default;\n\n$lead-font-size: $font-size-base * 1.25 !default;\n$lead-font-weight: 300 !default;\n\n$small-font-size: 80% !default;\n\n$text-muted: $gray-600 !default;\n\n$blockquote-small-color: $gray-600 !default;\n$blockquote-small-font-size: $small-font-size !default;\n$blockquote-font-size: $font-size-base * 1.25 !default;\n\n$hr-border-color: rgba($black, .1) !default;\n$hr-border-width: $border-width !default;\n\n$mark-padding: .2em !default;\n\n$dt-font-weight: $font-weight-bold !default;\n\n$kbd-box-shadow: inset 0 -.1rem 0 rgba($black, .25) !default;\n$nested-kbd-font-weight: $font-weight-bold !default;\n\n$list-inline-padding: .5rem !default;\n\n$mark-bg: #fcf8e3 !default;\n\n$hr-margin-y: $spacer !default;\n\n\n// Tables\n//\n// Customizes the `.table` component with basic values, each used across all table variations.\n\n$table-cell-padding: .75rem !default;\n$table-cell-padding-sm: .3rem !default;\n\n$table-color: $body-color !default;\n$table-bg: null !default;\n$table-accent-bg: rgba($black, .05) !default;\n$table-hover-color: $table-color !default;\n$table-hover-bg: rgba($black, .075) !default;\n$table-active-bg: $table-hover-bg !default;\n\n$table-border-width: $border-width !default;\n$table-border-color: $border-color !default;\n\n$table-head-bg: $gray-200 !default;\n$table-head-color: $gray-700 !default;\n\n$table-dark-color: $white !default;\n$table-dark-bg: $gray-800 !default;\n$table-dark-accent-bg: rgba($white, .05) !default;\n$table-dark-hover-color: $table-dark-color !default;\n$table-dark-hover-bg: rgba($white, .075) !default;\n$table-dark-border-color: lighten($table-dark-bg, 7.5%) !default;\n$table-dark-color: $white !default;\n\n$table-striped-order: odd !default;\n\n$table-caption-color: $text-muted !default;\n\n$table-bg-level: -9 !default;\n$table-border-level: -6 !default;\n\n\n// Buttons + Forms\n//\n// Shared variables that are reassigned to `$input-` and `$btn-` specific variables.\n\n$input-btn-padding-y: .375rem !default;\n$input-btn-padding-x: .75rem !default;\n$input-btn-font-family: null !default;\n$input-btn-font-size: $font-size-base !default;\n$input-btn-line-height: $line-height-base !default;\n\n$input-btn-focus-width: .2rem !default;\n$input-btn-focus-color: rgba($component-active-bg, .25) !default;\n$input-btn-focus-box-shadow: 0 0 0 $input-btn-focus-width $input-btn-focus-color !default;\n\n$input-btn-padding-y-sm: .25rem !default;\n$input-btn-padding-x-sm: .5rem !default;\n$input-btn-font-size-sm: $font-size-sm !default;\n$input-btn-line-height-sm: $line-height-sm !default;\n\n$input-btn-padding-y-lg: .5rem !default;\n$input-btn-padding-x-lg: 1rem !default;\n$input-btn-font-size-lg: $font-size-lg !default;\n$input-btn-line-height-lg: $line-height-lg !default;\n\n$input-btn-border-width: $border-width !default;\n\n\n// Buttons\n//\n// For each of Bootstrap's buttons, define text, background, and border color.\n\n$btn-padding-y: $input-btn-padding-y !default;\n$btn-padding-x: $input-btn-padding-x !default;\n$btn-font-family: $input-btn-font-family !default;\n$btn-font-size: $input-btn-font-size !default;\n$btn-line-height: $input-btn-line-height !default;\n\n$btn-padding-y-sm: $input-btn-padding-y-sm !default;\n$btn-padding-x-sm: $input-btn-padding-x-sm !default;\n$btn-font-size-sm: $input-btn-font-size-sm !default;\n$btn-line-height-sm: $input-btn-line-height-sm !default;\n\n$btn-padding-y-lg: $input-btn-padding-y-lg !default;\n$btn-padding-x-lg: $input-btn-padding-x-lg !default;\n$btn-font-size-lg: $input-btn-font-size-lg !default;\n$btn-line-height-lg: $input-btn-line-height-lg !default;\n\n$btn-border-width: $input-btn-border-width !default;\n\n$btn-font-weight: $font-weight-normal !default;\n$btn-box-shadow: inset 0 1px 0 rgba($white, .15), 0 1px 1px rgba($black, .075) !default;\n$btn-focus-width: $input-btn-focus-width !default;\n$btn-focus-box-shadow: $input-btn-focus-box-shadow !default;\n$btn-disabled-opacity: .65 !default;\n$btn-active-box-shadow: inset 0 3px 5px rgba($black, .125) !default;\n\n$btn-link-disabled-color: $gray-600 !default;\n\n$btn-block-spacing-y: .5rem !default;\n\n// Allows for customizing button radius independently from global border radius\n$btn-border-radius: $border-radius !default;\n$btn-border-radius-lg: $border-radius-lg !default;\n$btn-border-radius-sm: $border-radius-sm !default;\n\n$btn-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n\n// Forms\n\n$label-margin-bottom: .5rem !default;\n\n$input-padding-y: $input-btn-padding-y !default;\n$input-padding-x: $input-btn-padding-x !default;\n$input-font-family: $input-btn-font-family !default;\n$input-font-size: $input-btn-font-size !default;\n$input-font-weight: $font-weight-base !default;\n$input-line-height: $input-btn-line-height !default;\n\n$input-padding-y-sm: $input-btn-padding-y-sm !default;\n$input-padding-x-sm: $input-btn-padding-x-sm !default;\n$input-font-size-sm: $input-btn-font-size-sm !default;\n$input-line-height-sm: $input-btn-line-height-sm !default;\n\n$input-padding-y-lg: $input-btn-padding-y-lg !default;\n$input-padding-x-lg: $input-btn-padding-x-lg !default;\n$input-font-size-lg: $input-btn-font-size-lg !default;\n$input-line-height-lg: $input-btn-line-height-lg !default;\n\n$input-bg: $white !default;\n$input-disabled-bg: $gray-200 !default;\n\n$input-color: $gray-700 !default;\n$input-border-color: $gray-400 !default;\n$input-border-width: $input-btn-border-width !default;\n$input-box-shadow: inset 0 1px 1px rgba($black, .075) !default;\n\n$input-border-radius: $border-radius !default;\n$input-border-radius-lg: $border-radius-lg !default;\n$input-border-radius-sm: $border-radius-sm !default;\n\n$input-focus-bg: $input-bg !default;\n$input-focus-border-color: lighten($component-active-bg, 25%) !default;\n$input-focus-color: $input-color !default;\n$input-focus-width: $input-btn-focus-width !default;\n$input-focus-box-shadow: $input-btn-focus-box-shadow !default;\n\n$input-placeholder-color: $gray-600 !default;\n$input-plaintext-color: $body-color !default;\n\n$input-height-border: $input-border-width * 2 !default;\n\n$input-height-inner: calc(#{$input-line-height * 1em} + #{$input-padding-y * 2}) !default;\n$input-height-inner-half: calc(#{$input-line-height * .5em} + #{$input-padding-y}) !default;\n$input-height-inner-quarter: calc(#{$input-line-height * .25em} + #{$input-padding-y / 2}) !default;\n\n$input-height: calc(#{$input-line-height * 1em} + #{$input-padding-y * 2} + #{$input-height-border}) !default;\n$input-height-sm: calc(#{$input-line-height-sm * 1em} + #{$input-btn-padding-y-sm * 2} + #{$input-height-border}) !default;\n$input-height-lg: calc(#{$input-line-height-lg * 1em} + #{$input-btn-padding-y-lg * 2} + #{$input-height-border}) !default;\n\n$input-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$form-text-margin-top: .25rem !default;\n\n$form-check-input-gutter: 1.25rem !default;\n$form-check-input-margin-y: .3rem !default;\n$form-check-input-margin-x: .25rem !default;\n\n$form-check-inline-margin-x: .75rem !default;\n$form-check-inline-input-margin-x: .3125rem !default;\n\n$form-grid-gutter-width: 10px !default;\n$form-group-margin-bottom: 1rem !default;\n\n$input-group-addon-color: $input-color !default;\n$input-group-addon-bg: $gray-200 !default;\n$input-group-addon-border-color: $input-border-color !default;\n\n$custom-forms-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$custom-control-gutter: .5rem !default;\n$custom-control-spacer-x: 1rem !default;\n\n$custom-control-indicator-size: 1rem !default;\n$custom-control-indicator-bg: $input-bg !default;\n\n$custom-control-indicator-bg-size: 50% 50% !default;\n$custom-control-indicator-box-shadow: $input-box-shadow !default;\n$custom-control-indicator-border-color: $gray-500 !default;\n$custom-control-indicator-border-width: $input-border-width !default;\n\n$custom-control-indicator-disabled-bg: $input-disabled-bg !default;\n$custom-control-label-disabled-color: $gray-600 !default;\n\n$custom-control-indicator-checked-color: $component-active-color !default;\n$custom-control-indicator-checked-bg: $component-active-bg !default;\n$custom-control-indicator-checked-disabled-bg: rgba(theme-color(\"primary\"), .5) !default;\n$custom-control-indicator-checked-box-shadow: none !default;\n$custom-control-indicator-checked-border-color: $custom-control-indicator-checked-bg !default;\n\n$custom-control-indicator-focus-box-shadow: $input-focus-box-shadow !default;\n$custom-control-indicator-focus-border-color: $input-focus-border-color !default;\n\n$custom-control-indicator-active-color: $component-active-color !default;\n$custom-control-indicator-active-bg: lighten($component-active-bg, 35%) !default;\n$custom-control-indicator-active-box-shadow: none !default;\n$custom-control-indicator-active-border-color: $custom-control-indicator-active-bg !default;\n\n$custom-checkbox-indicator-border-radius: $border-radius !default;\n$custom-checkbox-indicator-icon-checked: str-replace(url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='#{$custom-control-indicator-checked-color}' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e\"), \"#\", \"%23\") !default;\n\n$custom-checkbox-indicator-indeterminate-bg: $component-active-bg !default;\n$custom-checkbox-indicator-indeterminate-color: $custom-control-indicator-checked-color !default;\n$custom-checkbox-indicator-icon-indeterminate: str-replace(url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3e%3cpath stroke='#{$custom-checkbox-indicator-indeterminate-color}' d='M0 2h4'/%3e%3c/svg%3e\"), \"#\", \"%23\") !default;\n$custom-checkbox-indicator-indeterminate-box-shadow: none !default;\n$custom-checkbox-indicator-indeterminate-border-color: $custom-checkbox-indicator-indeterminate-bg !default;\n\n$custom-radio-indicator-border-radius: 50% !default;\n$custom-radio-indicator-icon-checked: str-replace(url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='#{$custom-control-indicator-checked-color}'/%3e%3c/svg%3e\"), \"#\", \"%23\") !default;\n\n$custom-switch-width: $custom-control-indicator-size * 1.75 !default;\n$custom-switch-indicator-border-radius: $custom-control-indicator-size / 2 !default;\n$custom-switch-indicator-size: calc(#{$custom-control-indicator-size} - #{$custom-control-indicator-border-width * 4}) !default;\n\n$custom-select-padding-y: $input-padding-y !default;\n$custom-select-padding-x: $input-padding-x !default;\n$custom-select-font-family: $input-font-family !default;\n$custom-select-font-size: $input-font-size !default;\n$custom-select-height: $input-height !default;\n$custom-select-indicator-padding: 1rem !default; // Extra padding to account for the presence of the background-image based indicator\n$custom-select-font-weight: $input-font-weight !default;\n$custom-select-line-height: $input-line-height !default;\n$custom-select-color: $input-color !default;\n$custom-select-disabled-color: $gray-600 !default;\n$custom-select-bg: $input-bg !default;\n$custom-select-disabled-bg: $gray-200 !default;\n$custom-select-bg-size: 8px 10px !default; // In pixels because image dimensions\n$custom-select-indicator-color: $gray-800 !default;\n$custom-select-indicator: str-replace(url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='#{$custom-select-indicator-color}' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e\"), \"#\", \"%23\") !default;\n$custom-select-background: $custom-select-indicator no-repeat right $custom-select-padding-x center / $custom-select-bg-size !default; // Used so we can have multiple background elements (e.g., arrow and feedback icon)\n\n$custom-select-feedback-icon-padding-right: calc((1em + #{2 * $custom-select-padding-y}) * 3 / 4 + #{$custom-select-padding-x + $custom-select-indicator-padding}) !default;\n$custom-select-feedback-icon-position: center right ($custom-select-padding-x + $custom-select-indicator-padding) !default;\n$custom-select-feedback-icon-size: $input-height-inner-half $input-height-inner-half !default;\n\n$custom-select-border-width: $input-border-width !default;\n$custom-select-border-color: $input-border-color !default;\n$custom-select-border-radius: $border-radius !default;\n$custom-select-box-shadow: inset 0 1px 2px rgba($black, .075) !default;\n\n$custom-select-focus-border-color: $input-focus-border-color !default;\n$custom-select-focus-width: $input-focus-width !default;\n$custom-select-focus-box-shadow: 0 0 0 $custom-select-focus-width $input-btn-focus-color !default;\n\n$custom-select-padding-y-sm: $input-padding-y-sm !default;\n$custom-select-padding-x-sm: $input-padding-x-sm !default;\n$custom-select-font-size-sm: $input-font-size-sm !default;\n$custom-select-height-sm: $input-height-sm !default;\n\n$custom-select-padding-y-lg: $input-padding-y-lg !default;\n$custom-select-padding-x-lg: $input-padding-x-lg !default;\n$custom-select-font-size-lg: $input-font-size-lg !default;\n$custom-select-height-lg: $input-height-lg !default;\n\n$custom-range-track-width: 100% !default;\n$custom-range-track-height: .5rem !default;\n$custom-range-track-cursor: pointer !default;\n$custom-range-track-bg: $gray-300 !default;\n$custom-range-track-border-radius: 1rem !default;\n$custom-range-track-box-shadow: inset 0 .25rem .25rem rgba($black, .1) !default;\n\n$custom-range-thumb-width: 1rem !default;\n$custom-range-thumb-height: $custom-range-thumb-width !default;\n$custom-range-thumb-bg: $component-active-bg !default;\n$custom-range-thumb-border: 0 !default;\n$custom-range-thumb-border-radius: 1rem !default;\n$custom-range-thumb-box-shadow: 0 .1rem .25rem rgba($black, .1) !default;\n$custom-range-thumb-focus-box-shadow: 0 0 0 1px $body-bg, $input-focus-box-shadow !default;\n$custom-range-thumb-focus-box-shadow-width: $input-focus-width !default; // For focus box shadow issue in IE/Edge\n$custom-range-thumb-active-bg: lighten($component-active-bg, 35%) !default;\n$custom-range-thumb-disabled-bg: $gray-500 !default;\n\n$custom-file-height: $input-height !default;\n$custom-file-height-inner: $input-height-inner !default;\n$custom-file-focus-border-color: $input-focus-border-color !default;\n$custom-file-focus-box-shadow: $input-focus-box-shadow !default;\n$custom-file-disabled-bg: $input-disabled-bg !default;\n\n$custom-file-padding-y: $input-padding-y !default;\n$custom-file-padding-x: $input-padding-x !default;\n$custom-file-line-height: $input-line-height !default;\n$custom-file-font-family: $input-font-family !default;\n$custom-file-font-weight: $input-font-weight !default;\n$custom-file-color: $input-color !default;\n$custom-file-bg: $input-bg !default;\n$custom-file-border-width: $input-border-width !default;\n$custom-file-border-color: $input-border-color !default;\n$custom-file-border-radius: $input-border-radius !default;\n$custom-file-box-shadow: $input-box-shadow !default;\n$custom-file-button-color: $custom-file-color !default;\n$custom-file-button-bg: $input-group-addon-bg !default;\n$custom-file-text: (\n en: \"Browse\"\n) !default;\n\n\n// Form validation\n\n$form-feedback-margin-top: $form-text-margin-top !default;\n$form-feedback-font-size: $small-font-size !default;\n$form-feedback-valid-color: theme-color(\"success\") !default;\n$form-feedback-invalid-color: theme-color(\"danger\") !default;\n\n$form-feedback-icon-valid-color: $form-feedback-valid-color !default;\n$form-feedback-icon-valid: str-replace(url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='#{$form-feedback-icon-valid-color}' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e\"), \"#\", \"%23\") !default;\n$form-feedback-icon-invalid-color: $form-feedback-invalid-color !default;\n$form-feedback-icon-invalid: str-replace(url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='#{$form-feedback-icon-invalid-color}' viewBox='-2 -2 7 7'%3e%3cpath stroke='#{$form-feedback-icon-invalid-color}' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E\"), \"#\", \"%23\") !default;\n\n$form-validation-states: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$form-validation-states: map-merge(\n (\n \"valid\": (\n \"color\": $form-feedback-valid-color,\n \"icon\": $form-feedback-icon-valid\n ),\n \"invalid\": (\n \"color\": $form-feedback-invalid-color,\n \"icon\": $form-feedback-icon-invalid\n ),\n ),\n $form-validation-states\n);\n\n// Z-index master list\n//\n// Warning: Avoid customizing these values. They're used for a bird's eye view\n// of components dependent on the z-axis and are designed to all work together.\n\n$zindex-dropdown: 1000 !default;\n$zindex-sticky: 1020 !default;\n$zindex-fixed: 1030 !default;\n$zindex-modal-backdrop: 1040 !default;\n$zindex-modal: 1050 !default;\n$zindex-popover: 1060 !default;\n$zindex-tooltip: 1070 !default;\n\n\n// Navs\n\n$nav-link-padding-y: .5rem !default;\n$nav-link-padding-x: 1rem !default;\n$nav-link-disabled-color: $gray-600 !default;\n\n$nav-tabs-border-color: $gray-300 !default;\n$nav-tabs-border-width: $border-width !default;\n$nav-tabs-border-radius: $border-radius !default;\n$nav-tabs-link-hover-border-color: $gray-200 $gray-200 $nav-tabs-border-color !default;\n$nav-tabs-link-active-color: $gray-700 !default;\n$nav-tabs-link-active-bg: $body-bg !default;\n$nav-tabs-link-active-border-color: $gray-300 $gray-300 $nav-tabs-link-active-bg !default;\n\n$nav-pills-border-radius: $border-radius !default;\n$nav-pills-link-active-color: $component-active-color !default;\n$nav-pills-link-active-bg: $component-active-bg !default;\n\n$nav-divider-color: $gray-200 !default;\n$nav-divider-margin-y: $spacer / 2 !default;\n\n\n// Navbar\n\n$navbar-padding-y: $spacer / 2 !default;\n$navbar-padding-x: $spacer !default;\n\n$navbar-nav-link-padding-x: .5rem !default;\n\n$navbar-brand-font-size: $font-size-lg !default;\n// Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link\n$nav-link-height: $font-size-base * $line-height-base + $nav-link-padding-y * 2 !default;\n$navbar-brand-height: $navbar-brand-font-size * $line-height-base !default;\n$navbar-brand-padding-y: ($nav-link-height - $navbar-brand-height) / 2 !default;\n\n$navbar-toggler-padding-y: .25rem !default;\n$navbar-toggler-padding-x: .75rem !default;\n$navbar-toggler-font-size: $font-size-lg !default;\n$navbar-toggler-border-radius: $btn-border-radius !default;\n\n$navbar-dark-color: rgba($white, .5) !default;\n$navbar-dark-hover-color: rgba($white, .75) !default;\n$navbar-dark-active-color: $white !default;\n$navbar-dark-disabled-color: rgba($white, .25) !default;\n$navbar-dark-toggler-icon-bg: str-replace(url(\"data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='#{$navbar-dark-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e\"), \"#\", \"%23\") !default;\n$navbar-dark-toggler-border-color: rgba($white, .1) !default;\n\n$navbar-light-color: rgba($black, .5) !default;\n$navbar-light-hover-color: rgba($black, .7) !default;\n$navbar-light-active-color: rgba($black, .9) !default;\n$navbar-light-disabled-color: rgba($black, .3) !default;\n$navbar-light-toggler-icon-bg: str-replace(url(\"data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='#{$navbar-light-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e\"), \"#\", \"%23\") !default;\n$navbar-light-toggler-border-color: rgba($black, .1) !default;\n\n$navbar-light-brand-color: $navbar-light-active-color !default;\n$navbar-light-brand-hover-color: $navbar-light-active-color !default;\n$navbar-dark-brand-color: $navbar-dark-active-color !default;\n$navbar-dark-brand-hover-color: $navbar-dark-active-color !default;\n\n\n// Dropdowns\n//\n// Dropdown menu container and contents.\n\n$dropdown-min-width: 10rem !default;\n$dropdown-padding-y: .5rem !default;\n$dropdown-spacer: .125rem !default;\n$dropdown-font-size: $font-size-base !default;\n$dropdown-color: $body-color !default;\n$dropdown-bg: $white !default;\n$dropdown-border-color: rgba($black, .15) !default;\n$dropdown-border-radius: $border-radius !default;\n$dropdown-border-width: $border-width !default;\n$dropdown-inner-border-radius: calc(#{$dropdown-border-radius} - #{$dropdown-border-width}) !default;\n$dropdown-divider-bg: $gray-200 !default;\n$dropdown-divider-margin-y: $nav-divider-margin-y !default;\n$dropdown-box-shadow: 0 .5rem 1rem rgba($black, .175) !default;\n\n$dropdown-link-color: $gray-900 !default;\n$dropdown-link-hover-color: darken($gray-900, 5%) !default;\n$dropdown-link-hover-bg: $gray-100 !default;\n\n$dropdown-link-active-color: $component-active-color !default;\n$dropdown-link-active-bg: $component-active-bg !default;\n\n$dropdown-link-disabled-color: $gray-600 !default;\n\n$dropdown-item-padding-y: .25rem !default;\n$dropdown-item-padding-x: 1.5rem !default;\n\n$dropdown-header-color: $gray-600 !default;\n\n\n// Pagination\n\n$pagination-padding-y: .5rem !default;\n$pagination-padding-x: .75rem !default;\n$pagination-padding-y-sm: .25rem !default;\n$pagination-padding-x-sm: .5rem !default;\n$pagination-padding-y-lg: .75rem !default;\n$pagination-padding-x-lg: 1.5rem !default;\n$pagination-line-height: 1.25 !default;\n\n$pagination-color: $link-color !default;\n$pagination-bg: $white !default;\n$pagination-border-width: $border-width !default;\n$pagination-border-color: $gray-300 !default;\n\n$pagination-focus-box-shadow: $input-btn-focus-box-shadow !default;\n$pagination-focus-outline: 0 !default;\n\n$pagination-hover-color: $link-hover-color !default;\n$pagination-hover-bg: $gray-200 !default;\n$pagination-hover-border-color: $gray-300 !default;\n\n$pagination-active-color: $component-active-color !default;\n$pagination-active-bg: $component-active-bg !default;\n$pagination-active-border-color: $pagination-active-bg !default;\n\n$pagination-disabled-color: $gray-600 !default;\n$pagination-disabled-bg: $white !default;\n$pagination-disabled-border-color: $gray-300 !default;\n\n\n// Jumbotron\n\n$jumbotron-padding: 2rem !default;\n$jumbotron-color: null !default;\n$jumbotron-bg: $gray-200 !default;\n\n\n// Cards\n\n$card-spacer-y: .75rem !default;\n$card-spacer-x: 1.25rem !default;\n$card-border-width: $border-width !default;\n$card-border-radius: $border-radius !default;\n$card-border-color: rgba($black, .125) !default;\n$card-inner-border-radius: calc(#{$card-border-radius} - #{$card-border-width}) !default;\n$card-cap-bg: rgba($black, .03) !default;\n$card-cap-color: null !default;\n$card-color: null !default;\n$card-bg: $white !default;\n\n$card-img-overlay-padding: 1.25rem !default;\n\n$card-group-margin: $grid-gutter-width / 2 !default;\n$card-deck-margin: $card-group-margin !default;\n\n$card-columns-count: 3 !default;\n$card-columns-gap: 1.25rem !default;\n$card-columns-margin: $card-spacer-y !default;\n\n\n// Tooltips\n\n$tooltip-font-size: $font-size-sm !default;\n$tooltip-max-width: 200px !default;\n$tooltip-color: $white !default;\n$tooltip-bg: $black !default;\n$tooltip-border-radius: $border-radius !default;\n$tooltip-opacity: .9 !default;\n$tooltip-padding-y: .25rem !default;\n$tooltip-padding-x: .5rem !default;\n$tooltip-margin: 0 !default;\n\n$tooltip-arrow-width: .8rem !default;\n$tooltip-arrow-height: .4rem !default;\n$tooltip-arrow-color: $tooltip-bg !default;\n\n// Form tooltips must come after regular tooltips\n$form-feedback-tooltip-padding-y: $tooltip-padding-y !default;\n$form-feedback-tooltip-padding-x: $tooltip-padding-x !default;\n$form-feedback-tooltip-font-size: $tooltip-font-size !default;\n$form-feedback-tooltip-line-height: $line-height-base !default;\n$form-feedback-tooltip-opacity: $tooltip-opacity !default;\n$form-feedback-tooltip-border-radius: $tooltip-border-radius !default;\n\n\n// Popovers\n\n$popover-font-size: $font-size-sm !default;\n$popover-bg: $white !default;\n$popover-max-width: 276px !default;\n$popover-border-width: $border-width !default;\n$popover-border-color: rgba($black, .2) !default;\n$popover-border-radius: $border-radius-lg !default;\n$popover-box-shadow: 0 .25rem .5rem rgba($black, .2) !default;\n\n$popover-header-bg: darken($popover-bg, 3%) !default;\n$popover-header-color: $headings-color !default;\n$popover-header-padding-y: .5rem !default;\n$popover-header-padding-x: .75rem !default;\n\n$popover-body-color: $body-color !default;\n$popover-body-padding-y: $popover-header-padding-y !default;\n$popover-body-padding-x: $popover-header-padding-x !default;\n\n$popover-arrow-width: 1rem !default;\n$popover-arrow-height: .5rem !default;\n$popover-arrow-color: $popover-bg !default;\n\n$popover-arrow-outer-color: fade-in($popover-border-color, .05) !default;\n\n\n// Toasts\n\n$toast-max-width: 350px !default;\n$toast-padding-x: .75rem !default;\n$toast-padding-y: .25rem !default;\n$toast-font-size: .875rem !default;\n$toast-color: null !default;\n$toast-background-color: rgba($white, .85) !default;\n$toast-border-width: 1px !default;\n$toast-border-color: rgba(0, 0, 0, .1) !default;\n$toast-border-radius: .25rem !default;\n$toast-box-shadow: 0 .25rem .75rem rgba($black, .1) !default;\n\n$toast-header-color: $gray-600 !default;\n$toast-header-background-color: rgba($white, .85) !default;\n$toast-header-border-color: rgba(0, 0, 0, .05) !default;\n\n\n// Badges\n\n$badge-font-size: 75% !default;\n$badge-font-weight: $font-weight-bold !default;\n$badge-padding-y: .25em !default;\n$badge-padding-x: .4em !default;\n$badge-border-radius: $border-radius !default;\n\n$badge-transition: $btn-transition !default;\n$badge-focus-width: $input-btn-focus-width !default;\n\n$badge-pill-padding-x: .6em !default;\n// Use a higher than normal value to ensure completely rounded edges when\n// customizing padding or font-size on labels.\n$badge-pill-border-radius: 10rem !default;\n\n\n// Modals\n\n// Padding applied to the modal body\n$modal-inner-padding: 1rem !default;\n\n$modal-dialog-margin: .5rem !default;\n$modal-dialog-margin-y-sm-up: 1.75rem !default;\n\n$modal-title-line-height: $line-height-base !default;\n\n$modal-content-color: null !default;\n$modal-content-bg: $white !default;\n$modal-content-border-color: rgba($black, .2) !default;\n$modal-content-border-width: $border-width !default;\n$modal-content-border-radius: $border-radius-lg !default;\n$modal-content-box-shadow-xs: 0 .25rem .5rem rgba($black, .5) !default;\n$modal-content-box-shadow-sm-up: 0 .5rem 1rem rgba($black, .5) !default;\n\n$modal-backdrop-bg: $black !default;\n$modal-backdrop-opacity: .5 !default;\n$modal-header-border-color: $border-color !default;\n$modal-footer-border-color: $modal-header-border-color !default;\n$modal-header-border-width: $modal-content-border-width !default;\n$modal-footer-border-width: $modal-header-border-width !default;\n$modal-header-padding-y: 1rem !default;\n$modal-header-padding-x: 1rem !default;\n$modal-header-padding: $modal-header-padding-y $modal-header-padding-x !default; // Keep this for backwards compatibility\n\n$modal-xl: 1140px !default;\n$modal-lg: 800px !default;\n$modal-md: 500px !default;\n$modal-sm: 300px !default;\n\n$modal-fade-transform: translate(0, -50px) !default;\n$modal-show-transform: none !default;\n$modal-transition: transform .3s ease-out !default;\n\n\n// Alerts\n//\n// Define alert colors, border radius, and padding.\n\n$alert-padding-y: .75rem !default;\n$alert-padding-x: 1.25rem !default;\n$alert-margin-bottom: 1rem !default;\n$alert-border-radius: $border-radius !default;\n$alert-link-font-weight: $font-weight-bold !default;\n$alert-border-width: $border-width !default;\n\n$alert-bg-level: -10 !default;\n$alert-border-level: -9 !default;\n$alert-color-level: 6 !default;\n\n\n// Progress bars\n\n$progress-height: 1rem !default;\n$progress-font-size: $font-size-base * .75 !default;\n$progress-bg: $gray-200 !default;\n$progress-border-radius: $border-radius !default;\n$progress-box-shadow: inset 0 .1rem .1rem rgba($black, .1) !default;\n$progress-bar-color: $white !default;\n$progress-bar-bg: theme-color(\"primary\") !default;\n$progress-bar-animation-timing: 1s linear infinite !default;\n$progress-bar-transition: width .6s ease !default;\n\n\n// List group\n\n$list-group-color: null !default;\n$list-group-bg: $white !default;\n$list-group-border-color: rgba($black, .125) !default;\n$list-group-border-width: $border-width !default;\n$list-group-border-radius: $border-radius !default;\n\n$list-group-item-padding-y: .75rem !default;\n$list-group-item-padding-x: 1.25rem !default;\n\n$list-group-hover-bg: $gray-100 !default;\n$list-group-active-color: $component-active-color !default;\n$list-group-active-bg: $component-active-bg !default;\n$list-group-active-border-color: $list-group-active-bg !default;\n\n$list-group-disabled-color: $gray-600 !default;\n$list-group-disabled-bg: $list-group-bg !default;\n\n$list-group-action-color: $gray-700 !default;\n$list-group-action-hover-color: $list-group-action-color !default;\n\n$list-group-action-active-color: $body-color !default;\n$list-group-action-active-bg: $gray-200 !default;\n\n\n// Image thumbnails\n\n$thumbnail-padding: .25rem !default;\n$thumbnail-bg: $body-bg !default;\n$thumbnail-border-width: $border-width !default;\n$thumbnail-border-color: $gray-300 !default;\n$thumbnail-border-radius: $border-radius !default;\n$thumbnail-box-shadow: 0 1px 2px rgba($black, .075) !default;\n\n\n// Figures\n\n$figure-caption-font-size: 90% !default;\n$figure-caption-color: $gray-600 !default;\n\n\n// Breadcrumbs\n\n$breadcrumb-padding-y: .75rem !default;\n$breadcrumb-padding-x: 1rem !default;\n$breadcrumb-item-padding: .5rem !default;\n\n$breadcrumb-margin-bottom: 1rem !default;\n\n$breadcrumb-bg: $gray-200 !default;\n$breadcrumb-divider-color: $gray-600 !default;\n$breadcrumb-active-color: $gray-600 !default;\n$breadcrumb-divider: quote(\"/\") !default;\n\n$breadcrumb-border-radius: $border-radius !default;\n\n\n// Carousel\n\n$carousel-control-color: $white !default;\n$carousel-control-width: 15% !default;\n$carousel-control-opacity: .5 !default;\n$carousel-control-hover-opacity: .9 !default;\n$carousel-control-transition: opacity .15s ease !default;\n\n$carousel-indicator-width: 30px !default;\n$carousel-indicator-height: 3px !default;\n$carousel-indicator-hit-area-height: 10px !default;\n$carousel-indicator-spacer: 3px !default;\n$carousel-indicator-active-bg: $white !default;\n$carousel-indicator-transition: opacity .6s ease !default;\n\n$carousel-caption-width: 70% !default;\n$carousel-caption-color: $white !default;\n\n$carousel-control-icon-width: 20px !default;\n\n$carousel-control-prev-icon-bg: str-replace(url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e\"), \"#\", \"%23\") !default;\n$carousel-control-next-icon-bg: str-replace(url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e\"), \"#\", \"%23\") !default;\n\n$carousel-transition-duration: .6s !default;\n$carousel-transition: transform $carousel-transition-duration ease-in-out !default; // Define transform transition first if using multiple transitions (e.g., `transform 2s ease, opacity .5s ease-out`)\n\n\n// Spinners\n\n$spinner-width: 2rem !default;\n$spinner-height: $spinner-width !default;\n$spinner-border-width: .25em !default;\n\n$spinner-width-sm: 1rem !default;\n$spinner-height-sm: $spinner-width-sm !default;\n$spinner-border-width-sm: .2em !default;\n\n\n// Close\n\n$close-font-size: $font-size-base * 1.5 !default;\n$close-font-weight: $font-weight-bold !default;\n$close-color: $black !default;\n$close-text-shadow: 0 1px 0 $white !default;\n\n\n// Code\n\n$code-font-size: 87.5% !default;\n$code-color: $pink !default;\n\n$kbd-padding-y: .2rem !default;\n$kbd-padding-x: .4rem !default;\n$kbd-font-size: $code-font-size !default;\n$kbd-color: $white !default;\n$kbd-bg: $gray-900 !default;\n\n$pre-color: $gray-900 !default;\n$pre-scrollable-max-height: 340px !default;\n\n\n// Utilities\n\n$displays: none, inline, inline-block, block, table, table-row, table-cell, flex, inline-flex !default;\n$overflows: auto, hidden !default;\n$positions: static, relative, absolute, fixed, sticky !default;\n\n\n// Printing\n\n$print-page-size: a3 !default;\n$print-body-min-width: map-get($grid-breakpoints, \"lg\") !default;\n", - "// Toggles\n//\n// Used in conjunction with global variables to enable certain theme features.\n\n// Vendor\n@import \"vendor/rfs\";\n\n// Deprecate\n@import \"mixins/deprecate\";\n\n// Utilities\n@import \"mixins/breakpoints\";\n@import \"mixins/hover\";\n@import \"mixins/image\";\n@import \"mixins/badge\";\n@import \"mixins/resize\";\n@import \"mixins/screen-reader\";\n@import \"mixins/size\";\n@import \"mixins/reset-text\";\n@import \"mixins/text-emphasis\";\n@import \"mixins/text-hide\";\n@import \"mixins/text-truncate\";\n@import \"mixins/visibility\";\n\n// // Components\n@import \"mixins/alert\";\n@import \"mixins/buttons\";\n@import \"mixins/caret\";\n@import \"mixins/pagination\";\n@import \"mixins/lists\";\n@import \"mixins/list-group\";\n@import \"mixins/nav-divider\";\n@import \"mixins/forms\";\n@import \"mixins/table-row\";\n\n// // Skins\n@import \"mixins/background-variant\";\n@import \"mixins/border-radius\";\n@import \"mixins/box-shadow\";\n@import \"mixins/gradients\";\n@import \"mixins/transition\";\n\n// // Layout\n@import \"mixins/clearfix\";\n@import \"mixins/grid-framework\";\n@import \"mixins/grid\";\n@import \"mixins/float\";\n", + "/*!\n * Bootstrap v4.4.1 (https://getbootstrap.com/)\n * Copyright 2011-2019 The Bootstrap Authors\n * Copyright 2011-2019 Twitter, Inc.\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)\n */\n\n@import \"functions\";\n@import \"variables\";\n@import \"mixins\";\n@import \"root\";\n@import \"reboot\";\n@import \"type\";\n@import \"images\";\n@import \"code\";\n@import \"grid\";\n@import \"tables\";\n@import \"forms\";\n@import \"buttons\";\n@import \"transitions\";\n@import \"dropdown\";\n@import \"button-group\";\n@import \"input-group\";\n@import \"custom-forms\";\n@import \"nav\";\n@import \"navbar\";\n@import \"card\";\n@import \"breadcrumb\";\n@import \"pagination\";\n@import \"badge\";\n@import \"jumbotron\";\n@import \"alert\";\n@import \"progress\";\n@import \"media\";\n@import \"list-group\";\n@import \"close\";\n@import \"toasts\";\n@import \"modal\";\n@import \"tooltip\";\n@import \"popover\";\n@import \"carousel\";\n@import \"spinners\";\n@import \"utilities\";\n@import \"print\";\n", + "// Bootstrap functions\n//\n// Utility mixins and functions for evaluating source code across our variables, maps, and mixins.\n\n// Ascending\n// Used to evaluate Sass maps like our grid breakpoints.\n@mixin _assert-ascending($map, $map-name) {\n $prev-key: null;\n $prev-num: null;\n @each $key, $num in $map {\n @if $prev-num == null or unit($num) == \"%\" or unit($prev-num) == \"%\" {\n // Do nothing\n } @else if not comparable($prev-num, $num) {\n @warn \"Potentially invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} whose unit makes it incomparable to #{$prev-num}, the value of the previous key '#{$prev-key}' !\";\n } @else if $prev-num >= $num {\n @warn \"Invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} which isn't greater than #{$prev-num}, the value of the previous key '#{$prev-key}' !\";\n }\n $prev-key: $key;\n $prev-num: $num;\n }\n}\n\n// Starts at zero\n// Used to ensure the min-width of the lowest breakpoint starts at 0.\n@mixin _assert-starts-at-zero($map, $map-name: \"$grid-breakpoints\") {\n $values: map-values($map);\n $first-value: nth($values, 1);\n @if $first-value != 0 {\n @warn \"First breakpoint in #{$map-name} must start at 0, but starts at #{$first-value}.\";\n }\n}\n\n// Replace `$search` with `$replace` in `$string`\n// Used on our SVG icon backgrounds for custom forms.\n//\n// @author Hugo Giraudel\n// @param {String} $string - Initial string\n// @param {String} $search - Substring to replace\n// @param {String} $replace ('') - New value\n// @return {String} - Updated string\n@function str-replace($string, $search, $replace: \"\") {\n $index: str-index($string, $search);\n\n @if $index {\n @return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace);\n }\n\n @return $string;\n}\n\n// See https://codepen.io/kevinweber/pen/dXWoRw\n@function escape-svg($string) {\n @if str-index($string, \"data:image/svg+xml\") {\n @each $char, $encoded in $escaped-characters {\n $string: str-replace($string, $char, $encoded);\n }\n }\n\n @return $string;\n}\n\n// Color contrast\n@function color-yiq($color, $dark: $yiq-text-dark, $light: $yiq-text-light) {\n $r: red($color);\n $g: green($color);\n $b: blue($color);\n\n $yiq: (($r * 299) + ($g * 587) + ($b * 114)) / 1000;\n\n @if ($yiq >= $yiq-contrasted-threshold) {\n @return $dark;\n } @else {\n @return $light;\n }\n}\n\n// Retrieve color Sass maps\n@function color($key: \"blue\") {\n @return map-get($colors, $key);\n}\n\n@function theme-color($key: \"primary\") {\n @return map-get($theme-colors, $key);\n}\n\n@function gray($key: \"100\") {\n @return map-get($grays, $key);\n}\n\n// Request a theme color level\n@function theme-color-level($color-name: \"primary\", $level: 0) {\n $color: theme-color($color-name);\n $color-base: if($level > 0, $black, $white);\n $level: abs($level);\n\n @return mix($color-base, $color, $level * $theme-color-interval);\n}\n\n// Return valid calc\n@function add($value1, $value2, $return-calc: true) {\n @if $value1 == null {\n @return $value2;\n }\n\n @if $value2 == null {\n @return $value1;\n }\n\n @if type-of($value1) == number and type-of($value2) == number and comparable($value1, $value2) {\n @return $value1 + $value2;\n }\n\n @return if($return-calc == true, calc(#{$value1} + #{$value2}), $value1 + unquote(\" + \") + $value2);\n}\n\n@function subtract($value1, $value2, $return-calc: true) {\n @if $value1 == null and $value2 == null {\n @return null;\n }\n\n @if $value1 == null {\n @return -$value2;\n }\n\n @if $value2 == null {\n @return $value1;\n }\n\n @if type-of($value1) == number and type-of($value2) == number and comparable($value1, $value2) {\n @return $value1 - $value2;\n }\n\n @return if($return-calc == true, calc(#{$value1} - #{$value2}), $value1 + unquote(\" - \") + $value2);\n}\n", + "// Variables\n//\n// Variables should follow the `$component-state-property-size` formula for\n// consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs.\n\n// Color system\n\n$white: #fff !default;\n$gray-100: #f8f9fa !default;\n$gray-200: #e9ecef !default;\n$gray-300: #dee2e6 !default;\n$gray-400: #ced4da !default;\n$gray-500: #adb5bd !default;\n$gray-600: #6c757d !default;\n$gray-700: #495057 !default;\n$gray-800: #343a40 !default;\n$gray-900: #212529 !default;\n$black: #000 !default;\n\n$grays: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$grays: map-merge(\n (\n \"100\": $gray-100,\n \"200\": $gray-200,\n \"300\": $gray-300,\n \"400\": $gray-400,\n \"500\": $gray-500,\n \"600\": $gray-600,\n \"700\": $gray-700,\n \"800\": $gray-800,\n \"900\": $gray-900\n ),\n $grays\n);\n\n$blue: #007bff !default;\n$indigo: #6610f2 !default;\n$purple: #6f42c1 !default;\n$pink: #e83e8c !default;\n$red: #dc3545 !default;\n$orange: #fd7e14 !default;\n$yellow: #ffc107 !default;\n$green: #28a745 !default;\n$teal: #20c997 !default;\n$cyan: #17a2b8 !default;\n\n$colors: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$colors: map-merge(\n (\n \"blue\": $blue,\n \"indigo\": $indigo,\n \"purple\": $purple,\n \"pink\": $pink,\n \"red\": $red,\n \"orange\": $orange,\n \"yellow\": $yellow,\n \"green\": $green,\n \"teal\": $teal,\n \"cyan\": $cyan,\n \"white\": $white,\n \"gray\": $gray-600,\n \"gray-dark\": $gray-800\n ),\n $colors\n);\n\n$primary: $blue !default;\n$secondary: $gray-600 !default;\n$success: $green !default;\n$info: $cyan !default;\n$warning: $yellow !default;\n$danger: $red !default;\n$light: $gray-100 !default;\n$dark: $gray-800 !default;\n\n$theme-colors: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$theme-colors: map-merge(\n (\n \"primary\": $primary,\n \"secondary\": $secondary,\n \"success\": $success,\n \"info\": $info,\n \"warning\": $warning,\n \"danger\": $danger,\n \"light\": $light,\n \"dark\": $dark\n ),\n $theme-colors\n);\n\n// Set a specific jump point for requesting color jumps\n$theme-color-interval: 8% !default;\n\n// The yiq lightness value that determines when the lightness of color changes from \"dark\" to \"light\". Acceptable values are between 0 and 255.\n$yiq-contrasted-threshold: 150 !default;\n\n// Customize the light and dark text colors for use in our YIQ color contrast function.\n$yiq-text-dark: $gray-900 !default;\n$yiq-text-light: $white !default;\n\n// Characters which are escaped by the escape-svg function\n$escaped-characters: (\n (\"<\",\"%3c\"),\n (\">\",\"%3e\"),\n (\"#\",\"%23\"),\n) !default;\n\n\n// Options\n//\n// Quickly modify global styling by enabling or disabling optional features.\n\n$enable-caret: true !default;\n$enable-rounded: true !default;\n$enable-shadows: false !default;\n$enable-gradients: false !default;\n$enable-transitions: true !default;\n$enable-prefers-reduced-motion-media-query: true !default;\n$enable-hover-media-query: false !default; // Deprecated, no longer affects any compiled CSS\n$enable-grid-classes: true !default;\n$enable-pointer-cursor-for-buttons: true !default;\n$enable-print-styles: true !default;\n$enable-responsive-font-sizes: false !default;\n$enable-validation-icons: true !default;\n$enable-deprecation-messages: true !default;\n\n\n// Spacing\n//\n// Control the default styling of most Bootstrap elements by modifying these\n// variables. Mostly focused on spacing.\n// You can add more entries to the $spacers map, should you need more variation.\n\n$spacer: 1rem !default;\n$spacers: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$spacers: map-merge(\n (\n 0: 0,\n 1: ($spacer * .25),\n 2: ($spacer * .5),\n 3: $spacer,\n 4: ($spacer * 1.5),\n 5: ($spacer * 3)\n ),\n $spacers\n);\n\n// This variable affects the `.h-*` and `.w-*` classes.\n$sizes: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$sizes: map-merge(\n (\n 25: 25%,\n 50: 50%,\n 75: 75%,\n 100: 100%,\n auto: auto\n ),\n $sizes\n);\n\n\n// Body\n//\n// Settings for the `` element.\n\n$body-bg: $white !default;\n$body-color: $gray-900 !default;\n\n\n// Links\n//\n// Style anchor elements.\n\n$link-color: theme-color(\"primary\") !default;\n$link-decoration: none !default;\n$link-hover-color: darken($link-color, 15%) !default;\n$link-hover-decoration: underline !default;\n// Darken percentage for links with `.text-*` class (e.g. `.text-success`)\n$emphasized-link-hover-darken-percentage: 15% !default;\n\n// Paragraphs\n//\n// Style p element.\n\n$paragraph-margin-bottom: 1rem !default;\n\n\n// Grid breakpoints\n//\n// Define the minimum dimensions at which your layout will change,\n// adapting to different screen sizes, for use in media queries.\n\n$grid-breakpoints: (\n xs: 0,\n sm: 576px,\n md: 768px,\n lg: 992px,\n xl: 1200px\n) !default;\n\n@include _assert-ascending($grid-breakpoints, \"$grid-breakpoints\");\n@include _assert-starts-at-zero($grid-breakpoints, \"$grid-breakpoints\");\n\n\n// Grid containers\n//\n// Define the maximum width of `.container` for different screen sizes.\n\n$container-max-widths: (\n sm: 540px,\n md: 720px,\n lg: 960px,\n xl: 1140px\n) !default;\n\n@include _assert-ascending($container-max-widths, \"$container-max-widths\");\n\n\n// Grid columns\n//\n// Set the number of columns and specify the width of the gutters.\n\n$grid-columns: 12 !default;\n$grid-gutter-width: 30px !default;\n$grid-row-columns: 6 !default;\n\n\n// Components\n//\n// Define common padding and border radius sizes and more.\n\n$line-height-lg: 1.5 !default;\n$line-height-sm: 1.5 !default;\n\n$border-width: 1px !default;\n$border-color: $gray-300 !default;\n\n$border-radius: .25rem !default;\n$border-radius-lg: .3rem !default;\n$border-radius-sm: .2rem !default;\n\n$rounded-pill: 50rem !default;\n\n$box-shadow-sm: 0 .125rem .25rem rgba($black, .075) !default;\n$box-shadow: 0 .5rem 1rem rgba($black, .15) !default;\n$box-shadow-lg: 0 1rem 3rem rgba($black, .175) !default;\n\n$component-active-color: $white !default;\n$component-active-bg: theme-color(\"primary\") !default;\n\n$caret-width: .3em !default;\n$caret-vertical-align: $caret-width * .85 !default;\n$caret-spacing: $caret-width * .85 !default;\n\n$transition-base: all .2s ease-in-out !default;\n$transition-fade: opacity .15s linear !default;\n$transition-collapse: height .35s ease !default;\n\n$embed-responsive-aspect-ratios: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$embed-responsive-aspect-ratios: join(\n (\n (21 9),\n (16 9),\n (4 3),\n (1 1),\n ),\n $embed-responsive-aspect-ratios\n);\n\n// Typography\n//\n// Font, line-height, and color for body text, headings, and more.\n\n// stylelint-disable value-keyword-case\n$font-family-sans-serif: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\" !default;\n$font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace !default;\n$font-family-base: $font-family-sans-serif !default;\n// stylelint-enable value-keyword-case\n\n$font-size-base: 1rem !default; // Assumes the browser default, typically `16px`\n$font-size-lg: $font-size-base * 1.25 !default;\n$font-size-sm: $font-size-base * .875 !default;\n\n$font-weight-lighter: lighter !default;\n$font-weight-light: 300 !default;\n$font-weight-normal: 400 !default;\n$font-weight-bold: 700 !default;\n$font-weight-bolder: bolder !default;\n\n$font-weight-base: $font-weight-normal !default;\n$line-height-base: 1.5 !default;\n\n$h1-font-size: $font-size-base * 2.5 !default;\n$h2-font-size: $font-size-base * 2 !default;\n$h3-font-size: $font-size-base * 1.75 !default;\n$h4-font-size: $font-size-base * 1.5 !default;\n$h5-font-size: $font-size-base * 1.25 !default;\n$h6-font-size: $font-size-base !default;\n\n$headings-margin-bottom: $spacer / 2 !default;\n$headings-font-family: null !default;\n$headings-font-weight: 500 !default;\n$headings-line-height: 1.2 !default;\n$headings-color: null !default;\n\n$display1-size: 6rem !default;\n$display2-size: 5.5rem !default;\n$display3-size: 4.5rem !default;\n$display4-size: 3.5rem !default;\n\n$display1-weight: 300 !default;\n$display2-weight: 300 !default;\n$display3-weight: 300 !default;\n$display4-weight: 300 !default;\n$display-line-height: $headings-line-height !default;\n\n$lead-font-size: $font-size-base * 1.25 !default;\n$lead-font-weight: 300 !default;\n\n$small-font-size: 80% !default;\n\n$text-muted: $gray-600 !default;\n\n$blockquote-small-color: $gray-600 !default;\n$blockquote-small-font-size: $small-font-size !default;\n$blockquote-font-size: $font-size-base * 1.25 !default;\n\n$hr-border-color: rgba($black, .1) !default;\n$hr-border-width: $border-width !default;\n\n$mark-padding: .2em !default;\n\n$dt-font-weight: $font-weight-bold !default;\n\n$kbd-box-shadow: inset 0 -.1rem 0 rgba($black, .25) !default;\n$nested-kbd-font-weight: $font-weight-bold !default;\n\n$list-inline-padding: .5rem !default;\n\n$mark-bg: #fcf8e3 !default;\n\n$hr-margin-y: $spacer !default;\n\n\n// Tables\n//\n// Customizes the `.table` component with basic values, each used across all table variations.\n\n$table-cell-padding: .75rem !default;\n$table-cell-padding-sm: .3rem !default;\n\n$table-color: $body-color !default;\n$table-bg: null !default;\n$table-accent-bg: rgba($black, .05) !default;\n$table-hover-color: $table-color !default;\n$table-hover-bg: rgba($black, .075) !default;\n$table-active-bg: $table-hover-bg !default;\n\n$table-border-width: $border-width !default;\n$table-border-color: $border-color !default;\n\n$table-head-bg: $gray-200 !default;\n$table-head-color: $gray-700 !default;\n\n$table-dark-color: $white !default;\n$table-dark-bg: $gray-800 !default;\n$table-dark-accent-bg: rgba($white, .05) !default;\n$table-dark-hover-color: $table-dark-color !default;\n$table-dark-hover-bg: rgba($white, .075) !default;\n$table-dark-border-color: lighten($table-dark-bg, 7.5%) !default;\n\n$table-striped-order: odd !default;\n\n$table-caption-color: $text-muted !default;\n\n$table-bg-level: -9 !default;\n$table-border-level: -6 !default;\n\n\n// Buttons + Forms\n//\n// Shared variables that are reassigned to `$input-` and `$btn-` specific variables.\n\n$input-btn-padding-y: .375rem !default;\n$input-btn-padding-x: .75rem !default;\n$input-btn-font-family: null !default;\n$input-btn-font-size: $font-size-base !default;\n$input-btn-line-height: $line-height-base !default;\n\n$input-btn-focus-width: .2rem !default;\n$input-btn-focus-color: rgba($component-active-bg, .25) !default;\n$input-btn-focus-box-shadow: 0 0 0 $input-btn-focus-width $input-btn-focus-color !default;\n\n$input-btn-padding-y-sm: .25rem !default;\n$input-btn-padding-x-sm: .5rem !default;\n$input-btn-font-size-sm: $font-size-sm !default;\n$input-btn-line-height-sm: $line-height-sm !default;\n\n$input-btn-padding-y-lg: .5rem !default;\n$input-btn-padding-x-lg: 1rem !default;\n$input-btn-font-size-lg: $font-size-lg !default;\n$input-btn-line-height-lg: $line-height-lg !default;\n\n$input-btn-border-width: $border-width !default;\n\n\n// Buttons\n//\n// For each of Bootstrap's buttons, define text, background, and border color.\n\n$btn-padding-y: $input-btn-padding-y !default;\n$btn-padding-x: $input-btn-padding-x !default;\n$btn-font-family: $input-btn-font-family !default;\n$btn-font-size: $input-btn-font-size !default;\n$btn-line-height: $input-btn-line-height !default;\n$btn-white-space: null !default; // Set to `nowrap` to prevent text wrapping\n\n$btn-padding-y-sm: $input-btn-padding-y-sm !default;\n$btn-padding-x-sm: $input-btn-padding-x-sm !default;\n$btn-font-size-sm: $input-btn-font-size-sm !default;\n$btn-line-height-sm: $input-btn-line-height-sm !default;\n\n$btn-padding-y-lg: $input-btn-padding-y-lg !default;\n$btn-padding-x-lg: $input-btn-padding-x-lg !default;\n$btn-font-size-lg: $input-btn-font-size-lg !default;\n$btn-line-height-lg: $input-btn-line-height-lg !default;\n\n$btn-border-width: $input-btn-border-width !default;\n\n$btn-font-weight: $font-weight-normal !default;\n$btn-box-shadow: inset 0 1px 0 rgba($white, .15), 0 1px 1px rgba($black, .075) !default;\n$btn-focus-width: $input-btn-focus-width !default;\n$btn-focus-box-shadow: $input-btn-focus-box-shadow !default;\n$btn-disabled-opacity: .65 !default;\n$btn-active-box-shadow: inset 0 3px 5px rgba($black, .125) !default;\n\n$btn-link-disabled-color: $gray-600 !default;\n\n$btn-block-spacing-y: .5rem !default;\n\n// Allows for customizing button radius independently from global border radius\n$btn-border-radius: $border-radius !default;\n$btn-border-radius-lg: $border-radius-lg !default;\n$btn-border-radius-sm: $border-radius-sm !default;\n\n$btn-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n\n// Forms\n\n$label-margin-bottom: .5rem !default;\n\n$input-padding-y: $input-btn-padding-y !default;\n$input-padding-x: $input-btn-padding-x !default;\n$input-font-family: $input-btn-font-family !default;\n$input-font-size: $input-btn-font-size !default;\n$input-font-weight: $font-weight-base !default;\n$input-line-height: $input-btn-line-height !default;\n\n$input-padding-y-sm: $input-btn-padding-y-sm !default;\n$input-padding-x-sm: $input-btn-padding-x-sm !default;\n$input-font-size-sm: $input-btn-font-size-sm !default;\n$input-line-height-sm: $input-btn-line-height-sm !default;\n\n$input-padding-y-lg: $input-btn-padding-y-lg !default;\n$input-padding-x-lg: $input-btn-padding-x-lg !default;\n$input-font-size-lg: $input-btn-font-size-lg !default;\n$input-line-height-lg: $input-btn-line-height-lg !default;\n\n$input-bg: $white !default;\n$input-disabled-bg: $gray-200 !default;\n\n$input-color: $gray-700 !default;\n$input-border-color: $gray-400 !default;\n$input-border-width: $input-btn-border-width !default;\n$input-box-shadow: inset 0 1px 1px rgba($black, .075) !default;\n\n$input-border-radius: $border-radius !default;\n$input-border-radius-lg: $border-radius-lg !default;\n$input-border-radius-sm: $border-radius-sm !default;\n\n$input-focus-bg: $input-bg !default;\n$input-focus-border-color: lighten($component-active-bg, 25%) !default;\n$input-focus-color: $input-color !default;\n$input-focus-width: $input-btn-focus-width !default;\n$input-focus-box-shadow: $input-btn-focus-box-shadow !default;\n\n$input-placeholder-color: $gray-600 !default;\n$input-plaintext-color: $body-color !default;\n\n$input-height-border: $input-border-width * 2 !default;\n\n$input-height-inner: add($input-line-height * 1em, $input-padding-y * 2) !default;\n$input-height-inner-half: add($input-line-height * .5em, $input-padding-y) !default;\n$input-height-inner-quarter: add($input-line-height * .25em, $input-padding-y / 2) !default;\n\n$input-height: add($input-line-height * 1em, add($input-padding-y * 2, $input-height-border, false)) !default;\n$input-height-sm: add($input-line-height-sm * 1em, add($input-padding-y-sm * 2, $input-height-border, false)) !default;\n$input-height-lg: add($input-line-height-lg * 1em, add($input-padding-y-lg * 2, $input-height-border, false)) !default;\n\n$input-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$form-text-margin-top: .25rem !default;\n\n$form-check-input-gutter: 1.25rem !default;\n$form-check-input-margin-y: .3rem !default;\n$form-check-input-margin-x: .25rem !default;\n\n$form-check-inline-margin-x: .75rem !default;\n$form-check-inline-input-margin-x: .3125rem !default;\n\n$form-grid-gutter-width: 10px !default;\n$form-group-margin-bottom: 1rem !default;\n\n$input-group-addon-color: $input-color !default;\n$input-group-addon-bg: $gray-200 !default;\n$input-group-addon-border-color: $input-border-color !default;\n\n$custom-forms-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$custom-control-gutter: .5rem !default;\n$custom-control-spacer-x: 1rem !default;\n$custom-control-cursor: null !default;\n\n$custom-control-indicator-size: 1rem !default;\n$custom-control-indicator-bg: $input-bg !default;\n\n$custom-control-indicator-bg-size: 50% 50% !default;\n$custom-control-indicator-box-shadow: $input-box-shadow !default;\n$custom-control-indicator-border-color: $gray-500 !default;\n$custom-control-indicator-border-width: $input-border-width !default;\n\n$custom-control-label-color: null !default;\n\n$custom-control-indicator-disabled-bg: $input-disabled-bg !default;\n$custom-control-label-disabled-color: $gray-600 !default;\n\n$custom-control-indicator-checked-color: $component-active-color !default;\n$custom-control-indicator-checked-bg: $component-active-bg !default;\n$custom-control-indicator-checked-disabled-bg: rgba(theme-color(\"primary\"), .5) !default;\n$custom-control-indicator-checked-box-shadow: none !default;\n$custom-control-indicator-checked-border-color: $custom-control-indicator-checked-bg !default;\n\n$custom-control-indicator-focus-box-shadow: $input-focus-box-shadow !default;\n$custom-control-indicator-focus-border-color: $input-focus-border-color !default;\n\n$custom-control-indicator-active-color: $component-active-color !default;\n$custom-control-indicator-active-bg: lighten($component-active-bg, 35%) !default;\n$custom-control-indicator-active-box-shadow: none !default;\n$custom-control-indicator-active-border-color: $custom-control-indicator-active-bg !default;\n\n$custom-checkbox-indicator-border-radius: $border-radius !default;\n$custom-checkbox-indicator-icon-checked: url(\"data:image/svg+xml,\") !default;\n\n$custom-checkbox-indicator-indeterminate-bg: $component-active-bg !default;\n$custom-checkbox-indicator-indeterminate-color: $custom-control-indicator-checked-color !default;\n$custom-checkbox-indicator-icon-indeterminate: url(\"data:image/svg+xml,\") !default;\n$custom-checkbox-indicator-indeterminate-box-shadow: none !default;\n$custom-checkbox-indicator-indeterminate-border-color: $custom-checkbox-indicator-indeterminate-bg !default;\n\n$custom-radio-indicator-border-radius: 50% !default;\n$custom-radio-indicator-icon-checked: url(\"data:image/svg+xml,\") !default;\n\n$custom-switch-width: $custom-control-indicator-size * 1.75 !default;\n$custom-switch-indicator-border-radius: $custom-control-indicator-size / 2 !default;\n$custom-switch-indicator-size: subtract($custom-control-indicator-size, $custom-control-indicator-border-width * 4) !default;\n\n$custom-select-padding-y: $input-padding-y !default;\n$custom-select-padding-x: $input-padding-x !default;\n$custom-select-font-family: $input-font-family !default;\n$custom-select-font-size: $input-font-size !default;\n$custom-select-height: $input-height !default;\n$custom-select-indicator-padding: 1rem !default; // Extra padding to account for the presence of the background-image based indicator\n$custom-select-font-weight: $input-font-weight !default;\n$custom-select-line-height: $input-line-height !default;\n$custom-select-color: $input-color !default;\n$custom-select-disabled-color: $gray-600 !default;\n$custom-select-bg: $input-bg !default;\n$custom-select-disabled-bg: $gray-200 !default;\n$custom-select-bg-size: 8px 10px !default; // In pixels because image dimensions\n$custom-select-indicator-color: $gray-800 !default;\n$custom-select-indicator: url(\"data:image/svg+xml,\") !default;\n$custom-select-background: escape-svg($custom-select-indicator) no-repeat right $custom-select-padding-x center / $custom-select-bg-size !default; // Used so we can have multiple background elements (e.g., arrow and feedback icon)\n\n$custom-select-feedback-icon-padding-right: add(1em * .75, (2 * $custom-select-padding-y * .75) + $custom-select-padding-x + $custom-select-indicator-padding) !default;\n$custom-select-feedback-icon-position: center right ($custom-select-padding-x + $custom-select-indicator-padding) !default;\n$custom-select-feedback-icon-size: $input-height-inner-half $input-height-inner-half !default;\n\n$custom-select-border-width: $input-border-width !default;\n$custom-select-border-color: $input-border-color !default;\n$custom-select-border-radius: $border-radius !default;\n$custom-select-box-shadow: inset 0 1px 2px rgba($black, .075) !default;\n\n$custom-select-focus-border-color: $input-focus-border-color !default;\n$custom-select-focus-width: $input-focus-width !default;\n$custom-select-focus-box-shadow: 0 0 0 $custom-select-focus-width $input-btn-focus-color !default;\n\n$custom-select-padding-y-sm: $input-padding-y-sm !default;\n$custom-select-padding-x-sm: $input-padding-x-sm !default;\n$custom-select-font-size-sm: $input-font-size-sm !default;\n$custom-select-height-sm: $input-height-sm !default;\n\n$custom-select-padding-y-lg: $input-padding-y-lg !default;\n$custom-select-padding-x-lg: $input-padding-x-lg !default;\n$custom-select-font-size-lg: $input-font-size-lg !default;\n$custom-select-height-lg: $input-height-lg !default;\n\n$custom-range-track-width: 100% !default;\n$custom-range-track-height: .5rem !default;\n$custom-range-track-cursor: pointer !default;\n$custom-range-track-bg: $gray-300 !default;\n$custom-range-track-border-radius: 1rem !default;\n$custom-range-track-box-shadow: inset 0 .25rem .25rem rgba($black, .1) !default;\n\n$custom-range-thumb-width: 1rem !default;\n$custom-range-thumb-height: $custom-range-thumb-width !default;\n$custom-range-thumb-bg: $component-active-bg !default;\n$custom-range-thumb-border: 0 !default;\n$custom-range-thumb-border-radius: 1rem !default;\n$custom-range-thumb-box-shadow: 0 .1rem .25rem rgba($black, .1) !default;\n$custom-range-thumb-focus-box-shadow: 0 0 0 1px $body-bg, $input-focus-box-shadow !default;\n$custom-range-thumb-focus-box-shadow-width: $input-focus-width !default; // For focus box shadow issue in IE/Edge\n$custom-range-thumb-active-bg: lighten($component-active-bg, 35%) !default;\n$custom-range-thumb-disabled-bg: $gray-500 !default;\n\n$custom-file-height: $input-height !default;\n$custom-file-height-inner: $input-height-inner !default;\n$custom-file-focus-border-color: $input-focus-border-color !default;\n$custom-file-focus-box-shadow: $input-focus-box-shadow !default;\n$custom-file-disabled-bg: $input-disabled-bg !default;\n\n$custom-file-padding-y: $input-padding-y !default;\n$custom-file-padding-x: $input-padding-x !default;\n$custom-file-line-height: $input-line-height !default;\n$custom-file-font-family: $input-font-family !default;\n$custom-file-font-weight: $input-font-weight !default;\n$custom-file-color: $input-color !default;\n$custom-file-bg: $input-bg !default;\n$custom-file-border-width: $input-border-width !default;\n$custom-file-border-color: $input-border-color !default;\n$custom-file-border-radius: $input-border-radius !default;\n$custom-file-box-shadow: $input-box-shadow !default;\n$custom-file-button-color: $custom-file-color !default;\n$custom-file-button-bg: $input-group-addon-bg !default;\n$custom-file-text: (\n en: \"Browse\"\n) !default;\n\n\n// Form validation\n\n$form-feedback-margin-top: $form-text-margin-top !default;\n$form-feedback-font-size: $small-font-size !default;\n$form-feedback-valid-color: theme-color(\"success\") !default;\n$form-feedback-invalid-color: theme-color(\"danger\") !default;\n\n$form-feedback-icon-valid-color: $form-feedback-valid-color !default;\n$form-feedback-icon-valid: url(\"data:image/svg+xml,\") !default;\n$form-feedback-icon-invalid-color: $form-feedback-invalid-color !default;\n$form-feedback-icon-invalid: url(\"data:image/svg+xml,\") !default;\n\n$form-validation-states: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$form-validation-states: map-merge(\n (\n \"valid\": (\n \"color\": $form-feedback-valid-color,\n \"icon\": $form-feedback-icon-valid\n ),\n \"invalid\": (\n \"color\": $form-feedback-invalid-color,\n \"icon\": $form-feedback-icon-invalid\n ),\n ),\n $form-validation-states\n);\n\n// Z-index master list\n//\n// Warning: Avoid customizing these values. They're used for a bird's eye view\n// of components dependent on the z-axis and are designed to all work together.\n\n$zindex-dropdown: 1000 !default;\n$zindex-sticky: 1020 !default;\n$zindex-fixed: 1030 !default;\n$zindex-modal-backdrop: 1040 !default;\n$zindex-modal: 1050 !default;\n$zindex-popover: 1060 !default;\n$zindex-tooltip: 1070 !default;\n\n\n// Navs\n\n$nav-link-padding-y: .5rem !default;\n$nav-link-padding-x: 1rem !default;\n$nav-link-disabled-color: $gray-600 !default;\n\n$nav-tabs-border-color: $gray-300 !default;\n$nav-tabs-border-width: $border-width !default;\n$nav-tabs-border-radius: $border-radius !default;\n$nav-tabs-link-hover-border-color: $gray-200 $gray-200 $nav-tabs-border-color !default;\n$nav-tabs-link-active-color: $gray-700 !default;\n$nav-tabs-link-active-bg: $body-bg !default;\n$nav-tabs-link-active-border-color: $gray-300 $gray-300 $nav-tabs-link-active-bg !default;\n\n$nav-pills-border-radius: $border-radius !default;\n$nav-pills-link-active-color: $component-active-color !default;\n$nav-pills-link-active-bg: $component-active-bg !default;\n\n$nav-divider-color: $gray-200 !default;\n$nav-divider-margin-y: $spacer / 2 !default;\n\n\n// Navbar\n\n$navbar-padding-y: $spacer / 2 !default;\n$navbar-padding-x: $spacer !default;\n\n$navbar-nav-link-padding-x: .5rem !default;\n\n$navbar-brand-font-size: $font-size-lg !default;\n// Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link\n$nav-link-height: $font-size-base * $line-height-base + $nav-link-padding-y * 2 !default;\n$navbar-brand-height: $navbar-brand-font-size * $line-height-base !default;\n$navbar-brand-padding-y: ($nav-link-height - $navbar-brand-height) / 2 !default;\n\n$navbar-toggler-padding-y: .25rem !default;\n$navbar-toggler-padding-x: .75rem !default;\n$navbar-toggler-font-size: $font-size-lg !default;\n$navbar-toggler-border-radius: $btn-border-radius !default;\n\n$navbar-dark-color: rgba($white, .5) !default;\n$navbar-dark-hover-color: rgba($white, .75) !default;\n$navbar-dark-active-color: $white !default;\n$navbar-dark-disabled-color: rgba($white, .25) !default;\n$navbar-dark-toggler-icon-bg: url(\"data:image/svg+xml,\") !default;\n$navbar-dark-toggler-border-color: rgba($white, .1) !default;\n\n$navbar-light-color: rgba($black, .5) !default;\n$navbar-light-hover-color: rgba($black, .7) !default;\n$navbar-light-active-color: rgba($black, .9) !default;\n$navbar-light-disabled-color: rgba($black, .3) !default;\n$navbar-light-toggler-icon-bg: url(\"data:image/svg+xml,\") !default;\n$navbar-light-toggler-border-color: rgba($black, .1) !default;\n\n$navbar-light-brand-color: $navbar-light-active-color !default;\n$navbar-light-brand-hover-color: $navbar-light-active-color !default;\n$navbar-dark-brand-color: $navbar-dark-active-color !default;\n$navbar-dark-brand-hover-color: $navbar-dark-active-color !default;\n\n\n// Dropdowns\n//\n// Dropdown menu container and contents.\n\n$dropdown-min-width: 10rem !default;\n$dropdown-padding-y: .5rem !default;\n$dropdown-spacer: .125rem !default;\n$dropdown-font-size: $font-size-base !default;\n$dropdown-color: $body-color !default;\n$dropdown-bg: $white !default;\n$dropdown-border-color: rgba($black, .15) !default;\n$dropdown-border-radius: $border-radius !default;\n$dropdown-border-width: $border-width !default;\n$dropdown-inner-border-radius: subtract($dropdown-border-radius, $dropdown-border-width) !default;\n$dropdown-divider-bg: $gray-200 !default;\n$dropdown-divider-margin-y: $nav-divider-margin-y !default;\n$dropdown-box-shadow: 0 .5rem 1rem rgba($black, .175) !default;\n\n$dropdown-link-color: $gray-900 !default;\n$dropdown-link-hover-color: darken($gray-900, 5%) !default;\n$dropdown-link-hover-bg: $gray-100 !default;\n\n$dropdown-link-active-color: $component-active-color !default;\n$dropdown-link-active-bg: $component-active-bg !default;\n\n$dropdown-link-disabled-color: $gray-600 !default;\n\n$dropdown-item-padding-y: .25rem !default;\n$dropdown-item-padding-x: 1.5rem !default;\n\n$dropdown-header-color: $gray-600 !default;\n\n\n// Pagination\n\n$pagination-padding-y: .5rem !default;\n$pagination-padding-x: .75rem !default;\n$pagination-padding-y-sm: .25rem !default;\n$pagination-padding-x-sm: .5rem !default;\n$pagination-padding-y-lg: .75rem !default;\n$pagination-padding-x-lg: 1.5rem !default;\n$pagination-line-height: 1.25 !default;\n\n$pagination-color: $link-color !default;\n$pagination-bg: $white !default;\n$pagination-border-width: $border-width !default;\n$pagination-border-color: $gray-300 !default;\n\n$pagination-focus-box-shadow: $input-btn-focus-box-shadow !default;\n$pagination-focus-outline: 0 !default;\n\n$pagination-hover-color: $link-hover-color !default;\n$pagination-hover-bg: $gray-200 !default;\n$pagination-hover-border-color: $gray-300 !default;\n\n$pagination-active-color: $component-active-color !default;\n$pagination-active-bg: $component-active-bg !default;\n$pagination-active-border-color: $pagination-active-bg !default;\n\n$pagination-disabled-color: $gray-600 !default;\n$pagination-disabled-bg: $white !default;\n$pagination-disabled-border-color: $gray-300 !default;\n\n\n// Jumbotron\n\n$jumbotron-padding: 2rem !default;\n$jumbotron-color: null !default;\n$jumbotron-bg: $gray-200 !default;\n\n\n// Cards\n\n$card-spacer-y: .75rem !default;\n$card-spacer-x: 1.25rem !default;\n$card-border-width: $border-width !default;\n$card-border-radius: $border-radius !default;\n$card-border-color: rgba($black, .125) !default;\n$card-inner-border-radius: subtract($card-border-radius, $card-border-width) !default;\n$card-cap-bg: rgba($black, .03) !default;\n$card-cap-color: null !default;\n$card-height: null !default;\n$card-color: null !default;\n$card-bg: $white !default;\n\n$card-img-overlay-padding: 1.25rem !default;\n\n$card-group-margin: $grid-gutter-width / 2 !default;\n$card-deck-margin: $card-group-margin !default;\n\n$card-columns-count: 3 !default;\n$card-columns-gap: 1.25rem !default;\n$card-columns-margin: $card-spacer-y !default;\n\n\n// Tooltips\n\n$tooltip-font-size: $font-size-sm !default;\n$tooltip-max-width: 200px !default;\n$tooltip-color: $white !default;\n$tooltip-bg: $black !default;\n$tooltip-border-radius: $border-radius !default;\n$tooltip-opacity: .9 !default;\n$tooltip-padding-y: .25rem !default;\n$tooltip-padding-x: .5rem !default;\n$tooltip-margin: 0 !default;\n\n$tooltip-arrow-width: .8rem !default;\n$tooltip-arrow-height: .4rem !default;\n$tooltip-arrow-color: $tooltip-bg !default;\n\n// Form tooltips must come after regular tooltips\n$form-feedback-tooltip-padding-y: $tooltip-padding-y !default;\n$form-feedback-tooltip-padding-x: $tooltip-padding-x !default;\n$form-feedback-tooltip-font-size: $tooltip-font-size !default;\n$form-feedback-tooltip-line-height: $line-height-base !default;\n$form-feedback-tooltip-opacity: $tooltip-opacity !default;\n$form-feedback-tooltip-border-radius: $tooltip-border-radius !default;\n\n\n// Popovers\n\n$popover-font-size: $font-size-sm !default;\n$popover-bg: $white !default;\n$popover-max-width: 276px !default;\n$popover-border-width: $border-width !default;\n$popover-border-color: rgba($black, .2) !default;\n$popover-border-radius: $border-radius-lg !default;\n$popover-inner-border-radius: subtract($popover-border-radius, $popover-border-width) !default;\n$popover-box-shadow: 0 .25rem .5rem rgba($black, .2) !default;\n\n$popover-header-bg: darken($popover-bg, 3%) !default;\n$popover-header-color: $headings-color !default;\n$popover-header-padding-y: .5rem !default;\n$popover-header-padding-x: .75rem !default;\n\n$popover-body-color: $body-color !default;\n$popover-body-padding-y: $popover-header-padding-y !default;\n$popover-body-padding-x: $popover-header-padding-x !default;\n\n$popover-arrow-width: 1rem !default;\n$popover-arrow-height: .5rem !default;\n$popover-arrow-color: $popover-bg !default;\n\n$popover-arrow-outer-color: fade-in($popover-border-color, .05) !default;\n\n\n// Toasts\n\n$toast-max-width: 350px !default;\n$toast-padding-x: .75rem !default;\n$toast-padding-y: .25rem !default;\n$toast-font-size: .875rem !default;\n$toast-color: null !default;\n$toast-background-color: rgba($white, .85) !default;\n$toast-border-width: 1px !default;\n$toast-border-color: rgba(0, 0, 0, .1) !default;\n$toast-border-radius: .25rem !default;\n$toast-box-shadow: 0 .25rem .75rem rgba($black, .1) !default;\n\n$toast-header-color: $gray-600 !default;\n$toast-header-background-color: rgba($white, .85) !default;\n$toast-header-border-color: rgba(0, 0, 0, .05) !default;\n\n\n// Badges\n\n$badge-font-size: 75% !default;\n$badge-font-weight: $font-weight-bold !default;\n$badge-padding-y: .25em !default;\n$badge-padding-x: .4em !default;\n$badge-border-radius: $border-radius !default;\n\n$badge-transition: $btn-transition !default;\n$badge-focus-width: $input-btn-focus-width !default;\n\n$badge-pill-padding-x: .6em !default;\n// Use a higher than normal value to ensure completely rounded edges when\n// customizing padding or font-size on labels.\n$badge-pill-border-radius: 10rem !default;\n\n\n// Modals\n\n// Padding applied to the modal body\n$modal-inner-padding: 1rem !default;\n\n// Margin between elements in footer, must be lower than or equal to 2 * $modal-inner-padding\n$modal-footer-margin-between: .5rem !default;\n\n$modal-dialog-margin: .5rem !default;\n$modal-dialog-margin-y-sm-up: 1.75rem !default;\n\n$modal-title-line-height: $line-height-base !default;\n\n$modal-content-color: null !default;\n$modal-content-bg: $white !default;\n$modal-content-border-color: rgba($black, .2) !default;\n$modal-content-border-width: $border-width !default;\n$modal-content-border-radius: $border-radius-lg !default;\n$modal-content-inner-border-radius: subtract($modal-content-border-radius, $modal-content-border-width) !default;\n$modal-content-box-shadow-xs: 0 .25rem .5rem rgba($black, .5) !default;\n$modal-content-box-shadow-sm-up: 0 .5rem 1rem rgba($black, .5) !default;\n\n$modal-backdrop-bg: $black !default;\n$modal-backdrop-opacity: .5 !default;\n$modal-header-border-color: $border-color !default;\n$modal-footer-border-color: $modal-header-border-color !default;\n$modal-header-border-width: $modal-content-border-width !default;\n$modal-footer-border-width: $modal-header-border-width !default;\n$modal-header-padding-y: 1rem !default;\n$modal-header-padding-x: 1rem !default;\n$modal-header-padding: $modal-header-padding-y $modal-header-padding-x !default; // Keep this for backwards compatibility\n\n$modal-xl: 1140px !default;\n$modal-lg: 800px !default;\n$modal-md: 500px !default;\n$modal-sm: 300px !default;\n\n$modal-fade-transform: translate(0, -50px) !default;\n$modal-show-transform: none !default;\n$modal-transition: transform .3s ease-out !default;\n$modal-scale-transform: scale(1.02) !default;\n\n\n// Alerts\n//\n// Define alert colors, border radius, and padding.\n\n$alert-padding-y: .75rem !default;\n$alert-padding-x: 1.25rem !default;\n$alert-margin-bottom: 1rem !default;\n$alert-border-radius: $border-radius !default;\n$alert-link-font-weight: $font-weight-bold !default;\n$alert-border-width: $border-width !default;\n\n$alert-bg-level: -10 !default;\n$alert-border-level: -9 !default;\n$alert-color-level: 6 !default;\n\n\n// Progress bars\n\n$progress-height: 1rem !default;\n$progress-font-size: $font-size-base * .75 !default;\n$progress-bg: $gray-200 !default;\n$progress-border-radius: $border-radius !default;\n$progress-box-shadow: inset 0 .1rem .1rem rgba($black, .1) !default;\n$progress-bar-color: $white !default;\n$progress-bar-bg: theme-color(\"primary\") !default;\n$progress-bar-animation-timing: 1s linear infinite !default;\n$progress-bar-transition: width .6s ease !default;\n\n\n// List group\n\n$list-group-color: null !default;\n$list-group-bg: $white !default;\n$list-group-border-color: rgba($black, .125) !default;\n$list-group-border-width: $border-width !default;\n$list-group-border-radius: $border-radius !default;\n\n$list-group-item-padding-y: .75rem !default;\n$list-group-item-padding-x: 1.25rem !default;\n\n$list-group-hover-bg: $gray-100 !default;\n$list-group-active-color: $component-active-color !default;\n$list-group-active-bg: $component-active-bg !default;\n$list-group-active-border-color: $list-group-active-bg !default;\n\n$list-group-disabled-color: $gray-600 !default;\n$list-group-disabled-bg: $list-group-bg !default;\n\n$list-group-action-color: $gray-700 !default;\n$list-group-action-hover-color: $list-group-action-color !default;\n\n$list-group-action-active-color: $body-color !default;\n$list-group-action-active-bg: $gray-200 !default;\n\n\n// Image thumbnails\n\n$thumbnail-padding: .25rem !default;\n$thumbnail-bg: $body-bg !default;\n$thumbnail-border-width: $border-width !default;\n$thumbnail-border-color: $gray-300 !default;\n$thumbnail-border-radius: $border-radius !default;\n$thumbnail-box-shadow: 0 1px 2px rgba($black, .075) !default;\n\n\n// Figures\n\n$figure-caption-font-size: 90% !default;\n$figure-caption-color: $gray-600 !default;\n\n\n// Breadcrumbs\n\n$breadcrumb-font-size: null !default;\n\n$breadcrumb-padding-y: .75rem !default;\n$breadcrumb-padding-x: 1rem !default;\n$breadcrumb-item-padding: .5rem !default;\n\n$breadcrumb-margin-bottom: 1rem !default;\n\n$breadcrumb-bg: $gray-200 !default;\n$breadcrumb-divider-color: $gray-600 !default;\n$breadcrumb-active-color: $gray-600 !default;\n$breadcrumb-divider: quote(\"/\") !default;\n\n$breadcrumb-border-radius: $border-radius !default;\n\n\n// Carousel\n\n$carousel-control-color: $white !default;\n$carousel-control-width: 15% !default;\n$carousel-control-opacity: .5 !default;\n$carousel-control-hover-opacity: .9 !default;\n$carousel-control-transition: opacity .15s ease !default;\n\n$carousel-indicator-width: 30px !default;\n$carousel-indicator-height: 3px !default;\n$carousel-indicator-hit-area-height: 10px !default;\n$carousel-indicator-spacer: 3px !default;\n$carousel-indicator-active-bg: $white !default;\n$carousel-indicator-transition: opacity .6s ease !default;\n\n$carousel-caption-width: 70% !default;\n$carousel-caption-color: $white !default;\n\n$carousel-control-icon-width: 20px !default;\n\n$carousel-control-prev-icon-bg: url(\"data:image/svg+xml,\") !default;\n$carousel-control-next-icon-bg: url(\"data:image/svg+xml,\") !default;\n\n$carousel-transition-duration: .6s !default;\n$carousel-transition: transform $carousel-transition-duration ease-in-out !default; // Define transform transition first if using multiple transitions (e.g., `transform 2s ease, opacity .5s ease-out`)\n\n\n// Spinners\n\n$spinner-width: 2rem !default;\n$spinner-height: $spinner-width !default;\n$spinner-border-width: .25em !default;\n\n$spinner-width-sm: 1rem !default;\n$spinner-height-sm: $spinner-width-sm !default;\n$spinner-border-width-sm: .2em !default;\n\n\n// Close\n\n$close-font-size: $font-size-base * 1.5 !default;\n$close-font-weight: $font-weight-bold !default;\n$close-color: $black !default;\n$close-text-shadow: 0 1px 0 $white !default;\n\n\n// Code\n\n$code-font-size: 87.5% !default;\n$code-color: $pink !default;\n\n$kbd-padding-y: .2rem !default;\n$kbd-padding-x: .4rem !default;\n$kbd-font-size: $code-font-size !default;\n$kbd-color: $white !default;\n$kbd-bg: $gray-900 !default;\n\n$pre-color: $gray-900 !default;\n$pre-scrollable-max-height: 340px !default;\n\n\n// Utilities\n\n$displays: none, inline, inline-block, block, table, table-row, table-cell, flex, inline-flex !default;\n$overflows: auto, hidden !default;\n$positions: static, relative, absolute, fixed, sticky !default;\n\n\n// Printing\n\n$print-page-size: a3 !default;\n$print-body-min-width: map-get($grid-breakpoints, \"lg\") !default;\n", + "// Toggles\n//\n// Used in conjunction with global variables to enable certain theme features.\n\n// Vendor\n@import \"vendor/rfs\";\n\n// Deprecate\n@import \"mixins/deprecate\";\n\n// Utilities\n@import \"mixins/breakpoints\";\n@import \"mixins/hover\";\n@import \"mixins/image\";\n@import \"mixins/badge\";\n@import \"mixins/resize\";\n@import \"mixins/screen-reader\";\n@import \"mixins/size\";\n@import \"mixins/reset-text\";\n@import \"mixins/text-emphasis\";\n@import \"mixins/text-hide\";\n@import \"mixins/text-truncate\";\n@import \"mixins/visibility\";\n\n// Components\n@import \"mixins/alert\";\n@import \"mixins/buttons\";\n@import \"mixins/caret\";\n@import \"mixins/pagination\";\n@import \"mixins/lists\";\n@import \"mixins/list-group\";\n@import \"mixins/nav-divider\";\n@import \"mixins/forms\";\n@import \"mixins/table-row\";\n\n// Skins\n@import \"mixins/background-variant\";\n@import \"mixins/border-radius\";\n@import \"mixins/box-shadow\";\n@import \"mixins/gradients\";\n@import \"mixins/transition\";\n\n// Layout\n@import \"mixins/clearfix\";\n@import \"mixins/grid-framework\";\n@import \"mixins/grid\";\n@import \"mixins/float\";\n", "// stylelint-disable property-blacklist, scss/dollar-variable-default\n\n// SCSS RFS mixin\n//\n// Automated font-resizing\n//\n// See https://github.com/twbs/rfs\n\n// Configuration\n\n// Base font size\n$rfs-base-font-size: 1.25rem !default;\n$rfs-font-size-unit: rem !default;\n\n// Breakpoint at where font-size starts decreasing if screen width is smaller\n$rfs-breakpoint: 1200px !default;\n$rfs-breakpoint-unit: px !default;\n\n// Resize font-size based on screen height and width\n$rfs-two-dimensional: false !default;\n\n// Factor of decrease\n$rfs-factor: 10 !default;\n\n@if type-of($rfs-factor) != \"number\" or $rfs-factor <= 1 {\n @error \"`#{$rfs-factor}` is not a valid $rfs-factor, it must be greater than 1.\";\n}\n\n// Generate enable or disable classes. Possibilities: false, \"enable\" or \"disable\"\n$rfs-class: false !default;\n\n// 1 rem = $rfs-rem-value px\n$rfs-rem-value: 16 !default;\n\n// Safari iframe resize bug: https://github.com/twbs/rfs/issues/14\n$rfs-safari-iframe-resize-bug-fix: false !default;\n\n// Disable RFS by setting $enable-responsive-font-sizes to false\n$enable-responsive-font-sizes: true !default;\n\n// Cache $rfs-base-font-size unit\n$rfs-base-font-size-unit: unit($rfs-base-font-size);\n\n// Remove px-unit from $rfs-base-font-size for calculations\n@if $rfs-base-font-size-unit == \"px\" {\n $rfs-base-font-size: $rfs-base-font-size / ($rfs-base-font-size * 0 + 1);\n}\n@else if $rfs-base-font-size-unit == \"rem\" {\n $rfs-base-font-size: $rfs-base-font-size / ($rfs-base-font-size * 0 + 1 / $rfs-rem-value);\n}\n\n// Cache $rfs-breakpoint unit to prevent multiple calls\n$rfs-breakpoint-unit-cache: unit($rfs-breakpoint);\n\n// Remove unit from $rfs-breakpoint for calculations\n@if $rfs-breakpoint-unit-cache == \"px\" {\n $rfs-breakpoint: $rfs-breakpoint / ($rfs-breakpoint * 0 + 1);\n}\n@else if $rfs-breakpoint-unit-cache == \"rem\" or $rfs-breakpoint-unit-cache == \"em\" {\n $rfs-breakpoint: $rfs-breakpoint / ($rfs-breakpoint * 0 + 1 / $rfs-rem-value);\n}\n\n// Responsive font-size mixin\n@mixin rfs($fs, $important: false) {\n // Cache $fs unit\n $fs-unit: if(type-of($fs) == \"number\", unit($fs), false);\n\n // Add !important suffix if needed\n $rfs-suffix: if($important, \" !important\", \"\");\n\n // If $fs isn't a number (like inherit) or $fs has a unit (not px or rem, like 1.5em) or $ is 0, just print the value\n @if not $fs-unit or $fs-unit != \"\" and $fs-unit != \"px\" and $fs-unit != \"rem\" or $fs == 0 {\n font-size: #{$fs}#{$rfs-suffix};\n }\n @else {\n // Variables for storing static and fluid rescaling\n $rfs-static: null;\n $rfs-fluid: null;\n\n // Remove px-unit from $fs for calculations\n @if $fs-unit == \"px\" {\n $fs: $fs / ($fs * 0 + 1);\n }\n @else if $fs-unit == \"rem\" {\n $fs: $fs / ($fs * 0 + 1 / $rfs-rem-value);\n }\n\n // Set default font-size\n @if $rfs-font-size-unit == rem {\n $rfs-static: #{$fs / $rfs-rem-value}rem#{$rfs-suffix};\n }\n @else if $rfs-font-size-unit == px {\n $rfs-static: #{$fs}px#{$rfs-suffix};\n }\n @else {\n @error \"`#{$rfs-font-size-unit}` is not a valid unit for $rfs-font-size-unit. Use `px` or `rem`.\";\n }\n\n // Only add media query if font-size is bigger as the minimum font-size\n // If $rfs-factor == 1, no rescaling will take place\n @if $fs > $rfs-base-font-size and $enable-responsive-font-sizes {\n $min-width: null;\n $variable-unit: null;\n\n // Calculate minimum font-size for given font-size\n $fs-min: $rfs-base-font-size + ($fs - $rfs-base-font-size) / $rfs-factor;\n\n // Calculate difference between given font-size and minimum font-size for given font-size\n $fs-diff: $fs - $fs-min;\n\n // Base font-size formatting\n // No need to check if the unit is valid, because we did that before\n $min-width: if($rfs-font-size-unit == rem, #{$fs-min / $rfs-rem-value}rem, #{$fs-min}px);\n\n // If two-dimensional, use smallest of screen width and height\n $variable-unit: if($rfs-two-dimensional, vmin, vw);\n\n // Calculate the variable width between 0 and $rfs-breakpoint\n $variable-width: #{$fs-diff * 100 / $rfs-breakpoint}#{$variable-unit};\n\n // Set the calculated font-size.\n $rfs-fluid: calc(#{$min-width} + #{$variable-width}) #{$rfs-suffix};\n }\n\n // Rendering\n @if $rfs-fluid == null {\n // Only render static font-size if no fluid font-size is available\n font-size: $rfs-static;\n }\n @else {\n $mq-value: null;\n\n // RFS breakpoint formatting\n @if $rfs-breakpoint-unit == em or $rfs-breakpoint-unit == rem {\n $mq-value: #{$rfs-breakpoint / $rfs-rem-value}#{$rfs-breakpoint-unit};\n }\n @else if $rfs-breakpoint-unit == px {\n $mq-value: #{$rfs-breakpoint}px;\n }\n @else {\n @error \"`#{$rfs-breakpoint-unit}` is not a valid unit for $rfs-breakpoint-unit. Use `px`, `em` or `rem`.\";\n }\n\n @if $rfs-class == \"disable\" {\n // Adding an extra class increases specificity,\n // which prevents the media query to override the font size\n &,\n .disable-responsive-font-size &,\n &.disable-responsive-font-size {\n font-size: $rfs-static;\n }\n }\n @else {\n font-size: $rfs-static;\n }\n\n @if $rfs-two-dimensional {\n @media (max-width: #{$mq-value}), (max-height: #{$mq-value}) {\n @if $rfs-class == \"enable\" {\n .enable-responsive-font-size &,\n &.enable-responsive-font-size {\n font-size: $rfs-fluid;\n }\n }\n @else {\n font-size: $rfs-fluid;\n }\n\n @if $rfs-safari-iframe-resize-bug-fix {\n // stylelint-disable-next-line length-zero-no-unit\n min-width: 0vw;\n }\n }\n }\n @else {\n @media (max-width: #{$mq-value}) {\n @if $rfs-class == \"enable\" {\n .enable-responsive-font-size &,\n &.enable-responsive-font-size {\n font-size: $rfs-fluid;\n }\n }\n @else {\n font-size: $rfs-fluid;\n }\n\n @if $rfs-safari-iframe-resize-bug-fix {\n // stylelint-disable-next-line length-zero-no-unit\n min-width: 0vw;\n }\n }\n }\n }\n }\n}\n\n// The font-size & responsive-font-size mixin uses RFS to rescale font sizes\n@mixin font-size($fs, $important: false) {\n @include rfs($fs, $important);\n}\n\n@mixin responsive-font-size($fs, $important: false) {\n @include rfs($fs, $important);\n}\n", "// Deprecate mixin\n//\n// This mixin can be used to deprecate mixins or functions.\n// `$enable-deprecation-messages` is a global variable, `$ignore-warning` is a variable that can be passed to\n// some deprecated mixins to suppress the warning (for example if the mixin is still be used in the current version of Bootstrap)\n@mixin deprecate($name, $deprecate-version, $remove-version, $ignore-warning: false) {\n @if ($enable-deprecation-messages != false and $ignore-warning != true) {\n @warn \"#{$name} has been deprecated as of #{$deprecate-version}. It will be removed entirely in #{$remove-version}.\";\n }\n}\n", "// Breakpoint viewport sizes and media queries.\n//\n// Breakpoints are defined as a map of (name: minimum width), order from small to large:\n//\n// (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px)\n//\n// The map defined in the `$grid-breakpoints` global variable is used as the `$breakpoints` argument by default.\n\n// Name of the next breakpoint, or null for the last breakpoint.\n//\n// >> breakpoint-next(sm)\n// md\n// >> breakpoint-next(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// md\n// >> breakpoint-next(sm, $breakpoint-names: (xs sm md lg xl))\n// md\n@function breakpoint-next($name, $breakpoints: $grid-breakpoints, $breakpoint-names: map-keys($breakpoints)) {\n $n: index($breakpoint-names, $name);\n @return if($n != null and $n < length($breakpoint-names), nth($breakpoint-names, $n + 1), null);\n}\n\n// Minimum breakpoint width. Null for the smallest (first) breakpoint.\n//\n// >> breakpoint-min(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// 576px\n@function breakpoint-min($name, $breakpoints: $grid-breakpoints) {\n $min: map-get($breakpoints, $name);\n @return if($min != 0, $min, null);\n}\n\n// Maximum breakpoint width. Null for the largest (last) breakpoint.\n// The maximum value is calculated as the minimum of the next one less 0.02px\n// to work around the limitations of `min-` and `max-` prefixes and viewports with fractional widths.\n// See https://www.w3.org/TR/mediaqueries-4/#mq-min-max\n// Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.\n// See https://bugs.webkit.org/show_bug.cgi?id=178261\n//\n// >> breakpoint-max(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// 767.98px\n@function breakpoint-max($name, $breakpoints: $grid-breakpoints) {\n $next: breakpoint-next($name, $breakpoints);\n @return if($next, breakpoint-min($next, $breakpoints) - .02, null);\n}\n\n// Returns a blank string if smallest breakpoint, otherwise returns the name with a dash in front.\n// Useful for making responsive utilities.\n//\n// >> breakpoint-infix(xs, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// \"\" (Returns a blank string)\n// >> breakpoint-infix(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// \"-sm\"\n@function breakpoint-infix($name, $breakpoints: $grid-breakpoints) {\n @return if(breakpoint-min($name, $breakpoints) == null, \"\", \"-#{$name}\");\n}\n\n// Media of at least the minimum breakpoint width. No query for the smallest breakpoint.\n// Makes the @content apply to the given breakpoint and wider.\n@mixin media-breakpoint-up($name, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($name, $breakpoints);\n @if $min {\n @media (min-width: $min) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n// Media of at most the maximum breakpoint width. No query for the largest breakpoint.\n// Makes the @content apply to the given breakpoint and narrower.\n@mixin media-breakpoint-down($name, $breakpoints: $grid-breakpoints) {\n $max: breakpoint-max($name, $breakpoints);\n @if $max {\n @media (max-width: $max) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n// Media that spans multiple breakpoint widths.\n// Makes the @content apply between the min and max breakpoints\n@mixin media-breakpoint-between($lower, $upper, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($lower, $breakpoints);\n $max: breakpoint-max($upper, $breakpoints);\n\n @if $min != null and $max != null {\n @media (min-width: $min) and (max-width: $max) {\n @content;\n }\n } @else if $max == null {\n @include media-breakpoint-up($lower, $breakpoints) {\n @content;\n }\n } @else if $min == null {\n @include media-breakpoint-down($upper, $breakpoints) {\n @content;\n }\n }\n}\n\n// Media between the breakpoint's minimum and maximum widths.\n// No minimum for the smallest breakpoint, and no maximum for the largest one.\n// Makes the @content apply only to the given breakpoint, not viewports any wider or narrower.\n@mixin media-breakpoint-only($name, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($name, $breakpoints);\n $max: breakpoint-max($name, $breakpoints);\n\n @if $min != null and $max != null {\n @media (min-width: $min) and (max-width: $max) {\n @content;\n }\n } @else if $max == null {\n @include media-breakpoint-up($name, $breakpoints) {\n @content;\n }\n } @else if $min == null {\n @include media-breakpoint-down($name, $breakpoints) {\n @content;\n }\n }\n}\n", - "// Hover mixin and `$enable-hover-media-query` are deprecated.\n//\n// Originally added during our alphas and maintained during betas, this mixin was\n// designed to prevent `:hover` stickiness on iOS-an issue where hover styles\n// would persist after initial touch.\n//\n// For backward compatibility, we've kept these mixins and updated them to\n// always return their regular pseudo-classes instead of a shimmed media query.\n//\n// Issue: https://github.com/twbs/bootstrap/issues/25195\n\n@mixin hover {\n &:hover { @content; }\n}\n\n@mixin hover-focus {\n &:hover,\n &:focus {\n @content;\n }\n}\n\n@mixin plain-hover-focus {\n &,\n &:hover,\n &:focus {\n @content;\n }\n}\n\n@mixin hover-focus-active {\n &:hover,\n &:focus,\n &:active {\n @content;\n }\n}\n", - "// Image Mixins\n// - Responsive image\n// - Retina image\n\n\n// Responsive image\n//\n// Keep images from scaling beyond the width of their parents.\n\n@mixin img-fluid {\n // Part 1: Set a maximum relative to the parent\n max-width: 100%;\n // Part 2: Override the height to auto, otherwise images will be stretched\n // when setting a width and height attribute on the img element.\n height: auto;\n}\n\n\n// Retina image\n//\n// Short retina mixin for setting background-image and -size.\n\n@mixin img-retina($file-1x, $file-2x, $width-1x, $height-1x) {\n background-image: url($file-1x);\n\n // Autoprefixer takes care of adding -webkit-min-device-pixel-ratio and -o-min-device-pixel-ratio,\n // but doesn't convert dppx=>dpi.\n // There's no such thing as unprefixed min-device-pixel-ratio since it's nonstandard.\n // Compatibility info: https://caniuse.com/#feat=css-media-resolution\n @media only screen and (min-resolution: 192dpi), // IE9-11 don't support dppx\n only screen and (min-resolution: 2dppx) { // Standardized\n background-image: url($file-2x);\n background-size: $width-1x $height-1x;\n }\n @include deprecate(\"`img-retina()`\", \"v4.3.0\", \"v5\");\n}\n", - "@mixin badge-variant($bg) {\n color: color-yiq($bg);\n background-color: $bg;\n\n @at-root a#{&} {\n @include hover-focus {\n color: color-yiq($bg);\n background-color: darken($bg, 10%);\n }\n\n &:focus,\n &.focus {\n outline: 0;\n box-shadow: 0 0 0 $badge-focus-width rgba($bg, .5);\n }\n }\n}\n", + "// Hover mixin and `$enable-hover-media-query` are deprecated.\n//\n// Originally added during our alphas and maintained during betas, this mixin was\n// designed to prevent `:hover` stickiness on iOS-an issue where hover styles\n// would persist after initial touch.\n//\n// For backward compatibility, we've kept these mixins and updated them to\n// always return their regular pseudo-classes instead of a shimmed media query.\n//\n// Issue: https://github.com/twbs/bootstrap/issues/25195\n\n@mixin hover() {\n &:hover { @content; }\n}\n\n@mixin hover-focus() {\n &:hover,\n &:focus {\n @content;\n }\n}\n\n@mixin plain-hover-focus() {\n &,\n &:hover,\n &:focus {\n @content;\n }\n}\n\n@mixin hover-focus-active() {\n &:hover,\n &:focus,\n &:active {\n @content;\n }\n}\n", + "// Image Mixins\n// - Responsive image\n// - Retina image\n\n\n// Responsive image\n//\n// Keep images from scaling beyond the width of their parents.\n\n@mixin img-fluid() {\n // Part 1: Set a maximum relative to the parent\n max-width: 100%;\n // Part 2: Override the height to auto, otherwise images will be stretched\n // when setting a width and height attribute on the img element.\n height: auto;\n}\n\n\n// Retina image\n//\n// Short retina mixin for setting background-image and -size.\n\n@mixin img-retina($file-1x, $file-2x, $width-1x, $height-1x) {\n background-image: url($file-1x);\n\n // Autoprefixer takes care of adding -webkit-min-device-pixel-ratio and -o-min-device-pixel-ratio,\n // but doesn't convert dppx=>dpi.\n // There's no such thing as unprefixed min-device-pixel-ratio since it's nonstandard.\n // Compatibility info: https://caniuse.com/#feat=css-media-resolution\n @media only screen and (min-resolution: 192dpi), // IE9-11 don't support dppx\n only screen and (min-resolution: 2dppx) { // Standardized\n background-image: url($file-2x);\n background-size: $width-1x $height-1x;\n }\n @include deprecate(\"`img-retina()`\", \"v4.3.0\", \"v5\");\n}\n", + "@mixin badge-variant($bg) {\n color: color-yiq($bg);\n background-color: $bg;\n\n @at-root a#{&} {\n @include hover-focus() {\n color: color-yiq($bg);\n background-color: darken($bg, 10%);\n }\n\n &:focus,\n &.focus {\n outline: 0;\n box-shadow: 0 0 0 $badge-focus-width rgba($bg, .5);\n }\n }\n}\n", "// Resize anything\n\n@mixin resizable($direction) {\n overflow: auto; // Per CSS3 UI, `resize` only applies when `overflow` isn't `visible`\n resize: $direction; // Options: horizontal, vertical, both\n}\n", - "// Only display content to screen readers\n//\n// See: https://a11yproject.com/posts/how-to-hide-content/\n// See: https://hugogiraudel.com/2016/10/13/css-hide-and-seek/\n\n@mixin sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border: 0;\n}\n\n// Use in conjunction with .sr-only to only display content when it's focused.\n//\n// Useful for \"Skip to main content\" links; see https://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1\n//\n// Credit: HTML5 Boilerplate\n\n@mixin sr-only-focusable {\n &:active,\n &:focus {\n position: static;\n width: auto;\n height: auto;\n overflow: visible;\n clip: auto;\n white-space: normal;\n }\n}\n", + "// Only display content to screen readers\n//\n// See: https://a11yproject.com/posts/how-to-hide-content/\n// See: https://hugogiraudel.com/2016/10/13/css-hide-and-seek/\n\n@mixin sr-only() {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px; // Fix for https://github.com/twbs/bootstrap/issues/25686\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border: 0;\n}\n\n// Use in conjunction with .sr-only to only display content when it's focused.\n//\n// Useful for \"Skip to main content\" links; see https://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1\n//\n// Credit: HTML5 Boilerplate\n\n@mixin sr-only-focusable() {\n &:active,\n &:focus {\n position: static;\n width: auto;\n height: auto;\n overflow: visible;\n clip: auto;\n white-space: normal;\n }\n}\n", "// Sizing shortcuts\n\n@mixin size($width, $height: $width) {\n width: $width;\n height: $height;\n @include deprecate(\"`size()`\", \"v4.3.0\", \"v5\");\n}\n", - "@mixin reset-text {\n font-family: $font-family-base;\n // We deliberately do NOT reset font-size or word-wrap.\n font-style: normal;\n font-weight: $font-weight-normal;\n line-height: $line-height-base;\n text-align: left; // Fallback for where `start` is not supported\n text-align: start;\n text-decoration: none;\n text-shadow: none;\n text-transform: none;\n letter-spacing: normal;\n word-break: normal;\n word-spacing: normal;\n white-space: normal;\n line-break: auto;\n}\n", - "// stylelint-disable declaration-no-important\n\n// Typography\n\n@mixin text-emphasis-variant($parent, $color) {\n #{$parent} {\n color: $color !important;\n }\n @if $emphasized-link-hover-darken-percentage != 0 {\n a#{$parent} {\n @include hover-focus {\n color: darken($color, $emphasized-link-hover-darken-percentage) !important;\n }\n }\n }\n}\n", + "@mixin reset-text() {\n font-family: $font-family-base;\n // We deliberately do NOT reset font-size or word-wrap.\n font-style: normal;\n font-weight: $font-weight-normal;\n line-height: $line-height-base;\n text-align: left; // Fallback for where `start` is not supported\n text-align: start;\n text-decoration: none;\n text-shadow: none;\n text-transform: none;\n letter-spacing: normal;\n word-break: normal;\n word-spacing: normal;\n white-space: normal;\n line-break: auto;\n}\n", + "// stylelint-disable declaration-no-important\n\n// Typography\n\n@mixin text-emphasis-variant($parent, $color, $ignore-warning: false) {\n #{$parent} {\n color: $color !important;\n }\n @if $emphasized-link-hover-darken-percentage != 0 {\n a#{$parent} {\n @include hover-focus() {\n color: darken($color, $emphasized-link-hover-darken-percentage) !important;\n }\n }\n }\n @include deprecate(\"`text-emphasis-variant()`\", \"v4.4.0\", \"v5\", $ignore-warning);\n}\n", "// CSS image replacement\n@mixin text-hide($ignore-warning: false) {\n // stylelint-disable-next-line font-family-no-missing-generic-family-keyword\n font: 0/0 a;\n color: transparent;\n text-shadow: none;\n background-color: transparent;\n border: 0;\n\n @include deprecate(\"`text-hide()`\", \"v4.1.0\", \"v5\", $ignore-warning);\n}\n", "// Text truncate\n// Requires inline-block or block for proper styling\n\n@mixin text-truncate() {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n", "// stylelint-disable declaration-no-important\n\n// Visibility\n\n@mixin invisible($visibility) {\n visibility: $visibility !important;\n @include deprecate(\"`invisible()`\", \"v4.3.0\", \"v5\");\n}\n", "@mixin alert-variant($background, $border, $color) {\n color: $color;\n @include gradient-bg($background);\n border-color: $border;\n\n hr {\n border-top-color: darken($border, 5%);\n }\n\n .alert-link {\n color: darken($color, 10%);\n }\n}\n", - "// Button variants\n//\n// Easily pump out default styles, as well as :hover, :focus, :active,\n// and disabled options for all buttons\n\n@mixin button-variant($background, $border, $hover-background: darken($background, 7.5%), $hover-border: darken($border, 10%), $active-background: darken($background, 10%), $active-border: darken($border, 12.5%)) {\n color: color-yiq($background);\n @include gradient-bg($background);\n border-color: $border;\n @include box-shadow($btn-box-shadow);\n\n @include hover {\n color: color-yiq($hover-background);\n @include gradient-bg($hover-background);\n border-color: $hover-border;\n }\n\n &:focus,\n &.focus {\n // Avoid using mixin so we can pass custom focus shadow properly\n @if $enable-shadows {\n box-shadow: $btn-box-shadow, 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5);\n } @else {\n box-shadow: 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5);\n }\n }\n\n // Disabled comes first so active can properly restyle\n &.disabled,\n &:disabled {\n color: color-yiq($background);\n background-color: $background;\n border-color: $border;\n // Remove CSS gradients if they're enabled\n @if $enable-gradients {\n background-image: none;\n }\n }\n\n &:not(:disabled):not(.disabled):active,\n &:not(:disabled):not(.disabled).active,\n .show > &.dropdown-toggle {\n color: color-yiq($active-background);\n background-color: $active-background;\n @if $enable-gradients {\n background-image: none; // Remove the gradient for the pressed/active state\n }\n border-color: $active-border;\n\n &:focus {\n // Avoid using mixin so we can pass custom focus shadow properly\n @if $enable-shadows and $btn-active-box-shadow != none {\n box-shadow: $btn-active-box-shadow, 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5);\n } @else {\n box-shadow: 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5);\n }\n }\n }\n}\n\n@mixin button-outline-variant($color, $color-hover: color-yiq($color), $active-background: $color, $active-border: $color) {\n color: $color;\n border-color: $color;\n\n @include hover {\n color: $color-hover;\n background-color: $active-background;\n border-color: $active-border;\n }\n\n &:focus,\n &.focus {\n box-shadow: 0 0 0 $btn-focus-width rgba($color, .5);\n }\n\n &.disabled,\n &:disabled {\n color: $color;\n background-color: transparent;\n }\n\n &:not(:disabled):not(.disabled):active,\n &:not(:disabled):not(.disabled).active,\n .show > &.dropdown-toggle {\n color: color-yiq($active-background);\n background-color: $active-background;\n border-color: $active-border;\n\n &:focus {\n // Avoid using mixin so we can pass custom focus shadow properly\n @if $enable-shadows and $btn-active-box-shadow != none {\n box-shadow: $btn-active-box-shadow, 0 0 0 $btn-focus-width rgba($color, .5);\n } @else {\n box-shadow: 0 0 0 $btn-focus-width rgba($color, .5);\n }\n }\n }\n}\n\n// Button sizes\n@mixin button-size($padding-y, $padding-x, $font-size, $line-height, $border-radius) {\n padding: $padding-y $padding-x;\n @include font-size($font-size);\n line-height: $line-height;\n // Manually declare to provide an override to the browser default\n @include border-radius($border-radius, 0);\n}\n", - "@mixin caret-down {\n border-top: $caret-width solid;\n border-right: $caret-width solid transparent;\n border-bottom: 0;\n border-left: $caret-width solid transparent;\n}\n\n@mixin caret-up {\n border-top: 0;\n border-right: $caret-width solid transparent;\n border-bottom: $caret-width solid;\n border-left: $caret-width solid transparent;\n}\n\n@mixin caret-right {\n border-top: $caret-width solid transparent;\n border-right: 0;\n border-bottom: $caret-width solid transparent;\n border-left: $caret-width solid;\n}\n\n@mixin caret-left {\n border-top: $caret-width solid transparent;\n border-right: $caret-width solid;\n border-bottom: $caret-width solid transparent;\n}\n\n@mixin caret($direction: down) {\n @if $enable-caret {\n &::after {\n display: inline-block;\n margin-left: $caret-spacing;\n vertical-align: $caret-vertical-align;\n content: \"\";\n @if $direction == down {\n @include caret-down;\n } @else if $direction == up {\n @include caret-up;\n } @else if $direction == right {\n @include caret-right;\n }\n }\n\n @if $direction == left {\n &::after {\n display: none;\n }\n\n &::before {\n display: inline-block;\n margin-right: $caret-spacing;\n vertical-align: $caret-vertical-align;\n content: \"\";\n @include caret-left;\n }\n }\n\n &:empty::after {\n margin-left: 0;\n }\n }\n}\n", + "// Button variants\n//\n// Easily pump out default styles, as well as :hover, :focus, :active,\n// and disabled options for all buttons\n\n@mixin button-variant($background, $border, $hover-background: darken($background, 7.5%), $hover-border: darken($border, 10%), $active-background: darken($background, 10%), $active-border: darken($border, 12.5%)) {\n color: color-yiq($background);\n @include gradient-bg($background);\n border-color: $border;\n @include box-shadow($btn-box-shadow);\n\n @include hover() {\n color: color-yiq($hover-background);\n @include gradient-bg($hover-background);\n border-color: $hover-border;\n }\n\n &:focus,\n &.focus {\n color: color-yiq($hover-background);\n @include gradient-bg($hover-background);\n border-color: $hover-border;\n // Avoid using mixin so we can pass custom focus shadow properly\n @if $enable-shadows {\n box-shadow: $btn-box-shadow, 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5);\n } @else {\n box-shadow: 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5);\n }\n }\n\n // Disabled comes first so active can properly restyle\n &.disabled,\n &:disabled {\n color: color-yiq($background);\n background-color: $background;\n border-color: $border;\n // Remove CSS gradients if they're enabled\n @if $enable-gradients {\n background-image: none;\n }\n }\n\n &:not(:disabled):not(.disabled):active,\n &:not(:disabled):not(.disabled).active,\n .show > &.dropdown-toggle {\n color: color-yiq($active-background);\n background-color: $active-background;\n @if $enable-gradients {\n background-image: none; // Remove the gradient for the pressed/active state\n }\n border-color: $active-border;\n\n &:focus {\n // Avoid using mixin so we can pass custom focus shadow properly\n @if $enable-shadows and $btn-active-box-shadow != none {\n box-shadow: $btn-active-box-shadow, 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5);\n } @else {\n box-shadow: 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5);\n }\n }\n }\n}\n\n@mixin button-outline-variant($color, $color-hover: color-yiq($color), $active-background: $color, $active-border: $color) {\n color: $color;\n border-color: $color;\n\n @include hover() {\n color: $color-hover;\n background-color: $active-background;\n border-color: $active-border;\n }\n\n &:focus,\n &.focus {\n box-shadow: 0 0 0 $btn-focus-width rgba($color, .5);\n }\n\n &.disabled,\n &:disabled {\n color: $color;\n background-color: transparent;\n }\n\n &:not(:disabled):not(.disabled):active,\n &:not(:disabled):not(.disabled).active,\n .show > &.dropdown-toggle {\n color: color-yiq($active-background);\n background-color: $active-background;\n border-color: $active-border;\n\n &:focus {\n // Avoid using mixin so we can pass custom focus shadow properly\n @if $enable-shadows and $btn-active-box-shadow != none {\n box-shadow: $btn-active-box-shadow, 0 0 0 $btn-focus-width rgba($color, .5);\n } @else {\n box-shadow: 0 0 0 $btn-focus-width rgba($color, .5);\n }\n }\n }\n}\n\n// Button sizes\n@mixin button-size($padding-y, $padding-x, $font-size, $line-height, $border-radius) {\n padding: $padding-y $padding-x;\n @include font-size($font-size);\n line-height: $line-height;\n // Manually declare to provide an override to the browser default\n @include border-radius($border-radius, 0);\n}\n", + "@mixin caret-down() {\n border-top: $caret-width solid;\n border-right: $caret-width solid transparent;\n border-bottom: 0;\n border-left: $caret-width solid transparent;\n}\n\n@mixin caret-up() {\n border-top: 0;\n border-right: $caret-width solid transparent;\n border-bottom: $caret-width solid;\n border-left: $caret-width solid transparent;\n}\n\n@mixin caret-right() {\n border-top: $caret-width solid transparent;\n border-right: 0;\n border-bottom: $caret-width solid transparent;\n border-left: $caret-width solid;\n}\n\n@mixin caret-left() {\n border-top: $caret-width solid transparent;\n border-right: $caret-width solid;\n border-bottom: $caret-width solid transparent;\n}\n\n@mixin caret($direction: down) {\n @if $enable-caret {\n &::after {\n display: inline-block;\n margin-left: $caret-spacing;\n vertical-align: $caret-vertical-align;\n content: \"\";\n @if $direction == down {\n @include caret-down();\n } @else if $direction == up {\n @include caret-up();\n } @else if $direction == right {\n @include caret-right();\n }\n }\n\n @if $direction == left {\n &::after {\n display: none;\n }\n\n &::before {\n display: inline-block;\n margin-right: $caret-spacing;\n vertical-align: $caret-vertical-align;\n content: \"\";\n @include caret-left();\n }\n }\n\n &:empty::after {\n margin-left: 0;\n }\n }\n}\n", "// Pagination\n\n@mixin pagination-size($padding-y, $padding-x, $font-size, $line-height, $border-radius) {\n .page-link {\n padding: $padding-y $padding-x;\n @include font-size($font-size);\n line-height: $line-height;\n }\n\n .page-item {\n &:first-child {\n .page-link {\n @include border-left-radius($border-radius);\n }\n }\n &:last-child {\n .page-link {\n @include border-right-radius($border-radius);\n }\n }\n }\n}\n", - "// Lists\n\n// Unstyled keeps list items block level, just removes default browser padding and list-style\n@mixin list-unstyled {\n padding-left: 0;\n list-style: none;\n}\n", - "// List Groups\n\n@mixin list-group-item-variant($state, $background, $color) {\n .list-group-item-#{$state} {\n color: $color;\n background-color: $background;\n\n &.list-group-item-action {\n @include hover-focus {\n color: $color;\n background-color: darken($background, 5%);\n }\n\n &.active {\n color: $white;\n background-color: $color;\n border-color: $color;\n }\n }\n }\n}\n", - "// Horizontal dividers\n//\n// Dividers (basically an hr) within dropdowns and nav lists\n\n@mixin nav-divider($color: $nav-divider-color, $margin-y: $nav-divider-margin-y) {\n height: 0;\n margin: $margin-y 0;\n overflow: hidden;\n border-top: 1px solid $color;\n}\n", - "// Form control focus state\n//\n// Generate a customized focus state and for any input with the specified color,\n// which defaults to the `$input-focus-border-color` variable.\n//\n// We highly encourage you to not customize the default value, but instead use\n// this to tweak colors on an as-needed basis. This aesthetic change is based on\n// WebKit's default styles, but applicable to a wider range of browsers. Its\n// usability and accessibility should be taken into account with any change.\n//\n// Example usage: change the default blue border and shadow to white for better\n// contrast against a dark gray background.\n@mixin form-control-focus() {\n &:focus {\n color: $input-focus-color;\n background-color: $input-focus-bg;\n border-color: $input-focus-border-color;\n outline: 0;\n // Avoid using mixin so we can pass custom focus shadow properly\n @if $enable-shadows {\n box-shadow: $input-box-shadow, $input-focus-box-shadow;\n } @else {\n box-shadow: $input-focus-box-shadow;\n }\n }\n}\n\n\n@mixin form-validation-state($state, $color, $icon) {\n .#{$state}-feedback {\n display: none;\n width: 100%;\n margin-top: $form-feedback-margin-top;\n @include font-size($form-feedback-font-size);\n color: $color;\n }\n\n .#{$state}-tooltip {\n position: absolute;\n top: 100%;\n z-index: 5;\n display: none;\n max-width: 100%; // Contain to parent when possible\n padding: $form-feedback-tooltip-padding-y $form-feedback-tooltip-padding-x;\n margin-top: .1rem;\n @include font-size($form-feedback-tooltip-font-size);\n line-height: $form-feedback-tooltip-line-height;\n color: color-yiq($color);\n background-color: rgba($color, $form-feedback-tooltip-opacity);\n @include border-radius($form-feedback-tooltip-border-radius);\n }\n\n .form-control {\n .was-validated &:#{$state},\n &.is-#{$state} {\n border-color: $color;\n\n @if $enable-validation-icons {\n padding-right: $input-height-inner;\n background-image: $icon;\n background-repeat: no-repeat;\n background-position: center right $input-height-inner-quarter;\n background-size: $input-height-inner-half $input-height-inner-half;\n }\n\n &:focus {\n border-color: $color;\n box-shadow: 0 0 0 $input-focus-width rgba($color, .25);\n }\n\n ~ .#{$state}-feedback,\n ~ .#{$state}-tooltip {\n display: block;\n }\n }\n }\n\n // stylelint-disable-next-line selector-no-qualifying-type\n textarea.form-control {\n .was-validated &:#{$state},\n &.is-#{$state} {\n @if $enable-validation-icons {\n padding-right: $input-height-inner;\n background-position: top $input-height-inner-quarter right $input-height-inner-quarter;\n }\n }\n }\n\n .custom-select {\n .was-validated &:#{$state},\n &.is-#{$state} {\n border-color: $color;\n\n @if $enable-validation-icons {\n padding-right: $custom-select-feedback-icon-padding-right;\n background: $custom-select-background, $icon $custom-select-bg no-repeat $custom-select-feedback-icon-position / $custom-select-feedback-icon-size;\n }\n\n &:focus {\n border-color: $color;\n box-shadow: 0 0 0 $input-focus-width rgba($color, .25);\n }\n\n ~ .#{$state}-feedback,\n ~ .#{$state}-tooltip {\n display: block;\n }\n }\n }\n\n\n .form-control-file {\n .was-validated &:#{$state},\n &.is-#{$state} {\n ~ .#{$state}-feedback,\n ~ .#{$state}-tooltip {\n display: block;\n }\n }\n }\n\n .form-check-input {\n .was-validated &:#{$state},\n &.is-#{$state} {\n ~ .form-check-label {\n color: $color;\n }\n\n ~ .#{$state}-feedback,\n ~ .#{$state}-tooltip {\n display: block;\n }\n }\n }\n\n .custom-control-input {\n .was-validated &:#{$state},\n &.is-#{$state} {\n ~ .custom-control-label {\n color: $color;\n\n &::before {\n border-color: $color;\n }\n }\n\n ~ .#{$state}-feedback,\n ~ .#{$state}-tooltip {\n display: block;\n }\n\n &:checked {\n ~ .custom-control-label::before {\n border-color: lighten($color, 10%);\n @include gradient-bg(lighten($color, 10%));\n }\n }\n\n &:focus {\n ~ .custom-control-label::before {\n box-shadow: 0 0 0 $input-focus-width rgba($color, .25);\n }\n\n &:not(:checked) ~ .custom-control-label::before {\n border-color: $color;\n }\n }\n }\n }\n\n // custom file\n .custom-file-input {\n .was-validated &:#{$state},\n &.is-#{$state} {\n ~ .custom-file-label {\n border-color: $color;\n }\n\n ~ .#{$state}-feedback,\n ~ .#{$state}-tooltip {\n display: block;\n }\n\n &:focus {\n ~ .custom-file-label {\n border-color: $color;\n box-shadow: 0 0 0 $input-focus-width rgba($color, .25);\n }\n }\n }\n }\n}\n", - "// Tables\n\n@mixin table-row-variant($state, $background, $border: null) {\n // Exact selectors below required to override `.table-striped` and prevent\n // inheritance to nested tables.\n .table-#{$state} {\n &,\n > th,\n > td {\n background-color: $background;\n }\n\n @if $border != null {\n th,\n td,\n thead th,\n tbody + tbody {\n border-color: $border;\n }\n }\n }\n\n // Hover states for `.table-hover`\n // Note: this is not available for cells or rows within `thead` or `tfoot`.\n .table-hover {\n $hover-background: darken($background, 5%);\n\n .table-#{$state} {\n @include hover {\n background-color: $hover-background;\n\n > td,\n > th {\n background-color: $hover-background;\n }\n }\n }\n }\n}\n", - "// stylelint-disable declaration-no-important\n\n// Contextual backgrounds\n\n@mixin bg-variant($parent, $color) {\n #{$parent} {\n background-color: $color !important;\n }\n a#{$parent},\n button#{$parent} {\n @include hover-focus {\n background-color: darken($color, 10%) !important;\n }\n }\n}\n\n@mixin bg-gradient-variant($parent, $color) {\n #{$parent} {\n background: $color linear-gradient(180deg, mix($body-bg, $color, 15%), $color) repeat-x !important;\n }\n}\n", + "// Lists\n\n// Unstyled keeps list items block level, just removes default browser padding and list-style\n@mixin list-unstyled() {\n padding-left: 0;\n list-style: none;\n}\n", + "// List Groups\n\n@mixin list-group-item-variant($state, $background, $color) {\n .list-group-item-#{$state} {\n color: $color;\n background-color: $background;\n\n &.list-group-item-action {\n @include hover-focus() {\n color: $color;\n background-color: darken($background, 5%);\n }\n\n &.active {\n color: $white;\n background-color: $color;\n border-color: $color;\n }\n }\n }\n}\n", + "// Horizontal dividers\n//\n// Dividers (basically an hr) within dropdowns and nav lists\n\n@mixin nav-divider($color: $nav-divider-color, $margin-y: $nav-divider-margin-y, $ignore-warning: false) {\n height: 0;\n margin: $margin-y 0;\n overflow: hidden;\n border-top: 1px solid $color;\n @include deprecate(\"The `nav-divider()` mixin\", \"v4.4.0\", \"v5\", $ignore-warning);\n}\n", + "// Form control focus state\n//\n// Generate a customized focus state and for any input with the specified color,\n// which defaults to the `$input-focus-border-color` variable.\n//\n// We highly encourage you to not customize the default value, but instead use\n// this to tweak colors on an as-needed basis. This aesthetic change is based on\n// WebKit's default styles, but applicable to a wider range of browsers. Its\n// usability and accessibility should be taken into account with any change.\n//\n// Example usage: change the default blue border and shadow to white for better\n// contrast against a dark gray background.\n@mixin form-control-focus($ignore-warning: false) {\n &:focus {\n color: $input-focus-color;\n background-color: $input-focus-bg;\n border-color: $input-focus-border-color;\n outline: 0;\n // Avoid using mixin so we can pass custom focus shadow properly\n @if $enable-shadows {\n box-shadow: $input-box-shadow, $input-focus-box-shadow;\n } @else {\n box-shadow: $input-focus-box-shadow;\n }\n }\n @include deprecate(\"The `form-control-focus()` mixin\", \"v4.4.0\", \"v5\", $ignore-warning);\n}\n\n// This mixin uses an `if()` technique to be compatible with Dart Sass\n// See https://github.com/sass/sass/issues/1873#issuecomment-152293725 for more details\n@mixin form-validation-state-selector($state) {\n @if ($state == \"valid\" or $state == \"invalid\") {\n .was-validated #{if(&, \"&\", \"\")}:#{$state},\n #{if(&, \"&\", \"\")}.is-#{$state} {\n @content;\n }\n } @else {\n #{if(&, \"&\", \"\")}.is-#{$state} {\n @content;\n }\n }\n}\n\n@mixin form-validation-state($state, $color, $icon) {\n .#{$state}-feedback {\n display: none;\n width: 100%;\n margin-top: $form-feedback-margin-top;\n @include font-size($form-feedback-font-size);\n color: $color;\n }\n\n .#{$state}-tooltip {\n position: absolute;\n top: 100%;\n z-index: 5;\n display: none;\n max-width: 100%; // Contain to parent when possible\n padding: $form-feedback-tooltip-padding-y $form-feedback-tooltip-padding-x;\n margin-top: .1rem;\n @include font-size($form-feedback-tooltip-font-size);\n line-height: $form-feedback-tooltip-line-height;\n color: color-yiq($color);\n background-color: rgba($color, $form-feedback-tooltip-opacity);\n @include border-radius($form-feedback-tooltip-border-radius);\n }\n\n @include form-validation-state-selector($state) {\n ~ .#{$state}-feedback,\n ~ .#{$state}-tooltip {\n display: block;\n }\n }\n\n .form-control {\n @include form-validation-state-selector($state) {\n border-color: $color;\n\n @if $enable-validation-icons {\n padding-right: $input-height-inner;\n background-image: escape-svg($icon);\n background-repeat: no-repeat;\n background-position: right $input-height-inner-quarter center;\n background-size: $input-height-inner-half $input-height-inner-half;\n }\n\n &:focus {\n border-color: $color;\n box-shadow: 0 0 0 $input-focus-width rgba($color, .25);\n }\n }\n }\n\n // stylelint-disable-next-line selector-no-qualifying-type\n textarea.form-control {\n @include form-validation-state-selector($state) {\n @if $enable-validation-icons {\n padding-right: $input-height-inner;\n background-position: top $input-height-inner-quarter right $input-height-inner-quarter;\n }\n }\n }\n\n .custom-select {\n @include form-validation-state-selector($state) {\n border-color: $color;\n\n @if $enable-validation-icons {\n padding-right: $custom-select-feedback-icon-padding-right;\n background: $custom-select-background, escape-svg($icon) $custom-select-bg no-repeat $custom-select-feedback-icon-position / $custom-select-feedback-icon-size;\n }\n\n &:focus {\n border-color: $color;\n box-shadow: 0 0 0 $input-focus-width rgba($color, .25);\n }\n }\n }\n\n .form-check-input {\n @include form-validation-state-selector($state) {\n ~ .form-check-label {\n color: $color;\n }\n\n ~ .#{$state}-feedback,\n ~ .#{$state}-tooltip {\n display: block;\n }\n }\n }\n\n .custom-control-input {\n @include form-validation-state-selector($state) {\n ~ .custom-control-label {\n color: $color;\n\n &::before {\n border-color: $color;\n }\n }\n\n &:checked {\n ~ .custom-control-label::before {\n border-color: lighten($color, 10%);\n @include gradient-bg(lighten($color, 10%));\n }\n }\n\n &:focus {\n ~ .custom-control-label::before {\n box-shadow: 0 0 0 $input-focus-width rgba($color, .25);\n }\n\n &:not(:checked) ~ .custom-control-label::before {\n border-color: $color;\n }\n }\n }\n }\n\n // custom file\n .custom-file-input {\n @include form-validation-state-selector($state) {\n ~ .custom-file-label {\n border-color: $color;\n }\n\n &:focus {\n ~ .custom-file-label {\n border-color: $color;\n box-shadow: 0 0 0 $input-focus-width rgba($color, .25);\n }\n }\n }\n }\n}\n", + "// Tables\n\n@mixin table-row-variant($state, $background, $border: null) {\n // Exact selectors below required to override `.table-striped` and prevent\n // inheritance to nested tables.\n .table-#{$state} {\n &,\n > th,\n > td {\n background-color: $background;\n }\n\n @if $border != null {\n th,\n td,\n thead th,\n tbody + tbody {\n border-color: $border;\n }\n }\n }\n\n // Hover states for `.table-hover`\n // Note: this is not available for cells or rows within `thead` or `tfoot`.\n .table-hover {\n $hover-background: darken($background, 5%);\n\n .table-#{$state} {\n @include hover() {\n background-color: $hover-background;\n\n > td,\n > th {\n background-color: $hover-background;\n }\n }\n }\n }\n}\n", + "// stylelint-disable declaration-no-important\n\n// Contextual backgrounds\n\n@mixin bg-variant($parent, $color, $ignore-warning: false) {\n #{$parent} {\n background-color: $color !important;\n }\n a#{$parent},\n button#{$parent} {\n @include hover-focus() {\n background-color: darken($color, 10%) !important;\n }\n }\n @include deprecate(\"The `bg-variant` mixin\", \"v4.4.0\", \"v5\", $ignore-warning);\n}\n\n@mixin bg-gradient-variant($parent, $color) {\n #{$parent} {\n background: $color linear-gradient(180deg, mix($body-bg, $color, 15%), $color) repeat-x !important;\n }\n}\n", "// stylelint-disable property-blacklist\n// Single side border-radius\n\n@mixin border-radius($radius: $border-radius, $fallback-border-radius: false) {\n @if $enable-rounded {\n border-radius: $radius;\n }\n @else if $fallback-border-radius != false {\n border-radius: $fallback-border-radius;\n }\n}\n\n@mixin border-top-radius($radius) {\n @if $enable-rounded {\n border-top-left-radius: $radius;\n border-top-right-radius: $radius;\n }\n}\n\n@mixin border-right-radius($radius) {\n @if $enable-rounded {\n border-top-right-radius: $radius;\n border-bottom-right-radius: $radius;\n }\n}\n\n@mixin border-bottom-radius($radius) {\n @if $enable-rounded {\n border-bottom-right-radius: $radius;\n border-bottom-left-radius: $radius;\n }\n}\n\n@mixin border-left-radius($radius) {\n @if $enable-rounded {\n border-top-left-radius: $radius;\n border-bottom-left-radius: $radius;\n }\n}\n\n@mixin border-top-left-radius($radius) {\n @if $enable-rounded {\n border-top-left-radius: $radius;\n }\n}\n\n@mixin border-top-right-radius($radius) {\n @if $enable-rounded {\n border-top-right-radius: $radius;\n }\n}\n\n@mixin border-bottom-right-radius($radius) {\n @if $enable-rounded {\n border-bottom-right-radius: $radius;\n }\n}\n\n@mixin border-bottom-left-radius($radius) {\n @if $enable-rounded {\n border-bottom-left-radius: $radius;\n }\n}\n", "@mixin box-shadow($shadow...) {\n @if $enable-shadows {\n $result: ();\n\n @if (length($shadow) == 1) {\n // We can pass `@include box-shadow(none);`\n $result: $shadow;\n } @else {\n // Filter to avoid invalid properties for example `box-shadow: none, 1px 1px black;`\n @for $i from 1 through length($shadow) {\n @if nth($shadow, $i) != \"none\" {\n $result: append($result, nth($shadow, $i), \"comma\");\n }\n }\n }\n @if (length($result) > 0) {\n box-shadow: $result;\n }\n }\n}\n", "// Gradients\n\n@mixin gradient-bg($color) {\n @if $enable-gradients {\n background: $color linear-gradient(180deg, mix($body-bg, $color, 15%), $color) repeat-x;\n } @else {\n background-color: $color;\n }\n}\n\n// Horizontal gradient, from left to right\n//\n// Creates two color stops, start and end, by specifying a color and position for each color stop.\n@mixin gradient-x($start-color: $gray-700, $end-color: $gray-800, $start-percent: 0%, $end-percent: 100%) {\n background-image: linear-gradient(to right, $start-color $start-percent, $end-color $end-percent);\n background-repeat: repeat-x;\n}\n\n// Vertical gradient, from top to bottom\n//\n// Creates two color stops, start and end, by specifying a color and position for each color stop.\n@mixin gradient-y($start-color: $gray-700, $end-color: $gray-800, $start-percent: 0%, $end-percent: 100%) {\n background-image: linear-gradient(to bottom, $start-color $start-percent, $end-color $end-percent);\n background-repeat: repeat-x;\n}\n\n@mixin gradient-directional($start-color: $gray-700, $end-color: $gray-800, $deg: 45deg) {\n background-image: linear-gradient($deg, $start-color, $end-color);\n background-repeat: repeat-x;\n}\n@mixin gradient-x-three-colors($start-color: $blue, $mid-color: $purple, $color-stop: 50%, $end-color: $red) {\n background-image: linear-gradient(to right, $start-color, $mid-color $color-stop, $end-color);\n background-repeat: no-repeat;\n}\n@mixin gradient-y-three-colors($start-color: $blue, $mid-color: $purple, $color-stop: 50%, $end-color: $red) {\n background-image: linear-gradient($start-color, $mid-color $color-stop, $end-color);\n background-repeat: no-repeat;\n}\n@mixin gradient-radial($inner-color: $gray-700, $outer-color: $gray-800) {\n background-image: radial-gradient(circle, $inner-color, $outer-color);\n background-repeat: no-repeat;\n}\n@mixin gradient-striped($color: rgba($white, .15), $angle: 45deg) {\n background-image: linear-gradient($angle, $color 25%, transparent 25%, transparent 50%, $color 50%, $color 75%, transparent 75%, transparent);\n}\n", "// stylelint-disable property-blacklist\n@mixin transition($transition...) {\n @if $enable-transitions {\n @if length($transition) == 0 {\n transition: $transition-base;\n } @else {\n transition: $transition;\n }\n }\n\n @if $enable-prefers-reduced-motion-media-query {\n @media (prefers-reduced-motion: reduce) {\n transition: none;\n }\n }\n}\n", "@mixin clearfix() {\n &::after {\n display: block;\n clear: both;\n content: \"\";\n }\n}\n", - "// Framework grid generation\n//\n// Used only by Bootstrap to generate the correct number of grid classes given\n// any value of `$grid-columns`.\n\n@mixin make-grid-columns($columns: $grid-columns, $gutter: $grid-gutter-width, $breakpoints: $grid-breakpoints) {\n // Common properties for all breakpoints\n %grid-column {\n position: relative;\n width: 100%;\n padding-right: $gutter / 2;\n padding-left: $gutter / 2;\n }\n\n @each $breakpoint in map-keys($breakpoints) {\n $infix: breakpoint-infix($breakpoint, $breakpoints);\n\n // Allow columns to stretch full width below their breakpoints\n @for $i from 1 through $columns {\n .col#{$infix}-#{$i} {\n @extend %grid-column;\n }\n }\n .col#{$infix},\n .col#{$infix}-auto {\n @extend %grid-column;\n }\n\n @include media-breakpoint-up($breakpoint, $breakpoints) {\n // Provide basic `.col-{bp}` classes for equal-width flexbox columns\n .col#{$infix} {\n flex-basis: 0;\n flex-grow: 1;\n max-width: 100%;\n }\n .col#{$infix}-auto {\n flex: 0 0 auto;\n width: auto;\n max-width: 100%; // Reset earlier grid tiers\n }\n\n @for $i from 1 through $columns {\n .col#{$infix}-#{$i} {\n @include make-col($i, $columns);\n }\n }\n\n .order#{$infix}-first { order: -1; }\n\n .order#{$infix}-last { order: $columns + 1; }\n\n @for $i from 0 through $columns {\n .order#{$infix}-#{$i} { order: $i; }\n }\n\n // `$columns - 1` because offsetting by the width of an entire row isn't possible\n @for $i from 0 through ($columns - 1) {\n @if not ($infix == \"\" and $i == 0) { // Avoid emitting useless .offset-0\n .offset#{$infix}-#{$i} {\n @include make-col-offset($i, $columns);\n }\n }\n }\n }\n }\n}\n", - "/// Grid system\n//\n// Generate semantic grid columns with these mixins.\n\n@mixin make-container($gutter: $grid-gutter-width) {\n width: 100%;\n padding-right: $gutter / 2;\n padding-left: $gutter / 2;\n margin-right: auto;\n margin-left: auto;\n}\n\n\n// For each breakpoint, define the maximum width of the container in a media query\n@mixin make-container-max-widths($max-widths: $container-max-widths, $breakpoints: $grid-breakpoints) {\n @each $breakpoint, $container-max-width in $max-widths {\n @include media-breakpoint-up($breakpoint, $breakpoints) {\n max-width: $container-max-width;\n }\n }\n}\n\n@mixin make-row($gutter: $grid-gutter-width) {\n display: flex;\n flex-wrap: wrap;\n margin-right: -$gutter / 2;\n margin-left: -$gutter / 2;\n}\n\n@mixin make-col-ready($gutter: $grid-gutter-width) {\n position: relative;\n // Prevent columns from becoming too narrow when at smaller grid tiers by\n // always setting `width: 100%;`. This works because we use `flex` values\n // later on to override this initial width.\n width: 100%;\n padding-right: $gutter / 2;\n padding-left: $gutter / 2;\n}\n\n@mixin make-col($size, $columns: $grid-columns) {\n flex: 0 0 percentage($size / $columns);\n // Add a `max-width` to ensure content within each column does not blow out\n // the width of the column. Applies to IE10+ and Firefox. Chrome and Safari\n // do not appear to require this.\n max-width: percentage($size / $columns);\n}\n\n@mixin make-col-offset($size, $columns: $grid-columns) {\n $num: $size / $columns;\n margin-left: if($num == 0, 0, percentage($num));\n}\n", - "// stylelint-disable declaration-no-important\n\n@mixin float-left {\n float: left !important;\n @include deprecate(\"The `float-left` mixin\", \"v4.3.0\", \"v5\");\n}\n@mixin float-right {\n float: right !important;\n @include deprecate(\"The `float-right` mixin\", \"v4.3.0\", \"v5\");\n}\n@mixin float-none {\n float: none !important;\n @include deprecate(\"The `float-none` mixin\", \"v4.3.0\", \"v5\");\n}\n", - ":root {\n // Custom variable values only support SassScript inside `#{}`.\n @each $color, $value in $colors {\n --#{$color}: #{$value};\n }\n\n @each $color, $value in $theme-colors {\n --#{$color}: #{$value};\n }\n\n @each $bp, $value in $grid-breakpoints {\n --breakpoint-#{$bp}: #{$value};\n }\n\n // Use `inspect` for lists so that quoted items keep the quotes.\n // See https://github.com/sass/sass/issues/2383#issuecomment-336349172\n --font-family-sans-serif: #{inspect($font-family-sans-serif)};\n --font-family-monospace: #{inspect($font-family-monospace)};\n}\n", - "// stylelint-disable at-rule-no-vendor-prefix, declaration-no-important, selector-no-qualifying-type, property-no-vendor-prefix\n\n// Reboot\n//\n// Normalization of HTML elements, manually forked from Normalize.css to remove\n// styles targeting irrelevant browsers while applying new styles.\n//\n// Normalize is licensed MIT. https://github.com/necolas/normalize.css\n\n\n// Document\n//\n// 1. Change from `box-sizing: content-box` so that `width` is not affected by `padding` or `border`.\n// 2. Change the default font family in all browsers.\n// 3. Correct the line height in all browsers.\n// 4. Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS.\n// 5. Change the default tap highlight to be completely transparent in iOS.\n\n*,\n*::before,\n*::after {\n box-sizing: border-box; // 1\n}\n\nhtml {\n font-family: sans-serif; // 2\n line-height: 1.15; // 3\n -webkit-text-size-adjust: 100%; // 4\n -webkit-tap-highlight-color: rgba($black, 0); // 5\n}\n\n// Shim for \"new\" HTML5 structural elements to display correctly (IE10, older browsers)\n// TODO: remove in v5\n// stylelint-disable-next-line selector-list-comma-newline-after\narticle, aside, figcaption, figure, footer, header, hgroup, main, nav, section {\n display: block;\n}\n\n// Body\n//\n// 1. Remove the margin in all browsers.\n// 2. As a best practice, apply a default `background-color`.\n// 3. Set an explicit initial text-align value so that we can later use\n// the `inherit` value on things like ``s get reset. However, we also reset the\n// bottom margin to use `rem` units instead of `em`.\np {\n margin-top: 0;\n margin-bottom: $paragraph-margin-bottom;\n}\n\n// Abbreviations\n//\n// 1. Duplicate behavior to the data-* attribute for our tooltip plugin\n// 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n// 3. Add explicit cursor to indicate changed behavior.\n// 4. Remove the bottom border in Firefox 39-.\n// 5. Prevent the text-decoration to be skipped.\n\nabbr[title],\nabbr[data-original-title] { // 1\n text-decoration: underline; // 2\n text-decoration: underline dotted; // 2\n cursor: help; // 3\n border-bottom: 0; // 4\n text-decoration-skip-ink: none; // 5\n}\n\naddress {\n margin-bottom: 1rem;\n font-style: normal;\n line-height: inherit;\n}\n\nol,\nul,\ndl {\n margin-top: 0;\n margin-bottom: 1rem;\n}\n\nol ol,\nul ul,\nol ul,\nul ol {\n margin-bottom: 0;\n}\n\ndt {\n font-weight: $dt-font-weight;\n}\n\ndd {\n margin-bottom: .5rem;\n margin-left: 0; // Undo browser default\n}\n\nblockquote {\n margin: 0 0 1rem;\n}\n\nb,\nstrong {\n font-weight: $font-weight-bolder; // Add the correct font weight in Chrome, Edge, and Safari\n}\n\nsmall {\n @include font-size(80%); // Add the correct font size in all browsers\n}\n\n//\n// Prevent `sub` and `sup` elements from affecting the line height in\n// all browsers.\n//\n\nsub,\nsup {\n position: relative;\n @include font-size(75%);\n line-height: 0;\n vertical-align: baseline;\n}\n\nsub { bottom: -.25em; }\nsup { top: -.5em; }\n\n\n//\n// Links\n//\n\na {\n color: $link-color;\n text-decoration: $link-decoration;\n background-color: transparent; // Remove the gray background on active links in IE 10.\n\n @include hover {\n color: $link-hover-color;\n text-decoration: $link-hover-decoration;\n }\n}\n\n// And undo these styles for placeholder links/named anchors (without href)\n// which have not been made explicitly keyboard-focusable (without tabindex).\n// It would be more straightforward to just use a[href] in previous block, but that\n// causes specificity issues in many other styles that are too complex to fix.\n// See https://github.com/twbs/bootstrap/issues/19402\n\na:not([href]):not([tabindex]) {\n color: inherit;\n text-decoration: none;\n\n @include hover-focus {\n color: inherit;\n text-decoration: none;\n }\n\n &:focus {\n outline: 0;\n }\n}\n\n\n//\n// Code\n//\n\npre,\ncode,\nkbd,\nsamp {\n font-family: $font-family-monospace;\n @include font-size(1em); // Correct the odd `em` font sizing in all browsers.\n}\n\npre {\n // Remove browser default top margin\n margin-top: 0;\n // Reset browser default of `1em` to use `rem`s\n margin-bottom: 1rem;\n // Don't allow content to break outside\n overflow: auto;\n}\n\n\n//\n// Figures\n//\n\nfigure {\n // Apply a consistent margin strategy (matches our type styles).\n margin: 0 0 1rem;\n}\n\n\n//\n// Images and content\n//\n\nimg {\n vertical-align: middle;\n border-style: none; // Remove the border on images inside links in IE 10-.\n}\n\nsvg {\n // Workaround for the SVG overflow bug in IE10/11 is still required.\n // See https://github.com/twbs/bootstrap/issues/26878\n overflow: hidden;\n vertical-align: middle;\n}\n\n\n//\n// Tables\n//\n\ntable {\n border-collapse: collapse; // Prevent double borders\n}\n\ncaption {\n padding-top: $table-cell-padding;\n padding-bottom: $table-cell-padding;\n color: $table-caption-color;\n text-align: left;\n caption-side: bottom;\n}\n\nth {\n // Matches default `