.pdf-designer {
    position: fixed;
    top: 5.2rem;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: pink;
}


.pdf-designer .pdf-editor-wrapper {
    width: 100%;
    height: 100%;
    background-color: #262626;

    display: grid;
    grid-template-columns: auto 30em;

}

.pdf-designer .pdf-view-wrapper {
    width: 100%;
    height: 100%;
}


/* PDF - VIEW */
.pdf-view-wrapper .react-transform-wrapper {
    width: 100%;
    height: 100%;
}

.pdf-view-wrapper .page {
    aspect-ratio: 210 / 297;
    height: 80vh;
    position: relative;
    border: 1px solid #bababa;
}

.pdf-view-wrapper .page canvas {
    height: 100%;
    width: 100%;
}

.pdf-view-wrapper .page .box {
    position: absolute;
    border: 3px solid #04c0c0;
    box-sizing: content-box;
    z-index: 1;
    line-height: 1;
    text-rendering: geometricPrecision;
    background-color: rgba(255, 255, 255, 0.5);
    cursor: move;
}

/* Side Panel */
.pdf-designer .side-panel {
    width: 100%;
    height: 100%;
    background-color: white;
    box-shadow: -20px 20px 20px 0 #0000003b;
    z-index: 1;
    padding: 1em;
    overflow-y: auto;
}