@mdsfe/mds-ui 0.4.0-rc.7 → 0.4.0-rc.8

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.
Files changed (108) hide show
  1. package/dist/badge.js +2 -2
  2. package/dist/bordershadow.js +2 -2
  3. package/dist/carousel.js +2 -2
  4. package/dist/cascader.js +4 -4
  5. package/dist/cascaderpanel.js +16 -16
  6. package/dist/collapse.js +2 -2
  7. package/dist/divider.js +2 -2
  8. package/dist/drawer.js +4 -4
  9. package/dist/empty.js +2 -2
  10. package/dist/font/full-star.b5fdf00.png +0 -0
  11. package/dist/font/half-star.2625512.png +0 -0
  12. package/dist/font/zero-star.177c19c.png +0 -0
  13. package/dist/form.js +2 -2
  14. package/dist/icon.js +13 -4
  15. package/dist/index.js +5 -5
  16. package/dist/input.js +2 -2
  17. package/dist/inputnumber.js +2 -2
  18. package/dist/layout.js +2 -2
  19. package/dist/list.js +2 -2
  20. package/dist/loading.js +2 -2
  21. package/dist/mds-ui.min.css +1 -1
  22. package/dist/mds-ui.min.js +139 -127
  23. package/dist/menu.js +4 -4
  24. package/dist/message.js +2 -2
  25. package/dist/modal.js +2 -2
  26. package/dist/notification.js +8 -8
  27. package/dist/pagination.js +4 -4
  28. package/dist/popconfirm.js +2 -2
  29. package/dist/popover.js +2 -2
  30. package/dist/progress.js +2 -2
  31. package/dist/radio.js +2 -2
  32. package/dist/rate.js +2 -2
  33. package/dist/select.js +7 -7
  34. package/dist/slider.js +2 -2
  35. package/dist/slottable.js +7 -7
  36. package/dist/steps.js +2 -2
  37. package/dist/style/affix.css +10 -1
  38. package/dist/style/alert.css +138 -1
  39. package/dist/style/anchor.css +58 -1
  40. package/dist/style/avatar.css +73 -1
  41. package/dist/style/backtop.css +34 -1
  42. package/dist/style/badge.css +141 -1
  43. package/dist/style/bordershadow.css +42 -1
  44. package/dist/style/breadcrumb.css +37 -1
  45. package/dist/style/button.css +2172 -1
  46. package/dist/style/card.css +156 -1
  47. package/dist/style/carousel.css +217 -1
  48. package/dist/style/cascader.css +214 -1
  49. package/dist/style/cascaderpanel.css +122 -1
  50. package/dist/style/checkbox.css +186 -1
  51. package/dist/style/col.css +2607 -1
  52. package/dist/style/collapse.css +79 -1
  53. package/dist/style/color.css +622 -1
  54. package/dist/style/datepicker.css +542 -1
  55. package/dist/style/divider.css +47 -1
  56. package/dist/style/drawer.css +254 -1
  57. package/dist/style/dropdown.css +274 -1
  58. package/dist/style/empty.css +49 -1
  59. package/dist/style/font.css +45 -1
  60. package/dist/style/form.css +148 -1
  61. package/dist/style/icon.css +5625 -1
  62. package/dist/style/index.css +1 -1
  63. package/dist/style/input.css +760 -1
  64. package/dist/style/inputnumber.css +314 -1
  65. package/dist/style/layout.css +58 -1
  66. package/dist/style/list.css +141 -1
  67. package/dist/style/loading.css +2329 -1
  68. package/dist/style/menu.css +658 -1
  69. package/dist/style/message.css +191 -1
  70. package/dist/style/modal.css +123 -1
  71. package/dist/style/notification.css +192 -1
  72. package/dist/style/pagination.css +1190 -1
  73. package/dist/style/popconfirm.css +65 -1
  74. package/dist/style/popover.css +138 -1
  75. package/dist/style/progress.css +179 -1
  76. package/dist/style/radio.css +255 -1
  77. package/dist/style/rate.css +81 -1
  78. package/dist/style/row.css +2607 -1
  79. package/dist/style/select.css +221 -1
  80. package/dist/style/slider.css +80 -1
  81. package/dist/style/slottable.css +296 -1
  82. package/dist/style/steps.css +586 -1
  83. package/dist/style/switch.css +110 -1
  84. package/dist/style/table.css +2778 -1
  85. package/dist/style/tabs.css +518 -1
  86. package/dist/style/tag.css +421 -1
  87. package/dist/style/text.css +122 -1
  88. package/dist/style/timeline.css +88 -1
  89. package/dist/style/timepicker.css +393 -1
  90. package/dist/style/tooltip.css +161 -1
  91. package/dist/style/transfer.css +206 -1
  92. package/dist/style/transition.css +1413 -1
  93. package/dist/style/tree.css +84 -1
  94. package/dist/style/typography.css +126 -1
  95. package/dist/style/upload.css +320 -1
  96. package/dist/switch.js +2 -2
  97. package/dist/table.js +9 -9
  98. package/dist/tabs.js +2 -2
  99. package/dist/tag.js +2 -2
  100. package/dist/text.js +2 -2
  101. package/dist/timeline.js +2 -2
  102. package/dist/timepicker.js +2 -2
  103. package/dist/tooltip.js +2 -2
  104. package/dist/transfer.js +6 -6
  105. package/dist/transition.js +2 -2
  106. package/dist/tree.js +2 -2
  107. package/dist/typography.js +2 -2
  108. package/package.json +1 -1
@@ -1 +1,658 @@
1
- .mds-menu{outline:none;margin-bottom:0;padding-left:0;list-style:none;z-index:1050;box-shadow:0 1px 6px rgba(0,0,0,.2);color:#354052;background:#fff;line-height:46px;transition:background .3s,width .2s}.mds-menu-hidden{display:none}.mds-menu-item-group-list{margin:0;padding:0}.mds-menu-item-group-title{color:rgba(0,0,0,.43);font-size:14px;line-height:1.5;padding:8px 16px;transition:all .3s}.mds-menu-item .point{position:relative;top:-2px;display:inline-block;width:3px;height:3px;margin-right:10px;border-radius:50%;background:#c8d0dd;vertical-align:middle}.mds-menu-item,.mds-menu-submenu,.mds-menu-submenu-title{vertical-align:middle;cursor:pointer}.mds-menu-submenu,.mds-menu-submenu-inline{transition:border-color .3s cubic-bezier(.645,.045,.355,1),background .3s cubic-bezier(.645,.045,.355,1),padding .15s cubic-bezier(.645,.045,.355,1)}.mds-menu-item,.mds-menu-submenu-title{transition:color .3s cubic-bezier(.645,.045,.355,1),border-color .3s cubic-bezier(.645,.045,.355,1),background .3s cubic-bezier(.645,.045,.355,1),padding .15s cubic-bezier(.645,.045,.355,1)}.mds-menu-item:active,.mds-menu-submenu-title:active{background:#ebf3ff}.mds-menu-submenu .mds-menu-sub{cursor:auto;transition:background .3s cubic-bezier(.645,.045,.355,1),padding .3s cubic-bezier(.645,.045,.355,1)}.mds-menu-item>a{display:block;color:#666}.mds-menu-item>a:hover{color:#0364ff}.mds-menu-item>a:focus{text-decoration:none}.mds-menu-item>a:before{position:absolute;background-color:transparent;width:100%;height:100%;top:0;left:0;bottom:0;right:0;content:""}.mds-menu-item-divider{height:1px;overflow:hidden;background-color:#e9e9e9;line-height:0}.mds-menu-item-active,.mds-menu-item:hover,.mds-menu-submenu-active,.mds-menu-submenu-title:hover,.mds-menu:not(.mds-menu-inline) .mds-menu-submenu-open{color:#0364ff}.mds-menu:not(.mds-menu-inline) .mds-menu-submenu-open{z-index:1050}.mds-menu-horizontal .mds-menu-item,.mds-menu-horizontal .mds-menu-submenu{margin-top:-1px}.mds-menu-horizontal>.mds-menu-item-active,.mds-menu-horizontal>.mds-menu-item:hover,.mds-menu-horizontal>.mds-menu-submenu .mds-menu-submenu-title:hover{background-color:transparent}.mds-menu-item-selected,.mds-menu-item-selected>a,.mds-menu-item-selected>a:hover{color:#0366ff}.mds-menu-item-selected .point{background-color:#0366ff}.mds-menu:not(.mds-menu-horizontal) .mds-menu-item-selected{background:#edf3fe}.mds-menu-horizontal,.mds-menu-inline,.mds-menu-vertical{z-index:auto}.mds-menu-inline .mds-menu-item,.mds-menu-vertical .mds-menu-item{margin-left:-1px;left:1px;position:relative;z-index:1}.mds-menu-inline .mds-menu-item:after,.mds-menu-vertical .mds-menu-item:after{content:"";position:absolute;left:0;top:0;bottom:0;border-left:3px solid #0366ff;transform:scaleY(.0001);opacity:0;transition:transform .15s cubic-bezier(.215,.61,.355,1),opacity .15s cubic-bezier(.215,.61,.355,1)}.mds-menu-vertical.mds-menu-sub{border-right:0}.mds-menu-vertical.mds-menu-sub .mds-menu-item{border-right:0;margin-left:0;left:0}.mds-menu-vertical.mds-menu-sub .mds-menu-item:after{border-right:0}.mds-menu-vertical.mds-menu-sub>.mds-menu-item:first-child{border-radius:4px 4px 0 0}.mds-menu-vertical.mds-menu-sub>.mds-menu-item-group:last-child>.mds-menu-item-group-list:last-child>.mds-menu-item:last-child,.mds-menu-vertical.mds-menu-sub>.mds-menu-item:last-child{border-radius:0 0 4px 4px}.mds-menu-vertical.mds-menu-sub>.mds-menu-item:only-child{border-radius:4px}.mds-menu-inline{width:100%}.mds-menu-inline .mds-menu-item-selected:after,.mds-menu-inline .mds-menu-selected:after{transition:transform .15s cubic-bezier(.645,.045,.355,1),opacity .15s cubic-bezier(.645,.045,.355,1);opacity:1;transform:scaleY(1)}.mds-menu-submenu-horizontal>.mds-menu{top:100%;left:0;position:absolute;min-width:100%;margin-top:7px;z-index:1050}.mds-menu-submenu-vertical{z-index:1}.mds-menu-submenu-vertical>.mds-menu{top:0;left:100%;position:absolute;min-width:160px;margin-left:4px;z-index:1050}.mds-menu-item,.mds-menu-submenu-title{margin:0;padding:0 20px;position:relative;display:block;white-space:nowrap}.mds-menu-item .mdsicon,.mds-menu-submenu-title .mdsicon{width:16px;margin-right:8px;transition:font-size .15s cubic-bezier(.215,.61,.355,1),margin .3s cubic-bezier(.645,.045,.355,1)}.mds-menu-item .mdsicon+span,.mds-menu-submenu-title .mdsicon+span{transition:opacity .3s cubic-bezier(.645,.045,.355,1),width .3s cubic-bezier(.645,.045,.355,1);opacity:1}.mds-menu>.mds-menu-item-divider{height:1px;margin:1px 0;overflow:hidden;padding:0;line-height:0;background-color:#e9e9e9}.mds-menu-submenu{position:relative}.mds-menu-submenu>.mds-menu{background-color:#fff;border-radius:4px}.mds-menu-submenu>.mds-menu-submenu-title:after{transition:transform .3s cubic-bezier(.645,.045,.355,1)}.mds-menu-submenu-vertical>.mds-menu-submenu-title .mds-menu-submenu-title-after{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";transform:rotate(270deg)}.mds-menu-submenu-inline>.mds-menu-submenu-title .mds-menu-submenu-title-after,.mds-menu-submenu-vertical>.mds-menu-submenu-title .mds-menu-submenu-title-after{font-style:normal;vertical-align:baseline;text-align:center;text-transform:none;text-rendering:auto;position:absolute;color:#ccd2db;font-size:12px;right:16px;top:50%;margin-top:-6px}.mds-menu-submenu-open.mds-menu-submenu-inline>.mds-menu-submenu-title .mds-menu-submenu-title-after{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";transform:rotate(180deg)}.mds-menu-vertical .mds-menu-submenu-selected,.mds-menu-vertical .mds-menu-submenu-selected>a{color:#0364ff}.mds-menu-horizontal{border:0;border-bottom:1px solid #e9e9e9;box-shadow:none;z-index:0}.mds-menu-horizontal>.mds-menu-item,.mds-menu-horizontal>.mds-menu-submenu{position:relative;top:1px;float:left;border-bottom:2px solid transparent}.mds-menu-horizontal>.mds-menu-item-active,.mds-menu-horizontal>.mds-menu-item-open,.mds-menu-horizontal>.mds-menu-item-selected,.mds-menu-horizontal>.mds-menu-item:hover,.mds-menu-horizontal>.mds-menu-submenu-active,.mds-menu-horizontal>.mds-menu-submenu-open,.mds-menu-horizontal>.mds-menu-submenu-selected,.mds-menu-horizontal>.mds-menu-submenu:hover{border-bottom:2px solid #0364ff;color:#0364ff}.mds-menu-horizontal>.mds-menu-item>a,.mds-menu-horizontal>.mds-menu-submenu>a{display:block;color:#666}.mds-menu-horizontal>.mds-menu-item>a:hover,.mds-menu-horizontal>.mds-menu-submenu>a:hover{color:#0364ff}.mds-menu-horizontal:after{content:" ";display:block;height:0;clear:both}.mds-menu-inline .mds-menu-item,.mds-menu-inline .mds-menu-submenu-title,.mds-menu-vertical .mds-menu-item,.mds-menu-vertical .mds-menu-submenu-title{padding:0 16px;font-size:14px;line-height:44px;height:44px;overflow:hidden;text-overflow:ellipsis}.mds-menu-inline-collapsed{width:64px}.mds-menu-inline-collapsed>.mds-menu-item,.mds-menu-inline-collapsed>.mds-menu-item-group>.mds-menu-item-group-list>.mds-menu-item,.mds-menu-inline-collapsed>.mds-menu-submenu>.mds-menu-submenu-title{left:0;text-overflow:ellipsis;padding:0 24px!important}.mds-menu-inline-collapsed>.mds-menu-item-group>.mds-menu-item-group-list>.mds-menu-item .mds-menu-submenu-title-after,.mds-menu-inline-collapsed>.mds-menu-item .mds-menu-submenu-title-after,.mds-menu-inline-collapsed>.mds-menu-submenu>.mds-menu-submenu-title .mds-menu-submenu-title-after{display:none}.mds-menu-inline-collapsed>.mds-menu-item-group>.mds-menu-item-group-list>.mds-menu-item .mdsicon,.mds-menu-inline-collapsed>.mds-menu-item .mdsicon,.mds-menu-inline-collapsed>.mds-menu-submenu>.mds-menu-submenu-title .mdsicon{font-size:16px;line-height:42px;margin:0}.mds-menu-inline-collapsed>.mds-menu-item-group>.mds-menu-item-group-list>.mds-menu-item .mdsicon+span,.mds-menu-inline-collapsed>.mds-menu-item .mdsicon+span,.mds-menu-inline-collapsed>.mds-menu-submenu>.mds-menu-submenu-title .mdsicon+span{max-width:0;display:inline-block!important;opacity:0}.mds-menu-inline-collapsed-tooltip{pointer-events:none}.mds-menu-inline-collapsed-tooltip .mdsicon{display:none}.mds-menu-inline-collapsed-tooltip a{color:hsla(0,0%,100%,.91)}.mds-menu-inline-collapsed .mds-menu-item-group-title{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-left:4px;padding-right:4px}.mds-menu-inline-collapsed .mds-menu-item-group-list .mds-menu-item,.mds-menu-inline-collapsed .mds-menu-item-group-list .mds-menu-submenu-title,.mds-menu-item-group-list .mds-menu-item,.mds-menu-item-group-list .mds-menu-submenu-title{padding:0 16px 0 28px}.mds-menu-vertical.mds-menu-sub{padding:0;transform-origin:0 0}.mds-menu-vertical.mds-menu-sub>.mds-menu-item,.mds-menu-vertical.mds-menu-sub>.mds-menu-submenu{transform-origin:0 0}.mds-menu-root.mds-menu-inline,.mds-menu-root.mds-menu-vertical{box-shadow:none}.mds-menu-sub.mds-menu-inline{padding:0;border:0;box-shadow:none;border-radius:0}.mds-menu-sub.mds-menu-inline>.mds-menu-item,.mds-menu-sub.mds-menu-inline>.mds-menu-submenu>.mds-menu-submenu-title{line-height:44px;height:44px;list-style-type:disc;list-style-position:inside}.mds-menu-sub.mds-menu-inline .mds-menu-item-group-title{padding-left:48px}.mds-menu-item-disabled,.mds-menu-submenu-disabled{color:rgba(0,0,0,.2)!important;cursor:not-allowed;background:none;border-color:transparent!important}.mds-menu-item-disabled>a,.mds-menu-submenu-disabled>a{color:rgba(0,0,0,.2)!important;pointer-events:none}.mds-menu-item-disabled>.mds-menu-submenu-title,.mds-menu-submenu-disabled>.mds-menu-submenu-title{color:rgba(0,0,0,.2)!important;cursor:not-allowed}.mds-menu-dark,.mds-menu-dark .mds-menu-sub{color:hsla(0,0%,100%,.5);background:#2c405a}.mds-menu-dark .mds-menu-inline.mds-menu-sub{background:#24364d}.mds-menu-dark.mds-menu-horizontal{border-bottom-color:#404040}.mds-menu-dark.mds-menu-horizontal>.mds-menu-item,.mds-menu-dark.mds-menu-horizontal>.mds-menu-submenu{border-color:#404040;border-bottom:0}.mds-menu-dark .mds-menu-item,.mds-menu-dark .mds-menu-item-group-title,.mds-menu-dark .mds-menu-item>a{color:hsla(0,0%,100%,.5)}.mds-menu-dark.mds-menu-inline,.mds-menu-dark.mds-menu-vertical{border-right:0}.mds-menu-dark.mds-menu-inline .mds-menu-item,.mds-menu-dark.mds-menu-vertical .mds-menu-item{border-right:0;margin-left:0;left:0}.mds-menu-dark.mds-menu-inline .mds-menu-item:after,.mds-menu-dark.mds-menu-vertical .mds-menu-item:after{border-right:0}.mds-menu-dark .mds-menu-item-active,.mds-menu-dark .mds-menu-item:hover,.mds-menu-dark .mds-menu-submenu-active,.mds-menu-dark .mds-menu-submenu-selected,.mds-menu-dark .mds-menu-submenu-title:hover,.mds-menu-dark:not(.mds-menu-inline) .mds-menu-submenu-open{background-color:transparent;color:#fff}.mds-menu-dark .mds-menu-item-active>a,.mds-menu-dark .mds-menu-item:hover>a,.mds-menu-dark .mds-menu-submenu-active>a,.mds-menu-dark .mds-menu-submenu-selected>a,.mds-menu-dark .mds-menu-submenu-title:hover>a,.mds-menu-dark:not(.mds-menu-inline) .mds-menu-submenu-open>a{color:#fff}.mds-menu-dark .mds-menu-item-selected{border-right:0;color:#fff}.mds-menu-dark .mds-menu-item-selected:after{border-right:0}.mds-menu-dark .mds-menu-item-selected>a,.mds-menu-dark .mds-menu-item-selected>a:hover{color:#fff}.mds-menu-dark .mds-menu-item-selected .point{background-color:#fff}.mds-menu.mds-menu-dark .mds-menu-item-selected{background-color:#0366ff}.mds-menu-dark .mds-menu-item-disabled,.mds-menu-dark .mds-menu-item-disabled>a,.mds-menu-dark .mds-menu-submenu-disabled,.mds-menu-dark .mds-menu-submenu-disabled>a{opacity:.8;color:hsla(0,0%,100%,.35)!important}.mds-menu-dark .mds-menu-item-disabled>.mds-menu-submenu-title,.mds-menu-dark .mds-menu-submenu-disabled>.mds-menu-submenu-title{color:hsla(0,0%,100%,.35)!important}.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}
1
+ /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
2
+ /* stylelint-disable declaration-bang-space-before */
3
+ /* stylelint-disable declaration-bang-space-before */
4
+ .mds-menu {
5
+ outline: none;
6
+ margin-bottom: 0;
7
+ padding-left: 0;
8
+ list-style: none;
9
+ z-index: 1050;
10
+ box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
11
+ color: #354052;
12
+ background: #fff;
13
+ line-height: 46px;
14
+ transition: background .3s, width .2s;
15
+ }
16
+ .mds-menu-hidden {
17
+ display: none;
18
+ }
19
+ .mds-menu-item-group-list {
20
+ margin: 0;
21
+ padding: 0;
22
+ }
23
+ .mds-menu-item-group-title {
24
+ color: rgba(0, 0, 0, 0.43);
25
+ font-size: 14px;
26
+ line-height: 1.5;
27
+ padding: 8px 16px;
28
+ transition: all .3s;
29
+ }
30
+ .mds-menu-item .point {
31
+ position: relative;
32
+ top: -2px;
33
+ display: inline-block;
34
+ width: 3px;
35
+ height: 3px;
36
+ margin-right: 10px;
37
+ border-radius: 50%;
38
+ background: #c8d0dd;
39
+ vertical-align: middle;
40
+ }
41
+ .mds-menu-item,
42
+ .mds-menu-submenu,
43
+ .mds-menu-submenu-title {
44
+ vertical-align: middle;
45
+ cursor: pointer;
46
+ }
47
+ .mds-menu-submenu,
48
+ .mds-menu-submenu-inline {
49
+ transition: border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
50
+ }
51
+ .mds-menu-item,
52
+ .mds-menu-submenu-title {
53
+ transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
54
+ }
55
+ .mds-menu-item:active,
56
+ .mds-menu-submenu-title:active {
57
+ background: #ebf3ff;
58
+ }
59
+ .mds-menu-submenu .mds-menu-sub {
60
+ cursor: initial;
61
+ transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
62
+ }
63
+ .mds-menu-item > a {
64
+ display: block;
65
+ color: #666666;
66
+ }
67
+ .mds-menu-item > a:hover {
68
+ color: #0364ff;
69
+ }
70
+ .mds-menu-item > a:focus {
71
+ text-decoration: none;
72
+ }
73
+ .mds-menu-item > a:before {
74
+ position: absolute;
75
+ background-color: transparent;
76
+ width: 100%;
77
+ height: 100%;
78
+ top: 0;
79
+ left: 0;
80
+ bottom: 0;
81
+ right: 0;
82
+ content: '';
83
+ }
84
+ .mds-menu-item-divider {
85
+ height: 1px;
86
+ overflow: hidden;
87
+ background-color: #e9e9e9;
88
+ line-height: 0;
89
+ }
90
+ .mds-menu-item:hover,
91
+ .mds-menu-item-active,
92
+ .mds-menu:not(.mds-menu-inline) .mds-menu-submenu-open,
93
+ .mds-menu-submenu-active,
94
+ .mds-menu-submenu-title:hover {
95
+ color: #0364ff;
96
+ }
97
+ .mds-menu:not(.mds-menu-inline) .mds-menu-submenu-open {
98
+ z-index: 1050;
99
+ }
100
+ .mds-menu-horizontal .mds-menu-item,
101
+ .mds-menu-horizontal .mds-menu-submenu {
102
+ margin-top: -1px;
103
+ }
104
+ .mds-menu-horizontal > .mds-menu-item:hover,
105
+ .mds-menu-horizontal > .mds-menu-item-active,
106
+ .mds-menu-horizontal > .mds-menu-submenu .mds-menu-submenu-title:hover {
107
+ background-color: transparent;
108
+ }
109
+ .mds-menu-item-selected {
110
+ color: #0366FF;
111
+ }
112
+ .mds-menu-item-selected > a,
113
+ .mds-menu-item-selected > a:hover {
114
+ color: #0366FF;
115
+ }
116
+ .mds-menu-item-selected .point {
117
+ background-color: #0366FF;
118
+ }
119
+ .mds-menu:not(.mds-menu-horizontal) .mds-menu-item-selected {
120
+ background: #edf3fe;
121
+ }
122
+ .mds-menu-horizontal,
123
+ .mds-menu-inline,
124
+ .mds-menu-vertical {
125
+ z-index: auto;
126
+ }
127
+ .mds-menu-inline .mds-menu-item,
128
+ .mds-menu-vertical .mds-menu-item {
129
+ margin-left: -1px;
130
+ left: 1px;
131
+ position: relative;
132
+ z-index: 1;
133
+ }
134
+ .mds-menu-inline .mds-menu-item:after,
135
+ .mds-menu-vertical .mds-menu-item:after {
136
+ content: "";
137
+ position: absolute;
138
+ left: 0;
139
+ top: 0;
140
+ bottom: 0;
141
+ border-left: 3px solid #0366ff;
142
+ transform: scaleY(0.0001);
143
+ opacity: 0;
144
+ transition: transform 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
145
+ }
146
+ .mds-menu-vertical.mds-menu-sub {
147
+ border-right: 0;
148
+ }
149
+ .mds-menu-vertical.mds-menu-sub .mds-menu-item {
150
+ border-right: 0;
151
+ margin-left: 0;
152
+ left: 0;
153
+ }
154
+ .mds-menu-vertical.mds-menu-sub .mds-menu-item:after {
155
+ border-right: 0;
156
+ }
157
+ .mds-menu-vertical.mds-menu-sub > .mds-menu-item:first-child {
158
+ border-radius: 4px 4px 0 0;
159
+ }
160
+ .mds-menu-vertical.mds-menu-sub > .mds-menu-item:last-child,
161
+ .mds-menu-vertical.mds-menu-sub > .mds-menu-item-group:last-child > .mds-menu-item-group-list:last-child > .mds-menu-item:last-child {
162
+ border-radius: 0 0 4px 4px;
163
+ }
164
+ .mds-menu-vertical.mds-menu-sub > .mds-menu-item:only-child {
165
+ border-radius: 4px;
166
+ }
167
+ .mds-menu-inline {
168
+ width: 100%;
169
+ }
170
+ .mds-menu-inline .mds-menu-selected:after,
171
+ .mds-menu-inline .mds-menu-item-selected:after {
172
+ transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
173
+ opacity: 1;
174
+ transform: scaleY(1);
175
+ }
176
+ .mds-menu-submenu-horizontal > .mds-menu {
177
+ top: 100%;
178
+ left: 0;
179
+ position: absolute;
180
+ min-width: 100%;
181
+ margin-top: 7px;
182
+ z-index: 1050;
183
+ }
184
+ .mds-menu-submenu-vertical {
185
+ z-index: 1;
186
+ }
187
+ .mds-menu-submenu-vertical > .mds-menu {
188
+ top: 0;
189
+ left: 100%;
190
+ position: absolute;
191
+ min-width: 160px;
192
+ margin-left: 4px;
193
+ z-index: 1050;
194
+ }
195
+ .mds-menu-item,
196
+ .mds-menu-submenu-title {
197
+ margin: 0;
198
+ padding: 0 20px;
199
+ position: relative;
200
+ display: block;
201
+ white-space: nowrap;
202
+ }
203
+ .mds-menu-item .mdsicon,
204
+ .mds-menu-submenu-title .mdsicon {
205
+ width: 16px;
206
+ margin-right: 8px;
207
+ transition: font-size 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), margin 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
208
+ }
209
+ .mds-menu-item .mdsicon + span,
210
+ .mds-menu-submenu-title .mdsicon + span {
211
+ transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
212
+ opacity: 1;
213
+ }
214
+ .mds-menu > .mds-menu-item-divider {
215
+ height: 1px;
216
+ margin: 1px 0;
217
+ overflow: hidden;
218
+ padding: 0;
219
+ line-height: 0;
220
+ background-color: #e9e9e9;
221
+ }
222
+ .mds-menu-submenu {
223
+ position: relative;
224
+ }
225
+ .mds-menu-submenu > .mds-menu {
226
+ background-color: #fff;
227
+ border-radius: 4px;
228
+ }
229
+ .mds-menu-submenu > .mds-menu-submenu-title:after {
230
+ transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
231
+ }
232
+ .mds-menu-submenu-vertical > .mds-menu-submenu-title .mds-menu-submenu-title-after {
233
+ font-style: normal;
234
+ vertical-align: baseline;
235
+ text-align: center;
236
+ text-transform: none;
237
+ text-rendering: auto;
238
+ position: absolute;
239
+ color: #CCD2DB;
240
+ font-size: 12px;
241
+ right: 16px;
242
+ top: 50%;
243
+ margin-top: -6px;
244
+ -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
245
+ transform: rotate(270deg);
246
+ }
247
+ .mds-menu-submenu-inline > .mds-menu-submenu-title .mds-menu-submenu-title-after {
248
+ font-style: normal;
249
+ vertical-align: baseline;
250
+ text-align: center;
251
+ text-transform: none;
252
+ text-rendering: auto;
253
+ position: absolute;
254
+ color: #CCD2DB;
255
+ right: 16px;
256
+ top: 50%;
257
+ margin-top: -6px;
258
+ font-size: 12px;
259
+ }
260
+ .mds-menu-submenu-open.mds-menu-submenu-inline > .mds-menu-submenu-title .mds-menu-submenu-title-after {
261
+ -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
262
+ transform: rotate(180deg);
263
+ }
264
+ .mds-menu-vertical .mds-menu-submenu-selected {
265
+ color: #0364ff;
266
+ }
267
+ .mds-menu-vertical .mds-menu-submenu-selected > a {
268
+ color: #0364ff;
269
+ }
270
+ .mds-menu-horizontal {
271
+ border: 0;
272
+ border-bottom: 1px solid #e9e9e9;
273
+ box-shadow: none;
274
+ z-index: 0;
275
+ }
276
+ .mds-menu-horizontal > .mds-menu-item,
277
+ .mds-menu-horizontal > .mds-menu-submenu {
278
+ position: relative;
279
+ top: 1px;
280
+ float: left;
281
+ border-bottom: 2px solid transparent;
282
+ }
283
+ .mds-menu-horizontal > .mds-menu-item:hover,
284
+ .mds-menu-horizontal > .mds-menu-submenu:hover,
285
+ .mds-menu-horizontal > .mds-menu-item-active,
286
+ .mds-menu-horizontal > .mds-menu-submenu-active,
287
+ .mds-menu-horizontal > .mds-menu-item-open,
288
+ .mds-menu-horizontal > .mds-menu-submenu-open,
289
+ .mds-menu-horizontal > .mds-menu-item-selected,
290
+ .mds-menu-horizontal > .mds-menu-submenu-selected {
291
+ border-bottom: 2px solid #0364ff;
292
+ color: #0364ff;
293
+ }
294
+ .mds-menu-horizontal > .mds-menu-item > a,
295
+ .mds-menu-horizontal > .mds-menu-submenu > a {
296
+ display: block;
297
+ color: #666666;
298
+ }
299
+ .mds-menu-horizontal > .mds-menu-item > a:hover,
300
+ .mds-menu-horizontal > .mds-menu-submenu > a:hover {
301
+ color: #0364ff;
302
+ }
303
+ .mds-menu-horizontal:after {
304
+ content: " ";
305
+ display: block;
306
+ height: 0;
307
+ clear: both;
308
+ }
309
+ .mds-menu-vertical .mds-menu-item,
310
+ .mds-menu-inline .mds-menu-item,
311
+ .mds-menu-vertical .mds-menu-submenu-title,
312
+ .mds-menu-inline .mds-menu-submenu-title {
313
+ padding: 0 16px;
314
+ font-size: 14px;
315
+ line-height: 44px;
316
+ height: 44px;
317
+ overflow: hidden;
318
+ text-overflow: ellipsis;
319
+ }
320
+ .mds-menu-inline-collapsed {
321
+ width: 64px;
322
+ }
323
+ .mds-menu-inline-collapsed > .mds-menu-item,
324
+ .mds-menu-inline-collapsed > .mds-menu-item-group > .mds-menu-item-group-list > .mds-menu-item,
325
+ .mds-menu-inline-collapsed > .mds-menu-submenu > .mds-menu-submenu-title {
326
+ left: 0;
327
+ text-overflow: ellipsis;
328
+ padding: 0 24px !important;
329
+ }
330
+ .mds-menu-inline-collapsed > .mds-menu-item .mds-menu-submenu-title-after,
331
+ .mds-menu-inline-collapsed > .mds-menu-item-group > .mds-menu-item-group-list > .mds-menu-item .mds-menu-submenu-title-after,
332
+ .mds-menu-inline-collapsed > .mds-menu-submenu > .mds-menu-submenu-title .mds-menu-submenu-title-after {
333
+ display: none;
334
+ }
335
+ .mds-menu-inline-collapsed > .mds-menu-item .mdsicon,
336
+ .mds-menu-inline-collapsed > .mds-menu-item-group > .mds-menu-item-group-list > .mds-menu-item .mdsicon,
337
+ .mds-menu-inline-collapsed > .mds-menu-submenu > .mds-menu-submenu-title .mdsicon {
338
+ font-size: 16px;
339
+ line-height: 42px;
340
+ margin: 0;
341
+ }
342
+ .mds-menu-inline-collapsed > .mds-menu-item .mdsicon + span,
343
+ .mds-menu-inline-collapsed > .mds-menu-item-group > .mds-menu-item-group-list > .mds-menu-item .mdsicon + span,
344
+ .mds-menu-inline-collapsed > .mds-menu-submenu > .mds-menu-submenu-title .mdsicon + span {
345
+ max-width: 0;
346
+ display: inline-block !important;
347
+ opacity: 0;
348
+ }
349
+ .mds-menu-inline-collapsed-tooltip {
350
+ pointer-events: none;
351
+ }
352
+ .mds-menu-inline-collapsed-tooltip .mdsicon {
353
+ display: none;
354
+ }
355
+ .mds-menu-inline-collapsed-tooltip a {
356
+ color: rgba(255, 255, 255, 0.91);
357
+ }
358
+ .mds-menu-inline-collapsed .mds-menu-item-group-title {
359
+ overflow: hidden;
360
+ white-space: nowrap;
361
+ text-overflow: ellipsis;
362
+ padding-left: 4px;
363
+ padding-right: 4px;
364
+ }
365
+ .mds-menu-inline-collapsed .mds-menu-item-group-list .mds-menu-item,
366
+ .mds-menu-inline-collapsed .mds-menu-item-group-list .mds-menu-submenu-title {
367
+ padding: 0 16px 0 28px;
368
+ }
369
+ .mds-menu-item-group-list .mds-menu-item,
370
+ .mds-menu-item-group-list .mds-menu-submenu-title {
371
+ padding: 0 16px 0 28px;
372
+ }
373
+ .mds-menu-vertical.mds-menu-sub {
374
+ padding: 0;
375
+ transform-origin: 0 0;
376
+ }
377
+ .mds-menu-vertical.mds-menu-sub > .mds-menu-item,
378
+ .mds-menu-vertical.mds-menu-sub > .mds-menu-submenu {
379
+ transform-origin: 0 0;
380
+ }
381
+ .mds-menu-root.mds-menu-vertical,
382
+ .mds-menu-root.mds-menu-inline {
383
+ box-shadow: none;
384
+ }
385
+ .mds-menu-sub.mds-menu-inline {
386
+ padding: 0;
387
+ border: 0;
388
+ box-shadow: none;
389
+ border-radius: 0;
390
+ }
391
+ .mds-menu-sub.mds-menu-inline > .mds-menu-item,
392
+ .mds-menu-sub.mds-menu-inline > .mds-menu-submenu > .mds-menu-submenu-title {
393
+ line-height: 44px;
394
+ height: 44px;
395
+ list-style-type: disc;
396
+ list-style-position: inside;
397
+ }
398
+ .mds-menu-sub.mds-menu-inline .mds-menu-item-group-title {
399
+ padding-left: 48px;
400
+ }
401
+ .mds-menu-item-disabled,
402
+ .mds-menu-submenu-disabled {
403
+ color: rgba(0, 0, 0, 0.2) !important;
404
+ cursor: not-allowed;
405
+ background: none;
406
+ border-color: transparent !important;
407
+ }
408
+ .mds-menu-item-disabled > a,
409
+ .mds-menu-submenu-disabled > a {
410
+ color: rgba(0, 0, 0, 0.2) !important;
411
+ pointer-events: none;
412
+ }
413
+ .mds-menu-item-disabled > .mds-menu-submenu-title,
414
+ .mds-menu-submenu-disabled > .mds-menu-submenu-title {
415
+ color: rgba(0, 0, 0, 0.2) !important;
416
+ cursor: not-allowed;
417
+ }
418
+ .mds-menu-dark,
419
+ .mds-menu-dark .mds-menu-sub {
420
+ color: rgba(255, 255, 255, 0.5);
421
+ background: #2C405A;
422
+ }
423
+ .mds-menu-dark .mds-menu-inline.mds-menu-sub {
424
+ background: #24364D;
425
+ }
426
+ .mds-menu-dark.mds-menu-horizontal {
427
+ border-bottom-color: #404040;
428
+ }
429
+ .mds-menu-dark.mds-menu-horizontal > .mds-menu-item,
430
+ .mds-menu-dark.mds-menu-horizontal > .mds-menu-submenu {
431
+ border-color: #404040;
432
+ border-bottom: 0;
433
+ }
434
+ .mds-menu-dark .mds-menu-item,
435
+ .mds-menu-dark .mds-menu-item-group-title,
436
+ .mds-menu-dark .mds-menu-item > a {
437
+ color: rgba(255, 255, 255, 0.5);
438
+ }
439
+ .mds-menu-dark.mds-menu-inline,
440
+ .mds-menu-dark.mds-menu-vertical {
441
+ border-right: 0;
442
+ }
443
+ .mds-menu-dark.mds-menu-inline .mds-menu-item,
444
+ .mds-menu-dark.mds-menu-vertical .mds-menu-item {
445
+ border-right: 0;
446
+ margin-left: 0;
447
+ left: 0;
448
+ }
449
+ .mds-menu-dark.mds-menu-inline .mds-menu-item:after,
450
+ .mds-menu-dark.mds-menu-vertical .mds-menu-item:after {
451
+ border-right: 0;
452
+ }
453
+ .mds-menu-dark .mds-menu-item:hover,
454
+ .mds-menu-dark .mds-menu-item-active,
455
+ .mds-menu-dark .mds-menu-submenu-active,
456
+ .mds-menu-dark:not(.mds-menu-inline) .mds-menu-submenu-open,
457
+ .mds-menu-dark .mds-menu-submenu-selected,
458
+ .mds-menu-dark .mds-menu-submenu-title:hover {
459
+ background-color: transparent;
460
+ color: #fff;
461
+ }
462
+ .mds-menu-dark .mds-menu-item:hover > a,
463
+ .mds-menu-dark .mds-menu-item-active > a,
464
+ .mds-menu-dark .mds-menu-submenu-active > a,
465
+ .mds-menu-dark:not(.mds-menu-inline) .mds-menu-submenu-open > a,
466
+ .mds-menu-dark .mds-menu-submenu-selected > a,
467
+ .mds-menu-dark .mds-menu-submenu-title:hover > a {
468
+ color: #fff;
469
+ }
470
+ .mds-menu-dark .mds-menu-item-selected {
471
+ border-right: 0;
472
+ color: #fff;
473
+ }
474
+ .mds-menu-dark .mds-menu-item-selected:after {
475
+ border-right: 0;
476
+ }
477
+ .mds-menu-dark .mds-menu-item-selected > a,
478
+ .mds-menu-dark .mds-menu-item-selected > a:hover {
479
+ color: #fff;
480
+ }
481
+ .mds-menu-dark .mds-menu-item-selected .point {
482
+ background-color: #fff;
483
+ }
484
+ .mds-menu.mds-menu-dark .mds-menu-item-selected {
485
+ background-color: #0366ff;
486
+ }
487
+ .mds-menu-dark .mds-menu-item-disabled,
488
+ .mds-menu-dark .mds-menu-submenu-disabled,
489
+ .mds-menu-dark .mds-menu-item-disabled > a,
490
+ .mds-menu-dark .mds-menu-submenu-disabled > a {
491
+ opacity: 0.8;
492
+ color: rgba(255, 255, 255, 0.35) !important;
493
+ }
494
+ .mds-menu-dark .mds-menu-item-disabled > .mds-menu-submenu-title,
495
+ .mds-menu-dark .mds-menu-submenu-disabled > .mds-menu-submenu-title {
496
+ color: rgba(255, 255, 255, 0.35) !important;
497
+ }
498
+ /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
499
+ /* stylelint-disable declaration-bang-space-before */
500
+ /* stylelint-disable declaration-bang-space-before */
501
+ .mds-tooltip {
502
+ position: absolute;
503
+ border-radius: 4px;
504
+ padding: 10px;
505
+ font-size: 12px;
506
+ line-height: 1.5;
507
+ min-width: 10px;
508
+ word-wrap: break-word;
509
+ font-size: 14px;
510
+ }
511
+ .mds-tooltip .popper__arrow,
512
+ .mds-tooltip .popper__arrow::after {
513
+ position: absolute;
514
+ display: block;
515
+ width: 0;
516
+ height: 0;
517
+ border-color: transparent;
518
+ border-style: solid;
519
+ }
520
+ .mds-tooltip .popper__arrow::after {
521
+ content: " ";
522
+ border-width: 5px;
523
+ }
524
+ .mds-tooltip-hidden {
525
+ display: none;
526
+ }
527
+ .mds-tooltip.dark-mode {
528
+ background: #303133;
529
+ color: #ffffff;
530
+ }
531
+ .mds-tooltip.light-mode {
532
+ background: #ffffff;
533
+ box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
534
+ }
535
+ .mds-tooltip-placement-top,
536
+ .mds-tooltip-placement-top-start,
537
+ .mds-tooltip-placement-top-end {
538
+ margin-bottom: 9px;
539
+ }
540
+ .mds-tooltip-placement-right,
541
+ .mds-tooltip-placement-right-start,
542
+ .mds-tooltip-placement-right-end {
543
+ margin-left: 9px;
544
+ }
545
+ .mds-tooltip-placement-bottom,
546
+ .mds-tooltip-placement-bottom-start,
547
+ .mds-tooltip-placement-bottom-end {
548
+ margin-top: 9px;
549
+ }
550
+ .mds-tooltip-placement-left,
551
+ .mds-tooltip-placement-left-start,
552
+ .mds-tooltip-placement-left-end {
553
+ margin-right: 9px;
554
+ }
555
+ .mds-tooltip-placement-top .popper__arrow,
556
+ .mds-tooltip-placement-top-start .popper__arrow,
557
+ .mds-tooltip-placement-top-end .popper__arrow {
558
+ bottom: -6px;
559
+ border-width: 6px 6px 0;
560
+ border-top-color: #354052;
561
+ }
562
+ .mds-tooltip-placement-top .popper__arrow::after,
563
+ .mds-tooltip-placement-top-start .popper__arrow::after,
564
+ .mds-tooltip-placement-top-end .popper__arrow::after {
565
+ bottom: 1px;
566
+ border-top-color: #354052;
567
+ border-width: 5px 5px 0;
568
+ margin-left: -5px;
569
+ }
570
+ .mds-tooltip-placement-top.light-mode .popper__arrow,
571
+ .mds-tooltip-placement-top-start.light-mode .popper__arrow,
572
+ .mds-tooltip-placement-top-end.light-mode .popper__arrow {
573
+ border-top-color: #ebeef5;
574
+ }
575
+ .mds-tooltip-placement-top.light-mode .popper__arrow::after,
576
+ .mds-tooltip-placement-top-start.light-mode .popper__arrow::after,
577
+ .mds-tooltip-placement-top-end.light-mode .popper__arrow::after {
578
+ border-top-color: #fff;
579
+ }
580
+ .mds-tooltip-placement-right .popper__arrow,
581
+ .mds-tooltip-placement-right-start .popper__arrow,
582
+ .mds-tooltip-placement-right-end .popper__arrow {
583
+ left: -6px;
584
+ border-width: 6px 6px 6px 0;
585
+ border-right-color: #354052;
586
+ }
587
+ .mds-tooltip-placement-right .popper__arrow::after,
588
+ .mds-tooltip-placement-right-start .popper__arrow::after,
589
+ .mds-tooltip-placement-right-end .popper__arrow::after {
590
+ left: 1px;
591
+ border-right-color: #354052;
592
+ border-width: 5px 5px 5px 0;
593
+ bottom: -5px;
594
+ }
595
+ .mds-tooltip-placement-right.light-mode .popper__arrow,
596
+ .mds-tooltip-placement-right-start.light-mode .popper__arrow,
597
+ .mds-tooltip-placement-right-end.light-mode .popper__arrow {
598
+ border-right-color: #ebeef5;
599
+ }
600
+ .mds-tooltip-placement-right.light-mode .popper__arrow::after,
601
+ .mds-tooltip-placement-right-start.light-mode .popper__arrow::after,
602
+ .mds-tooltip-placement-right-end.light-mode .popper__arrow::after {
603
+ border-right-color: #fff;
604
+ }
605
+ .mds-tooltip-placement-left .popper__arrow,
606
+ .mds-tooltip-placement-left-start .popper__arrow,
607
+ .mds-tooltip-placement-left-end .popper__arrow {
608
+ right: -6px;
609
+ border-width: 6px 0 6px 6px;
610
+ border-left-color: #354052;
611
+ }
612
+ .mds-tooltip-placement-left .popper__arrow::after,
613
+ .mds-tooltip-placement-left-start .popper__arrow::after,
614
+ .mds-tooltip-placement-left-end .popper__arrow::after {
615
+ right: 1px;
616
+ border-left-color: #354052;
617
+ border-width: 5px 0 5px 5px;
618
+ margin-left: -5px;
619
+ bottom: -5px;
620
+ }
621
+ .mds-tooltip-placement-left.light-mode .popper__arrow,
622
+ .mds-tooltip-placement-left-start.light-mode .popper__arrow,
623
+ .mds-tooltip-placement-left-end.light-mode .popper__arrow {
624
+ border-left-color: #ebeef5;
625
+ }
626
+ .mds-tooltip-placement-left.light-mode .popper__arrow::after,
627
+ .mds-tooltip-placement-left-start.light-mode .popper__arrow::after,
628
+ .mds-tooltip-placement-left-end.light-mode .popper__arrow::after {
629
+ border-left-color: #fff;
630
+ }
631
+ .mds-tooltip-placement-bottom .popper__arrow,
632
+ .mds-tooltip-placement-bottom-start .popper__arrow,
633
+ .mds-tooltip-placement-bottom-end .popper__arrow {
634
+ top: -6px;
635
+ border-width: 0 6px 6px;
636
+ border-bottom-color: #354052;
637
+ }
638
+ .mds-tooltip-placement-bottom .popper__arrow::after,
639
+ .mds-tooltip-placement-bottom-start .popper__arrow::after,
640
+ .mds-tooltip-placement-bottom-end .popper__arrow::after {
641
+ top: 1px;
642
+ border-top-color: #354052;
643
+ border-width: 0 5px 5px;
644
+ margin-left: -5px;
645
+ }
646
+ .mds-tooltip-placement-bottom.light-mode .popper__arrow,
647
+ .mds-tooltip-placement-bottom-start.light-mode .popper__arrow,
648
+ .mds-tooltip-placement-bottom-end.light-mode .popper__arrow {
649
+ border-bottom-color: #ebeef5;
650
+ }
651
+ .mds-tooltip-placement-bottom.light-mode .popper__arrow::after,
652
+ .mds-tooltip-placement-bottom-start.light-mode .popper__arrow::after,
653
+ .mds-tooltip-placement-bottom-end.light-mode .popper__arrow::after {
654
+ border-bottom-color: #fff;
655
+ }
656
+ /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
657
+ /* stylelint-disable declaration-bang-space-before */
658
+ /* stylelint-disable declaration-bang-space-before */