*{box-sizing:border-box}body{font-family:BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,Helvetica,Arial,sans-serif}h4{font-weight:500;font-size:1.25rem;line-height:1;margin:0}canvas{position:absolute;top:50%;left:50%;margin-left:-50vmax;margin-top:-50vmax;width:100vmax;height:100vmax}.circle-colour,canvas{box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23)}.circle-colour{width:2.5rem;height:2.5rem;border-radius:1.5rem;border:.5rem solid transparent;transform-origin:center;transition:border-color .05s linear,transform .1s ease-out,background-color .05s linear;cursor:pointer}.circle-colour.selected{border-color:rgba(0,0,0,.25)}.circle-colour.selected.selected-invert{border-color:hsla(0,0%,100%,.25)}.circle-button{width:3rem;height:3rem;border-radius:1.5rem;display:flex;align-items:center;justify-content:center;background-color:transparent;transition:background-color .05s linear;cursor:pointer}.circle-button:hover{background-color:rgba(0,0,0,.075)}.circle-button .fa-primary,.circle-button .fa-secondary{transition:fill .05s linear}.metadata-dialog{position:fixed;z-index:20;top:0;left:0;bottom:0;right:0;padding:1rem;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;transition:opacity .3s ease;cursor:pointer}.metadata-dialog div{width:100%;max-width:25rem;margin:0 auto;padding:2rem;background-color:#fff;box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);transition:transform .3s ease;text-align:center;cursor:auto}.metadata-dialog div>p{line-height:1.5}.metadata-dialog div>p a{color:inherit}.metadata-dialog div>p:first-child{margin-top:0}.metadata-dialog div>p:last-child{margin-bottom:0}.metadata-dialog.v-enter,.metadata-dialog.v-leave-to{opacity:0}.metadata-dialog.v-enter div,.metadata-dialog.v-leave-to div{transform:scale(.5)}.board{position:relative;width:100vw;height:100vh;overflow:hidden;background-color:#eee}.board .file-input{opacity:0;width:0;height:0;overflow:hidden}.board .overlay{position:fixed;z-index:10}.board .overlay.top{top:1rem}.board .overlay.left{left:1rem}.board .overlay.bottom{bottom:1rem}.board .overlay.right{right:1rem}.board .overlay.center{top:50%;left:50%;transform:translate(-50%,-50%)}.board .overlay.for-size{height:3rem}.board .column,.board .row{display:flex;align-items:center;justify-content:center}.board .row{flex-direction:row}.board .row>:not(:last-child){margin-right:1rem}.board .column{flex-direction:column;align-items:flex-start}.board .two-column{display:grid;grid-gap:.75rem;grid-template-columns:repeat(2,-webkit-min-content);grid-template-columns:repeat(2,min-content);grid-auto-rows:-webkit-min-content;grid-auto-rows:min-content}.board .icon-canvas{position:fixed;z-index:500;top:200px;left:200px;width:32px;height:32px}@media (max-width:700px){.board .mobile-hidden{display:none}}