.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)}.base-icon{container:base-icon/size}.base-icon>*{stroke-width:1px;vector-effect:non-scaling-stroke}@container base-icon (width>=20px){.base-icon>*{stroke-width:1.25px}}@container base-icon (width>=24px){.base-icon>*{stroke-width:1.5px}}.base-icon--hoverable{background-color:#0000;border-radius:100%;transition:all .5s}@media (hover:hover){.base-icon--hoverable:hover{cursor:pointer;background-color:#3d3d3d4d;transition:all .5s}}