page-list-inspector .itemList {  list-style: none;  margin-top:10px; ;  padding: 0; font-size: 11px;  max-height: 85vh;  }
page-list-inspector .itemList>li { text-align: center; overflow: hidden; margin-bottom:12px; cursor: pointer;}
page-list-inspector .itemList>li .label {white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

page-list-inspector .itemList>li.selected {  border:2px solid #8a9bb0; margin: 1px 1px 7px; }
page-list-inspector .itemList>li.active {  border: 2px solid #6453c3;  }
page-list-inspector .itemList>li.selected>.label{  background-color:#ccd4e0; }

page-list-inspector .itemList>li>.page-preview{  padding: 4px  }
page-list-inspector .itemList>li>.page-preview>img{   background-color: white; }




/*.layer-list {  margin:0;  padding: 0; position:absolute; top:105px; bottom:0; left:15px; right:15px; font-size: 11px; list-style: none;  }*/
/*.layer-list {  list-style: none;  margin-top:10px; ;  padding: 0; font-size: 11px;  max-height: 85vh;  }*/
.layer-list {  list-style: none; font-size: 11px; position: absolute;left: 20px;right: 20px;bottom: 10px;top: 52px;  padding: 0;  }
.layer-list li { height:24px; border-radius: 12px; margin:0; padding:0; }
.layer-list li .buttonList>*{ width:20px; height:20px;  opacity: 0.2; display:inline-block; margin-top:2px; }
.layer-list li .buttonList>*>svg{ pointer-events: none; }
.layer-list li .buttonList>*.color-state{ border-radius: 10px; width:16px; height:16px; margin:2px; }
.layer-list li { width:100%; position: relative;  cursor: pointer;  margin:0;  white-space: nowrap; text-align:left; }
.layer-list li .label { display:block; position:absolute; top:5px; left:72px; right:6px; height:20px;  white-space: nowrap;   }
.layer-list li:not(.invisible) .visibility-state{ opacity:1.0; }
.layer-list li.locked .locked-state{ opacity:1.0; }
.layer-list li.selected{  background-color: #ffffff; font-weight: bold;}
.layer-list li.selected .buttonList>*.color-state{ opacity:1.0; }




iframe {
    /*position: absolute;*/
    /*top: 0;*/
    /*left: 0;*/
    /*bottom: 0;*/
    /*right: 0;*/
    /*width: 100%;*/
    /*height: 100%;*/
}
/*line-inspector>div{ display: inline-flex; flex-wrap: wrap; margin-right: 20px; gap: 10px;}*/
/*line-inspector>div>div{ min-width:50px; max-width:70px; padding:12px;}*/

/*transform-inspector>div{ display: inline-flex; flex-wrap: wrap; margin-right: 20px; gap: 10px;}*/
/*transform-inspector>div>div{ min-width:50px; max-width:70px; padding:12px;}*/


main-inspector-window .main-tab-bar [data-section-target="selection-section"]>svg{display:none;}
.application[data-selected-items="0"] main-inspector-window .main-tab-bar [data-section-target="selection-section"]>svg:first-child{display:inline-block;}
.application:not([data-selected-items="0"]) main-inspector-window .main-tab-bar [data-section-target="selection-section"]>svg:last-child{display:inline-block;}




[name="mantain-aspect-ratio-button"] {opacity:.25;}
[name="mantain-aspect-ratio-button"].selected {opacity:1;}

/*.line-pivot-display { text-align:center;  margin-top: 25px; margin-bottom: 16px; width: 47%;display: inline-block; margin-right: 3%;}*/
.line-pivot-display .bbox { display:inline-block; position:relative; border:1px solid #b1b1b1; width:24px; height:0; margin: 28px 28px;; }
.line-pivot-display .bbox > * { position:absolute; width:6px; height:6px; background-color: #96A6C3;   }
.line-pivot-display .bbox > *.selected { background-color: #4387dd; }
.line-pivot-display .bbox > #start { left:-3px;  top:50%; margin-top:-3px; }
.line-pivot-display .bbox > #end { right:-3px; top:50%; margin-top:-3px; }
.line-pivot-display .bbox > #center { left:50%; top:50%; margin-left:-3px; margin-top:-3px; }

/*.box-pivot-display { text-align:center; width:50%;display: inline-block; margin-right: 2%;}*/
.box-pivot-display .bbox { display:inline-block; position:relative; border:1px solid #b1b1b1; width:24px; height:24px;  margin:10px; }
.box-pivot-display .bbox > * { position:absolute; width:6px; height:6px; background-color: #96A6C3; box-sizing: border-box; }
.box-pivot-display .bbox > *.selected { background-color: #4387dd; }
.box-pivot-display .bbox > #left-top { left:-3px; top:-3px }
.box-pivot-display .bbox > #center-top { left:50%; top:-3px; margin-left:-3px; }
.box-pivot-display .bbox > #right-top { right:-3px; top:-3px }
.box-pivot-display .bbox > #right-center { right:-3px; top:50%; margin-top:-3px; }
.box-pivot-display .bbox > #right-bottom { right:-3px; bottom:-3px; }
.box-pivot-display .bbox > #center-bottom { left:50%; bottom:-3px; margin-left:-3px; }
.box-pivot-display .bbox > #left-bottom { left:-3px; bottom:-3px }
.box-pivot-display .bbox > #left-center { left:-3px;  top:50%; margin-top:-3px; }
.box-pivot-display .bbox > #center-center { left:50%; top:50%; margin-left:-3px; margin-top:-3px; }


.markers-display > div  { display:inline-block;text-align: center; }
.markers-display > div > * { pointer-events: none;  }
.markers-display > div > svg { border: 2px solid gainsboro }
.markers-display > div.selected > svg { border: 2px solid #2c80ff; }
.markers-display > div > svg { width:40px; height:40px; display:inline-block; background-color:#f5f5f5;  border-radius: 20px;  }
.markers-display > div .label { font-size: 10px; margin-bottom:3px; }