@mdsfe/mds-ui 0.4.0-rc.2 → 0.4.0-rc.3

package/dist/style/timepicker.css

@@ -1,393 +1 @@
-/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
-/* stylelint-disable declaration-bang-space-before */
-/* stylelint-disable declaration-bang-space-before */
-.mds-time-picker-panel {
-  margin-left: 2px;
-}
-.mds-time-picker-panel-inner {
-  position: relative;
-  outline: none;
-  list-style: none;
-  font-size: 12px;
-  text-align: left;
-  background-color: #fff;
-  background-clip: padding-box;
-  line-height: 1.5;
-  left: -2px;
-  z-index: 10;
-}
-.mds-time-picker-panel-input {
-  outline: none;
-  float: left;
-  font-size: 14px;
-  margin: 0;
-  padding: 0;
-  border: 0;
-  width: 100%;
-  cursor: auto;
-  height: 100%;
-  outline: 0;
-}
-.mds-time-picker-panel-input::-moz-placeholder {
-  color: #A9ABBA;
-  opacity: 1;
-}
-.mds-time-picker-panel-input:-ms-input-placeholder {
-  color: #A9ABBA;
-}
-.mds-time-picker-panel-input::-webkit-input-placeholder {
-  color: #A9ABBA;
-}
-.mds-time-picker-panel-input-wrap {
-  box-sizing: border-box;
-  position: relative;
-  padding: 6.5px 12px;
-  border: 1px solid #1770FF;
-  border-radius: 2px;
-}
-.mds-time-picker-panel-input-half {
-  width: 70px;
-  text-align: center;
-}
-.mds-time-picker-panel-input-wrap-large {
-  height: 40px;
-}
-.mds-time-picker-panel-input-wrap-default {
-  height: 36px;
-}
-.mds-time-picker-panel-input-wrap-small {
-  height: 32px;
-}
-.mds-time-picker-panel-input-wrap-mini {
-  height: 28px;
-}
-.mds-time-picker-panel-input-invalid {
-  border-color: red;
-}
-.mds-time-picker-panel-input::-webkit-input-placeholder {
-  color: #A9ABBA;
-}
-.mds-time-picker-panel-input::-moz-placeholder {
-  color: #A9ABBA;
-}
-.mds-time-picker-panel-input::-ms-placeholder {
-  color: #A9ABBA;
-}
-.mds-time-picker-panel-input::-o-placeholder {
-  color: #A9ABBA;
-}
-.mds-time-picker-panel-box-span {
-  float: left;
-  margin: 0 7px;
-}
-.mds-time-picker-panel-clear-btn {
-  position: absolute;
-  right: 5px;
-  cursor: pointer;
-  overflow: hidden;
-  width: 20px;
-  height: 20px;
-  text-align: center;
-  line-height: 20px;
-  color: rgba(0, 0, 0, 0.2);
-  top: 50%;
-  margin: 0;
-  margin-top: -10px;
-}
-.mds-time-picker-panel-clear-btn:after {
-  font-size: 12px;
-  display: inline-block;
-  line-height: 1;
-  width: 20px;
-  transition: color 0.3s ease;
-}
-.mds-time-picker-panel-clear-btn:hover {
-  color: rgba(0, 0, 0, 0.43);
-}
-.mds-time-picker-panel-select {
-  flex: 1;
-  font-size: 12px;
-  border-left: 1px solid #e9e9e9;
-  box-sizing: border-box;
-  overflow: hidden;
-  position: relative;
-  max-height: 183px;
-}
-.mds-time-picker-panel-select:hover {
-  overflow-y: auto;
-}
-.mds-time-picker-panel-select:first-child {
-  border-left: 0;
-  margin-left: 0;
-}
-.mds-time-picker-panel-select:last-child {
-  border-right: 0;
-}
-.mds-time-picker-panel-select:only-child {
-  width: 100%;
-}
-.mds-time-picker-panel-select ul {
-  list-style: none;
-  box-sizing: border-box;
-  margin: 0;
-  padding: 0 0 120px;
-  width: 100%;
-}
-.mds-time-picker-panel-select li {
-  list-style: none;
-  box-sizing: content-box;
-  margin: 0;
-  padding: 0 0 0 8px;
-  width: 100%;
-  height: 32px;
-  line-height: 32px;
-  font-size: 14px;
-  text-align: left;
-  cursor: pointer;
-  user-select: none;
-  transition: background 0.3s;
-}
-.mds-time-picker-panel-select li:hover {
-  background: rgba(3, 100, 255, 0.05);
-}
-li.mds-time-picker-panel-select-option-selected {
-  background: rgba(3, 100, 255, 0.05);
-  font-weight: bold;
-  color: #0364FF;
-}
-li.mds-time-picker-panel-select-option-selected:hover {
-  background: rgba(3, 100, 255, 0.05);
-}
-li.mds-time-picker-panel-select-option-disabled {
-  color: rgba(0, 0, 0, 0.2);
-}
-li.mds-time-picker-panel-select-option-disabled:hover {
-  background: transparent;
-  cursor: not-allowed;
-}
-.mds-time-picker-panel-picker-half {
-  min-width: 308px;
-}
-.mds-time-picker-panel-picker-box {
-  display: flex;
-  flex-wrap: wrap;
-  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
-  border-radius: 2px;
-}
-.mds-time-picker-panel-picker-box-halfbox {
-  display: flex;
-  flex-wrap: wrap;
-  width: 100%;
-  background: #fff;
-  min-width: 308px;
-  padding: 0 21px 25px 21px;
-}
-.mds-time-picker-panel-picker-box-halfbox .mds-time-picker-panel-combobox {
-  border: 1px solid #F0F2F5;
-}
-.mds-time-picker-panel-picker-box-half {
-  flex: 1;
-}
-.mds-time-picker-panel-picker-box-half h2 {
-  margin: 14px 0;
-  font-size: 14px;
-  font-weight: normal;
-  line-height: 20px;
-  text-align: center;
-}
-.mds-time-picker-panel-picker-box-half:nth-child(1) {
-  margin-right: 24px;
-}
-.mds-time-picker-panel-picker-box-bottom {
-  padding: 4px 6px;
-  width: 100%;
-  border-top: 1px solid #F0F2F5;
-}
-.mds-time-picker-panel-combobox {
-  zoom: 1;
-  display: flex;
-  flex-wrap: wrap;
-  width: 100%;
-}
-.mds-time-picker-panel-combobox:before,
-.mds-time-picker-panel-combobox:after {
-  content: " ";
-  display: table;
-}
-.mds-time-picker-panel-combobox:after {
-  clear: both;
-  visibility: hidden;
-  font-size: 0;
-  height: 0;
-}
-.mds-time-picker-panel-addon {
-  width: 100%;
-  padding: 8px;
-  border-top: 1px solid #e9e9e9;
-}
-.mds-time-picker-panel.slide-up-enter.slide-up-enter-active.mds-time-picker-panel-placement-topLeft,
-.mds-time-picker-panel.slide-up-enter.slide-up-enter-active.mds-time-picker-panel-placement-topRight,
-.mds-time-picker-panel.slide-up-appear.slide-up-appear-active.mds-time-picker-panel-placement-topLeft,
-.mds-time-picker-panel.slide-up-appear.slide-up-appear-active.mds-time-picker-panel-placement-topRight {
-  animation-name: antSlideDownIn;
-}
-.mds-time-picker-panel.slide-up-enter.slide-up-enter-active.mds-time-picker-panel-placement-bottomLeft,
-.mds-time-picker-panel.slide-up-enter.slide-up-enter-active.mds-time-picker-panel-placement-bottomRight,
-.mds-time-picker-panel.slide-up-appear.slide-up-appear-active.mds-time-picker-panel-placement-bottomLeft,
-.mds-time-picker-panel.slide-up-appear.slide-up-appear-active.mds-time-picker-panel-placement-bottomRight {
-  animation-name: antSlideUpIn;
-}
-.mds-time-picker-panel.slide-up-leave.slide-up-leave-active.mds-time-picker-panel-placement-topLeft,
-.mds-time-picker-panel.slide-up-leave.slide-up-leave-active.mds-time-picker-panel-placement-topRight {
-  animation-name: antSlideDownOut;
-}
-.mds-time-picker-panel.slide-up-leave.slide-up-leave-active.mds-time-picker-panel-placement-bottomLeft,
-.mds-time-picker-panel.slide-up-leave.slide-up-leave-active.mds-time-picker-panel-placement-bottomRight {
-  animation-name: antSlideUpOut;
-}
-.mds-time-picker-panel .lazy-footer {
-  display: flex;
-  justify-content: flex-end;
-}
-.mds-time-picker {
-  outline: none;
-  font-size: 12px;
-  transition: opacity 0.3s ease;
-  width: 240px;
-  position: relative;
-  display: inline-block;
-  padding: 4px 12px;
-  height: 36px;
-  font-size: 14px;
-  line-height: 1.5;
-  color: #354052;
-  background-color: #fff;
-  background-image: none;
-  border: 1px solid #D8DCE6;
-  border-radius: 2px;
-  transition: all .3s;
-}
-.mds-time-picker::-moz-placeholder {
-  color: #A9ABBA;
-  opacity: 1;
-}
-.mds-time-picker:-ms-input-placeholder {
-  color: #A9ABBA;
-}
-.mds-time-picker::-webkit-input-placeholder {
-  color: #A9ABBA;
-}
-.mds-time-picker:hover {
-  border-color: #0364FF;
-}
-.mds-time-picker:focus {
-  border-color: #3f89ff;
-  outline: 0;
-}
-.mds-time-picker-disabled {
-  background-color: #FAFAFD;
-  opacity: 1;
-  cursor: not-allowed;
-  color: rgba(0, 0, 0, 0.2);
-}
-.mds-time-picker-disabled:hover {
-  border-color: #0364FF;
-}
-textarea.mds-time-picker {
-  max-width: 100%;
-  height: auto;
-  vertical-align: bottom;
-  transition: all .3s, height 0s;
-}
-.mds-time-picker-lg {
-  padding: 6px 12px;
-  height: 40px;
-}
-.mds-time-picker-sm {
-  padding: 1px 12px;
-  height: 32px;
-  font-size: 12px;
-}
-.mds-time-picker-mni {
-  height: 28px;
-  font-size: 12px;
-}
-.mds-time-picker-input::-webkit-input-placeholder {
-  color: #A9ABBA;
-}
-.mds-time-picker-input::-moz-placeholder {
-  color: #A9ABBA;
-}
-.mds-time-picker-input::-ms-placeholder {
-  color: #A9ABBA;
-}
-.mds-time-picker-input::-o-placeholder {
-  color: #A9ABBA;
-}
-.mds-time-picker[disabled] {
-  background-color: #FAFAFD;
-  opacity: 1;
-  cursor: not-allowed;
-  color: rgba(0, 0, 0, 0.2);
-}
-.mds-time-picker[disabled]:hover {
-  border-color: #0364FF;
-}
-.mds-time-picker-disabled {
-  background: #fafafd;
-}
-.mds-time-picker-disabled:hover {
-  border-color: #d8dce6!important;
-}
-.mds-time-picker-disabled input {
-  background: #fafafd;
-}
-.mds-time-picker-box {
-  height: 100%;
-}
-.mds-time-picker-box-span {
-  margin: 0 7px;
-  max-width: 16px;
-  min-width: 16px;
-  text-align: center;
-}
-.mds-time-picker-box-half {
-  width: 70px;
-  height: 100%;
-  text-align: center;
-}
-.mds-time-picker-input {
-  border: none;
-  height: 100%;
-}
-.mds-time-picker-large {
-  padding: 6px 12px;
-  height: 40px;
-}
-.mds-time-picker-small {
-  padding: 1px 12px;
-  height: 32px;
-  font-size: 12px;
-}
-.mds-time-picker-mini {
-  height: 28px;
-  font-size: 12px;
-}
-.mds-time-picker-open {
-  opacity: 0;
-}
-.mds-time-picker-icon {
-  position: absolute;
-  user-select: none;
-  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-  width: 14px;
-  height: 12px;
-  line-height: 12px;
-  right: 8px;
-  color: #CCD2DB;
-  top: 50%;
-  margin-top: -6px;
-}
-/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
-/* stylelint-disable declaration-bang-space-before */
-/* stylelint-disable declaration-bang-space-before */
+.mds-time-picker-panel{margin-left:2px}.mds-time-picker-panel-inner{position:relative;outline:none;list-style:none;font-size:12px;text-align:left;background-color:#fff;background-clip:padding-box;line-height:1.5;left:-2px;z-index:10}.mds-time-picker-panel-input{outline:none;float:left;font-size:14px;margin:0;padding:0;border:0;width:100%;cursor:auto;height:100%;outline:0}.mds-time-picker-panel-input::-moz-placeholder{opacity:1}.mds-time-picker-panel-input:-ms-input-placeholder{color:#a9abba}.mds-time-picker-panel-input-wrap{box-sizing:border-box;position:relative;padding:6.5px 12px;border:1px solid #1770ff;border-radius:2px}.mds-time-picker-panel-input-half{width:70px;text-align:center}.mds-time-picker-panel-input-wrap-large{height:40px}.mds-time-picker-panel-input-wrap-default{height:36px}.mds-time-picker-panel-input-wrap-small{height:32px}.mds-time-picker-panel-input-wrap-mini{height:28px}.mds-time-picker-panel-input-invalid{border-color:red}.mds-time-picker-panel-input::-webkit-input-placeholder{color:#a9abba}.mds-time-picker-panel-input::-moz-placeholder{color:#a9abba}.mds-time-picker-panel-input::-ms-placeholder{color:#a9abba}.mds-time-picker-panel-input::-o-placeholder{color:#a9abba}.mds-time-picker-panel-box-span{float:left;margin:0 7px}.mds-time-picker-panel-clear-btn{position:absolute;right:5px;cursor:pointer;overflow:hidden;width:20px;height:20px;text-align:center;line-height:20px;color:rgba(0,0,0,.2);top:50%;margin:0;margin-top:-10px}.mds-time-picker-panel-clear-btn:after{font-size:12px;display:inline-block;line-height:1;width:20px;transition:color .3s ease}.mds-time-picker-panel-clear-btn:hover{color:rgba(0,0,0,.43)}.mds-time-picker-panel-select{flex:1;font-size:12px;border-left:1px solid #e9e9e9;box-sizing:border-box;overflow:hidden;position:relative;max-height:183px}.mds-time-picker-panel-select:hover{overflow-y:auto}.mds-time-picker-panel-select:first-child{border-left:0;margin-left:0}.mds-time-picker-panel-select:last-child{border-right:0}.mds-time-picker-panel-select:only-child{width:100%}.mds-time-picker-panel-select ul{list-style:none;box-sizing:border-box;margin:0;padding:0 0 120px;width:100%}.mds-time-picker-panel-select li{list-style:none;box-sizing:content-box;margin:0;padding:0 0 0 8px;width:100%;height:32px;line-height:32px;font-size:14px;text-align:left;cursor:pointer;user-select:none;transition:background .3s}.mds-time-picker-panel-select li:hover{background:rgba(3,100,255,.05)}li.mds-time-picker-panel-select-option-selected{background:rgba(3,100,255,.05);font-weight:700;color:#0364ff}li.mds-time-picker-panel-select-option-selected:hover{background:rgba(3,100,255,.05)}li.mds-time-picker-panel-select-option-disabled{color:rgba(0,0,0,.2)}li.mds-time-picker-panel-select-option-disabled:hover{background:transparent;cursor:not-allowed}.mds-time-picker-panel-picker-half{min-width:308px}.mds-time-picker-panel-picker-box{display:flex;flex-wrap:wrap;box-shadow:0 1px 6px rgba(0,0,0,.2);border-radius:2px}.mds-time-picker-panel-picker-box-halfbox{display:flex;flex-wrap:wrap;width:100%;background:#fff;min-width:308px;padding:0 21px 25px}.mds-time-picker-panel-picker-box-halfbox .mds-time-picker-panel-combobox{border:1px solid #f0f2f5}.mds-time-picker-panel-picker-box-half{flex:1}.mds-time-picker-panel-picker-box-half h2{margin:14px 0;font-size:14px;font-weight:400;line-height:20px;text-align:center}.mds-time-picker-panel-picker-box-half:first-child{margin-right:24px}.mds-time-picker-panel-picker-box-bottom{padding:4px 6px;width:100%;border-top:1px solid #f0f2f5}.mds-time-picker-panel-combobox{zoom:1;display:flex;flex-wrap:wrap;width:100%}.mds-time-picker-panel-combobox:after,.mds-time-picker-panel-combobox:before{content:" ";display:table}.mds-time-picker-panel-combobox:after{clear:both;visibility:hidden;font-size:0;height:0}.mds-time-picker-panel-addon{width:100%;padding:8px;border-top:1px solid #e9e9e9}.mds-time-picker-panel.slide-up-appear.slide-up-appear-active.mds-time-picker-panel-placement-topLeft,.mds-time-picker-panel.slide-up-appear.slide-up-appear-active.mds-time-picker-panel-placement-topRight,.mds-time-picker-panel.slide-up-enter.slide-up-enter-active.mds-time-picker-panel-placement-topLeft,.mds-time-picker-panel.slide-up-enter.slide-up-enter-active.mds-time-picker-panel-placement-topRight{animation-name:antSlideDownIn}.mds-time-picker-panel.slide-up-appear.slide-up-appear-active.mds-time-picker-panel-placement-bottomLeft,.mds-time-picker-panel.slide-up-appear.slide-up-appear-active.mds-time-picker-panel-placement-bottomRight,.mds-time-picker-panel.slide-up-enter.slide-up-enter-active.mds-time-picker-panel-placement-bottomLeft,.mds-time-picker-panel.slide-up-enter.slide-up-enter-active.mds-time-picker-panel-placement-bottomRight{animation-name:antSlideUpIn}.mds-time-picker-panel.slide-up-leave.slide-up-leave-active.mds-time-picker-panel-placement-topLeft,.mds-time-picker-panel.slide-up-leave.slide-up-leave-active.mds-time-picker-panel-placement-topRight{animation-name:antSlideDownOut}.mds-time-picker-panel.slide-up-leave.slide-up-leave-active.mds-time-picker-panel-placement-bottomLeft,.mds-time-picker-panel.slide-up-leave.slide-up-leave-active.mds-time-picker-panel-placement-bottomRight{animation-name:antSlideUpOut}.mds-time-picker-panel .lazy-footer{display:flex;justify-content:flex-end}.mds-time-picker{outline:none;font-size:12px;transition:opacity .3s ease;width:240px;position:relative;display:inline-block;padding:4px 12px;height:36px;font-size:14px;line-height:1.5;color:#354052;background-color:#fff;background-image:none;border:1px solid #d8dce6;border-radius:2px;transition:all .3s}.mds-time-picker::-moz-placeholder{color:#a9abba;opacity:1}.mds-time-picker:-ms-input-placeholder{color:#a9abba}.mds-time-picker::-webkit-input-placeholder{color:#a9abba}.mds-time-picker:hover{border-color:#0364ff}.mds-time-picker:focus{border-color:#3f89ff;outline:0}.mds-time-picker-disabled{background-color:#fafafd;opacity:1;cursor:not-allowed;color:rgba(0,0,0,.2)}.mds-time-picker-disabled:hover{border-color:#0364ff}textarea.mds-time-picker{max-width:100%;height:auto;vertical-align:bottom;transition:all .3s,height 0s}.mds-time-picker-lg{padding:6px 12px;height:40px}.mds-time-picker-sm{padding:1px 12px;height:32px;font-size:12px}.mds-time-picker-mni{height:28px;font-size:12px}.mds-time-picker-input::-webkit-input-placeholder{color:#a9abba}.mds-time-picker-input::-moz-placeholder{color:#a9abba}.mds-time-picker-input::-ms-placeholder{color:#a9abba}.mds-time-picker-input::-o-placeholder{color:#a9abba}.mds-time-picker[disabled]{background-color:#fafafd;opacity:1;cursor:not-allowed;color:rgba(0,0,0,.2)}.mds-time-picker[disabled]:hover{border-color:#0364ff}.mds-time-picker-disabled{background:#fafafd}.mds-time-picker-disabled:hover{border-color:#d8dce6!important}.mds-time-picker-disabled input{background:#fafafd}.mds-time-picker-box{height:100%}.mds-time-picker-box-span{margin:0 7px;max-width:16px;min-width:16px;text-align:center}.mds-time-picker-box-half{width:70px;height:100%;text-align:center}.mds-time-picker-input{border:none;height:100%}.mds-time-picker-large{padding:6px 12px;height:40px}.mds-time-picker-small{padding:1px 12px;height:32px;font-size:12px}.mds-time-picker-mini{height:28px;font-size:12px}.mds-time-picker-open{opacity:0}.mds-time-picker-icon{position:absolute;user-select:none;transition:all .3s cubic-bezier(.645,.045,.355,1);width:14px;height:12px;line-height:12px;right:8px;color:#ccd2db;top:50%;margin-top:-6px}

package/dist/style/tooltip.css

@@ -1,161 +1 @@
-/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
-/* stylelint-disable declaration-bang-space-before */
-/* stylelint-disable declaration-bang-space-before */
-.mds-tooltip {
-  position: absolute;
-  border-radius: 4px;
-  padding: 10px;
-  font-size: 12px;
-  line-height: 1.5;
-  min-width: 10px;
-  word-wrap: break-word;
-  font-size: 14px;
-}
-.mds-tooltip .popper__arrow,
-.mds-tooltip .popper__arrow::after {
-  position: absolute;
-  display: block;
-  width: 0;
-  height: 0;
-  border-color: transparent;
-  border-style: solid;
-}
-.mds-tooltip .popper__arrow::after {
-  content: " ";
-  border-width: 5px;
-}
-.mds-tooltip-hidden {
-  display: none;
-}
-.mds-tooltip.dark-mode {
-  background: #303133;
-  color: #ffffff;
-}
-.mds-tooltip.light-mode {
-  background: #ffffff;
-  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
-}
-.mds-tooltip-placement-top,
-.mds-tooltip-placement-top-start,
-.mds-tooltip-placement-top-end {
-  margin-bottom: 9px;
-}
-.mds-tooltip-placement-right,
-.mds-tooltip-placement-right-start,
-.mds-tooltip-placement-right-end {
-  margin-left: 9px;
-}
-.mds-tooltip-placement-bottom,
-.mds-tooltip-placement-bottom-start,
-.mds-tooltip-placement-bottom-end {
-  margin-top: 9px;
-}
-.mds-tooltip-placement-left,
-.mds-tooltip-placement-left-start,
-.mds-tooltip-placement-left-end {
-  margin-right: 9px;
-}
-.mds-tooltip-placement-top .popper__arrow,
-.mds-tooltip-placement-top-start .popper__arrow,
-.mds-tooltip-placement-top-end .popper__arrow {
-  bottom: -6px;
-  border-width: 6px 6px 0;
-  border-top-color: #354052;
-}
-.mds-tooltip-placement-top .popper__arrow::after,
-.mds-tooltip-placement-top-start .popper__arrow::after,
-.mds-tooltip-placement-top-end .popper__arrow::after {
-  bottom: 1px;
-  border-top-color: #354052;
-  border-width: 5px 5px 0;
-  margin-left: -5px;
-}
-.mds-tooltip-placement-top.light-mode .popper__arrow,
-.mds-tooltip-placement-top-start.light-mode .popper__arrow,
-.mds-tooltip-placement-top-end.light-mode .popper__arrow {
-  border-top-color: #ebeef5;
-}
-.mds-tooltip-placement-top.light-mode .popper__arrow::after,
-.mds-tooltip-placement-top-start.light-mode .popper__arrow::after,
-.mds-tooltip-placement-top-end.light-mode .popper__arrow::after {
-  border-top-color: #fff;
-}
-.mds-tooltip-placement-right .popper__arrow,
-.mds-tooltip-placement-right-start .popper__arrow,
-.mds-tooltip-placement-right-end .popper__arrow {
-  left: -6px;
-  border-width: 6px 6px 6px 0;
-  border-right-color: #354052;
-}
-.mds-tooltip-placement-right .popper__arrow::after,
-.mds-tooltip-placement-right-start .popper__arrow::after,
-.mds-tooltip-placement-right-end .popper__arrow::after {
-  left: 1px;
-  border-right-color: #354052;
-  border-width: 5px 5px 5px 0;
-  bottom: -5px;
-}
-.mds-tooltip-placement-right.light-mode .popper__arrow,
-.mds-tooltip-placement-right-start.light-mode .popper__arrow,
-.mds-tooltip-placement-right-end.light-mode .popper__arrow {
-  border-right-color: #ebeef5;
-}
-.mds-tooltip-placement-right.light-mode .popper__arrow::after,
-.mds-tooltip-placement-right-start.light-mode .popper__arrow::after,
-.mds-tooltip-placement-right-end.light-mode .popper__arrow::after {
-  border-right-color: #fff;
-}
-.mds-tooltip-placement-left .popper__arrow,
-.mds-tooltip-placement-left-start .popper__arrow,
-.mds-tooltip-placement-left-end .popper__arrow {
-  right: -6px;
-  border-width: 6px 0 6px 6px;
-  border-left-color: #354052;
-}
-.mds-tooltip-placement-left .popper__arrow::after,
-.mds-tooltip-placement-left-start .popper__arrow::after,
-.mds-tooltip-placement-left-end .popper__arrow::after {
-  right: 1px;
-  border-left-color: #354052;
-  border-width: 5px 0 5px 5px;
-  margin-left: -5px;
-  bottom: -5px;
-}
-.mds-tooltip-placement-left.light-mode .popper__arrow,
-.mds-tooltip-placement-left-start.light-mode .popper__arrow,
-.mds-tooltip-placement-left-end.light-mode .popper__arrow {
-  border-left-color: #ebeef5;
-}
-.mds-tooltip-placement-left.light-mode .popper__arrow::after,
-.mds-tooltip-placement-left-start.light-mode .popper__arrow::after,
-.mds-tooltip-placement-left-end.light-mode .popper__arrow::after {
-  border-left-color: #fff;
-}
-.mds-tooltip-placement-bottom .popper__arrow,
-.mds-tooltip-placement-bottom-start .popper__arrow,
-.mds-tooltip-placement-bottom-end .popper__arrow {
-  top: -6px;
-  border-width: 0 6px 6px;
-  border-bottom-color: #354052;
-}
-.mds-tooltip-placement-bottom .popper__arrow::after,
-.mds-tooltip-placement-bottom-start .popper__arrow::after,
-.mds-tooltip-placement-bottom-end .popper__arrow::after {
-  top: 1px;
-  border-top-color: #354052;
-  border-width: 0 5px 5px;
-  margin-left: -5px;
-}
-.mds-tooltip-placement-bottom.light-mode .popper__arrow,
-.mds-tooltip-placement-bottom-start.light-mode .popper__arrow,
-.mds-tooltip-placement-bottom-end.light-mode .popper__arrow {
-  border-bottom-color: #ebeef5;
-}
-.mds-tooltip-placement-bottom.light-mode .popper__arrow::after,
-.mds-tooltip-placement-bottom-start.light-mode .popper__arrow::after,
-.mds-tooltip-placement-bottom-end.light-mode .popper__arrow::after {
-  border-bottom-color: #fff;
-}
-/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
-/* stylelint-disable declaration-bang-space-before */
-/* stylelint-disable declaration-bang-space-before */
+.mds-tooltip{position:absolute;border-radius:4px;padding:10px;font-size:12px;line-height:1.5;min-width:10px;word-wrap:break-word;font-size:14px}.mds-tooltip .popper__arrow,.mds-tooltip .popper__arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.mds-tooltip .popper__arrow:after{content:" ";border-width:5px}.mds-tooltip-hidden{display:none}.mds-tooltip.dark-mode{background:#303133;color:#fff}.mds-tooltip.light-mode{background:#fff;box-shadow:0 1px 6px rgba(0,0,0,.2)}.mds-tooltip-placement-top,.mds-tooltip-placement-top-end,.mds-tooltip-placement-top-start{margin-bottom:9px}.mds-tooltip-placement-right,.mds-tooltip-placement-right-end,.mds-tooltip-placement-right-start{margin-left:9px}.mds-tooltip-placement-bottom,.mds-tooltip-placement-bottom-end,.mds-tooltip-placement-bottom-start{margin-top:9px}.mds-tooltip-placement-left,.mds-tooltip-placement-left-end,.mds-tooltip-placement-left-start{margin-right:9px}.mds-tooltip-placement-top-end .popper__arrow,.mds-tooltip-placement-top-start .popper__arrow,.mds-tooltip-placement-top .popper__arrow{bottom:-6px;border-width:6px 6px 0;border-top-color:#354052}.mds-tooltip-placement-top-end .popper__arrow:after,.mds-tooltip-placement-top-start .popper__arrow:after,.mds-tooltip-placement-top .popper__arrow:after{bottom:1px;border-top-color:#354052;border-width:5px 5px 0;margin-left:-5px}.mds-tooltip-placement-top-end.light-mode .popper__arrow,.mds-tooltip-placement-top-start.light-mode .popper__arrow,.mds-tooltip-placement-top.light-mode .popper__arrow{border-top-color:#ebeef5}.mds-tooltip-placement-top-end.light-mode .popper__arrow:after,.mds-tooltip-placement-top-start.light-mode .popper__arrow:after,.mds-tooltip-placement-top.light-mode .popper__arrow:after{border-top-color:#fff}.mds-tooltip-placement-right-end .popper__arrow,.mds-tooltip-placement-right-start .popper__arrow,.mds-tooltip-placement-right .popper__arrow{left:-6px;border-width:6px 6px 6px 0;border-right-color:#354052}.mds-tooltip-placement-right-end .popper__arrow:after,.mds-tooltip-placement-right-start .popper__arrow:after,.mds-tooltip-placement-right .popper__arrow:after{left:1px;border-right-color:#354052;border-width:5px 5px 5px 0;bottom:-5px}.mds-tooltip-placement-right-end.light-mode .popper__arrow,.mds-tooltip-placement-right-start.light-mode .popper__arrow,.mds-tooltip-placement-right.light-mode .popper__arrow{border-right-color:#ebeef5}.mds-tooltip-placement-right-end.light-mode .popper__arrow:after,.mds-tooltip-placement-right-start.light-mode .popper__arrow:after,.mds-tooltip-placement-right.light-mode .popper__arrow:after{border-right-color:#fff}.mds-tooltip-placement-left-end .popper__arrow,.mds-tooltip-placement-left-start .popper__arrow,.mds-tooltip-placement-left .popper__arrow{right:-6px;border-width:6px 0 6px 6px;border-left-color:#354052}.mds-tooltip-placement-left-end .popper__arrow:after,.mds-tooltip-placement-left-start .popper__arrow:after,.mds-tooltip-placement-left .popper__arrow:after{right:1px;border-left-color:#354052;border-width:5px 0 5px 5px;margin-left:-5px;bottom:-5px}.mds-tooltip-placement-left-end.light-mode .popper__arrow,.mds-tooltip-placement-left-start.light-mode .popper__arrow,.mds-tooltip-placement-left.light-mode .popper__arrow{border-left-color:#ebeef5}.mds-tooltip-placement-left-end.light-mode .popper__arrow:after,.mds-tooltip-placement-left-start.light-mode .popper__arrow:after,.mds-tooltip-placement-left.light-mode .popper__arrow:after{border-left-color:#fff}.mds-tooltip-placement-bottom-end .popper__arrow,.mds-tooltip-placement-bottom-start .popper__arrow,.mds-tooltip-placement-bottom .popper__arrow{top:-6px;border-width:0 6px 6px;border-bottom-color:#354052}.mds-tooltip-placement-bottom-end .popper__arrow:after,.mds-tooltip-placement-bottom-start .popper__arrow:after,.mds-tooltip-placement-bottom .popper__arrow:after{top:1px;border-top-color:#354052;border-width:0 5px 5px;margin-left:-5px}.mds-tooltip-placement-bottom-end.light-mode .popper__arrow,.mds-tooltip-placement-bottom-start.light-mode .popper__arrow,.mds-tooltip-placement-bottom.light-mode .popper__arrow{border-bottom-color:#ebeef5}.mds-tooltip-placement-bottom-end.light-mode .popper__arrow:after,.mds-tooltip-placement-bottom-start.light-mode .popper__arrow:after,.mds-tooltip-placement-bottom.light-mode .popper__arrow:after{border-bottom-color:#fff}