/* Generated from annotationui.unscoped.css — edit that file, then run: npm run scope-css */
/**
 * OpenSeadragon paperjs overlay plugin based on paper.js
 * @version 0.7.6
 * 
 * Includes additional open source libraries which are subject to copyright notices
 * as indicated accompanying those segments of code.
 * 
 * Original code:
 * Copyright (c) 2022-2026, Thomas Pearce
 * All rights reserved.
 * 
 * Redistribution and use in source and binary forms, with or without
 * modification, are permitted provided that the following conditions are met:
 * 
 * * Redistributions of source code must retain the above copyright notice, this
 *   list of conditions and the following disclaimer.
 * 
 * * Redistributions in binary form must reproduce the above copyright notice,
 *   this list of conditions and the following disclaimer in the documentation
 *   and/or other materials provided with the distribution.
 * 
 * * Neither the name of osd-paperjs-annotation nor the names of its
 *   contributors may be used to endorse or promote products derived from
 *   this software without specific prior written permission.
 * 
 * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
 * AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
 * IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
 * DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE
 * FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL
 * DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR
 * SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER
 * CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY,
 * OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
 * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
 * 
 */
/* Edit this file, then run: npm run scope-css (writes annotationui.css with .osd-paperjs-annotation scope). */
body.annotation-ui-noselect{
    user-select:none;
}
.osd-paperjs-annotation .ui-dialog{
    font-size:14px;
}
.osd-paperjs-annotation .ui-dialog, .osd-paperjs-annotation .ui-dialog-content {
    box-sizing: content-box;
}
.osd-paperjs-annotation .flex-row{
    display:flex;
    flex-direction:row;
}
.osd-paperjs-annotation .annotation-ui-mainwindow .templates{
    display:none;
}
.osd-paperjs-annotation .annotation-ui-mainwindow{
    height:100%;
    width:16em;
    min-width:12em;
    color:black;
    overflow:hidden;
    display:grid;
    grid-template-rows: auto auto minmax(4em, 1fr) auto;
    border:thin gray solid;
    padding:2px;
    box-sizing:border-box;
}
.osd-paperjs-annotation .annotation-visibility-controls{
    display:flex;
    flex-grow:0;
    flex-shrink:0;
    border-bottom:thin gray solid;
    padding-bottom:2px;
    margin-bottom:2px;
}
.osd-paperjs-annotation .annotation-visibility-controls .visibility-buttons{
    flex-grow:0;
    display:flex;
    margin-right:5px;
}
.osd-paperjs-annotation .annotation-visibility-controls .annotation-opacity-container{
    flex-grow:1;
}
.osd-paperjs-annotation .annotation-ui-mainwindow button.btn{
    padding:0 3px;
}
.osd-paperjs-annotation .file-button{
    padding:0.1em 0.5em;
    margin-right:0.3em;
}
.osd-paperjs-annotation .annotation-ui label{
    margin:0;
}
.osd-paperjs-annotation .annotation-ui-feature-collections{
    overflow:auto;
    border-bottom:thin gray solid;
}
.osd-paperjs-annotation .annotation-ui-feature-collections:empty::before {
    content: 'Click below to begin a new feature collection';
    color: gray;
}
.osd-paperjs-annotation .feature-collection{
    border: thin transparent solid;
    padding:2px;
    opacity:0.1;
}
.osd-paperjs-annotation .annotation-ui-feature-collections .feature-collection{
    transition: opacity 1s;
}
.osd-paperjs-annotation .annotation-ui-feature-collections .feature-collection.inserted:not(.trashed):not(.draganddrop-dragging){
    opacity:1;
}
.osd-paperjs-annotation .annotation-ui-feature-collections .feature-collection:not(.trashed).selected{
    border:thin black solid;
    background-color:azure;
} 
.osd-paperjs-annotation .annotation-ui-feature-collections
    .feature-collection:not(.trashed,.annotation-hidden,.selected):hover,.osd-paperjs-annotation .feature-collection.svg-hovered:not(.trashed):not(.annotation-hidden){
    background-color:lightgoldenrodyellow;
    border:thin black solid;
}
.osd-paperjs-annotation .feature-collection.annotation-hidden [data-action="hide"]{
    display:none;
}
.osd-paperjs-annotation .feature-collection:not(.annotation-hidden) [data-action="show"]{
    display:none;
}
.osd-paperjs-annotation .feature-collection.annotation-hidden .features{
    pointer-events:none;
    opacity:50%;
}
.osd-paperjs-annotation .annotation-ui-feature-collections .name{
    font-weight:bold;
}
.osd-paperjs-annotation .annotation-details{
    flex-grow:1;
}
.osd-paperjs-annotation .feature-item{
    margin-left:1em;
}

.osd-paperjs-annotation .feature-collection [data-action], .osd-paperjs-annotation .feature [data-action]{
    margin-left:0.2em;
}
.osd-paperjs-annotation .hoverable-actions:not(:hover) .onhover{
    visibility:hidden;
}
.osd-paperjs-annotation .hoverable-actions:hover .editablecontent .onhover {
    visibility:visible;
}
.osd-paperjs-annotation .feature-collection.trashed{
    background-color:darkred;
    opacity:0.3;
    pointer-events:none;
}
.osd-paperjs-annotation .annotation-header{
    display:grid;
    grid-template-columns:auto 1fr auto auto auto;
}
.osd-paperjs-annotation .feature-collection.trashed .annotation-header [data-action="trash"]{
    pointer-events:all;
    visibility:visible;
}
.osd-paperjs-annotation .feature-collection .toggle-list{
    flex-grow:0
}
.osd-paperjs-annotation .feature-collection .features{
    flex-grow:1;
}
.osd-paperjs-annotation .features.collapsed .features-list{
    display:none;
}
.osd-paperjs-annotation .features:not(.collapsed) .features-summary{
    display:none;
}
.osd-paperjs-annotation .features.collapsed [data-action="collapse-up"]{
    display:none;
}
.osd-paperjs-annotation .features:not(.collapsed) [data-action="collapse-down"]{
    display:none;
}
.osd-paperjs-annotation .features-summary:not([data-num-elements="1"]) .pluralize::before{
    content:'s';
}
.osd-paperjs-annotation .feature.selected{
    background-color:green;
}
.osd-paperjs-annotation .feature{
    cursor:default;
}
.osd-paperjs-annotation .annotation-ui-mainwindow.disabled .disable-when-annotations-hidden{
    opacity:0.5;
    pointer-events:none;
    cursor:not-allowed;
}
.osd-paperjs-annotation .annotation-ui-mainwindow.deactivated .disable-when-deactivated{
    opacity:0.5;
    pointer-events:none;
    cursor:not-allowed;
}

.osd-paperjs-annotation .annotation-ui-grid{
    display: grid;
    grid-template-rows: auto 1fr auto;
    grid-template-columns: auto 1fr auto;
    width: 100%;
    height: 100%;
    background-color:white;
}
.osd-paperjs-annotation .annotation-ui-grid .center{
    grid-column: 2 / 3;
    grid-row: 2 / 3;
    position:relative;
    z-index:0; /* reset the z-index basis for this container so children can be manipulated independently of siblings */
}
.osd-paperjs-annotation .annotation-ui-grid .top {
    grid-column: 1 / 3;
    grid-row: 1 / 2;
    text-align:center;
    border-bottom:thin gray solid;
}
.osd-paperjs-annotation .annotation-ui-grid .bottom {
    grid-column: 1 / 3;
    grid-row: 3 / 4;
}
.osd-paperjs-annotation .annotation-ui-grid .left {
    grid-column: 1 / 2;
    grid-row: 2 / 3;
}
.osd-paperjs-annotation .annotation-ui-grid .right {
    grid-column: 3 / 4;
    grid-row: 1 / 4;
    position:relative;
}
/* Scope wrapper fills the grid cell so .annotation-ui-mainwindow { height: 100% } works */
.annotation-ui-grid .right > .osd-paperjs-annotation {
    height: 100%;
}
.osd-paperjs-annotation .annotation-ui-grid .resize-right{
    width: 15px;
    left: -15px;
    position: absolute;
    background-color: rgb(196, 196, 196);
    cursor: grab;
    text-align:center;
    user-select:none;
    top:50%;
    transform: translate(0, -50%);
    padding:10px 0;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
.osd-paperjs-annotation .annotation-ui-grid .resize-right::before{
    content:'||';
}
.osd-paperjs-annotation .annotation-ui-grid .resize-right.resizing{
    cursor:grabbing;
}
.osd-paperjs-annotation .annotation-ui-grid .right:not(:hover) .resize-right{
    display:none;
}

.osd-paperjs-annotation .annotation-ui-drawing-toolbar .pseudohidden, .osd-paperjs-annotation .annotation-ui-drawing-toolbar .invisible{
    visibility:hidden;
    width: 0;
    height: 0;
    overflow: hidden;
    padding:0;
    border:none;
}
.osd-paperjs-annotation .annotation-ui-drawing-toolbar{
    background-color:lightgray;
    display: inline-block;
    max-width:100%;
    text-align:left;
}
.osd-paperjs-annotation .annotation-ui-drawing-toolbar button[disabled]{
    pointer-events:none;
    cursor:not-allowed;
    border:thin solid transparent;
}
.osd-paperjs-annotation .annotation-ui-drawing-toolbar button:not([disabled]){
    border:thin rgb(195, 195, 195) solid;
}
.osd-paperjs-annotation .annotation-ui-drawing-toolbar button:not([disabled]):hover{
    border:thin rgb(41, 41, 41) solid;
    z-index:2;
}
.osd-paperjs-annotation .annotation-ui-drawing-toolbar .dropdowns>*:not(.active){
    display:none;
}
.osd-paperjs-annotation .annotation-ui-buttonbar>.btn.active{
    color:black;
    background-color:darkgray;
}
.osd-paperjs-annotation .annotation-ui-buttonbar>.btn:not(.active){
    color:rgb(62, 62, 62);
    background-color:lightgrey;
}
.osd-paperjs-annotation .dropdowns-container{
    position:relative;
    background-color:inherit;
}
.osd-paperjs-annotation .dropdowns{
    color:black;
    position:absolute;
    background-color:inherit;
    min-width:100%;
}
.osd-paperjs-annotation .dropdowns:has(.dropdown.active .ruler-toolbar) { min-width: 280px; }
.osd-paperjs-annotation .dropdowns:has(.dropdown.active .linestring-toolbar) { min-width: 280px; }
.osd-paperjs-annotation .dropdowns:has(.dropdown.active .brush-toolbar) { min-width: 280px; }
.osd-paperjs-annotation .dropdown{
    width:100%;
    display:grid;
    vertical-align: middle;
    column-gap:1em;
    grid-template-columns:auto;
}
/* brush-toolbar styles */
.osd-paperjs-annotation .dropdown.brush-toolbar{
    grid-template-columns: auto minmax(8em, 1fr) auto auto;    
}
/* end brush-toolbar styles */

/* polygon-toolbar styles */
.osd-paperjs-annotation .dropdown.polygon-toolbar{
    grid-template-columns: 1fr auto auto auto auto auto;    
}
.osd-paperjs-annotation .dropdown.polygon-toolbar button[data-action="simplify"]{
    margin-right:0.2em;
}
/* end polygon-toolbar styles */

/* linestring-toolbar styles */
.osd-paperjs-annotation .dropdown.linestring-toolbar{
    grid-template-columns: auto minmax(8em, 1fr) auto auto;
}
/* end linestring-toolbar styles */

/* ruler-toolbar styles: single length row + collapsible details panel (column layout) */
.osd-paperjs-annotation .dropdown.ruler-toolbar{
    display: flex;
    flex-direction: column;
    align-items: stretch;
    padding-bottom: 0.5em;
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
    font-size: 12px;
    line-height: 1.35;
}
.osd-paperjs-annotation .dropdown.ruler-toolbar .ruler-length-row{
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 0.35rem;
}
.osd-paperjs-annotation .dropdown.ruler-toolbar .ruler-length-value{
    font-variant-numeric: tabular-nums;
}
.osd-paperjs-annotation .dropdown.ruler-toolbar .ruler-details-toggle{
    display: flex;
    margin-left: auto;
}
.osd-paperjs-annotation .dropdown.ruler-toolbar .ruler-details-panel{
    margin-top: 0.35rem;
    padding-top: 0.35rem;
    border-top: 1px solid rgba(0, 0, 0, 0.12);
}
.osd-paperjs-annotation .dropdown.ruler-toolbar .ruler-details-panel[hidden]{
    display: none !important;
}
.osd-paperjs-annotation .dropdown.ruler-toolbar .ruler-details-content{
    display: grid;
    grid-template-columns: minmax(7.5rem, auto) minmax(4.5rem, 1fr);
    column-gap: 0.5rem;
    row-gap: 0.35rem;
    min-width: 0;
    align-items: center;
}
.osd-paperjs-annotation .dropdown.ruler-toolbar .ruler-detail-row{
    display: contents;
}
.osd-paperjs-annotation .dropdown.ruler-toolbar .ruler-detail-row > label,
.osd-paperjs-annotation .dropdown.ruler-toolbar .ruler-detail-row > .ruler-detail-label{
    justify-self: end;
    text-align: right;
    color: #333;
    font-weight: 500;
}
.osd-paperjs-annotation .dropdown.ruler-toolbar .ruler-detail-row > .ruler-detail-value{
    justify-self: stretch;
    font-variant-numeric: tabular-nums;
    color: #222;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.osd-paperjs-annotation .dropdown.ruler-toolbar .ruler-instructions{
    grid-column: 1 / -1;
    color: #555;
    margin-bottom: 0.15rem;
    min-width: 0;
}
.osd-paperjs-annotation .dropdown.ruler-toolbar .ruler-details-content input,
.osd-paperjs-annotation .dropdown.ruler-toolbar .ruler-details-content select{
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    height: 1.65rem;
    padding: 0 0.35rem;
    border: 1px solid #bbb;
    border-radius: 4px;
    background: #fff;
    font: inherit;
    color: inherit;
}
.osd-paperjs-annotation .dropdown.ruler-toolbar .ruler-details-content select{
    padding-right: 0.15rem;
}
/* end ruler-toolbar styles */
.osd-paperjs-annotation canvas.selectable-layer{
    cursor:pointer;
}
.osd-paperjs-annotation canvas.fov-edit-hover{
    cursor: move;
}
.osd-paperjs-annotation canvas.fov-edit-grabbing{
    cursor: grabbing;
}
.osd-paperjs-annotation canvas.point-tool-grab{
    cursor:grab;
}
.osd-paperjs-annotation canvas.point-tool-grabbing{
    cursor:grabbing;
}
.osd-paperjs-annotation canvas.rectangle-tool-move{
    cursor: move;
}
.osd-paperjs-annotation canvas.rectangle-tool-resize{
    cursor:nesw-resize;
}
.osd-paperjs-annotation canvas.transform-tool-move{
    cursor: move;
}
.osd-paperjs-annotation canvas.transform-tool-resize{
    cursor:nesw-resize;
}
.osd-paperjs-annotation canvas.transform-tool-rotate{
    cursor: pointer;
}
.osd-paperjs-annotation .tool-action[data-tool-action="segment"]{
    cursor:move;
}
.osd-paperjs-annotation .tool-action[data-tool-action="stroke"]{
    cursor:copy;
}
.osd-paperjs-annotation .tool-action[data-tool-action="segment-erase"]{
    cursor:not-allowed;
}
.osd-paperjs-annotation .tool-action[data-tool-action="colorpicker"]{
    cursor:none;
}

/* wand-toolbar styles */
.osd-paperjs-annotation .dropdown.wand-toolbar{
    grid-template-columns: 5em 1fr auto auto;
}

.osd-paperjs-annotation .wand-toolbar .threshold-container{
    display:flex;
    flex-direction:column;
}
.osd-paperjs-annotation .wand-toolbar .threshold-container label, .osd-paperjs-annotation .wand-toolbar .label{
    margin-bottom:0;
    font-size:0.8em;
}
/* .wand-toolbar .toggle .btn{
    padding:auto 4px;
    line-height:1;
} */
/* .wand-toolbar .toggle.btn-primary{
    margin-bottom:0;
} */
.osd-paperjs-annotation .wand-toolbar .toggles{
    display:grid;
    column-gap:2px;
    grid-template-columns:7em 5em 8em;
}
.osd-paperjs-annotation .wand-toolbar .option-toggle{
    display:grid;
    grid-template-rows:auto auto;
    cursor: pointer;
    user-select: none;
    -webkit-user-select:none;
}
.osd-paperjs-annotation .wand-toolbar .option-toggle:hover .option{
    background-color:darkgray;
}
.osd-paperjs-annotation .wand-toolbar .option-toggle .option:not(.selected){
    display:none;
}
/* End wand-toolbar styles */

.osd-paperjs-annotation .viewer-controls-topleft{
    display:flex;
}

/* style-toolbar styles */

.osd-paperjs-annotation .style-toolbar .style-row{
    display:grid;
    grid-template-columns:auto auto auto auto;
    column-gap:0.5em;
    align-items:center;
}
.osd-paperjs-annotation .style-toolbar .style-item{
    display:inline-block;
    width:7em;
    white-space: nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    padding-left:0.5em;
    cursor:pointer;
}
.osd-paperjs-annotation .style-toolbar .style-item.selected{
    outline:medium lightskyblue solid;
}
.osd-paperjs-annotation .style-toolbar .hierarchy-up{
    cursor:pointer;
    padding:0 0.5em;
}
.osd-paperjs-annotation .style-toolbar input[type="number"]{
    width:3.5em;
}
.osd-paperjs-annotation .style-toolbar .colorpicker-row.hidden{
    display:none;
}
.osd-paperjs-annotation .style-toolbar .colorpicker-row{
    display:grid;
    grid-template-columns:repeat(4,auto)
}
.osd-paperjs-annotation .style-toolbar .preview{
    position:relative;
    display:block;
    background: repeating-conic-gradient(#d0d0d0 0% 25%, white 0% 50%) 
              50% / 20px 20px
}
.osd-paperjs-annotation .style-toolbar .preview::after{
    /* This is just so the height is set correctly since children are absolute positioned */
    content:'Preview';
    visibility:hidden;
}
.osd-paperjs-annotation .style-toolbar .preview .bg{
    display:block;
    position:absolute;
    outline:thin solid black;
    top:0;
    left:0;
    bottom:0;
    right:0;
}
.osd-paperjs-annotation .style-toolbar .preview .text{
    display:block;
    position:absolute;
    padding:0 0.2em;
}
.osd-paperjs-annotation .style-toolbar input[type="range"]{
    display:inline-block;
}

/* end style-toolbar styles */


.osd-paperjs-annotation .new-feature,.osd-paperjs-annotation .new-feature-collection{
    cursor:pointer;
}
.osd-paperjs-annotation .new-feature:hover,.osd-paperjs-annotation .new-feature-collection:hover{
    background-color:antiquewhite;
    outline:thin gray solid;
}
/* Annotation UI File Dialog Styles*/
.osd-paperjs-annotation .annotation-ui-filedialog{
    display:grid;
    grid-template-columns: auto auto auto;
}
.osd-paperjs-annotation .annotation-ui-filedialog>div{
    padding: 0 0.3em;
}
.osd-paperjs-annotation .annotation-ui-filedialog .featurecollection-selection{
    border-right:thin gray solid;
    border-left:thin gray solid;
    width:15em;
    overflow-x:hidden;
}
.osd-paperjs-annotation .annotation-ui-filedialog .featurecollection-list{
    display:flex;
    flex-direction:column;
    overflow:auto;
}
.osd-paperjs-annotation .annotation-ui-filedialog .localstorage-key-list::before{
    content:'Saved in local storage:';
    display:block;
    color:gray;
}
.osd-paperjs-annotation .annotation-ui-filedialog .localstorage-key-list:empty::after{
    content:'No items were found in local storage';
    font-style:italic;
    color:gray;
}
.osd-paperjs-annotation .annotation-ui-filedialog .localstorage-key{
    cursor:pointer;
}
.osd-paperjs-annotation .annotation-ui-filedialog .localstorage-key:hover{
    background-color:lightgoldenrodyellow;
}
.osd-paperjs-annotation .annotation-ui-filedialog .localstorage-key-test.key-exists::after{
    content: '(overwrite)';
    font-weight:bold;
    background-color:rgb(190, 99, 66);
    color:white;
    padding:0 0.2em;
}
.osd-paperjs-annotation .annotation-ui-filedialog .finalize-panel{
    width:15em;
    overflow-x:hidden;
}
.osd-paperjs-annotation .annotation-ui-filedialog .header{
    white-space: nowrap;
    border-bottom:thin gray solid;
    padding-bottom:2px;
    margin-bottom:2px;
}
.osd-paperjs-annotation .annotation-ui-filedialog button{
    display:block;
}

.osd-paperjs-annotation .annotation-ui-filedialog .file-actions{
    display:flex;
    flex-direction:column;
}
.osd-paperjs-annotation .annotation-ui-filedialog .file-actions hr{
    margin: 5px 0;
}

.osd-paperjs-annotation button[disabled]{
    opacity:0.3;
}

.osd-paperjs-annotation .dropdown button[data-action="erase"].active{
    background-color:rgb(187, 86, 86);

}
.osd-paperjs-annotation .feature .bounding-element{
    margin-right:-1.2em;
}
.osd-paperjs-annotation .feature .bounding-element:not(.active){
    visibility:visible;
    color:lightgray;
}
.osd-paperjs-annotation .feature .bounding-element.active{
    visibility:visible;
    color:black;
}
.osd-paperjs-annotation .feature:not(:hover) .bounding-element:not(.active){
    visibility:hidden;
}

.osd-paperjs-annotation .hidden{
    display:none;
}

.osd-paperjs-annotation .draganddrop-dragging{
    opacity:0.3;
}
.osd-paperjs-annotation .draganddrop-hide{
    display:none;
}
.osd-paperjs-annotation .draganddrop-drop-target{
    outline:thick rgb(112, 111, 111) solid;
}
.osd-paperjs-annotation .draganddrop-drop-target:hover{
    outline-color:black;
}
.osd-paperjs-annotation .draganddrop-drop-target>*>*{
    pointer-events:none;
}
.osd-paperjs-annotation .draganddrop-placeholder{
    border: thin black solid;
    border-radius:2px;
}
.osd-paperjs-annotation .draganddrop-placeholder>*{
    visibility:hidden;
}

/* From bootstrap */
.osd-paperjs-annotation input[type=range] {
    display: block;
    width: 100%;
}
.osd-paperjs-annotation .btn {
    display: inline-block;
    padding: 2px 8px;
    margin-bottom: 0;
    font-size: 14px;
    /* font-weight: 400; */
    /* line-height: 1.42857143; */
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    /* -ms-touch-action: manipulation;
    touch-action: manipulation; */
    cursor: pointer;
    /* -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none; */
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    /* border-radius: 4px; */
}
.osd-paperjs-annotation .btn.btn-sm{
    font-size:12px;
}

.osd-paperjs-annotation .icon {
    width: 1em;
    height: 1em;
    vertical-align: -0.125em;
}
/* Items with [data-action] are supposed to be clickable but if the sub-object gets the click it doesn't work, so stop pointer events on children */
.osd-paperjs-annotation [data-action]>*{
    pointer-events:none;
}

.osd-paperjs-annotation .rotate-by{
    transform:rotate(var(--rotate-angle));
}