@charset "UTF-8";body{font-family:Arial,Helvetica,sans-serif;background-color:#555;overflow:hidden;height:100vh;margin:0}body,#backdrop,#background{touch-action:none}#backdrop{width:100%;height:100%;min-height:100%;min-width:100%;padding:0;margin:0}#background{transform-origin:top left;background-color:beige;position:absolute;width:2000mm;height:1500mm}.side-bar{z-index:10009;position:fixed;right:0;box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-end;justify-content:start;touch-action:initial}.side-bar>div{min-width:175px}.side-bar.top{top:0}.side-bar.bottom{bottom:0}@media only screen and (max-width:768px){.side-bar.top{top:initial;bottom:0}}.side-bar.left{align-items:flex-start;right:auto;left:0}.side-bar.middle{align-items:center;width:50%;right:25%;left:25%;z-index:99999}@media only screen and (max-width:768px){.side-bar.bottom.middle{display:none}}.text-row{width:100%;box-sizing:border-box;display:flex;flex-direction:row;justify-content:space-between;align-items:baseline;padding:2px}.text-row.border+.text-row.border{border-top:lightgray 1px solid}@media only screen and (max-width:768px){.panel.logo{display:none}}#logo{background-image:url(/images/logo.webp);background-size:contain;background-repeat:no-repeat;width:270px;height:80px;text-align:center;font-family:Arial,Helvetica,sans-serif;font-weight:bolder;font-style:italic;color:transparent;font-size:2em}.middle>.panel{width:100%;max-width:none}.panel{border-radius:7px;max-width:250px;display:flex;margin:5px;flex-direction:column;align-items:flex-start;justify-content:space-between;padding:5px;background-color:#fff}.panel h3{margin:5px}.panel .inside{width:100%;min-width:250px}.panel.closed .inside{display:none}.panel.wide{max-width:600px}@media only screen and (max-width:768px){.panel.controls{display:none}.panel:not(.closed){z-index:10005;max-width:600px;position:fixed;top:5px!important;bottom:auto;background:#fff;padding:15px}}.panel.blank-slate:not(.closed){position:fixed}@media only screen and (min-width:768px){.panel.blank-slate:not(.closed){margin:auto;left:100px}}.panel.blank-slate:not(.closed){top:100px;background:#fff;padding:15px}.small-button{font-size:5mm;border-radius:4px;border:none;margin:5px;text-align:center;padding:0;width:7mm;height:7mm;color:#555;background:none}.small-button:hover{background-color:#d3d3d3}.closed .expander-button:after{content:"\2c5"}.expander-button:after{content:"\2c4"}.bottom .closed .expander-button:after{content:"\2c4"}.bottom .expander-button:after{content:"\2c5"}.text-button{padding:8px;margin:5px}.button-list{display:flex;flex-direction:row;flex-wrap:wrap}.small-text-button{padding:3px;margin:3px;font-size:small}.device-picker .device-list{max-height:150px;overflow-y:auto}.device-picker .search-bar{display:flex;flex-direction:row;justify-content:space-between}.device-picker .search-bar input[type=text]{padding:3px 6px;margin:5px 0 5px 5px;border:none;font-size:14px;width:100%;border:1px solid gainsboro}.changelog{max-height:600px;overflow-y:auto}.changelog h2{margin-top:10px}.changelog .change-date{margin-top:5px;border-top:1px solid lightgray;padding-bottom:10px}.changelog .change{display:flex;flex-direction:row;align-items:flex-start;justify-content:left;margin-left:15px;margin-bottom:5px}.changelog .change .pill{border-radius:15px;font-size:12px;vertical-align:middle;padding:2px 6px;margin-right:13px;width:50px;position:relative;text-align:center;flex-shrink:0}.changelog .change .pill.improved{background-color:#c2c2ff;color:#000}.changelog .change .pill.improved:after{content:"Improve"}.changelog .change .pill.added{background-color:#6ae66a;color:#000}.changelog .change .pill.added:after{content:"Added"}.changelog .change .pill.display{background-color:#ffdfa2;color:#000}.changelog .change .pill.display:after{content:"Display"}.changelog .change .pill.device{background-color:#fbfb80;color:#000}.changelog .change .pill.device:after{content:"Device"}.changelog .change .pill.fixed{background-color:#ffb6b6;color:#000}.changelog .change .pill.fixed:after{content:"Fixed"}.changelog .change .pill.refactored{background-color:#dedede;color:#000}.changelog .change .pill.refactored:after{content:"Coding"}.details .info{user-select:none;display:flex}.info{font-size:6mm;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;color:#fff;padding:0;margin:0;justify-content:center;align-items:center;height:100%;width:100%;display:none;flex-direction:column;text-align:center}.device{position:absolute;background-size:100% 100%}.device .screen{background-color:#000;position:absolute;background-size:100% 100%;image-rendering:pixelated}.device.closed .screen:not(.closed){display:none}.device:not(.closed) .closed{display:none}.device .caption{margin-top:10px;margin-bottom:10px}.none .screen{display:none}.top-buttons{padding:0;border:none;position:absolute;flex-direction:row;align-items:flex-start;justify-content:start;display:none;height:1.5cm;right:5mm;top:5mm}.bottom-buttons{padding:0;border:none;position:absolute;flex-direction:row;align-items:flex-start;justify-content:start;display:none;height:1.5cm;left:5mm;bottom:5mm}.screen-buttons{padding:0;border:none;position:absolute;flex-direction:row;align-items:flex-start;justify-content:start;height:1.5cm;top:1mm;right:1mm}.button{font-size:10mm;padding:2mm;background-color:#d3d3d3;color:#555;border:none;border-radius:3px;width:1.5cm;height:1.5cm;background-size:contain;margin-left:2mm}.remove-button>div{margin-top:-1.5mm}.rotate-button>div{margin-top:-2mm}.device:hover .buttons{display:flex}.button:hover{background-color:#fff;color:#000}.closed .open-button{background-image:url(/images/open-icon.svg)}.open-button{background-image:url(/images/close-icon.svg)}
/*# sourceMappingURL=/_bridgetown/static/index.RLHUWZ6H.css.map */