.zoomQaTitle {
    position: fixed; top: 0; left: 0; padding: 20px; width: 100vw; font-size: 24px; line-height: 1.5em; background-color: var(--siteBgColor);
}

.zoomQaList {
    position: fixed; top: 60px; bottom: 80px; left: 40px; right: 40px; overflow: auto;
     font-size: 38px; line-height: 1.5em;
}
.zoomQaList.control {
    bottom: 0;
}
.zoomQaList > div > div {
    border: #444 1px solid; border-radius: 20px; margin: 20px 0; padding: 20px; display: grid; grid-template-columns: 70px 1fr;
}
.zoomQaList > div > div.active {
    background-color: #222;
}
.zoomQaList > div > div .name {
    padding: 10px 0 0 0;
}
.zoomQaList > div > div img {
    width: 40px; height: 40px;
}
.zoomQaList .project {
    cursor: pointer;
}
.zoomQaList .buttons {
    text-align: right;
}
.zoomQaList .buttons img {
    width: 40px; height: 40px; cursor: pointer; margin: 10px 10px 0 10px;
}

.zoomButtons {
    position: fixed; bottom: 0; left: 0; padding: 20px; width: 100vw; font-size: 20px; text-align: right; line-height: 1.5em; background-color: var(--siteBgColor);
}
.zoomButtons > div {
    cursor: pointer;
}
.zoomButtons img {
    width: 40px; height: 40px; margin: 0 5px;
}

.addQa {
    margin: 20px; font-size: 18px; line-height: 1.5em;
}
.addQa input, .addQa textarea {
    width: 100%; padding: 10px; margin: 5px 0; font-size: 18px; line-height: 1.5em;
}
.addQa textarea {
    height: 100px;
}

.zoomQaObs {
    position: absolute; bottom: -150px; left: 20px; opacity: 0;
    transition: bottom 0.5s, opacity 0.5s;
}
.zoomQaObs.active {
    bottom: 40px; left: 20px; opacity: 1;
}
.zoomQaObs > div {
    position: relative;
}
.zoomQaObs > div > .icon {
    position: absolute; z-index: 3; top: 20px; left: 0; border: #c80 4px solid; border-radius: 100%; background-color: #fff; width: 100px; height: 100px; display: flex; align-items: center; justify-content: center;
}
.zoomQaObs > div > .icon img {
    width: 60px; height: 60px; margin: 10px 0 0 0;
}
.zoomQaObs > div > .name {
    position: absolute; z-index: 2; top: 0; left: 80px; padding: 5px 10px; background-color: #c80; color: #000; font-size: 24px; line-height: 1.5em;
}
.zoomQaObs > div > .text {
    width: 45vw; min-height: 100px; background-color: #000; margin: 25px 0 0 20px;
}
.zoomQaObs > div > .text > div {
    padding: 20px 20px 20px 100px; font-size: 30px; line-height: 1.5em; color: #fff;
}