.move-up-enter-active,.move-up-leave-active,.move-down-enter-active,.move-down-leave-active{transition:transform .4s ease-in-out}@media (width>=1024px){.move-up-enter-active,.move-up-leave-active,.move-down-enter-active,.move-down-leave-active{transition:none}}.move-up-enter-from,.move-up-leave-to{transform:translateY(100vh)}.move-down-enter-from,.move-down-leave-to{transform:translateY(-100vh)}.slide-left-enter-active,.slide-left-leave-active,.slide-right-enter-active,.slide-right-leave-active{transition:transform .1s ease-in-out}@media (width>=1024px){.slide-left-enter-active,.slide-left-leave-active,.slide-right-enter-active,.slide-right-leave-active{transition:transform .4s ease-in-out}}.slide-right-enter-from{transform:translate(100vw)}.slide-left-enter-from,.slide-right-leave-to{transform:translate(-100vw)}.slide-left-leave-to{transform:translate(100vw)}.hide-left-enter-active,.hide-left-leave-active{transition:transform .4s ease-in-out}.hide-left-leave-to{transform:translate(-100vw)}.hide-left-leave-from{transform:translate(0)}.hide-left-enter-from{transform:translate(-100vw)}.hide-left-enter-to{transform:translate(0)}.app-button-x{color:#3d3d3d;background-color:#0000;border:none;border-radius:100%;width:24px;height:24px;padding:0}@media (width>=1024px){.app-button-x{width:32px;height:32px}}.app-button-x:hover{cursor:pointer;color:#b73a2e}.app-button-x--inverted{color:#fff}.app-button-x--inverted:hover{color:#fff;background-color:#c2c2c2}.app-button-x--info{color:#0a7373}.app-button-x--info:hover{color:#0a7373;background-color:#fff}