.tiny-tree-menu{--tv-TreeMenu-width:220px;--tv-TreeMenu-node-height:var(--tv-size-height-md, 32px);--tv-TreeMenu-node-margin-bottom:var(--tv-space-base, 4px);--tv-TreeMenu-font-size:var(--tv-font-size-default, 14px);--tv-TreeMenu-border-color:var(--tv-color-border-divider, #f0f0f0);--tv-TreeMenu-node-body-text-padding-x:0;--tv-TreeMenu-node-selected-bg-color:var(--tv-color-bg-active, #f5f5f5);--tv-TreeMenu-square-left-border-color:var(--tv-color-border-active, #191919);--tv-TreeMenu-node-body-text-color:var(--tv-color-text-control, #191919);--tv-TreeMenu-node-hover-bg-color:var(--tv-color-bg-hover, #f5f5f5);--tv-TreeMenu-node-icon-fill-color:var(--tv-color-icon, #808080);--tv-TreeMenu-collapse-icon-fill-color:var(--tv-color-icon, #808080);--tv-TreeMenu-collapse-icon-hover-color:var(--tv-color-icon-hover, #191919);--tv-TreeMenu-collapse-icon-margin-right:20px;--tv-TreeMenu-border-top-color:var(--tv-color-border-divider, #f0f0f0);--tv-TreeMenu-input-padding-right:var(--tv-space-xxxl, 32px);--tv-TreeMenu-input-suffix-right:calc(var(--tv-space-base, 4px) * 11);--tv-TreeMenu-node-content-height:var(--tv-space-xxxl, 32px);--tv-TreeMenu-input-before-top:48px;--tv-TreeMenu-input-before-margin-right:var(--tv-space-xxxl, 32px);--tv-TreeMenu-node-number-font-size:var(--tv-font-size-sm, 12px);--tv-TreeMenu-node-number-right:var(--tv-space-xl, 16px);--tv-TreeMenu-node-number-max-width:36px;--tv-TreeMenu-node-vertical-line-margin-right:var(--tv-space-xl, 16px);--tv-TreeMenu-input-margin:var(--tv-space-xl, 16px) 0 var(--tv-space-xl, 16px) var(--tv-space-xl, 16px);--tv-TreeMenu-padding-top:var(--tv-space-md, 8px);--tv-TreeMenu-prefix-icon-margin-right:var(--tv-space-md, 8px);--tv-TreeMenu-disabled-text-color:var(--tv-color-text-disabled, #c2c2c2);--tv-TreeMenu-expand-icon-size:14px;--tv-TreeMenu-node-number-color:var(--tv-color-text-weaken, #808080);--tv-TreeMenu-background-color:var(--tv-color-bg-3, #ffffff);--tv-TreeMenu-scrollbar-width:var(--tv-space-md, 8px);--tv-TreeMenu-scrollbar-margin-right:var(--tv-space-base, 4px);--tv-TreeMenu-node-name-hover-font-weight:var(--tv-font-weight-bold, 600);--tv-TreeMenu-toggle-button-background-color:var(--tv-color-bg-3, #ffffff);--tv-TreeMenu-node-body-selected-color:var(--tv-color-border-active, #191919);--tv-TreeMenu-node-name-hover-color:var(--tv-color-border-hover, #191919);width:var(--tv-TreeMenu-width);position:relative;font-size:var(--tv-TreeMenu-font-size);-webkit-transition:width .5s;transition:width .5s;background:var(--tv-TreeMenu-background-color)}.tiny-tree-menu__toggle-button{position:absolute;cursor:pointer;right:0;top:50%;-webkit-transform:translateX(50%) translateY(-50%);transform:translate(50%) translateY(-50%);z-index:9;width:24px;height:24px;border-radius:50%;font-size:18px;line-height:18px;background-color:var(--tv-TreeMenu-toggle-button-background-color);-webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,.06);box-shadow:0 2px 4px #0000000f;border:1px solid var(--tv-TreeMenu-border-color)}.tiny-tree-menu__toggle-button .tiny-svg{margin-left:2px;margin-top:2px;fill:var(--tv-TreeMenu-collapse-icon-fill-color);font-size:16px}.tiny-tree-menu__toggle-button .tiny-svg:hover{fill:var(--tv-TreeMenu-collapse-icon-hover-color)}.tiny-tree-menu__toggle-button .tiny-svg:focus{fill:var(--tv-TreeMenu-collapse-icon-hover-color)}.tiny-tree-menu__expand{height:64px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-left:10px;position:sticky;bottom:0;left:0;width:100%;background-color:var(--tv-TreeMenu-toggle-button-background-color)}.tiny-tree-menu__expand svg{width:22px;height:22px;cursor:pointer;fill:var(--tv-TreeMenu-collapse-icon-fill-color)}.tiny-tree-menu__expand svg:hover{fill:var(--tv-TreeMenu-collapse-icon-hover-color)}.tiny-tree-menu__expand svg:focus{fill:var(--tv-TreeMenu-collapse-icon-hover-color)}.tiny-tree-menu.is-collapsed{width:0}.tiny-tree-menu.is-collapsed .tiny-tree-menu__toggle-button{-webkit-transform:translateX(70%) translateY(-50%);transform:translate(70%) translateY(-50%)}.tiny-tree-menu.is-collapsed .tiny-tree-menu__toggle-button .tiny-svg{rotate:180deg}.tiny-tree-menu.is-collapsed .tiny-input{overflow:hidden}.tiny-tree-menu.is-collapsed .tiny-input .tiny-input-display-only{display:inline-block;width:0}.tiny-tree-menu.is-expand{width:36px}.tiny-tree-menu.is-expand .tiny-tree-menu__toggle-button{-webkit-transform:translateX(70%) translateY(-50%);transform:translate(70%) translateY(-50%)}.tiny-tree-menu.is-expand .tiny-tree-menu__toggle-button .tiny-svg{rotate:180deg}.tiny-tree-menu.is-expand .tiny-input{overflow:hidden}.tiny-tree-menu.is-expand .tiny-input .tiny-input-display-only{display:inline-block;width:0}.tiny-tree-menu:before{content:"";border-right:1px solid var(--tv-TreeMenu-border-color);position:absolute;top:0;right:0;height:100%;z-index:1}.tiny-tree-menu .tiny-input{position:relative;padding-right:var(--tv-TreeMenu-input-padding-right);margin:var(--tv-TreeMenu-input-margin)}.tiny-tree-menu .tiny-input.is-hidden{visibility:hidden;opacity:0}.tiny-tree-menu .tiny-input:before{content:"";position:absolute;left:0;right:0;top:var(--tv-TreeMenu-input-before-top);bottom:0;z-index:2;border-top:1px solid var(--tv-TreeMenu-border-top-color);margin-right:var(--tv-TreeMenu-input-before-margin-right)}.tiny-tree-menu .tiny-input .tiny-input__suffix{right:var(--tv-TreeMenu-input-suffix-right)}.tiny-tree-menu .tiny-tree{padding-top:var(--tv-TreeMenu-padding-top)}.tiny-tree-menu .tiny-tree::-webkit-scrollbar{width:var(--tv-TreeMenu-scrollbar-width);margin-right:var(--tv-TreeMenu-scrollbar-margin-right)}.tiny-tree-menu .tiny-tree .tiny-tree-node.is-disabled>.tiny-tree-node__content a{cursor:not-allowed}.tiny-tree-menu .tiny-tree .tiny-tree-node.is-disabled>.tiny-tree-node__content a .tree-node-name{color:var(--tv-TreeMenu-disabled-text-color);font-weight:400}.tiny-tree-menu .tiny-tree .tiny-tree-node .tiny-tree-node__expand-icon{font-size:var(--tv-TreeMenu-expand-icon-size)}.tiny-tree-menu .tiny-tree .tiny-tree-node .tiny-tree-node__content{height:var(--tv-TreeMenu-node-height);line-height:var(--tv-TreeMenu-node-height);overflow:hidden;padding-left:0;margin-bottom:var(--tv-TreeMenu-node-margin-bottom)}.tiny-tree-menu .tiny-tree .tiny-tree-node .tiny-tree-node__content .tree-node-icon{-webkit-box-ordinal-group:11;-ms-flex-order:10;order:10;margin-right:var(--tv-TreeMenu-collapse-icon-margin-right)}.tiny-tree-menu .tiny-tree .tiny-tree-node .tiny-tree-node__content .tree-node-number{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;position:absolute;right:var(--tv-TreeMenu-node-number-right);max-width:var(--tv-TreeMenu-node-number-max-width);overflow:hidden;font-size:var(--tv-TreeMenu-node-number-font-size);color:var(--tv-TreeMenu-node-number-color)}.tiny-tree-menu .tiny-tree .tiny-tree-node .tiny-tree-node__content .tree-node{width:100%}.tiny-tree-menu .tiny-tree .tiny-tree-node .tiny-tree-node__content .tree-node-name{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 var(--tv-TreeMenu-node-body-text-padding-x)}.tiny-tree-menu .tiny-tree .tiny-tree-node .tiny-tree-node__content .tree-node-name:hover{font-weight:var(--tv-TreeMenu-node-name-hover-font-weight);color:var(--tv-TreeMenu-node-name-hover-color)}.tiny-tree-menu .tiny-tree .tiny-tree-node .tiny-tree-node__content .tree-node-name:hover svg{fill:var(--tv-TreeMenu-node-icon-hover-color)}.tiny-tree-menu .tiny-tree .tiny-tree-node .tiny-tree-node__content .tree-node-name svg{margin-right:var(--tv-TreeMenu-prefix-icon-margin-right);fill:var(--tv-TreeMenu-node-icon-fill-color)}.tiny-tree-menu .tiny-tree .tiny-tree-node .tiny-tree-node__content-number .tree-node-name{padding-right:0}.tiny-tree-menu .tiny-tree .tiny-tree-node .tiny-tree-node__content:hover{background-color:var(--tv-TreeMenu-node-hover-bg-color)}.tiny-tree-menu .tiny-tree .tiny-tree-node .tiny-tree-node__content:hover .tiny-tree-node__label{background-color:transparent}.tiny-tree-menu .tiny-tree .tiny-tree-node .tiny-tree-node__content-left{position:relative;padding-left:var(--tv-TreeMenu-node-vertical-line-margin-right)}.tiny-tree-menu .tiny-tree .tiny-tree-node .tiny-tree-node__content-left:hover{background-color:transparent}.tiny-tree-menu .tiny-tree .tiny-tree-node.is-current>.tiny-tree-node__content{background-color:var(--tv-TreeMenu-node-selected-bg-color);position:relative}.tiny-tree-menu .tiny-tree .tiny-tree-node.is-current>.tiny-tree-node__content .tree-node-body{font-weight:700;color:var(--tv-TreeMenu-node-body-selected-color)}.tiny-tree-menu .tiny-tree .tiny-tree-node.is-current>.tiny-tree-node__content .tree-node-body svg{fill:var(--tv-TreeMenu-node-icon-hover-color)}.tiny-tree-menu .tiny-tree .tiny-tree-node.is-current>.tiny-tree-node__content:before{content:"";position:absolute;left:0;top:50%;display:inline-block;height:var(--tv-TreeMenu-node-content-height);-webkit-transform:translateY(-50%);transform:translateY(-50%);border-left:2px solid var(--tv-TreeMenu-square-left-border-color)}.tiny-tree-menu .tiny-tree .tiny-tree-node .tree-node-body{color:var(--tv-TreeMenu-node-body-text-color);display:block}.tiny-tree-menu .tiny-tree .tiny-tree-node .tree-node-body,.tiny-tree-menu .tiny-tree .tiny-tree-node .tree-node-body:hover{text-decoration:none}.tiny-tree-menu .tiny-tree .tiny-tree-node.is-loading .tiny-tree-node__content .tree-node-name{padding-left:0}.tiny-tree-menu .tiny-tree-menu__overflow.tiny-tree .tiny-tree-node .tiny-tree-node__content-box{max-width:calc(100% - 26px);padding-right:0}.tiny-tree-menu .tiny-tree-menu__overflow.tiny-tree .tiny-tree-node .tiny-tree-node__content .tree-node-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;padding-right:0}.tiny-tree-menu .tiny-tree-menu__overflow.tiny-tree .tiny-tree-node .tiny-tree-node__content-number .tree-node{width:calc(100% - 60px)}.tiny-tree-menu .tiny-tree-menu__wrap.tiny-tree .tiny-tree-node__content{min-height:var(--tv-TreeMenu-node-height);height:auto}.tiny-tree-menu .tiny-tree-menu__wrap.tiny-tree .tree-node-body{min-height:var(--tv-TreeMenu-node-height);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tiny-tree-menu .tiny-tree-menu__wrap.tiny-tree .tree-node-name{white-space:normal;line-height:normal;display:block;word-break:break-all}
