/* Image-based arrows stay identical across phone and desktop fonts. */
img.ui-arrow{display:inline-block!important;width:1em!important;height:1em!important;max-width:none!important;max-height:none!important;aspect-ratio:1;object-fit:contain!important;vertical-align:-.13em;flex:0 0 auto;border:0!important;border-radius:0!important;box-shadow:none!important;filter:none;transform:none}
img.ui-arrow-fixed,.button img.ui-arrow{width:20px!important;height:20px!important;vertical-align:middle}
.studio-project-label>img.ui-arrow{width:26px!important;height:26px!important}
.g-next-arrow img.ui-arrow{width:1em!important;height:1em!important}
.g-controls button img.ui-arrow{vertical-align:middle}
.g-artwork-link:hover img.ui-arrow{transform:none}
.button img.ui-arrow{filter:invert(1)}
.studio-home .button img.ui-arrow,.g-page .button img.ui-arrow{filter:none}
@media(hover:hover){
  .studio-home .button:hover img.ui-arrow,.g-page .button:hover img.ui-arrow{filter:invert(1)}
  .g-page .g-outcome .button:hover img.ui-arrow{filter:none}
  .x-page .x-outcome .button:hover img.ui-arrow{filter:invert(1)}
  .studio-project:hover .studio-project-label>img.ui-arrow{transform:translate(3px,-3px)}
}
.studio-project-label>img.ui-arrow{transition:transform .2s ease}
.n-install .n-physical figcaption:after,.n-merch .n-physical figcaption:after{padding-right:1.25em;background:url('assets/icons/arrow-up-right.png') no-repeat right center;background-size:1em 1em}
@media(prefers-reduced-motion:reduce){.studio-project-label>img.ui-arrow{transition:none;transform:none!important}}