/* Drawn icons stay crisp and consistent across iOS, Android and desktop fonts. */
.ui-icon{display:inline-block;width:1em;height:1em;flex-shrink:0;vertical-align:-.12em;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.site-menu nav>a{padding-right:40px}
.site-menu nav>a>span{display:grid;place-items:center;width:28px;height:28px;line-height:1}
.site-menu nav>a>span>.ui-icon{width:100%;height:100%}
.site-menu .button>.ui-icon,.site-menu .button>span>.ui-icon{width:22px;height:22px}
.menu-close .ui-icon{width:19px;height:19px}
.ui-icon.icon-play{fill:currentColor;stroke:none}
.ui-icon.icon-pause{stroke-width:2.5}
.ui-icon.icon-motion{fill:currentColor;fill-rule:evenodd}
.ui-icon.icon-return,.ui-icon.icon-replay{vertical-align:-.16em}
.ro-loyalty-mark>.ui-icon{width:.9em;height:.9em}
.play-tour>span:first-child{line-height:0}
.motion-button>.ui-icon{width:22px;height:22px}
.photo-expand>.ui-icon{width:24px;height:24px}
.lightbox-controls button>.ui-icon{width:22px;height:22px}
@media(hover:hover) and (pointer:fine){
 a .icon-up-right{transition:transform .22s ease}
 a:hover .icon-up-right{transform:translate(2px,-2px)}
}
@media(prefers-reduced-motion:reduce){a .icon-up-right{transition:none}a:hover .icon-up-right{transform:none}}
/* Small navigation labels still need a legible directional cue. */
.site-header .audit-link .ui-icon{width:18px;height:18px}
.case-nav a>.ui-icon,.system-link>.ui-icon{width:16px;height:16px}