/* Icon timing lives in native Web Animations keyframes compiled from the official data. */
.ua-icon{display:inline-flex;vertical-align:middle;flex-shrink:0;width:1.45em;height:1.45em;line-height:0}
.ua-icon svg{width:100%;height:100%;display:block;overflow:hidden}
.ua-icon svg g{transform-origin:0 0;transform-box:view-box}
.x-arrow .ua-icon{width:28px;height:28px}
.case-back,.mobile-story-header>a,.case-next,.copy-email{gap:8px}
.copy-email{display:flex;align-items:center}
.email .ua-icon{margin-left:8px}
.x-project:hover .x-arrow{transform:none}
.case-index-disclosure>summary.has-ua-chevron::after{display:none}
.case-index-disclosure:not([open])>summary .ua-chevron-down{transform:rotate(180deg)}
@media(prefers-reduced-motion:reduce){.ua-icon{transition:none;animation:none}}

.adaptive-mobile .case-index-disclosure>summary.has-ua-chevron::after{display:none}

.placeholder-icon .ua-icon{width:40px;height:40px}
[data-ua]{display:inline-flex;vertical-align:middle;flex-shrink:0;line-height:0}
.case-index-disclosure:not([open])>summary [data-ua="chevron-down"]{transform:rotate(180deg)}
.case-index-disclosure:not([open])>summary .ua-chevron-down{transform:none}

/* Optical match for Outfit: lighter regular strokes and softly finished terminals. */
.ua-icon{--icon-stroke:1.8;--icon-cap:round;--icon-join:round}
.ua-icon svg{stroke-width:var(--icon-stroke);stroke-linecap:var(--icon-cap);stroke-linejoin:var(--icon-join);shape-rendering:geometricPrecision}
.x-project .ua-icon{--icon-stroke:2.15}
.placeholder-icon .ua-icon{--icon-stroke:1.45}