.card-container-transparent{height:100vh;width:100vw;background-color:transparent;overflow:hidden}.card-container,.card-container-transparent{position:relative;display:flex;justify-content:center;flex-direction:column;perspective:4500px}.card-container{height:100%;width:100%;align-items:center;background-color:var(--color-bg-main)}.card{display:flex;align-items:center;justify-content:center}.card,.frontpage{transform-style:preserve-3d}.frontpage{z-index:1;position:absolute;transition:transform 2s}.frontpage-inner,.frontpage-outer{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden}.backpage-inner,.frontpage-inner,.frontpage-outer{box-shadow:inset 0 0 .6vw rgba(0,0,0,.05),0 2px 5px rgba(0,0,0,.08)}.frontpage-inner,.frontpage-outer{background-color:white}.frontpage-inner{transform:rotateY(180deg);display:flex;align-items:center;justify-content:center}.backpage{z-index:0;position:absolute;transition:transform 2s;transform-style:preserve-3d}.backpage-inner,.backpage-outer{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden}.backpage-outer{background-color:transparent;transform:rotateY(180deg)}.backpage-inner{background-color:white;display:flex;align-items:center;justify-content:center}#cuttingcardcanvas{position:absolute;z-index:0;top:0;display:none}canvas{display:flex;height:100%;width:100%}.backpage-inner svg,.frontpage-inner svg,.frontpage-outer svg{display:block;width:100%;height:100%}