.info-box-mobile{height:100%;width:100%}.info-box,.info-box-mobile{position:absolute;overflow:visible}.info-box{top:calc(50vh - min(30vmin, 200px));left:calc(50vw - min(45vmin, 300px));height:60vmin;width:90vmin;max-height:400px;max-width:600px}.info-box-background{position:fixed;top:0;left:0;height:100vh;width:100vw;z-index:20}.info-box-button-top{position:absolute;top:47px;left:50%}.info-box-button-right{position:absolute;top:50%;left:calc(100% - 12px)}.info-box-button-bottom{position:absolute;top:calc(100% - 12px);left:50%}.info-box-button-left{position:absolute;top:50%;left:12px}.slide-up-enter{transform:translateY(max(calc(-60vmin + 36px),-364px))}.slide-up-leave-to{transform:translateY(min(calc(60vmin - 36px),364px))}.slide-right-enter{transform:translateX(100%)}.slide-right-leave-to{transform:translateX(-100%)}.slide-down-enter{transform:translateY(min(calc(60vmin - 36px),364px))}.slide-down-leave-to{transform:translateY(max(calc(-60vmin + 36px),-364px))}.slide-left-enter{transform:translateX(-100%)}.slide-left-leave-to{transform:translateX(100%)}.slide-down-enter-active,.slide-down-leave-active,.slide-left-enter-active,.slide-left-leave-active,.slide-right-enter-active,.slide-right-leave-active,.slide-up-enter-active,.slide-up-leave-active{transition:all .2s ease-in-out}