.arrow-button{align-items:center;aspect-ratio:1/1;border:2px solid var(--indigo-500);border-radius:var(--border-radius);cursor:pointer;display:inline-flex;justify-content:center;overflow:hidden;padding:var(--space-xs);pointer-events:all;position:relative;touch-action:auto;transition:background-color .25s ease-in-out,box-shadow .25s ease-in-out}.arrow-button--small{height:var(--space-l);padding:2px;width:var(--space-l)}@media (max-width:767.98px){.arrow-button--small{height:calc(var(--space-l) + 6px);width:calc(var(--space-l) + 6px)}}.arrow-button--up .arrow-button__icon-container{transform:rotate(-90deg)}.arrow-button--right .arrow-button__icon-container{transform:rotate(0)}.arrow-button--down .arrow-button__icon-container{transform:rotate(90deg)}.arrow-button--left .arrow-button__icon-container{transform:rotate(180deg)}.arrow-button__icon-container{z-index:var(--zIndex-main-content)}.arrow-button__icon-container svg{pointer-events:none}.arrow-button__icon{min-height:12px;overflow:visible;width:var(--space-s)}.arrow-button__icon-line{transform-origin:left center}.arrow-button__icon-head,.arrow-button__icon-line{transition:transform .35s linear}.arrow-button:focus-visible .arrow-button__icon-line,.arrow-button:hover .arrow-button__icon-line{transform:scaleX(1.08)}.arrow-button:focus-visible .arrow-button__icon-head,.arrow-button:hover .arrow-button__icon-head{transform:translate(8%)}.arrow-button--blue{background-color:var(--indigo-500);color:var(--gray-100)}.arrow-button--blue:hover{box-shadow:4px 4px 10px 2px #0a00524d}.arrow-button--blue:focus-visible{background-color:var(--indigo-500);border:2px solid var(--indigo-900);outline:none}.arrow-button--blue span.button__ripple{background-color:#1901cd}.arrow-button--green{background-color:var(--indigo-green);border:none!important;color:var(--indigo-900)}.arrow-button--green:hover{box-shadow:4px 4px 10px 2px #0a00524d}.arrow-button--green:focus-visible{background-color:var(--indigo-green);border:2px solid var(--new-indigo-blue);outline:none}.arrow-button--green span.button__ripple{background-color:#2cf5d3}.arrow-button--clear{background-color:#0006;border-color:#00000026;color:var(--white)}.arrow-button--clear:hover{background-color:#0009;box-shadow:4px 4px 10px 2px #0a00524d}.arrow-button--clear:focus-visible{background-color:var(--indigo-500);border:2px solid var(--indigo-900);outline:none}.arrow-button--clear span.button__ripple{background-color:#fff3}.arrow-button--white span.button__ripple{background-color:#f4f4f6}.arrow-button--outlined{background-color:transparent;border-color:var(--indigo-500);color:var(--indigo-500)}.arrow-button--outlined:hover{background-color:var(--indigo-500);color:var(--gray-100)}.arrow-button--outlined:focus-visible{background-color:var(--indigo-500);border:2px solid var(--indigo-900);outline:none}.arrow-button--outlined span.button__ripple{background-color:#1901cd}.arrow-button--outlined.arrow-button--white{border-color:var(--white);color:var(--white)}.arrow-button--outlined.arrow-button--white:hover{background-color:var(--white);color:var(--indigo-500)}.arrow-button--outlined.arrow-button--white:focus-visible{background-color:var(--white);color:var(--indigo-500);outline:2px solid var(--indigo-500);outline-offset:-3px}.arrow-button--outlined.arrow-button--white span.button__ripple{background-color:#f4f4f6}.arrow-button--disabled{background-color:var(--gray-300);border:2px solid var(--gray-300);color:var(--gray-700);cursor:default;pointer-events:none;touch-action:none}.arrow-button--disabled.arrow-button--clear{background-color:#0006;border:2px solid rgba(0,0,0,.15);color:var(--white);opacity:.3}