:root{--mygrey:#adddfd4b;--mygradient:linear-gradient(#6daddd4b,#8dadfdbb,#6ddadd4b);--titleDarkGradient:linear-gradient(0deg,#1b2ca3b3 0,#2e63e9bb 40%,#2e63e9bb 60%,#1b2ca3b3 100%);--motifBG:white;--dotcolor:gray;--inactiveOpacity:.2}.hstack{display:flex;flex-direction:row}.vstack{display:flex;flex-direction:column}.grid{display:grid}.flex_align_start{align-items:flex-start}.flex_align_center{align-items:center}.flex_align_stretch{align-items:stretch}.blockCenterVertical{display:block;margin:auto}.singleImgEditorHead{display:block;width:calc(100% - 30px);height:35px;padding:5px 10px;border-radius:10px 10px 10px 10px;box-shadow:-1px -1px 5px 0 #fafafaa6,2px 2px 6px 0 #000000fa;border:3px outset black;background:var(--mygradient);font-size:22pt;font-weight:bold}.imageEditor{display:flex;flex-direction:row;align-items:stretch;width:calc(100% - 13px);margin-left:5px;margin-top:3px}.imagePreviewFrame40{background-color:whitesmoke;width:40%;min-height:400px;display:flex}.imagePreviewFrame100{background-color:whitesmoke;width:100%;min-height:400px;display:flex;border:1px dashed black}.imagePreview{display:block;margin:auto;border:1px solid black;height:400px;margin:5px}.imageItem{display:block;margin:auto}.previewSelector{display:flex;flex-direction:column;align-items:center;gap:5px;width:60%;overflow-y:scroll;background-color:var(--mygrey);border-left:2px dashed black}.imageChoice{border:1px solid;padding:10px 0;width:calc(100% - 10px);background-color:whitesmoke}.imageChoice:hover{background-color:lightblue}.imageChoice:selected{border:3px solid blue}.imgEditionBtns{z-index:10;float:right;display:flex;flex-direction:row;align-items:stretch;height:100%;padding-right:10px}.imgEditionAddBtn{width:100px;margin:2px 5px}.imgEditionDelBtn{width:100px;margin:2px 5px}.switch{position:relative;display:inline-block;width:60px;height:34px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s}.slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:white;-webkit-transition:.4s;transition:.4s}input:checked+.slider{background-color:#2196F3}input:focus+.slider{box-shadow:0 0 1px #2196F3}input:checked+.slider:before{-webkit-transform:translateX(26px);-ms-transform:translateX(26px);transform:translateX(26px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.selector{background-color:#cdcdcda7;border-radius:20px;border:1px outset black;padding:20px;box-shadow:-1px -1px 3px 0 #ffffffa6,1px 1px 3px 0 #0000007a;user-select:none;cursor:pointer}.selectorCreator{background-color:#cdcdcda7;border-radius:20px;border:1px outset black;padding:0 20px;box-shadow:-1px -1px 3px 0 #ffffffa6,1px 1px 3px 0 #0000007a;user-select:none;cursor:pointer}.selectorLabelPanel{min-height:40px;max-height:120px}.selectorItem{width:100%;min-height:40px;max-height:120px;gap:5px;cursor:pointer}.selectorPopup{display:none;border-top:2px dashed black;margin-top:5px;margin-bottom:10px;user-select:none}.selectorPopup ul{list-style-type:none;list-style-position:inside;margin:0;padding:0;cursor:default;user-select:none}.selectorPopup ul li{padding-top:0;cursor:default;user-select:none}.selectorPopup ul li:hover{background-color:lightslategray}.selectorPopup ul li.selected{border:2px dotted black;background-color:lightslategray}.sliderDisplay{justify-content:flex-end;border:1px solid black;width:25px;height:25px;padding-right:5px}.breadcrumb{border:2px outset black;padding:5px;border-radius:6px;background-image:linear-gradient(#cdcdcd,#efefef,#cdcdcd);text-decoration:none;color:black;cursor:pointer}.breadcrumbpopup{visibility:hidden;position:absolute;border:2px outset black;padding:5px;border-radius:6px;background-image:linear-gradient(#cdcdcd,#efefef,#cdcdcd);text-decoration:none;color:black}.breadcrumbpopup span:hover{background:lightblue;font-weight:600}.listItem{display:flex;flex-direction:row;align-items:stretch;margin-left:5px;width:calc(100% - 10px);height:fit-content;border:1px solid black;border-radius:55px;background-color:#eeeeeedd;cursor:pointer}.listItemAdd{display:flex;flex-direction:row;align-items:stretch;margin-left:5px;width:calc(100% - 10px);height:35px;border:1px dashed gray;border-radius:55px;background-color:white}.listItemActions{display:flex;flex-direction:row;align-items:center;gap:10px;padding-left:12px;min-width:135px;height:auto;border-radius:55px 0 0 55px;border-right:1px solid black;background:linear-gradient(0deg,rgba(187,187,187,0.9) 0,rgba(221,221,221,1) 20%,rgba(238,238,238,1) 50%,rgba(221,221,221,1) 80%,rgba(187,187,187,1) 100%)}svg{cursor:pointer}.listItemText{margin-left:20px;margin-bottom:auto;margin-top:auto;font-size:16pt;display:block}.listView{display:flex;flex-direction:column;align-items:stretch;margin:3px;padding-top:5px;gap:5px;min-height:300px;background-color:whitesmoke;border-radius:5px;border:1px solid lightgray}.listViewContent{display:flex;flex-direction:column;align-items:stretch;min-height:200px;margin:10px;padding-top:5px;gap:5px;background-color:whitesmoke}.listViewTitle{border:1px solid darkblue;border-bottom:0;border-radius:5px 5px 0 0;background:var(--titleDarkGradient);color:black;font-size:26pt;font-weight:bold;padding:5px 10px}.menu{font-size:20pt;background-color:lightskyblue;margin-top:10px;margin-left:5px;margin-right:5px;padding-left:10px;cursor:pointer;border:3px solid lightgray}.menubtn{font-size:20pt}.submenuPopup{margin-left:15px;font-size:16pt}.dataview{width:calc(100% - 28px);height:calc(100% - 28px)}.toolbar{background-color:cornflowerblue}.tool{font-weight:bold;cursor:pointer;gap:5px;border-radius:5px;min-width:70px;min-height:30px;background:linear-gradient(0deg,rgba(187,187,187,0.9) 0,rgba(221,221,221,1) 20%,rgba(238,238,238,1) 50%,rgba(221,221,221,1) 80%,rgba(187,187,187,1) 100%)}.arrayView{min-width:200px;min-height:150px}.albumEditor{width:calc(100% - 20px);background-color:whitesmoke;border:1px solid lightgray;margin:10px;flex-wrap:wrap;gap:2px;padding:5px}.photoFrame{position:relative;border:2px solid black;padding:2px;background-color:white;display:flex;flex-direction:column;align-items:center}.photo{background-color:lightgray}.addphoto{border:2px solid black;padding:2px;background:repeating-linear-gradient(-45deg,var(--motifBG) 0,var(--motifBG) 8px,transparent 4px,transparent 12px),repeating-linear-gradient(45deg,var(--dotcolor) 0,var(--dotcolor) 4px,transparent 4px,transparent 12px),linear-gradient(var(--motifBG),var(--motifBG));min-width:128px;min-height:128px}.delphoto{display:inline-block;position:absolute;top:10;right:10}.active_star{fill:gold;stroke:black;stroke-width:1}.active_star:hover{fill:gray;opacity:var(--inactiveOpacity)}.inactive_star{fill:gray;opacity:var(--inactiveOpacity)}.inactive_star:hover{fill:gold;stroke:black;stroke-width:1;opacity:1}.dlgoverlay{position:fixed;top:0;left:0;z-index:2000;width:100vw;height:100vh;opacity:.85;background:lightgray}.modaldialog{border-radius:15px;background:white;position:fixed;top:15vh;left:15vw;z-index:2500;width:70vw;height:70vh}.dlgtitle{width:calc(100% - 89px);height:64px;background:lightgray;border-radius:15px 0 0 0;padding-left:25px;font-size:22pt;font-weight:bold}.dlgclosebtn{width:64px;height:64px;background:#aaa;border-radius:0 15px 0 0}.dlgcontent{max-height:calc(70vh - 84px);border-radius:0 0 15px 15px;margin:0 2px;margin-top:5px;overflow:auto}.dlglist{min-height:calc(70vh - 97px)}.filterContainer{background-color:#becef3a8;margin-left:5px;margin-right:5px;border-radius:20px;padding-left:12px;padding-right:15px;height:42px;gap:10px}.filterContainer svg{cursor:default}.filterInput{margin-right:10px;font-size:16pt;width:100%}.filterResult{font-size:16pt;font-weight:bold;padding-left:15px}.pagination{margin-left:5px;margin-right:5px;background-color:#becef3a8;border-radius:25px}.pageContainer{padding:10px;margin-left:25px;gap:10px}.pageLabel{width:35px;height:30px;padding-top:5px;text-align:center;vertical-align:middle;border-radius:30px;font-size:16pt;cursor:pointer}.pageLabel:hover{background-color:#c4c4c4df;font-weight:bolder}.pageLabelSelected{background-color:#74a9f5df;font-weight:bold;cursor:default}.pageLabelSelected:hover{background-color:#74a9f5cf}svg[disabled]{cursor:not-allowed}