@sbnpmiamldw/ui-library 0.1.1

package/dist/index.css

@@ -0,0 +1,801 @@
+.zoom-in-top-enter {
+  opacity: 0;
+  transform: scaleY(0);
+}
+
+.zoom-in-top-enter-active {
+  opacity: 1;
+  transform: scaleY(1);
+  transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms;
+  transform-origin: center top;
+}
+
+.zoom-in-top-exit {
+  opacity: 1;
+  transform: scaleY(1);
+}
+
+.zoom-in-top-exit-active {
+  opacity: 0;
+  transform: scaleY(0);
+  transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms;
+  transform-origin: center top;
+}
+
+.zoom-in-left-enter {
+  opacity: 0;
+  transform: scale(0.45, 0.45);
+}
+
+.zoom-in-left-enter-active {
+  opacity: 1;
+  transform: scale(1, 1);
+  transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms;
+  transform-origin: top left;
+}
+
+.zoom-in-left-exit {
+  opacity: 1;
+  transform: scale(1, 1);
+}
+
+.zoom-in-left-exit-active {
+  opacity: 0;
+  transform: scale(0.45, 0.45);
+  transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms;
+  transform-origin: top left;
+}
+
+.zoom-in-right-enter {
+  opacity: 0;
+  transform: scale(0.45, 0.45);
+}
+
+.zoom-in-right-enter-active {
+  opacity: 1;
+  transform: scale(1, 1);
+  transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms;
+  transform-origin: top right;
+}
+
+.zoom-in-right-exit {
+  opacity: 1;
+  transform: scale(1, 1);
+}
+
+.zoom-in-right-exit-active {
+  opacity: 0;
+  transform: scale(0.45, 0.45);
+  transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms;
+  transform-origin: top right;
+}
+
+.zoom-in-bottom-enter {
+  opacity: 0;
+  transform: scaleY(0);
+}
+
+.zoom-in-bottom-enter-active {
+  opacity: 1;
+  transform: scaleY(1);
+  transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms;
+  transform-origin: center bottom;
+}
+
+.zoom-in-bottom-exit {
+  opacity: 1;
+  transform: scaleY(1);
+}
+
+.zoom-in-bottom-exit-active {
+  opacity: 0;
+  transform: scaleY(0);
+  transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms;
+  transform-origin: center bottom;
+}
+
+.btn {
+  position: relative;
+  display: inline-block;
+  font-weight: 400;
+  line-height: 1.5;
+  color: #212529;
+  white-space: nowrap;
+  text-align: center;
+  vertical-align: middle;
+  background-image: none;
+  border: 1px solid transparent;
+  padding: 0.375rem 0.75rem;
+  font-size: 1rem;
+  border-radius: 0.25rem;
+  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
+  cursor: pointer;
+  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;
+}
+.btn.disabled, .btn[disabled] {
+  cursor: not-allowed;
+  opacity: 0.65;
+  box-shadow: none;
+}
+.btn.disabled > *, .btn[disabled] > * {
+  pointer-events: none;
+}
+
+.btn-lg {
+  padding: 0.5rem 1rem;
+  font-size: 1.25rem;
+  border-radius: 0.3rem;
+}
+
+.btn-sm {
+  padding: 0.25rem 0.5rem;
+  font-size: 0.875rem;
+  border-radius: 0.2rem;
+}
+
+.btn-primary {
+  color: #fff;
+  background: #0d6efd;
+  border-color: #0d6efd;
+}
+.btn-primary:hover {
+  color: #fff;
+  background: rgb(50.9364754098, 132.7305327869, 253.3135245902);
+  border-color: rgb(63.5819672131, 140.3073770492, 253.4180327869);
+}
+.btn-primary:focus, .btn-primary.focus {
+  color: #fff;
+  background: rgb(50.9364754098, 132.7305327869, 253.3135245902);
+  border-color: rgb(63.5819672131, 140.3073770492, 253.4180327869);
+}
+.btn-primary:disabled, .btn-primary.disabled {
+  color: #fff;
+  background: #0d6efd;
+  border-color: #fff;
+}
+
+.btn-danger {
+  color: #fff;
+  background: #dc3545;
+  border-color: #dc3545;
+}
+.btn-danger:hover {
+  color: #fff;
+  background: rgb(225.6487341772, 85.6012658228, 99.0189873418);
+  border-color: rgb(227.5316455696, 96.4683544304, 109.0253164557);
+}
+.btn-danger:focus, .btn-danger.focus {
+  color: #fff;
+  background: rgb(225.6487341772, 85.6012658228, 99.0189873418);
+  border-color: rgb(227.5316455696, 96.4683544304, 109.0253164557);
+}
+.btn-danger:disabled, .btn-danger.disabled {
+  color: #fff;
+  background: #dc3545;
+  border-color: #fff;
+}
+
+.btn-default {
+  color: #212529;
+  background: #fff;
+  border-color: #ced4da;
+}
+.btn-default:hover {
+  color: #0d6efd;
+  background: #fff;
+  border-color: #0d6efd;
+}
+.btn-default:focus, .btn-default.focus {
+  color: #0d6efd;
+  background: #fff;
+  border-color: #0d6efd;
+}
+.btn-default:disabled, .btn-default.disabled {
+  color: #212529;
+  background: #fff;
+  border-color: #212529;
+}
+
+.btn-link {
+  font-weight: 400;
+  color: #0d6efd;
+  text-decoration: none;
+  box-shadow: none;
+}
+.btn-link:hover {
+  color: rgb(1.5532786885, 76.887295082, 187.9467213115);
+  text-decoration: underline;
+}
+.btn-link:focus, .btn-link.focus {
+  text-decoration: underline;
+  box-shadow: none;
+}
+.btn-link:disabled, .btn-link.disabled {
+  color: #6c757d;
+  pointer-events: none;
+}
+
+.alert {
+  position: fixed;
+  top: 0;
+  left: 50%;
+  transform: translateX(-50%);
+  width: 50vw;
+  max-height: 25vh;
+  min-height: 60px;
+  max-width: 500px;
+  background-image: none;
+  padding: 0.5rem 1rem;
+  border-radius: 0.25rem;
+}
+.alert .alert-title {
+  display: block;
+  margin-bottom: 8px;
+  color: #000;
+}
+.alert .alert-button {
+  position: absolute;
+  top: 0;
+  right: 0;
+  background-color: #f8f9fa;
+  border: none;
+  cursor: pointer;
+}
+.alert .alert-button:hover {
+  background-color: #dc3545;
+}
+.alert .alert-button:hover .alert-close-icon {
+  color: #fff;
+}
+.alert .alert-button .alert-close-icon {
+  color: #000;
+}
+
+.alert-success {
+  background: #52c41a;
+  border-color: #52c41a;
+  color: #fff;
+}
+
+.alert-danger {
+  background: #dc3545;
+  border-color: #dc3545;
+  color: #fff;
+}
+
+.alert-warning {
+  background: #fadb14;
+  border-color: #fadb14;
+  color: #212529;
+}
+
+.alert-default {
+  background: #e9ecef;
+  border-color: #e9ecef;
+  color: #212529;
+}
+
+.menu {
+  display: flex;
+  flex-wrap: wrap;
+  padding-left: 0;
+  margin: 10px 20px;
+  list-style: none;
+  border-bottom: 1px solid #dee2e6;
+  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
+}
+.menu > .menu-item {
+  padding: 0.5rem 1rem;
+  cursor: pointer;
+  transition: color 0.15s ease-in-out, border-color 0.15s ease-in-out;
+}
+.menu > .menu-item:hover, .menu > .menu-item:focus {
+  text-decoration: none;
+}
+.menu > .menu-item.is-disabled {
+  color: #6c757d;
+  pointer-events: none;
+  cursor: default;
+}
+.menu > .menu-item.is-active, .menu > .menu-item:hover {
+  color: #0d6efd;
+  border-bottom: 2px solid #0d6efd;
+}
+.menu .submenu-item {
+  position: relative;
+}
+.menu .submenu-item .submenu-title {
+  display: flex;
+  align-items: center;
+}
+.menu .submenu-item .arrow-icon {
+  transition: transform 0.25s ease-in-out;
+  margin-left: 3px;
+}
+.menu .submenu-item:hover .arrow-icon {
+  transform: rotate(180deg);
+}
+.menu .is-vertical .arrow-icon {
+  transform: rotate(0deg) !important;
+}
+.menu .is-vertical.is-opened .arrow-icon {
+  transform: rotate(180deg) !important;
+}
+.menu .submenu {
+  list-style: none;
+  padding-left: 0;
+  white-space: nowrap;
+}
+.menu .submenu .menu-item {
+  padding: 0.5rem 1rem;
+  cursor: pointer;
+  transition: color 0.15s ease-in-out, border-color 0.15s ease-in-out;
+  color: #212529;
+}
+.menu .submenu .menu-item.is-active, .menu .submenu .menu-item:hover {
+  color: #0d6efd !important;
+}
+.menu-horizontal > .menu-item {
+  border-bottom: 2px solid transparent;
+}
+.menu-horizontal .submenu {
+  position: absolute;
+  background: #fff;
+  z-index: 100;
+  top: calc(100% + 8px);
+  left: 0;
+  border: 1px solid #dee2e6;
+  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12), 0 0 6px 0 rgba(0, 0, 0, 0.04);
+}
+
+.menu-vertical {
+  flex-direction: column;
+  border-bottom: 0px;
+  border-right: 1px solid #dee2e6;
+}
+.menu-vertical > .menu-item {
+  border-left: 2px solid transparent;
+}
+.menu-vertical > .menu-item.is-active, .menu-vertical > .menu-item:hover {
+  border-bottom: 0px;
+  border-left: 2px solid #0d6efd;
+}
+
+.tabs {
+  margin: 10px 20px;
+}
+.tabs > .tabs-items {
+  display: flex;
+  flex-wrap: wrap;
+  padding-left: 0;
+  list-style: none;
+  border-bottom: 1px solid #dee2e6;
+  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
+}
+.tabs > .tabs-items > .tab-item {
+  border-top: 2px solid transparent;
+  border-left: 2px solid transparent;
+  border-right: 2px solid transparent;
+  padding: 0.5rem 1rem;
+  cursor: pointer;
+  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+}
+.tabs > .tabs-items > .tab-item.is-active, .tabs > .tabs-items > .tab-item:hover {
+  color: #0d6efd;
+  border-top: 2px solid #dee2e6;
+  border-left: 2px solid #dee2e6;
+  border-right: 2px solid #dee2e6;
+  border-bottom: 0;
+  border-radius: 0.25rem 0.25rem 0 0;
+}
+.tabs > .tabs-items > .tab-item.is-disabled {
+  color: #6c757d;
+  pointer-events: none;
+  cursor: default;
+}
+.tabs > .tabs-items > .tab-item:hover, .tabs > .tabs-items > .tab-item:focus {
+  text-decoration: none;
+}
+.tabs > .tabs-content {
+  padding-left: 0;
+}
+
+.icon-primary {
+  color: #0d6efd;
+}
+
+.icon-secondary {
+  color: #6c757d;
+}
+
+.icon-success {
+  color: #52c41a;
+}
+
+.icon-info {
+  color: #17a2b8;
+}
+
+.icon-warning {
+  color: #fadb14;
+}
+
+.icon-danger {
+  color: #dc3545;
+}
+
+.icon-light {
+  color: #f8f9fa;
+}
+
+.icon-dark {
+  color: #343a40;
+}
+
+.input-wrapper {
+  display: inline-flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  align-items: center;
+  position: relative;
+  background-color: #fff;
+}
+.input-wrapper .input-prepend, .input-wrapper .input-append {
+  padding: 0.375rem 0.75rem;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+  font-size: 1rem;
+  font-weight: 400;
+  color: #495057;
+  line-height: 1.5;
+  border: 1px solid #dee2e6;
+  border-radius: 0.25rem;
+  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
+  background-color: #fff;
+}
+.input-wrapper .input-inner-wrapper {
+  display: inline-flex;
+  align-items: center;
+  padding: 0.375rem 0.75rem;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+  font-size: 1rem;
+  font-weight: 400;
+  line-height: 1.5;
+  border: 1px solid #dee2e6;
+  border-radius: 0.25rem;
+  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
+  background-color: #fff;
+  transition: border-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
+}
+.input-wrapper .input-inner-wrapper:focus-within {
+  border-color: rgb(139.4549180328, 185.768442623, 254.0450819672);
+  box-shadow: inset 0 0 0 rgba(13, 110, 253, 0.25);
+  color: #495057;
+}
+.input-wrapper .input-inner-wrapper .input-inner {
+  border: 0;
+  background-color: #fff;
+  color: #000;
+}
+.input-wrapper .input-inner-wrapper .input-inner:focus {
+  outline: none;
+}
+.input-wrapper .input-inner-wrapper .icon-hidden {
+  visibility: hidden;
+}
+
+.input-size-lg .input-prepend, .input-size-lg .input-append {
+  padding: 0.5rem 1rem;
+  font-size: 1.25rem;
+  line-height: 2;
+  border-radius: 0.3rem;
+}
+.input-size-lg .input-inner-wrapper {
+  padding: 0.5rem 1rem;
+  font-size: 1.25rem;
+  line-height: 2;
+  border-radius: 0.3rem;
+}
+
+.input-size-sm .input-prepend, .input-size-sm .input-append {
+  padding: 0.25rem 0.5rem;
+  font-size: 0.875rem;
+  line-height: 1.25;
+  border-radius: 0.2rem;
+}
+.input-size-sm .input-inner-wrapper {
+  padding: 0.25rem 0.5rem;
+  font-size: 0.875rem;
+  line-height: 1.25;
+  border-radius: 0.2rem;
+}
+
+.disabled .input-prepend, .disabled .input-append {
+  background-color: #e9ecef;
+}
+.disabled .input-inner-wrapper {
+  background-color: #e9ecef;
+  pointer-events: none;
+}
+.disabled .input-inner-wrapper .input-inner {
+  cursor: not-allowed;
+  background-color: #e9ecef;
+}
+
+.autoComplete-wrapper {
+  display: inline-block;
+  position: relative;
+  height: auto;
+}
+.autoComplete-wrapper .autoComplete-ul {
+  position: absolute;
+  border: 1px solid #e9ecef;
+  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
+  padding-left: 0;
+  margin-left: 0;
+  width: 100%;
+}
+.autoComplete-wrapper .autoComplete-ul .suggestion-item {
+  list-style-type: none;
+  padding-left: 0.75rem;
+}
+.autoComplete-wrapper .autoComplete-ul .suggestion-item:hover {
+  cursor: pointer;
+}
+.autoComplete-wrapper .autoComplete-ul .suggestion-item:not(.is-active):hover {
+  background-color: #e9ecef;
+}
+.autoComplete-wrapper .autoComplete-ul .is-active {
+  background-color: rgb(38.2909836066, 125.1536885246, 253.2090163934);
+  color: #fff;
+}
+
+.select-wrapper {
+  width: 50vw;
+  position: relative;
+}
+.select-wrapper .select-inner-wrapper {
+  display: flex;
+  flex-direction: row;
+  border: 1px solid #dee2e6;
+  border-radius: 0.25rem;
+  align-items: center;
+  width: 100%;
+}
+.select-wrapper .select-inner-wrapper .select-tags-wrapper {
+  display: flex;
+  flex-direction: row;
+  flex: 1;
+  overflow-x: auto;
+}
+.select-wrapper .select-inner-wrapper .select-tags-wrapper .select-tags-placeholder {
+  color: #6c757d;
+  padding: 0.25rem 0.5rem;
+}
+.select-wrapper .select-inner-wrapper .select-tags-wrapper .select-tags-placeholder:hover {
+  cursor: default;
+}
+.select-wrapper .select-inner-wrapper .select-tags-wrapper .select-tag {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  border: 1px solid #dee2e6;
+  border-radius: 0.2rem;
+  margin: 0.125rem 0 0.125rem 0.25rem;
+  background-color: rgb(230.5024590164, 240.3217213115, 254.7975409836);
+}
+.select-wrapper .select-inner-wrapper .select-tags-wrapper .select-tag .select-tag-value {
+  font: 400 #495057 1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+  color: #0d6efd;
+  padding: 0.25rem;
+  padding-left: 0.5rem;
+}
+.select-wrapper .select-inner-wrapper .select-tags-wrapper .select-tag .select-tag-button {
+  border: none;
+  background-color: rgb(230.5024590164, 240.3217213115, 254.7975409836);
+  color: #0d6efd;
+  padding: 0.125rem 0.25rem;
+}
+.select-wrapper .select-inner-wrapper .select-button {
+  border: 0;
+}
+.select-wrapper .select-inner-wrapper .select-button .select-icon {
+  color: #0d6efd;
+  transition: transform 0.3s cubic-bezier(0.68, -0.55, 0.27, 1.55);
+}
+.select-wrapper .select-inner-wrapper .select-button:focus {
+  outline: none;
+}
+.select-wrapper .select-inner-wrapper .select-button.open-list .select-icon {
+  transform: rotate(180deg);
+}
+.select-wrapper .select-list {
+  position: absolute;
+  border: 1px solid #dee2e6;
+  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
+  padding-left: 0;
+  margin-left: 0;
+  width: 100%;
+}
+.select-wrapper .select-list .select-item {
+  list-style: none;
+  padding-left: 0.375rem;
+}
+.select-wrapper .select-list .select-item .select-item-inner-wrapper {
+  display: flex;
+}
+.select-wrapper .select-list .select-item .select-item-inner-wrapper .select-item-text {
+  flex: 1;
+  font: 400 #495057 1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+}
+.select-wrapper .select-list .select-item:hover {
+  cursor: pointer;
+}
+.select-wrapper .select-list > .is-select {
+  background-color: rgb(230.5024590164, 240.3217213115, 254.7975409836);
+  color: #0d6efd;
+}
+.select-wrapper .select-list > .is-select .select-item-text {
+  font-weight: bold;
+}
+.select-wrapper .select-list > .is-select .select-item-icon {
+  padding: 0.25rem 0.5rem;
+}
+.select-wrapper .select-list > .is-disabled {
+  color: #6c757d;
+}
+.select-wrapper .select-list > .is-disabled:hover {
+  cursor: not-allowed;
+}
+
+.select-list-transition-enter {
+  opacity: 0;
+  transform: scaleY(0);
+  transform-origin: top center;
+}
+.select-list-transition-enter-active {
+  opacity: 1;
+  transform: scaleY(1);
+  transform-origin: top center;
+  transition: opacity 300ms ease-in-out, transform 300ms ease-in-out;
+}
+.select-list-transition-exit {
+  opacity: 1;
+  transform: scaleY(1);
+  transform-origin: top center;
+}
+.select-list-transition-exit-active {
+  opacity: 0;
+  transform: scaleY(0);
+  transform-origin: top center;
+  transition: opacity 300ms ease-in-out, transform 300ms ease-in-out;
+}
+
+.upload-list {
+  margin: 0;
+  padding: 0;
+  list-style-type: none;
+}
+.upload-list .upload-list-item {
+  transition: all 0.5s cubic-bezier(0.55, 0.1, 1);
+  font-size: 14px;
+  line-height: 1.8;
+  margin-top: 5px;
+  box-sizing: border-box;
+  border-radius: 4px;
+  position: relative;
+}
+.upload-list .upload-list-item:first-child {
+  margin-top: 10px;
+}
+.upload-list .upload-list-item .file-name {
+  margin-left: 5px;
+  margin-right: 40px;
+}
+.upload-list .upload-list-item .file-name svg {
+  margin-right: 5px;
+  color: #adb5bd;
+}
+.upload-list .upload-list-item .file-name-error {
+  color: #dc3545;
+}
+.upload-list .upload-list-item .file-name-error svg {
+  color: #dc3545;
+}
+.upload-list .upload-list-item .file-status {
+  display: block;
+  position: absolute;
+  right: 5px;
+  top: 0;
+  line-height: inherit;
+}
+.upload-list .upload-list-item .file-actions {
+  display: none;
+  position: absolute;
+  right: 7px;
+  top: 0;
+  line-height: inherit;
+  cursor: pointer;
+}
+.upload-list .upload-list-item:hover {
+  background-color: #e9ecef;
+}
+.upload-list .upload-list-item:hover .file-status {
+  display: none;
+}
+.upload-list .upload-list-item:hover .file-actions {
+  display: block;
+}
+
+.upload-input {
+  padding: 20px;
+  background: #f8f9fa;
+  border: 1px dashed #dee2e6;
+  border-radius: 4px;
+  text-align: center;
+  cursor: pointer;
+}
+.upload-input:hover {
+  border-color: #0d6efd;
+}
+.upload-input .upload-dragger {
+  width: 360px;
+  height: 180px;
+}
+.upload-input .upload-dragger.is-dragOver {
+  border: 2px dashed #0d6efd;
+  background: rgba(13, 110, 253, 0.2);
+}
+
+.progress-bar {
+  width: 100%;
+  box-sizing: border-box;
+}
+.progress-bar .progress-bar-outer {
+  border-radius: 0.25rem;
+  background-color: #e9ecef;
+  overflow: hidden;
+  position: relative;
+}
+.progress-bar .progress-bar-outer .progress-bar-inner {
+  position: absolute;
+  left: 0;
+  top: 0;
+  display: flex;
+  justify-content: flex-end;
+  align-items: center;
+  height: 100%;
+  border-radius: 0.25rem;
+  line-height: 1;
+  transition: width 0.6s ease;
+}
+.progress-bar .progress-bar-outer .progress-bar-inner .inner-text {
+  color: #fff;
+  font-size: 0.75rem;
+  margin: 0 5px;
+}
+.progress-bar .progress-bar-outer .color-primary {
+  background-color: #0d6efd;
+}
+.progress-bar .progress-bar-outer .color-secondary {
+  background-color: #6c757d;
+}
+.progress-bar .progress-bar-outer .color-success {
+  background-color: #52c41a;
+}
+.progress-bar .progress-bar-outer .color-info {
+  background-color: #17a2b8;
+}
+.progress-bar .progress-bar-outer .color-warning {
+  background-color: #fadb14;
+}
+.progress-bar .progress-bar-outer .color-danger {
+  background-color: #dc3545;
+}
+.progress-bar .progress-bar-outer .color-light {
+  background-color: #f8f9fa;
+}
+.progress-bar .progress-bar-outer .color-dark {
+  background-color: #343a40;
+}
+
+/*# sourceMappingURL=index.css.map */