body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--bottomSpacing:140px}.ClaymateApp{height:100vh}.Claymate{grid-gap:4px;-webkit-backdrop-filter:saturate(100%) blur(10px);backdrop-filter:saturate(100%) blur(10px);background-color:hsla(0,0%,100%,.9);border-radius:4px;bottom:0;box-shadow:0 1px 5px rgba(0,0,0,.15);display:grid;grid-template-columns:1fr auto auto;height:calc(var(--bottomSpacing) - 16px);left:248px;margin:4px;padding:8px;position:fixed;right:0;transition:box-shadow .5s ease-in-out;z-index:1}@media (max-width:640px){.Claymate{left:0}}@media (max-width:1000px) and (max-height:500px){.Claymate{left:0}}.Claymate-buttons{grid-gap:2px;display:grid;grid-template-rows:repeat(auto-fit,30px)}.Claymate-buttons button{margin:.125rem;padding:.25rem}.Claymate button{background-color:#e9ecef;border:0;border-radius:4px;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.Claymate button:focus{box-shadow:0 0 0 2px #a5d8ff;outline:transparent}.Claymate button:hover{background-color:#ced4da}.Claymate button:active{background-color:#adb5bd}.Claymate button:disabled{cursor:not-allowed}.Claymate-scenes{display:flex;overflow-x:scroll;overflow-y:hidden;padding-bottom:10px}.Claymate-scene{border-left:1px solid #d3d3d3;height:100%;min-width:128px;position:relative;width:128px}.Claymate-current-scene{border:1px dotted gray}.Claymate-scene canvas{display:block;left:50%;margin:0;max-height:100%;max-width:100%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.Claymate-scene:hover .Claymate-delete,.Claymate-scene:hover .Claymate-left,.Claymate-scene:hover .Claymate-right{display:block}.Claymate-delete{display:none;height:24px;padding:0;position:absolute;right:4px;top:4px;width:24px}.Claymate-left{left:4px}.Claymate-left,.Claymate-right{bottom:4px;display:none;height:24px;padding:0;position:absolute;width:24px}.Claymate-right{right:4px}.AnimateConfig{border-radius:4px;box-shadow:0 1px 5px rgba(0,0,0,.15);font-size:small;height:100%;padding:2px}.AnimateConfig-button-like{background-color:#e9ecef;border:0;border-radius:4px;cursor:pointer;margin:.125rem;padding:.05rem .25rem;-webkit-user-select:none;user-select:none;white-space:nowrap}.AnimateConfig-button-like:focus{box-shadow:0 0 0 2px #a5d8ff;outline:transparent}.AnimateConfig-button-like:hover{background-color:#ced4da}.AnimateConfig-button-like-enabled:active{background-color:#adb5bd}.AnimateConfig-button-like-disabled{cursor:not-allowed}
/*# sourceMappingURL=main.1e97eef0.css.map*/