#root{position:relative;width:100%;overflow:hidden;padding-top:56.25%;border:1px solid #b2b2b2;background-color:#e7e7e6;z-index:1}#root *{box-sizing:border-box;font-family:'Roboto', sans-serif}@media only screen and (max-width: 400px){#root{padding:0px 0px}}.canvas-layer{position:absolute;top:0px;left:0px;width:100%;height:100%;z-index:-1}.dom-layer{height:100%;display:flex;flex-direction:column;justify-content:space-around;align-items:center;position:relative}.card-area{width:100%;display:flex;flex-wrap:wrap;justify-content:space-around;align-items:center}.edit-card-area{position:absolute;top:0px;left:0px;width:100%;height:100%;max-height:100vh;pointer-events:none}.edit-card-area svg{overflow:visible}.edit-card-area>div{display:flex;flex-direction:column;justify-content:space-around;align-items:center;position:relative;width:100%;height:100%}.edit-card-area.open{pointer-events:all}.ss-card{flex:0 1 10%;margin:10px;transition:transform 0.3s, box-shadow 0.3s, background-color 0.3s;cursor:pointer}.ss-card:hover{transform:scale(1.03);box-shadow:0 2px 20px rgba(0,0,0,0.25);background-color:#fff}.ss-card.flip{transition:none}@media only screen and (max-width: 640px){.ss-card{margin:2px;flex:0 1 20%}}.shape-bg{fill:transparent;stroke:#474747;stroke-width:1}.shape{stroke:#353535;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;transition:fill 0.3s}.ss-card-edit{position:absolute;height:60%;box-shadow:0 2px 20px rgba(0,0,0,0.25)}.ss-card-edit .shape-bg{fill:#fff}#titlecard-container{display:flex;justify-content:center;align-items:center;flex-direction:column}#titlecard{max-width:400px;overflow:visible}#titlecard .letter{fill:#000;opacity:0.65}.ss-button{color:#fff;background:linear-gradient(0deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.65) 100%);margin:10px 0 0;padding:5px 120px;font-family:'Roboto';font-size:30px;font-weight:700;cursor:pointer;border:none;border-radius:2px;transition:opacity 0.2s}.ss-button:hover{background:linear-gradient(0deg, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0.65) 100%)}.ss-button:disabled{pointer-events:none;opacity:0.3}.ss-button-small{color:#fff;background:linear-gradient(0deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.65) 100%);font-family:'Roboto';font-weight:700;cursor:pointer;border:none;border-radius:2px;transition:opacity 0.2s;font-size:24px;padding:5px 40px}.ss-button-small:hover{background:linear-gradient(0deg, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0.65) 100%)}.ss-button-small:disabled{pointer-events:none;opacity:0.3}.button-container{display:flex;flex-direction:column;justify-content:center;align-items:center}.instructions-container{display:flex;justify-content:center;align-items:center;width:100%;position:relative}.instructions{position:absolute;font-size:28px;font-weight:500;text-align:center;opacity:0}.instructions span{font-weight:800;font-style:italic}.demo-card-area{width:100%;display:flex;flex-wrap:wrap;justify-content:space-around;align-items:center;flex:0 1 40%;height:1px}.demo-card{height:100%;box-shadow:0 2px 20px rgba(0,0,0,0.25);overflow:visible}.demo-card .shape-bg{fill:#fff}


/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly9zaGFwZS1zaGlmdGVycy8uL3NyYy9zdHlsZS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUtBLE1BQ0UsaUJBQWtCLENBQ2xCLFVBQVcsQ0FDWCxlQUFnQixDQUNoQixrQkFBbUIsQ0FDbkIsd0JBQXlCLENBQ3pCLHdCQUF5QixDQUN6QixTQUFVLENBUFosUUFVSSxxQkFBc0IsQ0FDdEIsZ0NBQWlDLENBQ2xDLDBDQVpILE1BY0ksZUFBZ0IsQ0FFbkIsQ0FFRCxjQUNFLGlCQUFrQixDQUNsQixPQUFRLENBQ1IsUUFBUyxDQUNULFVBQVcsQ0FDWCxXQUFZLENBQ1osVUFBVyxDQUNaLFdBRUMsV0FBWSxDQUNaLFlBQWEsQ0FDYixxQkFBc0IsQ0FDdEIsNEJBQTZCLENBQzdCLGtCQUFtQixDQUNuQixpQkFBa0IsQ0FDbkIsV0FHQyxVQUFXLENBQ1gsWUFBYSxDQUNiLGNBQWUsQ0FDZiw0QkFBNkIsQ0FDN0Isa0JBQW1CLENBQ3BCLGdCQUVDLGlCQUFrQixDQUNsQixPQUFPLENBQ1AsUUFBUSxDQUNSLFVBQVcsQ0FDWCxXQUFZLENBQ1osZ0JBQWlCLENBQ2pCLG1CQUFvQixDQVB0QixvQkFVSSxnQkFBaUIsQ0FWckIsb0JBY0ksWUFBYSxDQUNiLHFCQUFzQixDQUN0Qiw0QkFBNkIsQ0FDN0Isa0JBQW1CLENBQ25CLGlCQUFrQixDQUNsQixVQUFXLENBQ1gsV0FBWSxDQXBCaEIscUJBd0JJLGtCQUFtQixDQUNwQixTQUdELFlBQWEsQ0FFYixXQUFZLENBQ1osaUVBQWtFLENBRWxFLGNBQWUsQ0FOakIsZUFTSSxxQkFBc0IsQ0FDdEIsc0NBQXVDLENBQ3ZDLHFCQUFzQixDQVgxQixjQWNJLGVBQWdCLENBQ2pCLDBDQWZILFNBbUJJLFVBQVcsQ0FDWCxZQUFhLENBR2hCLENBQ0QsVUFDRSxnQkFBaUIsQ0FDakIsY0FBZSxDQUNmLGNBQWUsQ0FDaEIsT0FFQyxjQUFlLENBQ2YsY0FBZSxDQUNmLG9CQUFvQixDQUNyQixxQkFBcUIsQ0FDcEIsb0JBQXFCLENBQ3RCLGNBR0MsaUJBQWtCLENBR2xCLFVBQVcsQ0FDWCxzQ0FBdUMsQ0FMekMsd0JBUUksU0FBVSxDQUNYLHFCQUlELFlBQWEsQ0FDYixzQkFBdUIsQ0FDdkIsa0JBQW1CLENBQ25CLHFCQUFzQixDQUN2QixXQUVDLGVBQWdCLENBQ2hCLGdCQUFpQixDQUZuQixtQkFNSSxTQUFVLENBQ1YsWUFBYSxDQUNkLFdBTUQsVUFBVyxDQUVYLDJFQUE0RSxDQUM1RSxlQUFnQixDQUNoQixpQkFBa0IsQ0FDbEIsb0JBQXFCLENBQ3JCLGNBQWUsQ0FDZixlQUFnQixDQUVoQixjQUFlLENBQ2YsV0FBWSxDQUNaLGlCQUFrQixDQUNsQix1QkFBd0IsQ0FiMUIsaUJBZ0JJLDRFQUE2RSxDQWhCakYsb0JBbUJJLG1CQUFvQixDQUNwQixXQUFZLENBQ2IsaUJBSUQsVUFBVyxDQUNYLDJFQUE0RSxDQUM1RSxvQkFBcUIsQ0FDckIsZUFBZ0IsQ0FDaEIsY0FBZSxDQUNmLFdBQVksQ0FDWixpQkFBa0IsQ0FDbEIsdUJBQXdCLENBTXhCLGNBQWUsQ0FDZixnQkFBaUIsQ0FoQm5CLHVCQVlJLDRFQUE2RSxDQVpqRiwwQkFtQkksbUJBQW9CLENBQ3BCLFdBQVksQ0FDYixrQkFHRCxZQUFhLENBQ2IscUJBQXNCLENBQ3RCLHNCQUF1QixDQUN2QixrQkFBbUIsQ0FDcEIsd0JBR0MsWUFBYSxDQUNiLHNCQUF1QixDQUN2QixrQkFBbUIsQ0FDbkIsVUFBVyxDQUNYLGlCQUFrQixDQUNuQixjQUVDLGlCQUFrQixDQUNsQixjQUFlLENBQ2YsZUFBZ0IsQ0FDaEIsaUJBQWtCLENBQ2xCLFNBQVUsQ0FMWixtQkFRSSxlQUFnQixDQUNoQixpQkFBa0IsQ0FDbkIsZ0JBR0QsVUFBVyxDQUNYLFlBQWEsQ0FDYixjQUFlLENBQ2YsNEJBQTZCLENBQzdCLGtCQUFtQixDQUNuQixZQUFhLENBQ2IsVUFBVyxDQUNaLFdBS0MsV0FBWSxDQUNaLHNDQUF1QyxDQUN2QyxnQkFBaUIsQ0FObkIscUJBU0ksU0FBVSIsImZpbGUiOiJjc3MvYXBwLmNzcyIsInNvdXJjZXNDb250ZW50IjpbIiRwaG9uZTogNDAwcHg7XG4kcGhhYmxldDogNjQwcHg7XG4kdGFibGV0OiA3NjhweDtcbiRsYXJnZTogOTc1cHg7XG5cbiNyb290IHtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICB3aWR0aDogMTAwJTtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgcGFkZGluZy10b3A6IDU2LjI1JTtcbiAgYm9yZGVyOiAxcHggc29saWQgI2IyYjJiMjtcbiAgYmFja2dyb3VuZC1jb2xvcjogI2U3ZTdlNjtcbiAgei1pbmRleDogMTtcblxuICAmICoge1xuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgZm9udC1mYW1pbHk6ICdSb2JvdG8nLCBzYW5zLXNlcmlmO1xuICB9XG4gIEBtZWRpYSBvbmx5IHNjcmVlbiBhbmQgKG1heC13aWR0aDogJHBob25lKSB7XG4gICAgcGFkZGluZzogMHB4IDBweDtcbiAgfVxufVxuXG4uY2FudmFzLWxheWVyIHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6IDBweDtcbiAgbGVmdDogMHB4O1xuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAxMDAlO1xuICB6LWluZGV4OiAtMTtcbn1cbi5kb20tbGF5ZXIge1xuICBoZWlnaHQ6IDEwMCU7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYXJvdW5kO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG59XG5cbi5jYXJkLWFyZWEge1xuICB3aWR0aDogMTAwJTtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC13cmFwOiB3cmFwO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWFyb3VuZDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbn1cbi5lZGl0LWNhcmQtYXJlYSB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOjBweDtcbiAgbGVmdDowcHg7XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDEwMCU7XG4gIG1heC1oZWlnaHQ6IDEwMHZoO1xuICBwb2ludGVyLWV2ZW50czogbm9uZTtcblxuICAmIHN2ZyB7XG4gICAgb3ZlcmZsb3c6IHZpc2libGU7XG4gIH1cblxuICAmID4gZGl2IHtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1hcm91bmQ7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgd2lkdGg6IDEwMCU7XG4gICAgaGVpZ2h0OiAxMDAlO1xuICB9XG5cbiAgJi5vcGVuIHtcbiAgICBwb2ludGVyLWV2ZW50czogYWxsO1xuICB9XG59XG4uc3MtY2FyZCB7XG4gIGZsZXg6IDAgMSAxMCU7XG4gIC8vIG1pbi13aWR0aDogMTIwcHg7XG4gIG1hcmdpbjogMTBweDtcbiAgdHJhbnNpdGlvbjogdHJhbnNmb3JtIDAuM3MsIGJveC1zaGFkb3cgMC4zcywgYmFja2dyb3VuZC1jb2xvciAwLjNzO1xuICAvLyB0cmFuc2l0aW9uOiBib3gtc2hhZG93IDAuM3M7XG4gIGN1cnNvcjogcG9pbnRlcjtcblxuICAmOmhvdmVyIHtcbiAgICB0cmFuc2Zvcm06IHNjYWxlKDEuMDMpO1xuICAgIGJveC1zaGFkb3c6IDAgMnB4IDIwcHggcmdiYSgwLDAsMCwwLjI1KTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmO1xuICB9XG4gICYuZmxpcCB7XG4gICAgdHJhbnNpdGlvbjogbm9uZTtcbiAgfVxuXG4gIEBtZWRpYSBvbmx5IHNjcmVlbiBhbmQgKG1heC13aWR0aDogJHBoYWJsZXQpIHtcbiAgICAvLyBtaW4td2lkdGg6IDcwcHg7XG4gICAgbWFyZ2luOiAycHg7XG4gICAgZmxleDogMCAxIDIwJTtcblxuICB9XG59XG4uc2hhcGUtYmcge1xuICBmaWxsOiB0cmFuc3BhcmVudDtcbiAgc3Ryb2tlOiAjNDc0NzQ3O1xuICBzdHJva2Utd2lkdGg6IDE7XG59XG4uc2hhcGUge1xuICBzdHJva2U6ICMzNTM1MzU7XG4gIHN0cm9rZS13aWR0aDogMztcbiAgc3Ryb2tlLWxpbmVjYXA6cm91bmQ7XG5cdHN0cm9rZS1saW5lam9pbjpyb3VuZDtcbiAgdHJhbnNpdGlvbjogZmlsbCAwLjNzO1xufVxuXG4uc3MtY2FyZC1lZGl0IHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICAvLyB3aWR0aDogMTY1cHg7XG4gIC8vIGJhY2tncm91bmQtY29sb3I6ICNmZmY7XG4gIGhlaWdodDogNjAlO1xuICBib3gtc2hhZG93OiAwIDJweCAyMHB4IHJnYmEoMCwwLDAsMC4yNSk7XG5cbiAgLnNoYXBlLWJnIHtcbiAgICBmaWxsOiAjZmZmO1xuICB9XG59XG5cbiN0aXRsZWNhcmQtY29udGFpbmVyIHtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG59XG4jdGl0bGVjYXJkIHtcbiAgbWF4LXdpZHRoOiA0MDBweDtcbiAgb3ZlcmZsb3c6IHZpc2libGU7XG5cbiAgLmxldHRlciB7XG4gICAgLy8gZmlsbDogIzRGNEY0RjtcbiAgICBmaWxsOiAjMDAwO1xuICAgIG9wYWNpdHk6IDAuNjU7XG4gIH1cbiAgLy8gKiB7XG4gIC8vICAgbWl4LWJsZW5kLW1vZGU6IG11bHRpcGx5O1xuICAvLyB9XG59XG4uc3MtYnV0dG9uIHtcbiAgY29sb3I6ICNmZmY7XG4gIC8vIGJhY2tncm91bmQtY29sb3I6ICM0RjRGNEY7XG4gIGJhY2tncm91bmQ6IGxpbmVhci1ncmFkaWVudCgwZGVnLCByZ2JhKDAsMCwwLDAuNSkgMCUsIHJnYmEoMCwwLDAsMC42NSkgMTAwJSk7XG4gIG1hcmdpbjogMTBweCAwIDA7XG4gIHBhZGRpbmc6IDVweCAxMjBweDtcbiAgZm9udC1mYW1pbHk6ICdSb2JvdG8nO1xuICBmb250LXNpemU6IDMwcHg7XG4gIGZvbnQtd2VpZ2h0OiA3MDA7XG4gIC8vIG1peC1ibGVuZC1tb2RlOiBtdWx0aXBseTtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICBib3JkZXI6IG5vbmU7XG4gIGJvcmRlci1yYWRpdXM6IDJweDtcbiAgdHJhbnNpdGlvbjogb3BhY2l0eSAwLjJzO1xuXG4gICY6aG92ZXIge1xuICAgIGJhY2tncm91bmQ6IGxpbmVhci1ncmFkaWVudCgwZGVnLCByZ2JhKDAsMCwwLDAuNjUpIDAlLCByZ2JhKDAsMCwwLDAuNjUpIDEwMCUpO1xuICB9XG4gICY6ZGlzYWJsZWQge1xuICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICAgIG9wYWNpdHk6IDAuMztcbiAgfVxufVxuLnNzLWJ1dHRvbi1zbWFsbCB7XG4gIC8vIGNvbXBvc2VzOiBzcy1idXR0b247IC8vIGlzbid0IGNvbXBpbGluZyBhdG1cbiAgY29sb3I6ICNmZmY7XG4gIGJhY2tncm91bmQ6IGxpbmVhci1ncmFkaWVudCgwZGVnLCByZ2JhKDAsMCwwLDAuNSkgMCUsIHJnYmEoMCwwLDAsMC42NSkgMTAwJSk7XG4gIGZvbnQtZmFtaWx5OiAnUm9ib3RvJztcbiAgZm9udC13ZWlnaHQ6IDcwMDtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICBib3JkZXI6IG5vbmU7XG4gIGJvcmRlci1yYWRpdXM6IDJweDtcbiAgdHJhbnNpdGlvbjogb3BhY2l0eSAwLjJzO1xuXG4gICY6aG92ZXIge1xuICAgIGJhY2tncm91bmQ6IGxpbmVhci1ncmFkaWVudCgwZGVnLCByZ2JhKDAsMCwwLDAuNjUpIDAlLCByZ2JhKDAsMCwwLDAuNjUpIDEwMCUpO1xuICB9XG5cbiAgZm9udC1zaXplOiAyNHB4O1xuICBwYWRkaW5nOiA1cHggNDBweDtcblxuICAmOmRpc2FibGVkIHtcbiAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICBvcGFjaXR5OiAwLjM7XG4gIH1cbn1cbi5idXR0b24tY29udGFpbmVyIHtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG59XG5cbi5pbnN0cnVjdGlvbnMtY29udGFpbmVyIHtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIHdpZHRoOiAxMDAlO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG59XG4uaW5zdHJ1Y3Rpb25zIHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBmb250LXNpemU6IDI4cHg7XG4gIGZvbnQtd2VpZ2h0OiA1MDA7XG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgb3BhY2l0eTogMDtcblxuICAmIHNwYW4ge1xuICAgIGZvbnQtd2VpZ2h0OiA4MDA7XG4gICAgZm9udC1zdHlsZTogaXRhbGljO1xuICB9XG59XG4uZGVtby1jYXJkLWFyZWEge1xuICB3aWR0aDogMTAwJTtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC13cmFwOiB3cmFwO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWFyb3VuZDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZmxleDogMCAxIDQwJTtcbiAgaGVpZ2h0OiAxcHg7XG59XG4uZGVtby1jYXJkIHtcbiAgLy8gcG9zaXRpb246IGFic29sdXRlO1xuICAvLyB3aWR0aDogMTY1cHg7XG4gIC8vIGJhY2tncm91bmQtY29sb3I6ICNmZmY7XG4gIGhlaWdodDogMTAwJTtcbiAgYm94LXNoYWRvdzogMCAycHggMjBweCByZ2JhKDAsMCwwLDAuMjUpO1xuICBvdmVyZmxvdzogdmlzaWJsZTtcblxuICAuc2hhcGUtYmcge1xuICAgIGZpbGw6ICNmZmY7XG4gIH1cbn0iXSwic291cmNlUm9vdCI6IiJ9*/