.scene{perspective:1000px;width:100%;height:auto;min-height:0;display:block}.scene:not(.h-full){align-self:start;height:fit-content}.scene.h-full{height:100%}.scene .card{width:100%;height:auto;min-height:0;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;grid-template:"flip-stack"1fr/1fr;display:grid;position:relative}.scene.h-full .card{height:100%}.scene .card .card__face{backface-visibility:hidden;transform-origin:50%;will-change:transform;grid-area:flip-stack;align-self:start;width:100%;height:auto;min-height:0;transition:transform .5s ease-in-out;position:relative;overflow:hidden}.scene.h-full .card .card__face{align-self:stretch;height:100%;min-height:0}.scene .card .card__face--front{transform:rotateY(0)}.scene .card .card__face--back{transform:rotateY(180deg)}.scene .card.showBack .card__face--front{transform:rotateY(-180deg)}.scene .card.showBack .card__face--back{transform:rotateY(0)}.scene .card:not(.showBack) .card__face--back,.scene .card.showBack .card__face--front{pointer-events:none}.scene:not(.h-full) .card:not(.showBack) .card__face--back,.scene:not(.h-full) .card.showBack .card__face--front{align-self:auto;width:100%;min-height:100%;position:absolute;top:0;left:0;right:0}