/* The design guide's 420ms portal motion, preserving the icon's direction and size. */
.site-arrow-control.button{max-width:100%;white-space:normal}
.site-arrow-portal{position:relative!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;width:var(--site-arrow-size,20px)!important;height:var(--site-arrow-size,20px)!important;min-width:var(--site-arrow-size,20px)!important;flex:0 0 var(--site-arrow-size,20px)!important;overflow:hidden!important;line-height:0!important;pointer-events:none;transform:none!important;animation:none!important}
.site-arrow-portal::before,.site-arrow-portal::after{display:none!important}
.site-arrow-portal>svg{display:block!important;width:100%!important;height:100%!important;min-width:0!important;position:absolute!important;inset:0!important;margin:0!important;opacity:1!important;visibility:visible!important;animation:none!important;transition:transform 420ms cubic-bezier(.22,1,.36,1)!important}
.site-arrow-portal>.site-arrow-main{transform:translate(0,0)!important}
.site-arrow-portal>.site-arrow-copy{transform:translate(calc(-1 * var(--site-arrow-x)),calc(-1 * var(--site-arrow-y)))!important}
.site-arrow-control:not(:disabled):not([aria-disabled="true"]):is(:hover,:focus-visible) .site-arrow-portal>.site-arrow-main{transform:translate(var(--site-arrow-x),var(--site-arrow-y))!important}
.site-arrow-control:not(:disabled):not([aria-disabled="true"]):is(:hover,:focus-visible) .site-arrow-portal>.site-arrow-copy{transform:translate(0,0)!important}
@media(prefers-reduced-motion:reduce){.site-arrow-portal>svg{transition:none!important}.site-arrow-control:not(:disabled):not([aria-disabled="true"]):is(:hover,:focus-visible) .site-arrow-portal>.site-arrow-main{transform:none!important}.site-arrow-portal>.site-arrow-copy{display:none!important}}