.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-left: var(--tv-space-xl, 16px);--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);transition:width .5s;background:var(--tv-TreeMenu-background-color)}.tiny-tree-menu__toggle-button{position:absolute;cursor:pointer;right:0;top: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);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:flex;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{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{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 .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:before{content:"";position:absolute;left:0;right:0;top:0;bottom:0;z-index:2;height:1px;border-top:1px solid var(--tv-TreeMenu-border-top-color);margin:0 var(--tv-TreeMenu-input-before-margin-left)}.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{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{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:flex;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);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:flex;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}