@keyframes slideup{0%{bottom:-100%}to{bottom:0}}.fade-enter-active,.fade-leave-active{transition:height .3s ease-in-out,opacity .3s ease-in-out}.fade-enter-from,.fade-leave-to{opacity:0;height:0}.arrow-button{background-color:#fff;border:none;justify-content:center;align-items:center;width:32px;height:26px;display:flex}.arrow-button--up{margin-bottom:.8rem}.arrow-button--right{margin-left:.8rem}.arrow-button--down{margin-top:.8rem}.arrow-button--left{margin-right:.8rem}.arrow-button--left,.arrow-button--right{width:26px;height:32px}.arrow-button--bold{background-color:#f0f0f0}.arrow-button:hover{cursor:pointer;background-color:#f0f0f0}.arrow-button:focus{outline:1px solid #000}.arrow-icon--up{transform:rotate(-90deg)}.arrow-icon--down{transform:rotate(90deg)}.arrow-icon--left{transform:rotate(180deg)}