.LayerWrapper{box-sizing:border-box;padding-left:var(--spacing);width:100%;margin-bottom:-1px;list-style:none;&.layerClone{pointer-events:none;padding:5px 0 0 5px;display:inline-block;& .LayerItem{--vertical-padding:5px;background-color:#fff;border:1px solid #ebebeb;border-radius:4px;padding-right:24px;box-shadow:0 15px 15px #2221511a}}&.layerGhost{&.layerIndicator{opacity:1;z-index:1;margin-bottom:-1px;position:relative;& .LayerItem{background-color:#5041f1;border-color:#5041f1;height:3px;margin-left:24px;padding:0;position:relative;&:before{content:"";background-color:#fff;border:1px solid #5041f1;border-radius:50%;width:12px;height:12px;display:block;position:absolute;top:-4px;left:-8px}&>*{opacity:0;height:0}}}&:not(.layerIndicator){opacity:.5}& .LayerItem>*{box-shadow:none;background-color:#0000}}}.layerSelected{background-color:#5041f1;border-radius:6px}.LayerItem{--vertical-padding:6px;padding:var(--vertical-padding)6px;color:#222;box-sizing:border-box;align-items:center;display:flex;position:relative;&.layerSelected{color:#fff;background-color:#5041f1}}.Text{white-space:nowrap;text-overflow:ellipsis;flex-grow:1;padding-left:5px;font-size:12px;overflow:hidden}.Count{color:#fff;background-color:#2389ff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.8rem;font-weight:600;display:flex;position:absolute;top:-10px;right:-10px}.layerDisableInteraction{pointer-events:none}.layerDisableSelection,.layerClone{& .Text,& .Count{-webkit-user-select:none;user-select:none}}.layerCollapse{& svg{transition:transform .25s}&.collapsed svg{transform:rotate(-90deg)}}