body { overflow: hidden; } #App { position: relative;
}
#timelineAppBottom { position: absolute; bottom: 13px; right: 10px; display: flex;
}
#timelineAppBottom > * { margin: 0 1px;
} .controlsZoom { background-color: rgba(216, 216, 216, 0.37); width: 47px; height: 240px; padding: 5px; border-radius: 26px;
} /*tagsContainer---------------r*/
#tagsContainer { position: absolute; top: 0; border-radius: 3px 3px 0 0; left: 0; background-color: rgba(38, 38, 38, 0.74); color: white; overflow-y: auto; user-select: none; z-index: 3;
}
.tagsContainer { display: flex; flex-direction: column; /*justify-content: center;*/ /*padding: 7px;*/ /*align-items: center;*/
}
.tagsContainer .colors { display: flex; justify-content: center; align-items: center;
}
.tagsContainer .color { width: 20px; height: 20px; margin-left: 4px; border-radius: 7px; border: 1px #ffffffb8 solid; cursor: pointer;
}
.tagsContainer .image { padding-left: 7px;
}
.tagsContainer .tags-label { display: flex; padding: 7px 6px 7px 34px; cursor: pointer; background: #1e1e1e url(/public/images/svg/tag.svg) no-repeat 6px center; background-size: 22px;
} .tagsContainer .tags { display: flex; flex-direction: column; opacity: 0.8; pointer-events: all;
}
.tagsContainer .tags .tag { /*position: relative;*/ display: flex; font-size: 14px; margin-right: 1px; cursor: pointer;
} .tagsContainer .tags .name { /*line-height: 14px;*/ /*font-size: 12px;*/ /*height: 16px;*/ padding: 1px 7px; white-space: nowrap; /*border-radius: 3px;*/ /*background-color: rgba(0, 0, 0, 0.73);*/ /*color: white;*/ flex-grow: 1;
} .tagsContainer .tags .name:hover { /*line-height: 14px;*/ /*font-size: 12px;*/ /*height: 16px;*/ /*padding: 1px 7px;*/ /*white-space: nowrap;*/ border-radius: 3px; background-color: rgba(0, 0, 0, 0.73); /*color: white;*/
}
.tagsContainer .tags:hover .name { display: flex;
}
.tagsContainer .tags-select { opacity: 1;
}
.tagsContainer .tags-select .tag { opacity: 0.4;
}
.tagsContainer .tags-select .tag-select { opacity: 1;
}
.tagsContainer .tags-select .tag-select .name { display: flex;
}