.introduction-card{top:50%;left:50%;width:450px;max-width:calc(100% - 60px);margin:0 auto;-webkit-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-duration:.15s;transition-duration:.15s;-webkit-transition-property:top,left;transition-property:top,left}@media(prefers-reduced-motion){.introduction-card{-webkit-transition:none;transition:none}}.introduction-card.position-fixed>svg{position:absolute;bottom:0;width:25%;max-width:30px;height:auto;-webkit-transform:translate(-50%,100%);transform:translate(-50%,100%);fill:#fff;-webkit-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-duration:.15s;transition-duration:.15s;-webkit-transition-property:top,left;transition-property:top,left}@media(prefers-reduced-motion){.introduction-card.position-fixed>svg{-webkit-transition:none;transition:none}}.introduction-card.position-fixed.mount-bottom{-webkit-transform:translate(-50%);transform:translate(-50%)}.introduction-card.position-fixed.mount-bottom>svg{top:0;bottom:unset;-webkit-transform:translate(-50%,-100%);transform:translate(-50%,-100%)}.introduction-overlay{position:fixed;top:0;left:0;z-index:1030;width:100vw;height:100vh;overflow:hidden;-webkit-animation:enter .5s;animation:enter .5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.introduction-overlay .card-container,.introduction-overlay canvas{position:inherit;top:inherit;left:inherit;width:inherit;height:inherit}@-webkit-keyframes enter{0%{opacity:0}to{opacity:1}}@keyframes enter{0%{opacity:0}to{opacity:1}}