#overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;pointer-events:none}.overlay-toolbar{-webkit-user-select:none;user-select:none;font-family:sans-serif;position:absolute;pointer-events:auto;bottom:0;left:0;width:100%;background-color:#00000080;height:100px;display:flex}.overlay-view-mode .overlay-toolbar{display:none}.overlay-popup-toolbar{position:absolute;bottom:100px;left:0;height:35px;width:100%;display:flex;padding:0 5px 5px 0;box-sizing:border-box}.overlay-view-mode .overlay-popup-toolbar{bottom:0}.overlay-popup-tool{background-color:#00000080;border-radius:5px;font-size:12px;padding:5px 5px 5px 0;color:#fff;pointer-events:auto;margin-left:5px}.overlay-popup-tool button{max-height:20px;line-height:14px;margin-left:5px}.overlay-tools{width:100%;height:100%;overflow-x:scroll;display:flex}.overlay-bar-type{padding:5px 5px 0;min-width:120px;max-width:120px;border-right:2px solid white;display:flex;flex-direction:column}.overlay-bar-type button{width:100%;margin-bottom:5px;flex-grow:1}.overlay-tool{width:80px;border:1px solid white;box-sizing:border-box;border-radius:5px;padding:5px;margin:5px;color:#000;background-color:#ffffff80;text-align:center}.selected{background-color:#ffffffb3}.overlay-tool img{width:50px;height:50px;margin:auto}.fish img{width:40px;height:40px;margin:auto}.overlay-tool p{margin:5px 0 0;font-size:12px}.fish p{margin-top:-5px;margin-bottom:10px}.overlay-transform-tools{min-width:200px;max-width:200px;border-right:2px solid white;padding:5px;font-size:14px;text-align:center;color:#fff}.overlay-transform-tools .hint{font-size:10px}.overlay-transform-tool-row{display:flex;margin-bottom:5px;height:20px}.overlay-color-shower{width:40px;border-radius:5px;height:20px;box-sizing:border-box;margin-right:5px;background-color:#fff;position:relative}.overlay-color-popup{visibility:hidden;width:160px;background-color:#00000080;color:#fff;border-radius:5px;position:absolute;z-index:6;width:220px;bottom:125%;left:50%;margin-left:-110px;padding:5px}.overlay-color-popup.show{visibility:visible}.overlay-color-popup:after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:rgba(0,0,0,.5) transparent transparent transparent}.overlay-color-popup-controls{display:flex;margin-bottom:5px}.spacer{flex-grow:1}.overlay-transform-tools label{padding-right:5px;padding-left:5px}.overlay-transform-tools input{max-width:80px;display:block;margin:auto;height:14px}.overlay-transform-tools button{line-height:16px}.overlay-transform-rotation{display:flex;flex-direction:row;flex-wrap:none}.embed-popup-button{position:relative}.embed-popup{visibility:hidden;width:160px;background-color:#00000080;color:#fff;border-radius:5px;position:absolute;z-index:6;width:250px;bottom:125%;left:50%;margin-left:-125px;padding:5px}.embed-popup textarea{resize:none;width:100%;box-sizing:border-box;height:150px}.embed-popup-tools{display:flex;padding-bottom:3px;margin-left:-5px}.embed-popup:after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:rgba(0,0,0,.5) transparent transparent transparent}.embed-popup.show{visibility:visible}.overlay-counter{display:flex;align-items:center;justify-content:center;height:10px;font-size:12px}.overlay-counter div{margin-left:10px;margin-right:10px;width:15px}.overlay-counter button{font-size:12px;height:16px;line-height:10px}