.ui-icon{display:inline-block;width:1.25em;height:1.25em;vertical-align:-.22em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;transition:transform .22s ease,opacity .22s ease}
.hero-story .demo-pair #demo-play{grid-column:1;grid-row:2;justify-self:center;display:inline-flex;gap:12px;width:auto;min-width:150px;height:auto;min-height:50px;padding:14px 24px;border-radius:9px;background:var(--teal);color:white;font-size:16px;font-weight:600;margin-top:22px;transition:background .2s,box-shadow .2s;z-index:5}
.hero-story .demo-pair #demo-play:hover{background:#00685e;box-shadow:0 5px 15px #007f7325}
.hero-story .demo-pair .after{grid-column:2;grid-row:1}.hero-story .demo-pair .before{grid-column:1;grid-row:1}
@media(max-width:700px){.hero-story .demo-pair #demo-play{min-width:125px;padding:12px 16px;font-size:15px;margin-top:12px}}
.button>.ui-icon,.button>span>.ui-icon,.plain-button .ui-icon{width:22px;height:22px}
.button>span:has(.ui-icon){display:inline-flex}.button .ui-icon{margin-left:4px}
a:hover .icon-diagonal,a:focus-visible .icon-diagonal,button:hover .icon-diagonal,button:focus-visible .icon-diagonal{transform:translate(2px,-2px)}
a:hover .icon-arrow,a:focus-visible .icon-arrow{transform:translateX(4px)}
a:hover .icon-down,a:focus-visible .icon-down{transform:translateY(3px)}
button:hover .icon-play,button:focus-visible .icon-play{transform:scale(1.12)}
button:hover .icon-reset,button:focus-visible .icon-reset{transform:rotate(-35deg)}
.hero-story .pair-arrow .ui-icon{width:58px;height:58px;stroke-width:1.5}
#demo-play,#sim-play,#sim-reset,#banner-pause,button.close,button.menu{align-items:center;justify-content:center}
#demo-play,#sim-play,#sim-reset,#banner-pause,button.close{display:inline-flex}
#demo-play .ui-icon,#sim-play .ui-icon,#sim-reset .ui-icon,#banner-pause .ui-icon{width:22px;height:22px}
@media(max-width:700px){button.menu{display:inline-flex}.hero-story .pair-arrow .ui-icon{width:38px;height:38px}}
@media(prefers-reduced-motion:reduce){.ui-icon{transition:none!important}a .ui-icon,button .ui-icon{transform:none!important}}