.canvas{align-items:center;height:100vh;justify-content:center;left:0;overflow:hidden;position:absolute;top:0;width:100vw}.canvas,canvas{background:transparent;display:flex;z-index:1}canvas{flex:1 1 auto;margin:auto;max-height:100vh;max-width:100vw;-o-object-fit:contain;object-fit:contain}.appBtn{background:var(--color__offwhite_alpha);border:2px solid var(--color__branch);border-radius:3em;opacity:1;padding:.65em;position:fixed;text-transform:uppercase;transition:opacity 1s;z-index:999}.appBtn svg{fill:none;stroke:var(--color__branch);stroke-width:10px}.appBtn:hover{border-color:var(--color__highlight)}.appBtn:hover svg{stroke:var(--color__highlight)}.startBtn{bottom:var(--space__2);height:1.45rem;right:var(--space__2);width:1.45rem}.backBtn{left:var(--space__2);padding-left:1.5em;padding-right:1.5em;width:auto}.backBtn,.saveBtn{display:inline-flex;height:1.45rem;top:var(--space__2)}.saveBtn{left:10.625em;width:1.45rem}@media (max-width:768px){.saveBtn{left:125px}}.saveBtn svg{width:1.45em}.saveBtn:hover svg line,.saveBtn:hover svg polyline{stroke:var(--color__highlight)}.fade-in{opacity:1!important}.fade-in,.fade-out{transition:opacity 1s}.fade-out{opacity:0!important;pointer-events:none}