.card-container-transparent{height:100vh;height:100dvh;width:100vw;background-color:transparent;overflow:hidden}.card-container,.card-container-transparent{position:relative;display:flex;justify-content:center;flex-direction:column;-webkit-perspective:4500px;perspective:4500px}.card-container{height:100%;width:100%;align-items:center;background-color:var(--color-bg-main)}.card{-webkit-perspective:4500px;perspective:4500px;display:flex;align-items:center;justify-content:center}.frontpage{z-index:1;position:absolute;transition:transform 2s;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.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-inner.page-transparent-bg,.frontpage-inner.page-transparent-bg,.frontpage-outer.page-transparent-bg{background-color:transparent}.backpage{z-index:0;position:absolute;transition:transform 2s;-webkit-transform-style:preserve-3d;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);display:none}.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%}