#resourcePanelDIV
{
    position: fixed;
    height: 100%;
    overflow: auto;
    width: 18vw;
}

.fTRMainFolder > .fTRlabel,
.fTRSettings > .fTRlabel
{
    font-weight: bold;
}

.fTR
{
    cursor: pointer;
    padding-left: clamp(0.1em, 1.6vw, 1.8em);
}

.fTRlabel
{
    padding: clamp(0.1em, 0.4vw, 0.5em) 0;
    position: relative;
    display: inline-block;
}

.fTRcaret
{
    display: inline-grid;
    align-content: center;
    width: clamp(0.1em, 0.7vw, 0.8em);
    height: clamp(0.1em, 0.7vw, 0.8em);
    -webkit-mask: url("../images/caret-right-solid.svg") no-repeat center;
    mask: url("../images/caret-right-solid.svg") no-repeat center;
    -webkit-mask-size: contain;
    mask-size: contain;
    margin-right: clamp(0.1em, 0.4vw, 0.4em);
}

.fTRcaret.expanded
{
    -webkit-mask: url("../images/caret-down-solid.svg") no-repeat center;
    mask: url("../images/caret-down-solid.svg") no-repeat center;
}

.fTRlabel:hover::before,
.fTRlabel.selected::before
{
    content: "\00A0";
    position: absolute;
    left: -100vw;
    top: 0;
    bottom: 0;
    width: calc(100vw + 18vw);
    z-index: -1;
    pointer-events: none;
}