.pane{border:1px solid var(--color-grey-warm);line-height:1.5em;display:inline-block}.pane .contents{overflow:hidden auto}.pane .vertical{transform-origin:0 100%;transform:rotate(90deg)translate(-25px)}.pane-horizontal{width:100%;overflow:auto}.pane-vertical{width:22px;overflow:hidden}.pane .header{background-color:var(--color-grey-warm);flex-wrap:nowrap;justify-content:flex-start;align-items:center;font-weight:700;display:flex}.pane-horizontal[data-can-toggle-vertical=true] .header.top,.pane-vertical[data-can-toggle-vertical=true] .header.top{cursor:pointer}.pane-vertical .header.top{width:300px}.pane .header:after{text-align:center;vertical-align:middle;width:22px;min-width:22px;max-width:22px;height:22px;margin:0 6px;font-family:FontAwesome;font-size:22px;font-weight:400}.pane-vertical[data-can-toggle-vertical=true] .header.top:after{content:""}.pane-horizontal[data-can-toggle-vertical=true] .header.top:after{content:""}.pane .name{white-space:nowrap;text-overflow:ellipsis;flex-grow:1;padding-left:5px;overflow:hidden}.pane .section{overflow:hidden}.pane .section.expanded{border-bottom:1px solid var(--color-grey-warm)}.pane .section .header{background-color:var(--color-grey-warm-lighter);border-bottom:1px solid var(--color-grey-warm)}.pane .section .name:hover{color:#145b71;cursor:pointer}.pane .section .header:after{content:""}.pane .section.expanded .header:after{content:""}.pane .section .header .name{flex-grow:1}.pane .section-contents{padding:5px 0 2px}@media (width>=1280px){.pane .header:after{width:20px;min-width:20px;max-width:20px;height:20px;margin:0 2px;font-size:16px}}
