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

package/dist/style/menu.css

@@ -1 +1,658 @@
-.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}
+/* 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-menu {
+  outline: none;
+  margin-bottom: 0;
+  padding-left: 0;
+  list-style: none;
+  z-index: 1050;
+  box-shadow: 0 1px 6px rgba(0, 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, 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 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);
+}
+.mds-menu-item,
+.mds-menu-submenu-title {
+  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);
+}
+.mds-menu-item:active,
+.mds-menu-submenu-title:active {
+  background: #ebf3ff;
+}
+.mds-menu-submenu .mds-menu-sub {
+  cursor: initial;
+  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);
+}
+.mds-menu-item > a {
+  display: block;
+  color: #666666;
+}
+.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:hover,
+.mds-menu-item-active,
+.mds-menu:not(.mds-menu-inline) .mds-menu-submenu-open,
+.mds-menu-submenu-active,
+.mds-menu-submenu-title:hover {
+  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:hover,
+.mds-menu-horizontal > .mds-menu-item-active,
+.mds-menu-horizontal > .mds-menu-submenu .mds-menu-submenu-title:hover {
+  background-color: transparent;
+}
+.mds-menu-item-selected {
+  color: #0366FF;
+}
+.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(0.0001);
+  opacity: 0;
+  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);
+}
+.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:last-child,
+.mds-menu-vertical.mds-menu-sub > .mds-menu-item-group:last-child > .mds-menu-item-group-list:last-child > .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-selected:after,
+.mds-menu-inline .mds-menu-item-selected:after {
+  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);
+  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 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), margin 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
+}
+.mds-menu-item .mdsicon + span,
+.mds-menu-submenu-title .mdsicon + span {
+  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);
+  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 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
+}
+.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;
+  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
+  transform: rotate(270deg);
+}
+.mds-menu-submenu-inline > .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;
+  right: 16px;
+  top: 50%;
+  margin-top: -6px;
+  font-size: 12px;
+}
+.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 {
+  color: #0364ff;
+}
+.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:hover,
+.mds-menu-horizontal > .mds-menu-submenu:hover,
+.mds-menu-horizontal > .mds-menu-item-active,
+.mds-menu-horizontal > .mds-menu-submenu-active,
+.mds-menu-horizontal > .mds-menu-item-open,
+.mds-menu-horizontal > .mds-menu-submenu-open,
+.mds-menu-horizontal > .mds-menu-item-selected,
+.mds-menu-horizontal > .mds-menu-submenu-selected {
+  border-bottom: 2px solid #0364ff;
+  color: #0364ff;
+}
+.mds-menu-horizontal > .mds-menu-item > a,
+.mds-menu-horizontal > .mds-menu-submenu > a {
+  display: block;
+  color: #666666;
+}
+.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-vertical .mds-menu-item,
+.mds-menu-inline .mds-menu-item,
+.mds-menu-vertical .mds-menu-submenu-title,
+.mds-menu-inline .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 .mds-menu-submenu-title-after,
+.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-submenu > .mds-menu-submenu-title .mds-menu-submenu-title-after {
+  display: none;
+}
+.mds-menu-inline-collapsed > .mds-menu-item .mdsicon,
+.mds-menu-inline-collapsed > .mds-menu-item-group > .mds-menu-item-group-list > .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 .mdsicon + span,
+.mds-menu-inline-collapsed > .mds-menu-item-group > .mds-menu-item-group-list > .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: rgba(255, 255, 255, 0.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 {
+  padding: 0 16px 0 28px;
+}
+.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-vertical,
+.mds-menu-root.mds-menu-inline {
+  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, 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, 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, 0.2) !important;
+  cursor: not-allowed;
+}
+.mds-menu-dark,
+.mds-menu-dark .mds-menu-sub {
+  color: rgba(255, 255, 255, 0.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: rgba(255, 255, 255, 0.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:hover,
+.mds-menu-dark .mds-menu-item-active,
+.mds-menu-dark .mds-menu-submenu-active,
+.mds-menu-dark:not(.mds-menu-inline) .mds-menu-submenu-open,
+.mds-menu-dark .mds-menu-submenu-selected,
+.mds-menu-dark .mds-menu-submenu-title:hover {
+  background-color: transparent;
+  color: #fff;
+}
+.mds-menu-dark .mds-menu-item:hover > a,
+.mds-menu-dark .mds-menu-item-active > a,
+.mds-menu-dark .mds-menu-submenu-active > a,
+.mds-menu-dark:not(.mds-menu-inline) .mds-menu-submenu-open > a,
+.mds-menu-dark .mds-menu-submenu-selected > a,
+.mds-menu-dark .mds-menu-submenu-title:hover > 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-submenu-disabled,
+.mds-menu-dark .mds-menu-item-disabled > a,
+.mds-menu-dark .mds-menu-submenu-disabled > a {
+  opacity: 0.8;
+  color: rgba(255, 255, 255, 0.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: rgba(255, 255, 255, 0.35) !important;
+}
+/* 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 */