mekari_ui_toolkit 1.0.28 → 1.0.29

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: '0857b2439131dc17207a14a137632a02352f816e87f714ea1432182c7f9cbde2'
-  data.tar.gz: 720ff823f91119cd545da2ee8aa434c683e3e22e90159bc89678f073ae4fda37
+  metadata.gz: d45fd2939fa7c0f81ee267c73b55cff7cac7926736243f20d975d0905953491d
+  data.tar.gz: 30b5fd83b71aff599aad52aedd71bc8655eea8e50290747b81896d024c4be033
 SHA512:
-  metadata.gz: 2fe765eb19c235293ce778fa02121d6b0ed9b13116ec26f70658d388f12f64ee7da702408f31aa0fbc346af0a433e81fdeaadfb3e2c18432096f812c71fa6e26
-  data.tar.gz: 15fcb3817aa1a867ce16170a446538727af1cef765d20c2135e34df740903fc161aeca691afa8b28d1a42c1a4cd4fd2fe0c4641006d1181015f0453edde1414d
+  metadata.gz: 73d6a72b4a3dc77aec509770a288d98758a4d1a4af355b544523a5015a0211070585fc82374e467ca5889dafb3b26e150620789e4f7b643c398bb61e3a518f84
+  data.tar.gz: a2fc5810a901c070ed3b1ad80a8cc0903dc466fecb8070627d36e9e970cb6799ec91f0eddddf8f8a0c1d199ca9fde1f6a54ec5bbaa62a15f6f72345b2865e4e0

data/lib/assets/stylesheets/css/components/mekari-ui-badge-min.css

@@ -1,2 +1,2 @@
-.badge{font-size:.75rem;line-height:16px;letter-spacing:.2px}.badge{display:inline-block;padding:4px 8px;font-size:.875rem;font-weight:400;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:4px;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.badge{transition:none}}a.badge:focus,a.badge:hover{text-decoration:none}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.badge-pill{padding-right:.6em;padding-left:.6em;border-radius:10rem}.badge-danger{color:#fff;background-color:#d74022}a.badge-danger:focus,a.badge-danger:hover{color:#fff;background-color:#ab331b}a.badge-danger.focus,a.badge-danger:focus{outline:0;box-shadow:0 0 0 .2em rgba(215,64,34,.5)}.badge-success{color:#fff;background-color:#009f61}a.badge-success:focus,a.badge-success:hover{color:#fff;background-color:#006c42}a.badge-success.focus,a.badge-success:focus{outline:0;box-shadow:0 0 0 .2em rgba(0,159,97,.5)}.badge-info{color:#212529;background-color:#ffeb99}a.badge-info:focus,a.badge-info:hover{color:#212529;background-color:#ffe166}a.badge-info.focus,a.badge-info:focus{outline:0;box-shadow:0 0 0 .2em rgba(255,235,153,.5)}.badge-warning{color:#212529;background-color:#ffb700}a.badge-warning:focus,a.badge-warning:hover{color:#212529;background-color:#cc9200}a.badge-warning.focus,a.badge-warning:focus{outline:0;box-shadow:0 0 0 .2em rgba(255,183,0,.5)}.badge-primary{color:#fff;background-color:#005fbf}a.badge-primary:focus,a.badge-primary:hover{color:#fff;background-color:#00468c}a.badge-primary.focus,a.badge-primary:focus{outline:0;box-shadow:0 0 0 .2em rgba(0,95,191,.5)}.badge-jurnal{color:#fff;background-color:#009bde}a.badge-jurnal:focus,a.badge-jurnal:hover{color:#fff;background-color:#0077ab}a.badge-jurnal.focus,a.badge-jurnal:focus{outline:0;box-shadow:0 0 0 .2em rgba(0,155,222,.5)}.badge-talenta{color:#fff;background-color:#c02a34}a.badge-talenta:focus,a.badge-talenta:hover{color:#fff;background-color:#962129}a.badge-talenta.focus,a.badge-talenta:focus{outline:0;box-shadow:0 0 0 .2em rgba(192,42,52,.5)}.badge-klikpajak{color:#fff;background-color:#f96d01}a.badge-klikpajak:focus,a.badge-klikpajak:hover{color:#fff;background-color:#c65701}a.badge-klikpajak.focus,a.badge-klikpajak:focus{outline:0;box-shadow:0 0 0 .2em rgba(249,109,1,.5)}.badge-mekari{color:#fff;background-color:#6d48e5}a.badge-mekari:focus,a.badge-mekari:hover{color:#fff;background-color:#4b1fdb}a.badge-mekari.focus,a.badge-mekari:focus{outline:0;box-shadow:0 0 0 .2em rgba(109,72,229,.5)}.badge-dark{color:#fff;background-color:#212121}a.badge-dark:focus,a.badge-dark:hover{color:#fff;background-color:#080808}a.badge-dark.focus,a.badge-dark:focus{outline:0;box-shadow:0 0 0 .2em rgba(33,33,33,.5)}.badge-slate{color:#fff;background-color:#777}a.badge-slate:focus,a.badge-slate:hover{color:#fff;background-color:#5e5e5e}a.badge-slate.focus,a.badge-slate:focus{outline:0;box-shadow:0 0 0 .2em rgba(119,119,119,.5)}.badge-muted{color:#212529;background-color:#b4b4b4}a.badge-muted:focus,a.badge-muted:hover{color:#212529;background-color:#9b9b9b}a.badge-muted.focus,a.badge-muted:focus{outline:0;box-shadow:0 0 0 .2em rgba(180,180,180,.5)}.badge-smoke{color:#212529;background-color:#e2e2e2}a.badge-smoke:focus,a.badge-smoke:hover{color:#212529;background-color:#c9c9c9}a.badge-smoke.focus,a.badge-smoke:focus{outline:0;box-shadow:0 0 0 .2em rgba(226,226,226,.5)}.badge-light{color:#212529;background-color:#fbfbfb}a.badge-light:focus,a.badge-light:hover{color:#212529;background-color:#e2e2e2}a.badge-light.focus,a.badge-light:focus{outline:0;box-shadow:0 0 0 .2em rgba(251,251,251,.5)}.badge-cloud{color:#212529;background-color:#f2f4f7}a.badge-cloud:focus,a.badge-cloud:hover{color:#212529;background-color:#d2d9e4}a.badge-cloud.focus,a.badge-cloud:focus{outline:0;box-shadow:0 0 0 .2em rgba(242,244,247,.5)}.badge-link{color:#fff;background-color:#1357ff}a.badge-link:focus,a.badge-link:hover{color:#fff;background-color:#0040df}a.badge-link.focus,a.badge-link:focus{outline:0;box-shadow:0 0 0 .2em rgba(19,87,255,.5)}.badge-white{color:#212529;background-color:#fff}a.badge-white:focus,a.badge-white:hover{color:#212529;background-color:#e6e6e6}a.badge-white.focus,a.badge-white:focus{outline:0;box-shadow:0 0 0 .2em rgba(255,255,255,.5)}.badge-sm__shape--circle,.badge-sm__shape--rounded{height:16px!important}.badge-sm__font--circle,.badge-sm__font--rounded{height:12px;font-size:10px;line-height:12px}.badge{font-size:.75rem;line-height:1.25;vertical-align:middle}.badge .ic{width:12px;height:12px;font-size:14px;line-height:12px;color:inherit;vertical-align:middle;cursor:pointer}.badge .ic:first-child{margin-right:12px}.badge .ic:last-child{margin-left:12px}.badge-sm{padding:0 4px}.badge-sm__font--circle{width:12px}.badge-sm__font--rounded{width:auto}.badge-sm__shape--circle{width:16px!important;padding:2px;border-radius:50%}.badge-sm__shape--rounded{width:auto!important;padding:2px 4px;border-radius:15px}.badge-dot,.badge-dot:empty{display:inline-block;width:8px;height:8px;padding:0}
+.badge{font-size:.75rem;line-height:16px;letter-spacing:.2px}.badge{display:inline-block;padding:4px 8px;font-size:.875rem;font-weight:400;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:4px;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.badge{transition:none}}a.badge:focus,a.badge:hover{text-decoration:none}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.badge-pill{padding-right:.6em;padding-left:.6em;border-radius:10rem}.badge-danger{color:#fff;background-color:#d74022}a.badge-danger:focus,a.badge-danger:hover{color:#fff;background-color:#ab331b}a.badge-danger.focus,a.badge-danger:focus{outline:0;box-shadow:0 0 0 .2em rgba(215,64,34,.5)}.badge-success{color:#fff;background-color:#009f61}a.badge-success:focus,a.badge-success:hover{color:#fff;background-color:#006c42}a.badge-success.focus,a.badge-success:focus{outline:0;box-shadow:0 0 0 .2em rgba(0,159,97,.5)}.badge-info{color:#212529;background-color:#ffeb99}a.badge-info:focus,a.badge-info:hover{color:#212529;background-color:#ffe166}a.badge-info.focus,a.badge-info:focus{outline:0;box-shadow:0 0 0 .2em rgba(255,235,153,.5)}.badge-warning{color:#212529;background-color:#ffb700}a.badge-warning:focus,a.badge-warning:hover{color:#212529;background-color:#cc9200}a.badge-warning.focus,a.badge-warning:focus{outline:0;box-shadow:0 0 0 .2em rgba(255,183,0,.5)}.badge-primary{color:#fff;background-color:#005fbf}a.badge-primary:focus,a.badge-primary:hover{color:#fff;background-color:#00468c}a.badge-primary.focus,a.badge-primary:focus{outline:0;box-shadow:0 0 0 .2em rgba(0,95,191,.5)}.badge-jurnal{color:#fff;background-color:#009bde}a.badge-jurnal:focus,a.badge-jurnal:hover{color:#fff;background-color:#0077ab}a.badge-jurnal.focus,a.badge-jurnal:focus{outline:0;box-shadow:0 0 0 .2em rgba(0,155,222,.5)}.badge-talenta{color:#fff;background-color:#c02a34}a.badge-talenta:focus,a.badge-talenta:hover{color:#fff;background-color:#962129}a.badge-talenta.focus,a.badge-talenta:focus{outline:0;box-shadow:0 0 0 .2em rgba(192,42,52,.5)}.badge-klikpajak{color:#fff;background-color:#f96d01}a.badge-klikpajak:focus,a.badge-klikpajak:hover{color:#fff;background-color:#c65701}a.badge-klikpajak.focus,a.badge-klikpajak:focus{outline:0;box-shadow:0 0 0 .2em rgba(249,109,1,.5)}.badge-mekari{color:#fff;background-color:#6d48e5}a.badge-mekari:focus,a.badge-mekari:hover{color:#fff;background-color:#4b1fdb}a.badge-mekari.focus,a.badge-mekari:focus{outline:0;box-shadow:0 0 0 .2em rgba(109,72,229,.5)}.badge-dark{color:#fff;background-color:#212121}a.badge-dark:focus,a.badge-dark:hover{color:#fff;background-color:#080808}a.badge-dark.focus,a.badge-dark:focus{outline:0;box-shadow:0 0 0 .2em rgba(33,33,33,.5)}.badge-slate{color:#fff;background-color:#777}a.badge-slate:focus,a.badge-slate:hover{color:#fff;background-color:#5e5e5e}a.badge-slate.focus,a.badge-slate:focus{outline:0;box-shadow:0 0 0 .2em rgba(119,119,119,.5)}.badge-muted{color:#212529;background-color:#b4b4b4}a.badge-muted:focus,a.badge-muted:hover{color:#212529;background-color:#9b9b9b}a.badge-muted.focus,a.badge-muted:focus{outline:0;box-shadow:0 0 0 .2em rgba(180,180,180,.5)}.badge-smoke{color:#212529;background-color:#e2e2e2}a.badge-smoke:focus,a.badge-smoke:hover{color:#212529;background-color:#c9c9c9}a.badge-smoke.focus,a.badge-smoke:focus{outline:0;box-shadow:0 0 0 .2em rgba(226,226,226,.5)}.badge-light{color:#212529;background-color:#fbfbfb}a.badge-light:focus,a.badge-light:hover{color:#212529;background-color:#e2e2e2}a.badge-light.focus,a.badge-light:focus{outline:0;box-shadow:0 0 0 .2em rgba(251,251,251,.5)}.badge-cloud{color:#212529;background-color:#f2f4f7}a.badge-cloud:focus,a.badge-cloud:hover{color:#212529;background-color:#d2d9e4}a.badge-cloud.focus,a.badge-cloud:focus{outline:0;box-shadow:0 0 0 .2em rgba(242,244,247,.5)}.badge-link{color:#fff;background-color:#1357ff}a.badge-link:focus,a.badge-link:hover{color:#fff;background-color:#0040df}a.badge-link.focus,a.badge-link:focus{outline:0;box-shadow:0 0 0 .2em rgba(19,87,255,.5)}.badge-white{color:#212529;background-color:#fff}a.badge-white:focus,a.badge-white:hover{color:#212529;background-color:#e6e6e6}a.badge-white.focus,a.badge-white:focus{outline:0;box-shadow:0 0 0 .2em rgba(255,255,255,.5)}.badge{font-size:.75rem;line-height:1.25;vertical-align:middle}.badge .ic{width:12px;height:12px;font-size:14px;line-height:12px;color:inherit;vertical-align:middle;cursor:pointer}.badge .ic:first-child{margin-right:12px}.badge .ic:last-child{margin-left:12px}.badge-font--circle{width:24px}.badge-font--rounded{width:auto}.badge-shape--circle{width:24px;padding:4px;border-radius:50%}.badge-shape--rounded{width:auto;border-radius:15px}.badge-sm{padding:0 4px}.badge-sm.badge-shape--circle{width:16px;padding:0}.badge-dot,.badge-dot:empty{display:inline-block;width:8px;height:8px;padding:0}
 /*# sourceMappingURL=mekari-ui-badge-min.css.map */

data/lib/assets/stylesheets/css/components/mekari-ui-badge-min.css.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../scss/mixins/_text.scss","../../../scss/vendors/_badge.scss","../../../scss/vendors/_rfs.scss","../../../scss/vendors/mixins/_border-radius.scss","../../../scss/vendors/mixins/_transition.scss","../../../scss/vendors/mixins/_hover.scss","../../../scss/vendors/mixins/_badge.scss","../../../scss/components/config/_badge.scss"],"names":[],"mappings":"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","sourcesContent":["%font-size-base {\n  font-size: $font-size-base; // 16px\n  line-height: 20px;\n  letter-spacing: $letter-spacing;\n}\n\n%font-size-sm {\n  font-size: $font-size-sm; // 12px\n  line-height: 16px;\n  letter-spacing: $letter-spacing;\n}\n","// Base class\n//\n// Requires one of the contextual, color modifier classes for `color` and\n// `background-color`.\n\n.#{$prefix}badge {\n  display: inline-block;\n  padding: $badge-padding-y $badge-padding-x;\n  @include font-size($badge-font-size);\n  font-weight: $badge-font-weight;\n  line-height: 1;\n  text-align: center;\n  white-space: nowrap;\n  vertical-align: baseline;\n  @include border-radius($badge-border-radius);\n  @include transition($badge-transition);\n\n  @at-root a#{&} {\n    @include hover-focus {\n      text-decoration: none;\n    }\n  }\n\n  // Empty badges collapse automatically\n  &:empty {\n    display: none;\n  }\n}\n\n// Quick fix for badges in buttons\n.#{$prefix}btn .#{$prefix}badge {\n  position: relative;\n  top: -1px;\n}\n\n// Pill badges\n//\n// Make them extra rounded with a modifier to replace v3's badges.\n\n.#{$prefix}badge-pill {\n  padding-right: $badge-pill-padding-x;\n  padding-left: $badge-pill-padding-x;\n  @include border-radius($badge-pill-border-radius);\n}\n\n// Colors\n//\n// Contextual variations (linked badges get darker on :hover).\n\n@each $color, $value in $theme-colors {\n  .#{$prefix}badge-#{$color} {\n    @include badge-variant($value);\n  }\n}\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","// 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","// 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","// 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","@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","%badge-shape-rounded {\n  height: 16px !important; // stylelint-disable-line declaration-no-important\n}\n%badge-font-rounded {\n  height: 12px;\n  font-size: 10px;\n  line-height: 12px;\n}\n\n.#{$prefix}badge {\n  font-size: $font-size-sm;\n  line-height: 1.25;\n  vertical-align: middle;\n  @extend %font-size-sm;\n\n  .ic {\n    width: 12px;\n    height: 12px;\n    font-size: 14px;\n    line-height: 12px;\n    color: inherit;\n    vertical-align: middle;\n    cursor: pointer;\n    &:first-child {\n      margin-right: 12px;\n    }\n    &:last-child {\n      margin-left: 12px;\n    }\n  }\n\n  &-sm {\n    padding: 0 4px;\n    &__font {\n      &--circle {\n        width: 12px;\n        @extend %badge-font-rounded;\n      }\n      &--rounded {\n        width: auto;\n        @extend %badge-font-rounded;\n      }\n    }\n    &__shape {\n      &--circle {\n        width: 16px !important; // stylelint-disable-line declaration-no-important\n        padding: 2px;\n        border-radius: 50%; // stylelint-disable-line property-blacklist\n        @extend %badge-shape-rounded;\n      }\n      &--rounded {\n        width: auto !important; // stylelint-disable-line declaration-no-important\n        padding: 2px 4px;\n        border-radius: 15px; // stylelint-disable-line property-blacklist\n        @extend %badge-shape-rounded;\n      }\n    }\n  }\n\n  &-dot,\n  &-dot:empty {\n    display: inline-block;\n    width: 8px;\n    height: 8px;\n    padding: 0;\n  }\n}\n"]}
+{"version":3,"sources":["../../../scss/mixins/_text.scss","../../../scss/vendors/_badge.scss","../../../scss/vendors/_rfs.scss","../../../scss/vendors/mixins/_border-radius.scss","../../../scss/vendors/mixins/_transition.scss","../../../scss/vendors/mixins/_hover.scss","../../../scss/vendors/mixins/_badge.scss","../../../scss/components/config/_badge.scss"],"names":[],"mappings":"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","sourcesContent":["%font-size-base {\n  font-size: $font-size-base; // 16px\n  line-height: 20px;\n  letter-spacing: $letter-spacing;\n}\n\n%font-size-sm {\n  font-size: $font-size-sm; // 12px\n  line-height: 16px;\n  letter-spacing: $letter-spacing;\n}\n","// Base class\n//\n// Requires one of the contextual, color modifier classes for `color` and\n// `background-color`.\n\n.#{$prefix}badge {\n  display: inline-block;\n  padding: $badge-padding-y $badge-padding-x;\n  @include font-size($badge-font-size);\n  font-weight: $badge-font-weight;\n  line-height: 1;\n  text-align: center;\n  white-space: nowrap;\n  vertical-align: baseline;\n  @include border-radius($badge-border-radius);\n  @include transition($badge-transition);\n\n  @at-root a#{&} {\n    @include hover-focus {\n      text-decoration: none;\n    }\n  }\n\n  // Empty badges collapse automatically\n  &:empty {\n    display: none;\n  }\n}\n\n// Quick fix for badges in buttons\n.#{$prefix}btn .#{$prefix}badge {\n  position: relative;\n  top: -1px;\n}\n\n// Pill badges\n//\n// Make them extra rounded with a modifier to replace v3's badges.\n\n.#{$prefix}badge-pill {\n  padding-right: $badge-pill-padding-x;\n  padding-left: $badge-pill-padding-x;\n  @include border-radius($badge-pill-border-radius);\n}\n\n// Colors\n//\n// Contextual variations (linked badges get darker on :hover).\n\n@each $color, $value in $theme-colors {\n  .#{$prefix}badge-#{$color} {\n    @include badge-variant($value);\n  }\n}\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","// 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","// 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","// 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","@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",".#{$prefix}badge {\n  font-size: $font-size-sm;\n  line-height: 1.25;\n  vertical-align: middle;\n  @extend %font-size-sm;\n\n  .ic {\n    width: 12px;\n    height: 12px;\n    font-size: 14px;\n    line-height: 12px;\n    color: inherit;\n    vertical-align: middle;\n    cursor: pointer;\n    &:first-child {\n      margin-right: 12px;\n    }\n    &:last-child {\n      margin-left: 12px;\n    }\n  }\n\n  &-font {\n    &--circle {\n      width: 24px;\n    }\n    &--rounded {\n      width: auto;\n    }\n  }\n  &-shape {\n    &--circle {\n      width: 24px;\n      padding: 4px;\n      border-radius: 50%; // stylelint-disable-line property-blacklist\n    }\n    &--rounded {\n      width: auto;\n      border-radius: 15px; // stylelint-disable-line property-blacklist\n    }\n  }\n\n  &-sm {\n    padding: 0 4px;\n    &.#{$prefix}badge-shape {\n      &--circle {\n        width: 16px;\n        padding: 0;\n      }\n    }\n  }\n\n  &-dot,\n  &-dot:empty {\n    display: inline-block;\n    width: 8px;\n    height: 8px;\n    padding: 0;\n  }\n}\n"]}

data/lib/assets/stylesheets/css/components/mekari-ui-badge.css

@@ -297,16 +297,6 @@ a.badge-white:focus, a.badge-white.focus {
   box-shadow: 0 0 0 0.2em rgba(255, 255, 255, 0.5);
 }
 
-.badge-sm__shape--circle, .badge-sm__shape--rounded {
-  height: 16px !important;
-}
-
-.badge-sm__font--circle, .badge-sm__font--rounded {
-  height: 12px;
-  font-size: 10px;
-  line-height: 12px;
-}
-
 .badge {
   font-size: 0.75rem;
   line-height: 1.25;
@@ -331,30 +321,34 @@ a.badge-white:focus, a.badge-white.focus {
   margin-left: 12px;
 }
 
-.badge-sm {
-  padding: 0 4px;
+.badge-font--circle {
+  width: 24px;
 }
 
-.badge-sm__font--circle {
-  width: 12px;
-}
-
-.badge-sm__font--rounded {
+.badge-font--rounded {
   width: auto;
 }
 
-.badge-sm__shape--circle {
-  width: 16px !important;
-  padding: 2px;
+.badge-shape--circle {
+  width: 24px;
+  padding: 4px;
   border-radius: 50%;
 }
 
-.badge-sm__shape--rounded {
-  width: auto !important;
-  padding: 2px 4px;
+.badge-shape--rounded {
+  width: auto;
   border-radius: 15px;
 }
 
+.badge-sm {
+  padding: 0 4px;
+}
+
+.badge-sm.badge-shape--circle {
+  width: 16px;
+  padding: 0;
+}
+
 .badge-dot, .badge-dot:empty {
   display: inline-block;
   width: 8px;

data/lib/assets/stylesheets/css/components/mekari-ui-badge.css.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../scss/mixins/_text.scss","../../../scss/vendor-extensions/_typography.scss","mekari-ui-badge.css","../../../scss/vendors/_badge.scss","../../../scss/vendor-extensions/_badge.scss","../../../scss/vendors/_rfs.scss","../../../scss/vendors/mixins/_border-radius.scss","../../../scss/vendors/mixins/_transition.scss","../../../scss/vendors/mixins/_hover.scss","../../../scss/vendors/mixins/_badge.scss","../../../scss/vendors/_variables.scss","../../../scss/vendor-extensions/_color.scss","../../../scss/components/config/_badge.scss"],"names":[],"mappings":"AAMA;EACE,kBCA0C;EDC1C,iBAAiB;EACjB,qBCGwC;ACR1C;;ACCA;EACE,qBAAqB;EACrB,gBCHqC;EC2HjC,mBAtCY;EFhFhB,gBFOuC;EENvC,cAAc;EACd,kBAAkB;EAClB,mBAAmB;EACnB,wBAAwB;EGRtB,kBFAqB;EGCnB,qIHAiI;AFWvI;;AKNI;EJNJ;IIOM,gBAAgB;ELUpB;AACF;;AMPE;ELGI,qBAAqB;ADQ3B;;ACtBA;EAoBI,aAAa;ADMjB;;ACDA;EACE,kBAAkB;EAClB,SAAS;ADIX;;ACGA;EACE,oBChCyB;EDiCzB,mBCjCyB;EEHvB,oBFIqC;AFiCzC;;ACQE;EMjDA,WCMa;EDLb,yBEQqB;ATqCvB;;AM/BE;ECVI,WCCS;EDAT,yBAAkC;AP6CxC;;AOhDU;EAQJ,UAAU;EACV,8CEHiB;AT+CvB;;ACPE;EMjDA,WCMa;EDLb,yBESqB;ATmDvB;;AM9CE;ECVI,WCCS;EDAT,yBAAkC;AP4DxC;;AO/DU;EAQJ,UAAU;EACV,6CEFiB;AT6DvB;;ACtBE;EMjDA,cCegB;EDdhB,yBEUqB;ATiEvB;;AM7DE;ECVI,cCUY;EDTZ,yBAAkC;AP2ExC;;AO9EU;EAQJ,UAAU;EACV,gDEDiB;AT2EvB;;ACrCE;EMjDA,cCegB;EDdhB,yBEYqB;AT8EvB;;AM5EE;ECVI,cCUY;EDTZ,yBAAkC;AP0FxC;;AO7FU;EAQJ,UAAU;EACV,8CECiB;ATwFvB;;ACpDE;EMjDA,WCMa;EDLb,yBEaqB;AT4FvB;;AM3FE;ECVI,WCCS;EDAT,yBAAkC;APyGxC;;AO5GU;EAQJ,UAAU;EACV,6CEEiB;ATsGvB;;ACnEE;EMjDA,WCMa;EDLb,yBEiBmB;ATuGrB;;AM1GE;ECVI,WCCS;EDAT,yBAAkC;APwHxC;;AO3HU;EAQJ,UAAU;EACV,8CEMe;ATiHrB;;AClFE;EMjDA,WCMa;EDLb,yBEgBmB;ATuHrB;;AMzHE;ECVI,WCCS;EDAT,yBAAkC;APuIxC;;AO1IU;EAQJ,UAAU;EACV,8CEKe;ATiIrB;;ACjGE;EMjDA,WCMa;EDLb,yBEkBmB;AToIrB;;AMxIE;ECVI,WCCS;EDAT,yBAAkC;APsJxC;;AOzJU;EAQJ,UAAU;EACV,8CEOe;AT8IrB;;AChHE;EMjDA,WCMa;EDLb,yBEmBmB;ATkJrB;;AMvJE;ECVI,WCCS;EDAT,yBAAkC;APqKxC;;AOxKU;EAQJ,UAAU;EACV,+CEQe;AT4JrB;;AC/HE;EMjDA,WCMa;EDLb,yBEDa;ATqLf;;AMtKE;ECVI,WCCS;EDAT,yBAAkC;APoLxC;;AOvLU;EAQJ,UAAU;EACV,6CEZS;AT+Lf;;AC9IE;EMjDA,WCMa;EDLb,sBEAU;ATmMZ;;AMrLE;ECVI,WCCS;EDAT,yBAAkC;APmMxC;;AOtMU;EAQJ,UAAU;EACV,gDEXM;AT6MZ;;AC7JE;EMjDA,cCegB;EDdhB,yBECa;ATiNf;;AMpME;ECVI,cCUY;EDTZ,yBAAkC;APkNxC;;AOrNU;EAQJ,UAAU;EACV,gDEVS;AT2Nf;;AC5KE;EMjDA,cCegB;EDdhB,yBEEa;AT+Nf;;AMnNE;ECVI,cCUY;EDTZ,yBAAkC;APiOxC;;AOpOU;EAQJ,UAAU;EACV,gDETS;ATyOf;;AC3LE;EMjDA,cCegB;EDdhB,yBEGa;AT6Of;;AMlOE;ECVI,cCUY;EDTZ,yBAAkC;APgPxC;;AOnPU;EAQJ,UAAU;EACV,gDERS;ATuPf;;AC1ME;EMjDA,cCegB;EDdhB,yBEKa;AT0Pf;;AMjPE;ECVI,cCUY;EDTZ,yBAAkC;AP+PxC;;AOlQU;EAQJ,UAAU;EACV,gDENS;AToQf;;ACzNE;EMjDA,WCMa;EDLb,yBEWqB;ATmQvB;;AMhQE;ECVI,WCCS;EDAT,yBAAkC;AP8QxC;;AOjRU;EAQJ,UAAU;EACV,8CEAiB;AT6QvB;;ACxOE;EMjDA,cCegB;EDdhB,sBEIU;ATyRZ;;AM/QE;ECVI,cCUY;EDTZ,yBAAkC;AP6RxC;;AOhSU;EAQJ,UAAU;EACV,gDEPM;ATmSZ;;AUzSA;EACE,uBAAuB;AV4SzB;;AU1SA;EACE,YAAY;EACZ,eAAe;EACf,iBAAiB;AV6SnB;;AC9SA;ESKE,kBXH0C;EWI1C,iBAAiB;EACjB,sBAAsB;AV6SxB;;AUhTA;EAOI,WAAW;EACX,YAAY;EACZ,eAAe;EACf,iBAAiB;EACjB,cAAc;EACd,sBAAsB;EACtB,eAAe;AV6SnB;;AU1TA;EAeM,kBAAkB;AV+SxB;;AU9TA;EAkBM,iBAAiB;AVgTvB;;AU5SE;EACE,cAAc;AV+SlB;;AU7SM;EACE,WAAW;AVgTnB;;AU7SM;EACE,WAAW;AVgTnB;;AU3SM;EACE,sBAAsB;EACtB,YAAY;EACZ,kBAAkB;AV8S1B;;AU3SM;EACE,sBAAsB;EACtB,gBAAgB;EAChB,mBAAmB;AV8S3B;;AUxSE;EAEE,qBAAqB;EACrB,UAAU;EACV,WAAW;EACX,UAAU;AV0Sd","file":"mekari-ui-badge.css","sourcesContent":["%font-size-base {\n  font-size: $font-size-base; // 16px\n  line-height: 20px;\n  letter-spacing: $letter-spacing;\n}\n\n%font-size-sm {\n  font-size: $font-size-sm; // 12px\n  line-height: 16px;\n  letter-spacing: $letter-spacing;\n}\n","$font-family-roboto:                  \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif;\n$font-family-base:                    $font-family-roboto;\n$font-family-monospace: monospace;\n\n// 1 rem = 16px\n$font-size-base:                      .875rem; // 14px\n$font-size-lg:                        1.25rem; // 20px\n$font-size-sm:                        .75rem; // 12px\n\n$line-height-base:                    1.4285; // The closest value to Mekari design\n$line-height-lg:                      1.4285;\n$line-height-sm:                      1.4285;\n$letter-spacing:                      .2px;\n\n$font-weight-lighter:                 400;\n$font-weight-light:                   400;\n$font-weight-normal:                  400;\n$font-weight-base:                    400;\n$font-weight-bold:                    500;\n$font-weight-bolder:                  500;\n\n$dt-font-weight: $font-weight-bold;\n\n// Text color\n$body-color:                          $dark;\n$link-color:                          $blue;\n$link-hover-color:                    darken($link-color, 15%);\n$link-decoration:                     none;\n$link-hover-decoration:               underline;\n$h5-font-size:                        16px;\n\n$input-placeholder-color:             $text-muted;\n$custom-select-disabled-color:        $text-muted;\n$custom-control-label-disabled-color: $text-muted;\n",".badge {\n  font-size: 0.75rem;\n  line-height: 16px;\n  letter-spacing: 0.2px;\n}\n\n.badge {\n  display: inline-block;\n  padding: 4px 8px;\n  font-size: 0.875rem;\n  font-weight: 400;\n  line-height: 1;\n  text-align: center;\n  white-space: nowrap;\n  vertical-align: baseline;\n  border-radius: 4px;\n  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;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .badge {\n    transition: none;\n  }\n}\n\na.badge:hover, a.badge:focus {\n  text-decoration: none;\n}\n\n.badge:empty {\n  display: none;\n}\n\n.btn .badge {\n  position: relative;\n  top: -1px;\n}\n\n.badge-pill {\n  padding-right: 0.6em;\n  padding-left: 0.6em;\n  border-radius: 10rem;\n}\n\n.badge-danger {\n  color: #fff;\n  background-color: #d74022;\n}\n\na.badge-danger:hover, a.badge-danger:focus {\n  color: #fff;\n  background-color: #ab331b;\n}\n\na.badge-danger:focus, a.badge-danger.focus {\n  outline: 0;\n  box-shadow: 0 0 0 0.2em rgba(215, 64, 34, 0.5);\n}\n\n.badge-success {\n  color: #fff;\n  background-color: #009f61;\n}\n\na.badge-success:hover, a.badge-success:focus {\n  color: #fff;\n  background-color: #006c42;\n}\n\na.badge-success:focus, a.badge-success.focus {\n  outline: 0;\n  box-shadow: 0 0 0 0.2em rgba(0, 159, 97, 0.5);\n}\n\n.badge-info {\n  color: #212529;\n  background-color: #ffeb99;\n}\n\na.badge-info:hover, a.badge-info:focus {\n  color: #212529;\n  background-color: #ffe166;\n}\n\na.badge-info:focus, a.badge-info.focus {\n  outline: 0;\n  box-shadow: 0 0 0 0.2em rgba(255, 235, 153, 0.5);\n}\n\n.badge-warning {\n  color: #212529;\n  background-color: #ffb700;\n}\n\na.badge-warning:hover, a.badge-warning:focus {\n  color: #212529;\n  background-color: #cc9200;\n}\n\na.badge-warning:focus, a.badge-warning.focus {\n  outline: 0;\n  box-shadow: 0 0 0 0.2em rgba(255, 183, 0, 0.5);\n}\n\n.badge-primary {\n  color: #fff;\n  background-color: #005fbf;\n}\n\na.badge-primary:hover, a.badge-primary:focus {\n  color: #fff;\n  background-color: #00468c;\n}\n\na.badge-primary:focus, a.badge-primary.focus {\n  outline: 0;\n  box-shadow: 0 0 0 0.2em rgba(0, 95, 191, 0.5);\n}\n\n.badge-jurnal {\n  color: #fff;\n  background-color: #009bde;\n}\n\na.badge-jurnal:hover, a.badge-jurnal:focus {\n  color: #fff;\n  background-color: #0077ab;\n}\n\na.badge-jurnal:focus, a.badge-jurnal.focus {\n  outline: 0;\n  box-shadow: 0 0 0 0.2em rgba(0, 155, 222, 0.5);\n}\n\n.badge-talenta {\n  color: #fff;\n  background-color: #c02a34;\n}\n\na.badge-talenta:hover, a.badge-talenta:focus {\n  color: #fff;\n  background-color: #962129;\n}\n\na.badge-talenta:focus, a.badge-talenta.focus {\n  outline: 0;\n  box-shadow: 0 0 0 0.2em rgba(192, 42, 52, 0.5);\n}\n\n.badge-klikpajak {\n  color: #fff;\n  background-color: #f96d01;\n}\n\na.badge-klikpajak:hover, a.badge-klikpajak:focus {\n  color: #fff;\n  background-color: #c65701;\n}\n\na.badge-klikpajak:focus, a.badge-klikpajak.focus {\n  outline: 0;\n  box-shadow: 0 0 0 0.2em rgba(249, 109, 1, 0.5);\n}\n\n.badge-mekari {\n  color: #fff;\n  background-color: #6d48e5;\n}\n\na.badge-mekari:hover, a.badge-mekari:focus {\n  color: #fff;\n  background-color: #4b1fdb;\n}\n\na.badge-mekari:focus, a.badge-mekari.focus {\n  outline: 0;\n  box-shadow: 0 0 0 0.2em rgba(109, 72, 229, 0.5);\n}\n\n.badge-dark {\n  color: #fff;\n  background-color: #212121;\n}\n\na.badge-dark:hover, a.badge-dark:focus {\n  color: #fff;\n  background-color: #080808;\n}\n\na.badge-dark:focus, a.badge-dark.focus {\n  outline: 0;\n  box-shadow: 0 0 0 0.2em rgba(33, 33, 33, 0.5);\n}\n\n.badge-slate {\n  color: #fff;\n  background-color: #777;\n}\n\na.badge-slate:hover, a.badge-slate:focus {\n  color: #fff;\n  background-color: #5e5e5e;\n}\n\na.badge-slate:focus, a.badge-slate.focus {\n  outline: 0;\n  box-shadow: 0 0 0 0.2em rgba(119, 119, 119, 0.5);\n}\n\n.badge-muted {\n  color: #212529;\n  background-color: #b4b4b4;\n}\n\na.badge-muted:hover, a.badge-muted:focus {\n  color: #212529;\n  background-color: #9b9b9b;\n}\n\na.badge-muted:focus, a.badge-muted.focus {\n  outline: 0;\n  box-shadow: 0 0 0 0.2em rgba(180, 180, 180, 0.5);\n}\n\n.badge-smoke {\n  color: #212529;\n  background-color: #e2e2e2;\n}\n\na.badge-smoke:hover, a.badge-smoke:focus {\n  color: #212529;\n  background-color: #c9c9c9;\n}\n\na.badge-smoke:focus, a.badge-smoke.focus {\n  outline: 0;\n  box-shadow: 0 0 0 0.2em rgba(226, 226, 226, 0.5);\n}\n\n.badge-light {\n  color: #212529;\n  background-color: #fbfbfb;\n}\n\na.badge-light:hover, a.badge-light:focus {\n  color: #212529;\n  background-color: #e2e2e2;\n}\n\na.badge-light:focus, a.badge-light.focus {\n  outline: 0;\n  box-shadow: 0 0 0 0.2em rgba(251, 251, 251, 0.5);\n}\n\n.badge-cloud {\n  color: #212529;\n  background-color: #f2f4f7;\n}\n\na.badge-cloud:hover, a.badge-cloud:focus {\n  color: #212529;\n  background-color: #d2d9e4;\n}\n\na.badge-cloud:focus, a.badge-cloud.focus {\n  outline: 0;\n  box-shadow: 0 0 0 0.2em rgba(242, 244, 247, 0.5);\n}\n\n.badge-link {\n  color: #fff;\n  background-color: #1357ff;\n}\n\na.badge-link:hover, a.badge-link:focus {\n  color: #fff;\n  background-color: #0040df;\n}\n\na.badge-link:focus, a.badge-link.focus {\n  outline: 0;\n  box-shadow: 0 0 0 0.2em rgba(19, 87, 255, 0.5);\n}\n\n.badge-white {\n  color: #212529;\n  background-color: #fff;\n}\n\na.badge-white:hover, a.badge-white:focus {\n  color: #212529;\n  background-color: #e6e6e6;\n}\n\na.badge-white:focus, a.badge-white.focus {\n  outline: 0;\n  box-shadow: 0 0 0 0.2em rgba(255, 255, 255, 0.5);\n}\n\n.badge-sm__shape--circle, .badge-sm__shape--rounded {\n  height: 16px !important;\n}\n\n.badge-sm__font--circle, .badge-sm__font--rounded {\n  height: 12px;\n  font-size: 10px;\n  line-height: 12px;\n}\n\n.badge {\n  font-size: 0.75rem;\n  line-height: 1.25;\n  vertical-align: middle;\n}\n\n.badge .ic {\n  width: 12px;\n  height: 12px;\n  font-size: 14px;\n  line-height: 12px;\n  color: inherit;\n  vertical-align: middle;\n  cursor: pointer;\n}\n\n.badge .ic:first-child {\n  margin-right: 12px;\n}\n\n.badge .ic:last-child {\n  margin-left: 12px;\n}\n\n.badge-sm {\n  padding: 0 4px;\n}\n\n.badge-sm__font--circle {\n  width: 12px;\n}\n\n.badge-sm__font--rounded {\n  width: auto;\n}\n\n.badge-sm__shape--circle {\n  width: 16px !important;\n  padding: 2px;\n  border-radius: 50%;\n}\n\n.badge-sm__shape--rounded {\n  width: auto !important;\n  padding: 2px 4px;\n  border-radius: 15px;\n}\n\n.badge-dot, .badge-dot:empty {\n  display: inline-block;\n  width: 8px;\n  height: 8px;\n  padding: 0;\n}\n\n/*# sourceMappingURL=mekari-ui-badge.css.map */","// Base class\n//\n// Requires one of the contextual, color modifier classes for `color` and\n// `background-color`.\n\n.#{$prefix}badge {\n  display: inline-block;\n  padding: $badge-padding-y $badge-padding-x;\n  @include font-size($badge-font-size);\n  font-weight: $badge-font-weight;\n  line-height: 1;\n  text-align: center;\n  white-space: nowrap;\n  vertical-align: baseline;\n  @include border-radius($badge-border-radius);\n  @include transition($badge-transition);\n\n  @at-root a#{&} {\n    @include hover-focus {\n      text-decoration: none;\n    }\n  }\n\n  // Empty badges collapse automatically\n  &:empty {\n    display: none;\n  }\n}\n\n// Quick fix for badges in buttons\n.#{$prefix}btn .#{$prefix}badge {\n  position: relative;\n  top: -1px;\n}\n\n// Pill badges\n//\n// Make them extra rounded with a modifier to replace v3's badges.\n\n.#{$prefix}badge-pill {\n  padding-right: $badge-pill-padding-x;\n  padding-left: $badge-pill-padding-x;\n  @include border-radius($badge-pill-border-radius);\n}\n\n// Colors\n//\n// Contextual variations (linked badges get darker on :hover).\n\n@each $color, $value in $theme-colors {\n  .#{$prefix}badge-#{$color} {\n    @include badge-variant($value);\n  }\n}\n","// Badges\n$badge-font-size:                   $font-size-base;\n$badge-font-weight:                 $font-weight-normal;\n$badge-padding-y:                   4px;\n$badge-padding-x:                   8px;\n$badge-border-radius: 4px;\n$badge-transition: color .15s ease-in-out, background-color .15s ease-in-out,border-color .15s ease-in-out, box-shadow .15s ease-in-out;\n\n$badge-pill-padding-x: .6em;\n$badge-pill-border-radius:          10rem;\n$badge-focus-width: .2em;\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","// 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","// 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","// 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","@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","// 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 `<body>` 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","// Neutrals color variables\n$dark:  #212121;\n$slate: #777;\n$muted: #b4b4b4;\n$smoke: #e2e2e2;\n$snow:  #fbfbfb;\n$white: #fff;\n$cloud: #f2f4f7;\n\n// UI color variables\n$red:           #d74022;\n$green:         #009f61;\n$light-yellow:  #ffeb99;\n$blue:          #1357ff;\n$orange:        #ffb700;\n$sapphire:      #005fbf;\n\n// Branding color variables\n$crimson:     #c02a34;\n$azure:       #009bde;\n$salamander:  #f96d01;\n$purple:      #6d48e5;\n\n// Bootstrap dependencies color\n$black:    #000 !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\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$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// register mekari color variables too bootstrap\n$colors: ();\n$colors: map-merge(\n  (\n    \"noir\"         : $dark, // going to deprecated\n    \"dark\"         : $dark,\n    \"slate\"        : $slate,\n    \"muted\"        : $muted,\n    \"smoke\"        : $smoke,\n    \"snow\"         : $snow,\n    \"cloud\"        : $cloud,\n    \"crimson\"      : $crimson,\n    \"azure\"        : $azure,\n    \"salamander\"   : $salamander,\n    \"purple\"       : $purple,\n    \"sapphire\"     : $sapphire,\n    \"white\"        : $white,\n    \"red\"          : $red,\n    \"orange\"       : $orange,\n    \"green\"        : $green,\n    \"blue\"         : $blue,\n    \"light-yellow\" : $light-yellow\n  ),\n  $colors\n);\n\n//extend bootstrap class\n$danger:    $red;\n$success:   $green;\n$info:      $light-yellow;\n$warning:   $orange;\n$primary:   $sapphire;\n$jurnal:    $azure;\n$talenta:   $crimson;\n$klikpajak: $salamander;\n$mekari:    $purple;\n\n$link: $blue;\n\n$text-muted:  $muted;\n$body-color:  $dark;\n$dark:        $dark;\n$secondary:   $slate;\n$light:       $snow;\n\n// Add more theme color variables\n$theme-colors: ();\n$theme-colors: map-merge(\n  (\n    \"danger\"    : $danger,\n    \"success\"   : $success,\n    \"info\"      : $info,\n    \"warning\"   : $warning,\n    \"primary\"   : $primary,\n    \"jurnal\"    : $jurnal,\n    \"talenta\"   : $talenta,\n    \"klikpajak\" : $klikpajak,\n    \"mekari\"    : $mekari,\n    \"dark\"      : $dark,\n    \"slate\"     : $slate,\n    \"muted\"     : $muted,\n    \"smoke\"     : $smoke,\n    \"light\"     : $light,\n    \"cloud\"     : $cloud,\n    \"link\"      : $blue,\n    \"white\"     : $white\n  ),\n  $theme-colors\n);\n\n$card-border-color: $smoke;\n$body-bg: $white;\n","%badge-shape-rounded {\n  height: 16px !important; // stylelint-disable-line declaration-no-important\n}\n%badge-font-rounded {\n  height: 12px;\n  font-size: 10px;\n  line-height: 12px;\n}\n\n.#{$prefix}badge {\n  font-size: $font-size-sm;\n  line-height: 1.25;\n  vertical-align: middle;\n  @extend %font-size-sm;\n\n  .ic {\n    width: 12px;\n    height: 12px;\n    font-size: 14px;\n    line-height: 12px;\n    color: inherit;\n    vertical-align: middle;\n    cursor: pointer;\n    &:first-child {\n      margin-right: 12px;\n    }\n    &:last-child {\n      margin-left: 12px;\n    }\n  }\n\n  &-sm {\n    padding: 0 4px;\n    &__font {\n      &--circle {\n        width: 12px;\n        @extend %badge-font-rounded;\n      }\n      &--rounded {\n        width: auto;\n        @extend %badge-font-rounded;\n      }\n    }\n    &__shape {\n      &--circle {\n        width: 16px !important; // stylelint-disable-line declaration-no-important\n        padding: 2px;\n        border-radius: 50%; // stylelint-disable-line property-blacklist\n        @extend %badge-shape-rounded;\n      }\n      &--rounded {\n        width: auto !important; // stylelint-disable-line declaration-no-important\n        padding: 2px 4px;\n        border-radius: 15px; // stylelint-disable-line property-blacklist\n        @extend %badge-shape-rounded;\n      }\n    }\n  }\n\n  &-dot,\n  &-dot:empty {\n    display: inline-block;\n    width: 8px;\n    height: 8px;\n    padding: 0;\n  }\n}\n"]}
+{"version":3,"sources":["../../../scss/mixins/_text.scss","../../../scss/vendor-extensions/_typography.scss","mekari-ui-badge.css","../../../scss/vendors/_badge.scss","../../../scss/vendor-extensions/_badge.scss","../../../scss/vendors/_rfs.scss","../../../scss/vendors/mixins/_border-radius.scss","../../../scss/vendors/mixins/_transition.scss","../../../scss/vendors/mixins/_hover.scss","../../../scss/vendors/mixins/_badge.scss","../../../scss/vendors/_variables.scss","../../../scss/vendor-extensions/_color.scss","../../../scss/components/config/_badge.scss"],"names":[],"mappings":"AAMA;EACE,kBCA0C;EDC1C,iBAAiB;EACjB,qBCGwC;ACR1C;;ACCA;EACE,qBAAqB;EACrB,gBCHqC;EC2HjC,mBAtCY;EFhFhB,gBFOuC;EENvC,cAAc;EACd,kBAAkB;EAClB,mBAAmB;EACnB,wBAAwB;EGRtB,kBFAqB;EGCnB,qIHAiI;AFWvI;;AKNI;EJNJ;IIOM,gBAAgB;ELUpB;AACF;;AMPE;ELGI,qBAAqB;ADQ3B;;ACtBA;EAoBI,aAAa;ADMjB;;ACDA;EACE,kBAAkB;EAClB,SAAS;ADIX;;ACGA;EACE,oBChCyB;EDiCzB,mBCjCyB;EEHvB,oBFIqC;AFiCzC;;ACQE;EMjDA,WCMa;EDLb,yBEQqB;ATqCvB;;AM/BE;ECVI,WCCS;EDAT,yBAAkC;AP6CxC;;AOhDU;EAQJ,UAAU;EACV,8CEHiB;AT+CvB;;ACPE;EMjDA,WCMa;EDLb,yBESqB;ATmDvB;;AM9CE;ECVI,WCCS;EDAT,yBAAkC;AP4DxC;;AO/DU;EAQJ,UAAU;EACV,6CEFiB;AT6DvB;;ACtBE;EMjDA,cCegB;EDdhB,yBEUqB;ATiEvB;;AM7DE;ECVI,cCUY;EDTZ,yBAAkC;AP2ExC;;AO9EU;EAQJ,UAAU;EACV,gDEDiB;AT2EvB;;ACrCE;EMjDA,cCegB;EDdhB,yBEYqB;AT8EvB;;AM5EE;ECVI,cCUY;EDTZ,yBAAkC;AP0FxC;;AO7FU;EAQJ,UAAU;EACV,8CECiB;ATwFvB;;ACpDE;EMjDA,WCMa;EDLb,yBEaqB;AT4FvB;;AM3FE;ECVI,WCCS;EDAT,yBAAkC;APyGxC;;AO5GU;EAQJ,UAAU;EACV,6CEEiB;ATsGvB;;ACnEE;EMjDA,WCMa;EDLb,yBEiBmB;ATuGrB;;AM1GE;ECVI,WCCS;EDAT,yBAAkC;APwHxC;;AO3HU;EAQJ,UAAU;EACV,8CEMe;ATiHrB;;AClFE;EMjDA,WCMa;EDLb,yBEgBmB;ATuHrB;;AMzHE;ECVI,WCCS;EDAT,yBAAkC;APuIxC;;AO1IU;EAQJ,UAAU;EACV,8CEKe;ATiIrB;;ACjGE;EMjDA,WCMa;EDLb,yBEkBmB;AToIrB;;AMxIE;ECVI,WCCS;EDAT,yBAAkC;APsJxC;;AOzJU;EAQJ,UAAU;EACV,8CEOe;AT8IrB;;AChHE;EMjDA,WCMa;EDLb,yBEmBmB;ATkJrB;;AMvJE;ECVI,WCCS;EDAT,yBAAkC;APqKxC;;AOxKU;EAQJ,UAAU;EACV,+CEQe;AT4JrB;;AC/HE;EMjDA,WCMa;EDLb,yBEDa;ATqLf;;AMtKE;ECVI,WCCS;EDAT,yBAAkC;APoLxC;;AOvLU;EAQJ,UAAU;EACV,6CEZS;AT+Lf;;AC9IE;EMjDA,WCMa;EDLb,sBEAU;ATmMZ;;AMrLE;ECVI,WCCS;EDAT,yBAAkC;APmMxC;;AOtMU;EAQJ,UAAU;EACV,gDEXM;AT6MZ;;AC7JE;EMjDA,cCegB;EDdhB,yBECa;ATiNf;;AMpME;ECVI,cCUY;EDTZ,yBAAkC;APkNxC;;AOrNU;EAQJ,UAAU;EACV,gDEVS;AT2Nf;;AC5KE;EMjDA,cCegB;EDdhB,yBEEa;AT+Nf;;AMnNE;ECVI,cCUY;EDTZ,yBAAkC;APiOxC;;AOpOU;EAQJ,UAAU;EACV,gDETS;ATyOf;;AC3LE;EMjDA,cCegB;EDdhB,yBEGa;AT6Of;;AMlOE;ECVI,cCUY;EDTZ,yBAAkC;APgPxC;;AOnPU;EAQJ,UAAU;EACV,gDERS;ATuPf;;AC1ME;EMjDA,cCegB;EDdhB,yBEKa;AT0Pf;;AMjPE;ECVI,cCUY;EDTZ,yBAAkC;AP+PxC;;AOlQU;EAQJ,UAAU;EACV,gDENS;AToQf;;ACzNE;EMjDA,WCMa;EDLb,yBEWqB;ATmQvB;;AMhQE;ECVI,WCCS;EDAT,yBAAkC;AP8QxC;;AOjRU;EAQJ,UAAU;EACV,8CEAiB;AT6QvB;;ACxOE;EMjDA,cCegB;EDdhB,sBEIU;ATyRZ;;AM/QE;ECVI,cCUY;EDTZ,yBAAkC;AP6RxC;;AOhSU;EAQJ,UAAU;EACV,gDEPM;ATmSZ;;ACpSA;ESJE,kBXM0C;EWL1C,iBAAiB;EACjB,sBAAsB;AV4SxB;;AU/SA;EAOI,WAAW;EACX,YAAY;EACZ,eAAe;EACf,iBAAiB;EACjB,cAAc;EACd,sBAAsB;EACtB,eAAe;AV4SnB;;AUzTA;EAeM,kBAAkB;AV8SxB;;AU7TA;EAkBM,iBAAiB;AV+SvB;;AU1SI;EACE,WAAW;AV6SjB;;AU3SI;EACE,WAAW;AV8SjB;;AU1SI;EACE,WAAW;EACX,YAAY;EACZ,kBAAkB;AV6SxB;;AU3SI;EACE,WAAW;EACX,mBAAmB;AV8SzB;;AU1SE;EACE,cAAc;AV6SlB;;AU9SG;EAIK,WAAW;EACX,UAAU;AV8SlB;;AUzSE;EAEE,qBAAqB;EACrB,UAAU;EACV,WAAW;EACX,UAAU;AV2Sd","file":"mekari-ui-badge.css","sourcesContent":["%font-size-base {\n  font-size: $font-size-base; // 16px\n  line-height: 20px;\n  letter-spacing: $letter-spacing;\n}\n\n%font-size-sm {\n  font-size: $font-size-sm; // 12px\n  line-height: 16px;\n  letter-spacing: $letter-spacing;\n}\n","$font-family-roboto:                  \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif;\n$font-family-base:                    $font-family-roboto;\n$font-family-monospace: monospace;\n\n// 1 rem = 16px\n$font-size-base:                      .875rem; // 14px\n$font-size-lg:                        1.25rem; // 20px\n$font-size-sm:                        .75rem; // 12px\n\n$line-height-base:                    1.4285; // The closest value to Mekari design\n$line-height-lg:                      1.4285;\n$line-height-sm:                      1.4285;\n$letter-spacing:                      .2px;\n\n$font-weight-lighter:                 400;\n$font-weight-light:                   400;\n$font-weight-normal:                  400;\n$font-weight-base:                    400;\n$font-weight-bold:                    500;\n$font-weight-bolder:                  500;\n\n$dt-font-weight: $font-weight-bold;\n\n// Text color\n$body-color:                          $dark;\n$link-color:                          $blue;\n$link-hover-color:                    darken($link-color, 15%);\n$link-decoration:                     none;\n$link-hover-decoration:               underline;\n$h5-font-size:                        16px;\n\n$input-placeholder-color:             $text-muted;\n$custom-select-disabled-color:        $text-muted;\n$custom-control-label-disabled-color: $text-muted;\n",".badge {\n  font-size: 0.75rem;\n  line-height: 16px;\n  letter-spacing: 0.2px;\n}\n\n.badge {\n  display: inline-block;\n  padding: 4px 8px;\n  font-size: 0.875rem;\n  font-weight: 400;\n  line-height: 1;\n  text-align: center;\n  white-space: nowrap;\n  vertical-align: baseline;\n  border-radius: 4px;\n  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;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .badge {\n    transition: none;\n  }\n}\n\na.badge:hover, a.badge:focus {\n  text-decoration: none;\n}\n\n.badge:empty {\n  display: none;\n}\n\n.btn .badge {\n  position: relative;\n  top: -1px;\n}\n\n.badge-pill {\n  padding-right: 0.6em;\n  padding-left: 0.6em;\n  border-radius: 10rem;\n}\n\n.badge-danger {\n  color: #fff;\n  background-color: #d74022;\n}\n\na.badge-danger:hover, a.badge-danger:focus {\n  color: #fff;\n  background-color: #ab331b;\n}\n\na.badge-danger:focus, a.badge-danger.focus {\n  outline: 0;\n  box-shadow: 0 0 0 0.2em rgba(215, 64, 34, 0.5);\n}\n\n.badge-success {\n  color: #fff;\n  background-color: #009f61;\n}\n\na.badge-success:hover, a.badge-success:focus {\n  color: #fff;\n  background-color: #006c42;\n}\n\na.badge-success:focus, a.badge-success.focus {\n  outline: 0;\n  box-shadow: 0 0 0 0.2em rgba(0, 159, 97, 0.5);\n}\n\n.badge-info {\n  color: #212529;\n  background-color: #ffeb99;\n}\n\na.badge-info:hover, a.badge-info:focus {\n  color: #212529;\n  background-color: #ffe166;\n}\n\na.badge-info:focus, a.badge-info.focus {\n  outline: 0;\n  box-shadow: 0 0 0 0.2em rgba(255, 235, 153, 0.5);\n}\n\n.badge-warning {\n  color: #212529;\n  background-color: #ffb700;\n}\n\na.badge-warning:hover, a.badge-warning:focus {\n  color: #212529;\n  background-color: #cc9200;\n}\n\na.badge-warning:focus, a.badge-warning.focus {\n  outline: 0;\n  box-shadow: 0 0 0 0.2em rgba(255, 183, 0, 0.5);\n}\n\n.badge-primary {\n  color: #fff;\n  background-color: #005fbf;\n}\n\na.badge-primary:hover, a.badge-primary:focus {\n  color: #fff;\n  background-color: #00468c;\n}\n\na.badge-primary:focus, a.badge-primary.focus {\n  outline: 0;\n  box-shadow: 0 0 0 0.2em rgba(0, 95, 191, 0.5);\n}\n\n.badge-jurnal {\n  color: #fff;\n  background-color: #009bde;\n}\n\na.badge-jurnal:hover, a.badge-jurnal:focus {\n  color: #fff;\n  background-color: #0077ab;\n}\n\na.badge-jurnal:focus, a.badge-jurnal.focus {\n  outline: 0;\n  box-shadow: 0 0 0 0.2em rgba(0, 155, 222, 0.5);\n}\n\n.badge-talenta {\n  color: #fff;\n  background-color: #c02a34;\n}\n\na.badge-talenta:hover, a.badge-talenta:focus {\n  color: #fff;\n  background-color: #962129;\n}\n\na.badge-talenta:focus, a.badge-talenta.focus {\n  outline: 0;\n  box-shadow: 0 0 0 0.2em rgba(192, 42, 52, 0.5);\n}\n\n.badge-klikpajak {\n  color: #fff;\n  background-color: #f96d01;\n}\n\na.badge-klikpajak:hover, a.badge-klikpajak:focus {\n  color: #fff;\n  background-color: #c65701;\n}\n\na.badge-klikpajak:focus, a.badge-klikpajak.focus {\n  outline: 0;\n  box-shadow: 0 0 0 0.2em rgba(249, 109, 1, 0.5);\n}\n\n.badge-mekari {\n  color: #fff;\n  background-color: #6d48e5;\n}\n\na.badge-mekari:hover, a.badge-mekari:focus {\n  color: #fff;\n  background-color: #4b1fdb;\n}\n\na.badge-mekari:focus, a.badge-mekari.focus {\n  outline: 0;\n  box-shadow: 0 0 0 0.2em rgba(109, 72, 229, 0.5);\n}\n\n.badge-dark {\n  color: #fff;\n  background-color: #212121;\n}\n\na.badge-dark:hover, a.badge-dark:focus {\n  color: #fff;\n  background-color: #080808;\n}\n\na.badge-dark:focus, a.badge-dark.focus {\n  outline: 0;\n  box-shadow: 0 0 0 0.2em rgba(33, 33, 33, 0.5);\n}\n\n.badge-slate {\n  color: #fff;\n  background-color: #777;\n}\n\na.badge-slate:hover, a.badge-slate:focus {\n  color: #fff;\n  background-color: #5e5e5e;\n}\n\na.badge-slate:focus, a.badge-slate.focus {\n  outline: 0;\n  box-shadow: 0 0 0 0.2em rgba(119, 119, 119, 0.5);\n}\n\n.badge-muted {\n  color: #212529;\n  background-color: #b4b4b4;\n}\n\na.badge-muted:hover, a.badge-muted:focus {\n  color: #212529;\n  background-color: #9b9b9b;\n}\n\na.badge-muted:focus, a.badge-muted.focus {\n  outline: 0;\n  box-shadow: 0 0 0 0.2em rgba(180, 180, 180, 0.5);\n}\n\n.badge-smoke {\n  color: #212529;\n  background-color: #e2e2e2;\n}\n\na.badge-smoke:hover, a.badge-smoke:focus {\n  color: #212529;\n  background-color: #c9c9c9;\n}\n\na.badge-smoke:focus, a.badge-smoke.focus {\n  outline: 0;\n  box-shadow: 0 0 0 0.2em rgba(226, 226, 226, 0.5);\n}\n\n.badge-light {\n  color: #212529;\n  background-color: #fbfbfb;\n}\n\na.badge-light:hover, a.badge-light:focus {\n  color: #212529;\n  background-color: #e2e2e2;\n}\n\na.badge-light:focus, a.badge-light.focus {\n  outline: 0;\n  box-shadow: 0 0 0 0.2em rgba(251, 251, 251, 0.5);\n}\n\n.badge-cloud {\n  color: #212529;\n  background-color: #f2f4f7;\n}\n\na.badge-cloud:hover, a.badge-cloud:focus {\n  color: #212529;\n  background-color: #d2d9e4;\n}\n\na.badge-cloud:focus, a.badge-cloud.focus {\n  outline: 0;\n  box-shadow: 0 0 0 0.2em rgba(242, 244, 247, 0.5);\n}\n\n.badge-link {\n  color: #fff;\n  background-color: #1357ff;\n}\n\na.badge-link:hover, a.badge-link:focus {\n  color: #fff;\n  background-color: #0040df;\n}\n\na.badge-link:focus, a.badge-link.focus {\n  outline: 0;\n  box-shadow: 0 0 0 0.2em rgba(19, 87, 255, 0.5);\n}\n\n.badge-white {\n  color: #212529;\n  background-color: #fff;\n}\n\na.badge-white:hover, a.badge-white:focus {\n  color: #212529;\n  background-color: #e6e6e6;\n}\n\na.badge-white:focus, a.badge-white.focus {\n  outline: 0;\n  box-shadow: 0 0 0 0.2em rgba(255, 255, 255, 0.5);\n}\n\n.badge {\n  font-size: 0.75rem;\n  line-height: 1.25;\n  vertical-align: middle;\n}\n\n.badge .ic {\n  width: 12px;\n  height: 12px;\n  font-size: 14px;\n  line-height: 12px;\n  color: inherit;\n  vertical-align: middle;\n  cursor: pointer;\n}\n\n.badge .ic:first-child {\n  margin-right: 12px;\n}\n\n.badge .ic:last-child {\n  margin-left: 12px;\n}\n\n.badge-font--circle {\n  width: 24px;\n}\n\n.badge-font--rounded {\n  width: auto;\n}\n\n.badge-shape--circle {\n  width: 24px;\n  padding: 4px;\n  border-radius: 50%;\n}\n\n.badge-shape--rounded {\n  width: auto;\n  border-radius: 15px;\n}\n\n.badge-sm {\n  padding: 0 4px;\n}\n\n.badge-sm.badge-shape--circle {\n  width: 16px;\n  padding: 0;\n}\n\n.badge-dot, .badge-dot:empty {\n  display: inline-block;\n  width: 8px;\n  height: 8px;\n  padding: 0;\n}\n\n/*# sourceMappingURL=mekari-ui-badge.css.map */","// Base class\n//\n// Requires one of the contextual, color modifier classes for `color` and\n// `background-color`.\n\n.#{$prefix}badge {\n  display: inline-block;\n  padding: $badge-padding-y $badge-padding-x;\n  @include font-size($badge-font-size);\n  font-weight: $badge-font-weight;\n  line-height: 1;\n  text-align: center;\n  white-space: nowrap;\n  vertical-align: baseline;\n  @include border-radius($badge-border-radius);\n  @include transition($badge-transition);\n\n  @at-root a#{&} {\n    @include hover-focus {\n      text-decoration: none;\n    }\n  }\n\n  // Empty badges collapse automatically\n  &:empty {\n    display: none;\n  }\n}\n\n// Quick fix for badges in buttons\n.#{$prefix}btn .#{$prefix}badge {\n  position: relative;\n  top: -1px;\n}\n\n// Pill badges\n//\n// Make them extra rounded with a modifier to replace v3's badges.\n\n.#{$prefix}badge-pill {\n  padding-right: $badge-pill-padding-x;\n  padding-left: $badge-pill-padding-x;\n  @include border-radius($badge-pill-border-radius);\n}\n\n// Colors\n//\n// Contextual variations (linked badges get darker on :hover).\n\n@each $color, $value in $theme-colors {\n  .#{$prefix}badge-#{$color} {\n    @include badge-variant($value);\n  }\n}\n","// Badges\n$badge-font-size:                   $font-size-base;\n$badge-font-weight:                 $font-weight-normal;\n$badge-padding-y:                   4px;\n$badge-padding-x:                   8px;\n$badge-border-radius: 4px;\n$badge-transition: color .15s ease-in-out, background-color .15s ease-in-out,border-color .15s ease-in-out, box-shadow .15s ease-in-out;\n\n$badge-pill-padding-x: .6em;\n$badge-pill-border-radius:          10rem;\n$badge-focus-width: .2em;\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","// 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","// 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","// 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","@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","// 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 `<body>` 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","// Neutrals color variables\n$dark:  #212121;\n$slate: #777;\n$muted: #b4b4b4;\n$smoke: #e2e2e2;\n$snow:  #fbfbfb;\n$white: #fff;\n$cloud: #f2f4f7;\n\n// UI color variables\n$red:           #d74022;\n$green:         #009f61;\n$light-yellow:  #ffeb99;\n$blue:          #1357ff;\n$orange:        #ffb700;\n$sapphire:      #005fbf;\n\n// Branding color variables\n$crimson:     #c02a34;\n$azure:       #009bde;\n$salamander:  #f96d01;\n$purple:      #6d48e5;\n\n// Bootstrap dependencies color\n$black:    #000 !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\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$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// register mekari color variables too bootstrap\n$colors: ();\n$colors: map-merge(\n  (\n    \"noir\"         : $dark, // going to deprecated\n    \"dark\"         : $dark,\n    \"slate\"        : $slate,\n    \"muted\"        : $muted,\n    \"smoke\"        : $smoke,\n    \"snow\"         : $snow,\n    \"cloud\"        : $cloud,\n    \"crimson\"      : $crimson,\n    \"azure\"        : $azure,\n    \"salamander\"   : $salamander,\n    \"purple\"       : $purple,\n    \"sapphire\"     : $sapphire,\n    \"white\"        : $white,\n    \"red\"          : $red,\n    \"orange\"       : $orange,\n    \"green\"        : $green,\n    \"blue\"         : $blue,\n    \"light-yellow\" : $light-yellow\n  ),\n  $colors\n);\n\n//extend bootstrap class\n$danger:    $red;\n$success:   $green;\n$info:      $light-yellow;\n$warning:   $orange;\n$primary:   $sapphire;\n$jurnal:    $azure;\n$talenta:   $crimson;\n$klikpajak: $salamander;\n$mekari:    $purple;\n\n$link: $blue;\n\n$text-muted:  $muted;\n$body-color:  $dark;\n$dark:        $dark;\n$secondary:   $slate;\n$light:       $snow;\n\n// Add more theme color variables\n$theme-colors: ();\n$theme-colors: map-merge(\n  (\n    \"danger\"    : $danger,\n    \"success\"   : $success,\n    \"info\"      : $info,\n    \"warning\"   : $warning,\n    \"primary\"   : $primary,\n    \"jurnal\"    : $jurnal,\n    \"talenta\"   : $talenta,\n    \"klikpajak\" : $klikpajak,\n    \"mekari\"    : $mekari,\n    \"dark\"      : $dark,\n    \"slate\"     : $slate,\n    \"muted\"     : $muted,\n    \"smoke\"     : $smoke,\n    \"light\"     : $light,\n    \"cloud\"     : $cloud,\n    \"link\"      : $blue,\n    \"white\"     : $white\n  ),\n  $theme-colors\n);\n\n$card-border-color: $smoke;\n$body-bg: $white;\n",".#{$prefix}badge {\n  font-size: $font-size-sm;\n  line-height: 1.25;\n  vertical-align: middle;\n  @extend %font-size-sm;\n\n  .ic {\n    width: 12px;\n    height: 12px;\n    font-size: 14px;\n    line-height: 12px;\n    color: inherit;\n    vertical-align: middle;\n    cursor: pointer;\n    &:first-child {\n      margin-right: 12px;\n    }\n    &:last-child {\n      margin-left: 12px;\n    }\n  }\n\n  &-font {\n    &--circle {\n      width: 24px;\n    }\n    &--rounded {\n      width: auto;\n    }\n  }\n  &-shape {\n    &--circle {\n      width: 24px;\n      padding: 4px;\n      border-radius: 50%; // stylelint-disable-line property-blacklist\n    }\n    &--rounded {\n      width: auto;\n      border-radius: 15px; // stylelint-disable-line property-blacklist\n    }\n  }\n\n  &-sm {\n    padding: 0 4px;\n    &.#{$prefix}badge-shape {\n      &--circle {\n        width: 16px;\n        padding: 0;\n      }\n    }\n  }\n\n  &-dot,\n  &-dot:empty {\n    display: inline-block;\n    width: 8px;\n    height: 8px;\n    padding: 0;\n  }\n}\n"]}

data/lib/assets/stylesheets/css/components/mekari-ui-button-min.css

@@ -1,2 +1,2 @@
-@-webkit-keyframes spinner-border{to{transform:rotate(360deg)}}@keyframes spinner-border{to{transform:rotate(360deg)}}.spinner-border{display:inline-block;width:2rem;height:2rem;vertical-align:text-bottom;border:.25em solid currentColor;border-right-color:transparent;border-radius:50%;-webkit-animation:spinner-border .75s linear infinite;animation:spinner-border .75s linear infinite}.spinner-border-sm{width:1rem;height:1rem;border-width:.2em}@-webkit-keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1}}@keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1}}.spinner-grow{display:inline-block;width:2rem;height:2rem;vertical-align:text-bottom;background-color:currentColor;border-radius:50%;opacity:0;-webkit-animation:spinner-grow .75s linear infinite;animation:spinner-grow .75s linear infinite}.spinner-grow-sm{width:1rem;height:1rem}.btn{display:inline-block;font-family:Roboto,Oxygen,Ubuntu,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif;font-weight:400;color:#212121;text-align:center;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:transparent;border:1px solid transparent;padding:8px 16px;font-size:.875rem;line-height:20px;border-radius:4px;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.btn{transition:none}}.btn:hover{color:#212121;text-decoration:none}.btn.focus,.btn:focus{outline:0;box-shadow:0 0 4px 1px #1357ff}.btn.disabled,.btn:disabled{opacity:.65}a.btn.disabled,fieldset:disabled a.btn{pointer-events:none}.btn-danger{color:#fff;background-color:#d74022;border-color:#d74022}.btn-danger:hover{color:#fff;background-color:#b6361d;border-color:#ab331b}.btn-danger.focus,.btn-danger:focus{box-shadow:0 0 0 .2rem rgba(221,93,67,.5)}.btn-danger.disabled,.btn-danger:disabled{color:#fff;background-color:#d74022;border-color:#d74022}.btn-danger:not(:disabled):not(.disabled).active,.btn-danger:not(:disabled):not(.disabled):active,.show>.btn-danger.dropdown-toggle{color:#fff;background-color:#ab331b;border-color:#a03019}.btn-danger:not(:disabled):not(.disabled).active:focus,.btn-danger:not(:disabled):not(.disabled):active:focus,.show>.btn-danger.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(221,93,67,.5)}.btn-success{color:#fff;background-color:#009f61;border-color:#009f61}.btn-success:hover{color:#fff;background-color:#00794a;border-color:#006c42}.btn-success.focus,.btn-success:focus{box-shadow:0 0 0 .2rem rgba(38,173,121,.5)}.btn-success.disabled,.btn-success:disabled{color:#fff;background-color:#009f61;border-color:#009f61}.btn-success:not(:disabled):not(.disabled).active,.btn-success:not(:disabled):not(.disabled):active,.show>.btn-success.dropdown-toggle{color:#fff;background-color:#006c42;border-color:#005f3a}.btn-success:not(:disabled):not(.disabled).active:focus,.btn-success:not(:disabled):not(.disabled):active:focus,.show>.btn-success.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(38,173,121,.5)}.btn-info{color:#212529;background-color:#ffeb99;border-color:#ffeb99}.btn-info:hover{color:#212529;background-color:#ffe473;border-color:#ffe166}.btn-info.focus,.btn-info:focus{box-shadow:0 0 0 .2rem rgba(222,205,136,.5)}.btn-info.disabled,.btn-info:disabled{color:#212529;background-color:#ffeb99;border-color:#ffeb99}.btn-info:not(:disabled):not(.disabled).active,.btn-info:not(:disabled):not(.disabled):active,.show>.btn-info.dropdown-toggle{color:#212529;background-color:#ffe166;border-color:#ffdf59}.btn-info:not(:disabled):not(.disabled).active:focus,.btn-info:not(:disabled):not(.disabled):active:focus,.show>.btn-info.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(222,205,136,.5)}.btn-warning{color:#212529;background-color:#ffb700;border-color:#ffb700}.btn-warning:hover{color:#212529;background-color:#d99c00;border-color:#cc9200}.btn-warning.focus,.btn-warning:focus{box-shadow:0 0 0 .2rem rgba(222,161,6,.5)}.btn-warning.disabled,.btn-warning:disabled{color:#212529;background-color:#ffb700;border-color:#ffb700}.btn-warning:not(:disabled):not(.disabled).active,.btn-warning:not(:disabled):not(.disabled):active,.show>.btn-warning.dropdown-toggle{color:#fff;background-color:#cc9200;border-color:#bf8900}.btn-warning:not(:disabled):not(.disabled).active:focus,.btn-warning:not(:disabled):not(.disabled):active:focus,.show>.btn-warning.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(222,161,6,.5)}.btn-primary{color:#fff;background-color:#005fbf;border-color:#005fbf}.btn-primary:hover{color:#fff;background-color:#004c99;border-color:#00468c}.btn-primary.focus,.btn-primary:focus{box-shadow:0 0 0 .2rem rgba(38,119,201,.5)}.btn-primary.disabled,.btn-primary:disabled{color:#fff;background-color:#005fbf;border-color:#005fbf}.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle{color:#fff;background-color:#00468c;border-color:#003f7f}.btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(38,119,201,.5)}.btn-jurnal{color:#fff;background-color:#009bde;border-color:#009bde}.btn-jurnal:hover{color:#fff;background-color:#0080b8;border-color:#0077ab}.btn-jurnal.focus,.btn-jurnal:focus{box-shadow:0 0 0 .2rem rgba(38,170,227,.5)}.btn-jurnal.disabled,.btn-jurnal:disabled{color:#fff;background-color:#009bde;border-color:#009bde}.btn-jurnal:not(:disabled):not(.disabled).active,.btn-jurnal:not(:disabled):not(.disabled):active,.show>.btn-jurnal.dropdown-toggle{color:#fff;background-color:#0077ab;border-color:#006e9e}.btn-jurnal:not(:disabled):not(.disabled).active:focus,.btn-jurnal:not(:disabled):not(.disabled):active:focus,.show>.btn-jurnal.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(38,170,227,.5)}.btn-talenta{color:#fff;background-color:#c02a34;border-color:#c02a34}.btn-talenta:hover{color:#fff;background-color:#a1232c;border-color:#962129}.btn-talenta.focus,.btn-talenta:focus{box-shadow:0 0 0 .2rem rgba(201,74,82,.5)}.btn-talenta.disabled,.btn-talenta:disabled{color:#fff;background-color:#c02a34;border-color:#c02a34}.btn-talenta:not(:disabled):not(.disabled).active,.btn-talenta:not(:disabled):not(.disabled):active,.show>.btn-talenta.dropdown-toggle{color:#fff;background-color:#962129;border-color:#8c1f26}.btn-talenta:not(:disabled):not(.disabled).active:focus,.btn-talenta:not(:disabled):not(.disabled):active:focus,.show>.btn-talenta.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(201,74,82,.5)}.btn-klikpajak{color:#fff;background-color:#f96d01;border-color:#f96d01}.btn-klikpajak:hover{color:#fff;background-color:#d35c01;border-color:#c65701}.btn-klikpajak.focus,.btn-klikpajak:focus{box-shadow:0 0 0 .2rem rgba(250,131,39,.5)}.btn-klikpajak.disabled,.btn-klikpajak:disabled{color:#fff;background-color:#f96d01;border-color:#f96d01}.btn-klikpajak:not(:disabled):not(.disabled).active,.btn-klikpajak:not(:disabled):not(.disabled):active,.show>.btn-klikpajak.dropdown-toggle{color:#fff;background-color:#c65701;border-color:#ba5101}.btn-klikpajak:not(:disabled):not(.disabled).active:focus,.btn-klikpajak:not(:disabled):not(.disabled):active:focus,.show>.btn-klikpajak.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(250,131,39,.5)}.btn-mekari{color:#fff;background-color:#6d48e5;border-color:#6d48e5}.btn-mekari:hover{color:#fff;background-color:#5227e0;border-color:#4b1fdb}.btn-mekari.focus,.btn-mekari:focus{box-shadow:0 0 0 .2rem rgba(131,99,233,.5)}.btn-mekari.disabled,.btn-mekari:disabled{color:#fff;background-color:#6d48e5;border-color:#6d48e5}.btn-mekari:not(:disabled):not(.disabled).active,.btn-mekari:not(:disabled):not(.disabled):active,.show>.btn-mekari.dropdown-toggle{color:#fff;background-color:#4b1fdb;border-color:#481ed0}.btn-mekari:not(:disabled):not(.disabled).active:focus,.btn-mekari:not(:disabled):not(.disabled):active:focus,.show>.btn-mekari.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(131,99,233,.5)}.btn-dark{color:#fff;background-color:#212121;border-color:#212121}.btn-dark:hover{color:#fff;background-color:#0e0e0e;border-color:#080808}.btn-dark.focus,.btn-dark:focus{box-shadow:0 0 0 .2rem rgba(66,66,66,.5)}.btn-dark.disabled,.btn-dark:disabled{color:#fff;background-color:#212121;border-color:#212121}.btn-dark:not(:disabled):not(.disabled).active,.btn-dark:not(:disabled):not(.disabled):active,.show>.btn-dark.dropdown-toggle{color:#fff;background-color:#080808;border-color:#010101}.btn-dark:not(:disabled):not(.disabled).active:focus,.btn-dark:not(:disabled):not(.disabled):active:focus,.show>.btn-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(66,66,66,.5)}.btn-slate{color:#fff;background-color:#777;border-color:#777}.btn-slate:hover{color:#fff;background-color:#646464;border-color:#5e5e5e}.btn-slate.focus,.btn-slate:focus{box-shadow:0 0 0 .2rem rgba(139,139,139,.5)}.btn-slate.disabled,.btn-slate:disabled{color:#fff;background-color:#777;border-color:#777}.btn-slate:not(:disabled):not(.disabled).active,.btn-slate:not(:disabled):not(.disabled):active,.show>.btn-slate.dropdown-toggle{color:#fff;background-color:#5e5e5e;border-color:#575757}.btn-slate:not(:disabled):not(.disabled).active:focus,.btn-slate:not(:disabled):not(.disabled):active:focus,.show>.btn-slate.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(139,139,139,.5)}.btn-muted{color:#212529;background-color:#b4b4b4;border-color:#b4b4b4}.btn-muted:hover{color:#212529;background-color:#a1a1a1;border-color:#9b9b9b}.btn-muted.focus,.btn-muted:focus{box-shadow:0 0 0 .2rem rgba(158,159,159,.5)}.btn-muted.disabled,.btn-muted:disabled{color:#212529;background-color:#b4b4b4;border-color:#b4b4b4}.btn-muted:not(:disabled):not(.disabled).active,.btn-muted:not(:disabled):not(.disabled):active,.show>.btn-muted.dropdown-toggle{color:#212529;background-color:#9b9b9b;border-color:#949494}.btn-muted:not(:disabled):not(.disabled).active:focus,.btn-muted:not(:disabled):not(.disabled):active:focus,.show>.btn-muted.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(158,159,159,.5)}.btn-smoke{color:#212529;background-color:#e2e2e2;border-color:#e2e2e2}.btn-smoke:hover{color:#212529;background-color:#cfcfcf;border-color:#c9c9c9}.btn-smoke.focus,.btn-smoke:focus{box-shadow:0 0 0 .2rem rgba(197,198,198,.5)}.btn-smoke.disabled,.btn-smoke:disabled{color:#212529;background-color:#e2e2e2;border-color:#e2e2e2}.btn-smoke:not(:disabled):not(.disabled).active,.btn-smoke:not(:disabled):not(.disabled):active,.show>.btn-smoke.dropdown-toggle{color:#212529;background-color:#c9c9c9;border-color:#c2c2c2}.btn-smoke:not(:disabled):not(.disabled).active:focus,.btn-smoke:not(:disabled):not(.disabled):active:focus,.show>.btn-smoke.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(197,198,198,.5)}.btn-light{color:#212529;background-color:#fbfbfb;border-color:#fbfbfb}.btn-light:hover{color:#212529;background-color:#e8e8e8;border-color:#e2e2e2}.btn-light.focus,.btn-light:focus{box-shadow:0 0 0 .2rem rgba(218,219,220,.5)}.btn-light.disabled,.btn-light:disabled{color:#212529;background-color:#fbfbfb;border-color:#fbfbfb}.btn-light:not(:disabled):not(.disabled).active,.btn-light:not(:disabled):not(.disabled):active,.show>.btn-light.dropdown-toggle{color:#212529;background-color:#e2e2e2;border-color:#dbdbdb}.btn-light:not(:disabled):not(.disabled).active:focus,.btn-light:not(:disabled):not(.disabled):active:focus,.show>.btn-light.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(218,219,220,.5)}.btn-cloud{color:#212529;background-color:#f2f4f7;border-color:#f2f4f7}.btn-cloud:hover{color:#212529;background-color:#dae0e8;border-color:#d2d9e4}.btn-cloud.focus,.btn-cloud:focus{box-shadow:0 0 0 .2rem rgba(211,213,216,.5)}.btn-cloud.disabled,.btn-cloud:disabled{color:#212529;background-color:#f2f4f7;border-color:#f2f4f7}.btn-cloud:not(:disabled):not(.disabled).active,.btn-cloud:not(:disabled):not(.disabled):active,.show>.btn-cloud.dropdown-toggle{color:#212529;background-color:#d2d9e4;border-color:#cbd3df}.btn-cloud:not(:disabled):not(.disabled).active:focus,.btn-cloud:not(:disabled):not(.disabled):active:focus,.show>.btn-cloud.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(211,213,216,.5)}.btn-link{color:#fff;background-color:#1357ff;border-color:#1357ff}.btn-link:hover{color:#fff;background-color:#0044ec;border-color:#0040df}.btn-link.focus,.btn-link:focus{box-shadow:0 0 0 .2rem rgba(54,112,255,.5)}.btn-link.disabled,.btn-link:disabled{color:#fff;background-color:#1357ff;border-color:#1357ff}.btn-link:not(:disabled):not(.disabled).active,.btn-link:not(:disabled):not(.disabled):active,.show>.btn-link.dropdown-toggle{color:#fff;background-color:#0040df;border-color:#003dd2}.btn-link:not(:disabled):not(.disabled).active:focus,.btn-link:not(:disabled):not(.disabled):active:focus,.show>.btn-link.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(54,112,255,.5)}.btn-white{color:#212529;background-color:#fff;border-color:#fff}.btn-white:hover{color:#212529;background-color:#ececec;border-color:#e6e6e6}.btn-white.focus,.btn-white:focus{box-shadow:0 0 0 .2rem rgba(222,222,223,.5)}.btn-white.disabled,.btn-white:disabled{color:#212529;background-color:#fff;border-color:#fff}.btn-white:not(:disabled):not(.disabled).active,.btn-white:not(:disabled):not(.disabled):active,.show>.btn-white.dropdown-toggle{color:#212529;background-color:#e6e6e6;border-color:#dfdfdf}.btn-white:not(:disabled):not(.disabled).active:focus,.btn-white:not(:disabled):not(.disabled):active:focus,.show>.btn-white.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(222,222,223,.5)}.btn-outline-danger{color:#d74022;border-color:#d74022}.btn-outline-danger:hover{color:#fff;background-color:#d74022;border-color:#d74022}.btn-outline-danger.focus,.btn-outline-danger:focus{box-shadow:0 0 0 .2rem rgba(215,64,34,.5)}.btn-outline-danger.disabled,.btn-outline-danger:disabled{color:#d74022;background-color:transparent}.btn-outline-danger:not(:disabled):not(.disabled).active,.btn-outline-danger:not(:disabled):not(.disabled):active,.show>.btn-outline-danger.dropdown-toggle{color:#fff;background-color:#d74022;border-color:#d74022}.btn-outline-danger:not(:disabled):not(.disabled).active:focus,.btn-outline-danger:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-danger.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(215,64,34,.5)}.btn-outline-success{color:#009f61;border-color:#009f61}.btn-outline-success:hover{color:#fff;background-color:#009f61;border-color:#009f61}.btn-outline-success.focus,.btn-outline-success:focus{box-shadow:0 0 0 .2rem rgba(0,159,97,.5)}.btn-outline-success.disabled,.btn-outline-success:disabled{color:#009f61;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:#009f61;border-color:#009f61}.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 .2rem rgba(0,159,97,.5)}.btn-outline-info{color:#ffeb99;border-color:#ffeb99}.btn-outline-info:hover{color:#212529;background-color:#ffeb99;border-color:#ffeb99}.btn-outline-info.focus,.btn-outline-info:focus{box-shadow:0 0 0 .2rem rgba(255,235,153,.5)}.btn-outline-info.disabled,.btn-outline-info:disabled{color:#ffeb99;background-color:transparent}.btn-outline-info:not(:disabled):not(.disabled).active,.btn-outline-info:not(:disabled):not(.disabled):active,.show>.btn-outline-info.dropdown-toggle{color:#212529;background-color:#ffeb99;border-color:#ffeb99}.btn-outline-info:not(:disabled):not(.disabled).active:focus,.btn-outline-info:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-info.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(255,235,153,.5)}.btn-outline-warning{color:#ffb700;border-color:#ffb700}.btn-outline-warning:hover{color:#212529;background-color:#ffb700;border-color:#ffb700}.btn-outline-warning.focus,.btn-outline-warning:focus{box-shadow:0 0 0 .2rem rgba(255,183,0,.5)}.btn-outline-warning.disabled,.btn-outline-warning:disabled{color:#ffb700;background-color:transparent}.btn-outline-warning:not(:disabled):not(.disabled).active,.btn-outline-warning:not(:disabled):not(.disabled):active,.show>.btn-outline-warning.dropdown-toggle{color:#212529;background-color:#ffb700;border-color:#ffb700}.btn-outline-warning:not(:disabled):not(.disabled).active:focus,.btn-outline-warning:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-warning.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(255,183,0,.5)}.btn-outline-primary{color:#005fbf;border-color:#005fbf}.btn-outline-primary:hover{color:#fff;background-color:#005fbf;border-color:#005fbf}.btn-outline-primary.focus,.btn-outline-primary:focus{box-shadow:0 0 0 .2rem rgba(0,95,191,.5)}.btn-outline-primary.disabled,.btn-outline-primary:disabled{color:#005fbf;background-color:transparent}.btn-outline-primary:not(:disabled):not(.disabled).active,.btn-outline-primary:not(:disabled):not(.disabled):active,.show>.btn-outline-primary.dropdown-toggle{color:#fff;background-color:#005fbf;border-color:#005fbf}.btn-outline-primary:not(:disabled):not(.disabled).active:focus,.btn-outline-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(0,95,191,.5)}.btn-outline-jurnal{color:#009bde;border-color:#009bde}.btn-outline-jurnal:hover{color:#fff;background-color:#009bde;border-color:#009bde}.btn-outline-jurnal.focus,.btn-outline-jurnal:focus{box-shadow:0 0 0 .2rem rgba(0,155,222,.5)}.btn-outline-jurnal.disabled,.btn-outline-jurnal:disabled{color:#009bde;background-color:transparent}.btn-outline-jurnal:not(:disabled):not(.disabled).active,.btn-outline-jurnal:not(:disabled):not(.disabled):active,.show>.btn-outline-jurnal.dropdown-toggle{color:#fff;background-color:#009bde;border-color:#009bde}.btn-outline-jurnal:not(:disabled):not(.disabled).active:focus,.btn-outline-jurnal:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-jurnal.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(0,155,222,.5)}.btn-outline-talenta{color:#c02a34;border-color:#c02a34}.btn-outline-talenta:hover{color:#fff;background-color:#c02a34;border-color:#c02a34}.btn-outline-talenta.focus,.btn-outline-talenta:focus{box-shadow:0 0 0 .2rem rgba(192,42,52,.5)}.btn-outline-talenta.disabled,.btn-outline-talenta:disabled{color:#c02a34;background-color:transparent}.btn-outline-talenta:not(:disabled):not(.disabled).active,.btn-outline-talenta:not(:disabled):not(.disabled):active,.show>.btn-outline-talenta.dropdown-toggle{color:#fff;background-color:#c02a34;border-color:#c02a34}.btn-outline-talenta:not(:disabled):not(.disabled).active:focus,.btn-outline-talenta:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-talenta.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(192,42,52,.5)}.btn-outline-klikpajak{color:#f96d01;border-color:#f96d01}.btn-outline-klikpajak:hover{color:#fff;background-color:#f96d01;border-color:#f96d01}.btn-outline-klikpajak.focus,.btn-outline-klikpajak:focus{box-shadow:0 0 0 .2rem rgba(249,109,1,.5)}.btn-outline-klikpajak.disabled,.btn-outline-klikpajak:disabled{color:#f96d01;background-color:transparent}.btn-outline-klikpajak:not(:disabled):not(.disabled).active,.btn-outline-klikpajak:not(:disabled):not(.disabled):active,.show>.btn-outline-klikpajak.dropdown-toggle{color:#fff;background-color:#f96d01;border-color:#f96d01}.btn-outline-klikpajak:not(:disabled):not(.disabled).active:focus,.btn-outline-klikpajak:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-klikpajak.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(249,109,1,.5)}.btn-outline-mekari{color:#6d48e5;border-color:#6d48e5}.btn-outline-mekari:hover{color:#fff;background-color:#6d48e5;border-color:#6d48e5}.btn-outline-mekari.focus,.btn-outline-mekari:focus{box-shadow:0 0 0 .2rem rgba(109,72,229,.5)}.btn-outline-mekari.disabled,.btn-outline-mekari:disabled{color:#6d48e5;background-color:transparent}.btn-outline-mekari:not(:disabled):not(.disabled).active,.btn-outline-mekari:not(:disabled):not(.disabled):active,.show>.btn-outline-mekari.dropdown-toggle{color:#fff;background-color:#6d48e5;border-color:#6d48e5}.btn-outline-mekari:not(:disabled):not(.disabled).active:focus,.btn-outline-mekari:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-mekari.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(109,72,229,.5)}.btn-outline-dark{color:#212121;border-color:#212121}.btn-outline-dark:hover{color:#fff;background-color:#212121;border-color:#212121}.btn-outline-dark.focus,.btn-outline-dark:focus{box-shadow:0 0 0 .2rem rgba(33,33,33,.5)}.btn-outline-dark.disabled,.btn-outline-dark:disabled{color:#212121;background-color:transparent}.btn-outline-dark:not(:disabled):not(.disabled).active,.btn-outline-dark:not(:disabled):not(.disabled):active,.show>.btn-outline-dark.dropdown-toggle{color:#fff;background-color:#212121;border-color:#212121}.btn-outline-dark:not(:disabled):not(.disabled).active:focus,.btn-outline-dark:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(33,33,33,.5)}.btn-outline-slate{color:#777;border-color:#777}.btn-outline-slate:hover{color:#fff;background-color:#777;border-color:#777}.btn-outline-slate.focus,.btn-outline-slate:focus{box-shadow:0 0 0 .2rem rgba(119,119,119,.5)}.btn-outline-slate.disabled,.btn-outline-slate:disabled{color:#777;background-color:transparent}.btn-outline-slate:not(:disabled):not(.disabled).active,.btn-outline-slate:not(:disabled):not(.disabled):active,.show>.btn-outline-slate.dropdown-toggle{color:#fff;background-color:#777;border-color:#777}.btn-outline-slate:not(:disabled):not(.disabled).active:focus,.btn-outline-slate:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-slate.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(119,119,119,.5)}.btn-outline-muted{color:#b4b4b4;border-color:#b4b4b4}.btn-outline-muted:hover{color:#212529;background-color:#b4b4b4;border-color:#b4b4b4}.btn-outline-muted.focus,.btn-outline-muted:focus{box-shadow:0 0 0 .2rem rgba(180,180,180,.5)}.btn-outline-muted.disabled,.btn-outline-muted:disabled{color:#b4b4b4;background-color:transparent}.btn-outline-muted:not(:disabled):not(.disabled).active,.btn-outline-muted:not(:disabled):not(.disabled):active,.show>.btn-outline-muted.dropdown-toggle{color:#212529;background-color:#b4b4b4;border-color:#b4b4b4}.btn-outline-muted:not(:disabled):not(.disabled).active:focus,.btn-outline-muted:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-muted.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(180,180,180,.5)}.btn-outline-smoke{color:#e2e2e2;border-color:#e2e2e2}.btn-outline-smoke:hover{color:#212529;background-color:#e2e2e2;border-color:#e2e2e2}.btn-outline-smoke.focus,.btn-outline-smoke:focus{box-shadow:0 0 0 .2rem rgba(226,226,226,.5)}.btn-outline-smoke.disabled,.btn-outline-smoke:disabled{color:#e2e2e2;background-color:transparent}.btn-outline-smoke:not(:disabled):not(.disabled).active,.btn-outline-smoke:not(:disabled):not(.disabled):active,.show>.btn-outline-smoke.dropdown-toggle{color:#212529;background-color:#e2e2e2;border-color:#e2e2e2}.btn-outline-smoke:not(:disabled):not(.disabled).active:focus,.btn-outline-smoke:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-smoke.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(226,226,226,.5)}.btn-outline-light{color:#fbfbfb;border-color:#fbfbfb}.btn-outline-light:hover{color:#212529;background-color:#fbfbfb;border-color:#fbfbfb}.btn-outline-light.focus,.btn-outline-light:focus{box-shadow:0 0 0 .2rem rgba(251,251,251,.5)}.btn-outline-light.disabled,.btn-outline-light:disabled{color:#fbfbfb;background-color:transparent}.btn-outline-light:not(:disabled):not(.disabled).active,.btn-outline-light:not(:disabled):not(.disabled):active,.show>.btn-outline-light.dropdown-toggle{color:#212529;background-color:#fbfbfb;border-color:#fbfbfb}.btn-outline-light:not(:disabled):not(.disabled).active:focus,.btn-outline-light:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-light.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(251,251,251,.5)}.btn-outline-cloud{color:#f2f4f7;border-color:#f2f4f7}.btn-outline-cloud:hover{color:#212529;background-color:#f2f4f7;border-color:#f2f4f7}.btn-outline-cloud.focus,.btn-outline-cloud:focus{box-shadow:0 0 0 .2rem rgba(242,244,247,.5)}.btn-outline-cloud.disabled,.btn-outline-cloud:disabled{color:#f2f4f7;background-color:transparent}.btn-outline-cloud:not(:disabled):not(.disabled).active,.btn-outline-cloud:not(:disabled):not(.disabled):active,.show>.btn-outline-cloud.dropdown-toggle{color:#212529;background-color:#f2f4f7;border-color:#f2f4f7}.btn-outline-cloud:not(:disabled):not(.disabled).active:focus,.btn-outline-cloud:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-cloud.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(242,244,247,.5)}.btn-outline-link{color:#1357ff;border-color:#1357ff}.btn-outline-link:hover{color:#fff;background-color:#1357ff;border-color:#1357ff}.btn-outline-link.focus,.btn-outline-link:focus{box-shadow:0 0 0 .2rem rgba(19,87,255,.5)}.btn-outline-link.disabled,.btn-outline-link:disabled{color:#1357ff;background-color:transparent}.btn-outline-link:not(:disabled):not(.disabled).active,.btn-outline-link:not(:disabled):not(.disabled):active,.show>.btn-outline-link.dropdown-toggle{color:#fff;background-color:#1357ff;border-color:#1357ff}.btn-outline-link:not(:disabled):not(.disabled).active:focus,.btn-outline-link:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-link.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(19,87,255,.5)}.btn-outline-white{color:#fff;border-color:#fff}.btn-outline-white:hover{color:#212529;background-color:#fff;border-color:#fff}.btn-outline-white.focus,.btn-outline-white:focus{box-shadow:0 0 0 .2rem rgba(255,255,255,.5)}.btn-outline-white.disabled,.btn-outline-white:disabled{color:#fff;background-color:transparent}.btn-outline-white:not(:disabled):not(.disabled).active,.btn-outline-white:not(:disabled):not(.disabled):active,.show>.btn-outline-white.dropdown-toggle{color:#212529;background-color:#fff;border-color:#fff}.btn-outline-white:not(:disabled):not(.disabled).active:focus,.btn-outline-white:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-white.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(255,255,255,.5)}.btn-link{font-weight:400;color:#1357ff;text-decoration:none}.btn-link:hover{color:#0039c6;text-decoration:underline}.btn-link.focus,.btn-link:focus{text-decoration:underline;box-shadow:none}.btn-link.disabled,.btn-link:disabled{color:#f2f4f7;pointer-events:none}.btn-group-lg>.btn,.btn-lg{padding:8px 16px;font-size:1rem;line-height:24px;border-radius:4px}.btn-group-sm>.btn,.btn-sm{padding:2px 8px;font-size:.875rem;line-height:20px;border-radius:4px}.btn-block{display:block;width:100%}.btn-block+.btn-block{margin-top:.5rem}input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block{width:100%}.btn-group,.btn-group-vertical{position:relative;display:inline-flex;vertical-align:middle}.btn-group-vertical>.btn,.btn-group>.btn{position:relative;flex:1 1 auto}.btn-group-vertical>.btn:hover,.btn-group>.btn:hover{z-index:1}.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus{z-index:1}.btn-toolbar{display:flex;flex-wrap:wrap;justify-content:flex-start}.btn-toolbar .input-group{width:auto}.btn-group>.btn-group:not(:first-child),.btn-group>.btn:not(:first-child){margin-left:-1px}.btn-group>.btn-group:not(:last-child)>.btn,.btn-group>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn-group:not(:first-child)>.btn,.btn-group>.btn:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.dropdown-toggle-split{padding-right:12px;padding-left:12px}.dropdown-toggle-split::after,.dropright .dropdown-toggle-split::after,.dropup .dropdown-toggle-split::after{margin-left:0}.dropleft .dropdown-toggle-split::before{margin-right:0}.btn-group-sm>.btn+.dropdown-toggle-split,.btn-sm+.dropdown-toggle-split{padding-right:6px;padding-left:6px}.btn-group-lg>.btn+.dropdown-toggle-split,.btn-lg+.dropdown-toggle-split{padding-right:12px;padding-left:12px}.btn-group-vertical{flex-direction:column;align-items:flex-start;justify-content:center}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group{width:100%}.btn-group-vertical>.btn-group:not(:first-child),.btn-group-vertical>.btn:not(:first-child){margin-top:-1px}.btn-group-vertical>.btn-group:not(:last-child)>.btn,.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:not(:first-child)>.btn,.btn-group-vertical>.btn:not(:first-child){border-top-left-radius:0;border-top-right-radius:0}.btn-group-toggle>.btn,.btn-group-toggle>.btn-group>.btn{margin-bottom:0}.btn-group-toggle>.btn input[type=checkbox],.btn-group-toggle>.btn input[type=radio],.btn-group-toggle>.btn-group>.btn input[type=checkbox],.btn-group-toggle>.btn-group>.btn input[type=radio]{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.btn-group.show>.btn-link,.btn.btn-link,.btn.btn-link:not(:disabled):not(.disabled):active{color:#1357ff;background-color:transparent;border-color:transparent}.btn.btn-ghost,.btn.btn-icon-only{color:#777;background-color:transparent;border:1px solid transparent}.btn.btn-ghost:not(:disabled):not(.disabled):hover,.btn.btn-icon-only:not(:disabled):not(.disabled):hover{background-color:#f2f4f7;border-color:#f2f4f7}.btn.btn-ghost:not(:disabled):not(.disabled):focus,.btn.btn-icon-only:not(:disabled):not(.disabled):focus{background-color:transparent;border-color:#1357ff;box-shadow:0 0 4px 1px #1357ff}.btn.btn-basic,.btn.btn-basic.active:not(:disabled):not(.disabled),.btn.btn-basic:not(:disabled):not(.disabled):active,.btn.btn-secondary,.btn.btn-secondary.active:not(:disabled):not(.disabled),.btn.btn-secondary:not(:disabled):not(.disabled):active,.show>.btn.btn-basic.dropdown-toggle,.show>.btn.btn-secondary.dropdown-toggle{color:#777;background-color:#fbfbfb;border:1px solid #e2e2e2}.btn.btn-basic:not(:disabled):not(.disabled):hover,.btn.btn-secondary:not(:disabled):not(.disabled):hover{border-color:#005fbf}.btn.btn-basic:not(:disabled):not(.disabled):focus,.btn.btn-secondary:not(:disabled):not(.disabled):focus{border-color:#005fbf;box-shadow:0 0 4px 1px #005fbf}.btn.btn-ghost:not(:disabled):not(.disabled):focus{background-color:transparent;border-color:#005fbf;box-shadow:0 0 4px 1px #005fbf}.btn.btn-link{height:auto;padding:0 4px;border-radius:2px}.btn.btn-link:not(:disabled):not(.disabled):focus{text-decoration:none;box-shadow:0 0 0 2px rgba(19,87,255,.3)}.btn.btn-link.disabled,.btn.btn-link:disabled{text-decoration:none;pointer-events:auto;background-color:transparent;border:none}.btn.btn-primary.btn-with-icon .ic::before{color:#fff!important}.btn.btn-primary.btn-icon-only .ic::before{color:inherit!important}.btn.is-loading{position:relative;min-height:38px;pointer-events:none}.btn.is-loading::before{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;content:"";background-color:inherit;border-radius:4px}.btn.is-loading::after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;display:inline-block;width:18px;height:18px;margin:auto;content:"";background:center center no-repeat;background-size:cover;border:2px solid #fff;border-right-color:transparent;border-radius:50%;-webkit-animation:spinner-border .75s linear infinite;animation:spinner-border .75s linear infinite}.btn.is-loading.btn-basic::after,.btn.is-loading.btn-secondary::after{border-color:#777;border-right-color:transparent}.btn.is-loading.btn-ghost{color:transparent}.btn.is-loading.btn-ghost::after{border-color:#777;border-right-color:transparent}.btn.btn-with-icon .ic,.btn.btn-with-icon span{vertical-align:top;border:none}.btn.btn-with-icon .ic{width:20px;height:20px;padding:0;font-size:20px;color:inherit}.btn.btn-with-icon .ic.is-left{margin-right:8px}.btn.btn-with-icon .ic.is-right{margin-left:8px}.btn-group-sm>.btn.btn-with-icon .ic,.btn-group-sm>.btn.btn-with-icon span,.btn.btn-with-icon.btn-sm .ic,.btn.btn-with-icon.btn-sm span{line-height:16px;vertical-align:baseline;border:none}.btn-group-sm>.btn.btn-with-icon .ic,.btn.btn-with-icon.btn-sm .ic{margin-right:0;line-height:18px}.btn-group-sm>.btn.btn-with-icon .is-left,.btn.btn-with-icon.btn-sm .is-left{margin-right:0}.btn-group-sm>.btn.btn-with-icon .is-right,.btn.btn-with-icon.btn-sm .is-right{margin-left:0}.btn-group-lg>.btn.btn-with-icon .ic,.btn-group-lg>.btn.btn-with-icon span,.btn.btn-with-icon.btn-lg .ic,.btn.btn-with-icon.btn-lg span{vertical-align:top;border:none}.btn-group-lg>.btn.btn-with-icon .ic,.btn.btn-with-icon.btn-lg .ic{width:24px;height:24px;padding:0;font-size:24px}.btn-group-lg>.btn.btn-with-icon span,.btn.btn-with-icon.btn-lg span{line-height:24px}.btn.disabled,.btn:disabled{color:#b4b4b4;cursor:not-allowed;background-color:#f2f4f7;border:1px solid #f2f4f7;opacity:1}.btn.disabled.btn-ghost,.btn:disabled.btn-ghost{background-color:transparent;border-color:transparent}.btn.dropdown-toggle::before{margin-right:16px}.btn.dropdown-toggle::after{margin-left:16px}.btn-group .btn:first-child:not(:only-child):not(.dropdown-toggle){padding-right:8px}.btn-group .btn:last-child:not(:only-child){padding-left:8px}.btn-group .dropdown-toggle-split{min-width:38px;padding-right:8px;padding-left:8px}.btn-group .dropdown-toggle-split::before{margin-right:0}.btn-group .dropdown-toggle-split::after{margin-left:0}.btn-group .dropdown-toggle-split.btn-basic:not(:hover):not(:focus),.btn-group .dropdown-toggle-split.btn-secondary:not(:hover):not(:focus){padding-left:9px;border-left:none}.btn-group.dropleft .dropdown-toggle-split.btn-basic,.btn-group.dropleft .dropdown-toggle-split.btn-secondary:not(:hover):not(:focus){padding-left:8px;border-left:1px solid #e2e2e2}.btn-group.dropleft~.btn-basic:not(:hover):not(:focus),.btn-group.dropleft~.btn-secondary:not(:hover):not(:focus){padding-left:9px;border-left:none}.btn-group-sm>.btn,.btn.btn-sm{height:24px}.btn-group-lg>.btn,.btn.btn-lg{height:40px}.btn.btn-icon-only{width:38px;height:38px;padding:8px;font-size:18px;line-height:18px}.btn.btn-icon-only>.ic{width:18px;height:18px;padding:0;font-size:18px}.btn-with-badge__wrapper{position:relative;display:inline-flex;align-items:flex-end}.btn-with-badge__wrapper .btn{position:relative;width:38px;height:38px;padding:4px}.btn-with-badge__wrapper .btn .ic{width:24px!important;height:24px!important;font-size:24px!important;line-height:24px!important}.btn-with-badge__wrapper .badge{position:relative;right:16px;bottom:0}
+@-webkit-keyframes spinner-border{to{transform:rotate(360deg)}}@keyframes spinner-border{to{transform:rotate(360deg)}}.spinner-border{display:inline-block;width:2rem;height:2rem;vertical-align:text-bottom;border:.25em solid currentColor;border-right-color:transparent;border-radius:50%;-webkit-animation:spinner-border .75s linear infinite;animation:spinner-border .75s linear infinite}.spinner-border-sm{width:1rem;height:1rem;border-width:.2em}@-webkit-keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1}}@keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1}}.spinner-grow{display:inline-block;width:2rem;height:2rem;vertical-align:text-bottom;background-color:currentColor;border-radius:50%;opacity:0;-webkit-animation:spinner-grow .75s linear infinite;animation:spinner-grow .75s linear infinite}.spinner-grow-sm{width:1rem;height:1rem}.btn{display:inline-block;font-family:Roboto,Oxygen,Ubuntu,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif;font-weight:400;color:#212121;text-align:center;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:transparent;border:1px solid transparent;padding:8px 16px;font-size:.875rem;line-height:20px;border-radius:4px;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.btn{transition:none}}.btn:hover{color:#212121;text-decoration:none}.btn.focus,.btn:focus{outline:0;box-shadow:0 0 4px 1px #1357ff}.btn.disabled,.btn:disabled{opacity:.65}a.btn.disabled,fieldset:disabled a.btn{pointer-events:none}.btn-danger{color:#fff;background-color:#d74022;border-color:#d74022}.btn-danger:hover{color:#fff;background-color:#b6361d;border-color:#ab331b}.btn-danger.focus,.btn-danger:focus{box-shadow:0 0 0 .2rem rgba(221,93,67,.5)}.btn-danger.disabled,.btn-danger:disabled{color:#fff;background-color:#d74022;border-color:#d74022}.btn-danger:not(:disabled):not(.disabled).active,.btn-danger:not(:disabled):not(.disabled):active,.show>.btn-danger.dropdown-toggle{color:#fff;background-color:#ab331b;border-color:#a03019}.btn-danger:not(:disabled):not(.disabled).active:focus,.btn-danger:not(:disabled):not(.disabled):active:focus,.show>.btn-danger.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(221,93,67,.5)}.btn-success{color:#fff;background-color:#009f61;border-color:#009f61}.btn-success:hover{color:#fff;background-color:#00794a;border-color:#006c42}.btn-success.focus,.btn-success:focus{box-shadow:0 0 0 .2rem rgba(38,173,121,.5)}.btn-success.disabled,.btn-success:disabled{color:#fff;background-color:#009f61;border-color:#009f61}.btn-success:not(:disabled):not(.disabled).active,.btn-success:not(:disabled):not(.disabled):active,.show>.btn-success.dropdown-toggle{color:#fff;background-color:#006c42;border-color:#005f3a}.btn-success:not(:disabled):not(.disabled).active:focus,.btn-success:not(:disabled):not(.disabled):active:focus,.show>.btn-success.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(38,173,121,.5)}.btn-info{color:#212529;background-color:#ffeb99;border-color:#ffeb99}.btn-info:hover{color:#212529;background-color:#ffe473;border-color:#ffe166}.btn-info.focus,.btn-info:focus{box-shadow:0 0 0 .2rem rgba(222,205,136,.5)}.btn-info.disabled,.btn-info:disabled{color:#212529;background-color:#ffeb99;border-color:#ffeb99}.btn-info:not(:disabled):not(.disabled).active,.btn-info:not(:disabled):not(.disabled):active,.show>.btn-info.dropdown-toggle{color:#212529;background-color:#ffe166;border-color:#ffdf59}.btn-info:not(:disabled):not(.disabled).active:focus,.btn-info:not(:disabled):not(.disabled):active:focus,.show>.btn-info.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(222,205,136,.5)}.btn-warning{color:#212529;background-color:#ffb700;border-color:#ffb700}.btn-warning:hover{color:#212529;background-color:#d99c00;border-color:#cc9200}.btn-warning.focus,.btn-warning:focus{box-shadow:0 0 0 .2rem rgba(222,161,6,.5)}.btn-warning.disabled,.btn-warning:disabled{color:#212529;background-color:#ffb700;border-color:#ffb700}.btn-warning:not(:disabled):not(.disabled).active,.btn-warning:not(:disabled):not(.disabled):active,.show>.btn-warning.dropdown-toggle{color:#fff;background-color:#cc9200;border-color:#bf8900}.btn-warning:not(:disabled):not(.disabled).active:focus,.btn-warning:not(:disabled):not(.disabled):active:focus,.show>.btn-warning.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(222,161,6,.5)}.btn-primary{color:#fff;background-color:#005fbf;border-color:#005fbf}.btn-primary:hover{color:#fff;background-color:#004c99;border-color:#00468c}.btn-primary.focus,.btn-primary:focus{box-shadow:0 0 0 .2rem rgba(38,119,201,.5)}.btn-primary.disabled,.btn-primary:disabled{color:#fff;background-color:#005fbf;border-color:#005fbf}.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle{color:#fff;background-color:#00468c;border-color:#003f7f}.btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(38,119,201,.5)}.btn-jurnal{color:#fff;background-color:#009bde;border-color:#009bde}.btn-jurnal:hover{color:#fff;background-color:#0080b8;border-color:#0077ab}.btn-jurnal.focus,.btn-jurnal:focus{box-shadow:0 0 0 .2rem rgba(38,170,227,.5)}.btn-jurnal.disabled,.btn-jurnal:disabled{color:#fff;background-color:#009bde;border-color:#009bde}.btn-jurnal:not(:disabled):not(.disabled).active,.btn-jurnal:not(:disabled):not(.disabled):active,.show>.btn-jurnal.dropdown-toggle{color:#fff;background-color:#0077ab;border-color:#006e9e}.btn-jurnal:not(:disabled):not(.disabled).active:focus,.btn-jurnal:not(:disabled):not(.disabled):active:focus,.show>.btn-jurnal.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(38,170,227,.5)}.btn-talenta{color:#fff;background-color:#c02a34;border-color:#c02a34}.btn-talenta:hover{color:#fff;background-color:#a1232c;border-color:#962129}.btn-talenta.focus,.btn-talenta:focus{box-shadow:0 0 0 .2rem rgba(201,74,82,.5)}.btn-talenta.disabled,.btn-talenta:disabled{color:#fff;background-color:#c02a34;border-color:#c02a34}.btn-talenta:not(:disabled):not(.disabled).active,.btn-talenta:not(:disabled):not(.disabled):active,.show>.btn-talenta.dropdown-toggle{color:#fff;background-color:#962129;border-color:#8c1f26}.btn-talenta:not(:disabled):not(.disabled).active:focus,.btn-talenta:not(:disabled):not(.disabled):active:focus,.show>.btn-talenta.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(201,74,82,.5)}.btn-klikpajak{color:#fff;background-color:#f96d01;border-color:#f96d01}.btn-klikpajak:hover{color:#fff;background-color:#d35c01;border-color:#c65701}.btn-klikpajak.focus,.btn-klikpajak:focus{box-shadow:0 0 0 .2rem rgba(250,131,39,.5)}.btn-klikpajak.disabled,.btn-klikpajak:disabled{color:#fff;background-color:#f96d01;border-color:#f96d01}.btn-klikpajak:not(:disabled):not(.disabled).active,.btn-klikpajak:not(:disabled):not(.disabled):active,.show>.btn-klikpajak.dropdown-toggle{color:#fff;background-color:#c65701;border-color:#ba5101}.btn-klikpajak:not(:disabled):not(.disabled).active:focus,.btn-klikpajak:not(:disabled):not(.disabled):active:focus,.show>.btn-klikpajak.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(250,131,39,.5)}.btn-mekari{color:#fff;background-color:#6d48e5;border-color:#6d48e5}.btn-mekari:hover{color:#fff;background-color:#5227e0;border-color:#4b1fdb}.btn-mekari.focus,.btn-mekari:focus{box-shadow:0 0 0 .2rem rgba(131,99,233,.5)}.btn-mekari.disabled,.btn-mekari:disabled{color:#fff;background-color:#6d48e5;border-color:#6d48e5}.btn-mekari:not(:disabled):not(.disabled).active,.btn-mekari:not(:disabled):not(.disabled):active,.show>.btn-mekari.dropdown-toggle{color:#fff;background-color:#4b1fdb;border-color:#481ed0}.btn-mekari:not(:disabled):not(.disabled).active:focus,.btn-mekari:not(:disabled):not(.disabled):active:focus,.show>.btn-mekari.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(131,99,233,.5)}.btn-dark{color:#fff;background-color:#212121;border-color:#212121}.btn-dark:hover{color:#fff;background-color:#0e0e0e;border-color:#080808}.btn-dark.focus,.btn-dark:focus{box-shadow:0 0 0 .2rem rgba(66,66,66,.5)}.btn-dark.disabled,.btn-dark:disabled{color:#fff;background-color:#212121;border-color:#212121}.btn-dark:not(:disabled):not(.disabled).active,.btn-dark:not(:disabled):not(.disabled):active,.show>.btn-dark.dropdown-toggle{color:#fff;background-color:#080808;border-color:#010101}.btn-dark:not(:disabled):not(.disabled).active:focus,.btn-dark:not(:disabled):not(.disabled):active:focus,.show>.btn-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(66,66,66,.5)}.btn-slate{color:#fff;background-color:#777;border-color:#777}.btn-slate:hover{color:#fff;background-color:#646464;border-color:#5e5e5e}.btn-slate.focus,.btn-slate:focus{box-shadow:0 0 0 .2rem rgba(139,139,139,.5)}.btn-slate.disabled,.btn-slate:disabled{color:#fff;background-color:#777;border-color:#777}.btn-slate:not(:disabled):not(.disabled).active,.btn-slate:not(:disabled):not(.disabled):active,.show>.btn-slate.dropdown-toggle{color:#fff;background-color:#5e5e5e;border-color:#575757}.btn-slate:not(:disabled):not(.disabled).active:focus,.btn-slate:not(:disabled):not(.disabled):active:focus,.show>.btn-slate.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(139,139,139,.5)}.btn-muted{color:#212529;background-color:#b4b4b4;border-color:#b4b4b4}.btn-muted:hover{color:#212529;background-color:#a1a1a1;border-color:#9b9b9b}.btn-muted.focus,.btn-muted:focus{box-shadow:0 0 0 .2rem rgba(158,159,159,.5)}.btn-muted.disabled,.btn-muted:disabled{color:#212529;background-color:#b4b4b4;border-color:#b4b4b4}.btn-muted:not(:disabled):not(.disabled).active,.btn-muted:not(:disabled):not(.disabled):active,.show>.btn-muted.dropdown-toggle{color:#212529;background-color:#9b9b9b;border-color:#949494}.btn-muted:not(:disabled):not(.disabled).active:focus,.btn-muted:not(:disabled):not(.disabled):active:focus,.show>.btn-muted.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(158,159,159,.5)}.btn-smoke{color:#212529;background-color:#e2e2e2;border-color:#e2e2e2}.btn-smoke:hover{color:#212529;background-color:#cfcfcf;border-color:#c9c9c9}.btn-smoke.focus,.btn-smoke:focus{box-shadow:0 0 0 .2rem rgba(197,198,198,.5)}.btn-smoke.disabled,.btn-smoke:disabled{color:#212529;background-color:#e2e2e2;border-color:#e2e2e2}.btn-smoke:not(:disabled):not(.disabled).active,.btn-smoke:not(:disabled):not(.disabled):active,.show>.btn-smoke.dropdown-toggle{color:#212529;background-color:#c9c9c9;border-color:#c2c2c2}.btn-smoke:not(:disabled):not(.disabled).active:focus,.btn-smoke:not(:disabled):not(.disabled):active:focus,.show>.btn-smoke.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(197,198,198,.5)}.btn-light{color:#212529;background-color:#fbfbfb;border-color:#fbfbfb}.btn-light:hover{color:#212529;background-color:#e8e8e8;border-color:#e2e2e2}.btn-light.focus,.btn-light:focus{box-shadow:0 0 0 .2rem rgba(218,219,220,.5)}.btn-light.disabled,.btn-light:disabled{color:#212529;background-color:#fbfbfb;border-color:#fbfbfb}.btn-light:not(:disabled):not(.disabled).active,.btn-light:not(:disabled):not(.disabled):active,.show>.btn-light.dropdown-toggle{color:#212529;background-color:#e2e2e2;border-color:#dbdbdb}.btn-light:not(:disabled):not(.disabled).active:focus,.btn-light:not(:disabled):not(.disabled):active:focus,.show>.btn-light.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(218,219,220,.5)}.btn-cloud{color:#212529;background-color:#f2f4f7;border-color:#f2f4f7}.btn-cloud:hover{color:#212529;background-color:#dae0e8;border-color:#d2d9e4}.btn-cloud.focus,.btn-cloud:focus{box-shadow:0 0 0 .2rem rgba(211,213,216,.5)}.btn-cloud.disabled,.btn-cloud:disabled{color:#212529;background-color:#f2f4f7;border-color:#f2f4f7}.btn-cloud:not(:disabled):not(.disabled).active,.btn-cloud:not(:disabled):not(.disabled):active,.show>.btn-cloud.dropdown-toggle{color:#212529;background-color:#d2d9e4;border-color:#cbd3df}.btn-cloud:not(:disabled):not(.disabled).active:focus,.btn-cloud:not(:disabled):not(.disabled):active:focus,.show>.btn-cloud.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(211,213,216,.5)}.btn-link{color:#fff;background-color:#1357ff;border-color:#1357ff}.btn-link:hover{color:#fff;background-color:#0044ec;border-color:#0040df}.btn-link.focus,.btn-link:focus{box-shadow:0 0 0 .2rem rgba(54,112,255,.5)}.btn-link.disabled,.btn-link:disabled{color:#fff;background-color:#1357ff;border-color:#1357ff}.btn-link:not(:disabled):not(.disabled).active,.btn-link:not(:disabled):not(.disabled):active,.show>.btn-link.dropdown-toggle{color:#fff;background-color:#0040df;border-color:#003dd2}.btn-link:not(:disabled):not(.disabled).active:focus,.btn-link:not(:disabled):not(.disabled):active:focus,.show>.btn-link.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(54,112,255,.5)}.btn-white{color:#212529;background-color:#fff;border-color:#fff}.btn-white:hover{color:#212529;background-color:#ececec;border-color:#e6e6e6}.btn-white.focus,.btn-white:focus{box-shadow:0 0 0 .2rem rgba(222,222,223,.5)}.btn-white.disabled,.btn-white:disabled{color:#212529;background-color:#fff;border-color:#fff}.btn-white:not(:disabled):not(.disabled).active,.btn-white:not(:disabled):not(.disabled):active,.show>.btn-white.dropdown-toggle{color:#212529;background-color:#e6e6e6;border-color:#dfdfdf}.btn-white:not(:disabled):not(.disabled).active:focus,.btn-white:not(:disabled):not(.disabled):active:focus,.show>.btn-white.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(222,222,223,.5)}.btn-outline-danger{color:#d74022;border-color:#d74022}.btn-outline-danger:hover{color:#fff;background-color:#d74022;border-color:#d74022}.btn-outline-danger.focus,.btn-outline-danger:focus{box-shadow:0 0 0 .2rem rgba(215,64,34,.5)}.btn-outline-danger.disabled,.btn-outline-danger:disabled{color:#d74022;background-color:transparent}.btn-outline-danger:not(:disabled):not(.disabled).active,.btn-outline-danger:not(:disabled):not(.disabled):active,.show>.btn-outline-danger.dropdown-toggle{color:#fff;background-color:#d74022;border-color:#d74022}.btn-outline-danger:not(:disabled):not(.disabled).active:focus,.btn-outline-danger:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-danger.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(215,64,34,.5)}.btn-outline-success{color:#009f61;border-color:#009f61}.btn-outline-success:hover{color:#fff;background-color:#009f61;border-color:#009f61}.btn-outline-success.focus,.btn-outline-success:focus{box-shadow:0 0 0 .2rem rgba(0,159,97,.5)}.btn-outline-success.disabled,.btn-outline-success:disabled{color:#009f61;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:#009f61;border-color:#009f61}.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 .2rem rgba(0,159,97,.5)}.btn-outline-info{color:#ffeb99;border-color:#ffeb99}.btn-outline-info:hover{color:#212529;background-color:#ffeb99;border-color:#ffeb99}.btn-outline-info.focus,.btn-outline-info:focus{box-shadow:0 0 0 .2rem rgba(255,235,153,.5)}.btn-outline-info.disabled,.btn-outline-info:disabled{color:#ffeb99;background-color:transparent}.btn-outline-info:not(:disabled):not(.disabled).active,.btn-outline-info:not(:disabled):not(.disabled):active,.show>.btn-outline-info.dropdown-toggle{color:#212529;background-color:#ffeb99;border-color:#ffeb99}.btn-outline-info:not(:disabled):not(.disabled).active:focus,.btn-outline-info:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-info.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(255,235,153,.5)}.btn-outline-warning{color:#ffb700;border-color:#ffb700}.btn-outline-warning:hover{color:#212529;background-color:#ffb700;border-color:#ffb700}.btn-outline-warning.focus,.btn-outline-warning:focus{box-shadow:0 0 0 .2rem rgba(255,183,0,.5)}.btn-outline-warning.disabled,.btn-outline-warning:disabled{color:#ffb700;background-color:transparent}.btn-outline-warning:not(:disabled):not(.disabled).active,.btn-outline-warning:not(:disabled):not(.disabled):active,.show>.btn-outline-warning.dropdown-toggle{color:#212529;background-color:#ffb700;border-color:#ffb700}.btn-outline-warning:not(:disabled):not(.disabled).active:focus,.btn-outline-warning:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-warning.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(255,183,0,.5)}.btn-outline-primary{color:#005fbf;border-color:#005fbf}.btn-outline-primary:hover{color:#fff;background-color:#005fbf;border-color:#005fbf}.btn-outline-primary.focus,.btn-outline-primary:focus{box-shadow:0 0 0 .2rem rgba(0,95,191,.5)}.btn-outline-primary.disabled,.btn-outline-primary:disabled{color:#005fbf;background-color:transparent}.btn-outline-primary:not(:disabled):not(.disabled).active,.btn-outline-primary:not(:disabled):not(.disabled):active,.show>.btn-outline-primary.dropdown-toggle{color:#fff;background-color:#005fbf;border-color:#005fbf}.btn-outline-primary:not(:disabled):not(.disabled).active:focus,.btn-outline-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(0,95,191,.5)}.btn-outline-jurnal{color:#009bde;border-color:#009bde}.btn-outline-jurnal:hover{color:#fff;background-color:#009bde;border-color:#009bde}.btn-outline-jurnal.focus,.btn-outline-jurnal:focus{box-shadow:0 0 0 .2rem rgba(0,155,222,.5)}.btn-outline-jurnal.disabled,.btn-outline-jurnal:disabled{color:#009bde;background-color:transparent}.btn-outline-jurnal:not(:disabled):not(.disabled).active,.btn-outline-jurnal:not(:disabled):not(.disabled):active,.show>.btn-outline-jurnal.dropdown-toggle{color:#fff;background-color:#009bde;border-color:#009bde}.btn-outline-jurnal:not(:disabled):not(.disabled).active:focus,.btn-outline-jurnal:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-jurnal.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(0,155,222,.5)}.btn-outline-talenta{color:#c02a34;border-color:#c02a34}.btn-outline-talenta:hover{color:#fff;background-color:#c02a34;border-color:#c02a34}.btn-outline-talenta.focus,.btn-outline-talenta:focus{box-shadow:0 0 0 .2rem rgba(192,42,52,.5)}.btn-outline-talenta.disabled,.btn-outline-talenta:disabled{color:#c02a34;background-color:transparent}.btn-outline-talenta:not(:disabled):not(.disabled).active,.btn-outline-talenta:not(:disabled):not(.disabled):active,.show>.btn-outline-talenta.dropdown-toggle{color:#fff;background-color:#c02a34;border-color:#c02a34}.btn-outline-talenta:not(:disabled):not(.disabled).active:focus,.btn-outline-talenta:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-talenta.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(192,42,52,.5)}.btn-outline-klikpajak{color:#f96d01;border-color:#f96d01}.btn-outline-klikpajak:hover{color:#fff;background-color:#f96d01;border-color:#f96d01}.btn-outline-klikpajak.focus,.btn-outline-klikpajak:focus{box-shadow:0 0 0 .2rem rgba(249,109,1,.5)}.btn-outline-klikpajak.disabled,.btn-outline-klikpajak:disabled{color:#f96d01;background-color:transparent}.btn-outline-klikpajak:not(:disabled):not(.disabled).active,.btn-outline-klikpajak:not(:disabled):not(.disabled):active,.show>.btn-outline-klikpajak.dropdown-toggle{color:#fff;background-color:#f96d01;border-color:#f96d01}.btn-outline-klikpajak:not(:disabled):not(.disabled).active:focus,.btn-outline-klikpajak:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-klikpajak.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(249,109,1,.5)}.btn-outline-mekari{color:#6d48e5;border-color:#6d48e5}.btn-outline-mekari:hover{color:#fff;background-color:#6d48e5;border-color:#6d48e5}.btn-outline-mekari.focus,.btn-outline-mekari:focus{box-shadow:0 0 0 .2rem rgba(109,72,229,.5)}.btn-outline-mekari.disabled,.btn-outline-mekari:disabled{color:#6d48e5;background-color:transparent}.btn-outline-mekari:not(:disabled):not(.disabled).active,.btn-outline-mekari:not(:disabled):not(.disabled):active,.show>.btn-outline-mekari.dropdown-toggle{color:#fff;background-color:#6d48e5;border-color:#6d48e5}.btn-outline-mekari:not(:disabled):not(.disabled).active:focus,.btn-outline-mekari:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-mekari.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(109,72,229,.5)}.btn-outline-dark{color:#212121;border-color:#212121}.btn-outline-dark:hover{color:#fff;background-color:#212121;border-color:#212121}.btn-outline-dark.focus,.btn-outline-dark:focus{box-shadow:0 0 0 .2rem rgba(33,33,33,.5)}.btn-outline-dark.disabled,.btn-outline-dark:disabled{color:#212121;background-color:transparent}.btn-outline-dark:not(:disabled):not(.disabled).active,.btn-outline-dark:not(:disabled):not(.disabled):active,.show>.btn-outline-dark.dropdown-toggle{color:#fff;background-color:#212121;border-color:#212121}.btn-outline-dark:not(:disabled):not(.disabled).active:focus,.btn-outline-dark:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(33,33,33,.5)}.btn-outline-slate{color:#777;border-color:#777}.btn-outline-slate:hover{color:#fff;background-color:#777;border-color:#777}.btn-outline-slate.focus,.btn-outline-slate:focus{box-shadow:0 0 0 .2rem rgba(119,119,119,.5)}.btn-outline-slate.disabled,.btn-outline-slate:disabled{color:#777;background-color:transparent}.btn-outline-slate:not(:disabled):not(.disabled).active,.btn-outline-slate:not(:disabled):not(.disabled):active,.show>.btn-outline-slate.dropdown-toggle{color:#fff;background-color:#777;border-color:#777}.btn-outline-slate:not(:disabled):not(.disabled).active:focus,.btn-outline-slate:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-slate.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(119,119,119,.5)}.btn-outline-muted{color:#b4b4b4;border-color:#b4b4b4}.btn-outline-muted:hover{color:#212529;background-color:#b4b4b4;border-color:#b4b4b4}.btn-outline-muted.focus,.btn-outline-muted:focus{box-shadow:0 0 0 .2rem rgba(180,180,180,.5)}.btn-outline-muted.disabled,.btn-outline-muted:disabled{color:#b4b4b4;background-color:transparent}.btn-outline-muted:not(:disabled):not(.disabled).active,.btn-outline-muted:not(:disabled):not(.disabled):active,.show>.btn-outline-muted.dropdown-toggle{color:#212529;background-color:#b4b4b4;border-color:#b4b4b4}.btn-outline-muted:not(:disabled):not(.disabled).active:focus,.btn-outline-muted:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-muted.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(180,180,180,.5)}.btn-outline-smoke{color:#e2e2e2;border-color:#e2e2e2}.btn-outline-smoke:hover{color:#212529;background-color:#e2e2e2;border-color:#e2e2e2}.btn-outline-smoke.focus,.btn-outline-smoke:focus{box-shadow:0 0 0 .2rem rgba(226,226,226,.5)}.btn-outline-smoke.disabled,.btn-outline-smoke:disabled{color:#e2e2e2;background-color:transparent}.btn-outline-smoke:not(:disabled):not(.disabled).active,.btn-outline-smoke:not(:disabled):not(.disabled):active,.show>.btn-outline-smoke.dropdown-toggle{color:#212529;background-color:#e2e2e2;border-color:#e2e2e2}.btn-outline-smoke:not(:disabled):not(.disabled).active:focus,.btn-outline-smoke:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-smoke.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(226,226,226,.5)}.btn-outline-light{color:#fbfbfb;border-color:#fbfbfb}.btn-outline-light:hover{color:#212529;background-color:#fbfbfb;border-color:#fbfbfb}.btn-outline-light.focus,.btn-outline-light:focus{box-shadow:0 0 0 .2rem rgba(251,251,251,.5)}.btn-outline-light.disabled,.btn-outline-light:disabled{color:#fbfbfb;background-color:transparent}.btn-outline-light:not(:disabled):not(.disabled).active,.btn-outline-light:not(:disabled):not(.disabled):active,.show>.btn-outline-light.dropdown-toggle{color:#212529;background-color:#fbfbfb;border-color:#fbfbfb}.btn-outline-light:not(:disabled):not(.disabled).active:focus,.btn-outline-light:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-light.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(251,251,251,.5)}.btn-outline-cloud{color:#f2f4f7;border-color:#f2f4f7}.btn-outline-cloud:hover{color:#212529;background-color:#f2f4f7;border-color:#f2f4f7}.btn-outline-cloud.focus,.btn-outline-cloud:focus{box-shadow:0 0 0 .2rem rgba(242,244,247,.5)}.btn-outline-cloud.disabled,.btn-outline-cloud:disabled{color:#f2f4f7;background-color:transparent}.btn-outline-cloud:not(:disabled):not(.disabled).active,.btn-outline-cloud:not(:disabled):not(.disabled):active,.show>.btn-outline-cloud.dropdown-toggle{color:#212529;background-color:#f2f4f7;border-color:#f2f4f7}.btn-outline-cloud:not(:disabled):not(.disabled).active:focus,.btn-outline-cloud:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-cloud.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(242,244,247,.5)}.btn-outline-link{color:#1357ff;border-color:#1357ff}.btn-outline-link:hover{color:#fff;background-color:#1357ff;border-color:#1357ff}.btn-outline-link.focus,.btn-outline-link:focus{box-shadow:0 0 0 .2rem rgba(19,87,255,.5)}.btn-outline-link.disabled,.btn-outline-link:disabled{color:#1357ff;background-color:transparent}.btn-outline-link:not(:disabled):not(.disabled).active,.btn-outline-link:not(:disabled):not(.disabled):active,.show>.btn-outline-link.dropdown-toggle{color:#fff;background-color:#1357ff;border-color:#1357ff}.btn-outline-link:not(:disabled):not(.disabled).active:focus,.btn-outline-link:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-link.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(19,87,255,.5)}.btn-outline-white{color:#fff;border-color:#fff}.btn-outline-white:hover{color:#212529;background-color:#fff;border-color:#fff}.btn-outline-white.focus,.btn-outline-white:focus{box-shadow:0 0 0 .2rem rgba(255,255,255,.5)}.btn-outline-white.disabled,.btn-outline-white:disabled{color:#fff;background-color:transparent}.btn-outline-white:not(:disabled):not(.disabled).active,.btn-outline-white:not(:disabled):not(.disabled):active,.show>.btn-outline-white.dropdown-toggle{color:#212529;background-color:#fff;border-color:#fff}.btn-outline-white:not(:disabled):not(.disabled).active:focus,.btn-outline-white:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-white.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(255,255,255,.5)}.btn-link{font-weight:400;color:#1357ff;text-decoration:none}.btn-link:hover{color:#0039c6;text-decoration:underline}.btn-link.focus,.btn-link:focus{text-decoration:underline;box-shadow:none}.btn-link.disabled,.btn-link:disabled{color:#f2f4f7;pointer-events:none}.btn-group-lg>.btn,.btn-lg{padding:8px 16px;font-size:1rem;line-height:24px;border-radius:4px}.btn-group-sm>.btn,.btn-sm{padding:2px 8px;font-size:.875rem;line-height:20px;border-radius:4px}.btn-block{display:block;width:100%}.btn-block+.btn-block{margin-top:.5rem}input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block{width:100%}.btn-group,.btn-group-vertical{position:relative;display:inline-flex;vertical-align:middle}.btn-group-vertical>.btn,.btn-group>.btn{position:relative;flex:1 1 auto}.btn-group-vertical>.btn:hover,.btn-group>.btn:hover{z-index:1}.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus{z-index:1}.btn-toolbar{display:flex;flex-wrap:wrap;justify-content:flex-start}.btn-toolbar .input-group{width:auto}.btn-group>.btn-group:not(:first-child),.btn-group>.btn:not(:first-child){margin-left:-1px}.btn-group>.btn-group:not(:last-child)>.btn,.btn-group>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn-group:not(:first-child)>.btn,.btn-group>.btn:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.dropdown-toggle-split{padding-right:12px;padding-left:12px}.dropdown-toggle-split::after,.dropright .dropdown-toggle-split::after,.dropup .dropdown-toggle-split::after{margin-left:0}.dropleft .dropdown-toggle-split::before{margin-right:0}.btn-group-sm>.btn+.dropdown-toggle-split,.btn-sm+.dropdown-toggle-split{padding-right:6px;padding-left:6px}.btn-group-lg>.btn+.dropdown-toggle-split,.btn-lg+.dropdown-toggle-split{padding-right:12px;padding-left:12px}.btn-group-vertical{flex-direction:column;align-items:flex-start;justify-content:center}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group{width:100%}.btn-group-vertical>.btn-group:not(:first-child),.btn-group-vertical>.btn:not(:first-child){margin-top:-1px}.btn-group-vertical>.btn-group:not(:last-child)>.btn,.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:not(:first-child)>.btn,.btn-group-vertical>.btn:not(:first-child){border-top-left-radius:0;border-top-right-radius:0}.btn-group-toggle>.btn,.btn-group-toggle>.btn-group>.btn{margin-bottom:0}.btn-group-toggle>.btn input[type=checkbox],.btn-group-toggle>.btn input[type=radio],.btn-group-toggle>.btn-group>.btn input[type=checkbox],.btn-group-toggle>.btn-group>.btn input[type=radio]{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.btn-group.show>.btn-link,.btn.btn-link,.btn.btn-link:not(:disabled):not(.disabled):active{color:#1357ff;background-color:transparent;border-color:transparent}.btn.btn-ghost,.btn.btn-icon-only{color:#777;background-color:transparent;border:1px solid transparent}.btn.btn-ghost:not(:disabled):not(.disabled):hover,.btn.btn-icon-only:not(:disabled):not(.disabled):hover{background-color:#f2f4f7;border-color:#f2f4f7}.btn.btn-ghost:not(:disabled):not(.disabled):focus,.btn.btn-icon-only:not(:disabled):not(.disabled):focus{background-color:transparent;border-color:#1357ff;box-shadow:0 0 4px 1px #1357ff}.btn.btn-basic,.btn.btn-basic.active:not(:disabled):not(.disabled),.btn.btn-basic:not(:disabled):not(.disabled):active,.btn.btn-secondary,.btn.btn-secondary.active:not(:disabled):not(.disabled),.btn.btn-secondary:not(:disabled):not(.disabled):active,.show>.btn.btn-basic.dropdown-toggle,.show>.btn.btn-secondary.dropdown-toggle{color:#777;background-color:#fbfbfb;border:1px solid #e2e2e2}.btn.btn-basic:not(:disabled):not(.disabled):hover,.btn.btn-secondary:not(:disabled):not(.disabled):hover{border-color:#005fbf}.btn.btn-basic:not(:disabled):not(.disabled):focus,.btn.btn-secondary:not(:disabled):not(.disabled):focus{border-color:#005fbf;box-shadow:0 0 4px 1px #005fbf}.btn.btn-ghost:not(:disabled):not(.disabled):focus{background-color:transparent;border-color:#005fbf;box-shadow:0 0 4px 1px #005fbf}.btn.btn-link{height:auto;padding:0 4px;border-radius:2px}.btn.btn-link:not(:disabled):not(.disabled):focus{text-decoration:none;box-shadow:0 0 0 2px rgba(19,87,255,.3)}.btn.btn-link.disabled,.btn.btn-link:disabled{text-decoration:none;pointer-events:auto;background-color:transparent;border:none}.btn.btn-primary.btn-with-icon .ic::before{color:#fff!important}.btn.btn-primary.btn-icon-only .ic::before{color:inherit!important}.btn.is-loading{position:relative;min-height:38px;pointer-events:none}.btn.is-loading::before{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;content:"";background-color:inherit;border-radius:4px}.btn.is-loading::after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;display:inline-block;width:18px;height:18px;margin:auto;content:"";background:center center no-repeat;background-size:cover;border:2px solid #fff;border-right-color:transparent;border-radius:50%;-webkit-animation:spinner-border .75s linear infinite;animation:spinner-border .75s linear infinite}.btn.is-loading.btn-basic::after,.btn.is-loading.btn-secondary::after{border-color:#777;border-right-color:transparent}.btn.is-loading.btn-ghost{color:transparent}.btn.is-loading.btn-ghost::after{border-color:#777;border-right-color:transparent}.btn.btn-with-icon .ic,.btn.btn-with-icon span{vertical-align:top;border:none}.btn.btn-with-icon .ic{width:20px;height:20px;padding:0;font-size:16px;color:inherit}.btn.btn-with-icon .ic.is-left{margin-right:8px}.btn.btn-with-icon .ic.is-right{margin-left:8px}.btn-group-sm>.btn.btn-with-icon .ic,.btn-group-sm>.btn.btn-with-icon span,.btn.btn-with-icon.btn-sm .ic,.btn.btn-with-icon.btn-sm span{line-height:16px;vertical-align:baseline;border:none}.btn-group-sm>.btn.btn-with-icon .ic,.btn-group-sm>.btn.btn-with-icon .is-left,.btn.btn-with-icon.btn-sm .ic,.btn.btn-with-icon.btn-sm .is-left{margin-right:0}.btn-group-sm>.btn.btn-with-icon .is-right,.btn.btn-with-icon.btn-sm .is-right{margin-left:0}.btn-group-lg>.btn.btn-with-icon .ic,.btn-group-lg>.btn.btn-with-icon span,.btn.btn-with-icon.btn-lg .ic,.btn.btn-with-icon.btn-lg span{vertical-align:top;border:none}.btn-group-lg>.btn.btn-with-icon .ic,.btn.btn-with-icon.btn-lg .ic{width:24px;height:24px;padding:0;font-size:20px}.btn-group-lg>.btn.btn-with-icon span,.btn.btn-with-icon.btn-lg span{line-height:24px}.btn.disabled,.btn:disabled{color:#b4b4b4;cursor:not-allowed;background-color:#f2f4f7;border:1px solid #f2f4f7;opacity:1}.btn.disabled.btn-ghost,.btn:disabled.btn-ghost{background-color:transparent;border-color:transparent}.btn.dropdown-toggle::before{margin-right:16px}.btn.dropdown-toggle::after{margin-left:16px}.btn-group .btn:first-child:not(:only-child):not(.dropdown-toggle){padding-right:8px}.btn-group .btn:last-child:not(:only-child){padding-left:8px}.btn-group .dropdown-toggle-split{min-width:38px;padding-right:8px;padding-left:8px}.btn-group .dropdown-toggle-split::before{margin-right:0}.btn-group .dropdown-toggle-split::after{margin-left:0}.btn-group .dropdown-toggle-split.btn-basic:not(:hover):not(:focus),.btn-group .dropdown-toggle-split.btn-secondary:not(:hover):not(:focus){padding-left:9px;border-left:none}.btn-group.dropleft .dropdown-toggle-split.btn-basic,.btn-group.dropleft .dropdown-toggle-split.btn-secondary:not(:hover):not(:focus){padding-left:8px;border-left:1px solid #e2e2e2}.btn-group.dropleft~.btn-basic:not(:hover):not(:focus),.btn-group.dropleft~.btn-secondary:not(:hover):not(:focus){padding-left:9px;border-left:none}.btn-group-sm>.btn,.btn.btn-sm{height:24px}.btn-group-lg>.btn,.btn.btn-lg{height:40px}.btn.btn-icon-only{width:38px;height:38px;padding:8px;font-size:18px;line-height:18px}.btn.btn-icon-only>.ic{width:18px;height:18px;padding:0;font-size:18px}.btn-with-badge__wrapper{position:relative;display:inline-flex;align-items:flex-end}.btn-with-badge__wrapper .btn{position:relative;width:38px;height:38px;padding:4px}.btn-with-badge__wrapper .btn .ic{width:24px!important;height:24px!important;font-size:24px!important;line-height:24px!important}.btn-with-badge__wrapper .badge{position:relative;right:16px;bottom:0}
 /*# sourceMappingURL=mekari-ui-button-min.css.map */

data/lib/assets/stylesheets/css/components/mekari-ui-button-min.css.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../scss/vendors/_spinners.scss","../../../scss/vendors/_buttons.scss","../../../scss/vendors/mixins/_buttons.scss","../../../scss/vendors/_rfs.scss","../../../scss/vendors/mixins/_border-radius.scss","../../../scss/vendors/mixins/_transition.scss","../../../scss/vendors/mixins/_hover.scss","dist/css/components/mekari-ui-button.css","../../../scss/vendors/mixins/_gradients.scss","../../../scss/vendors/_button-group.scss","../../../scss/components/config/_button.scss"],"names":[],"mappings":"AAIA,kCACE,GAAK,UAAA,gBADP,0BACE,GAAK,UAAA,gBAGP,gBACE,QAAA,aACA,MAAA,KACA,OAAA,KACA,eAAA,YACA,OAAA,MAAA,MAAA,aACA,mBAAA,YAEA,cAAA,IACA,kBAAA,eAAA,KAAA,OAAA,SAAA,UAAA,eAAA,KAAA,OAAA,SAGF,mBACE,MAAA,KACA,OAAA,KACA,aAAA,KAOF,gCACE,GACE,UAAA,SAEF,IACE,QAAA,GALJ,wBACE,GACE,UAAA,SAEF,IACE,QAAA,GAIJ,cACE,QAAA,aACA,MAAA,KACA,OAAA,KACA,eAAA,YACA,iBAAA,aAEA,cAAA,IACA,QAAA,EACA,kBAAA,aAAA,KAAA,OAAA,SAAA,UAAA,aAAA,KAAA,OAAA,SAGF,iBACE,MAAA,KACA,OAAA,KC/CF,KACE,QAAA,aACA,YAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,WAAA,CAAA,YAAA,CAAA,gBAAA,CAAA,WACA,YAAA,IACA,MAAA,QACA,WAAA,OACA,eAAA,OACA,oBAAA,KAAA,iBAAA,KAAA,gBAAA,KAAA,YAAA,KACA,iBAAA,YACA,OAAA,IAAA,MAAA,YCsFA,QAAA,IAAA,KC0BI,UAAA,QDxBJ,YAAA,KElGE,cAAA,ICCE,WAAA,MAAA,KAAA,WAAA,CAAA,iBAAA,KAAA,WAAA,CAAA,aAAA,KAAA,WAAA,CAAA,WAAA,KAAA,YAKF,uCJLJ,KIMM,WAAA,MCAJ,WLQE,MAAA,QACA,gBAAA,KAfJ,WAAA,WAoBI,QAAA,EACA,WAAA,EAAA,EAAA,IAAA,IAAA,QArBJ,cAAA,cA2BI,QAAA,IAeJ,eM0DA,wBNxDE,eAAA,KASA,YCrDA,MAAA,KMAE,iBAAA,QNEF,aAAA,QIIA,kBJAE,MAAA,KMNA,iBAAA,QNQA,aAAA,QAGF,kBAAA,kBAMI,WAAA,EAAA,EAAA,EAAA,MAAA,mBAKJ,qBAAA,qBAEE,MAAA,KACA,iBAAA,QACA,aAAA,QAOF,iDAAA,iDK8FF,kCL3FI,MAAA,KACA,iBAAA,QAIA,aAAA,QAEA,uDAAA,uDK2FJ,wCLtFQ,WAAA,EAAA,EAAA,EAAA,MAAA,mBDKN,aCrDA,MAAA,KMAE,iBAAA,QNEF,aAAA,QIIA,mBJAE,MAAA,KMNA,iBAAA,QNQA,aAAA,QAGF,mBAAA,mBAMI,WAAA,EAAA,EAAA,EAAA,MAAA,oBAKJ,sBAAA,sBAEE,MAAA,KACA,iBAAA,QACA,aAAA,QAOF,kDAAA,kDKgIF,mCL7HI,MAAA,KACA,iBAAA,QAIA,aAAA,QAEA,wDAAA,wDK6HJ,yCLxHQ,WAAA,EAAA,EAAA,EAAA,MAAA,oBDKN,UCrDA,MAAA,QMAE,iBAAA,QNEF,aAAA,QIIA,gBJAE,MAAA,QMNA,iBAAA,QNQA,aAAA,QAGF,gBAAA,gBAMI,WAAA,EAAA,EAAA,EAAA,MAAA,qBAKJ,mBAAA,mBAEE,MAAA,QACA,iBAAA,QACA,aAAA,QAOF,+CAAA,+CKkKF,gCL/JI,MAAA,QACA,iBAAA,QAIA,aAAA,QAEA,qDAAA,qDK+JJ,sCL1JQ,WAAA,EAAA,EAAA,EAAA,MAAA,qBDKN,aCrDA,MAAA,QMAE,iBAAA,QNEF,aAAA,QIIA,mBJAE,MAAA,QMNA,iBAAA,QNQA,aAAA,QAGF,mBAAA,mBAMI,WAAA,EAAA,EAAA,EAAA,MAAA,mBAKJ,sBAAA,sBAEE,MAAA,QACA,iBAAA,QACA,aAAA,QAOF,kDAAA,kDKoMF,mCLjMI,MAAA,KACA,iBAAA,QAIA,aAAA,QAEA,wDAAA,wDKiMJ,yCL5LQ,WAAA,EAAA,EAAA,EAAA,MAAA,mBDKN,aCrDA,MAAA,KMAE,iBAAA,QNEF,aAAA,QIIA,mBJAE,MAAA,KMNA,iBAAA,QNQA,aAAA,QAGF,mBAAA,mBAMI,WAAA,EAAA,EAAA,EAAA,MAAA,oBAKJ,sBAAA,sBAEE,MAAA,KACA,iBAAA,QACA,aAAA,QAOF,kDAAA,kDKsOF,mCLnOI,MAAA,KACA,iBAAA,QAIA,aAAA,QAEA,wDAAA,wDKmOJ,yCL9NQ,WAAA,EAAA,EAAA,EAAA,MAAA,oBDKN,YCrDA,MAAA,KMAE,iBAAA,QNEF,aAAA,QIIA,kBJAE,MAAA,KMNA,iBAAA,QNQA,aAAA,QAGF,kBAAA,kBAMI,WAAA,EAAA,EAAA,EAAA,MAAA,oBAKJ,qBAAA,qBAEE,MAAA,KACA,iBAAA,QACA,aAAA,QAOF,iDAAA,iDKwQF,kCLrQI,MAAA,KACA,iBAAA,QAIA,aAAA,QAEA,uDAAA,uDKqQJ,wCLhQQ,WAAA,EAAA,EAAA,EAAA,MAAA,oBDKN,aCrDA,MAAA,KMAE,iBAAA,QNEF,aAAA,QIIA,mBJAE,MAAA,KMNA,iBAAA,QNQA,aAAA,QAGF,mBAAA,mBAMI,WAAA,EAAA,EAAA,EAAA,MAAA,mBAKJ,sBAAA,sBAEE,MAAA,KACA,iBAAA,QACA,aAAA,QAOF,kDAAA,kDK0SF,mCLvSI,MAAA,KACA,iBAAA,QAIA,aAAA,QAEA,wDAAA,wDKuSJ,yCLlSQ,WAAA,EAAA,EAAA,EAAA,MAAA,mBDKN,eCrDA,MAAA,KMAE,iBAAA,QNEF,aAAA,QIIA,qBJAE,MAAA,KMNA,iBAAA,QNQA,aAAA,QAGF,qBAAA,qBAMI,WAAA,EAAA,EAAA,EAAA,MAAA,oBAKJ,wBAAA,wBAEE,MAAA,KACA,iBAAA,QACA,aAAA,QAOF,oDAAA,oDK4UF,qCLzUI,MAAA,KACA,iBAAA,QAIA,aAAA,QAEA,0DAAA,0DKyUJ,2CLpUQ,WAAA,EAAA,EAAA,EAAA,MAAA,oBDKN,YCrDA,MAAA,KMAE,iBAAA,QNEF,aAAA,QIIA,kBJAE,MAAA,KMNA,iBAAA,QNQA,aAAA,QAGF,kBAAA,kBAMI,WAAA,EAAA,EAAA,EAAA,MAAA,oBAKJ,qBAAA,qBAEE,MAAA,KACA,iBAAA,QACA,aAAA,QAOF,iDAAA,iDK8WF,kCL3WI,MAAA,KACA,iBAAA,QAIA,aAAA,QAEA,uDAAA,uDK2WJ,wCLtWQ,WAAA,EAAA,EAAA,EAAA,MAAA,oBDKN,UCrDA,MAAA,KMAE,iBAAA,QNEF,aAAA,QIIA,gBJAE,MAAA,KMNA,iBAAA,QNQA,aAAA,QAGF,gBAAA,gBAMI,WAAA,EAAA,EAAA,EAAA,MAAA,kBAKJ,mBAAA,mBAEE,MAAA,KACA,iBAAA,QACA,aAAA,QAOF,+CAAA,+CKgZF,gCL7YI,MAAA,KACA,iBAAA,QAIA,aAAA,QAEA,qDAAA,qDK6YJ,sCLxYQ,WAAA,EAAA,EAAA,EAAA,MAAA,kBDKN,WCrDA,MAAA,KMAE,iBAAA,KNEF,aAAA,KIIA,iBJAE,MAAA,KMNA,iBAAA,QNQA,aAAA,QAGF,iBAAA,iBAMI,WAAA,EAAA,EAAA,EAAA,MAAA,qBAKJ,oBAAA,oBAEE,MAAA,KACA,iBAAA,KACA,aAAA,KAOF,gDAAA,gDKkbF,iCL/aI,MAAA,KACA,iBAAA,QAIA,aAAA,QAEA,sDAAA,sDK+aJ,uCL1aQ,WAAA,EAAA,EAAA,EAAA,MAAA,qBDKN,WCrDA,MAAA,QMAE,iBAAA,QNEF,aAAA,QIIA,iBJAE,MAAA,QMNA,iBAAA,QNQA,aAAA,QAGF,iBAAA,iBAMI,WAAA,EAAA,EAAA,EAAA,MAAA,qBAKJ,oBAAA,oBAEE,MAAA,QACA,iBAAA,QACA,aAAA,QAOF,gDAAA,gDKodF,iCLjdI,MAAA,QACA,iBAAA,QAIA,aAAA,QAEA,sDAAA,sDKidJ,uCL5cQ,WAAA,EAAA,EAAA,EAAA,MAAA,qBDKN,WCrDA,MAAA,QMAE,iBAAA,QNEF,aAAA,QIIA,iBJAE,MAAA,QMNA,iBAAA,QNQA,aAAA,QAGF,iBAAA,iBAMI,WAAA,EAAA,EAAA,EAAA,MAAA,qBAKJ,oBAAA,oBAEE,MAAA,QACA,iBAAA,QACA,aAAA,QAOF,gDAAA,gDKsfF,iCLnfI,MAAA,QACA,iBAAA,QAIA,aAAA,QAEA,sDAAA,sDKmfJ,uCL9eQ,WAAA,EAAA,EAAA,EAAA,MAAA,qBDKN,WCrDA,MAAA,QMAE,iBAAA,QNEF,aAAA,QIIA,iBJAE,MAAA,QMNA,iBAAA,QNQA,aAAA,QAGF,iBAAA,iBAMI,WAAA,EAAA,EAAA,EAAA,MAAA,qBAKJ,oBAAA,oBAEE,MAAA,QACA,iBAAA,QACA,aAAA,QAOF,gDAAA,gDKwhBF,iCLrhBI,MAAA,QACA,iBAAA,QAIA,aAAA,QAEA,sDAAA,sDKqhBJ,uCLhhBQ,WAAA,EAAA,EAAA,EAAA,MAAA,qBDKN,WCrDA,MAAA,QMAE,iBAAA,QNEF,aAAA,QIIA,iBJAE,MAAA,QMNA,iBAAA,QNQA,aAAA,QAGF,iBAAA,iBAMI,WAAA,EAAA,EAAA,EAAA,MAAA,qBAKJ,oBAAA,oBAEE,MAAA,QACA,iBAAA,QACA,aAAA,QAOF,gDAAA,gDK0jBF,iCLvjBI,MAAA,QACA,iBAAA,QAIA,aAAA,QAEA,sDAAA,sDKujBJ,uCLljBQ,WAAA,EAAA,EAAA,EAAA,MAAA,qBDKN,UCrDA,MAAA,KMAE,iBAAA,QNEF,aAAA,QIIA,gBJAE,MAAA,KMNA,iBAAA,QNQA,aAAA,QAGF,gBAAA,gBAMI,WAAA,EAAA,EAAA,EAAA,MAAA,oBAKJ,mBAAA,mBAEE,MAAA,KACA,iBAAA,QACA,aAAA,QAOF,+CAAA,+CK4lBF,gCLzlBI,MAAA,KACA,iBAAA,QAIA,aAAA,QAEA,qDAAA,qDKylBJ,sCLplBQ,WAAA,EAAA,EAAA,EAAA,MAAA,oBDKN,WCrDA,MAAA,QMAE,iBAAA,KNEF,aAAA,KIIA,iBJAE,MAAA,QMNA,iBAAA,QNQA,aAAA,QAGF,iBAAA,iBAMI,WAAA,EAAA,EAAA,EAAA,MAAA,qBAKJ,oBAAA,oBAEE,MAAA,QACA,iBAAA,KACA,aAAA,KAOF,gDAAA,gDK8nBF,iCL3nBI,MAAA,QACA,iBAAA,QAIA,aAAA,QAEA,sDAAA,sDK2nBJ,uCLtnBQ,WAAA,EAAA,EAAA,EAAA,MAAA,qBDWN,oBCJA,MAAA,QACA,aAAA,QIlDA,0BJqDE,MAAA,KACA,iBAAA,QACA,aAAA,QAGF,0BAAA,0BAEE,WAAA,EAAA,EAAA,EAAA,MAAA,mBAGF,6BAAA,6BAEE,MAAA,QACA,iBAAA,YAGF,yDAAA,yDKonBF,0CLjnBI,MAAA,KACA,iBAAA,QACA,aAAA,QAEA,+DAAA,+DKonBJ,gDL/mBQ,WAAA,EAAA,EAAA,EAAA,MAAA,mBD5BN,qBCJA,MAAA,QACA,aAAA,QIlDA,2BJqDE,MAAA,KACA,iBAAA,QACA,aAAA,QAGF,2BAAA,2BAEE,WAAA,EAAA,EAAA,EAAA,MAAA,kBAGF,8BAAA,8BAEE,MAAA,QACA,iBAAA,YAGF,0DAAA,0DKopBF,2CLjpBI,MAAA,KACA,iBAAA,QACA,aAAA,QAEA,gEAAA,gEKopBJ,iDL/oBQ,WAAA,EAAA,EAAA,EAAA,MAAA,kBD5BN,kBCJA,MAAA,QACA,aAAA,QIlDA,wBJqDE,MAAA,QACA,iBAAA,QACA,aAAA,QAGF,wBAAA,wBAEE,WAAA,EAAA,EAAA,EAAA,MAAA,qBAGF,2BAAA,2BAEE,MAAA,QACA,iBAAA,YAGF,uDAAA,uDKorBF,wCLjrBI,MAAA,QACA,iBAAA,QACA,aAAA,QAEA,6DAAA,6DKorBJ,8CL/qBQ,WAAA,EAAA,EAAA,EAAA,MAAA,qBD5BN,qBCJA,MAAA,QACA,aAAA,QIlDA,2BJqDE,MAAA,QACA,iBAAA,QACA,aAAA,QAGF,2BAAA,2BAEE,WAAA,EAAA,EAAA,EAAA,MAAA,mBAGF,8BAAA,8BAEE,MAAA,QACA,iBAAA,YAGF,0DAAA,0DKotBF,2CLjtBI,MAAA,QACA,iBAAA,QACA,aAAA,QAEA,gEAAA,gEKotBJ,iDL/sBQ,WAAA,EAAA,EAAA,EAAA,MAAA,mBD5BN,qBCJA,MAAA,QACA,aAAA,QIlDA,2BJqDE,MAAA,KACA,iBAAA,QACA,aAAA,QAGF,2BAAA,2BAEE,WAAA,EAAA,EAAA,EAAA,MAAA,kBAGF,8BAAA,8BAEE,MAAA,QACA,iBAAA,YAGF,0DAAA,0DKovBF,2CLjvBI,MAAA,KACA,iBAAA,QACA,aAAA,QAEA,gEAAA,gEKovBJ,iDL/uBQ,WAAA,EAAA,EAAA,EAAA,MAAA,kBD5BN,oBCJA,MAAA,QACA,aAAA,QIlDA,0BJqDE,MAAA,KACA,iBAAA,QACA,aAAA,QAGF,0BAAA,0BAEE,WAAA,EAAA,EAAA,EAAA,MAAA,mBAGF,6BAAA,6BAEE,MAAA,QACA,iBAAA,YAGF,yDAAA,yDKoxBF,0CLjxBI,MAAA,KACA,iBAAA,QACA,aAAA,QAEA,+DAAA,+DKoxBJ,gDL/wBQ,WAAA,EAAA,EAAA,EAAA,MAAA,mBD5BN,qBCJA,MAAA,QACA,aAAA,QIlDA,2BJqDE,MAAA,KACA,iBAAA,QACA,aAAA,QAGF,2BAAA,2BAEE,WAAA,EAAA,EAAA,EAAA,MAAA,mBAGF,8BAAA,8BAEE,MAAA,QACA,iBAAA,YAGF,0DAAA,0DKozBF,2CLjzBI,MAAA,KACA,iBAAA,QACA,aAAA,QAEA,gEAAA,gEKozBJ,iDL/yBQ,WAAA,EAAA,EAAA,EAAA,MAAA,mBD5BN,uBCJA,MAAA,QACA,aAAA,QIlDA,6BJqDE,MAAA,KACA,iBAAA,QACA,aAAA,QAGF,6BAAA,6BAEE,WAAA,EAAA,EAAA,EAAA,MAAA,mBAGF,gCAAA,gCAEE,MAAA,QACA,iBAAA,YAGF,4DAAA,4DKo1BF,6CLj1BI,MAAA,KACA,iBAAA,QACA,aAAA,QAEA,kEAAA,kEKo1BJ,mDL/0BQ,WAAA,EAAA,EAAA,EAAA,MAAA,mBD5BN,oBCJA,MAAA,QACA,aAAA,QIlDA,0BJqDE,MAAA,KACA,iBAAA,QACA,aAAA,QAGF,0BAAA,0BAEE,WAAA,EAAA,EAAA,EAAA,MAAA,oBAGF,6BAAA,6BAEE,MAAA,QACA,iBAAA,YAGF,yDAAA,yDKo3BF,0CLj3BI,MAAA,KACA,iBAAA,QACA,aAAA,QAEA,+DAAA,+DKo3BJ,gDL/2BQ,WAAA,EAAA,EAAA,EAAA,MAAA,oBD5BN,kBCJA,MAAA,QACA,aAAA,QIlDA,wBJqDE,MAAA,KACA,iBAAA,QACA,aAAA,QAGF,wBAAA,wBAEE,WAAA,EAAA,EAAA,EAAA,MAAA,kBAGF,2BAAA,2BAEE,MAAA,QACA,iBAAA,YAGF,uDAAA,uDKo5BF,wCLj5BI,MAAA,KACA,iBAAA,QACA,aAAA,QAEA,6DAAA,6DKo5BJ,8CL/4BQ,WAAA,EAAA,EAAA,EAAA,MAAA,kBD5BN,mBCJA,MAAA,KACA,aAAA,KIlDA,yBJqDE,MAAA,KACA,iBAAA,KACA,aAAA,KAGF,yBAAA,yBAEE,WAAA,EAAA,EAAA,EAAA,MAAA,qBAGF,4BAAA,4BAEE,MAAA,KACA,iBAAA,YAGF,wDAAA,wDKo7BF,yCLj7BI,MAAA,KACA,iBAAA,KACA,aAAA,KAEA,8DAAA,8DKo7BJ,+CL/6BQ,WAAA,EAAA,EAAA,EAAA,MAAA,qBD5BN,mBCJA,MAAA,QACA,aAAA,QIlDA,yBJqDE,MAAA,QACA,iBAAA,QACA,aAAA,QAGF,yBAAA,yBAEE,WAAA,EAAA,EAAA,EAAA,MAAA,qBAGF,4BAAA,4BAEE,MAAA,QACA,iBAAA,YAGF,wDAAA,wDKo9BF,yCLj9BI,MAAA,QACA,iBAAA,QACA,aAAA,QAEA,8DAAA,8DKo9BJ,+CL/8BQ,WAAA,EAAA,EAAA,EAAA,MAAA,qBD5BN,mBCJA,MAAA,QACA,aAAA,QIlDA,yBJqDE,MAAA,QACA,iBAAA,QACA,aAAA,QAGF,yBAAA,yBAEE,WAAA,EAAA,EAAA,EAAA,MAAA,qBAGF,4BAAA,4BAEE,MAAA,QACA,iBAAA,YAGF,wDAAA,wDKo/BF,yCLj/BI,MAAA,QACA,iBAAA,QACA,aAAA,QAEA,8DAAA,8DKo/BJ,+CL/+BQ,WAAA,EAAA,EAAA,EAAA,MAAA,qBD5BN,mBCJA,MAAA,QACA,aAAA,QIlDA,yBJqDE,MAAA,QACA,iBAAA,QACA,aAAA,QAGF,yBAAA,yBAEE,WAAA,EAAA,EAAA,EAAA,MAAA,qBAGF,4BAAA,4BAEE,MAAA,QACA,iBAAA,YAGF,wDAAA,wDKohCF,yCLjhCI,MAAA,QACA,iBAAA,QACA,aAAA,QAEA,8DAAA,8DKohCJ,+CL/gCQ,WAAA,EAAA,EAAA,EAAA,MAAA,qBD5BN,mBCJA,MAAA,QACA,aAAA,QIlDA,yBJqDE,MAAA,QACA,iBAAA,QACA,aAAA,QAGF,yBAAA,yBAEE,WAAA,EAAA,EAAA,EAAA,MAAA,qBAGF,4BAAA,4BAEE,MAAA,QACA,iBAAA,YAGF,wDAAA,wDKojCF,yCLjjCI,MAAA,QACA,iBAAA,QACA,aAAA,QAEA,8DAAA,8DKojCJ,+CL/iCQ,WAAA,EAAA,EAAA,EAAA,MAAA,qBD5BN,kBCJA,MAAA,QACA,aAAA,QIlDA,wBJqDE,MAAA,KACA,iBAAA,QACA,aAAA,QAGF,wBAAA,wBAEE,WAAA,EAAA,EAAA,EAAA,MAAA,mBAGF,2BAAA,2BAEE,MAAA,QACA,iBAAA,YAGF,uDAAA,uDKolCF,wCLjlCI,MAAA,KACA,iBAAA,QACA,aAAA,QAEA,6DAAA,6DKolCJ,8CL/kCQ,WAAA,EAAA,EAAA,EAAA,MAAA,mBD5BN,mBCJA,MAAA,KACA,aAAA,KIlDA,yBJqDE,MAAA,QACA,iBAAA,KACA,aAAA,KAGF,yBAAA,yBAEE,WAAA,EAAA,EAAA,EAAA,MAAA,qBAGF,4BAAA,4BAEE,MAAA,KACA,iBAAA,YAGF,wDAAA,wDKonCF,yCLjnCI,MAAA,QACA,iBAAA,KACA,aAAA,KAEA,8DAAA,8DKonCJ,+CL/mCQ,WAAA,EAAA,EAAA,EAAA,MAAA,qBDlCN,UAkBA,YAAA,IACA,MAAA,QACA,gBAAA,KKnEA,gBLsEE,MAAA,QACA,gBAAA,UClEF,gBAAA,gBDuEE,gBAAA,UACA,WAAA,KAbJ,mBAAA,mBAkBI,MAAA,QACA,eAAA,KAWJ,mBAAA,QCLE,QAAA,IAAA,KC0BI,UAAA,KDxBJ,YAAA,KElGE,cAAA,IHyGJ,mBAAA,QCTE,QAAA,IAAA,IC0BI,UAAA,QDxBJ,YAAA,KElGE,cAAA,IHkHJ,WACE,QAAA,MACA,MAAA,KAFF,sBAMI,WAAA,MMioCJ,6BADA,4BN3nCA,6BAII,MAAA,KQnIJ,WFgwCA,oBE9vCE,SAAA,SACA,QAAA,YACA,eAAA,OFmwCF,yBEvwCA,gBAOI,SAAA,SACA,KAAA,EAAA,EAAA,KFqwCJ,+BDpwCE,sBGII,QAAA,EFuwCN,gCADA,gCADA,+BElxCA,uBAAA,uBAAA,sBAkBM,QAAA,EAMN,aACE,QAAA,KACA,UAAA,KACA,gBAAA,WAHF,0BAMI,MAAA,KFqwCJ,wCEjwCA,kCAII,YAAA,KFkwCJ,4CEtwCA,uDLhBI,wBAAA,EACA,2BAAA,EG2xCJ,6CE5wCA,kCLFI,uBAAA,EACA,0BAAA,EKgCJ,uBACE,cAAA,KACA,aAAA,KAFF,8BFyvCA,yCADA,sCEjvCI,YAAA,EAGF,yCACE,aAAA,EAIJ,0CAAA,+BACE,cAAA,IACA,aAAA,IAGF,0CAAA,+BACE,cAAA,KACA,aAAA,KAoBF,oBACE,eAAA,OACA,YAAA,WACA,gBAAA,OAHF,yBFwuCA,+BEjuCI,MAAA,KFsuCJ,iDE7uCA,2CAYI,WAAA,KFsuCJ,qDElvCA,gELlFI,2BAAA,EACA,0BAAA,EGy0CJ,sDExvCA,2CLhGI,uBAAA,EACA,wBAAA,EKuIJ,uBFstCA,kCEntCI,cAAA,EFwtCJ,4CE3tCA,yCF6tCA,uDADA,oDErtCM,SAAA,SACA,KAAA,cACA,eAAA,KC9JN,0BAAA,cAAA,mDACE,MAAA,QACA,iBAAA,YACA,aAAA,YAGF,eAAA,mBACE,MAAA,KACA,iBAAA,YACA,OAAA,IAAA,MAAA,YACA,mDAAA,uDACE,iBAAA,QACA,aAAA,QAEF,mDAAA,uDACE,iBAAA,YACA,aAAA,QACA,WAAA,EAAA,EAAA,IAAA,IAAA,QAMJ,eAAA,oDAAA,oDAAA,mBHy3CiG,wDAAzD,wDAAxC,qCACA,yCGz3CE,MAAA,KACA,iBAAA,QACA,OAAA,IAAA,MAAA,QAKF,mDAAA,uDAKM,aAAA,QALN,mDAAA,uDAQM,aAAA,QACA,WAAA,EAAA,EAAA,IAAA,IAAA,QATN,mDAqBM,iBAAA,YACA,aAAA,QACA,WAAA,EAAA,EAAA,IAAA,IAAA,QAvBN,cA4BI,OAAA,KACA,QAAA,EAAA,IAEA,cAAA,IA/BJ,kDAqCM,gBAAA,KACA,WAAA,EAAA,EAAA,EAAA,IAAA,mBAtCN,uBAAA,uBA0CM,gBAAA,KACA,eAAA,KACA,iBAAA,YACA,OAAA,KA7CN,2CAsDU,MAAA,eAtDV,2CA+DU,MAAA,kBA/DV,gBAsEI,SAAA,SACA,WAAA,KACA,eAAA,KAxEJ,wBA0EM,SAAA,SACA,IAAA,EACA,MAAA,EACA,OAAA,EACA,KAAA,EACA,QAAA,EACA,QAAA,GACA,iBAAA,QAEA,cAAA,IAnFN,uBAsFM,SAAA,SACA,IAAA,EACA,MAAA,EACA,OAAA,EACA,KAAA,EACA,QAAA,EACA,QAAA,aACA,MAAA,KACA,OAAA,KACA,OAAA,KACA,QAAA,GACA,WAAA,OAAA,OAAA,UACA,gBAAA,MACA,OAAA,IAAA,MAAA,KACA,mBAAA,YAEA,cAAA,IACA,kBAAA,eAAA,KAAA,OAAA,SAAA,UAAA,eAAA,KAAA,OAAA,SAvGN,iCAAA,qCA6GQ,aAAA,KACA,mBAAA,YA9GR,0BAkHM,MAAA,YAlHN,iCAoHQ,aAAA,KACA,mBAAA,YArHR,uBHu9CA,wBG11CM,eAAA,IACA,OAAA,KA9HN,uBAiIM,MAAA,KACA,OAAA,KACA,QAAA,EACA,UAAA,KACA,MAAA,QArIN,+BAuIQ,aAAA,IAvIR,gCA0IQ,YAAA,IA1IR,qCH8+CA,sCG9+CA,8BH6+CA,+BG71CQ,YAAA,KACA,eAAA,SACA,OAAA,KAlJR,qCAAA,8BAqJQ,aAAA,EACA,YAAA,KAtJR,0CAAA,mCAyJQ,aAAA,EAzJR,2CAAA,oCA4JQ,YAAA,EA5JR,qCHmgDA,sCGngDA,8BHkgDA,+BGh2CQ,eAAA,IACA,OAAA,KAnKR,qCAAA,8BAsKQ,MAAA,KACA,OAAA,KACA,QAAA,EACA,UAAA,KHw2CR,sCGjhDA,+BA4KQ,YAAA,KTtMR,cAAA,cS6MI,MAAA,QACA,OAAA,YACA,iBAAA,QACA,OAAA,IAAA,MAAA,QACA,QAAA,EAvLJ,wBAAA,wBAyLM,iBAAA,YACA,aAAA,YA1LN,6BAiMM,aAAA,KAjMN,4BAoMM,YAAA,KAKH,mEAEG,cAAA,IAFH,4CAMG,aAAA,IANH,kCAWG,UAAA,KACA,cAAA,IACA,aAAA,IAbH,0CAeK,aAAA,EAfL,yCAkBK,YAAA,EAlBL,oEAAA,wEAwBK,aAAA,IACA,YAAA,KAzBL,qDAAA,iFAkCO,aAAA,IACA,YAAA,IAAA,MAAA,QAnCP,uDHk4CH,2DGz1CQ,aAAA,IACA,YAAA,KAaR,mBAAA,YAEI,OAAA,KAFJ,mBAAA,YAKI,OAAA,KALJ,mBAQI,MAAA,KACA,OAAA,KACA,QAAA,IACA,UAAA,KACA,YAAA,KAZJ,uBAgBM,MAAA,KACA,OAAA,KACA,QAAA,EACA,UAAA,KAMJ,yBACE,SAAA,SACA,QAAA,YACA,YAAA,SAHD,8BAKG,SAAA,SACA,MAAA,KACA,OAAA,KACA,QAAA,IARH,kCAUK,MAAA,eACA,OAAA,eACA,UAAA,eACA,YAAA,eAbL,gCAiBG,SAAA,SACA,MAAA,KACA,OAAA","sourcesContent":["//\n// Rotating border\n//\n\n@keyframes spinner-border {\n  to { transform: rotate(360deg); }\n}\n\n.#{$prefix}spinner-border {\n  display: inline-block;\n  width: $spinner-width;\n  height: $spinner-height;\n  vertical-align: text-bottom;\n  border: $spinner-border-width solid currentColor;\n  border-right-color: transparent;\n  // stylelint-disable-next-line property-blacklist\n  border-radius: 50%;\n  animation: spinner-border .75s linear infinite;\n}\n\n.#{$prefix}spinner-border-sm {\n  width: $spinner-width-sm;\n  height: $spinner-height-sm;\n  border-width: $spinner-border-width-sm;\n}\n\n//\n// Growing circle\n//\n\n@keyframes spinner-grow {\n  0% {\n    transform: scale(0);\n  }\n  50% {\n    opacity: 1;\n  }\n}\n\n.#{$prefix}spinner-grow {\n  display: inline-block;\n  width: $spinner-width;\n  height: $spinner-height;\n  vertical-align: text-bottom;\n  background-color: currentColor;\n  // stylelint-disable-next-line property-blacklist\n  border-radius: 50%;\n  opacity: 0;\n  animation: spinner-grow .75s linear infinite;\n}\n\n.#{$prefix}spinner-grow-sm {\n  width: $spinner-width-sm;\n  height: $spinner-height-sm;\n}\n","// stylelint-disable selector-no-qualifying-type\n\n//\n// Base styles\n//\n\n.#{$prefix}btn {\n  display: inline-block;\n  font-family: $btn-font-family;\n  font-weight: $btn-font-weight;\n  color: $body-color;\n  text-align: center;\n  vertical-align: middle;\n  user-select: none;\n  background-color: transparent;\n  border: $btn-border-width solid transparent;\n  @include button-size($btn-padding-y, $btn-padding-x, $btn-font-size, $btn-line-height, $btn-border-radius);\n  @include transition($btn-transition);\n\n  @include hover {\n    color: $body-color;\n    text-decoration: none;\n  }\n\n  &:focus,\n  &.focus {\n    outline: 0;\n    box-shadow: $btn-focus-box-shadow;\n  }\n\n  // Disabled comes first so active can properly restyle\n  &.disabled,\n  &:disabled {\n    opacity: $btn-disabled-opacity;\n    @include box-shadow(none);\n  }\n\n  &:not(:disabled):not(.disabled):active,\n  &:not(:disabled):not(.disabled).active {\n    @include box-shadow($btn-active-box-shadow);\n\n    &:focus {\n      @include box-shadow($btn-focus-box-shadow, $btn-active-box-shadow);\n    }\n  }\n}\n\n// Future-proof disabling of clicks on `<a>` elements\na.#{$prefix}btn.disabled,\nfieldset:disabled a.#{$prefix}btn {\n  pointer-events: none;\n}\n\n\n//\n// Alternate buttons\n//\n\n@each $color, $value in $theme-colors {\n  .#{$prefix}btn-#{$color} {\n    @include button-variant($value, $value);\n  }\n}\n\n@each $color, $value in $theme-colors {\n  .#{$prefix}btn-outline-#{$color} {\n    @include button-outline-variant($value);\n  }\n}\n\n\n//\n// Link buttons\n//\n\n// Make a button look and behave like a link\n.#{$prefix}btn-link {\n  font-weight: $font-weight-normal;\n  color: $link-color;\n  text-decoration: $link-decoration;\n\n  @include hover {\n    color: $link-hover-color;\n    text-decoration: $link-hover-decoration;\n  }\n\n  &:focus,\n  &.focus {\n    text-decoration: $link-hover-decoration;\n    box-shadow: none;\n  }\n\n  &:disabled,\n  &.disabled {\n    color: $btn-link-disabled-color;\n    pointer-events: none;\n  }\n\n  // No need for an active state here\n}\n\n\n//\n// Button Sizes\n//\n\n.#{$prefix}btn-lg {\n  @include button-size($btn-padding-y-lg, $btn-padding-x-lg, $btn-font-size-lg, $btn-line-height-lg, $btn-border-radius-lg);\n}\n\n.#{$prefix}btn-sm {\n  @include button-size($btn-padding-y-sm, $btn-padding-x-sm, $btn-font-size-sm, $btn-line-height-sm, $btn-border-radius-sm);\n}\n\n\n//\n// Block button\n//\n\n.#{$prefix}btn-block {\n  display: block;\n  width: 100%;\n\n  // Vertically space out multiple block buttons\n  + .#{$prefix}btn-block {\n    margin-top: $btn-block-spacing-y;\n  }\n}\n\n// Specificity overrides\ninput[type=\"submit\"],\ninput[type=\"reset\"],\ninput[type=\"button\"] {\n  &.#{$prefix}btn-block {\n    width: 100%;\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  .#{$prefix}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  .#{$prefix}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","// 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","// 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","// 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","// 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","@-webkit-keyframes spinner-border {\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n@keyframes spinner-border {\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n.spinner-border {\n  display: inline-block;\n  width: 2rem;\n  height: 2rem;\n  vertical-align: text-bottom;\n  border: 0.25em solid currentColor;\n  border-right-color: transparent;\n  border-radius: 50%;\n  -webkit-animation: spinner-border .75s linear infinite;\n  animation: spinner-border .75s linear infinite;\n}\n\n.spinner-border-sm {\n  width: 1rem;\n  height: 1rem;\n  border-width: 0.2em;\n}\n\n@-webkit-keyframes spinner-grow {\n  0% {\n    transform: scale(0);\n  }\n  50% {\n    opacity: 1;\n  }\n}\n\n@keyframes spinner-grow {\n  0% {\n    transform: scale(0);\n  }\n  50% {\n    opacity: 1;\n  }\n}\n\n.spinner-grow {\n  display: inline-block;\n  width: 2rem;\n  height: 2rem;\n  vertical-align: text-bottom;\n  background-color: currentColor;\n  border-radius: 50%;\n  opacity: 0;\n  -webkit-animation: spinner-grow .75s linear infinite;\n  animation: spinner-grow .75s linear infinite;\n}\n\n.spinner-grow-sm {\n  width: 1rem;\n  height: 1rem;\n}\n\n.btn {\n  display: inline-block;\n  font-family: \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif;\n  font-weight: 400;\n  color: #212121;\n  text-align: center;\n  vertical-align: middle;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n  background-color: transparent;\n  border: 1px solid transparent;\n  padding: 8px 16px;\n  font-size: 0.875rem;\n  line-height: 20px;\n  border-radius: 4px;\n  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;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .btn {\n    transition: none;\n  }\n}\n\n.btn:hover {\n  color: #212121;\n  text-decoration: none;\n}\n\n.btn:focus, .btn.focus {\n  outline: 0;\n  box-shadow: 0 0 4px 1px #1357ff;\n}\n\n.btn.disabled, .btn:disabled {\n  opacity: 0.65;\n}\n\na.btn.disabled,\nfieldset:disabled a.btn {\n  pointer-events: none;\n}\n\n.btn-danger {\n  color: #fff;\n  background-color: #d74022;\n  border-color: #d74022;\n}\n\n.btn-danger:hover {\n  color: #fff;\n  background-color: #b6361d;\n  border-color: #ab331b;\n}\n\n.btn-danger:focus, .btn-danger.focus {\n  box-shadow: 0 0 0 0.2rem rgba(221, 93, 67, 0.5);\n}\n\n.btn-danger.disabled, .btn-danger:disabled {\n  color: #fff;\n  background-color: #d74022;\n  border-color: #d74022;\n}\n\n.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active,\n.show > .btn-danger.dropdown-toggle {\n  color: #fff;\n  background-color: #ab331b;\n  border-color: #a03019;\n}\n\n.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus,\n.show > .btn-danger.dropdown-toggle:focus {\n  box-shadow: 0 0 0 0.2rem rgba(221, 93, 67, 0.5);\n}\n\n.btn-success {\n  color: #fff;\n  background-color: #009f61;\n  border-color: #009f61;\n}\n\n.btn-success:hover {\n  color: #fff;\n  background-color: #00794a;\n  border-color: #006c42;\n}\n\n.btn-success:focus, .btn-success.focus {\n  box-shadow: 0 0 0 0.2rem rgba(38, 173, 121, 0.5);\n}\n\n.btn-success.disabled, .btn-success:disabled {\n  color: #fff;\n  background-color: #009f61;\n  border-color: #009f61;\n}\n\n.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active,\n.show > .btn-success.dropdown-toggle {\n  color: #fff;\n  background-color: #006c42;\n  border-color: #005f3a;\n}\n\n.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus,\n.show > .btn-success.dropdown-toggle:focus {\n  box-shadow: 0 0 0 0.2rem rgba(38, 173, 121, 0.5);\n}\n\n.btn-info {\n  color: #212529;\n  background-color: #ffeb99;\n  border-color: #ffeb99;\n}\n\n.btn-info:hover {\n  color: #212529;\n  background-color: #ffe473;\n  border-color: #ffe166;\n}\n\n.btn-info:focus, .btn-info.focus {\n  box-shadow: 0 0 0 0.2rem rgba(222, 205, 136, 0.5);\n}\n\n.btn-info.disabled, .btn-info:disabled {\n  color: #212529;\n  background-color: #ffeb99;\n  border-color: #ffeb99;\n}\n\n.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active,\n.show > .btn-info.dropdown-toggle {\n  color: #212529;\n  background-color: #ffe166;\n  border-color: #ffdf59;\n}\n\n.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus,\n.show > .btn-info.dropdown-toggle:focus {\n  box-shadow: 0 0 0 0.2rem rgba(222, 205, 136, 0.5);\n}\n\n.btn-warning {\n  color: #212529;\n  background-color: #ffb700;\n  border-color: #ffb700;\n}\n\n.btn-warning:hover {\n  color: #212529;\n  background-color: #d99c00;\n  border-color: #cc9200;\n}\n\n.btn-warning:focus, .btn-warning.focus {\n  box-shadow: 0 0 0 0.2rem rgba(222, 161, 6, 0.5);\n}\n\n.btn-warning.disabled, .btn-warning:disabled {\n  color: #212529;\n  background-color: #ffb700;\n  border-color: #ffb700;\n}\n\n.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active,\n.show > .btn-warning.dropdown-toggle {\n  color: #fff;\n  background-color: #cc9200;\n  border-color: #bf8900;\n}\n\n.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus,\n.show > .btn-warning.dropdown-toggle:focus {\n  box-shadow: 0 0 0 0.2rem rgba(222, 161, 6, 0.5);\n}\n\n.btn-primary {\n  color: #fff;\n  background-color: #005fbf;\n  border-color: #005fbf;\n}\n\n.btn-primary:hover {\n  color: #fff;\n  background-color: #004c99;\n  border-color: #00468c;\n}\n\n.btn-primary:focus, .btn-primary.focus {\n  box-shadow: 0 0 0 0.2rem rgba(38, 119, 201, 0.5);\n}\n\n.btn-primary.disabled, .btn-primary:disabled {\n  color: #fff;\n  background-color: #005fbf;\n  border-color: #005fbf;\n}\n\n.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,\n.show > .btn-primary.dropdown-toggle {\n  color: #fff;\n  background-color: #00468c;\n  border-color: #003f7f;\n}\n\n.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,\n.show > .btn-primary.dropdown-toggle:focus {\n  box-shadow: 0 0 0 0.2rem rgba(38, 119, 201, 0.5);\n}\n\n.btn-jurnal {\n  color: #fff;\n  background-color: #009bde;\n  border-color: #009bde;\n}\n\n.btn-jurnal:hover {\n  color: #fff;\n  background-color: #0080b8;\n  border-color: #0077ab;\n}\n\n.btn-jurnal:focus, .btn-jurnal.focus {\n  box-shadow: 0 0 0 0.2rem rgba(38, 170, 227, 0.5);\n}\n\n.btn-jurnal.disabled, .btn-jurnal:disabled {\n  color: #fff;\n  background-color: #009bde;\n  border-color: #009bde;\n}\n\n.btn-jurnal:not(:disabled):not(.disabled):active, .btn-jurnal:not(:disabled):not(.disabled).active,\n.show > .btn-jurnal.dropdown-toggle {\n  color: #fff;\n  background-color: #0077ab;\n  border-color: #006e9e;\n}\n\n.btn-jurnal:not(:disabled):not(.disabled):active:focus, .btn-jurnal:not(:disabled):not(.disabled).active:focus,\n.show > .btn-jurnal.dropdown-toggle:focus {\n  box-shadow: 0 0 0 0.2rem rgba(38, 170, 227, 0.5);\n}\n\n.btn-talenta {\n  color: #fff;\n  background-color: #c02a34;\n  border-color: #c02a34;\n}\n\n.btn-talenta:hover {\n  color: #fff;\n  background-color: #a1232c;\n  border-color: #962129;\n}\n\n.btn-talenta:focus, .btn-talenta.focus {\n  box-shadow: 0 0 0 0.2rem rgba(201, 74, 82, 0.5);\n}\n\n.btn-talenta.disabled, .btn-talenta:disabled {\n  color: #fff;\n  background-color: #c02a34;\n  border-color: #c02a34;\n}\n\n.btn-talenta:not(:disabled):not(.disabled):active, .btn-talenta:not(:disabled):not(.disabled).active,\n.show > .btn-talenta.dropdown-toggle {\n  color: #fff;\n  background-color: #962129;\n  border-color: #8c1f26;\n}\n\n.btn-talenta:not(:disabled):not(.disabled):active:focus, .btn-talenta:not(:disabled):not(.disabled).active:focus,\n.show > .btn-talenta.dropdown-toggle:focus {\n  box-shadow: 0 0 0 0.2rem rgba(201, 74, 82, 0.5);\n}\n\n.btn-klikpajak {\n  color: #fff;\n  background-color: #f96d01;\n  border-color: #f96d01;\n}\n\n.btn-klikpajak:hover {\n  color: #fff;\n  background-color: #d35c01;\n  border-color: #c65701;\n}\n\n.btn-klikpajak:focus, .btn-klikpajak.focus {\n  box-shadow: 0 0 0 0.2rem rgba(250, 131, 39, 0.5);\n}\n\n.btn-klikpajak.disabled, .btn-klikpajak:disabled {\n  color: #fff;\n  background-color: #f96d01;\n  border-color: #f96d01;\n}\n\n.btn-klikpajak:not(:disabled):not(.disabled):active, .btn-klikpajak:not(:disabled):not(.disabled).active,\n.show > .btn-klikpajak.dropdown-toggle {\n  color: #fff;\n  background-color: #c65701;\n  border-color: #ba5101;\n}\n\n.btn-klikpajak:not(:disabled):not(.disabled):active:focus, .btn-klikpajak:not(:disabled):not(.disabled).active:focus,\n.show > .btn-klikpajak.dropdown-toggle:focus {\n  box-shadow: 0 0 0 0.2rem rgba(250, 131, 39, 0.5);\n}\n\n.btn-mekari {\n  color: #fff;\n  background-color: #6d48e5;\n  border-color: #6d48e5;\n}\n\n.btn-mekari:hover {\n  color: #fff;\n  background-color: #5227e0;\n  border-color: #4b1fdb;\n}\n\n.btn-mekari:focus, .btn-mekari.focus {\n  box-shadow: 0 0 0 0.2rem rgba(131, 99, 233, 0.5);\n}\n\n.btn-mekari.disabled, .btn-mekari:disabled {\n  color: #fff;\n  background-color: #6d48e5;\n  border-color: #6d48e5;\n}\n\n.btn-mekari:not(:disabled):not(.disabled):active, .btn-mekari:not(:disabled):not(.disabled).active,\n.show > .btn-mekari.dropdown-toggle {\n  color: #fff;\n  background-color: #4b1fdb;\n  border-color: #481ed0;\n}\n\n.btn-mekari:not(:disabled):not(.disabled):active:focus, .btn-mekari:not(:disabled):not(.disabled).active:focus,\n.show > .btn-mekari.dropdown-toggle:focus {\n  box-shadow: 0 0 0 0.2rem rgba(131, 99, 233, 0.5);\n}\n\n.btn-dark {\n  color: #fff;\n  background-color: #212121;\n  border-color: #212121;\n}\n\n.btn-dark:hover {\n  color: #fff;\n  background-color: #0e0e0e;\n  border-color: #080808;\n}\n\n.btn-dark:focus, .btn-dark.focus {\n  box-shadow: 0 0 0 0.2rem rgba(66, 66, 66, 0.5);\n}\n\n.btn-dark.disabled, .btn-dark:disabled {\n  color: #fff;\n  background-color: #212121;\n  border-color: #212121;\n}\n\n.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active,\n.show > .btn-dark.dropdown-toggle {\n  color: #fff;\n  background-color: #080808;\n  border-color: #010101;\n}\n\n.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus,\n.show > .btn-dark.dropdown-toggle:focus {\n  box-shadow: 0 0 0 0.2rem rgba(66, 66, 66, 0.5);\n}\n\n.btn-slate {\n  color: #fff;\n  background-color: #777;\n  border-color: #777;\n}\n\n.btn-slate:hover {\n  color: #fff;\n  background-color: #646464;\n  border-color: #5e5e5e;\n}\n\n.btn-slate:focus, .btn-slate.focus {\n  box-shadow: 0 0 0 0.2rem rgba(139, 139, 139, 0.5);\n}\n\n.btn-slate.disabled, .btn-slate:disabled {\n  color: #fff;\n  background-color: #777;\n  border-color: #777;\n}\n\n.btn-slate:not(:disabled):not(.disabled):active, .btn-slate:not(:disabled):not(.disabled).active,\n.show > .btn-slate.dropdown-toggle {\n  color: #fff;\n  background-color: #5e5e5e;\n  border-color: #575757;\n}\n\n.btn-slate:not(:disabled):not(.disabled):active:focus, .btn-slate:not(:disabled):not(.disabled).active:focus,\n.show > .btn-slate.dropdown-toggle:focus {\n  box-shadow: 0 0 0 0.2rem rgba(139, 139, 139, 0.5);\n}\n\n.btn-muted {\n  color: #212529;\n  background-color: #b4b4b4;\n  border-color: #b4b4b4;\n}\n\n.btn-muted:hover {\n  color: #212529;\n  background-color: #a1a1a1;\n  border-color: #9b9b9b;\n}\n\n.btn-muted:focus, .btn-muted.focus {\n  box-shadow: 0 0 0 0.2rem rgba(158, 159, 159, 0.5);\n}\n\n.btn-muted.disabled, .btn-muted:disabled {\n  color: #212529;\n  background-color: #b4b4b4;\n  border-color: #b4b4b4;\n}\n\n.btn-muted:not(:disabled):not(.disabled):active, .btn-muted:not(:disabled):not(.disabled).active,\n.show > .btn-muted.dropdown-toggle {\n  color: #212529;\n  background-color: #9b9b9b;\n  border-color: #949494;\n}\n\n.btn-muted:not(:disabled):not(.disabled):active:focus, .btn-muted:not(:disabled):not(.disabled).active:focus,\n.show > .btn-muted.dropdown-toggle:focus {\n  box-shadow: 0 0 0 0.2rem rgba(158, 159, 159, 0.5);\n}\n\n.btn-smoke {\n  color: #212529;\n  background-color: #e2e2e2;\n  border-color: #e2e2e2;\n}\n\n.btn-smoke:hover {\n  color: #212529;\n  background-color: #cfcfcf;\n  border-color: #c9c9c9;\n}\n\n.btn-smoke:focus, .btn-smoke.focus {\n  box-shadow: 0 0 0 0.2rem rgba(197, 198, 198, 0.5);\n}\n\n.btn-smoke.disabled, .btn-smoke:disabled {\n  color: #212529;\n  background-color: #e2e2e2;\n  border-color: #e2e2e2;\n}\n\n.btn-smoke:not(:disabled):not(.disabled):active, .btn-smoke:not(:disabled):not(.disabled).active,\n.show > .btn-smoke.dropdown-toggle {\n  color: #212529;\n  background-color: #c9c9c9;\n  border-color: #c2c2c2;\n}\n\n.btn-smoke:not(:disabled):not(.disabled):active:focus, .btn-smoke:not(:disabled):not(.disabled).active:focus,\n.show > .btn-smoke.dropdown-toggle:focus {\n  box-shadow: 0 0 0 0.2rem rgba(197, 198, 198, 0.5);\n}\n\n.btn-light {\n  color: #212529;\n  background-color: #fbfbfb;\n  border-color: #fbfbfb;\n}\n\n.btn-light:hover {\n  color: #212529;\n  background-color: #e8e8e8;\n  border-color: #e2e2e2;\n}\n\n.btn-light:focus, .btn-light.focus {\n  box-shadow: 0 0 0 0.2rem rgba(218, 219, 220, 0.5);\n}\n\n.btn-light.disabled, .btn-light:disabled {\n  color: #212529;\n  background-color: #fbfbfb;\n  border-color: #fbfbfb;\n}\n\n.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active,\n.show > .btn-light.dropdown-toggle {\n  color: #212529;\n  background-color: #e2e2e2;\n  border-color: #dbdbdb;\n}\n\n.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus,\n.show > .btn-light.dropdown-toggle:focus {\n  box-shadow: 0 0 0 0.2rem rgba(218, 219, 220, 0.5);\n}\n\n.btn-cloud {\n  color: #212529;\n  background-color: #f2f4f7;\n  border-color: #f2f4f7;\n}\n\n.btn-cloud:hover {\n  color: #212529;\n  background-color: #dae0e8;\n  border-color: #d2d9e4;\n}\n\n.btn-cloud:focus, .btn-cloud.focus {\n  box-shadow: 0 0 0 0.2rem rgba(211, 213, 216, 0.5);\n}\n\n.btn-cloud.disabled, .btn-cloud:disabled {\n  color: #212529;\n  background-color: #f2f4f7;\n  border-color: #f2f4f7;\n}\n\n.btn-cloud:not(:disabled):not(.disabled):active, .btn-cloud:not(:disabled):not(.disabled).active,\n.show > .btn-cloud.dropdown-toggle {\n  color: #212529;\n  background-color: #d2d9e4;\n  border-color: #cbd3df;\n}\n\n.btn-cloud:not(:disabled):not(.disabled):active:focus, .btn-cloud:not(:disabled):not(.disabled).active:focus,\n.show > .btn-cloud.dropdown-toggle:focus {\n  box-shadow: 0 0 0 0.2rem rgba(211, 213, 216, 0.5);\n}\n\n.btn-link {\n  color: #fff;\n  background-color: #1357ff;\n  border-color: #1357ff;\n}\n\n.btn-link:hover {\n  color: #fff;\n  background-color: #0044ec;\n  border-color: #0040df;\n}\n\n.btn-link:focus, .btn-link.focus {\n  box-shadow: 0 0 0 0.2rem rgba(54, 112, 255, 0.5);\n}\n\n.btn-link.disabled, .btn-link:disabled {\n  color: #fff;\n  background-color: #1357ff;\n  border-color: #1357ff;\n}\n\n.btn-link:not(:disabled):not(.disabled):active, .btn-link:not(:disabled):not(.disabled).active,\n.show > .btn-link.dropdown-toggle {\n  color: #fff;\n  background-color: #0040df;\n  border-color: #003dd2;\n}\n\n.btn-link:not(:disabled):not(.disabled):active:focus, .btn-link:not(:disabled):not(.disabled).active:focus,\n.show > .btn-link.dropdown-toggle:focus {\n  box-shadow: 0 0 0 0.2rem rgba(54, 112, 255, 0.5);\n}\n\n.btn-white {\n  color: #212529;\n  background-color: #fff;\n  border-color: #fff;\n}\n\n.btn-white:hover {\n  color: #212529;\n  background-color: #ececec;\n  border-color: #e6e6e6;\n}\n\n.btn-white:focus, .btn-white.focus {\n  box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5);\n}\n\n.btn-white.disabled, .btn-white:disabled {\n  color: #212529;\n  background-color: #fff;\n  border-color: #fff;\n}\n\n.btn-white:not(:disabled):not(.disabled):active, .btn-white:not(:disabled):not(.disabled).active,\n.show > .btn-white.dropdown-toggle {\n  color: #212529;\n  background-color: #e6e6e6;\n  border-color: #dfdfdf;\n}\n\n.btn-white:not(:disabled):not(.disabled):active:focus, .btn-white:not(:disabled):not(.disabled).active:focus,\n.show > .btn-white.dropdown-toggle:focus {\n  box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5);\n}\n\n.btn-outline-danger {\n  color: #d74022;\n  border-color: #d74022;\n}\n\n.btn-outline-danger:hover {\n  color: #fff;\n  background-color: #d74022;\n  border-color: #d74022;\n}\n\n.btn-outline-danger:focus, .btn-outline-danger.focus {\n  box-shadow: 0 0 0 0.2rem rgba(215, 64, 34, 0.5);\n}\n\n.btn-outline-danger.disabled, .btn-outline-danger:disabled {\n  color: #d74022;\n  background-color: transparent;\n}\n\n.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active,\n.show > .btn-outline-danger.dropdown-toggle {\n  color: #fff;\n  background-color: #d74022;\n  border-color: #d74022;\n}\n\n.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-danger.dropdown-toggle:focus {\n  box-shadow: 0 0 0 0.2rem rgba(215, 64, 34, 0.5);\n}\n\n.btn-outline-success {\n  color: #009f61;\n  border-color: #009f61;\n}\n\n.btn-outline-success:hover {\n  color: #fff;\n  background-color: #009f61;\n  border-color: #009f61;\n}\n\n.btn-outline-success:focus, .btn-outline-success.focus {\n  box-shadow: 0 0 0 0.2rem rgba(0, 159, 97, 0.5);\n}\n\n.btn-outline-success.disabled, .btn-outline-success:disabled {\n  color: #009f61;\n  background-color: transparent;\n}\n\n.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active,\n.show > .btn-outline-success.dropdown-toggle {\n  color: #fff;\n  background-color: #009f61;\n  border-color: #009f61;\n}\n\n.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-success.dropdown-toggle:focus {\n  box-shadow: 0 0 0 0.2rem rgba(0, 159, 97, 0.5);\n}\n\n.btn-outline-info {\n  color: #ffeb99;\n  border-color: #ffeb99;\n}\n\n.btn-outline-info:hover {\n  color: #212529;\n  background-color: #ffeb99;\n  border-color: #ffeb99;\n}\n\n.btn-outline-info:focus, .btn-outline-info.focus {\n  box-shadow: 0 0 0 0.2rem rgba(255, 235, 153, 0.5);\n}\n\n.btn-outline-info.disabled, .btn-outline-info:disabled {\n  color: #ffeb99;\n  background-color: transparent;\n}\n\n.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active,\n.show > .btn-outline-info.dropdown-toggle {\n  color: #212529;\n  background-color: #ffeb99;\n  border-color: #ffeb99;\n}\n\n.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-info.dropdown-toggle:focus {\n  box-shadow: 0 0 0 0.2rem rgba(255, 235, 153, 0.5);\n}\n\n.btn-outline-warning {\n  color: #ffb700;\n  border-color: #ffb700;\n}\n\n.btn-outline-warning:hover {\n  color: #212529;\n  background-color: #ffb700;\n  border-color: #ffb700;\n}\n\n.btn-outline-warning:focus, .btn-outline-warning.focus {\n  box-shadow: 0 0 0 0.2rem rgba(255, 183, 0, 0.5);\n}\n\n.btn-outline-warning.disabled, .btn-outline-warning:disabled {\n  color: #ffb700;\n  background-color: transparent;\n}\n\n.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active,\n.show > .btn-outline-warning.dropdown-toggle {\n  color: #212529;\n  background-color: #ffb700;\n  border-color: #ffb700;\n}\n\n.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-warning.dropdown-toggle:focus {\n  box-shadow: 0 0 0 0.2rem rgba(255, 183, 0, 0.5);\n}\n\n.btn-outline-primary {\n  color: #005fbf;\n  border-color: #005fbf;\n}\n\n.btn-outline-primary:hover {\n  color: #fff;\n  background-color: #005fbf;\n  border-color: #005fbf;\n}\n\n.btn-outline-primary:focus, .btn-outline-primary.focus {\n  box-shadow: 0 0 0 0.2rem rgba(0, 95, 191, 0.5);\n}\n\n.btn-outline-primary.disabled, .btn-outline-primary:disabled {\n  color: #005fbf;\n  background-color: transparent;\n}\n\n.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active,\n.show > .btn-outline-primary.dropdown-toggle {\n  color: #fff;\n  background-color: #005fbf;\n  border-color: #005fbf;\n}\n\n.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-primary.dropdown-toggle:focus {\n  box-shadow: 0 0 0 0.2rem rgba(0, 95, 191, 0.5);\n}\n\n.btn-outline-jurnal {\n  color: #009bde;\n  border-color: #009bde;\n}\n\n.btn-outline-jurnal:hover {\n  color: #fff;\n  background-color: #009bde;\n  border-color: #009bde;\n}\n\n.btn-outline-jurnal:focus, .btn-outline-jurnal.focus {\n  box-shadow: 0 0 0 0.2rem rgba(0, 155, 222, 0.5);\n}\n\n.btn-outline-jurnal.disabled, .btn-outline-jurnal:disabled {\n  color: #009bde;\n  background-color: transparent;\n}\n\n.btn-outline-jurnal:not(:disabled):not(.disabled):active, .btn-outline-jurnal:not(:disabled):not(.disabled).active,\n.show > .btn-outline-jurnal.dropdown-toggle {\n  color: #fff;\n  background-color: #009bde;\n  border-color: #009bde;\n}\n\n.btn-outline-jurnal:not(:disabled):not(.disabled):active:focus, .btn-outline-jurnal:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-jurnal.dropdown-toggle:focus {\n  box-shadow: 0 0 0 0.2rem rgba(0, 155, 222, 0.5);\n}\n\n.btn-outline-talenta {\n  color: #c02a34;\n  border-color: #c02a34;\n}\n\n.btn-outline-talenta:hover {\n  color: #fff;\n  background-color: #c02a34;\n  border-color: #c02a34;\n}\n\n.btn-outline-talenta:focus, .btn-outline-talenta.focus {\n  box-shadow: 0 0 0 0.2rem rgba(192, 42, 52, 0.5);\n}\n\n.btn-outline-talenta.disabled, .btn-outline-talenta:disabled {\n  color: #c02a34;\n  background-color: transparent;\n}\n\n.btn-outline-talenta:not(:disabled):not(.disabled):active, .btn-outline-talenta:not(:disabled):not(.disabled).active,\n.show > .btn-outline-talenta.dropdown-toggle {\n  color: #fff;\n  background-color: #c02a34;\n  border-color: #c02a34;\n}\n\n.btn-outline-talenta:not(:disabled):not(.disabled):active:focus, .btn-outline-talenta:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-talenta.dropdown-toggle:focus {\n  box-shadow: 0 0 0 0.2rem rgba(192, 42, 52, 0.5);\n}\n\n.btn-outline-klikpajak {\n  color: #f96d01;\n  border-color: #f96d01;\n}\n\n.btn-outline-klikpajak:hover {\n  color: #fff;\n  background-color: #f96d01;\n  border-color: #f96d01;\n}\n\n.btn-outline-klikpajak:focus, .btn-outline-klikpajak.focus {\n  box-shadow: 0 0 0 0.2rem rgba(249, 109, 1, 0.5);\n}\n\n.btn-outline-klikpajak.disabled, .btn-outline-klikpajak:disabled {\n  color: #f96d01;\n  background-color: transparent;\n}\n\n.btn-outline-klikpajak:not(:disabled):not(.disabled):active, .btn-outline-klikpajak:not(:disabled):not(.disabled).active,\n.show > .btn-outline-klikpajak.dropdown-toggle {\n  color: #fff;\n  background-color: #f96d01;\n  border-color: #f96d01;\n}\n\n.btn-outline-klikpajak:not(:disabled):not(.disabled):active:focus, .btn-outline-klikpajak:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-klikpajak.dropdown-toggle:focus {\n  box-shadow: 0 0 0 0.2rem rgba(249, 109, 1, 0.5);\n}\n\n.btn-outline-mekari {\n  color: #6d48e5;\n  border-color: #6d48e5;\n}\n\n.btn-outline-mekari:hover {\n  color: #fff;\n  background-color: #6d48e5;\n  border-color: #6d48e5;\n}\n\n.btn-outline-mekari:focus, .btn-outline-mekari.focus {\n  box-shadow: 0 0 0 0.2rem rgba(109, 72, 229, 0.5);\n}\n\n.btn-outline-mekari.disabled, .btn-outline-mekari:disabled {\n  color: #6d48e5;\n  background-color: transparent;\n}\n\n.btn-outline-mekari:not(:disabled):not(.disabled):active, .btn-outline-mekari:not(:disabled):not(.disabled).active,\n.show > .btn-outline-mekari.dropdown-toggle {\n  color: #fff;\n  background-color: #6d48e5;\n  border-color: #6d48e5;\n}\n\n.btn-outline-mekari:not(:disabled):not(.disabled):active:focus, .btn-outline-mekari:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-mekari.dropdown-toggle:focus {\n  box-shadow: 0 0 0 0.2rem rgba(109, 72, 229, 0.5);\n}\n\n.btn-outline-dark {\n  color: #212121;\n  border-color: #212121;\n}\n\n.btn-outline-dark:hover {\n  color: #fff;\n  background-color: #212121;\n  border-color: #212121;\n}\n\n.btn-outline-dark:focus, .btn-outline-dark.focus {\n  box-shadow: 0 0 0 0.2rem rgba(33, 33, 33, 0.5);\n}\n\n.btn-outline-dark.disabled, .btn-outline-dark:disabled {\n  color: #212121;\n  background-color: transparent;\n}\n\n.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active,\n.show > .btn-outline-dark.dropdown-toggle {\n  color: #fff;\n  background-color: #212121;\n  border-color: #212121;\n}\n\n.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-dark.dropdown-toggle:focus {\n  box-shadow: 0 0 0 0.2rem rgba(33, 33, 33, 0.5);\n}\n\n.btn-outline-slate {\n  color: #777;\n  border-color: #777;\n}\n\n.btn-outline-slate:hover {\n  color: #fff;\n  background-color: #777;\n  border-color: #777;\n}\n\n.btn-outline-slate:focus, .btn-outline-slate.focus {\n  box-shadow: 0 0 0 0.2rem rgba(119, 119, 119, 0.5);\n}\n\n.btn-outline-slate.disabled, .btn-outline-slate:disabled {\n  color: #777;\n  background-color: transparent;\n}\n\n.btn-outline-slate:not(:disabled):not(.disabled):active, .btn-outline-slate:not(:disabled):not(.disabled).active,\n.show > .btn-outline-slate.dropdown-toggle {\n  color: #fff;\n  background-color: #777;\n  border-color: #777;\n}\n\n.btn-outline-slate:not(:disabled):not(.disabled):active:focus, .btn-outline-slate:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-slate.dropdown-toggle:focus {\n  box-shadow: 0 0 0 0.2rem rgba(119, 119, 119, 0.5);\n}\n\n.btn-outline-muted {\n  color: #b4b4b4;\n  border-color: #b4b4b4;\n}\n\n.btn-outline-muted:hover {\n  color: #212529;\n  background-color: #b4b4b4;\n  border-color: #b4b4b4;\n}\n\n.btn-outline-muted:focus, .btn-outline-muted.focus {\n  box-shadow: 0 0 0 0.2rem rgba(180, 180, 180, 0.5);\n}\n\n.btn-outline-muted.disabled, .btn-outline-muted:disabled {\n  color: #b4b4b4;\n  background-color: transparent;\n}\n\n.btn-outline-muted:not(:disabled):not(.disabled):active, .btn-outline-muted:not(:disabled):not(.disabled).active,\n.show > .btn-outline-muted.dropdown-toggle {\n  color: #212529;\n  background-color: #b4b4b4;\n  border-color: #b4b4b4;\n}\n\n.btn-outline-muted:not(:disabled):not(.disabled):active:focus, .btn-outline-muted:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-muted.dropdown-toggle:focus {\n  box-shadow: 0 0 0 0.2rem rgba(180, 180, 180, 0.5);\n}\n\n.btn-outline-smoke {\n  color: #e2e2e2;\n  border-color: #e2e2e2;\n}\n\n.btn-outline-smoke:hover {\n  color: #212529;\n  background-color: #e2e2e2;\n  border-color: #e2e2e2;\n}\n\n.btn-outline-smoke:focus, .btn-outline-smoke.focus {\n  box-shadow: 0 0 0 0.2rem rgba(226, 226, 226, 0.5);\n}\n\n.btn-outline-smoke.disabled, .btn-outline-smoke:disabled {\n  color: #e2e2e2;\n  background-color: transparent;\n}\n\n.btn-outline-smoke:not(:disabled):not(.disabled):active, .btn-outline-smoke:not(:disabled):not(.disabled).active,\n.show > .btn-outline-smoke.dropdown-toggle {\n  color: #212529;\n  background-color: #e2e2e2;\n  border-color: #e2e2e2;\n}\n\n.btn-outline-smoke:not(:disabled):not(.disabled):active:focus, .btn-outline-smoke:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-smoke.dropdown-toggle:focus {\n  box-shadow: 0 0 0 0.2rem rgba(226, 226, 226, 0.5);\n}\n\n.btn-outline-light {\n  color: #fbfbfb;\n  border-color: #fbfbfb;\n}\n\n.btn-outline-light:hover {\n  color: #212529;\n  background-color: #fbfbfb;\n  border-color: #fbfbfb;\n}\n\n.btn-outline-light:focus, .btn-outline-light.focus {\n  box-shadow: 0 0 0 0.2rem rgba(251, 251, 251, 0.5);\n}\n\n.btn-outline-light.disabled, .btn-outline-light:disabled {\n  color: #fbfbfb;\n  background-color: transparent;\n}\n\n.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active,\n.show > .btn-outline-light.dropdown-toggle {\n  color: #212529;\n  background-color: #fbfbfb;\n  border-color: #fbfbfb;\n}\n\n.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-light.dropdown-toggle:focus {\n  box-shadow: 0 0 0 0.2rem rgba(251, 251, 251, 0.5);\n}\n\n.btn-outline-cloud {\n  color: #f2f4f7;\n  border-color: #f2f4f7;\n}\n\n.btn-outline-cloud:hover {\n  color: #212529;\n  background-color: #f2f4f7;\n  border-color: #f2f4f7;\n}\n\n.btn-outline-cloud:focus, .btn-outline-cloud.focus {\n  box-shadow: 0 0 0 0.2rem rgba(242, 244, 247, 0.5);\n}\n\n.btn-outline-cloud.disabled, .btn-outline-cloud:disabled {\n  color: #f2f4f7;\n  background-color: transparent;\n}\n\n.btn-outline-cloud:not(:disabled):not(.disabled):active, .btn-outline-cloud:not(:disabled):not(.disabled).active,\n.show > .btn-outline-cloud.dropdown-toggle {\n  color: #212529;\n  background-color: #f2f4f7;\n  border-color: #f2f4f7;\n}\n\n.btn-outline-cloud:not(:disabled):not(.disabled):active:focus, .btn-outline-cloud:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-cloud.dropdown-toggle:focus {\n  box-shadow: 0 0 0 0.2rem rgba(242, 244, 247, 0.5);\n}\n\n.btn-outline-link {\n  color: #1357ff;\n  border-color: #1357ff;\n}\n\n.btn-outline-link:hover {\n  color: #fff;\n  background-color: #1357ff;\n  border-color: #1357ff;\n}\n\n.btn-outline-link:focus, .btn-outline-link.focus {\n  box-shadow: 0 0 0 0.2rem rgba(19, 87, 255, 0.5);\n}\n\n.btn-outline-link.disabled, .btn-outline-link:disabled {\n  color: #1357ff;\n  background-color: transparent;\n}\n\n.btn-outline-link:not(:disabled):not(.disabled):active, .btn-outline-link:not(:disabled):not(.disabled).active,\n.show > .btn-outline-link.dropdown-toggle {\n  color: #fff;\n  background-color: #1357ff;\n  border-color: #1357ff;\n}\n\n.btn-outline-link:not(:disabled):not(.disabled):active:focus, .btn-outline-link:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-link.dropdown-toggle:focus {\n  box-shadow: 0 0 0 0.2rem rgba(19, 87, 255, 0.5);\n}\n\n.btn-outline-white {\n  color: #fff;\n  border-color: #fff;\n}\n\n.btn-outline-white:hover {\n  color: #212529;\n  background-color: #fff;\n  border-color: #fff;\n}\n\n.btn-outline-white:focus, .btn-outline-white.focus {\n  box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);\n}\n\n.btn-outline-white.disabled, .btn-outline-white:disabled {\n  color: #fff;\n  background-color: transparent;\n}\n\n.btn-outline-white:not(:disabled):not(.disabled):active, .btn-outline-white:not(:disabled):not(.disabled).active,\n.show > .btn-outline-white.dropdown-toggle {\n  color: #212529;\n  background-color: #fff;\n  border-color: #fff;\n}\n\n.btn-outline-white:not(:disabled):not(.disabled):active:focus, .btn-outline-white:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-white.dropdown-toggle:focus {\n  box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);\n}\n\n.btn-link {\n  font-weight: 400;\n  color: #1357ff;\n  text-decoration: none;\n}\n\n.btn-link:hover {\n  color: #0039c6;\n  text-decoration: underline;\n}\n\n.btn-link:focus, .btn-link.focus {\n  text-decoration: underline;\n  box-shadow: none;\n}\n\n.btn-link:disabled, .btn-link.disabled {\n  color: #f2f4f7;\n  pointer-events: none;\n}\n\n.btn-lg, .btn-group-lg > .btn {\n  padding: 8px 16px;\n  font-size: 1rem;\n  line-height: 24px;\n  border-radius: 4px;\n}\n\n.btn-sm, .btn-group-sm > .btn {\n  padding: 2px 8px;\n  font-size: 0.875rem;\n  line-height: 20px;\n  border-radius: 4px;\n}\n\n.btn-block {\n  display: block;\n  width: 100%;\n}\n\n.btn-block + .btn-block {\n  margin-top: 0.5rem;\n}\n\ninput[type=\"submit\"].btn-block,\ninput[type=\"reset\"].btn-block,\ninput[type=\"button\"].btn-block {\n  width: 100%;\n}\n\n.btn-group,\n.btn-group-vertical {\n  position: relative;\n  display: inline-flex;\n  vertical-align: middle;\n}\n\n.btn-group > .btn,\n.btn-group-vertical > .btn {\n  position: relative;\n  flex: 1 1 auto;\n}\n\n.btn-group > .btn:hover,\n.btn-group-vertical > .btn:hover {\n  z-index: 1;\n}\n\n.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,\n.btn-group-vertical > .btn:focus,\n.btn-group-vertical > .btn:active,\n.btn-group-vertical > .btn.active {\n  z-index: 1;\n}\n\n.btn-toolbar {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: flex-start;\n}\n\n.btn-toolbar .input-group {\n  width: auto;\n}\n\n.btn-group > .btn:not(:first-child),\n.btn-group > .btn-group:not(:first-child) {\n  margin-left: -1px;\n}\n\n.btn-group > .btn:not(:last-child):not(.dropdown-toggle),\n.btn-group > .btn-group:not(:last-child) > .btn {\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n}\n\n.btn-group > .btn:not(:first-child),\n.btn-group > .btn-group:not(:first-child) > .btn {\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n}\n\n.dropdown-toggle-split {\n  padding-right: 12px;\n  padding-left: 12px;\n}\n\n.dropdown-toggle-split::after,\n.dropup .dropdown-toggle-split::after,\n.dropright .dropdown-toggle-split::after {\n  margin-left: 0;\n}\n\n.dropleft .dropdown-toggle-split::before {\n  margin-right: 0;\n}\n\n.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {\n  padding-right: 6px;\n  padding-left: 6px;\n}\n\n.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {\n  padding-right: 12px;\n  padding-left: 12px;\n}\n\n.btn-group-vertical {\n  flex-direction: column;\n  align-items: flex-start;\n  justify-content: center;\n}\n\n.btn-group-vertical > .btn,\n.btn-group-vertical > .btn-group {\n  width: 100%;\n}\n\n.btn-group-vertical > .btn:not(:first-child),\n.btn-group-vertical > .btn-group:not(:first-child) {\n  margin-top: -1px;\n}\n\n.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),\n.btn-group-vertical > .btn-group:not(:last-child) > .btn {\n  border-bottom-right-radius: 0;\n  border-bottom-left-radius: 0;\n}\n\n.btn-group-vertical > .btn:not(:first-child),\n.btn-group-vertical > .btn-group:not(:first-child) > .btn {\n  border-top-left-radius: 0;\n  border-top-right-radius: 0;\n}\n\n.btn-group-toggle > .btn,\n.btn-group-toggle > .btn-group > .btn {\n  margin-bottom: 0;\n}\n\n.btn-group-toggle > .btn input[type=\"radio\"],\n.btn-group-toggle > .btn input[type=\"checkbox\"],\n.btn-group-toggle > .btn-group > .btn input[type=\"radio\"],\n.btn-group-toggle > .btn-group > .btn input[type=\"checkbox\"] {\n  position: absolute;\n  clip: rect(0, 0, 0, 0);\n  pointer-events: none;\n}\n\n.btn.btn-link, .btn.btn-link:not(:disabled):not(.disabled):active, .btn-group.show > .btn-link {\n  color: #1357ff;\n  background-color: transparent;\n  border-color: transparent;\n}\n\n.btn.btn-ghost, .btn.btn-icon-only {\n  color: #777;\n  background-color: transparent;\n  border: 1px solid transparent;\n}\n\n.btn.btn-ghost:not(:disabled):not(.disabled):hover, .btn.btn-icon-only:not(:disabled):not(.disabled):hover {\n  background-color: #f2f4f7;\n  border-color: #f2f4f7;\n}\n\n.btn.btn-ghost:not(:disabled):not(.disabled):focus, .btn.btn-icon-only:not(:disabled):not(.disabled):focus {\n  background-color: transparent;\n  border-color: #1357ff;\n  box-shadow: 0 0 4px 1px #1357ff;\n}\n\n.btn.btn-basic, .btn.btn-secondary, .btn.btn-basic:not(:disabled):not(.disabled):active, .btn.btn-basic.active:not(:disabled):not(.disabled),\n.show > .btn.btn-basic.dropdown-toggle, .btn.btn-secondary:not(:disabled):not(.disabled):active, .btn.btn-secondary.active:not(:disabled):not(.disabled),\n.show > .btn.btn-secondary.dropdown-toggle {\n  color: #777;\n  background-color: #fbfbfb;\n  border: 1px solid #e2e2e2;\n}\n\n.btn.btn-basic:not(:disabled):not(.disabled):hover, .btn.btn-secondary:not(:disabled):not(.disabled):hover {\n  border-color: #005fbf;\n}\n\n.btn.btn-basic:not(:disabled):not(.disabled):focus, .btn.btn-secondary:not(:disabled):not(.disabled):focus {\n  border-color: #005fbf;\n  box-shadow: 0 0 4px 1px #005fbf;\n}\n\n.btn.btn-ghost:not(:disabled):not(.disabled):focus {\n  background-color: transparent;\n  border-color: #005fbf;\n  box-shadow: 0 0 4px 1px #005fbf;\n}\n\n.btn.btn-link {\n  height: auto;\n  padding: 0 4px;\n  border-radius: 2px;\n}\n\n.btn.btn-link:not(:disabled):not(.disabled):focus {\n  text-decoration: none;\n  box-shadow: 0 0 0 2px rgba(19, 87, 255, 0.3);\n}\n\n.btn.btn-link:disabled, .btn.btn-link.disabled {\n  text-decoration: none;\n  pointer-events: auto;\n  background-color: transparent;\n  border: none;\n}\n\n.btn.btn-primary.btn-with-icon .ic::before {\n  color: #fff !important;\n}\n\n.btn.btn-primary.btn-icon-only .ic::before {\n  color: inherit !important;\n}\n\n.btn.is-loading {\n  position: relative;\n  min-height: 38px;\n  pointer-events: none;\n}\n\n.btn.is-loading::before {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: 3;\n  content: \"\";\n  background-color: inherit;\n  border-radius: 4px;\n}\n\n.btn.is-loading::after {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: 4;\n  display: inline-block;\n  width: 18px;\n  height: 18px;\n  margin: auto;\n  content: \"\";\n  background: center center no-repeat;\n  background-size: cover;\n  border: 2px solid #fff;\n  border-right-color: transparent;\n  border-radius: 50%;\n  -webkit-animation: spinner-border .75s linear infinite;\n  animation: spinner-border .75s linear infinite;\n}\n\n.btn.is-loading.btn-basic::after, .btn.is-loading.btn-secondary::after {\n  border-color: #777;\n  border-right-color: transparent;\n}\n\n.btn.is-loading.btn-ghost {\n  color: transparent;\n}\n\n.btn.is-loading.btn-ghost::after {\n  border-color: #777;\n  border-right-color: transparent;\n}\n\n.btn.btn-with-icon .ic,\n.btn.btn-with-icon span {\n  vertical-align: top;\n  border: none;\n}\n\n.btn.btn-with-icon .ic {\n  width: 20px;\n  height: 20px;\n  padding: 0;\n  font-size: 20px;\n  color: inherit;\n}\n\n.btn.btn-with-icon .ic.is-left {\n  margin-right: 8px;\n}\n\n.btn.btn-with-icon .ic.is-right {\n  margin-left: 8px;\n}\n\n.btn.btn-with-icon.btn-sm .ic, .btn-group-sm > .btn.btn-with-icon .ic,\n.btn.btn-with-icon.btn-sm span,\n.btn-group-sm > .btn.btn-with-icon span {\n  line-height: 16px;\n  vertical-align: baseline;\n  border: none;\n}\n\n.btn.btn-with-icon.btn-sm .ic, .btn-group-sm > .btn.btn-with-icon .ic {\n  margin-right: 0;\n  line-height: 18px;\n}\n\n.btn.btn-with-icon.btn-sm .is-left, .btn-group-sm > .btn.btn-with-icon .is-left {\n  margin-right: 0;\n}\n\n.btn.btn-with-icon.btn-sm .is-right, .btn-group-sm > .btn.btn-with-icon .is-right {\n  margin-left: 0;\n}\n\n.btn.btn-with-icon.btn-lg .ic, .btn-group-lg > .btn.btn-with-icon .ic,\n.btn.btn-with-icon.btn-lg span,\n.btn-group-lg > .btn.btn-with-icon span {\n  vertical-align: top;\n  border: none;\n}\n\n.btn.btn-with-icon.btn-lg .ic, .btn-group-lg > .btn.btn-with-icon .ic {\n  width: 24px;\n  height: 24px;\n  padding: 0;\n  font-size: 24px;\n}\n\n\n.btn.btn-with-icon.btn-lg span,\n.btn-group-lg > .btn.btn-with-icon span {\n  line-height: 24px;\n}\n\n.btn.disabled, .btn:disabled {\n  color: #b4b4b4;\n  cursor: not-allowed;\n  background-color: #f2f4f7;\n  border: 1px solid #f2f4f7;\n  opacity: 1;\n}\n\n.btn.disabled.btn-ghost, .btn:disabled.btn-ghost {\n  background-color: transparent;\n  border-color: transparent;\n}\n\n.btn.dropdown-toggle::before {\n  margin-right: 16px;\n}\n\n.btn.dropdown-toggle::after {\n  margin-left: 16px;\n}\n\n.btn-group .btn:first-child:not(:only-child):not(.dropdown-toggle) {\n  padding-right: 8px;\n}\n\n.btn-group .btn:last-child:not(:only-child) {\n  padding-left: 8px;\n}\n\n.btn-group .dropdown-toggle-split {\n  min-width: 38px;\n  padding-right: 8px;\n  padding-left: 8px;\n}\n\n.btn-group .dropdown-toggle-split::before {\n  margin-right: 0;\n}\n\n.btn-group .dropdown-toggle-split::after {\n  margin-left: 0;\n}\n\n.btn-group .dropdown-toggle-split.btn-basic:not(:hover):not(:focus), .btn-group .dropdown-toggle-split.btn-secondary:not(:hover):not(:focus) {\n  padding-left: 9px;\n  border-left: none;\n}\n\n.btn-group.dropleft .dropdown-toggle-split.btn-basic, .btn-group.dropleft .dropdown-toggle-split.btn-secondary:not(:hover):not(:focus) {\n  padding-left: 8px;\n  border-left: 1px solid #e2e2e2;\n}\n\n.btn-group.dropleft ~ .btn-basic:not(:hover):not(:focus),\n.btn-group.dropleft ~ .btn-secondary:not(:hover):not(:focus) {\n  padding-left: 9px;\n  border-left: none;\n}\n\n.btn.btn-sm, .btn-group-sm > .btn {\n  height: 24px;\n}\n\n.btn.btn-lg, .btn-group-lg > .btn {\n  height: 40px;\n}\n\n.btn.btn-icon-only {\n  width: 38px;\n  height: 38px;\n  padding: 8px;\n  font-size: 18px;\n  line-height: 18px;\n}\n\n.btn.btn-icon-only > .ic {\n  width: 18px;\n  height: 18px;\n  padding: 0;\n  font-size: 18px;\n}\n\n.btn-with-badge__wrapper {\n  position: relative;\n  display: inline-flex;\n  align-items: flex-end;\n}\n\n.btn-with-badge__wrapper .btn {\n  position: relative;\n  width: 38px;\n  height: 38px;\n  padding: 4px;\n}\n\n.btn-with-badge__wrapper .btn .ic {\n  width: 24px !important;\n  height: 24px !important;\n  font-size: 24px !important;\n  line-height: 24px !important;\n}\n\n.btn-with-badge__wrapper .badge {\n  position: relative;\n  right: 16px;\n  bottom: 0;\n}\n/*# sourceMappingURL=mekari-ui-button.css.map */","// 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 selector-no-qualifying-type\n\n// Make the div behave like a button\n.#{$prefix}btn-group,\n.#{$prefix}btn-group-vertical {\n  position: relative;\n  display: inline-flex;\n  vertical-align: middle; // match .#{$prefix}btn alignment given font-size hack above\n\n  > .#{$prefix}btn {\n    position: relative;\n    flex: 1 1 auto;\n\n    // Bring the hover, focused, and \"active\" buttons to the front to overlay\n    // the borders properly\n    @include hover {\n      z-index: 1;\n    }\n    &:focus,\n    &:active,\n    &.active {\n      z-index: 1;\n    }\n  }\n}\n\n// Optional: Group multiple button groups together for a toolbar\n.#{$prefix}btn-toolbar {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: flex-start;\n\n  .input-group {\n    width: auto;\n  }\n}\n\n.#{$prefix}btn-group {\n  // Prevent double borders when buttons are next to each other\n  > .#{$prefix}btn:not(:first-child),\n  > .#{$prefix}btn-group:not(:first-child) {\n    margin-left: -$btn-border-width;\n  }\n\n  // Reset rounded corners\n  > .#{$prefix}btn:not(:last-child):not(.dropdown-toggle),\n  > .#{$prefix}btn-group:not(:last-child) > .#{$prefix}btn {\n    @include border-right-radius(0);\n  }\n\n  > .#{$prefix}btn:not(:first-child),\n  > .#{$prefix}btn-group:not(:first-child) > .#{$prefix}btn {\n    @include border-left-radius(0);\n  }\n}\n\n// Sizing\n//\n// Remix the default button sizing classes into new ones for easier manipulation.\n\n.#{$prefix}btn-group-sm > .#{$prefix}btn { @extend .#{$prefix}btn-sm; }\n.#{$prefix}btn-group-lg > .#{$prefix}btn { @extend .#{$prefix}btn-lg; }\n\n\n//\n// Split button dropdowns\n//\n\n.#{$prefix}dropdown-toggle-split {\n  padding-right: $btn-padding-x * .75;\n  padding-left: $btn-padding-x * .75;\n\n  &::after,\n  .#{$prefix}dropup &::after,\n  .#{$prefix}dropright &::after {\n    margin-left: 0;\n  }\n\n  .#{$prefix}dropleft &::before {\n    margin-right: 0;\n  }\n}\n\n.#{$prefix}btn-sm + .#{$prefix}dropdown-toggle-split {\n  padding-right: $btn-padding-x-sm * .75;\n  padding-left: $btn-padding-x-sm * .75;\n}\n\n.#{$prefix}btn-lg + .#{$prefix}dropdown-toggle-split {\n  padding-right: $btn-padding-x-lg * .75;\n  padding-left: $btn-padding-x-lg * .75;\n}\n\n\n// The clickable button for toggling the menu\n// Set the same inset shadow as the :active state\n.#{$prefix}btn-group.#{$prefix}show .#{$prefix}dropdown-toggle {\n  @include box-shadow($btn-active-box-shadow);\n\n  // Show no shadow for `.#{$prefix}btn-link` since it has no other button styles.\n  &.#{$prefix}btn-link {\n    @include box-shadow(none);\n  }\n}\n\n\n//\n// Vertical button groups\n//\n\n.#{$prefix}btn-group-vertical {\n  flex-direction: column;\n  align-items: flex-start;\n  justify-content: center;\n\n  > .#{$prefix}btn,\n  > .#{$prefix}btn-group {\n    width: 100%;\n  }\n\n  > .#{$prefix}btn:not(:first-child),\n  > .#{$prefix}btn-group:not(:first-child) {\n    margin-top: -$btn-border-width;\n  }\n\n  // Reset rounded corners\n  > .#{$prefix}btn:not(:last-child):not(.dropdown-toggle),\n  > .#{$prefix}btn-group:not(:last-child) > .#{$prefix}btn {\n    @include border-bottom-radius(0);\n  }\n\n  > .#{$prefix}btn:not(:first-child),\n  > .#{$prefix}btn-group:not(:first-child) > .#{$prefix}btn {\n    @include border-top-radius(0);\n  }\n}\n\n\n// Checkbox and radio options\n//\n// In order to support the browser's form validation feedback, powered by the\n// `required` attribute, we have to \"hide\" the inputs via `clip`. We cannot use\n// `display: none;` or `visibility: hidden;` as that also hides the popover.\n// Simply visually hiding the inputs via `opacity` would leave them clickable in\n// certain cases which is prevented by using `clip` and `pointer-events`.\n// This way, we ensure a DOM element is visible to position the popover from.\n//\n// See https://github.com/twbs/bootstrap/pull/12794 and\n// https://github.com/twbs/bootstrap/pull/14559 for more information.\n\n.#{$prefix}btn-group-toggle {\n  > .#{$prefix}btn,\n  > .#{$prefix}btn-group > .#{$prefix}btn {\n    margin-bottom: 0; // Override default `<label>` value\n\n    input[type=\"radio\"],\n    input[type=\"checkbox\"] {\n      position: absolute;\n      clip: rect(0, 0, 0, 0);\n      pointer-events: none;\n    }\n  }\n}\n","// Button related variable\n%btn-link-active {\n  color: $blue;\n  background-color: transparent;\n  border-color: transparent;\n}\n\n%btn-ghost {\n  color: $secondary;\n  background-color: transparent;\n  border: 1px solid transparent;\n  &:not(:disabled):not(.disabled):hover {\n    background-color: $cloud;\n    border-color: $cloud;\n  }\n  &:not(:disabled):not(.disabled):focus {\n    background-color: transparent;\n    border-color: $blue;\n    box-shadow: 0 0 4px 1px $blue;\n  }\n}\n\n$btn-secondary-border-color: $smoke;\n\n%btn-secondary-theme {\n  color: $secondary;\n  background-color: $light;\n  border: 1px solid $btn-secondary-border-color;\n}\n\n// End of button related variable\n\n.#{$prefix}btn {\n  &.#{$prefix}btn-basic,\n  &.#{$prefix}btn-secondary {\n    @extend %btn-secondary-theme;\n    &:not(:disabled):not(.disabled):hover {\n      border-color: $sapphire;\n    }\n    &:not(:disabled):not(.disabled):focus {\n      border-color: $sapphire;\n      box-shadow: 0 0 4px 1px $sapphire;\n    }\n    &:not(:disabled):not(.disabled):active,\n    &:not(:disabled):not(.disabled).active,\n    .#{$prefix}show > &.dropdown-toggle {\n      @extend %btn-secondary-theme;\n    }\n  }\n\n  &.#{$prefix}btn-ghost {\n    @extend %btn-ghost;\n    &:not(:disabled):not(.disabled):focus {\n      background-color: transparent;\n      border-color: $primary;\n      box-shadow: 0 0 4px 1px $primary;\n    }\n  }\n\n  &.#{$prefix}btn-link {\n    height: auto;\n    padding: 0 4px;\n    // stylelint-disable-next-line property-blacklist\n    border-radius: 2px;\n    @extend %btn-link-active;\n    &:not(:disabled):not(.disabled):active {\n      @extend %btn-link-active;\n    }\n    &:not(:disabled):not(.disabled):focus {\n      text-decoration: none;\n      box-shadow: 0 0 0 2px rgba($blue, .3);\n    }\n    &:disabled,\n    &.disabled {\n      text-decoration: none;\n      pointer-events: auto;\n      background-color: transparent;\n      border: none;\n    }\n  }\n\n  &.#{$prefix}btn-primary {\n    &.#{$prefix}btn-with-icon {\n      .ic {\n        &::before {\n          // stylelint-disable-next-line declaration-no-important\n          color: $white !important;\n        }\n      }\n    }\n\n    &.#{$prefix}btn-icon-only {\n      .ic {\n        &::before {\n          // stylelint-disable-next-line declaration-no-important\n          color: inherit !important;\n        }\n      }\n    }\n  }\n\n  &.#{$prefix}is-loading {\n    position: relative;\n    min-height: 38px;\n    pointer-events: none;\n    &::before {\n      position: absolute;\n      top: 0;\n      right: 0;\n      bottom: 0;\n      left: 0;\n      z-index: 3;\n      content: \"\";\n      background-color: inherit;\n      // stylelint-disable-next-line property-blacklist\n      border-radius: 4px;\n    }\n    &::after {\n      position: absolute;\n      top: 0;\n      right: 0;\n      bottom: 0;\n      left: 0;\n      z-index: 4;\n      display: inline-block;\n      width: 18px;\n      height: 18px;\n      margin: auto;\n      content: \"\";\n      background: center center no-repeat;\n      background-size: cover;\n      border: 2px solid $white;\n      border-right-color: transparent;\n      // stylelint-disable-next-line property-blacklist\n      border-radius: 50%;\n      animation: spinner-border .75s linear infinite;\n    }\n\n    &.#{$prefix}btn-basic,\n    &.#{$prefix}btn-secondary {\n      &::after {\n        border-color: $secondary;\n        border-right-color: transparent;\n      }\n    }\n    &.#{$prefix}btn-ghost {\n      color: transparent;\n      &::after {\n        border-color: $secondary;\n        border-right-color: transparent;\n      }\n    }\n  }\n\n  &.#{$prefix}btn-with-icon {\n    .ic,\n    span {\n      vertical-align: top;\n      border: none;\n    }\n    .ic {\n      width: 20px;\n      height: 20px;\n      padding: 0;\n      font-size: 20px;\n      color: inherit;\n      &.is-left {\n        margin-right: 8px;\n      }\n      &.is-right {\n        margin-left: 8px;\n      }\n    }\n    &.#{$prefix}btn-sm {\n      .ic,\n      span {\n        line-height: 16px;\n        vertical-align: baseline;\n        border: none;\n      }\n      .ic {\n        margin-right: 0;\n        line-height: 18px;\n      }\n      .is-left {\n        margin-right: 0;\n      }\n      .is-right {\n        margin-left: 0;\n      }\n    }\n    &.#{$prefix}btn-lg {\n      .ic,\n      span {\n        vertical-align: top;\n        border: none;\n      }\n      .ic {\n        width: 24px;\n        height: 24px;\n        padding: 0;\n        font-size: 24px;\n      }\n      span {\n        line-height: 24px;\n      }\n    }\n  }\n\n  &.disabled,\n  &:disabled {\n    color: $text-muted;\n    cursor: not-allowed;\n    background-color: $cloud;\n    border: 1px solid $cloud;\n    opacity: 1;\n    &.#{$prefix}btn-ghost {\n      background-color: transparent;\n      border-color: transparent;\n    }\n  }\n\n  // Caret\n  &.#{$prefix}dropdown-toggle {\n    &::before {\n      margin-right: 16px;\n    }\n    &::after {\n      margin-left: 16px;\n    }\n  }\n\n  // Button group\n  &-group {\n    .#{$prefix}btn:first-child:not(:only-child):not(.#{$prefix}dropdown-toggle) {\n      padding-right: 8px;\n    }\n\n    .#{$prefix}btn:last-child:not(:only-child) {\n      padding-left: 8px;\n    }\n\n    // Caret\n    .#{$prefix}dropdown-toggle-split {\n      min-width: 38px;\n      padding-right: 8px;\n      padding-left: 8px;\n      &::before {\n        margin-right: 0;\n      }\n      &::after {\n        margin-left: 0;\n      }\n\n      // Button secondary\n      &.#{$prefix}btn-basic:not(:hover):not(:focus),\n      &.#{$prefix}btn-secondary:not(:hover):not(:focus) {\n        padding-left: 9px;\n        border-left: none;\n      }\n    }\n\n    // Button secondary\n    &.#{$prefix}dropleft {\n      .#{$prefix}dropdown-toggle-split {\n        &.#{$prefix}btn-basic,\n        &.#{$prefix}btn-secondary:not(:hover):not(:focus) {\n          padding-left: 8px;\n          border-left: 1px solid $btn-secondary-border-color;\n        }\n      }\n\n      ~ .#{$prefix}btn-basic:not(:hover):not(:focus),\n      ~ .#{$prefix}btn-secondary:not(:hover):not(:focus) {\n        padding-left: 9px;\n        border-left: none;\n      }\n    }\n\n    // Button link active\n    &.#{$prefix}show {\n      > .#{$prefix}btn-link {\n        @extend %btn-link-active;\n      }\n    }\n  }\n}\n\n.btn {\n  &.btn-sm {\n    height: 24px;\n  }\n  &.btn-lg {\n    height: 40px;\n  }\n  &.#{$prefix}btn-icon-only {\n    width: 38px;\n    height: 38px;\n    padding: 8px;\n    font-size: 18px;\n    line-height: 18px;\n    @extend %btn-ghost;\n\n    > .ic {\n      width: 18px;\n      height: 18px;\n      padding: 0;\n      font-size: 18px;\n    }\n  }\n}\n\n.btn-with-badge {\n  &__wrapper {\n    position: relative;\n    display: inline-flex;\n    align-items: flex-end;\n    .btn {\n      position: relative;\n      width: 38px;\n      height: 38px;\n      padding: 4px;\n      .ic {\n        width: 24px !important; // stylelint-disable-line declaration-no-important\n        height: 24px !important; // stylelint-disable-line declaration-no-important\n        font-size: 24px !important; // stylelint-disable-line declaration-no-important\n        line-height: 24px !important; // stylelint-disable-line declaration-no-important\n      }\n    }\n    .badge {\n      position: relative;\n      right: 16px;\n      bottom: 0;\n    }\n  }\n}\n"]}
+{"version":3,"sources":["../../../scss/vendors/_spinners.scss","../../../scss/vendors/_buttons.scss","../../../scss/vendors/mixins/_buttons.scss","../../../scss/vendors/_rfs.scss","../../../scss/vendors/mixins/_border-radius.scss","../../../scss/vendors/mixins/_transition.scss","../../../scss/vendors/mixins/_hover.scss","dist/css/components/mekari-ui-button.css","../../../scss/vendors/mixins/_gradients.scss","../../../scss/vendors/_button-group.scss","../../../scss/components/config/_button.scss"],"names":[],"mappings":"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","sourcesContent":["//\n// Rotating border\n//\n\n@keyframes spinner-border {\n  to { transform: rotate(360deg); }\n}\n\n.#{$prefix}spinner-border {\n  display: inline-block;\n  width: $spinner-width;\n  height: $spinner-height;\n  vertical-align: text-bottom;\n  border: $spinner-border-width solid currentColor;\n  border-right-color: transparent;\n  // stylelint-disable-next-line property-blacklist\n  border-radius: 50%;\n  animation: spinner-border .75s linear infinite;\n}\n\n.#{$prefix}spinner-border-sm {\n  width: $spinner-width-sm;\n  height: $spinner-height-sm;\n  border-width: $spinner-border-width-sm;\n}\n\n//\n// Growing circle\n//\n\n@keyframes spinner-grow {\n  0% {\n    transform: scale(0);\n  }\n  50% {\n    opacity: 1;\n  }\n}\n\n.#{$prefix}spinner-grow {\n  display: inline-block;\n  width: $spinner-width;\n  height: $spinner-height;\n  vertical-align: text-bottom;\n  background-color: currentColor;\n  // stylelint-disable-next-line property-blacklist\n  border-radius: 50%;\n  opacity: 0;\n  animation: spinner-grow .75s linear infinite;\n}\n\n.#{$prefix}spinner-grow-sm {\n  width: $spinner-width-sm;\n  height: $spinner-height-sm;\n}\n","// stylelint-disable selector-no-qualifying-type\n\n//\n// Base styles\n//\n\n.#{$prefix}btn {\n  display: inline-block;\n  font-family: $btn-font-family;\n  font-weight: $btn-font-weight;\n  color: $body-color;\n  text-align: center;\n  vertical-align: middle;\n  user-select: none;\n  background-color: transparent;\n  border: $btn-border-width solid transparent;\n  @include button-size($btn-padding-y, $btn-padding-x, $btn-font-size, $btn-line-height, $btn-border-radius);\n  @include transition($btn-transition);\n\n  @include hover {\n    color: $body-color;\n    text-decoration: none;\n  }\n\n  &:focus,\n  &.focus {\n    outline: 0;\n    box-shadow: $btn-focus-box-shadow;\n  }\n\n  // Disabled comes first so active can properly restyle\n  &.disabled,\n  &:disabled {\n    opacity: $btn-disabled-opacity;\n    @include box-shadow(none);\n  }\n\n  &:not(:disabled):not(.disabled):active,\n  &:not(:disabled):not(.disabled).active {\n    @include box-shadow($btn-active-box-shadow);\n\n    &:focus {\n      @include box-shadow($btn-focus-box-shadow, $btn-active-box-shadow);\n    }\n  }\n}\n\n// Future-proof disabling of clicks on `<a>` elements\na.#{$prefix}btn.disabled,\nfieldset:disabled a.#{$prefix}btn {\n  pointer-events: none;\n}\n\n\n//\n// Alternate buttons\n//\n\n@each $color, $value in $theme-colors {\n  .#{$prefix}btn-#{$color} {\n    @include button-variant($value, $value);\n  }\n}\n\n@each $color, $value in $theme-colors {\n  .#{$prefix}btn-outline-#{$color} {\n    @include button-outline-variant($value);\n  }\n}\n\n\n//\n// Link buttons\n//\n\n// Make a button look and behave like a link\n.#{$prefix}btn-link {\n  font-weight: $font-weight-normal;\n  color: $link-color;\n  text-decoration: $link-decoration;\n\n  @include hover {\n    color: $link-hover-color;\n    text-decoration: $link-hover-decoration;\n  }\n\n  &:focus,\n  &.focus {\n    text-decoration: $link-hover-decoration;\n    box-shadow: none;\n  }\n\n  &:disabled,\n  &.disabled {\n    color: $btn-link-disabled-color;\n    pointer-events: none;\n  }\n\n  // No need for an active state here\n}\n\n\n//\n// Button Sizes\n//\n\n.#{$prefix}btn-lg {\n  @include button-size($btn-padding-y-lg, $btn-padding-x-lg, $btn-font-size-lg, $btn-line-height-lg, $btn-border-radius-lg);\n}\n\n.#{$prefix}btn-sm {\n  @include button-size($btn-padding-y-sm, $btn-padding-x-sm, $btn-font-size-sm, $btn-line-height-sm, $btn-border-radius-sm);\n}\n\n\n//\n// Block button\n//\n\n.#{$prefix}btn-block {\n  display: block;\n  width: 100%;\n\n  // Vertically space out multiple block buttons\n  + .#{$prefix}btn-block {\n    margin-top: $btn-block-spacing-y;\n  }\n}\n\n// Specificity overrides\ninput[type=\"submit\"],\ninput[type=\"reset\"],\ninput[type=\"button\"] {\n  &.#{$prefix}btn-block {\n    width: 100%;\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  .#{$prefix}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  .#{$prefix}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","// 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","// 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","// 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","// 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","@-webkit-keyframes spinner-border {\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n@keyframes spinner-border {\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n.spinner-border {\n  display: inline-block;\n  width: 2rem;\n  height: 2rem;\n  vertical-align: text-bottom;\n  border: 0.25em solid currentColor;\n  border-right-color: transparent;\n  border-radius: 50%;\n  -webkit-animation: spinner-border .75s linear infinite;\n  animation: spinner-border .75s linear infinite;\n}\n\n.spinner-border-sm {\n  width: 1rem;\n  height: 1rem;\n  border-width: 0.2em;\n}\n\n@-webkit-keyframes spinner-grow {\n  0% {\n    transform: scale(0);\n  }\n  50% {\n    opacity: 1;\n  }\n}\n\n@keyframes spinner-grow {\n  0% {\n    transform: scale(0);\n  }\n  50% {\n    opacity: 1;\n  }\n}\n\n.spinner-grow {\n  display: inline-block;\n  width: 2rem;\n  height: 2rem;\n  vertical-align: text-bottom;\n  background-color: currentColor;\n  border-radius: 50%;\n  opacity: 0;\n  -webkit-animation: spinner-grow .75s linear infinite;\n  animation: spinner-grow .75s linear infinite;\n}\n\n.spinner-grow-sm {\n  width: 1rem;\n  height: 1rem;\n}\n\n.btn {\n  display: inline-block;\n  font-family: \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif;\n  font-weight: 400;\n  color: #212121;\n  text-align: center;\n  vertical-align: middle;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n  background-color: transparent;\n  border: 1px solid transparent;\n  padding: 8px 16px;\n  font-size: 0.875rem;\n  line-height: 20px;\n  border-radius: 4px;\n  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;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .btn {\n    transition: none;\n  }\n}\n\n.btn:hover {\n  color: #212121;\n  text-decoration: none;\n}\n\n.btn:focus, .btn.focus {\n  outline: 0;\n  box-shadow: 0 0 4px 1px #1357ff;\n}\n\n.btn.disabled, .btn:disabled {\n  opacity: 0.65;\n}\n\na.btn.disabled,\nfieldset:disabled a.btn {\n  pointer-events: none;\n}\n\n.btn-danger {\n  color: #fff;\n  background-color: #d74022;\n  border-color: #d74022;\n}\n\n.btn-danger:hover {\n  color: #fff;\n  background-color: #b6361d;\n  border-color: #ab331b;\n}\n\n.btn-danger:focus, .btn-danger.focus {\n  box-shadow: 0 0 0 0.2rem rgba(221, 93, 67, 0.5);\n}\n\n.btn-danger.disabled, .btn-danger:disabled {\n  color: #fff;\n  background-color: #d74022;\n  border-color: #d74022;\n}\n\n.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active,\n.show > .btn-danger.dropdown-toggle {\n  color: #fff;\n  background-color: #ab331b;\n  border-color: #a03019;\n}\n\n.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus,\n.show > .btn-danger.dropdown-toggle:focus {\n  box-shadow: 0 0 0 0.2rem rgba(221, 93, 67, 0.5);\n}\n\n.btn-success {\n  color: #fff;\n  background-color: #009f61;\n  border-color: #009f61;\n}\n\n.btn-success:hover {\n  color: #fff;\n  background-color: #00794a;\n  border-color: #006c42;\n}\n\n.btn-success:focus, .btn-success.focus {\n  box-shadow: 0 0 0 0.2rem rgba(38, 173, 121, 0.5);\n}\n\n.btn-success.disabled, .btn-success:disabled {\n  color: #fff;\n  background-color: #009f61;\n  border-color: #009f61;\n}\n\n.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active,\n.show > .btn-success.dropdown-toggle {\n  color: #fff;\n  background-color: #006c42;\n  border-color: #005f3a;\n}\n\n.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus,\n.show > .btn-success.dropdown-toggle:focus {\n  box-shadow: 0 0 0 0.2rem rgba(38, 173, 121, 0.5);\n}\n\n.btn-info {\n  color: #212529;\n  background-color: #ffeb99;\n  border-color: #ffeb99;\n}\n\n.btn-info:hover {\n  color: #212529;\n  background-color: #ffe473;\n  border-color: #ffe166;\n}\n\n.btn-info:focus, .btn-info.focus {\n  box-shadow: 0 0 0 0.2rem rgba(222, 205, 136, 0.5);\n}\n\n.btn-info.disabled, .btn-info:disabled {\n  color: #212529;\n  background-color: #ffeb99;\n  border-color: #ffeb99;\n}\n\n.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active,\n.show > .btn-info.dropdown-toggle {\n  color: #212529;\n  background-color: #ffe166;\n  border-color: #ffdf59;\n}\n\n.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus,\n.show > .btn-info.dropdown-toggle:focus {\n  box-shadow: 0 0 0 0.2rem rgba(222, 205, 136, 0.5);\n}\n\n.btn-warning {\n  color: #212529;\n  background-color: #ffb700;\n  border-color: #ffb700;\n}\n\n.btn-warning:hover {\n  color: #212529;\n  background-color: #d99c00;\n  border-color: #cc9200;\n}\n\n.btn-warning:focus, .btn-warning.focus {\n  box-shadow: 0 0 0 0.2rem rgba(222, 161, 6, 0.5);\n}\n\n.btn-warning.disabled, .btn-warning:disabled {\n  color: #212529;\n  background-color: #ffb700;\n  border-color: #ffb700;\n}\n\n.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active,\n.show > .btn-warning.dropdown-toggle {\n  color: #fff;\n  background-color: #cc9200;\n  border-color: #bf8900;\n}\n\n.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus,\n.show > .btn-warning.dropdown-toggle:focus {\n  box-shadow: 0 0 0 0.2rem rgba(222, 161, 6, 0.5);\n}\n\n.btn-primary {\n  color: #fff;\n  background-color: #005fbf;\n  border-color: #005fbf;\n}\n\n.btn-primary:hover {\n  color: #fff;\n  background-color: #004c99;\n  border-color: #00468c;\n}\n\n.btn-primary:focus, .btn-primary.focus {\n  box-shadow: 0 0 0 0.2rem rgba(38, 119, 201, 0.5);\n}\n\n.btn-primary.disabled, .btn-primary:disabled {\n  color: #fff;\n  background-color: #005fbf;\n  border-color: #005fbf;\n}\n\n.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,\n.show > .btn-primary.dropdown-toggle {\n  color: #fff;\n  background-color: #00468c;\n  border-color: #003f7f;\n}\n\n.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,\n.show > .btn-primary.dropdown-toggle:focus {\n  box-shadow: 0 0 0 0.2rem rgba(38, 119, 201, 0.5);\n}\n\n.btn-jurnal {\n  color: #fff;\n  background-color: #009bde;\n  border-color: #009bde;\n}\n\n.btn-jurnal:hover {\n  color: #fff;\n  background-color: #0080b8;\n  border-color: #0077ab;\n}\n\n.btn-jurnal:focus, .btn-jurnal.focus {\n  box-shadow: 0 0 0 0.2rem rgba(38, 170, 227, 0.5);\n}\n\n.btn-jurnal.disabled, .btn-jurnal:disabled {\n  color: #fff;\n  background-color: #009bde;\n  border-color: #009bde;\n}\n\n.btn-jurnal:not(:disabled):not(.disabled):active, .btn-jurnal:not(:disabled):not(.disabled).active,\n.show > .btn-jurnal.dropdown-toggle {\n  color: #fff;\n  background-color: #0077ab;\n  border-color: #006e9e;\n}\n\n.btn-jurnal:not(:disabled):not(.disabled):active:focus, .btn-jurnal:not(:disabled):not(.disabled).active:focus,\n.show > .btn-jurnal.dropdown-toggle:focus {\n  box-shadow: 0 0 0 0.2rem rgba(38, 170, 227, 0.5);\n}\n\n.btn-talenta {\n  color: #fff;\n  background-color: #c02a34;\n  border-color: #c02a34;\n}\n\n.btn-talenta:hover {\n  color: #fff;\n  background-color: #a1232c;\n  border-color: #962129;\n}\n\n.btn-talenta:focus, .btn-talenta.focus {\n  box-shadow: 0 0 0 0.2rem rgba(201, 74, 82, 0.5);\n}\n\n.btn-talenta.disabled, .btn-talenta:disabled {\n  color: #fff;\n  background-color: #c02a34;\n  border-color: #c02a34;\n}\n\n.btn-talenta:not(:disabled):not(.disabled):active, .btn-talenta:not(:disabled):not(.disabled).active,\n.show > .btn-talenta.dropdown-toggle {\n  color: #fff;\n  background-color: #962129;\n  border-color: #8c1f26;\n}\n\n.btn-talenta:not(:disabled):not(.disabled):active:focus, .btn-talenta:not(:disabled):not(.disabled).active:focus,\n.show > .btn-talenta.dropdown-toggle:focus {\n  box-shadow: 0 0 0 0.2rem rgba(201, 74, 82, 0.5);\n}\n\n.btn-klikpajak {\n  color: #fff;\n  background-color: #f96d01;\n  border-color: #f96d01;\n}\n\n.btn-klikpajak:hover {\n  color: #fff;\n  background-color: #d35c01;\n  border-color: #c65701;\n}\n\n.btn-klikpajak:focus, .btn-klikpajak.focus {\n  box-shadow: 0 0 0 0.2rem rgba(250, 131, 39, 0.5);\n}\n\n.btn-klikpajak.disabled, .btn-klikpajak:disabled {\n  color: #fff;\n  background-color: #f96d01;\n  border-color: #f96d01;\n}\n\n.btn-klikpajak:not(:disabled):not(.disabled):active, .btn-klikpajak:not(:disabled):not(.disabled).active,\n.show > .btn-klikpajak.dropdown-toggle {\n  color: #fff;\n  background-color: #c65701;\n  border-color: #ba5101;\n}\n\n.btn-klikpajak:not(:disabled):not(.disabled):active:focus, .btn-klikpajak:not(:disabled):not(.disabled).active:focus,\n.show > .btn-klikpajak.dropdown-toggle:focus {\n  box-shadow: 0 0 0 0.2rem rgba(250, 131, 39, 0.5);\n}\n\n.btn-mekari {\n  color: #fff;\n  background-color: #6d48e5;\n  border-color: #6d48e5;\n}\n\n.btn-mekari:hover {\n  color: #fff;\n  background-color: #5227e0;\n  border-color: #4b1fdb;\n}\n\n.btn-mekari:focus, .btn-mekari.focus {\n  box-shadow: 0 0 0 0.2rem rgba(131, 99, 233, 0.5);\n}\n\n.btn-mekari.disabled, .btn-mekari:disabled {\n  color: #fff;\n  background-color: #6d48e5;\n  border-color: #6d48e5;\n}\n\n.btn-mekari:not(:disabled):not(.disabled):active, .btn-mekari:not(:disabled):not(.disabled).active,\n.show > .btn-mekari.dropdown-toggle {\n  color: #fff;\n  background-color: #4b1fdb;\n  border-color: #481ed0;\n}\n\n.btn-mekari:not(:disabled):not(.disabled):active:focus, .btn-mekari:not(:disabled):not(.disabled).active:focus,\n.show > .btn-mekari.dropdown-toggle:focus {\n  box-shadow: 0 0 0 0.2rem rgba(131, 99, 233, 0.5);\n}\n\n.btn-dark {\n  color: #fff;\n  background-color: #212121;\n  border-color: #212121;\n}\n\n.btn-dark:hover {\n  color: #fff;\n  background-color: #0e0e0e;\n  border-color: #080808;\n}\n\n.btn-dark:focus, .btn-dark.focus {\n  box-shadow: 0 0 0 0.2rem rgba(66, 66, 66, 0.5);\n}\n\n.btn-dark.disabled, .btn-dark:disabled {\n  color: #fff;\n  background-color: #212121;\n  border-color: #212121;\n}\n\n.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active,\n.show > .btn-dark.dropdown-toggle {\n  color: #fff;\n  background-color: #080808;\n  border-color: #010101;\n}\n\n.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus,\n.show > .btn-dark.dropdown-toggle:focus {\n  box-shadow: 0 0 0 0.2rem rgba(66, 66, 66, 0.5);\n}\n\n.btn-slate {\n  color: #fff;\n  background-color: #777;\n  border-color: #777;\n}\n\n.btn-slate:hover {\n  color: #fff;\n  background-color: #646464;\n  border-color: #5e5e5e;\n}\n\n.btn-slate:focus, .btn-slate.focus {\n  box-shadow: 0 0 0 0.2rem rgba(139, 139, 139, 0.5);\n}\n\n.btn-slate.disabled, .btn-slate:disabled {\n  color: #fff;\n  background-color: #777;\n  border-color: #777;\n}\n\n.btn-slate:not(:disabled):not(.disabled):active, .btn-slate:not(:disabled):not(.disabled).active,\n.show > .btn-slate.dropdown-toggle {\n  color: #fff;\n  background-color: #5e5e5e;\n  border-color: #575757;\n}\n\n.btn-slate:not(:disabled):not(.disabled):active:focus, .btn-slate:not(:disabled):not(.disabled).active:focus,\n.show > .btn-slate.dropdown-toggle:focus {\n  box-shadow: 0 0 0 0.2rem rgba(139, 139, 139, 0.5);\n}\n\n.btn-muted {\n  color: #212529;\n  background-color: #b4b4b4;\n  border-color: #b4b4b4;\n}\n\n.btn-muted:hover {\n  color: #212529;\n  background-color: #a1a1a1;\n  border-color: #9b9b9b;\n}\n\n.btn-muted:focus, .btn-muted.focus {\n  box-shadow: 0 0 0 0.2rem rgba(158, 159, 159, 0.5);\n}\n\n.btn-muted.disabled, .btn-muted:disabled {\n  color: #212529;\n  background-color: #b4b4b4;\n  border-color: #b4b4b4;\n}\n\n.btn-muted:not(:disabled):not(.disabled):active, .btn-muted:not(:disabled):not(.disabled).active,\n.show > .btn-muted.dropdown-toggle {\n  color: #212529;\n  background-color: #9b9b9b;\n  border-color: #949494;\n}\n\n.btn-muted:not(:disabled):not(.disabled):active:focus, .btn-muted:not(:disabled):not(.disabled).active:focus,\n.show > .btn-muted.dropdown-toggle:focus {\n  box-shadow: 0 0 0 0.2rem rgba(158, 159, 159, 0.5);\n}\n\n.btn-smoke {\n  color: #212529;\n  background-color: #e2e2e2;\n  border-color: #e2e2e2;\n}\n\n.btn-smoke:hover {\n  color: #212529;\n  background-color: #cfcfcf;\n  border-color: #c9c9c9;\n}\n\n.btn-smoke:focus, .btn-smoke.focus {\n  box-shadow: 0 0 0 0.2rem rgba(197, 198, 198, 0.5);\n}\n\n.btn-smoke.disabled, .btn-smoke:disabled {\n  color: #212529;\n  background-color: #e2e2e2;\n  border-color: #e2e2e2;\n}\n\n.btn-smoke:not(:disabled):not(.disabled):active, .btn-smoke:not(:disabled):not(.disabled).active,\n.show > .btn-smoke.dropdown-toggle {\n  color: #212529;\n  background-color: #c9c9c9;\n  border-color: #c2c2c2;\n}\n\n.btn-smoke:not(:disabled):not(.disabled):active:focus, .btn-smoke:not(:disabled):not(.disabled).active:focus,\n.show > .btn-smoke.dropdown-toggle:focus {\n  box-shadow: 0 0 0 0.2rem rgba(197, 198, 198, 0.5);\n}\n\n.btn-light {\n  color: #212529;\n  background-color: #fbfbfb;\n  border-color: #fbfbfb;\n}\n\n.btn-light:hover {\n  color: #212529;\n  background-color: #e8e8e8;\n  border-color: #e2e2e2;\n}\n\n.btn-light:focus, .btn-light.focus {\n  box-shadow: 0 0 0 0.2rem rgba(218, 219, 220, 0.5);\n}\n\n.btn-light.disabled, .btn-light:disabled {\n  color: #212529;\n  background-color: #fbfbfb;\n  border-color: #fbfbfb;\n}\n\n.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active,\n.show > .btn-light.dropdown-toggle {\n  color: #212529;\n  background-color: #e2e2e2;\n  border-color: #dbdbdb;\n}\n\n.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus,\n.show > .btn-light.dropdown-toggle:focus {\n  box-shadow: 0 0 0 0.2rem rgba(218, 219, 220, 0.5);\n}\n\n.btn-cloud {\n  color: #212529;\n  background-color: #f2f4f7;\n  border-color: #f2f4f7;\n}\n\n.btn-cloud:hover {\n  color: #212529;\n  background-color: #dae0e8;\n  border-color: #d2d9e4;\n}\n\n.btn-cloud:focus, .btn-cloud.focus {\n  box-shadow: 0 0 0 0.2rem rgba(211, 213, 216, 0.5);\n}\n\n.btn-cloud.disabled, .btn-cloud:disabled {\n  color: #212529;\n  background-color: #f2f4f7;\n  border-color: #f2f4f7;\n}\n\n.btn-cloud:not(:disabled):not(.disabled):active, .btn-cloud:not(:disabled):not(.disabled).active,\n.show > .btn-cloud.dropdown-toggle {\n  color: #212529;\n  background-color: #d2d9e4;\n  border-color: #cbd3df;\n}\n\n.btn-cloud:not(:disabled):not(.disabled):active:focus, .btn-cloud:not(:disabled):not(.disabled).active:focus,\n.show > .btn-cloud.dropdown-toggle:focus {\n  box-shadow: 0 0 0 0.2rem rgba(211, 213, 216, 0.5);\n}\n\n.btn-link {\n  color: #fff;\n  background-color: #1357ff;\n  border-color: #1357ff;\n}\n\n.btn-link:hover {\n  color: #fff;\n  background-color: #0044ec;\n  border-color: #0040df;\n}\n\n.btn-link:focus, .btn-link.focus {\n  box-shadow: 0 0 0 0.2rem rgba(54, 112, 255, 0.5);\n}\n\n.btn-link.disabled, .btn-link:disabled {\n  color: #fff;\n  background-color: #1357ff;\n  border-color: #1357ff;\n}\n\n.btn-link:not(:disabled):not(.disabled):active, .btn-link:not(:disabled):not(.disabled).active,\n.show > .btn-link.dropdown-toggle {\n  color: #fff;\n  background-color: #0040df;\n  border-color: #003dd2;\n}\n\n.btn-link:not(:disabled):not(.disabled):active:focus, .btn-link:not(:disabled):not(.disabled).active:focus,\n.show > .btn-link.dropdown-toggle:focus {\n  box-shadow: 0 0 0 0.2rem rgba(54, 112, 255, 0.5);\n}\n\n.btn-white {\n  color: #212529;\n  background-color: #fff;\n  border-color: #fff;\n}\n\n.btn-white:hover {\n  color: #212529;\n  background-color: #ececec;\n  border-color: #e6e6e6;\n}\n\n.btn-white:focus, .btn-white.focus {\n  box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5);\n}\n\n.btn-white.disabled, .btn-white:disabled {\n  color: #212529;\n  background-color: #fff;\n  border-color: #fff;\n}\n\n.btn-white:not(:disabled):not(.disabled):active, .btn-white:not(:disabled):not(.disabled).active,\n.show > .btn-white.dropdown-toggle {\n  color: #212529;\n  background-color: #e6e6e6;\n  border-color: #dfdfdf;\n}\n\n.btn-white:not(:disabled):not(.disabled):active:focus, .btn-white:not(:disabled):not(.disabled).active:focus,\n.show > .btn-white.dropdown-toggle:focus {\n  box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5);\n}\n\n.btn-outline-danger {\n  color: #d74022;\n  border-color: #d74022;\n}\n\n.btn-outline-danger:hover {\n  color: #fff;\n  background-color: #d74022;\n  border-color: #d74022;\n}\n\n.btn-outline-danger:focus, .btn-outline-danger.focus {\n  box-shadow: 0 0 0 0.2rem rgba(215, 64, 34, 0.5);\n}\n\n.btn-outline-danger.disabled, .btn-outline-danger:disabled {\n  color: #d74022;\n  background-color: transparent;\n}\n\n.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active,\n.show > .btn-outline-danger.dropdown-toggle {\n  color: #fff;\n  background-color: #d74022;\n  border-color: #d74022;\n}\n\n.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-danger.dropdown-toggle:focus {\n  box-shadow: 0 0 0 0.2rem rgba(215, 64, 34, 0.5);\n}\n\n.btn-outline-success {\n  color: #009f61;\n  border-color: #009f61;\n}\n\n.btn-outline-success:hover {\n  color: #fff;\n  background-color: #009f61;\n  border-color: #009f61;\n}\n\n.btn-outline-success:focus, .btn-outline-success.focus {\n  box-shadow: 0 0 0 0.2rem rgba(0, 159, 97, 0.5);\n}\n\n.btn-outline-success.disabled, .btn-outline-success:disabled {\n  color: #009f61;\n  background-color: transparent;\n}\n\n.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active,\n.show > .btn-outline-success.dropdown-toggle {\n  color: #fff;\n  background-color: #009f61;\n  border-color: #009f61;\n}\n\n.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-success.dropdown-toggle:focus {\n  box-shadow: 0 0 0 0.2rem rgba(0, 159, 97, 0.5);\n}\n\n.btn-outline-info {\n  color: #ffeb99;\n  border-color: #ffeb99;\n}\n\n.btn-outline-info:hover {\n  color: #212529;\n  background-color: #ffeb99;\n  border-color: #ffeb99;\n}\n\n.btn-outline-info:focus, .btn-outline-info.focus {\n  box-shadow: 0 0 0 0.2rem rgba(255, 235, 153, 0.5);\n}\n\n.btn-outline-info.disabled, .btn-outline-info:disabled {\n  color: #ffeb99;\n  background-color: transparent;\n}\n\n.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active,\n.show > .btn-outline-info.dropdown-toggle {\n  color: #212529;\n  background-color: #ffeb99;\n  border-color: #ffeb99;\n}\n\n.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-info.dropdown-toggle:focus {\n  box-shadow: 0 0 0 0.2rem rgba(255, 235, 153, 0.5);\n}\n\n.btn-outline-warning {\n  color: #ffb700;\n  border-color: #ffb700;\n}\n\n.btn-outline-warning:hover {\n  color: #212529;\n  background-color: #ffb700;\n  border-color: #ffb700;\n}\n\n.btn-outline-warning:focus, .btn-outline-warning.focus {\n  box-shadow: 0 0 0 0.2rem rgba(255, 183, 0, 0.5);\n}\n\n.btn-outline-warning.disabled, .btn-outline-warning:disabled {\n  color: #ffb700;\n  background-color: transparent;\n}\n\n.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active,\n.show > .btn-outline-warning.dropdown-toggle {\n  color: #212529;\n  background-color: #ffb700;\n  border-color: #ffb700;\n}\n\n.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-warning.dropdown-toggle:focus {\n  box-shadow: 0 0 0 0.2rem rgba(255, 183, 0, 0.5);\n}\n\n.btn-outline-primary {\n  color: #005fbf;\n  border-color: #005fbf;\n}\n\n.btn-outline-primary:hover {\n  color: #fff;\n  background-color: #005fbf;\n  border-color: #005fbf;\n}\n\n.btn-outline-primary:focus, .btn-outline-primary.focus {\n  box-shadow: 0 0 0 0.2rem rgba(0, 95, 191, 0.5);\n}\n\n.btn-outline-primary.disabled, .btn-outline-primary:disabled {\n  color: #005fbf;\n  background-color: transparent;\n}\n\n.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active,\n.show > .btn-outline-primary.dropdown-toggle {\n  color: #fff;\n  background-color: #005fbf;\n  border-color: #005fbf;\n}\n\n.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-primary.dropdown-toggle:focus {\n  box-shadow: 0 0 0 0.2rem rgba(0, 95, 191, 0.5);\n}\n\n.btn-outline-jurnal {\n  color: #009bde;\n  border-color: #009bde;\n}\n\n.btn-outline-jurnal:hover {\n  color: #fff;\n  background-color: #009bde;\n  border-color: #009bde;\n}\n\n.btn-outline-jurnal:focus, .btn-outline-jurnal.focus {\n  box-shadow: 0 0 0 0.2rem rgba(0, 155, 222, 0.5);\n}\n\n.btn-outline-jurnal.disabled, .btn-outline-jurnal:disabled {\n  color: #009bde;\n  background-color: transparent;\n}\n\n.btn-outline-jurnal:not(:disabled):not(.disabled):active, .btn-outline-jurnal:not(:disabled):not(.disabled).active,\n.show > .btn-outline-jurnal.dropdown-toggle {\n  color: #fff;\n  background-color: #009bde;\n  border-color: #009bde;\n}\n\n.btn-outline-jurnal:not(:disabled):not(.disabled):active:focus, .btn-outline-jurnal:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-jurnal.dropdown-toggle:focus {\n  box-shadow: 0 0 0 0.2rem rgba(0, 155, 222, 0.5);\n}\n\n.btn-outline-talenta {\n  color: #c02a34;\n  border-color: #c02a34;\n}\n\n.btn-outline-talenta:hover {\n  color: #fff;\n  background-color: #c02a34;\n  border-color: #c02a34;\n}\n\n.btn-outline-talenta:focus, .btn-outline-talenta.focus {\n  box-shadow: 0 0 0 0.2rem rgba(192, 42, 52, 0.5);\n}\n\n.btn-outline-talenta.disabled, .btn-outline-talenta:disabled {\n  color: #c02a34;\n  background-color: transparent;\n}\n\n.btn-outline-talenta:not(:disabled):not(.disabled):active, .btn-outline-talenta:not(:disabled):not(.disabled).active,\n.show > .btn-outline-talenta.dropdown-toggle {\n  color: #fff;\n  background-color: #c02a34;\n  border-color: #c02a34;\n}\n\n.btn-outline-talenta:not(:disabled):not(.disabled):active:focus, .btn-outline-talenta:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-talenta.dropdown-toggle:focus {\n  box-shadow: 0 0 0 0.2rem rgba(192, 42, 52, 0.5);\n}\n\n.btn-outline-klikpajak {\n  color: #f96d01;\n  border-color: #f96d01;\n}\n\n.btn-outline-klikpajak:hover {\n  color: #fff;\n  background-color: #f96d01;\n  border-color: #f96d01;\n}\n\n.btn-outline-klikpajak:focus, .btn-outline-klikpajak.focus {\n  box-shadow: 0 0 0 0.2rem rgba(249, 109, 1, 0.5);\n}\n\n.btn-outline-klikpajak.disabled, .btn-outline-klikpajak:disabled {\n  color: #f96d01;\n  background-color: transparent;\n}\n\n.btn-outline-klikpajak:not(:disabled):not(.disabled):active, .btn-outline-klikpajak:not(:disabled):not(.disabled).active,\n.show > .btn-outline-klikpajak.dropdown-toggle {\n  color: #fff;\n  background-color: #f96d01;\n  border-color: #f96d01;\n}\n\n.btn-outline-klikpajak:not(:disabled):not(.disabled):active:focus, .btn-outline-klikpajak:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-klikpajak.dropdown-toggle:focus {\n  box-shadow: 0 0 0 0.2rem rgba(249, 109, 1, 0.5);\n}\n\n.btn-outline-mekari {\n  color: #6d48e5;\n  border-color: #6d48e5;\n}\n\n.btn-outline-mekari:hover {\n  color: #fff;\n  background-color: #6d48e5;\n  border-color: #6d48e5;\n}\n\n.btn-outline-mekari:focus, .btn-outline-mekari.focus {\n  box-shadow: 0 0 0 0.2rem rgba(109, 72, 229, 0.5);\n}\n\n.btn-outline-mekari.disabled, .btn-outline-mekari:disabled {\n  color: #6d48e5;\n  background-color: transparent;\n}\n\n.btn-outline-mekari:not(:disabled):not(.disabled):active, .btn-outline-mekari:not(:disabled):not(.disabled).active,\n.show > .btn-outline-mekari.dropdown-toggle {\n  color: #fff;\n  background-color: #6d48e5;\n  border-color: #6d48e5;\n}\n\n.btn-outline-mekari:not(:disabled):not(.disabled):active:focus, .btn-outline-mekari:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-mekari.dropdown-toggle:focus {\n  box-shadow: 0 0 0 0.2rem rgba(109, 72, 229, 0.5);\n}\n\n.btn-outline-dark {\n  color: #212121;\n  border-color: #212121;\n}\n\n.btn-outline-dark:hover {\n  color: #fff;\n  background-color: #212121;\n  border-color: #212121;\n}\n\n.btn-outline-dark:focus, .btn-outline-dark.focus {\n  box-shadow: 0 0 0 0.2rem rgba(33, 33, 33, 0.5);\n}\n\n.btn-outline-dark.disabled, .btn-outline-dark:disabled {\n  color: #212121;\n  background-color: transparent;\n}\n\n.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active,\n.show > .btn-outline-dark.dropdown-toggle {\n  color: #fff;\n  background-color: #212121;\n  border-color: #212121;\n}\n\n.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-dark.dropdown-toggle:focus {\n  box-shadow: 0 0 0 0.2rem rgba(33, 33, 33, 0.5);\n}\n\n.btn-outline-slate {\n  color: #777;\n  border-color: #777;\n}\n\n.btn-outline-slate:hover {\n  color: #fff;\n  background-color: #777;\n  border-color: #777;\n}\n\n.btn-outline-slate:focus, .btn-outline-slate.focus {\n  box-shadow: 0 0 0 0.2rem rgba(119, 119, 119, 0.5);\n}\n\n.btn-outline-slate.disabled, .btn-outline-slate:disabled {\n  color: #777;\n  background-color: transparent;\n}\n\n.btn-outline-slate:not(:disabled):not(.disabled):active, .btn-outline-slate:not(:disabled):not(.disabled).active,\n.show > .btn-outline-slate.dropdown-toggle {\n  color: #fff;\n  background-color: #777;\n  border-color: #777;\n}\n\n.btn-outline-slate:not(:disabled):not(.disabled):active:focus, .btn-outline-slate:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-slate.dropdown-toggle:focus {\n  box-shadow: 0 0 0 0.2rem rgba(119, 119, 119, 0.5);\n}\n\n.btn-outline-muted {\n  color: #b4b4b4;\n  border-color: #b4b4b4;\n}\n\n.btn-outline-muted:hover {\n  color: #212529;\n  background-color: #b4b4b4;\n  border-color: #b4b4b4;\n}\n\n.btn-outline-muted:focus, .btn-outline-muted.focus {\n  box-shadow: 0 0 0 0.2rem rgba(180, 180, 180, 0.5);\n}\n\n.btn-outline-muted.disabled, .btn-outline-muted:disabled {\n  color: #b4b4b4;\n  background-color: transparent;\n}\n\n.btn-outline-muted:not(:disabled):not(.disabled):active, .btn-outline-muted:not(:disabled):not(.disabled).active,\n.show > .btn-outline-muted.dropdown-toggle {\n  color: #212529;\n  background-color: #b4b4b4;\n  border-color: #b4b4b4;\n}\n\n.btn-outline-muted:not(:disabled):not(.disabled):active:focus, .btn-outline-muted:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-muted.dropdown-toggle:focus {\n  box-shadow: 0 0 0 0.2rem rgba(180, 180, 180, 0.5);\n}\n\n.btn-outline-smoke {\n  color: #e2e2e2;\n  border-color: #e2e2e2;\n}\n\n.btn-outline-smoke:hover {\n  color: #212529;\n  background-color: #e2e2e2;\n  border-color: #e2e2e2;\n}\n\n.btn-outline-smoke:focus, .btn-outline-smoke.focus {\n  box-shadow: 0 0 0 0.2rem rgba(226, 226, 226, 0.5);\n}\n\n.btn-outline-smoke.disabled, .btn-outline-smoke:disabled {\n  color: #e2e2e2;\n  background-color: transparent;\n}\n\n.btn-outline-smoke:not(:disabled):not(.disabled):active, .btn-outline-smoke:not(:disabled):not(.disabled).active,\n.show > .btn-outline-smoke.dropdown-toggle {\n  color: #212529;\n  background-color: #e2e2e2;\n  border-color: #e2e2e2;\n}\n\n.btn-outline-smoke:not(:disabled):not(.disabled):active:focus, .btn-outline-smoke:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-smoke.dropdown-toggle:focus {\n  box-shadow: 0 0 0 0.2rem rgba(226, 226, 226, 0.5);\n}\n\n.btn-outline-light {\n  color: #fbfbfb;\n  border-color: #fbfbfb;\n}\n\n.btn-outline-light:hover {\n  color: #212529;\n  background-color: #fbfbfb;\n  border-color: #fbfbfb;\n}\n\n.btn-outline-light:focus, .btn-outline-light.focus {\n  box-shadow: 0 0 0 0.2rem rgba(251, 251, 251, 0.5);\n}\n\n.btn-outline-light.disabled, .btn-outline-light:disabled {\n  color: #fbfbfb;\n  background-color: transparent;\n}\n\n.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active,\n.show > .btn-outline-light.dropdown-toggle {\n  color: #212529;\n  background-color: #fbfbfb;\n  border-color: #fbfbfb;\n}\n\n.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-light.dropdown-toggle:focus {\n  box-shadow: 0 0 0 0.2rem rgba(251, 251, 251, 0.5);\n}\n\n.btn-outline-cloud {\n  color: #f2f4f7;\n  border-color: #f2f4f7;\n}\n\n.btn-outline-cloud:hover {\n  color: #212529;\n  background-color: #f2f4f7;\n  border-color: #f2f4f7;\n}\n\n.btn-outline-cloud:focus, .btn-outline-cloud.focus {\n  box-shadow: 0 0 0 0.2rem rgba(242, 244, 247, 0.5);\n}\n\n.btn-outline-cloud.disabled, .btn-outline-cloud:disabled {\n  color: #f2f4f7;\n  background-color: transparent;\n}\n\n.btn-outline-cloud:not(:disabled):not(.disabled):active, .btn-outline-cloud:not(:disabled):not(.disabled).active,\n.show > .btn-outline-cloud.dropdown-toggle {\n  color: #212529;\n  background-color: #f2f4f7;\n  border-color: #f2f4f7;\n}\n\n.btn-outline-cloud:not(:disabled):not(.disabled):active:focus, .btn-outline-cloud:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-cloud.dropdown-toggle:focus {\n  box-shadow: 0 0 0 0.2rem rgba(242, 244, 247, 0.5);\n}\n\n.btn-outline-link {\n  color: #1357ff;\n  border-color: #1357ff;\n}\n\n.btn-outline-link:hover {\n  color: #fff;\n  background-color: #1357ff;\n  border-color: #1357ff;\n}\n\n.btn-outline-link:focus, .btn-outline-link.focus {\n  box-shadow: 0 0 0 0.2rem rgba(19, 87, 255, 0.5);\n}\n\n.btn-outline-link.disabled, .btn-outline-link:disabled {\n  color: #1357ff;\n  background-color: transparent;\n}\n\n.btn-outline-link:not(:disabled):not(.disabled):active, .btn-outline-link:not(:disabled):not(.disabled).active,\n.show > .btn-outline-link.dropdown-toggle {\n  color: #fff;\n  background-color: #1357ff;\n  border-color: #1357ff;\n}\n\n.btn-outline-link:not(:disabled):not(.disabled):active:focus, .btn-outline-link:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-link.dropdown-toggle:focus {\n  box-shadow: 0 0 0 0.2rem rgba(19, 87, 255, 0.5);\n}\n\n.btn-outline-white {\n  color: #fff;\n  border-color: #fff;\n}\n\n.btn-outline-white:hover {\n  color: #212529;\n  background-color: #fff;\n  border-color: #fff;\n}\n\n.btn-outline-white:focus, .btn-outline-white.focus {\n  box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);\n}\n\n.btn-outline-white.disabled, .btn-outline-white:disabled {\n  color: #fff;\n  background-color: transparent;\n}\n\n.btn-outline-white:not(:disabled):not(.disabled):active, .btn-outline-white:not(:disabled):not(.disabled).active,\n.show > .btn-outline-white.dropdown-toggle {\n  color: #212529;\n  background-color: #fff;\n  border-color: #fff;\n}\n\n.btn-outline-white:not(:disabled):not(.disabled):active:focus, .btn-outline-white:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-white.dropdown-toggle:focus {\n  box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);\n}\n\n.btn-link {\n  font-weight: 400;\n  color: #1357ff;\n  text-decoration: none;\n}\n\n.btn-link:hover {\n  color: #0039c6;\n  text-decoration: underline;\n}\n\n.btn-link:focus, .btn-link.focus {\n  text-decoration: underline;\n  box-shadow: none;\n}\n\n.btn-link:disabled, .btn-link.disabled {\n  color: #f2f4f7;\n  pointer-events: none;\n}\n\n.btn-lg, .btn-group-lg > .btn {\n  padding: 8px 16px;\n  font-size: 1rem;\n  line-height: 24px;\n  border-radius: 4px;\n}\n\n.btn-sm, .btn-group-sm > .btn {\n  padding: 2px 8px;\n  font-size: 0.875rem;\n  line-height: 20px;\n  border-radius: 4px;\n}\n\n.btn-block {\n  display: block;\n  width: 100%;\n}\n\n.btn-block + .btn-block {\n  margin-top: 0.5rem;\n}\n\ninput[type=\"submit\"].btn-block,\ninput[type=\"reset\"].btn-block,\ninput[type=\"button\"].btn-block {\n  width: 100%;\n}\n\n.btn-group,\n.btn-group-vertical {\n  position: relative;\n  display: inline-flex;\n  vertical-align: middle;\n}\n\n.btn-group > .btn,\n.btn-group-vertical > .btn {\n  position: relative;\n  flex: 1 1 auto;\n}\n\n.btn-group > .btn:hover,\n.btn-group-vertical > .btn:hover {\n  z-index: 1;\n}\n\n.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,\n.btn-group-vertical > .btn:focus,\n.btn-group-vertical > .btn:active,\n.btn-group-vertical > .btn.active {\n  z-index: 1;\n}\n\n.btn-toolbar {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: flex-start;\n}\n\n.btn-toolbar .input-group {\n  width: auto;\n}\n\n.btn-group > .btn:not(:first-child),\n.btn-group > .btn-group:not(:first-child) {\n  margin-left: -1px;\n}\n\n.btn-group > .btn:not(:last-child):not(.dropdown-toggle),\n.btn-group > .btn-group:not(:last-child) > .btn {\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n}\n\n.btn-group > .btn:not(:first-child),\n.btn-group > .btn-group:not(:first-child) > .btn {\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n}\n\n.dropdown-toggle-split {\n  padding-right: 12px;\n  padding-left: 12px;\n}\n\n.dropdown-toggle-split::after,\n.dropup .dropdown-toggle-split::after,\n.dropright .dropdown-toggle-split::after {\n  margin-left: 0;\n}\n\n.dropleft .dropdown-toggle-split::before {\n  margin-right: 0;\n}\n\n.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {\n  padding-right: 6px;\n  padding-left: 6px;\n}\n\n.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {\n  padding-right: 12px;\n  padding-left: 12px;\n}\n\n.btn-group-vertical {\n  flex-direction: column;\n  align-items: flex-start;\n  justify-content: center;\n}\n\n.btn-group-vertical > .btn,\n.btn-group-vertical > .btn-group {\n  width: 100%;\n}\n\n.btn-group-vertical > .btn:not(:first-child),\n.btn-group-vertical > .btn-group:not(:first-child) {\n  margin-top: -1px;\n}\n\n.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),\n.btn-group-vertical > .btn-group:not(:last-child) > .btn {\n  border-bottom-right-radius: 0;\n  border-bottom-left-radius: 0;\n}\n\n.btn-group-vertical > .btn:not(:first-child),\n.btn-group-vertical > .btn-group:not(:first-child) > .btn {\n  border-top-left-radius: 0;\n  border-top-right-radius: 0;\n}\n\n.btn-group-toggle > .btn,\n.btn-group-toggle > .btn-group > .btn {\n  margin-bottom: 0;\n}\n\n.btn-group-toggle > .btn input[type=\"radio\"],\n.btn-group-toggle > .btn input[type=\"checkbox\"],\n.btn-group-toggle > .btn-group > .btn input[type=\"radio\"],\n.btn-group-toggle > .btn-group > .btn input[type=\"checkbox\"] {\n  position: absolute;\n  clip: rect(0, 0, 0, 0);\n  pointer-events: none;\n}\n\n.btn.btn-link, .btn.btn-link:not(:disabled):not(.disabled):active, .btn-group.show > .btn-link {\n  color: #1357ff;\n  background-color: transparent;\n  border-color: transparent;\n}\n\n.btn.btn-ghost, .btn.btn-icon-only {\n  color: #777;\n  background-color: transparent;\n  border: 1px solid transparent;\n}\n\n.btn.btn-ghost:not(:disabled):not(.disabled):hover, .btn.btn-icon-only:not(:disabled):not(.disabled):hover {\n  background-color: #f2f4f7;\n  border-color: #f2f4f7;\n}\n\n.btn.btn-ghost:not(:disabled):not(.disabled):focus, .btn.btn-icon-only:not(:disabled):not(.disabled):focus {\n  background-color: transparent;\n  border-color: #1357ff;\n  box-shadow: 0 0 4px 1px #1357ff;\n}\n\n.btn.btn-basic, .btn.btn-secondary, .btn.btn-basic:not(:disabled):not(.disabled):active, .btn.btn-basic.active:not(:disabled):not(.disabled),\n.show > .btn.btn-basic.dropdown-toggle, .btn.btn-secondary:not(:disabled):not(.disabled):active, .btn.btn-secondary.active:not(:disabled):not(.disabled),\n.show > .btn.btn-secondary.dropdown-toggle {\n  color: #777;\n  background-color: #fbfbfb;\n  border: 1px solid #e2e2e2;\n}\n\n.btn.btn-basic:not(:disabled):not(.disabled):hover, .btn.btn-secondary:not(:disabled):not(.disabled):hover {\n  border-color: #005fbf;\n}\n\n.btn.btn-basic:not(:disabled):not(.disabled):focus, .btn.btn-secondary:not(:disabled):not(.disabled):focus {\n  border-color: #005fbf;\n  box-shadow: 0 0 4px 1px #005fbf;\n}\n\n.btn.btn-ghost:not(:disabled):not(.disabled):focus {\n  background-color: transparent;\n  border-color: #005fbf;\n  box-shadow: 0 0 4px 1px #005fbf;\n}\n\n.btn.btn-link {\n  height: auto;\n  padding: 0 4px;\n  border-radius: 2px;\n}\n\n.btn.btn-link:not(:disabled):not(.disabled):focus {\n  text-decoration: none;\n  box-shadow: 0 0 0 2px rgba(19, 87, 255, 0.3);\n}\n\n.btn.btn-link:disabled, .btn.btn-link.disabled {\n  text-decoration: none;\n  pointer-events: auto;\n  background-color: transparent;\n  border: none;\n}\n\n.btn.btn-primary.btn-with-icon .ic::before {\n  color: #fff !important;\n}\n\n.btn.btn-primary.btn-icon-only .ic::before {\n  color: inherit !important;\n}\n\n.btn.is-loading {\n  position: relative;\n  min-height: 38px;\n  pointer-events: none;\n}\n\n.btn.is-loading::before {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: 3;\n  content: \"\";\n  background-color: inherit;\n  border-radius: 4px;\n}\n\n.btn.is-loading::after {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: 4;\n  display: inline-block;\n  width: 18px;\n  height: 18px;\n  margin: auto;\n  content: \"\";\n  background: center center no-repeat;\n  background-size: cover;\n  border: 2px solid #fff;\n  border-right-color: transparent;\n  border-radius: 50%;\n  -webkit-animation: spinner-border .75s linear infinite;\n  animation: spinner-border .75s linear infinite;\n}\n\n.btn.is-loading.btn-basic::after, .btn.is-loading.btn-secondary::after {\n  border-color: #777;\n  border-right-color: transparent;\n}\n\n.btn.is-loading.btn-ghost {\n  color: transparent;\n}\n\n.btn.is-loading.btn-ghost::after {\n  border-color: #777;\n  border-right-color: transparent;\n}\n\n.btn.btn-with-icon .ic,\n.btn.btn-with-icon span {\n  vertical-align: top;\n  border: none;\n}\n\n.btn.btn-with-icon .ic {\n  width: 20px;\n  height: 20px;\n  padding: 0;\n  font-size: 16px;\n  color: inherit;\n}\n\n.btn.btn-with-icon .ic.is-left {\n  margin-right: 8px;\n}\n\n.btn.btn-with-icon .ic.is-right {\n  margin-left: 8px;\n}\n\n.btn.btn-with-icon.btn-sm .ic, .btn-group-sm > .btn.btn-with-icon .ic,\n.btn.btn-with-icon.btn-sm span,\n.btn-group-sm > .btn.btn-with-icon span {\n  line-height: 16px;\n  vertical-align: baseline;\n  border: none;\n}\n\n.btn.btn-with-icon.btn-sm .ic, .btn-group-sm > .btn.btn-with-icon .ic,\n.btn.btn-with-icon.btn-sm .is-left,\n.btn-group-sm > .btn.btn-with-icon .is-left {\n  margin-right: 0;\n}\n\n.btn.btn-with-icon.btn-sm .is-right, .btn-group-sm > .btn.btn-with-icon .is-right {\n  margin-left: 0;\n}\n\n.btn.btn-with-icon.btn-lg .ic, .btn-group-lg > .btn.btn-with-icon .ic,\n.btn.btn-with-icon.btn-lg span,\n.btn-group-lg > .btn.btn-with-icon span {\n  vertical-align: top;\n  border: none;\n}\n\n.btn.btn-with-icon.btn-lg .ic, .btn-group-lg > .btn.btn-with-icon .ic {\n  width: 24px;\n  height: 24px;\n  padding: 0;\n  font-size: 20px;\n}\n\n\n.btn.btn-with-icon.btn-lg span,\n.btn-group-lg > .btn.btn-with-icon span {\n  line-height: 24px;\n}\n\n.btn.disabled, .btn:disabled {\n  color: #b4b4b4;\n  cursor: not-allowed;\n  background-color: #f2f4f7;\n  border: 1px solid #f2f4f7;\n  opacity: 1;\n}\n\n.btn.disabled.btn-ghost, .btn:disabled.btn-ghost {\n  background-color: transparent;\n  border-color: transparent;\n}\n\n.btn.dropdown-toggle::before {\n  margin-right: 16px;\n}\n\n.btn.dropdown-toggle::after {\n  margin-left: 16px;\n}\n\n.btn-group .btn:first-child:not(:only-child):not(.dropdown-toggle) {\n  padding-right: 8px;\n}\n\n.btn-group .btn:last-child:not(:only-child) {\n  padding-left: 8px;\n}\n\n.btn-group .dropdown-toggle-split {\n  min-width: 38px;\n  padding-right: 8px;\n  padding-left: 8px;\n}\n\n.btn-group .dropdown-toggle-split::before {\n  margin-right: 0;\n}\n\n.btn-group .dropdown-toggle-split::after {\n  margin-left: 0;\n}\n\n.btn-group .dropdown-toggle-split.btn-basic:not(:hover):not(:focus), .btn-group .dropdown-toggle-split.btn-secondary:not(:hover):not(:focus) {\n  padding-left: 9px;\n  border-left: none;\n}\n\n.btn-group.dropleft .dropdown-toggle-split.btn-basic, .btn-group.dropleft .dropdown-toggle-split.btn-secondary:not(:hover):not(:focus) {\n  padding-left: 8px;\n  border-left: 1px solid #e2e2e2;\n}\n\n.btn-group.dropleft ~ .btn-basic:not(:hover):not(:focus),\n.btn-group.dropleft ~ .btn-secondary:not(:hover):not(:focus) {\n  padding-left: 9px;\n  border-left: none;\n}\n\n.btn.btn-sm, .btn-group-sm > .btn {\n  height: 24px;\n}\n\n.btn.btn-lg, .btn-group-lg > .btn {\n  height: 40px;\n}\n\n.btn.btn-icon-only {\n  width: 38px;\n  height: 38px;\n  padding: 8px;\n  font-size: 18px;\n  line-height: 18px;\n}\n\n.btn.btn-icon-only > .ic {\n  width: 18px;\n  height: 18px;\n  padding: 0;\n  font-size: 18px;\n}\n\n.btn-with-badge__wrapper {\n  position: relative;\n  display: inline-flex;\n  align-items: flex-end;\n}\n\n.btn-with-badge__wrapper .btn {\n  position: relative;\n  width: 38px;\n  height: 38px;\n  padding: 4px;\n}\n\n.btn-with-badge__wrapper .btn .ic {\n  width: 24px !important;\n  height: 24px !important;\n  font-size: 24px !important;\n  line-height: 24px !important;\n}\n\n.btn-with-badge__wrapper .badge {\n  position: relative;\n  right: 16px;\n  bottom: 0;\n}\n/*# sourceMappingURL=mekari-ui-button.css.map */","// 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 selector-no-qualifying-type\n\n// Make the div behave like a button\n.#{$prefix}btn-group,\n.#{$prefix}btn-group-vertical {\n  position: relative;\n  display: inline-flex;\n  vertical-align: middle; // match .#{$prefix}btn alignment given font-size hack above\n\n  > .#{$prefix}btn {\n    position: relative;\n    flex: 1 1 auto;\n\n    // Bring the hover, focused, and \"active\" buttons to the front to overlay\n    // the borders properly\n    @include hover {\n      z-index: 1;\n    }\n    &:focus,\n    &:active,\n    &.active {\n      z-index: 1;\n    }\n  }\n}\n\n// Optional: Group multiple button groups together for a toolbar\n.#{$prefix}btn-toolbar {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: flex-start;\n\n  .input-group {\n    width: auto;\n  }\n}\n\n.#{$prefix}btn-group {\n  // Prevent double borders when buttons are next to each other\n  > .#{$prefix}btn:not(:first-child),\n  > .#{$prefix}btn-group:not(:first-child) {\n    margin-left: -$btn-border-width;\n  }\n\n  // Reset rounded corners\n  > .#{$prefix}btn:not(:last-child):not(.dropdown-toggle),\n  > .#{$prefix}btn-group:not(:last-child) > .#{$prefix}btn {\n    @include border-right-radius(0);\n  }\n\n  > .#{$prefix}btn:not(:first-child),\n  > .#{$prefix}btn-group:not(:first-child) > .#{$prefix}btn {\n    @include border-left-radius(0);\n  }\n}\n\n// Sizing\n//\n// Remix the default button sizing classes into new ones for easier manipulation.\n\n.#{$prefix}btn-group-sm > .#{$prefix}btn { @extend .#{$prefix}btn-sm; }\n.#{$prefix}btn-group-lg > .#{$prefix}btn { @extend .#{$prefix}btn-lg; }\n\n\n//\n// Split button dropdowns\n//\n\n.#{$prefix}dropdown-toggle-split {\n  padding-right: $btn-padding-x * .75;\n  padding-left: $btn-padding-x * .75;\n\n  &::after,\n  .#{$prefix}dropup &::after,\n  .#{$prefix}dropright &::after {\n    margin-left: 0;\n  }\n\n  .#{$prefix}dropleft &::before {\n    margin-right: 0;\n  }\n}\n\n.#{$prefix}btn-sm + .#{$prefix}dropdown-toggle-split {\n  padding-right: $btn-padding-x-sm * .75;\n  padding-left: $btn-padding-x-sm * .75;\n}\n\n.#{$prefix}btn-lg + .#{$prefix}dropdown-toggle-split {\n  padding-right: $btn-padding-x-lg * .75;\n  padding-left: $btn-padding-x-lg * .75;\n}\n\n\n// The clickable button for toggling the menu\n// Set the same inset shadow as the :active state\n.#{$prefix}btn-group.#{$prefix}show .#{$prefix}dropdown-toggle {\n  @include box-shadow($btn-active-box-shadow);\n\n  // Show no shadow for `.#{$prefix}btn-link` since it has no other button styles.\n  &.#{$prefix}btn-link {\n    @include box-shadow(none);\n  }\n}\n\n\n//\n// Vertical button groups\n//\n\n.#{$prefix}btn-group-vertical {\n  flex-direction: column;\n  align-items: flex-start;\n  justify-content: center;\n\n  > .#{$prefix}btn,\n  > .#{$prefix}btn-group {\n    width: 100%;\n  }\n\n  > .#{$prefix}btn:not(:first-child),\n  > .#{$prefix}btn-group:not(:first-child) {\n    margin-top: -$btn-border-width;\n  }\n\n  // Reset rounded corners\n  > .#{$prefix}btn:not(:last-child):not(.dropdown-toggle),\n  > .#{$prefix}btn-group:not(:last-child) > .#{$prefix}btn {\n    @include border-bottom-radius(0);\n  }\n\n  > .#{$prefix}btn:not(:first-child),\n  > .#{$prefix}btn-group:not(:first-child) > .#{$prefix}btn {\n    @include border-top-radius(0);\n  }\n}\n\n\n// Checkbox and radio options\n//\n// In order to support the browser's form validation feedback, powered by the\n// `required` attribute, we have to \"hide\" the inputs via `clip`. We cannot use\n// `display: none;` or `visibility: hidden;` as that also hides the popover.\n// Simply visually hiding the inputs via `opacity` would leave them clickable in\n// certain cases which is prevented by using `clip` and `pointer-events`.\n// This way, we ensure a DOM element is visible to position the popover from.\n//\n// See https://github.com/twbs/bootstrap/pull/12794 and\n// https://github.com/twbs/bootstrap/pull/14559 for more information.\n\n.#{$prefix}btn-group-toggle {\n  > .#{$prefix}btn,\n  > .#{$prefix}btn-group > .#{$prefix}btn {\n    margin-bottom: 0; // Override default `<label>` value\n\n    input[type=\"radio\"],\n    input[type=\"checkbox\"] {\n      position: absolute;\n      clip: rect(0, 0, 0, 0);\n      pointer-events: none;\n    }\n  }\n}\n","// Button related variable\n%btn-link-active {\n  color: $blue;\n  background-color: transparent;\n  border-color: transparent;\n}\n\n%btn-ghost {\n  color: $secondary;\n  background-color: transparent;\n  border: 1px solid transparent;\n  &:not(:disabled):not(.disabled):hover {\n    background-color: $cloud;\n    border-color: $cloud;\n  }\n  &:not(:disabled):not(.disabled):focus {\n    background-color: transparent;\n    border-color: $blue;\n    box-shadow: 0 0 4px 1px $blue;\n  }\n}\n\n$btn-secondary-border-color: $smoke;\n\n%btn-secondary-theme {\n  color: $secondary;\n  background-color: $light;\n  border: 1px solid $btn-secondary-border-color;\n}\n\n// End of button related variable\n\n.#{$prefix}btn {\n  &.#{$prefix}btn-basic,\n  &.#{$prefix}btn-secondary {\n    @extend %btn-secondary-theme;\n    &:not(:disabled):not(.disabled):hover {\n      border-color: $sapphire;\n    }\n    &:not(:disabled):not(.disabled):focus {\n      border-color: $sapphire;\n      box-shadow: 0 0 4px 1px $sapphire;\n    }\n    &:not(:disabled):not(.disabled):active,\n    &:not(:disabled):not(.disabled).active,\n    .#{$prefix}show > &.dropdown-toggle {\n      @extend %btn-secondary-theme;\n    }\n  }\n\n  &.#{$prefix}btn-ghost {\n    @extend %btn-ghost;\n    &:not(:disabled):not(.disabled):focus {\n      background-color: transparent;\n      border-color: $primary;\n      box-shadow: 0 0 4px 1px $primary;\n    }\n  }\n\n  &.#{$prefix}btn-link {\n    height: auto;\n    padding: 0 4px;\n    // stylelint-disable-next-line property-blacklist\n    border-radius: 2px;\n    @extend %btn-link-active;\n    &:not(:disabled):not(.disabled):active {\n      @extend %btn-link-active;\n    }\n    &:not(:disabled):not(.disabled):focus {\n      text-decoration: none;\n      box-shadow: 0 0 0 2px rgba($blue, .3);\n    }\n    &:disabled,\n    &.disabled {\n      text-decoration: none;\n      pointer-events: auto;\n      background-color: transparent;\n      border: none;\n    }\n  }\n\n  &.#{$prefix}btn-primary {\n    &.#{$prefix}btn-with-icon {\n      .ic {\n        &::before {\n          // stylelint-disable-next-line declaration-no-important\n          color: $white !important;\n        }\n      }\n    }\n\n    &.#{$prefix}btn-icon-only {\n      .ic {\n        &::before {\n          // stylelint-disable-next-line declaration-no-important\n          color: inherit !important;\n        }\n      }\n    }\n  }\n\n  &.#{$prefix}is-loading {\n    position: relative;\n    min-height: 38px;\n    pointer-events: none;\n    &::before {\n      position: absolute;\n      top: 0;\n      right: 0;\n      bottom: 0;\n      left: 0;\n      z-index: 3;\n      content: \"\";\n      background-color: inherit;\n      // stylelint-disable-next-line property-blacklist\n      border-radius: 4px;\n    }\n    &::after {\n      position: absolute;\n      top: 0;\n      right: 0;\n      bottom: 0;\n      left: 0;\n      z-index: 4;\n      display: inline-block;\n      width: 18px;\n      height: 18px;\n      margin: auto;\n      content: \"\";\n      background: center center no-repeat;\n      background-size: cover;\n      border: 2px solid $white;\n      border-right-color: transparent;\n      // stylelint-disable-next-line property-blacklist\n      border-radius: 50%;\n      animation: spinner-border .75s linear infinite;\n    }\n\n    &.#{$prefix}btn-basic,\n    &.#{$prefix}btn-secondary {\n      &::after {\n        border-color: $secondary;\n        border-right-color: transparent;\n      }\n    }\n    &.#{$prefix}btn-ghost {\n      color: transparent;\n      &::after {\n        border-color: $secondary;\n        border-right-color: transparent;\n      }\n    }\n  }\n\n  &.#{$prefix}btn-with-icon {\n    .ic,\n    span {\n      vertical-align: top;\n      border: none;\n    }\n    .ic {\n      width: 20px;\n      height: 20px;\n      padding: 0;\n      font-size: 16px;\n      color: inherit;\n      &.is-left {\n        margin-right: 8px;\n      }\n      &.is-right {\n        margin-left: 8px;\n      }\n    }\n    &.#{$prefix}btn-sm {\n      .ic,\n      span {\n        line-height: 16px;\n        vertical-align: baseline;\n        border: none;\n      }\n      .ic,\n      .is-left {\n        margin-right: 0;\n      }\n      .is-right {\n        margin-left: 0;\n      }\n    }\n    &.#{$prefix}btn-lg {\n      .ic,\n      span {\n        vertical-align: top;\n        border: none;\n      }\n      .ic {\n        width: 24px;\n        height: 24px;\n        padding: 0;\n        font-size: 20px;\n      }\n      span {\n        line-height: 24px;\n      }\n    }\n  }\n\n  &.disabled,\n  &:disabled {\n    color: $text-muted;\n    cursor: not-allowed;\n    background-color: $cloud;\n    border: 1px solid $cloud;\n    opacity: 1;\n    &.#{$prefix}btn-ghost {\n      background-color: transparent;\n      border-color: transparent;\n    }\n  }\n\n  // Caret\n  &.#{$prefix}dropdown-toggle {\n    &::before {\n      margin-right: 16px;\n    }\n    &::after {\n      margin-left: 16px;\n    }\n  }\n\n  // Button group\n  &-group {\n    .#{$prefix}btn:first-child:not(:only-child):not(.#{$prefix}dropdown-toggle) {\n      padding-right: 8px;\n    }\n\n    .#{$prefix}btn:last-child:not(:only-child) {\n      padding-left: 8px;\n    }\n\n    // Caret\n    .#{$prefix}dropdown-toggle-split {\n      min-width: 38px;\n      padding-right: 8px;\n      padding-left: 8px;\n      &::before {\n        margin-right: 0;\n      }\n      &::after {\n        margin-left: 0;\n      }\n\n      // Button secondary\n      &.#{$prefix}btn-basic:not(:hover):not(:focus),\n      &.#{$prefix}btn-secondary:not(:hover):not(:focus) {\n        padding-left: 9px;\n        border-left: none;\n      }\n    }\n\n    // Button secondary\n    &.#{$prefix}dropleft {\n      .#{$prefix}dropdown-toggle-split {\n        &.#{$prefix}btn-basic,\n        &.#{$prefix}btn-secondary:not(:hover):not(:focus) {\n          padding-left: 8px;\n          border-left: 1px solid $btn-secondary-border-color;\n        }\n      }\n\n      ~ .#{$prefix}btn-basic:not(:hover):not(:focus),\n      ~ .#{$prefix}btn-secondary:not(:hover):not(:focus) {\n        padding-left: 9px;\n        border-left: none;\n      }\n    }\n\n    // Button link active\n    &.#{$prefix}show {\n      > .#{$prefix}btn-link {\n        @extend %btn-link-active;\n      }\n    }\n  }\n}\n\n.btn {\n  &.btn-sm {\n    height: 24px;\n  }\n  &.btn-lg {\n    height: 40px;\n  }\n  &.#{$prefix}btn-icon-only {\n    width: 38px;\n    height: 38px;\n    padding: 8px;\n    font-size: 18px;\n    line-height: 18px;\n    @extend %btn-ghost;\n\n    > .ic {\n      width: 18px;\n      height: 18px;\n      padding: 0;\n      font-size: 18px;\n    }\n  }\n}\n\n.btn-with-badge {\n  &__wrapper {\n    position: relative;\n    display: inline-flex;\n    align-items: flex-end;\n    .btn {\n      position: relative;\n      width: 38px;\n      height: 38px;\n      padding: 4px;\n      .ic {\n        width: 24px !important; // stylelint-disable-line declaration-no-important\n        height: 24px !important; // stylelint-disable-line declaration-no-important\n        font-size: 24px !important; // stylelint-disable-line declaration-no-important\n        line-height: 24px !important; // stylelint-disable-line declaration-no-important\n      }\n    }\n    .badge {\n      position: relative;\n      right: 16px;\n      bottom: 0;\n    }\n  }\n}\n"]}

data/lib/assets/stylesheets/css/components/mekari-ui-button.css

@@ -1534,7 +1534,7 @@ input[type="button"].btn-block {
   width: 20px;
   height: 20px;
   padding: 0;
-  font-size: 20px;
+  font-size: 16px;
   color: inherit;
 }
 
@@ -1554,12 +1554,9 @@ input[type="button"].btn-block {
   border: none;
 }
 
-.btn.btn-with-icon.btn-sm .ic, .btn-group-sm > .btn.btn-with-icon .ic {
-  margin-right: 0;
-  line-height: 18px;
-}
-
-.btn.btn-with-icon.btn-sm .is-left, .btn-group-sm > .btn.btn-with-icon .is-left {
+.btn.btn-with-icon.btn-sm .ic, .btn-group-sm > .btn.btn-with-icon .ic,
+.btn.btn-with-icon.btn-sm .is-left,
+.btn-group-sm > .btn.btn-with-icon .is-left {
   margin-right: 0;
 }
 
@@ -1578,7 +1575,7 @@ input[type="button"].btn-block {
   width: 24px;
   height: 24px;
   padding: 0;
-  font-size: 24px;
+  font-size: 20px;
 }
 
 

data/lib/assets/stylesheets/css/components/mekari-ui-button.css.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../scss/vendors/_spinners.scss","mekari-ui-button.css","../../../scss/vendor-extensions/_spinners.scss","../../../scss/vendors/_buttons.scss","../../../scss/vendor-extensions/_typography.scss","../../../scss/vendor-extensions/_color.scss","../../../scss/vendors/mixins/_buttons.scss","../../../scss/vendor-extensions/_button.scss","../../../scss/vendors/_rfs.scss","../../../scss/vendors/mixins/_border-radius.scss","../../../scss/vendors/mixins/_transition.scss","../../../scss/vendors/mixins/_hover.scss","../../../scss/vendors/_variables.scss","../../../scss/vendors/mixins/_gradients.scss","../../../scss/vendors/_button-group.scss","../../../scss/components/config/_button.scss"],"names":[],"mappings":"AAIA;EACE;IAAK,yBAAyB;ECF9B;AACF;;ADAA;EACE;IAAK,yBAAyB;ECF9B;AACF;;ADIA;EACE,qBAAqB;EACrB,WER0B;EFS1B,YET0B;EFU1B,2BAA2B;EAC3B,iCAAgD;EAChD,+BAA+B;EAE/B,kBAAkB;EAClB,sDAA8C;EAA9C,8CAA8C;ACFhD;;ADKA;EACE,WEf4B;EFgB5B,YEhB4B;EFiB5B,mBEf4B;ADa9B;;ADSA;EACE;IACE,mBAAmB;ECNrB;EDQA;IACE,UAAU;ECNZ;AACF;;ADAA;EACE;IACE,mBAAmB;ECNrB;EDQA;IACE,UAAU;ECNZ;AACF;;ADSA;EACE,qBAAqB;EACrB,WEvC0B;EFwC1B,YExC0B;EFyC1B,2BAA2B;EAC3B,8BAA8B;EAE9B,kBAAkB;EAClB,UAAU;EACV,oDAA4C;EAA5C,4CAA4C;ACP9C;;ADUA;EACE,WE9C4B;EF+C5B,YE/C4B;ADwC9B;;AExCA;EACE,qBAAqB;EACrB,kGCRyH;EDSzH,gBCOuC;EDNvC,cETa;EFUb,kBAAkB;EAClB,sBAAsB;EACtB,yBAAiB;EAAjB,sBAAiB;EAAjB,qBAAiB;EAAjB,iBAAiB;EACjB,6BAA6B;EAC7B,6BAA2C;EGsF3C,iBChGgC;EC0H5B,mBAtCY;EFchB,iBChGgC;EEF9B,kBFiBmB;EGhBjB,qIHiB+H;ANwCrI;;ASpDI;EPLJ;IOMM,gBAAgB;ETwDpB;AACF;;AUzDE;ERQE,cEnBW;EFoBX,qBAAqB;AFqDzB;;AEpEA;EAoBI,UAAU;EACV,+BEdmB;AJkEvB;;AEzEA;EA2BI,aIPsB;ANyD1B;;AEnCA;;EAEE,oBAAoB;AFsCtB;;AE7BE;EGrDA,WMCa;ECDX,yBRImB;ECFrB,qBDEqB;AJoFvB;;AUlFE;ELAE,WMLW;ECDX,yBPDoF;EASpF,qBATyH;AL+F7H;;AKnFE;EAMI,+CAAiF;ALiFvF;;AK5EE;EAEE,WMvBW;ENwBX,yBDrBmB;ECsBnB,qBDtBmB;AJoGvB;;AKvEE;;EAGE,WMnCW;ENoCX,yBAtCuK;EA0CvK,qBA1C+M;ALgHnN;;AKpEI;;EAKI,+CAAiF;ALoEzF;;AE/DE;EGrDA,WMCa;ECDX,yBRKmB;ECHrB,qBDGqB;AJqHvB;;AUpHE;ELAE,WMLW;ECDX,yBPDoF;EASpF,qBATyH;ALiI7H;;AKrHE;EAMI,gDAAiF;ALmHvF;;AK9GE;EAEE,WMvBW;ENwBX,yBDpBmB;ECqBnB,qBDrBmB;AJqIvB;;AKzGE;;EAGE,WMnCW;ENoCX,yBAtCuK;EA0CvK,qBA1C+M;ALkJnN;;AKtGI;;EAKI,gDAAiF;ALsGzF;;AEjGE;EGrDA,cMUgB;ECVd,yBRMmB;ECJrB,qBDIqB;AJsJvB;;AUtJE;ELAE,cMIc;ECVd,yBPDoF;EASpF,qBATyH;ALmK7H;;AKvJE;EAMI,iDAAiF;ALqJvF;;AKhJE;EAEE,cMdc;ENed,yBDnBmB;ECoBnB,qBDpBmB;AJsKvB;;AK3IE;;EAGE,cM1Bc;EN2Bd,yBAtCuK;EA0CvK,qBA1C+M;ALoLnN;;AKxII;;EAKI,iDAAiF;ALwIzF;;AEnIE;EGrDA,cMUgB;ECVd,yBRQmB;ECNrB,qBDMqB;AJsLvB;;AUxLE;ELAE,cMIc;ECVd,yBPDoF;EASpF,qBATyH;ALqM7H;;AKzLE;EAMI,+CAAiF;ALuLvF;;AKlLE;EAEE,cMdc;ENed,yBDjBmB;ECkBnB,qBDlBmB;AJsMvB;;AK7KE;;EAGE,WMnCW;ENoCX,yBAtCuK;EA0CvK,qBA1C+M;ALsNnN;;AK1KI;;EAKI,+CAAiF;AL0KzF;;AErKE;EGrDA,WMCa;ECDX,yBRSmB;ECPrB,qBDOqB;AJuNvB;;AU1NE;ELAE,WMLW;ECDX,yBPDoF;EASpF,qBATyH;ALuO7H;;AK3NE;EAMI,gDAAiF;ALyNvF;;AKpNE;EAEE,WMvBW;ENwBX,yBDhBmB;ECiBnB,qBDjBmB;AJuOvB;;AK/ME;;EAGE,WMnCW;ENoCX,yBAtCuK;EA0CvK,qBA1C+M;ALwPnN;;AK5MI;;EAKI,gDAAiF;AL4MzF;;AEvME;EGrDA,WMCa;ECDX,yBRaiB;ECXnB,qBDWmB;AJqPrB;;AU5PE;ELAE,WMLW;ECDX,yBPDoF;EASpF,qBATyH;ALyQ7H;;AK7PE;EAMI,gDAAiF;AL2PvF;;AKtPE;EAEE,WMvBW;ENwBX,yBDZiB;ECajB,qBDbiB;AJqQrB;;AKjPE;;EAGE,WMnCW;ENoCX,yBAtCuK;EA0CvK,qBA1C+M;AL0RnN;;AK9OI;;EAKI,gDAAiF;AL8OzF;;AEzOE;EGrDA,WMCa;ECDX,yBRYiB;ECVnB,qBDUmB;AJwRrB;;AU9RE;ELAE,WMLW;ECDX,yBPDoF;EASpF,qBATyH;AL2S7H;;AK/RE;EAMI,+CAAiF;AL6RvF;;AKxRE;EAEE,WMvBW;ENwBX,yBDbiB;ECcjB,qBDdiB;AJwSrB;;AKnRE;;EAGE,WMnCW;ENoCX,yBAtCuK;EA0CvK,qBA1C+M;AL4TnN;;AKhRI;;EAKI,+CAAiF;ALgRzF;;AE3QE;EGrDA,WMCa;ECDX,yBRciB;ECZnB,qBDYmB;AJwTrB;;AUhUE;ELAE,WMLW;ECDX,yBPDoF;EASpF,qBATyH;AL6U7H;;AKjUE;EAMI,gDAAiF;AL+TvF;;AK1TE;EAEE,WMvBW;ENwBX,yBDXiB;ECYjB,qBDZiB;AJwUrB;;AKrTE;;EAGE,WMnCW;ENoCX,yBAtCuK;EA0CvK,qBA1C+M;AL8VnN;;AKlTI;;EAKI,gDAAiF;ALkTzF;;AE7SE;EGrDA,WMCa;ECDX,yBReiB;ECbnB,qBDamB;AJyVrB;;AUlWE;ELAE,WMLW;ECDX,yBPDoF;EASpF,qBATyH;AL+W7H;;AKnWE;EAMI,gDAAiF;ALiWvF;;AK5VE;EAEE,WMvBW;ENwBX,yBDViB;ECWjB,qBDXiB;AJyWrB;;AKvVE;;EAGE,WMnCW;ENoCX,yBAtCuK;EA0CvK,qBA1C+M;ALgYnN;;AKpVI;;EAKI,gDAAiF;ALoVzF;;AE/UE;EGrDA,WMCa;ECDX,yBRLW;ECOb,qBDPa;AJ+Yf;;AUpYE;ELAE,WMLW;ECDX,yBPDoF;EASpF,qBATyH;ALiZ7H;;AKrYE;EAMI,8CAAiF;ALmYvF;;AK9XE;EAEE,WMvBW;ENwBX,yBD9BW;EC+BX,qBD/BW;AJ+Zf;;AKzXE;;EAGE,WMnCW;ENoCX,yBAtCuK;EA0CvK,qBA1C+M;ALkanN;;AKtXI;;EAKI,8CAAiF;ALsXzF;;AEjXE;EGrDA,WMCa;ECDX,sBRJQ;ECMV,kBDNU;AJgbZ;;AUtaE;ELAE,WMLW;ECDX,yBPDoF;EASpF,qBATyH;ALmb7H;;AKvaE;EAMI,iDAAiF;ALqavF;;AKhaE;EAEE,WMvBW;ENwBX,sBD7BQ;EC8BR,kBD9BQ;AJgcZ;;AK3ZE;;EAGE,WMnCW;ENoCX,yBAtCuK;EA0CvK,qBA1C+M;ALocnN;;AKxZI;;EAKI,iDAAiF;ALwZzF;;AEnZE;EGrDA,cMUgB;ECVd,yBRHW;ECKb,qBDLa;AJidf;;AUxcE;ELAE,cMIc;ECVd,yBPDoF;EASpF,qBATyH;ALqd7H;;AKzcE;EAMI,iDAAiF;ALucvF;;AKlcE;EAEE,cMdc;ENed,yBD5BW;EC6BX,qBD7BW;AJief;;AK7bE;;EAGE,cM1Bc;EN2Bd,yBAtCuK;EA0CvK,qBA1C+M;ALsenN;;AK1bI;;EAKI,iDAAiF;AL0bzF;;AErbE;EGrDA,cMUgB;ECVd,yBRFW;ECIb,qBDJa;AJkff;;AU1eE;ELAE,cMIc;ECVd,yBPDoF;EASpF,qBATyH;ALuf7H;;AK3eE;EAMI,iDAAiF;ALyevF;;AKpeE;EAEE,cMdc;ENed,yBD3BW;EC4BX,qBD5BW;AJkgBf;;AK/dE;;EAGE,cM1Bc;EN2Bd,yBAtCuK;EA0CvK,qBA1C+M;ALwgBnN;;AK5dI;;EAKI,iDAAiF;AL4dzF;;AEvdE;EGrDA,cMUgB;ECVd,yBRDW;ECGb,qBDHa;AJmhBf;;AU5gBE;ELAE,cMIc;ECVd,yBPDoF;EASpF,qBATyH;ALyhB7H;;AK7gBE;EAMI,iDAAiF;AL2gBvF;;AKtgBE;EAEE,cMdc;ENed,yBD1BW;EC2BX,qBD3BW;AJmiBf;;AKjgBE;;EAGE,cM1Bc;EN2Bd,yBAtCuK;EA0CvK,qBA1C+M;AL0iBnN;;AK9fI;;EAKI,iDAAiF;AL8fzF;;AEzfE;EGrDA,cMUgB;ECVd,yBRCW;ECCb,qBDDa;AJmjBf;;AU9iBE;ELAE,cMIc;ECVd,yBPDoF;EASpF,qBATyH;AL2jB7H;;AK/iBE;EAMI,iDAAiF;AL6iBvF;;AKxiBE;EAEE,cMdc;ENed,yBDxBW;ECyBX,qBDzBW;AJmkBf;;AKniBE;;EAGE,cM1Bc;EN2Bd,yBAtCuK;EA0CvK,qBA1C+M;AL4kBnN;;AKhiBI;;EAKI,iDAAiF;ALgiBzF;;AE3hBE;EGrDA,WMCa;ECDX,yBROmB;ECLrB,qBDKqB;AJ+kBvB;;AUhlBE;ELAE,WMLW;ECDX,yBPDoF;EASpF,qBATyH;AL6lB7H;;AKjlBE;EAMI,gDAAiF;AL+kBvF;;AK1kBE;EAEE,WMvBW;ENwBX,yBDlBmB;ECmBnB,qBDnBmB;AJ+lBvB;;AKrkBE;;EAGE,WMnCW;ENoCX,yBAtCuK;EA0CvK,qBA1C+M;AL8mBnN;;AKlkBI;;EAKI,gDAAiF;ALkkBzF;;AE7jBE;EGrDA,cMUgB;ECVd,sBRAQ;ECEV,kBDFU;AJwnBZ;;AUlnBE;ELAE,cMIc;ECVd,yBPDoF;EASpF,qBATyH;AL+nB7H;;AKnnBE;EAMI,iDAAiF;ALinBvF;;AK5mBE;EAEE,cMdc;ENed,sBDzBQ;EC0BR,kBD1BQ;AJwoBZ;;AKvmBE;;EAGE,cM1Bc;EN2Bd,yBAtCuK;EA0CvK,qBA1C+M;ALgpBnN;;AKpmBI;;EAKI,iDAAiF;ALomBzF;;AEzlBE;EGJA,cDnDqB;ECoDrB,qBDpDqB;AJqpBvB;;AUnpBE;ELqDE,WM1DW;EN2DX,yBDxDmB;ECyDnB,qBDzDmB;AJ2pBvB;;AK/lBE;EAEE,+CD9DmB;AJ+pBvB;;AK9lBE;EAEE,cDnEmB;ECoEnB,6BAA6B;ALgmBjC;;AK7lBE;;EAGE,WM7EW;EN8EX,yBD3EmB;EC4EnB,qBD5EmB;AJ2qBvB;;AK7lBI;;EAKI,+CDnFe;AJgrBvB;;AEznBE;EGJA,cDlDqB;ECmDrB,qBDnDqB;AJorBvB;;AUnrBE;ELqDE,WM1DW;EN2DX,yBDvDmB;ECwDnB,qBDxDmB;AJ0rBvB;;AK/nBE;EAEE,8CD7DmB;AJ8rBvB;;AK9nBE;EAEE,cDlEmB;ECmEnB,6BAA6B;ALgoBjC;;AK7nBE;;EAGE,WM7EW;EN8EX,yBD1EmB;EC2EnB,qBD3EmB;AJ0sBvB;;AK7nBI;;EAKI,8CDlFe;AJ+sBvB;;AEzpBE;EGJA,cDjDqB;ECkDrB,qBDlDqB;AJmtBvB;;AUntBE;ELqDE,cMjDc;ENkDd,yBDtDmB;ECuDnB,qBDvDmB;AJytBvB;;AK/pBE;EAEE,iDD5DmB;AJ6tBvB;;AK9pBE;EAEE,cDjEmB;ECkEnB,6BAA6B;ALgqBjC;;AK7pBE;;EAGE,cMpEc;ENqEd,yBDzEmB;EC0EnB,qBD1EmB;AJyuBvB;;AK7pBI;;EAKI,iDDjFe;AJ8uBvB;;AEzrBE;EGJA,cD/CqB;ECgDrB,qBDhDqB;AJivBvB;;AUnvBE;ELqDE,cMjDc;ENkDd,yBDpDmB;ECqDnB,qBDrDmB;AJuvBvB;;AK/rBE;EAEE,+CD1DmB;AJ2vBvB;;AK9rBE;EAEE,cD/DmB;ECgEnB,6BAA6B;ALgsBjC;;AK7rBE;;EAGE,cMpEc;ENqEd,yBDvEmB;ECwEnB,qBDxEmB;AJuwBvB;;AK7rBI;;EAKI,+CD/Ee;AJ4wBvB;;AEztBE;EGJA,cD9CqB;EC+CrB,qBD/CqB;AJgxBvB;;AUnxBE;ELqDE,WM1DW;EN2DX,yBDnDmB;ECoDnB,qBDpDmB;AJsxBvB;;AK/tBE;EAEE,8CDzDmB;AJ0xBvB;;AK9tBE;EAEE,cD9DmB;EC+DnB,6BAA6B;ALguBjC;;AK7tBE;;EAGE,WM7EW;EN8EX,yBDtEmB;ECuEnB,qBDvEmB;AJsyBvB;;AK7tBI;;EAKI,8CD9Ee;AJ2yBvB;;AEzvBE;EGJA,cD1CmB;EC2CnB,qBD3CmB;AJ4yBrB;;AUnzBE;ELqDE,WM1DW;EN2DX,yBD/CiB;ECgDjB,qBDhDiB;AJkzBrB;;AK/vBE;EAEE,+CDrDiB;AJszBrB;;AK9vBE;EAEE,cD1DiB;EC2DjB,6BAA6B;ALgwBjC;;AK7vBE;;EAGE,WM7EW;EN8EX,yBDlEiB;ECmEjB,qBDnEiB;AJk0BrB;;AK7vBI;;EAKI,+CD1Ea;AJu0BrB;;AEzxBE;EGJA,cD3CmB;EC4CnB,qBD5CmB;AJ60BrB;;AUn1BE;ELqDE,WM1DW;EN2DX,yBDhDiB;ECiDjB,qBDjDiB;AJm1BrB;;AK/xBE;EAEE,+CDtDiB;AJu1BrB;;AK9xBE;EAEE,cD3DiB;EC4DjB,6BAA6B;ALgyBjC;;AK7xBE;;EAGE,WM7EW;EN8EX,yBDnEiB;ECoEjB,qBDpEiB;AJm2BrB;;AK7xBI;;EAKI,+CD3Ea;AJw2BrB;;AEzzBE;EGJA,cDzCmB;EC0CnB,qBD1CmB;AJ22BrB;;AUn3BE;ELqDE,WM1DW;EN2DX,yBD9CiB;EC+CjB,qBD/CiB;AJi3BrB;;AK/zBE;EAEE,+CDpDiB;AJq3BrB;;AK9zBE;EAEE,cDzDiB;EC0DjB,6BAA6B;ALg0BjC;;AK7zBE;;EAGE,WM7EW;EN8EX,yBDjEiB;ECkEjB,qBDlEiB;AJi4BrB;;AK7zBI;;EAKI,+CDzEa;AJs4BrB;;AEz1BE;EGJA,cDxCmB;ECyCnB,qBDzCmB;AJ04BrB;;AUn5BE;ELqDE,WM1DW;EN2DX,yBD7CiB;EC8CjB,qBD9CiB;AJg5BrB;;AK/1BE;EAEE,gDDnDiB;AJo5BrB;;AK91BE;EAEE,cDxDiB;ECyDjB,6BAA6B;ALg2BjC;;AK71BE;;EAGE,WM7EW;EN8EX,yBDhEiB;ECiEjB,qBDjEiB;AJg6BrB;;AK71BI;;EAKI,gDDxEa;AJq6BrB;;AEz3BE;EGJA,cD5Da;EC6Db,qBD7Da;AJ87Bf;;AUn7BE;ELqDE,WM1DW;EN2DX,yBDjEW;ECkEX,qBDlEW;AJo8Bf;;AK/3BE;EAEE,8CDvEW;AJw8Bf;;AK93BE;EAEE,cD5EW;EC6EX,6BAA6B;ALg4BjC;;AK73BE;;EAGE,WM7EW;EN8EX,yBDpFW;ECqFX,qBDrFW;AJo9Bf;;AK73BI;;EAKI,8CD5FO;AJy9Bf;;AEz5BE;EGJA,WD3DU;EC4DV,kBD5DU;AJ69BZ;;AUn9BE;ELqDE,WM1DW;EN2DX,sBDhEQ;ECiER,kBDjEQ;AJm+BZ;;AK/5BE;EAEE,iDDtEQ;AJu+BZ;;AK95BE;EAEE,WD3EQ;EC4ER,6BAA6B;ALg6BjC;;AK75BE;;EAGE,WM7EW;EN8EX,sBDnFQ;ECoFR,kBDpFQ;AJm/BZ;;AK75BI;;EAKI,iDD3FI;AJw/BZ;;AEz7BE;EGJA,cD1Da;EC2Db,qBD3Da;AJ4/Bf;;AUn/BE;ELqDE,cMjDc;ENkDd,yBD/DW;ECgEX,qBDhEW;AJkgCf;;AK/7BE;EAEE,iDDrEW;AJsgCf;;AK97BE;EAEE,cD1EW;EC2EX,6BAA6B;ALg8BjC;;AK77BE;;EAGE,cMpEc;ENqEd,yBDlFW;ECmFX,qBDnFW;AJkhCf;;AK77BI;;EAKI,iDD1FO;AJuhCf;;AEz9BE;EGJA,cDzDa;EC0Db,qBD1Da;AJ2hCf;;AUnhCE;ELqDE,cMjDc;ENkDd,yBD9DW;EC+DX,qBD/DW;AJiiCf;;AK/9BE;EAEE,iDDpEW;AJqiCf;;AK99BE;EAEE,cDzEW;EC0EX,6BAA6B;ALg+BjC;;AK79BE;;EAGE,cMpEc;ENqEd,yBDjFW;ECkFX,qBDlFW;AJijCf;;AK79BI;;EAKI,iDDzFO;AJsjCf;;AEz/BE;EGJA,cDxDa;ECyDb,qBDzDa;AJ0jCf;;AUnjCE;ELqDE,cMjDc;ENkDd,yBD7DW;EC8DX,qBD9DW;AJgkCf;;AK//BE;EAEE,iDDnEW;AJokCf;;AK9/BE;EAEE,cDxEW;ECyEX,6BAA6B;ALggCjC;;AK7/BE;;EAGE,cMpEc;ENqEd,yBDhFW;ECiFX,qBDjFW;AJglCf;;AK7/BI;;EAKI,iDDxFO;AJqlCf;;AEzhCE;EGJA,cDtDa;ECuDb,qBDvDa;AJwlCf;;AUnlCE;ELqDE,cMjDc;ENkDd,yBD3DW;EC4DX,qBD5DW;AJ8lCf;;AK/hCE;EAEE,iDDjEW;AJkmCf;;AK9hCE;EAEE,cDtEW;ECuEX,6BAA6B;ALgiCjC;;AK7hCE;;EAGE,cMpEc;ENqEd,yBD9EW;EC+EX,qBD/EW;AJ8mCf;;AK7hCI;;EAKI,iDDtFO;AJmnCf;;AEzjCE;EGJA,cDhDqB;ECiDrB,qBDjDqB;AJknCvB;;AUnnCE;ELqDE,WM1DW;EN2DX,yBDrDmB;ECsDnB,qBDtDmB;AJwnCvB;;AK/jCE;EAEE,+CD3DmB;AJ4nCvB;;AK9jCE;EAEE,cDhEmB;ECiEnB,6BAA6B;ALgkCjC;;AK7jCE;;EAGE,WM7EW;EN8EX,yBDxEmB;ECyEnB,qBDzEmB;AJwoCvB;;AK7jCI;;EAKI,+CDhFe;AJ6oCvB;;AEzlCE;EGJA,WDvDU;ECwDV,kBDxDU;AJypCZ;;AUnpCE;ELqDE,cMjDc;ENkDd,sBD5DQ;EC6DR,kBD7DQ;AJ+pCZ;;AK/lCE;EAEE,iDDlEQ;AJmqCZ;;AK9lCE;EAEE,WDvEQ;ECwER,6BAA6B;ALgmCjC;;AK7lCE;;EAGE,cMpEc;ENqEd,sBD/EQ;ECgFR,kBDhFQ;AJ+qCZ;;AK7lCI;;EAKI,iDDvFI;AJorCZ;;AE/nCE;EAkBA,gBC7DuC;ED8DvC,cEjEqB;EFkErB,qBCpDwC;AHqqC1C;;AUprCE;ERsEE,cCxD0D;EDyD1D,0BCvD2C;AHyqC/C;;AKprCE;EHuEE,0BC5D2C;ED6D3C,gBAAgB;AFinCpB;;AE9nCA;EAkBI,cEvFW;EFwFX,oBAAoB;AFgnCxB;;AErmCA;EGLE,iBCpEqB;EC8FjB,eAtCY;EFchB,iBCtFgC;EEZ9B,kBF6BsB;ANorC1B;;AExmCA;EGTE,gBC3F+B;ECqH3B,mBAtCY;EFchB,iBC3FgC;EEP9B,kBF8BsB;AN0rC1B;;AEtmCA;EACE,cAAc;EACd,WAAW;AFymCb;;AE3mCA;EAMI,kBIzFuB;ANksC3B;;AEpmCA;;;EAII,WAAW;AFsmCf;;AazuCA;;EAEE,kBAAkB;EAClB,oBAAoB;EACpB,sBAAsB;Ab4uCxB;;AahvCA;;EAOI,kBAAkB;EAClB,cAAc;Ab8uClB;;AU7uCE;;EGII,UAAU;Ab8uChB;;Aa3vCA;;;;EAkBM,UAAU;AbgvChB;;Aa1uCA;EACE,aAAa;EACb,eAAe;EACf,2BAA2B;Ab6uC7B;;AahvCA;EAMI,WAAW;Ab8uCf;;Aa1uCA;;EAII,iBPpBkB;AN+vCtB;;Aa/uCA;;ELhBI,0BK0B8B;ELzB9B,6BKyB8B;Ab2uClC;;AarvCA;;ELFI,yBKiB6B;ELhB7B,4BKgB6B;Ab4uCjC;;Aa5tCA;EACE,mBAAmC;EACnC,kBAAkC;Ab+tCpC;;AajuCA;;;EAOI,cAAc;AbguClB;;Aa7tCE;EACE,eAAe;AbguCnB;;Aa5tCA;EACE,kBAAsC;EACtC,iBAAqC;Ab+tCvC;;Aa5tCA;EACE,mBAAsC;EACtC,kBAAqC;Ab+tCvC;;Aa3sCA;EACE,sBAAsB;EACtB,uBAAuB;EACvB,uBAAuB;Ab8sCzB;;AajtCA;;EAOI,WAAW;Ab+sCf;;AattCA;;EAYI,gBPrGkB;ANozCtB;;Aa3tCA;;ELlFI,6BKoG+B;ELnG/B,4BKmG+B;Ab+sCnC;;AajuCA;;ELhGI,yBKuH4B;ELtH5B,0BKsH4B;AbgtChC;;Aa/rCA;;EAGI,gBAAgB;AbisCpB;;AapsCA;;;;EAOM,kBAAkB;EAClB,sBAAsB;EACtB,oBAAoB;AbosC1B;;Acl2CA;EACE,cVWqB;EUVrB,6BAA6B;EAC7B,yBAAyB;Adq2C3B;;Acl2CA;EACE,WVNU;EUOV,6BAA6B;EAC7B,6BAA6B;Adq2C/B;;Acp2CE;EACE,yBVLW;EUMX,qBVNW;AJ62Cf;;Acr2CE;EACE,6BAA6B;EAC7B,qBVJmB;EUKnB,+BVLmB;AJ62CvB;;Acl2CA;;;EACE,WVvBU;EUwBV,yBVrBa;EUsBb,yBVvBa;AJ83Cf;;Acl2CA;EAKM,qBVtBiB;AJu3CvB;;Act2CA;EAQM,qBVzBiB;EU0BjB,+BV1BiB;AJ43CvB;;Ac32CA;EAqBM,6BAA6B;EAC7B,qBVvCiB;EUwCjB,+BVxCiB;AJk4CvB;;Acj3CA;EA4BI,YAAY;EACZ,cAAc;EAEd,kBAAkB;Adw1CtB;;Acv3CA;EAqCM,qBAAqB;EACrB,4CVzDiB;AJ+4CvB;;Ac53CA;EA0CM,qBAAqB;EACrB,oBAAoB;EACpB,6BAA6B;EAC7B,YAAY;Ads1ClB;;Acn4CA;EAsDU,sBAAwB;Adi1ClC;;Acv4CA;EA+DU,yBAAyB;Ad40CnC;;Ac34CA;EAsEI,kBAAkB;EAClB,gBAAgB;EAChB,oBAAoB;Ady0CxB;;Acj5CA;EA0EM,kBAAkB;EAClB,MAAM;EACN,QAAQ;EACR,SAAS;EACT,OAAO;EACP,UAAU;EACV,WAAW;EACX,yBAAyB;EAEzB,kBAAkB;Ad00CxB;;Ac75CA;EAsFM,kBAAkB;EAClB,MAAM;EACN,QAAQ;EACR,SAAS;EACT,OAAO;EACP,UAAU;EACV,qBAAqB;EACrB,WAAW;EACX,YAAY;EACZ,YAAY;EACZ,WAAW;EACX,mCAAmC;EACnC,sBAAsB;EACtB,sBV7HM;EU8HN,+BAA+B;EAE/B,kBAAkB;EAClB,sDAA8C;EAA9C,8CAA8C;Ad00CpD;;Acj7CA;EA6GQ,kBV3II;EU4IJ,+BAA+B;Adw0CvC;;Act7CA;EAkHM,kBAAkB;Adw0CxB;;Ac17CA;EAoHQ,kBVlJI;EUmJJ,+BAA+B;Ad00CvC;;Ac/7CA;;EA6HM,mBAAmB;EACnB,YAAY;Adu0ClB;;Acr8CA;EAiIM,WAAW;EACX,YAAY;EACZ,UAAU;EACV,eAAe;EACf,cAAc;Adw0CpB;;Ac78CA;EAuIQ,iBAAiB;Ad00CzB;;Acj9CA;EA0IQ,gBAAgB;Ad20CxB;;Acr9CA;;;EAgJQ,iBAAiB;EACjB,wBAAwB;EACxB,YAAY;Ad20CpB;;Ac79CA;EAqJQ,eAAe;EACf,iBAAiB;Ad40CzB;;Acl+CA;EAyJQ,eAAe;Ad60CvB;;Act+CA;EA4JQ,cAAc;Ad80CtB;;Ac1+CA;;;EAkKQ,mBAAmB;EACnB,YAAY;Ad80CpB;;Acj/CA;EAsKQ,WAAW;EACX,YAAY;EACZ,UAAU;EACV,eAAe;Ad+0CvB;;;Acx/CA;;EA4KQ,iBAAiB;Adk1CzB;;AExhDA;EY6MI,cVhNW;EUiNX,mBAAmB;EACnB,yBV9MW;EU+MX,yBV/MW;EUgNX,UAAU;Ad+0Cd;;ActgDA;EAyLM,6BAA6B;EAC7B,yBAAyB;Adi1C/B;;Ac3gDA;EAiMM,kBAAkB;Ad80CxB;;Ac/gDA;EAoMM,iBAAiB;Ad+0CvB;;Ac10CG;EAEG,kBAAkB;Ad40CxB;;Ac90CG;EAMG,iBAAiB;Ad40CvB;;Acl1CG;EAWG,eAAe;EACf,kBAAkB;EAClB,iBAAiB;Ad20CvB;;Acx1CG;EAeK,eAAe;Ad60CvB;;Ac51CG;EAkBK,cAAc;Ad80CtB;;Ach2CG;EAwBK,iBAAiB;EACjB,iBAAiB;Ad40CzB;;Acr2CG;EAkCO,iBAAiB;EACjB,8BVxQK;AJ+kDf;;Ac12CG;;EAyCK,iBAAiB;EACjB,iBAAiB;Ads0CzB;;AczzCA;EAEI,YAAY;Ad2zChB;;Ac7zCA;EAKI,YAAY;Ad4zChB;;Acj0CA;EAQI,WAAW;EACX,YAAY;EACZ,YAAY;EACZ,eAAe;EACf,iBAAiB;Ad6zCrB;;Acz0CA;EAgBM,WAAW;EACX,YAAY;EACZ,UAAU;EACV,eAAe;Ad6zCrB;;AcvzCE;EACE,kBAAkB;EAClB,oBAAoB;EACpB,qBAAqB;Ad0zCzB;;Ac7zCG;EAKG,kBAAkB;EAClB,WAAW;EACX,YAAY;EACZ,YAAY;Ad4zClB;;Acp0CG;EAUK,sBAAsB;EACtB,uBAAuB;EACvB,0BAA0B;EAC1B,4BAA4B;Ad8zCpC;;Ac30CG;EAiBG,kBAAkB;EAClB,WAAW;EACX,SAAS;Ad8zCf","file":"mekari-ui-button.css","sourcesContent":["//\n// Rotating border\n//\n\n@keyframes spinner-border {\n  to { transform: rotate(360deg); }\n}\n\n.#{$prefix}spinner-border {\n  display: inline-block;\n  width: $spinner-width;\n  height: $spinner-height;\n  vertical-align: text-bottom;\n  border: $spinner-border-width solid currentColor;\n  border-right-color: transparent;\n  // stylelint-disable-next-line property-blacklist\n  border-radius: 50%;\n  animation: spinner-border .75s linear infinite;\n}\n\n.#{$prefix}spinner-border-sm {\n  width: $spinner-width-sm;\n  height: $spinner-height-sm;\n  border-width: $spinner-border-width-sm;\n}\n\n//\n// Growing circle\n//\n\n@keyframes spinner-grow {\n  0% {\n    transform: scale(0);\n  }\n  50% {\n    opacity: 1;\n  }\n}\n\n.#{$prefix}spinner-grow {\n  display: inline-block;\n  width: $spinner-width;\n  height: $spinner-height;\n  vertical-align: text-bottom;\n  background-color: currentColor;\n  // stylelint-disable-next-line property-blacklist\n  border-radius: 50%;\n  opacity: 0;\n  animation: spinner-grow .75s linear infinite;\n}\n\n.#{$prefix}spinner-grow-sm {\n  width: $spinner-width-sm;\n  height: $spinner-height-sm;\n}\n","@keyframes spinner-border {\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n.spinner-border {\n  display: inline-block;\n  width: 2rem;\n  height: 2rem;\n  vertical-align: text-bottom;\n  border: 0.25em solid currentColor;\n  border-right-color: transparent;\n  border-radius: 50%;\n  animation: spinner-border .75s linear infinite;\n}\n\n.spinner-border-sm {\n  width: 1rem;\n  height: 1rem;\n  border-width: 0.2em;\n}\n\n@keyframes spinner-grow {\n  0% {\n    transform: scale(0);\n  }\n  50% {\n    opacity: 1;\n  }\n}\n\n.spinner-grow {\n  display: inline-block;\n  width: 2rem;\n  height: 2rem;\n  vertical-align: text-bottom;\n  background-color: currentColor;\n  border-radius: 50%;\n  opacity: 0;\n  animation: spinner-grow .75s linear infinite;\n}\n\n.spinner-grow-sm {\n  width: 1rem;\n  height: 1rem;\n}\n\n.btn {\n  display: inline-block;\n  font-family: \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif;\n  font-weight: 400;\n  color: #212121;\n  text-align: center;\n  vertical-align: middle;\n  user-select: none;\n  background-color: transparent;\n  border: 1px solid transparent;\n  padding: 8px 16px;\n  font-size: 0.875rem;\n  line-height: 20px;\n  border-radius: 4px;\n  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;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .btn {\n    transition: none;\n  }\n}\n\n.btn:hover {\n  color: #212121;\n  text-decoration: none;\n}\n\n.btn:focus, .btn.focus {\n  outline: 0;\n  box-shadow: 0 0 4px 1px #1357ff;\n}\n\n.btn.disabled, .btn:disabled {\n  opacity: 0.65;\n}\n\na.btn.disabled,\nfieldset:disabled a.btn {\n  pointer-events: none;\n}\n\n.btn-danger {\n  color: #fff;\n  background-color: #d74022;\n  border-color: #d74022;\n}\n\n.btn-danger:hover {\n  color: #fff;\n  background-color: #b6361d;\n  border-color: #ab331b;\n}\n\n.btn-danger:focus, .btn-danger.focus {\n  box-shadow: 0 0 0 0.2rem rgba(221, 93, 67, 0.5);\n}\n\n.btn-danger.disabled, .btn-danger:disabled {\n  color: #fff;\n  background-color: #d74022;\n  border-color: #d74022;\n}\n\n.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active,\n.show > .btn-danger.dropdown-toggle {\n  color: #fff;\n  background-color: #ab331b;\n  border-color: #a03019;\n}\n\n.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus,\n.show > .btn-danger.dropdown-toggle:focus {\n  box-shadow: 0 0 0 0.2rem rgba(221, 93, 67, 0.5);\n}\n\n.btn-success {\n  color: #fff;\n  background-color: #009f61;\n  border-color: #009f61;\n}\n\n.btn-success:hover {\n  color: #fff;\n  background-color: #00794a;\n  border-color: #006c42;\n}\n\n.btn-success:focus, .btn-success.focus {\n  box-shadow: 0 0 0 0.2rem rgba(38, 173, 121, 0.5);\n}\n\n.btn-success.disabled, .btn-success:disabled {\n  color: #fff;\n  background-color: #009f61;\n  border-color: #009f61;\n}\n\n.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active,\n.show > .btn-success.dropdown-toggle {\n  color: #fff;\n  background-color: #006c42;\n  border-color: #005f3a;\n}\n\n.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus,\n.show > .btn-success.dropdown-toggle:focus {\n  box-shadow: 0 0 0 0.2rem rgba(38, 173, 121, 0.5);\n}\n\n.btn-info {\n  color: #212529;\n  background-color: #ffeb99;\n  border-color: #ffeb99;\n}\n\n.btn-info:hover {\n  color: #212529;\n  background-color: #ffe473;\n  border-color: #ffe166;\n}\n\n.btn-info:focus, .btn-info.focus {\n  box-shadow: 0 0 0 0.2rem rgba(222, 205, 136, 0.5);\n}\n\n.btn-info.disabled, .btn-info:disabled {\n  color: #212529;\n  background-color: #ffeb99;\n  border-color: #ffeb99;\n}\n\n.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active,\n.show > .btn-info.dropdown-toggle {\n  color: #212529;\n  background-color: #ffe166;\n  border-color: #ffdf59;\n}\n\n.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus,\n.show > .btn-info.dropdown-toggle:focus {\n  box-shadow: 0 0 0 0.2rem rgba(222, 205, 136, 0.5);\n}\n\n.btn-warning {\n  color: #212529;\n  background-color: #ffb700;\n  border-color: #ffb700;\n}\n\n.btn-warning:hover {\n  color: #212529;\n  background-color: #d99c00;\n  border-color: #cc9200;\n}\n\n.btn-warning:focus, .btn-warning.focus {\n  box-shadow: 0 0 0 0.2rem rgba(222, 161, 6, 0.5);\n}\n\n.btn-warning.disabled, .btn-warning:disabled {\n  color: #212529;\n  background-color: #ffb700;\n  border-color: #ffb700;\n}\n\n.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active,\n.show > .btn-warning.dropdown-toggle {\n  color: #fff;\n  background-color: #cc9200;\n  border-color: #bf8900;\n}\n\n.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus,\n.show > .btn-warning.dropdown-toggle:focus {\n  box-shadow: 0 0 0 0.2rem rgba(222, 161, 6, 0.5);\n}\n\n.btn-primary {\n  color: #fff;\n  background-color: #005fbf;\n  border-color: #005fbf;\n}\n\n.btn-primary:hover {\n  color: #fff;\n  background-color: #004c99;\n  border-color: #00468c;\n}\n\n.btn-primary:focus, .btn-primary.focus {\n  box-shadow: 0 0 0 0.2rem rgba(38, 119, 201, 0.5);\n}\n\n.btn-primary.disabled, .btn-primary:disabled {\n  color: #fff;\n  background-color: #005fbf;\n  border-color: #005fbf;\n}\n\n.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,\n.show > .btn-primary.dropdown-toggle {\n  color: #fff;\n  background-color: #00468c;\n  border-color: #003f7f;\n}\n\n.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,\n.show > .btn-primary.dropdown-toggle:focus {\n  box-shadow: 0 0 0 0.2rem rgba(38, 119, 201, 0.5);\n}\n\n.btn-jurnal {\n  color: #fff;\n  background-color: #009bde;\n  border-color: #009bde;\n}\n\n.btn-jurnal:hover {\n  color: #fff;\n  background-color: #0080b8;\n  border-color: #0077ab;\n}\n\n.btn-jurnal:focus, .btn-jurnal.focus {\n  box-shadow: 0 0 0 0.2rem rgba(38, 170, 227, 0.5);\n}\n\n.btn-jurnal.disabled, .btn-jurnal:disabled {\n  color: #fff;\n  background-color: #009bde;\n  border-color: #009bde;\n}\n\n.btn-jurnal:not(:disabled):not(.disabled):active, .btn-jurnal:not(:disabled):not(.disabled).active,\n.show > .btn-jurnal.dropdown-toggle {\n  color: #fff;\n  background-color: #0077ab;\n  border-color: #006e9e;\n}\n\n.btn-jurnal:not(:disabled):not(.disabled):active:focus, .btn-jurnal:not(:disabled):not(.disabled).active:focus,\n.show > .btn-jurnal.dropdown-toggle:focus {\n  box-shadow: 0 0 0 0.2rem rgba(38, 170, 227, 0.5);\n}\n\n.btn-talenta {\n  color: #fff;\n  background-color: #c02a34;\n  border-color: #c02a34;\n}\n\n.btn-talenta:hover {\n  color: #fff;\n  background-color: #a1232c;\n  border-color: #962129;\n}\n\n.btn-talenta:focus, .btn-talenta.focus {\n  box-shadow: 0 0 0 0.2rem rgba(201, 74, 82, 0.5);\n}\n\n.btn-talenta.disabled, .btn-talenta:disabled {\n  color: #fff;\n  background-color: #c02a34;\n  border-color: #c02a34;\n}\n\n.btn-talenta:not(:disabled):not(.disabled):active, .btn-talenta:not(:disabled):not(.disabled).active,\n.show > .btn-talenta.dropdown-toggle {\n  color: #fff;\n  background-color: #962129;\n  border-color: #8c1f26;\n}\n\n.btn-talenta:not(:disabled):not(.disabled):active:focus, .btn-talenta:not(:disabled):not(.disabled).active:focus,\n.show > .btn-talenta.dropdown-toggle:focus {\n  box-shadow: 0 0 0 0.2rem rgba(201, 74, 82, 0.5);\n}\n\n.btn-klikpajak {\n  color: #fff;\n  background-color: #f96d01;\n  border-color: #f96d01;\n}\n\n.btn-klikpajak:hover {\n  color: #fff;\n  background-color: #d35c01;\n  border-color: #c65701;\n}\n\n.btn-klikpajak:focus, .btn-klikpajak.focus {\n  box-shadow: 0 0 0 0.2rem rgba(250, 131, 39, 0.5);\n}\n\n.btn-klikpajak.disabled, .btn-klikpajak:disabled {\n  color: #fff;\n  background-color: #f96d01;\n  border-color: #f96d01;\n}\n\n.btn-klikpajak:not(:disabled):not(.disabled):active, .btn-klikpajak:not(:disabled):not(.disabled).active,\n.show > .btn-klikpajak.dropdown-toggle {\n  color: #fff;\n  background-color: #c65701;\n  border-color: #ba5101;\n}\n\n.btn-klikpajak:not(:disabled):not(.disabled):active:focus, .btn-klikpajak:not(:disabled):not(.disabled).active:focus,\n.show > .btn-klikpajak.dropdown-toggle:focus {\n  box-shadow: 0 0 0 0.2rem rgba(250, 131, 39, 0.5);\n}\n\n.btn-mekari {\n  color: #fff;\n  background-color: #6d48e5;\n  border-color: #6d48e5;\n}\n\n.btn-mekari:hover {\n  color: #fff;\n  background-color: #5227e0;\n  border-color: #4b1fdb;\n}\n\n.btn-mekari:focus, .btn-mekari.focus {\n  box-shadow: 0 0 0 0.2rem rgba(131, 99, 233, 0.5);\n}\n\n.btn-mekari.disabled, .btn-mekari:disabled {\n  color: #fff;\n  background-color: #6d48e5;\n  border-color: #6d48e5;\n}\n\n.btn-mekari:not(:disabled):not(.disabled):active, .btn-mekari:not(:disabled):not(.disabled).active,\n.show > .btn-mekari.dropdown-toggle {\n  color: #fff;\n  background-color: #4b1fdb;\n  border-color: #481ed0;\n}\n\n.btn-mekari:not(:disabled):not(.disabled):active:focus, .btn-mekari:not(:disabled):not(.disabled).active:focus,\n.show > .btn-mekari.dropdown-toggle:focus {\n  box-shadow: 0 0 0 0.2rem rgba(131, 99, 233, 0.5);\n}\n\n.btn-dark {\n  color: #fff;\n  background-color: #212121;\n  border-color: #212121;\n}\n\n.btn-dark:hover {\n  color: #fff;\n  background-color: #0e0e0e;\n  border-color: #080808;\n}\n\n.btn-dark:focus, .btn-dark.focus {\n  box-shadow: 0 0 0 0.2rem rgba(66, 66, 66, 0.5);\n}\n\n.btn-dark.disabled, .btn-dark:disabled {\n  color: #fff;\n  background-color: #212121;\n  border-color: #212121;\n}\n\n.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active,\n.show > .btn-dark.dropdown-toggle {\n  color: #fff;\n  background-color: #080808;\n  border-color: #010101;\n}\n\n.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus,\n.show > .btn-dark.dropdown-toggle:focus {\n  box-shadow: 0 0 0 0.2rem rgba(66, 66, 66, 0.5);\n}\n\n.btn-slate {\n  color: #fff;\n  background-color: #777;\n  border-color: #777;\n}\n\n.btn-slate:hover {\n  color: #fff;\n  background-color: #646464;\n  border-color: #5e5e5e;\n}\n\n.btn-slate:focus, .btn-slate.focus {\n  box-shadow: 0 0 0 0.2rem rgba(139, 139, 139, 0.5);\n}\n\n.btn-slate.disabled, .btn-slate:disabled {\n  color: #fff;\n  background-color: #777;\n  border-color: #777;\n}\n\n.btn-slate:not(:disabled):not(.disabled):active, .btn-slate:not(:disabled):not(.disabled).active,\n.show > .btn-slate.dropdown-toggle {\n  color: #fff;\n  background-color: #5e5e5e;\n  border-color: #575757;\n}\n\n.btn-slate:not(:disabled):not(.disabled):active:focus, .btn-slate:not(:disabled):not(.disabled).active:focus,\n.show > .btn-slate.dropdown-toggle:focus {\n  box-shadow: 0 0 0 0.2rem rgba(139, 139, 139, 0.5);\n}\n\n.btn-muted {\n  color: #212529;\n  background-color: #b4b4b4;\n  border-color: #b4b4b4;\n}\n\n.btn-muted:hover {\n  color: #212529;\n  background-color: #a1a1a1;\n  border-color: #9b9b9b;\n}\n\n.btn-muted:focus, .btn-muted.focus {\n  box-shadow: 0 0 0 0.2rem rgba(158, 159, 159, 0.5);\n}\n\n.btn-muted.disabled, .btn-muted:disabled {\n  color: #212529;\n  background-color: #b4b4b4;\n  border-color: #b4b4b4;\n}\n\n.btn-muted:not(:disabled):not(.disabled):active, .btn-muted:not(:disabled):not(.disabled).active,\n.show > .btn-muted.dropdown-toggle {\n  color: #212529;\n  background-color: #9b9b9b;\n  border-color: #949494;\n}\n\n.btn-muted:not(:disabled):not(.disabled):active:focus, .btn-muted:not(:disabled):not(.disabled).active:focus,\n.show > .btn-muted.dropdown-toggle:focus {\n  box-shadow: 0 0 0 0.2rem rgba(158, 159, 159, 0.5);\n}\n\n.btn-smoke {\n  color: #212529;\n  background-color: #e2e2e2;\n  border-color: #e2e2e2;\n}\n\n.btn-smoke:hover {\n  color: #212529;\n  background-color: #cfcfcf;\n  border-color: #c9c9c9;\n}\n\n.btn-smoke:focus, .btn-smoke.focus {\n  box-shadow: 0 0 0 0.2rem rgba(197, 198, 198, 0.5);\n}\n\n.btn-smoke.disabled, .btn-smoke:disabled {\n  color: #212529;\n  background-color: #e2e2e2;\n  border-color: #e2e2e2;\n}\n\n.btn-smoke:not(:disabled):not(.disabled):active, .btn-smoke:not(:disabled):not(.disabled).active,\n.show > .btn-smoke.dropdown-toggle {\n  color: #212529;\n  background-color: #c9c9c9;\n  border-color: #c2c2c2;\n}\n\n.btn-smoke:not(:disabled):not(.disabled):active:focus, .btn-smoke:not(:disabled):not(.disabled).active:focus,\n.show > .btn-smoke.dropdown-toggle:focus {\n  box-shadow: 0 0 0 0.2rem rgba(197, 198, 198, 0.5);\n}\n\n.btn-light {\n  color: #212529;\n  background-color: #fbfbfb;\n  border-color: #fbfbfb;\n}\n\n.btn-light:hover {\n  color: #212529;\n  background-color: #e8e8e8;\n  border-color: #e2e2e2;\n}\n\n.btn-light:focus, .btn-light.focus {\n  box-shadow: 0 0 0 0.2rem rgba(218, 219, 220, 0.5);\n}\n\n.btn-light.disabled, .btn-light:disabled {\n  color: #212529;\n  background-color: #fbfbfb;\n  border-color: #fbfbfb;\n}\n\n.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active,\n.show > .btn-light.dropdown-toggle {\n  color: #212529;\n  background-color: #e2e2e2;\n  border-color: #dbdbdb;\n}\n\n.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus,\n.show > .btn-light.dropdown-toggle:focus {\n  box-shadow: 0 0 0 0.2rem rgba(218, 219, 220, 0.5);\n}\n\n.btn-cloud {\n  color: #212529;\n  background-color: #f2f4f7;\n  border-color: #f2f4f7;\n}\n\n.btn-cloud:hover {\n  color: #212529;\n  background-color: #dae0e8;\n  border-color: #d2d9e4;\n}\n\n.btn-cloud:focus, .btn-cloud.focus {\n  box-shadow: 0 0 0 0.2rem rgba(211, 213, 216, 0.5);\n}\n\n.btn-cloud.disabled, .btn-cloud:disabled {\n  color: #212529;\n  background-color: #f2f4f7;\n  border-color: #f2f4f7;\n}\n\n.btn-cloud:not(:disabled):not(.disabled):active, .btn-cloud:not(:disabled):not(.disabled).active,\n.show > .btn-cloud.dropdown-toggle {\n  color: #212529;\n  background-color: #d2d9e4;\n  border-color: #cbd3df;\n}\n\n.btn-cloud:not(:disabled):not(.disabled):active:focus, .btn-cloud:not(:disabled):not(.disabled).active:focus,\n.show > .btn-cloud.dropdown-toggle:focus {\n  box-shadow: 0 0 0 0.2rem rgba(211, 213, 216, 0.5);\n}\n\n.btn-link {\n  color: #fff;\n  background-color: #1357ff;\n  border-color: #1357ff;\n}\n\n.btn-link:hover {\n  color: #fff;\n  background-color: #0044ec;\n  border-color: #0040df;\n}\n\n.btn-link:focus, .btn-link.focus {\n  box-shadow: 0 0 0 0.2rem rgba(54, 112, 255, 0.5);\n}\n\n.btn-link.disabled, .btn-link:disabled {\n  color: #fff;\n  background-color: #1357ff;\n  border-color: #1357ff;\n}\n\n.btn-link:not(:disabled):not(.disabled):active, .btn-link:not(:disabled):not(.disabled).active,\n.show > .btn-link.dropdown-toggle {\n  color: #fff;\n  background-color: #0040df;\n  border-color: #003dd2;\n}\n\n.btn-link:not(:disabled):not(.disabled):active:focus, .btn-link:not(:disabled):not(.disabled).active:focus,\n.show > .btn-link.dropdown-toggle:focus {\n  box-shadow: 0 0 0 0.2rem rgba(54, 112, 255, 0.5);\n}\n\n.btn-white {\n  color: #212529;\n  background-color: #fff;\n  border-color: #fff;\n}\n\n.btn-white:hover {\n  color: #212529;\n  background-color: #ececec;\n  border-color: #e6e6e6;\n}\n\n.btn-white:focus, .btn-white.focus {\n  box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5);\n}\n\n.btn-white.disabled, .btn-white:disabled {\n  color: #212529;\n  background-color: #fff;\n  border-color: #fff;\n}\n\n.btn-white:not(:disabled):not(.disabled):active, .btn-white:not(:disabled):not(.disabled).active,\n.show > .btn-white.dropdown-toggle {\n  color: #212529;\n  background-color: #e6e6e6;\n  border-color: #dfdfdf;\n}\n\n.btn-white:not(:disabled):not(.disabled):active:focus, .btn-white:not(:disabled):not(.disabled).active:focus,\n.show > .btn-white.dropdown-toggle:focus {\n  box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5);\n}\n\n.btn-outline-danger {\n  color: #d74022;\n  border-color: #d74022;\n}\n\n.btn-outline-danger:hover {\n  color: #fff;\n  background-color: #d74022;\n  border-color: #d74022;\n}\n\n.btn-outline-danger:focus, .btn-outline-danger.focus {\n  box-shadow: 0 0 0 0.2rem rgba(215, 64, 34, 0.5);\n}\n\n.btn-outline-danger.disabled, .btn-outline-danger:disabled {\n  color: #d74022;\n  background-color: transparent;\n}\n\n.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active,\n.show > .btn-outline-danger.dropdown-toggle {\n  color: #fff;\n  background-color: #d74022;\n  border-color: #d74022;\n}\n\n.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-danger.dropdown-toggle:focus {\n  box-shadow: 0 0 0 0.2rem rgba(215, 64, 34, 0.5);\n}\n\n.btn-outline-success {\n  color: #009f61;\n  border-color: #009f61;\n}\n\n.btn-outline-success:hover {\n  color: #fff;\n  background-color: #009f61;\n  border-color: #009f61;\n}\n\n.btn-outline-success:focus, .btn-outline-success.focus {\n  box-shadow: 0 0 0 0.2rem rgba(0, 159, 97, 0.5);\n}\n\n.btn-outline-success.disabled, .btn-outline-success:disabled {\n  color: #009f61;\n  background-color: transparent;\n}\n\n.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active,\n.show > .btn-outline-success.dropdown-toggle {\n  color: #fff;\n  background-color: #009f61;\n  border-color: #009f61;\n}\n\n.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-success.dropdown-toggle:focus {\n  box-shadow: 0 0 0 0.2rem rgba(0, 159, 97, 0.5);\n}\n\n.btn-outline-info {\n  color: #ffeb99;\n  border-color: #ffeb99;\n}\n\n.btn-outline-info:hover {\n  color: #212529;\n  background-color: #ffeb99;\n  border-color: #ffeb99;\n}\n\n.btn-outline-info:focus, .btn-outline-info.focus {\n  box-shadow: 0 0 0 0.2rem rgba(255, 235, 153, 0.5);\n}\n\n.btn-outline-info.disabled, .btn-outline-info:disabled {\n  color: #ffeb99;\n  background-color: transparent;\n}\n\n.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active,\n.show > .btn-outline-info.dropdown-toggle {\n  color: #212529;\n  background-color: #ffeb99;\n  border-color: #ffeb99;\n}\n\n.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-info.dropdown-toggle:focus {\n  box-shadow: 0 0 0 0.2rem rgba(255, 235, 153, 0.5);\n}\n\n.btn-outline-warning {\n  color: #ffb700;\n  border-color: #ffb700;\n}\n\n.btn-outline-warning:hover {\n  color: #212529;\n  background-color: #ffb700;\n  border-color: #ffb700;\n}\n\n.btn-outline-warning:focus, .btn-outline-warning.focus {\n  box-shadow: 0 0 0 0.2rem rgba(255, 183, 0, 0.5);\n}\n\n.btn-outline-warning.disabled, .btn-outline-warning:disabled {\n  color: #ffb700;\n  background-color: transparent;\n}\n\n.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active,\n.show > .btn-outline-warning.dropdown-toggle {\n  color: #212529;\n  background-color: #ffb700;\n  border-color: #ffb700;\n}\n\n.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-warning.dropdown-toggle:focus {\n  box-shadow: 0 0 0 0.2rem rgba(255, 183, 0, 0.5);\n}\n\n.btn-outline-primary {\n  color: #005fbf;\n  border-color: #005fbf;\n}\n\n.btn-outline-primary:hover {\n  color: #fff;\n  background-color: #005fbf;\n  border-color: #005fbf;\n}\n\n.btn-outline-primary:focus, .btn-outline-primary.focus {\n  box-shadow: 0 0 0 0.2rem rgba(0, 95, 191, 0.5);\n}\n\n.btn-outline-primary.disabled, .btn-outline-primary:disabled {\n  color: #005fbf;\n  background-color: transparent;\n}\n\n.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active,\n.show > .btn-outline-primary.dropdown-toggle {\n  color: #fff;\n  background-color: #005fbf;\n  border-color: #005fbf;\n}\n\n.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-primary.dropdown-toggle:focus {\n  box-shadow: 0 0 0 0.2rem rgba(0, 95, 191, 0.5);\n}\n\n.btn-outline-jurnal {\n  color: #009bde;\n  border-color: #009bde;\n}\n\n.btn-outline-jurnal:hover {\n  color: #fff;\n  background-color: #009bde;\n  border-color: #009bde;\n}\n\n.btn-outline-jurnal:focus, .btn-outline-jurnal.focus {\n  box-shadow: 0 0 0 0.2rem rgba(0, 155, 222, 0.5);\n}\n\n.btn-outline-jurnal.disabled, .btn-outline-jurnal:disabled {\n  color: #009bde;\n  background-color: transparent;\n}\n\n.btn-outline-jurnal:not(:disabled):not(.disabled):active, .btn-outline-jurnal:not(:disabled):not(.disabled).active,\n.show > .btn-outline-jurnal.dropdown-toggle {\n  color: #fff;\n  background-color: #009bde;\n  border-color: #009bde;\n}\n\n.btn-outline-jurnal:not(:disabled):not(.disabled):active:focus, .btn-outline-jurnal:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-jurnal.dropdown-toggle:focus {\n  box-shadow: 0 0 0 0.2rem rgba(0, 155, 222, 0.5);\n}\n\n.btn-outline-talenta {\n  color: #c02a34;\n  border-color: #c02a34;\n}\n\n.btn-outline-talenta:hover {\n  color: #fff;\n  background-color: #c02a34;\n  border-color: #c02a34;\n}\n\n.btn-outline-talenta:focus, .btn-outline-talenta.focus {\n  box-shadow: 0 0 0 0.2rem rgba(192, 42, 52, 0.5);\n}\n\n.btn-outline-talenta.disabled, .btn-outline-talenta:disabled {\n  color: #c02a34;\n  background-color: transparent;\n}\n\n.btn-outline-talenta:not(:disabled):not(.disabled):active, .btn-outline-talenta:not(:disabled):not(.disabled).active,\n.show > .btn-outline-talenta.dropdown-toggle {\n  color: #fff;\n  background-color: #c02a34;\n  border-color: #c02a34;\n}\n\n.btn-outline-talenta:not(:disabled):not(.disabled):active:focus, .btn-outline-talenta:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-talenta.dropdown-toggle:focus {\n  box-shadow: 0 0 0 0.2rem rgba(192, 42, 52, 0.5);\n}\n\n.btn-outline-klikpajak {\n  color: #f96d01;\n  border-color: #f96d01;\n}\n\n.btn-outline-klikpajak:hover {\n  color: #fff;\n  background-color: #f96d01;\n  border-color: #f96d01;\n}\n\n.btn-outline-klikpajak:focus, .btn-outline-klikpajak.focus {\n  box-shadow: 0 0 0 0.2rem rgba(249, 109, 1, 0.5);\n}\n\n.btn-outline-klikpajak.disabled, .btn-outline-klikpajak:disabled {\n  color: #f96d01;\n  background-color: transparent;\n}\n\n.btn-outline-klikpajak:not(:disabled):not(.disabled):active, .btn-outline-klikpajak:not(:disabled):not(.disabled).active,\n.show > .btn-outline-klikpajak.dropdown-toggle {\n  color: #fff;\n  background-color: #f96d01;\n  border-color: #f96d01;\n}\n\n.btn-outline-klikpajak:not(:disabled):not(.disabled):active:focus, .btn-outline-klikpajak:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-klikpajak.dropdown-toggle:focus {\n  box-shadow: 0 0 0 0.2rem rgba(249, 109, 1, 0.5);\n}\n\n.btn-outline-mekari {\n  color: #6d48e5;\n  border-color: #6d48e5;\n}\n\n.btn-outline-mekari:hover {\n  color: #fff;\n  background-color: #6d48e5;\n  border-color: #6d48e5;\n}\n\n.btn-outline-mekari:focus, .btn-outline-mekari.focus {\n  box-shadow: 0 0 0 0.2rem rgba(109, 72, 229, 0.5);\n}\n\n.btn-outline-mekari.disabled, .btn-outline-mekari:disabled {\n  color: #6d48e5;\n  background-color: transparent;\n}\n\n.btn-outline-mekari:not(:disabled):not(.disabled):active, .btn-outline-mekari:not(:disabled):not(.disabled).active,\n.show > .btn-outline-mekari.dropdown-toggle {\n  color: #fff;\n  background-color: #6d48e5;\n  border-color: #6d48e5;\n}\n\n.btn-outline-mekari:not(:disabled):not(.disabled):active:focus, .btn-outline-mekari:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-mekari.dropdown-toggle:focus {\n  box-shadow: 0 0 0 0.2rem rgba(109, 72, 229, 0.5);\n}\n\n.btn-outline-dark {\n  color: #212121;\n  border-color: #212121;\n}\n\n.btn-outline-dark:hover {\n  color: #fff;\n  background-color: #212121;\n  border-color: #212121;\n}\n\n.btn-outline-dark:focus, .btn-outline-dark.focus {\n  box-shadow: 0 0 0 0.2rem rgba(33, 33, 33, 0.5);\n}\n\n.btn-outline-dark.disabled, .btn-outline-dark:disabled {\n  color: #212121;\n  background-color: transparent;\n}\n\n.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active,\n.show > .btn-outline-dark.dropdown-toggle {\n  color: #fff;\n  background-color: #212121;\n  border-color: #212121;\n}\n\n.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-dark.dropdown-toggle:focus {\n  box-shadow: 0 0 0 0.2rem rgba(33, 33, 33, 0.5);\n}\n\n.btn-outline-slate {\n  color: #777;\n  border-color: #777;\n}\n\n.btn-outline-slate:hover {\n  color: #fff;\n  background-color: #777;\n  border-color: #777;\n}\n\n.btn-outline-slate:focus, .btn-outline-slate.focus {\n  box-shadow: 0 0 0 0.2rem rgba(119, 119, 119, 0.5);\n}\n\n.btn-outline-slate.disabled, .btn-outline-slate:disabled {\n  color: #777;\n  background-color: transparent;\n}\n\n.btn-outline-slate:not(:disabled):not(.disabled):active, .btn-outline-slate:not(:disabled):not(.disabled).active,\n.show > .btn-outline-slate.dropdown-toggle {\n  color: #fff;\n  background-color: #777;\n  border-color: #777;\n}\n\n.btn-outline-slate:not(:disabled):not(.disabled):active:focus, .btn-outline-slate:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-slate.dropdown-toggle:focus {\n  box-shadow: 0 0 0 0.2rem rgba(119, 119, 119, 0.5);\n}\n\n.btn-outline-muted {\n  color: #b4b4b4;\n  border-color: #b4b4b4;\n}\n\n.btn-outline-muted:hover {\n  color: #212529;\n  background-color: #b4b4b4;\n  border-color: #b4b4b4;\n}\n\n.btn-outline-muted:focus, .btn-outline-muted.focus {\n  box-shadow: 0 0 0 0.2rem rgba(180, 180, 180, 0.5);\n}\n\n.btn-outline-muted.disabled, .btn-outline-muted:disabled {\n  color: #b4b4b4;\n  background-color: transparent;\n}\n\n.btn-outline-muted:not(:disabled):not(.disabled):active, .btn-outline-muted:not(:disabled):not(.disabled).active,\n.show > .btn-outline-muted.dropdown-toggle {\n  color: #212529;\n  background-color: #b4b4b4;\n  border-color: #b4b4b4;\n}\n\n.btn-outline-muted:not(:disabled):not(.disabled):active:focus, .btn-outline-muted:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-muted.dropdown-toggle:focus {\n  box-shadow: 0 0 0 0.2rem rgba(180, 180, 180, 0.5);\n}\n\n.btn-outline-smoke {\n  color: #e2e2e2;\n  border-color: #e2e2e2;\n}\n\n.btn-outline-smoke:hover {\n  color: #212529;\n  background-color: #e2e2e2;\n  border-color: #e2e2e2;\n}\n\n.btn-outline-smoke:focus, .btn-outline-smoke.focus {\n  box-shadow: 0 0 0 0.2rem rgba(226, 226, 226, 0.5);\n}\n\n.btn-outline-smoke.disabled, .btn-outline-smoke:disabled {\n  color: #e2e2e2;\n  background-color: transparent;\n}\n\n.btn-outline-smoke:not(:disabled):not(.disabled):active, .btn-outline-smoke:not(:disabled):not(.disabled).active,\n.show > .btn-outline-smoke.dropdown-toggle {\n  color: #212529;\n  background-color: #e2e2e2;\n  border-color: #e2e2e2;\n}\n\n.btn-outline-smoke:not(:disabled):not(.disabled):active:focus, .btn-outline-smoke:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-smoke.dropdown-toggle:focus {\n  box-shadow: 0 0 0 0.2rem rgba(226, 226, 226, 0.5);\n}\n\n.btn-outline-light {\n  color: #fbfbfb;\n  border-color: #fbfbfb;\n}\n\n.btn-outline-light:hover {\n  color: #212529;\n  background-color: #fbfbfb;\n  border-color: #fbfbfb;\n}\n\n.btn-outline-light:focus, .btn-outline-light.focus {\n  box-shadow: 0 0 0 0.2rem rgba(251, 251, 251, 0.5);\n}\n\n.btn-outline-light.disabled, .btn-outline-light:disabled {\n  color: #fbfbfb;\n  background-color: transparent;\n}\n\n.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active,\n.show > .btn-outline-light.dropdown-toggle {\n  color: #212529;\n  background-color: #fbfbfb;\n  border-color: #fbfbfb;\n}\n\n.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-light.dropdown-toggle:focus {\n  box-shadow: 0 0 0 0.2rem rgba(251, 251, 251, 0.5);\n}\n\n.btn-outline-cloud {\n  color: #f2f4f7;\n  border-color: #f2f4f7;\n}\n\n.btn-outline-cloud:hover {\n  color: #212529;\n  background-color: #f2f4f7;\n  border-color: #f2f4f7;\n}\n\n.btn-outline-cloud:focus, .btn-outline-cloud.focus {\n  box-shadow: 0 0 0 0.2rem rgba(242, 244, 247, 0.5);\n}\n\n.btn-outline-cloud.disabled, .btn-outline-cloud:disabled {\n  color: #f2f4f7;\n  background-color: transparent;\n}\n\n.btn-outline-cloud:not(:disabled):not(.disabled):active, .btn-outline-cloud:not(:disabled):not(.disabled).active,\n.show > .btn-outline-cloud.dropdown-toggle {\n  color: #212529;\n  background-color: #f2f4f7;\n  border-color: #f2f4f7;\n}\n\n.btn-outline-cloud:not(:disabled):not(.disabled):active:focus, .btn-outline-cloud:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-cloud.dropdown-toggle:focus {\n  box-shadow: 0 0 0 0.2rem rgba(242, 244, 247, 0.5);\n}\n\n.btn-outline-link {\n  color: #1357ff;\n  border-color: #1357ff;\n}\n\n.btn-outline-link:hover {\n  color: #fff;\n  background-color: #1357ff;\n  border-color: #1357ff;\n}\n\n.btn-outline-link:focus, .btn-outline-link.focus {\n  box-shadow: 0 0 0 0.2rem rgba(19, 87, 255, 0.5);\n}\n\n.btn-outline-link.disabled, .btn-outline-link:disabled {\n  color: #1357ff;\n  background-color: transparent;\n}\n\n.btn-outline-link:not(:disabled):not(.disabled):active, .btn-outline-link:not(:disabled):not(.disabled).active,\n.show > .btn-outline-link.dropdown-toggle {\n  color: #fff;\n  background-color: #1357ff;\n  border-color: #1357ff;\n}\n\n.btn-outline-link:not(:disabled):not(.disabled):active:focus, .btn-outline-link:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-link.dropdown-toggle:focus {\n  box-shadow: 0 0 0 0.2rem rgba(19, 87, 255, 0.5);\n}\n\n.btn-outline-white {\n  color: #fff;\n  border-color: #fff;\n}\n\n.btn-outline-white:hover {\n  color: #212529;\n  background-color: #fff;\n  border-color: #fff;\n}\n\n.btn-outline-white:focus, .btn-outline-white.focus {\n  box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);\n}\n\n.btn-outline-white.disabled, .btn-outline-white:disabled {\n  color: #fff;\n  background-color: transparent;\n}\n\n.btn-outline-white:not(:disabled):not(.disabled):active, .btn-outline-white:not(:disabled):not(.disabled).active,\n.show > .btn-outline-white.dropdown-toggle {\n  color: #212529;\n  background-color: #fff;\n  border-color: #fff;\n}\n\n.btn-outline-white:not(:disabled):not(.disabled):active:focus, .btn-outline-white:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-white.dropdown-toggle:focus {\n  box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);\n}\n\n.btn-link {\n  font-weight: 400;\n  color: #1357ff;\n  text-decoration: none;\n}\n\n.btn-link:hover {\n  color: #0039c6;\n  text-decoration: underline;\n}\n\n.btn-link:focus, .btn-link.focus {\n  text-decoration: underline;\n  box-shadow: none;\n}\n\n.btn-link:disabled, .btn-link.disabled {\n  color: #f2f4f7;\n  pointer-events: none;\n}\n\n.btn-lg, .btn-group-lg > .btn {\n  padding: 8px 16px;\n  font-size: 1rem;\n  line-height: 24px;\n  border-radius: 4px;\n}\n\n.btn-sm, .btn-group-sm > .btn {\n  padding: 2px 8px;\n  font-size: 0.875rem;\n  line-height: 20px;\n  border-radius: 4px;\n}\n\n.btn-block {\n  display: block;\n  width: 100%;\n}\n\n.btn-block + .btn-block {\n  margin-top: 0.5rem;\n}\n\ninput[type=\"submit\"].btn-block,\ninput[type=\"reset\"].btn-block,\ninput[type=\"button\"].btn-block {\n  width: 100%;\n}\n\n.btn-group,\n.btn-group-vertical {\n  position: relative;\n  display: inline-flex;\n  vertical-align: middle;\n}\n\n.btn-group > .btn,\n.btn-group-vertical > .btn {\n  position: relative;\n  flex: 1 1 auto;\n}\n\n.btn-group > .btn:hover,\n.btn-group-vertical > .btn:hover {\n  z-index: 1;\n}\n\n.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,\n.btn-group-vertical > .btn:focus,\n.btn-group-vertical > .btn:active,\n.btn-group-vertical > .btn.active {\n  z-index: 1;\n}\n\n.btn-toolbar {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: flex-start;\n}\n\n.btn-toolbar .input-group {\n  width: auto;\n}\n\n.btn-group > .btn:not(:first-child),\n.btn-group > .btn-group:not(:first-child) {\n  margin-left: -1px;\n}\n\n.btn-group > .btn:not(:last-child):not(.dropdown-toggle),\n.btn-group > .btn-group:not(:last-child) > .btn {\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n}\n\n.btn-group > .btn:not(:first-child),\n.btn-group > .btn-group:not(:first-child) > .btn {\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n}\n\n.dropdown-toggle-split {\n  padding-right: 12px;\n  padding-left: 12px;\n}\n\n.dropdown-toggle-split::after,\n.dropup .dropdown-toggle-split::after,\n.dropright .dropdown-toggle-split::after {\n  margin-left: 0;\n}\n\n.dropleft .dropdown-toggle-split::before {\n  margin-right: 0;\n}\n\n.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {\n  padding-right: 6px;\n  padding-left: 6px;\n}\n\n.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {\n  padding-right: 12px;\n  padding-left: 12px;\n}\n\n.btn-group-vertical {\n  flex-direction: column;\n  align-items: flex-start;\n  justify-content: center;\n}\n\n.btn-group-vertical > .btn,\n.btn-group-vertical > .btn-group {\n  width: 100%;\n}\n\n.btn-group-vertical > .btn:not(:first-child),\n.btn-group-vertical > .btn-group:not(:first-child) {\n  margin-top: -1px;\n}\n\n.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),\n.btn-group-vertical > .btn-group:not(:last-child) > .btn {\n  border-bottom-right-radius: 0;\n  border-bottom-left-radius: 0;\n}\n\n.btn-group-vertical > .btn:not(:first-child),\n.btn-group-vertical > .btn-group:not(:first-child) > .btn {\n  border-top-left-radius: 0;\n  border-top-right-radius: 0;\n}\n\n.btn-group-toggle > .btn,\n.btn-group-toggle > .btn-group > .btn {\n  margin-bottom: 0;\n}\n\n.btn-group-toggle > .btn input[type=\"radio\"],\n.btn-group-toggle > .btn input[type=\"checkbox\"],\n.btn-group-toggle > .btn-group > .btn input[type=\"radio\"],\n.btn-group-toggle > .btn-group > .btn input[type=\"checkbox\"] {\n  position: absolute;\n  clip: rect(0, 0, 0, 0);\n  pointer-events: none;\n}\n\n.btn.btn-link, .btn.btn-link:not(:disabled):not(.disabled):active, .btn-group.show > .btn-link {\n  color: #1357ff;\n  background-color: transparent;\n  border-color: transparent;\n}\n\n.btn.btn-ghost, .btn.btn-icon-only {\n  color: #777;\n  background-color: transparent;\n  border: 1px solid transparent;\n}\n\n.btn.btn-ghost:not(:disabled):not(.disabled):hover, .btn.btn-icon-only:not(:disabled):not(.disabled):hover {\n  background-color: #f2f4f7;\n  border-color: #f2f4f7;\n}\n\n.btn.btn-ghost:not(:disabled):not(.disabled):focus, .btn.btn-icon-only:not(:disabled):not(.disabled):focus {\n  background-color: transparent;\n  border-color: #1357ff;\n  box-shadow: 0 0 4px 1px #1357ff;\n}\n\n.btn.btn-basic, .btn.btn-secondary, .btn.btn-basic:not(:disabled):not(.disabled):active, .btn.btn-basic.active:not(:disabled):not(.disabled),\n.show > .btn.btn-basic.dropdown-toggle, .btn.btn-secondary:not(:disabled):not(.disabled):active, .btn.btn-secondary.active:not(:disabled):not(.disabled),\n.show > .btn.btn-secondary.dropdown-toggle {\n  color: #777;\n  background-color: #fbfbfb;\n  border: 1px solid #e2e2e2;\n}\n\n.btn.btn-basic:not(:disabled):not(.disabled):hover, .btn.btn-secondary:not(:disabled):not(.disabled):hover {\n  border-color: #005fbf;\n}\n\n.btn.btn-basic:not(:disabled):not(.disabled):focus, .btn.btn-secondary:not(:disabled):not(.disabled):focus {\n  border-color: #005fbf;\n  box-shadow: 0 0 4px 1px #005fbf;\n}\n\n.btn.btn-ghost:not(:disabled):not(.disabled):focus {\n  background-color: transparent;\n  border-color: #005fbf;\n  box-shadow: 0 0 4px 1px #005fbf;\n}\n\n.btn.btn-link {\n  height: auto;\n  padding: 0 4px;\n  border-radius: 2px;\n}\n\n.btn.btn-link:not(:disabled):not(.disabled):focus {\n  text-decoration: none;\n  box-shadow: 0 0 0 2px rgba(19, 87, 255, 0.3);\n}\n\n.btn.btn-link:disabled, .btn.btn-link.disabled {\n  text-decoration: none;\n  pointer-events: auto;\n  background-color: transparent;\n  border: none;\n}\n\n.btn.btn-primary.btn-with-icon .ic::before {\n  color: #fff !important;\n}\n\n.btn.btn-primary.btn-icon-only .ic::before {\n  color: inherit !important;\n}\n\n.btn.is-loading {\n  position: relative;\n  min-height: 38px;\n  pointer-events: none;\n}\n\n.btn.is-loading::before {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: 3;\n  content: \"\";\n  background-color: inherit;\n  border-radius: 4px;\n}\n\n.btn.is-loading::after {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: 4;\n  display: inline-block;\n  width: 18px;\n  height: 18px;\n  margin: auto;\n  content: \"\";\n  background: center center no-repeat;\n  background-size: cover;\n  border: 2px solid #fff;\n  border-right-color: transparent;\n  border-radius: 50%;\n  animation: spinner-border .75s linear infinite;\n}\n\n.btn.is-loading.btn-basic::after, .btn.is-loading.btn-secondary::after {\n  border-color: #777;\n  border-right-color: transparent;\n}\n\n.btn.is-loading.btn-ghost {\n  color: transparent;\n}\n\n.btn.is-loading.btn-ghost::after {\n  border-color: #777;\n  border-right-color: transparent;\n}\n\n.btn.btn-with-icon .ic,\n.btn.btn-with-icon span {\n  vertical-align: top;\n  border: none;\n}\n\n.btn.btn-with-icon .ic {\n  width: 20px;\n  height: 20px;\n  padding: 0;\n  font-size: 20px;\n  color: inherit;\n}\n\n.btn.btn-with-icon .ic.is-left {\n  margin-right: 8px;\n}\n\n.btn.btn-with-icon .ic.is-right {\n  margin-left: 8px;\n}\n\n.btn.btn-with-icon.btn-sm .ic, .btn-group-sm > .btn.btn-with-icon .ic,\n.btn.btn-with-icon.btn-sm span,\n.btn-group-sm > .btn.btn-with-icon span {\n  line-height: 16px;\n  vertical-align: baseline;\n  border: none;\n}\n\n.btn.btn-with-icon.btn-sm .ic, .btn-group-sm > .btn.btn-with-icon .ic {\n  margin-right: 0;\n  line-height: 18px;\n}\n\n.btn.btn-with-icon.btn-sm .is-left, .btn-group-sm > .btn.btn-with-icon .is-left {\n  margin-right: 0;\n}\n\n.btn.btn-with-icon.btn-sm .is-right, .btn-group-sm > .btn.btn-with-icon .is-right {\n  margin-left: 0;\n}\n\n.btn.btn-with-icon.btn-lg .ic, .btn-group-lg > .btn.btn-with-icon .ic,\n.btn.btn-with-icon.btn-lg span,\n.btn-group-lg > .btn.btn-with-icon span {\n  vertical-align: top;\n  border: none;\n}\n\n.btn.btn-with-icon.btn-lg .ic, .btn-group-lg > .btn.btn-with-icon .ic {\n  width: 24px;\n  height: 24px;\n  padding: 0;\n  font-size: 24px;\n}\n\n\n.btn.btn-with-icon.btn-lg span,\n.btn-group-lg > .btn.btn-with-icon span {\n  line-height: 24px;\n}\n\n.btn.disabled, .btn:disabled {\n  color: #b4b4b4;\n  cursor: not-allowed;\n  background-color: #f2f4f7;\n  border: 1px solid #f2f4f7;\n  opacity: 1;\n}\n\n.btn.disabled.btn-ghost, .btn:disabled.btn-ghost {\n  background-color: transparent;\n  border-color: transparent;\n}\n\n.btn.dropdown-toggle::before {\n  margin-right: 16px;\n}\n\n.btn.dropdown-toggle::after {\n  margin-left: 16px;\n}\n\n.btn-group .btn:first-child:not(:only-child):not(.dropdown-toggle) {\n  padding-right: 8px;\n}\n\n.btn-group .btn:last-child:not(:only-child) {\n  padding-left: 8px;\n}\n\n.btn-group .dropdown-toggle-split {\n  min-width: 38px;\n  padding-right: 8px;\n  padding-left: 8px;\n}\n\n.btn-group .dropdown-toggle-split::before {\n  margin-right: 0;\n}\n\n.btn-group .dropdown-toggle-split::after {\n  margin-left: 0;\n}\n\n.btn-group .dropdown-toggle-split.btn-basic:not(:hover):not(:focus), .btn-group .dropdown-toggle-split.btn-secondary:not(:hover):not(:focus) {\n  padding-left: 9px;\n  border-left: none;\n}\n\n.btn-group.dropleft .dropdown-toggle-split.btn-basic, .btn-group.dropleft .dropdown-toggle-split.btn-secondary:not(:hover):not(:focus) {\n  padding-left: 8px;\n  border-left: 1px solid #e2e2e2;\n}\n\n.btn-group.dropleft ~ .btn-basic:not(:hover):not(:focus),\n.btn-group.dropleft ~ .btn-secondary:not(:hover):not(:focus) {\n  padding-left: 9px;\n  border-left: none;\n}\n\n.btn.btn-sm, .btn-group-sm > .btn {\n  height: 24px;\n}\n\n.btn.btn-lg, .btn-group-lg > .btn {\n  height: 40px;\n}\n\n.btn.btn-icon-only {\n  width: 38px;\n  height: 38px;\n  padding: 8px;\n  font-size: 18px;\n  line-height: 18px;\n}\n\n.btn.btn-icon-only > .ic {\n  width: 18px;\n  height: 18px;\n  padding: 0;\n  font-size: 18px;\n}\n\n.btn-with-badge__wrapper {\n  position: relative;\n  display: inline-flex;\n  align-items: flex-end;\n}\n\n.btn-with-badge__wrapper .btn {\n  position: relative;\n  width: 38px;\n  height: 38px;\n  padding: 4px;\n}\n\n.btn-with-badge__wrapper .btn .ic {\n  width: 24px !important;\n  height: 24px !important;\n  font-size: 24px !important;\n  line-height: 24px !important;\n}\n\n.btn-with-badge__wrapper .badge {\n  position: relative;\n  right: 16px;\n  bottom: 0;\n}\n\n/*# sourceMappingURL=mekari-ui-button.css.map */","// Spinners\n\n$spinner-width:         2rem;\n$spinner-height:        $spinner-width;\n$spinner-border-width:  .25em;\n\n$spinner-width-sm:        1rem;\n$spinner-height-sm:       $spinner-width-sm;\n$spinner-border-width-sm: .2em;\n","// stylelint-disable selector-no-qualifying-type\n\n//\n// Base styles\n//\n\n.#{$prefix}btn {\n  display: inline-block;\n  font-family: $btn-font-family;\n  font-weight: $btn-font-weight;\n  color: $body-color;\n  text-align: center;\n  vertical-align: middle;\n  user-select: none;\n  background-color: transparent;\n  border: $btn-border-width solid transparent;\n  @include button-size($btn-padding-y, $btn-padding-x, $btn-font-size, $btn-line-height, $btn-border-radius);\n  @include transition($btn-transition);\n\n  @include hover {\n    color: $body-color;\n    text-decoration: none;\n  }\n\n  &:focus,\n  &.focus {\n    outline: 0;\n    box-shadow: $btn-focus-box-shadow;\n  }\n\n  // Disabled comes first so active can properly restyle\n  &.disabled,\n  &:disabled {\n    opacity: $btn-disabled-opacity;\n    @include box-shadow(none);\n  }\n\n  &:not(:disabled):not(.disabled):active,\n  &:not(:disabled):not(.disabled).active {\n    @include box-shadow($btn-active-box-shadow);\n\n    &:focus {\n      @include box-shadow($btn-focus-box-shadow, $btn-active-box-shadow);\n    }\n  }\n}\n\n// Future-proof disabling of clicks on `<a>` elements\na.#{$prefix}btn.disabled,\nfieldset:disabled a.#{$prefix}btn {\n  pointer-events: none;\n}\n\n\n//\n// Alternate buttons\n//\n\n@each $color, $value in $theme-colors {\n  .#{$prefix}btn-#{$color} {\n    @include button-variant($value, $value);\n  }\n}\n\n@each $color, $value in $theme-colors {\n  .#{$prefix}btn-outline-#{$color} {\n    @include button-outline-variant($value);\n  }\n}\n\n\n//\n// Link buttons\n//\n\n// Make a button look and behave like a link\n.#{$prefix}btn-link {\n  font-weight: $font-weight-normal;\n  color: $link-color;\n  text-decoration: $link-decoration;\n\n  @include hover {\n    color: $link-hover-color;\n    text-decoration: $link-hover-decoration;\n  }\n\n  &:focus,\n  &.focus {\n    text-decoration: $link-hover-decoration;\n    box-shadow: none;\n  }\n\n  &:disabled,\n  &.disabled {\n    color: $btn-link-disabled-color;\n    pointer-events: none;\n  }\n\n  // No need for an active state here\n}\n\n\n//\n// Button Sizes\n//\n\n.#{$prefix}btn-lg {\n  @include button-size($btn-padding-y-lg, $btn-padding-x-lg, $btn-font-size-lg, $btn-line-height-lg, $btn-border-radius-lg);\n}\n\n.#{$prefix}btn-sm {\n  @include button-size($btn-padding-y-sm, $btn-padding-x-sm, $btn-font-size-sm, $btn-line-height-sm, $btn-border-radius-sm);\n}\n\n\n//\n// Block button\n//\n\n.#{$prefix}btn-block {\n  display: block;\n  width: 100%;\n\n  // Vertically space out multiple block buttons\n  + .#{$prefix}btn-block {\n    margin-top: $btn-block-spacing-y;\n  }\n}\n\n// Specificity overrides\ninput[type=\"submit\"],\ninput[type=\"reset\"],\ninput[type=\"button\"] {\n  &.#{$prefix}btn-block {\n    width: 100%;\n  }\n}\n","$font-family-roboto:                  \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif;\n$font-family-base:                    $font-family-roboto;\n$font-family-monospace: monospace;\n\n// 1 rem = 16px\n$font-size-base:                      .875rem; // 14px\n$font-size-lg:                        1.25rem; // 20px\n$font-size-sm:                        .75rem; // 12px\n\n$line-height-base:                    1.4285; // The closest value to Mekari design\n$line-height-lg:                      1.4285;\n$line-height-sm:                      1.4285;\n$letter-spacing:                      .2px;\n\n$font-weight-lighter:                 400;\n$font-weight-light:                   400;\n$font-weight-normal:                  400;\n$font-weight-base:                    400;\n$font-weight-bold:                    500;\n$font-weight-bolder:                  500;\n\n$dt-font-weight: $font-weight-bold;\n\n// Text color\n$body-color:                          $dark;\n$link-color:                          $blue;\n$link-hover-color:                    darken($link-color, 15%);\n$link-decoration:                     none;\n$link-hover-decoration:               underline;\n$h5-font-size:                        16px;\n\n$input-placeholder-color:             $text-muted;\n$custom-select-disabled-color:        $text-muted;\n$custom-control-label-disabled-color: $text-muted;\n","// Neutrals color variables\n$dark:  #212121;\n$slate: #777;\n$muted: #b4b4b4;\n$smoke: #e2e2e2;\n$snow:  #fbfbfb;\n$white: #fff;\n$cloud: #f2f4f7;\n\n// UI color variables\n$red:           #d74022;\n$green:         #009f61;\n$light-yellow:  #ffeb99;\n$blue:          #1357ff;\n$orange:        #ffb700;\n$sapphire:      #005fbf;\n\n// Branding color variables\n$crimson:     #c02a34;\n$azure:       #009bde;\n$salamander:  #f96d01;\n$purple:      #6d48e5;\n\n// Bootstrap dependencies color\n$black:    #000 !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\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$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// register mekari color variables too bootstrap\n$colors: ();\n$colors: map-merge(\n  (\n    \"noir\"         : $dark, // going to deprecated\n    \"dark\"         : $dark,\n    \"slate\"        : $slate,\n    \"muted\"        : $muted,\n    \"smoke\"        : $smoke,\n    \"snow\"         : $snow,\n    \"cloud\"        : $cloud,\n    \"crimson\"      : $crimson,\n    \"azure\"        : $azure,\n    \"salamander\"   : $salamander,\n    \"purple\"       : $purple,\n    \"sapphire\"     : $sapphire,\n    \"white\"        : $white,\n    \"red\"          : $red,\n    \"orange\"       : $orange,\n    \"green\"        : $green,\n    \"blue\"         : $blue,\n    \"light-yellow\" : $light-yellow\n  ),\n  $colors\n);\n\n//extend bootstrap class\n$danger:    $red;\n$success:   $green;\n$info:      $light-yellow;\n$warning:   $orange;\n$primary:   $sapphire;\n$jurnal:    $azure;\n$talenta:   $crimson;\n$klikpajak: $salamander;\n$mekari:    $purple;\n\n$link: $blue;\n\n$text-muted:  $muted;\n$body-color:  $dark;\n$dark:        $dark;\n$secondary:   $slate;\n$light:       $snow;\n\n// Add more theme color variables\n$theme-colors: ();\n$theme-colors: map-merge(\n  (\n    \"danger\"    : $danger,\n    \"success\"   : $success,\n    \"info\"      : $info,\n    \"warning\"   : $warning,\n    \"primary\"   : $primary,\n    \"jurnal\"    : $jurnal,\n    \"talenta\"   : $talenta,\n    \"klikpajak\" : $klikpajak,\n    \"mekari\"    : $mekari,\n    \"dark\"      : $dark,\n    \"slate\"     : $slate,\n    \"muted\"     : $muted,\n    \"smoke\"     : $smoke,\n    \"light\"     : $light,\n    \"cloud\"     : $cloud,\n    \"link\"      : $blue,\n    \"white\"     : $white\n  ),\n  $theme-colors\n);\n\n$card-border-color: $smoke;\n$body-bg: $white;\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  .#{$prefix}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  .#{$prefix}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","// Buttons\n//\n// For each of Bootstrap's buttons, define text, background, and border color.\n\n$btn-padding-y:               8px;\n$btn-padding-x:               16px;\n$btn-font-size:               14px;\n$btn-line-height:             20px;\n\n$btn-padding-y-sm:            2px;\n$btn-padding-x-sm:            8px;\n$btn-font-size-sm:            14px;\n$btn-line-height-sm:          20px;\n\n// $btn-padding-y-lg:            8px;\n// $btn-padding-x-lg:            16px;\n$btn-font-size-lg:            16px;\n$btn-line-height-lg:          24px;\n\n$btn-font-family: $font-family-base;\n$btn-font-weight: $font-weight-normal;\n$btn-border-width: 1px;\n$btn-border-radius: 4px;\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;\n\n$btn-focus-box-shadow: 0 0 4px 1px $link;\n$btn-disabled-opacity: .65;\n$btn-active-box-shadow: inset 0 3px 5px rgba($black, .125);\n$btn-box-shadow: inset 0 1px 0 rgba($white, .15), 0 1px 1px rgba($black, .075);\n$btn-focus-width: .2rem;\n\n$btn-link-disabled-color: $cloud;\n$btn-padding-y-lg: 8px;\n$btn-padding-x-lg: 16px;\n$btn-border-radius-lg: 4px;\n$btn-border-radius-sm: 4px;\n$btn-block-spacing-y: .5rem;\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","// 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","// 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","// 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","// 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 `<body>` 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","// 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 selector-no-qualifying-type\n\n// Make the div behave like a button\n.#{$prefix}btn-group,\n.#{$prefix}btn-group-vertical {\n  position: relative;\n  display: inline-flex;\n  vertical-align: middle; // match .#{$prefix}btn alignment given font-size hack above\n\n  > .#{$prefix}btn {\n    position: relative;\n    flex: 1 1 auto;\n\n    // Bring the hover, focused, and \"active\" buttons to the front to overlay\n    // the borders properly\n    @include hover {\n      z-index: 1;\n    }\n    &:focus,\n    &:active,\n    &.active {\n      z-index: 1;\n    }\n  }\n}\n\n// Optional: Group multiple button groups together for a toolbar\n.#{$prefix}btn-toolbar {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: flex-start;\n\n  .input-group {\n    width: auto;\n  }\n}\n\n.#{$prefix}btn-group {\n  // Prevent double borders when buttons are next to each other\n  > .#{$prefix}btn:not(:first-child),\n  > .#{$prefix}btn-group:not(:first-child) {\n    margin-left: -$btn-border-width;\n  }\n\n  // Reset rounded corners\n  > .#{$prefix}btn:not(:last-child):not(.dropdown-toggle),\n  > .#{$prefix}btn-group:not(:last-child) > .#{$prefix}btn {\n    @include border-right-radius(0);\n  }\n\n  > .#{$prefix}btn:not(:first-child),\n  > .#{$prefix}btn-group:not(:first-child) > .#{$prefix}btn {\n    @include border-left-radius(0);\n  }\n}\n\n// Sizing\n//\n// Remix the default button sizing classes into new ones for easier manipulation.\n\n.#{$prefix}btn-group-sm > .#{$prefix}btn { @extend .#{$prefix}btn-sm; }\n.#{$prefix}btn-group-lg > .#{$prefix}btn { @extend .#{$prefix}btn-lg; }\n\n\n//\n// Split button dropdowns\n//\n\n.#{$prefix}dropdown-toggle-split {\n  padding-right: $btn-padding-x * .75;\n  padding-left: $btn-padding-x * .75;\n\n  &::after,\n  .#{$prefix}dropup &::after,\n  .#{$prefix}dropright &::after {\n    margin-left: 0;\n  }\n\n  .#{$prefix}dropleft &::before {\n    margin-right: 0;\n  }\n}\n\n.#{$prefix}btn-sm + .#{$prefix}dropdown-toggle-split {\n  padding-right: $btn-padding-x-sm * .75;\n  padding-left: $btn-padding-x-sm * .75;\n}\n\n.#{$prefix}btn-lg + .#{$prefix}dropdown-toggle-split {\n  padding-right: $btn-padding-x-lg * .75;\n  padding-left: $btn-padding-x-lg * .75;\n}\n\n\n// The clickable button for toggling the menu\n// Set the same inset shadow as the :active state\n.#{$prefix}btn-group.#{$prefix}show .#{$prefix}dropdown-toggle {\n  @include box-shadow($btn-active-box-shadow);\n\n  // Show no shadow for `.#{$prefix}btn-link` since it has no other button styles.\n  &.#{$prefix}btn-link {\n    @include box-shadow(none);\n  }\n}\n\n\n//\n// Vertical button groups\n//\n\n.#{$prefix}btn-group-vertical {\n  flex-direction: column;\n  align-items: flex-start;\n  justify-content: center;\n\n  > .#{$prefix}btn,\n  > .#{$prefix}btn-group {\n    width: 100%;\n  }\n\n  > .#{$prefix}btn:not(:first-child),\n  > .#{$prefix}btn-group:not(:first-child) {\n    margin-top: -$btn-border-width;\n  }\n\n  // Reset rounded corners\n  > .#{$prefix}btn:not(:last-child):not(.dropdown-toggle),\n  > .#{$prefix}btn-group:not(:last-child) > .#{$prefix}btn {\n    @include border-bottom-radius(0);\n  }\n\n  > .#{$prefix}btn:not(:first-child),\n  > .#{$prefix}btn-group:not(:first-child) > .#{$prefix}btn {\n    @include border-top-radius(0);\n  }\n}\n\n\n// Checkbox and radio options\n//\n// In order to support the browser's form validation feedback, powered by the\n// `required` attribute, we have to \"hide\" the inputs via `clip`. We cannot use\n// `display: none;` or `visibility: hidden;` as that also hides the popover.\n// Simply visually hiding the inputs via `opacity` would leave them clickable in\n// certain cases which is prevented by using `clip` and `pointer-events`.\n// This way, we ensure a DOM element is visible to position the popover from.\n//\n// See https://github.com/twbs/bootstrap/pull/12794 and\n// https://github.com/twbs/bootstrap/pull/14559 for more information.\n\n.#{$prefix}btn-group-toggle {\n  > .#{$prefix}btn,\n  > .#{$prefix}btn-group > .#{$prefix}btn {\n    margin-bottom: 0; // Override default `<label>` value\n\n    input[type=\"radio\"],\n    input[type=\"checkbox\"] {\n      position: absolute;\n      clip: rect(0, 0, 0, 0);\n      pointer-events: none;\n    }\n  }\n}\n","// Button related variable\n%btn-link-active {\n  color: $blue;\n  background-color: transparent;\n  border-color: transparent;\n}\n\n%btn-ghost {\n  color: $secondary;\n  background-color: transparent;\n  border: 1px solid transparent;\n  &:not(:disabled):not(.disabled):hover {\n    background-color: $cloud;\n    border-color: $cloud;\n  }\n  &:not(:disabled):not(.disabled):focus {\n    background-color: transparent;\n    border-color: $blue;\n    box-shadow: 0 0 4px 1px $blue;\n  }\n}\n\n$btn-secondary-border-color: $smoke;\n\n%btn-secondary-theme {\n  color: $secondary;\n  background-color: $light;\n  border: 1px solid $btn-secondary-border-color;\n}\n\n// End of button related variable\n\n.#{$prefix}btn {\n  &.#{$prefix}btn-basic,\n  &.#{$prefix}btn-secondary {\n    @extend %btn-secondary-theme;\n    &:not(:disabled):not(.disabled):hover {\n      border-color: $sapphire;\n    }\n    &:not(:disabled):not(.disabled):focus {\n      border-color: $sapphire;\n      box-shadow: 0 0 4px 1px $sapphire;\n    }\n    &:not(:disabled):not(.disabled):active,\n    &:not(:disabled):not(.disabled).active,\n    .#{$prefix}show > &.dropdown-toggle {\n      @extend %btn-secondary-theme;\n    }\n  }\n\n  &.#{$prefix}btn-ghost {\n    @extend %btn-ghost;\n    &:not(:disabled):not(.disabled):focus {\n      background-color: transparent;\n      border-color: $primary;\n      box-shadow: 0 0 4px 1px $primary;\n    }\n  }\n\n  &.#{$prefix}btn-link {\n    height: auto;\n    padding: 0 4px;\n    // stylelint-disable-next-line property-blacklist\n    border-radius: 2px;\n    @extend %btn-link-active;\n    &:not(:disabled):not(.disabled):active {\n      @extend %btn-link-active;\n    }\n    &:not(:disabled):not(.disabled):focus {\n      text-decoration: none;\n      box-shadow: 0 0 0 2px rgba($blue, .3);\n    }\n    &:disabled,\n    &.disabled {\n      text-decoration: none;\n      pointer-events: auto;\n      background-color: transparent;\n      border: none;\n    }\n  }\n\n  &.#{$prefix}btn-primary {\n    &.#{$prefix}btn-with-icon {\n      .ic {\n        &::before {\n          // stylelint-disable-next-line declaration-no-important\n          color: $white !important;\n        }\n      }\n    }\n\n    &.#{$prefix}btn-icon-only {\n      .ic {\n        &::before {\n          // stylelint-disable-next-line declaration-no-important\n          color: inherit !important;\n        }\n      }\n    }\n  }\n\n  &.#{$prefix}is-loading {\n    position: relative;\n    min-height: 38px;\n    pointer-events: none;\n    &::before {\n      position: absolute;\n      top: 0;\n      right: 0;\n      bottom: 0;\n      left: 0;\n      z-index: 3;\n      content: \"\";\n      background-color: inherit;\n      // stylelint-disable-next-line property-blacklist\n      border-radius: 4px;\n    }\n    &::after {\n      position: absolute;\n      top: 0;\n      right: 0;\n      bottom: 0;\n      left: 0;\n      z-index: 4;\n      display: inline-block;\n      width: 18px;\n      height: 18px;\n      margin: auto;\n      content: \"\";\n      background: center center no-repeat;\n      background-size: cover;\n      border: 2px solid $white;\n      border-right-color: transparent;\n      // stylelint-disable-next-line property-blacklist\n      border-radius: 50%;\n      animation: spinner-border .75s linear infinite;\n    }\n\n    &.#{$prefix}btn-basic,\n    &.#{$prefix}btn-secondary {\n      &::after {\n        border-color: $secondary;\n        border-right-color: transparent;\n      }\n    }\n    &.#{$prefix}btn-ghost {\n      color: transparent;\n      &::after {\n        border-color: $secondary;\n        border-right-color: transparent;\n      }\n    }\n  }\n\n  &.#{$prefix}btn-with-icon {\n    .ic,\n    span {\n      vertical-align: top;\n      border: none;\n    }\n    .ic {\n      width: 20px;\n      height: 20px;\n      padding: 0;\n      font-size: 20px;\n      color: inherit;\n      &.is-left {\n        margin-right: 8px;\n      }\n      &.is-right {\n        margin-left: 8px;\n      }\n    }\n    &.#{$prefix}btn-sm {\n      .ic,\n      span {\n        line-height: 16px;\n        vertical-align: baseline;\n        border: none;\n      }\n      .ic {\n        margin-right: 0;\n        line-height: 18px;\n      }\n      .is-left {\n        margin-right: 0;\n      }\n      .is-right {\n        margin-left: 0;\n      }\n    }\n    &.#{$prefix}btn-lg {\n      .ic,\n      span {\n        vertical-align: top;\n        border: none;\n      }\n      .ic {\n        width: 24px;\n        height: 24px;\n        padding: 0;\n        font-size: 24px;\n      }\n      span {\n        line-height: 24px;\n      }\n    }\n  }\n\n  &.disabled,\n  &:disabled {\n    color: $text-muted;\n    cursor: not-allowed;\n    background-color: $cloud;\n    border: 1px solid $cloud;\n    opacity: 1;\n    &.#{$prefix}btn-ghost {\n      background-color: transparent;\n      border-color: transparent;\n    }\n  }\n\n  // Caret\n  &.#{$prefix}dropdown-toggle {\n    &::before {\n      margin-right: 16px;\n    }\n    &::after {\n      margin-left: 16px;\n    }\n  }\n\n  // Button group\n  &-group {\n    .#{$prefix}btn:first-child:not(:only-child):not(.#{$prefix}dropdown-toggle) {\n      padding-right: 8px;\n    }\n\n    .#{$prefix}btn:last-child:not(:only-child) {\n      padding-left: 8px;\n    }\n\n    // Caret\n    .#{$prefix}dropdown-toggle-split {\n      min-width: 38px;\n      padding-right: 8px;\n      padding-left: 8px;\n      &::before {\n        margin-right: 0;\n      }\n      &::after {\n        margin-left: 0;\n      }\n\n      // Button secondary\n      &.#{$prefix}btn-basic:not(:hover):not(:focus),\n      &.#{$prefix}btn-secondary:not(:hover):not(:focus) {\n        padding-left: 9px;\n        border-left: none;\n      }\n    }\n\n    // Button secondary\n    &.#{$prefix}dropleft {\n      .#{$prefix}dropdown-toggle-split {\n        &.#{$prefix}btn-basic,\n        &.#{$prefix}btn-secondary:not(:hover):not(:focus) {\n          padding-left: 8px;\n          border-left: 1px solid $btn-secondary-border-color;\n        }\n      }\n\n      ~ .#{$prefix}btn-basic:not(:hover):not(:focus),\n      ~ .#{$prefix}btn-secondary:not(:hover):not(:focus) {\n        padding-left: 9px;\n        border-left: none;\n      }\n    }\n\n    // Button link active\n    &.#{$prefix}show {\n      > .#{$prefix}btn-link {\n        @extend %btn-link-active;\n      }\n    }\n  }\n}\n\n.btn {\n  &.btn-sm {\n    height: 24px;\n  }\n  &.btn-lg {\n    height: 40px;\n  }\n  &.#{$prefix}btn-icon-only {\n    width: 38px;\n    height: 38px;\n    padding: 8px;\n    font-size: 18px;\n    line-height: 18px;\n    @extend %btn-ghost;\n\n    > .ic {\n      width: 18px;\n      height: 18px;\n      padding: 0;\n      font-size: 18px;\n    }\n  }\n}\n\n.btn-with-badge {\n  &__wrapper {\n    position: relative;\n    display: inline-flex;\n    align-items: flex-end;\n    .btn {\n      position: relative;\n      width: 38px;\n      height: 38px;\n      padding: 4px;\n      .ic {\n        width: 24px !important; // stylelint-disable-line declaration-no-important\n        height: 24px !important; // stylelint-disable-line declaration-no-important\n        font-size: 24px !important; // stylelint-disable-line declaration-no-important\n        line-height: 24px !important; // stylelint-disable-line declaration-no-important\n      }\n    }\n    .badge {\n      position: relative;\n      right: 16px;\n      bottom: 0;\n    }\n  }\n}\n"]}
+{"version":3,"sources":["../../../scss/vendors/_spinners.scss","mekari-ui-button.css","../../../scss/vendor-extensions/_spinners.scss","../../../scss/vendors/_buttons.scss","../../../scss/vendor-extensions/_typography.scss","../../../scss/vendor-extensions/_color.scss","../../../scss/vendors/mixins/_buttons.scss","../../../scss/vendor-extensions/_button.scss","../../../scss/vendors/_rfs.scss","../../../scss/vendors/mixins/_border-radius.scss","../../../scss/vendors/mixins/_transition.scss","../../../scss/vendors/mixins/_hover.scss","../../../scss/vendors/_variables.scss","../../../scss/vendors/mixins/_gradients.scss","../../../scss/vendors/_button-group.scss","../../../scss/components/config/_button.scss"],"names":[],"mappings":"AAIA;EACE;IAAK,yBAAyB;ECF9B;AACF;;ADAA;EACE;IAAK,yBAAyB;ECF9B;AACF;;ADIA;EACE,qBAAqB;EACrB,WER0B;EFS1B,YET0B;EFU1B,2BAA2B;EAC3B,iCAAgD;EAChD,+BAA+B;EAE/B,kBAAkB;EAClB,sDAA8C;EAA9C,8CAA8C;ACFhD;;ADKA;EACE,WEf4B;EFgB5B,YEhB4B;EFiB5B,mBEf4B;ADa9B;;ADSA;EACE;IACE,mBAAmB;ECNrB;EDQA;IACE,UAAU;ECNZ;AACF;;ADAA;EACE;IACE,mBAAmB;ECNrB;EDQA;IACE,UAAU;ECNZ;AACF;;ADSA;EACE,qBAAqB;EACrB,WEvC0B;EFwC1B,YExC0B;EFyC1B,2BAA2B;EAC3B,8BAA8B;EAE9B,kBAAkB;EAClB,UAAU;EACV,oDAA4C;EAA5C,4CAA4C;ACP9C;;ADUA;EACE,WE9C4B;EF+C5B,YE/C4B;ADwC9B;;AExCA;EACE,qBAAqB;EACrB,kGCRyH;EDSzH,gBCOuC;EDNvC,cETa;EFUb,kBAAkB;EAClB,sBAAsB;EACtB,yBAAiB;EAAjB,sBAAiB;EAAjB,qBAAiB;EAAjB,iBAAiB;EACjB,6BAA6B;EAC7B,6BAA2C;EGsF3C,iBChGgC;EC0H5B,mBAtCY;EFchB,iBChGgC;EEF9B,kBFiBmB;EGhBjB,qIHiB+H;ANwCrI;;ASpDI;EPLJ;IOMM,gBAAgB;ETwDpB;AACF;;AUzDE;ERQE,cEnBW;EFoBX,qBAAqB;AFqDzB;;AEpEA;EAoBI,UAAU;EACV,+BEdmB;AJkEvB;;AEzEA;EA2BI,aIPsB;ANyD1B;;AEnCA;;EAEE,oBAAoB;AFsCtB;;AE7BE;EGrDA,WMCa;ECDX,yBRImB;ECFrB,qBDEqB;AJoFvB;;AUlFE;ELAE,WMLW;ECDX,yBPDoF;EASpF,qBATyH;AL+F7H;;AKnFE;EAMI,+CAAiF;ALiFvF;;AK5EE;EAEE,WMvBW;ENwBX,yBDrBmB;ECsBnB,qBDtBmB;AJoGvB;;AKvEE;;EAGE,WMnCW;ENoCX,yBAtCuK;EA0CvK,qBA1C+M;ALgHnN;;AKpEI;;EAKI,+CAAiF;ALoEzF;;AE/DE;EGrDA,WMCa;ECDX,yBRKmB;ECHrB,qBDGqB;AJqHvB;;AUpHE;ELAE,WMLW;ECDX,yBPDoF;EASpF,qBATyH;ALiI7H;;AKrHE;EAMI,gDAAiF;ALmHvF;;AK9GE;EAEE,WMvBW;ENwBX,yBDpBmB;ECqBnB,qBDrBmB;AJqIvB;;AKzGE;;EAGE,WMnCW;ENoCX,yBAtCuK;EA0CvK,qBA1C+M;ALkJnN;;AKtGI;;EAKI,gDAAiF;ALsGzF;;AEjGE;EGrDA,cMUgB;ECVd,yBRMmB;ECJrB,qBDIqB;AJsJvB;;AUtJE;ELAE,cMIc;ECVd,yBPDoF;EASpF,qBATyH;ALmK7H;;AKvJE;EAMI,iDAAiF;ALqJvF;;AKhJE;EAEE,cMdc;ENed,yBDnBmB;ECoBnB,qBDpBmB;AJsKvB;;AK3IE;;EAGE,cM1Bc;EN2Bd,yBAtCuK;EA0CvK,qBA1C+M;ALoLnN;;AKxII;;EAKI,iDAAiF;ALwIzF;;AEnIE;EGrDA,cMUgB;ECVd,yBRQmB;ECNrB,qBDMqB;AJsLvB;;AUxLE;ELAE,cMIc;ECVd,yBPDoF;EASpF,qBATyH;ALqM7H;;AKzLE;EAMI,+CAAiF;ALuLvF;;AKlLE;EAEE,cMdc;ENed,yBDjBmB;ECkBnB,qBDlBmB;AJsMvB;;AK7KE;;EAGE,WMnCW;ENoCX,yBAtCuK;EA0CvK,qBA1C+M;ALsNnN;;AK1KI;;EAKI,+CAAiF;AL0KzF;;AErKE;EGrDA,WMCa;ECDX,yBRSmB;ECPrB,qBDOqB;AJuNvB;;AU1NE;ELAE,WMLW;ECDX,yBPDoF;EASpF,qBATyH;ALuO7H;;AK3NE;EAMI,gDAAiF;ALyNvF;;AKpNE;EAEE,WMvBW;ENwBX,yBDhBmB;ECiBnB,qBDjBmB;AJuOvB;;AK/ME;;EAGE,WMnCW;ENoCX,yBAtCuK;EA0CvK,qBA1C+M;ALwPnN;;AK5MI;;EAKI,gDAAiF;AL4MzF;;AEvME;EGrDA,WMCa;ECDX,yBRaiB;ECXnB,qBDWmB;AJqPrB;;AU5PE;ELAE,WMLW;ECDX,yBPDoF;EASpF,qBATyH;ALyQ7H;;AK7PE;EAMI,gDAAiF;AL2PvF;;AKtPE;EAEE,WMvBW;ENwBX,yBDZiB;ECajB,qBDbiB;AJqQrB;;AKjPE;;EAGE,WMnCW;ENoCX,yBAtCuK;EA0CvK,qBA1C+M;AL0RnN;;AK9OI;;EAKI,gDAAiF;AL8OzF;;AEzOE;EGrDA,WMCa;ECDX,yBRYiB;ECVnB,qBDUmB;AJwRrB;;AU9RE;ELAE,WMLW;ECDX,yBPDoF;EASpF,qBATyH;AL2S7H;;AK/RE;EAMI,+CAAiF;AL6RvF;;AKxRE;EAEE,WMvBW;ENwBX,yBDbiB;ECcjB,qBDdiB;AJwSrB;;AKnRE;;EAGE,WMnCW;ENoCX,yBAtCuK;EA0CvK,qBA1C+M;AL4TnN;;AKhRI;;EAKI,+CAAiF;ALgRzF;;AE3QE;EGrDA,WMCa;ECDX,yBRciB;ECZnB,qBDYmB;AJwTrB;;AUhUE;ELAE,WMLW;ECDX,yBPDoF;EASpF,qBATyH;AL6U7H;;AKjUE;EAMI,gDAAiF;AL+TvF;;AK1TE;EAEE,WMvBW;ENwBX,yBDXiB;ECYjB,qBDZiB;AJwUrB;;AKrTE;;EAGE,WMnCW;ENoCX,yBAtCuK;EA0CvK,qBA1C+M;AL8VnN;;AKlTI;;EAKI,gDAAiF;ALkTzF;;AE7SE;EGrDA,WMCa;ECDX,yBReiB;ECbnB,qBDamB;AJyVrB;;AUlWE;ELAE,WMLW;ECDX,yBPDoF;EASpF,qBATyH;AL+W7H;;AKnWE;EAMI,gDAAiF;ALiWvF;;AK5VE;EAEE,WMvBW;ENwBX,yBDViB;ECWjB,qBDXiB;AJyWrB;;AKvVE;;EAGE,WMnCW;ENoCX,yBAtCuK;EA0CvK,qBA1C+M;ALgYnN;;AKpVI;;EAKI,gDAAiF;ALoVzF;;AE/UE;EGrDA,WMCa;ECDX,yBRLW;ECOb,qBDPa;AJ+Yf;;AUpYE;ELAE,WMLW;ECDX,yBPDoF;EASpF,qBATyH;ALiZ7H;;AKrYE;EAMI,8CAAiF;ALmYvF;;AK9XE;EAEE,WMvBW;ENwBX,yBD9BW;EC+BX,qBD/BW;AJ+Zf;;AKzXE;;EAGE,WMnCW;ENoCX,yBAtCuK;EA0CvK,qBA1C+M;ALkanN;;AKtXI;;EAKI,8CAAiF;ALsXzF;;AEjXE;EGrDA,WMCa;ECDX,sBRJQ;ECMV,kBDNU;AJgbZ;;AUtaE;ELAE,WMLW;ECDX,yBPDoF;EASpF,qBATyH;ALmb7H;;AKvaE;EAMI,iDAAiF;ALqavF;;AKhaE;EAEE,WMvBW;ENwBX,sBD7BQ;EC8BR,kBD9BQ;AJgcZ;;AK3ZE;;EAGE,WMnCW;ENoCX,yBAtCuK;EA0CvK,qBA1C+M;ALocnN;;AKxZI;;EAKI,iDAAiF;ALwZzF;;AEnZE;EGrDA,cMUgB;ECVd,yBRHW;ECKb,qBDLa;AJidf;;AUxcE;ELAE,cMIc;ECVd,yBPDoF;EASpF,qBATyH;ALqd7H;;AKzcE;EAMI,iDAAiF;ALucvF;;AKlcE;EAEE,cMdc;ENed,yBD5BW;EC6BX,qBD7BW;AJief;;AK7bE;;EAGE,cM1Bc;EN2Bd,yBAtCuK;EA0CvK,qBA1C+M;ALsenN;;AK1bI;;EAKI,iDAAiF;AL0bzF;;AErbE;EGrDA,cMUgB;ECVd,yBRFW;ECIb,qBDJa;AJkff;;AU1eE;ELAE,cMIc;ECVd,yBPDoF;EASpF,qBATyH;ALuf7H;;AK3eE;EAMI,iDAAiF;ALyevF;;AKpeE;EAEE,cMdc;ENed,yBD3BW;EC4BX,qBD5BW;AJkgBf;;AK/dE;;EAGE,cM1Bc;EN2Bd,yBAtCuK;EA0CvK,qBA1C+M;ALwgBnN;;AK5dI;;EAKI,iDAAiF;AL4dzF;;AEvdE;EGrDA,cMUgB;ECVd,yBRDW;ECGb,qBDHa;AJmhBf;;AU5gBE;ELAE,cMIc;ECVd,yBPDoF;EASpF,qBATyH;ALyhB7H;;AK7gBE;EAMI,iDAAiF;AL2gBvF;;AKtgBE;EAEE,cMdc;ENed,yBD1BW;EC2BX,qBD3BW;AJmiBf;;AKjgBE;;EAGE,cM1Bc;EN2Bd,yBAtCuK;EA0CvK,qBA1C+M;AL0iBnN;;AK9fI;;EAKI,iDAAiF;AL8fzF;;AEzfE;EGrDA,cMUgB;ECVd,yBRCW;ECCb,qBDDa;AJmjBf;;AU9iBE;ELAE,cMIc;ECVd,yBPDoF;EASpF,qBATyH;AL2jB7H;;AK/iBE;EAMI,iDAAiF;AL6iBvF;;AKxiBE;EAEE,cMdc;ENed,yBDxBW;ECyBX,qBDzBW;AJmkBf;;AKniBE;;EAGE,cM1Bc;EN2Bd,yBAtCuK;EA0CvK,qBA1C+M;AL4kBnN;;AKhiBI;;EAKI,iDAAiF;ALgiBzF;;AE3hBE;EGrDA,WMCa;ECDX,yBROmB;ECLrB,qBDKqB;AJ+kBvB;;AUhlBE;ELAE,WMLW;ECDX,yBPDoF;EASpF,qBATyH;AL6lB7H;;AKjlBE;EAMI,gDAAiF;AL+kBvF;;AK1kBE;EAEE,WMvBW;ENwBX,yBDlBmB;ECmBnB,qBDnBmB;AJ+lBvB;;AKrkBE;;EAGE,WMnCW;ENoCX,yBAtCuK;EA0CvK,qBA1C+M;AL8mBnN;;AKlkBI;;EAKI,gDAAiF;ALkkBzF;;AE7jBE;EGrDA,cMUgB;ECVd,sBRAQ;ECEV,kBDFU;AJwnBZ;;AUlnBE;ELAE,cMIc;ECVd,yBPDoF;EASpF,qBATyH;AL+nB7H;;AKnnBE;EAMI,iDAAiF;ALinBvF;;AK5mBE;EAEE,cMdc;ENed,sBDzBQ;EC0BR,kBD1BQ;AJwoBZ;;AKvmBE;;EAGE,cM1Bc;EN2Bd,yBAtCuK;EA0CvK,qBA1C+M;ALgpBnN;;AKpmBI;;EAKI,iDAAiF;ALomBzF;;AEzlBE;EGJA,cDnDqB;ECoDrB,qBDpDqB;AJqpBvB;;AUnpBE;ELqDE,WM1DW;EN2DX,yBDxDmB;ECyDnB,qBDzDmB;AJ2pBvB;;AK/lBE;EAEE,+CD9DmB;AJ+pBvB;;AK9lBE;EAEE,cDnEmB;ECoEnB,6BAA6B;ALgmBjC;;AK7lBE;;EAGE,WM7EW;EN8EX,yBD3EmB;EC4EnB,qBD5EmB;AJ2qBvB;;AK7lBI;;EAKI,+CDnFe;AJgrBvB;;AEznBE;EGJA,cDlDqB;ECmDrB,qBDnDqB;AJorBvB;;AUnrBE;ELqDE,WM1DW;EN2DX,yBDvDmB;ECwDnB,qBDxDmB;AJ0rBvB;;AK/nBE;EAEE,8CD7DmB;AJ8rBvB;;AK9nBE;EAEE,cDlEmB;ECmEnB,6BAA6B;ALgoBjC;;AK7nBE;;EAGE,WM7EW;EN8EX,yBD1EmB;EC2EnB,qBD3EmB;AJ0sBvB;;AK7nBI;;EAKI,8CDlFe;AJ+sBvB;;AEzpBE;EGJA,cDjDqB;ECkDrB,qBDlDqB;AJmtBvB;;AUntBE;ELqDE,cMjDc;ENkDd,yBDtDmB;ECuDnB,qBDvDmB;AJytBvB;;AK/pBE;EAEE,iDD5DmB;AJ6tBvB;;AK9pBE;EAEE,cDjEmB;ECkEnB,6BAA6B;ALgqBjC;;AK7pBE;;EAGE,cMpEc;ENqEd,yBDzEmB;EC0EnB,qBD1EmB;AJyuBvB;;AK7pBI;;EAKI,iDDjFe;AJ8uBvB;;AEzrBE;EGJA,cD/CqB;ECgDrB,qBDhDqB;AJivBvB;;AUnvBE;ELqDE,cMjDc;ENkDd,yBDpDmB;ECqDnB,qBDrDmB;AJuvBvB;;AK/rBE;EAEE,+CD1DmB;AJ2vBvB;;AK9rBE;EAEE,cD/DmB;ECgEnB,6BAA6B;ALgsBjC;;AK7rBE;;EAGE,cMpEc;ENqEd,yBDvEmB;ECwEnB,qBDxEmB;AJuwBvB;;AK7rBI;;EAKI,+CD/Ee;AJ4wBvB;;AEztBE;EGJA,cD9CqB;EC+CrB,qBD/CqB;AJgxBvB;;AUnxBE;ELqDE,WM1DW;EN2DX,yBDnDmB;ECoDnB,qBDpDmB;AJsxBvB;;AK/tBE;EAEE,8CDzDmB;AJ0xBvB;;AK9tBE;EAEE,cD9DmB;EC+DnB,6BAA6B;ALguBjC;;AK7tBE;;EAGE,WM7EW;EN8EX,yBDtEmB;ECuEnB,qBDvEmB;AJsyBvB;;AK7tBI;;EAKI,8CD9Ee;AJ2yBvB;;AEzvBE;EGJA,cD1CmB;EC2CnB,qBD3CmB;AJ4yBrB;;AUnzBE;ELqDE,WM1DW;EN2DX,yBD/CiB;ECgDjB,qBDhDiB;AJkzBrB;;AK/vBE;EAEE,+CDrDiB;AJszBrB;;AK9vBE;EAEE,cD1DiB;EC2DjB,6BAA6B;ALgwBjC;;AK7vBE;;EAGE,WM7EW;EN8EX,yBDlEiB;ECmEjB,qBDnEiB;AJk0BrB;;AK7vBI;;EAKI,+CD1Ea;AJu0BrB;;AEzxBE;EGJA,cD3CmB;EC4CnB,qBD5CmB;AJ60BrB;;AUn1BE;ELqDE,WM1DW;EN2DX,yBDhDiB;ECiDjB,qBDjDiB;AJm1BrB;;AK/xBE;EAEE,+CDtDiB;AJu1BrB;;AK9xBE;EAEE,cD3DiB;EC4DjB,6BAA6B;ALgyBjC;;AK7xBE;;EAGE,WM7EW;EN8EX,yBDnEiB;ECoEjB,qBDpEiB;AJm2BrB;;AK7xBI;;EAKI,+CD3Ea;AJw2BrB;;AEzzBE;EGJA,cDzCmB;EC0CnB,qBD1CmB;AJ22BrB;;AUn3BE;ELqDE,WM1DW;EN2DX,yBD9CiB;EC+CjB,qBD/CiB;AJi3BrB;;AK/zBE;EAEE,+CDpDiB;AJq3BrB;;AK9zBE;EAEE,cDzDiB;EC0DjB,6BAA6B;ALg0BjC;;AK7zBE;;EAGE,WM7EW;EN8EX,yBDjEiB;ECkEjB,qBDlEiB;AJi4BrB;;AK7zBI;;EAKI,+CDzEa;AJs4BrB;;AEz1BE;EGJA,cDxCmB;ECyCnB,qBDzCmB;AJ04BrB;;AUn5BE;ELqDE,WM1DW;EN2DX,yBD7CiB;EC8CjB,qBD9CiB;AJg5BrB;;AK/1BE;EAEE,gDDnDiB;AJo5BrB;;AK91BE;EAEE,cDxDiB;ECyDjB,6BAA6B;ALg2BjC;;AK71BE;;EAGE,WM7EW;EN8EX,yBDhEiB;ECiEjB,qBDjEiB;AJg6BrB;;AK71BI;;EAKI,gDDxEa;AJq6BrB;;AEz3BE;EGJA,cD5Da;EC6Db,qBD7Da;AJ87Bf;;AUn7BE;ELqDE,WM1DW;EN2DX,yBDjEW;ECkEX,qBDlEW;AJo8Bf;;AK/3BE;EAEE,8CDvEW;AJw8Bf;;AK93BE;EAEE,cD5EW;EC6EX,6BAA6B;ALg4BjC;;AK73BE;;EAGE,WM7EW;EN8EX,yBDpFW;ECqFX,qBDrFW;AJo9Bf;;AK73BI;;EAKI,8CD5FO;AJy9Bf;;AEz5BE;EGJA,WD3DU;EC4DV,kBD5DU;AJ69BZ;;AUn9BE;ELqDE,WM1DW;EN2DX,sBDhEQ;ECiER,kBDjEQ;AJm+BZ;;AK/5BE;EAEE,iDDtEQ;AJu+BZ;;AK95BE;EAEE,WD3EQ;EC4ER,6BAA6B;ALg6BjC;;AK75BE;;EAGE,WM7EW;EN8EX,sBDnFQ;ECoFR,kBDpFQ;AJm/BZ;;AK75BI;;EAKI,iDD3FI;AJw/BZ;;AEz7BE;EGJA,cD1Da;EC2Db,qBD3Da;AJ4/Bf;;AUn/BE;ELqDE,cMjDc;ENkDd,yBD/DW;ECgEX,qBDhEW;AJkgCf;;AK/7BE;EAEE,iDDrEW;AJsgCf;;AK97BE;EAEE,cD1EW;EC2EX,6BAA6B;ALg8BjC;;AK77BE;;EAGE,cMpEc;ENqEd,yBDlFW;ECmFX,qBDnFW;AJkhCf;;AK77BI;;EAKI,iDD1FO;AJuhCf;;AEz9BE;EGJA,cDzDa;EC0Db,qBD1Da;AJ2hCf;;AUnhCE;ELqDE,cMjDc;ENkDd,yBD9DW;EC+DX,qBD/DW;AJiiCf;;AK/9BE;EAEE,iDDpEW;AJqiCf;;AK99BE;EAEE,cDzEW;EC0EX,6BAA6B;ALg+BjC;;AK79BE;;EAGE,cMpEc;ENqEd,yBDjFW;ECkFX,qBDlFW;AJijCf;;AK79BI;;EAKI,iDDzFO;AJsjCf;;AEz/BE;EGJA,cDxDa;ECyDb,qBDzDa;AJ0jCf;;AUnjCE;ELqDE,cMjDc;ENkDd,yBD7DW;EC8DX,qBD9DW;AJgkCf;;AK//BE;EAEE,iDDnEW;AJokCf;;AK9/BE;EAEE,cDxEW;ECyEX,6BAA6B;ALggCjC;;AK7/BE;;EAGE,cMpEc;ENqEd,yBDhFW;ECiFX,qBDjFW;AJglCf;;AK7/BI;;EAKI,iDDxFO;AJqlCf;;AEzhCE;EGJA,cDtDa;ECuDb,qBDvDa;AJwlCf;;AUnlCE;ELqDE,cMjDc;ENkDd,yBD3DW;EC4DX,qBD5DW;AJ8lCf;;AK/hCE;EAEE,iDDjEW;AJkmCf;;AK9hCE;EAEE,cDtEW;ECuEX,6BAA6B;ALgiCjC;;AK7hCE;;EAGE,cMpEc;ENqEd,yBD9EW;EC+EX,qBD/EW;AJ8mCf;;AK7hCI;;EAKI,iDDtFO;AJmnCf;;AEzjCE;EGJA,cDhDqB;ECiDrB,qBDjDqB;AJknCvB;;AUnnCE;ELqDE,WM1DW;EN2DX,yBDrDmB;ECsDnB,qBDtDmB;AJwnCvB;;AK/jCE;EAEE,+CD3DmB;AJ4nCvB;;AK9jCE;EAEE,cDhEmB;ECiEnB,6BAA6B;ALgkCjC;;AK7jCE;;EAGE,WM7EW;EN8EX,yBDxEmB;ECyEnB,qBDzEmB;AJwoCvB;;AK7jCI;;EAKI,+CDhFe;AJ6oCvB;;AEzlCE;EGJA,WDvDU;ECwDV,kBDxDU;AJypCZ;;AUnpCE;ELqDE,cMjDc;ENkDd,sBD5DQ;EC6DR,kBD7DQ;AJ+pCZ;;AK/lCE;EAEE,iDDlEQ;AJmqCZ;;AK9lCE;EAEE,WDvEQ;ECwER,6BAA6B;ALgmCjC;;AK7lCE;;EAGE,cMpEc;ENqEd,sBD/EQ;ECgFR,kBDhFQ;AJ+qCZ;;AK7lCI;;EAKI,iDDvFI;AJorCZ;;AE/nCE;EAkBA,gBC7DuC;ED8DvC,cEjEqB;EFkErB,qBCpDwC;AHqqC1C;;AUprCE;ERsEE,cCxD0D;EDyD1D,0BCvD2C;AHyqC/C;;AKprCE;EHuEE,0BC5D2C;ED6D3C,gBAAgB;AFinCpB;;AE9nCA;EAkBI,cEvFW;EFwFX,oBAAoB;AFgnCxB;;AErmCA;EGLE,iBCpEqB;EC8FjB,eAtCY;EFchB,iBCtFgC;EEZ9B,kBF6BsB;ANorC1B;;AExmCA;EGTE,gBC3F+B;ECqH3B,mBAtCY;EFchB,iBC3FgC;EEP9B,kBF8BsB;AN0rC1B;;AEtmCA;EACE,cAAc;EACd,WAAW;AFymCb;;AE3mCA;EAMI,kBIzFuB;ANksC3B;;AEpmCA;;;EAII,WAAW;AFsmCf;;AazuCA;;EAEE,kBAAkB;EAClB,oBAAoB;EACpB,sBAAsB;Ab4uCxB;;AahvCA;;EAOI,kBAAkB;EAClB,cAAc;Ab8uClB;;AU7uCE;;EGII,UAAU;Ab8uChB;;Aa3vCA;;;;EAkBM,UAAU;AbgvChB;;Aa1uCA;EACE,aAAa;EACb,eAAe;EACf,2BAA2B;Ab6uC7B;;AahvCA;EAMI,WAAW;Ab8uCf;;Aa1uCA;;EAII,iBPpBkB;AN+vCtB;;Aa/uCA;;ELhBI,0BK0B8B;ELzB9B,6BKyB8B;Ab2uClC;;AarvCA;;ELFI,yBKiB6B;ELhB7B,4BKgB6B;Ab4uCjC;;Aa5tCA;EACE,mBAAmC;EACnC,kBAAkC;Ab+tCpC;;AajuCA;;;EAOI,cAAc;AbguClB;;Aa7tCE;EACE,eAAe;AbguCnB;;Aa5tCA;EACE,kBAAsC;EACtC,iBAAqC;Ab+tCvC;;Aa5tCA;EACE,mBAAsC;EACtC,kBAAqC;Ab+tCvC;;Aa3sCA;EACE,sBAAsB;EACtB,uBAAuB;EACvB,uBAAuB;Ab8sCzB;;AajtCA;;EAOI,WAAW;Ab+sCf;;AattCA;;EAYI,gBPrGkB;ANozCtB;;Aa3tCA;;ELlFI,6BKoG+B;ELnG/B,4BKmG+B;Ab+sCnC;;AajuCA;;ELhGI,yBKuH4B;ELtH5B,0BKsH4B;AbgtChC;;Aa/rCA;;EAGI,gBAAgB;AbisCpB;;AapsCA;;;;EAOM,kBAAkB;EAClB,sBAAsB;EACtB,oBAAoB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","file":"mekari-ui-button.css","sourcesContent":["//\n// Rotating border\n//\n\n@keyframes spinner-border {\n  to { transform: rotate(360deg); }\n}\n\n.#{$prefix}spinner-border {\n  display: inline-block;\n  width: $spinner-width;\n  height: $spinner-height;\n  vertical-align: text-bottom;\n  border: $spinner-border-width solid currentColor;\n  border-right-color: transparent;\n  // stylelint-disable-next-line property-blacklist\n  border-radius: 50%;\n  animation: spinner-border .75s linear infinite;\n}\n\n.#{$prefix}spinner-border-sm {\n  width: $spinner-width-sm;\n  height: $spinner-height-sm;\n  border-width: $spinner-border-width-sm;\n}\n\n//\n// Growing circle\n//\n\n@keyframes spinner-grow {\n  0% {\n    transform: scale(0);\n  }\n  50% {\n    opacity: 1;\n  }\n}\n\n.#{$prefix}spinner-grow {\n  display: inline-block;\n  width: $spinner-width;\n  height: $spinner-height;\n  vertical-align: text-bottom;\n  background-color: currentColor;\n  // stylelint-disable-next-line property-blacklist\n  border-radius: 50%;\n  opacity: 0;\n  animation: spinner-grow .75s linear infinite;\n}\n\n.#{$prefix}spinner-grow-sm {\n  width: $spinner-width-sm;\n  height: $spinner-height-sm;\n}\n","@keyframes spinner-border {\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n.spinner-border {\n  display: inline-block;\n  width: 2rem;\n  height: 2rem;\n  vertical-align: text-bottom;\n  border: 0.25em solid currentColor;\n  border-right-color: transparent;\n  border-radius: 50%;\n  animation: spinner-border .75s linear infinite;\n}\n\n.spinner-border-sm {\n  width: 1rem;\n  height: 1rem;\n  border-width: 0.2em;\n}\n\n@keyframes spinner-grow {\n  0% {\n    transform: scale(0);\n  }\n  50% {\n    opacity: 1;\n  }\n}\n\n.spinner-grow {\n  display: inline-block;\n  width: 2rem;\n  height: 2rem;\n  vertical-align: text-bottom;\n  background-color: currentColor;\n  border-radius: 50%;\n  opacity: 0;\n  animation: spinner-grow .75s linear infinite;\n}\n\n.spinner-grow-sm {\n  width: 1rem;\n  height: 1rem;\n}\n\n.btn {\n  display: inline-block;\n  font-family: \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif;\n  font-weight: 400;\n  color: #212121;\n  text-align: center;\n  vertical-align: middle;\n  user-select: none;\n  background-color: transparent;\n  border: 1px solid transparent;\n  padding: 8px 16px;\n  font-size: 0.875rem;\n  line-height: 20px;\n  border-radius: 4px;\n  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;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .btn {\n    transition: none;\n  }\n}\n\n.btn:hover {\n  color: #212121;\n  text-decoration: none;\n}\n\n.btn:focus, .btn.focus {\n  outline: 0;\n  box-shadow: 0 0 4px 1px #1357ff;\n}\n\n.btn.disabled, .btn:disabled {\n  opacity: 0.65;\n}\n\na.btn.disabled,\nfieldset:disabled a.btn {\n  pointer-events: none;\n}\n\n.btn-danger {\n  color: #fff;\n  background-color: #d74022;\n  border-color: #d74022;\n}\n\n.btn-danger:hover {\n  color: #fff;\n  background-color: #b6361d;\n  border-color: #ab331b;\n}\n\n.btn-danger:focus, .btn-danger.focus {\n  box-shadow: 0 0 0 0.2rem rgba(221, 93, 67, 0.5);\n}\n\n.btn-danger.disabled, .btn-danger:disabled {\n  color: #fff;\n  background-color: #d74022;\n  border-color: #d74022;\n}\n\n.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active,\n.show > .btn-danger.dropdown-toggle {\n  color: #fff;\n  background-color: #ab331b;\n  border-color: #a03019;\n}\n\n.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus,\n.show > .btn-danger.dropdown-toggle:focus {\n  box-shadow: 0 0 0 0.2rem rgba(221, 93, 67, 0.5);\n}\n\n.btn-success {\n  color: #fff;\n  background-color: #009f61;\n  border-color: #009f61;\n}\n\n.btn-success:hover {\n  color: #fff;\n  background-color: #00794a;\n  border-color: #006c42;\n}\n\n.btn-success:focus, .btn-success.focus {\n  box-shadow: 0 0 0 0.2rem rgba(38, 173, 121, 0.5);\n}\n\n.btn-success.disabled, .btn-success:disabled {\n  color: #fff;\n  background-color: #009f61;\n  border-color: #009f61;\n}\n\n.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active,\n.show > .btn-success.dropdown-toggle {\n  color: #fff;\n  background-color: #006c42;\n  border-color: #005f3a;\n}\n\n.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus,\n.show > .btn-success.dropdown-toggle:focus {\n  box-shadow: 0 0 0 0.2rem rgba(38, 173, 121, 0.5);\n}\n\n.btn-info {\n  color: #212529;\n  background-color: #ffeb99;\n  border-color: #ffeb99;\n}\n\n.btn-info:hover {\n  color: #212529;\n  background-color: #ffe473;\n  border-color: #ffe166;\n}\n\n.btn-info:focus, .btn-info.focus {\n  box-shadow: 0 0 0 0.2rem rgba(222, 205, 136, 0.5);\n}\n\n.btn-info.disabled, .btn-info:disabled {\n  color: #212529;\n  background-color: #ffeb99;\n  border-color: #ffeb99;\n}\n\n.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active,\n.show > .btn-info.dropdown-toggle {\n  color: #212529;\n  background-color: #ffe166;\n  border-color: #ffdf59;\n}\n\n.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus,\n.show > .btn-info.dropdown-toggle:focus {\n  box-shadow: 0 0 0 0.2rem rgba(222, 205, 136, 0.5);\n}\n\n.btn-warning {\n  color: #212529;\n  background-color: #ffb700;\n  border-color: #ffb700;\n}\n\n.btn-warning:hover {\n  color: #212529;\n  background-color: #d99c00;\n  border-color: #cc9200;\n}\n\n.btn-warning:focus, .btn-warning.focus {\n  box-shadow: 0 0 0 0.2rem rgba(222, 161, 6, 0.5);\n}\n\n.btn-warning.disabled, .btn-warning:disabled {\n  color: #212529;\n  background-color: #ffb700;\n  border-color: #ffb700;\n}\n\n.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active,\n.show > .btn-warning.dropdown-toggle {\n  color: #fff;\n  background-color: #cc9200;\n  border-color: #bf8900;\n}\n\n.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus,\n.show > .btn-warning.dropdown-toggle:focus {\n  box-shadow: 0 0 0 0.2rem rgba(222, 161, 6, 0.5);\n}\n\n.btn-primary {\n  color: #fff;\n  background-color: #005fbf;\n  border-color: #005fbf;\n}\n\n.btn-primary:hover {\n  color: #fff;\n  background-color: #004c99;\n  border-color: #00468c;\n}\n\n.btn-primary:focus, .btn-primary.focus {\n  box-shadow: 0 0 0 0.2rem rgba(38, 119, 201, 0.5);\n}\n\n.btn-primary.disabled, .btn-primary:disabled {\n  color: #fff;\n  background-color: #005fbf;\n  border-color: #005fbf;\n}\n\n.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,\n.show > .btn-primary.dropdown-toggle {\n  color: #fff;\n  background-color: #00468c;\n  border-color: #003f7f;\n}\n\n.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,\n.show > .btn-primary.dropdown-toggle:focus {\n  box-shadow: 0 0 0 0.2rem rgba(38, 119, 201, 0.5);\n}\n\n.btn-jurnal {\n  color: #fff;\n  background-color: #009bde;\n  border-color: #009bde;\n}\n\n.btn-jurnal:hover {\n  color: #fff;\n  background-color: #0080b8;\n  border-color: #0077ab;\n}\n\n.btn-jurnal:focus, .btn-jurnal.focus {\n  box-shadow: 0 0 0 0.2rem rgba(38, 170, 227, 0.5);\n}\n\n.btn-jurnal.disabled, .btn-jurnal:disabled {\n  color: #fff;\n  background-color: #009bde;\n  border-color: #009bde;\n}\n\n.btn-jurnal:not(:disabled):not(.disabled):active, .btn-jurnal:not(:disabled):not(.disabled).active,\n.show > .btn-jurnal.dropdown-toggle {\n  color: #fff;\n  background-color: #0077ab;\n  border-color: #006e9e;\n}\n\n.btn-jurnal:not(:disabled):not(.disabled):active:focus, .btn-jurnal:not(:disabled):not(.disabled).active:focus,\n.show > .btn-jurnal.dropdown-toggle:focus {\n  box-shadow: 0 0 0 0.2rem rgba(38, 170, 227, 0.5);\n}\n\n.btn-talenta {\n  color: #fff;\n  background-color: #c02a34;\n  border-color: #c02a34;\n}\n\n.btn-talenta:hover {\n  color: #fff;\n  background-color: #a1232c;\n  border-color: #962129;\n}\n\n.btn-talenta:focus, .btn-talenta.focus {\n  box-shadow: 0 0 0 0.2rem rgba(201, 74, 82, 0.5);\n}\n\n.btn-talenta.disabled, .btn-talenta:disabled {\n  color: #fff;\n  background-color: #c02a34;\n  border-color: #c02a34;\n}\n\n.btn-talenta:not(:disabled):not(.disabled):active, .btn-talenta:not(:disabled):not(.disabled).active,\n.show > .btn-talenta.dropdown-toggle {\n  color: #fff;\n  background-color: #962129;\n  border-color: #8c1f26;\n}\n\n.btn-talenta:not(:disabled):not(.disabled):active:focus, .btn-talenta:not(:disabled):not(.disabled).active:focus,\n.show > .btn-talenta.dropdown-toggle:focus {\n  box-shadow: 0 0 0 0.2rem rgba(201, 74, 82, 0.5);\n}\n\n.btn-klikpajak {\n  color: #fff;\n  background-color: #f96d01;\n  border-color: #f96d01;\n}\n\n.btn-klikpajak:hover {\n  color: #fff;\n  background-color: #d35c01;\n  border-color: #c65701;\n}\n\n.btn-klikpajak:focus, .btn-klikpajak.focus {\n  box-shadow: 0 0 0 0.2rem rgba(250, 131, 39, 0.5);\n}\n\n.btn-klikpajak.disabled, .btn-klikpajak:disabled {\n  color: #fff;\n  background-color: #f96d01;\n  border-color: #f96d01;\n}\n\n.btn-klikpajak:not(:disabled):not(.disabled):active, .btn-klikpajak:not(:disabled):not(.disabled).active,\n.show > .btn-klikpajak.dropdown-toggle {\n  color: #fff;\n  background-color: #c65701;\n  border-color: #ba5101;\n}\n\n.btn-klikpajak:not(:disabled):not(.disabled):active:focus, .btn-klikpajak:not(:disabled):not(.disabled).active:focus,\n.show > .btn-klikpajak.dropdown-toggle:focus {\n  box-shadow: 0 0 0 0.2rem rgba(250, 131, 39, 0.5);\n}\n\n.btn-mekari {\n  color: #fff;\n  background-color: #6d48e5;\n  border-color: #6d48e5;\n}\n\n.btn-mekari:hover {\n  color: #fff;\n  background-color: #5227e0;\n  border-color: #4b1fdb;\n}\n\n.btn-mekari:focus, .btn-mekari.focus {\n  box-shadow: 0 0 0 0.2rem rgba(131, 99, 233, 0.5);\n}\n\n.btn-mekari.disabled, .btn-mekari:disabled {\n  color: #fff;\n  background-color: #6d48e5;\n  border-color: #6d48e5;\n}\n\n.btn-mekari:not(:disabled):not(.disabled):active, .btn-mekari:not(:disabled):not(.disabled).active,\n.show > .btn-mekari.dropdown-toggle {\n  color: #fff;\n  background-color: #4b1fdb;\n  border-color: #481ed0;\n}\n\n.btn-mekari:not(:disabled):not(.disabled):active:focus, .btn-mekari:not(:disabled):not(.disabled).active:focus,\n.show > .btn-mekari.dropdown-toggle:focus {\n  box-shadow: 0 0 0 0.2rem rgba(131, 99, 233, 0.5);\n}\n\n.btn-dark {\n  color: #fff;\n  background-color: #212121;\n  border-color: #212121;\n}\n\n.btn-dark:hover {\n  color: #fff;\n  background-color: #0e0e0e;\n  border-color: #080808;\n}\n\n.btn-dark:focus, .btn-dark.focus {\n  box-shadow: 0 0 0 0.2rem rgba(66, 66, 66, 0.5);\n}\n\n.btn-dark.disabled, .btn-dark:disabled {\n  color: #fff;\n  background-color: #212121;\n  border-color: #212121;\n}\n\n.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active,\n.show > .btn-dark.dropdown-toggle {\n  color: #fff;\n  background-color: #080808;\n  border-color: #010101;\n}\n\n.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus,\n.show > .btn-dark.dropdown-toggle:focus {\n  box-shadow: 0 0 0 0.2rem rgba(66, 66, 66, 0.5);\n}\n\n.btn-slate {\n  color: #fff;\n  background-color: #777;\n  border-color: #777;\n}\n\n.btn-slate:hover {\n  color: #fff;\n  background-color: #646464;\n  border-color: #5e5e5e;\n}\n\n.btn-slate:focus, .btn-slate.focus {\n  box-shadow: 0 0 0 0.2rem rgba(139, 139, 139, 0.5);\n}\n\n.btn-slate.disabled, .btn-slate:disabled {\n  color: #fff;\n  background-color: #777;\n  border-color: #777;\n}\n\n.btn-slate:not(:disabled):not(.disabled):active, .btn-slate:not(:disabled):not(.disabled).active,\n.show > .btn-slate.dropdown-toggle {\n  color: #fff;\n  background-color: #5e5e5e;\n  border-color: #575757;\n}\n\n.btn-slate:not(:disabled):not(.disabled):active:focus, .btn-slate:not(:disabled):not(.disabled).active:focus,\n.show > .btn-slate.dropdown-toggle:focus {\n  box-shadow: 0 0 0 0.2rem rgba(139, 139, 139, 0.5);\n}\n\n.btn-muted {\n  color: #212529;\n  background-color: #b4b4b4;\n  border-color: #b4b4b4;\n}\n\n.btn-muted:hover {\n  color: #212529;\n  background-color: #a1a1a1;\n  border-color: #9b9b9b;\n}\n\n.btn-muted:focus, .btn-muted.focus {\n  box-shadow: 0 0 0 0.2rem rgba(158, 159, 159, 0.5);\n}\n\n.btn-muted.disabled, .btn-muted:disabled {\n  color: #212529;\n  background-color: #b4b4b4;\n  border-color: #b4b4b4;\n}\n\n.btn-muted:not(:disabled):not(.disabled):active, .btn-muted:not(:disabled):not(.disabled).active,\n.show > .btn-muted.dropdown-toggle {\n  color: #212529;\n  background-color: #9b9b9b;\n  border-color: #949494;\n}\n\n.btn-muted:not(:disabled):not(.disabled):active:focus, .btn-muted:not(:disabled):not(.disabled).active:focus,\n.show > .btn-muted.dropdown-toggle:focus {\n  box-shadow: 0 0 0 0.2rem rgba(158, 159, 159, 0.5);\n}\n\n.btn-smoke {\n  color: #212529;\n  background-color: #e2e2e2;\n  border-color: #e2e2e2;\n}\n\n.btn-smoke:hover {\n  color: #212529;\n  background-color: #cfcfcf;\n  border-color: #c9c9c9;\n}\n\n.btn-smoke:focus, .btn-smoke.focus {\n  box-shadow: 0 0 0 0.2rem rgba(197, 198, 198, 0.5);\n}\n\n.btn-smoke.disabled, .btn-smoke:disabled {\n  color: #212529;\n  background-color: #e2e2e2;\n  border-color: #e2e2e2;\n}\n\n.btn-smoke:not(:disabled):not(.disabled):active, .btn-smoke:not(:disabled):not(.disabled).active,\n.show > .btn-smoke.dropdown-toggle {\n  color: #212529;\n  background-color: #c9c9c9;\n  border-color: #c2c2c2;\n}\n\n.btn-smoke:not(:disabled):not(.disabled):active:focus, .btn-smoke:not(:disabled):not(.disabled).active:focus,\n.show > .btn-smoke.dropdown-toggle:focus {\n  box-shadow: 0 0 0 0.2rem rgba(197, 198, 198, 0.5);\n}\n\n.btn-light {\n  color: #212529;\n  background-color: #fbfbfb;\n  border-color: #fbfbfb;\n}\n\n.btn-light:hover {\n  color: #212529;\n  background-color: #e8e8e8;\n  border-color: #e2e2e2;\n}\n\n.btn-light:focus, .btn-light.focus {\n  box-shadow: 0 0 0 0.2rem rgba(218, 219, 220, 0.5);\n}\n\n.btn-light.disabled, .btn-light:disabled {\n  color: #212529;\n  background-color: #fbfbfb;\n  border-color: #fbfbfb;\n}\n\n.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active,\n.show > .btn-light.dropdown-toggle {\n  color: #212529;\n  background-color: #e2e2e2;\n  border-color: #dbdbdb;\n}\n\n.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus,\n.show > .btn-light.dropdown-toggle:focus {\n  box-shadow: 0 0 0 0.2rem rgba(218, 219, 220, 0.5);\n}\n\n.btn-cloud {\n  color: #212529;\n  background-color: #f2f4f7;\n  border-color: #f2f4f7;\n}\n\n.btn-cloud:hover {\n  color: #212529;\n  background-color: #dae0e8;\n  border-color: #d2d9e4;\n}\n\n.btn-cloud:focus, .btn-cloud.focus {\n  box-shadow: 0 0 0 0.2rem rgba(211, 213, 216, 0.5);\n}\n\n.btn-cloud.disabled, .btn-cloud:disabled {\n  color: #212529;\n  background-color: #f2f4f7;\n  border-color: #f2f4f7;\n}\n\n.btn-cloud:not(:disabled):not(.disabled):active, .btn-cloud:not(:disabled):not(.disabled).active,\n.show > .btn-cloud.dropdown-toggle {\n  color: #212529;\n  background-color: #d2d9e4;\n  border-color: #cbd3df;\n}\n\n.btn-cloud:not(:disabled):not(.disabled):active:focus, .btn-cloud:not(:disabled):not(.disabled).active:focus,\n.show > .btn-cloud.dropdown-toggle:focus {\n  box-shadow: 0 0 0 0.2rem rgba(211, 213, 216, 0.5);\n}\n\n.btn-link {\n  color: #fff;\n  background-color: #1357ff;\n  border-color: #1357ff;\n}\n\n.btn-link:hover {\n  color: #fff;\n  background-color: #0044ec;\n  border-color: #0040df;\n}\n\n.btn-link:focus, .btn-link.focus {\n  box-shadow: 0 0 0 0.2rem rgba(54, 112, 255, 0.5);\n}\n\n.btn-link.disabled, .btn-link:disabled {\n  color: #fff;\n  background-color: #1357ff;\n  border-color: #1357ff;\n}\n\n.btn-link:not(:disabled):not(.disabled):active, .btn-link:not(:disabled):not(.disabled).active,\n.show > .btn-link.dropdown-toggle {\n  color: #fff;\n  background-color: #0040df;\n  border-color: #003dd2;\n}\n\n.btn-link:not(:disabled):not(.disabled):active:focus, .btn-link:not(:disabled):not(.disabled).active:focus,\n.show > .btn-link.dropdown-toggle:focus {\n  box-shadow: 0 0 0 0.2rem rgba(54, 112, 255, 0.5);\n}\n\n.btn-white {\n  color: #212529;\n  background-color: #fff;\n  border-color: #fff;\n}\n\n.btn-white:hover {\n  color: #212529;\n  background-color: #ececec;\n  border-color: #e6e6e6;\n}\n\n.btn-white:focus, .btn-white.focus {\n  box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5);\n}\n\n.btn-white.disabled, .btn-white:disabled {\n  color: #212529;\n  background-color: #fff;\n  border-color: #fff;\n}\n\n.btn-white:not(:disabled):not(.disabled):active, .btn-white:not(:disabled):not(.disabled).active,\n.show > .btn-white.dropdown-toggle {\n  color: #212529;\n  background-color: #e6e6e6;\n  border-color: #dfdfdf;\n}\n\n.btn-white:not(:disabled):not(.disabled):active:focus, .btn-white:not(:disabled):not(.disabled).active:focus,\n.show > .btn-white.dropdown-toggle:focus {\n  box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5);\n}\n\n.btn-outline-danger {\n  color: #d74022;\n  border-color: #d74022;\n}\n\n.btn-outline-danger:hover {\n  color: #fff;\n  background-color: #d74022;\n  border-color: #d74022;\n}\n\n.btn-outline-danger:focus, .btn-outline-danger.focus {\n  box-shadow: 0 0 0 0.2rem rgba(215, 64, 34, 0.5);\n}\n\n.btn-outline-danger.disabled, .btn-outline-danger:disabled {\n  color: #d74022;\n  background-color: transparent;\n}\n\n.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active,\n.show > .btn-outline-danger.dropdown-toggle {\n  color: #fff;\n  background-color: #d74022;\n  border-color: #d74022;\n}\n\n.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-danger.dropdown-toggle:focus {\n  box-shadow: 0 0 0 0.2rem rgba(215, 64, 34, 0.5);\n}\n\n.btn-outline-success {\n  color: #009f61;\n  border-color: #009f61;\n}\n\n.btn-outline-success:hover {\n  color: #fff;\n  background-color: #009f61;\n  border-color: #009f61;\n}\n\n.btn-outline-success:focus, .btn-outline-success.focus {\n  box-shadow: 0 0 0 0.2rem rgba(0, 159, 97, 0.5);\n}\n\n.btn-outline-success.disabled, .btn-outline-success:disabled {\n  color: #009f61;\n  background-color: transparent;\n}\n\n.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active,\n.show > .btn-outline-success.dropdown-toggle {\n  color: #fff;\n  background-color: #009f61;\n  border-color: #009f61;\n}\n\n.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-success.dropdown-toggle:focus {\n  box-shadow: 0 0 0 0.2rem rgba(0, 159, 97, 0.5);\n}\n\n.btn-outline-info {\n  color: #ffeb99;\n  border-color: #ffeb99;\n}\n\n.btn-outline-info:hover {\n  color: #212529;\n  background-color: #ffeb99;\n  border-color: #ffeb99;\n}\n\n.btn-outline-info:focus, .btn-outline-info.focus {\n  box-shadow: 0 0 0 0.2rem rgba(255, 235, 153, 0.5);\n}\n\n.btn-outline-info.disabled, .btn-outline-info:disabled {\n  color: #ffeb99;\n  background-color: transparent;\n}\n\n.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active,\n.show > .btn-outline-info.dropdown-toggle {\n  color: #212529;\n  background-color: #ffeb99;\n  border-color: #ffeb99;\n}\n\n.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-info.dropdown-toggle:focus {\n  box-shadow: 0 0 0 0.2rem rgba(255, 235, 153, 0.5);\n}\n\n.btn-outline-warning {\n  color: #ffb700;\n  border-color: #ffb700;\n}\n\n.btn-outline-warning:hover {\n  color: #212529;\n  background-color: #ffb700;\n  border-color: #ffb700;\n}\n\n.btn-outline-warning:focus, .btn-outline-warning.focus {\n  box-shadow: 0 0 0 0.2rem rgba(255, 183, 0, 0.5);\n}\n\n.btn-outline-warning.disabled, .btn-outline-warning:disabled {\n  color: #ffb700;\n  background-color: transparent;\n}\n\n.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active,\n.show > .btn-outline-warning.dropdown-toggle {\n  color: #212529;\n  background-color: #ffb700;\n  border-color: #ffb700;\n}\n\n.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-warning.dropdown-toggle:focus {\n  box-shadow: 0 0 0 0.2rem rgba(255, 183, 0, 0.5);\n}\n\n.btn-outline-primary {\n  color: #005fbf;\n  border-color: #005fbf;\n}\n\n.btn-outline-primary:hover {\n  color: #fff;\n  background-color: #005fbf;\n  border-color: #005fbf;\n}\n\n.btn-outline-primary:focus, .btn-outline-primary.focus {\n  box-shadow: 0 0 0 0.2rem rgba(0, 95, 191, 0.5);\n}\n\n.btn-outline-primary.disabled, .btn-outline-primary:disabled {\n  color: #005fbf;\n  background-color: transparent;\n}\n\n.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active,\n.show > .btn-outline-primary.dropdown-toggle {\n  color: #fff;\n  background-color: #005fbf;\n  border-color: #005fbf;\n}\n\n.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-primary.dropdown-toggle:focus {\n  box-shadow: 0 0 0 0.2rem rgba(0, 95, 191, 0.5);\n}\n\n.btn-outline-jurnal {\n  color: #009bde;\n  border-color: #009bde;\n}\n\n.btn-outline-jurnal:hover {\n  color: #fff;\n  background-color: #009bde;\n  border-color: #009bde;\n}\n\n.btn-outline-jurnal:focus, .btn-outline-jurnal.focus {\n  box-shadow: 0 0 0 0.2rem rgba(0, 155, 222, 0.5);\n}\n\n.btn-outline-jurnal.disabled, .btn-outline-jurnal:disabled {\n  color: #009bde;\n  background-color: transparent;\n}\n\n.btn-outline-jurnal:not(:disabled):not(.disabled):active, .btn-outline-jurnal:not(:disabled):not(.disabled).active,\n.show > .btn-outline-jurnal.dropdown-toggle {\n  color: #fff;\n  background-color: #009bde;\n  border-color: #009bde;\n}\n\n.btn-outline-jurnal:not(:disabled):not(.disabled):active:focus, .btn-outline-jurnal:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-jurnal.dropdown-toggle:focus {\n  box-shadow: 0 0 0 0.2rem rgba(0, 155, 222, 0.5);\n}\n\n.btn-outline-talenta {\n  color: #c02a34;\n  border-color: #c02a34;\n}\n\n.btn-outline-talenta:hover {\n  color: #fff;\n  background-color: #c02a34;\n  border-color: #c02a34;\n}\n\n.btn-outline-talenta:focus, .btn-outline-talenta.focus {\n  box-shadow: 0 0 0 0.2rem rgba(192, 42, 52, 0.5);\n}\n\n.btn-outline-talenta.disabled, .btn-outline-talenta:disabled {\n  color: #c02a34;\n  background-color: transparent;\n}\n\n.btn-outline-talenta:not(:disabled):not(.disabled):active, .btn-outline-talenta:not(:disabled):not(.disabled).active,\n.show > .btn-outline-talenta.dropdown-toggle {\n  color: #fff;\n  background-color: #c02a34;\n  border-color: #c02a34;\n}\n\n.btn-outline-talenta:not(:disabled):not(.disabled):active:focus, .btn-outline-talenta:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-talenta.dropdown-toggle:focus {\n  box-shadow: 0 0 0 0.2rem rgba(192, 42, 52, 0.5);\n}\n\n.btn-outline-klikpajak {\n  color: #f96d01;\n  border-color: #f96d01;\n}\n\n.btn-outline-klikpajak:hover {\n  color: #fff;\n  background-color: #f96d01;\n  border-color: #f96d01;\n}\n\n.btn-outline-klikpajak:focus, .btn-outline-klikpajak.focus {\n  box-shadow: 0 0 0 0.2rem rgba(249, 109, 1, 0.5);\n}\n\n.btn-outline-klikpajak.disabled, .btn-outline-klikpajak:disabled {\n  color: #f96d01;\n  background-color: transparent;\n}\n\n.btn-outline-klikpajak:not(:disabled):not(.disabled):active, .btn-outline-klikpajak:not(:disabled):not(.disabled).active,\n.show > .btn-outline-klikpajak.dropdown-toggle {\n  color: #fff;\n  background-color: #f96d01;\n  border-color: #f96d01;\n}\n\n.btn-outline-klikpajak:not(:disabled):not(.disabled):active:focus, .btn-outline-klikpajak:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-klikpajak.dropdown-toggle:focus {\n  box-shadow: 0 0 0 0.2rem rgba(249, 109, 1, 0.5);\n}\n\n.btn-outline-mekari {\n  color: #6d48e5;\n  border-color: #6d48e5;\n}\n\n.btn-outline-mekari:hover {\n  color: #fff;\n  background-color: #6d48e5;\n  border-color: #6d48e5;\n}\n\n.btn-outline-mekari:focus, .btn-outline-mekari.focus {\n  box-shadow: 0 0 0 0.2rem rgba(109, 72, 229, 0.5);\n}\n\n.btn-outline-mekari.disabled, .btn-outline-mekari:disabled {\n  color: #6d48e5;\n  background-color: transparent;\n}\n\n.btn-outline-mekari:not(:disabled):not(.disabled):active, .btn-outline-mekari:not(:disabled):not(.disabled).active,\n.show > .btn-outline-mekari.dropdown-toggle {\n  color: #fff;\n  background-color: #6d48e5;\n  border-color: #6d48e5;\n}\n\n.btn-outline-mekari:not(:disabled):not(.disabled):active:focus, .btn-outline-mekari:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-mekari.dropdown-toggle:focus {\n  box-shadow: 0 0 0 0.2rem rgba(109, 72, 229, 0.5);\n}\n\n.btn-outline-dark {\n  color: #212121;\n  border-color: #212121;\n}\n\n.btn-outline-dark:hover {\n  color: #fff;\n  background-color: #212121;\n  border-color: #212121;\n}\n\n.btn-outline-dark:focus, .btn-outline-dark.focus {\n  box-shadow: 0 0 0 0.2rem rgba(33, 33, 33, 0.5);\n}\n\n.btn-outline-dark.disabled, .btn-outline-dark:disabled {\n  color: #212121;\n  background-color: transparent;\n}\n\n.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active,\n.show > .btn-outline-dark.dropdown-toggle {\n  color: #fff;\n  background-color: #212121;\n  border-color: #212121;\n}\n\n.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-dark.dropdown-toggle:focus {\n  box-shadow: 0 0 0 0.2rem rgba(33, 33, 33, 0.5);\n}\n\n.btn-outline-slate {\n  color: #777;\n  border-color: #777;\n}\n\n.btn-outline-slate:hover {\n  color: #fff;\n  background-color: #777;\n  border-color: #777;\n}\n\n.btn-outline-slate:focus, .btn-outline-slate.focus {\n  box-shadow: 0 0 0 0.2rem rgba(119, 119, 119, 0.5);\n}\n\n.btn-outline-slate.disabled, .btn-outline-slate:disabled {\n  color: #777;\n  background-color: transparent;\n}\n\n.btn-outline-slate:not(:disabled):not(.disabled):active, .btn-outline-slate:not(:disabled):not(.disabled).active,\n.show > .btn-outline-slate.dropdown-toggle {\n  color: #fff;\n  background-color: #777;\n  border-color: #777;\n}\n\n.btn-outline-slate:not(:disabled):not(.disabled):active:focus, .btn-outline-slate:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-slate.dropdown-toggle:focus {\n  box-shadow: 0 0 0 0.2rem rgba(119, 119, 119, 0.5);\n}\n\n.btn-outline-muted {\n  color: #b4b4b4;\n  border-color: #b4b4b4;\n}\n\n.btn-outline-muted:hover {\n  color: #212529;\n  background-color: #b4b4b4;\n  border-color: #b4b4b4;\n}\n\n.btn-outline-muted:focus, .btn-outline-muted.focus {\n  box-shadow: 0 0 0 0.2rem rgba(180, 180, 180, 0.5);\n}\n\n.btn-outline-muted.disabled, .btn-outline-muted:disabled {\n  color: #b4b4b4;\n  background-color: transparent;\n}\n\n.btn-outline-muted:not(:disabled):not(.disabled):active, .btn-outline-muted:not(:disabled):not(.disabled).active,\n.show > .btn-outline-muted.dropdown-toggle {\n  color: #212529;\n  background-color: #b4b4b4;\n  border-color: #b4b4b4;\n}\n\n.btn-outline-muted:not(:disabled):not(.disabled):active:focus, .btn-outline-muted:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-muted.dropdown-toggle:focus {\n  box-shadow: 0 0 0 0.2rem rgba(180, 180, 180, 0.5);\n}\n\n.btn-outline-smoke {\n  color: #e2e2e2;\n  border-color: #e2e2e2;\n}\n\n.btn-outline-smoke:hover {\n  color: #212529;\n  background-color: #e2e2e2;\n  border-color: #e2e2e2;\n}\n\n.btn-outline-smoke:focus, .btn-outline-smoke.focus {\n  box-shadow: 0 0 0 0.2rem rgba(226, 226, 226, 0.5);\n}\n\n.btn-outline-smoke.disabled, .btn-outline-smoke:disabled {\n  color: #e2e2e2;\n  background-color: transparent;\n}\n\n.btn-outline-smoke:not(:disabled):not(.disabled):active, .btn-outline-smoke:not(:disabled):not(.disabled).active,\n.show > .btn-outline-smoke.dropdown-toggle {\n  color: #212529;\n  background-color: #e2e2e2;\n  border-color: #e2e2e2;\n}\n\n.btn-outline-smoke:not(:disabled):not(.disabled):active:focus, .btn-outline-smoke:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-smoke.dropdown-toggle:focus {\n  box-shadow: 0 0 0 0.2rem rgba(226, 226, 226, 0.5);\n}\n\n.btn-outline-light {\n  color: #fbfbfb;\n  border-color: #fbfbfb;\n}\n\n.btn-outline-light:hover {\n  color: #212529;\n  background-color: #fbfbfb;\n  border-color: #fbfbfb;\n}\n\n.btn-outline-light:focus, .btn-outline-light.focus {\n  box-shadow: 0 0 0 0.2rem rgba(251, 251, 251, 0.5);\n}\n\n.btn-outline-light.disabled, .btn-outline-light:disabled {\n  color: #fbfbfb;\n  background-color: transparent;\n}\n\n.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active,\n.show > .btn-outline-light.dropdown-toggle {\n  color: #212529;\n  background-color: #fbfbfb;\n  border-color: #fbfbfb;\n}\n\n.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-light.dropdown-toggle:focus {\n  box-shadow: 0 0 0 0.2rem rgba(251, 251, 251, 0.5);\n}\n\n.btn-outline-cloud {\n  color: #f2f4f7;\n  border-color: #f2f4f7;\n}\n\n.btn-outline-cloud:hover {\n  color: #212529;\n  background-color: #f2f4f7;\n  border-color: #f2f4f7;\n}\n\n.btn-outline-cloud:focus, .btn-outline-cloud.focus {\n  box-shadow: 0 0 0 0.2rem rgba(242, 244, 247, 0.5);\n}\n\n.btn-outline-cloud.disabled, .btn-outline-cloud:disabled {\n  color: #f2f4f7;\n  background-color: transparent;\n}\n\n.btn-outline-cloud:not(:disabled):not(.disabled):active, .btn-outline-cloud:not(:disabled):not(.disabled).active,\n.show > .btn-outline-cloud.dropdown-toggle {\n  color: #212529;\n  background-color: #f2f4f7;\n  border-color: #f2f4f7;\n}\n\n.btn-outline-cloud:not(:disabled):not(.disabled):active:focus, .btn-outline-cloud:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-cloud.dropdown-toggle:focus {\n  box-shadow: 0 0 0 0.2rem rgba(242, 244, 247, 0.5);\n}\n\n.btn-outline-link {\n  color: #1357ff;\n  border-color: #1357ff;\n}\n\n.btn-outline-link:hover {\n  color: #fff;\n  background-color: #1357ff;\n  border-color: #1357ff;\n}\n\n.btn-outline-link:focus, .btn-outline-link.focus {\n  box-shadow: 0 0 0 0.2rem rgba(19, 87, 255, 0.5);\n}\n\n.btn-outline-link.disabled, .btn-outline-link:disabled {\n  color: #1357ff;\n  background-color: transparent;\n}\n\n.btn-outline-link:not(:disabled):not(.disabled):active, .btn-outline-link:not(:disabled):not(.disabled).active,\n.show > .btn-outline-link.dropdown-toggle {\n  color: #fff;\n  background-color: #1357ff;\n  border-color: #1357ff;\n}\n\n.btn-outline-link:not(:disabled):not(.disabled):active:focus, .btn-outline-link:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-link.dropdown-toggle:focus {\n  box-shadow: 0 0 0 0.2rem rgba(19, 87, 255, 0.5);\n}\n\n.btn-outline-white {\n  color: #fff;\n  border-color: #fff;\n}\n\n.btn-outline-white:hover {\n  color: #212529;\n  background-color: #fff;\n  border-color: #fff;\n}\n\n.btn-outline-white:focus, .btn-outline-white.focus {\n  box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);\n}\n\n.btn-outline-white.disabled, .btn-outline-white:disabled {\n  color: #fff;\n  background-color: transparent;\n}\n\n.btn-outline-white:not(:disabled):not(.disabled):active, .btn-outline-white:not(:disabled):not(.disabled).active,\n.show > .btn-outline-white.dropdown-toggle {\n  color: #212529;\n  background-color: #fff;\n  border-color: #fff;\n}\n\n.btn-outline-white:not(:disabled):not(.disabled):active:focus, .btn-outline-white:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-white.dropdown-toggle:focus {\n  box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);\n}\n\n.btn-link {\n  font-weight: 400;\n  color: #1357ff;\n  text-decoration: none;\n}\n\n.btn-link:hover {\n  color: #0039c6;\n  text-decoration: underline;\n}\n\n.btn-link:focus, .btn-link.focus {\n  text-decoration: underline;\n  box-shadow: none;\n}\n\n.btn-link:disabled, .btn-link.disabled {\n  color: #f2f4f7;\n  pointer-events: none;\n}\n\n.btn-lg, .btn-group-lg > .btn {\n  padding: 8px 16px;\n  font-size: 1rem;\n  line-height: 24px;\n  border-radius: 4px;\n}\n\n.btn-sm, .btn-group-sm > .btn {\n  padding: 2px 8px;\n  font-size: 0.875rem;\n  line-height: 20px;\n  border-radius: 4px;\n}\n\n.btn-block {\n  display: block;\n  width: 100%;\n}\n\n.btn-block + .btn-block {\n  margin-top: 0.5rem;\n}\n\ninput[type=\"submit\"].btn-block,\ninput[type=\"reset\"].btn-block,\ninput[type=\"button\"].btn-block {\n  width: 100%;\n}\n\n.btn-group,\n.btn-group-vertical {\n  position: relative;\n  display: inline-flex;\n  vertical-align: middle;\n}\n\n.btn-group > .btn,\n.btn-group-vertical > .btn {\n  position: relative;\n  flex: 1 1 auto;\n}\n\n.btn-group > .btn:hover,\n.btn-group-vertical > .btn:hover {\n  z-index: 1;\n}\n\n.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,\n.btn-group-vertical > .btn:focus,\n.btn-group-vertical > .btn:active,\n.btn-group-vertical > .btn.active {\n  z-index: 1;\n}\n\n.btn-toolbar {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: flex-start;\n}\n\n.btn-toolbar .input-group {\n  width: auto;\n}\n\n.btn-group > .btn:not(:first-child),\n.btn-group > .btn-group:not(:first-child) {\n  margin-left: -1px;\n}\n\n.btn-group > .btn:not(:last-child):not(.dropdown-toggle),\n.btn-group > .btn-group:not(:last-child) > .btn {\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n}\n\n.btn-group > .btn:not(:first-child),\n.btn-group > .btn-group:not(:first-child) > .btn {\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n}\n\n.dropdown-toggle-split {\n  padding-right: 12px;\n  padding-left: 12px;\n}\n\n.dropdown-toggle-split::after,\n.dropup .dropdown-toggle-split::after,\n.dropright .dropdown-toggle-split::after {\n  margin-left: 0;\n}\n\n.dropleft .dropdown-toggle-split::before {\n  margin-right: 0;\n}\n\n.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {\n  padding-right: 6px;\n  padding-left: 6px;\n}\n\n.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {\n  padding-right: 12px;\n  padding-left: 12px;\n}\n\n.btn-group-vertical {\n  flex-direction: column;\n  align-items: flex-start;\n  justify-content: center;\n}\n\n.btn-group-vertical > .btn,\n.btn-group-vertical > .btn-group {\n  width: 100%;\n}\n\n.btn-group-vertical > .btn:not(:first-child),\n.btn-group-vertical > .btn-group:not(:first-child) {\n  margin-top: -1px;\n}\n\n.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),\n.btn-group-vertical > .btn-group:not(:last-child) > .btn {\n  border-bottom-right-radius: 0;\n  border-bottom-left-radius: 0;\n}\n\n.btn-group-vertical > .btn:not(:first-child),\n.btn-group-vertical > .btn-group:not(:first-child) > .btn {\n  border-top-left-radius: 0;\n  border-top-right-radius: 0;\n}\n\n.btn-group-toggle > .btn,\n.btn-group-toggle > .btn-group > .btn {\n  margin-bottom: 0;\n}\n\n.btn-group-toggle > .btn input[type=\"radio\"],\n.btn-group-toggle > .btn input[type=\"checkbox\"],\n.btn-group-toggle > .btn-group > .btn input[type=\"radio\"],\n.btn-group-toggle > .btn-group > .btn input[type=\"checkbox\"] {\n  position: absolute;\n  clip: rect(0, 0, 0, 0);\n  pointer-events: none;\n}\n\n.btn.btn-link, .btn.btn-link:not(:disabled):not(.disabled):active, .btn-group.show > .btn-link {\n  color: #1357ff;\n  background-color: transparent;\n  border-color: transparent;\n}\n\n.btn.btn-ghost, .btn.btn-icon-only {\n  color: #777;\n  background-color: transparent;\n  border: 1px solid transparent;\n}\n\n.btn.btn-ghost:not(:disabled):not(.disabled):hover, .btn.btn-icon-only:not(:disabled):not(.disabled):hover {\n  background-color: #f2f4f7;\n  border-color: #f2f4f7;\n}\n\n.btn.btn-ghost:not(:disabled):not(.disabled):focus, .btn.btn-icon-only:not(:disabled):not(.disabled):focus {\n  background-color: transparent;\n  border-color: #1357ff;\n  box-shadow: 0 0 4px 1px #1357ff;\n}\n\n.btn.btn-basic, .btn.btn-secondary, .btn.btn-basic:not(:disabled):not(.disabled):active, .btn.btn-basic.active:not(:disabled):not(.disabled),\n.show > .btn.btn-basic.dropdown-toggle, .btn.btn-secondary:not(:disabled):not(.disabled):active, .btn.btn-secondary.active:not(:disabled):not(.disabled),\n.show > .btn.btn-secondary.dropdown-toggle {\n  color: #777;\n  background-color: #fbfbfb;\n  border: 1px solid #e2e2e2;\n}\n\n.btn.btn-basic:not(:disabled):not(.disabled):hover, .btn.btn-secondary:not(:disabled):not(.disabled):hover {\n  border-color: #005fbf;\n}\n\n.btn.btn-basic:not(:disabled):not(.disabled):focus, .btn.btn-secondary:not(:disabled):not(.disabled):focus {\n  border-color: #005fbf;\n  box-shadow: 0 0 4px 1px #005fbf;\n}\n\n.btn.btn-ghost:not(:disabled):not(.disabled):focus {\n  background-color: transparent;\n  border-color: #005fbf;\n  box-shadow: 0 0 4px 1px #005fbf;\n}\n\n.btn.btn-link {\n  height: auto;\n  padding: 0 4px;\n  border-radius: 2px;\n}\n\n.btn.btn-link:not(:disabled):not(.disabled):focus {\n  text-decoration: none;\n  box-shadow: 0 0 0 2px rgba(19, 87, 255, 0.3);\n}\n\n.btn.btn-link:disabled, .btn.btn-link.disabled {\n  text-decoration: none;\n  pointer-events: auto;\n  background-color: transparent;\n  border: none;\n}\n\n.btn.btn-primary.btn-with-icon .ic::before {\n  color: #fff !important;\n}\n\n.btn.btn-primary.btn-icon-only .ic::before {\n  color: inherit !important;\n}\n\n.btn.is-loading {\n  position: relative;\n  min-height: 38px;\n  pointer-events: none;\n}\n\n.btn.is-loading::before {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: 3;\n  content: \"\";\n  background-color: inherit;\n  border-radius: 4px;\n}\n\n.btn.is-loading::after {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: 4;\n  display: inline-block;\n  width: 18px;\n  height: 18px;\n  margin: auto;\n  content: \"\";\n  background: center center no-repeat;\n  background-size: cover;\n  border: 2px solid #fff;\n  border-right-color: transparent;\n  border-radius: 50%;\n  animation: spinner-border .75s linear infinite;\n}\n\n.btn.is-loading.btn-basic::after, .btn.is-loading.btn-secondary::after {\n  border-color: #777;\n  border-right-color: transparent;\n}\n\n.btn.is-loading.btn-ghost {\n  color: transparent;\n}\n\n.btn.is-loading.btn-ghost::after {\n  border-color: #777;\n  border-right-color: transparent;\n}\n\n.btn.btn-with-icon .ic,\n.btn.btn-with-icon span {\n  vertical-align: top;\n  border: none;\n}\n\n.btn.btn-with-icon .ic {\n  width: 20px;\n  height: 20px;\n  padding: 0;\n  font-size: 16px;\n  color: inherit;\n}\n\n.btn.btn-with-icon .ic.is-left {\n  margin-right: 8px;\n}\n\n.btn.btn-with-icon .ic.is-right {\n  margin-left: 8px;\n}\n\n.btn.btn-with-icon.btn-sm .ic, .btn-group-sm > .btn.btn-with-icon .ic,\n.btn.btn-with-icon.btn-sm span,\n.btn-group-sm > .btn.btn-with-icon span {\n  line-height: 16px;\n  vertical-align: baseline;\n  border: none;\n}\n\n.btn.btn-with-icon.btn-sm .ic, .btn-group-sm > .btn.btn-with-icon .ic,\n.btn.btn-with-icon.btn-sm .is-left,\n.btn-group-sm > .btn.btn-with-icon .is-left {\n  margin-right: 0;\n}\n\n.btn.btn-with-icon.btn-sm .is-right, .btn-group-sm > .btn.btn-with-icon .is-right {\n  margin-left: 0;\n}\n\n.btn.btn-with-icon.btn-lg .ic, .btn-group-lg > .btn.btn-with-icon .ic,\n.btn.btn-with-icon.btn-lg span,\n.btn-group-lg > .btn.btn-with-icon span {\n  vertical-align: top;\n  border: none;\n}\n\n.btn.btn-with-icon.btn-lg .ic, .btn-group-lg > .btn.btn-with-icon .ic {\n  width: 24px;\n  height: 24px;\n  padding: 0;\n  font-size: 20px;\n}\n\n\n.btn.btn-with-icon.btn-lg span,\n.btn-group-lg > .btn.btn-with-icon span {\n  line-height: 24px;\n}\n\n.btn.disabled, .btn:disabled {\n  color: #b4b4b4;\n  cursor: not-allowed;\n  background-color: #f2f4f7;\n  border: 1px solid #f2f4f7;\n  opacity: 1;\n}\n\n.btn.disabled.btn-ghost, .btn:disabled.btn-ghost {\n  background-color: transparent;\n  border-color: transparent;\n}\n\n.btn.dropdown-toggle::before {\n  margin-right: 16px;\n}\n\n.btn.dropdown-toggle::after {\n  margin-left: 16px;\n}\n\n.btn-group .btn:first-child:not(:only-child):not(.dropdown-toggle) {\n  padding-right: 8px;\n}\n\n.btn-group .btn:last-child:not(:only-child) {\n  padding-left: 8px;\n}\n\n.btn-group .dropdown-toggle-split {\n  min-width: 38px;\n  padding-right: 8px;\n  padding-left: 8px;\n}\n\n.btn-group .dropdown-toggle-split::before {\n  margin-right: 0;\n}\n\n.btn-group .dropdown-toggle-split::after {\n  margin-left: 0;\n}\n\n.btn-group .dropdown-toggle-split.btn-basic:not(:hover):not(:focus), .btn-group .dropdown-toggle-split.btn-secondary:not(:hover):not(:focus) {\n  padding-left: 9px;\n  border-left: none;\n}\n\n.btn-group.dropleft .dropdown-toggle-split.btn-basic, .btn-group.dropleft .dropdown-toggle-split.btn-secondary:not(:hover):not(:focus) {\n  padding-left: 8px;\n  border-left: 1px solid #e2e2e2;\n}\n\n.btn-group.dropleft ~ .btn-basic:not(:hover):not(:focus),\n.btn-group.dropleft ~ .btn-secondary:not(:hover):not(:focus) {\n  padding-left: 9px;\n  border-left: none;\n}\n\n.btn.btn-sm, .btn-group-sm > .btn {\n  height: 24px;\n}\n\n.btn.btn-lg, .btn-group-lg > .btn {\n  height: 40px;\n}\n\n.btn.btn-icon-only {\n  width: 38px;\n  height: 38px;\n  padding: 8px;\n  font-size: 18px;\n  line-height: 18px;\n}\n\n.btn.btn-icon-only > .ic {\n  width: 18px;\n  height: 18px;\n  padding: 0;\n  font-size: 18px;\n}\n\n.btn-with-badge__wrapper {\n  position: relative;\n  display: inline-flex;\n  align-items: flex-end;\n}\n\n.btn-with-badge__wrapper .btn {\n  position: relative;\n  width: 38px;\n  height: 38px;\n  padding: 4px;\n}\n\n.btn-with-badge__wrapper .btn .ic {\n  width: 24px !important;\n  height: 24px !important;\n  font-size: 24px !important;\n  line-height: 24px !important;\n}\n\n.btn-with-badge__wrapper .badge {\n  position: relative;\n  right: 16px;\n  bottom: 0;\n}\n\n/*# sourceMappingURL=mekari-ui-button.css.map */","// Spinners\n\n$spinner-width:         2rem;\n$spinner-height:        $spinner-width;\n$spinner-border-width:  .25em;\n\n$spinner-width-sm:        1rem;\n$spinner-height-sm:       $spinner-width-sm;\n$spinner-border-width-sm: .2em;\n","// stylelint-disable selector-no-qualifying-type\n\n//\n// Base styles\n//\n\n.#{$prefix}btn {\n  display: inline-block;\n  font-family: $btn-font-family;\n  font-weight: $btn-font-weight;\n  color: $body-color;\n  text-align: center;\n  vertical-align: middle;\n  user-select: none;\n  background-color: transparent;\n  border: $btn-border-width solid transparent;\n  @include button-size($btn-padding-y, $btn-padding-x, $btn-font-size, $btn-line-height, $btn-border-radius);\n  @include transition($btn-transition);\n\n  @include hover {\n    color: $body-color;\n    text-decoration: none;\n  }\n\n  &:focus,\n  &.focus {\n    outline: 0;\n    box-shadow: $btn-focus-box-shadow;\n  }\n\n  // Disabled comes first so active can properly restyle\n  &.disabled,\n  &:disabled {\n    opacity: $btn-disabled-opacity;\n    @include box-shadow(none);\n  }\n\n  &:not(:disabled):not(.disabled):active,\n  &:not(:disabled):not(.disabled).active {\n    @include box-shadow($btn-active-box-shadow);\n\n    &:focus {\n      @include box-shadow($btn-focus-box-shadow, $btn-active-box-shadow);\n    }\n  }\n}\n\n// Future-proof disabling of clicks on `<a>` elements\na.#{$prefix}btn.disabled,\nfieldset:disabled a.#{$prefix}btn {\n  pointer-events: none;\n}\n\n\n//\n// Alternate buttons\n//\n\n@each $color, $value in $theme-colors {\n  .#{$prefix}btn-#{$color} {\n    @include button-variant($value, $value);\n  }\n}\n\n@each $color, $value in $theme-colors {\n  .#{$prefix}btn-outline-#{$color} {\n    @include button-outline-variant($value);\n  }\n}\n\n\n//\n// Link buttons\n//\n\n// Make a button look and behave like a link\n.#{$prefix}btn-link {\n  font-weight: $font-weight-normal;\n  color: $link-color;\n  text-decoration: $link-decoration;\n\n  @include hover {\n    color: $link-hover-color;\n    text-decoration: $link-hover-decoration;\n  }\n\n  &:focus,\n  &.focus {\n    text-decoration: $link-hover-decoration;\n    box-shadow: none;\n  }\n\n  &:disabled,\n  &.disabled {\n    color: $btn-link-disabled-color;\n    pointer-events: none;\n  }\n\n  // No need for an active state here\n}\n\n\n//\n// Button Sizes\n//\n\n.#{$prefix}btn-lg {\n  @include button-size($btn-padding-y-lg, $btn-padding-x-lg, $btn-font-size-lg, $btn-line-height-lg, $btn-border-radius-lg);\n}\n\n.#{$prefix}btn-sm {\n  @include button-size($btn-padding-y-sm, $btn-padding-x-sm, $btn-font-size-sm, $btn-line-height-sm, $btn-border-radius-sm);\n}\n\n\n//\n// Block button\n//\n\n.#{$prefix}btn-block {\n  display: block;\n  width: 100%;\n\n  // Vertically space out multiple block buttons\n  + .#{$prefix}btn-block {\n    margin-top: $btn-block-spacing-y;\n  }\n}\n\n// Specificity overrides\ninput[type=\"submit\"],\ninput[type=\"reset\"],\ninput[type=\"button\"] {\n  &.#{$prefix}btn-block {\n    width: 100%;\n  }\n}\n","$font-family-roboto:                  \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif;\n$font-family-base:                    $font-family-roboto;\n$font-family-monospace: monospace;\n\n// 1 rem = 16px\n$font-size-base:                      .875rem; // 14px\n$font-size-lg:                        1.25rem; // 20px\n$font-size-sm:                        .75rem; // 12px\n\n$line-height-base:                    1.4285; // The closest value to Mekari design\n$line-height-lg:                      1.4285;\n$line-height-sm:                      1.4285;\n$letter-spacing:                      .2px;\n\n$font-weight-lighter:                 400;\n$font-weight-light:                   400;\n$font-weight-normal:                  400;\n$font-weight-base:                    400;\n$font-weight-bold:                    500;\n$font-weight-bolder:                  500;\n\n$dt-font-weight: $font-weight-bold;\n\n// Text color\n$body-color:                          $dark;\n$link-color:                          $blue;\n$link-hover-color:                    darken($link-color, 15%);\n$link-decoration:                     none;\n$link-hover-decoration:               underline;\n$h5-font-size:                        16px;\n\n$input-placeholder-color:             $text-muted;\n$custom-select-disabled-color:        $text-muted;\n$custom-control-label-disabled-color: $text-muted;\n","// Neutrals color variables\n$dark:  #212121;\n$slate: #777;\n$muted: #b4b4b4;\n$smoke: #e2e2e2;\n$snow:  #fbfbfb;\n$white: #fff;\n$cloud: #f2f4f7;\n\n// UI color variables\n$red:           #d74022;\n$green:         #009f61;\n$light-yellow:  #ffeb99;\n$blue:          #1357ff;\n$orange:        #ffb700;\n$sapphire:      #005fbf;\n\n// Branding color variables\n$crimson:     #c02a34;\n$azure:       #009bde;\n$salamander:  #f96d01;\n$purple:      #6d48e5;\n\n// Bootstrap dependencies color\n$black:    #000 !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\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$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// register mekari color variables too bootstrap\n$colors: ();\n$colors: map-merge(\n  (\n    \"noir\"         : $dark, // going to deprecated\n    \"dark\"         : $dark,\n    \"slate\"        : $slate,\n    \"muted\"        : $muted,\n    \"smoke\"        : $smoke,\n    \"snow\"         : $snow,\n    \"cloud\"        : $cloud,\n    \"crimson\"      : $crimson,\n    \"azure\"        : $azure,\n    \"salamander\"   : $salamander,\n    \"purple\"       : $purple,\n    \"sapphire\"     : $sapphire,\n    \"white\"        : $white,\n    \"red\"          : $red,\n    \"orange\"       : $orange,\n    \"green\"        : $green,\n    \"blue\"         : $blue,\n    \"light-yellow\" : $light-yellow\n  ),\n  $colors\n);\n\n//extend bootstrap class\n$danger:    $red;\n$success:   $green;\n$info:      $light-yellow;\n$warning:   $orange;\n$primary:   $sapphire;\n$jurnal:    $azure;\n$talenta:   $crimson;\n$klikpajak: $salamander;\n$mekari:    $purple;\n\n$link: $blue;\n\n$text-muted:  $muted;\n$body-color:  $dark;\n$dark:        $dark;\n$secondary:   $slate;\n$light:       $snow;\n\n// Add more theme color variables\n$theme-colors: ();\n$theme-colors: map-merge(\n  (\n    \"danger\"    : $danger,\n    \"success\"   : $success,\n    \"info\"      : $info,\n    \"warning\"   : $warning,\n    \"primary\"   : $primary,\n    \"jurnal\"    : $jurnal,\n    \"talenta\"   : $talenta,\n    \"klikpajak\" : $klikpajak,\n    \"mekari\"    : $mekari,\n    \"dark\"      : $dark,\n    \"slate\"     : $slate,\n    \"muted\"     : $muted,\n    \"smoke\"     : $smoke,\n    \"light\"     : $light,\n    \"cloud\"     : $cloud,\n    \"link\"      : $blue,\n    \"white\"     : $white\n  ),\n  $theme-colors\n);\n\n$card-border-color: $smoke;\n$body-bg: $white;\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  .#{$prefix}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  .#{$prefix}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","// Buttons\n//\n// For each of Bootstrap's buttons, define text, background, and border color.\n\n$btn-padding-y:               8px;\n$btn-padding-x:               16px;\n$btn-font-size:               14px;\n$btn-line-height:             20px;\n\n$btn-padding-y-sm:            2px;\n$btn-padding-x-sm:            8px;\n$btn-font-size-sm:            14px;\n$btn-line-height-sm:          20px;\n\n// $btn-padding-y-lg:            8px;\n// $btn-padding-x-lg:            16px;\n$btn-font-size-lg:            16px;\n$btn-line-height-lg:          24px;\n\n$btn-font-family: $font-family-base;\n$btn-font-weight: $font-weight-normal;\n$btn-border-width: 1px;\n$btn-border-radius: 4px;\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;\n\n$btn-focus-box-shadow: 0 0 4px 1px $link;\n$btn-disabled-opacity: .65;\n$btn-active-box-shadow: inset 0 3px 5px rgba($black, .125);\n$btn-box-shadow: inset 0 1px 0 rgba($white, .15), 0 1px 1px rgba($black, .075);\n$btn-focus-width: .2rem;\n\n$btn-link-disabled-color: $cloud;\n$btn-padding-y-lg: 8px;\n$btn-padding-x-lg: 16px;\n$btn-border-radius-lg: 4px;\n$btn-border-radius-sm: 4px;\n$btn-block-spacing-y: .5rem;\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","// 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","// 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","// 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","// 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 `<body>` 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","// 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 selector-no-qualifying-type\n\n// Make the div behave like a button\n.#{$prefix}btn-group,\n.#{$prefix}btn-group-vertical {\n  position: relative;\n  display: inline-flex;\n  vertical-align: middle; // match .#{$prefix}btn alignment given font-size hack above\n\n  > .#{$prefix}btn {\n    position: relative;\n    flex: 1 1 auto;\n\n    // Bring the hover, focused, and \"active\" buttons to the front to overlay\n    // the borders properly\n    @include hover {\n      z-index: 1;\n    }\n    &:focus,\n    &:active,\n    &.active {\n      z-index: 1;\n    }\n  }\n}\n\n// Optional: Group multiple button groups together for a toolbar\n.#{$prefix}btn-toolbar {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: flex-start;\n\n  .input-group {\n    width: auto;\n  }\n}\n\n.#{$prefix}btn-group {\n  // Prevent double borders when buttons are next to each other\n  > .#{$prefix}btn:not(:first-child),\n  > .#{$prefix}btn-group:not(:first-child) {\n    margin-left: -$btn-border-width;\n  }\n\n  // Reset rounded corners\n  > .#{$prefix}btn:not(:last-child):not(.dropdown-toggle),\n  > .#{$prefix}btn-group:not(:last-child) > .#{$prefix}btn {\n    @include border-right-radius(0);\n  }\n\n  > .#{$prefix}btn:not(:first-child),\n  > .#{$prefix}btn-group:not(:first-child) > .#{$prefix}btn {\n    @include border-left-radius(0);\n  }\n}\n\n// Sizing\n//\n// Remix the default button sizing classes into new ones for easier manipulation.\n\n.#{$prefix}btn-group-sm > .#{$prefix}btn { @extend .#{$prefix}btn-sm; }\n.#{$prefix}btn-group-lg > .#{$prefix}btn { @extend .#{$prefix}btn-lg; }\n\n\n//\n// Split button dropdowns\n//\n\n.#{$prefix}dropdown-toggle-split {\n  padding-right: $btn-padding-x * .75;\n  padding-left: $btn-padding-x * .75;\n\n  &::after,\n  .#{$prefix}dropup &::after,\n  .#{$prefix}dropright &::after {\n    margin-left: 0;\n  }\n\n  .#{$prefix}dropleft &::before {\n    margin-right: 0;\n  }\n}\n\n.#{$prefix}btn-sm + .#{$prefix}dropdown-toggle-split {\n  padding-right: $btn-padding-x-sm * .75;\n  padding-left: $btn-padding-x-sm * .75;\n}\n\n.#{$prefix}btn-lg + .#{$prefix}dropdown-toggle-split {\n  padding-right: $btn-padding-x-lg * .75;\n  padding-left: $btn-padding-x-lg * .75;\n}\n\n\n// The clickable button for toggling the menu\n// Set the same inset shadow as the :active state\n.#{$prefix}btn-group.#{$prefix}show .#{$prefix}dropdown-toggle {\n  @include box-shadow($btn-active-box-shadow);\n\n  // Show no shadow for `.#{$prefix}btn-link` since it has no other button styles.\n  &.#{$prefix}btn-link {\n    @include box-shadow(none);\n  }\n}\n\n\n//\n// Vertical button groups\n//\n\n.#{$prefix}btn-group-vertical {\n  flex-direction: column;\n  align-items: flex-start;\n  justify-content: center;\n\n  > .#{$prefix}btn,\n  > .#{$prefix}btn-group {\n    width: 100%;\n  }\n\n  > .#{$prefix}btn:not(:first-child),\n  > .#{$prefix}btn-group:not(:first-child) {\n    margin-top: -$btn-border-width;\n  }\n\n  // Reset rounded corners\n  > .#{$prefix}btn:not(:last-child):not(.dropdown-toggle),\n  > .#{$prefix}btn-group:not(:last-child) > .#{$prefix}btn {\n    @include border-bottom-radius(0);\n  }\n\n  > .#{$prefix}btn:not(:first-child),\n  > .#{$prefix}btn-group:not(:first-child) > .#{$prefix}btn {\n    @include border-top-radius(0);\n  }\n}\n\n\n// Checkbox and radio options\n//\n// In order to support the browser's form validation feedback, powered by the\n// `required` attribute, we have to \"hide\" the inputs via `clip`. We cannot use\n// `display: none;` or `visibility: hidden;` as that also hides the popover.\n// Simply visually hiding the inputs via `opacity` would leave them clickable in\n// certain cases which is prevented by using `clip` and `pointer-events`.\n// This way, we ensure a DOM element is visible to position the popover from.\n//\n// See https://github.com/twbs/bootstrap/pull/12794 and\n// https://github.com/twbs/bootstrap/pull/14559 for more information.\n\n.#{$prefix}btn-group-toggle {\n  > .#{$prefix}btn,\n  > .#{$prefix}btn-group > .#{$prefix}btn {\n    margin-bottom: 0; // Override default `<label>` value\n\n    input[type=\"radio\"],\n    input[type=\"checkbox\"] {\n      position: absolute;\n      clip: rect(0, 0, 0, 0);\n      pointer-events: none;\n    }\n  }\n}\n","// Button related variable\n%btn-link-active {\n  color: $blue;\n  background-color: transparent;\n  border-color: transparent;\n}\n\n%btn-ghost {\n  color: $secondary;\n  background-color: transparent;\n  border: 1px solid transparent;\n  &:not(:disabled):not(.disabled):hover {\n    background-color: $cloud;\n    border-color: $cloud;\n  }\n  &:not(:disabled):not(.disabled):focus {\n    background-color: transparent;\n    border-color: $blue;\n    box-shadow: 0 0 4px 1px $blue;\n  }\n}\n\n$btn-secondary-border-color: $smoke;\n\n%btn-secondary-theme {\n  color: $secondary;\n  background-color: $light;\n  border: 1px solid $btn-secondary-border-color;\n}\n\n// End of button related variable\n\n.#{$prefix}btn {\n  &.#{$prefix}btn-basic,\n  &.#{$prefix}btn-secondary {\n    @extend %btn-secondary-theme;\n    &:not(:disabled):not(.disabled):hover {\n      border-color: $sapphire;\n    }\n    &:not(:disabled):not(.disabled):focus {\n      border-color: $sapphire;\n      box-shadow: 0 0 4px 1px $sapphire;\n    }\n    &:not(:disabled):not(.disabled):active,\n    &:not(:disabled):not(.disabled).active,\n    .#{$prefix}show > &.dropdown-toggle {\n      @extend %btn-secondary-theme;\n    }\n  }\n\n  &.#{$prefix}btn-ghost {\n    @extend %btn-ghost;\n    &:not(:disabled):not(.disabled):focus {\n      background-color: transparent;\n      border-color: $primary;\n      box-shadow: 0 0 4px 1px $primary;\n    }\n  }\n\n  &.#{$prefix}btn-link {\n    height: auto;\n    padding: 0 4px;\n    // stylelint-disable-next-line property-blacklist\n    border-radius: 2px;\n    @extend %btn-link-active;\n    &:not(:disabled):not(.disabled):active {\n      @extend %btn-link-active;\n    }\n    &:not(:disabled):not(.disabled):focus {\n      text-decoration: none;\n      box-shadow: 0 0 0 2px rgba($blue, .3);\n    }\n    &:disabled,\n    &.disabled {\n      text-decoration: none;\n      pointer-events: auto;\n      background-color: transparent;\n      border: none;\n    }\n  }\n\n  &.#{$prefix}btn-primary {\n    &.#{$prefix}btn-with-icon {\n      .ic {\n        &::before {\n          // stylelint-disable-next-line declaration-no-important\n          color: $white !important;\n        }\n      }\n    }\n\n    &.#{$prefix}btn-icon-only {\n      .ic {\n        &::before {\n          // stylelint-disable-next-line declaration-no-important\n          color: inherit !important;\n        }\n      }\n    }\n  }\n\n  &.#{$prefix}is-loading {\n    position: relative;\n    min-height: 38px;\n    pointer-events: none;\n    &::before {\n      position: absolute;\n      top: 0;\n      right: 0;\n      bottom: 0;\n      left: 0;\n      z-index: 3;\n      content: \"\";\n      background-color: inherit;\n      // stylelint-disable-next-line property-blacklist\n      border-radius: 4px;\n    }\n    &::after {\n      position: absolute;\n      top: 0;\n      right: 0;\n      bottom: 0;\n      left: 0;\n      z-index: 4;\n      display: inline-block;\n      width: 18px;\n      height: 18px;\n      margin: auto;\n      content: \"\";\n      background: center center no-repeat;\n      background-size: cover;\n      border: 2px solid $white;\n      border-right-color: transparent;\n      // stylelint-disable-next-line property-blacklist\n      border-radius: 50%;\n      animation: spinner-border .75s linear infinite;\n    }\n\n    &.#{$prefix}btn-basic,\n    &.#{$prefix}btn-secondary {\n      &::after {\n        border-color: $secondary;\n        border-right-color: transparent;\n      }\n    }\n    &.#{$prefix}btn-ghost {\n      color: transparent;\n      &::after {\n        border-color: $secondary;\n        border-right-color: transparent;\n      }\n    }\n  }\n\n  &.#{$prefix}btn-with-icon {\n    .ic,\n    span {\n      vertical-align: top;\n      border: none;\n    }\n    .ic {\n      width: 20px;\n      height: 20px;\n      padding: 0;\n      font-size: 16px;\n      color: inherit;\n      &.is-left {\n        margin-right: 8px;\n      }\n      &.is-right {\n        margin-left: 8px;\n      }\n    }\n    &.#{$prefix}btn-sm {\n      .ic,\n      span {\n        line-height: 16px;\n        vertical-align: baseline;\n        border: none;\n      }\n      .ic,\n      .is-left {\n        margin-right: 0;\n      }\n      .is-right {\n        margin-left: 0;\n      }\n    }\n    &.#{$prefix}btn-lg {\n      .ic,\n      span {\n        vertical-align: top;\n        border: none;\n      }\n      .ic {\n        width: 24px;\n        height: 24px;\n        padding: 0;\n        font-size: 20px;\n      }\n      span {\n        line-height: 24px;\n      }\n    }\n  }\n\n  &.disabled,\n  &:disabled {\n    color: $text-muted;\n    cursor: not-allowed;\n    background-color: $cloud;\n    border: 1px solid $cloud;\n    opacity: 1;\n    &.#{$prefix}btn-ghost {\n      background-color: transparent;\n      border-color: transparent;\n    }\n  }\n\n  // Caret\n  &.#{$prefix}dropdown-toggle {\n    &::before {\n      margin-right: 16px;\n    }\n    &::after {\n      margin-left: 16px;\n    }\n  }\n\n  // Button group\n  &-group {\n    .#{$prefix}btn:first-child:not(:only-child):not(.#{$prefix}dropdown-toggle) {\n      padding-right: 8px;\n    }\n\n    .#{$prefix}btn:last-child:not(:only-child) {\n      padding-left: 8px;\n    }\n\n    // Caret\n    .#{$prefix}dropdown-toggle-split {\n      min-width: 38px;\n      padding-right: 8px;\n      padding-left: 8px;\n      &::before {\n        margin-right: 0;\n      }\n      &::after {\n        margin-left: 0;\n      }\n\n      // Button secondary\n      &.#{$prefix}btn-basic:not(:hover):not(:focus),\n      &.#{$prefix}btn-secondary:not(:hover):not(:focus) {\n        padding-left: 9px;\n        border-left: none;\n      }\n    }\n\n    // Button secondary\n    &.#{$prefix}dropleft {\n      .#{$prefix}dropdown-toggle-split {\n        &.#{$prefix}btn-basic,\n        &.#{$prefix}btn-secondary:not(:hover):not(:focus) {\n          padding-left: 8px;\n          border-left: 1px solid $btn-secondary-border-color;\n        }\n      }\n\n      ~ .#{$prefix}btn-basic:not(:hover):not(:focus),\n      ~ .#{$prefix}btn-secondary:not(:hover):not(:focus) {\n        padding-left: 9px;\n        border-left: none;\n      }\n    }\n\n    // Button link active\n    &.#{$prefix}show {\n      > .#{$prefix}btn-link {\n        @extend %btn-link-active;\n      }\n    }\n  }\n}\n\n.btn {\n  &.btn-sm {\n    height: 24px;\n  }\n  &.btn-lg {\n    height: 40px;\n  }\n  &.#{$prefix}btn-icon-only {\n    width: 38px;\n    height: 38px;\n    padding: 8px;\n    font-size: 18px;\n    line-height: 18px;\n    @extend %btn-ghost;\n\n    > .ic {\n      width: 18px;\n      height: 18px;\n      padding: 0;\n      font-size: 18px;\n    }\n  }\n}\n\n.btn-with-badge {\n  &__wrapper {\n    position: relative;\n    display: inline-flex;\n    align-items: flex-end;\n    .btn {\n      position: relative;\n      width: 38px;\n      height: 38px;\n      padding: 4px;\n      .ic {\n        width: 24px !important; // stylelint-disable-line declaration-no-important\n        height: 24px !important; // stylelint-disable-line declaration-no-important\n        font-size: 24px !important; // stylelint-disable-line declaration-no-important\n        line-height: 24px !important; // stylelint-disable-line declaration-no-important\n      }\n    }\n    .badge {\n      position: relative;\n      right: 16px;\n      bottom: 0;\n    }\n  }\n}\n"]}

data/lib/assets/stylesheets/css/components/mekari-ui-dropdown-min.css

@@ -1,2 +1,2 @@
-.dropdown-item--title{font-size:.75rem;line-height:16px;letter-spacing:.2px}.fade{transition:opacity .15s linear}@media (prefers-reduced-motion:reduce){.fade{transition:none}}.fade:not(.show){opacity:0}.collapse:not(.show){display:none}.collapsing{position:relative;height:0;overflow:hidden;transition:height .35s ease}@media (prefers-reduced-motion:reduce){.collapsing{transition:none}}.dropdown,.dropleft,.dropright,.dropup{position:relative}.dropdown-toggle{white-space:nowrap}.dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid;border-right:.3em solid transparent;border-bottom:0;border-left:.3em solid transparent}.dropdown-toggle:empty::after{margin-left:0}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:10rem;padding:.5rem 0;margin:.125rem 0 0;font-size:.875rem;color:#212121;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.15);border-radius:4px}.dropdown-menu-left{right:auto;left:0}.dropdown-menu-right{right:0;left:auto}@media (min-width:576px){.dropdown-menu-sm-left{right:auto;left:0}.dropdown-menu-sm-right{right:0;left:auto}}@media (min-width:768px){.dropdown-menu-md-left{right:auto;left:0}.dropdown-menu-md-right{right:0;left:auto}}@media (min-width:992px){.dropdown-menu-lg-left{right:auto;left:0}.dropdown-menu-lg-right{right:0;left:auto}}@media (min-width:1272px){.dropdown-menu-xl-left{right:auto;left:0}.dropdown-menu-xl-right{right:0;left:auto}}.dropup .dropdown-menu{top:auto;bottom:100%;margin-top:0;margin-bottom:.125rem}.dropup .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:0;border-right:.3em solid transparent;border-bottom:.3em solid;border-left:.3em solid transparent}.dropup .dropdown-toggle:empty::after{margin-left:0}.dropright .dropdown-menu{top:0;right:auto;left:100%;margin-top:0;margin-left:.125rem}.dropright .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:0;border-bottom:.3em solid transparent;border-left:.3em solid}.dropright .dropdown-toggle:empty::after{margin-left:0}.dropright .dropdown-toggle::after{vertical-align:0}.dropleft .dropdown-menu{top:0;right:100%;left:auto;margin-top:0;margin-right:.125rem}.dropleft .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:""}.dropleft .dropdown-toggle::after{display:none}.dropleft .dropdown-toggle::before{display:inline-block;margin-right:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:.3em solid;border-bottom:.3em solid transparent}.dropleft .dropdown-toggle:empty::after{margin-left:0}.dropleft .dropdown-toggle::before{vertical-align:0}.dropdown-menu[x-placement^=bottom],.dropdown-menu[x-placement^=left],.dropdown-menu[x-placement^=right],.dropdown-menu[x-placement^=top]{right:auto;bottom:auto}.dropdown-divider{height:0;margin:8px 0;overflow:hidden;border-top:1px solid #e9ecef}.dropdown-item{display:block;width:100%;padding:.25rem 1.5rem;clear:both;font-weight:400;color:#212529;text-align:inherit;white-space:nowrap;background-color:transparent;border:0}.dropdown-item:focus,.dropdown-item:hover{color:#16181b;text-decoration:none;background-color:#f8f9fa}.dropdown-item.active,.dropdown-item:active{color:#fff;text-decoration:none;background-color:#005fbf}.dropdown-item.disabled,.dropdown-item:disabled{color:#b4b4b4;pointer-events:none;background-color:transparent}.dropdown-menu.show{display:block}.dropdown-header{display:block;padding:.5rem 1.5rem;margin-bottom:0;font-size:.75rem;color:#6c757d;white-space:nowrap}.dropdown-item-text{display:block;padding:.25rem 1.5rem;color:#212529}.dropdown-item--title{font-size:.75rem;line-height:16px;letter-spacing:.2px}.dropdown-toggle::after{display:none;vertical-align:2px}.dropdown-menu{width:auto;min-width:80px;max-width:684px;padding:0;margin:4px 0 0;overflow-y:auto;background-color:#fff;border:1px solid #e2e2e2;box-shadow:0 2px 4px rgba(119,119,119,.1),0 4px 8px rgba(119,119,119,.2);border-radius:4px}.dropdown-menu::-webkit-scrollbar{width:12px;background-color:transparent}.dropdown-menu::-webkit-scrollbar-thumb{background-color:#777;background-clip:padding-box;border:4px solid transparent;border-radius:16px}.dropdown-menu::-webkit-scrollbar-track{background-color:#fff;border-radius:4px}.dropdown-menu--small{width:80px}.dropdown-menu--medium{width:184px}.dropdown-menu--large{width:288px}.dropdown-menu--max-content{width:-webkit-max-content;width:-moz-max-content;width:max-content}.dropdown-menu--fixed-height{max-height:180px}.dropdown-item{padding:8px;color:#212121;white-space:normal;cursor:pointer;outline:0}.dropdown-item--title{padding-top:12px;padding-bottom:4px;color:#777;text-transform:capitalize;border-top:1px solid #e2e2e2}.dropdown-item--title:first-child{border:none}.dropdown-item:hover{background-color:#f2f4f7}.dropdown-item:hover:active{color:#212121}.dropdown-item.active:hover{background-color:#00468c}.dropdown-item.active:hover:active{color:#f2f4f7}.dropdown-item.active .ic{color:inherit}.dropdown-item.is-selected{background-color:#f2f4f7}.dropdown-divider{margin:0}.dropdown-not-found{display:block;padding:8px;color:#b4b4b4;text-align:center}.dropdown-selected-list{margin-top:4px}.dropdown-selected-list .badge{margin-top:4px;margin-right:8px}.dropdown-selected-list .badge:last-child{margin-right:0}.dropdown-action{padding:8px}.dropdown-action input{width:100%;margin:0}.dropdown-action:hover{background-color:inherit}.dropdown-with-action .dropdown-menu{max-height:none;overflow:hidden}.dropdown-with-action .dropdown-menu .dropdown-action:hover{background-color:inherit}.dropdown-with-action .dropdown-menu-list{height:auto;max-height:126px;overflow-y:auto}.dropdown-with-action .dropdown-menu-list::-webkit-scrollbar{width:12px;background-color:transparent}.dropdown-with-action .dropdown-menu-list::-webkit-scrollbar-thumb{background-color:#777;background-clip:padding-box;border:4px solid transparent;border-radius:16px}.dropdown-with-action .dropdown-menu-list::-webkit-scrollbar-track{background-color:#fff;border-radius:4px}.dropdown-with-avatar span{vertical-align:middle}.dropdown-with-pill .dropdown-menu-list .dropdown-item.is-selected{color:#b4b4b4;pointer-events:none;background-color:transparent}.dropdown--medium{width:184px}.dropdown--large{width:288px}
+.dropdown-item--title{font-size:.75rem;line-height:16px;letter-spacing:.2px}.fade{transition:opacity .15s linear}@media (prefers-reduced-motion:reduce){.fade{transition:none}}.fade:not(.show){opacity:0}.collapse:not(.show){display:none}.collapsing{position:relative;height:0;overflow:hidden;transition:height .35s ease}@media (prefers-reduced-motion:reduce){.collapsing{transition:none}}.dropdown,.dropleft,.dropright,.dropup{position:relative}.dropdown-toggle{white-space:nowrap}.dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid;border-right:.3em solid transparent;border-bottom:0;border-left:.3em solid transparent}.dropdown-toggle:empty::after{margin-left:0}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:10rem;padding:.5rem 0;margin:.125rem 0 0;font-size:.875rem;color:#212121;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.15);border-radius:4px}.dropdown-menu-left{right:auto;left:0}.dropdown-menu-right{right:0;left:auto}@media (min-width:576px){.dropdown-menu-sm-left{right:auto;left:0}.dropdown-menu-sm-right{right:0;left:auto}}@media (min-width:768px){.dropdown-menu-md-left{right:auto;left:0}.dropdown-menu-md-right{right:0;left:auto}}@media (min-width:992px){.dropdown-menu-lg-left{right:auto;left:0}.dropdown-menu-lg-right{right:0;left:auto}}@media (min-width:1272px){.dropdown-menu-xl-left{right:auto;left:0}.dropdown-menu-xl-right{right:0;left:auto}}.dropup .dropdown-menu{top:auto;bottom:100%;margin-top:0;margin-bottom:.125rem}.dropup .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:0;border-right:.3em solid transparent;border-bottom:.3em solid;border-left:.3em solid transparent}.dropup .dropdown-toggle:empty::after{margin-left:0}.dropright .dropdown-menu{top:0;right:auto;left:100%;margin-top:0;margin-left:.125rem}.dropright .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:0;border-bottom:.3em solid transparent;border-left:.3em solid}.dropright .dropdown-toggle:empty::after{margin-left:0}.dropright .dropdown-toggle::after{vertical-align:0}.dropleft .dropdown-menu{top:0;right:100%;left:auto;margin-top:0;margin-right:.125rem}.dropleft .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:""}.dropleft .dropdown-toggle::after{display:none}.dropleft .dropdown-toggle::before{display:inline-block;margin-right:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:.3em solid;border-bottom:.3em solid transparent}.dropleft .dropdown-toggle:empty::after{margin-left:0}.dropleft .dropdown-toggle::before{vertical-align:0}.dropdown-menu[x-placement^=bottom],.dropdown-menu[x-placement^=left],.dropdown-menu[x-placement^=right],.dropdown-menu[x-placement^=top]{right:auto;bottom:auto}.dropdown-divider{height:0;margin:8px 0;overflow:hidden;border-top:1px solid #e9ecef}.dropdown-item{display:block;width:100%;padding:.25rem 1.5rem;clear:both;font-weight:400;color:#212529;text-align:inherit;white-space:nowrap;background-color:transparent;border:0}.dropdown-item:focus,.dropdown-item:hover{color:#16181b;text-decoration:none;background-color:#f8f9fa}.dropdown-item.active,.dropdown-item:active{color:#fff;text-decoration:none;background-color:#005fbf}.dropdown-item.disabled,.dropdown-item:disabled{color:#b4b4b4;pointer-events:none;background-color:transparent}.dropdown-menu.show{display:block}.dropdown-header{display:block;padding:.5rem 1.5rem;margin-bottom:0;font-size:.75rem;color:#6c757d;white-space:nowrap}.dropdown-item-text{display:block;padding:.25rem 1.5rem;color:#212529}.dropdown-item--title{font-size:.75rem;line-height:16px;letter-spacing:.2px}.dropdown-toggle::after{display:none;vertical-align:2px}.dropdown-menu{width:auto;min-width:80px;max-width:684px;padding:0;margin:4px 0 0;overflow-y:hidden;background-color:#fff;border:1px solid #e2e2e2;box-shadow:0 2px 4px rgba(119,119,119,.1),0 4px 8px rgba(119,119,119,.2);border-radius:4px}.dropdown-menu::-webkit-scrollbar{width:12px;background-color:transparent}.dropdown-menu::-webkit-scrollbar-thumb{background-color:#777;background-clip:padding-box;border:4px solid transparent;border-radius:16px}.dropdown-menu::-webkit-scrollbar-track{background-color:#fff;border-radius:4px}.dropdown-menu--small{width:80px}.dropdown-menu--medium{width:184px}.dropdown-menu--large{width:288px}.dropdown-menu--max-content{width:-webkit-max-content;width:-moz-max-content;width:max-content}.dropdown-menu--fixed-height{max-height:180px}.dropdown-menu--fixed-height .dropdown-item--container{max-height:180px;overflow:auto}.dropdown-menu--fixed-height .dropdown-item--search+.dropdown-item--container{max-height:126px}.dropdown-item{padding:8px;color:#212121;white-space:normal;cursor:pointer;outline:0}.dropdown-item--title{padding-top:12px;padding-bottom:4px;color:#777;text-transform:capitalize;border-top:1px solid #e2e2e2}.dropdown-item--title:first-child{border:none}.dropdown-item:hover{background-color:#f2f4f7}.dropdown-item:hover:active{color:#212121}.dropdown-item.active:hover{background-color:#00468c}.dropdown-item.active:hover:active{color:#f2f4f7}.dropdown-item.active .ic{color:inherit}.dropdown-item.is-selected{background-color:#f2f4f7}.dropdown-divider{margin:0}.dropdown-not-found{display:block;padding:8px;color:#b4b4b4;text-align:center}.dropdown-selected-list{margin-top:4px}.dropdown-selected-list .badge{margin-top:4px;margin-right:8px}.dropdown-selected-list .badge:last-child{margin-right:0}.dropdown-action{padding:8px}.dropdown-action input{width:100%;margin:0}.dropdown-action:hover{background-color:inherit}.dropdown-with-action .dropdown-menu{max-height:none;overflow:hidden}.dropdown-with-action .dropdown-menu .dropdown-action:hover{background-color:inherit}.dropdown-with-action .dropdown-menu-list{height:auto;max-height:126px;overflow-y:auto}.dropdown-with-action .dropdown-menu-list::-webkit-scrollbar{width:12px;background-color:transparent}.dropdown-with-action .dropdown-menu-list::-webkit-scrollbar-thumb{background-color:#777;background-clip:padding-box;border:4px solid transparent;border-radius:16px}.dropdown-with-action .dropdown-menu-list::-webkit-scrollbar-track{background-color:#fff;border-radius:4px}.dropdown-with-avatar span{vertical-align:middle}.dropdown-with-pill .dropdown-menu-list .dropdown-item.is-selected{color:#b4b4b4;pointer-events:none;background-color:transparent}.dropdown--medium{width:184px}.dropdown--large{width:288px}
 /*# sourceMappingURL=mekari-ui-dropdown-min.css.map */

data/lib/assets/stylesheets/css/components/mekari-ui-dropdown-min.css.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../scss/mixins/_text.scss","../../../scss/vendors/_transitions.scss","../../../scss/vendors/mixins/_transition.scss","dist/css/components/mekari-ui-dropdown.css","../../../scss/vendors/_dropdown.scss","../../../scss/vendors/mixins/_caret.scss","../../../scss/vendors/_rfs.scss","../../../scss/vendors/mixins/_border-radius.scss","../../../scss/vendors/mixins/_breakpoints.scss","../../../scss/vendors/mixins/_nav-divider.scss","../../../scss/vendors/mixins/_hover.scss","../../../scss/vendors/mixins/_gradients.scss","../../../scss/components/config/_dropdowns.scss","../../../scss/mixins/_scroll.scss"],"names":[],"mappings":"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","sourcesContent":["%font-size-base {\n  font-size: $font-size-base; // 16px\n  line-height: 20px;\n  letter-spacing: $letter-spacing;\n}\n\n%font-size-sm {\n  font-size: $font-size-sm; // 12px\n  line-height: 16px;\n  letter-spacing: $letter-spacing;\n}\n",".#{$prefix}fade {\n  @include transition($transition-fade);\n\n  &:not(.#{$prefix}show) {\n    opacity: 0;\n  }\n}\n\n.#{$prefix}collapse {\n  &:not(.#{$prefix}show) {\n    display: none;\n  }\n}\n\n.#{$prefix}collapsing {\n  position: relative;\n  height: 0;\n  overflow: hidden;\n  @include transition($transition-collapse);\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",".dropdown-item--title {\n  font-size: 0.75rem;\n  line-height: 16px;\n  letter-spacing: 0.2px;\n}\n\n.fade {\n  transition: opacity 0.15s linear;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .fade {\n    transition: none;\n  }\n}\n\n.fade:not(.show) {\n  opacity: 0;\n}\n\n.collapse:not(.show) {\n  display: none;\n}\n\n.collapsing {\n  position: relative;\n  height: 0;\n  overflow: hidden;\n  transition: height 0.35s ease;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .collapsing {\n    transition: none;\n  }\n}\n\n.dropup,\n.dropright,\n.dropdown,\n.dropleft {\n  position: relative;\n}\n\n.dropdown-toggle {\n  white-space: nowrap;\n}\n\n.dropdown-toggle::after {\n  display: inline-block;\n  margin-left: 0.255em;\n  vertical-align: 0.255em;\n  content: \"\";\n  border-top: 0.3em solid;\n  border-right: 0.3em solid transparent;\n  border-bottom: 0;\n  border-left: 0.3em solid transparent;\n}\n\n.dropdown-toggle:empty::after {\n  margin-left: 0;\n}\n\n.dropdown-menu {\n  position: absolute;\n  top: 100%;\n  left: 0;\n  z-index: 1000;\n  display: none;\n  float: left;\n  min-width: 10rem;\n  padding: 0.5rem 0;\n  margin: 0.125rem 0 0;\n  font-size: 0.875rem;\n  color: #212121;\n  text-align: left;\n  list-style: none;\n  background-color: #fff;\n  background-clip: padding-box;\n  border: 1px solid rgba(0, 0, 0, 0.15);\n  border-radius: 4px;\n}\n\n.dropdown-menu-left {\n  right: auto;\n  left: 0;\n}\n\n.dropdown-menu-right {\n  right: 0;\n  left: auto;\n}\n\n@media (min-width: 576px) {\n  .dropdown-menu-sm-left {\n    right: auto;\n    left: 0;\n  }\n  .dropdown-menu-sm-right {\n    right: 0;\n    left: auto;\n  }\n}\n\n@media (min-width: 768px) {\n  .dropdown-menu-md-left {\n    right: auto;\n    left: 0;\n  }\n  .dropdown-menu-md-right {\n    right: 0;\n    left: auto;\n  }\n}\n\n@media (min-width: 992px) {\n  .dropdown-menu-lg-left {\n    right: auto;\n    left: 0;\n  }\n  .dropdown-menu-lg-right {\n    right: 0;\n    left: auto;\n  }\n}\n\n@media (min-width: 1272px) {\n  .dropdown-menu-xl-left {\n    right: auto;\n    left: 0;\n  }\n  .dropdown-menu-xl-right {\n    right: 0;\n    left: auto;\n  }\n}\n\n.dropup .dropdown-menu {\n  top: auto;\n  bottom: 100%;\n  margin-top: 0;\n  margin-bottom: 0.125rem;\n}\n\n.dropup .dropdown-toggle::after {\n  display: inline-block;\n  margin-left: 0.255em;\n  vertical-align: 0.255em;\n  content: \"\";\n  border-top: 0;\n  border-right: 0.3em solid transparent;\n  border-bottom: 0.3em solid;\n  border-left: 0.3em solid transparent;\n}\n\n.dropup .dropdown-toggle:empty::after {\n  margin-left: 0;\n}\n\n.dropright .dropdown-menu {\n  top: 0;\n  right: auto;\n  left: 100%;\n  margin-top: 0;\n  margin-left: 0.125rem;\n}\n\n.dropright .dropdown-toggle::after {\n  display: inline-block;\n  margin-left: 0.255em;\n  vertical-align: 0.255em;\n  content: \"\";\n  border-top: 0.3em solid transparent;\n  border-right: 0;\n  border-bottom: 0.3em solid transparent;\n  border-left: 0.3em solid;\n}\n\n.dropright .dropdown-toggle:empty::after {\n  margin-left: 0;\n}\n\n.dropright .dropdown-toggle::after {\n  vertical-align: 0;\n}\n\n.dropleft .dropdown-menu {\n  top: 0;\n  right: 100%;\n  left: auto;\n  margin-top: 0;\n  margin-right: 0.125rem;\n}\n\n.dropleft .dropdown-toggle::after {\n  display: inline-block;\n  margin-left: 0.255em;\n  vertical-align: 0.255em;\n  content: \"\";\n}\n\n.dropleft .dropdown-toggle::after {\n  display: none;\n}\n\n.dropleft .dropdown-toggle::before {\n  display: inline-block;\n  margin-right: 0.255em;\n  vertical-align: 0.255em;\n  content: \"\";\n  border-top: 0.3em solid transparent;\n  border-right: 0.3em solid;\n  border-bottom: 0.3em solid transparent;\n}\n\n.dropleft .dropdown-toggle:empty::after {\n  margin-left: 0;\n}\n\n.dropleft .dropdown-toggle::before {\n  vertical-align: 0;\n}\n\n.dropdown-menu[x-placement^=\"top\"], .dropdown-menu[x-placement^=\"right\"], .dropdown-menu[x-placement^=\"bottom\"], .dropdown-menu[x-placement^=\"left\"] {\n  right: auto;\n  bottom: auto;\n}\n\n.dropdown-divider {\n  height: 0;\n  margin: 8px 0;\n  overflow: hidden;\n  border-top: 1px solid #e9ecef;\n}\n\n.dropdown-item {\n  display: block;\n  width: 100%;\n  padding: 0.25rem 1.5rem;\n  clear: both;\n  font-weight: 400;\n  color: #212529;\n  text-align: inherit;\n  white-space: nowrap;\n  background-color: transparent;\n  border: 0;\n}\n\n.dropdown-item:hover, .dropdown-item:focus {\n  color: #16181b;\n  text-decoration: none;\n  background-color: #f8f9fa;\n}\n\n.dropdown-item.active, .dropdown-item:active {\n  color: #fff;\n  text-decoration: none;\n  background-color: #005fbf;\n}\n\n.dropdown-item.disabled, .dropdown-item:disabled {\n  color: #b4b4b4;\n  pointer-events: none;\n  background-color: transparent;\n}\n\n.dropdown-menu.show {\n  display: block;\n}\n\n.dropdown-header {\n  display: block;\n  padding: 0.5rem 1.5rem;\n  margin-bottom: 0;\n  font-size: 0.75rem;\n  color: #6c757d;\n  white-space: nowrap;\n}\n\n.dropdown-item-text {\n  display: block;\n  padding: 0.25rem 1.5rem;\n  color: #212529;\n}\n\n.dropdown-item--title {\n  font-size: 0.75rem;\n  line-height: 16px;\n  letter-spacing: 0.2px;\n}\n\n.dropdown-toggle::after {\n  display: none;\n  vertical-align: 2px;\n}\n\n.dropdown-menu {\n  width: auto;\n  min-width: 80px;\n  max-width: 684px;\n  padding: 0;\n  margin: 4px 0 0;\n  overflow-y: auto;\n  background-color: #fff;\n  border: 1px solid #e2e2e2;\n  box-shadow: 0 2px 4px rgba(119, 119, 119, 0.1), 0 4px 8px rgba(119, 119, 119, 0.2);\n  border-radius: 4px;\n}\n\n.dropdown-menu::-webkit-scrollbar {\n  width: 12px;\n  background-color: transparent;\n}\n\n.dropdown-menu::-webkit-scrollbar-thumb {\n  background-color: #777;\n  background-clip: padding-box;\n  border: 4px solid transparent;\n  border-radius: 16px;\n}\n\n.dropdown-menu::-webkit-scrollbar-track {\n  background-color: #fff;\n  border-radius: 4px;\n}\n\n.dropdown-menu--small {\n  width: 80px;\n}\n\n.dropdown-menu--medium {\n  width: 184px;\n}\n\n.dropdown-menu--large {\n  width: 288px;\n}\n\n.dropdown-menu--max-content {\n  width: -webkit-max-content;\n  width: -moz-max-content;\n  width: max-content;\n}\n\n.dropdown-menu--fixed-height {\n  max-height: 180px;\n}\n\n.dropdown-item {\n  padding: 8px;\n  color: #212121;\n  white-space: normal;\n  cursor: pointer;\n  outline: none;\n}\n\n.dropdown-item--title {\n  padding-top: 12px;\n  padding-bottom: 4px;\n  color: #777;\n  text-transform: capitalize;\n  border-top: 1px solid #e2e2e2;\n}\n\n.dropdown-item--title:first-child {\n  border: none;\n}\n\n.dropdown-item:hover {\n  background-color: #f2f4f7;\n}\n\n.dropdown-item:hover:active {\n  color: #212121;\n}\n\n.dropdown-item.active:hover {\n  background-color: #00468c;\n}\n\n.dropdown-item.active:hover:active {\n  color: #f2f4f7;\n}\n\n.dropdown-item.active .ic {\n  color: inherit;\n}\n\n.dropdown-item.is-selected {\n  background-color: #f2f4f7;\n}\n\n.dropdown-divider {\n  margin: 0;\n}\n\n.dropdown-not-found {\n  display: block;\n  padding: 8px;\n  color: #b4b4b4;\n  text-align: center;\n}\n\n.dropdown-selected-list {\n  margin-top: 4px;\n}\n\n.dropdown-selected-list .badge {\n  margin-top: 4px;\n  margin-right: 8px;\n}\n\n.dropdown-selected-list .badge:last-child {\n  margin-right: 0;\n}\n\n.dropdown-action {\n  padding: 8px;\n}\n\n.dropdown-action input {\n  width: 100%;\n  margin: 0;\n}\n\n.dropdown-action:hover {\n  background-color: inherit;\n}\n\n.dropdown-with-action .dropdown-menu {\n  max-height: none;\n  overflow: hidden;\n}\n\n.dropdown-with-action .dropdown-menu .dropdown-action:hover {\n  background-color: inherit;\n}\n\n.dropdown-with-action .dropdown-menu-list {\n  height: auto;\n  max-height: 126px;\n  overflow-y: auto;\n}\n\n.dropdown-with-action .dropdown-menu-list::-webkit-scrollbar {\n  width: 12px;\n  background-color: transparent;\n}\n\n.dropdown-with-action .dropdown-menu-list::-webkit-scrollbar-thumb {\n  background-color: #777;\n  background-clip: padding-box;\n  border: 4px solid transparent;\n  border-radius: 16px;\n}\n\n.dropdown-with-action .dropdown-menu-list::-webkit-scrollbar-track {\n  background-color: #fff;\n  border-radius: 4px;\n}\n\n.dropdown-with-avatar span {\n  vertical-align: middle;\n}\n\n.dropdown-with-pill .dropdown-menu-list .dropdown-item.is-selected {\n  color: #b4b4b4;\n  pointer-events: none;\n  background-color: transparent;\n}\n\n.dropdown--medium {\n  width: 184px;\n}\n\n.dropdown--large {\n  width: 288px;\n}\n/*# sourceMappingURL=mekari-ui-dropdown.css.map */","// The dropdown wrapper (`<div>`)\n.#{$prefix}dropup,\n.#{$prefix}dropright,\n.#{$prefix}dropdown,\n.#{$prefix}dropleft {\n  position: relative;\n}\n\n.#{$prefix}dropdown-toggle {\n  white-space: nowrap;\n\n  // Generate the caret automatically\n  @include caret;\n}\n\n// The dropdown menu\n.#{$prefix}dropdown-menu {\n  position: absolute;\n  top: 100%;\n  left: 0;\n  z-index: $zindex-dropdown;\n  display: none; // none by default, but block on \"open\" of the menu\n  float: left;\n  min-width: $dropdown-min-width;\n  padding: $dropdown-padding-y 0;\n  margin: $dropdown-spacer 0 0; // override default ul\n  @include font-size($dropdown-font-size);\n  color: $dropdown-color;\n  text-align: left; // Ensures proper alignment if parent has it changed (e.g., modal footer)\n  list-style: none;\n  background-color: $dropdown-bg;\n  background-clip: padding-box;\n  border: $dropdown-border-width solid $dropdown-border-color;\n  @include border-radius($dropdown-border-radius);\n  @include box-shadow($dropdown-box-shadow);\n}\n\n@each $breakpoint in map-keys($grid-breakpoints) {\n  @include media-breakpoint-up($breakpoint) {\n    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);\n\n    .#{$prefix}dropdown-menu#{$infix}-left {\n      right: auto;\n      left: 0;\n    }\n\n    .#{$prefix}dropdown-menu#{$infix}-right {\n      right: 0;\n      left: auto;\n    }\n  }\n}\n\n// Allow for dropdowns to go bottom up (aka, dropup-menu)\n// Just add .#{$prefix}dropup after the standard .#{$prefix}dropdown class and you're set.\n.#{$prefix}dropup {\n  .#{$prefix}dropdown-menu {\n    top: auto;\n    bottom: 100%;\n    margin-top: 0;\n    margin-bottom: $dropdown-spacer;\n  }\n\n  .#{$prefix}dropdown-toggle {\n    @include caret(up);\n  }\n}\n\n.#{$prefix}dropright {\n  .#{$prefix}dropdown-menu {\n    top: 0;\n    right: auto;\n    left: 100%;\n    margin-top: 0;\n    margin-left: $dropdown-spacer;\n  }\n\n  .#{$prefix}dropdown-toggle {\n    @include caret(right);\n    &::after {\n      vertical-align: 0;\n    }\n  }\n}\n\n.#{$prefix}dropleft {\n  .#{$prefix}dropdown-menu {\n    top: 0;\n    right: 100%;\n    left: auto;\n    margin-top: 0;\n    margin-right: $dropdown-spacer;\n  }\n\n  .#{$prefix}dropdown-toggle {\n    @include caret(left);\n    &::before {\n      vertical-align: 0;\n    }\n  }\n}\n\n// When enabled Popper.js, reset basic dropdown position\n// stylelint-disable-next-line no-duplicate-selectors\n.#{$prefix}dropdown-menu {\n  &[x-placement^=\"top\"],\n  &[x-placement^=\"right\"],\n  &[x-placement^=\"bottom\"],\n  &[x-placement^=\"left\"] {\n    right: auto;\n    bottom: auto;\n  }\n}\n\n// Dividers (basically an `<hr>`) within the dropdown\n.#{$prefix}dropdown-divider {\n  @include nav-divider($dropdown-divider-bg, $dropdown-divider-margin-y);\n}\n\n// Links, buttons, and more within the dropdown menu\n//\n// `<button>`-specific styles are denoted with `// For <button>s`\n.#{$prefix}dropdown-item {\n  display: block;\n  width: 100%; // For `<button>`s\n  padding: $dropdown-item-padding-y $dropdown-item-padding-x;\n  clear: both;\n  font-weight: $font-weight-normal;\n  color: $dropdown-link-color;\n  text-align: inherit; // For `<button>`s\n  white-space: nowrap; // prevent links from randomly breaking onto new lines\n  background-color: transparent; // For `<button>`s\n  border: 0; // For `<button>`s\n\n  // Prevent dropdown overflow if there's no padding\n  // See https://github.com/twbs/bootstrap/pull/27703\n  @if $dropdown-padding-y == 0 {\n    &:first-child {\n      @include border-top-radius($dropdown-inner-border-radius);\n    }\n\n    &:last-child {\n      @include border-bottom-radius($dropdown-inner-border-radius);\n    }\n  }\n\n  @include hover-focus {\n    color: $dropdown-link-hover-color;\n    text-decoration: none;\n    @include gradient-bg($dropdown-link-hover-bg);\n  }\n\n  &.active,\n  &:active {\n    color: $dropdown-link-active-color;\n    text-decoration: none;\n    @include gradient-bg($dropdown-link-active-bg);\n  }\n\n  &.disabled,\n  &:disabled {\n    color: $dropdown-link-disabled-color;\n    pointer-events: none;\n    background-color: transparent;\n    // Remove CSS gradients if they're enabled\n    @if $enable-gradients {\n      background-image: none;\n    }\n  }\n}\n\n.#{$prefix}dropdown-menu.#{$prefix}show {\n  display: block;\n}\n\n// Dropdown section headers\n.#{$prefix}dropdown-header {\n  display: block;\n  padding: $dropdown-padding-y $dropdown-item-padding-x;\n  margin-bottom: 0; // for use with heading elements\n  @include font-size($font-size-sm);\n  color: $dropdown-header-color;\n  white-space: nowrap; // as with > li > a\n}\n\n// Dropdown text\n.#{$prefix}dropdown-item-text {\n  display: block;\n  padding: $dropdown-item-padding-y $dropdown-item-padding-x;\n  color: $dropdown-link-color;\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","// 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","// 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","// 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","// 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","// 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","// 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","@import \"../../mixins/text\";\n\n.#{$prefix}dropdown {\n  &-toggle {\n    &::after {\n      display: none;\n      vertical-align: 2px;\n    }\n  }\n\n  &-menu {\n    width: auto;\n    min-width: 80px;\n    max-width: 684px;\n    padding: 0;\n    margin: 4px 0 0;\n    overflow-y: auto;\n    background-color: $white;\n    border: 1px solid $smoke;\n    box-shadow: 0 2px 4px rgba(119, 119, 119, .1), 0 4px 8px rgba(119, 119, 119, .2);\n    @include border-radius(4px);\n    @include scroll-default;\n    &--small {\n      width: 80px;\n    }\n    &--medium {\n      width: 184px;\n    }\n    &--large {\n      width: 288px;\n    }\n    &--max-content {\n      width: max-content;\n    }\n    &--fixed-height {\n      max-height: 180px;\n    }\n  }\n\n  &-item {\n    padding: 8px;\n    color: $dark;\n    white-space: normal;\n    cursor: pointer;\n    outline: none;\n\n    &--title {\n      @extend %font-size-sm;\n      padding-top: 12px;\n      padding-bottom: 4px;\n      color: $slate;\n      text-transform: capitalize;\n      border-top: 1px solid $smoke;\n    }\n\n    &--title:first-child {\n      border: none;\n    }\n\n    &:hover {\n      background-color: $cloud;\n      &:active {\n        color: $dark;\n      }\n    }\n\n    &.active {\n      &:hover {\n        background-color: darken($primary, 10%);\n        &:active {\n          color: $cloud;\n        }\n      }\n      .ic {\n        color: inherit;\n      }\n    }\n\n    &.is-selected {\n      background-color: $cloud;\n    }\n  }\n\n  &-divider {\n    margin: 0;\n  }\n\n  &-not-found {\n    display: block;\n    padding: 8px;\n    color: $muted;\n    text-align: center;\n  }\n\n  &-selected-list {\n    margin-top: 4px;\n\n    .#{$prefix}badge {\n      margin-top: 4px;\n      margin-right: 8px;\n      &:last-child {\n        margin-right: 0;\n      }\n    }\n  }\n\n  &-action {\n    padding: 8px;\n\n    input {\n      width: 100%;\n      margin: 0;\n    }\n\n    &:hover {\n      background-color: inherit;\n    }\n  }\n\n  &-with-action {\n    .#{$prefix}dropdown-menu {\n      max-height: none;\n      overflow: hidden;\n\n      .#{$prefix}dropdown-action {\n        &:hover {\n          background-color: inherit;\n        }\n      }\n\n      &-list {\n        height: auto;\n        max-height: 126px;\n        overflow-y: auto;\n        @include scroll-default;\n      }\n    }\n  }\n\n  &-with-avatar {\n    span {\n      vertical-align: middle;\n    }\n  }\n\n  &-with-pill {\n    .#{$prefix}dropdown-menu-list {\n      .#{$prefix}dropdown-item {\n        &.is-selected {\n          color: $muted;\n          pointer-events: none;\n          background-color: transparent;\n        }\n      }\n    }\n  }\n  &--medium {\n    width: 184px;\n  }\n  &--large {\n    width: 288px;\n  }\n}\n","@mixin scroll-default {\n  &::-webkit-scrollbar {\n    width: 12px;\n    background-color: transparent;\n  }\n\n  &::-webkit-scrollbar-thumb {\n    background-color: $slate;\n    background-clip: padding-box;\n    border: 4px solid transparent;\n    @include border-radius(16px);\n  }\n\n  &::-webkit-scrollbar-track {\n    background-color: $white;\n    @include border-radius(4px);\n  }\n}\n"]}
+{"version":3,"sources":["../../../scss/mixins/_text.scss","../../../scss/vendors/_transitions.scss","../../../scss/vendors/mixins/_transition.scss","dist/css/components/mekari-ui-dropdown.css","../../../scss/vendors/_dropdown.scss","../../../scss/vendors/mixins/_caret.scss","../../../scss/vendors/_rfs.scss","../../../scss/vendors/mixins/_border-radius.scss","../../../scss/vendors/mixins/_breakpoints.scss","../../../scss/vendors/mixins/_nav-divider.scss","../../../scss/vendors/mixins/_hover.scss","../../../scss/vendors/mixins/_gradients.scss","../../../scss/components/config/_dropdowns.scss","../../../scss/mixins/_scroll.scss"],"names":[],"mappings":"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","sourcesContent":["%font-size-base {\n  font-size: $font-size-base; // 16px\n  line-height: 20px;\n  letter-spacing: $letter-spacing;\n}\n\n%font-size-sm {\n  font-size: $font-size-sm; // 12px\n  line-height: 16px;\n  letter-spacing: $letter-spacing;\n}\n",".#{$prefix}fade {\n  @include transition($transition-fade);\n\n  &:not(.#{$prefix}show) {\n    opacity: 0;\n  }\n}\n\n.#{$prefix}collapse {\n  &:not(.#{$prefix}show) {\n    display: none;\n  }\n}\n\n.#{$prefix}collapsing {\n  position: relative;\n  height: 0;\n  overflow: hidden;\n  @include transition($transition-collapse);\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",".dropdown-item--title {\n  font-size: 0.75rem;\n  line-height: 16px;\n  letter-spacing: 0.2px;\n}\n\n.fade {\n  transition: opacity 0.15s linear;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .fade {\n    transition: none;\n  }\n}\n\n.fade:not(.show) {\n  opacity: 0;\n}\n\n.collapse:not(.show) {\n  display: none;\n}\n\n.collapsing {\n  position: relative;\n  height: 0;\n  overflow: hidden;\n  transition: height 0.35s ease;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .collapsing {\n    transition: none;\n  }\n}\n\n.dropup,\n.dropright,\n.dropdown,\n.dropleft {\n  position: relative;\n}\n\n.dropdown-toggle {\n  white-space: nowrap;\n}\n\n.dropdown-toggle::after {\n  display: inline-block;\n  margin-left: 0.255em;\n  vertical-align: 0.255em;\n  content: \"\";\n  border-top: 0.3em solid;\n  border-right: 0.3em solid transparent;\n  border-bottom: 0;\n  border-left: 0.3em solid transparent;\n}\n\n.dropdown-toggle:empty::after {\n  margin-left: 0;\n}\n\n.dropdown-menu {\n  position: absolute;\n  top: 100%;\n  left: 0;\n  z-index: 1000;\n  display: none;\n  float: left;\n  min-width: 10rem;\n  padding: 0.5rem 0;\n  margin: 0.125rem 0 0;\n  font-size: 0.875rem;\n  color: #212121;\n  text-align: left;\n  list-style: none;\n  background-color: #fff;\n  background-clip: padding-box;\n  border: 1px solid rgba(0, 0, 0, 0.15);\n  border-radius: 4px;\n}\n\n.dropdown-menu-left {\n  right: auto;\n  left: 0;\n}\n\n.dropdown-menu-right {\n  right: 0;\n  left: auto;\n}\n\n@media (min-width: 576px) {\n  .dropdown-menu-sm-left {\n    right: auto;\n    left: 0;\n  }\n  .dropdown-menu-sm-right {\n    right: 0;\n    left: auto;\n  }\n}\n\n@media (min-width: 768px) {\n  .dropdown-menu-md-left {\n    right: auto;\n    left: 0;\n  }\n  .dropdown-menu-md-right {\n    right: 0;\n    left: auto;\n  }\n}\n\n@media (min-width: 992px) {\n  .dropdown-menu-lg-left {\n    right: auto;\n    left: 0;\n  }\n  .dropdown-menu-lg-right {\n    right: 0;\n    left: auto;\n  }\n}\n\n@media (min-width: 1272px) {\n  .dropdown-menu-xl-left {\n    right: auto;\n    left: 0;\n  }\n  .dropdown-menu-xl-right {\n    right: 0;\n    left: auto;\n  }\n}\n\n.dropup .dropdown-menu {\n  top: auto;\n  bottom: 100%;\n  margin-top: 0;\n  margin-bottom: 0.125rem;\n}\n\n.dropup .dropdown-toggle::after {\n  display: inline-block;\n  margin-left: 0.255em;\n  vertical-align: 0.255em;\n  content: \"\";\n  border-top: 0;\n  border-right: 0.3em solid transparent;\n  border-bottom: 0.3em solid;\n  border-left: 0.3em solid transparent;\n}\n\n.dropup .dropdown-toggle:empty::after {\n  margin-left: 0;\n}\n\n.dropright .dropdown-menu {\n  top: 0;\n  right: auto;\n  left: 100%;\n  margin-top: 0;\n  margin-left: 0.125rem;\n}\n\n.dropright .dropdown-toggle::after {\n  display: inline-block;\n  margin-left: 0.255em;\n  vertical-align: 0.255em;\n  content: \"\";\n  border-top: 0.3em solid transparent;\n  border-right: 0;\n  border-bottom: 0.3em solid transparent;\n  border-left: 0.3em solid;\n}\n\n.dropright .dropdown-toggle:empty::after {\n  margin-left: 0;\n}\n\n.dropright .dropdown-toggle::after {\n  vertical-align: 0;\n}\n\n.dropleft .dropdown-menu {\n  top: 0;\n  right: 100%;\n  left: auto;\n  margin-top: 0;\n  margin-right: 0.125rem;\n}\n\n.dropleft .dropdown-toggle::after {\n  display: inline-block;\n  margin-left: 0.255em;\n  vertical-align: 0.255em;\n  content: \"\";\n}\n\n.dropleft .dropdown-toggle::after {\n  display: none;\n}\n\n.dropleft .dropdown-toggle::before {\n  display: inline-block;\n  margin-right: 0.255em;\n  vertical-align: 0.255em;\n  content: \"\";\n  border-top: 0.3em solid transparent;\n  border-right: 0.3em solid;\n  border-bottom: 0.3em solid transparent;\n}\n\n.dropleft .dropdown-toggle:empty::after {\n  margin-left: 0;\n}\n\n.dropleft .dropdown-toggle::before {\n  vertical-align: 0;\n}\n\n.dropdown-menu[x-placement^=\"top\"], .dropdown-menu[x-placement^=\"right\"], .dropdown-menu[x-placement^=\"bottom\"], .dropdown-menu[x-placement^=\"left\"] {\n  right: auto;\n  bottom: auto;\n}\n\n.dropdown-divider {\n  height: 0;\n  margin: 8px 0;\n  overflow: hidden;\n  border-top: 1px solid #e9ecef;\n}\n\n.dropdown-item {\n  display: block;\n  width: 100%;\n  padding: 0.25rem 1.5rem;\n  clear: both;\n  font-weight: 400;\n  color: #212529;\n  text-align: inherit;\n  white-space: nowrap;\n  background-color: transparent;\n  border: 0;\n}\n\n.dropdown-item:hover, .dropdown-item:focus {\n  color: #16181b;\n  text-decoration: none;\n  background-color: #f8f9fa;\n}\n\n.dropdown-item.active, .dropdown-item:active {\n  color: #fff;\n  text-decoration: none;\n  background-color: #005fbf;\n}\n\n.dropdown-item.disabled, .dropdown-item:disabled {\n  color: #b4b4b4;\n  pointer-events: none;\n  background-color: transparent;\n}\n\n.dropdown-menu.show {\n  display: block;\n}\n\n.dropdown-header {\n  display: block;\n  padding: 0.5rem 1.5rem;\n  margin-bottom: 0;\n  font-size: 0.75rem;\n  color: #6c757d;\n  white-space: nowrap;\n}\n\n.dropdown-item-text {\n  display: block;\n  padding: 0.25rem 1.5rem;\n  color: #212529;\n}\n\n.dropdown-item--title {\n  font-size: 0.75rem;\n  line-height: 16px;\n  letter-spacing: 0.2px;\n}\n\n.dropdown-toggle::after {\n  display: none;\n  vertical-align: 2px;\n}\n\n.dropdown-menu {\n  width: auto;\n  min-width: 80px;\n  max-width: 684px;\n  padding: 0;\n  margin: 4px 0 0;\n  overflow-y: hidden;\n  background-color: #fff;\n  border: 1px solid #e2e2e2;\n  box-shadow: 0 2px 4px rgba(119, 119, 119, 0.1), 0 4px 8px rgba(119, 119, 119, 0.2);\n  border-radius: 4px;\n}\n\n.dropdown-menu::-webkit-scrollbar {\n  width: 12px;\n  background-color: transparent;\n}\n\n.dropdown-menu::-webkit-scrollbar-thumb {\n  background-color: #777;\n  background-clip: padding-box;\n  border: 4px solid transparent;\n  border-radius: 16px;\n}\n\n.dropdown-menu::-webkit-scrollbar-track {\n  background-color: #fff;\n  border-radius: 4px;\n}\n\n.dropdown-menu--small {\n  width: 80px;\n}\n\n.dropdown-menu--medium {\n  width: 184px;\n}\n\n.dropdown-menu--large {\n  width: 288px;\n}\n\n.dropdown-menu--max-content {\n  width: -webkit-max-content;\n  width: -moz-max-content;\n  width: max-content;\n}\n\n.dropdown-menu--fixed-height {\n  max-height: 180px;\n}\n\n.dropdown-menu--fixed-height .dropdown-item--container {\n  max-height: 180px;\n  overflow: auto;\n}\n\n.dropdown-menu--fixed-height .dropdown-item--search + .dropdown-item--container {\n  max-height: 126px;\n}\n\n.dropdown-item {\n  padding: 8px;\n  color: #212121;\n  white-space: normal;\n  cursor: pointer;\n  outline: none;\n}\n\n.dropdown-item--title {\n  padding-top: 12px;\n  padding-bottom: 4px;\n  color: #777;\n  text-transform: capitalize;\n  border-top: 1px solid #e2e2e2;\n}\n\n.dropdown-item--title:first-child {\n  border: none;\n}\n\n.dropdown-item:hover {\n  background-color: #f2f4f7;\n}\n\n.dropdown-item:hover:active {\n  color: #212121;\n}\n\n.dropdown-item.active:hover {\n  background-color: #00468c;\n}\n\n.dropdown-item.active:hover:active {\n  color: #f2f4f7;\n}\n\n.dropdown-item.active .ic {\n  color: inherit;\n}\n\n.dropdown-item.is-selected {\n  background-color: #f2f4f7;\n}\n\n.dropdown-divider {\n  margin: 0;\n}\n\n.dropdown-not-found {\n  display: block;\n  padding: 8px;\n  color: #b4b4b4;\n  text-align: center;\n}\n\n.dropdown-selected-list {\n  margin-top: 4px;\n}\n\n.dropdown-selected-list .badge {\n  margin-top: 4px;\n  margin-right: 8px;\n}\n\n.dropdown-selected-list .badge:last-child {\n  margin-right: 0;\n}\n\n.dropdown-action {\n  padding: 8px;\n}\n\n.dropdown-action input {\n  width: 100%;\n  margin: 0;\n}\n\n.dropdown-action:hover {\n  background-color: inherit;\n}\n\n.dropdown-with-action .dropdown-menu {\n  max-height: none;\n  overflow: hidden;\n}\n\n.dropdown-with-action .dropdown-menu .dropdown-action:hover {\n  background-color: inherit;\n}\n\n.dropdown-with-action .dropdown-menu-list {\n  height: auto;\n  max-height: 126px;\n  overflow-y: auto;\n}\n\n.dropdown-with-action .dropdown-menu-list::-webkit-scrollbar {\n  width: 12px;\n  background-color: transparent;\n}\n\n.dropdown-with-action .dropdown-menu-list::-webkit-scrollbar-thumb {\n  background-color: #777;\n  background-clip: padding-box;\n  border: 4px solid transparent;\n  border-radius: 16px;\n}\n\n.dropdown-with-action .dropdown-menu-list::-webkit-scrollbar-track {\n  background-color: #fff;\n  border-radius: 4px;\n}\n\n.dropdown-with-avatar span {\n  vertical-align: middle;\n}\n\n.dropdown-with-pill .dropdown-menu-list .dropdown-item.is-selected {\n  color: #b4b4b4;\n  pointer-events: none;\n  background-color: transparent;\n}\n\n.dropdown--medium {\n  width: 184px;\n}\n\n.dropdown--large {\n  width: 288px;\n}\n/*# sourceMappingURL=mekari-ui-dropdown.css.map */","// The dropdown wrapper (`<div>`)\n.#{$prefix}dropup,\n.#{$prefix}dropright,\n.#{$prefix}dropdown,\n.#{$prefix}dropleft {\n  position: relative;\n}\n\n.#{$prefix}dropdown-toggle {\n  white-space: nowrap;\n\n  // Generate the caret automatically\n  @include caret;\n}\n\n// The dropdown menu\n.#{$prefix}dropdown-menu {\n  position: absolute;\n  top: 100%;\n  left: 0;\n  z-index: $zindex-dropdown;\n  display: none; // none by default, but block on \"open\" of the menu\n  float: left;\n  min-width: $dropdown-min-width;\n  padding: $dropdown-padding-y 0;\n  margin: $dropdown-spacer 0 0; // override default ul\n  @include font-size($dropdown-font-size);\n  color: $dropdown-color;\n  text-align: left; // Ensures proper alignment if parent has it changed (e.g., modal footer)\n  list-style: none;\n  background-color: $dropdown-bg;\n  background-clip: padding-box;\n  border: $dropdown-border-width solid $dropdown-border-color;\n  @include border-radius($dropdown-border-radius);\n  @include box-shadow($dropdown-box-shadow);\n}\n\n@each $breakpoint in map-keys($grid-breakpoints) {\n  @include media-breakpoint-up($breakpoint) {\n    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);\n\n    .#{$prefix}dropdown-menu#{$infix}-left {\n      right: auto;\n      left: 0;\n    }\n\n    .#{$prefix}dropdown-menu#{$infix}-right {\n      right: 0;\n      left: auto;\n    }\n  }\n}\n\n// Allow for dropdowns to go bottom up (aka, dropup-menu)\n// Just add .#{$prefix}dropup after the standard .#{$prefix}dropdown class and you're set.\n.#{$prefix}dropup {\n  .#{$prefix}dropdown-menu {\n    top: auto;\n    bottom: 100%;\n    margin-top: 0;\n    margin-bottom: $dropdown-spacer;\n  }\n\n  .#{$prefix}dropdown-toggle {\n    @include caret(up);\n  }\n}\n\n.#{$prefix}dropright {\n  .#{$prefix}dropdown-menu {\n    top: 0;\n    right: auto;\n    left: 100%;\n    margin-top: 0;\n    margin-left: $dropdown-spacer;\n  }\n\n  .#{$prefix}dropdown-toggle {\n    @include caret(right);\n    &::after {\n      vertical-align: 0;\n    }\n  }\n}\n\n.#{$prefix}dropleft {\n  .#{$prefix}dropdown-menu {\n    top: 0;\n    right: 100%;\n    left: auto;\n    margin-top: 0;\n    margin-right: $dropdown-spacer;\n  }\n\n  .#{$prefix}dropdown-toggle {\n    @include caret(left);\n    &::before {\n      vertical-align: 0;\n    }\n  }\n}\n\n// When enabled Popper.js, reset basic dropdown position\n// stylelint-disable-next-line no-duplicate-selectors\n.#{$prefix}dropdown-menu {\n  &[x-placement^=\"top\"],\n  &[x-placement^=\"right\"],\n  &[x-placement^=\"bottom\"],\n  &[x-placement^=\"left\"] {\n    right: auto;\n    bottom: auto;\n  }\n}\n\n// Dividers (basically an `<hr>`) within the dropdown\n.#{$prefix}dropdown-divider {\n  @include nav-divider($dropdown-divider-bg, $dropdown-divider-margin-y);\n}\n\n// Links, buttons, and more within the dropdown menu\n//\n// `<button>`-specific styles are denoted with `// For <button>s`\n.#{$prefix}dropdown-item {\n  display: block;\n  width: 100%; // For `<button>`s\n  padding: $dropdown-item-padding-y $dropdown-item-padding-x;\n  clear: both;\n  font-weight: $font-weight-normal;\n  color: $dropdown-link-color;\n  text-align: inherit; // For `<button>`s\n  white-space: nowrap; // prevent links from randomly breaking onto new lines\n  background-color: transparent; // For `<button>`s\n  border: 0; // For `<button>`s\n\n  // Prevent dropdown overflow if there's no padding\n  // See https://github.com/twbs/bootstrap/pull/27703\n  @if $dropdown-padding-y == 0 {\n    &:first-child {\n      @include border-top-radius($dropdown-inner-border-radius);\n    }\n\n    &:last-child {\n      @include border-bottom-radius($dropdown-inner-border-radius);\n    }\n  }\n\n  @include hover-focus {\n    color: $dropdown-link-hover-color;\n    text-decoration: none;\n    @include gradient-bg($dropdown-link-hover-bg);\n  }\n\n  &.active,\n  &:active {\n    color: $dropdown-link-active-color;\n    text-decoration: none;\n    @include gradient-bg($dropdown-link-active-bg);\n  }\n\n  &.disabled,\n  &:disabled {\n    color: $dropdown-link-disabled-color;\n    pointer-events: none;\n    background-color: transparent;\n    // Remove CSS gradients if they're enabled\n    @if $enable-gradients {\n      background-image: none;\n    }\n  }\n}\n\n.#{$prefix}dropdown-menu.#{$prefix}show {\n  display: block;\n}\n\n// Dropdown section headers\n.#{$prefix}dropdown-header {\n  display: block;\n  padding: $dropdown-padding-y $dropdown-item-padding-x;\n  margin-bottom: 0; // for use with heading elements\n  @include font-size($font-size-sm);\n  color: $dropdown-header-color;\n  white-space: nowrap; // as with > li > a\n}\n\n// Dropdown text\n.#{$prefix}dropdown-item-text {\n  display: block;\n  padding: $dropdown-item-padding-y $dropdown-item-padding-x;\n  color: $dropdown-link-color;\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","// 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","// 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","// 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","// 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","// 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","// 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","@import \"../../mixins/text\";\n\n.#{$prefix}dropdown {\n  &-toggle {\n    &::after {\n      display: none;\n      vertical-align: 2px;\n    }\n  }\n\n  &-menu {\n    width: auto;\n    min-width: 80px;\n    max-width: 684px;\n    padding: 0;\n    margin: 4px 0 0;\n    overflow-y: hidden;\n    background-color: $white;\n    border: 1px solid $smoke;\n    box-shadow: 0 2px 4px rgba(119, 119, 119, .1), 0 4px 8px rgba(119, 119, 119, .2);\n    @include border-radius(4px);\n    @include scroll-default;\n    &--small {\n      width: 80px;\n    }\n    &--medium {\n      width: 184px;\n    }\n    &--large {\n      width: 288px;\n    }\n    &--max-content {\n      width: max-content;\n    }\n    &--fixed-height {\n      max-height: 180px;\n      .#{$prefix}dropdown-item--container {\n        max-height: 180px;\n        overflow: auto;\n      }\n      .#{$prefix}dropdown-item--search + .#{$prefix}dropdown-item--container {\n        max-height: 126px;\n      }\n    }\n  }\n\n  &-item {\n    padding: 8px;\n    color: $dark;\n    white-space: normal;\n    cursor: pointer;\n    outline: none;\n\n    &--title {\n      @extend %font-size-sm;\n      padding-top: 12px;\n      padding-bottom: 4px;\n      color: $slate;\n      text-transform: capitalize;\n      border-top: 1px solid $smoke;\n    }\n\n    &--title:first-child {\n      border: none;\n    }\n\n    &:hover {\n      background-color: $cloud;\n      &:active {\n        color: $dark;\n      }\n    }\n\n    &.active {\n      &:hover {\n        background-color: darken($primary, 10%);\n        &:active {\n          color: $cloud;\n        }\n      }\n      .ic {\n        color: inherit;\n      }\n    }\n\n    &.is-selected {\n      background-color: $cloud;\n    }\n  }\n\n  &-divider {\n    margin: 0;\n  }\n\n  &-not-found {\n    display: block;\n    padding: 8px;\n    color: $muted;\n    text-align: center;\n  }\n\n  &-selected-list {\n    margin-top: 4px;\n\n    .#{$prefix}badge {\n      margin-top: 4px;\n      margin-right: 8px;\n      &:last-child {\n        margin-right: 0;\n      }\n    }\n  }\n\n  &-action {\n    padding: 8px;\n\n    input {\n      width: 100%;\n      margin: 0;\n    }\n\n    &:hover {\n      background-color: inherit;\n    }\n  }\n\n  &-with-action {\n    .#{$prefix}dropdown-menu {\n      max-height: none;\n      overflow: hidden;\n\n      .#{$prefix}dropdown-action {\n        &:hover {\n          background-color: inherit;\n        }\n      }\n\n      &-list {\n        height: auto;\n        max-height: 126px;\n        overflow-y: auto;\n        @include scroll-default;\n      }\n    }\n  }\n\n  &-with-avatar {\n    span {\n      vertical-align: middle;\n    }\n  }\n\n  &-with-pill {\n    .#{$prefix}dropdown-menu-list {\n      .#{$prefix}dropdown-item {\n        &.is-selected {\n          color: $muted;\n          pointer-events: none;\n          background-color: transparent;\n        }\n      }\n    }\n  }\n  &--medium {\n    width: 184px;\n  }\n  &--large {\n    width: 288px;\n  }\n}\n","@mixin scroll-default {\n  &::-webkit-scrollbar {\n    width: 12px;\n    background-color: transparent;\n  }\n\n  &::-webkit-scrollbar-thumb {\n    background-color: $slate;\n    background-clip: padding-box;\n    border: 4px solid transparent;\n    @include border-radius(16px);\n  }\n\n  &::-webkit-scrollbar-track {\n    background-color: $white;\n    @include border-radius(4px);\n  }\n}\n"]}

data/lib/assets/stylesheets/css/components/mekari-ui-dropdown.css

@@ -300,7 +300,7 @@
   max-width: 684px;
   padding: 0;
   margin: 4px 0 0;
-  overflow-y: auto;
+  overflow-y: hidden;
   background-color: #fff;
   border: 1px solid #e2e2e2;
   box-shadow: 0 2px 4px rgba(119, 119, 119, 0.1), 0 4px 8px rgba(119, 119, 119, 0.2);
@@ -346,6 +346,15 @@
   max-height: 180px;
 }
 
+.dropdown-menu--fixed-height .dropdown-item--container {
+  max-height: 180px;
+  overflow: auto;
+}
+
+.dropdown-menu--fixed-height .dropdown-item--search + .dropdown-item--container {
+  max-height: 126px;
+}
+
 .dropdown-item {
   padding: 8px;
   color: #212121;

data/lib/assets/stylesheets/css/components/mekari-ui-dropdown.css.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../scss/mixins/_text.scss","../../../scss/vendor-extensions/_typography.scss","mekari-ui-dropdown.css","../../../scss/vendors/_transitions.scss","../../../scss/vendors/mixins/_transition.scss","../../../scss/vendors/_variables.scss","../../../scss/vendors/_dropdown.scss","../../../scss/vendors/mixins/_caret.scss","../../../scss/vendor-extensions/_dropdown.scss","../../../scss/vendor-extensions/_tooltip.scss","../../../scss/vendors/_rfs.scss","../../../scss/vendor-extensions/_color.scss","../../../scss/vendors/mixins/_border-radius.scss","../../../scss/vendors/mixins/_breakpoints.scss","../../../scss/vendors/mixins/_nav-divider.scss","../../../scss/vendors/mixins/_hover.scss","../../../scss/vendors/mixins/_gradients.scss","../../../scss/components/config/_dropdowns.scss","../../../scss/mixins/_scroll.scss"],"names":[],"mappings":"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","file":"mekari-ui-dropdown.css","sourcesContent":["%font-size-base {\n  font-size: $font-size-base; // 16px\n  line-height: 20px;\n  letter-spacing: $letter-spacing;\n}\n\n%font-size-sm {\n  font-size: $font-size-sm; // 12px\n  line-height: 16px;\n  letter-spacing: $letter-spacing;\n}\n","$font-family-roboto:                  \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif;\n$font-family-base:                    $font-family-roboto;\n$font-family-monospace: monospace;\n\n// 1 rem = 16px\n$font-size-base:                      .875rem; // 14px\n$font-size-lg:                        1.25rem; // 20px\n$font-size-sm:                        .75rem; // 12px\n\n$line-height-base:                    1.4285; // The closest value to Mekari design\n$line-height-lg:                      1.4285;\n$line-height-sm:                      1.4285;\n$letter-spacing:                      .2px;\n\n$font-weight-lighter:                 400;\n$font-weight-light:                   400;\n$font-weight-normal:                  400;\n$font-weight-base:                    400;\n$font-weight-bold:                    500;\n$font-weight-bolder:                  500;\n\n$dt-font-weight: $font-weight-bold;\n\n// Text color\n$body-color:                          $dark;\n$link-color:                          $blue;\n$link-hover-color:                    darken($link-color, 15%);\n$link-decoration:                     none;\n$link-hover-decoration:               underline;\n$h5-font-size:                        16px;\n\n$input-placeholder-color:             $text-muted;\n$custom-select-disabled-color:        $text-muted;\n$custom-control-label-disabled-color: $text-muted;\n",".dropdown-item--title {\n  font-size: 0.75rem;\n  line-height: 16px;\n  letter-spacing: 0.2px;\n}\n\n.fade {\n  transition: opacity 0.15s linear;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .fade {\n    transition: none;\n  }\n}\n\n.fade:not(.show) {\n  opacity: 0;\n}\n\n.collapse:not(.show) {\n  display: none;\n}\n\n.collapsing {\n  position: relative;\n  height: 0;\n  overflow: hidden;\n  transition: height 0.35s ease;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .collapsing {\n    transition: none;\n  }\n}\n\n.dropup,\n.dropright,\n.dropdown,\n.dropleft {\n  position: relative;\n}\n\n.dropdown-toggle {\n  white-space: nowrap;\n}\n\n.dropdown-toggle::after {\n  display: inline-block;\n  margin-left: 0.255em;\n  vertical-align: 0.255em;\n  content: \"\";\n  border-top: 0.3em solid;\n  border-right: 0.3em solid transparent;\n  border-bottom: 0;\n  border-left: 0.3em solid transparent;\n}\n\n.dropdown-toggle:empty::after {\n  margin-left: 0;\n}\n\n.dropdown-menu {\n  position: absolute;\n  top: 100%;\n  left: 0;\n  z-index: 1000;\n  display: none;\n  float: left;\n  min-width: 10rem;\n  padding: 0.5rem 0;\n  margin: 0.125rem 0 0;\n  font-size: 0.875rem;\n  color: #212121;\n  text-align: left;\n  list-style: none;\n  background-color: #fff;\n  background-clip: padding-box;\n  border: 1px solid rgba(0, 0, 0, 0.15);\n  border-radius: 4px;\n}\n\n.dropdown-menu-left {\n  right: auto;\n  left: 0;\n}\n\n.dropdown-menu-right {\n  right: 0;\n  left: auto;\n}\n\n@media (min-width: 576px) {\n  .dropdown-menu-sm-left {\n    right: auto;\n    left: 0;\n  }\n  .dropdown-menu-sm-right {\n    right: 0;\n    left: auto;\n  }\n}\n\n@media (min-width: 768px) {\n  .dropdown-menu-md-left {\n    right: auto;\n    left: 0;\n  }\n  .dropdown-menu-md-right {\n    right: 0;\n    left: auto;\n  }\n}\n\n@media (min-width: 992px) {\n  .dropdown-menu-lg-left {\n    right: auto;\n    left: 0;\n  }\n  .dropdown-menu-lg-right {\n    right: 0;\n    left: auto;\n  }\n}\n\n@media (min-width: 1272px) {\n  .dropdown-menu-xl-left {\n    right: auto;\n    left: 0;\n  }\n  .dropdown-menu-xl-right {\n    right: 0;\n    left: auto;\n  }\n}\n\n.dropup .dropdown-menu {\n  top: auto;\n  bottom: 100%;\n  margin-top: 0;\n  margin-bottom: 0.125rem;\n}\n\n.dropup .dropdown-toggle::after {\n  display: inline-block;\n  margin-left: 0.255em;\n  vertical-align: 0.255em;\n  content: \"\";\n  border-top: 0;\n  border-right: 0.3em solid transparent;\n  border-bottom: 0.3em solid;\n  border-left: 0.3em solid transparent;\n}\n\n.dropup .dropdown-toggle:empty::after {\n  margin-left: 0;\n}\n\n.dropright .dropdown-menu {\n  top: 0;\n  right: auto;\n  left: 100%;\n  margin-top: 0;\n  margin-left: 0.125rem;\n}\n\n.dropright .dropdown-toggle::after {\n  display: inline-block;\n  margin-left: 0.255em;\n  vertical-align: 0.255em;\n  content: \"\";\n  border-top: 0.3em solid transparent;\n  border-right: 0;\n  border-bottom: 0.3em solid transparent;\n  border-left: 0.3em solid;\n}\n\n.dropright .dropdown-toggle:empty::after {\n  margin-left: 0;\n}\n\n.dropright .dropdown-toggle::after {\n  vertical-align: 0;\n}\n\n.dropleft .dropdown-menu {\n  top: 0;\n  right: 100%;\n  left: auto;\n  margin-top: 0;\n  margin-right: 0.125rem;\n}\n\n.dropleft .dropdown-toggle::after {\n  display: inline-block;\n  margin-left: 0.255em;\n  vertical-align: 0.255em;\n  content: \"\";\n}\n\n.dropleft .dropdown-toggle::after {\n  display: none;\n}\n\n.dropleft .dropdown-toggle::before {\n  display: inline-block;\n  margin-right: 0.255em;\n  vertical-align: 0.255em;\n  content: \"\";\n  border-top: 0.3em solid transparent;\n  border-right: 0.3em solid;\n  border-bottom: 0.3em solid transparent;\n}\n\n.dropleft .dropdown-toggle:empty::after {\n  margin-left: 0;\n}\n\n.dropleft .dropdown-toggle::before {\n  vertical-align: 0;\n}\n\n.dropdown-menu[x-placement^=\"top\"], .dropdown-menu[x-placement^=\"right\"], .dropdown-menu[x-placement^=\"bottom\"], .dropdown-menu[x-placement^=\"left\"] {\n  right: auto;\n  bottom: auto;\n}\n\n.dropdown-divider {\n  height: 0;\n  margin: 8px 0;\n  overflow: hidden;\n  border-top: 1px solid #e9ecef;\n}\n\n.dropdown-item {\n  display: block;\n  width: 100%;\n  padding: 0.25rem 1.5rem;\n  clear: both;\n  font-weight: 400;\n  color: #212529;\n  text-align: inherit;\n  white-space: nowrap;\n  background-color: transparent;\n  border: 0;\n}\n\n.dropdown-item:hover, .dropdown-item:focus {\n  color: #16181b;\n  text-decoration: none;\n  background-color: #f8f9fa;\n}\n\n.dropdown-item.active, .dropdown-item:active {\n  color: #fff;\n  text-decoration: none;\n  background-color: #005fbf;\n}\n\n.dropdown-item.disabled, .dropdown-item:disabled {\n  color: #b4b4b4;\n  pointer-events: none;\n  background-color: transparent;\n}\n\n.dropdown-menu.show {\n  display: block;\n}\n\n.dropdown-header {\n  display: block;\n  padding: 0.5rem 1.5rem;\n  margin-bottom: 0;\n  font-size: 0.75rem;\n  color: #6c757d;\n  white-space: nowrap;\n}\n\n.dropdown-item-text {\n  display: block;\n  padding: 0.25rem 1.5rem;\n  color: #212529;\n}\n\n.dropdown-item--title {\n  font-size: 0.75rem;\n  line-height: 16px;\n  letter-spacing: 0.2px;\n}\n\n.dropdown-toggle::after {\n  display: none;\n  vertical-align: 2px;\n}\n\n.dropdown-menu {\n  width: auto;\n  min-width: 80px;\n  max-width: 684px;\n  padding: 0;\n  margin: 4px 0 0;\n  overflow-y: auto;\n  background-color: #fff;\n  border: 1px solid #e2e2e2;\n  box-shadow: 0 2px 4px rgba(119, 119, 119, 0.1), 0 4px 8px rgba(119, 119, 119, 0.2);\n  border-radius: 4px;\n}\n\n.dropdown-menu::-webkit-scrollbar {\n  width: 12px;\n  background-color: transparent;\n}\n\n.dropdown-menu::-webkit-scrollbar-thumb {\n  background-color: #777;\n  background-clip: padding-box;\n  border: 4px solid transparent;\n  border-radius: 16px;\n}\n\n.dropdown-menu::-webkit-scrollbar-track {\n  background-color: #fff;\n  border-radius: 4px;\n}\n\n.dropdown-menu--small {\n  width: 80px;\n}\n\n.dropdown-menu--medium {\n  width: 184px;\n}\n\n.dropdown-menu--large {\n  width: 288px;\n}\n\n.dropdown-menu--max-content {\n  width: max-content;\n}\n\n.dropdown-menu--fixed-height {\n  max-height: 180px;\n}\n\n.dropdown-item {\n  padding: 8px;\n  color: #212121;\n  white-space: normal;\n  cursor: pointer;\n  outline: none;\n}\n\n.dropdown-item--title {\n  padding-top: 12px;\n  padding-bottom: 4px;\n  color: #777;\n  text-transform: capitalize;\n  border-top: 1px solid #e2e2e2;\n}\n\n.dropdown-item--title:first-child {\n  border: none;\n}\n\n.dropdown-item:hover {\n  background-color: #f2f4f7;\n}\n\n.dropdown-item:hover:active {\n  color: #212121;\n}\n\n.dropdown-item.active:hover {\n  background-color: #00468c;\n}\n\n.dropdown-item.active:hover:active {\n  color: #f2f4f7;\n}\n\n.dropdown-item.active .ic {\n  color: inherit;\n}\n\n.dropdown-item.is-selected {\n  background-color: #f2f4f7;\n}\n\n.dropdown-divider {\n  margin: 0;\n}\n\n.dropdown-not-found {\n  display: block;\n  padding: 8px;\n  color: #b4b4b4;\n  text-align: center;\n}\n\n.dropdown-selected-list {\n  margin-top: 4px;\n}\n\n.dropdown-selected-list .badge {\n  margin-top: 4px;\n  margin-right: 8px;\n}\n\n.dropdown-selected-list .badge:last-child {\n  margin-right: 0;\n}\n\n.dropdown-action {\n  padding: 8px;\n}\n\n.dropdown-action input {\n  width: 100%;\n  margin: 0;\n}\n\n.dropdown-action:hover {\n  background-color: inherit;\n}\n\n.dropdown-with-action .dropdown-menu {\n  max-height: none;\n  overflow: hidden;\n}\n\n.dropdown-with-action .dropdown-menu .dropdown-action:hover {\n  background-color: inherit;\n}\n\n.dropdown-with-action .dropdown-menu-list {\n  height: auto;\n  max-height: 126px;\n  overflow-y: auto;\n}\n\n.dropdown-with-action .dropdown-menu-list::-webkit-scrollbar {\n  width: 12px;\n  background-color: transparent;\n}\n\n.dropdown-with-action .dropdown-menu-list::-webkit-scrollbar-thumb {\n  background-color: #777;\n  background-clip: padding-box;\n  border: 4px solid transparent;\n  border-radius: 16px;\n}\n\n.dropdown-with-action .dropdown-menu-list::-webkit-scrollbar-track {\n  background-color: #fff;\n  border-radius: 4px;\n}\n\n.dropdown-with-avatar span {\n  vertical-align: middle;\n}\n\n.dropdown-with-pill .dropdown-menu-list .dropdown-item.is-selected {\n  color: #b4b4b4;\n  pointer-events: none;\n  background-color: transparent;\n}\n\n.dropdown--medium {\n  width: 184px;\n}\n\n.dropdown--large {\n  width: 288px;\n}\n\n/*# sourceMappingURL=mekari-ui-dropdown.css.map */",".#{$prefix}fade {\n  @include transition($transition-fade);\n\n  &:not(.#{$prefix}show) {\n    opacity: 0;\n  }\n}\n\n.#{$prefix}collapse {\n  &:not(.#{$prefix}show) {\n    display: none;\n  }\n}\n\n.#{$prefix}collapsing {\n  position: relative;\n  height: 0;\n  overflow: hidden;\n  @include transition($transition-collapse);\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","// 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 `<body>` 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","// The dropdown wrapper (`<div>`)\n.#{$prefix}dropup,\n.#{$prefix}dropright,\n.#{$prefix}dropdown,\n.#{$prefix}dropleft {\n  position: relative;\n}\n\n.#{$prefix}dropdown-toggle {\n  white-space: nowrap;\n\n  // Generate the caret automatically\n  @include caret;\n}\n\n// The dropdown menu\n.#{$prefix}dropdown-menu {\n  position: absolute;\n  top: 100%;\n  left: 0;\n  z-index: $zindex-dropdown;\n  display: none; // none by default, but block on \"open\" of the menu\n  float: left;\n  min-width: $dropdown-min-width;\n  padding: $dropdown-padding-y 0;\n  margin: $dropdown-spacer 0 0; // override default ul\n  @include font-size($dropdown-font-size);\n  color: $dropdown-color;\n  text-align: left; // Ensures proper alignment if parent has it changed (e.g., modal footer)\n  list-style: none;\n  background-color: $dropdown-bg;\n  background-clip: padding-box;\n  border: $dropdown-border-width solid $dropdown-border-color;\n  @include border-radius($dropdown-border-radius);\n  @include box-shadow($dropdown-box-shadow);\n}\n\n@each $breakpoint in map-keys($grid-breakpoints) {\n  @include media-breakpoint-up($breakpoint) {\n    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);\n\n    .#{$prefix}dropdown-menu#{$infix}-left {\n      right: auto;\n      left: 0;\n    }\n\n    .#{$prefix}dropdown-menu#{$infix}-right {\n      right: 0;\n      left: auto;\n    }\n  }\n}\n\n// Allow for dropdowns to go bottom up (aka, dropup-menu)\n// Just add .#{$prefix}dropup after the standard .#{$prefix}dropdown class and you're set.\n.#{$prefix}dropup {\n  .#{$prefix}dropdown-menu {\n    top: auto;\n    bottom: 100%;\n    margin-top: 0;\n    margin-bottom: $dropdown-spacer;\n  }\n\n  .#{$prefix}dropdown-toggle {\n    @include caret(up);\n  }\n}\n\n.#{$prefix}dropright {\n  .#{$prefix}dropdown-menu {\n    top: 0;\n    right: auto;\n    left: 100%;\n    margin-top: 0;\n    margin-left: $dropdown-spacer;\n  }\n\n  .#{$prefix}dropdown-toggle {\n    @include caret(right);\n    &::after {\n      vertical-align: 0;\n    }\n  }\n}\n\n.#{$prefix}dropleft {\n  .#{$prefix}dropdown-menu {\n    top: 0;\n    right: 100%;\n    left: auto;\n    margin-top: 0;\n    margin-right: $dropdown-spacer;\n  }\n\n  .#{$prefix}dropdown-toggle {\n    @include caret(left);\n    &::before {\n      vertical-align: 0;\n    }\n  }\n}\n\n// When enabled Popper.js, reset basic dropdown position\n// stylelint-disable-next-line no-duplicate-selectors\n.#{$prefix}dropdown-menu {\n  &[x-placement^=\"top\"],\n  &[x-placement^=\"right\"],\n  &[x-placement^=\"bottom\"],\n  &[x-placement^=\"left\"] {\n    right: auto;\n    bottom: auto;\n  }\n}\n\n// Dividers (basically an `<hr>`) within the dropdown\n.#{$prefix}dropdown-divider {\n  @include nav-divider($dropdown-divider-bg, $dropdown-divider-margin-y);\n}\n\n// Links, buttons, and more within the dropdown menu\n//\n// `<button>`-specific styles are denoted with `// For <button>s`\n.#{$prefix}dropdown-item {\n  display: block;\n  width: 100%; // For `<button>`s\n  padding: $dropdown-item-padding-y $dropdown-item-padding-x;\n  clear: both;\n  font-weight: $font-weight-normal;\n  color: $dropdown-link-color;\n  text-align: inherit; // For `<button>`s\n  white-space: nowrap; // prevent links from randomly breaking onto new lines\n  background-color: transparent; // For `<button>`s\n  border: 0; // For `<button>`s\n\n  // Prevent dropdown overflow if there's no padding\n  // See https://github.com/twbs/bootstrap/pull/27703\n  @if $dropdown-padding-y == 0 {\n    &:first-child {\n      @include border-top-radius($dropdown-inner-border-radius);\n    }\n\n    &:last-child {\n      @include border-bottom-radius($dropdown-inner-border-radius);\n    }\n  }\n\n  @include hover-focus {\n    color: $dropdown-link-hover-color;\n    text-decoration: none;\n    @include gradient-bg($dropdown-link-hover-bg);\n  }\n\n  &.active,\n  &:active {\n    color: $dropdown-link-active-color;\n    text-decoration: none;\n    @include gradient-bg($dropdown-link-active-bg);\n  }\n\n  &.disabled,\n  &:disabled {\n    color: $dropdown-link-disabled-color;\n    pointer-events: none;\n    background-color: transparent;\n    // Remove CSS gradients if they're enabled\n    @if $enable-gradients {\n      background-image: none;\n    }\n  }\n}\n\n.#{$prefix}dropdown-menu.#{$prefix}show {\n  display: block;\n}\n\n// Dropdown section headers\n.#{$prefix}dropdown-header {\n  display: block;\n  padding: $dropdown-padding-y $dropdown-item-padding-x;\n  margin-bottom: 0; // for use with heading elements\n  @include font-size($font-size-sm);\n  color: $dropdown-header-color;\n  white-space: nowrap; // as with > li > a\n}\n\n// Dropdown text\n.#{$prefix}dropdown-item-text {\n  display: block;\n  padding: $dropdown-item-padding-y $dropdown-item-padding-x;\n  color: $dropdown-link-color;\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","$dropdown-link-disabled-color: $muted;\n$caret-width:                 .3em;\n$caret-vertical-align:        $caret-width * .85;\n$caret-spacing:               $caret-width * .85;\n\n\n$dropdown-min-width:                10rem;\n$dropdown-padding-y:                .5rem;\n$dropdown-spacer:                   .125rem;\n$dropdown-font-size:                .875rem;\n$dropdown-color:                    $body-color;\n$dropdown-bg:                       $white;\n$dropdown-border-color:             rgba($black, .15);\n$dropdown-border-radius:            4px;\n$dropdown-border-width:             1px;\n$dropdown-inner-border-radius:      calc(#{$dropdown-border-radius} - #{$dropdown-border-width});\n$dropdown-divider-bg:               $gray-200;\n$dropdown-divider-margin-y:         8px;\n$dropdown-box-shadow:               0 .5rem 1rem rgba($black, .175);\n\n$dropdown-link-color:               $gray-900;\n$dropdown-link-hover-color:         darken($gray-900, 5%);\n$dropdown-link-hover-bg:            $gray-100;\n\n$dropdown-link-active-color:        $white;\n$dropdown-link-active-bg:           $primary;\n\n$dropdown-link-disabled-color:      $muted;\n\n$dropdown-item-padding-y:           .25rem;\n$dropdown-item-padding-x:           1.5rem;\n\n$dropdown-header-color:             $gray-600;\n","$tooltip-bg:            $dark;\n$tooltip-color: $white;\n$tooltip-arrow-width:   0;\n$tooltip-arrow-height:  0;\n$zindex-dropdown:                   1000;\n$zindex-sticky:                     1020;\n$zindex-fixed:                      1030;\n$zindex-modal-backdrop:             1040;\n$zindex-modal:                      1050;\n$zindex-popover:                    1060;\n$zindex-tooltip:                    1070;\n$tooltip-font-size: $font-size-sm;\n$tooltip-opacity: .9;\n$tooltip-arrow-color: $tooltip-bg;\n$tooltip-max-width: 200px;\n$tooltip-padding-y:                 .25rem;\n$tooltip-padding-x:                 .5rem;\n$tooltip-margin:        .5rem;\n$tooltip-border-radius: 4px;\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","// Neutrals color variables\n$dark:  #212121;\n$slate: #777;\n$muted: #b4b4b4;\n$smoke: #e2e2e2;\n$snow:  #fbfbfb;\n$white: #fff;\n$cloud: #f2f4f7;\n\n// UI color variables\n$red:           #d74022;\n$green:         #009f61;\n$light-yellow:  #ffeb99;\n$blue:          #1357ff;\n$orange:        #ffb700;\n$sapphire:      #005fbf;\n\n// Branding color variables\n$crimson:     #c02a34;\n$azure:       #009bde;\n$salamander:  #f96d01;\n$purple:      #6d48e5;\n\n// Bootstrap dependencies color\n$black:    #000 !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\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$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// register mekari color variables too bootstrap\n$colors: ();\n$colors: map-merge(\n  (\n    \"noir\"         : $dark, // going to deprecated\n    \"dark\"         : $dark,\n    \"slate\"        : $slate,\n    \"muted\"        : $muted,\n    \"smoke\"        : $smoke,\n    \"snow\"         : $snow,\n    \"cloud\"        : $cloud,\n    \"crimson\"      : $crimson,\n    \"azure\"        : $azure,\n    \"salamander\"   : $salamander,\n    \"purple\"       : $purple,\n    \"sapphire\"     : $sapphire,\n    \"white\"        : $white,\n    \"red\"          : $red,\n    \"orange\"       : $orange,\n    \"green\"        : $green,\n    \"blue\"         : $blue,\n    \"light-yellow\" : $light-yellow\n  ),\n  $colors\n);\n\n//extend bootstrap class\n$danger:    $red;\n$success:   $green;\n$info:      $light-yellow;\n$warning:   $orange;\n$primary:   $sapphire;\n$jurnal:    $azure;\n$talenta:   $crimson;\n$klikpajak: $salamander;\n$mekari:    $purple;\n\n$link: $blue;\n\n$text-muted:  $muted;\n$body-color:  $dark;\n$dark:        $dark;\n$secondary:   $slate;\n$light:       $snow;\n\n// Add more theme color variables\n$theme-colors: ();\n$theme-colors: map-merge(\n  (\n    \"danger\"    : $danger,\n    \"success\"   : $success,\n    \"info\"      : $info,\n    \"warning\"   : $warning,\n    \"primary\"   : $primary,\n    \"jurnal\"    : $jurnal,\n    \"talenta\"   : $talenta,\n    \"klikpajak\" : $klikpajak,\n    \"mekari\"    : $mekari,\n    \"dark\"      : $dark,\n    \"slate\"     : $slate,\n    \"muted\"     : $muted,\n    \"smoke\"     : $smoke,\n    \"light\"     : $light,\n    \"cloud\"     : $cloud,\n    \"link\"      : $blue,\n    \"white\"     : $white\n  ),\n  $theme-colors\n);\n\n$card-border-color: $smoke;\n$body-bg: $white;\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","// 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","// 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","// 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","// 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","@import \"../../mixins/text\";\n\n.#{$prefix}dropdown {\n  &-toggle {\n    &::after {\n      display: none;\n      vertical-align: 2px;\n    }\n  }\n\n  &-menu {\n    width: auto;\n    min-width: 80px;\n    max-width: 684px;\n    padding: 0;\n    margin: 4px 0 0;\n    overflow-y: auto;\n    background-color: $white;\n    border: 1px solid $smoke;\n    box-shadow: 0 2px 4px rgba(119, 119, 119, .1), 0 4px 8px rgba(119, 119, 119, .2);\n    @include border-radius(4px);\n    @include scroll-default;\n    &--small {\n      width: 80px;\n    }\n    &--medium {\n      width: 184px;\n    }\n    &--large {\n      width: 288px;\n    }\n    &--max-content {\n      width: max-content;\n    }\n    &--fixed-height {\n      max-height: 180px;\n    }\n  }\n\n  &-item {\n    padding: 8px;\n    color: $dark;\n    white-space: normal;\n    cursor: pointer;\n    outline: none;\n\n    &--title {\n      @extend %font-size-sm;\n      padding-top: 12px;\n      padding-bottom: 4px;\n      color: $slate;\n      text-transform: capitalize;\n      border-top: 1px solid $smoke;\n    }\n\n    &--title:first-child {\n      border: none;\n    }\n\n    &:hover {\n      background-color: $cloud;\n      &:active {\n        color: $dark;\n      }\n    }\n\n    &.active {\n      &:hover {\n        background-color: darken($primary, 10%);\n        &:active {\n          color: $cloud;\n        }\n      }\n      .ic {\n        color: inherit;\n      }\n    }\n\n    &.is-selected {\n      background-color: $cloud;\n    }\n  }\n\n  &-divider {\n    margin: 0;\n  }\n\n  &-not-found {\n    display: block;\n    padding: 8px;\n    color: $muted;\n    text-align: center;\n  }\n\n  &-selected-list {\n    margin-top: 4px;\n\n    .#{$prefix}badge {\n      margin-top: 4px;\n      margin-right: 8px;\n      &:last-child {\n        margin-right: 0;\n      }\n    }\n  }\n\n  &-action {\n    padding: 8px;\n\n    input {\n      width: 100%;\n      margin: 0;\n    }\n\n    &:hover {\n      background-color: inherit;\n    }\n  }\n\n  &-with-action {\n    .#{$prefix}dropdown-menu {\n      max-height: none;\n      overflow: hidden;\n\n      .#{$prefix}dropdown-action {\n        &:hover {\n          background-color: inherit;\n        }\n      }\n\n      &-list {\n        height: auto;\n        max-height: 126px;\n        overflow-y: auto;\n        @include scroll-default;\n      }\n    }\n  }\n\n  &-with-avatar {\n    span {\n      vertical-align: middle;\n    }\n  }\n\n  &-with-pill {\n    .#{$prefix}dropdown-menu-list {\n      .#{$prefix}dropdown-item {\n        &.is-selected {\n          color: $muted;\n          pointer-events: none;\n          background-color: transparent;\n        }\n      }\n    }\n  }\n  &--medium {\n    width: 184px;\n  }\n  &--large {\n    width: 288px;\n  }\n}\n","@mixin scroll-default {\n  &::-webkit-scrollbar {\n    width: 12px;\n    background-color: transparent;\n  }\n\n  &::-webkit-scrollbar-thumb {\n    background-color: $slate;\n    background-clip: padding-box;\n    border: 4px solid transparent;\n    @include border-radius(16px);\n  }\n\n  &::-webkit-scrollbar-track {\n    background-color: $white;\n    @include border-radius(4px);\n  }\n}\n"]}
+{"version":3,"sources":["../../../scss/mixins/_text.scss","../../../scss/vendor-extensions/_typography.scss","mekari-ui-dropdown.css","../../../scss/vendors/_transitions.scss","../../../scss/vendors/mixins/_transition.scss","../../../scss/vendors/_variables.scss","../../../scss/vendors/_dropdown.scss","../../../scss/vendors/mixins/_caret.scss","../../../scss/vendor-extensions/_dropdown.scss","../../../scss/vendor-extensions/_tooltip.scss","../../../scss/vendors/_rfs.scss","../../../scss/vendor-extensions/_color.scss","../../../scss/vendors/mixins/_border-radius.scss","../../../scss/vendors/mixins/_breakpoints.scss","../../../scss/vendors/mixins/_nav-divider.scss","../../../scss/vendors/mixins/_hover.scss","../../../scss/vendors/mixins/_gradients.scss","../../../scss/components/config/_dropdowns.scss","../../../scss/mixins/_scroll.scss"],"names":[],"mappings":"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","file":"mekari-ui-dropdown.css","sourcesContent":["%font-size-base {\n  font-size: $font-size-base; // 16px\n  line-height: 20px;\n  letter-spacing: $letter-spacing;\n}\n\n%font-size-sm {\n  font-size: $font-size-sm; // 12px\n  line-height: 16px;\n  letter-spacing: $letter-spacing;\n}\n","$font-family-roboto:                  \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif;\n$font-family-base:                    $font-family-roboto;\n$font-family-monospace: monospace;\n\n// 1 rem = 16px\n$font-size-base:                      .875rem; // 14px\n$font-size-lg:                        1.25rem; // 20px\n$font-size-sm:                        .75rem; // 12px\n\n$line-height-base:                    1.4285; // The closest value to Mekari design\n$line-height-lg:                      1.4285;\n$line-height-sm:                      1.4285;\n$letter-spacing:                      .2px;\n\n$font-weight-lighter:                 400;\n$font-weight-light:                   400;\n$font-weight-normal:                  400;\n$font-weight-base:                    400;\n$font-weight-bold:                    500;\n$font-weight-bolder:                  500;\n\n$dt-font-weight: $font-weight-bold;\n\n// Text color\n$body-color:                          $dark;\n$link-color:                          $blue;\n$link-hover-color:                    darken($link-color, 15%);\n$link-decoration:                     none;\n$link-hover-decoration:               underline;\n$h5-font-size:                        16px;\n\n$input-placeholder-color:             $text-muted;\n$custom-select-disabled-color:        $text-muted;\n$custom-control-label-disabled-color: $text-muted;\n",".dropdown-item--title {\n  font-size: 0.75rem;\n  line-height: 16px;\n  letter-spacing: 0.2px;\n}\n\n.fade {\n  transition: opacity 0.15s linear;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .fade {\n    transition: none;\n  }\n}\n\n.fade:not(.show) {\n  opacity: 0;\n}\n\n.collapse:not(.show) {\n  display: none;\n}\n\n.collapsing {\n  position: relative;\n  height: 0;\n  overflow: hidden;\n  transition: height 0.35s ease;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .collapsing {\n    transition: none;\n  }\n}\n\n.dropup,\n.dropright,\n.dropdown,\n.dropleft {\n  position: relative;\n}\n\n.dropdown-toggle {\n  white-space: nowrap;\n}\n\n.dropdown-toggle::after {\n  display: inline-block;\n  margin-left: 0.255em;\n  vertical-align: 0.255em;\n  content: \"\";\n  border-top: 0.3em solid;\n  border-right: 0.3em solid transparent;\n  border-bottom: 0;\n  border-left: 0.3em solid transparent;\n}\n\n.dropdown-toggle:empty::after {\n  margin-left: 0;\n}\n\n.dropdown-menu {\n  position: absolute;\n  top: 100%;\n  left: 0;\n  z-index: 1000;\n  display: none;\n  float: left;\n  min-width: 10rem;\n  padding: 0.5rem 0;\n  margin: 0.125rem 0 0;\n  font-size: 0.875rem;\n  color: #212121;\n  text-align: left;\n  list-style: none;\n  background-color: #fff;\n  background-clip: padding-box;\n  border: 1px solid rgba(0, 0, 0, 0.15);\n  border-radius: 4px;\n}\n\n.dropdown-menu-left {\n  right: auto;\n  left: 0;\n}\n\n.dropdown-menu-right {\n  right: 0;\n  left: auto;\n}\n\n@media (min-width: 576px) {\n  .dropdown-menu-sm-left {\n    right: auto;\n    left: 0;\n  }\n  .dropdown-menu-sm-right {\n    right: 0;\n    left: auto;\n  }\n}\n\n@media (min-width: 768px) {\n  .dropdown-menu-md-left {\n    right: auto;\n    left: 0;\n  }\n  .dropdown-menu-md-right {\n    right: 0;\n    left: auto;\n  }\n}\n\n@media (min-width: 992px) {\n  .dropdown-menu-lg-left {\n    right: auto;\n    left: 0;\n  }\n  .dropdown-menu-lg-right {\n    right: 0;\n    left: auto;\n  }\n}\n\n@media (min-width: 1272px) {\n  .dropdown-menu-xl-left {\n    right: auto;\n    left: 0;\n  }\n  .dropdown-menu-xl-right {\n    right: 0;\n    left: auto;\n  }\n}\n\n.dropup .dropdown-menu {\n  top: auto;\n  bottom: 100%;\n  margin-top: 0;\n  margin-bottom: 0.125rem;\n}\n\n.dropup .dropdown-toggle::after {\n  display: inline-block;\n  margin-left: 0.255em;\n  vertical-align: 0.255em;\n  content: \"\";\n  border-top: 0;\n  border-right: 0.3em solid transparent;\n  border-bottom: 0.3em solid;\n  border-left: 0.3em solid transparent;\n}\n\n.dropup .dropdown-toggle:empty::after {\n  margin-left: 0;\n}\n\n.dropright .dropdown-menu {\n  top: 0;\n  right: auto;\n  left: 100%;\n  margin-top: 0;\n  margin-left: 0.125rem;\n}\n\n.dropright .dropdown-toggle::after {\n  display: inline-block;\n  margin-left: 0.255em;\n  vertical-align: 0.255em;\n  content: \"\";\n  border-top: 0.3em solid transparent;\n  border-right: 0;\n  border-bottom: 0.3em solid transparent;\n  border-left: 0.3em solid;\n}\n\n.dropright .dropdown-toggle:empty::after {\n  margin-left: 0;\n}\n\n.dropright .dropdown-toggle::after {\n  vertical-align: 0;\n}\n\n.dropleft .dropdown-menu {\n  top: 0;\n  right: 100%;\n  left: auto;\n  margin-top: 0;\n  margin-right: 0.125rem;\n}\n\n.dropleft .dropdown-toggle::after {\n  display: inline-block;\n  margin-left: 0.255em;\n  vertical-align: 0.255em;\n  content: \"\";\n}\n\n.dropleft .dropdown-toggle::after {\n  display: none;\n}\n\n.dropleft .dropdown-toggle::before {\n  display: inline-block;\n  margin-right: 0.255em;\n  vertical-align: 0.255em;\n  content: \"\";\n  border-top: 0.3em solid transparent;\n  border-right: 0.3em solid;\n  border-bottom: 0.3em solid transparent;\n}\n\n.dropleft .dropdown-toggle:empty::after {\n  margin-left: 0;\n}\n\n.dropleft .dropdown-toggle::before {\n  vertical-align: 0;\n}\n\n.dropdown-menu[x-placement^=\"top\"], .dropdown-menu[x-placement^=\"right\"], .dropdown-menu[x-placement^=\"bottom\"], .dropdown-menu[x-placement^=\"left\"] {\n  right: auto;\n  bottom: auto;\n}\n\n.dropdown-divider {\n  height: 0;\n  margin: 8px 0;\n  overflow: hidden;\n  border-top: 1px solid #e9ecef;\n}\n\n.dropdown-item {\n  display: block;\n  width: 100%;\n  padding: 0.25rem 1.5rem;\n  clear: both;\n  font-weight: 400;\n  color: #212529;\n  text-align: inherit;\n  white-space: nowrap;\n  background-color: transparent;\n  border: 0;\n}\n\n.dropdown-item:hover, .dropdown-item:focus {\n  color: #16181b;\n  text-decoration: none;\n  background-color: #f8f9fa;\n}\n\n.dropdown-item.active, .dropdown-item:active {\n  color: #fff;\n  text-decoration: none;\n  background-color: #005fbf;\n}\n\n.dropdown-item.disabled, .dropdown-item:disabled {\n  color: #b4b4b4;\n  pointer-events: none;\n  background-color: transparent;\n}\n\n.dropdown-menu.show {\n  display: block;\n}\n\n.dropdown-header {\n  display: block;\n  padding: 0.5rem 1.5rem;\n  margin-bottom: 0;\n  font-size: 0.75rem;\n  color: #6c757d;\n  white-space: nowrap;\n}\n\n.dropdown-item-text {\n  display: block;\n  padding: 0.25rem 1.5rem;\n  color: #212529;\n}\n\n.dropdown-item--title {\n  font-size: 0.75rem;\n  line-height: 16px;\n  letter-spacing: 0.2px;\n}\n\n.dropdown-toggle::after {\n  display: none;\n  vertical-align: 2px;\n}\n\n.dropdown-menu {\n  width: auto;\n  min-width: 80px;\n  max-width: 684px;\n  padding: 0;\n  margin: 4px 0 0;\n  overflow-y: hidden;\n  background-color: #fff;\n  border: 1px solid #e2e2e2;\n  box-shadow: 0 2px 4px rgba(119, 119, 119, 0.1), 0 4px 8px rgba(119, 119, 119, 0.2);\n  border-radius: 4px;\n}\n\n.dropdown-menu::-webkit-scrollbar {\n  width: 12px;\n  background-color: transparent;\n}\n\n.dropdown-menu::-webkit-scrollbar-thumb {\n  background-color: #777;\n  background-clip: padding-box;\n  border: 4px solid transparent;\n  border-radius: 16px;\n}\n\n.dropdown-menu::-webkit-scrollbar-track {\n  background-color: #fff;\n  border-radius: 4px;\n}\n\n.dropdown-menu--small {\n  width: 80px;\n}\n\n.dropdown-menu--medium {\n  width: 184px;\n}\n\n.dropdown-menu--large {\n  width: 288px;\n}\n\n.dropdown-menu--max-content {\n  width: max-content;\n}\n\n.dropdown-menu--fixed-height {\n  max-height: 180px;\n}\n\n.dropdown-menu--fixed-height .dropdown-item--container {\n  max-height: 180px;\n  overflow: auto;\n}\n\n.dropdown-menu--fixed-height .dropdown-item--search + .dropdown-item--container {\n  max-height: 126px;\n}\n\n.dropdown-item {\n  padding: 8px;\n  color: #212121;\n  white-space: normal;\n  cursor: pointer;\n  outline: none;\n}\n\n.dropdown-item--title {\n  padding-top: 12px;\n  padding-bottom: 4px;\n  color: #777;\n  text-transform: capitalize;\n  border-top: 1px solid #e2e2e2;\n}\n\n.dropdown-item--title:first-child {\n  border: none;\n}\n\n.dropdown-item:hover {\n  background-color: #f2f4f7;\n}\n\n.dropdown-item:hover:active {\n  color: #212121;\n}\n\n.dropdown-item.active:hover {\n  background-color: #00468c;\n}\n\n.dropdown-item.active:hover:active {\n  color: #f2f4f7;\n}\n\n.dropdown-item.active .ic {\n  color: inherit;\n}\n\n.dropdown-item.is-selected {\n  background-color: #f2f4f7;\n}\n\n.dropdown-divider {\n  margin: 0;\n}\n\n.dropdown-not-found {\n  display: block;\n  padding: 8px;\n  color: #b4b4b4;\n  text-align: center;\n}\n\n.dropdown-selected-list {\n  margin-top: 4px;\n}\n\n.dropdown-selected-list .badge {\n  margin-top: 4px;\n  margin-right: 8px;\n}\n\n.dropdown-selected-list .badge:last-child {\n  margin-right: 0;\n}\n\n.dropdown-action {\n  padding: 8px;\n}\n\n.dropdown-action input {\n  width: 100%;\n  margin: 0;\n}\n\n.dropdown-action:hover {\n  background-color: inherit;\n}\n\n.dropdown-with-action .dropdown-menu {\n  max-height: none;\n  overflow: hidden;\n}\n\n.dropdown-with-action .dropdown-menu .dropdown-action:hover {\n  background-color: inherit;\n}\n\n.dropdown-with-action .dropdown-menu-list {\n  height: auto;\n  max-height: 126px;\n  overflow-y: auto;\n}\n\n.dropdown-with-action .dropdown-menu-list::-webkit-scrollbar {\n  width: 12px;\n  background-color: transparent;\n}\n\n.dropdown-with-action .dropdown-menu-list::-webkit-scrollbar-thumb {\n  background-color: #777;\n  background-clip: padding-box;\n  border: 4px solid transparent;\n  border-radius: 16px;\n}\n\n.dropdown-with-action .dropdown-menu-list::-webkit-scrollbar-track {\n  background-color: #fff;\n  border-radius: 4px;\n}\n\n.dropdown-with-avatar span {\n  vertical-align: middle;\n}\n\n.dropdown-with-pill .dropdown-menu-list .dropdown-item.is-selected {\n  color: #b4b4b4;\n  pointer-events: none;\n  background-color: transparent;\n}\n\n.dropdown--medium {\n  width: 184px;\n}\n\n.dropdown--large {\n  width: 288px;\n}\n\n/*# sourceMappingURL=mekari-ui-dropdown.css.map */",".#{$prefix}fade {\n  @include transition($transition-fade);\n\n  &:not(.#{$prefix}show) {\n    opacity: 0;\n  }\n}\n\n.#{$prefix}collapse {\n  &:not(.#{$prefix}show) {\n    display: none;\n  }\n}\n\n.#{$prefix}collapsing {\n  position: relative;\n  height: 0;\n  overflow: hidden;\n  @include transition($transition-collapse);\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","// 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 `<body>` 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","// The dropdown wrapper (`<div>`)\n.#{$prefix}dropup,\n.#{$prefix}dropright,\n.#{$prefix}dropdown,\n.#{$prefix}dropleft {\n  position: relative;\n}\n\n.#{$prefix}dropdown-toggle {\n  white-space: nowrap;\n\n  // Generate the caret automatically\n  @include caret;\n}\n\n// The dropdown menu\n.#{$prefix}dropdown-menu {\n  position: absolute;\n  top: 100%;\n  left: 0;\n  z-index: $zindex-dropdown;\n  display: none; // none by default, but block on \"open\" of the menu\n  float: left;\n  min-width: $dropdown-min-width;\n  padding: $dropdown-padding-y 0;\n  margin: $dropdown-spacer 0 0; // override default ul\n  @include font-size($dropdown-font-size);\n  color: $dropdown-color;\n  text-align: left; // Ensures proper alignment if parent has it changed (e.g., modal footer)\n  list-style: none;\n  background-color: $dropdown-bg;\n  background-clip: padding-box;\n  border: $dropdown-border-width solid $dropdown-border-color;\n  @include border-radius($dropdown-border-radius);\n  @include box-shadow($dropdown-box-shadow);\n}\n\n@each $breakpoint in map-keys($grid-breakpoints) {\n  @include media-breakpoint-up($breakpoint) {\n    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);\n\n    .#{$prefix}dropdown-menu#{$infix}-left {\n      right: auto;\n      left: 0;\n    }\n\n    .#{$prefix}dropdown-menu#{$infix}-right {\n      right: 0;\n      left: auto;\n    }\n  }\n}\n\n// Allow for dropdowns to go bottom up (aka, dropup-menu)\n// Just add .#{$prefix}dropup after the standard .#{$prefix}dropdown class and you're set.\n.#{$prefix}dropup {\n  .#{$prefix}dropdown-menu {\n    top: auto;\n    bottom: 100%;\n    margin-top: 0;\n    margin-bottom: $dropdown-spacer;\n  }\n\n  .#{$prefix}dropdown-toggle {\n    @include caret(up);\n  }\n}\n\n.#{$prefix}dropright {\n  .#{$prefix}dropdown-menu {\n    top: 0;\n    right: auto;\n    left: 100%;\n    margin-top: 0;\n    margin-left: $dropdown-spacer;\n  }\n\n  .#{$prefix}dropdown-toggle {\n    @include caret(right);\n    &::after {\n      vertical-align: 0;\n    }\n  }\n}\n\n.#{$prefix}dropleft {\n  .#{$prefix}dropdown-menu {\n    top: 0;\n    right: 100%;\n    left: auto;\n    margin-top: 0;\n    margin-right: $dropdown-spacer;\n  }\n\n  .#{$prefix}dropdown-toggle {\n    @include caret(left);\n    &::before {\n      vertical-align: 0;\n    }\n  }\n}\n\n// When enabled Popper.js, reset basic dropdown position\n// stylelint-disable-next-line no-duplicate-selectors\n.#{$prefix}dropdown-menu {\n  &[x-placement^=\"top\"],\n  &[x-placement^=\"right\"],\n  &[x-placement^=\"bottom\"],\n  &[x-placement^=\"left\"] {\n    right: auto;\n    bottom: auto;\n  }\n}\n\n// Dividers (basically an `<hr>`) within the dropdown\n.#{$prefix}dropdown-divider {\n  @include nav-divider($dropdown-divider-bg, $dropdown-divider-margin-y);\n}\n\n// Links, buttons, and more within the dropdown menu\n//\n// `<button>`-specific styles are denoted with `// For <button>s`\n.#{$prefix}dropdown-item {\n  display: block;\n  width: 100%; // For `<button>`s\n  padding: $dropdown-item-padding-y $dropdown-item-padding-x;\n  clear: both;\n  font-weight: $font-weight-normal;\n  color: $dropdown-link-color;\n  text-align: inherit; // For `<button>`s\n  white-space: nowrap; // prevent links from randomly breaking onto new lines\n  background-color: transparent; // For `<button>`s\n  border: 0; // For `<button>`s\n\n  // Prevent dropdown overflow if there's no padding\n  // See https://github.com/twbs/bootstrap/pull/27703\n  @if $dropdown-padding-y == 0 {\n    &:first-child {\n      @include border-top-radius($dropdown-inner-border-radius);\n    }\n\n    &:last-child {\n      @include border-bottom-radius($dropdown-inner-border-radius);\n    }\n  }\n\n  @include hover-focus {\n    color: $dropdown-link-hover-color;\n    text-decoration: none;\n    @include gradient-bg($dropdown-link-hover-bg);\n  }\n\n  &.active,\n  &:active {\n    color: $dropdown-link-active-color;\n    text-decoration: none;\n    @include gradient-bg($dropdown-link-active-bg);\n  }\n\n  &.disabled,\n  &:disabled {\n    color: $dropdown-link-disabled-color;\n    pointer-events: none;\n    background-color: transparent;\n    // Remove CSS gradients if they're enabled\n    @if $enable-gradients {\n      background-image: none;\n    }\n  }\n}\n\n.#{$prefix}dropdown-menu.#{$prefix}show {\n  display: block;\n}\n\n// Dropdown section headers\n.#{$prefix}dropdown-header {\n  display: block;\n  padding: $dropdown-padding-y $dropdown-item-padding-x;\n  margin-bottom: 0; // for use with heading elements\n  @include font-size($font-size-sm);\n  color: $dropdown-header-color;\n  white-space: nowrap; // as with > li > a\n}\n\n// Dropdown text\n.#{$prefix}dropdown-item-text {\n  display: block;\n  padding: $dropdown-item-padding-y $dropdown-item-padding-x;\n  color: $dropdown-link-color;\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","$dropdown-link-disabled-color: $muted;\n$caret-width:                 .3em;\n$caret-vertical-align:        $caret-width * .85;\n$caret-spacing:               $caret-width * .85;\n\n\n$dropdown-min-width:                10rem;\n$dropdown-padding-y:                .5rem;\n$dropdown-spacer:                   .125rem;\n$dropdown-font-size:                .875rem;\n$dropdown-color:                    $body-color;\n$dropdown-bg:                       $white;\n$dropdown-border-color:             rgba($black, .15);\n$dropdown-border-radius:            4px;\n$dropdown-border-width:             1px;\n$dropdown-inner-border-radius:      calc(#{$dropdown-border-radius} - #{$dropdown-border-width});\n$dropdown-divider-bg:               $gray-200;\n$dropdown-divider-margin-y:         8px;\n$dropdown-box-shadow:               0 .5rem 1rem rgba($black, .175);\n\n$dropdown-link-color:               $gray-900;\n$dropdown-link-hover-color:         darken($gray-900, 5%);\n$dropdown-link-hover-bg:            $gray-100;\n\n$dropdown-link-active-color:        $white;\n$dropdown-link-active-bg:           $primary;\n\n$dropdown-link-disabled-color:      $muted;\n\n$dropdown-item-padding-y:           .25rem;\n$dropdown-item-padding-x:           1.5rem;\n\n$dropdown-header-color:             $gray-600;\n","$tooltip-bg:            $dark;\n$tooltip-color: $white;\n$tooltip-arrow-width:   0;\n$tooltip-arrow-height:  0;\n$zindex-dropdown:                   1000;\n$zindex-sticky:                     1020;\n$zindex-fixed:                      1030;\n$zindex-modal-backdrop:             1040;\n$zindex-modal:                      1050;\n$zindex-popover:                    1060;\n$zindex-tooltip:                    1070;\n$tooltip-font-size: $font-size-sm;\n$tooltip-opacity: .9;\n$tooltip-arrow-color: $tooltip-bg;\n$tooltip-max-width: 200px;\n$tooltip-padding-y:                 .25rem;\n$tooltip-padding-x:                 .5rem;\n$tooltip-margin:        .5rem;\n$tooltip-border-radius: 4px;\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","// Neutrals color variables\n$dark:  #212121;\n$slate: #777;\n$muted: #b4b4b4;\n$smoke: #e2e2e2;\n$snow:  #fbfbfb;\n$white: #fff;\n$cloud: #f2f4f7;\n\n// UI color variables\n$red:           #d74022;\n$green:         #009f61;\n$light-yellow:  #ffeb99;\n$blue:          #1357ff;\n$orange:        #ffb700;\n$sapphire:      #005fbf;\n\n// Branding color variables\n$crimson:     #c02a34;\n$azure:       #009bde;\n$salamander:  #f96d01;\n$purple:      #6d48e5;\n\n// Bootstrap dependencies color\n$black:    #000 !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\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$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// register mekari color variables too bootstrap\n$colors: ();\n$colors: map-merge(\n  (\n    \"noir\"         : $dark, // going to deprecated\n    \"dark\"         : $dark,\n    \"slate\"        : $slate,\n    \"muted\"        : $muted,\n    \"smoke\"        : $smoke,\n    \"snow\"         : $snow,\n    \"cloud\"        : $cloud,\n    \"crimson\"      : $crimson,\n    \"azure\"        : $azure,\n    \"salamander\"   : $salamander,\n    \"purple\"       : $purple,\n    \"sapphire\"     : $sapphire,\n    \"white\"        : $white,\n    \"red\"          : $red,\n    \"orange\"       : $orange,\n    \"green\"        : $green,\n    \"blue\"         : $blue,\n    \"light-yellow\" : $light-yellow\n  ),\n  $colors\n);\n\n//extend bootstrap class\n$danger:    $red;\n$success:   $green;\n$info:      $light-yellow;\n$warning:   $orange;\n$primary:   $sapphire;\n$jurnal:    $azure;\n$talenta:   $crimson;\n$klikpajak: $salamander;\n$mekari:    $purple;\n\n$link: $blue;\n\n$text-muted:  $muted;\n$body-color:  $dark;\n$dark:        $dark;\n$secondary:   $slate;\n$light:       $snow;\n\n// Add more theme color variables\n$theme-colors: ();\n$theme-colors: map-merge(\n  (\n    \"danger\"    : $danger,\n    \"success\"   : $success,\n    \"info\"      : $info,\n    \"warning\"   : $warning,\n    \"primary\"   : $primary,\n    \"jurnal\"    : $jurnal,\n    \"talenta\"   : $talenta,\n    \"klikpajak\" : $klikpajak,\n    \"mekari\"    : $mekari,\n    \"dark\"      : $dark,\n    \"slate\"     : $slate,\n    \"muted\"     : $muted,\n    \"smoke\"     : $smoke,\n    \"light\"     : $light,\n    \"cloud\"     : $cloud,\n    \"link\"      : $blue,\n    \"white\"     : $white\n  ),\n  $theme-colors\n);\n\n$card-border-color: $smoke;\n$body-bg: $white;\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","// 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","// 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","// 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","// 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","@import \"../../mixins/text\";\n\n.#{$prefix}dropdown {\n  &-toggle {\n    &::after {\n      display: none;\n      vertical-align: 2px;\n    }\n  }\n\n  &-menu {\n    width: auto;\n    min-width: 80px;\n    max-width: 684px;\n    padding: 0;\n    margin: 4px 0 0;\n    overflow-y: hidden;\n    background-color: $white;\n    border: 1px solid $smoke;\n    box-shadow: 0 2px 4px rgba(119, 119, 119, .1), 0 4px 8px rgba(119, 119, 119, .2);\n    @include border-radius(4px);\n    @include scroll-default;\n    &--small {\n      width: 80px;\n    }\n    &--medium {\n      width: 184px;\n    }\n    &--large {\n      width: 288px;\n    }\n    &--max-content {\n      width: max-content;\n    }\n    &--fixed-height {\n      max-height: 180px;\n      .#{$prefix}dropdown-item--container {\n        max-height: 180px;\n        overflow: auto;\n      }\n      .#{$prefix}dropdown-item--search + .#{$prefix}dropdown-item--container {\n        max-height: 126px;\n      }\n    }\n  }\n\n  &-item {\n    padding: 8px;\n    color: $dark;\n    white-space: normal;\n    cursor: pointer;\n    outline: none;\n\n    &--title {\n      @extend %font-size-sm;\n      padding-top: 12px;\n      padding-bottom: 4px;\n      color: $slate;\n      text-transform: capitalize;\n      border-top: 1px solid $smoke;\n    }\n\n    &--title:first-child {\n      border: none;\n    }\n\n    &:hover {\n      background-color: $cloud;\n      &:active {\n        color: $dark;\n      }\n    }\n\n    &.active {\n      &:hover {\n        background-color: darken($primary, 10%);\n        &:active {\n          color: $cloud;\n        }\n      }\n      .ic {\n        color: inherit;\n      }\n    }\n\n    &.is-selected {\n      background-color: $cloud;\n    }\n  }\n\n  &-divider {\n    margin: 0;\n  }\n\n  &-not-found {\n    display: block;\n    padding: 8px;\n    color: $muted;\n    text-align: center;\n  }\n\n  &-selected-list {\n    margin-top: 4px;\n\n    .#{$prefix}badge {\n      margin-top: 4px;\n      margin-right: 8px;\n      &:last-child {\n        margin-right: 0;\n      }\n    }\n  }\n\n  &-action {\n    padding: 8px;\n\n    input {\n      width: 100%;\n      margin: 0;\n    }\n\n    &:hover {\n      background-color: inherit;\n    }\n  }\n\n  &-with-action {\n    .#{$prefix}dropdown-menu {\n      max-height: none;\n      overflow: hidden;\n\n      .#{$prefix}dropdown-action {\n        &:hover {\n          background-color: inherit;\n        }\n      }\n\n      &-list {\n        height: auto;\n        max-height: 126px;\n        overflow-y: auto;\n        @include scroll-default;\n      }\n    }\n  }\n\n  &-with-avatar {\n    span {\n      vertical-align: middle;\n    }\n  }\n\n  &-with-pill {\n    .#{$prefix}dropdown-menu-list {\n      .#{$prefix}dropdown-item {\n        &.is-selected {\n          color: $muted;\n          pointer-events: none;\n          background-color: transparent;\n        }\n      }\n    }\n  }\n  &--medium {\n    width: 184px;\n  }\n  &--large {\n    width: 288px;\n  }\n}\n","@mixin scroll-default {\n  &::-webkit-scrollbar {\n    width: 12px;\n    background-color: transparent;\n  }\n\n  &::-webkit-scrollbar-thumb {\n    background-color: $slate;\n    background-clip: padding-box;\n    border: 4px solid transparent;\n    @include border-radius(16px);\n  }\n\n  &::-webkit-scrollbar-track {\n    background-color: $white;\n    @include border-radius(4px);\n  }\n}\n"]}

data/lib/assets/stylesheets/css/components/mekari-ui-form-min.css

@@ -1,2 +1,2 @@
-.form-control{display:block;width:100%;height:38px;padding:.375rem .75rem;font-size:.875rem;font-weight:400;line-height:1.4285;color:#212121;background-color:#fff;background-clip:padding-box;border:1px solid #e2e2e2;border-radius:4px;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-control{transition:none}}.form-control::-ms-expand{background-color:transparent;border:0}.form-control:focus{color:#212121;background-color:#fff;border-color:#005fbf;outline:0;box-shadow:0 0 4px 1px rgba(0,95,191,.3)}.form-control::-webkit-input-placeholder{color:#b4b4b4;opacity:1}.form-control::-moz-placeholder{color:#b4b4b4;opacity:1}.form-control:-ms-input-placeholder{color:#b4b4b4;opacity:1}.form-control::-ms-input-placeholder{color:#b4b4b4;opacity:1}.form-control::placeholder{color:#b4b4b4;opacity:1}.form-control:disabled,.form-control[readonly]{background-color:#f2f4f7;opacity:1}select.form-control:focus::-ms-value{color:#212121;background-color:#fff}.form-control-file,.form-control-range{display:block;width:100%}.col-form-label{padding-top:calc(.375rem + 1px);padding-bottom:calc(.375rem + 1px);margin-bottom:0;font-size:inherit;line-height:1.4285}.col-form-label-lg{padding-top:calc(.5rem + 1px);padding-bottom:calc(.5rem + 1px);font-size:1.25rem;line-height:1.4285}.col-form-label-sm{padding-top:calc(.25rem + 1px);padding-bottom:calc(.25rem + 1px);font-size:.75rem;line-height:1.4285}.form-control-plaintext{display:block;width:100%;padding-top:.375rem;padding-bottom:.375rem;margin-bottom:0;line-height:1.4285;color:#212121;background-color:transparent;border:solid transparent;border-width:1px 0}.form-control-plaintext.form-control-lg,.form-control-plaintext.form-control-sm{padding-right:0;padding-left:0}.form-control-sm{height:calc(1.4285em + .5rem + 2px);padding:.25rem .5rem;font-size:.75rem;line-height:1.4285;border-radius:4px}.form-control-lg{height:calc(1.4285em + 1rem + 2px);padding:.5rem 1rem;font-size:1.25rem;line-height:1.4285;border-radius:4px}select.form-control[multiple],select.form-control[size]{height:auto}textarea.form-control{height:auto}.form-group{margin-bottom:20px}.form-text{display:block;margin-top:0}.form-row{display:flex;flex-wrap:wrap;margin-right:-5px;margin-left:-5px}.form-row>.col,.form-row>[class*=col-]{padding-right:5px;padding-left:5px}.form-check{position:relative;display:block;padding-left:1.25rem}.form-check-input{position:absolute;margin-top:.3rem;margin-left:-1.25rem}.form-check-input:disabled~.form-check-label{color:#b4b4b4}.form-check-label{margin-bottom:0}.form-check-inline{display:inline-flex;align-items:center;padding-left:0;margin-right:.75rem}.form-check-inline .form-check-input{position:static;margin-top:0;margin-right:.3125rem;margin-left:0}.valid-feedback{display:none;width:100%;margin-top:0;font-size:.75rem;color:#009f61}.valid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.75rem;line-height:1.4285;color:#fff;background-color:rgba(0,159,97,.9);border-radius:4px}.form-control.is-valid,.was-validated .form-control:valid{border-color:#009f61}.form-control.is-valid:focus,.was-validated .form-control:valid:focus{border-color:#009f61;box-shadow:0 0 0 .2rem rgba(0,159,97,.25)}.form-control.is-valid~.valid-feedback,.form-control.is-valid~.valid-tooltip,.was-validated .form-control:valid~.valid-feedback,.was-validated .form-control:valid~.valid-tooltip{display:block}.custom-select.is-valid,.was-validated .custom-select:valid{border-color:#009f61}.custom-select.is-valid:focus,.was-validated .custom-select:valid:focus{border-color:#009f61;box-shadow:0 0 0 .2rem rgba(0,159,97,.25)}.custom-select.is-valid~.valid-feedback,.custom-select.is-valid~.valid-tooltip,.was-validated .custom-select:valid~.valid-feedback,.was-validated .custom-select:valid~.valid-tooltip{display:block}.form-control-file.is-valid~.valid-feedback,.form-control-file.is-valid~.valid-tooltip,.was-validated .form-control-file:valid~.valid-feedback,.was-validated .form-control-file:valid~.valid-tooltip{display:block}.form-check-input.is-valid~.form-check-label,.was-validated .form-check-input:valid~.form-check-label{color:#009f61}.form-check-input.is-valid~.valid-feedback,.form-check-input.is-valid~.valid-tooltip,.was-validated .form-check-input:valid~.valid-feedback,.was-validated .form-check-input:valid~.valid-tooltip{display:block}.custom-control-input.is-valid~.custom-control-label,.was-validated .custom-control-input:valid~.custom-control-label{color:#009f61}.custom-control-input.is-valid~.custom-control-label::before,.was-validated .custom-control-input:valid~.custom-control-label::before{border-color:#009f61}.custom-control-input.is-valid~.valid-feedback,.custom-control-input.is-valid~.valid-tooltip,.was-validated .custom-control-input:valid~.valid-feedback,.was-validated .custom-control-input:valid~.valid-tooltip{display:block}.custom-control-input.is-valid:checked~.custom-control-label::before,.was-validated .custom-control-input:valid:checked~.custom-control-label::before{border-color:#00d280;background-color:#00d280}.custom-control-input.is-valid:focus~.custom-control-label::before,.was-validated .custom-control-input:valid:focus~.custom-control-label::before{box-shadow:0 0 0 .2rem rgba(0,159,97,.25)}.custom-control-input.is-valid:focus:not(:checked)~.custom-control-label::before,.was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label::before{border-color:#009f61}.custom-file-input.is-valid~.custom-file-label,.was-validated .custom-file-input:valid~.custom-file-label{border-color:#009f61}.custom-file-input.is-valid~.valid-feedback,.custom-file-input.is-valid~.valid-tooltip,.was-validated .custom-file-input:valid~.valid-feedback,.was-validated .custom-file-input:valid~.valid-tooltip{display:block}.custom-file-input.is-valid:focus~.custom-file-label,.was-validated .custom-file-input:valid:focus~.custom-file-label{border-color:#009f61;box-shadow:0 0 0 .2rem rgba(0,159,97,.25)}.invalid-feedback{display:none;width:100%;margin-top:0;font-size:.75rem;color:#d74022}.invalid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.75rem;line-height:1.4285;color:#fff;background-color:rgba(215,64,34,.9);border-radius:4px}.form-control.is-invalid,.was-validated .form-control:invalid{border-color:#d74022}.form-control.is-invalid:focus,.was-validated .form-control:invalid:focus{border-color:#d74022;box-shadow:0 0 0 .2rem rgba(215,64,34,.25)}.form-control.is-invalid~.invalid-feedback,.form-control.is-invalid~.invalid-tooltip,.was-validated .form-control:invalid~.invalid-feedback,.was-validated .form-control:invalid~.invalid-tooltip{display:block}.custom-select.is-invalid,.was-validated .custom-select:invalid{border-color:#d74022}.custom-select.is-invalid:focus,.was-validated .custom-select:invalid:focus{border-color:#d74022;box-shadow:0 0 0 .2rem rgba(215,64,34,.25)}.custom-select.is-invalid~.invalid-feedback,.custom-select.is-invalid~.invalid-tooltip,.was-validated .custom-select:invalid~.invalid-feedback,.was-validated .custom-select:invalid~.invalid-tooltip{display:block}.form-control-file.is-invalid~.invalid-feedback,.form-control-file.is-invalid~.invalid-tooltip,.was-validated .form-control-file:invalid~.invalid-feedback,.was-validated .form-control-file:invalid~.invalid-tooltip{display:block}.form-check-input.is-invalid~.form-check-label,.was-validated .form-check-input:invalid~.form-check-label{color:#d74022}.form-check-input.is-invalid~.invalid-feedback,.form-check-input.is-invalid~.invalid-tooltip,.was-validated .form-check-input:invalid~.invalid-feedback,.was-validated .form-check-input:invalid~.invalid-tooltip{display:block}.custom-control-input.is-invalid~.custom-control-label,.was-validated .custom-control-input:invalid~.custom-control-label{color:#d74022}.custom-control-input.is-invalid~.custom-control-label::before,.was-validated .custom-control-input:invalid~.custom-control-label::before{border-color:#d74022}.custom-control-input.is-invalid~.invalid-feedback,.custom-control-input.is-invalid~.invalid-tooltip,.was-validated .custom-control-input:invalid~.invalid-feedback,.was-validated .custom-control-input:invalid~.invalid-tooltip{display:block}.custom-control-input.is-invalid:checked~.custom-control-label::before,.was-validated .custom-control-input:invalid:checked~.custom-control-label::before{border-color:#e2634a;background-color:#e2634a}.custom-control-input.is-invalid:focus~.custom-control-label::before,.was-validated .custom-control-input:invalid:focus~.custom-control-label::before{box-shadow:0 0 0 .2rem rgba(215,64,34,.25)}.custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label::before,.was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label::before{border-color:#d74022}.custom-file-input.is-invalid~.custom-file-label,.was-validated .custom-file-input:invalid~.custom-file-label{border-color:#d74022}.custom-file-input.is-invalid~.invalid-feedback,.custom-file-input.is-invalid~.invalid-tooltip,.was-validated .custom-file-input:invalid~.invalid-feedback,.was-validated .custom-file-input:invalid~.invalid-tooltip{display:block}.custom-file-input.is-invalid:focus~.custom-file-label,.was-validated .custom-file-input:invalid:focus~.custom-file-label{border-color:#d74022;box-shadow:0 0 0 .2rem rgba(215,64,34,.25)}.form-inline{display:flex;flex-flow:row wrap;align-items:center}.form-inline .form-check{width:100%}@media (min-width:576px){.form-inline label{display:flex;align-items:center;justify-content:center;margin-bottom:0}.form-inline .form-group{display:flex;flex:0 0 auto;flex-flow:row wrap;align-items:center;margin-bottom:0}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .form-control-plaintext{display:inline-block}.form-inline .custom-select,.form-inline .input-group{width:auto}.form-inline .form-check{display:flex;align-items:center;justify-content:center;width:auto;padding-left:0}.form-inline .form-check-input{position:relative;flex-shrink:0;margin-top:0;margin-right:.25rem;margin-left:0}.form-inline .custom-control{align-items:center;justify-content:center}.form-inline .custom-control-label{margin-bottom:0}}.custom-control{position:relative;display:block;min-height:1.249938rem;padding-left:1.5rem}.custom-control-inline{display:inline-flex;margin-right:1rem}.custom-control-input{position:absolute;z-index:-1;opacity:0}.custom-control-input:checked~.custom-control-label::before{color:#fff;border-color:#005fbf;background-color:#005fbf}.custom-control-input:focus~.custom-control-label::before{box-shadow:0 0 0 .2rem rgba(19,87,255,.25)}.custom-control-input:focus:not(:checked)~.custom-control-label::before{border-color:#409fff}.custom-control-input:not(:disabled):active~.custom-control-label::before{color:#fff;background-color:#73b8ff;border-color:#73b8ff}.custom-control-input:disabled~.custom-control-label{color:#b4b4b4}.custom-control-input:disabled~.custom-control-label::before{background-color:#f2f4f7}.custom-control-label{position:relative;margin-bottom:0;vertical-align:top}.custom-control-label::before{position:absolute;top:.124969rem;left:-1.5rem;display:block;width:1rem;height:1rem;pointer-events:none;content:"";background-color:#fff;border:#adb5bd solid 1px}.custom-control-label::after{position:absolute;top:.124969rem;left:-1.5rem;display:block;width:1rem;height:1rem;content:"";background:no-repeat 50%/50% 50%}.custom-checkbox .custom-control-label::before{border-radius:4px}.custom-checkbox .custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml, %3csvg width='12' height='10' viewBox='0 0 12 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M0.542893 4.54289C0.933418 4.15237 1.56658 4.15237 1.95711 4.54289L4.25 6.83579L10.0429 1.04289C10.4334 0.652369 11.0666 0.652369 11.4571 1.04289C11.8476 1.43342 11.8476 2.06658 11.4571 2.45711L4.95711 8.95711C4.56658 9.34763 3.93342 9.34763 3.54289 8.95711L0.542893 5.95711C0.152369 5.56658 0.152369 4.93342 0.542893 4.54289Z' fill='%23ffffff'/%3e%3c/svg%3e")}.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before{border-color:#005fbf;background-color:#005fbf}.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='-1 -1 6 6'%3e%3cpath stroke='%23ffffff' d='M0 2h4'/%3e%3c/svg%3e")}.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before{background-color:rgba(0,95,191,.5)}.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before{background-color:rgba(0,95,191,.5)}.custom-radio .custom-control-label::before{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='%23ffffff'/%3e%3c/svg%3e")}.custom-radio .custom-control-input:disabled:checked~.custom-control-label::before{background-color:rgba(0,95,191,.5)}.custom-switch{padding-left:2.25rem}.custom-switch .custom-control-label::before{left:-2.25rem;width:1.75rem;pointer-events:all;border-radius:.5rem}.custom-switch .custom-control-label::after{top:calc(.124969rem + 2px);left:calc(-2.25rem + 2px);width:calc(1rem - 4px);height:calc(1rem - 4px);background-color:#adb5bd;border-radius:.5rem;transition:transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.custom-switch .custom-control-label::after{transition:none}}.custom-switch .custom-control-input:checked~.custom-control-label::after{background-color:#fff;transform:translateX(.75rem)}.custom-switch .custom-control-input:disabled:checked~.custom-control-label::before{background-color:rgba(0,95,191,.5)}.custom-select{display:inline-block;width:100%;height:calc(1.4285em + .75rem + 2px);padding:8px 1.75rem 8px .75rem;font-size:.875rem;font-weight:400;line-height:1.4285;color:#777;vertical-align:middle;background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='%23777' d='M6.28178611,7.34112994 C5.98969924,7.04743259 5.5148273,7.04612703 5.22112994,7.33821389 C4.92743259,7.63030076 4.92612703,8.1051727 5.21821389,8.39887006 L9.44490899,12.6488701 C9.73699896,12.9425705 10.2118771,12.9438725 10.5055731,12.6517782 L14.7788781,8.40177816 C15.072571,8.10968687 15.0738694,7.63481492 14.7817782,7.34112195 C14.4896869,7.04742898 14.0148149,7.04613056 13.7211219,7.33822184 L9.9796032,11.0593358 L6.28178611,7.34112994 Z'/%3e%3c/svg%3e") no-repeat right .75rem center/24px;background-color:#fff;border:1px solid #e2e2e2;border-radius:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.custom-select:focus{border-color:#409fff;outline:0;box-shadow:0 0 0 .2rem rgba(19,87,255,.25)}.custom-select:focus::-ms-value{color:#212121;background-color:#fff}.custom-select[multiple],.custom-select[size]:not([size="1"]){height:auto;padding-right:.75rem;background-image:none}.custom-select:disabled{color:#b4b4b4;background-color:#f2f4f7}.custom-select::-ms-expand{display:none}.custom-select-sm{height:calc(1.4285em + .5rem + 2px);padding-top:.25rem;padding-bottom:.25rem;padding-left:.5rem;font-size:.75rem}.custom-select-lg{height:calc(1.4285em + 1rem + 2px);padding-top:.5rem;padding-bottom:.5rem;padding-left:1rem;font-size:1.25rem}.custom-file{position:relative;display:inline-block;width:100%;height:calc(1.4285em + .75rem + 2px);margin-bottom:0}.custom-file-input{position:relative;z-index:2;width:100%;height:calc(1.4285em + .75rem + 2px);margin:0;opacity:0}.custom-file-input:focus~.custom-file-label{border-color:#409fff;box-shadow:0 0 0 .2rem rgba(19,87,255,.25)}.custom-file-input:disabled~.custom-file-label{background-color:#f2f4f7}.custom-file-input:lang(en)~.custom-file-label::after{content:"Choose file"}.custom-file-input:lang(id)~.custom-file-label::after{content:"Pilih file"}.custom-file-input~.custom-file-label[data-browse]::after{content:attr(data-browse)}.custom-file-label{position:absolute;top:0;right:0;left:0;z-index:1;height:calc(1.4285em + .75rem + 2px);padding:.375rem .75rem;font-weight:400;line-height:1.4285;color:#212121;background-color:#fff;border:1px solid #e2e2e2;border-radius:4px}.custom-file-label::after{position:absolute;top:0;right:0;bottom:0;z-index:3;display:block;height:calc(1.4285em + .75rem);padding:.375rem .75rem;line-height:1.4285;color:#212121;content:"Browse";background-color:#f2f4f7;border-left:inherit;border-radius:0 4px 4px 0}.custom-range{width:100%;height:calc(1rem + .4rem);padding:0;background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none}.custom-range:focus{outline:0}.custom-range:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(19,87,255,.25)}.custom-range:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(19,87,255,.25)}.custom-range:focus::-ms-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(19,87,255,.25)}.custom-range::-moz-focus-outer{border:0}.custom-range::-webkit-slider-thumb{width:1rem;height:1rem;margin-top:-.25rem;background-color:#005fbf;border:0;border-radius:1rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-webkit-appearance:none;appearance:none}@media (prefers-reduced-motion:reduce){.custom-range::-webkit-slider-thumb{transition:none}}.custom-range::-webkit-slider-thumb:active{background-color:#73b8ff}.custom-range::-webkit-slider-runnable-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:#dee2e6;border-color:transparent;border-radius:1rem}.custom-range::-moz-range-thumb{width:1rem;height:1rem;background-color:#005fbf;border:0;border-radius:1rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-moz-appearance:none;appearance:none}@media (prefers-reduced-motion:reduce){.custom-range::-moz-range-thumb{transition:none}}.custom-range::-moz-range-thumb:active{background-color:#73b8ff}.custom-range::-moz-range-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:#dee2e6;border-color:transparent;border-radius:1rem}.custom-range::-ms-thumb{width:1rem;height:1rem;margin-top:0;margin-right:.2rem;margin-left:.2rem;background-color:#005fbf;border:0;border-radius:1rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;appearance:none}@media (prefers-reduced-motion:reduce){.custom-range::-ms-thumb{transition:none}}.custom-range::-ms-thumb:active{background-color:#73b8ff}.custom-range::-ms-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:transparent;border-color:transparent;border-width:.5rem}.custom-range::-ms-fill-lower{background-color:#dee2e6;border-radius:1rem}.custom-range::-ms-fill-upper{margin-right:15px;background-color:#dee2e6;border-radius:1rem}.custom-range:disabled::-webkit-slider-thumb{background-color:#adb5bd}.custom-range:disabled::-webkit-slider-runnable-track{cursor:default}.custom-range:disabled::-moz-range-thumb{background-color:#adb5bd}.custom-range:disabled::-moz-range-track{cursor:default}.custom-range:disabled::-ms-thumb{background-color:#adb5bd}.custom-control-label::before,.custom-file-label,.custom-select{transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.custom-control-label::before,.custom-file-label,.custom-select{transition:none}}.input-group{position:relative;display:flex;flex-wrap:wrap;align-items:stretch;width:100%}.input-group>.custom-file,.input-group>.custom-select,.input-group>.form-control,.input-group>.form-control-plaintext{position:relative;flex:1 1 auto;width:1%;margin-bottom:0}.input-group>.custom-file+.custom-file,.input-group>.custom-file+.custom-select,.input-group>.custom-file+.form-control,.input-group>.custom-select+.custom-file,.input-group>.custom-select+.custom-select,.input-group>.custom-select+.form-control,.input-group>.form-control+.custom-file,.input-group>.form-control+.custom-select,.input-group>.form-control+.form-control,.input-group>.form-control-plaintext+.custom-file,.input-group>.form-control-plaintext+.custom-select,.input-group>.form-control-plaintext+.form-control{margin-left:-1px}.input-group>.custom-file .custom-file-input:focus~.custom-file-label,.input-group>.custom-select:focus,.input-group>.form-control:focus{z-index:3}.input-group>.custom-file .custom-file-input:focus{z-index:4}.input-group>.custom-select:not(:last-child),.input-group>.form-control:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.custom-select:not(:first-child),.input-group>.form-control:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.input-group>.custom-file{display:flex;align-items:center}.input-group>.custom-file:not(:last-child) .custom-file-label,.input-group>.custom-file:not(:last-child) .custom-file-label::after{border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.custom-file:not(:first-child) .custom-file-label{border-top-left-radius:0;border-bottom-left-radius:0}.input-group-append,.input-group-prepend{display:flex}.input-group-append .btn,.input-group-prepend .btn{position:relative;z-index:2}.input-group-append .btn:focus,.input-group-prepend .btn:focus{z-index:3}.input-group-append .btn+.btn,.input-group-append .btn+.input-group-text,.input-group-append .input-group-text+.btn,.input-group-append .input-group-text+.input-group-text,.input-group-prepend .btn+.btn,.input-group-prepend .btn+.input-group-text,.input-group-prepend .input-group-text+.btn,.input-group-prepend .input-group-text+.input-group-text{margin-left:-1px}.input-group-prepend{margin-right:-1px}.input-group-append{margin-left:-1px}.input-group-text{display:flex;align-items:center;padding:.375rem .75rem;margin-bottom:0;font-size:.875rem;font-weight:400;line-height:1.4285;color:#212121;text-align:center;white-space:nowrap;background-color:#f2f4f7;border:1px solid #e2e2e2;border-radius:4px}.input-group-text input[type=checkbox],.input-group-text input[type=radio]{margin-top:0}.input-group-lg>.custom-select,.input-group-lg>.form-control:not(textarea){height:calc(1.4285em + 1rem + 2px)}.input-group-lg>.custom-select,.input-group-lg>.form-control,.input-group-lg>.input-group-append>.btn,.input-group-lg>.input-group-append>.input-group-text,.input-group-lg>.input-group-prepend>.btn,.input-group-lg>.input-group-prepend>.input-group-text{padding:.5rem 1rem;font-size:1.25rem;line-height:1.4285;border-radius:4px}.input-group-sm>.custom-select,.input-group-sm>.form-control:not(textarea){height:calc(1.4285em + .5rem + 2px)}.input-group-sm>.custom-select,.input-group-sm>.form-control,.input-group-sm>.input-group-append>.btn,.input-group-sm>.input-group-append>.input-group-text,.input-group-sm>.input-group-prepend>.btn,.input-group-sm>.input-group-prepend>.input-group-text{padding:.25rem .5rem;font-size:.75rem;line-height:1.4285;border-radius:4px}.input-group-lg>.custom-select,.input-group-sm>.custom-select{padding-right:1.75rem}.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),.input-group>.input-group-append:last-child>.input-group-text:not(:last-child),.input-group>.input-group-append:not(:last-child)>.btn,.input-group>.input-group-append:not(:last-child)>.input-group-text,.input-group>.input-group-prepend>.btn,.input-group>.input-group-prepend>.input-group-text{border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.input-group-append>.btn,.input-group>.input-group-append>.input-group-text,.input-group>.input-group-prepend:first-child>.btn:not(:first-child),.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),.input-group>.input-group-prepend:not(:first-child)>.btn,.input-group>.input-group-prepend:not(:first-child)>.input-group-text{border-top-left-radius:0;border-bottom-left-radius:0}.form-control{padding:8px 12px;margin-top:4px;margin-bottom:4px;line-height:20px;color:#212121}.form-control:hover:not(:disabled):not([readonly]){border:1px solid #005fbf}.form-control:disabled,.form-control[readonly]{color:#b4b4b4;cursor:not-allowed;background-color:#f2f4f7;border-color:#e2e2e2;outline:0;box-shadow:none}.form-control:focus:not(:disabled):not([readonly]){color:#212121}.form-control.prefix-icon{padding-left:36px}.form-control.suffix-icon{padding-right:36px}.form-control.suffix-icon--double,.form-control.with-reset-icon{padding-right:36px}.form-control.suffix-icon--double.suffix-icon,.form-control.with-reset-icon.suffix-icon{padding-right:72px}.form-control.is-invalid,.form-control:invalid{border-color:#d74022}.form-control-plaintext:focus{outline:0;box-shadow:none}.form-group label{margin-bottom:0}.form-row label{margin-bottom:0}.custom-file-input,.custom-select{height:38px;padding:8px 8px 8px 12px;margin:4px 0;line-height:20px;color:#212121}.custom-file-input:hover:not(:disabled),.custom-select:hover:not(:disabled){cursor:pointer;border:1px solid #005fbf}.custom-file-input:focus,.custom-select:focus{box-shadow:0 0 4px 1px rgba(0,95,191,.3)}.custom-file-input:disabled,.custom-select:disabled{color:#b4b4b4;cursor:not-allowed;background-color:#f2f4f7;border-color:#e2e2e2}.custom-file-input:not(:focus):invalid,.custom-select:not(:focus):invalid{color:#b4b4b4}input[type=file]{cursor:pointer}input[type=file]::-webkit-file-upload-button{cursor:pointer}.custom-file{display:flex;flex-wrap:wrap;align-items:center;height:auto;margin-bottom:20px}.custom-file:hover .custom-file-label::before{border:1px solid #b4b4b4}.custom-file .form-text{margin-top:4px}.custom-file~.custom-file-list-wrapper{margin-bottom:12px}.custom-file-input{margin:0}.custom-file-label{display:flex;align-items:flex-end;height:38px;padding:8px 12px;margin-bottom:0;color:#b4b4b4}.custom-file-label::after{display:none}.custom-file-label::before{position:relative;top:3px;bottom:0;z-index:3;display:flex;align-items:center;height:24px;padding:2px 8px;margin-right:12px;line-height:20px;color:#777;content:"Choose File";background-color:#fbfbfb;border:1px solid #e2e2e2;border-radius:4px}.invalid-feedback,.valid-feedback{font-size:12px}.form-group-label{margin-bottom:0;font-weight:600;line-height:20px}.custom-control{margin-bottom:4px}.form-group-label+.custom-control,.form-group-label+.custom-file{margin-top:4px}.custom-control-input:focus{box-shadow:0 0 0 .2rem rgba(19,87,255,.25)}.custom-control-input:hover~.custom-control-label::before{cursor:pointer;border-color:#005fbf}.custom-control-input:hover~.custom-control-label,.custom-control-input:hover~.custom-control-label::after{cursor:pointer}.custom-control-input:disabled~.custom-control-label::after{cursor:not-allowed;border:none}.custom-control-input:disabled~.custom-control-label::before{cursor:not-allowed;background-color:#f2f4f7!important;border:1px solid #e2e2e2!important}.custom-control-input:disabled~.custom-control-label{cursor:not-allowed}.custom-control-label{font-weight:400;color:#212121}.custom-control-label::before{top:1px}.custom-control-label::after{top:1px}.custom-checkbox .custom-control-label::after{background:no-repeat 50%}.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::after{background:url("data:image/svg+xml, %3csvg width='12' height='10' viewBox='0 0 12 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M0.542893 4.54289C0.933418 4.15237 1.56658 4.15237 1.95711 4.54289L4.25 6.83579L10.0429 1.04289C10.4334 0.652369 11.0666 0.652369 11.4571 1.04289C11.8476 1.43342 11.8476 2.06658 11.4571 2.45711L4.95711 8.95711C4.56658 9.34763 3.93342 9.34763 3.54289 8.95711L0.542893 5.95711C0.152369 5.56658 0.152369 4.93342 0.542893 4.54289Z' fill='%23b4b4b4'/%3e%3c/svg%3e") no-repeat 50%}.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::after{background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-1 -1 6 6'%3e%3cpath stroke='%23b4b4b4' d='M0 2h4'/%3e%3c/svg%3e") no-repeat 50%}.custom-radio .custom-control-label::after{background:no-repeat 100%/100% 50%}.custom-radio .custom-control-input:disabled:checked~.custom-control-label::after{background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23b4b4b4'/%3e%3c/svg%3e") no-repeat 100%/100% 50%}.form-check{margin-bottom:4px}textarea.form-control{min-width:184px;height:80px;min-height:38px;max-height:200px;padding-right:12px;padding-left:12px}textarea.form-control::-webkit-scrollbar{width:12px;background-color:transparent}textarea.form-control::-webkit-scrollbar-thumb{background-color:#777;background-clip:padding-box;border:4px solid transparent;border-radius:16px}textarea.form-control::-webkit-scrollbar-track{background-color:#fff;border-radius:4px}.form-text{font-size:12px;color:#777}.input-group{margin-top:4px;margin-bottom:4px}.input-group .form-control{margin-top:0;margin-bottom:0}.input-group .invalid-feedback,.input-group .valid-feedback{margin-top:4px}.custom-select,.custom-select-sm{-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-xs{width:80px;max-width:80px}.form-sm{width:184px;max-width:184px}.form-md{width:288px;max-width:288px}.form-lg{width:392px;max-width:392px}.form-xl{width:600px;max-width:600px}.counter-label{float:right;font-weight:400}.input-group-text{display:flex;align-items:center;padding:.375rem .75rem;margin-bottom:0;font-size:.875rem;font-weight:400;line-height:1.4285;color:#212121;text-align:center;white-space:nowrap;background-color:#f2f4f7;border:1px solid #e2e2e2;border-radius:4px}.input-date-picker,.input-no-readonly{color:#212121!important;cursor:pointer!important;background-color:#fff!important}.input-date-picker:hover:not(:disabled),.input-no-readonly:hover:not(:disabled){border:1px solid #005fbf}.input-with-icon-container{position:relative}
+.form-control{display:block;width:100%;height:38px;padding:.375rem .75rem;font-size:.875rem;font-weight:400;line-height:1.4285;color:#212121;background-color:#fff;background-clip:padding-box;border:1px solid #e2e2e2;border-radius:4px;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-control{transition:none}}.form-control::-ms-expand{background-color:transparent;border:0}.form-control:focus{color:#212121;background-color:#fff;border-color:#005fbf;outline:0;box-shadow:0 0 4px 1px rgba(0,95,191,.3)}.form-control::-webkit-input-placeholder{color:#b4b4b4;opacity:1}.form-control::-moz-placeholder{color:#b4b4b4;opacity:1}.form-control:-ms-input-placeholder{color:#b4b4b4;opacity:1}.form-control::-ms-input-placeholder{color:#b4b4b4;opacity:1}.form-control::placeholder{color:#b4b4b4;opacity:1}.form-control:disabled,.form-control[readonly]{background-color:#f2f4f7;opacity:1}select.form-control:focus::-ms-value{color:#212121;background-color:#fff}.form-control-file,.form-control-range{display:block;width:100%}.col-form-label{padding-top:calc(.375rem + 1px);padding-bottom:calc(.375rem + 1px);margin-bottom:0;font-size:inherit;line-height:1.4285}.col-form-label-lg{padding-top:calc(.5rem + 1px);padding-bottom:calc(.5rem + 1px);font-size:1.25rem;line-height:1.4285}.col-form-label-sm{padding-top:calc(.25rem + 1px);padding-bottom:calc(.25rem + 1px);font-size:.75rem;line-height:1.4285}.form-control-plaintext{display:block;width:100%;padding-top:.375rem;padding-bottom:.375rem;margin-bottom:0;line-height:1.4285;color:#212121;background-color:transparent;border:solid transparent;border-width:1px 0}.form-control-plaintext.form-control-lg,.form-control-plaintext.form-control-sm{padding-right:0;padding-left:0}.form-control-sm{height:calc(1.4285em + .5rem + 2px);padding:.25rem .5rem;font-size:.75rem;line-height:1.4285;border-radius:4px}.form-control-lg{height:calc(1.4285em + 1rem + 2px);padding:.5rem 1rem;font-size:1.25rem;line-height:1.4285;border-radius:4px}select.form-control[multiple],select.form-control[size]{height:auto}textarea.form-control{height:auto}.form-group{margin-bottom:20px}.form-text{display:block;margin-top:0}.form-row{display:flex;flex-wrap:wrap;margin-right:-5px;margin-left:-5px}.form-row>.col,.form-row>[class*=col-]{padding-right:5px;padding-left:5px}.form-check{position:relative;display:block;padding-left:1.25rem}.form-check-input{position:absolute;margin-top:.3rem;margin-left:-1.25rem}.form-check-input:disabled~.form-check-label{color:#b4b4b4}.form-check-label{margin-bottom:0}.form-check-inline{display:inline-flex;align-items:center;padding-left:0;margin-right:.75rem}.form-check-inline .form-check-input{position:static;margin-top:0;margin-right:.3125rem;margin-left:0}.valid-feedback{display:none;width:100%;margin-top:0;font-size:.75rem;color:#009f61}.valid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.75rem;line-height:1.4285;color:#fff;background-color:rgba(0,159,97,.9);border-radius:4px}.form-control.is-valid,.was-validated .form-control:valid{border-color:#009f61}.form-control.is-valid:focus,.was-validated .form-control:valid:focus{border-color:#009f61;box-shadow:0 0 0 .2rem rgba(0,159,97,.25)}.form-control.is-valid~.valid-feedback,.form-control.is-valid~.valid-tooltip,.was-validated .form-control:valid~.valid-feedback,.was-validated .form-control:valid~.valid-tooltip{display:block}.custom-select.is-valid,.was-validated .custom-select:valid{border-color:#009f61}.custom-select.is-valid:focus,.was-validated .custom-select:valid:focus{border-color:#009f61;box-shadow:0 0 0 .2rem rgba(0,159,97,.25)}.custom-select.is-valid~.valid-feedback,.custom-select.is-valid~.valid-tooltip,.was-validated .custom-select:valid~.valid-feedback,.was-validated .custom-select:valid~.valid-tooltip{display:block}.form-control-file.is-valid~.valid-feedback,.form-control-file.is-valid~.valid-tooltip,.was-validated .form-control-file:valid~.valid-feedback,.was-validated .form-control-file:valid~.valid-tooltip{display:block}.form-check-input.is-valid~.form-check-label,.was-validated .form-check-input:valid~.form-check-label{color:#009f61}.form-check-input.is-valid~.valid-feedback,.form-check-input.is-valid~.valid-tooltip,.was-validated .form-check-input:valid~.valid-feedback,.was-validated .form-check-input:valid~.valid-tooltip{display:block}.custom-control-input.is-valid~.custom-control-label,.was-validated .custom-control-input:valid~.custom-control-label{color:#009f61}.custom-control-input.is-valid~.custom-control-label::before,.was-validated .custom-control-input:valid~.custom-control-label::before{border-color:#009f61}.custom-control-input.is-valid~.valid-feedback,.custom-control-input.is-valid~.valid-tooltip,.was-validated .custom-control-input:valid~.valid-feedback,.was-validated .custom-control-input:valid~.valid-tooltip{display:block}.custom-control-input.is-valid:checked~.custom-control-label::before,.was-validated .custom-control-input:valid:checked~.custom-control-label::before{border-color:#00d280;background-color:#00d280}.custom-control-input.is-valid:focus~.custom-control-label::before,.was-validated .custom-control-input:valid:focus~.custom-control-label::before{box-shadow:0 0 0 .2rem rgba(0,159,97,.25)}.custom-control-input.is-valid:focus:not(:checked)~.custom-control-label::before,.was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label::before{border-color:#009f61}.custom-file-input.is-valid~.custom-file-label,.was-validated .custom-file-input:valid~.custom-file-label{border-color:#009f61}.custom-file-input.is-valid~.valid-feedback,.custom-file-input.is-valid~.valid-tooltip,.was-validated .custom-file-input:valid~.valid-feedback,.was-validated .custom-file-input:valid~.valid-tooltip{display:block}.custom-file-input.is-valid:focus~.custom-file-label,.was-validated .custom-file-input:valid:focus~.custom-file-label{border-color:#009f61;box-shadow:0 0 0 .2rem rgba(0,159,97,.25)}.invalid-feedback{display:none;width:100%;margin-top:0;font-size:.75rem;color:#d74022}.invalid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.75rem;line-height:1.4285;color:#fff;background-color:rgba(215,64,34,.9);border-radius:4px}.form-control.is-invalid,.was-validated .form-control:invalid{border-color:#d74022}.form-control.is-invalid:focus,.was-validated .form-control:invalid:focus{border-color:#d74022;box-shadow:0 0 0 .2rem rgba(215,64,34,.25)}.form-control.is-invalid~.invalid-feedback,.form-control.is-invalid~.invalid-tooltip,.was-validated .form-control:invalid~.invalid-feedback,.was-validated .form-control:invalid~.invalid-tooltip{display:block}.custom-select.is-invalid,.was-validated .custom-select:invalid{border-color:#d74022}.custom-select.is-invalid:focus,.was-validated .custom-select:invalid:focus{border-color:#d74022;box-shadow:0 0 0 .2rem rgba(215,64,34,.25)}.custom-select.is-invalid~.invalid-feedback,.custom-select.is-invalid~.invalid-tooltip,.was-validated .custom-select:invalid~.invalid-feedback,.was-validated .custom-select:invalid~.invalid-tooltip{display:block}.form-control-file.is-invalid~.invalid-feedback,.form-control-file.is-invalid~.invalid-tooltip,.was-validated .form-control-file:invalid~.invalid-feedback,.was-validated .form-control-file:invalid~.invalid-tooltip{display:block}.form-check-input.is-invalid~.form-check-label,.was-validated .form-check-input:invalid~.form-check-label{color:#d74022}.form-check-input.is-invalid~.invalid-feedback,.form-check-input.is-invalid~.invalid-tooltip,.was-validated .form-check-input:invalid~.invalid-feedback,.was-validated .form-check-input:invalid~.invalid-tooltip{display:block}.custom-control-input.is-invalid~.custom-control-label,.was-validated .custom-control-input:invalid~.custom-control-label{color:#d74022}.custom-control-input.is-invalid~.custom-control-label::before,.was-validated .custom-control-input:invalid~.custom-control-label::before{border-color:#d74022}.custom-control-input.is-invalid~.invalid-feedback,.custom-control-input.is-invalid~.invalid-tooltip,.was-validated .custom-control-input:invalid~.invalid-feedback,.was-validated .custom-control-input:invalid~.invalid-tooltip{display:block}.custom-control-input.is-invalid:checked~.custom-control-label::before,.was-validated .custom-control-input:invalid:checked~.custom-control-label::before{border-color:#e2634a;background-color:#e2634a}.custom-control-input.is-invalid:focus~.custom-control-label::before,.was-validated .custom-control-input:invalid:focus~.custom-control-label::before{box-shadow:0 0 0 .2rem rgba(215,64,34,.25)}.custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label::before,.was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label::before{border-color:#d74022}.custom-file-input.is-invalid~.custom-file-label,.was-validated .custom-file-input:invalid~.custom-file-label{border-color:#d74022}.custom-file-input.is-invalid~.invalid-feedback,.custom-file-input.is-invalid~.invalid-tooltip,.was-validated .custom-file-input:invalid~.invalid-feedback,.was-validated .custom-file-input:invalid~.invalid-tooltip{display:block}.custom-file-input.is-invalid:focus~.custom-file-label,.was-validated .custom-file-input:invalid:focus~.custom-file-label{border-color:#d74022;box-shadow:0 0 0 .2rem rgba(215,64,34,.25)}.form-inline{display:flex;flex-flow:row wrap;align-items:center}.form-inline .form-check{width:100%}@media (min-width:576px){.form-inline label{display:flex;align-items:center;justify-content:center;margin-bottom:0}.form-inline .form-group{display:flex;flex:0 0 auto;flex-flow:row wrap;align-items:center;margin-bottom:0}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .form-control-plaintext{display:inline-block}.form-inline .custom-select,.form-inline .input-group{width:auto}.form-inline .form-check{display:flex;align-items:center;justify-content:center;width:auto;padding-left:0}.form-inline .form-check-input{position:relative;flex-shrink:0;margin-top:0;margin-right:.25rem;margin-left:0}.form-inline .custom-control{align-items:center;justify-content:center}.form-inline .custom-control-label{margin-bottom:0}}.custom-control{position:relative;display:block;min-height:1.249938rem;padding-left:1.5rem}.custom-control-inline{display:inline-flex;margin-right:1rem}.custom-control-input{position:absolute;z-index:-1;opacity:0}.custom-control-input:checked~.custom-control-label::before{color:#fff;border-color:#005fbf;background-color:#005fbf}.custom-control-input:focus~.custom-control-label::before{box-shadow:0 0 0 .2rem rgba(19,87,255,.25)}.custom-control-input:focus:not(:checked)~.custom-control-label::before{border-color:#409fff}.custom-control-input:not(:disabled):active~.custom-control-label::before{color:#fff;background-color:#73b8ff;border-color:#73b8ff}.custom-control-input:disabled~.custom-control-label{color:#b4b4b4}.custom-control-input:disabled~.custom-control-label::before{background-color:#f2f4f7}.custom-control-label{position:relative;margin-bottom:0;vertical-align:top}.custom-control-label::before{position:absolute;top:.124969rem;left:-1.5rem;display:block;width:1rem;height:1rem;pointer-events:none;content:"";background-color:#fff;border:#adb5bd solid 1px}.custom-control-label::after{position:absolute;top:.124969rem;left:-1.5rem;display:block;width:1rem;height:1rem;content:"";background:no-repeat 50%/50% 50%}.custom-checkbox .custom-control-label::before{border-radius:4px}.custom-checkbox .custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml, %3csvg width='12' height='10' viewBox='0 0 12 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M0.542893 4.54289C0.933418 4.15237 1.56658 4.15237 1.95711 4.54289L4.25 6.83579L10.0429 1.04289C10.4334 0.652369 11.0666 0.652369 11.4571 1.04289C11.8476 1.43342 11.8476 2.06658 11.4571 2.45711L4.95711 8.95711C4.56658 9.34763 3.93342 9.34763 3.54289 8.95711L0.542893 5.95711C0.152369 5.56658 0.152369 4.93342 0.542893 4.54289Z' fill='%23ffffff'/%3e%3c/svg%3e")}.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before{border-color:#005fbf;background-color:#005fbf}.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='-1 -1 6 6'%3e%3cpath stroke='%23ffffff' d='M0 2h4'/%3e%3c/svg%3e")}.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before{background-color:rgba(0,95,191,.5)}.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before{background-color:rgba(0,95,191,.5)}.custom-radio .custom-control-label::before{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='%23ffffff'/%3e%3c/svg%3e")}.custom-radio .custom-control-input:disabled:checked~.custom-control-label::before{background-color:rgba(0,95,191,.5)}.custom-switch{padding-left:2.25rem}.custom-switch .custom-control-label::before{left:-2.25rem;width:1.75rem;pointer-events:all;border-radius:.5rem}.custom-switch .custom-control-label::after{top:calc(.124969rem + 2px);left:calc(-2.25rem + 2px);width:calc(1rem - 4px);height:calc(1rem - 4px);background-color:#adb5bd;border-radius:.5rem;transition:transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.custom-switch .custom-control-label::after{transition:none}}.custom-switch .custom-control-input:checked~.custom-control-label::after{background-color:#fff;transform:translateX(.75rem)}.custom-switch .custom-control-input:disabled:checked~.custom-control-label::before{background-color:rgba(0,95,191,.5)}.custom-select{display:inline-block;width:100%;height:calc(1.4285em + .75rem + 2px);padding:8px 1.75rem 8px .75rem;font-size:.875rem;font-weight:400;line-height:1.4285;color:#777;vertical-align:middle;background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='%23777' d='M6.28178611,7.34112994 C5.98969924,7.04743259 5.5148273,7.04612703 5.22112994,7.33821389 C4.92743259,7.63030076 4.92612703,8.1051727 5.21821389,8.39887006 L9.44490899,12.6488701 C9.73699896,12.9425705 10.2118771,12.9438725 10.5055731,12.6517782 L14.7788781,8.40177816 C15.072571,8.10968687 15.0738694,7.63481492 14.7817782,7.34112195 C14.4896869,7.04742898 14.0148149,7.04613056 13.7211219,7.33822184 L9.9796032,11.0593358 L6.28178611,7.34112994 Z'/%3e%3c/svg%3e") no-repeat right .75rem center/24px;background-color:#fff;border:1px solid #e2e2e2;border-radius:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.custom-select:focus{border-color:#409fff;outline:0;box-shadow:0 0 0 .2rem rgba(19,87,255,.25)}.custom-select:focus::-ms-value{color:#212121;background-color:#fff}.custom-select[multiple],.custom-select[size]:not([size="1"]){height:auto;padding-right:.75rem;background-image:none}.custom-select:disabled{color:#b4b4b4;background-color:#f2f4f7}.custom-select::-ms-expand{display:none}.custom-select-sm{height:calc(1.4285em + .5rem + 2px);padding-top:.25rem;padding-bottom:.25rem;padding-left:.5rem;font-size:.75rem}.custom-select-lg{height:calc(1.4285em + 1rem + 2px);padding-top:.5rem;padding-bottom:.5rem;padding-left:1rem;font-size:1.25rem}.custom-file{position:relative;display:inline-block;width:100%;height:calc(1.4285em + .75rem + 2px);margin-bottom:0}.custom-file-input{position:relative;z-index:2;width:100%;height:calc(1.4285em + .75rem + 2px);margin:0;opacity:0}.custom-file-input:focus~.custom-file-label{border-color:#409fff;box-shadow:0 0 0 .2rem rgba(19,87,255,.25)}.custom-file-input:disabled~.custom-file-label{background-color:#f2f4f7}.custom-file-input:lang(en)~.custom-file-label::after{content:"Choose file"}.custom-file-input:lang(id)~.custom-file-label::after{content:"Pilih file"}.custom-file-input~.custom-file-label[data-browse]::after{content:attr(data-browse)}.custom-file-label{position:absolute;top:0;right:0;left:0;z-index:1;height:calc(1.4285em + .75rem + 2px);padding:.375rem .75rem;font-weight:400;line-height:1.4285;color:#212121;background-color:#fff;border:1px solid #e2e2e2;border-radius:4px}.custom-file-label::after{position:absolute;top:0;right:0;bottom:0;z-index:3;display:block;height:calc(1.4285em + .75rem);padding:.375rem .75rem;line-height:1.4285;color:#212121;content:"Browse";background-color:#f2f4f7;border-left:inherit;border-radius:0 4px 4px 0}.custom-range{width:100%;height:calc(1rem + .4rem);padding:0;background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none}.custom-range:focus{outline:0}.custom-range:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(19,87,255,.25)}.custom-range:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(19,87,255,.25)}.custom-range:focus::-ms-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(19,87,255,.25)}.custom-range::-moz-focus-outer{border:0}.custom-range::-webkit-slider-thumb{width:1rem;height:1rem;margin-top:-.25rem;background-color:#005fbf;border:0;border-radius:1rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-webkit-appearance:none;appearance:none}@media (prefers-reduced-motion:reduce){.custom-range::-webkit-slider-thumb{transition:none}}.custom-range::-webkit-slider-thumb:active{background-color:#73b8ff}.custom-range::-webkit-slider-runnable-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:#dee2e6;border-color:transparent;border-radius:1rem}.custom-range::-moz-range-thumb{width:1rem;height:1rem;background-color:#005fbf;border:0;border-radius:1rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-moz-appearance:none;appearance:none}@media (prefers-reduced-motion:reduce){.custom-range::-moz-range-thumb{transition:none}}.custom-range::-moz-range-thumb:active{background-color:#73b8ff}.custom-range::-moz-range-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:#dee2e6;border-color:transparent;border-radius:1rem}.custom-range::-ms-thumb{width:1rem;height:1rem;margin-top:0;margin-right:.2rem;margin-left:.2rem;background-color:#005fbf;border:0;border-radius:1rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;appearance:none}@media (prefers-reduced-motion:reduce){.custom-range::-ms-thumb{transition:none}}.custom-range::-ms-thumb:active{background-color:#73b8ff}.custom-range::-ms-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:transparent;border-color:transparent;border-width:.5rem}.custom-range::-ms-fill-lower{background-color:#dee2e6;border-radius:1rem}.custom-range::-ms-fill-upper{margin-right:15px;background-color:#dee2e6;border-radius:1rem}.custom-range:disabled::-webkit-slider-thumb{background-color:#adb5bd}.custom-range:disabled::-webkit-slider-runnable-track{cursor:default}.custom-range:disabled::-moz-range-thumb{background-color:#adb5bd}.custom-range:disabled::-moz-range-track{cursor:default}.custom-range:disabled::-ms-thumb{background-color:#adb5bd}.custom-control-label::before,.custom-file-label,.custom-select{transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.custom-control-label::before,.custom-file-label,.custom-select{transition:none}}.input-group{position:relative;display:flex;flex-wrap:wrap;align-items:stretch;width:100%}.input-group>.custom-file,.input-group>.custom-select,.input-group>.form-control,.input-group>.form-control-plaintext{position:relative;flex:1 1 auto;width:1%;margin-bottom:0}.input-group>.custom-file+.custom-file,.input-group>.custom-file+.custom-select,.input-group>.custom-file+.form-control,.input-group>.custom-select+.custom-file,.input-group>.custom-select+.custom-select,.input-group>.custom-select+.form-control,.input-group>.form-control+.custom-file,.input-group>.form-control+.custom-select,.input-group>.form-control+.form-control,.input-group>.form-control-plaintext+.custom-file,.input-group>.form-control-plaintext+.custom-select,.input-group>.form-control-plaintext+.form-control{margin-left:-1px}.input-group>.custom-file .custom-file-input:focus~.custom-file-label,.input-group>.custom-select:focus,.input-group>.form-control:focus{z-index:3}.input-group>.custom-file .custom-file-input:focus{z-index:4}.input-group>.custom-select:not(:last-child),.input-group>.form-control:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.custom-select:not(:first-child),.input-group>.form-control:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.input-group>.custom-file{display:flex;align-items:center}.input-group>.custom-file:not(:last-child) .custom-file-label,.input-group>.custom-file:not(:last-child) .custom-file-label::after{border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.custom-file:not(:first-child) .custom-file-label{border-top-left-radius:0;border-bottom-left-radius:0}.input-group-append,.input-group-prepend{display:flex}.input-group-append .btn,.input-group-prepend .btn{position:relative;z-index:2}.input-group-append .btn:focus,.input-group-prepend .btn:focus{z-index:3}.input-group-append .btn+.btn,.input-group-append .btn+.input-group-text,.input-group-append .input-group-text+.btn,.input-group-append .input-group-text+.input-group-text,.input-group-prepend .btn+.btn,.input-group-prepend .btn+.input-group-text,.input-group-prepend .input-group-text+.btn,.input-group-prepend .input-group-text+.input-group-text{margin-left:-1px}.input-group-prepend{margin-right:-1px}.input-group-append{margin-left:-1px}.input-group-text{display:flex;align-items:center;padding:.375rem .75rem;margin-bottom:0;font-size:.875rem;font-weight:400;line-height:1.4285;color:#212121;text-align:center;white-space:nowrap;background-color:#f2f4f7;border:1px solid #e2e2e2;border-radius:4px}.input-group-text input[type=checkbox],.input-group-text input[type=radio]{margin-top:0}.input-group-lg>.custom-select,.input-group-lg>.form-control:not(textarea){height:calc(1.4285em + 1rem + 2px)}.input-group-lg>.custom-select,.input-group-lg>.form-control,.input-group-lg>.input-group-append>.btn,.input-group-lg>.input-group-append>.input-group-text,.input-group-lg>.input-group-prepend>.btn,.input-group-lg>.input-group-prepend>.input-group-text{padding:.5rem 1rem;font-size:1.25rem;line-height:1.4285;border-radius:4px}.input-group-sm>.custom-select,.input-group-sm>.form-control:not(textarea){height:calc(1.4285em + .5rem + 2px)}.input-group-sm>.custom-select,.input-group-sm>.form-control,.input-group-sm>.input-group-append>.btn,.input-group-sm>.input-group-append>.input-group-text,.input-group-sm>.input-group-prepend>.btn,.input-group-sm>.input-group-prepend>.input-group-text{padding:.25rem .5rem;font-size:.75rem;line-height:1.4285;border-radius:4px}.input-group-lg>.custom-select,.input-group-sm>.custom-select{padding-right:1.75rem}.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),.input-group>.input-group-append:last-child>.input-group-text:not(:last-child),.input-group>.input-group-append:not(:last-child)>.btn,.input-group>.input-group-append:not(:last-child)>.input-group-text,.input-group>.input-group-prepend>.btn,.input-group>.input-group-prepend>.input-group-text{border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.input-group-append>.btn,.input-group>.input-group-append>.input-group-text,.input-group>.input-group-prepend:first-child>.btn:not(:first-child),.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),.input-group>.input-group-prepend:not(:first-child)>.btn,.input-group>.input-group-prepend:not(:first-child)>.input-group-text{border-top-left-radius:0;border-bottom-left-radius:0}.form-control{padding:8px 12px;margin-top:4px;margin-bottom:4px;line-height:20px;color:#212121}.form-control:hover:not(:disabled):not([readonly]){border:1px solid #005fbf}.form-control:disabled,.form-control[readonly]{color:#b4b4b4;cursor:not-allowed;background-color:#f2f4f7;border-color:#e2e2e2;outline:0;box-shadow:none}.form-control:focus:not(:disabled):not([readonly]){color:#212121}.form-control.prefix-icon{padding-left:36px}.form-control.suffix-icon{padding-right:36px}.form-control.suffix-icon--double,.form-control.with-reset-icon{padding-right:36px}.form-control.suffix-icon--double.suffix-icon,.form-control.with-reset-icon.suffix-icon{padding-right:72px}.form-control.is-invalid,.form-control:invalid{border-color:#d74022}.form-control-plaintext:focus{outline:0;box-shadow:none}.form-group label{margin-bottom:0}.form-row label{margin-bottom:0}.custom-file-input,.custom-select{height:38px;padding:8px 8px 8px 12px;margin:4px 0;line-height:20px;color:#212121}.custom-file-input:hover:not(:disabled),.custom-select:hover:not(:disabled){cursor:pointer;border:1px solid #005fbf}.custom-file-input:focus,.custom-select:focus{box-shadow:0 0 4px 1px rgba(0,95,191,.3)}.custom-file-input:disabled,.custom-select:disabled{color:#b4b4b4;cursor:not-allowed;background-color:#f2f4f7;border-color:#e2e2e2}.custom-file-input:not(:focus):invalid,.custom-select:not(:focus):invalid{color:#b4b4b4}input[type=file]{cursor:pointer}input[type=file]::-webkit-file-upload-button{cursor:pointer}.custom-file{display:flex;flex-wrap:wrap;align-items:center;height:auto;margin-bottom:20px}.custom-file:hover .custom-file-label::before{border:1px solid #b4b4b4}.custom-file .form-text{margin-top:4px}.custom-file~.custom-file-list-wrapper{margin-bottom:12px}.custom-file-input{margin:0}.custom-file-label{display:flex;align-items:flex-end;height:38px;padding:8px 12px;margin-bottom:0;color:#b4b4b4}.custom-file-label::after{display:none}.custom-file-label::before{position:relative;top:3px;bottom:0;z-index:3;display:flex;align-items:center;height:24px;padding:2px 8px;margin-right:12px;line-height:20px;color:#777;content:"Choose File";background-color:#fbfbfb;border:1px solid #e2e2e2;border-radius:4px}.invalid-feedback,.valid-feedback{font-size:12px}.form-group-label{margin-bottom:0;font-weight:600;line-height:20px}.custom-control{margin-bottom:4px}.form-group-label+.custom-control,.form-group-label+.custom-file{margin-top:4px}.custom-control-input:focus{box-shadow:0 0 0 .2rem rgba(19,87,255,.25)}.custom-control-input:hover~.custom-control-label::before{cursor:pointer;border-color:#005fbf}.custom-control-input:hover~.custom-control-label,.custom-control-input:hover~.custom-control-label::after{cursor:pointer}.custom-control-input:disabled~.custom-control-label::after{cursor:not-allowed;border:none}.custom-control-input:disabled~.custom-control-label::before{cursor:not-allowed;background-color:#f2f4f7!important;border:1px solid #e2e2e2!important}.custom-control-input:disabled~.custom-control-label{cursor:not-allowed}.custom-control-label{font-weight:400;color:#212121}.custom-checkbox .custom-control-label::before{top:0}.custom-checkbox .custom-control-label::after{top:0;background:no-repeat 50%}.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::after{background:url("data:image/svg+xml, %3csvg width='12' height='10' viewBox='0 0 12 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M0.542893 4.54289C0.933418 4.15237 1.56658 4.15237 1.95711 4.54289L4.25 6.83579L10.0429 1.04289C10.4334 0.652369 11.0666 0.652369 11.4571 1.04289C11.8476 1.43342 11.8476 2.06658 11.4571 2.45711L4.95711 8.95711C4.56658 9.34763 3.93342 9.34763 3.54289 8.95711L0.542893 5.95711C0.152369 5.56658 0.152369 4.93342 0.542893 4.54289Z' fill='%23b4b4b4'/%3e%3c/svg%3e") no-repeat 50%}.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::after{background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-1 -1 6 6'%3e%3cpath stroke='%23b4b4b4' d='M0 2h4'/%3e%3c/svg%3e") no-repeat 50%}.custom-radio .custom-control-label::before{top:1px}.custom-radio .custom-control-label::after{top:1px;background:no-repeat 100%/100% 50%}.custom-radio .custom-control-input:disabled:checked~.custom-control-label::after{background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23b4b4b4'/%3e%3c/svg%3e") no-repeat 100%/100% 50%}.custom-switch{height:24px;padding-left:52px;line-height:24px}.custom-switch .custom-control-label::before{top:0;left:-52px;width:40px;height:24px;background-color:#e2e2e2;border:none;border-radius:24px}.custom-switch .custom-control-label::after{top:2px;left:-50px;width:20px;height:20px;background-color:#fff;border-radius:50%;transition:transform .2s}.custom-switch .custom-control-input:checked~.custom-control-label::before{background-color:#1357ff}.custom-switch .custom-control-input:checked~.custom-control-label::after{transform:translateX(1rem)}.custom-switch.custom-switch-danger .custom-control-input:checked~.custom-control-label::before{background:#d74022}.custom-switch.custom-switch-danger .custom-control-input:not(:disabled):active~.custom-control-label::before{background:#d74022}.custom-switch.custom-switch-danger .custom-control-input:focus~.custom-control-label::before{box-shadow:0 0 0 .2rem #f4c2b8}.custom-switch.custom-switch-success .custom-control-input:checked~.custom-control-label::before{background:#009f61}.custom-switch.custom-switch-success .custom-control-input:not(:disabled):active~.custom-control-label::before{background:#009f61}.custom-switch.custom-switch-success .custom-control-input:focus~.custom-control-label::before{box-shadow:0 0 0 .2rem #53ffbc}.custom-switch.custom-switch-info .custom-control-input:checked~.custom-control-label::before{background:#ffeb99}.custom-switch.custom-switch-info .custom-control-input:not(:disabled):active~.custom-control-label::before{background:#ffeb99}.custom-switch.custom-switch-info .custom-control-input:focus~.custom-control-label::before{box-shadow:0 0 0 .2rem #fff}.custom-switch.custom-switch-warning .custom-control-input:checked~.custom-control-label::before{background:#ffb700}.custom-switch.custom-switch-warning .custom-control-input:not(:disabled):active~.custom-control-label::before{background:#ffb700}.custom-switch.custom-switch-warning .custom-control-input:focus~.custom-control-label::before{box-shadow:0 0 0 .2rem #ffe9b3}.custom-switch.custom-switch-primary .custom-control-input:checked~.custom-control-label::before{background:#005fbf}.custom-switch.custom-switch-primary .custom-control-input:not(:disabled):active~.custom-control-label::before{background:#005fbf}.custom-switch.custom-switch-primary .custom-control-input:focus~.custom-control-label::before{box-shadow:0 0 0 .2rem #73b8ff}.custom-switch.custom-switch-jurnal .custom-control-input:checked~.custom-control-label::before{background:#009bde}.custom-switch.custom-switch-jurnal .custom-control-input:not(:disabled):active~.custom-control-label::before{background:#009bde}.custom-switch.custom-switch-jurnal .custom-control-input:focus~.custom-control-label::before{box-shadow:0 0 0 .2rem #92deff}.custom-switch.custom-switch-talenta .custom-control-input:checked~.custom-control-label::before{background:#c02a34}.custom-switch.custom-switch-talenta .custom-control-input:not(:disabled):active~.custom-control-label::before{background:#c02a34}.custom-switch.custom-switch-talenta .custom-control-input:focus~.custom-control-label::before{box-shadow:0 0 0 .2rem #eeafb3}.custom-switch.custom-switch-klikpajak .custom-control-input:checked~.custom-control-label::before{background:#f96d01}.custom-switch.custom-switch-klikpajak .custom-control-input:not(:disabled):active~.custom-control-label::before{background:#f96d01}.custom-switch.custom-switch-klikpajak .custom-control-input:focus~.custom-control-label::before{box-shadow:0 0 0 .2rem #ffd1ae}.custom-switch.custom-switch-mekari .custom-control-input:checked~.custom-control-label::before{background:#6d48e5}.custom-switch.custom-switch-mekari .custom-control-input:not(:disabled):active~.custom-control-label::before{background:#6d48e5}.custom-switch.custom-switch-mekari .custom-control-input:focus~.custom-control-label::before{box-shadow:0 0 0 .2rem #eae4fb}.custom-switch.custom-switch-dark .custom-control-input:checked~.custom-control-label::before{background:#212121}.custom-switch.custom-switch-dark .custom-control-input:not(:disabled):active~.custom-control-label::before{background:#212121}.custom-switch.custom-switch-dark .custom-control-input:focus~.custom-control-label::before{box-shadow:0 0 0 .2rem #7a7a7a}.custom-switch.custom-switch-slate .custom-control-input:checked~.custom-control-label::before{background:#777}.custom-switch.custom-switch-slate .custom-control-input:not(:disabled):active~.custom-control-label::before{background:#777}.custom-switch.custom-switch-slate .custom-control-input:focus~.custom-control-label::before{box-shadow:0 0 0 .2rem #d0d0d0}.custom-switch.custom-switch-muted .custom-control-input:checked~.custom-control-label::before{background:#b4b4b4}.custom-switch.custom-switch-muted .custom-control-input:not(:disabled):active~.custom-control-label::before{background:#b4b4b4}.custom-switch.custom-switch-muted .custom-control-input:focus~.custom-control-label::before{box-shadow:0 0 0 .2rem #fff}.custom-switch.custom-switch-smoke .custom-control-input:checked~.custom-control-label::before{background:#e2e2e2}.custom-switch.custom-switch-smoke .custom-control-input:not(:disabled):active~.custom-control-label::before{background:#e2e2e2}.custom-switch.custom-switch-smoke .custom-control-input:focus~.custom-control-label::before{box-shadow:0 0 0 .2rem #fff}.custom-switch.custom-switch-light .custom-control-input:checked~.custom-control-label::before{background:#fbfbfb}.custom-switch.custom-switch-light .custom-control-input:not(:disabled):active~.custom-control-label::before{background:#fbfbfb}.custom-switch.custom-switch-light .custom-control-input:focus~.custom-control-label::before{box-shadow:0 0 0 .2rem #fff}.custom-switch.custom-switch-cloud .custom-control-input:checked~.custom-control-label::before{background:#f2f4f7}.custom-switch.custom-switch-cloud .custom-control-input:not(:disabled):active~.custom-control-label::before{background:#f2f4f7}.custom-switch.custom-switch-cloud .custom-control-input:focus~.custom-control-label::before{box-shadow:0 0 0 .2rem #fff}.custom-switch.custom-switch-link .custom-control-input:checked~.custom-control-label::before{background:#1357ff}.custom-switch.custom-switch-link .custom-control-input:not(:disabled):active~.custom-control-label::before{background:#1357ff}.custom-switch.custom-switch-link .custom-control-input:focus~.custom-control-label::before{box-shadow:0 0 0 .2rem #c6d6ff}.custom-switch.custom-switch-white .custom-control-input:checked~.custom-control-label::before{background:#fff}.custom-switch.custom-switch-white .custom-control-input:not(:disabled):active~.custom-control-label::before{background:#fff}.custom-switch.custom-switch-white .custom-control-input:focus~.custom-control-label::before{box-shadow:0 0 0 .2rem #fff}.custom-switch--small{height:20px;padding-left:48px;line-height:20px}.custom-switch--small .custom-control-label::before{left:-48px;width:34px;height:20px}.custom-switch--small .custom-control-label::after{left:-46px;width:16px;height:16px}.custom-switch--small .custom-control-input:checked~.custom-control-label::after{transform:translateX(14px)}.form-check{margin-bottom:4px}textarea.form-control{min-width:184px;height:80px;min-height:38px;max-height:200px;padding-right:12px;padding-left:12px}textarea.form-control::-webkit-scrollbar{width:12px;background-color:transparent}textarea.form-control::-webkit-scrollbar-thumb{background-color:#777;background-clip:padding-box;border:4px solid transparent;border-radius:16px}textarea.form-control::-webkit-scrollbar-track{background-color:#fff;border-radius:4px}.form-text{font-size:12px;color:#777}.input-group{margin-top:4px;margin-bottom:4px}.input-group .form-control{margin-top:0;margin-bottom:0}.input-group .invalid-feedback,.input-group .valid-feedback{margin-top:4px}.custom-select,.custom-select-sm{-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-xs{width:80px;max-width:80px}.form-sm{width:184px;max-width:184px}.form-md{width:288px;max-width:288px}.form-lg{width:392px;max-width:392px}.form-xl{width:600px;max-width:600px}.counter-label{float:right;font-weight:400}.input-group-text{display:flex;align-items:center;padding:.375rem .75rem;margin-bottom:0;font-size:.875rem;font-weight:400;line-height:1.4285;color:#212121;text-align:center;white-space:nowrap;background-color:#f2f4f7;border:1px solid #e2e2e2;border-radius:4px}.input-date-picker,.input-no-readonly{color:#212121!important;cursor:pointer!important;background-color:#fff!important}.input-date-picker:hover:not(:disabled),.input-no-readonly:hover:not(:disabled){border:1px solid #005fbf}.input-with-icon-container{position:relative}
 /*# sourceMappingURL=mekari-ui-form-min.css.map */

data/lib/assets/stylesheets/css/components/mekari-ui-form-min.css.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../scss/vendors/_forms.scss","../../../scss/vendors/_rfs.scss","../../../scss/vendors/mixins/_border-radius.scss","../../../scss/vendors/mixins/_transition.scss","../../../scss/vendors/mixins/_forms.scss","dist/css/components/mekari-ui-form.css","../../../scss/vendors/mixins/_gradients.scss","../../../scss/vendors/mixins/_breakpoints.scss","../../../scss/vendors/_custom-forms.scss","../../../scss/vendors/_input-group.scss","../../../scss/components/config/_form.scss","../../../scss/mixins/_scroll.scss"],"names":[],"mappings":"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","sourcesContent":["// stylelint-disable selector-no-qualifying-type\n\n//\n// Textual form controls\n//\n\n.#{$prefix}form-control {\n  display: block;\n  width: 100%;\n  height: $input-height;\n  padding: $input-padding-y $input-padding-x;\n  font-family: $input-font-family;\n  @include font-size($input-font-size);\n  font-weight: $input-font-weight;\n  line-height: $input-line-height;\n  color: $input-color;\n  background-color: $input-bg;\n  background-clip: padding-box;\n  border: $input-border-width solid $input-border-color;\n\n  // Note: This has no effect on <select>s in some browsers, due to the limited stylability of `<select>`s in CSS.\n  @include border-radius($input-border-radius, 0);\n\n  @include box-shadow($input-box-shadow);\n  @include transition($input-transition);\n\n  // Unstyle the caret on `<select>`s in IE10+.\n  &::-ms-expand {\n    background-color: transparent;\n    border: 0;\n  }\n\n  // Customize the `:focus` state to imitate native WebKit styles.\n  @include form-control-focus;\n\n  // Placeholder\n  &::placeholder {\n    color: $input-placeholder-color;\n    // Override Firefox's unusual default opacity; see https://github.com/twbs/bootstrap/pull/11526.\n    opacity: 1;\n  }\n\n  // Disabled and read-only inputs\n  //\n  // HTML5 says that controls under a fieldset > legend:first-child won't be\n  // disabled if the fieldset is disabled. Due to implementation difficulty, we\n  // don't honor that edge case; we style them as disabled anyway.\n  &:disabled,\n  &[readonly] {\n    background-color: $input-disabled-bg;\n    // iOS fix for unreadable disabled content; see https://github.com/twbs/bootstrap/issues/11655.\n    opacity: 1;\n  }\n}\n\nselect.#{$prefix}form-control {\n  &:focus::-ms-value {\n    // Suppress the nested default white text on blue background highlight given to\n    // the selected option text when the (still closed) <select> receives focus\n    // in IE and (under certain conditions) Edge, as it looks bad and cannot be made to\n    // match the appearance of the native widget.\n    // See https://github.com/twbs/bootstrap/issues/19398.\n    color: $input-color;\n    background-color: $input-bg;\n  }\n}\n\n// Make file inputs better match text inputs by forcing them to new lines.\n.#{$prefix}form-control-file,\n.#{$prefix}form-control-range {\n  display: block;\n  width: 100%;\n}\n\n\n//\n// Labels\n//\n\n// For use with horizontal and inline forms, when you need the label (or legend)\n// text to align with the form controls.\n.#{$prefix}col-form-label {\n  padding-top: calc(#{$input-padding-y} + #{$input-border-width});\n  padding-bottom: calc(#{$input-padding-y} + #{$input-border-width});\n  margin-bottom: 0; // Override the `<label>/<legend>` default\n  @include font-size(inherit); // Override the `<legend>` default\n  line-height: $input-line-height;\n}\n\n.#{$prefix}col-form-label-lg {\n  padding-top: calc(#{$input-padding-y-lg} + #{$input-border-width});\n  padding-bottom: calc(#{$input-padding-y-lg} + #{$input-border-width});\n  @include font-size($input-font-size-lg);\n  line-height: $input-line-height-lg;\n}\n\n.#{$prefix}col-form-label-sm {\n  padding-top: calc(#{$input-padding-y-sm} + #{$input-border-width});\n  padding-bottom: calc(#{$input-padding-y-sm} + #{$input-border-width});\n  @include font-size($input-font-size-sm);\n  line-height: $input-line-height-sm;\n}\n\n\n// Readonly controls as plain text\n//\n// Apply class to a readonly input to make it appear like regular plain\n// text (without any border, background color, focus indicator)\n\n.#{$prefix}form-control-plaintext {\n  display: block;\n  width: 100%;\n  padding-top: $input-padding-y;\n  padding-bottom: $input-padding-y;\n  margin-bottom: 0; // match inputs if this class comes on inputs with default margins\n  line-height: $input-line-height;\n  color: $input-plaintext-color;\n  background-color: transparent;\n  border: solid transparent;\n  border-width: $input-border-width 0;\n\n  &.#{$prefix}form-control-sm,\n  &.#{$prefix}form-control-lg {\n    padding-right: 0;\n    padding-left: 0;\n  }\n}\n\n\n// Form control sizing\n//\n// Build on `.#{$prefix}form-control` with modifier classes to decrease or increase the\n// height and font-size of form controls.\n//\n// Repeated in `_input_group.scss` to avoid Sass extend issues.\n\n.#{$prefix}form-control-sm {\n  height: $input-height-sm;\n  padding: $input-padding-y-sm $input-padding-x-sm;\n  @include font-size($input-font-size-sm);\n  line-height: $input-line-height-sm;\n  @include border-radius($input-border-radius-sm);\n}\n\n.#{$prefix}form-control-lg {\n  height: $input-height-lg;\n  padding: $input-padding-y-lg $input-padding-x-lg;\n  @include font-size($input-font-size-lg);\n  line-height: $input-line-height-lg;\n  @include border-radius($input-border-radius-lg);\n}\n\n// stylelint-disable-next-line no-duplicate-selectors\nselect.#{$prefix}form-control {\n  &[size],\n  &[multiple] {\n    height: auto;\n  }\n}\n\ntextarea.#{$prefix}form-control {\n  height: auto;\n}\n\n// Form groups\n//\n// Designed to help with the organization and spacing of vertical forms. For\n// horizontal forms, use the predefined grid classes.\n\n.#{$prefix}form-group {\n  margin-bottom: $form-group-margin-bottom;\n}\n\n.#{$prefix}form-text {\n  display: block;\n  margin-top: $form-text-margin-top;\n}\n\n\n// Form grid\n//\n// Special replacement for our grid system's `.row` for tighter form layouts.\n\n.#{$prefix}form-row {\n  display: flex;\n  flex-wrap: wrap;\n  margin-right: -$form-grid-gutter-width / 2;\n  margin-left: -$form-grid-gutter-width / 2;\n\n  > .col,\n  > [class*=\"col-\"] {\n    padding-right: $form-grid-gutter-width / 2;\n    padding-left: $form-grid-gutter-width / 2;\n  }\n}\n\n\n// Checkboxes and radios\n//\n// Indent the labels to position radios/checkboxes as hanging controls.\n\n.#{$prefix}form-check {\n  position: relative;\n  display: block;\n  padding-left: $form-check-input-gutter;\n}\n\n.#{$prefix}form-check-input {\n  position: absolute;\n  margin-top: $form-check-input-margin-y;\n  margin-left: -$form-check-input-gutter;\n\n  &:disabled ~ .#{$prefix}form-check-label {\n    color: $text-muted;\n  }\n}\n\n.#{$prefix}form-check-label {\n  margin-bottom: 0; // Override default `<label>` bottom margin\n}\n\n.#{$prefix}form-check-inline {\n  display: inline-flex;\n  align-items: center;\n  padding-left: 0; // Override base .#{$prefix}form-check\n  margin-right: $form-check-inline-margin-x;\n\n  // Undo .#{$prefix}form-check-input defaults and add some `margin-right`.\n  .#{$prefix}form-check-input {\n    position: static;\n    margin-top: 0;\n    margin-right: $form-check-inline-input-margin-x;\n    margin-left: 0;\n  }\n}\n\n\n// Form validation\n//\n// Provide feedback to users when form field values are valid or invalid. Works\n// primarily for client-side validation via scoped `:invalid` and `:valid`\n// pseudo-classes but also includes `.is-invalid` and `.is-valid` classes for\n// server side validation.\n\n@each $state, $data in $form-validation-states {\n  @include form-validation-state($state, map-get($data, color), map-get($data, icon));\n}\n\n// Inline forms\n//\n// Make forms appear inline(-block) by adding the `.#{$prefix}form-inline` class. Inline\n// forms begin stacked on extra small (mobile) devices and then go inline when\n// viewports reach <768px.\n//\n// Requires wrapping inputs and labels with `.#{$prefix}form-group` for proper display of\n// default HTML form controls and our custom form controls (e.g., input groups).\n\n.#{$prefix}form-inline {\n  display: flex;\n  flex-flow: row wrap;\n  align-items: center; // Prevent shorter elements from growing to same height as others (e.g., small buttons growing to normal sized button height)\n\n  // Because we use flex, the initial sizing of checkboxes is collapsed and\n  // doesn't occupy the full-width (which is what we want for xs grid tier),\n  // so we force that here.\n  .#{$prefix}form-check {\n    width: 100%;\n  }\n\n  // Kick in the inline\n  @include media-breakpoint-up(sm) {\n    label {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      margin-bottom: 0;\n    }\n\n    // Inline-block all the things for \"inline\"\n    .#{$prefix}form-group {\n      display: flex;\n      flex: 0 0 auto;\n      flex-flow: row wrap;\n      align-items: center;\n      margin-bottom: 0;\n    }\n\n    // Allow folks to *not* use `.#{$prefix}form-group`\n    .#{$prefix}form-control {\n      display: inline-block;\n      width: auto; // Prevent labels from stacking above inputs in `.#{$prefix}form-group`\n      vertical-align: middle;\n    }\n\n    // Make static controls behave like regular ones\n    .#{$prefix}form-control-plaintext {\n      display: inline-block;\n    }\n\n    .input-group,\n    .#{$prefix}custom-select {\n      width: auto;\n    }\n\n    // Remove default margin on radios/checkboxes that were used for stacking, and\n    // then undo the floating of radios and checkboxes to match.\n    .#{$prefix}form-check {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      width: auto;\n      padding-left: 0;\n    }\n    .#{$prefix}form-check-input {\n      position: relative;\n      flex-shrink: 0;\n      margin-top: 0;\n      margin-right: $form-check-input-margin-x;\n      margin-left: 0;\n    }\n\n    .#{$prefix}custom-control {\n      align-items: center;\n      justify-content: center;\n    }\n    .#{$prefix}custom-control-label {\n      margin-bottom: 0;\n    }\n  }\n}\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","// 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","// 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","// 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  .#{$prefix}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.#{$prefix}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  .#{$prefix}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  .#{$prefix}form-control-file {\n    .was-validated &:#{$state},\n    &.is-#{$state} {\n      ~ .#{$state}-feedback,\n      ~ .#{$state}-tooltip {\n        display: block;\n      }\n    }\n  }\n\n  .#{$prefix}form-check-input {\n    .was-validated &:#{$state},\n    &.is-#{$state} {\n      ~ .#{$prefix}form-check-label {\n        color: $color;\n      }\n\n      ~ .#{$state}-feedback,\n      ~ .#{$state}-tooltip {\n        display: block;\n      }\n    }\n  }\n\n  .#{$prefix}custom-control-input {\n    .was-validated &:#{$state},\n    &.is-#{$state} {\n      ~ .#{$prefix}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        ~ .#{$prefix}custom-control-label::before {\n          border-color: lighten($color, 10%);\n          @include gradient-bg(lighten($color, 10%));\n        }\n      }\n\n      &:focus {\n        ~ .#{$prefix}custom-control-label::before {\n          box-shadow: 0 0 0 $input-focus-width rgba($color, .25);\n        }\n\n        &:not(:checked) ~ .#{$prefix}custom-control-label::before {\n          border-color: $color;\n        }\n      }\n    }\n  }\n\n  // custom file\n  .#{$prefix}custom-file-input {\n    .was-validated &:#{$state},\n    &.is-#{$state} {\n      ~ .#{$prefix}custom-file-label {\n        border-color: $color;\n      }\n\n      ~ .#{$state}-feedback,\n      ~ .#{$state}-tooltip {\n        display: block;\n      }\n\n      &:focus {\n        ~ .#{$prefix}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",".form-control {\n  display: block;\n  width: 100%;\n  height: 38px;\n  padding: 0.375rem 0.75rem;\n  font-size: 0.875rem;\n  font-weight: 400;\n  line-height: 1.4285;\n  color: #212121;\n  background-color: #fff;\n  background-clip: padding-box;\n  border: 1px solid #e2e2e2;\n  border-radius: 4px;\n  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .form-control {\n    transition: none;\n  }\n}\n\n.form-control::-ms-expand {\n  background-color: transparent;\n  border: 0;\n}\n\n.form-control:focus {\n  color: #212121;\n  background-color: #fff;\n  border-color: #005fbf;\n  outline: 0;\n  box-shadow: 0 0 4px 1px rgba(0, 95, 191, 0.3);\n}\n\n.form-control::-webkit-input-placeholder {\n  color: #b4b4b4;\n  opacity: 1;\n}\n\n.form-control::-moz-placeholder {\n  color: #b4b4b4;\n  opacity: 1;\n}\n\n.form-control:-ms-input-placeholder {\n  color: #b4b4b4;\n  opacity: 1;\n}\n\n.form-control::-ms-input-placeholder {\n  color: #b4b4b4;\n  opacity: 1;\n}\n\n.form-control::placeholder {\n  color: #b4b4b4;\n  opacity: 1;\n}\n\n.form-control:disabled, .form-control[readonly] {\n  background-color: #f2f4f7;\n  opacity: 1;\n}\n\nselect.form-control:focus::-ms-value {\n  color: #212121;\n  background-color: #fff;\n}\n\n.form-control-file,\n.form-control-range {\n  display: block;\n  width: 100%;\n}\n\n.col-form-label {\n  padding-top: calc(0.375rem + 1px);\n  padding-bottom: calc(0.375rem + 1px);\n  margin-bottom: 0;\n  font-size: inherit;\n  line-height: 1.4285;\n}\n\n.col-form-label-lg {\n  padding-top: calc(0.5rem + 1px);\n  padding-bottom: calc(0.5rem + 1px);\n  font-size: 1.25rem;\n  line-height: 1.4285;\n}\n\n.col-form-label-sm {\n  padding-top: calc(0.25rem + 1px);\n  padding-bottom: calc(0.25rem + 1px);\n  font-size: 0.75rem;\n  line-height: 1.4285;\n}\n\n.form-control-plaintext {\n  display: block;\n  width: 100%;\n  padding-top: 0.375rem;\n  padding-bottom: 0.375rem;\n  margin-bottom: 0;\n  line-height: 1.4285;\n  color: #212121;\n  background-color: transparent;\n  border: solid transparent;\n  border-width: 1px 0;\n}\n\n.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {\n  padding-right: 0;\n  padding-left: 0;\n}\n\n.form-control-sm {\n  height: calc(1.4285em + 0.5rem + 2px);\n  padding: 0.25rem 0.5rem;\n  font-size: 0.75rem;\n  line-height: 1.4285;\n  border-radius: 4px;\n}\n\n.form-control-lg {\n  height: calc(1.4285em + 1rem + 2px);\n  padding: 0.5rem 1rem;\n  font-size: 1.25rem;\n  line-height: 1.4285;\n  border-radius: 4px;\n}\n\nselect.form-control[size], select.form-control[multiple] {\n  height: auto;\n}\n\ntextarea.form-control {\n  height: auto;\n}\n\n.form-group {\n  margin-bottom: 20px;\n}\n\n.form-text {\n  display: block;\n  margin-top: 0;\n}\n\n.form-row {\n  display: flex;\n  flex-wrap: wrap;\n  margin-right: -5px;\n  margin-left: -5px;\n}\n\n.form-row > .col,\n.form-row > [class*=\"col-\"] {\n  padding-right: 5px;\n  padding-left: 5px;\n}\n\n.form-check {\n  position: relative;\n  display: block;\n  padding-left: 1.25rem;\n}\n\n.form-check-input {\n  position: absolute;\n  margin-top: 0.3rem;\n  margin-left: -1.25rem;\n}\n\n.form-check-input:disabled ~ .form-check-label {\n  color: #b4b4b4;\n}\n\n.form-check-label {\n  margin-bottom: 0;\n}\n\n.form-check-inline {\n  display: inline-flex;\n  align-items: center;\n  padding-left: 0;\n  margin-right: 0.75rem;\n}\n\n.form-check-inline .form-check-input {\n  position: static;\n  margin-top: 0;\n  margin-right: 0.3125rem;\n  margin-left: 0;\n}\n\n.valid-feedback {\n  display: none;\n  width: 100%;\n  margin-top: 0;\n  font-size: 0.75rem;\n  color: #009f61;\n}\n\n.valid-tooltip {\n  position: absolute;\n  top: 100%;\n  z-index: 5;\n  display: none;\n  max-width: 100%;\n  padding: 0.25rem 0.5rem;\n  margin-top: .1rem;\n  font-size: 0.75rem;\n  line-height: 1.4285;\n  color: #fff;\n  background-color: rgba(0, 159, 97, 0.9);\n  border-radius: 4px;\n}\n\n.was-validated .form-control:valid, .form-control.is-valid {\n  border-color: #009f61;\n}\n\n.was-validated .form-control:valid:focus, .form-control.is-valid:focus {\n  border-color: #009f61;\n  box-shadow: 0 0 0 0.2rem rgba(0, 159, 97, 0.25);\n}\n\n.was-validated .form-control:valid ~ .valid-feedback,\n.was-validated .form-control:valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback,\n.form-control.is-valid ~ .valid-tooltip {\n  display: block;\n}\n\n.was-validated .custom-select:valid, .custom-select.is-valid {\n  border-color: #009f61;\n}\n\n.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus {\n  border-color: #009f61;\n  box-shadow: 0 0 0 0.2rem rgba(0, 159, 97, 0.25);\n}\n\n.was-validated .custom-select:valid ~ .valid-feedback,\n.was-validated .custom-select:valid ~ .valid-tooltip, .custom-select.is-valid ~ .valid-feedback,\n.custom-select.is-valid ~ .valid-tooltip {\n  display: block;\n}\n\n.was-validated .form-control-file:valid ~ .valid-feedback,\n.was-validated .form-control-file:valid ~ .valid-tooltip, .form-control-file.is-valid ~ .valid-feedback,\n.form-control-file.is-valid ~ .valid-tooltip {\n  display: block;\n}\n\n.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {\n  color: #009f61;\n}\n\n.was-validated .form-check-input:valid ~ .valid-feedback,\n.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback,\n.form-check-input.is-valid ~ .valid-tooltip {\n  display: block;\n}\n\n.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label {\n  color: #009f61;\n}\n\n.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before {\n  border-color: #009f61;\n}\n\n.was-validated .custom-control-input:valid ~ .valid-feedback,\n.was-validated .custom-control-input:valid ~ .valid-tooltip, .custom-control-input.is-valid ~ .valid-feedback,\n.custom-control-input.is-valid ~ .valid-tooltip {\n  display: block;\n}\n\n.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before {\n  border-color: #00d280;\n  background-color: #00d280;\n}\n\n.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before {\n  box-shadow: 0 0 0 0.2rem rgba(0, 159, 97, 0.25);\n}\n\n.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 {\n  border-color: #009f61;\n}\n\n.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label {\n  border-color: #009f61;\n}\n\n.was-validated .custom-file-input:valid ~ .valid-feedback,\n.was-validated .custom-file-input:valid ~ .valid-tooltip, .custom-file-input.is-valid ~ .valid-feedback,\n.custom-file-input.is-valid ~ .valid-tooltip {\n  display: block;\n}\n\n.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label {\n  border-color: #009f61;\n  box-shadow: 0 0 0 0.2rem rgba(0, 159, 97, 0.25);\n}\n\n.invalid-feedback {\n  display: none;\n  width: 100%;\n  margin-top: 0;\n  font-size: 0.75rem;\n  color: #d74022;\n}\n\n.invalid-tooltip {\n  position: absolute;\n  top: 100%;\n  z-index: 5;\n  display: none;\n  max-width: 100%;\n  padding: 0.25rem 0.5rem;\n  margin-top: .1rem;\n  font-size: 0.75rem;\n  line-height: 1.4285;\n  color: #fff;\n  background-color: rgba(215, 64, 34, 0.9);\n  border-radius: 4px;\n}\n\n.was-validated .form-control:invalid, .form-control.is-invalid {\n  border-color: #d74022;\n}\n\n.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {\n  border-color: #d74022;\n  box-shadow: 0 0 0 0.2rem rgba(215, 64, 34, 0.25);\n}\n\n.was-validated .form-control:invalid ~ .invalid-feedback,\n.was-validated .form-control:invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback,\n.form-control.is-invalid ~ .invalid-tooltip {\n  display: block;\n}\n\n.was-validated .custom-select:invalid, .custom-select.is-invalid {\n  border-color: #d74022;\n}\n\n.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus {\n  border-color: #d74022;\n  box-shadow: 0 0 0 0.2rem rgba(215, 64, 34, 0.25);\n}\n\n.was-validated .custom-select:invalid ~ .invalid-feedback,\n.was-validated .custom-select:invalid ~ .invalid-tooltip, .custom-select.is-invalid ~ .invalid-feedback,\n.custom-select.is-invalid ~ .invalid-tooltip {\n  display: block;\n}\n\n.was-validated .form-control-file:invalid ~ .invalid-feedback,\n.was-validated .form-control-file:invalid ~ .invalid-tooltip, .form-control-file.is-invalid ~ .invalid-feedback,\n.form-control-file.is-invalid ~ .invalid-tooltip {\n  display: block;\n}\n\n.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {\n  color: #d74022;\n}\n\n.was-validated .form-check-input:invalid ~ .invalid-feedback,\n.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback,\n.form-check-input.is-invalid ~ .invalid-tooltip {\n  display: block;\n}\n\n.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label {\n  color: #d74022;\n}\n\n.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before {\n  border-color: #d74022;\n}\n\n.was-validated .custom-control-input:invalid ~ .invalid-feedback,\n.was-validated .custom-control-input:invalid ~ .invalid-tooltip, .custom-control-input.is-invalid ~ .invalid-feedback,\n.custom-control-input.is-invalid ~ .invalid-tooltip {\n  display: block;\n}\n\n.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before {\n  border-color: #e2634a;\n  background-color: #e2634a;\n}\n\n.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before {\n  box-shadow: 0 0 0 0.2rem rgba(215, 64, 34, 0.25);\n}\n\n.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before {\n  border-color: #d74022;\n}\n\n.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label {\n  border-color: #d74022;\n}\n\n.was-validated .custom-file-input:invalid ~ .invalid-feedback,\n.was-validated .custom-file-input:invalid ~ .invalid-tooltip, .custom-file-input.is-invalid ~ .invalid-feedback,\n.custom-file-input.is-invalid ~ .invalid-tooltip {\n  display: block;\n}\n\n.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label {\n  border-color: #d74022;\n  box-shadow: 0 0 0 0.2rem rgba(215, 64, 34, 0.25);\n}\n\n.form-inline {\n  display: flex;\n  flex-flow: row wrap;\n  align-items: center;\n}\n\n.form-inline .form-check {\n  width: 100%;\n}\n\n@media (min-width: 576px) {\n  .form-inline label {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin-bottom: 0;\n  }\n  .form-inline .form-group {\n    display: flex;\n    flex: 0 0 auto;\n    flex-flow: row wrap;\n    align-items: center;\n    margin-bottom: 0;\n  }\n  .form-inline .form-control {\n    display: inline-block;\n    width: auto;\n    vertical-align: middle;\n  }\n  .form-inline .form-control-plaintext {\n    display: inline-block;\n  }\n  .form-inline .input-group,\n  .form-inline .custom-select {\n    width: auto;\n  }\n  .form-inline .form-check {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: auto;\n    padding-left: 0;\n  }\n  .form-inline .form-check-input {\n    position: relative;\n    flex-shrink: 0;\n    margin-top: 0;\n    margin-right: 0.25rem;\n    margin-left: 0;\n  }\n  .form-inline .custom-control {\n    align-items: center;\n    justify-content: center;\n  }\n  .form-inline .custom-control-label {\n    margin-bottom: 0;\n  }\n}\n\n.custom-control {\n  position: relative;\n  display: block;\n  min-height: 1.249938rem;\n  padding-left: 1.5rem;\n}\n\n.custom-control-inline {\n  display: inline-flex;\n  margin-right: 1rem;\n}\n\n.custom-control-input {\n  position: absolute;\n  z-index: -1;\n  opacity: 0;\n}\n\n.custom-control-input:checked ~ .custom-control-label::before {\n  color: #fff;\n  border-color: #005fbf;\n  background-color: #005fbf;\n}\n\n.custom-control-input:focus ~ .custom-control-label::before {\n  box-shadow: 0 0 0 0.2rem rgba(19, 87, 255, 0.25);\n}\n\n.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {\n  border-color: #409fff;\n}\n\n.custom-control-input:not(:disabled):active ~ .custom-control-label::before {\n  color: #fff;\n  background-color: #73b8ff;\n  border-color: #73b8ff;\n}\n\n.custom-control-input:disabled ~ .custom-control-label {\n  color: #b4b4b4;\n}\n\n.custom-control-input:disabled ~ .custom-control-label::before {\n  background-color: #f2f4f7;\n}\n\n.custom-control-label {\n  position: relative;\n  margin-bottom: 0;\n  vertical-align: top;\n}\n\n.custom-control-label::before {\n  position: absolute;\n  top: 0.124969rem;\n  left: -1.5rem;\n  display: block;\n  width: 1rem;\n  height: 1rem;\n  pointer-events: none;\n  content: \"\";\n  background-color: #fff;\n  border: #adb5bd solid 1px;\n}\n\n.custom-control-label::after {\n  position: absolute;\n  top: 0.124969rem;\n  left: -1.5rem;\n  display: block;\n  width: 1rem;\n  height: 1rem;\n  content: \"\";\n  background: no-repeat 50% / 50% 50%;\n}\n\n.custom-checkbox .custom-control-label::before {\n  border-radius: 4px;\n}\n\n.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {\n  background-image: url(\"data:image/svg+xml, %3csvg width='12' height='10' viewBox='0 0 12 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M0.542893 4.54289C0.933418 4.15237 1.56658 4.15237 1.95711 4.54289L4.25 6.83579L10.0429 1.04289C10.4334 0.652369 11.0666 0.652369 11.4571 1.04289C11.8476 1.43342 11.8476 2.06658 11.4571 2.45711L4.95711 8.95711C4.56658 9.34763 3.93342 9.34763 3.54289 8.95711L0.542893 5.95711C0.152369 5.56658 0.152369 4.93342 0.542893 4.54289Z' fill='%23ffffff'/%3e%3c/svg%3e\");\n}\n\n.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {\n  border-color: #005fbf;\n  background-color: #005fbf;\n}\n\n.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {\n  background-image: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-1 -1 6 6'%3e%3cpath stroke='%23ffffff' d='M0 2h4'/%3e%3c/svg%3e\");\n}\n\n.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {\n  background-color: rgba(0, 95, 191, 0.5);\n}\n\n.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {\n  background-color: rgba(0, 95, 191, 0.5);\n}\n\n.custom-radio .custom-control-label::before {\n  border-radius: 50%;\n}\n\n.custom-radio .custom-control-input:checked ~ .custom-control-label::after {\n  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='%23ffffff'/%3e%3c/svg%3e\");\n}\n\n.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {\n  background-color: rgba(0, 95, 191, 0.5);\n}\n\n.custom-switch {\n  padding-left: 2.25rem;\n}\n\n.custom-switch .custom-control-label::before {\n  left: -2.25rem;\n  width: 1.75rem;\n  pointer-events: all;\n  border-radius: 0.5rem;\n}\n\n.custom-switch .custom-control-label::after {\n  top: calc(0.124969rem + 2px);\n  left: calc(-2.25rem + 2px);\n  width: calc(1rem - 4px);\n  height: calc(1rem - 4px);\n  background-color: #adb5bd;\n  border-radius: 0.5rem;\n  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;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .custom-switch .custom-control-label::after {\n    transition: none;\n  }\n}\n\n.custom-switch .custom-control-input:checked ~ .custom-control-label::after {\n  background-color: #fff;\n  transform: translateX(0.75rem);\n}\n\n.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {\n  background-color: rgba(0, 95, 191, 0.5);\n}\n\n.custom-select {\n  display: inline-block;\n  width: 100%;\n  height: calc(1.4285em + 0.75rem + 2px);\n  padding: 8px 1.75rem 8px 0.75rem;\n  font-size: 0.875rem;\n  font-weight: 400;\n  line-height: 1.4285;\n  color: #777;\n  vertical-align: middle;\n  background: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='%23777' d='M6.28178611,7.34112994 C5.98969924,7.04743259 5.5148273,7.04612703 5.22112994,7.33821389 C4.92743259,7.63030076 4.92612703,8.1051727 5.21821389,8.39887006 L9.44490899,12.6488701 C9.73699896,12.9425705 10.2118771,12.9438725 10.5055731,12.6517782 L14.7788781,8.40177816 C15.072571,8.10968687 15.0738694,7.63481492 14.7817782,7.34112195 C14.4896869,7.04742898 14.0148149,7.04613056 13.7211219,7.33822184 L9.9796032,11.0593358 L6.28178611,7.34112994 Z'/%3e%3c/svg%3e\") no-repeat right 0.75rem center/24px;\n  background-color: #fff;\n  border: 1px solid #e2e2e2;\n  border-radius: 4px;\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n}\n\n.custom-select:focus {\n  border-color: #409fff;\n  outline: 0;\n  box-shadow: 0 0 0 0.2rem rgba(19, 87, 255, 0.25);\n}\n\n.custom-select:focus::-ms-value {\n  color: #212121;\n  background-color: #fff;\n}\n\n.custom-select[multiple], .custom-select[size]:not([size=\"1\"]) {\n  height: auto;\n  padding-right: 0.75rem;\n  background-image: none;\n}\n\n.custom-select:disabled {\n  color: #b4b4b4;\n  background-color: #f2f4f7;\n}\n\n.custom-select::-ms-expand {\n  display: none;\n}\n\n.custom-select-sm {\n  height: calc(1.4285em + 0.5rem + 2px);\n  padding-top: 0.25rem;\n  padding-bottom: 0.25rem;\n  padding-left: 0.5rem;\n  font-size: 0.75rem;\n}\n\n.custom-select-lg {\n  height: calc(1.4285em + 1rem + 2px);\n  padding-top: 0.5rem;\n  padding-bottom: 0.5rem;\n  padding-left: 1rem;\n  font-size: 1.25rem;\n}\n\n.custom-file {\n  position: relative;\n  display: inline-block;\n  width: 100%;\n  height: calc(1.4285em + 0.75rem + 2px);\n  margin-bottom: 0;\n}\n\n.custom-file-input {\n  position: relative;\n  z-index: 2;\n  width: 100%;\n  height: calc(1.4285em + 0.75rem + 2px);\n  margin: 0;\n  opacity: 0;\n}\n\n.custom-file-input:focus ~ .custom-file-label {\n  border-color: #409fff;\n  box-shadow: 0 0 0 0.2rem rgba(19, 87, 255, 0.25);\n}\n\n.custom-file-input:disabled ~ .custom-file-label {\n  background-color: #f2f4f7;\n}\n\n.custom-file-input:lang(en) ~ .custom-file-label::after {\n  content: \"Choose file\";\n}\n\n.custom-file-input:lang(id) ~ .custom-file-label::after {\n  content: \"Pilih file\";\n}\n\n.custom-file-input ~ .custom-file-label[data-browse]::after {\n  content: attr(data-browse);\n}\n\n.custom-file-label {\n  position: absolute;\n  top: 0;\n  right: 0;\n  left: 0;\n  z-index: 1;\n  height: calc(1.4285em + 0.75rem + 2px);\n  padding: 0.375rem 0.75rem;\n  font-weight: 400;\n  line-height: 1.4285;\n  color: #212121;\n  background-color: #fff;\n  border: 1px solid #e2e2e2;\n  border-radius: 4px;\n}\n\n.custom-file-label::after {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  z-index: 3;\n  display: block;\n  height: calc(1.4285em + 0.75rem);\n  padding: 0.375rem 0.75rem;\n  line-height: 1.4285;\n  color: #212121;\n  content: \"Browse\";\n  background-color: #f2f4f7;\n  border-left: inherit;\n  border-radius: 0 4px 4px 0;\n}\n\n.custom-range {\n  width: 100%;\n  height: calc(1rem + 0.4rem);\n  padding: 0;\n  background-color: transparent;\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n}\n\n.custom-range:focus {\n  outline: none;\n}\n\n.custom-range:focus::-webkit-slider-thumb {\n  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(19, 87, 255, 0.25);\n}\n\n.custom-range:focus::-moz-range-thumb {\n  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(19, 87, 255, 0.25);\n}\n\n.custom-range:focus::-ms-thumb {\n  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(19, 87, 255, 0.25);\n}\n\n.custom-range::-moz-focus-outer {\n  border: 0;\n}\n\n.custom-range::-webkit-slider-thumb {\n  width: 1rem;\n  height: 1rem;\n  margin-top: -0.25rem;\n  background-color: #005fbf;\n  border: 0;\n  border-radius: 1rem;\n  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n  -webkit-appearance: none;\n  appearance: none;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .custom-range::-webkit-slider-thumb {\n    transition: none;\n  }\n}\n\n.custom-range::-webkit-slider-thumb:active {\n  background-color: #73b8ff;\n}\n\n.custom-range::-webkit-slider-runnable-track {\n  width: 100%;\n  height: 0.5rem;\n  color: transparent;\n  cursor: pointer;\n  background-color: #dee2e6;\n  border-color: transparent;\n  border-radius: 1rem;\n}\n\n.custom-range::-moz-range-thumb {\n  width: 1rem;\n  height: 1rem;\n  background-color: #005fbf;\n  border: 0;\n  border-radius: 1rem;\n  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n  -moz-appearance: none;\n  appearance: none;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .custom-range::-moz-range-thumb {\n    transition: none;\n  }\n}\n\n.custom-range::-moz-range-thumb:active {\n  background-color: #73b8ff;\n}\n\n.custom-range::-moz-range-track {\n  width: 100%;\n  height: 0.5rem;\n  color: transparent;\n  cursor: pointer;\n  background-color: #dee2e6;\n  border-color: transparent;\n  border-radius: 1rem;\n}\n\n.custom-range::-ms-thumb {\n  width: 1rem;\n  height: 1rem;\n  margin-top: 0;\n  margin-right: 0.2rem;\n  margin-left: 0.2rem;\n  background-color: #005fbf;\n  border: 0;\n  border-radius: 1rem;\n  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n  appearance: none;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .custom-range::-ms-thumb {\n    transition: none;\n  }\n}\n\n.custom-range::-ms-thumb:active {\n  background-color: #73b8ff;\n}\n\n.custom-range::-ms-track {\n  width: 100%;\n  height: 0.5rem;\n  color: transparent;\n  cursor: pointer;\n  background-color: transparent;\n  border-color: transparent;\n  border-width: 0.5rem;\n}\n\n.custom-range::-ms-fill-lower {\n  background-color: #dee2e6;\n  border-radius: 1rem;\n}\n\n.custom-range::-ms-fill-upper {\n  margin-right: 15px;\n  background-color: #dee2e6;\n  border-radius: 1rem;\n}\n\n.custom-range:disabled::-webkit-slider-thumb {\n  background-color: #adb5bd;\n}\n\n.custom-range:disabled::-webkit-slider-runnable-track {\n  cursor: default;\n}\n\n.custom-range:disabled::-moz-range-thumb {\n  background-color: #adb5bd;\n}\n\n.custom-range:disabled::-moz-range-track {\n  cursor: default;\n}\n\n.custom-range:disabled::-ms-thumb {\n  background-color: #adb5bd;\n}\n\n.custom-control-label::before,\n.custom-file-label,\n.custom-select {\n  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .custom-control-label::before,\n  .custom-file-label,\n  .custom-select {\n    transition: none;\n  }\n}\n\n.input-group {\n  position: relative;\n  display: flex;\n  flex-wrap: wrap;\n  align-items: stretch;\n  width: 100%;\n}\n\n.input-group > .form-control,\n.input-group > .form-control-plaintext,\n.input-group > .custom-select,\n.input-group > .custom-file {\n  position: relative;\n  flex: 1 1 auto;\n  width: 1%;\n  margin-bottom: 0;\n}\n\n.input-group > .form-control + .form-control,\n.input-group > .form-control + .custom-select,\n.input-group > .form-control + .custom-file,\n.input-group > .form-control-plaintext + .form-control,\n.input-group > .form-control-plaintext + .custom-select,\n.input-group > .form-control-plaintext + .custom-file,\n.input-group > .custom-select + .form-control,\n.input-group > .custom-select + .custom-select,\n.input-group > .custom-select + .custom-file,\n.input-group > .custom-file + .form-control,\n.input-group > .custom-file + .custom-select,\n.input-group > .custom-file + .custom-file {\n  margin-left: -1px;\n}\n\n.input-group > .form-control:focus,\n.input-group > .custom-select:focus,\n.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label {\n  z-index: 3;\n}\n\n.input-group > .custom-file .custom-file-input:focus {\n  z-index: 4;\n}\n\n.input-group > .form-control:not(:last-child),\n.input-group > .custom-select:not(:last-child) {\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n}\n\n.input-group > .form-control:not(:first-child),\n.input-group > .custom-select:not(:first-child) {\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n}\n\n.input-group > .custom-file {\n  display: flex;\n  align-items: center;\n}\n\n.input-group > .custom-file:not(:last-child) .custom-file-label,\n.input-group > .custom-file:not(:last-child) .custom-file-label::after {\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n}\n\n.input-group > .custom-file:not(:first-child) .custom-file-label {\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n}\n\n.input-group-prepend,\n.input-group-append {\n  display: flex;\n}\n\n.input-group-prepend .btn,\n.input-group-append .btn {\n  position: relative;\n  z-index: 2;\n}\n\n.input-group-prepend .btn:focus,\n.input-group-append .btn:focus {\n  z-index: 3;\n}\n\n.input-group-prepend .btn + .btn,\n.input-group-prepend .btn + .input-group-text,\n.input-group-prepend .input-group-text + .input-group-text,\n.input-group-prepend .input-group-text + .btn,\n.input-group-append .btn + .btn,\n.input-group-append .btn + .input-group-text,\n.input-group-append .input-group-text + .input-group-text,\n.input-group-append .input-group-text + .btn {\n  margin-left: -1px;\n}\n\n.input-group-prepend {\n  margin-right: -1px;\n}\n\n.input-group-append {\n  margin-left: -1px;\n}\n\n.input-group-text {\n  display: flex;\n  align-items: center;\n  padding: 0.375rem 0.75rem;\n  margin-bottom: 0;\n  font-size: 0.875rem;\n  font-weight: 400;\n  line-height: 1.4285;\n  color: #212121;\n  text-align: center;\n  white-space: nowrap;\n  background-color: #f2f4f7;\n  border: 1px solid #e2e2e2;\n  border-radius: 4px;\n}\n\n.input-group-text input[type=\"radio\"],\n.input-group-text input[type=\"checkbox\"] {\n  margin-top: 0;\n}\n\n.input-group-lg > .form-control:not(textarea),\n.input-group-lg > .custom-select {\n  height: calc(1.4285em + 1rem + 2px);\n}\n\n.input-group-lg > .form-control,\n.input-group-lg > .custom-select,\n.input-group-lg > .input-group-prepend > .input-group-text,\n.input-group-lg > .input-group-append > .input-group-text,\n.input-group-lg > .input-group-prepend > .btn,\n.input-group-lg > .input-group-append > .btn {\n  padding: 0.5rem 1rem;\n  font-size: 1.25rem;\n  line-height: 1.4285;\n  border-radius: 4px;\n}\n\n.input-group-sm > .form-control:not(textarea),\n.input-group-sm > .custom-select {\n  height: calc(1.4285em + 0.5rem + 2px);\n}\n\n.input-group-sm > .form-control,\n.input-group-sm > .custom-select,\n.input-group-sm > .input-group-prepend > .input-group-text,\n.input-group-sm > .input-group-append > .input-group-text,\n.input-group-sm > .input-group-prepend > .btn,\n.input-group-sm > .input-group-append > .btn {\n  padding: 0.25rem 0.5rem;\n  font-size: 0.75rem;\n  line-height: 1.4285;\n  border-radius: 4px;\n}\n\n.input-group-lg > .custom-select,\n.input-group-sm > .custom-select {\n  padding-right: 1.75rem;\n}\n\n.input-group > .input-group-prepend > .btn,\n.input-group > .input-group-prepend > .input-group-text,\n.input-group > .input-group-append:not(:last-child) > .btn,\n.input-group > .input-group-append:not(:last-child) > .input-group-text,\n.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),\n.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n}\n\n.input-group > .input-group-append > .btn,\n.input-group > .input-group-append > .input-group-text,\n.input-group > .input-group-prepend:not(:first-child) > .btn,\n.input-group > .input-group-prepend:not(:first-child) > .input-group-text,\n.input-group > .input-group-prepend:first-child > .btn:not(:first-child),\n.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n}\n\n.form-control {\n  padding: 8px 12px;\n  margin-top: 4px;\n  margin-bottom: 4px;\n  line-height: 20px;\n  color: #212121;\n}\n\n.form-control:hover:not(:disabled):not([readonly]) {\n  border: 1px solid #005fbf;\n}\n\n.form-control:disabled, .form-control[readonly] {\n  color: #b4b4b4;\n  cursor: not-allowed;\n  background-color: #f2f4f7;\n  border-color: #e2e2e2;\n  outline: none;\n  box-shadow: none;\n}\n\n.form-control:focus:not(:disabled):not([readonly]) {\n  color: #212121;\n}\n\n.form-control.prefix-icon {\n  padding-left: 36px;\n}\n\n.form-control.suffix-icon {\n  padding-right: 36px;\n}\n\n.form-control.with-reset-icon, .form-control.suffix-icon--double {\n  padding-right: 36px;\n}\n\n.form-control.with-reset-icon.suffix-icon, .form-control.suffix-icon--double.suffix-icon {\n  padding-right: 72px;\n}\n\n.form-control.is-invalid, .form-control:invalid {\n  border-color: #d74022;\n}\n\n.form-control-plaintext:focus {\n  outline: none;\n  box-shadow: none;\n}\n\n.form-group label {\n  margin-bottom: 0;\n}\n\n.form-row label {\n  margin-bottom: 0;\n}\n\n.custom-select,\n.custom-file-input {\n  height: 38px;\n  padding: 8px 8px 8px 12px;\n  margin: 4px 0;\n  line-height: 20px;\n  color: #212121;\n}\n\n.custom-select:hover:not(:disabled),\n.custom-file-input:hover:not(:disabled) {\n  cursor: pointer;\n  border: 1px solid #005fbf;\n}\n\n.custom-select:focus,\n.custom-file-input:focus {\n  box-shadow: 0 0 4px 1px rgba(0, 95, 191, 0.3);\n}\n\n.custom-select:disabled,\n.custom-file-input:disabled {\n  color: #b4b4b4;\n  cursor: not-allowed;\n  background-color: #f2f4f7;\n  border-color: #e2e2e2;\n}\n\n.custom-select:not(:focus):invalid,\n.custom-file-input:not(:focus):invalid {\n  color: #b4b4b4;\n}\n\ninput[type=\"file\"] {\n  cursor: pointer;\n}\n\ninput[type=\"file\"]::-webkit-file-upload-button {\n  cursor: pointer;\n}\n\n.custom-file {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  height: auto;\n  margin-bottom: 20px;\n}\n\n.custom-file:hover .custom-file-label::before {\n  border: 1px solid #b4b4b4;\n}\n\n.custom-file .form-text {\n  margin-top: 4px;\n}\n\n.custom-file ~ .custom-file-list-wrapper {\n  margin-bottom: 12px;\n}\n\n.custom-file-input {\n  margin: 0;\n}\n\n.custom-file-label {\n  display: flex;\n  align-items: flex-end;\n  height: 38px;\n  padding: 8px 12px;\n  margin-bottom: 0;\n  color: #b4b4b4;\n}\n\n.custom-file-label::after {\n  display: none;\n}\n\n.custom-file-label::before {\n  position: relative;\n  top: 3px;\n  bottom: 0;\n  z-index: 3;\n  display: flex;\n  align-items: center;\n  height: 24px;\n  padding: 2px 8px;\n  margin-right: 12px;\n  line-height: 20px;\n  color: #777;\n  content: \"Choose File\";\n  background-color: #fbfbfb;\n  border: 1px solid #e2e2e2;\n  border-radius: 4px;\n}\n\n.valid-feedback,\n.invalid-feedback {\n  font-size: 12px;\n}\n\n.form-group-label {\n  margin-bottom: 0;\n  font-weight: 600;\n  line-height: 20px;\n}\n\n.custom-control {\n  margin-bottom: 4px;\n}\n\n.form-group-label + .custom-control,\n.form-group-label + .custom-file {\n  margin-top: 4px;\n}\n\n.custom-control-input:focus {\n  box-shadow: 0 0 0 0.2rem rgba(19, 87, 255, 0.25);\n}\n\n.custom-control-input:hover ~ .custom-control-label::before {\n  cursor: pointer;\n  border-color: #005fbf;\n}\n\n.custom-control-input:hover ~ .custom-control-label::after,\n.custom-control-input:hover ~ .custom-control-label {\n  cursor: pointer;\n}\n\n.custom-control-input:disabled ~ .custom-control-label::after {\n  cursor: not-allowed;\n  border: none;\n}\n\n.custom-control-input:disabled ~ .custom-control-label::before {\n  cursor: not-allowed;\n  background-color: #f2f4f7 !important;\n  border: 1px solid #e2e2e2 !important;\n}\n\n.custom-control-input:disabled ~ .custom-control-label {\n  cursor: not-allowed;\n}\n\n.custom-control-label {\n  font-weight: 400;\n  color: #212121;\n}\n\n.custom-control-label::before {\n  top: 1px;\n}\n\n.custom-control-label::after {\n  top: 1px;\n}\n\n.custom-checkbox .custom-control-label::after {\n  background: no-repeat 50%;\n}\n\n.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::after {\n  background: url(\"data:image/svg+xml, %3csvg width='12' height='10' viewBox='0 0 12 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M0.542893 4.54289C0.933418 4.15237 1.56658 4.15237 1.95711 4.54289L4.25 6.83579L10.0429 1.04289C10.4334 0.652369 11.0666 0.652369 11.4571 1.04289C11.8476 1.43342 11.8476 2.06658 11.4571 2.45711L4.95711 8.95711C4.56658 9.34763 3.93342 9.34763 3.54289 8.95711L0.542893 5.95711C0.152369 5.56658 0.152369 4.93342 0.542893 4.54289Z' fill='%23b4b4b4'/%3e%3c/svg%3e\") no-repeat 50%;\n}\n\n.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::after {\n  background: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-1 -1 6 6'%3e%3cpath stroke='%23b4b4b4' d='M0 2h4'/%3e%3c/svg%3e\") no-repeat 50%;\n}\n\n.custom-radio .custom-control-label::after {\n  background: no-repeat 100% / 100% 50%;\n}\n\n.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::after {\n  background: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23b4b4b4'/%3e%3c/svg%3e\") no-repeat 100%/100% 50%;\n}\n\n.form-check {\n  margin-bottom: 4px;\n}\n\ntextarea.form-control {\n  min-width: 184px;\n  height: 80px;\n  min-height: 38px;\n  max-height: 200px;\n  padding-right: 12px;\n  padding-left: 12px;\n}\n\ntextarea.form-control::-webkit-scrollbar {\n  width: 12px;\n  background-color: transparent;\n}\n\ntextarea.form-control::-webkit-scrollbar-thumb {\n  background-color: #777;\n  background-clip: padding-box;\n  border: 4px solid transparent;\n  border-radius: 16px;\n}\n\ntextarea.form-control::-webkit-scrollbar-track {\n  background-color: #fff;\n  border-radius: 4px;\n}\n\n.form-text {\n  font-size: 12px;\n  color: #777;\n}\n\n.input-group {\n  margin-top: 4px;\n  margin-bottom: 4px;\n}\n\n.input-group .form-control {\n  margin-top: 0;\n  margin-bottom: 0;\n}\n\n.input-group .valid-feedback,\n.input-group .invalid-feedback {\n  margin-top: 4px;\n}\n\n/* stylelint-disable property-no-vendor-prefix */\n.custom-select,\n.custom-select-sm {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n}\n\n/* stylelint-enable property-no-vendor-prefix */\n.form-xs {\n  width: 80px;\n  max-width: 80px;\n}\n\n.form-sm {\n  width: 184px;\n  max-width: 184px;\n}\n\n.form-md {\n  width: 288px;\n  max-width: 288px;\n}\n\n.form-lg {\n  width: 392px;\n  max-width: 392px;\n}\n\n.form-xl {\n  width: 600px;\n  max-width: 600px;\n}\n\n.counter-label {\n  float: right;\n  font-weight: 400;\n}\n\n.input-group-text {\n  display: flex;\n  align-items: center;\n  padding: 0.375rem 0.75rem;\n  margin-bottom: 0;\n  font-size: 0.875rem;\n  font-weight: 400;\n  line-height: 1.4285;\n  color: #212121;\n  text-align: center;\n  white-space: nowrap;\n  background-color: #f2f4f7;\n  border: 1px solid #e2e2e2;\n  border-radius: 4px;\n}\n\n.input-date-picker,\n.input-no-readonly {\n  color: #212121 !important;\n  cursor: pointer !important;\n  background-color: #fff !important;\n}\n\n.input-date-picker:hover:not(:disabled),\n.input-no-readonly:hover:not(:disabled) {\n  border: 1px solid #005fbf;\n}\n\n.input-with-icon-container {\n  position: relative;\n}\n/*# sourceMappingURL=mekari-ui-form.css.map */","// 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","// 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","// Embedded icons from Open Iconic.\n// Released under MIT and copyright 2014 Waybury.\n// https://useiconic.com/open\n\n\n// Checkboxes and radios\n//\n// Base class takes care of all the key behavioral aspects.\n\n.#{$prefix}custom-control {\n  position: relative;\n  display: block;\n  min-height: $font-size-base * $line-height-base;\n  padding-left: $custom-control-gutter + $custom-control-indicator-size;\n}\n\n.#{$prefix}custom-control-inline {\n  display: inline-flex;\n  margin-right: $custom-control-spacer-x;\n}\n\n.#{$prefix}custom-control-input {\n  position: absolute;\n  z-index: -1; // Put the input behind the label so it doesn't overlay text\n  opacity: 0;\n\n  &:checked ~ .#{$prefix}custom-control-label::before {\n    color: $custom-control-indicator-checked-color;\n    border-color: $custom-control-indicator-checked-border-color;\n    @include gradient-bg($custom-control-indicator-checked-bg);\n    @include box-shadow($custom-control-indicator-checked-box-shadow);\n  }\n\n  &:focus ~ .#{$prefix}custom-control-label::before {\n    // the mixin is not used here to make sure there is feedback\n    @if $enable-shadows {\n      box-shadow: $input-box-shadow, $input-focus-box-shadow;\n    } @else {\n      box-shadow: $custom-control-indicator-focus-box-shadow;\n    }\n  }\n\n  &:focus:not(:checked) ~ .#{$prefix}custom-control-label::before {\n    border-color: $custom-control-indicator-focus-border-color;\n  }\n\n  &:not(:disabled):active ~ .#{$prefix}custom-control-label::before {\n    color: $custom-control-indicator-active-color;\n    background-color: $custom-control-indicator-active-bg;\n    border-color: $custom-control-indicator-active-border-color;\n    @include box-shadow($custom-control-indicator-active-box-shadow);\n  }\n\n  &:disabled {\n    ~ .#{$prefix}custom-control-label {\n      color: $custom-control-label-disabled-color;\n\n      &::before {\n        background-color: $custom-control-indicator-disabled-bg;\n      }\n    }\n  }\n}\n\n// Custom control indicators\n//\n// Build the custom controls out of pseudo-elements.\n\n.#{$prefix}custom-control-label {\n  position: relative;\n  margin-bottom: 0;\n  vertical-align: top;\n\n  // Background-color and (when enabled) gradient\n  &::before {\n    position: absolute;\n    top: ($font-size-base * $line-height-base - $custom-control-indicator-size) / 2;\n    left: -($custom-control-gutter + $custom-control-indicator-size);\n    display: block;\n    width: $custom-control-indicator-size;\n    height: $custom-control-indicator-size;\n    pointer-events: none;\n    content: \"\";\n    background-color: $custom-control-indicator-bg;\n    border: $custom-control-indicator-border-color solid $custom-control-indicator-border-width;\n    @include box-shadow($custom-control-indicator-box-shadow);\n  }\n\n  // Foreground (icon)\n  &::after {\n    position: absolute;\n    top: ($font-size-base * $line-height-base - $custom-control-indicator-size) / 2;\n    left: -($custom-control-gutter + $custom-control-indicator-size);\n    display: block;\n    width: $custom-control-indicator-size;\n    height: $custom-control-indicator-size;\n    content: \"\";\n    background: no-repeat 50% / #{$custom-control-indicator-bg-size};\n  }\n}\n\n\n// Checkboxes\n//\n// Tweak just a few things for checkboxes.\n\n.#{$prefix}custom-checkbox {\n  .#{$prefix}custom-control-label::before {\n    @include border-radius($custom-checkbox-indicator-border-radius);\n  }\n\n  .#{$prefix}custom-control-input:checked ~ .#{$prefix}custom-control-label {\n    &::after {\n      background-image: $custom-checkbox-indicator-icon-checked;\n    }\n  }\n\n  .#{$prefix}custom-control-input:indeterminate ~ .#{$prefix}custom-control-label {\n    &::before {\n      border-color: $custom-checkbox-indicator-indeterminate-border-color;\n      @include gradient-bg($custom-checkbox-indicator-indeterminate-bg);\n      @include box-shadow($custom-checkbox-indicator-indeterminate-box-shadow);\n    }\n    &::after {\n      background-image: $custom-checkbox-indicator-icon-indeterminate;\n    }\n  }\n\n  .#{$prefix}custom-control-input:disabled {\n    &:checked ~ .#{$prefix}custom-control-label::before {\n      background-color: $custom-control-indicator-checked-disabled-bg;\n    }\n    &:indeterminate ~ .#{$prefix}custom-control-label::before {\n      background-color: $custom-control-indicator-checked-disabled-bg;\n    }\n  }\n}\n\n// Radios\n//\n// Tweak just a few things for radios.\n\n.#{$prefix}custom-radio {\n  .#{$prefix}custom-control-label::before {\n    // stylelint-disable-next-line property-blacklist\n    border-radius: $custom-radio-indicator-border-radius;\n  }\n\n  .#{$prefix}custom-control-input:checked ~ .#{$prefix}custom-control-label {\n    &::after {\n      background-image: $custom-radio-indicator-icon-checked;\n    }\n  }\n\n  .#{$prefix}custom-control-input:disabled {\n    &:checked ~ .#{$prefix}custom-control-label::before {\n      background-color: $custom-control-indicator-checked-disabled-bg;\n    }\n  }\n}\n\n\n// switches\n//\n// Tweak a few things for switches\n\n.#{$prefix}custom-switch {\n  padding-left: $custom-switch-width + $custom-control-gutter;\n\n  .#{$prefix}custom-control-label {\n    &::before {\n      left: -($custom-switch-width + $custom-control-gutter);\n      width: $custom-switch-width;\n      pointer-events: all;\n      // stylelint-disable-next-line property-blacklist\n      border-radius: $custom-switch-indicator-border-radius;\n    }\n\n    &::after {\n      top: calc(#{(($font-size-base * $line-height-base - $custom-control-indicator-size) / 2)} + #{$custom-control-indicator-border-width * 2});\n      left: calc(#{-($custom-switch-width + $custom-control-gutter)} + #{$custom-control-indicator-border-width * 2});\n      width: $custom-switch-indicator-size;\n      height: $custom-switch-indicator-size;\n      background-color: $custom-control-indicator-border-color;\n      // stylelint-disable-next-line property-blacklist\n      border-radius: $custom-switch-indicator-border-radius;\n      @include transition(transform .15s ease-in-out, $custom-forms-transition);\n    }\n  }\n\n  .#{$prefix}custom-control-input:checked ~ .#{$prefix}custom-control-label {\n    &::after {\n      background-color: $custom-control-indicator-bg;\n      transform: translateX($custom-switch-width - $custom-control-indicator-size);\n    }\n  }\n\n  .#{$prefix}custom-control-input:disabled {\n    &:checked ~ .#{$prefix}custom-control-label::before {\n      background-color: $custom-control-indicator-checked-disabled-bg;\n    }\n  }\n}\n\n\n// Select\n//\n// Replaces the browser default select with a custom one, mostly pulled from\n// https://primer.github.io/.\n//\n\n.#{$prefix}custom-select {\n  display: inline-block;\n  width: 100%;\n  height: $custom-select-height;\n  padding: $custom-select-padding-y ($custom-select-padding-x + $custom-select-indicator-padding) $custom-select-padding-y $custom-select-padding-x;\n  font-family: $custom-select-font-family;\n  @include font-size($custom-select-font-size);\n  font-weight: $custom-select-font-weight;\n  line-height: $custom-select-line-height;\n  color: $custom-select-color;\n  vertical-align: middle;\n  background: $custom-select-background;\n  background-color: $custom-select-bg;\n  border: $custom-select-border-width solid $custom-select-border-color;\n  @include border-radius($custom-select-border-radius, 0);\n  @include box-shadow($custom-select-box-shadow);\n  appearance: none;\n\n  &:focus {\n    border-color: $custom-select-focus-border-color;\n    outline: 0;\n    @if $enable-shadows {\n      box-shadow: $custom-select-box-shadow, $custom-select-focus-box-shadow;\n    } @else {\n      box-shadow: $custom-select-focus-box-shadow;\n    }\n\n    &::-ms-value {\n      // For visual consistency with other platforms/browsers,\n      // suppress the default white text on blue background highlight given to\n      // the selected option text when the (still closed) <select> receives focus\n      // in IE and (under certain conditions) Edge.\n      // See https://github.com/twbs/bootstrap/issues/19398.\n      color: $input-color;\n      background-color: $input-bg;\n    }\n  }\n\n  &[multiple],\n  &[size]:not([size=\"1\"]) {\n    height: auto;\n    padding-right: $custom-select-padding-x;\n    background-image: none;\n  }\n\n  &:disabled {\n    color: $custom-select-disabled-color;\n    background-color: $custom-select-disabled-bg;\n  }\n\n  // Hides the default caret in IE11\n  &::-ms-expand {\n    display: none;\n  }\n}\n\n.#{$prefix}custom-select-sm {\n  height: $custom-select-height-sm;\n  padding-top: $custom-select-padding-y-sm;\n  padding-bottom: $custom-select-padding-y-sm;\n  padding-left: $custom-select-padding-x-sm;\n  @include font-size($custom-select-font-size-sm);\n}\n\n.#{$prefix}custom-select-lg {\n  height: $custom-select-height-lg;\n  padding-top: $custom-select-padding-y-lg;\n  padding-bottom: $custom-select-padding-y-lg;\n  padding-left: $custom-select-padding-x-lg;\n  @include font-size($custom-select-font-size-lg);\n}\n\n\n// File\n//\n// Custom file input.\n\n.#{$prefix}custom-file {\n  position: relative;\n  display: inline-block;\n  width: 100%;\n  height: $custom-file-height;\n  margin-bottom: 0;\n}\n\n.#{$prefix}custom-file-input {\n  position: relative;\n  z-index: 2;\n  width: 100%;\n  height: $custom-file-height;\n  margin: 0;\n  opacity: 0;\n\n  &:focus ~ .#{$prefix}custom-file-label {\n    border-color: $custom-file-focus-border-color;\n    box-shadow: $custom-file-focus-box-shadow;\n  }\n\n  &:disabled ~ .#{$prefix}custom-file-label {\n    background-color: $custom-file-disabled-bg;\n  }\n\n  @each $lang, $value in $custom-file-text {\n    &:lang(#{$lang}) ~ .#{$prefix}custom-file-label::after {\n      content: $value;\n    }\n  }\n\n  ~ .#{$prefix}custom-file-label[data-browse]::after {\n    content: attr(data-browse);\n  }\n}\n\n.#{$prefix}custom-file-label {\n  position: absolute;\n  top: 0;\n  right: 0;\n  left: 0;\n  z-index: 1;\n  height: $custom-file-height;\n  padding: $custom-file-padding-y $custom-file-padding-x;\n  font-family: $custom-file-font-family;\n  font-weight: $custom-file-font-weight;\n  line-height: $custom-file-line-height;\n  color: $custom-file-color;\n  background-color: $custom-file-bg;\n  border: $custom-file-border-width solid $custom-file-border-color;\n  @include border-radius($custom-file-border-radius);\n  @include box-shadow($custom-file-box-shadow);\n\n  &::after {\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    z-index: 3;\n    display: block;\n    height: $custom-file-height-inner;\n    padding: $custom-file-padding-y $custom-file-padding-x;\n    line-height: $custom-file-line-height;\n    color: $custom-file-button-color;\n    content: \"Browse\";\n    @include gradient-bg($custom-file-button-bg);\n    border-left: inherit;\n    @include border-radius(0 $custom-file-border-radius $custom-file-border-radius 0);\n  }\n}\n\n// Range\n//\n// Style range inputs the same across browsers. Vendor-specific rules for pseudo\n// elements cannot be mixed. As such, there are no shared styles for focus or\n// active states on prefixed selectors.\n\n.#{$prefix}custom-range {\n  width: 100%;\n  height: calc(#{$custom-range-thumb-height} + #{$custom-range-thumb-focus-box-shadow-width * 2});\n  padding: 0; // Need to reset padding\n  background-color: transparent;\n  appearance: none;\n\n  &:focus {\n    outline: none;\n\n    // Pseudo-elements must be split across multiple rulesets to have an effect.\n    // No box-shadow() mixin for focus accessibility.\n    &::-webkit-slider-thumb { box-shadow: $custom-range-thumb-focus-box-shadow; }\n    &::-moz-range-thumb     { box-shadow: $custom-range-thumb-focus-box-shadow; }\n    &::-ms-thumb            { box-shadow: $custom-range-thumb-focus-box-shadow; }\n  }\n\n  &::-moz-focus-outer {\n    border: 0;\n  }\n\n  &::-webkit-slider-thumb {\n    width: $custom-range-thumb-width;\n    height: $custom-range-thumb-height;\n    margin-top: ($custom-range-track-height - $custom-range-thumb-height) / 2; // Webkit specific\n    @include gradient-bg($custom-range-thumb-bg);\n    border: $custom-range-thumb-border;\n    @include border-radius($custom-range-thumb-border-radius);\n    @include box-shadow($custom-range-thumb-box-shadow);\n    @include transition($custom-forms-transition);\n    appearance: none;\n\n    &:active {\n      @include gradient-bg($custom-range-thumb-active-bg);\n    }\n  }\n\n  &::-webkit-slider-runnable-track {\n    width: $custom-range-track-width;\n    height: $custom-range-track-height;\n    color: transparent; // Why?\n    cursor: $custom-range-track-cursor;\n    background-color: $custom-range-track-bg;\n    border-color: transparent;\n    @include border-radius($custom-range-track-border-radius);\n    @include box-shadow($custom-range-track-box-shadow);\n  }\n\n  &::-moz-range-thumb {\n    width: $custom-range-thumb-width;\n    height: $custom-range-thumb-height;\n    @include gradient-bg($custom-range-thumb-bg);\n    border: $custom-range-thumb-border;\n    @include border-radius($custom-range-thumb-border-radius);\n    @include box-shadow($custom-range-thumb-box-shadow);\n    @include transition($custom-forms-transition);\n    appearance: none;\n\n    &:active {\n      @include gradient-bg($custom-range-thumb-active-bg);\n    }\n  }\n\n  &::-moz-range-track {\n    width: $custom-range-track-width;\n    height: $custom-range-track-height;\n    color: transparent;\n    cursor: $custom-range-track-cursor;\n    background-color: $custom-range-track-bg;\n    border-color: transparent; // Firefox specific?\n    @include border-radius($custom-range-track-border-radius);\n    @include box-shadow($custom-range-track-box-shadow);\n  }\n\n  &::-ms-thumb {\n    width: $custom-range-thumb-width;\n    height: $custom-range-thumb-height;\n    margin-top: 0; // Edge specific\n    margin-right: $custom-range-thumb-focus-box-shadow-width; // Workaround that overflowed box-shadow is hidden.\n    margin-left: $custom-range-thumb-focus-box-shadow-width;  // Workaround that overflowed box-shadow is hidden.\n    @include gradient-bg($custom-range-thumb-bg);\n    border: $custom-range-thumb-border;\n    @include border-radius($custom-range-thumb-border-radius);\n    @include box-shadow($custom-range-thumb-box-shadow);\n    @include transition($custom-forms-transition);\n    appearance: none;\n\n    &:active {\n      @include gradient-bg($custom-range-thumb-active-bg);\n    }\n  }\n\n  &::-ms-track {\n    width: $custom-range-track-width;\n    height: $custom-range-track-height;\n    color: transparent;\n    cursor: $custom-range-track-cursor;\n    background-color: transparent;\n    border-color: transparent;\n    border-width: $custom-range-thumb-height / 2;\n    @include box-shadow($custom-range-track-box-shadow);\n  }\n\n  &::-ms-fill-lower {\n    background-color: $custom-range-track-bg;\n    @include border-radius($custom-range-track-border-radius);\n  }\n\n  &::-ms-fill-upper {\n    margin-right: 15px; // arbitrary?\n    background-color: $custom-range-track-bg;\n    @include border-radius($custom-range-track-border-radius);\n  }\n\n  &:disabled {\n    &::-webkit-slider-thumb {\n      background-color: $custom-range-thumb-disabled-bg;\n    }\n\n    &::-webkit-slider-runnable-track {\n      cursor: default;\n    }\n\n    &::-moz-range-thumb {\n      background-color: $custom-range-thumb-disabled-bg;\n    }\n\n    &::-moz-range-track {\n      cursor: default;\n    }\n\n    &::-ms-thumb {\n      background-color: $custom-range-thumb-disabled-bg;\n    }\n  }\n}\n\n.#{$prefix}custom-control-label::before,\n.#{$prefix}custom-file-label,\n.#{$prefix}custom-select {\n  @include transition($custom-forms-transition);\n}\n","// stylelint-disable selector-no-qualifying-type\n\n//\n// Base styles\n//\n\n.#{$prefix}input-group {\n  position: relative;\n  display: flex;\n  flex-wrap: wrap; // For form validation feedback\n  align-items: stretch;\n  width: 100%;\n\n  > .#{$prefix}form-control,\n  > .#{$prefix}form-control-plaintext,\n  > .#{$prefix}custom-select,\n  > .#{$prefix}custom-file {\n    position: relative; // For focus state's z-index\n    flex: 1 1 auto;\n    // Add width 1% and flex-basis auto to ensure that button will not wrap out\n    // the column. Applies to IE Edge+ and Firefox. Chrome does not require this.\n    width: 1%;\n    margin-bottom: 0;\n\n    + .#{$prefix}form-control,\n    + .#{$prefix}custom-select,\n    + .#{$prefix}custom-file {\n      margin-left: -$input-border-width;\n    }\n  }\n\n  // Bring the \"active\" form control to the top of surrounding elements\n  > .#{$prefix}form-control:focus,\n  > .#{$prefix}custom-select:focus,\n  > .#{$prefix}custom-file .#{$prefix}custom-file-input:focus ~ .#{$prefix}custom-file-label {\n    z-index: 3;\n  }\n\n  // Bring the custom file input above the label\n  > .#{$prefix}custom-file .#{$prefix}custom-file-input:focus {\n    z-index: 4;\n  }\n\n  > .#{$prefix}form-control,\n  > .#{$prefix}custom-select {\n    &:not(:last-child) { @include border-right-radius(0); }\n    &:not(:first-child) { @include border-left-radius(0); }\n  }\n\n  // Custom file inputs have more complex markup, thus requiring different\n  // border-radius overrides.\n  > .#{$prefix}custom-file {\n    display: flex;\n    align-items: center;\n\n    &:not(:last-child) .#{$prefix}custom-file-label,\n    &:not(:last-child) .#{$prefix}custom-file-label::after { @include border-right-radius(0); }\n    &:not(:first-child) .#{$prefix}custom-file-label { @include border-left-radius(0); }\n  }\n}\n\n\n// Prepend and append\n//\n// While it requires one extra layer of HTML for each, dedicated prepend and\n// append elements allow us to 1) be less clever, 2) simplify our selectors, and\n// 3) support HTML5 form validation.\n\n.#{$prefix}input-group-prepend,\n.#{$prefix}input-group-append {\n  display: flex;\n\n  // Ensure buttons are always above inputs for more visually pleasing borders.\n  // This isn't needed for `.#{$prefix}input-group-text` since it shares the same border-color\n  // as our inputs.\n  .#{$prefix}btn {\n    position: relative;\n    z-index: 2;\n\n    &:focus {\n      z-index: 3;\n    }\n  }\n\n  .#{$prefix}btn + .#{$prefix}btn,\n  .#{$prefix}btn + .#{$prefix}input-group-text,\n  .#{$prefix}input-group-text + .#{$prefix}input-group-text,\n  .#{$prefix}input-group-text + .#{$prefix}btn {\n    margin-left: -$input-border-width;\n  }\n}\n\n.#{$prefix}input-group-prepend { margin-right: -$input-border-width; }\n.#{$prefix}input-group-append { margin-left: -$input-border-width; }\n\n\n// Textual addons\n//\n// Serves as a catch-all element for any text or radio/checkbox input you wish\n// to prepend or append to an input.\n\n.#{$prefix}input-group-text {\n  display: flex;\n  align-items: center;\n  padding: $input-padding-y $input-padding-x;\n  margin-bottom: 0; // Allow use of <label> elements by overriding our default margin-bottom\n  @include font-size($input-font-size); // Match inputs\n  font-weight: $font-weight-normal;\n  line-height: $input-line-height;\n  color: $input-group-addon-color;\n  text-align: center;\n  white-space: nowrap;\n  background-color: $input-group-addon-bg;\n  border: $input-border-width solid $input-group-addon-border-color;\n  @include border-radius($input-border-radius);\n\n  // Nuke default margins from checkboxes and radios to vertically center within.\n  input[type=\"radio\"],\n  input[type=\"checkbox\"] {\n    margin-top: 0;\n  }\n}\n\n\n// Sizing\n//\n// Remix the default form control sizing classes into new ones for easier\n// manipulation.\n\n.#{$prefix}input-group-lg > .#{$prefix}form-control:not(textarea),\n.#{$prefix}input-group-lg > .#{$prefix}custom-select {\n  height: $input-height-lg;\n}\n\n.#{$prefix}input-group-lg > .#{$prefix}form-control,\n.#{$prefix}input-group-lg > .#{$prefix}custom-select,\n.#{$prefix}input-group-lg > .#{$prefix}input-group-prepend > .#{$prefix}input-group-text,\n.#{$prefix}input-group-lg > .#{$prefix}input-group-append > .#{$prefix}input-group-text,\n.#{$prefix}input-group-lg > .#{$prefix}input-group-prepend > .#{$prefix}btn,\n.#{$prefix}input-group-lg > .#{$prefix}input-group-append > .#{$prefix}btn {\n  padding: $input-padding-y-lg $input-padding-x-lg;\n  @include font-size($input-font-size-lg);\n  line-height: $input-line-height-lg;\n  @include border-radius($input-border-radius-lg);\n}\n\n.#{$prefix}input-group-sm > .#{$prefix}form-control:not(textarea),\n.#{$prefix}input-group-sm > .#{$prefix}custom-select {\n  height: $input-height-sm;\n}\n\n.#{$prefix}input-group-sm > .#{$prefix}form-control,\n.#{$prefix}input-group-sm > .#{$prefix}custom-select,\n.#{$prefix}input-group-sm > .#{$prefix}input-group-prepend > .#{$prefix}input-group-text,\n.#{$prefix}input-group-sm > .#{$prefix}input-group-append > .#{$prefix}input-group-text,\n.#{$prefix}input-group-sm > .#{$prefix}input-group-prepend > .#{$prefix}btn,\n.#{$prefix}input-group-sm > .#{$prefix}input-group-append > .#{$prefix}btn {\n  padding: $input-padding-y-sm $input-padding-x-sm;\n  @include font-size($input-font-size-sm);\n  line-height: $input-line-height-sm;\n  @include border-radius($input-border-radius-sm);\n}\n\n.#{$prefix}input-group-lg > .#{$prefix}custom-select,\n.#{$prefix}input-group-sm > .#{$prefix}custom-select {\n  padding-right: $custom-select-padding-x + $custom-select-indicator-padding;\n}\n\n\n// Prepend and append rounded corners\n//\n// These rulesets must come after the sizing ones to properly override sm and lg\n// border-radius values when extending. They're more specific than we'd like\n// with the `.#{$prefix}input-group >` part, but without it, we cannot override the sizing.\n\n\n.#{$prefix}input-group > .#{$prefix}input-group-prepend > .#{$prefix}btn,\n.#{$prefix}input-group > .#{$prefix}input-group-prepend > .#{$prefix}input-group-text,\n.#{$prefix}input-group > .#{$prefix}input-group-append:not(:last-child) > .#{$prefix}btn,\n.#{$prefix}input-group > .#{$prefix}input-group-append:not(:last-child) > .#{$prefix}input-group-text,\n.#{$prefix}input-group > .#{$prefix}input-group-append:last-child > .#{$prefix}btn:not(:last-child):not(.dropdown-toggle),\n.#{$prefix}input-group > .#{$prefix}input-group-append:last-child > .#{$prefix}input-group-text:not(:last-child) {\n  @include border-right-radius(0);\n}\n\n.#{$prefix}input-group > .#{$prefix}input-group-append > .#{$prefix}btn,\n.#{$prefix}input-group > .#{$prefix}input-group-append > .#{$prefix}input-group-text,\n.#{$prefix}input-group > .#{$prefix}input-group-prepend:not(:first-child) > .#{$prefix}btn,\n.#{$prefix}input-group > .#{$prefix}input-group-prepend:not(:first-child) > .#{$prefix}input-group-text,\n.#{$prefix}input-group > .#{$prefix}input-group-prepend:first-child > .#{$prefix}btn:not(:first-child),\n.#{$prefix}input-group > .#{$prefix}input-group-prepend:first-child > .#{$prefix}input-group-text:not(:first-child) {\n  @include border-left-radius(0);\n}\n","$input-margin-y: 4px;\n$custom-input-line-height: 20px;\n$custom-input-padding-y: 8px;\n$custom-input-padding-x: 12px;\n$custom-input-file-label-padding: 8px;\n\n// general form-control class for inputs (text, password, email, etc)\n.#{$prefix}form-control {\n  padding: $custom-input-padding-y $custom-input-padding-x;\n  margin-top: $input-margin-y;\n  margin-bottom: $input-margin-y;\n  line-height: $custom-input-line-height;\n  color: $dark;\n\n  &:hover:not(:disabled):not([readonly]) {\n    border: 1px solid $input-focus-border-color;\n  }\n\n  &:disabled,\n  &[readonly] {\n    color: $muted;\n    cursor: not-allowed;\n    background-color: $cloud;\n    border-color: $smoke;\n    outline: none;\n    box-shadow: none;\n  }\n\n  &:focus:not(:disabled):not([readonly]) {\n    color: $dark;\n  }\n\n  &.prefix-icon {\n    padding-left: 36px;\n  }\n\n  &.suffix-icon {\n    padding-right: 36px;\n  }\n\n  &.with-reset-icon, // will be deprecated in future version\n  &.suffix-icon--double {\n    padding-right: 36px;\n    &.suffix-icon {\n      padding-right: 72px;\n    }\n  }\n\n  &.is-invalid,\n  &:invalid {\n    border-color: $danger;\n  }\n}\n\n//plain text class\n.#{$prefix}form-control-plaintext {\n  &:focus {\n    outline: none;\n    box-shadow: none;\n  }\n}\n\n// supress magrin on .#{$prefix}form-group labels\n.#{$prefix}form-group {\n  label {\n    margin-bottom: 0;\n  }\n}\n\n// supress margin on labels inside form-row\n.#{$prefix}form-row {\n  label {\n    margin-bottom: 0;\n  }\n}\n\n\n.#{$prefix}custom-select,\n.#{$prefix}custom-file-input {\n  height: $input-height;\n  padding: $custom-select-padding-y 8px $custom-select-padding-y 12px;\n  margin: $input-margin-y 0;\n  line-height: $custom-input-line-height;\n  color: $dark;\n\n  &:hover:not(:disabled) {\n    cursor: pointer;\n    border: 1px solid $input-focus-border-color;\n  }\n\n  &:focus {\n    box-shadow: $input-focus-box-shadow;\n  }\n\n  &:disabled {\n    color: $muted;\n    cursor: not-allowed;\n    background-color: $cloud;\n    border-color: $smoke;\n  }\n\n  &:not(:focus):invalid {\n    color: $text-muted;\n  }\n}\n\n// custom file input\ninput[type=\"file\"] { // stylelint-disable-line selector-no-qualifying-type\n  cursor: pointer;\n}\ninput[type=\"file\"]::-webkit-file-upload-button { // stylelint-disable-line selector-no-qualifying-type\n  cursor: pointer;\n}\n.#{$prefix}custom-file {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  height: auto;\n  margin-bottom: 20px;\n  &:hover .#{$prefix}custom-file-label::before {\n    border: 1px solid $muted;\n  }\n  .#{$prefix}form-text {\n    margin-top: 4px;\n  }\n}\n.#{$prefix}custom-file ~ .#{$prefix}custom-file-list-wrapper {\n  margin-bottom: 12px;\n}\n\n.#{$prefix}custom-file-input {\n  margin: 0;\n}\n\n.#{$prefix}custom-file-label {\n  display: flex;\n  align-items: flex-end;\n  height: 38px;\n  padding: $custom-input-padding-y $custom-input-padding-x;\n  margin-bottom: 0;\n  color: $muted;\n\n  &::after {\n    display: none;\n  }\n\n  // visualize Choose File button\n  &::before {\n    position: relative;\n    top: 3px;\n    bottom: 0;\n    z-index: 3;\n    display: flex;\n    align-items: center;\n    height: 24px;\n    padding: 2px 8px;\n    margin-right: 12px;\n    line-height: $custom-input-line-height;\n    color: $slate;\n    content: \"Choose File\";\n    background-color: $snow;\n    border: 1px solid $smoke;\n    // stylelint-disable-next-line property-blacklist\n    border-radius: 4px;\n  }\n}\n\n//input text helper for validation, and normal case (form-text)\n.valid-feedback,\n.invalid-feedback {\n  font-size: 12px;\n}\n\n.#{$prefix}form-group-label {\n  margin-bottom: 0;\n  font-weight: 600;\n  line-height: $custom-input-line-height;\n}\n\n.#{$prefix}custom-control {\n  margin-bottom: 4px;\n}\n\n.#{$prefix}form-group-label + .#{$prefix}custom-control,\n.#{$prefix}form-group-label + .#{$prefix}custom-file {\n  margin-top: 4px;\n}\n\n//special case for checkbox and radio\n//checkboxes & radios are to use .#{$prefix}custom-control-input (NOT .#{$prefix}form-check) to have customize checkbox & radio\n.#{$prefix}custom-control-input {\n  &:focus {\n    box-shadow: $custom-control-indicator-focus-box-shadow;\n  }\n\n  &:hover ~ .#{$prefix}custom-control-label::before {\n    cursor: pointer;\n    border-color: $input-focus-border-color;\n  }\n\n  &:hover ~ .#{$prefix}custom-control-label::after,\n  &:hover ~ .#{$prefix}custom-control-label {\n    cursor: pointer;\n  }\n\n  &:disabled ~ .#{$prefix}custom-control-label::after{\n    cursor: not-allowed;\n    border: none;\n  }\n\n  &:disabled ~ .#{$prefix}custom-control-label::before{\n    cursor: not-allowed;\n    background-color: $cloud !important; // stylelint-disable-line declaration-no-important\n    border: 1px solid $smoke !important; // stylelint-disable-line declaration-no-important\n  }\n\n  &:disabled ~ .#{$prefix}custom-control-label{\n    cursor: not-allowed;\n  }\n}\n\n.#{$prefix}custom-control-label {\n  font-weight: 400;\n  color: $dark;\n}\n\n.#{$prefix}custom-control-label::before {\n  top: 1px;\n}\n\n.#{$prefix}custom-control-label::after {\n  top: 1px;\n}\n\n.#{$prefix}custom-checkbox {\n  .#{$prefix}custom-control-label::after {\n    background: no-repeat 50%;\n  }\n  .#{$prefix}custom-control-input:disabled:checked ~ .#{$prefix}custom-control-label::after {\n    background: $custom-checkbox-indicator-icon-checked-inverse no-repeat 50%;\n  }\n  .#{$prefix}custom-control-input:disabled:indeterminate ~ .#{$prefix}custom-control-label::after {\n    background: $custom-checkbox-indicator-icon-indeterminate-inverse no-repeat 50%;\n  }\n}\n\n.#{$prefix}custom-radio {\n  .#{$prefix}custom-control-label::after {\n    background: no-repeat 100% / 100% 50%;\n  }\n  .#{$prefix}custom-control-input:disabled:checked ~ .#{$prefix}custom-control-label::after {\n    background: $custom-radio-indicator-icon-checked-inverse no-repeat 100% / 100% 50%;\n  }\n}\n\n// to make sure checkbox & radio have 4px margin bottom\n.#{$prefix}form-check {\n  margin-bottom: $input-margin-y;\n}\n\n// stylelint-disable-next-line selector-no-qualifying-type\ntextarea.#{$prefix}form-control {\n  min-width: 184px;\n  height: 80px;\n  min-height: 38px;\n  max-height: 200px;\n  padding-right: 12px;\n  padding-left: 12px;\n  @include scroll-default;\n}\n\n// text helper class in Bootstrap\n.#{$prefix}form-text {\n  font-size: 12px;\n  color: $slate;\n}\n\n// input groups classess\n.#{$prefix}input-group {\n  margin-top: $input-margin-y;\n  margin-bottom: $input-margin-y;\n\n  .#{$prefix}form-control {\n    margin-top: 0;\n    margin-bottom: 0;\n  }\n\n  .valid-feedback,\n  .invalid-feedback {\n    margin-top: 4px;\n  }\n}\n\n/* stylelint-disable property-no-vendor-prefix */\n.#{$prefix}custom-select,\n.#{$prefix}custom-select-sm {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n}\n/* stylelint-enable property-no-vendor-prefix */\n\n.#{$prefix}form-xs {\n  width: 80px;\n  max-width: 80px;\n}\n\n.#{$prefix}form-sm {\n  width: 184px;\n  max-width: 184px;\n}\n\n.#{$prefix}form-md {\n  width: 288px;\n  max-width: 288px;\n}\n\n.#{$prefix}form-lg {\n  width: 392px;\n  max-width: 392px;\n}\n\n.#{$prefix}form-xl {\n  width: 600px;\n  max-width: 600px;\n}\n\n.#{$prefix}counter-label {\n  float: right;\n  font-weight: $font-weight-normal;\n}\n\n.#{$prefix}input-group-text {\n  display: flex;\n  align-items: center;\n  padding: $input-padding-y $input-padding-x;\n  margin-bottom: 0; // Allow use of <label> elements by overriding our default margin-bottom\n  @include font-size($input-font-size); // Match inputs\n  font-weight: $font-weight-normal;\n  line-height: $input-line-height;\n  color: $input-group-addon-color;\n  text-align: center;\n  white-space: nowrap;\n  background-color: $input-group-addon-bg;\n  border: $input-border-width solid $input-group-addon-border-color;\n  @include border-radius($input-border-radius);\n}\n\n.input-date-picker, // will be deprecated in future version\n.input-no-readonly {\n  color: $dark !important; // stylelint-disable-line declaration-no-important\n  cursor: pointer !important; // stylelint-disable-line declaration-no-important\n  background-color: $white !important; // stylelint-disable-line declaration-no-important\n  &:hover:not(:disabled) {\n    border: 1px solid $input-focus-border-color;\n  }\n}\n\n.input-with-icon-container { // will be deprecated in future version\n  position: relative;\n}\n","@mixin scroll-default {\n  &::-webkit-scrollbar {\n    width: 12px;\n    background-color: transparent;\n  }\n\n  &::-webkit-scrollbar-thumb {\n    background-color: $slate;\n    background-clip: padding-box;\n    border: 4px solid transparent;\n    @include border-radius(16px);\n  }\n\n  &::-webkit-scrollbar-track {\n    background-color: $white;\n    @include border-radius(4px);\n  }\n}\n"]}
+{"version":3,"sources":["../../../scss/vendors/_forms.scss","../../../scss/vendors/_rfs.scss","../../../scss/vendors/mixins/_border-radius.scss","../../../scss/vendors/mixins/_transition.scss","../../../scss/vendors/mixins/_forms.scss","dist/css/components/mekari-ui-form.css","../../../scss/vendors/mixins/_gradients.scss","../../../scss/vendors/mixins/_breakpoints.scss","../../../scss/vendors/_custom-forms.scss","../../../scss/vendors/_input-group.scss","../../../scss/components/config/_form.scss","../../../scss/mixins/_scroll.scss"],"names":[],"mappings":"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","sourcesContent":["// stylelint-disable selector-no-qualifying-type\n\n//\n// Textual form controls\n//\n\n.#{$prefix}form-control {\n  display: block;\n  width: 100%;\n  height: $input-height;\n  padding: $input-padding-y $input-padding-x;\n  font-family: $input-font-family;\n  @include font-size($input-font-size);\n  font-weight: $input-font-weight;\n  line-height: $input-line-height;\n  color: $input-color;\n  background-color: $input-bg;\n  background-clip: padding-box;\n  border: $input-border-width solid $input-border-color;\n\n  // Note: This has no effect on <select>s in some browsers, due to the limited stylability of `<select>`s in CSS.\n  @include border-radius($input-border-radius, 0);\n\n  @include box-shadow($input-box-shadow);\n  @include transition($input-transition);\n\n  // Unstyle the caret on `<select>`s in IE10+.\n  &::-ms-expand {\n    background-color: transparent;\n    border: 0;\n  }\n\n  // Customize the `:focus` state to imitate native WebKit styles.\n  @include form-control-focus;\n\n  // Placeholder\n  &::placeholder {\n    color: $input-placeholder-color;\n    // Override Firefox's unusual default opacity; see https://github.com/twbs/bootstrap/pull/11526.\n    opacity: 1;\n  }\n\n  // Disabled and read-only inputs\n  //\n  // HTML5 says that controls under a fieldset > legend:first-child won't be\n  // disabled if the fieldset is disabled. Due to implementation difficulty, we\n  // don't honor that edge case; we style them as disabled anyway.\n  &:disabled,\n  &[readonly] {\n    background-color: $input-disabled-bg;\n    // iOS fix for unreadable disabled content; see https://github.com/twbs/bootstrap/issues/11655.\n    opacity: 1;\n  }\n}\n\nselect.#{$prefix}form-control {\n  &:focus::-ms-value {\n    // Suppress the nested default white text on blue background highlight given to\n    // the selected option text when the (still closed) <select> receives focus\n    // in IE and (under certain conditions) Edge, as it looks bad and cannot be made to\n    // match the appearance of the native widget.\n    // See https://github.com/twbs/bootstrap/issues/19398.\n    color: $input-color;\n    background-color: $input-bg;\n  }\n}\n\n// Make file inputs better match text inputs by forcing them to new lines.\n.#{$prefix}form-control-file,\n.#{$prefix}form-control-range {\n  display: block;\n  width: 100%;\n}\n\n\n//\n// Labels\n//\n\n// For use with horizontal and inline forms, when you need the label (or legend)\n// text to align with the form controls.\n.#{$prefix}col-form-label {\n  padding-top: calc(#{$input-padding-y} + #{$input-border-width});\n  padding-bottom: calc(#{$input-padding-y} + #{$input-border-width});\n  margin-bottom: 0; // Override the `<label>/<legend>` default\n  @include font-size(inherit); // Override the `<legend>` default\n  line-height: $input-line-height;\n}\n\n.#{$prefix}col-form-label-lg {\n  padding-top: calc(#{$input-padding-y-lg} + #{$input-border-width});\n  padding-bottom: calc(#{$input-padding-y-lg} + #{$input-border-width});\n  @include font-size($input-font-size-lg);\n  line-height: $input-line-height-lg;\n}\n\n.#{$prefix}col-form-label-sm {\n  padding-top: calc(#{$input-padding-y-sm} + #{$input-border-width});\n  padding-bottom: calc(#{$input-padding-y-sm} + #{$input-border-width});\n  @include font-size($input-font-size-sm);\n  line-height: $input-line-height-sm;\n}\n\n\n// Readonly controls as plain text\n//\n// Apply class to a readonly input to make it appear like regular plain\n// text (without any border, background color, focus indicator)\n\n.#{$prefix}form-control-plaintext {\n  display: block;\n  width: 100%;\n  padding-top: $input-padding-y;\n  padding-bottom: $input-padding-y;\n  margin-bottom: 0; // match inputs if this class comes on inputs with default margins\n  line-height: $input-line-height;\n  color: $input-plaintext-color;\n  background-color: transparent;\n  border: solid transparent;\n  border-width: $input-border-width 0;\n\n  &.#{$prefix}form-control-sm,\n  &.#{$prefix}form-control-lg {\n    padding-right: 0;\n    padding-left: 0;\n  }\n}\n\n\n// Form control sizing\n//\n// Build on `.#{$prefix}form-control` with modifier classes to decrease or increase the\n// height and font-size of form controls.\n//\n// Repeated in `_input_group.scss` to avoid Sass extend issues.\n\n.#{$prefix}form-control-sm {\n  height: $input-height-sm;\n  padding: $input-padding-y-sm $input-padding-x-sm;\n  @include font-size($input-font-size-sm);\n  line-height: $input-line-height-sm;\n  @include border-radius($input-border-radius-sm);\n}\n\n.#{$prefix}form-control-lg {\n  height: $input-height-lg;\n  padding: $input-padding-y-lg $input-padding-x-lg;\n  @include font-size($input-font-size-lg);\n  line-height: $input-line-height-lg;\n  @include border-radius($input-border-radius-lg);\n}\n\n// stylelint-disable-next-line no-duplicate-selectors\nselect.#{$prefix}form-control {\n  &[size],\n  &[multiple] {\n    height: auto;\n  }\n}\n\ntextarea.#{$prefix}form-control {\n  height: auto;\n}\n\n// Form groups\n//\n// Designed to help with the organization and spacing of vertical forms. For\n// horizontal forms, use the predefined grid classes.\n\n.#{$prefix}form-group {\n  margin-bottom: $form-group-margin-bottom;\n}\n\n.#{$prefix}form-text {\n  display: block;\n  margin-top: $form-text-margin-top;\n}\n\n\n// Form grid\n//\n// Special replacement for our grid system's `.row` for tighter form layouts.\n\n.#{$prefix}form-row {\n  display: flex;\n  flex-wrap: wrap;\n  margin-right: -$form-grid-gutter-width / 2;\n  margin-left: -$form-grid-gutter-width / 2;\n\n  > .col,\n  > [class*=\"col-\"] {\n    padding-right: $form-grid-gutter-width / 2;\n    padding-left: $form-grid-gutter-width / 2;\n  }\n}\n\n\n// Checkboxes and radios\n//\n// Indent the labels to position radios/checkboxes as hanging controls.\n\n.#{$prefix}form-check {\n  position: relative;\n  display: block;\n  padding-left: $form-check-input-gutter;\n}\n\n.#{$prefix}form-check-input {\n  position: absolute;\n  margin-top: $form-check-input-margin-y;\n  margin-left: -$form-check-input-gutter;\n\n  &:disabled ~ .#{$prefix}form-check-label {\n    color: $text-muted;\n  }\n}\n\n.#{$prefix}form-check-label {\n  margin-bottom: 0; // Override default `<label>` bottom margin\n}\n\n.#{$prefix}form-check-inline {\n  display: inline-flex;\n  align-items: center;\n  padding-left: 0; // Override base .#{$prefix}form-check\n  margin-right: $form-check-inline-margin-x;\n\n  // Undo .#{$prefix}form-check-input defaults and add some `margin-right`.\n  .#{$prefix}form-check-input {\n    position: static;\n    margin-top: 0;\n    margin-right: $form-check-inline-input-margin-x;\n    margin-left: 0;\n  }\n}\n\n\n// Form validation\n//\n// Provide feedback to users when form field values are valid or invalid. Works\n// primarily for client-side validation via scoped `:invalid` and `:valid`\n// pseudo-classes but also includes `.is-invalid` and `.is-valid` classes for\n// server side validation.\n\n@each $state, $data in $form-validation-states {\n  @include form-validation-state($state, map-get($data, color), map-get($data, icon));\n}\n\n// Inline forms\n//\n// Make forms appear inline(-block) by adding the `.#{$prefix}form-inline` class. Inline\n// forms begin stacked on extra small (mobile) devices and then go inline when\n// viewports reach <768px.\n//\n// Requires wrapping inputs and labels with `.#{$prefix}form-group` for proper display of\n// default HTML form controls and our custom form controls (e.g., input groups).\n\n.#{$prefix}form-inline {\n  display: flex;\n  flex-flow: row wrap;\n  align-items: center; // Prevent shorter elements from growing to same height as others (e.g., small buttons growing to normal sized button height)\n\n  // Because we use flex, the initial sizing of checkboxes is collapsed and\n  // doesn't occupy the full-width (which is what we want for xs grid tier),\n  // so we force that here.\n  .#{$prefix}form-check {\n    width: 100%;\n  }\n\n  // Kick in the inline\n  @include media-breakpoint-up(sm) {\n    label {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      margin-bottom: 0;\n    }\n\n    // Inline-block all the things for \"inline\"\n    .#{$prefix}form-group {\n      display: flex;\n      flex: 0 0 auto;\n      flex-flow: row wrap;\n      align-items: center;\n      margin-bottom: 0;\n    }\n\n    // Allow folks to *not* use `.#{$prefix}form-group`\n    .#{$prefix}form-control {\n      display: inline-block;\n      width: auto; // Prevent labels from stacking above inputs in `.#{$prefix}form-group`\n      vertical-align: middle;\n    }\n\n    // Make static controls behave like regular ones\n    .#{$prefix}form-control-plaintext {\n      display: inline-block;\n    }\n\n    .input-group,\n    .#{$prefix}custom-select {\n      width: auto;\n    }\n\n    // Remove default margin on radios/checkboxes that were used for stacking, and\n    // then undo the floating of radios and checkboxes to match.\n    .#{$prefix}form-check {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      width: auto;\n      padding-left: 0;\n    }\n    .#{$prefix}form-check-input {\n      position: relative;\n      flex-shrink: 0;\n      margin-top: 0;\n      margin-right: $form-check-input-margin-x;\n      margin-left: 0;\n    }\n\n    .#{$prefix}custom-control {\n      align-items: center;\n      justify-content: center;\n    }\n    .#{$prefix}custom-control-label {\n      margin-bottom: 0;\n    }\n  }\n}\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","// 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","// 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","// 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  .#{$prefix}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.#{$prefix}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  .#{$prefix}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  .#{$prefix}form-control-file {\n    .was-validated &:#{$state},\n    &.is-#{$state} {\n      ~ .#{$state}-feedback,\n      ~ .#{$state}-tooltip {\n        display: block;\n      }\n    }\n  }\n\n  .#{$prefix}form-check-input {\n    .was-validated &:#{$state},\n    &.is-#{$state} {\n      ~ .#{$prefix}form-check-label {\n        color: $color;\n      }\n\n      ~ .#{$state}-feedback,\n      ~ .#{$state}-tooltip {\n        display: block;\n      }\n    }\n  }\n\n  .#{$prefix}custom-control-input {\n    .was-validated &:#{$state},\n    &.is-#{$state} {\n      ~ .#{$prefix}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        ~ .#{$prefix}custom-control-label::before {\n          border-color: lighten($color, 10%);\n          @include gradient-bg(lighten($color, 10%));\n        }\n      }\n\n      &:focus {\n        ~ .#{$prefix}custom-control-label::before {\n          box-shadow: 0 0 0 $input-focus-width rgba($color, .25);\n        }\n\n        &:not(:checked) ~ .#{$prefix}custom-control-label::before {\n          border-color: $color;\n        }\n      }\n    }\n  }\n\n  // custom file\n  .#{$prefix}custom-file-input {\n    .was-validated &:#{$state},\n    &.is-#{$state} {\n      ~ .#{$prefix}custom-file-label {\n        border-color: $color;\n      }\n\n      ~ .#{$state}-feedback,\n      ~ .#{$state}-tooltip {\n        display: block;\n      }\n\n      &:focus {\n        ~ .#{$prefix}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",".form-control {\n  display: block;\n  width: 100%;\n  height: 38px;\n  padding: 0.375rem 0.75rem;\n  font-size: 0.875rem;\n  font-weight: 400;\n  line-height: 1.4285;\n  color: #212121;\n  background-color: #fff;\n  background-clip: padding-box;\n  border: 1px solid #e2e2e2;\n  border-radius: 4px;\n  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .form-control {\n    transition: none;\n  }\n}\n\n.form-control::-ms-expand {\n  background-color: transparent;\n  border: 0;\n}\n\n.form-control:focus {\n  color: #212121;\n  background-color: #fff;\n  border-color: #005fbf;\n  outline: 0;\n  box-shadow: 0 0 4px 1px rgba(0, 95, 191, 0.3);\n}\n\n.form-control::-webkit-input-placeholder {\n  color: #b4b4b4;\n  opacity: 1;\n}\n\n.form-control::-moz-placeholder {\n  color: #b4b4b4;\n  opacity: 1;\n}\n\n.form-control:-ms-input-placeholder {\n  color: #b4b4b4;\n  opacity: 1;\n}\n\n.form-control::-ms-input-placeholder {\n  color: #b4b4b4;\n  opacity: 1;\n}\n\n.form-control::placeholder {\n  color: #b4b4b4;\n  opacity: 1;\n}\n\n.form-control:disabled, .form-control[readonly] {\n  background-color: #f2f4f7;\n  opacity: 1;\n}\n\nselect.form-control:focus::-ms-value {\n  color: #212121;\n  background-color: #fff;\n}\n\n.form-control-file,\n.form-control-range {\n  display: block;\n  width: 100%;\n}\n\n.col-form-label {\n  padding-top: calc(0.375rem + 1px);\n  padding-bottom: calc(0.375rem + 1px);\n  margin-bottom: 0;\n  font-size: inherit;\n  line-height: 1.4285;\n}\n\n.col-form-label-lg {\n  padding-top: calc(0.5rem + 1px);\n  padding-bottom: calc(0.5rem + 1px);\n  font-size: 1.25rem;\n  line-height: 1.4285;\n}\n\n.col-form-label-sm {\n  padding-top: calc(0.25rem + 1px);\n  padding-bottom: calc(0.25rem + 1px);\n  font-size: 0.75rem;\n  line-height: 1.4285;\n}\n\n.form-control-plaintext {\n  display: block;\n  width: 100%;\n  padding-top: 0.375rem;\n  padding-bottom: 0.375rem;\n  margin-bottom: 0;\n  line-height: 1.4285;\n  color: #212121;\n  background-color: transparent;\n  border: solid transparent;\n  border-width: 1px 0;\n}\n\n.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {\n  padding-right: 0;\n  padding-left: 0;\n}\n\n.form-control-sm {\n  height: calc(1.4285em + 0.5rem + 2px);\n  padding: 0.25rem 0.5rem;\n  font-size: 0.75rem;\n  line-height: 1.4285;\n  border-radius: 4px;\n}\n\n.form-control-lg {\n  height: calc(1.4285em + 1rem + 2px);\n  padding: 0.5rem 1rem;\n  font-size: 1.25rem;\n  line-height: 1.4285;\n  border-radius: 4px;\n}\n\nselect.form-control[size], select.form-control[multiple] {\n  height: auto;\n}\n\ntextarea.form-control {\n  height: auto;\n}\n\n.form-group {\n  margin-bottom: 20px;\n}\n\n.form-text {\n  display: block;\n  margin-top: 0;\n}\n\n.form-row {\n  display: flex;\n  flex-wrap: wrap;\n  margin-right: -5px;\n  margin-left: -5px;\n}\n\n.form-row > .col,\n.form-row > [class*=\"col-\"] {\n  padding-right: 5px;\n  padding-left: 5px;\n}\n\n.form-check {\n  position: relative;\n  display: block;\n  padding-left: 1.25rem;\n}\n\n.form-check-input {\n  position: absolute;\n  margin-top: 0.3rem;\n  margin-left: -1.25rem;\n}\n\n.form-check-input:disabled ~ .form-check-label {\n  color: #b4b4b4;\n}\n\n.form-check-label {\n  margin-bottom: 0;\n}\n\n.form-check-inline {\n  display: inline-flex;\n  align-items: center;\n  padding-left: 0;\n  margin-right: 0.75rem;\n}\n\n.form-check-inline .form-check-input {\n  position: static;\n  margin-top: 0;\n  margin-right: 0.3125rem;\n  margin-left: 0;\n}\n\n.valid-feedback {\n  display: none;\n  width: 100%;\n  margin-top: 0;\n  font-size: 0.75rem;\n  color: #009f61;\n}\n\n.valid-tooltip {\n  position: absolute;\n  top: 100%;\n  z-index: 5;\n  display: none;\n  max-width: 100%;\n  padding: 0.25rem 0.5rem;\n  margin-top: .1rem;\n  font-size: 0.75rem;\n  line-height: 1.4285;\n  color: #fff;\n  background-color: rgba(0, 159, 97, 0.9);\n  border-radius: 4px;\n}\n\n.was-validated .form-control:valid, .form-control.is-valid {\n  border-color: #009f61;\n}\n\n.was-validated .form-control:valid:focus, .form-control.is-valid:focus {\n  border-color: #009f61;\n  box-shadow: 0 0 0 0.2rem rgba(0, 159, 97, 0.25);\n}\n\n.was-validated .form-control:valid ~ .valid-feedback,\n.was-validated .form-control:valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback,\n.form-control.is-valid ~ .valid-tooltip {\n  display: block;\n}\n\n.was-validated .custom-select:valid, .custom-select.is-valid {\n  border-color: #009f61;\n}\n\n.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus {\n  border-color: #009f61;\n  box-shadow: 0 0 0 0.2rem rgba(0, 159, 97, 0.25);\n}\n\n.was-validated .custom-select:valid ~ .valid-feedback,\n.was-validated .custom-select:valid ~ .valid-tooltip, .custom-select.is-valid ~ .valid-feedback,\n.custom-select.is-valid ~ .valid-tooltip {\n  display: block;\n}\n\n.was-validated .form-control-file:valid ~ .valid-feedback,\n.was-validated .form-control-file:valid ~ .valid-tooltip, .form-control-file.is-valid ~ .valid-feedback,\n.form-control-file.is-valid ~ .valid-tooltip {\n  display: block;\n}\n\n.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {\n  color: #009f61;\n}\n\n.was-validated .form-check-input:valid ~ .valid-feedback,\n.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback,\n.form-check-input.is-valid ~ .valid-tooltip {\n  display: block;\n}\n\n.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label {\n  color: #009f61;\n}\n\n.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before {\n  border-color: #009f61;\n}\n\n.was-validated .custom-control-input:valid ~ .valid-feedback,\n.was-validated .custom-control-input:valid ~ .valid-tooltip, .custom-control-input.is-valid ~ .valid-feedback,\n.custom-control-input.is-valid ~ .valid-tooltip {\n  display: block;\n}\n\n.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before {\n  border-color: #00d280;\n  background-color: #00d280;\n}\n\n.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before {\n  box-shadow: 0 0 0 0.2rem rgba(0, 159, 97, 0.25);\n}\n\n.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 {\n  border-color: #009f61;\n}\n\n.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label {\n  border-color: #009f61;\n}\n\n.was-validated .custom-file-input:valid ~ .valid-feedback,\n.was-validated .custom-file-input:valid ~ .valid-tooltip, .custom-file-input.is-valid ~ .valid-feedback,\n.custom-file-input.is-valid ~ .valid-tooltip {\n  display: block;\n}\n\n.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label {\n  border-color: #009f61;\n  box-shadow: 0 0 0 0.2rem rgba(0, 159, 97, 0.25);\n}\n\n.invalid-feedback {\n  display: none;\n  width: 100%;\n  margin-top: 0;\n  font-size: 0.75rem;\n  color: #d74022;\n}\n\n.invalid-tooltip {\n  position: absolute;\n  top: 100%;\n  z-index: 5;\n  display: none;\n  max-width: 100%;\n  padding: 0.25rem 0.5rem;\n  margin-top: .1rem;\n  font-size: 0.75rem;\n  line-height: 1.4285;\n  color: #fff;\n  background-color: rgba(215, 64, 34, 0.9);\n  border-radius: 4px;\n}\n\n.was-validated .form-control:invalid, .form-control.is-invalid {\n  border-color: #d74022;\n}\n\n.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {\n  border-color: #d74022;\n  box-shadow: 0 0 0 0.2rem rgba(215, 64, 34, 0.25);\n}\n\n.was-validated .form-control:invalid ~ .invalid-feedback,\n.was-validated .form-control:invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback,\n.form-control.is-invalid ~ .invalid-tooltip {\n  display: block;\n}\n\n.was-validated .custom-select:invalid, .custom-select.is-invalid {\n  border-color: #d74022;\n}\n\n.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus {\n  border-color: #d74022;\n  box-shadow: 0 0 0 0.2rem rgba(215, 64, 34, 0.25);\n}\n\n.was-validated .custom-select:invalid ~ .invalid-feedback,\n.was-validated .custom-select:invalid ~ .invalid-tooltip, .custom-select.is-invalid ~ .invalid-feedback,\n.custom-select.is-invalid ~ .invalid-tooltip {\n  display: block;\n}\n\n.was-validated .form-control-file:invalid ~ .invalid-feedback,\n.was-validated .form-control-file:invalid ~ .invalid-tooltip, .form-control-file.is-invalid ~ .invalid-feedback,\n.form-control-file.is-invalid ~ .invalid-tooltip {\n  display: block;\n}\n\n.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {\n  color: #d74022;\n}\n\n.was-validated .form-check-input:invalid ~ .invalid-feedback,\n.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback,\n.form-check-input.is-invalid ~ .invalid-tooltip {\n  display: block;\n}\n\n.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label {\n  color: #d74022;\n}\n\n.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before {\n  border-color: #d74022;\n}\n\n.was-validated .custom-control-input:invalid ~ .invalid-feedback,\n.was-validated .custom-control-input:invalid ~ .invalid-tooltip, .custom-control-input.is-invalid ~ .invalid-feedback,\n.custom-control-input.is-invalid ~ .invalid-tooltip {\n  display: block;\n}\n\n.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before {\n  border-color: #e2634a;\n  background-color: #e2634a;\n}\n\n.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before {\n  box-shadow: 0 0 0 0.2rem rgba(215, 64, 34, 0.25);\n}\n\n.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before {\n  border-color: #d74022;\n}\n\n.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label {\n  border-color: #d74022;\n}\n\n.was-validated .custom-file-input:invalid ~ .invalid-feedback,\n.was-validated .custom-file-input:invalid ~ .invalid-tooltip, .custom-file-input.is-invalid ~ .invalid-feedback,\n.custom-file-input.is-invalid ~ .invalid-tooltip {\n  display: block;\n}\n\n.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label {\n  border-color: #d74022;\n  box-shadow: 0 0 0 0.2rem rgba(215, 64, 34, 0.25);\n}\n\n.form-inline {\n  display: flex;\n  flex-flow: row wrap;\n  align-items: center;\n}\n\n.form-inline .form-check {\n  width: 100%;\n}\n\n@media (min-width: 576px) {\n  .form-inline label {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin-bottom: 0;\n  }\n  .form-inline .form-group {\n    display: flex;\n    flex: 0 0 auto;\n    flex-flow: row wrap;\n    align-items: center;\n    margin-bottom: 0;\n  }\n  .form-inline .form-control {\n    display: inline-block;\n    width: auto;\n    vertical-align: middle;\n  }\n  .form-inline .form-control-plaintext {\n    display: inline-block;\n  }\n  .form-inline .input-group,\n  .form-inline .custom-select {\n    width: auto;\n  }\n  .form-inline .form-check {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: auto;\n    padding-left: 0;\n  }\n  .form-inline .form-check-input {\n    position: relative;\n    flex-shrink: 0;\n    margin-top: 0;\n    margin-right: 0.25rem;\n    margin-left: 0;\n  }\n  .form-inline .custom-control {\n    align-items: center;\n    justify-content: center;\n  }\n  .form-inline .custom-control-label {\n    margin-bottom: 0;\n  }\n}\n\n.custom-control {\n  position: relative;\n  display: block;\n  min-height: 1.249938rem;\n  padding-left: 1.5rem;\n}\n\n.custom-control-inline {\n  display: inline-flex;\n  margin-right: 1rem;\n}\n\n.custom-control-input {\n  position: absolute;\n  z-index: -1;\n  opacity: 0;\n}\n\n.custom-control-input:checked ~ .custom-control-label::before {\n  color: #fff;\n  border-color: #005fbf;\n  background-color: #005fbf;\n}\n\n.custom-control-input:focus ~ .custom-control-label::before {\n  box-shadow: 0 0 0 0.2rem rgba(19, 87, 255, 0.25);\n}\n\n.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {\n  border-color: #409fff;\n}\n\n.custom-control-input:not(:disabled):active ~ .custom-control-label::before {\n  color: #fff;\n  background-color: #73b8ff;\n  border-color: #73b8ff;\n}\n\n.custom-control-input:disabled ~ .custom-control-label {\n  color: #b4b4b4;\n}\n\n.custom-control-input:disabled ~ .custom-control-label::before {\n  background-color: #f2f4f7;\n}\n\n.custom-control-label {\n  position: relative;\n  margin-bottom: 0;\n  vertical-align: top;\n}\n\n.custom-control-label::before {\n  position: absolute;\n  top: 0.124969rem;\n  left: -1.5rem;\n  display: block;\n  width: 1rem;\n  height: 1rem;\n  pointer-events: none;\n  content: \"\";\n  background-color: #fff;\n  border: #adb5bd solid 1px;\n}\n\n.custom-control-label::after {\n  position: absolute;\n  top: 0.124969rem;\n  left: -1.5rem;\n  display: block;\n  width: 1rem;\n  height: 1rem;\n  content: \"\";\n  background: no-repeat 50% / 50% 50%;\n}\n\n.custom-checkbox .custom-control-label::before {\n  border-radius: 4px;\n}\n\n.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {\n  background-image: url(\"data:image/svg+xml, %3csvg width='12' height='10' viewBox='0 0 12 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M0.542893 4.54289C0.933418 4.15237 1.56658 4.15237 1.95711 4.54289L4.25 6.83579L10.0429 1.04289C10.4334 0.652369 11.0666 0.652369 11.4571 1.04289C11.8476 1.43342 11.8476 2.06658 11.4571 2.45711L4.95711 8.95711C4.56658 9.34763 3.93342 9.34763 3.54289 8.95711L0.542893 5.95711C0.152369 5.56658 0.152369 4.93342 0.542893 4.54289Z' fill='%23ffffff'/%3e%3c/svg%3e\");\n}\n\n.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {\n  border-color: #005fbf;\n  background-color: #005fbf;\n}\n\n.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {\n  background-image: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-1 -1 6 6'%3e%3cpath stroke='%23ffffff' d='M0 2h4'/%3e%3c/svg%3e\");\n}\n\n.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {\n  background-color: rgba(0, 95, 191, 0.5);\n}\n\n.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {\n  background-color: rgba(0, 95, 191, 0.5);\n}\n\n.custom-radio .custom-control-label::before {\n  border-radius: 50%;\n}\n\n.custom-radio .custom-control-input:checked ~ .custom-control-label::after {\n  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='%23ffffff'/%3e%3c/svg%3e\");\n}\n\n.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {\n  background-color: rgba(0, 95, 191, 0.5);\n}\n\n.custom-switch {\n  padding-left: 2.25rem;\n}\n\n.custom-switch .custom-control-label::before {\n  left: -2.25rem;\n  width: 1.75rem;\n  pointer-events: all;\n  border-radius: 0.5rem;\n}\n\n.custom-switch .custom-control-label::after {\n  top: calc(0.124969rem + 2px);\n  left: calc(-2.25rem + 2px);\n  width: calc(1rem - 4px);\n  height: calc(1rem - 4px);\n  background-color: #adb5bd;\n  border-radius: 0.5rem;\n  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;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .custom-switch .custom-control-label::after {\n    transition: none;\n  }\n}\n\n.custom-switch .custom-control-input:checked ~ .custom-control-label::after {\n  background-color: #fff;\n  transform: translateX(0.75rem);\n}\n\n.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {\n  background-color: rgba(0, 95, 191, 0.5);\n}\n\n.custom-select {\n  display: inline-block;\n  width: 100%;\n  height: calc(1.4285em + 0.75rem + 2px);\n  padding: 8px 1.75rem 8px 0.75rem;\n  font-size: 0.875rem;\n  font-weight: 400;\n  line-height: 1.4285;\n  color: #777;\n  vertical-align: middle;\n  background: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='%23777' d='M6.28178611,7.34112994 C5.98969924,7.04743259 5.5148273,7.04612703 5.22112994,7.33821389 C4.92743259,7.63030076 4.92612703,8.1051727 5.21821389,8.39887006 L9.44490899,12.6488701 C9.73699896,12.9425705 10.2118771,12.9438725 10.5055731,12.6517782 L14.7788781,8.40177816 C15.072571,8.10968687 15.0738694,7.63481492 14.7817782,7.34112195 C14.4896869,7.04742898 14.0148149,7.04613056 13.7211219,7.33822184 L9.9796032,11.0593358 L6.28178611,7.34112994 Z'/%3e%3c/svg%3e\") no-repeat right 0.75rem center/24px;\n  background-color: #fff;\n  border: 1px solid #e2e2e2;\n  border-radius: 4px;\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n}\n\n.custom-select:focus {\n  border-color: #409fff;\n  outline: 0;\n  box-shadow: 0 0 0 0.2rem rgba(19, 87, 255, 0.25);\n}\n\n.custom-select:focus::-ms-value {\n  color: #212121;\n  background-color: #fff;\n}\n\n.custom-select[multiple], .custom-select[size]:not([size=\"1\"]) {\n  height: auto;\n  padding-right: 0.75rem;\n  background-image: none;\n}\n\n.custom-select:disabled {\n  color: #b4b4b4;\n  background-color: #f2f4f7;\n}\n\n.custom-select::-ms-expand {\n  display: none;\n}\n\n.custom-select-sm {\n  height: calc(1.4285em + 0.5rem + 2px);\n  padding-top: 0.25rem;\n  padding-bottom: 0.25rem;\n  padding-left: 0.5rem;\n  font-size: 0.75rem;\n}\n\n.custom-select-lg {\n  height: calc(1.4285em + 1rem + 2px);\n  padding-top: 0.5rem;\n  padding-bottom: 0.5rem;\n  padding-left: 1rem;\n  font-size: 1.25rem;\n}\n\n.custom-file {\n  position: relative;\n  display: inline-block;\n  width: 100%;\n  height: calc(1.4285em + 0.75rem + 2px);\n  margin-bottom: 0;\n}\n\n.custom-file-input {\n  position: relative;\n  z-index: 2;\n  width: 100%;\n  height: calc(1.4285em + 0.75rem + 2px);\n  margin: 0;\n  opacity: 0;\n}\n\n.custom-file-input:focus ~ .custom-file-label {\n  border-color: #409fff;\n  box-shadow: 0 0 0 0.2rem rgba(19, 87, 255, 0.25);\n}\n\n.custom-file-input:disabled ~ .custom-file-label {\n  background-color: #f2f4f7;\n}\n\n.custom-file-input:lang(en) ~ .custom-file-label::after {\n  content: \"Choose file\";\n}\n\n.custom-file-input:lang(id) ~ .custom-file-label::after {\n  content: \"Pilih file\";\n}\n\n.custom-file-input ~ .custom-file-label[data-browse]::after {\n  content: attr(data-browse);\n}\n\n.custom-file-label {\n  position: absolute;\n  top: 0;\n  right: 0;\n  left: 0;\n  z-index: 1;\n  height: calc(1.4285em + 0.75rem + 2px);\n  padding: 0.375rem 0.75rem;\n  font-weight: 400;\n  line-height: 1.4285;\n  color: #212121;\n  background-color: #fff;\n  border: 1px solid #e2e2e2;\n  border-radius: 4px;\n}\n\n.custom-file-label::after {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  z-index: 3;\n  display: block;\n  height: calc(1.4285em + 0.75rem);\n  padding: 0.375rem 0.75rem;\n  line-height: 1.4285;\n  color: #212121;\n  content: \"Browse\";\n  background-color: #f2f4f7;\n  border-left: inherit;\n  border-radius: 0 4px 4px 0;\n}\n\n.custom-range {\n  width: 100%;\n  height: calc(1rem + 0.4rem);\n  padding: 0;\n  background-color: transparent;\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n}\n\n.custom-range:focus {\n  outline: none;\n}\n\n.custom-range:focus::-webkit-slider-thumb {\n  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(19, 87, 255, 0.25);\n}\n\n.custom-range:focus::-moz-range-thumb {\n  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(19, 87, 255, 0.25);\n}\n\n.custom-range:focus::-ms-thumb {\n  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(19, 87, 255, 0.25);\n}\n\n.custom-range::-moz-focus-outer {\n  border: 0;\n}\n\n.custom-range::-webkit-slider-thumb {\n  width: 1rem;\n  height: 1rem;\n  margin-top: -0.25rem;\n  background-color: #005fbf;\n  border: 0;\n  border-radius: 1rem;\n  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n  -webkit-appearance: none;\n  appearance: none;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .custom-range::-webkit-slider-thumb {\n    transition: none;\n  }\n}\n\n.custom-range::-webkit-slider-thumb:active {\n  background-color: #73b8ff;\n}\n\n.custom-range::-webkit-slider-runnable-track {\n  width: 100%;\n  height: 0.5rem;\n  color: transparent;\n  cursor: pointer;\n  background-color: #dee2e6;\n  border-color: transparent;\n  border-radius: 1rem;\n}\n\n.custom-range::-moz-range-thumb {\n  width: 1rem;\n  height: 1rem;\n  background-color: #005fbf;\n  border: 0;\n  border-radius: 1rem;\n  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n  -moz-appearance: none;\n  appearance: none;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .custom-range::-moz-range-thumb {\n    transition: none;\n  }\n}\n\n.custom-range::-moz-range-thumb:active {\n  background-color: #73b8ff;\n}\n\n.custom-range::-moz-range-track {\n  width: 100%;\n  height: 0.5rem;\n  color: transparent;\n  cursor: pointer;\n  background-color: #dee2e6;\n  border-color: transparent;\n  border-radius: 1rem;\n}\n\n.custom-range::-ms-thumb {\n  width: 1rem;\n  height: 1rem;\n  margin-top: 0;\n  margin-right: 0.2rem;\n  margin-left: 0.2rem;\n  background-color: #005fbf;\n  border: 0;\n  border-radius: 1rem;\n  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n  appearance: none;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .custom-range::-ms-thumb {\n    transition: none;\n  }\n}\n\n.custom-range::-ms-thumb:active {\n  background-color: #73b8ff;\n}\n\n.custom-range::-ms-track {\n  width: 100%;\n  height: 0.5rem;\n  color: transparent;\n  cursor: pointer;\n  background-color: transparent;\n  border-color: transparent;\n  border-width: 0.5rem;\n}\n\n.custom-range::-ms-fill-lower {\n  background-color: #dee2e6;\n  border-radius: 1rem;\n}\n\n.custom-range::-ms-fill-upper {\n  margin-right: 15px;\n  background-color: #dee2e6;\n  border-radius: 1rem;\n}\n\n.custom-range:disabled::-webkit-slider-thumb {\n  background-color: #adb5bd;\n}\n\n.custom-range:disabled::-webkit-slider-runnable-track {\n  cursor: default;\n}\n\n.custom-range:disabled::-moz-range-thumb {\n  background-color: #adb5bd;\n}\n\n.custom-range:disabled::-moz-range-track {\n  cursor: default;\n}\n\n.custom-range:disabled::-ms-thumb {\n  background-color: #adb5bd;\n}\n\n.custom-control-label::before,\n.custom-file-label,\n.custom-select {\n  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .custom-control-label::before,\n  .custom-file-label,\n  .custom-select {\n    transition: none;\n  }\n}\n\n.input-group {\n  position: relative;\n  display: flex;\n  flex-wrap: wrap;\n  align-items: stretch;\n  width: 100%;\n}\n\n.input-group > .form-control,\n.input-group > .form-control-plaintext,\n.input-group > .custom-select,\n.input-group > .custom-file {\n  position: relative;\n  flex: 1 1 auto;\n  width: 1%;\n  margin-bottom: 0;\n}\n\n.input-group > .form-control + .form-control,\n.input-group > .form-control + .custom-select,\n.input-group > .form-control + .custom-file,\n.input-group > .form-control-plaintext + .form-control,\n.input-group > .form-control-plaintext + .custom-select,\n.input-group > .form-control-plaintext + .custom-file,\n.input-group > .custom-select + .form-control,\n.input-group > .custom-select + .custom-select,\n.input-group > .custom-select + .custom-file,\n.input-group > .custom-file + .form-control,\n.input-group > .custom-file + .custom-select,\n.input-group > .custom-file + .custom-file {\n  margin-left: -1px;\n}\n\n.input-group > .form-control:focus,\n.input-group > .custom-select:focus,\n.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label {\n  z-index: 3;\n}\n\n.input-group > .custom-file .custom-file-input:focus {\n  z-index: 4;\n}\n\n.input-group > .form-control:not(:last-child),\n.input-group > .custom-select:not(:last-child) {\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n}\n\n.input-group > .form-control:not(:first-child),\n.input-group > .custom-select:not(:first-child) {\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n}\n\n.input-group > .custom-file {\n  display: flex;\n  align-items: center;\n}\n\n.input-group > .custom-file:not(:last-child) .custom-file-label,\n.input-group > .custom-file:not(:last-child) .custom-file-label::after {\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n}\n\n.input-group > .custom-file:not(:first-child) .custom-file-label {\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n}\n\n.input-group-prepend,\n.input-group-append {\n  display: flex;\n}\n\n.input-group-prepend .btn,\n.input-group-append .btn {\n  position: relative;\n  z-index: 2;\n}\n\n.input-group-prepend .btn:focus,\n.input-group-append .btn:focus {\n  z-index: 3;\n}\n\n.input-group-prepend .btn + .btn,\n.input-group-prepend .btn + .input-group-text,\n.input-group-prepend .input-group-text + .input-group-text,\n.input-group-prepend .input-group-text + .btn,\n.input-group-append .btn + .btn,\n.input-group-append .btn + .input-group-text,\n.input-group-append .input-group-text + .input-group-text,\n.input-group-append .input-group-text + .btn {\n  margin-left: -1px;\n}\n\n.input-group-prepend {\n  margin-right: -1px;\n}\n\n.input-group-append {\n  margin-left: -1px;\n}\n\n.input-group-text {\n  display: flex;\n  align-items: center;\n  padding: 0.375rem 0.75rem;\n  margin-bottom: 0;\n  font-size: 0.875rem;\n  font-weight: 400;\n  line-height: 1.4285;\n  color: #212121;\n  text-align: center;\n  white-space: nowrap;\n  background-color: #f2f4f7;\n  border: 1px solid #e2e2e2;\n  border-radius: 4px;\n}\n\n.input-group-text input[type=\"radio\"],\n.input-group-text input[type=\"checkbox\"] {\n  margin-top: 0;\n}\n\n.input-group-lg > .form-control:not(textarea),\n.input-group-lg > .custom-select {\n  height: calc(1.4285em + 1rem + 2px);\n}\n\n.input-group-lg > .form-control,\n.input-group-lg > .custom-select,\n.input-group-lg > .input-group-prepend > .input-group-text,\n.input-group-lg > .input-group-append > .input-group-text,\n.input-group-lg > .input-group-prepend > .btn,\n.input-group-lg > .input-group-append > .btn {\n  padding: 0.5rem 1rem;\n  font-size: 1.25rem;\n  line-height: 1.4285;\n  border-radius: 4px;\n}\n\n.input-group-sm > .form-control:not(textarea),\n.input-group-sm > .custom-select {\n  height: calc(1.4285em + 0.5rem + 2px);\n}\n\n.input-group-sm > .form-control,\n.input-group-sm > .custom-select,\n.input-group-sm > .input-group-prepend > .input-group-text,\n.input-group-sm > .input-group-append > .input-group-text,\n.input-group-sm > .input-group-prepend > .btn,\n.input-group-sm > .input-group-append > .btn {\n  padding: 0.25rem 0.5rem;\n  font-size: 0.75rem;\n  line-height: 1.4285;\n  border-radius: 4px;\n}\n\n.input-group-lg > .custom-select,\n.input-group-sm > .custom-select {\n  padding-right: 1.75rem;\n}\n\n.input-group > .input-group-prepend > .btn,\n.input-group > .input-group-prepend > .input-group-text,\n.input-group > .input-group-append:not(:last-child) > .btn,\n.input-group > .input-group-append:not(:last-child) > .input-group-text,\n.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),\n.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n}\n\n.input-group > .input-group-append > .btn,\n.input-group > .input-group-append > .input-group-text,\n.input-group > .input-group-prepend:not(:first-child) > .btn,\n.input-group > .input-group-prepend:not(:first-child) > .input-group-text,\n.input-group > .input-group-prepend:first-child > .btn:not(:first-child),\n.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n}\n\n.form-control {\n  padding: 8px 12px;\n  margin-top: 4px;\n  margin-bottom: 4px;\n  line-height: 20px;\n  color: #212121;\n}\n\n.form-control:hover:not(:disabled):not([readonly]) {\n  border: 1px solid #005fbf;\n}\n\n.form-control:disabled, .form-control[readonly] {\n  color: #b4b4b4;\n  cursor: not-allowed;\n  background-color: #f2f4f7;\n  border-color: #e2e2e2;\n  outline: none;\n  box-shadow: none;\n}\n\n.form-control:focus:not(:disabled):not([readonly]) {\n  color: #212121;\n}\n\n.form-control.prefix-icon {\n  padding-left: 36px;\n}\n\n.form-control.suffix-icon {\n  padding-right: 36px;\n}\n\n.form-control.with-reset-icon, .form-control.suffix-icon--double {\n  padding-right: 36px;\n}\n\n.form-control.with-reset-icon.suffix-icon, .form-control.suffix-icon--double.suffix-icon {\n  padding-right: 72px;\n}\n\n.form-control.is-invalid, .form-control:invalid {\n  border-color: #d74022;\n}\n\n.form-control-plaintext:focus {\n  outline: none;\n  box-shadow: none;\n}\n\n.form-group label {\n  margin-bottom: 0;\n}\n\n.form-row label {\n  margin-bottom: 0;\n}\n\n.custom-select,\n.custom-file-input {\n  height: 38px;\n  padding: 8px 8px 8px 12px;\n  margin: 4px 0;\n  line-height: 20px;\n  color: #212121;\n}\n\n.custom-select:hover:not(:disabled),\n.custom-file-input:hover:not(:disabled) {\n  cursor: pointer;\n  border: 1px solid #005fbf;\n}\n\n.custom-select:focus,\n.custom-file-input:focus {\n  box-shadow: 0 0 4px 1px rgba(0, 95, 191, 0.3);\n}\n\n.custom-select:disabled,\n.custom-file-input:disabled {\n  color: #b4b4b4;\n  cursor: not-allowed;\n  background-color: #f2f4f7;\n  border-color: #e2e2e2;\n}\n\n.custom-select:not(:focus):invalid,\n.custom-file-input:not(:focus):invalid {\n  color: #b4b4b4;\n}\n\ninput[type=\"file\"] {\n  cursor: pointer;\n}\n\ninput[type=\"file\"]::-webkit-file-upload-button {\n  cursor: pointer;\n}\n\n.custom-file {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  height: auto;\n  margin-bottom: 20px;\n}\n\n.custom-file:hover .custom-file-label::before {\n  border: 1px solid #b4b4b4;\n}\n\n.custom-file .form-text {\n  margin-top: 4px;\n}\n\n.custom-file ~ .custom-file-list-wrapper {\n  margin-bottom: 12px;\n}\n\n.custom-file-input {\n  margin: 0;\n}\n\n.custom-file-label {\n  display: flex;\n  align-items: flex-end;\n  height: 38px;\n  padding: 8px 12px;\n  margin-bottom: 0;\n  color: #b4b4b4;\n}\n\n.custom-file-label::after {\n  display: none;\n}\n\n.custom-file-label::before {\n  position: relative;\n  top: 3px;\n  bottom: 0;\n  z-index: 3;\n  display: flex;\n  align-items: center;\n  height: 24px;\n  padding: 2px 8px;\n  margin-right: 12px;\n  line-height: 20px;\n  color: #777;\n  content: \"Choose File\";\n  background-color: #fbfbfb;\n  border: 1px solid #e2e2e2;\n  border-radius: 4px;\n}\n\n.valid-feedback,\n.invalid-feedback {\n  font-size: 12px;\n}\n\n.form-group-label {\n  margin-bottom: 0;\n  font-weight: 600;\n  line-height: 20px;\n}\n\n.custom-control {\n  margin-bottom: 4px;\n}\n\n.form-group-label + .custom-control,\n.form-group-label + .custom-file {\n  margin-top: 4px;\n}\n\n.custom-control-input:focus {\n  box-shadow: 0 0 0 0.2rem rgba(19, 87, 255, 0.25);\n}\n\n.custom-control-input:hover ~ .custom-control-label::before {\n  cursor: pointer;\n  border-color: #005fbf;\n}\n\n.custom-control-input:hover ~ .custom-control-label::after,\n.custom-control-input:hover ~ .custom-control-label {\n  cursor: pointer;\n}\n\n.custom-control-input:disabled ~ .custom-control-label::after {\n  cursor: not-allowed;\n  border: none;\n}\n\n.custom-control-input:disabled ~ .custom-control-label::before {\n  cursor: not-allowed;\n  background-color: #f2f4f7 !important;\n  border: 1px solid #e2e2e2 !important;\n}\n\n.custom-control-input:disabled ~ .custom-control-label {\n  cursor: not-allowed;\n}\n\n.custom-control-label {\n  font-weight: 400;\n  color: #212121;\n}\n\n.custom-checkbox .custom-control-label::before {\n  top: 0;\n}\n\n.custom-checkbox .custom-control-label::after {\n  top: 0;\n  background: no-repeat 50%;\n}\n\n.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::after {\n  background: url(\"data:image/svg+xml, %3csvg width='12' height='10' viewBox='0 0 12 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M0.542893 4.54289C0.933418 4.15237 1.56658 4.15237 1.95711 4.54289L4.25 6.83579L10.0429 1.04289C10.4334 0.652369 11.0666 0.652369 11.4571 1.04289C11.8476 1.43342 11.8476 2.06658 11.4571 2.45711L4.95711 8.95711C4.56658 9.34763 3.93342 9.34763 3.54289 8.95711L0.542893 5.95711C0.152369 5.56658 0.152369 4.93342 0.542893 4.54289Z' fill='%23b4b4b4'/%3e%3c/svg%3e\") no-repeat 50%;\n}\n\n.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::after {\n  background: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-1 -1 6 6'%3e%3cpath stroke='%23b4b4b4' d='M0 2h4'/%3e%3c/svg%3e\") no-repeat 50%;\n}\n\n.custom-radio .custom-control-label::before {\n  top: 1px;\n}\n\n.custom-radio .custom-control-label::after {\n  top: 1px;\n  background: no-repeat 100% / 100% 50%;\n}\n\n.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::after {\n  background: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23b4b4b4'/%3e%3c/svg%3e\") no-repeat 100%/100% 50%;\n}\n\n.custom-switch {\n  height: 24px;\n  padding-left: 52px;\n  line-height: 24px;\n}\n\n.custom-switch .custom-control-label::before {\n  top: 0;\n  left: -52px;\n  width: 40px;\n  height: 24px;\n  background-color: #e2e2e2;\n  border: none;\n  border-radius: 24px;\n}\n\n.custom-switch .custom-control-label::after {\n  top: 2px;\n  left: -50px;\n  width: 20px;\n  height: 20px;\n  background-color: #fff;\n  border-radius: 50%;\n  transition: transform .2s;\n}\n\n.custom-switch .custom-control-input:checked ~ .custom-control-label::before {\n  background-color: #1357ff;\n}\n\n.custom-switch .custom-control-input:checked ~ .custom-control-label::after {\n  transform: translateX(1rem);\n}\n\n.custom-switch.custom-switch-danger .custom-control-input:checked ~ .custom-control-label::before {\n  background: #d74022;\n}\n\n.custom-switch.custom-switch-danger .custom-control-input:not(:disabled):active ~ .custom-control-label::before {\n  background: #d74022;\n}\n\n.custom-switch.custom-switch-danger .custom-control-input:focus ~ .custom-control-label::before {\n  box-shadow: 0 0 0 0.2rem #f4c2b8;\n}\n\n.custom-switch.custom-switch-success .custom-control-input:checked ~ .custom-control-label::before {\n  background: #009f61;\n}\n\n.custom-switch.custom-switch-success .custom-control-input:not(:disabled):active ~ .custom-control-label::before {\n  background: #009f61;\n}\n\n.custom-switch.custom-switch-success .custom-control-input:focus ~ .custom-control-label::before {\n  box-shadow: 0 0 0 0.2rem #53ffbc;\n}\n\n.custom-switch.custom-switch-info .custom-control-input:checked ~ .custom-control-label::before {\n  background: #ffeb99;\n}\n\n.custom-switch.custom-switch-info .custom-control-input:not(:disabled):active ~ .custom-control-label::before {\n  background: #ffeb99;\n}\n\n.custom-switch.custom-switch-info .custom-control-input:focus ~ .custom-control-label::before {\n  box-shadow: 0 0 0 0.2rem white;\n}\n\n.custom-switch.custom-switch-warning .custom-control-input:checked ~ .custom-control-label::before {\n  background: #ffb700;\n}\n\n.custom-switch.custom-switch-warning .custom-control-input:not(:disabled):active ~ .custom-control-label::before {\n  background: #ffb700;\n}\n\n.custom-switch.custom-switch-warning .custom-control-input:focus ~ .custom-control-label::before {\n  box-shadow: 0 0 0 0.2rem #ffe9b3;\n}\n\n.custom-switch.custom-switch-primary .custom-control-input:checked ~ .custom-control-label::before {\n  background: #005fbf;\n}\n\n.custom-switch.custom-switch-primary .custom-control-input:not(:disabled):active ~ .custom-control-label::before {\n  background: #005fbf;\n}\n\n.custom-switch.custom-switch-primary .custom-control-input:focus ~ .custom-control-label::before {\n  box-shadow: 0 0 0 0.2rem #73b8ff;\n}\n\n.custom-switch.custom-switch-jurnal .custom-control-input:checked ~ .custom-control-label::before {\n  background: #009bde;\n}\n\n.custom-switch.custom-switch-jurnal .custom-control-input:not(:disabled):active ~ .custom-control-label::before {\n  background: #009bde;\n}\n\n.custom-switch.custom-switch-jurnal .custom-control-input:focus ~ .custom-control-label::before {\n  box-shadow: 0 0 0 0.2rem #92deff;\n}\n\n.custom-switch.custom-switch-talenta .custom-control-input:checked ~ .custom-control-label::before {\n  background: #c02a34;\n}\n\n.custom-switch.custom-switch-talenta .custom-control-input:not(:disabled):active ~ .custom-control-label::before {\n  background: #c02a34;\n}\n\n.custom-switch.custom-switch-talenta .custom-control-input:focus ~ .custom-control-label::before {\n  box-shadow: 0 0 0 0.2rem #eeafb3;\n}\n\n.custom-switch.custom-switch-klikpajak .custom-control-input:checked ~ .custom-control-label::before {\n  background: #f96d01;\n}\n\n.custom-switch.custom-switch-klikpajak .custom-control-input:not(:disabled):active ~ .custom-control-label::before {\n  background: #f96d01;\n}\n\n.custom-switch.custom-switch-klikpajak .custom-control-input:focus ~ .custom-control-label::before {\n  box-shadow: 0 0 0 0.2rem #ffd1ae;\n}\n\n.custom-switch.custom-switch-mekari .custom-control-input:checked ~ .custom-control-label::before {\n  background: #6d48e5;\n}\n\n.custom-switch.custom-switch-mekari .custom-control-input:not(:disabled):active ~ .custom-control-label::before {\n  background: #6d48e5;\n}\n\n.custom-switch.custom-switch-mekari .custom-control-input:focus ~ .custom-control-label::before {\n  box-shadow: 0 0 0 0.2rem #eae4fb;\n}\n\n.custom-switch.custom-switch-dark .custom-control-input:checked ~ .custom-control-label::before {\n  background: #212121;\n}\n\n.custom-switch.custom-switch-dark .custom-control-input:not(:disabled):active ~ .custom-control-label::before {\n  background: #212121;\n}\n\n.custom-switch.custom-switch-dark .custom-control-input:focus ~ .custom-control-label::before {\n  box-shadow: 0 0 0 0.2rem #7a7a7a;\n}\n\n.custom-switch.custom-switch-slate .custom-control-input:checked ~ .custom-control-label::before {\n  background: #777;\n}\n\n.custom-switch.custom-switch-slate .custom-control-input:not(:disabled):active ~ .custom-control-label::before {\n  background: #777;\n}\n\n.custom-switch.custom-switch-slate .custom-control-input:focus ~ .custom-control-label::before {\n  box-shadow: 0 0 0 0.2rem #d0d0d0;\n}\n\n.custom-switch.custom-switch-muted .custom-control-input:checked ~ .custom-control-label::before {\n  background: #b4b4b4;\n}\n\n.custom-switch.custom-switch-muted .custom-control-input:not(:disabled):active ~ .custom-control-label::before {\n  background: #b4b4b4;\n}\n\n.custom-switch.custom-switch-muted .custom-control-input:focus ~ .custom-control-label::before {\n  box-shadow: 0 0 0 0.2rem white;\n}\n\n.custom-switch.custom-switch-smoke .custom-control-input:checked ~ .custom-control-label::before {\n  background: #e2e2e2;\n}\n\n.custom-switch.custom-switch-smoke .custom-control-input:not(:disabled):active ~ .custom-control-label::before {\n  background: #e2e2e2;\n}\n\n.custom-switch.custom-switch-smoke .custom-control-input:focus ~ .custom-control-label::before {\n  box-shadow: 0 0 0 0.2rem white;\n}\n\n.custom-switch.custom-switch-light .custom-control-input:checked ~ .custom-control-label::before {\n  background: #fbfbfb;\n}\n\n.custom-switch.custom-switch-light .custom-control-input:not(:disabled):active ~ .custom-control-label::before {\n  background: #fbfbfb;\n}\n\n.custom-switch.custom-switch-light .custom-control-input:focus ~ .custom-control-label::before {\n  box-shadow: 0 0 0 0.2rem white;\n}\n\n.custom-switch.custom-switch-cloud .custom-control-input:checked ~ .custom-control-label::before {\n  background: #f2f4f7;\n}\n\n.custom-switch.custom-switch-cloud .custom-control-input:not(:disabled):active ~ .custom-control-label::before {\n  background: #f2f4f7;\n}\n\n.custom-switch.custom-switch-cloud .custom-control-input:focus ~ .custom-control-label::before {\n  box-shadow: 0 0 0 0.2rem white;\n}\n\n.custom-switch.custom-switch-link .custom-control-input:checked ~ .custom-control-label::before {\n  background: #1357ff;\n}\n\n.custom-switch.custom-switch-link .custom-control-input:not(:disabled):active ~ .custom-control-label::before {\n  background: #1357ff;\n}\n\n.custom-switch.custom-switch-link .custom-control-input:focus ~ .custom-control-label::before {\n  box-shadow: 0 0 0 0.2rem #c6d6ff;\n}\n\n.custom-switch.custom-switch-white .custom-control-input:checked ~ .custom-control-label::before {\n  background: #fff;\n}\n\n.custom-switch.custom-switch-white .custom-control-input:not(:disabled):active ~ .custom-control-label::before {\n  background: #fff;\n}\n\n.custom-switch.custom-switch-white .custom-control-input:focus ~ .custom-control-label::before {\n  box-shadow: 0 0 0 0.2rem white;\n}\n\n.custom-switch--small {\n  height: 20px;\n  padding-left: 48px;\n  line-height: 20px;\n}\n\n.custom-switch--small .custom-control-label::before {\n  left: -48px;\n  width: 34px;\n  height: 20px;\n}\n\n.custom-switch--small .custom-control-label::after {\n  left: -46px;\n  width: 16px;\n  height: 16px;\n}\n\n.custom-switch--small .custom-control-input:checked ~ .custom-control-label::after {\n  transform: translateX(14px);\n}\n\n.form-check {\n  margin-bottom: 4px;\n}\n\ntextarea.form-control {\n  min-width: 184px;\n  height: 80px;\n  min-height: 38px;\n  max-height: 200px;\n  padding-right: 12px;\n  padding-left: 12px;\n}\n\ntextarea.form-control::-webkit-scrollbar {\n  width: 12px;\n  background-color: transparent;\n}\n\ntextarea.form-control::-webkit-scrollbar-thumb {\n  background-color: #777;\n  background-clip: padding-box;\n  border: 4px solid transparent;\n  border-radius: 16px;\n}\n\ntextarea.form-control::-webkit-scrollbar-track {\n  background-color: #fff;\n  border-radius: 4px;\n}\n\n.form-text {\n  font-size: 12px;\n  color: #777;\n}\n\n.input-group {\n  margin-top: 4px;\n  margin-bottom: 4px;\n}\n\n.input-group .form-control {\n  margin-top: 0;\n  margin-bottom: 0;\n}\n\n.input-group .valid-feedback,\n.input-group .invalid-feedback {\n  margin-top: 4px;\n}\n\n/* stylelint-disable property-no-vendor-prefix */\n.custom-select,\n.custom-select-sm {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n}\n\n/* stylelint-enable property-no-vendor-prefix */\n.form-xs {\n  width: 80px;\n  max-width: 80px;\n}\n\n.form-sm {\n  width: 184px;\n  max-width: 184px;\n}\n\n.form-md {\n  width: 288px;\n  max-width: 288px;\n}\n\n.form-lg {\n  width: 392px;\n  max-width: 392px;\n}\n\n.form-xl {\n  width: 600px;\n  max-width: 600px;\n}\n\n.counter-label {\n  float: right;\n  font-weight: 400;\n}\n\n.input-group-text {\n  display: flex;\n  align-items: center;\n  padding: 0.375rem 0.75rem;\n  margin-bottom: 0;\n  font-size: 0.875rem;\n  font-weight: 400;\n  line-height: 1.4285;\n  color: #212121;\n  text-align: center;\n  white-space: nowrap;\n  background-color: #f2f4f7;\n  border: 1px solid #e2e2e2;\n  border-radius: 4px;\n}\n\n.input-date-picker,\n.input-no-readonly {\n  color: #212121 !important;\n  cursor: pointer !important;\n  background-color: #fff !important;\n}\n\n.input-date-picker:hover:not(:disabled),\n.input-no-readonly:hover:not(:disabled) {\n  border: 1px solid #005fbf;\n}\n\n.input-with-icon-container {\n  position: relative;\n}\n/*# sourceMappingURL=mekari-ui-form.css.map */","// 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","// 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","// Embedded icons from Open Iconic.\n// Released under MIT and copyright 2014 Waybury.\n// https://useiconic.com/open\n\n\n// Checkboxes and radios\n//\n// Base class takes care of all the key behavioral aspects.\n\n.#{$prefix}custom-control {\n  position: relative;\n  display: block;\n  min-height: $font-size-base * $line-height-base;\n  padding-left: $custom-control-gutter + $custom-control-indicator-size;\n}\n\n.#{$prefix}custom-control-inline {\n  display: inline-flex;\n  margin-right: $custom-control-spacer-x;\n}\n\n.#{$prefix}custom-control-input {\n  position: absolute;\n  z-index: -1; // Put the input behind the label so it doesn't overlay text\n  opacity: 0;\n\n  &:checked ~ .#{$prefix}custom-control-label::before {\n    color: $custom-control-indicator-checked-color;\n    border-color: $custom-control-indicator-checked-border-color;\n    @include gradient-bg($custom-control-indicator-checked-bg);\n    @include box-shadow($custom-control-indicator-checked-box-shadow);\n  }\n\n  &:focus ~ .#{$prefix}custom-control-label::before {\n    // the mixin is not used here to make sure there is feedback\n    @if $enable-shadows {\n      box-shadow: $input-box-shadow, $input-focus-box-shadow;\n    } @else {\n      box-shadow: $custom-control-indicator-focus-box-shadow;\n    }\n  }\n\n  &:focus:not(:checked) ~ .#{$prefix}custom-control-label::before {\n    border-color: $custom-control-indicator-focus-border-color;\n  }\n\n  &:not(:disabled):active ~ .#{$prefix}custom-control-label::before {\n    color: $custom-control-indicator-active-color;\n    background-color: $custom-control-indicator-active-bg;\n    border-color: $custom-control-indicator-active-border-color;\n    @include box-shadow($custom-control-indicator-active-box-shadow);\n  }\n\n  &:disabled {\n    ~ .#{$prefix}custom-control-label {\n      color: $custom-control-label-disabled-color;\n\n      &::before {\n        background-color: $custom-control-indicator-disabled-bg;\n      }\n    }\n  }\n}\n\n// Custom control indicators\n//\n// Build the custom controls out of pseudo-elements.\n\n.#{$prefix}custom-control-label {\n  position: relative;\n  margin-bottom: 0;\n  vertical-align: top;\n\n  // Background-color and (when enabled) gradient\n  &::before {\n    position: absolute;\n    top: ($font-size-base * $line-height-base - $custom-control-indicator-size) / 2;\n    left: -($custom-control-gutter + $custom-control-indicator-size);\n    display: block;\n    width: $custom-control-indicator-size;\n    height: $custom-control-indicator-size;\n    pointer-events: none;\n    content: \"\";\n    background-color: $custom-control-indicator-bg;\n    border: $custom-control-indicator-border-color solid $custom-control-indicator-border-width;\n    @include box-shadow($custom-control-indicator-box-shadow);\n  }\n\n  // Foreground (icon)\n  &::after {\n    position: absolute;\n    top: ($font-size-base * $line-height-base - $custom-control-indicator-size) / 2;\n    left: -($custom-control-gutter + $custom-control-indicator-size);\n    display: block;\n    width: $custom-control-indicator-size;\n    height: $custom-control-indicator-size;\n    content: \"\";\n    background: no-repeat 50% / #{$custom-control-indicator-bg-size};\n  }\n}\n\n\n// Checkboxes\n//\n// Tweak just a few things for checkboxes.\n\n.#{$prefix}custom-checkbox {\n  .#{$prefix}custom-control-label::before {\n    @include border-radius($custom-checkbox-indicator-border-radius);\n  }\n\n  .#{$prefix}custom-control-input:checked ~ .#{$prefix}custom-control-label {\n    &::after {\n      background-image: $custom-checkbox-indicator-icon-checked;\n    }\n  }\n\n  .#{$prefix}custom-control-input:indeterminate ~ .#{$prefix}custom-control-label {\n    &::before {\n      border-color: $custom-checkbox-indicator-indeterminate-border-color;\n      @include gradient-bg($custom-checkbox-indicator-indeterminate-bg);\n      @include box-shadow($custom-checkbox-indicator-indeterminate-box-shadow);\n    }\n    &::after {\n      background-image: $custom-checkbox-indicator-icon-indeterminate;\n    }\n  }\n\n  .#{$prefix}custom-control-input:disabled {\n    &:checked ~ .#{$prefix}custom-control-label::before {\n      background-color: $custom-control-indicator-checked-disabled-bg;\n    }\n    &:indeterminate ~ .#{$prefix}custom-control-label::before {\n      background-color: $custom-control-indicator-checked-disabled-bg;\n    }\n  }\n}\n\n// Radios\n//\n// Tweak just a few things for radios.\n\n.#{$prefix}custom-radio {\n  .#{$prefix}custom-control-label::before {\n    // stylelint-disable-next-line property-blacklist\n    border-radius: $custom-radio-indicator-border-radius;\n  }\n\n  .#{$prefix}custom-control-input:checked ~ .#{$prefix}custom-control-label {\n    &::after {\n      background-image: $custom-radio-indicator-icon-checked;\n    }\n  }\n\n  .#{$prefix}custom-control-input:disabled {\n    &:checked ~ .#{$prefix}custom-control-label::before {\n      background-color: $custom-control-indicator-checked-disabled-bg;\n    }\n  }\n}\n\n\n// switches\n//\n// Tweak a few things for switches\n\n.#{$prefix}custom-switch {\n  padding-left: $custom-switch-width + $custom-control-gutter;\n\n  .#{$prefix}custom-control-label {\n    &::before {\n      left: -($custom-switch-width + $custom-control-gutter);\n      width: $custom-switch-width;\n      pointer-events: all;\n      // stylelint-disable-next-line property-blacklist\n      border-radius: $custom-switch-indicator-border-radius;\n    }\n\n    &::after {\n      top: calc(#{(($font-size-base * $line-height-base - $custom-control-indicator-size) / 2)} + #{$custom-control-indicator-border-width * 2});\n      left: calc(#{-($custom-switch-width + $custom-control-gutter)} + #{$custom-control-indicator-border-width * 2});\n      width: $custom-switch-indicator-size;\n      height: $custom-switch-indicator-size;\n      background-color: $custom-control-indicator-border-color;\n      // stylelint-disable-next-line property-blacklist\n      border-radius: $custom-switch-indicator-border-radius;\n      @include transition(transform .15s ease-in-out, $custom-forms-transition);\n    }\n  }\n\n  .#{$prefix}custom-control-input:checked ~ .#{$prefix}custom-control-label {\n    &::after {\n      background-color: $custom-control-indicator-bg;\n      transform: translateX($custom-switch-width - $custom-control-indicator-size);\n    }\n  }\n\n  .#{$prefix}custom-control-input:disabled {\n    &:checked ~ .#{$prefix}custom-control-label::before {\n      background-color: $custom-control-indicator-checked-disabled-bg;\n    }\n  }\n}\n\n\n// Select\n//\n// Replaces the browser default select with a custom one, mostly pulled from\n// https://primer.github.io/.\n//\n\n.#{$prefix}custom-select {\n  display: inline-block;\n  width: 100%;\n  height: $custom-select-height;\n  padding: $custom-select-padding-y ($custom-select-padding-x + $custom-select-indicator-padding) $custom-select-padding-y $custom-select-padding-x;\n  font-family: $custom-select-font-family;\n  @include font-size($custom-select-font-size);\n  font-weight: $custom-select-font-weight;\n  line-height: $custom-select-line-height;\n  color: $custom-select-color;\n  vertical-align: middle;\n  background: $custom-select-background;\n  background-color: $custom-select-bg;\n  border: $custom-select-border-width solid $custom-select-border-color;\n  @include border-radius($custom-select-border-radius, 0);\n  @include box-shadow($custom-select-box-shadow);\n  appearance: none;\n\n  &:focus {\n    border-color: $custom-select-focus-border-color;\n    outline: 0;\n    @if $enable-shadows {\n      box-shadow: $custom-select-box-shadow, $custom-select-focus-box-shadow;\n    } @else {\n      box-shadow: $custom-select-focus-box-shadow;\n    }\n\n    &::-ms-value {\n      // For visual consistency with other platforms/browsers,\n      // suppress the default white text on blue background highlight given to\n      // the selected option text when the (still closed) <select> receives focus\n      // in IE and (under certain conditions) Edge.\n      // See https://github.com/twbs/bootstrap/issues/19398.\n      color: $input-color;\n      background-color: $input-bg;\n    }\n  }\n\n  &[multiple],\n  &[size]:not([size=\"1\"]) {\n    height: auto;\n    padding-right: $custom-select-padding-x;\n    background-image: none;\n  }\n\n  &:disabled {\n    color: $custom-select-disabled-color;\n    background-color: $custom-select-disabled-bg;\n  }\n\n  // Hides the default caret in IE11\n  &::-ms-expand {\n    display: none;\n  }\n}\n\n.#{$prefix}custom-select-sm {\n  height: $custom-select-height-sm;\n  padding-top: $custom-select-padding-y-sm;\n  padding-bottom: $custom-select-padding-y-sm;\n  padding-left: $custom-select-padding-x-sm;\n  @include font-size($custom-select-font-size-sm);\n}\n\n.#{$prefix}custom-select-lg {\n  height: $custom-select-height-lg;\n  padding-top: $custom-select-padding-y-lg;\n  padding-bottom: $custom-select-padding-y-lg;\n  padding-left: $custom-select-padding-x-lg;\n  @include font-size($custom-select-font-size-lg);\n}\n\n\n// File\n//\n// Custom file input.\n\n.#{$prefix}custom-file {\n  position: relative;\n  display: inline-block;\n  width: 100%;\n  height: $custom-file-height;\n  margin-bottom: 0;\n}\n\n.#{$prefix}custom-file-input {\n  position: relative;\n  z-index: 2;\n  width: 100%;\n  height: $custom-file-height;\n  margin: 0;\n  opacity: 0;\n\n  &:focus ~ .#{$prefix}custom-file-label {\n    border-color: $custom-file-focus-border-color;\n    box-shadow: $custom-file-focus-box-shadow;\n  }\n\n  &:disabled ~ .#{$prefix}custom-file-label {\n    background-color: $custom-file-disabled-bg;\n  }\n\n  @each $lang, $value in $custom-file-text {\n    &:lang(#{$lang}) ~ .#{$prefix}custom-file-label::after {\n      content: $value;\n    }\n  }\n\n  ~ .#{$prefix}custom-file-label[data-browse]::after {\n    content: attr(data-browse);\n  }\n}\n\n.#{$prefix}custom-file-label {\n  position: absolute;\n  top: 0;\n  right: 0;\n  left: 0;\n  z-index: 1;\n  height: $custom-file-height;\n  padding: $custom-file-padding-y $custom-file-padding-x;\n  font-family: $custom-file-font-family;\n  font-weight: $custom-file-font-weight;\n  line-height: $custom-file-line-height;\n  color: $custom-file-color;\n  background-color: $custom-file-bg;\n  border: $custom-file-border-width solid $custom-file-border-color;\n  @include border-radius($custom-file-border-radius);\n  @include box-shadow($custom-file-box-shadow);\n\n  &::after {\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    z-index: 3;\n    display: block;\n    height: $custom-file-height-inner;\n    padding: $custom-file-padding-y $custom-file-padding-x;\n    line-height: $custom-file-line-height;\n    color: $custom-file-button-color;\n    content: \"Browse\";\n    @include gradient-bg($custom-file-button-bg);\n    border-left: inherit;\n    @include border-radius(0 $custom-file-border-radius $custom-file-border-radius 0);\n  }\n}\n\n// Range\n//\n// Style range inputs the same across browsers. Vendor-specific rules for pseudo\n// elements cannot be mixed. As such, there are no shared styles for focus or\n// active states on prefixed selectors.\n\n.#{$prefix}custom-range {\n  width: 100%;\n  height: calc(#{$custom-range-thumb-height} + #{$custom-range-thumb-focus-box-shadow-width * 2});\n  padding: 0; // Need to reset padding\n  background-color: transparent;\n  appearance: none;\n\n  &:focus {\n    outline: none;\n\n    // Pseudo-elements must be split across multiple rulesets to have an effect.\n    // No box-shadow() mixin for focus accessibility.\n    &::-webkit-slider-thumb { box-shadow: $custom-range-thumb-focus-box-shadow; }\n    &::-moz-range-thumb     { box-shadow: $custom-range-thumb-focus-box-shadow; }\n    &::-ms-thumb            { box-shadow: $custom-range-thumb-focus-box-shadow; }\n  }\n\n  &::-moz-focus-outer {\n    border: 0;\n  }\n\n  &::-webkit-slider-thumb {\n    width: $custom-range-thumb-width;\n    height: $custom-range-thumb-height;\n    margin-top: ($custom-range-track-height - $custom-range-thumb-height) / 2; // Webkit specific\n    @include gradient-bg($custom-range-thumb-bg);\n    border: $custom-range-thumb-border;\n    @include border-radius($custom-range-thumb-border-radius);\n    @include box-shadow($custom-range-thumb-box-shadow);\n    @include transition($custom-forms-transition);\n    appearance: none;\n\n    &:active {\n      @include gradient-bg($custom-range-thumb-active-bg);\n    }\n  }\n\n  &::-webkit-slider-runnable-track {\n    width: $custom-range-track-width;\n    height: $custom-range-track-height;\n    color: transparent; // Why?\n    cursor: $custom-range-track-cursor;\n    background-color: $custom-range-track-bg;\n    border-color: transparent;\n    @include border-radius($custom-range-track-border-radius);\n    @include box-shadow($custom-range-track-box-shadow);\n  }\n\n  &::-moz-range-thumb {\n    width: $custom-range-thumb-width;\n    height: $custom-range-thumb-height;\n    @include gradient-bg($custom-range-thumb-bg);\n    border: $custom-range-thumb-border;\n    @include border-radius($custom-range-thumb-border-radius);\n    @include box-shadow($custom-range-thumb-box-shadow);\n    @include transition($custom-forms-transition);\n    appearance: none;\n\n    &:active {\n      @include gradient-bg($custom-range-thumb-active-bg);\n    }\n  }\n\n  &::-moz-range-track {\n    width: $custom-range-track-width;\n    height: $custom-range-track-height;\n    color: transparent;\n    cursor: $custom-range-track-cursor;\n    background-color: $custom-range-track-bg;\n    border-color: transparent; // Firefox specific?\n    @include border-radius($custom-range-track-border-radius);\n    @include box-shadow($custom-range-track-box-shadow);\n  }\n\n  &::-ms-thumb {\n    width: $custom-range-thumb-width;\n    height: $custom-range-thumb-height;\n    margin-top: 0; // Edge specific\n    margin-right: $custom-range-thumb-focus-box-shadow-width; // Workaround that overflowed box-shadow is hidden.\n    margin-left: $custom-range-thumb-focus-box-shadow-width;  // Workaround that overflowed box-shadow is hidden.\n    @include gradient-bg($custom-range-thumb-bg);\n    border: $custom-range-thumb-border;\n    @include border-radius($custom-range-thumb-border-radius);\n    @include box-shadow($custom-range-thumb-box-shadow);\n    @include transition($custom-forms-transition);\n    appearance: none;\n\n    &:active {\n      @include gradient-bg($custom-range-thumb-active-bg);\n    }\n  }\n\n  &::-ms-track {\n    width: $custom-range-track-width;\n    height: $custom-range-track-height;\n    color: transparent;\n    cursor: $custom-range-track-cursor;\n    background-color: transparent;\n    border-color: transparent;\n    border-width: $custom-range-thumb-height / 2;\n    @include box-shadow($custom-range-track-box-shadow);\n  }\n\n  &::-ms-fill-lower {\n    background-color: $custom-range-track-bg;\n    @include border-radius($custom-range-track-border-radius);\n  }\n\n  &::-ms-fill-upper {\n    margin-right: 15px; // arbitrary?\n    background-color: $custom-range-track-bg;\n    @include border-radius($custom-range-track-border-radius);\n  }\n\n  &:disabled {\n    &::-webkit-slider-thumb {\n      background-color: $custom-range-thumb-disabled-bg;\n    }\n\n    &::-webkit-slider-runnable-track {\n      cursor: default;\n    }\n\n    &::-moz-range-thumb {\n      background-color: $custom-range-thumb-disabled-bg;\n    }\n\n    &::-moz-range-track {\n      cursor: default;\n    }\n\n    &::-ms-thumb {\n      background-color: $custom-range-thumb-disabled-bg;\n    }\n  }\n}\n\n.#{$prefix}custom-control-label::before,\n.#{$prefix}custom-file-label,\n.#{$prefix}custom-select {\n  @include transition($custom-forms-transition);\n}\n","// stylelint-disable selector-no-qualifying-type\n\n//\n// Base styles\n//\n\n.#{$prefix}input-group {\n  position: relative;\n  display: flex;\n  flex-wrap: wrap; // For form validation feedback\n  align-items: stretch;\n  width: 100%;\n\n  > .#{$prefix}form-control,\n  > .#{$prefix}form-control-plaintext,\n  > .#{$prefix}custom-select,\n  > .#{$prefix}custom-file {\n    position: relative; // For focus state's z-index\n    flex: 1 1 auto;\n    // Add width 1% and flex-basis auto to ensure that button will not wrap out\n    // the column. Applies to IE Edge+ and Firefox. Chrome does not require this.\n    width: 1%;\n    margin-bottom: 0;\n\n    + .#{$prefix}form-control,\n    + .#{$prefix}custom-select,\n    + .#{$prefix}custom-file {\n      margin-left: -$input-border-width;\n    }\n  }\n\n  // Bring the \"active\" form control to the top of surrounding elements\n  > .#{$prefix}form-control:focus,\n  > .#{$prefix}custom-select:focus,\n  > .#{$prefix}custom-file .#{$prefix}custom-file-input:focus ~ .#{$prefix}custom-file-label {\n    z-index: 3;\n  }\n\n  // Bring the custom file input above the label\n  > .#{$prefix}custom-file .#{$prefix}custom-file-input:focus {\n    z-index: 4;\n  }\n\n  > .#{$prefix}form-control,\n  > .#{$prefix}custom-select {\n    &:not(:last-child) { @include border-right-radius(0); }\n    &:not(:first-child) { @include border-left-radius(0); }\n  }\n\n  // Custom file inputs have more complex markup, thus requiring different\n  // border-radius overrides.\n  > .#{$prefix}custom-file {\n    display: flex;\n    align-items: center;\n\n    &:not(:last-child) .#{$prefix}custom-file-label,\n    &:not(:last-child) .#{$prefix}custom-file-label::after { @include border-right-radius(0); }\n    &:not(:first-child) .#{$prefix}custom-file-label { @include border-left-radius(0); }\n  }\n}\n\n\n// Prepend and append\n//\n// While it requires one extra layer of HTML for each, dedicated prepend and\n// append elements allow us to 1) be less clever, 2) simplify our selectors, and\n// 3) support HTML5 form validation.\n\n.#{$prefix}input-group-prepend,\n.#{$prefix}input-group-append {\n  display: flex;\n\n  // Ensure buttons are always above inputs for more visually pleasing borders.\n  // This isn't needed for `.#{$prefix}input-group-text` since it shares the same border-color\n  // as our inputs.\n  .#{$prefix}btn {\n    position: relative;\n    z-index: 2;\n\n    &:focus {\n      z-index: 3;\n    }\n  }\n\n  .#{$prefix}btn + .#{$prefix}btn,\n  .#{$prefix}btn + .#{$prefix}input-group-text,\n  .#{$prefix}input-group-text + .#{$prefix}input-group-text,\n  .#{$prefix}input-group-text + .#{$prefix}btn {\n    margin-left: -$input-border-width;\n  }\n}\n\n.#{$prefix}input-group-prepend { margin-right: -$input-border-width; }\n.#{$prefix}input-group-append { margin-left: -$input-border-width; }\n\n\n// Textual addons\n//\n// Serves as a catch-all element for any text or radio/checkbox input you wish\n// to prepend or append to an input.\n\n.#{$prefix}input-group-text {\n  display: flex;\n  align-items: center;\n  padding: $input-padding-y $input-padding-x;\n  margin-bottom: 0; // Allow use of <label> elements by overriding our default margin-bottom\n  @include font-size($input-font-size); // Match inputs\n  font-weight: $font-weight-normal;\n  line-height: $input-line-height;\n  color: $input-group-addon-color;\n  text-align: center;\n  white-space: nowrap;\n  background-color: $input-group-addon-bg;\n  border: $input-border-width solid $input-group-addon-border-color;\n  @include border-radius($input-border-radius);\n\n  // Nuke default margins from checkboxes and radios to vertically center within.\n  input[type=\"radio\"],\n  input[type=\"checkbox\"] {\n    margin-top: 0;\n  }\n}\n\n\n// Sizing\n//\n// Remix the default form control sizing classes into new ones for easier\n// manipulation.\n\n.#{$prefix}input-group-lg > .#{$prefix}form-control:not(textarea),\n.#{$prefix}input-group-lg > .#{$prefix}custom-select {\n  height: $input-height-lg;\n}\n\n.#{$prefix}input-group-lg > .#{$prefix}form-control,\n.#{$prefix}input-group-lg > .#{$prefix}custom-select,\n.#{$prefix}input-group-lg > .#{$prefix}input-group-prepend > .#{$prefix}input-group-text,\n.#{$prefix}input-group-lg > .#{$prefix}input-group-append > .#{$prefix}input-group-text,\n.#{$prefix}input-group-lg > .#{$prefix}input-group-prepend > .#{$prefix}btn,\n.#{$prefix}input-group-lg > .#{$prefix}input-group-append > .#{$prefix}btn {\n  padding: $input-padding-y-lg $input-padding-x-lg;\n  @include font-size($input-font-size-lg);\n  line-height: $input-line-height-lg;\n  @include border-radius($input-border-radius-lg);\n}\n\n.#{$prefix}input-group-sm > .#{$prefix}form-control:not(textarea),\n.#{$prefix}input-group-sm > .#{$prefix}custom-select {\n  height: $input-height-sm;\n}\n\n.#{$prefix}input-group-sm > .#{$prefix}form-control,\n.#{$prefix}input-group-sm > .#{$prefix}custom-select,\n.#{$prefix}input-group-sm > .#{$prefix}input-group-prepend > .#{$prefix}input-group-text,\n.#{$prefix}input-group-sm > .#{$prefix}input-group-append > .#{$prefix}input-group-text,\n.#{$prefix}input-group-sm > .#{$prefix}input-group-prepend > .#{$prefix}btn,\n.#{$prefix}input-group-sm > .#{$prefix}input-group-append > .#{$prefix}btn {\n  padding: $input-padding-y-sm $input-padding-x-sm;\n  @include font-size($input-font-size-sm);\n  line-height: $input-line-height-sm;\n  @include border-radius($input-border-radius-sm);\n}\n\n.#{$prefix}input-group-lg > .#{$prefix}custom-select,\n.#{$prefix}input-group-sm > .#{$prefix}custom-select {\n  padding-right: $custom-select-padding-x + $custom-select-indicator-padding;\n}\n\n\n// Prepend and append rounded corners\n//\n// These rulesets must come after the sizing ones to properly override sm and lg\n// border-radius values when extending. They're more specific than we'd like\n// with the `.#{$prefix}input-group >` part, but without it, we cannot override the sizing.\n\n\n.#{$prefix}input-group > .#{$prefix}input-group-prepend > .#{$prefix}btn,\n.#{$prefix}input-group > .#{$prefix}input-group-prepend > .#{$prefix}input-group-text,\n.#{$prefix}input-group > .#{$prefix}input-group-append:not(:last-child) > .#{$prefix}btn,\n.#{$prefix}input-group > .#{$prefix}input-group-append:not(:last-child) > .#{$prefix}input-group-text,\n.#{$prefix}input-group > .#{$prefix}input-group-append:last-child > .#{$prefix}btn:not(:last-child):not(.dropdown-toggle),\n.#{$prefix}input-group > .#{$prefix}input-group-append:last-child > .#{$prefix}input-group-text:not(:last-child) {\n  @include border-right-radius(0);\n}\n\n.#{$prefix}input-group > .#{$prefix}input-group-append > .#{$prefix}btn,\n.#{$prefix}input-group > .#{$prefix}input-group-append > .#{$prefix}input-group-text,\n.#{$prefix}input-group > .#{$prefix}input-group-prepend:not(:first-child) > .#{$prefix}btn,\n.#{$prefix}input-group > .#{$prefix}input-group-prepend:not(:first-child) > .#{$prefix}input-group-text,\n.#{$prefix}input-group > .#{$prefix}input-group-prepend:first-child > .#{$prefix}btn:not(:first-child),\n.#{$prefix}input-group > .#{$prefix}input-group-prepend:first-child > .#{$prefix}input-group-text:not(:first-child) {\n  @include border-left-radius(0);\n}\n","$input-margin-y: 4px;\n$custom-input-line-height: 20px;\n$custom-input-padding-y: 8px;\n$custom-input-padding-x: 12px;\n$custom-input-file-label-padding: 8px;\n\n// general form-control class for inputs (text, password, email, etc)\n.#{$prefix}form-control {\n  padding: $custom-input-padding-y $custom-input-padding-x;\n  margin-top: $input-margin-y;\n  margin-bottom: $input-margin-y;\n  line-height: $custom-input-line-height;\n  color: $dark;\n\n  &:hover:not(:disabled):not([readonly]) {\n    border: 1px solid $input-focus-border-color;\n  }\n\n  &:disabled,\n  &[readonly] {\n    color: $muted;\n    cursor: not-allowed;\n    background-color: $cloud;\n    border-color: $smoke;\n    outline: none;\n    box-shadow: none;\n  }\n\n  &:focus:not(:disabled):not([readonly]) {\n    color: $dark;\n  }\n\n  &.prefix-icon {\n    padding-left: 36px;\n  }\n\n  &.suffix-icon {\n    padding-right: 36px;\n  }\n\n  &.with-reset-icon, // will be deprecated in future version\n  &.suffix-icon--double {\n    padding-right: 36px;\n    &.suffix-icon {\n      padding-right: 72px;\n    }\n  }\n\n  &.is-invalid,\n  &:invalid {\n    border-color: $danger;\n  }\n}\n\n//plain text class\n.#{$prefix}form-control-plaintext {\n  &:focus {\n    outline: none;\n    box-shadow: none;\n  }\n}\n\n// supress magrin on .#{$prefix}form-group labels\n.#{$prefix}form-group {\n  label {\n    margin-bottom: 0;\n  }\n}\n\n// supress margin on labels inside form-row\n.#{$prefix}form-row {\n  label {\n    margin-bottom: 0;\n  }\n}\n\n\n.#{$prefix}custom-select,\n.#{$prefix}custom-file-input {\n  height: $input-height;\n  padding: $custom-select-padding-y 8px $custom-select-padding-y 12px;\n  margin: $input-margin-y 0;\n  line-height: $custom-input-line-height;\n  color: $dark;\n\n  &:hover:not(:disabled) {\n    cursor: pointer;\n    border: 1px solid $input-focus-border-color;\n  }\n\n  &:focus {\n    box-shadow: $input-focus-box-shadow;\n  }\n\n  &:disabled {\n    color: $muted;\n    cursor: not-allowed;\n    background-color: $cloud;\n    border-color: $smoke;\n  }\n\n  &:not(:focus):invalid {\n    color: $text-muted;\n  }\n}\n\n// custom file input\ninput[type=\"file\"] { // stylelint-disable-line selector-no-qualifying-type\n  cursor: pointer;\n}\ninput[type=\"file\"]::-webkit-file-upload-button { // stylelint-disable-line selector-no-qualifying-type\n  cursor: pointer;\n}\n.#{$prefix}custom-file {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  height: auto;\n  margin-bottom: 20px;\n  &:hover .#{$prefix}custom-file-label::before {\n    border: 1px solid $muted;\n  }\n  .#{$prefix}form-text {\n    margin-top: 4px;\n  }\n}\n.#{$prefix}custom-file ~ .#{$prefix}custom-file-list-wrapper {\n  margin-bottom: 12px;\n}\n\n.#{$prefix}custom-file-input {\n  margin: 0;\n}\n\n.#{$prefix}custom-file-label {\n  display: flex;\n  align-items: flex-end;\n  height: 38px;\n  padding: $custom-input-padding-y $custom-input-padding-x;\n  margin-bottom: 0;\n  color: $muted;\n\n  &::after {\n    display: none;\n  }\n\n  // visualize Choose File button\n  &::before {\n    position: relative;\n    top: 3px;\n    bottom: 0;\n    z-index: 3;\n    display: flex;\n    align-items: center;\n    height: 24px;\n    padding: 2px 8px;\n    margin-right: 12px;\n    line-height: $custom-input-line-height;\n    color: $slate;\n    content: \"Choose File\";\n    background-color: $snow;\n    border: 1px solid $smoke;\n    // stylelint-disable-next-line property-blacklist\n    border-radius: 4px;\n  }\n}\n\n//input text helper for validation, and normal case (form-text)\n.valid-feedback,\n.invalid-feedback {\n  font-size: 12px;\n}\n\n.#{$prefix}form-group-label {\n  margin-bottom: 0;\n  font-weight: 600;\n  line-height: $custom-input-line-height;\n}\n\n.#{$prefix}custom-control {\n  margin-bottom: 4px;\n}\n\n.#{$prefix}form-group-label + .#{$prefix}custom-control,\n.#{$prefix}form-group-label + .#{$prefix}custom-file {\n  margin-top: 4px;\n}\n\n//special case for checkbox and radio\n//checkboxes & radios are to use .#{$prefix}custom-control-input (NOT .#{$prefix}form-check) to have customize checkbox & radio\n.#{$prefix}custom-control-input {\n  &:focus {\n    box-shadow: $custom-control-indicator-focus-box-shadow;\n  }\n\n  &:hover ~ .#{$prefix}custom-control-label::before {\n    cursor: pointer;\n    border-color: $input-focus-border-color;\n  }\n\n  &:hover ~ .#{$prefix}custom-control-label::after,\n  &:hover ~ .#{$prefix}custom-control-label {\n    cursor: pointer;\n  }\n\n  &:disabled ~ .#{$prefix}custom-control-label::after{\n    cursor: not-allowed;\n    border: none;\n  }\n\n  &:disabled ~ .#{$prefix}custom-control-label::before{\n    cursor: not-allowed;\n    background-color: $cloud !important; // stylelint-disable-line declaration-no-important\n    border: 1px solid $smoke !important; // stylelint-disable-line declaration-no-important\n  }\n\n  &:disabled ~ .#{$prefix}custom-control-label{\n    cursor: not-allowed;\n  }\n}\n\n.#{$prefix}custom-control-label {\n  font-weight: 400;\n  color: $dark;\n}\n\n.#{$prefix}custom-checkbox {\n  .#{$prefix}custom-control-label::before {\n    top: 0;\n  }\n  .#{$prefix}custom-control-label::after {\n    top: 0;\n    background: no-repeat 50%;\n  }\n  .#{$prefix}custom-control-input:disabled:checked ~ .#{$prefix}custom-control-label::after {\n    background: $custom-checkbox-indicator-icon-checked-inverse no-repeat 50%;\n  }\n  .#{$prefix}custom-control-input:disabled:indeterminate ~ .#{$prefix}custom-control-label::after {\n    background: $custom-checkbox-indicator-icon-indeterminate-inverse no-repeat 50%;\n  }\n}\n\n.#{$prefix}custom-radio {\n  .#{$prefix}custom-control-label::before {\n    top: 1px;\n  }\n  .#{$prefix}custom-control-label::after {\n    top: 1px;\n    background: no-repeat 100% / 100% 50%;\n  }\n  .#{$prefix}custom-control-input:disabled:checked ~ .#{$prefix}custom-control-label::after {\n    background: $custom-radio-indicator-icon-checked-inverse no-repeat 100% / 100% 50%;\n  }\n}\n\n.#{$prefix}custom-switch {\n  height: 24px;\n  padding-left: 52px;\n  line-height: 24px;\n  .#{$prefix}custom-control-label {\n    &::before {\n      top: 0;\n      left: -52px;\n      width: 40px;\n      height: 24px;\n      background-color: $smoke;\n      border: none;\n      border-radius: 24px; // stylelint-disable-line property-blacklist\n    }\n    &::after {\n      top: 2px;\n      left: -50px;\n      width: 20px;\n      height: 20px;\n      background-color: $white;\n      border-radius: 50%; // stylelint-disable-line property-blacklist\n      transition: transform .2s; // stylelint-disable-line property-blacklist\n    }\n  }\n  .#{$prefix}custom-control-input:checked ~ .#{$prefix}custom-control-label {\n    &::before {\n      background-color: $link;\n    }\n    &::after {\n      transform: translateX(1rem);\n    }\n  }\n  @each $color, $value in $theme-colors {\n    &.#{$prefix}custom-switch-#{$color} {\n      .#{$prefix}custom-control-input:checked ~ .#{$prefix}custom-control-label {\n        &::before {\n          background: $value;\n        }\n      }\n      .#{$prefix}custom-control-input:not(:disabled):active ~ .#{$prefix}custom-control-label::before {\n        background: $value;\n      }\n      .#{$prefix}custom-control-input:focus ~ .#{$prefix}custom-control-label::before {\n        box-shadow: 0 0 0 .2rem lighten($value, 35%);\n      }\n    }\n  }\n  &--small {\n    height: 20px;\n    padding-left: 48px;\n    line-height: 20px;\n    .#{$prefix}custom-control-label {\n      &::before {\n        left: -48px;\n        width: 34px;\n        height: 20px;\n      }\n      &::after {\n        left: -46px;\n        width: 16px;\n        height: 16px;\n      }\n    }\n    .#{$prefix}custom-control-input:checked ~ .#{$prefix}custom-control-label {\n      &::after {\n        transform: translateX(14px);\n      }\n    }\n  }\n}\n\n// to make sure checkbox & radio have 4px margin bottom\n.#{$prefix}form-check {\n  margin-bottom: $input-margin-y;\n}\n\n// stylelint-disable-next-line selector-no-qualifying-type\ntextarea.#{$prefix}form-control {\n  min-width: 184px;\n  height: 80px;\n  min-height: 38px;\n  max-height: 200px;\n  padding-right: 12px;\n  padding-left: 12px;\n  @include scroll-default;\n}\n\n// text helper class in Bootstrap\n.#{$prefix}form-text {\n  font-size: 12px;\n  color: $slate;\n}\n\n// input groups classess\n.#{$prefix}input-group {\n  margin-top: $input-margin-y;\n  margin-bottom: $input-margin-y;\n\n  .#{$prefix}form-control {\n    margin-top: 0;\n    margin-bottom: 0;\n  }\n\n  .valid-feedback,\n  .invalid-feedback {\n    margin-top: 4px;\n  }\n}\n\n/* stylelint-disable property-no-vendor-prefix */\n.#{$prefix}custom-select,\n.#{$prefix}custom-select-sm {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n}\n/* stylelint-enable property-no-vendor-prefix */\n\n.#{$prefix}form-xs {\n  width: 80px;\n  max-width: 80px;\n}\n\n.#{$prefix}form-sm {\n  width: 184px;\n  max-width: 184px;\n}\n\n.#{$prefix}form-md {\n  width: 288px;\n  max-width: 288px;\n}\n\n.#{$prefix}form-lg {\n  width: 392px;\n  max-width: 392px;\n}\n\n.#{$prefix}form-xl {\n  width: 600px;\n  max-width: 600px;\n}\n\n.#{$prefix}counter-label {\n  float: right;\n  font-weight: $font-weight-normal;\n}\n\n.#{$prefix}input-group-text {\n  display: flex;\n  align-items: center;\n  padding: $input-padding-y $input-padding-x;\n  margin-bottom: 0; // Allow use of <label> elements by overriding our default margin-bottom\n  @include font-size($input-font-size); // Match inputs\n  font-weight: $font-weight-normal;\n  line-height: $input-line-height;\n  color: $input-group-addon-color;\n  text-align: center;\n  white-space: nowrap;\n  background-color: $input-group-addon-bg;\n  border: $input-border-width solid $input-group-addon-border-color;\n  @include border-radius($input-border-radius);\n}\n\n.input-date-picker, // will be deprecated in future version\n.input-no-readonly {\n  color: $dark !important; // stylelint-disable-line declaration-no-important\n  cursor: pointer !important; // stylelint-disable-line declaration-no-important\n  background-color: $white !important; // stylelint-disable-line declaration-no-important\n  &:hover:not(:disabled) {\n    border: 1px solid $input-focus-border-color;\n  }\n}\n\n.input-with-icon-container { // will be deprecated in future version\n  position: relative;\n}\n","@mixin scroll-default {\n  &::-webkit-scrollbar {\n    width: 12px;\n    background-color: transparent;\n  }\n\n  &::-webkit-scrollbar-thumb {\n    background-color: $slate;\n    background-clip: padding-box;\n    border: 4px solid transparent;\n    @include border-radius(16px);\n  }\n\n  &::-webkit-scrollbar-track {\n    background-color: $white;\n    @include border-radius(4px);\n  }\n}\n"]}

data/lib/assets/stylesheets/css/components/mekari-ui-form.css

@@ -1321,15 +1321,12 @@ input[type="file"]::-webkit-file-upload-button {
   color: #212121;
 }
 
-.custom-control-label::before {
-  top: 1px;
-}
-
-.custom-control-label::after {
-  top: 1px;
+.custom-checkbox .custom-control-label::before {
+  top: 0;
 }
 
 .custom-checkbox .custom-control-label::after {
+  top: 0;
   background: no-repeat 50%;
 }
 
@@ -1341,7 +1338,12 @@ input[type="file"]::-webkit-file-upload-button {
   background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-1 -1 6 6'%3e%3cpath stroke='%23b4b4b4' d='M0 2h4'/%3e%3c/svg%3e") no-repeat 50%;
 }
 
+.custom-radio .custom-control-label::before {
+  top: 1px;
+}
+
 .custom-radio .custom-control-label::after {
+  top: 1px;
   background: no-repeat 100% / 100% 50%;
 }
 
@@ -1349,6 +1351,266 @@ input[type="file"]::-webkit-file-upload-button {
   background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23b4b4b4'/%3e%3c/svg%3e") no-repeat 100%/100% 50%;
 }
 
+.custom-switch {
+  height: 24px;
+  padding-left: 52px;
+  line-height: 24px;
+}
+
+.custom-switch .custom-control-label::before {
+  top: 0;
+  left: -52px;
+  width: 40px;
+  height: 24px;
+  background-color: #e2e2e2;
+  border: none;
+  border-radius: 24px;
+}
+
+.custom-switch .custom-control-label::after {
+  top: 2px;
+  left: -50px;
+  width: 20px;
+  height: 20px;
+  background-color: #fff;
+  border-radius: 50%;
+  transition: transform .2s;
+}
+
+.custom-switch .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #1357ff;
+}
+
+.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
+  transform: translateX(1rem);
+}
+
+.custom-switch.custom-switch-danger .custom-control-input:checked ~ .custom-control-label::before {
+  background: #d74022;
+}
+
+.custom-switch.custom-switch-danger .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
+  background: #d74022;
+}
+
+.custom-switch.custom-switch-danger .custom-control-input:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 0.2rem #f4c2b8;
+}
+
+.custom-switch.custom-switch-success .custom-control-input:checked ~ .custom-control-label::before {
+  background: #009f61;
+}
+
+.custom-switch.custom-switch-success .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
+  background: #009f61;
+}
+
+.custom-switch.custom-switch-success .custom-control-input:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 0.2rem #53ffbc;
+}
+
+.custom-switch.custom-switch-info .custom-control-input:checked ~ .custom-control-label::before {
+  background: #ffeb99;
+}
+
+.custom-switch.custom-switch-info .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
+  background: #ffeb99;
+}
+
+.custom-switch.custom-switch-info .custom-control-input:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 0.2rem white;
+}
+
+.custom-switch.custom-switch-warning .custom-control-input:checked ~ .custom-control-label::before {
+  background: #ffb700;
+}
+
+.custom-switch.custom-switch-warning .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
+  background: #ffb700;
+}
+
+.custom-switch.custom-switch-warning .custom-control-input:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 0.2rem #ffe9b3;
+}
+
+.custom-switch.custom-switch-primary .custom-control-input:checked ~ .custom-control-label::before {
+  background: #005fbf;
+}
+
+.custom-switch.custom-switch-primary .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
+  background: #005fbf;
+}
+
+.custom-switch.custom-switch-primary .custom-control-input:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 0.2rem #73b8ff;
+}
+
+.custom-switch.custom-switch-jurnal .custom-control-input:checked ~ .custom-control-label::before {
+  background: #009bde;
+}
+
+.custom-switch.custom-switch-jurnal .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
+  background: #009bde;
+}
+
+.custom-switch.custom-switch-jurnal .custom-control-input:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 0.2rem #92deff;
+}
+
+.custom-switch.custom-switch-talenta .custom-control-input:checked ~ .custom-control-label::before {
+  background: #c02a34;
+}
+
+.custom-switch.custom-switch-talenta .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
+  background: #c02a34;
+}
+
+.custom-switch.custom-switch-talenta .custom-control-input:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 0.2rem #eeafb3;
+}
+
+.custom-switch.custom-switch-klikpajak .custom-control-input:checked ~ .custom-control-label::before {
+  background: #f96d01;
+}
+
+.custom-switch.custom-switch-klikpajak .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
+  background: #f96d01;
+}
+
+.custom-switch.custom-switch-klikpajak .custom-control-input:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 0.2rem #ffd1ae;
+}
+
+.custom-switch.custom-switch-mekari .custom-control-input:checked ~ .custom-control-label::before {
+  background: #6d48e5;
+}
+
+.custom-switch.custom-switch-mekari .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
+  background: #6d48e5;
+}
+
+.custom-switch.custom-switch-mekari .custom-control-input:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 0.2rem #eae4fb;
+}
+
+.custom-switch.custom-switch-dark .custom-control-input:checked ~ .custom-control-label::before {
+  background: #212121;
+}
+
+.custom-switch.custom-switch-dark .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
+  background: #212121;
+}
+
+.custom-switch.custom-switch-dark .custom-control-input:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 0.2rem #7a7a7a;
+}
+
+.custom-switch.custom-switch-slate .custom-control-input:checked ~ .custom-control-label::before {
+  background: #777;
+}
+
+.custom-switch.custom-switch-slate .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
+  background: #777;
+}
+
+.custom-switch.custom-switch-slate .custom-control-input:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 0.2rem #d0d0d0;
+}
+
+.custom-switch.custom-switch-muted .custom-control-input:checked ~ .custom-control-label::before {
+  background: #b4b4b4;
+}
+
+.custom-switch.custom-switch-muted .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
+  background: #b4b4b4;
+}
+
+.custom-switch.custom-switch-muted .custom-control-input:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 0.2rem white;
+}
+
+.custom-switch.custom-switch-smoke .custom-control-input:checked ~ .custom-control-label::before {
+  background: #e2e2e2;
+}
+
+.custom-switch.custom-switch-smoke .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
+  background: #e2e2e2;
+}
+
+.custom-switch.custom-switch-smoke .custom-control-input:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 0.2rem white;
+}
+
+.custom-switch.custom-switch-light .custom-control-input:checked ~ .custom-control-label::before {
+  background: #fbfbfb;
+}
+
+.custom-switch.custom-switch-light .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
+  background: #fbfbfb;
+}
+
+.custom-switch.custom-switch-light .custom-control-input:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 0.2rem white;
+}
+
+.custom-switch.custom-switch-cloud .custom-control-input:checked ~ .custom-control-label::before {
+  background: #f2f4f7;
+}
+
+.custom-switch.custom-switch-cloud .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
+  background: #f2f4f7;
+}
+
+.custom-switch.custom-switch-cloud .custom-control-input:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 0.2rem white;
+}
+
+.custom-switch.custom-switch-link .custom-control-input:checked ~ .custom-control-label::before {
+  background: #1357ff;
+}
+
+.custom-switch.custom-switch-link .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
+  background: #1357ff;
+}
+
+.custom-switch.custom-switch-link .custom-control-input:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 0.2rem #c6d6ff;
+}
+
+.custom-switch.custom-switch-white .custom-control-input:checked ~ .custom-control-label::before {
+  background: #fff;
+}
+
+.custom-switch.custom-switch-white .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
+  background: #fff;
+}
+
+.custom-switch.custom-switch-white .custom-control-input:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 0.2rem white;
+}
+
+.custom-switch--small {
+  height: 20px;
+  padding-left: 48px;
+  line-height: 20px;
+}
+
+.custom-switch--small .custom-control-label::before {
+  left: -48px;
+  width: 34px;
+  height: 20px;
+}
+
+.custom-switch--small .custom-control-label::after {
+  left: -46px;
+  width: 16px;
+  height: 16px;
+}
+
+.custom-switch--small .custom-control-input:checked ~ .custom-control-label::after {
+  transform: translateX(14px);
+}
+
 .form-check {
   margin-bottom: 4px;
 }