.page {
    zoom: 1;
}

.document-component,
.document-component * {
    user-select: none;
}

.pageview {
    zoom: 1;
}

.page-textbox {
    zoom: 1;
}

.readonly-label {
    margin-left: 10px;
    background: var(--theme-warning-light);
    padding: 5px;
    border-radius: 5px;
    height: fit-content;
    align-self: center;
}

.readonly-label span {
    margin-left: 5px;
}

.pageview-scroll {
    overflow: auto;
    flex: 1;
    position: relative;
    scrollbar-gutter: stable;
    overflow-anchor: none;
    scroll-snap-type: none;
    user-select: none;
}

.document-component {
    anchor-name: --anchor-document-component;
}

.document-component--toolbar {
    anchor-name: --anchor-document-toolbar;
}

.document-component--toolbar .tools-order-left {
    order: 0;
}

.document-component--toolbar .tools-order-center {
    order: 100;
}

.document-component--toolbar .tools-order-right {
    order: 1000;
}

.document-component--toolbar .tools-order-end {
    order: 10000;
}

.document-component--toolbar .tools-spacer-1 {
    flex: 1 0 0%;
    order: 99;
}

.document-component--toolbar .tools-spacer-2 {
    flex: 1 0 0%;
    order: 999;
}