.toasts{position:fixed;bottom:0;width:100%;padding:5px;display:flex;flex-direction:column-reverse;justify-content:flex-start;align-items:center;pointer-events:none}.toasts.left{align-items:start}.toasts.right{align-items:end}.toasts.top{flex-direction:column;top:0}.toasts .toast{--border-low: #999;--border-mid: #aaa;--border-high: #bbb;--background-color: rgba(230, 230, 230, .4);--foreground-color: #151515;pointer-events:all;color:var(--foreground-color);width:unset;max-width:unset;font-size:unset;opacity:unset!important;border:unset;box-shadow:unset;font-size:1.2em;border:2px solid var(--border-mid);border-color:var(--border-low) var(--border-high);padding:5px;margin:3px;background:var(--background-color);backdrop-filter:blur(5px);animation-name:shinyBorder;animation-duration:1s;animation-iteration-count:3}.toasts .toast.error{--background-color: rgba(250, 60, 60, .4);--border-low: #880000;--border-mid: #aa0000;--border-high: #aa0000}.toasts .toast.warning{--background-color: rgba(250, 130, 30, .4);--border-low: #aa5500;--border-mid: #cc8500;--border-high: #cc8500}body{text-align:center;font-family:Arial,sans-serif}body h1{color:#2af}label{display:block;margin-top:10px}input[type=submit]{padding:5px 10px;font-size:1.1em;margin:10px}ul,ol{list-style:none;padding:0}li.clickable{cursor:pointer;padding:10px;max-width:300px;border:1px solid black;margin:auto;user-select:none}li.clickable:hover{background:#0000001a}li.clickable:active{background:#0096ff4d}.button{width:60vw;font-size:1.2em;display:inline-block;padding:5px 10px;background:#0003;border:none;cursor:pointer}.button:hover{background:#0006}.action-list li{padding:5px}.preview-img-thumb{max-width:400px;max-height:400px}.numberResultSpan{font-size:1.05em;font-weight:700;margin-left:5px}