.ArrowButton[data-v-eb696a44]{align-items:center;border-radius:50%;display:flex;justify-content:center}.ArrowButton.disabled[data-v-eb696a44]{opacity:.3;pointer-events:none}.ArrowButton .arrow[data-v-eb696a44]{transition:all .3s cubic-bezier(.33,1,.68,1)}.ArrowButton.outline.light[data-v-eb696a44]{background-color:transparent;border:1px solid var(--color-white);color:var(--color-white)}.ArrowButton.outline.dark[data-v-eb696a44]{background-color:transparent;border:1px solid var(--color-black);color:var(--color-black)}.ArrowButton.solid.light[data-v-eb696a44]{background-color:var(--color-white);border:1px solid var(--color-white);color:var(--color-black)}.ArrowButton.solid.dark[data-v-eb696a44]{background-color:var(--color-black);border:1px solid var(--color-black);color:var(--color-white)}.ArrowButton.transparent.light[data-v-eb696a44]{background-color:transparent;border:1px solid transparent;color:var(--color-white)}.ArrowButton.transparent.dark[data-v-eb696a44]{background-color:transparent;border:1px solid transparent;color:var(--color-black)}.ArrowButton.small[data-v-eb696a44]{height:30px;padding:6px;width:30px}.ArrowButton.medium[data-v-eb696a44]{height:90px;padding:32px;width:90px}@media (hover:hover) and (pointer:fine){.ArrowButton:hover.left .arrow[data-v-eb696a44]{transform:translate(-1px)}.ArrowButton:hover.right .arrow[data-v-eb696a44]{transform:translate(1px)}.ArrowButton:hover.up-right .arrow[data-v-eb696a44]{transform:translate(1px,-1px)}.ArrowButton:hover.down .arrow[data-v-eb696a44]{transform:translateY(1px)}}.ArrowButton:active.left .arrow[data-v-eb696a44]{transform:translate(-4px) scaleY(.8)}.ArrowButton:active.right .arrow[data-v-eb696a44]{transform:translate(4px) scaleY(.8)}.ArrowButton:active.up-right .arrow[data-v-eb696a44]{transform:translate(4px,-4px) scale(.8)}.ArrowButton:active.down .arrow[data-v-eb696a44]{transform:translateY(4px) scaleX(.8)}