mekari_ui_toolkit 1.0.2 → 1.0.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +4 -4
- data/lib/assets/javascripts/bootstrap/mekari-ui-alert.js +1 -1
- data/lib/assets/javascripts/bootstrap/mekari-ui-alert.min.js +2 -2
- data/lib/assets/javascripts/bootstrap/mekari-ui-button.js +1 -1
- data/lib/assets/javascripts/bootstrap/mekari-ui-button.min.js +2 -2
- data/lib/assets/javascripts/bootstrap/mekari-ui-carousel.js +1 -1
- data/lib/assets/javascripts/bootstrap/mekari-ui-carousel.min.js +2 -2
- data/lib/assets/javascripts/bootstrap/mekari-ui-collapse.js +1 -1
- data/lib/assets/javascripts/bootstrap/mekari-ui-collapse.min.js +2 -2
- data/lib/assets/javascripts/bootstrap/mekari-ui-dropdown.js +1 -1
- data/lib/assets/javascripts/bootstrap/mekari-ui-dropdown.min.js +2 -2
- data/lib/assets/javascripts/bootstrap/mekari-ui-modal.js +1 -1
- data/lib/assets/javascripts/bootstrap/mekari-ui-modal.min.js +2 -2
- data/lib/assets/javascripts/bootstrap/mekari-ui-popover.js +1 -1
- data/lib/assets/javascripts/bootstrap/mekari-ui-popover.min.js +2 -2
- data/lib/assets/javascripts/bootstrap/mekari-ui-scrollspy.js +1 -1
- data/lib/assets/javascripts/bootstrap/mekari-ui-scrollspy.min.js +2 -2
- data/lib/assets/javascripts/bootstrap/mekari-ui-tab.js +1 -1
- data/lib/assets/javascripts/bootstrap/mekari-ui-tab.min.js +2 -2
- data/lib/assets/javascripts/bootstrap/mekari-ui-tooltip.js +1 -1
- data/lib/assets/javascripts/bootstrap/mekari-ui-tooltip.min.js +2 -2
- data/lib/assets/javascripts/bootstrap/mekari-ui-util.js +1 -1
- data/lib/assets/javascripts/bootstrap/mekari-ui-util.min.js +1 -1
- data/lib/assets/javascripts/mekari-ui.bundle.js +1 -1
- data/lib/assets/javascripts/mekari-ui.bundle.min.js +1 -1
- data/lib/assets/javascripts/mekari-ui.js +1 -1
- data/lib/assets/javascripts/mekari-ui.min.js +1 -1
- data/lib/assets/stylesheets/css/components/mekari-ui-alert-min.css +1 -1
- data/lib/assets/stylesheets/css/components/mekari-ui-alert-min.css.map +1 -1
- data/lib/assets/stylesheets/css/components/mekari-ui-alert.css +4 -0
- data/lib/assets/stylesheets/css/components/mekari-ui-alert.css.map +1 -1
- data/lib/assets/stylesheets/css/components/mekari-ui-avatar-min.css +1 -1
- data/lib/assets/stylesheets/css/components/mekari-ui-avatar-min.css.map +1 -1
- data/lib/assets/stylesheets/css/components/mekari-ui-avatar.css +24 -0
- data/lib/assets/stylesheets/css/components/mekari-ui-avatar.css.map +1 -1
- data/lib/assets/stylesheets/css/components/mekari-ui-button-min.css +1 -1
- data/lib/assets/stylesheets/css/components/mekari-ui-button-min.css.map +1 -1
- data/lib/assets/stylesheets/css/components/mekari-ui-button.css +12 -12
- data/lib/assets/stylesheets/css/components/mekari-ui-button.css.map +1 -1
- data/lib/assets/stylesheets/css/components/mekari-ui-dropdown-min.css.map +1 -1
- data/lib/assets/stylesheets/css/components/mekari-ui-dropdown.css.map +1 -1
- data/lib/assets/stylesheets/css/components/mekari-ui-form-min.css +1 -1
- data/lib/assets/stylesheets/css/components/mekari-ui-form-min.css.map +1 -1
- data/lib/assets/stylesheets/css/components/mekari-ui-form.css +8 -0
- data/lib/assets/stylesheets/css/components/mekari-ui-form.css.map +1 -1
- data/lib/assets/stylesheets/css/components/mekari-ui-icons-min.css +1 -1
- data/lib/assets/stylesheets/css/components/mekari-ui-icons-min.css.map +1 -1
- data/lib/assets/stylesheets/css/components/mekari-ui-icons.css +18 -1
- data/lib/assets/stylesheets/css/components/mekari-ui-icons.css.map +1 -1
- data/lib/assets/stylesheets/css/components/mekari-ui-modal-min.css.map +1 -1
- data/lib/assets/stylesheets/css/components/mekari-ui-modal.css.map +1 -1
- data/lib/assets/stylesheets/css/components/mekari-ui-navbar-min.css +1 -1
- data/lib/assets/stylesheets/css/components/mekari-ui-navbar-min.css.map +1 -1
- data/lib/assets/stylesheets/css/components/mekari-ui-navbar.css +2 -2
- data/lib/assets/stylesheets/css/components/mekari-ui-navbar.css.map +1 -1
- data/lib/assets/stylesheets/css/components/mekari-ui-reboot-bootstrap-min.css.map +1 -1
- data/lib/assets/stylesheets/css/components/mekari-ui-reboot-bootstrap.css.map +1 -1
- data/lib/assets/stylesheets/css/components/mekari-ui-shimmer-min.css +2 -0
- data/lib/assets/stylesheets/css/components/mekari-ui-shimmer-min.css.map +1 -0
- data/lib/assets/stylesheets/css/components/mekari-ui-shimmer.css +28 -0
- data/lib/assets/stylesheets/css/components/mekari-ui-shimmer.css.map +1 -0
- data/lib/assets/stylesheets/css/components/mekari-ui-tabs-min.css +1 -1
- data/lib/assets/stylesheets/css/components/mekari-ui-tabs-min.css.map +1 -1
- data/lib/assets/stylesheets/css/components/mekari-ui-tabs.css +68 -0
- data/lib/assets/stylesheets/css/components/mekari-ui-tabs.css.map +1 -1
- data/lib/assets/stylesheets/css/components/mekari-ui-tooltip-min.css.map +1 -1
- data/lib/assets/stylesheets/css/components/mekari-ui-tooltip.css.map +1 -1
- data/lib/assets/stylesheets/css/full-bundle/mekari-ui.css +164 -15
- data/lib/assets/stylesheets/css/full-bundle/mekari-ui.css.map +1 -1
- data/lib/assets/stylesheets/css/full-bundle/mekari-ui.min.css +1 -1
- data/lib/assets/stylesheets/css/full-bundle/mekari-ui.min.css.map +1 -1
- data/lib/assets/stylesheets/scss/_settings.scss +1 -0
- data/lib/assets/stylesheets/scss/base/_fonts.scss +4 -1
- data/lib/assets/stylesheets/scss/components/config/_alert.scss +3 -0
- data/lib/assets/stylesheets/scss/components/config/_avatar.scss +5 -0
- data/lib/assets/stylesheets/scss/components/config/_button.scss +11 -12
- data/lib/assets/stylesheets/scss/components/config/_form.scss +6 -0
- data/lib/assets/stylesheets/scss/components/config/_icons.scss +13 -2
- data/lib/assets/stylesheets/scss/components/config/_shimmer.scss +16 -0
- data/lib/assets/stylesheets/scss/components/config/_tabs.scss +10 -0
- data/lib/assets/stylesheets/scss/components/shimmer.scss +3 -0
- data/lib/assets/stylesheets/scss/main.scss +2 -0
- data/lib/assets/stylesheets/scss/vendor-extensions/_navbar.scss +2 -2
- data/lib/assets/stylesheets/scss/vendors/_button-group.scss +1 -1
- data/lib/assets/stylesheets/scss/vendors/_dropdown.scss +1 -1
- data/lib/assets/stylesheets/scss/vendors/_modal.scss +4 -4
- data/lib/assets/stylesheets/scss/vendors/_nav.scss +2 -2
- data/lib/assets/stylesheets/scss/vendors/_navbar.scss +4 -4
- data/lib/assets/stylesheets/scss/vendors/_tooltip.scss +1 -1
- data/lib/assets/stylesheets/scss/vendors/_transitions.scss +5 -5
- data/lib/assets/stylesheets/scss/vendors/mixins/_buttons.scss +2 -2
- data/lib/assets/stylesheets/webfonts/Mekari-Icon-Regular.eot +0 -0
- data/lib/assets/stylesheets/webfonts/Mekari-Icon-Regular.svg +2 -1
- data/lib/assets/stylesheets/webfonts/Mekari-Icon-Regular.ttf +0 -0
- data/lib/assets/stylesheets/webfonts/Mekari-Icon-Regular.woff +0 -0
- data/lib/mekari_ui_toolkit/version.rb +1 -1
- metadata +9 -3
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 8224174a4686f0b41e2a0bb7dfd356f2d6f0b6a8c0ea0305211e8d97fbf0a7ff
|
|
4
|
+
data.tar.gz: 14f0533639ed0c977f1f4b6ac8482278cb5b7c14b41f5ebd652c2a777fb54ee3
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 9a70baee00f0b988c313b33178bfef45e091d2907302448c30a1a4d06df9d61ce877cf58c1f12bfb0f381c55c8067300c5701f7d21d09ef86559077c00f95916
|
|
7
|
+
data.tar.gz: b5dfb905b2f85a62e409d6c8aac4d6426871e803cabb81b46cfe225e19ae6fa1e194d6cd90dad92786a52f971eb0cb3634469da698a456964f652eec7359cd0f
|
|
@@ -3,7 +3,7 @@ function _defineProperties(target, props) { for (var i = 0; i < props.length; i+
|
|
|
3
3
|
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
|
|
4
4
|
|
|
5
5
|
/*!
|
|
6
|
-
* Mekari UI alert.js v1.0.
|
|
6
|
+
* Mekari UI alert.js v1.0.10 (https://bitbucket.org/mekariuitoolkit/mekari-ui-toolkit#readme)
|
|
7
7
|
* Copyright 2011-2020 Mekari
|
|
8
8
|
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
|
9
9
|
*/
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
function _defineProperties(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function _createClass(e,t,n){return t&&_defineProperties(e.prototype,t),n&&_defineProperties(e,n),e}
|
|
2
2
|
/*!
|
|
3
|
-
* Mekari UI alert.js v1.0.
|
|
3
|
+
* Mekari UI alert.js v1.0.10 (https://bitbucket.org/mekariuitoolkit/mekari-ui-toolkit#readme)
|
|
4
4
|
* Copyright 2011-2020 Mekari
|
|
5
5
|
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
|
6
6
|
*/
|
|
7
7
|
/*!
|
|
8
|
-
* Mekari UI alert.js v1.0.
|
|
8
|
+
* Mekari UI alert.js v1.0.10 (https://bitbucket.org/mekariuitoolkit/mekari-ui-toolkit#readme)
|
|
9
9
|
* Copyright 2011-2020 Mekari
|
|
10
10
|
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
|
11
11
|
*/
|
|
@@ -3,7 +3,7 @@ function _defineProperties(target, props) { for (var i = 0; i < props.length; i+
|
|
|
3
3
|
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
|
|
4
4
|
|
|
5
5
|
/*!
|
|
6
|
-
* Mekari UI button.js v1.0.
|
|
6
|
+
* Mekari UI button.js v1.0.10 (https://bitbucket.org/mekariuitoolkit/mekari-ui-toolkit#readme)
|
|
7
7
|
* Copyright 2011-2020 Mekari
|
|
8
8
|
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
|
9
9
|
*/
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
function _defineProperties(e,t){for(var n=0;n<t.length;n++){var a=t[n];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(e,a.key,a)}}function _createClass(e,t,n){return t&&_defineProperties(e.prototype,t),n&&_defineProperties(e,n),e}
|
|
2
2
|
/*!
|
|
3
|
-
* Mekari UI button.js v1.0.
|
|
3
|
+
* Mekari UI button.js v1.0.10 (https://bitbucket.org/mekariuitoolkit/mekari-ui-toolkit#readme)
|
|
4
4
|
* Copyright 2011-2020 Mekari
|
|
5
5
|
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
|
6
6
|
*/
|
|
7
7
|
/*!
|
|
8
|
-
* Mekari UI button.js v1.0.
|
|
8
|
+
* Mekari UI button.js v1.0.10 (https://bitbucket.org/mekariuitoolkit/mekari-ui-toolkit#readme)
|
|
9
9
|
* Copyright 2011-2020 Mekari
|
|
10
10
|
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
|
11
11
|
*/
|
|
@@ -9,7 +9,7 @@ function _defineProperties(target, props) { for (var i = 0; i < props.length; i+
|
|
|
9
9
|
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
|
|
10
10
|
|
|
11
11
|
/*!
|
|
12
|
-
* Mekari UI carousel.js v1.0.
|
|
12
|
+
* Mekari UI carousel.js v1.0.10 (https://bitbucket.org/mekariuitoolkit/mekari-ui-toolkit#readme)
|
|
13
13
|
* Copyright 2011-2020 Mekari
|
|
14
14
|
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
|
15
15
|
*/
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
function ownKeys(e,t){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),i.push.apply(i,n)}return i}function _objectSpread(e){for(var t=1;t<arguments.length;t++){var i=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(i,!0).forEach(function(t){_defineProperty(e,t,i[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):ownKeys(i).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(i,t))})}return e}function _defineProperty(e,t,i){return t in e?Object.defineProperty(e,t,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[t]=i,e}function _defineProperties(e,t){for(var i=0;i<t.length;i++){var n=t[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function _createClass(e,t,i){return t&&_defineProperties(e.prototype,t),i&&_defineProperties(e,i),e}
|
|
2
2
|
/*!
|
|
3
|
-
* Mekari UI carousel.js v1.0.
|
|
3
|
+
* Mekari UI carousel.js v1.0.10 (https://bitbucket.org/mekariuitoolkit/mekari-ui-toolkit#readme)
|
|
4
4
|
* Copyright 2011-2020 Mekari
|
|
5
5
|
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
|
6
6
|
*/
|
|
7
7
|
/*!
|
|
8
|
-
* Mekari UI carousel.js v1.0.
|
|
8
|
+
* Mekari UI carousel.js v1.0.10 (https://bitbucket.org/mekariuitoolkit/mekari-ui-toolkit#readme)
|
|
9
9
|
* Copyright 2011-2020 Mekari
|
|
10
10
|
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
|
11
11
|
*/
|
|
@@ -9,7 +9,7 @@ function _defineProperties(target, props) { for (var i = 0; i < props.length; i+
|
|
|
9
9
|
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
|
|
10
10
|
|
|
11
11
|
/*!
|
|
12
|
-
* Mekari UI collapse.js v1.0.
|
|
12
|
+
* Mekari UI collapse.js v1.0.10 (https://bitbucket.org/mekariuitoolkit/mekari-ui-toolkit#readme)
|
|
13
13
|
* Copyright 2011-2020 Mekari
|
|
14
14
|
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
|
15
15
|
*/
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function _objectSpread(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(n,!0).forEach(function(t){_defineProperty(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(n).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}function _defineProperty(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function _defineProperties(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function _createClass(e,t,n){return t&&_defineProperties(e.prototype,t),n&&_defineProperties(e,n),e}
|
|
2
2
|
/*!
|
|
3
|
-
* Mekari UI collapse.js v1.0.
|
|
3
|
+
* Mekari UI collapse.js v1.0.10 (https://bitbucket.org/mekariuitoolkit/mekari-ui-toolkit#readme)
|
|
4
4
|
* Copyright 2011-2020 Mekari
|
|
5
5
|
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
|
6
6
|
*/
|
|
7
7
|
/*!
|
|
8
|
-
* Mekari UI collapse.js v1.0.
|
|
8
|
+
* Mekari UI collapse.js v1.0.10 (https://bitbucket.org/mekariuitoolkit/mekari-ui-toolkit#readme)
|
|
9
9
|
* Copyright 2011-2020 Mekari
|
|
10
10
|
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
|
11
11
|
*/
|
|
@@ -9,7 +9,7 @@ function _defineProperties(target, props) { for (var i = 0; i < props.length; i+
|
|
|
9
9
|
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
|
|
10
10
|
|
|
11
11
|
/*!
|
|
12
|
-
* Mekari UI dropdown.js v1.0.
|
|
12
|
+
* Mekari UI dropdown.js v1.0.10 (https://bitbucket.org/mekariuitoolkit/mekari-ui-toolkit#readme)
|
|
13
13
|
* Copyright 2011-2020 Mekari
|
|
14
14
|
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
|
15
15
|
*/
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function _objectSpread(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(n,!0).forEach(function(t){_defineProperty(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(n).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}function _defineProperty(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function _defineProperties(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function _createClass(e,t,n){return t&&_defineProperties(e.prototype,t),n&&_defineProperties(e,n),e}
|
|
2
2
|
/*!
|
|
3
|
-
* Mekari UI dropdown.js v1.0.
|
|
3
|
+
* Mekari UI dropdown.js v1.0.10 (https://bitbucket.org/mekariuitoolkit/mekari-ui-toolkit#readme)
|
|
4
4
|
* Copyright 2011-2020 Mekari
|
|
5
5
|
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
|
6
6
|
*/
|
|
7
7
|
/*!
|
|
8
|
-
* Mekari UI dropdown.js v1.0.
|
|
8
|
+
* Mekari UI dropdown.js v1.0.10 (https://bitbucket.org/mekariuitoolkit/mekari-ui-toolkit#readme)
|
|
9
9
|
* Copyright 2011-2020 Mekari
|
|
10
10
|
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
|
11
11
|
*/
|
|
@@ -9,7 +9,7 @@ function _defineProperties(target, props) { for (var i = 0; i < props.length; i+
|
|
|
9
9
|
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
|
|
10
10
|
|
|
11
11
|
/*!
|
|
12
|
-
* Mekari UI modal.js v1.0.
|
|
12
|
+
* Mekari UI modal.js v1.0.10 (https://bitbucket.org/mekariuitoolkit/mekari-ui-toolkit#readme)
|
|
13
13
|
* Copyright 2011-2020 Mekari
|
|
14
14
|
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
|
15
15
|
*/
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
function ownKeys(e,t){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),i.push.apply(i,n)}return i}function _objectSpread(e){for(var t=1;t<arguments.length;t++){var i=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(i,!0).forEach(function(t){_defineProperty(e,t,i[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):ownKeys(i).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(i,t))})}return e}function _defineProperty(e,t,i){return t in e?Object.defineProperty(e,t,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[t]=i,e}function _defineProperties(e,t){for(var i=0;i<t.length;i++){var n=t[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function _createClass(e,t,i){return t&&_defineProperties(e.prototype,t),i&&_defineProperties(e,i),e}
|
|
2
2
|
/*!
|
|
3
|
-
* Mekari UI modal.js v1.0.
|
|
3
|
+
* Mekari UI modal.js v1.0.10 (https://bitbucket.org/mekariuitoolkit/mekari-ui-toolkit#readme)
|
|
4
4
|
* Copyright 2011-2020 Mekari
|
|
5
5
|
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
|
6
6
|
*/
|
|
7
7
|
/*!
|
|
8
|
-
* Mekari UI modal.js v1.0.
|
|
8
|
+
* Mekari UI modal.js v1.0.10 (https://bitbucket.org/mekariuitoolkit/mekari-ui-toolkit#readme)
|
|
9
9
|
* Copyright 2011-2020 Mekari
|
|
10
10
|
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
|
11
11
|
*/
|
|
@@ -11,7 +11,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
|
|
|
11
11
|
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
12
12
|
|
|
13
13
|
/*!
|
|
14
|
-
* Mekari UI popover.js v1.0.
|
|
14
|
+
* Mekari UI popover.js v1.0.10 (https://bitbucket.org/mekariuitoolkit/mekari-ui-toolkit#readme)
|
|
15
15
|
* Copyright 2011-2020 Mekari
|
|
16
16
|
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
|
17
17
|
*/
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
function _defineProperties(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function _createClass(e,t,n){return t&&_defineProperties(e.prototype,t),n&&_defineProperties(e,n),e}function _inheritsLoose(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,e.__proto__=t}function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function _objectSpread(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(n,!0).forEach(function(t){_defineProperty(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(n).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}function _defineProperty(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}
|
|
2
2
|
/*!
|
|
3
|
-
* Mekari UI popover.js v1.0.
|
|
3
|
+
* Mekari UI popover.js v1.0.10 (https://bitbucket.org/mekariuitoolkit/mekari-ui-toolkit#readme)
|
|
4
4
|
* Copyright 2011-2020 Mekari
|
|
5
5
|
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
|
6
6
|
*/
|
|
7
7
|
/*!
|
|
8
|
-
* Mekari UI popover.js v1.0.
|
|
8
|
+
* Mekari UI popover.js v1.0.10 (https://bitbucket.org/mekariuitoolkit/mekari-ui-toolkit#readme)
|
|
9
9
|
* Copyright 2011-2020 Mekari
|
|
10
10
|
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
|
11
11
|
*/
|
|
@@ -9,7 +9,7 @@ function _defineProperties(target, props) { for (var i = 0; i < props.length; i+
|
|
|
9
9
|
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
|
|
10
10
|
|
|
11
11
|
/*!
|
|
12
|
-
* Mekari UI scrollspy.js v1.0.
|
|
12
|
+
* Mekari UI scrollspy.js v1.0.10 (https://bitbucket.org/mekariuitoolkit/mekari-ui-toolkit#readme)
|
|
13
13
|
* Copyright 2011-2020 Mekari
|
|
14
14
|
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
|
15
15
|
*/
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
function ownKeys(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);e&&(i=i.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),r.push.apply(r,i)}return r}function _objectSpread(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(r,!0).forEach(function(e){_defineProperty(t,e,r[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):ownKeys(r).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))})}return t}function _defineProperty(t,e,r){return e in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function _defineProperties(t,e){for(var r=0;r<e.length;r++){var i=e[r];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(t,i.key,i)}}function _createClass(t,e,r){return e&&_defineProperties(t.prototype,e),r&&_defineProperties(t,r),t}
|
|
2
2
|
/*!
|
|
3
|
-
* Mekari UI scrollspy.js v1.0.
|
|
3
|
+
* Mekari UI scrollspy.js v1.0.10 (https://bitbucket.org/mekariuitoolkit/mekari-ui-toolkit#readme)
|
|
4
4
|
* Copyright 2011-2020 Mekari
|
|
5
5
|
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
|
6
6
|
*/
|
|
7
7
|
/*!
|
|
8
|
-
* Mekari UI scrollspy.js v1.0.
|
|
8
|
+
* Mekari UI scrollspy.js v1.0.10 (https://bitbucket.org/mekariuitoolkit/mekari-ui-toolkit#readme)
|
|
9
9
|
* Copyright 2011-2020 Mekari
|
|
10
10
|
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
|
11
11
|
*/
|
|
@@ -3,7 +3,7 @@ function _defineProperties(target, props) { for (var i = 0; i < props.length; i+
|
|
|
3
3
|
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
|
|
4
4
|
|
|
5
5
|
/*!
|
|
6
|
-
* Mekari UI tab.js v1.0.
|
|
6
|
+
* Mekari UI tab.js v1.0.10 (https://bitbucket.org/mekariuitoolkit/mekari-ui-toolkit#readme)
|
|
7
7
|
* Copyright 2011-2020 Mekari
|
|
8
8
|
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
|
9
9
|
*/
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
function _defineProperties(e,t){for(var a=0;a<t.length;a++){var n=t[a];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function _createClass(e,t,a){return t&&_defineProperties(e.prototype,t),a&&_defineProperties(e,a),e}
|
|
2
2
|
/*!
|
|
3
|
-
* Mekari UI tab.js v1.0.
|
|
3
|
+
* Mekari UI tab.js v1.0.10 (https://bitbucket.org/mekariuitoolkit/mekari-ui-toolkit#readme)
|
|
4
4
|
* Copyright 2011-2020 Mekari
|
|
5
5
|
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
|
6
6
|
*/
|
|
7
7
|
/*!
|
|
8
|
-
* Mekari UI tab.js v1.0.
|
|
8
|
+
* Mekari UI tab.js v1.0.10 (https://bitbucket.org/mekariuitoolkit/mekari-ui-toolkit#readme)
|
|
9
9
|
* Copyright 2011-2020 Mekari
|
|
10
10
|
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
|
11
11
|
*/
|
|
@@ -9,7 +9,7 @@ function _defineProperties(target, props) { for (var i = 0; i < props.length; i+
|
|
|
9
9
|
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
|
|
10
10
|
|
|
11
11
|
/*!
|
|
12
|
-
* Mekari UI tooltip.js v1.0.
|
|
12
|
+
* Mekari UI tooltip.js v1.0.10 (https://bitbucket.org/mekariuitoolkit/mekari-ui-toolkit#readme)
|
|
13
13
|
* Copyright 2011-2020 Mekari
|
|
14
14
|
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
|
15
15
|
*/
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
function ownKeys(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);e&&(i=i.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),n.push.apply(n,i)}return n}function _objectSpread(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(n,!0).forEach(function(e){_defineProperty(t,e,n[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):ownKeys(n).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})}return t}function _defineProperty(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function _defineProperties(t,e){for(var n=0;n<e.length;n++){var i=e[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(t,i.key,i)}}function _createClass(t,e,n){return e&&_defineProperties(t.prototype,e),n&&_defineProperties(t,n),t}
|
|
2
2
|
/*!
|
|
3
|
-
* Mekari UI tooltip.js v1.0.
|
|
3
|
+
* Mekari UI tooltip.js v1.0.10 (https://bitbucket.org/mekariuitoolkit/mekari-ui-toolkit#readme)
|
|
4
4
|
* Copyright 2011-2020 Mekari
|
|
5
5
|
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
|
6
6
|
*/
|
|
7
7
|
/*!
|
|
8
|
-
* Mekari UI tooltip.js v1.0.
|
|
8
|
+
* Mekari UI tooltip.js v1.0.10 (https://bitbucket.org/mekariuitoolkit/mekari-ui-toolkit#readme)
|
|
9
9
|
* Copyright 2011-2020 Mekari
|
|
10
10
|
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
|
11
11
|
*/
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* Mekari UI util.js v1.0.
|
|
2
|
+
* Mekari UI util.js v1.0.10 (https://bitbucket.org/mekariuitoolkit/mekari-ui-toolkit#readme)
|
|
3
3
|
* Copyright 2011-2020 Mekari
|
|
4
4
|
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
|
5
5
|
*/
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* Mekari UI util.js v1.0.
|
|
2
|
+
* Mekari UI util.js v1.0.10 (https://bitbucket.org/mekariuitoolkit/mekari-ui-toolkit#readme)
|
|
3
3
|
* Copyright 2011-2020 Mekari
|
|
4
4
|
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
|
5
5
|
*/
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* Mekari UI v1.0.
|
|
2
|
+
* Mekari UI v1.0.10 (https://bitbucket.org/mekariuitoolkit/mekari-ui-toolkit#readme)
|
|
3
3
|
* Copyright 2011-2020 Mekari
|
|
4
4
|
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
|
5
5
|
*/
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* Mekari UI v1.0.
|
|
2
|
+
* Mekari UI v1.0.10 (https://bitbucket.org/mekariuitoolkit/mekari-ui-toolkit#readme)
|
|
3
3
|
* Copyright 2011-2020 Mekari
|
|
4
4
|
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
|
5
5
|
*/
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* Mekari UI v1.0.
|
|
2
|
+
* Mekari UI v1.0.10 (https://bitbucket.org/mekariuitoolkit/mekari-ui-toolkit#readme)
|
|
3
3
|
* Copyright 2011-2020 Mekari
|
|
4
4
|
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
|
5
5
|
*/
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* Mekari UI v1.0.
|
|
2
|
+
* Mekari UI v1.0.10 (https://bitbucket.org/mekariuitoolkit/mekari-ui-toolkit#readme)
|
|
3
3
|
* Copyright 2011-2020 Mekari
|
|
4
4
|
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
|
5
5
|
*/
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
.close{float:right;font-size:1.3125rem;font-weight:500;line-height:1;color:#777;text-shadow:0 1px 0 #fff;opacity:.5}@media (max-width:1200px){.close{font-size:calc(1.25625rem + .075vw)}}.close:hover{color:#777;text-decoration:none}.close:not(:disabled):not(.disabled):focus,.close:not(:disabled):not(.disabled):hover{opacity:.75}button.close{padding:0;background-color:transparent;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}a.close.disabled{pointer-events:none}.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}}.alert{position:relative;padding:.75rem 1.25rem;margin-bottom:1rem;border:1px solid transparent;border-radius:4px}.alert-heading{color:inherit}.alert-link{font-weight:500}.alert-dismissible{padding-right:3.8125rem}.alert-dismissible .close{position:absolute;top:0;right:0;padding:.75rem 1.25rem;color:inherit}.alert-danger{color:#702112;background-color:#f7d9d3;border-color:#f4cac1}.alert-danger hr{border-top-color:#f0b7ab}.alert-danger .alert-link{color:#44140b}.alert-success{color:#005332;background-color:#ccecdf;border-color:#b8e4d3}.alert-success hr{border-top-color:#a6ddc8}.alert-success .alert-link{color:#002013}.alert-info{color:#857a50;background-color:#fffbeb;border-color:#fff9e2}.alert-info hr{border-top-color:#fff4c9}.alert-info .alert-link{color:#655d3d}.alert-warning{color:#855f00;background-color:#fff1cc;border-color:#ffebb8}.alert-warning hr{border-top-color:#ffe49f}.alert-warning .alert-link{color:#523b00}.alert-primary{color:#003163;background-color:#ccdff2;border-color:#b8d2ed}.alert-primary hr{border-top-color:#a4c5e8}.alert-primary .alert-link{color:#001830}.alert-jurnal{color:#005173;background-color:#ccebf8;border-color:#b8e3f6}.alert-jurnal hr{border-top-color:#a1daf3}.alert-jurnal .alert-link{color:#002d40}.alert-talenta{color:#64161b;background-color:#f2d4d6;border-color:#edc3c6}.alert-talenta hr{border-top-color:#e7afb3}.alert-talenta .alert-link{color:#3a0d10}.alert-klikpajak{color:#813901;background-color:#fee2cc;border-color:#fdd6b8}.alert-klikpajak hr{border-top-color:#fcc89f}.alert-klikpajak .alert-link{color:#4e2301}.alert-mekari{color:#392577;background-color:#e2dafa;border-color:#d6ccf8}.alert-mekari hr{border-top-color:#c4b6f5}.alert-mekari .alert-link{color:#261950}.alert-dark{color:#111;background-color:#d3d3d3;border-color:#c1c1c1}.alert-dark hr{border-top-color:#b4b4b4}.alert-dark .alert-link{color:#000}.alert-slate{color:#3e3e3e;background-color:#e4e4e4;border-color:#d9d9d9}.alert-slate hr{border-top-color:#ccc}.alert-slate .alert-link{color:#252525}.alert-muted{color:#5e5e5e;background-color:#f0f0f0;border-color:#eaeaea}.alert-muted hr{border-top-color:#ddd}.alert-muted .alert-link{color:#454545}.alert-smoke{color:#767676;background-color:#f9f9f9;border-color:#f7f7f7}.alert-smoke hr{border-top-color:#eaeaea}.alert-smoke .alert-link{color:#5d5d5d}.alert-light{color:#838383;background-color:#fefefe;border-color:#fefefe}.alert-light hr{border-top-color:#f1f1f1}.alert-light .alert-link{color:#6a6a6a}.alert-cloud{color:#7e7f80;background-color:#fcfdfd;border-color:#fbfcfd}.alert-cloud hr{border-top-color:#eaeff5}.alert-cloud .alert-link{color:#656666}.alert-link{color:#0a2d85;background-color:#d0ddff;border-color:#bdd0ff}.alert-link hr{border-top-color:#a4beff}.alert-link .alert-link{color:#061d56}.alert-white{color:#858585;background-color:#fff;border-color:#fff}.alert-white hr{border-top-color:#f2f2f2}.alert-white .alert-link{color:#6c6c6c}.alert-danger{color:#d74022;background-color:rgba(215,64,34,.15);border:none}.alert-toast.alert-danger{border:1px solid #d74022}.alert-success{color:#009f61;background-color:rgba(0,159,97,.15);border:none}.alert-toast.alert-success{border:1px solid #009f61}.alert-info{color:#ffeb99;background-color:rgba(255,235,153,.15);border:none}.alert-toast.alert-info{border:1px solid #ffeb99}.alert-warning{color:#ffb700;background-color:rgba(255,183,0,.15);border:none}.alert-toast.alert-warning{border:1px solid #ffb700}.alert-primary{color:#005fbf;background-color:rgba(0,95,191,.15);border:none}.alert-toast.alert-primary{border:1px solid #005fbf}.alert-jurnal{color:#009bde;background-color:rgba(0,155,222,.15);border:none}.alert-toast.alert-jurnal{border:1px solid #009bde}.alert-talenta{color:#c02a34;background-color:rgba(192,42,52,.15);border:none}.alert-toast.alert-talenta{border:1px solid #c02a34}.alert-klikpajak{color:#f96d01;background-color:rgba(249,109,1,.15);border:none}.alert-toast.alert-klikpajak{border:1px solid #f96d01}.alert-mekari{color:#6d48e5;background-color:rgba(109,72,229,.15);border:none}.alert-toast.alert-mekari{border:1px solid #6d48e5}.alert-dark{color:#212121;background-color:rgba(33,33,33,.15);border:none}.alert-toast.alert-dark{border:1px solid #212121}.alert-slate{color:#777;background-color:rgba(119,119,119,.15);border:none}.alert-toast.alert-slate{border:1px solid #777}.alert-muted{color:#b4b4b4;background-color:rgba(180,180,180,.15);border:none}.alert-toast.alert-muted{border:1px solid #b4b4b4}.alert-smoke{color:#e2e2e2;background-color:rgba(226,226,226,.15);border:none}.alert-toast.alert-smoke{border:1px solid #e2e2e2}.alert-light{color:#fbfbfb;background-color:rgba(251,251,251,.15);border:none}.alert-toast.alert-light{border:1px solid #fbfbfb}.alert-cloud{color:#f2f4f7;background-color:rgba(242,244,247,.15);border:none}.alert-toast.alert-cloud{border:1px solid #f2f4f7}.alert-link{color:#1357ff;background-color:rgba(19,87,255,.15);border:none}.alert-toast.alert-link{border:1px solid #1357ff}.alert-white{color:#fff;background-color:rgba(255,255,255,.15);border:none}.alert-toast.alert-white{border:1px solid #fff}.alert-info{color:#005fbf;background-color:rgba(0,95,191,.15);border:none}.alert-toast.alert-info{border:1px solid #005fbf}.alert-error{color:#d74022;background-color:rgba(215,64,34,.15);border:none}.alert-toast.alert-error{border:1px solid #d74022}.alert{display:flex;padding:16px;font-size:0}.alert .alert-icon{flex-basis:24px;width:24px;margin-right:12px;font-size:14px;vertical-align:top}.alert .alert-icon .ic{color:inherit!important}.alert .alert-content{display:inline-block;padding-top:3px;font-size:14px;color:#212121;vertical-align:top}.alert .alert-icon+.alert-content{flex:1 1 0}.alert .alert-title{font-weight:500;line-height:20px}.alert .alert-description{line-height:20px}.alert .alert-title+.alert-description{padding-top:4px}.alert .alert-link{display:block;padding-top:16px;font-weight:400;color:#1357ff!important;background-color:transparent}.alert.alert-dismissible .close{position:relative;display:inline-block;width:24px;height:24px;padding:0;color:#777}.alert.alert-dismissible .close .ic{font-size:16px;font-weight:700;line-height:16px;vertical-align:top}.alert.alert-small .alert-description{display:inline-block}.alert.alert-small .alert-link{display:inline-block;padding:0;padding-left:16px;font-weight:400;color:#1357ff!important;background-color:transparent}.alert.alert-toast{display:inline-flex;padding:12px;font-size:0;background-color:#fff;border-radius:4px;box-shadow:0 4px 8px 0 rgba(119,119,119,.1),0 12px 20px 0 rgba(119,119,119,.2)}.alert.alert-toast .alert-icon{margin-right:8px}.alert.alert-toast .alert-description{display:inline-block}.alert.alert-toast .alert-link{display:inline-block;padding:0;padding-left:16px;font-weight:400;color:#1357ff!important;background-color:transparent}
|
|
1
|
+
.close{float:right;font-size:1.3125rem;font-weight:500;line-height:1;color:#777;text-shadow:0 1px 0 #fff;opacity:.5}@media (max-width:1200px){.close{font-size:calc(1.25625rem + .075vw)}}.close:hover{color:#777;text-decoration:none}.close:not(:disabled):not(.disabled):focus,.close:not(:disabled):not(.disabled):hover{opacity:.75}button.close{padding:0;background-color:transparent;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}a.close.disabled{pointer-events:none}.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}}.alert{position:relative;padding:.75rem 1.25rem;margin-bottom:1rem;border:1px solid transparent;border-radius:4px}.alert-heading{color:inherit}.alert-link{font-weight:500}.alert-dismissible{padding-right:3.8125rem}.alert-dismissible .close{position:absolute;top:0;right:0;padding:.75rem 1.25rem;color:inherit}.alert-danger{color:#702112;background-color:#f7d9d3;border-color:#f4cac1}.alert-danger hr{border-top-color:#f0b7ab}.alert-danger .alert-link{color:#44140b}.alert-success{color:#005332;background-color:#ccecdf;border-color:#b8e4d3}.alert-success hr{border-top-color:#a6ddc8}.alert-success .alert-link{color:#002013}.alert-info{color:#857a50;background-color:#fffbeb;border-color:#fff9e2}.alert-info hr{border-top-color:#fff4c9}.alert-info .alert-link{color:#655d3d}.alert-warning{color:#855f00;background-color:#fff1cc;border-color:#ffebb8}.alert-warning hr{border-top-color:#ffe49f}.alert-warning .alert-link{color:#523b00}.alert-primary{color:#003163;background-color:#ccdff2;border-color:#b8d2ed}.alert-primary hr{border-top-color:#a4c5e8}.alert-primary .alert-link{color:#001830}.alert-jurnal{color:#005173;background-color:#ccebf8;border-color:#b8e3f6}.alert-jurnal hr{border-top-color:#a1daf3}.alert-jurnal .alert-link{color:#002d40}.alert-talenta{color:#64161b;background-color:#f2d4d6;border-color:#edc3c6}.alert-talenta hr{border-top-color:#e7afb3}.alert-talenta .alert-link{color:#3a0d10}.alert-klikpajak{color:#813901;background-color:#fee2cc;border-color:#fdd6b8}.alert-klikpajak hr{border-top-color:#fcc89f}.alert-klikpajak .alert-link{color:#4e2301}.alert-mekari{color:#392577;background-color:#e2dafa;border-color:#d6ccf8}.alert-mekari hr{border-top-color:#c4b6f5}.alert-mekari .alert-link{color:#261950}.alert-dark{color:#111;background-color:#d3d3d3;border-color:#c1c1c1}.alert-dark hr{border-top-color:#b4b4b4}.alert-dark .alert-link{color:#000}.alert-slate{color:#3e3e3e;background-color:#e4e4e4;border-color:#d9d9d9}.alert-slate hr{border-top-color:#ccc}.alert-slate .alert-link{color:#252525}.alert-muted{color:#5e5e5e;background-color:#f0f0f0;border-color:#eaeaea}.alert-muted hr{border-top-color:#ddd}.alert-muted .alert-link{color:#454545}.alert-smoke{color:#767676;background-color:#f9f9f9;border-color:#f7f7f7}.alert-smoke hr{border-top-color:#eaeaea}.alert-smoke .alert-link{color:#5d5d5d}.alert-light{color:#838383;background-color:#fefefe;border-color:#fefefe}.alert-light hr{border-top-color:#f1f1f1}.alert-light .alert-link{color:#6a6a6a}.alert-cloud{color:#7e7f80;background-color:#fcfdfd;border-color:#fbfcfd}.alert-cloud hr{border-top-color:#eaeff5}.alert-cloud .alert-link{color:#656666}.alert-link{color:#0a2d85;background-color:#d0ddff;border-color:#bdd0ff}.alert-link hr{border-top-color:#a4beff}.alert-link .alert-link{color:#061d56}.alert-white{color:#858585;background-color:#fff;border-color:#fff}.alert-white hr{border-top-color:#f2f2f2}.alert-white .alert-link{color:#6c6c6c}.alert-danger{color:#d74022;background-color:rgba(215,64,34,.15);border:none}.alert-toast.alert-danger{border:1px solid #d74022}.alert-success{color:#009f61;background-color:rgba(0,159,97,.15);border:none}.alert-toast.alert-success{border:1px solid #009f61}.alert-info{color:#ffeb99;background-color:rgba(255,235,153,.15);border:none}.alert-toast.alert-info{border:1px solid #ffeb99}.alert-warning{color:#ffb700;background-color:rgba(255,183,0,.15);border:none}.alert-toast.alert-warning{border:1px solid #ffb700}.alert-primary{color:#005fbf;background-color:rgba(0,95,191,.15);border:none}.alert-toast.alert-primary{border:1px solid #005fbf}.alert-jurnal{color:#009bde;background-color:rgba(0,155,222,.15);border:none}.alert-toast.alert-jurnal{border:1px solid #009bde}.alert-talenta{color:#c02a34;background-color:rgba(192,42,52,.15);border:none}.alert-toast.alert-talenta{border:1px solid #c02a34}.alert-klikpajak{color:#f96d01;background-color:rgba(249,109,1,.15);border:none}.alert-toast.alert-klikpajak{border:1px solid #f96d01}.alert-mekari{color:#6d48e5;background-color:rgba(109,72,229,.15);border:none}.alert-toast.alert-mekari{border:1px solid #6d48e5}.alert-dark{color:#212121;background-color:rgba(33,33,33,.15);border:none}.alert-toast.alert-dark{border:1px solid #212121}.alert-slate{color:#777;background-color:rgba(119,119,119,.15);border:none}.alert-toast.alert-slate{border:1px solid #777}.alert-muted{color:#b4b4b4;background-color:rgba(180,180,180,.15);border:none}.alert-toast.alert-muted{border:1px solid #b4b4b4}.alert-smoke{color:#e2e2e2;background-color:rgba(226,226,226,.15);border:none}.alert-toast.alert-smoke{border:1px solid #e2e2e2}.alert-light{color:#fbfbfb;background-color:rgba(251,251,251,.15);border:none}.alert-toast.alert-light{border:1px solid #fbfbfb}.alert-cloud{color:#f2f4f7;background-color:rgba(242,244,247,.15);border:none}.alert-toast.alert-cloud{border:1px solid #f2f4f7}.alert-link{color:#1357ff;background-color:rgba(19,87,255,.15);border:none}.alert-toast.alert-link{border:1px solid #1357ff}.alert-white{color:#fff;background-color:rgba(255,255,255,.15);border:none}.alert-toast.alert-white{border:1px solid #fff}.alert-info{color:#005fbf;background-color:rgba(0,95,191,.15);border:none}.alert-toast.alert-info{border:1px solid #005fbf}.alert-error{color:#d74022;background-color:rgba(215,64,34,.15);border:none}.alert-toast.alert-error{border:1px solid #d74022}.alert{display:flex;padding:16px;font-size:0}.alert .alert-icon{flex-basis:24px;width:24px;margin-right:12px;font-size:14px;vertical-align:top}.alert .alert-icon .ic{color:inherit!important}.alert .alert-content{display:inline-block;padding-top:3px;font-size:14px;color:#212121;vertical-align:top}.alert .alert-icon+.alert-content{flex:1 1 0}.alert .alert-title{font-weight:500;line-height:20px}.alert .alert-description{line-height:20px}.alert .alert-title+.alert-description{padding-top:4px}.alert .alert-link{display:block;padding-top:16px;font-weight:400;color:#1357ff!important;background-color:transparent}.alert.alert-dismissible .close{position:relative;display:inline-block;width:24px;height:24px;padding:0;color:#777}.alert.alert-dismissible .close .ic{font-size:16px;font-weight:700;line-height:16px;vertical-align:top}.alert.alert-small .alert-content{display:flex}.alert.alert-small .alert-description{display:inline-block}.alert.alert-small .alert-link{display:inline-block;padding:0;padding-left:16px;font-weight:400;color:#1357ff!important;background-color:transparent}.alert.alert-toast{display:inline-flex;padding:12px;font-size:0;background-color:#fff;border-radius:4px;box-shadow:0 4px 8px 0 rgba(119,119,119,.1),0 12px 20px 0 rgba(119,119,119,.2)}.alert.alert-toast .alert-icon{margin-right:8px}.alert.alert-toast .alert-description{display:inline-block}.alert.alert-toast .alert-link{display:inline-block;padding:0;padding-left:16px;font-weight:400;color:#1357ff!important;background-color:transparent}
|
|
2
2
|
/*# sourceMappingURL=mekari-ui-alert-min.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../scss/vendors/_close.scss","../../../scss/vendors/_rfs.scss","../../../scss/vendors/mixins/_hover.scss","../../../scss/vendors/_transitions.scss","../../../scss/vendors/mixins/_transition.scss","../../../scss/vendors/_alert.scss","../../../scss/vendors/mixins/_border-radius.scss","../../../scss/vendors/mixins/_alert.scss","../../../scss/vendors/mixins/_gradients.scss","../../../scss/components/config/_alert.scss"],"names":[],"mappings":"AAAA,OACE,MAAA,MCwJM,UAAA,UDtJN,YAAA,IACA,YAAA,EACA,MAAA,KACA,YAAA,EAAA,IAAA,EAAA,KACA,QAAA,GCwKM,0BD/KR,OCuLY,UAAA,2BC3KV,aFDE,MAAA,KACA,gBAAA,KEIF,2CAAA,2CFCI,QAAA,IAWN,aACE,QAAA,EACA,iBAAA,YACA,OAAA,EACA,mBAAA,KAAA,gBAAA,KAAA,WAAA,KAMF,iBACE,eAAA,KGvCF,MCMM,WAAA,QAAA,KAAA,OAKF,uCDXJ,MCYM,WAAA,MDZN,iBAII,QAAA,EAIJ,qBAEI,QAAA,KAIJ,YACE,SAAA,SACA,OAAA,EACA,SAAA,OCXI,WAAA,OAAA,KAAA,KAKF,uCDGJ,YCFM,WAAA,MCRN,OACE,SAAA,SACA,QAAA,OAAA,QACA,cAAA,KACA,OAAA,IAAA,MAAA,YCHE,cAAA,IDQJ,eAEE,MAAA,QAIF,YACE,YAAA,IAQF,mBACE,cAAA,UADF,0BAKI,SAAA,SACA,IAAA,EACA,MAAA,EACA,QAAA,OAAA,QACA,MAAA,QAUF,cE9CA,MAAA,QCKE,iBAAA,QDHF,aAAA,QAEA,iBACE,iBAAA,QAGF,0BACE,MAAA,QFqCF,eE9CA,MAAA,QCKE,iBAAA,QDHF,aAAA,QAEA,kBACE,iBAAA,QAGF,2BACE,MAAA,QFqCF,YE9CA,MAAA,QCKE,iBAAA,QDHF,aAAA,QAEA,eACE,iBAAA,QAGF,wBACE,MAAA,QFqCF,eE9CA,MAAA,QCKE,iBAAA,QDHF,aAAA,QAEA,kBACE,iBAAA,QAGF,2BACE,MAAA,QFqCF,eE9CA,MAAA,QCKE,iBAAA,QDHF,aAAA,QAEA,kBACE,iBAAA,QAGF,2BACE,MAAA,QFqCF,cE9CA,MAAA,QCKE,iBAAA,QDHF,aAAA,QAEA,iBACE,iBAAA,QAGF,0BACE,MAAA,QFqCF,eE9CA,MAAA,QCKE,iBAAA,QDHF,aAAA,QAEA,kBACE,iBAAA,QAGF,2BACE,MAAA,QFqCF,iBE9CA,MAAA,QCKE,iBAAA,QDHF,aAAA,QAEA,oBACE,iBAAA,QAGF,6BACE,MAAA,QFqCF,cE9CA,MAAA,QCKE,iBAAA,QDHF,aAAA,QAEA,iBACE,iBAAA,QAGF,0BACE,MAAA,QFqCF,YE9CA,MAAA,KCKE,iBAAA,QDHF,aAAA,QAEA,eACE,iBAAA,QAGF,wBACE,MAAA,KFqCF,aE9CA,MAAA,QCKE,iBAAA,QDHF,aAAA,QAEA,gBACE,iBAAA,KAGF,yBACE,MAAA,QFqCF,aE9CA,MAAA,QCKE,iBAAA,QDHF,aAAA,QAEA,gBACE,iBAAA,KAGF,yBACE,MAAA,QFqCF,aE9CA,MAAA,QCKE,iBAAA,QDHF,aAAA,QAEA,gBACE,iBAAA,QAGF,yBACE,MAAA,QFqCF,aE9CA,MAAA,QCKE,iBAAA,QDHF,aAAA,QAEA,gBACE,iBAAA,QAGF,yBACE,MAAA,QFqCF,aE9CA,MAAA,QCKE,iBAAA,QDHF,aAAA,QAEA,gBACE,iBAAA,QAGF,yBACE,MAAA,QFqCF,YE9CA,MAAA,QCKE,iBAAA,QDHF,aAAA,QAEA,eACE,iBAAA,QAGF,wBACE,MAAA,QFqCF,aE9CA,MAAA,QCKE,iBAAA,KDHF,aAAA,KAEA,gBACE,iBAAA,QAGF,yBACE,MAAA,QETF,cACE,MAAA,QACA,iBAAA,oBACA,OAAA,KAEF,0BACE,OAAA,IAAA,MAAA,QANF,eACE,MAAA,QACA,iBAAA,mBACA,OAAA,KAEF,2BACE,OAAA,IAAA,MAAA,QANF,YACE,MAAA,QACA,iBAAA,sBACA,OAAA,KAEF,wBACE,OAAA,IAAA,MAAA,QANF,eACE,MAAA,QACA,iBAAA,oBACA,OAAA,KAEF,2BACE,OAAA,IAAA,MAAA,QANF,eACE,MAAA,QACA,iBAAA,mBACA,OAAA,KAEF,2BACE,OAAA,IAAA,MAAA,QANF,cACE,MAAA,QACA,iBAAA,oBACA,OAAA,KAEF,0BACE,OAAA,IAAA,MAAA,QANF,eACE,MAAA,QACA,iBAAA,oBACA,OAAA,KAEF,2BACE,OAAA,IAAA,MAAA,QANF,iBACE,MAAA,QACA,iBAAA,oBACA,OAAA,KAEF,6BACE,OAAA,IAAA,MAAA,QANF,cACE,MAAA,QACA,iBAAA,qBACA,OAAA,KAEF,0BACE,OAAA,IAAA,MAAA,QANF,YACE,MAAA,QACA,iBAAA,mBACA,OAAA,KAEF,wBACE,OAAA,IAAA,MAAA,QANF,aACE,MAAA,KACA,iBAAA,sBACA,OAAA,KAEF,yBACE,OAAA,IAAA,MAAA,KANF,aACE,MAAA,QACA,iBAAA,sBACA,OAAA,KAEF,yBACE,OAAA,IAAA,MAAA,QANF,aACE,MAAA,QACA,iBAAA,sBACA,OAAA,KAEF,yBACE,OAAA,IAAA,MAAA,QANF,aACE,MAAA,QACA,iBAAA,sBACA,OAAA,KAEF,yBACE,OAAA,IAAA,MAAA,QANF,aACE,MAAA,QACA,iBAAA,sBACA,OAAA,KAEF,yBACE,OAAA,IAAA,MAAA,QANF,YACE,MAAA,QACA,iBAAA,oBACA,OAAA,KAEF,wBACE,OAAA,IAAA,MAAA,QANF,aACE,MAAA,KACA,iBAAA,sBACA,OAAA,KAEF,yBACE,OAAA,IAAA,MAAA,KAIJ,YACE,MAAA,QACA,iBAAA,mBACA,OAAA,KAGF,wBACE,OAAA,IAAA,MAAA,QAGF,aACE,MAAA,QACA,iBAAA,oBACA,OAAA,KAGF,yBACE,OAAA,IAAA,MAAA,QAGF,OACE,QAAA,KACA,QAAA,KACA,UAAA,EAHF,mBAMI,WAAA,KACA,MAAA,KACA,aAAA,KACA,UAAA,KACA,eAAA,IAVJ,uBAYM,MAAA,kBAZN,sBAiBI,QAAA,aACA,YAAA,IACA,UAAA,KACA,MAAA,QACA,eAAA,IArBJ,kCAyBI,KAAA,EAAA,EAAA,EAzBJ,oBA6BI,YAAA,IACA,YAAA,KA9BJ,0BAkCI,YAAA,KAlCJ,uCAsCI,YAAA,IAtCJ,mBA0CI,QAAA,MACA,YAAA,KACA,YAAA,IACA,MAAA,kBACA,iBAAA,YAIJ,gCAEI,SAAA,SACA,QAAA,aACA,MAAA,KACA,OAAA,KACA,QAAA,EACA,MAAA,KAPJ,oCASM,UAAA,KACA,YAAA,IACA,YAAA,KACA,eAAA,IAKN,sCAEI,QAAA,aAFJ,+BAKI,QAAA,aACA,QAAA,EACA,aAAA,KACA,YAAA,IACA,MAAA,kBACA,iBAAA,YAIJ,mBACE,QAAA,YACA,QAAA,KACA,UAAA,EACA,iBAAA,KACA,cAAA,IACA,WAAA,EAAA,IAAA,IAAA,EAAA,oBAAA,CAAA,EAAA,KAAA,KAAA,EAAA,qBANF,+BAQI,aAAA,IARJ,sCAWI,QAAA,aAXJ,+BAcI,QAAA,aACA,QAAA,EACA,aAAA,KACA,YAAA,IACA,MAAA,kBACA,iBAAA","sourcesContent":[".close {\n float: right;\n @include font-size($close-font-size);\n font-weight: $close-font-weight;\n line-height: 1;\n color: $close-color;\n text-shadow: $close-text-shadow;\n opacity: .5;\n\n // Override <a>'s hover style\n @include hover {\n color: $close-color;\n text-decoration: none;\n }\n\n &:not(:disabled):not(.disabled) {\n @include hover-focus {\n opacity: .75;\n }\n }\n}\n\n// Additional properties for button version\n// iOS requires the button element instead of an anchor tag.\n// If you want the anchor version, it requires `href=\"#\"`.\n// See https://developer.mozilla.org/en-US/docs/Web/Events/click#Safari_Mobile\n\n// stylelint-disable-next-line selector-no-qualifying-type\nbutton.close {\n padding: 0;\n background-color: transparent;\n border: 0;\n appearance: none;\n}\n\n// Future-proof disabling of clicks on `<a>` elements\n\n// stylelint-disable-next-line selector-no-qualifying-type\na.close.disabled {\n pointer-events: none;\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","// 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",".fade {\n @include transition($transition-fade);\n\n &:not(.show) {\n opacity: 0;\n }\n}\n\n.collapse {\n &:not(.show) {\n display: none;\n }\n}\n\n.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","//\n// Base styles\n//\n\n.alert {\n position: relative;\n padding: $alert-padding-y $alert-padding-x;\n margin-bottom: $alert-margin-bottom;\n border: $alert-border-width solid transparent;\n @include border-radius($alert-border-radius);\n}\n\n// Headings for larger alerts\n.#{$prefix}alert-heading {\n // Specified to prevent conflicts of changing $headings-color\n color: inherit;\n}\n\n// Provide class for links that match alerts\n.#{$prefix}alert-link {\n font-weight: $alert-link-font-weight;\n}\n\n\n// Dismissible alerts\n//\n// Expand the right padding and account for the close button's positioning.\n\n.#{$prefix}alert-dismissible {\n padding-right: $close-font-size + $alert-padding-x * 2;\n\n // Adjust close link position\n .close {\n position: absolute;\n top: 0;\n right: 0;\n padding: $alert-padding-y $alert-padding-x;\n color: inherit;\n }\n}\n\n\n// Alternate styles\n//\n// Generate contextual modifier classes for colorizing the alert.\n\n@each $color, $value in $theme-colors {\n .#{$prefix}alert-#{$color} {\n @include alert-variant(theme-color-level($color, $alert-bg-level), theme-color-level($color, $alert-border-level), theme-color-level($color, $alert-color-level));\n }\n}\n","// stylelint-disable property-blacklist\n// Single side border-radius\n\n@mixin border-radius($radius: $border-radius, $fallback-border-radius: false) {\n @if $enable-rounded {\n border-radius: $radius;\n }\n @else if $fallback-border-radius != false {\n border-radius: $fallback-border-radius;\n }\n}\n\n@mixin border-top-radius($radius) {\n @if $enable-rounded {\n border-top-left-radius: $radius;\n border-top-right-radius: $radius;\n }\n}\n\n@mixin border-right-radius($radius) {\n @if $enable-rounded {\n border-top-right-radius: $radius;\n border-bottom-right-radius: $radius;\n }\n}\n\n@mixin border-bottom-radius($radius) {\n @if $enable-rounded {\n border-bottom-right-radius: $radius;\n border-bottom-left-radius: $radius;\n }\n}\n\n@mixin border-left-radius($radius) {\n @if $enable-rounded {\n border-top-left-radius: $radius;\n border-bottom-left-radius: $radius;\n }\n}\n\n@mixin border-top-left-radius($radius) {\n @if $enable-rounded {\n border-top-left-radius: $radius;\n }\n}\n\n@mixin border-top-right-radius($radius) {\n @if $enable-rounded {\n border-top-right-radius: $radius;\n }\n}\n\n@mixin border-bottom-right-radius($radius) {\n @if $enable-rounded {\n border-bottom-right-radius: $radius;\n }\n}\n\n@mixin border-bottom-left-radius($radius) {\n @if $enable-rounded {\n border-bottom-left-radius: $radius;\n }\n}\n","@mixin alert-variant($background, $border, $color) {\n color: $color;\n @include gradient-bg($background);\n border-color: $border;\n\n hr {\n border-top-color: darken($border, 5%);\n }\n\n .alert-link {\n color: darken($color, 10%);\n }\n}\n","// 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","@each $color, $value in $theme-colors {\n .#{$prefix}alert-#{$color} {\n color: $value;\n background-color: rgba($value, .15);\n border: none;\n }\n .#{$prefix}alert-toast.#{$prefix}alert-#{$color} {\n border: 1px solid $value;\n }\n}\n\n.#{$prefix}alert-info {\n color: $primary;\n background-color: rgba($primary, .15);\n border: none;\n}\n\n.#{$prefix}alert-toast.#{$prefix}alert-info {\n border: 1px solid $primary;\n}\n\n.#{$prefix}alert-error {\n color: $danger;\n background-color: rgba($danger, .15);\n border: none;\n}\n\n.#{$prefix}alert-toast.#{$prefix}alert-error {\n border: 1px solid $danger;\n}\n\n.#{$prefix}alert {\n display: flex;\n padding: 16px;\n font-size: 0;\n\n .#{$prefix}alert-icon {\n flex-basis: 24px;\n width: 24px;\n margin-right: 12px;\n font-size: 14px;\n vertical-align: top;\n .ic {\n color: inherit !important; // stylelint-disable-line declaration-no-important\n }\n }\n\n .#{$prefix}alert-content {\n display: inline-block;\n padding-top: 3px;\n font-size: 14px;\n color: $dark;\n vertical-align: top;\n }\n\n .#{$prefix}alert-icon + .#{$prefix}alert-content {\n flex: 1 1 0;\n }\n\n .#{$prefix}alert-title {\n font-weight: $font-weight-bold;\n line-height: 20px;\n }\n\n .#{$prefix}alert-description {\n line-height: 20px;\n }\n\n .#{$prefix}alert-title + .#{$prefix}alert-description {\n padding-top: 4px;\n }\n\n .#{$prefix}alert-link {\n display: block;\n padding-top: 16px;\n font-weight: 400;\n color: $link !important; // stylelint-disable-line declaration-no-important\n background-color: transparent;\n }\n}\n\n.#{$prefix}alert.#{$prefix}alert-dismissible {\n .close {\n position: relative;\n display: inline-block;\n width: 24px;\n height: 24px;\n padding: 0;\n color: $slate;\n .ic {\n font-size: 16px;\n font-weight: 700;\n line-height: 16px;\n vertical-align: top;\n }\n }\n}\n\n.#{$prefix}alert.#{$prefix}alert-small {\n .#{$prefix}alert-description {\n display: inline-block;\n }\n .#{$prefix}alert-link {\n display: inline-block;\n padding: 0;\n padding-left: 16px;\n font-weight: 400;\n color: $link !important; // stylelint-disable-line declaration-no-important\n background-color: transparent;\n }\n}\n\n.#{$prefix}alert.#{$prefix}alert-toast {\n display: inline-flex;\n padding: 12px;\n font-size: 0;\n background-color: $white;\n border-radius: 4px; // stylelint-disable-line property-blacklist\n box-shadow: 0 4px 8px 0 rgba($slate, .1), 0 12px 20px 0 rgba($slate, .2);\n .#{$prefix}alert-icon {\n margin-right: 8px;\n }\n .#{$prefix}alert-description {\n display: inline-block;\n }\n .#{$prefix}alert-link {\n display: inline-block;\n padding: 0;\n padding-left: 16px;\n font-weight: 400;\n color: $link !important; // stylelint-disable-line declaration-no-important\n background-color: transparent;\n }\n}\n"]}
|
|
1
|
+
{"version":3,"sources":["../../../scss/vendors/_close.scss","../../../scss/vendors/_rfs.scss","../../../scss/vendors/mixins/_hover.scss","../../../scss/vendors/_transitions.scss","../../../scss/vendors/mixins/_transition.scss","../../../scss/vendors/_alert.scss","../../../scss/vendors/mixins/_border-radius.scss","../../../scss/vendors/mixins/_alert.scss","../../../scss/vendors/mixins/_gradients.scss","../../../scss/components/config/_alert.scss"],"names":[],"mappings":"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","sourcesContent":[".close {\n float: right;\n @include font-size($close-font-size);\n font-weight: $close-font-weight;\n line-height: 1;\n color: $close-color;\n text-shadow: $close-text-shadow;\n opacity: .5;\n\n // Override <a>'s hover style\n @include hover {\n color: $close-color;\n text-decoration: none;\n }\n\n &:not(:disabled):not(.disabled) {\n @include hover-focus {\n opacity: .75;\n }\n }\n}\n\n// Additional properties for button version\n// iOS requires the button element instead of an anchor tag.\n// If you want the anchor version, it requires `href=\"#\"`.\n// See https://developer.mozilla.org/en-US/docs/Web/Events/click#Safari_Mobile\n\n// stylelint-disable-next-line selector-no-qualifying-type\nbutton.close {\n padding: 0;\n background-color: transparent;\n border: 0;\n appearance: none;\n}\n\n// Future-proof disabling of clicks on `<a>` elements\n\n// stylelint-disable-next-line selector-no-qualifying-type\na.close.disabled {\n pointer-events: none;\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","// 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",".#{$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","//\n// Base styles\n//\n\n.alert {\n position: relative;\n padding: $alert-padding-y $alert-padding-x;\n margin-bottom: $alert-margin-bottom;\n border: $alert-border-width solid transparent;\n @include border-radius($alert-border-radius);\n}\n\n// Headings for larger alerts\n.#{$prefix}alert-heading {\n // Specified to prevent conflicts of changing $headings-color\n color: inherit;\n}\n\n// Provide class for links that match alerts\n.#{$prefix}alert-link {\n font-weight: $alert-link-font-weight;\n}\n\n\n// Dismissible alerts\n//\n// Expand the right padding and account for the close button's positioning.\n\n.#{$prefix}alert-dismissible {\n padding-right: $close-font-size + $alert-padding-x * 2;\n\n // Adjust close link position\n .close {\n position: absolute;\n top: 0;\n right: 0;\n padding: $alert-padding-y $alert-padding-x;\n color: inherit;\n }\n}\n\n\n// Alternate styles\n//\n// Generate contextual modifier classes for colorizing the alert.\n\n@each $color, $value in $theme-colors {\n .#{$prefix}alert-#{$color} {\n @include alert-variant(theme-color-level($color, $alert-bg-level), theme-color-level($color, $alert-border-level), theme-color-level($color, $alert-color-level));\n }\n}\n","// stylelint-disable property-blacklist\n// Single side border-radius\n\n@mixin border-radius($radius: $border-radius, $fallback-border-radius: false) {\n @if $enable-rounded {\n border-radius: $radius;\n }\n @else if $fallback-border-radius != false {\n border-radius: $fallback-border-radius;\n }\n}\n\n@mixin border-top-radius($radius) {\n @if $enable-rounded {\n border-top-left-radius: $radius;\n border-top-right-radius: $radius;\n }\n}\n\n@mixin border-right-radius($radius) {\n @if $enable-rounded {\n border-top-right-radius: $radius;\n border-bottom-right-radius: $radius;\n }\n}\n\n@mixin border-bottom-radius($radius) {\n @if $enable-rounded {\n border-bottom-right-radius: $radius;\n border-bottom-left-radius: $radius;\n }\n}\n\n@mixin border-left-radius($radius) {\n @if $enable-rounded {\n border-top-left-radius: $radius;\n border-bottom-left-radius: $radius;\n }\n}\n\n@mixin border-top-left-radius($radius) {\n @if $enable-rounded {\n border-top-left-radius: $radius;\n }\n}\n\n@mixin border-top-right-radius($radius) {\n @if $enable-rounded {\n border-top-right-radius: $radius;\n }\n}\n\n@mixin border-bottom-right-radius($radius) {\n @if $enable-rounded {\n border-bottom-right-radius: $radius;\n }\n}\n\n@mixin border-bottom-left-radius($radius) {\n @if $enable-rounded {\n border-bottom-left-radius: $radius;\n }\n}\n","@mixin alert-variant($background, $border, $color) {\n color: $color;\n @include gradient-bg($background);\n border-color: $border;\n\n hr {\n border-top-color: darken($border, 5%);\n }\n\n .alert-link {\n color: darken($color, 10%);\n }\n}\n","// 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","@each $color, $value in $theme-colors {\n .#{$prefix}alert-#{$color} {\n color: $value;\n background-color: rgba($value, .15);\n border: none;\n }\n .#{$prefix}alert-toast.#{$prefix}alert-#{$color} {\n border: 1px solid $value;\n }\n}\n\n.#{$prefix}alert-info {\n color: $primary;\n background-color: rgba($primary, .15);\n border: none;\n}\n\n.#{$prefix}alert-toast.#{$prefix}alert-info {\n border: 1px solid $primary;\n}\n\n.#{$prefix}alert-error {\n color: $danger;\n background-color: rgba($danger, .15);\n border: none;\n}\n\n.#{$prefix}alert-toast.#{$prefix}alert-error {\n border: 1px solid $danger;\n}\n\n.#{$prefix}alert {\n display: flex;\n padding: 16px;\n font-size: 0;\n\n .#{$prefix}alert-icon {\n flex-basis: 24px;\n width: 24px;\n margin-right: 12px;\n font-size: 14px;\n vertical-align: top;\n .ic {\n color: inherit !important; // stylelint-disable-line declaration-no-important\n }\n }\n\n .#{$prefix}alert-content {\n display: inline-block;\n padding-top: 3px;\n font-size: 14px;\n color: $dark;\n vertical-align: top;\n }\n\n .#{$prefix}alert-icon + .#{$prefix}alert-content {\n flex: 1 1 0;\n }\n\n .#{$prefix}alert-title {\n font-weight: $font-weight-bold;\n line-height: 20px;\n }\n\n .#{$prefix}alert-description {\n line-height: 20px;\n }\n\n .#{$prefix}alert-title + .#{$prefix}alert-description {\n padding-top: 4px;\n }\n\n .#{$prefix}alert-link {\n display: block;\n padding-top: 16px;\n font-weight: 400;\n color: $link !important; // stylelint-disable-line declaration-no-important\n background-color: transparent;\n }\n}\n\n.#{$prefix}alert.#{$prefix}alert-dismissible {\n .close {\n position: relative;\n display: inline-block;\n width: 24px;\n height: 24px;\n padding: 0;\n color: $slate;\n .ic {\n font-size: 16px;\n font-weight: 700;\n line-height: 16px;\n vertical-align: top;\n }\n }\n}\n\n.#{$prefix}alert.#{$prefix}alert-small {\n .#{$prefix}alert-content {\n display: flex;\n }\n .#{$prefix}alert-description {\n display: inline-block;\n }\n .#{$prefix}alert-link {\n display: inline-block;\n padding: 0;\n padding-left: 16px;\n font-weight: 400;\n color: $link !important; // stylelint-disable-line declaration-no-important\n background-color: transparent;\n }\n}\n\n.#{$prefix}alert.#{$prefix}alert-toast {\n display: inline-flex;\n padding: 12px;\n font-size: 0;\n background-color: $white;\n border-radius: 4px; // stylelint-disable-line property-blacklist\n box-shadow: 0 4px 8px 0 rgba($slate, .1), 0 12px 20px 0 rgba($slate, .2);\n .#{$prefix}alert-icon {\n margin-right: 8px;\n }\n .#{$prefix}alert-description {\n display: inline-block;\n }\n .#{$prefix}alert-link {\n display: inline-block;\n padding: 0;\n padding-left: 16px;\n font-weight: 400;\n color: $link !important; // stylelint-disable-line declaration-no-important\n background-color: transparent;\n }\n}\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../scss/vendors/_close.scss","../../../scss/vendors/_rfs.scss","../../../scss/vendor-extensions/_typography.scss","../../../scss/vendor-extensions/_color.scss","mekari-ui-alert.css","../../../scss/vendors/mixins/_hover.scss","../../../scss/vendors/_transitions.scss","../../../scss/vendors/mixins/_transition.scss","../../../scss/vendor-extensions/_modal.scss","../../../scss/vendors/_alert.scss","../../../scss/vendor-extensions/_alert.scss","../../../scss/vendors/mixins/_border-radius.scss","../../../scss/vendors/mixins/_alert.scss","../../../scss/vendors/_functions.scss","../../../scss/vendors/mixins/_gradients.scss","../../../scss/components/config/_alert.scss"],"names":[],"mappings":"AAAA;EACE,YAAY;ECwJN,oBAhEU;EDtFhB,gBEeuC;EFdvC,cAAc;EACd,WGHU;EHIV,yBGAU;EHCV,WAAW;AICb;;AHuKQ;ED/KR;ICuLY,sCA9D+C;EG5GzD;AACF;;ACFE;ELDE,WGTQ;EHUR,qBAAqB;AIOzB;;ACHE;ELCI,YAAY;AIMlB;;AJKA;EACE,UAAU;EACV,6BAA6B;EAC7B,SAAS;EACT,wBAAgB;EAAhB,qBAAgB;EAAhB,gBAAgB;AIFlB;;AJQA;EACE,oBAAoB;AILtB;;AElCA;ECMM,gCCK2C;AJ2BjD;;AG3BI;EDXJ;ICYM,gBAAgB;EH+BpB;AACF;;AE5CA;EAII,UAAU;AF4Cd;;AExCA;EAEI,aAAa;AF0CjB;;AEtCA;EACE,kBAAkB;EAClB,SAAS;EACT,gBAAgB;ECXZ,6BCMwC;AJ+C9C;;AGhDI;EDGJ;ICFM,gBAAgB;EHoDpB;AACF;;AK7DA;EACE,kBAAkB;EAClB,wBCDyC;EDEzC,mBCDsC;EDEtC,6BAA6C;EEH3C,kBDEmC;ANkEvC;;AK5DA;EAEE,cAAc;AL8DhB;;AK1DA;EACE,gBCZqC;ANyEvC;;AKrDA;EACE,wBAAsD;ALwDxD;;AKzDA;EAKI,kBAAkB;EAClB,MAAM;EACN,QAAQ;EACR,wBC/BuC;EDgCvC,cAAc;ALwDlB;;AK9CE;EG9CA,cCmFgE;EC9E9D,yBD8E8D;EDjFhE,qBCiFgE;ATelE;;AQ9FE;EACE,yBAAqC;ARiGzC;;AQ9FE;EACE,cAA0B;ARiG9B;;AK5DE;EG9CA,cCmFgE;EC9E9D,yBD8E8D;EDjFhE,qBCiFgE;AT6BlE;;AQ5GE;EACE,yBAAqC;AR+GzC;;AQ5GE;EACE,cAA0B;AR+G9B;;AK1EE;EG9CA,cCmFgE;EC9E9D,yBD8E8D;EDjFhE,qBCiFgE;AT2ClE;;AQ1HE;EACE,yBAAqC;AR6HzC;;AQ1HE;EACE,cAA0B;AR6H9B;;AKxFE;EG9CA,cCmFgE;EC9E9D,yBD8E8D;EDjFhE,qBCiFgE;ATyDlE;;AQxIE;EACE,yBAAqC;AR2IzC;;AQxIE;EACE,cAA0B;AR2I9B;;AKtGE;EG9CA,cCmFgE;EC9E9D,yBD8E8D;EDjFhE,qBCiFgE;ATuElE;;AQtJE;EACE,yBAAqC;ARyJzC;;AQtJE;EACE,cAA0B;ARyJ9B;;AKpHE;EG9CA,cCmFgE;EC9E9D,yBD8E8D;EDjFhE,qBCiFgE;ATqFlE;;AQpKE;EACE,yBAAqC;ARuKzC;;AQpKE;EACE,cAA0B;ARuK9B;;AKlIE;EG9CA,cCmFgE;EC9E9D,yBD8E8D;EDjFhE,qBCiFgE;ATmGlE;;AQlLE;EACE,yBAAqC;ARqLzC;;AQlLE;EACE,cAA0B;ARqL9B;;AKhJE;EG9CA,cCmFgE;EC9E9D,yBD8E8D;EDjFhE,qBCiFgE;ATiHlE;;AQhME;EACE,yBAAqC;ARmMzC;;AQhME;EACE,cAA0B;ARmM9B;;AK9JE;EG9CA,cCmFgE;EC9E9D,yBD8E8D;EDjFhE,qBCiFgE;AT+HlE;;AQ9ME;EACE,yBAAqC;ARiNzC;;AQ9ME;EACE,cAA0B;ARiN9B;;AK5KE;EG9CA,cCmFgE;EC9E9D,2BD8E8D;EDjFhE,qBCiFgE;AT6IlE;;AQ5NE;EACE,yBAAqC;AR+NzC;;AQ5NE;EACE,YAA0B;AR+N9B;;AK1LE;EG9CA,cCmFgE;EC9E9D,yBD8E8D;EDjFhE,qBCiFgE;AT2JlE;;AQ1OE;EACE,yBAAqC;AR6OzC;;AQ1OE;EACE,cAA0B;AR6O9B;;AKxME;EG9CA,cCmFgE;EC9E9D,yBD8E8D;EDjFhE,qBCiFgE;ATyKlE;;AQxPE;EACE,yBAAqC;AR2PzC;;AQxPE;EACE,cAA0B;AR2P9B;;AKtNE;EG9CA,cCmFgE;EC9E9D,yBD8E8D;EDjFhE,qBCiFgE;ATuLlE;;AQtQE;EACE,yBAAqC;ARyQzC;;AQtQE;EACE,cAA0B;ARyQ9B;;AKpOE;EG9CA,cCmFgE;EC9E9D,yBD8E8D;EDjFhE,qBCiFgE;ATqMlE;;AQpRE;EACE,yBAAqC;ARuRzC;;AQpRE;EACE,cAA0B;ARuR9B;;AKlPE;EG9CA,cCmFgE;EC9E9D,yBD8E8D;EDjFhE,qBCiFgE;ATmNlE;;AQlSE;EACE,yBAAqC;ARqSzC;;AQlSE;EACE,cAA0B;ARqS9B;;AKhQE;EG9CA,cCmFgE;EC9E9D,yBD8E8D;EDjFhE,qBCiFgE;ATiOlE;;AQhTE;EACE,yBAAqC;ARmTzC;;AQhTE;EACE,cAA0B;ARmT9B;;AK9QE;EG9CA,cCmFgE;EC9E9D,uBD8E8D;EDjFhE,mBCiFgE;AT+OlE;;AQ9TE;EACE,yBAAqC;ARiUzC;;AQ9TE;EACE,cAA0B;ARiU9B;;AW1UE;EACE,cZQmB;EYPnB,yCZOmB;EYNnB,YAAY;AX6UhB;;AW3UE;EACE,yBZGmB;AC2UvB;;AWpVE;EACE,cZSmB;EYRnB,wCZQmB;EYPnB,YAAY;AXuVhB;;AWrVE;EACE,yBZImB;ACoVvB;;AW9VE;EACE,cZUmB;EYTnB,2CZSmB;EYRnB,YAAY;AXiWhB;;AW/VE;EACE,yBZKmB;AC6VvB;;AWxWE;EACE,cZYmB;EYXnB,yCZWmB;EYVnB,YAAY;AX2WhB;;AWzWE;EACE,yBZOmB;ACqWvB;;AWlXE;EACE,cZamB;EYZnB,wCZYmB;EYXnB,YAAY;AXqXhB;;AWnXE;EACE,yBZQmB;AC8WvB;;AW5XE;EACE,cZiBiB;EYhBjB,yCZgBiB;EYfjB,YAAY;AX+XhB;;AW7XE;EACE,yBZYiB;ACoXrB;;AWtYE;EACE,cZgBiB;EYfjB,yCZeiB;EYdjB,YAAY;AXyYhB;;AWvYE;EACE,yBZWiB;AC+XrB;;AWhZE;EACE,cZkBiB;EYjBjB,yCZiBiB;EYhBjB,YAAY;AXmZhB;;AWjZE;EACE,yBZaiB;ACuYrB;;AW1ZE;EACE,cZmBiB;EYlBjB,0CZkBiB;EYjBjB,YAAY;AX6ZhB;;AW3ZE;EACE,yBZciB;ACgZrB;;AWpaE;EACE,cZDW;EYEX,wCZFW;EYGX,YAAY;AXuahB;;AWraE;EACE,yBZNW;AC8af;;AW9aE;EACE,WZAQ;EYCR,2CZDQ;EYER,YAAY;AXibhB;;AW/aE;EACE,sBZLQ;ACubZ;;AWxbE;EACE,cZCW;EYAX,2CZAW;EYCX,YAAY;AX2bhB;;AWzbE;EACE,yBZJW;ACgcf;;AWlcE;EACE,cZEW;EYDX,2CZCW;EYAX,YAAY;AXqchB;;AWncE;EACE,yBZHW;ACycf;;AW5cE;EACE,cZGW;EYFX,2CZEW;EYDX,YAAY;AX+chB;;AW7cE;EACE,yBZFW;ACkdf;;AWtdE;EACE,cZKW;EYJX,2CZIW;EYHX,YAAY;AXydhB;;AWvdE;EACE,yBZAW;AC0df;;AWheE;EACE,cZWmB;EYVnB,yCZUmB;EYTnB,YAAY;AXmehB;;AWjeE;EACE,yBZMmB;AC8dvB;;AW1eE;EACE,WZIQ;EYHR,2CZGQ;EYFR,YAAY;AX6ehB;;AW3eE;EACE,sBZDQ;AC+eZ;;AW1eA;EACE,cZGqB;EYFrB,wCZEqB;EYDrB,YAAY;AX6ed;;AW1eA;EACE,yBZHqB;ACgfvB;;AW1eA;EACE,cZZqB;EYarB,yCZbqB;EYcrB,YAAY;AX6ed;;AW1eA;EACE,yBZlBqB;AC+fvB;;AW1eA;EACE,aAAa;EACb,aAAa;EACb,YAAY;AX6ed;;AWhfA;EAMI,gBAAgB;EAChB,WAAW;EACX,kBAAkB;EAClB,eAAe;EACf,mBAAmB;AX8evB;;AWxfA;EAYM,yBAAyB;AXgf/B;;AW5fA;EAiBI,qBAAqB;EACrB,gBAAgB;EAChB,eAAe;EACf,cZlDW;EYmDX,mBAAmB;AX+evB;;AWpgBA;EAyBI,WAAW;AX+ef;;AWxgBA;EA6BI,gBb1CqC;Ea2CrC,iBAAiB;AX+erB;;AW7gBA;EAkCI,iBAAiB;AX+erB;;AWjhBA;EAsCI,gBAAgB;AX+epB;;AWrhBA;EA0CI,cAAc;EACd,iBAAiB;EACjB,gBAAgB;EAChB,yBAAuB;EACvB,6BAA6B;AX+ejC;;AW3eA;EAEI,kBAAkB;EAClB,qBAAqB;EACrB,WAAW;EACX,YAAY;EACZ,UAAU;EACV,WZtFQ;ACmkBZ;;AWpfA;EASM,eAAe;EACf,gBAAgB;EAChB,iBAAiB;EACjB,mBAAmB;AX+ezB;;AW1eA;EAEI,qBAAqB;AX4ezB;;AW9eA;EAKI,qBAAqB;EACrB,UAAU;EACV,kBAAkB;EAClB,gBAAgB;EAChB,yBAAuB;EACvB,6BAA6B;AX6ejC;;AWzeA;EACE,oBAAoB;EACpB,aAAa;EACb,YAAY;EACZ,sBZ9GU;EY+GV,kBAAkB;EAClB,wFZpHU;ACgmBZ;;AWlfA;EAQI,iBAAiB;AX8erB;;AWtfA;EAWI,qBAAqB;AX+ezB;;AW1fA;EAcI,qBAAqB;EACrB,UAAU;EACV,kBAAkB;EAClB,gBAAgB;EAChB,yBAAuB;EACvB,6BAA6B;AXgfjC","file":"mekari-ui-alert.css","sourcesContent":[".close {\n float: right;\n @include font-size($close-font-size);\n font-weight: $close-font-weight;\n line-height: 1;\n color: $close-color;\n text-shadow: $close-text-shadow;\n opacity: .5;\n\n // Override <a>'s hover style\n @include hover {\n color: $close-color;\n text-decoration: none;\n }\n\n &:not(:disabled):not(.disabled) {\n @include hover-focus {\n opacity: .75;\n }\n }\n}\n\n// Additional properties for button version\n// iOS requires the button element instead of an anchor tag.\n// If you want the anchor version, it requires `href=\"#\"`.\n// See https://developer.mozilla.org/en-US/docs/Web/Events/click#Safari_Mobile\n\n// stylelint-disable-next-line selector-no-qualifying-type\nbutton.close {\n padding: 0;\n background-color: transparent;\n border: 0;\n appearance: none;\n}\n\n// Future-proof disabling of clicks on `<a>` elements\n\n// stylelint-disable-next-line selector-no-qualifying-type\na.close.disabled {\n pointer-events: none;\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","$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%) !default;\n$link-decoration: none;\n$link-hover-decoration: underline;\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",".close {\n float: right;\n font-size: 1.3125rem;\n font-weight: 500;\n line-height: 1;\n color: #777;\n text-shadow: 0 1px 0 #fff;\n opacity: .5;\n}\n\n@media (max-width: 1200px) {\n .close {\n font-size: calc(1.25625rem + 0.075vw) ;\n }\n}\n\n.close:hover {\n color: #777;\n text-decoration: none;\n}\n\n.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus {\n opacity: .75;\n}\n\nbutton.close {\n padding: 0;\n background-color: transparent;\n border: 0;\n appearance: none;\n}\n\na.close.disabled {\n pointer-events: none;\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.alert {\n position: relative;\n padding: 0.75rem 1.25rem;\n margin-bottom: 1rem;\n border: 1px solid transparent;\n border-radius: 4px;\n}\n\n.alert-heading {\n color: inherit;\n}\n\n.alert-link {\n font-weight: 500;\n}\n\n.alert-dismissible {\n padding-right: 3.8125rem;\n}\n\n.alert-dismissible .close {\n position: absolute;\n top: 0;\n right: 0;\n padding: 0.75rem 1.25rem;\n color: inherit;\n}\n\n.alert-danger {\n color: #702112;\n background-color: #f7d9d3;\n border-color: #f4cac1;\n}\n\n.alert-danger hr {\n border-top-color: #f0b7ab;\n}\n\n.alert-danger .alert-link {\n color: #44140b;\n}\n\n.alert-success {\n color: #005332;\n background-color: #ccecdf;\n border-color: #b8e4d3;\n}\n\n.alert-success hr {\n border-top-color: #a6ddc8;\n}\n\n.alert-success .alert-link {\n color: #002013;\n}\n\n.alert-info {\n color: #857a50;\n background-color: #fffbeb;\n border-color: #fff9e2;\n}\n\n.alert-info hr {\n border-top-color: #fff4c9;\n}\n\n.alert-info .alert-link {\n color: #655d3d;\n}\n\n.alert-warning {\n color: #855f00;\n background-color: #fff1cc;\n border-color: #ffebb8;\n}\n\n.alert-warning hr {\n border-top-color: #ffe49f;\n}\n\n.alert-warning .alert-link {\n color: #523b00;\n}\n\n.alert-primary {\n color: #003163;\n background-color: #ccdff2;\n border-color: #b8d2ed;\n}\n\n.alert-primary hr {\n border-top-color: #a4c5e8;\n}\n\n.alert-primary .alert-link {\n color: #001830;\n}\n\n.alert-jurnal {\n color: #005173;\n background-color: #ccebf8;\n border-color: #b8e3f6;\n}\n\n.alert-jurnal hr {\n border-top-color: #a1daf3;\n}\n\n.alert-jurnal .alert-link {\n color: #002d40;\n}\n\n.alert-talenta {\n color: #64161b;\n background-color: #f2d4d6;\n border-color: #edc3c6;\n}\n\n.alert-talenta hr {\n border-top-color: #e7afb3;\n}\n\n.alert-talenta .alert-link {\n color: #3a0d10;\n}\n\n.alert-klikpajak {\n color: #813901;\n background-color: #fee2cc;\n border-color: #fdd6b8;\n}\n\n.alert-klikpajak hr {\n border-top-color: #fcc89f;\n}\n\n.alert-klikpajak .alert-link {\n color: #4e2301;\n}\n\n.alert-mekari {\n color: #392577;\n background-color: #e2dafa;\n border-color: #d6ccf8;\n}\n\n.alert-mekari hr {\n border-top-color: #c4b6f5;\n}\n\n.alert-mekari .alert-link {\n color: #261950;\n}\n\n.alert-dark {\n color: #111111;\n background-color: lightgray;\n border-color: #c1c1c1;\n}\n\n.alert-dark hr {\n border-top-color: #b4b4b4;\n}\n\n.alert-dark .alert-link {\n color: black;\n}\n\n.alert-slate {\n color: #3e3e3e;\n background-color: #e4e4e4;\n border-color: #d9d9d9;\n}\n\n.alert-slate hr {\n border-top-color: #cccccc;\n}\n\n.alert-slate .alert-link {\n color: #252525;\n}\n\n.alert-muted {\n color: #5e5e5e;\n background-color: #f0f0f0;\n border-color: #eaeaea;\n}\n\n.alert-muted hr {\n border-top-color: #dddddd;\n}\n\n.alert-muted .alert-link {\n color: #454545;\n}\n\n.alert-smoke {\n color: #767676;\n background-color: #f9f9f9;\n border-color: #f7f7f7;\n}\n\n.alert-smoke hr {\n border-top-color: #eaeaea;\n}\n\n.alert-smoke .alert-link {\n color: #5d5d5d;\n}\n\n.alert-light {\n color: #838383;\n background-color: #fefefe;\n border-color: #fefefe;\n}\n\n.alert-light hr {\n border-top-color: #f1f1f1;\n}\n\n.alert-light .alert-link {\n color: #6a6a6a;\n}\n\n.alert-cloud {\n color: #7e7f80;\n background-color: #fcfdfd;\n border-color: #fbfcfd;\n}\n\n.alert-cloud hr {\n border-top-color: #eaeff5;\n}\n\n.alert-cloud .alert-link {\n color: #656666;\n}\n\n.alert-link {\n color: #0a2d85;\n background-color: #d0ddff;\n border-color: #bdd0ff;\n}\n\n.alert-link hr {\n border-top-color: #a4beff;\n}\n\n.alert-link .alert-link {\n color: #061d56;\n}\n\n.alert-white {\n color: #858585;\n background-color: white;\n border-color: white;\n}\n\n.alert-white hr {\n border-top-color: #f2f2f2;\n}\n\n.alert-white .alert-link {\n color: #6c6c6c;\n}\n\n.alert-danger {\n color: #d74022;\n background-color: rgba(215, 64, 34, 0.15);\n border: none;\n}\n\n.alert-toast.alert-danger {\n border: 1px solid #d74022;\n}\n\n.alert-success {\n color: #009f61;\n background-color: rgba(0, 159, 97, 0.15);\n border: none;\n}\n\n.alert-toast.alert-success {\n border: 1px solid #009f61;\n}\n\n.alert-info {\n color: #ffeb99;\n background-color: rgba(255, 235, 153, 0.15);\n border: none;\n}\n\n.alert-toast.alert-info {\n border: 1px solid #ffeb99;\n}\n\n.alert-warning {\n color: #ffb700;\n background-color: rgba(255, 183, 0, 0.15);\n border: none;\n}\n\n.alert-toast.alert-warning {\n border: 1px solid #ffb700;\n}\n\n.alert-primary {\n color: #005fbf;\n background-color: rgba(0, 95, 191, 0.15);\n border: none;\n}\n\n.alert-toast.alert-primary {\n border: 1px solid #005fbf;\n}\n\n.alert-jurnal {\n color: #009bde;\n background-color: rgba(0, 155, 222, 0.15);\n border: none;\n}\n\n.alert-toast.alert-jurnal {\n border: 1px solid #009bde;\n}\n\n.alert-talenta {\n color: #c02a34;\n background-color: rgba(192, 42, 52, 0.15);\n border: none;\n}\n\n.alert-toast.alert-talenta {\n border: 1px solid #c02a34;\n}\n\n.alert-klikpajak {\n color: #f96d01;\n background-color: rgba(249, 109, 1, 0.15);\n border: none;\n}\n\n.alert-toast.alert-klikpajak {\n border: 1px solid #f96d01;\n}\n\n.alert-mekari {\n color: #6d48e5;\n background-color: rgba(109, 72, 229, 0.15);\n border: none;\n}\n\n.alert-toast.alert-mekari {\n border: 1px solid #6d48e5;\n}\n\n.alert-dark {\n color: #212121;\n background-color: rgba(33, 33, 33, 0.15);\n border: none;\n}\n\n.alert-toast.alert-dark {\n border: 1px solid #212121;\n}\n\n.alert-slate {\n color: #777;\n background-color: rgba(119, 119, 119, 0.15);\n border: none;\n}\n\n.alert-toast.alert-slate {\n border: 1px solid #777;\n}\n\n.alert-muted {\n color: #b4b4b4;\n background-color: rgba(180, 180, 180, 0.15);\n border: none;\n}\n\n.alert-toast.alert-muted {\n border: 1px solid #b4b4b4;\n}\n\n.alert-smoke {\n color: #e2e2e2;\n background-color: rgba(226, 226, 226, 0.15);\n border: none;\n}\n\n.alert-toast.alert-smoke {\n border: 1px solid #e2e2e2;\n}\n\n.alert-light {\n color: #fbfbfb;\n background-color: rgba(251, 251, 251, 0.15);\n border: none;\n}\n\n.alert-toast.alert-light {\n border: 1px solid #fbfbfb;\n}\n\n.alert-cloud {\n color: #f2f4f7;\n background-color: rgba(242, 244, 247, 0.15);\n border: none;\n}\n\n.alert-toast.alert-cloud {\n border: 1px solid #f2f4f7;\n}\n\n.alert-link {\n color: #1357ff;\n background-color: rgba(19, 87, 255, 0.15);\n border: none;\n}\n\n.alert-toast.alert-link {\n border: 1px solid #1357ff;\n}\n\n.alert-white {\n color: #fff;\n background-color: rgba(255, 255, 255, 0.15);\n border: none;\n}\n\n.alert-toast.alert-white {\n border: 1px solid #fff;\n}\n\n.alert-info {\n color: #005fbf;\n background-color: rgba(0, 95, 191, 0.15);\n border: none;\n}\n\n.alert-toast.alert-info {\n border: 1px solid #005fbf;\n}\n\n.alert-error {\n color: #d74022;\n background-color: rgba(215, 64, 34, 0.15);\n border: none;\n}\n\n.alert-toast.alert-error {\n border: 1px solid #d74022;\n}\n\n.alert {\n display: flex;\n padding: 16px;\n font-size: 0;\n}\n\n.alert .alert-icon {\n flex-basis: 24px;\n width: 24px;\n margin-right: 12px;\n font-size: 14px;\n vertical-align: top;\n}\n\n.alert .alert-icon .ic {\n color: inherit !important;\n}\n\n.alert .alert-content {\n display: inline-block;\n padding-top: 3px;\n font-size: 14px;\n color: #212121;\n vertical-align: top;\n}\n\n.alert .alert-icon + .alert-content {\n flex: 1 1 0;\n}\n\n.alert .alert-title {\n font-weight: 500;\n line-height: 20px;\n}\n\n.alert .alert-description {\n line-height: 20px;\n}\n\n.alert .alert-title + .alert-description {\n padding-top: 4px;\n}\n\n.alert .alert-link {\n display: block;\n padding-top: 16px;\n font-weight: 400;\n color: #1357ff !important;\n background-color: transparent;\n}\n\n.alert.alert-dismissible .close {\n position: relative;\n display: inline-block;\n width: 24px;\n height: 24px;\n padding: 0;\n color: #777;\n}\n\n.alert.alert-dismissible .close .ic {\n font-size: 16px;\n font-weight: 700;\n line-height: 16px;\n vertical-align: top;\n}\n\n.alert.alert-small .alert-description {\n display: inline-block;\n}\n\n.alert.alert-small .alert-link {\n display: inline-block;\n padding: 0;\n padding-left: 16px;\n font-weight: 400;\n color: #1357ff !important;\n background-color: transparent;\n}\n\n.alert.alert-toast {\n display: inline-flex;\n padding: 12px;\n font-size: 0;\n background-color: #fff;\n border-radius: 4px;\n box-shadow: 0 4px 8px 0 rgba(119, 119, 119, 0.1), 0 12px 20px 0 rgba(119, 119, 119, 0.2);\n}\n\n.alert.alert-toast .alert-icon {\n margin-right: 8px;\n}\n\n.alert.alert-toast .alert-description {\n display: inline-block;\n}\n\n.alert.alert-toast .alert-link {\n display: inline-block;\n padding: 0;\n padding-left: 16px;\n font-weight: 400;\n color: #1357ff !important;\n background-color: transparent;\n}\n\n/*# sourceMappingURL=mekari-ui-alert.css.map */","// 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",".fade {\n @include transition($transition-fade);\n\n &:not(.show) {\n opacity: 0;\n }\n}\n\n.collapse {\n &:not(.show) {\n display: none;\n }\n}\n\n.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","$modal-content-border-color: $smoke;\n$modal-title-line-height: 20px;\n$modal-header-padding: 17px 24px 15px;\n$modal-inner-padding: 24px;\n$modal-backdrop-opacity: .75;\n\n$modal-lg: 808px;\n$modal-md: 600px;\n$modal-sm: 392px;\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$modal-dialog-margin: .5rem;\n$modal-dialog-margin-y-sm-up: 1.75rem;\n$modal-fade-transform: translate(0, -50px);\n$modal-show-transform: none;\n$modal-transition: transform .3s ease-out;\n$modal-content-color: null;\n$modal-content-bg: $white;\n$modal-content-border-width: 1px;\n$modal-content-border-radius: .3rem;\n\n$modal-content-box-shadow-xs: 0 .25rem .5rem rgba($black, .5);\n$modal-content-box-shadow-sm-up: 0 .5rem 1rem rgba($black, .5);\n\n$modal-backdrop-bg: $black;\n$modal-header-border-width: $modal-content-border-width;\n$modal-header-border-color: $smoke;\n$modal-header-padding-y: 16px;\n$modal-header-padding-x: 16px;\n$modal-header-padding: $modal-header-padding-y $modal-header-padding-x; // Keep this for backwards compatibility\n$modal-footer-border-width: 1px;\n$modal-footer-border-color: $smoke;\n$modal-xl: 1140px;\n\n$close-font-size: $font-size-base * 1.5;\n$close-font-weight: $font-weight-bold;\n$close-color: $slate;\n$close-text-shadow: 0 1px 0 $white;\n","//\n// Base styles\n//\n\n.alert {\n position: relative;\n padding: $alert-padding-y $alert-padding-x;\n margin-bottom: $alert-margin-bottom;\n border: $alert-border-width solid transparent;\n @include border-radius($alert-border-radius);\n}\n\n// Headings for larger alerts\n.#{$prefix}alert-heading {\n // Specified to prevent conflicts of changing $headings-color\n color: inherit;\n}\n\n// Provide class for links that match alerts\n.#{$prefix}alert-link {\n font-weight: $alert-link-font-weight;\n}\n\n\n// Dismissible alerts\n//\n// Expand the right padding and account for the close button's positioning.\n\n.#{$prefix}alert-dismissible {\n padding-right: $close-font-size + $alert-padding-x * 2;\n\n // Adjust close link position\n .close {\n position: absolute;\n top: 0;\n right: 0;\n padding: $alert-padding-y $alert-padding-x;\n color: inherit;\n }\n}\n\n\n// Alternate styles\n//\n// Generate contextual modifier classes for colorizing the alert.\n\n@each $color, $value in $theme-colors {\n .#{$prefix}alert-#{$color} {\n @include alert-variant(theme-color-level($color, $alert-bg-level), theme-color-level($color, $alert-border-level), theme-color-level($color, $alert-color-level));\n }\n}\n","// Alerts\n//\n// Define alert colors, border radius, and padding.\n\n$alert-padding-y: .75rem;\n$alert-padding-x: 1.25rem;\n$alert-margin-bottom: 1rem;\n$alert-border-radius: 4px;\n$alert-link-font-weight: 500;\n$alert-border-width: 1px;\n\n$alert-bg-level: -10;\n$alert-border-level: -9;\n$alert-color-level: 6;\n","// stylelint-disable property-blacklist\n// Single side border-radius\n\n@mixin border-radius($radius: $border-radius, $fallback-border-radius: false) {\n @if $enable-rounded {\n border-radius: $radius;\n }\n @else if $fallback-border-radius != false {\n border-radius: $fallback-border-radius;\n }\n}\n\n@mixin border-top-radius($radius) {\n @if $enable-rounded {\n border-top-left-radius: $radius;\n border-top-right-radius: $radius;\n }\n}\n\n@mixin border-right-radius($radius) {\n @if $enable-rounded {\n border-top-right-radius: $radius;\n border-bottom-right-radius: $radius;\n }\n}\n\n@mixin border-bottom-radius($radius) {\n @if $enable-rounded {\n border-bottom-right-radius: $radius;\n border-bottom-left-radius: $radius;\n }\n}\n\n@mixin border-left-radius($radius) {\n @if $enable-rounded {\n border-top-left-radius: $radius;\n border-bottom-left-radius: $radius;\n }\n}\n\n@mixin border-top-left-radius($radius) {\n @if $enable-rounded {\n border-top-left-radius: $radius;\n }\n}\n\n@mixin border-top-right-radius($radius) {\n @if $enable-rounded {\n border-top-right-radius: $radius;\n }\n}\n\n@mixin border-bottom-right-radius($radius) {\n @if $enable-rounded {\n border-bottom-right-radius: $radius;\n }\n}\n\n@mixin border-bottom-left-radius($radius) {\n @if $enable-rounded {\n border-bottom-left-radius: $radius;\n }\n}\n","@mixin alert-variant($background, $border, $color) {\n color: $color;\n @include gradient-bg($background);\n border-color: $border;\n\n hr {\n border-top-color: darken($border, 5%);\n }\n\n .alert-link {\n color: darken($color, 10%);\n }\n}\n","// Bootstrap functions\n//\n// Utility mixins and functions for evaluating source code across our variables, maps, and mixins.\n\n// Ascending\n// Used to evaluate Sass maps like our grid breakpoints.\n@mixin _assert-ascending($map, $map-name) {\n $prev-key: null;\n $prev-num: null;\n @each $key, $num in $map {\n @if $prev-num == null or unit($num) == \"%\" {\n // Do nothing\n } @else if not comparable($prev-num, $num) {\n @warn \"Potentially invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} whose unit makes it incomparable to #{$prev-num}, the value of the previous key '#{$prev-key}' !\";\n } @else if $prev-num >= $num {\n @warn \"Invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} which isn't greater than #{$prev-num}, the value of the previous key '#{$prev-key}' !\";\n }\n $prev-key: $key;\n $prev-num: $num;\n }\n}\n\n// Starts at zero\n// Used to ensure the min-width of the lowest breakpoint starts at 0.\n@mixin _assert-starts-at-zero($map, $map-name: \"$grid-breakpoints\") {\n $values: map-values($map);\n $first-value: nth($values, 1);\n @if $first-value != 0 {\n @warn \"First breakpoint in #{$map-name} must start at 0, but starts at #{$first-value}.\";\n }\n}\n\n// Replace `$search` with `$replace` in `$string`\n// Used on our SVG icon backgrounds for custom forms.\n//\n// @author Hugo Giraudel\n// @param {String} $string - Initial string\n// @param {String} $search - Substring to replace\n// @param {String} $replace ('') - New value\n// @return {String} - Updated string\n@function str-replace($string, $search, $replace: \"\") {\n $index: str-index($string, $search);\n\n @if $index {\n @return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace);\n }\n\n @return $string;\n}\n\n// Color contrast\n@function color-yiq($color, $dark: $yiq-text-dark, $light: $yiq-text-light) {\n $r: red($color);\n $g: green($color);\n $b: blue($color);\n\n $yiq: (($r * 299) + ($g * 587) + ($b * 114)) / 1000;\n\n @if ($yiq >= $yiq-contrasted-threshold) {\n @return $dark;\n } @else {\n @return $light;\n }\n}\n\n// Retrieve color Sass maps\n@function color($key: \"blue\") {\n @return map-get($colors, $key);\n}\n\n@function theme-color($key: \"primary\") {\n @return map-get($theme-colors, $key);\n}\n\n@function gray($key: \"100\") {\n @return map-get($grays, $key);\n}\n\n// Request a theme color level\n@function theme-color-level($color-name: \"primary\", $level: 0) {\n $color: theme-color($color-name);\n $color-base: if($level > 0, $black, $white);\n $level: abs($level);\n\n @return mix($color-base, $color, $level * $theme-color-interval);\n}\n","// 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","@each $color, $value in $theme-colors {\n .#{$prefix}alert-#{$color} {\n color: $value;\n background-color: rgba($value, .15);\n border: none;\n }\n .#{$prefix}alert-toast.#{$prefix}alert-#{$color} {\n border: 1px solid $value;\n }\n}\n\n.#{$prefix}alert-info {\n color: $primary;\n background-color: rgba($primary, .15);\n border: none;\n}\n\n.#{$prefix}alert-toast.#{$prefix}alert-info {\n border: 1px solid $primary;\n}\n\n.#{$prefix}alert-error {\n color: $danger;\n background-color: rgba($danger, .15);\n border: none;\n}\n\n.#{$prefix}alert-toast.#{$prefix}alert-error {\n border: 1px solid $danger;\n}\n\n.#{$prefix}alert {\n display: flex;\n padding: 16px;\n font-size: 0;\n\n .#{$prefix}alert-icon {\n flex-basis: 24px;\n width: 24px;\n margin-right: 12px;\n font-size: 14px;\n vertical-align: top;\n .ic {\n color: inherit !important; // stylelint-disable-line declaration-no-important\n }\n }\n\n .#{$prefix}alert-content {\n display: inline-block;\n padding-top: 3px;\n font-size: 14px;\n color: $dark;\n vertical-align: top;\n }\n\n .#{$prefix}alert-icon + .#{$prefix}alert-content {\n flex: 1 1 0;\n }\n\n .#{$prefix}alert-title {\n font-weight: $font-weight-bold;\n line-height: 20px;\n }\n\n .#{$prefix}alert-description {\n line-height: 20px;\n }\n\n .#{$prefix}alert-title + .#{$prefix}alert-description {\n padding-top: 4px;\n }\n\n .#{$prefix}alert-link {\n display: block;\n padding-top: 16px;\n font-weight: 400;\n color: $link !important; // stylelint-disable-line declaration-no-important\n background-color: transparent;\n }\n}\n\n.#{$prefix}alert.#{$prefix}alert-dismissible {\n .close {\n position: relative;\n display: inline-block;\n width: 24px;\n height: 24px;\n padding: 0;\n color: $slate;\n .ic {\n font-size: 16px;\n font-weight: 700;\n line-height: 16px;\n vertical-align: top;\n }\n }\n}\n\n.#{$prefix}alert.#{$prefix}alert-small {\n .#{$prefix}alert-description {\n display: inline-block;\n }\n .#{$prefix}alert-link {\n display: inline-block;\n padding: 0;\n padding-left: 16px;\n font-weight: 400;\n color: $link !important; // stylelint-disable-line declaration-no-important\n background-color: transparent;\n }\n}\n\n.#{$prefix}alert.#{$prefix}alert-toast {\n display: inline-flex;\n padding: 12px;\n font-size: 0;\n background-color: $white;\n border-radius: 4px; // stylelint-disable-line property-blacklist\n box-shadow: 0 4px 8px 0 rgba($slate, .1), 0 12px 20px 0 rgba($slate, .2);\n .#{$prefix}alert-icon {\n margin-right: 8px;\n }\n .#{$prefix}alert-description {\n display: inline-block;\n }\n .#{$prefix}alert-link {\n display: inline-block;\n padding: 0;\n padding-left: 16px;\n font-weight: 400;\n color: $link !important; // stylelint-disable-line declaration-no-important\n background-color: transparent;\n }\n}\n"]}
|
|
1
|
+
{"version":3,"sources":["../../../scss/vendors/_close.scss","../../../scss/vendors/_rfs.scss","../../../scss/vendor-extensions/_typography.scss","../../../scss/vendor-extensions/_color.scss","mekari-ui-alert.css","../../../scss/vendors/mixins/_hover.scss","../../../scss/vendors/_transitions.scss","../../../scss/vendors/mixins/_transition.scss","../../../scss/vendor-extensions/_modal.scss","../../../scss/vendors/_alert.scss","../../../scss/vendor-extensions/_alert.scss","../../../scss/vendors/mixins/_border-radius.scss","../../../scss/vendors/mixins/_alert.scss","../../../scss/vendors/_functions.scss","../../../scss/vendors/mixins/_gradients.scss","../../../scss/components/config/_alert.scss"],"names":[],"mappings":"AAAA;EACE,YAAY;ECwJN,oBAhEU;EDtFhB,gBEeuC;EFdvC,cAAc;EACd,WGHU;EHIV,yBGAU;EHCV,WAAW;AICb;;AHuKQ;ED/KR;ICuLY,sCA9D+C;EG5GzD;AACF;;ACFE;ELDE,WGTQ;EHUR,qBAAqB;AIOzB;;ACHE;ELCI,YAAY;AIMlB;;AJKA;EACE,UAAU;EACV,6BAA6B;EAC7B,SAAS;EACT,wBAAgB;EAAhB,qBAAgB;EAAhB,gBAAgB;AIFlB;;AJQA;EACE,oBAAoB;AILtB;;AElCA;ECMM,gCCK2C;AJ2BjD;;AG3BI;EDXJ;ICYM,gBAAgB;EH+BpB;AACF;;AE5CA;EAII,UAAU;AF4Cd;;AExCA;EAEI,aAAa;AF0CjB;;AEtCA;EACE,kBAAkB;EAClB,SAAS;EACT,gBAAgB;ECXZ,6BCMwC;AJ+C9C;;AGhDI;EDGJ;ICFM,gBAAgB;EHoDpB;AACF;;AK7DA;EACE,kBAAkB;EAClB,wBCDyC;EDEzC,mBCDsC;EDEtC,6BAA6C;EEH3C,kBDEmC;ANkEvC;;AK5DA;EAEE,cAAc;AL8DhB;;AK1DA;EACE,gBCZqC;ANyEvC;;AKrDA;EACE,wBAAsD;ALwDxD;;AKzDA;EAKI,kBAAkB;EAClB,MAAM;EACN,QAAQ;EACR,wBC/BuC;EDgCvC,cAAc;ALwDlB;;AK9CE;EG9CA,cCmFgE;EC9E9D,yBD8E8D;EDjFhE,qBCiFgE;ATelE;;AQ9FE;EACE,yBAAqC;ARiGzC;;AQ9FE;EACE,cAA0B;ARiG9B;;AK5DE;EG9CA,cCmFgE;EC9E9D,yBD8E8D;EDjFhE,qBCiFgE;AT6BlE;;AQ5GE;EACE,yBAAqC;AR+GzC;;AQ5GE;EACE,cAA0B;AR+G9B;;AK1EE;EG9CA,cCmFgE;EC9E9D,yBD8E8D;EDjFhE,qBCiFgE;AT2ClE;;AQ1HE;EACE,yBAAqC;AR6HzC;;AQ1HE;EACE,cAA0B;AR6H9B;;AKxFE;EG9CA,cCmFgE;EC9E9D,yBD8E8D;EDjFhE,qBCiFgE;ATyDlE;;AQxIE;EACE,yBAAqC;AR2IzC;;AQxIE;EACE,cAA0B;AR2I9B;;AKtGE;EG9CA,cCmFgE;EC9E9D,yBD8E8D;EDjFhE,qBCiFgE;ATuElE;;AQtJE;EACE,yBAAqC;ARyJzC;;AQtJE;EACE,cAA0B;ARyJ9B;;AKpHE;EG9CA,cCmFgE;EC9E9D,yBD8E8D;EDjFhE,qBCiFgE;ATqFlE;;AQpKE;EACE,yBAAqC;ARuKzC;;AQpKE;EACE,cAA0B;ARuK9B;;AKlIE;EG9CA,cCmFgE;EC9E9D,yBD8E8D;EDjFhE,qBCiFgE;ATmGlE;;AQlLE;EACE,yBAAqC;ARqLzC;;AQlLE;EACE,cAA0B;ARqL9B;;AKhJE;EG9CA,cCmFgE;EC9E9D,yBD8E8D;EDjFhE,qBCiFgE;ATiHlE;;AQhME;EACE,yBAAqC;ARmMzC;;AQhME;EACE,cAA0B;ARmM9B;;AK9JE;EG9CA,cCmFgE;EC9E9D,yBD8E8D;EDjFhE,qBCiFgE;AT+HlE;;AQ9ME;EACE,yBAAqC;ARiNzC;;AQ9ME;EACE,cAA0B;ARiN9B;;AK5KE;EG9CA,cCmFgE;EC9E9D,2BD8E8D;EDjFhE,qBCiFgE;AT6IlE;;AQ5NE;EACE,yBAAqC;AR+NzC;;AQ5NE;EACE,YAA0B;AR+N9B;;AK1LE;EG9CA,cCmFgE;EC9E9D,yBD8E8D;EDjFhE,qBCiFgE;AT2JlE;;AQ1OE;EACE,yBAAqC;AR6OzC;;AQ1OE;EACE,cAA0B;AR6O9B;;AKxME;EG9CA,cCmFgE;EC9E9D,yBD8E8D;EDjFhE,qBCiFgE;ATyKlE;;AQxPE;EACE,yBAAqC;AR2PzC;;AQxPE;EACE,cAA0B;AR2P9B;;AKtNE;EG9CA,cCmFgE;EC9E9D,yBD8E8D;EDjFhE,qBCiFgE;ATuLlE;;AQtQE;EACE,yBAAqC;ARyQzC;;AQtQE;EACE,cAA0B;ARyQ9B;;AKpOE;EG9CA,cCmFgE;EC9E9D,yBD8E8D;EDjFhE,qBCiFgE;ATqMlE;;AQpRE;EACE,yBAAqC;ARuRzC;;AQpRE;EACE,cAA0B;ARuR9B;;AKlPE;EG9CA,cCmFgE;EC9E9D,yBD8E8D;EDjFhE,qBCiFgE;ATmNlE;;AQlSE;EACE,yBAAqC;ARqSzC;;AQlSE;EACE,cAA0B;ARqS9B;;AKhQE;EG9CA,cCmFgE;EC9E9D,yBD8E8D;EDjFhE,qBCiFgE;ATiOlE;;AQhTE;EACE,yBAAqC;ARmTzC;;AQhTE;EACE,cAA0B;ARmT9B;;AK9QE;EG9CA,cCmFgE;EC9E9D,uBD8E8D;EDjFhE,mBCiFgE;AT+OlE;;AQ9TE;EACE,yBAAqC;ARiUzC;;AQ9TE;EACE,cAA0B;ARiU9B;;AW1UE;EACE,cZQmB;EYPnB,yCZOmB;EYNnB,YAAY;AX6UhB;;AW3UE;EACE,yBZGmB;AC2UvB;;AWpVE;EACE,cZSmB;EYRnB,wCZQmB;EYPnB,YAAY;AXuVhB;;AWrVE;EACE,yBZImB;ACoVvB;;AW9VE;EACE,cZUmB;EYTnB,2CZSmB;EYRnB,YAAY;AXiWhB;;AW/VE;EACE,yBZKmB;AC6VvB;;AWxWE;EACE,cZYmB;EYXnB,yCZWmB;EYVnB,YAAY;AX2WhB;;AWzWE;EACE,yBZOmB;ACqWvB;;AWlXE;EACE,cZamB;EYZnB,wCZYmB;EYXnB,YAAY;AXqXhB;;AWnXE;EACE,yBZQmB;AC8WvB;;AW5XE;EACE,cZiBiB;EYhBjB,yCZgBiB;EYfjB,YAAY;AX+XhB;;AW7XE;EACE,yBZYiB;ACoXrB;;AWtYE;EACE,cZgBiB;EYfjB,yCZeiB;EYdjB,YAAY;AXyYhB;;AWvYE;EACE,yBZWiB;AC+XrB;;AWhZE;EACE,cZkBiB;EYjBjB,yCZiBiB;EYhBjB,YAAY;AXmZhB;;AWjZE;EACE,yBZaiB;ACuYrB;;AW1ZE;EACE,cZmBiB;EYlBjB,0CZkBiB;EYjBjB,YAAY;AX6ZhB;;AW3ZE;EACE,yBZciB;ACgZrB;;AWpaE;EACE,cZDW;EYEX,wCZFW;EYGX,YAAY;AXuahB;;AWraE;EACE,yBZNW;AC8af;;AW9aE;EACE,WZAQ;EYCR,2CZDQ;EYER,YAAY;AXibhB;;AW/aE;EACE,sBZLQ;ACubZ;;AWxbE;EACE,cZCW;EYAX,2CZAW;EYCX,YAAY;AX2bhB;;AWzbE;EACE,yBZJW;ACgcf;;AWlcE;EACE,cZEW;EYDX,2CZCW;EYAX,YAAY;AXqchB;;AWncE;EACE,yBZHW;ACycf;;AW5cE;EACE,cZGW;EYFX,2CZEW;EYDX,YAAY;AX+chB;;AW7cE;EACE,yBZFW;ACkdf;;AWtdE;EACE,cZKW;EYJX,2CZIW;EYHX,YAAY;AXydhB;;AWvdE;EACE,yBZAW;AC0df;;AWheE;EACE,cZWmB;EYVnB,yCZUmB;EYTnB,YAAY;AXmehB;;AWjeE;EACE,yBZMmB;AC8dvB;;AW1eE;EACE,WZIQ;EYHR,2CZGQ;EYFR,YAAY;AX6ehB;;AW3eE;EACE,sBZDQ;AC+eZ;;AW1eA;EACE,cZGqB;EYFrB,wCZEqB;EYDrB,YAAY;AX6ed;;AW1eA;EACE,yBZHqB;ACgfvB;;AW1eA;EACE,cZZqB;EYarB,yCZbqB;EYcrB,YAAY;AX6ed;;AW1eA;EACE,yBZlBqB;AC+fvB;;AW1eA;EACE,aAAa;EACb,aAAa;EACb,YAAY;AX6ed;;AWhfA;EAMI,gBAAgB;EAChB,WAAW;EACX,kBAAkB;EAClB,eAAe;EACf,mBAAmB;AX8evB;;AWxfA;EAYM,yBAAyB;AXgf/B;;AW5fA;EAiBI,qBAAqB;EACrB,gBAAgB;EAChB,eAAe;EACf,cZlDW;EYmDX,mBAAmB;AX+evB;;AWpgBA;EAyBI,WAAW;AX+ef;;AWxgBA;EA6BI,gBb1CqC;Ea2CrC,iBAAiB;AX+erB;;AW7gBA;EAkCI,iBAAiB;AX+erB;;AWjhBA;EAsCI,gBAAgB;AX+epB;;AWrhBA;EA0CI,cAAc;EACd,iBAAiB;EACjB,gBAAgB;EAChB,yBAAuB;EACvB,6BAA6B;AX+ejC;;AW3eA;EAEI,kBAAkB;EAClB,qBAAqB;EACrB,WAAW;EACX,YAAY;EACZ,UAAU;EACV,WZtFQ;ACmkBZ;;AWpfA;EASM,eAAe;EACf,gBAAgB;EAChB,iBAAiB;EACjB,mBAAmB;AX+ezB;;AW1eA;EAEI,aAAa;AX4ejB;;AW9eA;EAKI,qBAAqB;AX6ezB;;AWlfA;EAQI,qBAAqB;EACrB,UAAU;EACV,kBAAkB;EAClB,gBAAgB;EAChB,yBAAuB;EACvB,6BAA6B;AX8ejC;;AW1eA;EACE,oBAAoB;EACpB,aAAa;EACb,YAAY;EACZ,sBZjHU;EYkHV,kBAAkB;EAClB,wFZvHU;AComBZ;;AWnfA;EAQI,iBAAiB;AX+erB;;AWvfA;EAWI,qBAAqB;AXgfzB;;AW3fA;EAcI,qBAAqB;EACrB,UAAU;EACV,kBAAkB;EAClB,gBAAgB;EAChB,yBAAuB;EACvB,6BAA6B;AXifjC","file":"mekari-ui-alert.css","sourcesContent":[".close {\n float: right;\n @include font-size($close-font-size);\n font-weight: $close-font-weight;\n line-height: 1;\n color: $close-color;\n text-shadow: $close-text-shadow;\n opacity: .5;\n\n // Override <a>'s hover style\n @include hover {\n color: $close-color;\n text-decoration: none;\n }\n\n &:not(:disabled):not(.disabled) {\n @include hover-focus {\n opacity: .75;\n }\n }\n}\n\n// Additional properties for button version\n// iOS requires the button element instead of an anchor tag.\n// If you want the anchor version, it requires `href=\"#\"`.\n// See https://developer.mozilla.org/en-US/docs/Web/Events/click#Safari_Mobile\n\n// stylelint-disable-next-line selector-no-qualifying-type\nbutton.close {\n padding: 0;\n background-color: transparent;\n border: 0;\n appearance: none;\n}\n\n// Future-proof disabling of clicks on `<a>` elements\n\n// stylelint-disable-next-line selector-no-qualifying-type\na.close.disabled {\n pointer-events: none;\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","$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%) !default;\n$link-decoration: none;\n$link-hover-decoration: underline;\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",".close {\n float: right;\n font-size: 1.3125rem;\n font-weight: 500;\n line-height: 1;\n color: #777;\n text-shadow: 0 1px 0 #fff;\n opacity: .5;\n}\n\n@media (max-width: 1200px) {\n .close {\n font-size: calc(1.25625rem + 0.075vw) ;\n }\n}\n\n.close:hover {\n color: #777;\n text-decoration: none;\n}\n\n.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus {\n opacity: .75;\n}\n\nbutton.close {\n padding: 0;\n background-color: transparent;\n border: 0;\n appearance: none;\n}\n\na.close.disabled {\n pointer-events: none;\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.alert {\n position: relative;\n padding: 0.75rem 1.25rem;\n margin-bottom: 1rem;\n border: 1px solid transparent;\n border-radius: 4px;\n}\n\n.alert-heading {\n color: inherit;\n}\n\n.alert-link {\n font-weight: 500;\n}\n\n.alert-dismissible {\n padding-right: 3.8125rem;\n}\n\n.alert-dismissible .close {\n position: absolute;\n top: 0;\n right: 0;\n padding: 0.75rem 1.25rem;\n color: inherit;\n}\n\n.alert-danger {\n color: #702112;\n background-color: #f7d9d3;\n border-color: #f4cac1;\n}\n\n.alert-danger hr {\n border-top-color: #f0b7ab;\n}\n\n.alert-danger .alert-link {\n color: #44140b;\n}\n\n.alert-success {\n color: #005332;\n background-color: #ccecdf;\n border-color: #b8e4d3;\n}\n\n.alert-success hr {\n border-top-color: #a6ddc8;\n}\n\n.alert-success .alert-link {\n color: #002013;\n}\n\n.alert-info {\n color: #857a50;\n background-color: #fffbeb;\n border-color: #fff9e2;\n}\n\n.alert-info hr {\n border-top-color: #fff4c9;\n}\n\n.alert-info .alert-link {\n color: #655d3d;\n}\n\n.alert-warning {\n color: #855f00;\n background-color: #fff1cc;\n border-color: #ffebb8;\n}\n\n.alert-warning hr {\n border-top-color: #ffe49f;\n}\n\n.alert-warning .alert-link {\n color: #523b00;\n}\n\n.alert-primary {\n color: #003163;\n background-color: #ccdff2;\n border-color: #b8d2ed;\n}\n\n.alert-primary hr {\n border-top-color: #a4c5e8;\n}\n\n.alert-primary .alert-link {\n color: #001830;\n}\n\n.alert-jurnal {\n color: #005173;\n background-color: #ccebf8;\n border-color: #b8e3f6;\n}\n\n.alert-jurnal hr {\n border-top-color: #a1daf3;\n}\n\n.alert-jurnal .alert-link {\n color: #002d40;\n}\n\n.alert-talenta {\n color: #64161b;\n background-color: #f2d4d6;\n border-color: #edc3c6;\n}\n\n.alert-talenta hr {\n border-top-color: #e7afb3;\n}\n\n.alert-talenta .alert-link {\n color: #3a0d10;\n}\n\n.alert-klikpajak {\n color: #813901;\n background-color: #fee2cc;\n border-color: #fdd6b8;\n}\n\n.alert-klikpajak hr {\n border-top-color: #fcc89f;\n}\n\n.alert-klikpajak .alert-link {\n color: #4e2301;\n}\n\n.alert-mekari {\n color: #392577;\n background-color: #e2dafa;\n border-color: #d6ccf8;\n}\n\n.alert-mekari hr {\n border-top-color: #c4b6f5;\n}\n\n.alert-mekari .alert-link {\n color: #261950;\n}\n\n.alert-dark {\n color: #111111;\n background-color: lightgray;\n border-color: #c1c1c1;\n}\n\n.alert-dark hr {\n border-top-color: #b4b4b4;\n}\n\n.alert-dark .alert-link {\n color: black;\n}\n\n.alert-slate {\n color: #3e3e3e;\n background-color: #e4e4e4;\n border-color: #d9d9d9;\n}\n\n.alert-slate hr {\n border-top-color: #cccccc;\n}\n\n.alert-slate .alert-link {\n color: #252525;\n}\n\n.alert-muted {\n color: #5e5e5e;\n background-color: #f0f0f0;\n border-color: #eaeaea;\n}\n\n.alert-muted hr {\n border-top-color: #dddddd;\n}\n\n.alert-muted .alert-link {\n color: #454545;\n}\n\n.alert-smoke {\n color: #767676;\n background-color: #f9f9f9;\n border-color: #f7f7f7;\n}\n\n.alert-smoke hr {\n border-top-color: #eaeaea;\n}\n\n.alert-smoke .alert-link {\n color: #5d5d5d;\n}\n\n.alert-light {\n color: #838383;\n background-color: #fefefe;\n border-color: #fefefe;\n}\n\n.alert-light hr {\n border-top-color: #f1f1f1;\n}\n\n.alert-light .alert-link {\n color: #6a6a6a;\n}\n\n.alert-cloud {\n color: #7e7f80;\n background-color: #fcfdfd;\n border-color: #fbfcfd;\n}\n\n.alert-cloud hr {\n border-top-color: #eaeff5;\n}\n\n.alert-cloud .alert-link {\n color: #656666;\n}\n\n.alert-link {\n color: #0a2d85;\n background-color: #d0ddff;\n border-color: #bdd0ff;\n}\n\n.alert-link hr {\n border-top-color: #a4beff;\n}\n\n.alert-link .alert-link {\n color: #061d56;\n}\n\n.alert-white {\n color: #858585;\n background-color: white;\n border-color: white;\n}\n\n.alert-white hr {\n border-top-color: #f2f2f2;\n}\n\n.alert-white .alert-link {\n color: #6c6c6c;\n}\n\n.alert-danger {\n color: #d74022;\n background-color: rgba(215, 64, 34, 0.15);\n border: none;\n}\n\n.alert-toast.alert-danger {\n border: 1px solid #d74022;\n}\n\n.alert-success {\n color: #009f61;\n background-color: rgba(0, 159, 97, 0.15);\n border: none;\n}\n\n.alert-toast.alert-success {\n border: 1px solid #009f61;\n}\n\n.alert-info {\n color: #ffeb99;\n background-color: rgba(255, 235, 153, 0.15);\n border: none;\n}\n\n.alert-toast.alert-info {\n border: 1px solid #ffeb99;\n}\n\n.alert-warning {\n color: #ffb700;\n background-color: rgba(255, 183, 0, 0.15);\n border: none;\n}\n\n.alert-toast.alert-warning {\n border: 1px solid #ffb700;\n}\n\n.alert-primary {\n color: #005fbf;\n background-color: rgba(0, 95, 191, 0.15);\n border: none;\n}\n\n.alert-toast.alert-primary {\n border: 1px solid #005fbf;\n}\n\n.alert-jurnal {\n color: #009bde;\n background-color: rgba(0, 155, 222, 0.15);\n border: none;\n}\n\n.alert-toast.alert-jurnal {\n border: 1px solid #009bde;\n}\n\n.alert-talenta {\n color: #c02a34;\n background-color: rgba(192, 42, 52, 0.15);\n border: none;\n}\n\n.alert-toast.alert-talenta {\n border: 1px solid #c02a34;\n}\n\n.alert-klikpajak {\n color: #f96d01;\n background-color: rgba(249, 109, 1, 0.15);\n border: none;\n}\n\n.alert-toast.alert-klikpajak {\n border: 1px solid #f96d01;\n}\n\n.alert-mekari {\n color: #6d48e5;\n background-color: rgba(109, 72, 229, 0.15);\n border: none;\n}\n\n.alert-toast.alert-mekari {\n border: 1px solid #6d48e5;\n}\n\n.alert-dark {\n color: #212121;\n background-color: rgba(33, 33, 33, 0.15);\n border: none;\n}\n\n.alert-toast.alert-dark {\n border: 1px solid #212121;\n}\n\n.alert-slate {\n color: #777;\n background-color: rgba(119, 119, 119, 0.15);\n border: none;\n}\n\n.alert-toast.alert-slate {\n border: 1px solid #777;\n}\n\n.alert-muted {\n color: #b4b4b4;\n background-color: rgba(180, 180, 180, 0.15);\n border: none;\n}\n\n.alert-toast.alert-muted {\n border: 1px solid #b4b4b4;\n}\n\n.alert-smoke {\n color: #e2e2e2;\n background-color: rgba(226, 226, 226, 0.15);\n border: none;\n}\n\n.alert-toast.alert-smoke {\n border: 1px solid #e2e2e2;\n}\n\n.alert-light {\n color: #fbfbfb;\n background-color: rgba(251, 251, 251, 0.15);\n border: none;\n}\n\n.alert-toast.alert-light {\n border: 1px solid #fbfbfb;\n}\n\n.alert-cloud {\n color: #f2f4f7;\n background-color: rgba(242, 244, 247, 0.15);\n border: none;\n}\n\n.alert-toast.alert-cloud {\n border: 1px solid #f2f4f7;\n}\n\n.alert-link {\n color: #1357ff;\n background-color: rgba(19, 87, 255, 0.15);\n border: none;\n}\n\n.alert-toast.alert-link {\n border: 1px solid #1357ff;\n}\n\n.alert-white {\n color: #fff;\n background-color: rgba(255, 255, 255, 0.15);\n border: none;\n}\n\n.alert-toast.alert-white {\n border: 1px solid #fff;\n}\n\n.alert-info {\n color: #005fbf;\n background-color: rgba(0, 95, 191, 0.15);\n border: none;\n}\n\n.alert-toast.alert-info {\n border: 1px solid #005fbf;\n}\n\n.alert-error {\n color: #d74022;\n background-color: rgba(215, 64, 34, 0.15);\n border: none;\n}\n\n.alert-toast.alert-error {\n border: 1px solid #d74022;\n}\n\n.alert {\n display: flex;\n padding: 16px;\n font-size: 0;\n}\n\n.alert .alert-icon {\n flex-basis: 24px;\n width: 24px;\n margin-right: 12px;\n font-size: 14px;\n vertical-align: top;\n}\n\n.alert .alert-icon .ic {\n color: inherit !important;\n}\n\n.alert .alert-content {\n display: inline-block;\n padding-top: 3px;\n font-size: 14px;\n color: #212121;\n vertical-align: top;\n}\n\n.alert .alert-icon + .alert-content {\n flex: 1 1 0;\n}\n\n.alert .alert-title {\n font-weight: 500;\n line-height: 20px;\n}\n\n.alert .alert-description {\n line-height: 20px;\n}\n\n.alert .alert-title + .alert-description {\n padding-top: 4px;\n}\n\n.alert .alert-link {\n display: block;\n padding-top: 16px;\n font-weight: 400;\n color: #1357ff !important;\n background-color: transparent;\n}\n\n.alert.alert-dismissible .close {\n position: relative;\n display: inline-block;\n width: 24px;\n height: 24px;\n padding: 0;\n color: #777;\n}\n\n.alert.alert-dismissible .close .ic {\n font-size: 16px;\n font-weight: 700;\n line-height: 16px;\n vertical-align: top;\n}\n\n.alert.alert-small .alert-content {\n display: flex;\n}\n\n.alert.alert-small .alert-description {\n display: inline-block;\n}\n\n.alert.alert-small .alert-link {\n display: inline-block;\n padding: 0;\n padding-left: 16px;\n font-weight: 400;\n color: #1357ff !important;\n background-color: transparent;\n}\n\n.alert.alert-toast {\n display: inline-flex;\n padding: 12px;\n font-size: 0;\n background-color: #fff;\n border-radius: 4px;\n box-shadow: 0 4px 8px 0 rgba(119, 119, 119, 0.1), 0 12px 20px 0 rgba(119, 119, 119, 0.2);\n}\n\n.alert.alert-toast .alert-icon {\n margin-right: 8px;\n}\n\n.alert.alert-toast .alert-description {\n display: inline-block;\n}\n\n.alert.alert-toast .alert-link {\n display: inline-block;\n padding: 0;\n padding-left: 16px;\n font-weight: 400;\n color: #1357ff !important;\n background-color: transparent;\n}\n\n/*# sourceMappingURL=mekari-ui-alert.css.map */","// 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",".#{$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","$modal-content-border-color: $smoke;\n$modal-title-line-height: 20px;\n$modal-header-padding: 17px 24px 15px;\n$modal-inner-padding: 24px;\n$modal-backdrop-opacity: .75;\n\n$modal-lg: 808px;\n$modal-md: 600px;\n$modal-sm: 392px;\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$modal-dialog-margin: .5rem;\n$modal-dialog-margin-y-sm-up: 1.75rem;\n$modal-fade-transform: translate(0, -50px);\n$modal-show-transform: none;\n$modal-transition: transform .3s ease-out;\n$modal-content-color: null;\n$modal-content-bg: $white;\n$modal-content-border-width: 1px;\n$modal-content-border-radius: .3rem;\n\n$modal-content-box-shadow-xs: 0 .25rem .5rem rgba($black, .5);\n$modal-content-box-shadow-sm-up: 0 .5rem 1rem rgba($black, .5);\n\n$modal-backdrop-bg: $black;\n$modal-header-border-width: $modal-content-border-width;\n$modal-header-border-color: $smoke;\n$modal-header-padding-y: 16px;\n$modal-header-padding-x: 16px;\n$modal-header-padding: $modal-header-padding-y $modal-header-padding-x; // Keep this for backwards compatibility\n$modal-footer-border-width: 1px;\n$modal-footer-border-color: $smoke;\n$modal-xl: 1140px;\n\n$close-font-size: $font-size-base * 1.5;\n$close-font-weight: $font-weight-bold;\n$close-color: $slate;\n$close-text-shadow: 0 1px 0 $white;\n","//\n// Base styles\n//\n\n.alert {\n position: relative;\n padding: $alert-padding-y $alert-padding-x;\n margin-bottom: $alert-margin-bottom;\n border: $alert-border-width solid transparent;\n @include border-radius($alert-border-radius);\n}\n\n// Headings for larger alerts\n.#{$prefix}alert-heading {\n // Specified to prevent conflicts of changing $headings-color\n color: inherit;\n}\n\n// Provide class for links that match alerts\n.#{$prefix}alert-link {\n font-weight: $alert-link-font-weight;\n}\n\n\n// Dismissible alerts\n//\n// Expand the right padding and account for the close button's positioning.\n\n.#{$prefix}alert-dismissible {\n padding-right: $close-font-size + $alert-padding-x * 2;\n\n // Adjust close link position\n .close {\n position: absolute;\n top: 0;\n right: 0;\n padding: $alert-padding-y $alert-padding-x;\n color: inherit;\n }\n}\n\n\n// Alternate styles\n//\n// Generate contextual modifier classes for colorizing the alert.\n\n@each $color, $value in $theme-colors {\n .#{$prefix}alert-#{$color} {\n @include alert-variant(theme-color-level($color, $alert-bg-level), theme-color-level($color, $alert-border-level), theme-color-level($color, $alert-color-level));\n }\n}\n","// Alerts\n//\n// Define alert colors, border radius, and padding.\n\n$alert-padding-y: .75rem;\n$alert-padding-x: 1.25rem;\n$alert-margin-bottom: 1rem;\n$alert-border-radius: 4px;\n$alert-link-font-weight: 500;\n$alert-border-width: 1px;\n\n$alert-bg-level: -10;\n$alert-border-level: -9;\n$alert-color-level: 6;\n","// stylelint-disable property-blacklist\n// Single side border-radius\n\n@mixin border-radius($radius: $border-radius, $fallback-border-radius: false) {\n @if $enable-rounded {\n border-radius: $radius;\n }\n @else if $fallback-border-radius != false {\n border-radius: $fallback-border-radius;\n }\n}\n\n@mixin border-top-radius($radius) {\n @if $enable-rounded {\n border-top-left-radius: $radius;\n border-top-right-radius: $radius;\n }\n}\n\n@mixin border-right-radius($radius) {\n @if $enable-rounded {\n border-top-right-radius: $radius;\n border-bottom-right-radius: $radius;\n }\n}\n\n@mixin border-bottom-radius($radius) {\n @if $enable-rounded {\n border-bottom-right-radius: $radius;\n border-bottom-left-radius: $radius;\n }\n}\n\n@mixin border-left-radius($radius) {\n @if $enable-rounded {\n border-top-left-radius: $radius;\n border-bottom-left-radius: $radius;\n }\n}\n\n@mixin border-top-left-radius($radius) {\n @if $enable-rounded {\n border-top-left-radius: $radius;\n }\n}\n\n@mixin border-top-right-radius($radius) {\n @if $enable-rounded {\n border-top-right-radius: $radius;\n }\n}\n\n@mixin border-bottom-right-radius($radius) {\n @if $enable-rounded {\n border-bottom-right-radius: $radius;\n }\n}\n\n@mixin border-bottom-left-radius($radius) {\n @if $enable-rounded {\n border-bottom-left-radius: $radius;\n }\n}\n","@mixin alert-variant($background, $border, $color) {\n color: $color;\n @include gradient-bg($background);\n border-color: $border;\n\n hr {\n border-top-color: darken($border, 5%);\n }\n\n .alert-link {\n color: darken($color, 10%);\n }\n}\n","// Bootstrap functions\n//\n// Utility mixins and functions for evaluating source code across our variables, maps, and mixins.\n\n// Ascending\n// Used to evaluate Sass maps like our grid breakpoints.\n@mixin _assert-ascending($map, $map-name) {\n $prev-key: null;\n $prev-num: null;\n @each $key, $num in $map {\n @if $prev-num == null or unit($num) == \"%\" {\n // Do nothing\n } @else if not comparable($prev-num, $num) {\n @warn \"Potentially invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} whose unit makes it incomparable to #{$prev-num}, the value of the previous key '#{$prev-key}' !\";\n } @else if $prev-num >= $num {\n @warn \"Invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} which isn't greater than #{$prev-num}, the value of the previous key '#{$prev-key}' !\";\n }\n $prev-key: $key;\n $prev-num: $num;\n }\n}\n\n// Starts at zero\n// Used to ensure the min-width of the lowest breakpoint starts at 0.\n@mixin _assert-starts-at-zero($map, $map-name: \"$grid-breakpoints\") {\n $values: map-values($map);\n $first-value: nth($values, 1);\n @if $first-value != 0 {\n @warn \"First breakpoint in #{$map-name} must start at 0, but starts at #{$first-value}.\";\n }\n}\n\n// Replace `$search` with `$replace` in `$string`\n// Used on our SVG icon backgrounds for custom forms.\n//\n// @author Hugo Giraudel\n// @param {String} $string - Initial string\n// @param {String} $search - Substring to replace\n// @param {String} $replace ('') - New value\n// @return {String} - Updated string\n@function str-replace($string, $search, $replace: \"\") {\n $index: str-index($string, $search);\n\n @if $index {\n @return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace);\n }\n\n @return $string;\n}\n\n// Color contrast\n@function color-yiq($color, $dark: $yiq-text-dark, $light: $yiq-text-light) {\n $r: red($color);\n $g: green($color);\n $b: blue($color);\n\n $yiq: (($r * 299) + ($g * 587) + ($b * 114)) / 1000;\n\n @if ($yiq >= $yiq-contrasted-threshold) {\n @return $dark;\n } @else {\n @return $light;\n }\n}\n\n// Retrieve color Sass maps\n@function color($key: \"blue\") {\n @return map-get($colors, $key);\n}\n\n@function theme-color($key: \"primary\") {\n @return map-get($theme-colors, $key);\n}\n\n@function gray($key: \"100\") {\n @return map-get($grays, $key);\n}\n\n// Request a theme color level\n@function theme-color-level($color-name: \"primary\", $level: 0) {\n $color: theme-color($color-name);\n $color-base: if($level > 0, $black, $white);\n $level: abs($level);\n\n @return mix($color-base, $color, $level * $theme-color-interval);\n}\n","// 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","@each $color, $value in $theme-colors {\n .#{$prefix}alert-#{$color} {\n color: $value;\n background-color: rgba($value, .15);\n border: none;\n }\n .#{$prefix}alert-toast.#{$prefix}alert-#{$color} {\n border: 1px solid $value;\n }\n}\n\n.#{$prefix}alert-info {\n color: $primary;\n background-color: rgba($primary, .15);\n border: none;\n}\n\n.#{$prefix}alert-toast.#{$prefix}alert-info {\n border: 1px solid $primary;\n}\n\n.#{$prefix}alert-error {\n color: $danger;\n background-color: rgba($danger, .15);\n border: none;\n}\n\n.#{$prefix}alert-toast.#{$prefix}alert-error {\n border: 1px solid $danger;\n}\n\n.#{$prefix}alert {\n display: flex;\n padding: 16px;\n font-size: 0;\n\n .#{$prefix}alert-icon {\n flex-basis: 24px;\n width: 24px;\n margin-right: 12px;\n font-size: 14px;\n vertical-align: top;\n .ic {\n color: inherit !important; // stylelint-disable-line declaration-no-important\n }\n }\n\n .#{$prefix}alert-content {\n display: inline-block;\n padding-top: 3px;\n font-size: 14px;\n color: $dark;\n vertical-align: top;\n }\n\n .#{$prefix}alert-icon + .#{$prefix}alert-content {\n flex: 1 1 0;\n }\n\n .#{$prefix}alert-title {\n font-weight: $font-weight-bold;\n line-height: 20px;\n }\n\n .#{$prefix}alert-description {\n line-height: 20px;\n }\n\n .#{$prefix}alert-title + .#{$prefix}alert-description {\n padding-top: 4px;\n }\n\n .#{$prefix}alert-link {\n display: block;\n padding-top: 16px;\n font-weight: 400;\n color: $link !important; // stylelint-disable-line declaration-no-important\n background-color: transparent;\n }\n}\n\n.#{$prefix}alert.#{$prefix}alert-dismissible {\n .close {\n position: relative;\n display: inline-block;\n width: 24px;\n height: 24px;\n padding: 0;\n color: $slate;\n .ic {\n font-size: 16px;\n font-weight: 700;\n line-height: 16px;\n vertical-align: top;\n }\n }\n}\n\n.#{$prefix}alert.#{$prefix}alert-small {\n .#{$prefix}alert-content {\n display: flex;\n }\n .#{$prefix}alert-description {\n display: inline-block;\n }\n .#{$prefix}alert-link {\n display: inline-block;\n padding: 0;\n padding-left: 16px;\n font-weight: 400;\n color: $link !important; // stylelint-disable-line declaration-no-important\n background-color: transparent;\n }\n}\n\n.#{$prefix}alert.#{$prefix}alert-toast {\n display: inline-flex;\n padding: 12px;\n font-size: 0;\n background-color: $white;\n border-radius: 4px; // stylelint-disable-line property-blacklist\n box-shadow: 0 4px 8px 0 rgba($slate, .1), 0 12px 20px 0 rgba($slate, .2);\n .#{$prefix}alert-icon {\n margin-right: 8px;\n }\n .#{$prefix}alert-description {\n display: inline-block;\n }\n .#{$prefix}alert-link {\n display: inline-block;\n padding: 0;\n padding-left: 16px;\n font-weight: 400;\n color: $link !important; // stylelint-disable-line declaration-no-important\n background-color: transparent;\n }\n}\n"]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
@charset "UTF-8";.avatar.avatar-default-file,.avatar.avatar-default-image,.avatar.avatar-default-people{background-repeat:no-repeat;background-position:center center;background-origin:content-box;background-size:60% 60%}.avatar.avatar-xlarge::after,.avatar::after{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0}.avatar{position:relative;display:inline-block;overflow:hidden;text-align:center;vertical-align:middle;background-color:#e2e2e2}.avatar::after{content:"\A";background:rgba(0,0,0,.5)}.avatar:hover::after{cursor:pointer;opacity:1}.avatar .avatar-photo{width:100%;height:100%;vertical-align:top;background-color:#e2e2e2}.avatar.avatar-default-people{background-image:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='60px' height='60px' viewBox='0 0 60 60' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3E57B2CFBF-9694-4E42-8A9B-7C4261320855svg/%3C/title%3E%3Cdefs%3E%3Ccircle id='path-1' cx='30' cy='30' r='30'%3E%3C/circle%3E%3C/defs%3E%3Cg id='Design-Principle' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Components/-Avatar' transform='translate(-852.000000, -1412.000000)'%3E%3Cg id='Default-avatars' transform='translate(660.000000, 1315.000000)'%3E%3Cg id='Components/-Avatar/-Circle/-60px' transform='translate(192.000000, 97.000000)'%3E%3Cg id='Border'%3E%3Ccircle cx='30' cy='30' r='30'%3E%3C/circle%3E%3C/g%3E%3Cg id='Container'%3E%3Cmask id='mask-2' fill='white'%3E%3Cuse xlink:href='%23path-1'%3E%3C/use%3E%3C/mask%3E%3Cg id='Oval'%3E%3C/g%3E%3Cg id='Type' mask='url(%23mask-2)' fill-rule='nonzero'%3E%3Cg id='🙂-Face'%3E%3Crect id='Base' fill='%23E2E2E2' x='0' y='0' width='60' height='60'%3E%3C/rect%3E%3Cpath d='M31.7647059,38.8235294 C41.5109073,38.8235294 49.4117647,46.7243868 49.4117647,56.4705882 L49.4117647,60 L10.5882353,60 L10.5882353,56.4705882 C10.5882353,46.7243868 18.4890927,38.8235294 28.2352941,38.8235294 L31.7647059,38.8235294 Z M30.5294118,14.1176471 C36.3771326,14.1176471 41.1176471,18.8581615 41.1176471,24.7058824 C41.1176471,30.5536032 36.3771326,35.2941176 30.5294118,35.2941176 C24.6816909,35.2941176 19.9411765,30.5536032 19.9411765,24.7058824 C19.9411765,18.8581615 24.6816909,14.1176471 30.5294118,14.1176471 Z' id='Path' fill='%23B4B4B4'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3Cg id='State' mask='url(%23mask-2)'%3E%3Crect id='Overlay' x='0' y='0' width='60' height='60'%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");background-size:100% 100%}.avatar.avatar-default-file{background-image:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='36px' height='36px' viewBox='0 0 36 36' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 64 (101010) - https://sketch.com --%3E%3Ctitle%3E8416DD89-AB9A-4D81-8594-0E1ED11C1B09svg/%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cdefs%3E%3Crect id='path-1' x='0' y='0' width='60' height='60' rx='8'%3E%3C/rect%3E%3C/defs%3E%3Cg id='Design-Principle' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Components/-Avatar' transform='translate(-1224.000000, -1424.000000)'%3E%3Crect id='base' fill='%23FFFFFF' x='0' y='0' width='1920' height='3164'%3E%3C/rect%3E%3Cg id='Default-avatars' transform='translate(660.000000, 1315.000000)'%3E%3Cg id='Avatar-blank-type' transform='translate(192.000000, 97.000000)'%3E%3Cg id='Components/-Avatar/-Square/-60px' transform='translate(360.000000, 0.000000)'%3E%3Cmask id='mask-2' fill='white'%3E%3Cuse xlink:href='%23path-1'%3E%3C/use%3E%3C/mask%3E%3Cg id='Base'%3E%3C/g%3E%3Cg id='Type' mask='url(%23mask-2)' fill-rule='nonzero'%3E%3Crect id='Base' fill='%23E2E2E2' x='0' y='0' width='60' height='60'%3E%3C/rect%3E%3Cg id='Icons/-Regular/-Feature/-IMG' transform='translate(12.000000, 12.000000)' fill='%23777777'%3E%3Cpath d='M23.1213203,3 L30,9.87867966 L30,30 C30,31.6568542 28.6568542,33 27,33 L9,33 C7.34314575,33 6,31.6568542 6,30 L6,6 C6,4.34314575 7.34314575,3 9,3 L23.1213203,3 Z M21,4.5 L9,4.5 C8.17157288,4.5 7.5,5.17157288 7.5,6 L7.5,30 C7.5,30.8284271 8.17157288,31.5 9,31.5 L27,31.5 C27.8284271,31.5 28.5,30.8284271 28.5,30 L28.5,12 L23.25,12 C22.1342953,12 21.0906184,11.0028107 21.0055823,9.89504535 L21,9.75 L21,4.5 Z M24.75,25.5 C25.1642136,25.5 25.5,25.8357864 25.5,26.25 C25.5,26.6642136 25.1642136,27 24.75,27 L11.25,27 C10.8357864,27 10.5,26.6642136 10.5,26.25 C10.5,25.8357864 10.8357864,25.5 11.25,25.5 L24.75,25.5 Z M24.75,18 C25.1642136,18 25.5,18.3357864 25.5,18.75 C25.5,19.1642136 25.1642136,19.5 24.75,19.5 L11.25,19.5 C10.8357864,19.5 10.5,19.1642136 10.5,18.75 C10.5,18.3357864 10.8357864,18 11.25,18 L24.75,18 Z M15.75,10.5 C16.1642136,10.5 16.5,10.8357864 16.5,11.25 C16.5,11.6642136 16.1642136,12 15.75,12 L11.25,12 C10.8357864,12 10.5,11.6642136 10.5,11.25 C10.5,10.8357864 10.8357864,10.5 11.25,10.5 L15.75,10.5 Z M22.5,4.5 L22.5,9.75 C22.5,10.0857864 22.9142136,10.5 23.25,10.5 L23.25,10.5 L28.5,10.5 L22.5,4.5 Z' id='Color'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.avatar.avatar-default-image{background-image:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='36px' height='36px' viewBox='0 0 36 36' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 64 (101010) - https://sketch.com --%3E%3Ctitle%3E854A7405-039C-4712-92A0-AB1D01FDD088svg/%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cdefs%3E%3Crect id='path-1' x='0' y='0' width='60' height='60' rx='8'%3E%3C/rect%3E%3C/defs%3E%3Cg id='Design-Principle' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Components/-Avatar' transform='translate(-1044.000000, -1424.000000)'%3E%3Crect id='base' fill='%23FFFFFF' x='0' y='0' width='1920' height='3164'%3E%3C/rect%3E%3Cg id='Default-avatars' transform='translate(660.000000, 1315.000000)'%3E%3Cg id='Avatar-blank-type' transform='translate(192.000000, 97.000000)'%3E%3Cg id='Components/-Avatar/-Square/-60px' transform='translate(180.000000, 0.000000)'%3E%3Cmask id='mask-2' fill='white'%3E%3Cuse xlink:href='%23path-1'%3E%3C/use%3E%3C/mask%3E%3Cg id='Base'%3E%3C/g%3E%3Cg id='Type' mask='url(%23mask-2)' fill-rule='nonzero'%3E%3Crect id='Base' fill='%23E2E2E2' x='0' y='0' width='60' height='60'%3E%3C/rect%3E%3Cg id='Icons/-Regular/-Feature/-IMG' transform='translate(12.000000, 12.000000)' fill='%23777777'%3E%3Cpath d='M24.0307692,3 C24.2326984,3 24.4271578,3.07954407 24.5751301,3.22267209 L29.7443609,8.22267209 C29.9073745,8.38034894 30,8.60160933 30,8.83333333 L30,32.1666667 C30,32.626904 29.6418278,33 29.2,33 L6.8,33 C6.3581722,33 6,32.626904 6,32.1666667 L6,3.83333333 C6,3.37309604 6.3581722,3 6.8,3 L24.0307692,3 Z M12.2596988,25.7875335 L8.92873792,30.3339749 C8.84660416,30.4571755 8.80277564,30.6019313 8.80277564,30.75 C8.80277564,31.1642136 9.13856208,31.5 9.55277564,31.5 L18.6487188,31.5 L13.4599025,25.7234205 C13.4137204,25.6680021 13.3597846,25.6195363 13.2997616,25.579521 C12.9551151,25.3497567 12.4894631,25.442887 12.2596988,25.7875335 Z M21.1758419,19.8540405 L16.7020464,26.6752406 L20.607804,31.5 L27.299016,31.4994534 C28.5,31.4923469 28.5,31.3928571 28.5,30 L28.5,28.5391523 L22.3636022,19.842318 C22.3238169,19.7917673 22.2776933,19.7465447 22.2263672,19.707765 C21.8958797,19.4580634 21.4255435,19.523553 21.1758419,19.8540405 Z M23.7715845,4.5 L7.5,4.5 L7.50072911,29.827172 C7.55141195,29.7144696 7.61151182,29.6056505 7.68066248,29.5019246 L11.0116233,24.9554835 C11.7009164,23.921544 13.0978724,23.642153 14.1318119,24.331446 C14.3118808,24.4514919 14.4736883,24.5968893 14.6122344,24.7631445 L15.455,25.722 L19.9790409,18.949791 C20.7281458,17.9583286 22.1391544,17.7618596 23.1306168,18.5109645 C23.2845952,18.6273037 23.4229661,18.7629699 23.5423219,18.914622 L28.5,25.905 L28.5,9.08668365 L23.7715845,4.5 Z M12.75,12 C14.4068542,12 15.75,13.3431458 15.75,15 C15.75,16.6568542 14.4068542,18 12.75,18 C11.0931458,18 9.75,16.6568542 9.75,15 C9.75,13.3431458 11.0931458,12 12.75,12 Z M12.75,13.5 C11.9215729,13.5 11.25,14.1715729 11.25,15 C11.25,15.8284271 11.9215729,16.5 12.75,16.5 C13.5784271,16.5 14.25,15.8284271 14.25,15 C14.25,14.1715729 13.5784271,13.5 12.75,13.5 Z' id='Color'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.avatar.avatar-small{width:24px;height:24px;line-height:24px}.avatar.avatar-medium{width:40px;height:40px;line-height:40px}.avatar.avatar-large{width:60px;height:60px;line-height:60px}.avatar.avatar-xlarge{width:120px;height:120px;line-height:120px}.avatar.avatar-xlarge{font-family:Mekari-Icon-Regular;font-size:24px}.avatar.avatar-xlarge::after{color:#fff;content:"\e877"}.avatar.avatar-xlarge:hover::after{cursor:pointer;opacity:1}.avatar.avatar-circle{border-radius:100%}.avatar.avatar-square{border-radius:8px}.avatar-stacked{display:flex;flex-wrap:wrap;align-items:center;font-size:0}.avatar-stacked .avatar-small{box-shadow:2.4px 0 0 1.2px #fff}.avatar-stacked .avatar-small:nth-child(1){z-index:5}.avatar-stacked .avatar-small:nth-child(2){right:2.4px;z-index:4}.avatar-stacked .avatar-small:nth-child(3){right:4.8px;z-index:3}.avatar-stacked .avatar-small:nth-child(4){right:7.2px;z-index:2}.avatar-stacked .avatar-small:nth-child(5){right:9.6px;z-index:1}.avatar-stacked .avatar-medium{box-shadow:4px 0 0 2px #fff}.avatar-stacked .avatar-medium:nth-child(1){z-index:5}.avatar-stacked .avatar-medium:nth-child(2){right:4px;z-index:4}.avatar-stacked .avatar-medium:nth-child(3){right:8px;z-index:3}.avatar-stacked .avatar-medium:nth-child(4){right:12px;z-index:2}.avatar-stacked .avatar-medium:nth-child(5){right:16px;z-index:1}.avatar-stacked .avatar-large{box-shadow:6px 0 0 3px #fff}.avatar-stacked .avatar-large:nth-child(1){z-index:5}.avatar-stacked .avatar-large:nth-child(2){right:6px;z-index:4}.avatar-stacked .avatar-large:nth-child(3){right:12px;z-index:3}.avatar-stacked .avatar-large:nth-child(4){right:18px;z-index:2}.avatar-stacked .avatar-large:nth-child(5){right:24px;z-index:1}.avatar-stacked .avatar-xlarge{box-shadow:12px 0 0 6px #fff}.avatar-stacked .avatar-xlarge:nth-child(1){z-index:5}.avatar-stacked .avatar-xlarge:nth-child(2){right:12px;z-index:4}.avatar-stacked .avatar-xlarge:nth-child(3){right:24px;z-index:3}.avatar-stacked .avatar-xlarge:nth-child(4){right:36px;z-index:2}.avatar-stacked .avatar-xlarge:nth-child(5){right:48px;z-index:1}.avatar-stacked .avatar-stacked-text{color:#1357ff;cursor:pointer}.avatar-stacked .avatar-stacked-text p{margin:0;line-height:14px}.avatar-stacked .avatar-stacked-text.dropdown-toggle::after{display:none}.avatar-grid-container{display:inline-block}.avatar-grid-row{font-size:0}.avatar-grid-row .avatar-small{margin-left:8px}.avatar-grid-row .avatar-small:first-child{margin-left:0}.avatar-grid-row .avatar-medium{margin-left:13.333333px}.avatar-grid-row .avatar-medium:first-child{margin-left:0}.avatar-grid-row .avatar-large{margin-left:20px}.avatar-grid-row .avatar-large:first-child{margin-left:0}.avatar-grid-row .avatar-xlarge{margin-left:40px}.avatar-grid-row .avatar-xlarge:first-child{margin-left:0}.avatar-grid-row .avatar-grid-text{padding-top:8px;color:#1357ff;text-align:center;cursor:pointer}.avatar-grid-row .avatar-grid-text p{margin:0}.avatar-grid-row .avatar-grid-text.dropdown-toggle::after{display:none}.avatar-grid-small .avatar-grid-row{padding-top:8px}.avatar-grid-small .avatar-grid-row:first-child{padding-top:0}.avatar-grid-medium .avatar-grid-row{padding-top:13.333333px}.avatar-grid-medium .avatar-grid-row:first-child{padding-top:0}.avatar-grid-large .avatar-grid-row{padding-top:20px}.avatar-grid-large .avatar-grid-row:first-child{padding-top:0}.avatar-grid-xlarge .avatar-grid-row{padding-top:40px}.avatar-grid-xlarge .avatar-grid-row:first-child{padding-top:0}
|
|
1
|
+
@charset "UTF-8";.avatar.avatar-default-file,.avatar.avatar-default-image,.avatar.avatar-default-people{background-repeat:no-repeat;background-position:center center;background-origin:content-box;background-size:60% 60%}.avatar.avatar-xlarge::after,.avatar::after{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0}.avatar{position:relative;display:inline-block;overflow:hidden;text-align:center;vertical-align:middle;background-color:#e2e2e2}.avatar::after{content:"\A";background:rgba(0,0,0,.5)}.avatar:hover::after{cursor:pointer;opacity:1}.avatar .avatar-photo{width:100%;height:100%;vertical-align:top;background-color:#e2e2e2}.avatar.avatar-default-people{background-image:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='60px' height='60px' viewBox='0 0 60 60' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3E57B2CFBF-9694-4E42-8A9B-7C4261320855svg/%3C/title%3E%3Cdefs%3E%3Ccircle id='path-1' cx='30' cy='30' r='30'%3E%3C/circle%3E%3C/defs%3E%3Cg id='Design-Principle' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Components/-Avatar' transform='translate(-852.000000, -1412.000000)'%3E%3Cg id='Default-avatars' transform='translate(660.000000, 1315.000000)'%3E%3Cg id='Components/-Avatar/-Circle/-60px' transform='translate(192.000000, 97.000000)'%3E%3Cg id='Border'%3E%3Ccircle cx='30' cy='30' r='30'%3E%3C/circle%3E%3C/g%3E%3Cg id='Container'%3E%3Cmask id='mask-2' fill='white'%3E%3Cuse xlink:href='%23path-1'%3E%3C/use%3E%3C/mask%3E%3Cg id='Oval'%3E%3C/g%3E%3Cg id='Type' mask='url(%23mask-2)' fill-rule='nonzero'%3E%3Cg id='🙂-Face'%3E%3Crect id='Base' fill='%23E2E2E2' x='0' y='0' width='60' height='60'%3E%3C/rect%3E%3Cpath d='M31.7647059,38.8235294 C41.5109073,38.8235294 49.4117647,46.7243868 49.4117647,56.4705882 L49.4117647,60 L10.5882353,60 L10.5882353,56.4705882 C10.5882353,46.7243868 18.4890927,38.8235294 28.2352941,38.8235294 L31.7647059,38.8235294 Z M30.5294118,14.1176471 C36.3771326,14.1176471 41.1176471,18.8581615 41.1176471,24.7058824 C41.1176471,30.5536032 36.3771326,35.2941176 30.5294118,35.2941176 C24.6816909,35.2941176 19.9411765,30.5536032 19.9411765,24.7058824 C19.9411765,18.8581615 24.6816909,14.1176471 30.5294118,14.1176471 Z' id='Path' fill='%23B4B4B4'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3Cg id='State' mask='url(%23mask-2)'%3E%3Crect id='Overlay' x='0' y='0' width='60' height='60'%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");background-size:100% 100%}.avatar.avatar-default-file{background-image:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='36px' height='36px' viewBox='0 0 36 36' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 64 (101010) - https://sketch.com --%3E%3Ctitle%3E8416DD89-AB9A-4D81-8594-0E1ED11C1B09svg/%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cdefs%3E%3Crect id='path-1' x='0' y='0' width='60' height='60' rx='8'%3E%3C/rect%3E%3C/defs%3E%3Cg id='Design-Principle' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Components/-Avatar' transform='translate(-1224.000000, -1424.000000)'%3E%3Crect id='base' fill='%23FFFFFF' x='0' y='0' width='1920' height='3164'%3E%3C/rect%3E%3Cg id='Default-avatars' transform='translate(660.000000, 1315.000000)'%3E%3Cg id='Avatar-blank-type' transform='translate(192.000000, 97.000000)'%3E%3Cg id='Components/-Avatar/-Square/-60px' transform='translate(360.000000, 0.000000)'%3E%3Cmask id='mask-2' fill='white'%3E%3Cuse xlink:href='%23path-1'%3E%3C/use%3E%3C/mask%3E%3Cg id='Base'%3E%3C/g%3E%3Cg id='Type' mask='url(%23mask-2)' fill-rule='nonzero'%3E%3Crect id='Base' fill='%23E2E2E2' x='0' y='0' width='60' height='60'%3E%3C/rect%3E%3Cg id='Icons/-Regular/-Feature/-IMG' transform='translate(12.000000, 12.000000)' fill='%23777777'%3E%3Cpath d='M23.1213203,3 L30,9.87867966 L30,30 C30,31.6568542 28.6568542,33 27,33 L9,33 C7.34314575,33 6,31.6568542 6,30 L6,6 C6,4.34314575 7.34314575,3 9,3 L23.1213203,3 Z M21,4.5 L9,4.5 C8.17157288,4.5 7.5,5.17157288 7.5,6 L7.5,30 C7.5,30.8284271 8.17157288,31.5 9,31.5 L27,31.5 C27.8284271,31.5 28.5,30.8284271 28.5,30 L28.5,12 L23.25,12 C22.1342953,12 21.0906184,11.0028107 21.0055823,9.89504535 L21,9.75 L21,4.5 Z M24.75,25.5 C25.1642136,25.5 25.5,25.8357864 25.5,26.25 C25.5,26.6642136 25.1642136,27 24.75,27 L11.25,27 C10.8357864,27 10.5,26.6642136 10.5,26.25 C10.5,25.8357864 10.8357864,25.5 11.25,25.5 L24.75,25.5 Z M24.75,18 C25.1642136,18 25.5,18.3357864 25.5,18.75 C25.5,19.1642136 25.1642136,19.5 24.75,19.5 L11.25,19.5 C10.8357864,19.5 10.5,19.1642136 10.5,18.75 C10.5,18.3357864 10.8357864,18 11.25,18 L24.75,18 Z M15.75,10.5 C16.1642136,10.5 16.5,10.8357864 16.5,11.25 C16.5,11.6642136 16.1642136,12 15.75,12 L11.25,12 C10.8357864,12 10.5,11.6642136 10.5,11.25 C10.5,10.8357864 10.8357864,10.5 11.25,10.5 L15.75,10.5 Z M22.5,4.5 L22.5,9.75 C22.5,10.0857864 22.9142136,10.5 23.25,10.5 L23.25,10.5 L28.5,10.5 L22.5,4.5 Z' id='Color'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.avatar.avatar-default-image{background-image:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='36px' height='36px' viewBox='0 0 36 36' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 64 (101010) - https://sketch.com --%3E%3Ctitle%3E854A7405-039C-4712-92A0-AB1D01FDD088svg/%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cdefs%3E%3Crect id='path-1' x='0' y='0' width='60' height='60' rx='8'%3E%3C/rect%3E%3C/defs%3E%3Cg id='Design-Principle' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Components/-Avatar' transform='translate(-1044.000000, -1424.000000)'%3E%3Crect id='base' fill='%23FFFFFF' x='0' y='0' width='1920' height='3164'%3E%3C/rect%3E%3Cg id='Default-avatars' transform='translate(660.000000, 1315.000000)'%3E%3Cg id='Avatar-blank-type' transform='translate(192.000000, 97.000000)'%3E%3Cg id='Components/-Avatar/-Square/-60px' transform='translate(180.000000, 0.000000)'%3E%3Cmask id='mask-2' fill='white'%3E%3Cuse xlink:href='%23path-1'%3E%3C/use%3E%3C/mask%3E%3Cg id='Base'%3E%3C/g%3E%3Cg id='Type' mask='url(%23mask-2)' fill-rule='nonzero'%3E%3Crect id='Base' fill='%23E2E2E2' x='0' y='0' width='60' height='60'%3E%3C/rect%3E%3Cg id='Icons/-Regular/-Feature/-IMG' transform='translate(12.000000, 12.000000)' fill='%23777777'%3E%3Cpath d='M24.0307692,3 C24.2326984,3 24.4271578,3.07954407 24.5751301,3.22267209 L29.7443609,8.22267209 C29.9073745,8.38034894 30,8.60160933 30,8.83333333 L30,32.1666667 C30,32.626904 29.6418278,33 29.2,33 L6.8,33 C6.3581722,33 6,32.626904 6,32.1666667 L6,3.83333333 C6,3.37309604 6.3581722,3 6.8,3 L24.0307692,3 Z M12.2596988,25.7875335 L8.92873792,30.3339749 C8.84660416,30.4571755 8.80277564,30.6019313 8.80277564,30.75 C8.80277564,31.1642136 9.13856208,31.5 9.55277564,31.5 L18.6487188,31.5 L13.4599025,25.7234205 C13.4137204,25.6680021 13.3597846,25.6195363 13.2997616,25.579521 C12.9551151,25.3497567 12.4894631,25.442887 12.2596988,25.7875335 Z M21.1758419,19.8540405 L16.7020464,26.6752406 L20.607804,31.5 L27.299016,31.4994534 C28.5,31.4923469 28.5,31.3928571 28.5,30 L28.5,28.5391523 L22.3636022,19.842318 C22.3238169,19.7917673 22.2776933,19.7465447 22.2263672,19.707765 C21.8958797,19.4580634 21.4255435,19.523553 21.1758419,19.8540405 Z M23.7715845,4.5 L7.5,4.5 L7.50072911,29.827172 C7.55141195,29.7144696 7.61151182,29.6056505 7.68066248,29.5019246 L11.0116233,24.9554835 C11.7009164,23.921544 13.0978724,23.642153 14.1318119,24.331446 C14.3118808,24.4514919 14.4736883,24.5968893 14.6122344,24.7631445 L15.455,25.722 L19.9790409,18.949791 C20.7281458,17.9583286 22.1391544,17.7618596 23.1306168,18.5109645 C23.2845952,18.6273037 23.4229661,18.7629699 23.5423219,18.914622 L28.5,25.905 L28.5,9.08668365 L23.7715845,4.5 Z M12.75,12 C14.4068542,12 15.75,13.3431458 15.75,15 C15.75,16.6568542 14.4068542,18 12.75,18 C11.0931458,18 9.75,16.6568542 9.75,15 C9.75,13.3431458 11.0931458,12 12.75,12 Z M12.75,13.5 C11.9215729,13.5 11.25,14.1715729 11.25,15 C11.25,15.8284271 11.9215729,16.5 12.75,16.5 C13.5784271,16.5 14.25,15.8284271 14.25,15 C14.25,14.1715729 13.5784271,13.5 12.75,13.5 Z' id='Color'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.avatar.avatar-small{width:24px;height:24px;line-height:24px}.avatar.avatar-small .avatar-initial{font-family:Roboto,Oxygen,Ubuntu,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif;font-size:10.8px;color:#777}.avatar.avatar-medium{width:40px;height:40px;line-height:40px}.avatar.avatar-medium .avatar-initial{font-family:Roboto,Oxygen,Ubuntu,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif;font-size:18px;color:#777}.avatar.avatar-large{width:60px;height:60px;line-height:60px}.avatar.avatar-large .avatar-initial{font-family:Roboto,Oxygen,Ubuntu,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif;font-size:27px;color:#777}.avatar.avatar-xlarge{width:120px;height:120px;line-height:120px}.avatar.avatar-xlarge .avatar-initial{font-family:Roboto,Oxygen,Ubuntu,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif;font-size:54px;color:#777}.avatar.avatar-xlarge{font-family:Mekari-Icon-Regular;font-size:24px}.avatar.avatar-xlarge::after{color:#fff;content:"\e877"}.avatar.avatar-xlarge:hover::after{cursor:pointer;opacity:1}.avatar.avatar-circle{border-radius:100%}.avatar.avatar-square{border-radius:8px}.avatar-stacked{display:flex;flex-wrap:wrap;align-items:center;font-size:0}.avatar-stacked .avatar-small{box-shadow:2.4px 0 0 1.2px #fff}.avatar-stacked .avatar-small:nth-child(1){z-index:5}.avatar-stacked .avatar-small:nth-child(2){right:2.4px;z-index:4}.avatar-stacked .avatar-small:nth-child(3){right:4.8px;z-index:3}.avatar-stacked .avatar-small:nth-child(4){right:7.2px;z-index:2}.avatar-stacked .avatar-small:nth-child(5){right:9.6px;z-index:1}.avatar-stacked .avatar-medium{box-shadow:4px 0 0 2px #fff}.avatar-stacked .avatar-medium:nth-child(1){z-index:5}.avatar-stacked .avatar-medium:nth-child(2){right:4px;z-index:4}.avatar-stacked .avatar-medium:nth-child(3){right:8px;z-index:3}.avatar-stacked .avatar-medium:nth-child(4){right:12px;z-index:2}.avatar-stacked .avatar-medium:nth-child(5){right:16px;z-index:1}.avatar-stacked .avatar-large{box-shadow:6px 0 0 3px #fff}.avatar-stacked .avatar-large:nth-child(1){z-index:5}.avatar-stacked .avatar-large:nth-child(2){right:6px;z-index:4}.avatar-stacked .avatar-large:nth-child(3){right:12px;z-index:3}.avatar-stacked .avatar-large:nth-child(4){right:18px;z-index:2}.avatar-stacked .avatar-large:nth-child(5){right:24px;z-index:1}.avatar-stacked .avatar-xlarge{box-shadow:12px 0 0 6px #fff}.avatar-stacked .avatar-xlarge:nth-child(1){z-index:5}.avatar-stacked .avatar-xlarge:nth-child(2){right:12px;z-index:4}.avatar-stacked .avatar-xlarge:nth-child(3){right:24px;z-index:3}.avatar-stacked .avatar-xlarge:nth-child(4){right:36px;z-index:2}.avatar-stacked .avatar-xlarge:nth-child(5){right:48px;z-index:1}.avatar-stacked .avatar-stacked-text{color:#1357ff;cursor:pointer}.avatar-stacked .avatar-stacked-text p{margin:0;line-height:14px}.avatar-stacked .avatar-stacked-text.dropdown-toggle::after{display:none}.avatar-grid-container{display:inline-block}.avatar-grid-row{font-size:0}.avatar-grid-row .avatar-small{margin-left:8px}.avatar-grid-row .avatar-small:first-child{margin-left:0}.avatar-grid-row .avatar-medium{margin-left:13.333333px}.avatar-grid-row .avatar-medium:first-child{margin-left:0}.avatar-grid-row .avatar-large{margin-left:20px}.avatar-grid-row .avatar-large:first-child{margin-left:0}.avatar-grid-row .avatar-xlarge{margin-left:40px}.avatar-grid-row .avatar-xlarge:first-child{margin-left:0}.avatar-grid-row .avatar-grid-text{padding-top:8px;color:#1357ff;text-align:center;cursor:pointer}.avatar-grid-row .avatar-grid-text p{margin:0}.avatar-grid-row .avatar-grid-text.dropdown-toggle::after{display:none}.avatar-grid-small .avatar-grid-row{padding-top:8px}.avatar-grid-small .avatar-grid-row:first-child{padding-top:0}.avatar-grid-medium .avatar-grid-row{padding-top:13.333333px}.avatar-grid-medium .avatar-grid-row:first-child{padding-top:0}.avatar-grid-large .avatar-grid-row{padding-top:20px}.avatar-grid-large .avatar-grid-row:first-child{padding-top:0}.avatar-grid-xlarge .avatar-grid-row{padding-top:40px}.avatar-grid-xlarge .avatar-grid-row:first-child{padding-top:0}
|
|
2
2
|
/*# sourceMappingURL=mekari-ui-avatar-min.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../scss/components/config/_avatar.scss"],"names":[],"mappings":"iBAAA,4BAAA,6BAAA,8BACE,kBAAA,UACA,oBAAA,OAAA,OACA,kBAAA,YACA,gBAAA,IAAA,IAGF,6BAAA,eACE,SAAA,SACA,IAAA,EACA,KAAA,EACA,MAAA,KACA,OAAA,KACA,QAAA,EAUF,QACE,SAAA,SACA,QAAA,aACA,SAAA,OACA,WAAA,OACA,eAAA,OACA,iBAAA,QANF,eAQI,QAAA,KAEA,WAAA,eAVJ,qBAcM,OAAA,QACA,QAAA,EAfN,sBAmBI,MAAA,KACA,OAAA,KACA,eAAA,IACA,iBAAA,QAtBJ,8BAyBI,iBAAA,6yDAEA,gBAAA,KAAA,KA3BJ,4BA8BI,iBAAA,8gFA9BJ,6BAkCI,iBAAA,wqGAlCJ,qBAuCM,MAAA,KACA,OAAA,KACA,YAAA,KAzCN,sBAuCM,MAAA,KACA,OAAA,KACA,YAAA,KAzCN,qBAuCM,MAAA,KACA,OAAA,KACA,YAAA,KAzCN,sBAuCM,MAAA,MACA,OAAA,MACA,YAAA,MAzCN,
|
|
1
|
+
{"version":3,"sources":["../../../scss/components/config/_avatar.scss"],"names":[],"mappings":"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","sourcesContent":["%avatar-default-template {\n background-repeat: no-repeat;\n background-position: center center;\n background-origin: content-box;\n background-size: 60% 60%;\n}\n\n%avatar-overlay-initial-state {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n opacity: 0;\n}\n\n$avatar-element-size: (\n \"small\": 24px,\n \"medium\": 40px,\n \"large\": 60px,\n \"xlarge\": 120px,\n);\n\n.avatar {\n position: relative;\n display: inline-block;\n overflow: hidden;\n text-align: center;\n vertical-align: middle;\n background-color: $smoke;\n &::after {\n content: \"\\A\";\n @extend %avatar-overlay-initial-state;\n background: rgba(0, 0, 0, .5);\n }\n &:hover {\n &::after {\n cursor: pointer;\n opacity: 1;\n }\n }\n .avatar-photo {\n width: 100%;\n height: 100%;\n vertical-align: top;\n background-color: $smoke;\n }\n &.avatar-default-people {\n background-image: $avatar-default-people;\n @extend %avatar-default-template;\n background-size: 100% 100%;\n }\n &.avatar-default-file {\n background-image: $avatar-default-file;\n @extend %avatar-default-template;\n }\n &.avatar-default-image {\n background-image: $avatar-default-image;\n @extend %avatar-default-template;\n }\n @each $name, $size in $avatar-element-size {\n &.avatar-#{$name} {\n width: $size;\n height: $size;\n line-height: $size;\n .avatar-initial {\n font-family: $font-family-base;\n font-size: $size * .45;\n color: $slate;\n }\n }\n }\n $avatar-font-family: \"Mekari-Icon-Regular\";\n &.avatar-xlarge {\n font-family: $avatar-font-family;\n font-size: 24px;\n &::after {\n color: $white;\n content: \"\\e877\";\n @extend %avatar-overlay-initial-state;\n }\n &:hover {\n &::after {\n cursor: pointer;\n opacity: 1;\n }\n }\n }\n &.avatar-circle {\n border-radius: 100%; // stylelint-disable-line property-blacklist\n }\n &.avatar-square {\n border-radius: 8px; // stylelint-disable-line property-blacklist\n }\n}\n\n.avatar-stacked {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n font-size: 0;\n @each $name, $size in $avatar-element-size {\n .avatar-#{$name} {\n box-shadow: #{$size / 10} 0 0 #{$size / 20} $white;\n }\n .avatar-#{$name}:nth-child(1) {\n z-index: 5;\n }\n .avatar-#{$name}:nth-child(2) {\n right: #{$size / 10};\n z-index: 4;\n }\n .avatar-#{$name}:nth-child(3) {\n right: #{$size / 10 * 2};\n z-index: 3;\n }\n .avatar-#{$name}:nth-child(4) {\n right: #{$size / 10 * 3};\n z-index: 2;\n }\n .avatar-#{$name}:nth-child(5) {\n right: #{$size / 10 * 4};\n z-index: 1;\n }\n }\n .avatar-stacked-text {\n color: $link;\n cursor: pointer;\n p {\n margin: 0;\n line-height: 14px;\n }\n &.dropdown-toggle::after {\n display: none;\n }\n }\n}\n\n.avatar-grid-container {\n display: inline-block;\n}\n\n.avatar-grid-row {\n font-size: 0;\n @each $name, $size in $avatar-element-size {\n .avatar-#{$name} {\n margin-left: #{$size / 3};\n }\n .avatar-#{$name}:first-child {\n margin-left: 0;\n }\n }\n .avatar-grid-text {\n padding-top: 8px;\n color: $link;\n text-align: center;\n cursor: pointer;\n p {\n margin: 0;\n }\n &.dropdown-toggle {\n &::after {\n display: none;\n }\n }\n }\n}\n\n@each $name, $size in $avatar-element-size {\n .avatar-grid-#{$name} {\n .avatar-grid-row {\n padding-top: #{$size / 3};\n }\n .avatar-grid-row:first-child {\n padding-top: 0;\n }\n }\n}\n"]}
|
|
@@ -60,24 +60,48 @@
|
|
|
60
60
|
line-height: 24px;
|
|
61
61
|
}
|
|
62
62
|
|
|
63
|
+
.avatar.avatar-small .avatar-initial {
|
|
64
|
+
font-family: "Roboto", "Oxygen", "Ubuntu", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
|
|
65
|
+
font-size: 10.8px;
|
|
66
|
+
color: #777;
|
|
67
|
+
}
|
|
68
|
+
|
|
63
69
|
.avatar.avatar-medium {
|
|
64
70
|
width: 40px;
|
|
65
71
|
height: 40px;
|
|
66
72
|
line-height: 40px;
|
|
67
73
|
}
|
|
68
74
|
|
|
75
|
+
.avatar.avatar-medium .avatar-initial {
|
|
76
|
+
font-family: "Roboto", "Oxygen", "Ubuntu", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
|
|
77
|
+
font-size: 18px;
|
|
78
|
+
color: #777;
|
|
79
|
+
}
|
|
80
|
+
|
|
69
81
|
.avatar.avatar-large {
|
|
70
82
|
width: 60px;
|
|
71
83
|
height: 60px;
|
|
72
84
|
line-height: 60px;
|
|
73
85
|
}
|
|
74
86
|
|
|
87
|
+
.avatar.avatar-large .avatar-initial {
|
|
88
|
+
font-family: "Roboto", "Oxygen", "Ubuntu", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
|
|
89
|
+
font-size: 27px;
|
|
90
|
+
color: #777;
|
|
91
|
+
}
|
|
92
|
+
|
|
75
93
|
.avatar.avatar-xlarge {
|
|
76
94
|
width: 120px;
|
|
77
95
|
height: 120px;
|
|
78
96
|
line-height: 120px;
|
|
79
97
|
}
|
|
80
98
|
|
|
99
|
+
.avatar.avatar-xlarge .avatar-initial {
|
|
100
|
+
font-family: "Roboto", "Oxygen", "Ubuntu", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
|
|
101
|
+
font-size: 54px;
|
|
102
|
+
color: #777;
|
|
103
|
+
}
|
|
104
|
+
|
|
81
105
|
.avatar.avatar-xlarge {
|
|
82
106
|
font-family: "Mekari-Icon-Regular";
|
|
83
107
|
font-size: 24px;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["mekari-ui-avatar.css","../../../scss/components/config/_avatar.scss","../../../scss/vendor-extensions/_color.scss","../../../scss/vendor-extensions/_avatar.scss"],"names":[],"mappings":"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","file":"mekari-ui-avatar.css","sourcesContent":["@charset \"UTF-8\";\n.avatar.avatar-default-people, .avatar.avatar-default-file, .avatar.avatar-default-image {\n background-repeat: no-repeat;\n background-position: center center;\n background-origin: content-box;\n background-size: 60% 60%;\n}\n\n.avatar::after, .avatar.avatar-xlarge::after {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n opacity: 0;\n}\n\n.avatar {\n position: relative;\n display: inline-block;\n overflow: hidden;\n text-align: center;\n vertical-align: middle;\n background-color: #e2e2e2;\n}\n\n.avatar::after {\n content: \"\\A\";\n background: rgba(0, 0, 0, 0.5);\n}\n\n.avatar:hover::after {\n cursor: pointer;\n opacity: 1;\n}\n\n.avatar .avatar-photo {\n width: 100%;\n height: 100%;\n vertical-align: top;\n background-color: #e2e2e2;\n}\n\n.avatar.avatar-default-people {\n background-image: url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='60px' height='60px' viewBox='0 0 60 60' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3E57B2CFBF-9694-4E42-8A9B-7C4261320855svg/%3C/title%3E%3Cdefs%3E%3Ccircle id='path-1' cx='30' cy='30' r='30'%3E%3C/circle%3E%3C/defs%3E%3Cg id='Design-Principle' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Components/-Avatar' transform='translate(-852.000000, -1412.000000)'%3E%3Cg id='Default-avatars' transform='translate(660.000000, 1315.000000)'%3E%3Cg id='Components/-Avatar/-Circle/-60px' transform='translate(192.000000, 97.000000)'%3E%3Cg id='Border'%3E%3Ccircle cx='30' cy='30' r='30'%3E%3C/circle%3E%3C/g%3E%3Cg id='Container'%3E%3Cmask id='mask-2' fill='white'%3E%3Cuse xlink:href='%23path-1'%3E%3C/use%3E%3C/mask%3E%3Cg id='Oval'%3E%3C/g%3E%3Cg id='Type' mask='url(%23mask-2)' fill-rule='nonzero'%3E%3Cg id='🙂-Face'%3E%3Crect id='Base' fill='%23E2E2E2' x='0' y='0' width='60' height='60'%3E%3C/rect%3E%3Cpath d='M31.7647059,38.8235294 C41.5109073,38.8235294 49.4117647,46.7243868 49.4117647,56.4705882 L49.4117647,60 L10.5882353,60 L10.5882353,56.4705882 C10.5882353,46.7243868 18.4890927,38.8235294 28.2352941,38.8235294 L31.7647059,38.8235294 Z M30.5294118,14.1176471 C36.3771326,14.1176471 41.1176471,18.8581615 41.1176471,24.7058824 C41.1176471,30.5536032 36.3771326,35.2941176 30.5294118,35.2941176 C24.6816909,35.2941176 19.9411765,30.5536032 19.9411765,24.7058824 C19.9411765,18.8581615 24.6816909,14.1176471 30.5294118,14.1176471 Z' id='Path' fill='%23B4B4B4'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3Cg id='State' mask='url(%23mask-2)'%3E%3Crect id='Overlay' x='0' y='0' width='60' height='60'%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E\");\n background-size: 100% 100%;\n}\n\n.avatar.avatar-default-file {\n background-image: url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='36px' height='36px' viewBox='0 0 36 36' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 64 (101010) - https://sketch.com --%3E%3Ctitle%3E8416DD89-AB9A-4D81-8594-0E1ED11C1B09svg/%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cdefs%3E%3Crect id='path-1' x='0' y='0' width='60' height='60' rx='8'%3E%3C/rect%3E%3C/defs%3E%3Cg id='Design-Principle' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Components/-Avatar' transform='translate(-1224.000000, -1424.000000)'%3E%3Crect id='base' fill='%23FFFFFF' x='0' y='0' width='1920' height='3164'%3E%3C/rect%3E%3Cg id='Default-avatars' transform='translate(660.000000, 1315.000000)'%3E%3Cg id='Avatar-blank-type' transform='translate(192.000000, 97.000000)'%3E%3Cg id='Components/-Avatar/-Square/-60px' transform='translate(360.000000, 0.000000)'%3E%3Cmask id='mask-2' fill='white'%3E%3Cuse xlink:href='%23path-1'%3E%3C/use%3E%3C/mask%3E%3Cg id='Base'%3E%3C/g%3E%3Cg id='Type' mask='url(%23mask-2)' fill-rule='nonzero'%3E%3Crect id='Base' fill='%23E2E2E2' x='0' y='0' width='60' height='60'%3E%3C/rect%3E%3Cg id='Icons/-Regular/-Feature/-IMG' transform='translate(12.000000, 12.000000)' fill='%23777777'%3E%3Cpath d='M23.1213203,3 L30,9.87867966 L30,30 C30,31.6568542 28.6568542,33 27,33 L9,33 C7.34314575,33 6,31.6568542 6,30 L6,6 C6,4.34314575 7.34314575,3 9,3 L23.1213203,3 Z M21,4.5 L9,4.5 C8.17157288,4.5 7.5,5.17157288 7.5,6 L7.5,30 C7.5,30.8284271 8.17157288,31.5 9,31.5 L27,31.5 C27.8284271,31.5 28.5,30.8284271 28.5,30 L28.5,12 L23.25,12 C22.1342953,12 21.0906184,11.0028107 21.0055823,9.89504535 L21,9.75 L21,4.5 Z M24.75,25.5 C25.1642136,25.5 25.5,25.8357864 25.5,26.25 C25.5,26.6642136 25.1642136,27 24.75,27 L11.25,27 C10.8357864,27 10.5,26.6642136 10.5,26.25 C10.5,25.8357864 10.8357864,25.5 11.25,25.5 L24.75,25.5 Z M24.75,18 C25.1642136,18 25.5,18.3357864 25.5,18.75 C25.5,19.1642136 25.1642136,19.5 24.75,19.5 L11.25,19.5 C10.8357864,19.5 10.5,19.1642136 10.5,18.75 C10.5,18.3357864 10.8357864,18 11.25,18 L24.75,18 Z M15.75,10.5 C16.1642136,10.5 16.5,10.8357864 16.5,11.25 C16.5,11.6642136 16.1642136,12 15.75,12 L11.25,12 C10.8357864,12 10.5,11.6642136 10.5,11.25 C10.5,10.8357864 10.8357864,10.5 11.25,10.5 L15.75,10.5 Z M22.5,4.5 L22.5,9.75 C22.5,10.0857864 22.9142136,10.5 23.25,10.5 L23.25,10.5 L28.5,10.5 L22.5,4.5 Z' id='Color'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E\");\n}\n\n.avatar.avatar-default-image {\n background-image: url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='36px' height='36px' viewBox='0 0 36 36' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 64 (101010) - https://sketch.com --%3E%3Ctitle%3E854A7405-039C-4712-92A0-AB1D01FDD088svg/%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cdefs%3E%3Crect id='path-1' x='0' y='0' width='60' height='60' rx='8'%3E%3C/rect%3E%3C/defs%3E%3Cg id='Design-Principle' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Components/-Avatar' transform='translate(-1044.000000, -1424.000000)'%3E%3Crect id='base' fill='%23FFFFFF' x='0' y='0' width='1920' height='3164'%3E%3C/rect%3E%3Cg id='Default-avatars' transform='translate(660.000000, 1315.000000)'%3E%3Cg id='Avatar-blank-type' transform='translate(192.000000, 97.000000)'%3E%3Cg id='Components/-Avatar/-Square/-60px' transform='translate(180.000000, 0.000000)'%3E%3Cmask id='mask-2' fill='white'%3E%3Cuse xlink:href='%23path-1'%3E%3C/use%3E%3C/mask%3E%3Cg id='Base'%3E%3C/g%3E%3Cg id='Type' mask='url(%23mask-2)' fill-rule='nonzero'%3E%3Crect id='Base' fill='%23E2E2E2' x='0' y='0' width='60' height='60'%3E%3C/rect%3E%3Cg id='Icons/-Regular/-Feature/-IMG' transform='translate(12.000000, 12.000000)' fill='%23777777'%3E%3Cpath d='M24.0307692,3 C24.2326984,3 24.4271578,3.07954407 24.5751301,3.22267209 L29.7443609,8.22267209 C29.9073745,8.38034894 30,8.60160933 30,8.83333333 L30,32.1666667 C30,32.626904 29.6418278,33 29.2,33 L6.8,33 C6.3581722,33 6,32.626904 6,32.1666667 L6,3.83333333 C6,3.37309604 6.3581722,3 6.8,3 L24.0307692,3 Z M12.2596988,25.7875335 L8.92873792,30.3339749 C8.84660416,30.4571755 8.80277564,30.6019313 8.80277564,30.75 C8.80277564,31.1642136 9.13856208,31.5 9.55277564,31.5 L18.6487188,31.5 L13.4599025,25.7234205 C13.4137204,25.6680021 13.3597846,25.6195363 13.2997616,25.579521 C12.9551151,25.3497567 12.4894631,25.442887 12.2596988,25.7875335 Z M21.1758419,19.8540405 L16.7020464,26.6752406 L20.607804,31.5 L27.299016,31.4994534 C28.5,31.4923469 28.5,31.3928571 28.5,30 L28.5,28.5391523 L22.3636022,19.842318 C22.3238169,19.7917673 22.2776933,19.7465447 22.2263672,19.707765 C21.8958797,19.4580634 21.4255435,19.523553 21.1758419,19.8540405 Z M23.7715845,4.5 L7.5,4.5 L7.50072911,29.827172 C7.55141195,29.7144696 7.61151182,29.6056505 7.68066248,29.5019246 L11.0116233,24.9554835 C11.7009164,23.921544 13.0978724,23.642153 14.1318119,24.331446 C14.3118808,24.4514919 14.4736883,24.5968893 14.6122344,24.7631445 L15.455,25.722 L19.9790409,18.949791 C20.7281458,17.9583286 22.1391544,17.7618596 23.1306168,18.5109645 C23.2845952,18.6273037 23.4229661,18.7629699 23.5423219,18.914622 L28.5,25.905 L28.5,9.08668365 L23.7715845,4.5 Z M12.75,12 C14.4068542,12 15.75,13.3431458 15.75,15 C15.75,16.6568542 14.4068542,18 12.75,18 C11.0931458,18 9.75,16.6568542 9.75,15 C9.75,13.3431458 11.0931458,12 12.75,12 Z M12.75,13.5 C11.9215729,13.5 11.25,14.1715729 11.25,15 C11.25,15.8284271 11.9215729,16.5 12.75,16.5 C13.5784271,16.5 14.25,15.8284271 14.25,15 C14.25,14.1715729 13.5784271,13.5 12.75,13.5 Z' id='Color'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E\");\n}\n\n.avatar.avatar-small {\n width: 24px;\n height: 24px;\n line-height: 24px;\n}\n\n.avatar.avatar-medium {\n width: 40px;\n height: 40px;\n line-height: 40px;\n}\n\n.avatar.avatar-large {\n width: 60px;\n height: 60px;\n line-height: 60px;\n}\n\n.avatar.avatar-xlarge {\n width: 120px;\n height: 120px;\n line-height: 120px;\n}\n\n.avatar.avatar-xlarge {\n font-family: \"Mekari-Icon-Regular\";\n font-size: 24px;\n}\n\n.avatar.avatar-xlarge::after {\n color: #fff;\n content: \"\\e877\";\n}\n\n.avatar.avatar-xlarge:hover::after {\n cursor: pointer;\n opacity: 1;\n}\n\n.avatar.avatar-circle {\n border-radius: 100%;\n}\n\n.avatar.avatar-square {\n border-radius: 8px;\n}\n\n.avatar-stacked {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n font-size: 0;\n}\n\n.avatar-stacked .avatar-small {\n box-shadow: 2.4px 0 0 1.2px #fff;\n}\n\n.avatar-stacked .avatar-small:nth-child(1) {\n z-index: 5;\n}\n\n.avatar-stacked .avatar-small:nth-child(2) {\n right: 2.4px;\n z-index: 4;\n}\n\n.avatar-stacked .avatar-small:nth-child(3) {\n right: 4.8px;\n z-index: 3;\n}\n\n.avatar-stacked .avatar-small:nth-child(4) {\n right: 7.2px;\n z-index: 2;\n}\n\n.avatar-stacked .avatar-small:nth-child(5) {\n right: 9.6px;\n z-index: 1;\n}\n\n.avatar-stacked .avatar-medium {\n box-shadow: 4px 0 0 2px #fff;\n}\n\n.avatar-stacked .avatar-medium:nth-child(1) {\n z-index: 5;\n}\n\n.avatar-stacked .avatar-medium:nth-child(2) {\n right: 4px;\n z-index: 4;\n}\n\n.avatar-stacked .avatar-medium:nth-child(3) {\n right: 8px;\n z-index: 3;\n}\n\n.avatar-stacked .avatar-medium:nth-child(4) {\n right: 12px;\n z-index: 2;\n}\n\n.avatar-stacked .avatar-medium:nth-child(5) {\n right: 16px;\n z-index: 1;\n}\n\n.avatar-stacked .avatar-large {\n box-shadow: 6px 0 0 3px #fff;\n}\n\n.avatar-stacked .avatar-large:nth-child(1) {\n z-index: 5;\n}\n\n.avatar-stacked .avatar-large:nth-child(2) {\n right: 6px;\n z-index: 4;\n}\n\n.avatar-stacked .avatar-large:nth-child(3) {\n right: 12px;\n z-index: 3;\n}\n\n.avatar-stacked .avatar-large:nth-child(4) {\n right: 18px;\n z-index: 2;\n}\n\n.avatar-stacked .avatar-large:nth-child(5) {\n right: 24px;\n z-index: 1;\n}\n\n.avatar-stacked .avatar-xlarge {\n box-shadow: 12px 0 0 6px #fff;\n}\n\n.avatar-stacked .avatar-xlarge:nth-child(1) {\n z-index: 5;\n}\n\n.avatar-stacked .avatar-xlarge:nth-child(2) {\n right: 12px;\n z-index: 4;\n}\n\n.avatar-stacked .avatar-xlarge:nth-child(3) {\n right: 24px;\n z-index: 3;\n}\n\n.avatar-stacked .avatar-xlarge:nth-child(4) {\n right: 36px;\n z-index: 2;\n}\n\n.avatar-stacked .avatar-xlarge:nth-child(5) {\n right: 48px;\n z-index: 1;\n}\n\n.avatar-stacked .avatar-stacked-text {\n color: #1357ff;\n cursor: pointer;\n}\n\n.avatar-stacked .avatar-stacked-text p {\n margin: 0;\n line-height: 14px;\n}\n\n.avatar-stacked .avatar-stacked-text.dropdown-toggle::after {\n display: none;\n}\n\n.avatar-grid-container {\n display: inline-block;\n}\n\n.avatar-grid-row {\n font-size: 0;\n}\n\n.avatar-grid-row .avatar-small {\n margin-left: 8px;\n}\n\n.avatar-grid-row .avatar-small:first-child {\n margin-left: 0;\n}\n\n.avatar-grid-row .avatar-medium {\n margin-left: 13.333333px;\n}\n\n.avatar-grid-row .avatar-medium:first-child {\n margin-left: 0;\n}\n\n.avatar-grid-row .avatar-large {\n margin-left: 20px;\n}\n\n.avatar-grid-row .avatar-large:first-child {\n margin-left: 0;\n}\n\n.avatar-grid-row .avatar-xlarge {\n margin-left: 40px;\n}\n\n.avatar-grid-row .avatar-xlarge:first-child {\n margin-left: 0;\n}\n\n.avatar-grid-row .avatar-grid-text {\n padding-top: 8px;\n color: #1357ff;\n text-align: center;\n cursor: pointer;\n}\n\n.avatar-grid-row .avatar-grid-text p {\n margin: 0;\n}\n\n.avatar-grid-row .avatar-grid-text.dropdown-toggle::after {\n display: none;\n}\n\n.avatar-grid-small .avatar-grid-row {\n padding-top: 8px;\n}\n\n.avatar-grid-small .avatar-grid-row:first-child {\n padding-top: 0;\n}\n\n.avatar-grid-medium .avatar-grid-row {\n padding-top: 13.333333px;\n}\n\n.avatar-grid-medium .avatar-grid-row:first-child {\n padding-top: 0;\n}\n\n.avatar-grid-large .avatar-grid-row {\n padding-top: 20px;\n}\n\n.avatar-grid-large .avatar-grid-row:first-child {\n padding-top: 0;\n}\n\n.avatar-grid-xlarge .avatar-grid-row {\n padding-top: 40px;\n}\n\n.avatar-grid-xlarge .avatar-grid-row:first-child {\n padding-top: 0;\n}\n\n/*# sourceMappingURL=mekari-ui-avatar.css.map */","%avatar-default-template {\n background-repeat: no-repeat;\n background-position: center center;\n background-origin: content-box;\n background-size: 60% 60%;\n}\n\n%avatar-overlay-initial-state {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n opacity: 0;\n}\n\n$avatar-element-size: (\n \"small\": 24px,\n \"medium\": 40px,\n \"large\": 60px,\n \"xlarge\": 120px,\n);\n\n.avatar {\n position: relative;\n display: inline-block;\n overflow: hidden;\n text-align: center;\n vertical-align: middle;\n background-color: $smoke;\n &::after {\n content: \"\\A\";\n @extend %avatar-overlay-initial-state;\n background: rgba(0, 0, 0, .5);\n }\n &:hover {\n &::after {\n cursor: pointer;\n opacity: 1;\n }\n }\n .avatar-photo {\n width: 100%;\n height: 100%;\n vertical-align: top;\n background-color: $smoke;\n }\n &.avatar-default-people {\n background-image: $avatar-default-people;\n @extend %avatar-default-template;\n background-size: 100% 100%;\n }\n &.avatar-default-file {\n background-image: $avatar-default-file;\n @extend %avatar-default-template;\n }\n &.avatar-default-image {\n background-image: $avatar-default-image;\n @extend %avatar-default-template;\n }\n @each $name, $size in $avatar-element-size {\n &.avatar-#{$name} {\n width: $size;\n height: $size;\n line-height: $size;\n }\n }\n $avatar-font-family: \"Mekari-Icon-Regular\";\n &.avatar-xlarge {\n font-family: $avatar-font-family;\n font-size: 24px;\n &::after {\n color: $white;\n content: \"\\e877\";\n @extend %avatar-overlay-initial-state;\n }\n &:hover {\n &::after {\n cursor: pointer;\n opacity: 1;\n }\n }\n }\n &.avatar-circle {\n border-radius: 100%; // stylelint-disable-line property-blacklist\n }\n &.avatar-square {\n border-radius: 8px; // stylelint-disable-line property-blacklist\n }\n}\n\n.avatar-stacked {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n font-size: 0;\n @each $name, $size in $avatar-element-size {\n .avatar-#{$name} {\n box-shadow: #{$size / 10} 0 0 #{$size / 20} $white;\n }\n .avatar-#{$name}:nth-child(1) {\n z-index: 5;\n }\n .avatar-#{$name}:nth-child(2) {\n right: #{$size / 10};\n z-index: 4;\n }\n .avatar-#{$name}:nth-child(3) {\n right: #{$size / 10 * 2};\n z-index: 3;\n }\n .avatar-#{$name}:nth-child(4) {\n right: #{$size / 10 * 3};\n z-index: 2;\n }\n .avatar-#{$name}:nth-child(5) {\n right: #{$size / 10 * 4};\n z-index: 1;\n }\n }\n .avatar-stacked-text {\n color: $link;\n cursor: pointer;\n p {\n margin: 0;\n line-height: 14px;\n }\n &.dropdown-toggle::after {\n display: none;\n }\n }\n}\n\n.avatar-grid-container {\n display: inline-block;\n}\n\n.avatar-grid-row {\n font-size: 0;\n @each $name, $size in $avatar-element-size {\n .avatar-#{$name} {\n margin-left: #{$size / 3};\n }\n .avatar-#{$name}:first-child {\n margin-left: 0;\n }\n }\n .avatar-grid-text {\n padding-top: 8px;\n color: $link;\n text-align: center;\n cursor: pointer;\n p {\n margin: 0;\n }\n &.dropdown-toggle {\n &::after {\n display: none;\n }\n }\n }\n}\n\n@each $name, $size in $avatar-element-size {\n .avatar-grid-#{$name} {\n .avatar-grid-row {\n padding-top: #{$size / 3};\n }\n .avatar-grid-row:first-child {\n padding-top: 0;\n }\n }\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","$avatar-default-people: url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='60px' height='60px' viewBox='0 0 60 60' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3E57B2CFBF-9694-4E42-8A9B-7C4261320855svg/%3C/title%3E%3Cdefs%3E%3Ccircle id='path-1' cx='30' cy='30' r='30'%3E%3C/circle%3E%3C/defs%3E%3Cg id='Design-Principle' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Components/-Avatar' transform='translate(-852.000000, -1412.000000)'%3E%3Cg id='Default-avatars' transform='translate(660.000000, 1315.000000)'%3E%3Cg id='Components/-Avatar/-Circle/-60px' transform='translate(192.000000, 97.000000)'%3E%3Cg id='Border'%3E%3Ccircle cx='30' cy='30' r='30'%3E%3C/circle%3E%3C/g%3E%3Cg id='Container'%3E%3Cmask id='mask-2' fill='white'%3E%3Cuse xlink:href='%23path-1'%3E%3C/use%3E%3C/mask%3E%3Cg id='Oval'%3E%3C/g%3E%3Cg id='Type' mask='url(%23mask-2)' fill-rule='nonzero'%3E%3Cg id='🙂-Face'%3E%3Crect id='Base' fill='%23E2E2E2' x='0' y='0' width='60' height='60'%3E%3C/rect%3E%3Cpath d='M31.7647059,38.8235294 C41.5109073,38.8235294 49.4117647,46.7243868 49.4117647,56.4705882 L49.4117647,60 L10.5882353,60 L10.5882353,56.4705882 C10.5882353,46.7243868 18.4890927,38.8235294 28.2352941,38.8235294 L31.7647059,38.8235294 Z M30.5294118,14.1176471 C36.3771326,14.1176471 41.1176471,18.8581615 41.1176471,24.7058824 C41.1176471,30.5536032 36.3771326,35.2941176 30.5294118,35.2941176 C24.6816909,35.2941176 19.9411765,30.5536032 19.9411765,24.7058824 C19.9411765,18.8581615 24.6816909,14.1176471 30.5294118,14.1176471 Z' id='Path' fill='%23B4B4B4'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3Cg id='State' mask='url(%23mask-2)'%3E%3Crect id='Overlay' x='0' y='0' width='60' height='60'%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E\");\n\n$avatar-default-file: url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='36px' height='36px' viewBox='0 0 36 36' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 64 (101010) - https://sketch.com --%3E%3Ctitle%3E8416DD89-AB9A-4D81-8594-0E1ED11C1B09svg/%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cdefs%3E%3Crect id='path-1' x='0' y='0' width='60' height='60' rx='8'%3E%3C/rect%3E%3C/defs%3E%3Cg id='Design-Principle' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Components/-Avatar' transform='translate(-1224.000000, -1424.000000)'%3E%3Crect id='base' fill='%23FFFFFF' x='0' y='0' width='1920' height='3164'%3E%3C/rect%3E%3Cg id='Default-avatars' transform='translate(660.000000, 1315.000000)'%3E%3Cg id='Avatar-blank-type' transform='translate(192.000000, 97.000000)'%3E%3Cg id='Components/-Avatar/-Square/-60px' transform='translate(360.000000, 0.000000)'%3E%3Cmask id='mask-2' fill='white'%3E%3Cuse xlink:href='%23path-1'%3E%3C/use%3E%3C/mask%3E%3Cg id='Base'%3E%3C/g%3E%3Cg id='Type' mask='url(%23mask-2)' fill-rule='nonzero'%3E%3Crect id='Base' fill='%23E2E2E2' x='0' y='0' width='60' height='60'%3E%3C/rect%3E%3Cg id='Icons/-Regular/-Feature/-IMG' transform='translate(12.000000, 12.000000)' fill='%23777777'%3E%3Cpath d='M23.1213203,3 L30,9.87867966 L30,30 C30,31.6568542 28.6568542,33 27,33 L9,33 C7.34314575,33 6,31.6568542 6,30 L6,6 C6,4.34314575 7.34314575,3 9,3 L23.1213203,3 Z M21,4.5 L9,4.5 C8.17157288,4.5 7.5,5.17157288 7.5,6 L7.5,30 C7.5,30.8284271 8.17157288,31.5 9,31.5 L27,31.5 C27.8284271,31.5 28.5,30.8284271 28.5,30 L28.5,12 L23.25,12 C22.1342953,12 21.0906184,11.0028107 21.0055823,9.89504535 L21,9.75 L21,4.5 Z M24.75,25.5 C25.1642136,25.5 25.5,25.8357864 25.5,26.25 C25.5,26.6642136 25.1642136,27 24.75,27 L11.25,27 C10.8357864,27 10.5,26.6642136 10.5,26.25 C10.5,25.8357864 10.8357864,25.5 11.25,25.5 L24.75,25.5 Z M24.75,18 C25.1642136,18 25.5,18.3357864 25.5,18.75 C25.5,19.1642136 25.1642136,19.5 24.75,19.5 L11.25,19.5 C10.8357864,19.5 10.5,19.1642136 10.5,18.75 C10.5,18.3357864 10.8357864,18 11.25,18 L24.75,18 Z M15.75,10.5 C16.1642136,10.5 16.5,10.8357864 16.5,11.25 C16.5,11.6642136 16.1642136,12 15.75,12 L11.25,12 C10.8357864,12 10.5,11.6642136 10.5,11.25 C10.5,10.8357864 10.8357864,10.5 11.25,10.5 L15.75,10.5 Z M22.5,4.5 L22.5,9.75 C22.5,10.0857864 22.9142136,10.5 23.25,10.5 L23.25,10.5 L28.5,10.5 L22.5,4.5 Z' id='Color'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E\");\n\n$avatar-default-image: url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='36px' height='36px' viewBox='0 0 36 36' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 64 (101010) - https://sketch.com --%3E%3Ctitle%3E854A7405-039C-4712-92A0-AB1D01FDD088svg/%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cdefs%3E%3Crect id='path-1' x='0' y='0' width='60' height='60' rx='8'%3E%3C/rect%3E%3C/defs%3E%3Cg id='Design-Principle' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Components/-Avatar' transform='translate(-1044.000000, -1424.000000)'%3E%3Crect id='base' fill='%23FFFFFF' x='0' y='0' width='1920' height='3164'%3E%3C/rect%3E%3Cg id='Default-avatars' transform='translate(660.000000, 1315.000000)'%3E%3Cg id='Avatar-blank-type' transform='translate(192.000000, 97.000000)'%3E%3Cg id='Components/-Avatar/-Square/-60px' transform='translate(180.000000, 0.000000)'%3E%3Cmask id='mask-2' fill='white'%3E%3Cuse xlink:href='%23path-1'%3E%3C/use%3E%3C/mask%3E%3Cg id='Base'%3E%3C/g%3E%3Cg id='Type' mask='url(%23mask-2)' fill-rule='nonzero'%3E%3Crect id='Base' fill='%23E2E2E2' x='0' y='0' width='60' height='60'%3E%3C/rect%3E%3Cg id='Icons/-Regular/-Feature/-IMG' transform='translate(12.000000, 12.000000)' fill='%23777777'%3E%3Cpath d='M24.0307692,3 C24.2326984,3 24.4271578,3.07954407 24.5751301,3.22267209 L29.7443609,8.22267209 C29.9073745,8.38034894 30,8.60160933 30,8.83333333 L30,32.1666667 C30,32.626904 29.6418278,33 29.2,33 L6.8,33 C6.3581722,33 6,32.626904 6,32.1666667 L6,3.83333333 C6,3.37309604 6.3581722,3 6.8,3 L24.0307692,3 Z M12.2596988,25.7875335 L8.92873792,30.3339749 C8.84660416,30.4571755 8.80277564,30.6019313 8.80277564,30.75 C8.80277564,31.1642136 9.13856208,31.5 9.55277564,31.5 L18.6487188,31.5 L13.4599025,25.7234205 C13.4137204,25.6680021 13.3597846,25.6195363 13.2997616,25.579521 C12.9551151,25.3497567 12.4894631,25.442887 12.2596988,25.7875335 Z M21.1758419,19.8540405 L16.7020464,26.6752406 L20.607804,31.5 L27.299016,31.4994534 C28.5,31.4923469 28.5,31.3928571 28.5,30 L28.5,28.5391523 L22.3636022,19.842318 C22.3238169,19.7917673 22.2776933,19.7465447 22.2263672,19.707765 C21.8958797,19.4580634 21.4255435,19.523553 21.1758419,19.8540405 Z M23.7715845,4.5 L7.5,4.5 L7.50072911,29.827172 C7.55141195,29.7144696 7.61151182,29.6056505 7.68066248,29.5019246 L11.0116233,24.9554835 C11.7009164,23.921544 13.0978724,23.642153 14.1318119,24.331446 C14.3118808,24.4514919 14.4736883,24.5968893 14.6122344,24.7631445 L15.455,25.722 L19.9790409,18.949791 C20.7281458,17.9583286 22.1391544,17.7618596 23.1306168,18.5109645 C23.2845952,18.6273037 23.4229661,18.7629699 23.5423219,18.914622 L28.5,25.905 L28.5,9.08668365 L23.7715845,4.5 Z M12.75,12 C14.4068542,12 15.75,13.3431458 15.75,15 C15.75,16.6568542 14.4068542,18 12.75,18 C11.0931458,18 9.75,16.6568542 9.75,15 C9.75,13.3431458 11.0931458,12 12.75,12 Z M12.75,13.5 C11.9215729,13.5 11.25,14.1715729 11.25,15 C11.25,15.8284271 11.9215729,16.5 12.75,16.5 C13.5784271,16.5 14.25,15.8284271 14.25,15 C14.25,14.1715729 13.5784271,13.5 12.75,13.5 Z' id='Color'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E\");\n"]}
|
|
1
|
+
{"version":3,"sources":["mekari-ui-avatar.css","../../../scss/components/config/_avatar.scss","../../../scss/vendor-extensions/_color.scss","../../../scss/vendor-extensions/_avatar.scss","../../../scss/vendor-extensions/_typography.scss"],"names":[],"mappings":"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","file":"mekari-ui-avatar.css","sourcesContent":["@charset \"UTF-8\";\n.avatar.avatar-default-people, .avatar.avatar-default-file, .avatar.avatar-default-image {\n background-repeat: no-repeat;\n background-position: center center;\n background-origin: content-box;\n background-size: 60% 60%;\n}\n\n.avatar::after, .avatar.avatar-xlarge::after {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n opacity: 0;\n}\n\n.avatar {\n position: relative;\n display: inline-block;\n overflow: hidden;\n text-align: center;\n vertical-align: middle;\n background-color: #e2e2e2;\n}\n\n.avatar::after {\n content: \"\\A\";\n background: rgba(0, 0, 0, 0.5);\n}\n\n.avatar:hover::after {\n cursor: pointer;\n opacity: 1;\n}\n\n.avatar .avatar-photo {\n width: 100%;\n height: 100%;\n vertical-align: top;\n background-color: #e2e2e2;\n}\n\n.avatar.avatar-default-people {\n background-image: url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='60px' height='60px' viewBox='0 0 60 60' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3E57B2CFBF-9694-4E42-8A9B-7C4261320855svg/%3C/title%3E%3Cdefs%3E%3Ccircle id='path-1' cx='30' cy='30' r='30'%3E%3C/circle%3E%3C/defs%3E%3Cg id='Design-Principle' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Components/-Avatar' transform='translate(-852.000000, -1412.000000)'%3E%3Cg id='Default-avatars' transform='translate(660.000000, 1315.000000)'%3E%3Cg id='Components/-Avatar/-Circle/-60px' transform='translate(192.000000, 97.000000)'%3E%3Cg id='Border'%3E%3Ccircle cx='30' cy='30' r='30'%3E%3C/circle%3E%3C/g%3E%3Cg id='Container'%3E%3Cmask id='mask-2' fill='white'%3E%3Cuse xlink:href='%23path-1'%3E%3C/use%3E%3C/mask%3E%3Cg id='Oval'%3E%3C/g%3E%3Cg id='Type' mask='url(%23mask-2)' fill-rule='nonzero'%3E%3Cg id='🙂-Face'%3E%3Crect id='Base' fill='%23E2E2E2' x='0' y='0' width='60' height='60'%3E%3C/rect%3E%3Cpath d='M31.7647059,38.8235294 C41.5109073,38.8235294 49.4117647,46.7243868 49.4117647,56.4705882 L49.4117647,60 L10.5882353,60 L10.5882353,56.4705882 C10.5882353,46.7243868 18.4890927,38.8235294 28.2352941,38.8235294 L31.7647059,38.8235294 Z M30.5294118,14.1176471 C36.3771326,14.1176471 41.1176471,18.8581615 41.1176471,24.7058824 C41.1176471,30.5536032 36.3771326,35.2941176 30.5294118,35.2941176 C24.6816909,35.2941176 19.9411765,30.5536032 19.9411765,24.7058824 C19.9411765,18.8581615 24.6816909,14.1176471 30.5294118,14.1176471 Z' id='Path' fill='%23B4B4B4'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3Cg id='State' mask='url(%23mask-2)'%3E%3Crect id='Overlay' x='0' y='0' width='60' height='60'%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E\");\n background-size: 100% 100%;\n}\n\n.avatar.avatar-default-file {\n background-image: url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='36px' height='36px' viewBox='0 0 36 36' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 64 (101010) - https://sketch.com --%3E%3Ctitle%3E8416DD89-AB9A-4D81-8594-0E1ED11C1B09svg/%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cdefs%3E%3Crect id='path-1' x='0' y='0' width='60' height='60' rx='8'%3E%3C/rect%3E%3C/defs%3E%3Cg id='Design-Principle' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Components/-Avatar' transform='translate(-1224.000000, -1424.000000)'%3E%3Crect id='base' fill='%23FFFFFF' x='0' y='0' width='1920' height='3164'%3E%3C/rect%3E%3Cg id='Default-avatars' transform='translate(660.000000, 1315.000000)'%3E%3Cg id='Avatar-blank-type' transform='translate(192.000000, 97.000000)'%3E%3Cg id='Components/-Avatar/-Square/-60px' transform='translate(360.000000, 0.000000)'%3E%3Cmask id='mask-2' fill='white'%3E%3Cuse xlink:href='%23path-1'%3E%3C/use%3E%3C/mask%3E%3Cg id='Base'%3E%3C/g%3E%3Cg id='Type' mask='url(%23mask-2)' fill-rule='nonzero'%3E%3Crect id='Base' fill='%23E2E2E2' x='0' y='0' width='60' height='60'%3E%3C/rect%3E%3Cg id='Icons/-Regular/-Feature/-IMG' transform='translate(12.000000, 12.000000)' fill='%23777777'%3E%3Cpath d='M23.1213203,3 L30,9.87867966 L30,30 C30,31.6568542 28.6568542,33 27,33 L9,33 C7.34314575,33 6,31.6568542 6,30 L6,6 C6,4.34314575 7.34314575,3 9,3 L23.1213203,3 Z M21,4.5 L9,4.5 C8.17157288,4.5 7.5,5.17157288 7.5,6 L7.5,30 C7.5,30.8284271 8.17157288,31.5 9,31.5 L27,31.5 C27.8284271,31.5 28.5,30.8284271 28.5,30 L28.5,12 L23.25,12 C22.1342953,12 21.0906184,11.0028107 21.0055823,9.89504535 L21,9.75 L21,4.5 Z M24.75,25.5 C25.1642136,25.5 25.5,25.8357864 25.5,26.25 C25.5,26.6642136 25.1642136,27 24.75,27 L11.25,27 C10.8357864,27 10.5,26.6642136 10.5,26.25 C10.5,25.8357864 10.8357864,25.5 11.25,25.5 L24.75,25.5 Z M24.75,18 C25.1642136,18 25.5,18.3357864 25.5,18.75 C25.5,19.1642136 25.1642136,19.5 24.75,19.5 L11.25,19.5 C10.8357864,19.5 10.5,19.1642136 10.5,18.75 C10.5,18.3357864 10.8357864,18 11.25,18 L24.75,18 Z M15.75,10.5 C16.1642136,10.5 16.5,10.8357864 16.5,11.25 C16.5,11.6642136 16.1642136,12 15.75,12 L11.25,12 C10.8357864,12 10.5,11.6642136 10.5,11.25 C10.5,10.8357864 10.8357864,10.5 11.25,10.5 L15.75,10.5 Z M22.5,4.5 L22.5,9.75 C22.5,10.0857864 22.9142136,10.5 23.25,10.5 L23.25,10.5 L28.5,10.5 L22.5,4.5 Z' id='Color'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E\");\n}\n\n.avatar.avatar-default-image {\n background-image: url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='36px' height='36px' viewBox='0 0 36 36' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 64 (101010) - https://sketch.com --%3E%3Ctitle%3E854A7405-039C-4712-92A0-AB1D01FDD088svg/%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cdefs%3E%3Crect id='path-1' x='0' y='0' width='60' height='60' rx='8'%3E%3C/rect%3E%3C/defs%3E%3Cg id='Design-Principle' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Components/-Avatar' transform='translate(-1044.000000, -1424.000000)'%3E%3Crect id='base' fill='%23FFFFFF' x='0' y='0' width='1920' height='3164'%3E%3C/rect%3E%3Cg id='Default-avatars' transform='translate(660.000000, 1315.000000)'%3E%3Cg id='Avatar-blank-type' transform='translate(192.000000, 97.000000)'%3E%3Cg id='Components/-Avatar/-Square/-60px' transform='translate(180.000000, 0.000000)'%3E%3Cmask id='mask-2' fill='white'%3E%3Cuse xlink:href='%23path-1'%3E%3C/use%3E%3C/mask%3E%3Cg id='Base'%3E%3C/g%3E%3Cg id='Type' mask='url(%23mask-2)' fill-rule='nonzero'%3E%3Crect id='Base' fill='%23E2E2E2' x='0' y='0' width='60' height='60'%3E%3C/rect%3E%3Cg id='Icons/-Regular/-Feature/-IMG' transform='translate(12.000000, 12.000000)' fill='%23777777'%3E%3Cpath d='M24.0307692,3 C24.2326984,3 24.4271578,3.07954407 24.5751301,3.22267209 L29.7443609,8.22267209 C29.9073745,8.38034894 30,8.60160933 30,8.83333333 L30,32.1666667 C30,32.626904 29.6418278,33 29.2,33 L6.8,33 C6.3581722,33 6,32.626904 6,32.1666667 L6,3.83333333 C6,3.37309604 6.3581722,3 6.8,3 L24.0307692,3 Z M12.2596988,25.7875335 L8.92873792,30.3339749 C8.84660416,30.4571755 8.80277564,30.6019313 8.80277564,30.75 C8.80277564,31.1642136 9.13856208,31.5 9.55277564,31.5 L18.6487188,31.5 L13.4599025,25.7234205 C13.4137204,25.6680021 13.3597846,25.6195363 13.2997616,25.579521 C12.9551151,25.3497567 12.4894631,25.442887 12.2596988,25.7875335 Z M21.1758419,19.8540405 L16.7020464,26.6752406 L20.607804,31.5 L27.299016,31.4994534 C28.5,31.4923469 28.5,31.3928571 28.5,30 L28.5,28.5391523 L22.3636022,19.842318 C22.3238169,19.7917673 22.2776933,19.7465447 22.2263672,19.707765 C21.8958797,19.4580634 21.4255435,19.523553 21.1758419,19.8540405 Z M23.7715845,4.5 L7.5,4.5 L7.50072911,29.827172 C7.55141195,29.7144696 7.61151182,29.6056505 7.68066248,29.5019246 L11.0116233,24.9554835 C11.7009164,23.921544 13.0978724,23.642153 14.1318119,24.331446 C14.3118808,24.4514919 14.4736883,24.5968893 14.6122344,24.7631445 L15.455,25.722 L19.9790409,18.949791 C20.7281458,17.9583286 22.1391544,17.7618596 23.1306168,18.5109645 C23.2845952,18.6273037 23.4229661,18.7629699 23.5423219,18.914622 L28.5,25.905 L28.5,9.08668365 L23.7715845,4.5 Z M12.75,12 C14.4068542,12 15.75,13.3431458 15.75,15 C15.75,16.6568542 14.4068542,18 12.75,18 C11.0931458,18 9.75,16.6568542 9.75,15 C9.75,13.3431458 11.0931458,12 12.75,12 Z M12.75,13.5 C11.9215729,13.5 11.25,14.1715729 11.25,15 C11.25,15.8284271 11.9215729,16.5 12.75,16.5 C13.5784271,16.5 14.25,15.8284271 14.25,15 C14.25,14.1715729 13.5784271,13.5 12.75,13.5 Z' id='Color'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E\");\n}\n\n.avatar.avatar-small {\n width: 24px;\n height: 24px;\n line-height: 24px;\n}\n\n.avatar.avatar-small .avatar-initial {\n font-family: \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif;\n font-size: 10.8px;\n color: #777;\n}\n\n.avatar.avatar-medium {\n width: 40px;\n height: 40px;\n line-height: 40px;\n}\n\n.avatar.avatar-medium .avatar-initial {\n font-family: \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif;\n font-size: 18px;\n color: #777;\n}\n\n.avatar.avatar-large {\n width: 60px;\n height: 60px;\n line-height: 60px;\n}\n\n.avatar.avatar-large .avatar-initial {\n font-family: \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif;\n font-size: 27px;\n color: #777;\n}\n\n.avatar.avatar-xlarge {\n width: 120px;\n height: 120px;\n line-height: 120px;\n}\n\n.avatar.avatar-xlarge .avatar-initial {\n font-family: \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif;\n font-size: 54px;\n color: #777;\n}\n\n.avatar.avatar-xlarge {\n font-family: \"Mekari-Icon-Regular\";\n font-size: 24px;\n}\n\n.avatar.avatar-xlarge::after {\n color: #fff;\n content: \"\\e877\";\n}\n\n.avatar.avatar-xlarge:hover::after {\n cursor: pointer;\n opacity: 1;\n}\n\n.avatar.avatar-circle {\n border-radius: 100%;\n}\n\n.avatar.avatar-square {\n border-radius: 8px;\n}\n\n.avatar-stacked {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n font-size: 0;\n}\n\n.avatar-stacked .avatar-small {\n box-shadow: 2.4px 0 0 1.2px #fff;\n}\n\n.avatar-stacked .avatar-small:nth-child(1) {\n z-index: 5;\n}\n\n.avatar-stacked .avatar-small:nth-child(2) {\n right: 2.4px;\n z-index: 4;\n}\n\n.avatar-stacked .avatar-small:nth-child(3) {\n right: 4.8px;\n z-index: 3;\n}\n\n.avatar-stacked .avatar-small:nth-child(4) {\n right: 7.2px;\n z-index: 2;\n}\n\n.avatar-stacked .avatar-small:nth-child(5) {\n right: 9.6px;\n z-index: 1;\n}\n\n.avatar-stacked .avatar-medium {\n box-shadow: 4px 0 0 2px #fff;\n}\n\n.avatar-stacked .avatar-medium:nth-child(1) {\n z-index: 5;\n}\n\n.avatar-stacked .avatar-medium:nth-child(2) {\n right: 4px;\n z-index: 4;\n}\n\n.avatar-stacked .avatar-medium:nth-child(3) {\n right: 8px;\n z-index: 3;\n}\n\n.avatar-stacked .avatar-medium:nth-child(4) {\n right: 12px;\n z-index: 2;\n}\n\n.avatar-stacked .avatar-medium:nth-child(5) {\n right: 16px;\n z-index: 1;\n}\n\n.avatar-stacked .avatar-large {\n box-shadow: 6px 0 0 3px #fff;\n}\n\n.avatar-stacked .avatar-large:nth-child(1) {\n z-index: 5;\n}\n\n.avatar-stacked .avatar-large:nth-child(2) {\n right: 6px;\n z-index: 4;\n}\n\n.avatar-stacked .avatar-large:nth-child(3) {\n right: 12px;\n z-index: 3;\n}\n\n.avatar-stacked .avatar-large:nth-child(4) {\n right: 18px;\n z-index: 2;\n}\n\n.avatar-stacked .avatar-large:nth-child(5) {\n right: 24px;\n z-index: 1;\n}\n\n.avatar-stacked .avatar-xlarge {\n box-shadow: 12px 0 0 6px #fff;\n}\n\n.avatar-stacked .avatar-xlarge:nth-child(1) {\n z-index: 5;\n}\n\n.avatar-stacked .avatar-xlarge:nth-child(2) {\n right: 12px;\n z-index: 4;\n}\n\n.avatar-stacked .avatar-xlarge:nth-child(3) {\n right: 24px;\n z-index: 3;\n}\n\n.avatar-stacked .avatar-xlarge:nth-child(4) {\n right: 36px;\n z-index: 2;\n}\n\n.avatar-stacked .avatar-xlarge:nth-child(5) {\n right: 48px;\n z-index: 1;\n}\n\n.avatar-stacked .avatar-stacked-text {\n color: #1357ff;\n cursor: pointer;\n}\n\n.avatar-stacked .avatar-stacked-text p {\n margin: 0;\n line-height: 14px;\n}\n\n.avatar-stacked .avatar-stacked-text.dropdown-toggle::after {\n display: none;\n}\n\n.avatar-grid-container {\n display: inline-block;\n}\n\n.avatar-grid-row {\n font-size: 0;\n}\n\n.avatar-grid-row .avatar-small {\n margin-left: 8px;\n}\n\n.avatar-grid-row .avatar-small:first-child {\n margin-left: 0;\n}\n\n.avatar-grid-row .avatar-medium {\n margin-left: 13.333333px;\n}\n\n.avatar-grid-row .avatar-medium:first-child {\n margin-left: 0;\n}\n\n.avatar-grid-row .avatar-large {\n margin-left: 20px;\n}\n\n.avatar-grid-row .avatar-large:first-child {\n margin-left: 0;\n}\n\n.avatar-grid-row .avatar-xlarge {\n margin-left: 40px;\n}\n\n.avatar-grid-row .avatar-xlarge:first-child {\n margin-left: 0;\n}\n\n.avatar-grid-row .avatar-grid-text {\n padding-top: 8px;\n color: #1357ff;\n text-align: center;\n cursor: pointer;\n}\n\n.avatar-grid-row .avatar-grid-text p {\n margin: 0;\n}\n\n.avatar-grid-row .avatar-grid-text.dropdown-toggle::after {\n display: none;\n}\n\n.avatar-grid-small .avatar-grid-row {\n padding-top: 8px;\n}\n\n.avatar-grid-small .avatar-grid-row:first-child {\n padding-top: 0;\n}\n\n.avatar-grid-medium .avatar-grid-row {\n padding-top: 13.333333px;\n}\n\n.avatar-grid-medium .avatar-grid-row:first-child {\n padding-top: 0;\n}\n\n.avatar-grid-large .avatar-grid-row {\n padding-top: 20px;\n}\n\n.avatar-grid-large .avatar-grid-row:first-child {\n padding-top: 0;\n}\n\n.avatar-grid-xlarge .avatar-grid-row {\n padding-top: 40px;\n}\n\n.avatar-grid-xlarge .avatar-grid-row:first-child {\n padding-top: 0;\n}\n\n/*# sourceMappingURL=mekari-ui-avatar.css.map */","%avatar-default-template {\n background-repeat: no-repeat;\n background-position: center center;\n background-origin: content-box;\n background-size: 60% 60%;\n}\n\n%avatar-overlay-initial-state {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n opacity: 0;\n}\n\n$avatar-element-size: (\n \"small\": 24px,\n \"medium\": 40px,\n \"large\": 60px,\n \"xlarge\": 120px,\n);\n\n.avatar {\n position: relative;\n display: inline-block;\n overflow: hidden;\n text-align: center;\n vertical-align: middle;\n background-color: $smoke;\n &::after {\n content: \"\\A\";\n @extend %avatar-overlay-initial-state;\n background: rgba(0, 0, 0, .5);\n }\n &:hover {\n &::after {\n cursor: pointer;\n opacity: 1;\n }\n }\n .avatar-photo {\n width: 100%;\n height: 100%;\n vertical-align: top;\n background-color: $smoke;\n }\n &.avatar-default-people {\n background-image: $avatar-default-people;\n @extend %avatar-default-template;\n background-size: 100% 100%;\n }\n &.avatar-default-file {\n background-image: $avatar-default-file;\n @extend %avatar-default-template;\n }\n &.avatar-default-image {\n background-image: $avatar-default-image;\n @extend %avatar-default-template;\n }\n @each $name, $size in $avatar-element-size {\n &.avatar-#{$name} {\n width: $size;\n height: $size;\n line-height: $size;\n .avatar-initial {\n font-family: $font-family-base;\n font-size: $size * .45;\n color: $slate;\n }\n }\n }\n $avatar-font-family: \"Mekari-Icon-Regular\";\n &.avatar-xlarge {\n font-family: $avatar-font-family;\n font-size: 24px;\n &::after {\n color: $white;\n content: \"\\e877\";\n @extend %avatar-overlay-initial-state;\n }\n &:hover {\n &::after {\n cursor: pointer;\n opacity: 1;\n }\n }\n }\n &.avatar-circle {\n border-radius: 100%; // stylelint-disable-line property-blacklist\n }\n &.avatar-square {\n border-radius: 8px; // stylelint-disable-line property-blacklist\n }\n}\n\n.avatar-stacked {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n font-size: 0;\n @each $name, $size in $avatar-element-size {\n .avatar-#{$name} {\n box-shadow: #{$size / 10} 0 0 #{$size / 20} $white;\n }\n .avatar-#{$name}:nth-child(1) {\n z-index: 5;\n }\n .avatar-#{$name}:nth-child(2) {\n right: #{$size / 10};\n z-index: 4;\n }\n .avatar-#{$name}:nth-child(3) {\n right: #{$size / 10 * 2};\n z-index: 3;\n }\n .avatar-#{$name}:nth-child(4) {\n right: #{$size / 10 * 3};\n z-index: 2;\n }\n .avatar-#{$name}:nth-child(5) {\n right: #{$size / 10 * 4};\n z-index: 1;\n }\n }\n .avatar-stacked-text {\n color: $link;\n cursor: pointer;\n p {\n margin: 0;\n line-height: 14px;\n }\n &.dropdown-toggle::after {\n display: none;\n }\n }\n}\n\n.avatar-grid-container {\n display: inline-block;\n}\n\n.avatar-grid-row {\n font-size: 0;\n @each $name, $size in $avatar-element-size {\n .avatar-#{$name} {\n margin-left: #{$size / 3};\n }\n .avatar-#{$name}:first-child {\n margin-left: 0;\n }\n }\n .avatar-grid-text {\n padding-top: 8px;\n color: $link;\n text-align: center;\n cursor: pointer;\n p {\n margin: 0;\n }\n &.dropdown-toggle {\n &::after {\n display: none;\n }\n }\n }\n}\n\n@each $name, $size in $avatar-element-size {\n .avatar-grid-#{$name} {\n .avatar-grid-row {\n padding-top: #{$size / 3};\n }\n .avatar-grid-row:first-child {\n padding-top: 0;\n }\n }\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","$avatar-default-people: url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='60px' height='60px' viewBox='0 0 60 60' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3E57B2CFBF-9694-4E42-8A9B-7C4261320855svg/%3C/title%3E%3Cdefs%3E%3Ccircle id='path-1' cx='30' cy='30' r='30'%3E%3C/circle%3E%3C/defs%3E%3Cg id='Design-Principle' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Components/-Avatar' transform='translate(-852.000000, -1412.000000)'%3E%3Cg id='Default-avatars' transform='translate(660.000000, 1315.000000)'%3E%3Cg id='Components/-Avatar/-Circle/-60px' transform='translate(192.000000, 97.000000)'%3E%3Cg id='Border'%3E%3Ccircle cx='30' cy='30' r='30'%3E%3C/circle%3E%3C/g%3E%3Cg id='Container'%3E%3Cmask id='mask-2' fill='white'%3E%3Cuse xlink:href='%23path-1'%3E%3C/use%3E%3C/mask%3E%3Cg id='Oval'%3E%3C/g%3E%3Cg id='Type' mask='url(%23mask-2)' fill-rule='nonzero'%3E%3Cg id='🙂-Face'%3E%3Crect id='Base' fill='%23E2E2E2' x='0' y='0' width='60' height='60'%3E%3C/rect%3E%3Cpath d='M31.7647059,38.8235294 C41.5109073,38.8235294 49.4117647,46.7243868 49.4117647,56.4705882 L49.4117647,60 L10.5882353,60 L10.5882353,56.4705882 C10.5882353,46.7243868 18.4890927,38.8235294 28.2352941,38.8235294 L31.7647059,38.8235294 Z M30.5294118,14.1176471 C36.3771326,14.1176471 41.1176471,18.8581615 41.1176471,24.7058824 C41.1176471,30.5536032 36.3771326,35.2941176 30.5294118,35.2941176 C24.6816909,35.2941176 19.9411765,30.5536032 19.9411765,24.7058824 C19.9411765,18.8581615 24.6816909,14.1176471 30.5294118,14.1176471 Z' id='Path' fill='%23B4B4B4'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3Cg id='State' mask='url(%23mask-2)'%3E%3Crect id='Overlay' x='0' y='0' width='60' height='60'%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E\");\n\n$avatar-default-file: url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='36px' height='36px' viewBox='0 0 36 36' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 64 (101010) - https://sketch.com --%3E%3Ctitle%3E8416DD89-AB9A-4D81-8594-0E1ED11C1B09svg/%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cdefs%3E%3Crect id='path-1' x='0' y='0' width='60' height='60' rx='8'%3E%3C/rect%3E%3C/defs%3E%3Cg id='Design-Principle' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Components/-Avatar' transform='translate(-1224.000000, -1424.000000)'%3E%3Crect id='base' fill='%23FFFFFF' x='0' y='0' width='1920' height='3164'%3E%3C/rect%3E%3Cg id='Default-avatars' transform='translate(660.000000, 1315.000000)'%3E%3Cg id='Avatar-blank-type' transform='translate(192.000000, 97.000000)'%3E%3Cg id='Components/-Avatar/-Square/-60px' transform='translate(360.000000, 0.000000)'%3E%3Cmask id='mask-2' fill='white'%3E%3Cuse xlink:href='%23path-1'%3E%3C/use%3E%3C/mask%3E%3Cg id='Base'%3E%3C/g%3E%3Cg id='Type' mask='url(%23mask-2)' fill-rule='nonzero'%3E%3Crect id='Base' fill='%23E2E2E2' x='0' y='0' width='60' height='60'%3E%3C/rect%3E%3Cg id='Icons/-Regular/-Feature/-IMG' transform='translate(12.000000, 12.000000)' fill='%23777777'%3E%3Cpath d='M23.1213203,3 L30,9.87867966 L30,30 C30,31.6568542 28.6568542,33 27,33 L9,33 C7.34314575,33 6,31.6568542 6,30 L6,6 C6,4.34314575 7.34314575,3 9,3 L23.1213203,3 Z M21,4.5 L9,4.5 C8.17157288,4.5 7.5,5.17157288 7.5,6 L7.5,30 C7.5,30.8284271 8.17157288,31.5 9,31.5 L27,31.5 C27.8284271,31.5 28.5,30.8284271 28.5,30 L28.5,12 L23.25,12 C22.1342953,12 21.0906184,11.0028107 21.0055823,9.89504535 L21,9.75 L21,4.5 Z M24.75,25.5 C25.1642136,25.5 25.5,25.8357864 25.5,26.25 C25.5,26.6642136 25.1642136,27 24.75,27 L11.25,27 C10.8357864,27 10.5,26.6642136 10.5,26.25 C10.5,25.8357864 10.8357864,25.5 11.25,25.5 L24.75,25.5 Z M24.75,18 C25.1642136,18 25.5,18.3357864 25.5,18.75 C25.5,19.1642136 25.1642136,19.5 24.75,19.5 L11.25,19.5 C10.8357864,19.5 10.5,19.1642136 10.5,18.75 C10.5,18.3357864 10.8357864,18 11.25,18 L24.75,18 Z M15.75,10.5 C16.1642136,10.5 16.5,10.8357864 16.5,11.25 C16.5,11.6642136 16.1642136,12 15.75,12 L11.25,12 C10.8357864,12 10.5,11.6642136 10.5,11.25 C10.5,10.8357864 10.8357864,10.5 11.25,10.5 L15.75,10.5 Z M22.5,4.5 L22.5,9.75 C22.5,10.0857864 22.9142136,10.5 23.25,10.5 L23.25,10.5 L28.5,10.5 L22.5,4.5 Z' id='Color'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E\");\n\n$avatar-default-image: url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='36px' height='36px' viewBox='0 0 36 36' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 64 (101010) - https://sketch.com --%3E%3Ctitle%3E854A7405-039C-4712-92A0-AB1D01FDD088svg/%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cdefs%3E%3Crect id='path-1' x='0' y='0' width='60' height='60' rx='8'%3E%3C/rect%3E%3C/defs%3E%3Cg id='Design-Principle' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Components/-Avatar' transform='translate(-1044.000000, -1424.000000)'%3E%3Crect id='base' fill='%23FFFFFF' x='0' y='0' width='1920' height='3164'%3E%3C/rect%3E%3Cg id='Default-avatars' transform='translate(660.000000, 1315.000000)'%3E%3Cg id='Avatar-blank-type' transform='translate(192.000000, 97.000000)'%3E%3Cg id='Components/-Avatar/-Square/-60px' transform='translate(180.000000, 0.000000)'%3E%3Cmask id='mask-2' fill='white'%3E%3Cuse xlink:href='%23path-1'%3E%3C/use%3E%3C/mask%3E%3Cg id='Base'%3E%3C/g%3E%3Cg id='Type' mask='url(%23mask-2)' fill-rule='nonzero'%3E%3Crect id='Base' fill='%23E2E2E2' x='0' y='0' width='60' height='60'%3E%3C/rect%3E%3Cg id='Icons/-Regular/-Feature/-IMG' transform='translate(12.000000, 12.000000)' fill='%23777777'%3E%3Cpath d='M24.0307692,3 C24.2326984,3 24.4271578,3.07954407 24.5751301,3.22267209 L29.7443609,8.22267209 C29.9073745,8.38034894 30,8.60160933 30,8.83333333 L30,32.1666667 C30,32.626904 29.6418278,33 29.2,33 L6.8,33 C6.3581722,33 6,32.626904 6,32.1666667 L6,3.83333333 C6,3.37309604 6.3581722,3 6.8,3 L24.0307692,3 Z M12.2596988,25.7875335 L8.92873792,30.3339749 C8.84660416,30.4571755 8.80277564,30.6019313 8.80277564,30.75 C8.80277564,31.1642136 9.13856208,31.5 9.55277564,31.5 L18.6487188,31.5 L13.4599025,25.7234205 C13.4137204,25.6680021 13.3597846,25.6195363 13.2997616,25.579521 C12.9551151,25.3497567 12.4894631,25.442887 12.2596988,25.7875335 Z M21.1758419,19.8540405 L16.7020464,26.6752406 L20.607804,31.5 L27.299016,31.4994534 C28.5,31.4923469 28.5,31.3928571 28.5,30 L28.5,28.5391523 L22.3636022,19.842318 C22.3238169,19.7917673 22.2776933,19.7465447 22.2263672,19.707765 C21.8958797,19.4580634 21.4255435,19.523553 21.1758419,19.8540405 Z M23.7715845,4.5 L7.5,4.5 L7.50072911,29.827172 C7.55141195,29.7144696 7.61151182,29.6056505 7.68066248,29.5019246 L11.0116233,24.9554835 C11.7009164,23.921544 13.0978724,23.642153 14.1318119,24.331446 C14.3118808,24.4514919 14.4736883,24.5968893 14.6122344,24.7631445 L15.455,25.722 L19.9790409,18.949791 C20.7281458,17.9583286 22.1391544,17.7618596 23.1306168,18.5109645 C23.2845952,18.6273037 23.4229661,18.7629699 23.5423219,18.914622 L28.5,25.905 L28.5,9.08668365 L23.7715845,4.5 Z M12.75,12 C14.4068542,12 15.75,13.3431458 15.75,15 C15.75,16.6568542 14.4068542,18 12.75,18 C11.0931458,18 9.75,16.6568542 9.75,15 C9.75,13.3431458 11.0931458,12 12.75,12 Z M12.75,13.5 C11.9215729,13.5 11.25,14.1715729 11.25,15 C11.25,15.8284271 11.9215729,16.5 12.75,16.5 C13.5784271,16.5 14.25,15.8284271 14.25,15 C14.25,14.1715729 13.5784271,13.5 12.75,13.5 Z' id='Color'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E\");\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%) !default;\n$link-decoration: none;\n$link-hover-decoration: underline;\n\n$input-placeholder-color: $text-muted;\n$custom-select-disabled-color: $text-muted;\n$custom-control-label-disabled-color: $text-muted;\n"]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
.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{color:#777;background-color:transparent;border:1px solid transparent}.btn.btn-ghost:not(:disabled):not(.disabled):hover,.btn.btn-icon:not(:disabled):not(.disabled):hover{background-color:#f2f4f7;border-color:#f2f4f7}.btn.btn-ghost:not(:disabled):not(.disabled):focus,.btn.btn-icon:not(:disabled):not(.disabled):focus{background-color:transparent;border-color:#1357ff;box-shadow:0 0 4px 1px #1357ff}.btn.btn-basic{color:#777;background-color:#fbfbfb;border:1px solid #e2e2e2}.btn.btn-basic:not(:disabled):not(.disabled):hover{border-color:#005fbf}.btn.btn-basic: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{padding:0}.btn.btn-link:not(:disabled):not(.disabled):focus{text-decoration:none;box-shadow:0 0 4px 1px #1357ff}.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-icon{width:36px;height:36px;padding:8px}.btn.btn-icon>.ic{width:16px;height:16px;padding:0;font-size:16px}.btn.is-loading{position:relative;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:20px;height:20px;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{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{padding:0;font-size:20px;vertical-align:top;border:none}.btn.btn-with-icon .ic.is-left{margin-right:8px}.btn.btn-with-icon .ic.is-right{margin-left:8px}.btn.btn-with-icon span{padding:2px 0;vertical-align:top;border:none}.btn-group-sm>.btn.btn-with-icon .ic,.btn.btn-with-icon.btn-sm .ic{padding:0;font-size:16px;vertical-align:text-top;border:none}.btn-group-sm>.btn.btn-with-icon span,.btn.btn-with-icon.btn-sm span{padding:0;line-height:16px;vertical-align:text-top;border:none}.btn-group-lg>.btn.btn-with-icon .ic,.btn.btn-with-icon.btn-lg .ic{padding:0;font-size:24px;vertical-align:top;border:none}.btn-group-lg>.btn.btn-with-icon span,.btn.btn-with-icon.btn-lg span{padding:3px 0;font-size:18px;vertical-align:top;border:none}.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:36px;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){padding-left:9px;border-left:none}.btn-group.dropleft .dropdown-toggle-split.btn-basic:not(:hover):not(:focus){padding-left:8px;border-left:1px solid #e2e2e2}.btn-group.dropleft~.btn-basic:not(:hover):not(:focus){padding-left:9px;border-left:none}
|
|
1
|
+
.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{color:#777;background-color:transparent;border:1px solid transparent}.btn.btn-ghost:not(:disabled):not(.disabled):hover,.btn.btn-icon:not(:disabled):not(.disabled):hover{background-color:#f2f4f7;border-color:#f2f4f7}.btn.btn-ghost:not(:disabled):not(.disabled):focus,.btn.btn-icon:not(:disabled):not(.disabled):focus{background-color:transparent;border-color:#1357ff;box-shadow:0 0 4px 1px #1357ff}.btn.btn-basic{color:#777;background-color:#fbfbfb;border:1px solid #e2e2e2}.btn.btn-basic:not(:disabled):not(.disabled):hover{border-color:#005fbf}.btn.btn-basic: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{padding:0}.btn.btn-link:not(:disabled):not(.disabled):focus{text-decoration:none;box-shadow:0 0 4px 1px #1357ff}.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-icon{width:36px;height:36px;padding:8px}.btn.btn-icon>.ic{width:16px;height:16px;padding:0;font-size:16px}.btn.is-loading{position:relative;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:20px;height:20px;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{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{padding:2px 0;font-size:20px;vertical-align:top;border:none}.btn.btn-with-icon .ic.is-left{margin-right:8px}.btn.btn-with-icon .ic.is-right{margin-left:8px}.btn.btn-with-icon span{line-height:24px;vertical-align:top;border:none}.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:middle;border:none}.btn-group-sm>.btn.btn-with-icon .ic,.btn.btn-with-icon.btn-sm .ic{padding:4px;margin-right:0;font-size:16px}.btn-group-lg>.btn.btn-with-icon .ic,.btn.btn-with-icon.btn-lg .ic{padding:0;font-size:24px;vertical-align:top;border:none}.btn-group-lg>.btn.btn-with-icon span,.btn.btn-with-icon.btn-lg span{font-size:18px;line-height:24px;vertical-align:top;border:none}.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:36px;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){padding-left:9px;border-left:none}.btn-group.dropleft .dropdown-toggle-split.btn-basic:not(:hover):not(:focus){padding-left:8px;border-left:1px solid #e2e2e2}.btn-group.dropleft~.btn-basic:not(:hover):not(:focus){padding-left:9px;border-left:none}
|
|
2
2
|
/*# sourceMappingURL=mekari-ui-button-min.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../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":["// 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 .show > &.dropdown-toggle {\n color: color-yiq($active-background);\n background-color: $active-background;\n @if $enable-gradients {\n background-image: none; // Remove the gradient for the pressed/active state\n }\n border-color: $active-border;\n\n &:focus {\n // Avoid using mixin so we can pass custom focus shadow properly\n @if $enable-shadows and $btn-active-box-shadow != none {\n box-shadow: $btn-active-box-shadow, 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5);\n } @else {\n box-shadow: 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5);\n }\n }\n }\n}\n\n@mixin button-outline-variant($color, $color-hover: color-yiq($color), $active-background: $color, $active-border: $color) {\n color: $color;\n border-color: $color;\n\n @include hover {\n color: $color-hover;\n background-color: $active-background;\n border-color: $active-border;\n }\n\n &:focus,\n &.focus {\n box-shadow: 0 0 0 $btn-focus-width rgba($color, .5);\n }\n\n &.disabled,\n &:disabled {\n color: $color;\n background-color: transparent;\n }\n\n &:not(:disabled):not(.disabled):active,\n &:not(:disabled):not(.disabled).active,\n .show > &.dropdown-toggle {\n color: color-yiq($active-background);\n background-color: $active-background;\n border-color: $active-border;\n\n &:focus {\n // Avoid using mixin so we can pass custom focus shadow properly\n @if $enable-shadows and $btn-active-box-shadow != none {\n box-shadow: $btn-active-box-shadow, 0 0 0 $btn-focus-width rgba($color, .5);\n } @else {\n box-shadow: 0 0 0 $btn-focus-width rgba($color, .5);\n }\n }\n }\n}\n\n// Button sizes\n@mixin button-size($padding-y, $padding-x, $font-size, $line-height, $border-radius) {\n padding: $padding-y $padding-x;\n @include font-size($font-size);\n line-height: $line-height;\n // Manually declare to provide an override to the browser default\n @include border-radius($border-radius, 0);\n}\n","// 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",".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 {\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: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: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 {\n color: #777;\n background-color: #fbfbfb;\n border: 1px solid #e2e2e2;\n}\n\n.btn.btn-basic:not(:disabled):not(.disabled):hover {\n border-color: #005fbf;\n}\n\n.btn.btn-basic: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 padding: 0;\n}\n\n.btn.btn-link:not(:disabled):not(.disabled):focus {\n text-decoration: none;\n box-shadow: 0 0 4px 1px #1357ff;\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-icon {\n width: 36px;\n height: 36px;\n padding: 8px;\n}\n\n.btn.btn-icon > .ic {\n width: 16px;\n height: 16px;\n padding: 0;\n font-size: 16px;\n}\n\n.btn.is-loading {\n position: relative;\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: 20px;\n height: 20px;\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 {\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 padding: 0;\n font-size: 20px;\n vertical-align: top;\n border: none;\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 span {\n padding: 2px 0;\n vertical-align: top;\n border: none;\n}\n\n.btn.btn-with-icon.btn-sm .ic, .btn-group-sm > .btn.btn-with-icon .ic {\n padding: 0;\n font-size: 16px;\n vertical-align: text-top;\n border: none;\n}\n\n.btn.btn-with-icon.btn-sm span, .btn-group-sm > .btn.btn-with-icon span {\n padding: 0;\n line-height: 16px;\n vertical-align: text-top;\n border: none;\n}\n\n.btn.btn-with-icon.btn-lg .ic, .btn-group-lg > .btn.btn-with-icon .ic {\n padding: 0;\n font-size: 24px;\n vertical-align: top;\n border: none;\n}\n\n.btn.btn-with-icon.btn-lg span, .btn-group-lg > .btn.btn-with-icon span {\n padding: 3px 0;\n font-size: 18px;\n vertical-align: top;\n border: none;\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: 36px;\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) {\n padding-left: 9px;\n border-left: none;\n}\n\n.btn-group.dropleft .dropdown-toggle-split.btn-basic: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 padding-left: 9px;\n border-left: none;\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.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-basic-border-color: $smoke;\n// End of button related variable\n\n.#{$prefix}btn {\n &.#{$prefix}btn-basic {\n color: $secondary;\n background-color: $light;\n border: 1px solid $btn-basic-border-color;\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 }\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 padding: 0;\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 4px 1px $blue;\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\n &.#{$prefix}btn-icon {\n width: 36px;\n height: 36px;\n padding: 8px;\n @extend %btn-ghost;\n\n > .ic {\n width: 16px;\n height: 16px;\n padding: 0;\n font-size: 16px;\n }\n }\n\n &.#{$prefix}is-loading {\n position: relative;\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: 20px;\n height: 20px;\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 &::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 padding: 0;\n font-size: 20px;\n vertical-align: top;\n border: none;\n &.is-left {\n margin-right: 8px;\n }\n &.is-right {\n margin-left: 8px;\n }\n }\n span {\n padding: 2px 0;\n vertical-align: top;\n border: none;\n }\n &.#{$prefix}btn-sm {\n .ic {\n padding: 0;\n font-size: 16px;\n vertical-align: text-top;\n border: none;\n }\n span {\n padding: 0;\n line-height: 16px;\n vertical-align: text-top;\n border: none;\n }\n }\n &.#{$prefix}btn-lg {\n .ic {\n padding: 0;\n font-size: 24px;\n vertical-align: top;\n border: none;\n }\n span {\n padding: 3px 0;\n font-size: 18px;\n vertical-align: top;\n border: none;\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: 36px;\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 basic\n &.#{$prefix}btn-basic:not(:hover):not(:focus) {\n padding-left: 9px;\n border-left: none;\n }\n }\n\n // Button basic\n &.#{$prefix}dropleft {\n .#{$prefix}dropdown-toggle-split {\n &.#{$prefix}btn-basic:not(:hover):not(:focus) {\n padding-left: 8px;\n border-left: 1px solid $btn-basic-border-color;\n }\n }\n\n ~ .#{$prefix}btn-basic:not(:hover):not(:focus) {\n padding-left: 9px;\n border-left: none;\n }\n }\n\n // Button link active\n &.show {\n > .#{$prefix}btn-link {\n @extend %btn-link-active;\n }\n }\n }\n}\n"]}
|
|
1
|
+
{"version":3,"sources":["../../../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":["// 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",".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 {\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: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: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 {\n color: #777;\n background-color: #fbfbfb;\n border: 1px solid #e2e2e2;\n}\n\n.btn.btn-basic:not(:disabled):not(.disabled):hover {\n border-color: #005fbf;\n}\n\n.btn.btn-basic: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 padding: 0;\n}\n\n.btn.btn-link:not(:disabled):not(.disabled):focus {\n text-decoration: none;\n box-shadow: 0 0 4px 1px #1357ff;\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-icon {\n width: 36px;\n height: 36px;\n padding: 8px;\n}\n\n.btn.btn-icon > .ic {\n width: 16px;\n height: 16px;\n padding: 0;\n font-size: 16px;\n}\n\n.btn.is-loading {\n position: relative;\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: 20px;\n height: 20px;\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 {\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 padding: 2px 0;\n font-size: 20px;\n vertical-align: top;\n border: none;\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 span {\n line-height: 24px;\n vertical-align: top;\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 span,\n.btn-group-sm > .btn.btn-with-icon span {\n line-height: 16px;\n vertical-align: middle;\n border: none;\n}\n\n.btn.btn-with-icon.btn-sm .ic, .btn-group-sm > .btn.btn-with-icon .ic {\n padding: 4px;\n margin-right: 0;\n font-size: 16px;\n}\n\n.btn.btn-with-icon.btn-lg .ic, .btn-group-lg > .btn.btn-with-icon .ic {\n padding: 0;\n font-size: 24px;\n vertical-align: top;\n border: none;\n}\n\n.btn.btn-with-icon.btn-lg span, .btn-group-lg > .btn.btn-with-icon span {\n font-size: 18px;\n line-height: 24px;\n vertical-align: top;\n border: none;\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: 36px;\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) {\n padding-left: 9px;\n border-left: none;\n}\n\n.btn-group.dropleft .dropdown-toggle-split.btn-basic: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 padding-left: 9px;\n border-left: none;\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-basic-border-color: $smoke;\n// End of button related variable\n\n.#{$prefix}btn {\n &.#{$prefix}btn-basic {\n color: $secondary;\n background-color: $light;\n border: 1px solid $btn-basic-border-color;\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 }\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 padding: 0;\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 4px 1px $blue;\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\n &.#{$prefix}btn-icon {\n width: 36px;\n height: 36px;\n padding: 8px;\n @extend %btn-ghost;\n\n > .ic {\n width: 16px;\n height: 16px;\n padding: 0;\n font-size: 16px;\n }\n }\n\n &.#{$prefix}is-loading {\n position: relative;\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: 20px;\n height: 20px;\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 &::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 padding: 2px 0;\n font-size: 20px;\n vertical-align: top;\n border: none;\n &.is-left {\n margin-right: 8px;\n }\n &.is-right {\n margin-left: 8px;\n }\n }\n span {\n line-height: 24px;\n vertical-align: top;\n border: none;\n }\n &.#{$prefix}btn-sm {\n .ic,\n span {\n line-height: 16px;\n vertical-align: middle;\n border: none;\n }\n .ic {\n padding: 4px;\n margin-right: 0;\n font-size: 16px;\n }\n }\n &.#{$prefix}btn-lg {\n .ic {\n padding: 0;\n font-size: 24px;\n vertical-align: top;\n border: none;\n }\n span {\n font-size: 18px;\n line-height: 24px;\n vertical-align: top;\n border: none;\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: 36px;\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 basic\n &.#{$prefix}btn-basic:not(:hover):not(:focus) {\n padding-left: 9px;\n border-left: none;\n }\n }\n\n // Button basic\n &.#{$prefix}dropleft {\n .#{$prefix}dropdown-toggle-split {\n &.#{$prefix}btn-basic:not(:hover):not(:focus) {\n padding-left: 8px;\n border-left: 1px solid $btn-basic-border-color;\n }\n }\n\n ~ .#{$prefix}btn-basic: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"]}
|
|
@@ -1464,7 +1464,7 @@ input[type="button"].btn-block {
|
|
|
1464
1464
|
}
|
|
1465
1465
|
|
|
1466
1466
|
.btn.btn-with-icon .ic {
|
|
1467
|
-
padding: 0;
|
|
1467
|
+
padding: 2px 0;
|
|
1468
1468
|
font-size: 20px;
|
|
1469
1469
|
vertical-align: top;
|
|
1470
1470
|
border: none;
|
|
@@ -1479,23 +1479,23 @@ input[type="button"].btn-block {
|
|
|
1479
1479
|
}
|
|
1480
1480
|
|
|
1481
1481
|
.btn.btn-with-icon span {
|
|
1482
|
-
|
|
1482
|
+
line-height: 24px;
|
|
1483
1483
|
vertical-align: top;
|
|
1484
1484
|
border: none;
|
|
1485
1485
|
}
|
|
1486
1486
|
|
|
1487
|
-
.btn.btn-with-icon.btn-sm .ic, .btn-group-sm > .btn.btn-with-icon .ic
|
|
1488
|
-
|
|
1489
|
-
|
|
1490
|
-
|
|
1487
|
+
.btn.btn-with-icon.btn-sm .ic, .btn-group-sm > .btn.btn-with-icon .ic,
|
|
1488
|
+
.btn.btn-with-icon.btn-sm span,
|
|
1489
|
+
.btn-group-sm > .btn.btn-with-icon span {
|
|
1490
|
+
line-height: 16px;
|
|
1491
|
+
vertical-align: middle;
|
|
1491
1492
|
border: none;
|
|
1492
1493
|
}
|
|
1493
1494
|
|
|
1494
|
-
.btn.btn-with-icon.btn-sm
|
|
1495
|
-
padding:
|
|
1496
|
-
|
|
1497
|
-
|
|
1498
|
-
border: none;
|
|
1495
|
+
.btn.btn-with-icon.btn-sm .ic, .btn-group-sm > .btn.btn-with-icon .ic {
|
|
1496
|
+
padding: 4px;
|
|
1497
|
+
margin-right: 0;
|
|
1498
|
+
font-size: 16px;
|
|
1499
1499
|
}
|
|
1500
1500
|
|
|
1501
1501
|
.btn.btn-with-icon.btn-lg .ic, .btn-group-lg > .btn.btn-with-icon .ic {
|
|
@@ -1506,8 +1506,8 @@ input[type="button"].btn-block {
|
|
|
1506
1506
|
}
|
|
1507
1507
|
|
|
1508
1508
|
.btn.btn-with-icon.btn-lg span, .btn-group-lg > .btn.btn-with-icon span {
|
|
1509
|
-
padding: 3px 0;
|
|
1510
1509
|
font-size: 18px;
|
|
1510
|
+
line-height: 24px;
|
|
1511
1511
|
vertical-align: top;
|
|
1512
1512
|
border: none;
|
|
1513
1513
|
}
|