@layer components{.tree-folder{border-radius:var(--radius-rectangle);height:100%;padding:calc(var(--spacing) * 4);align-items:center;width:100%;display:flex}.tree-folder--selected{background-color:var(--color-background-accent-transparency-secondary)}.tree-folder:not(.tree-folder--selected):hover{background-color:var(--color-background-surface-transparency-primary)}.tree-folder__spacer{height:calc(var(--spacing) * 24);width:calc(var(--spacing) * 24);flex-shrink:0}.tree-folder__icon-arrow{padding-right:calc(var(--spacing) * 8)}.tree-folder__arrow,.tree-folder__icon,.tree-folder__icon-arrow{flex-shrink:0;align-items:center;display:flex}.tree-folder__arrow{height:calc(var(--spacing) * 24);width:calc(var(--spacing) * 24);justify-content:center}.tree-folder__add,.tree-folder__toggle{--action-button-v2-padding-x:calc(var(--spacing) * 2);--action-button-v2-padding-y:calc(var(--spacing) * 2)}.tree-folder__icon{color:var(--color-content-main-subtle);padding:calc(var(--spacing) * 4)}.tree-folder__name{align-items:center;gap:calc(var(--spacing) * 8);padding-block:calc(var(--spacing) * 2);padding-right:calc(var(--spacing) * 16);flex:1;display:flex}.tree-folder__label{color:var(--color-content-main-default);font-family:var(--typography-body-family-font-font);font-size:var(--typography-body-font-size-b3);font-weight:var(--typography-body-weight-sm);line-height:var(--typography-body-line-height-b3);white-space:nowrap}.tree-folder__tag{flex-shrink:0}.tree-folder__add-col{background-color:var(--color-background-main-system-main);margin-block:calc(var(--spacing) * -4);margin-right:calc(var(--spacing) * -4);padding-right:calc(var(--spacing) * 4);flex-shrink:0;align-self:stretch;align-items:center;display:flex;position:sticky;right:0}}