/* Generated retro inventory icons with real alpha; scoped to HexaRun. */
.page--hexarun #price .price__card::after{box-shadow:inset 0 8px 0 var(--orange),inset 4px 4px 0 var(--emboss-hi),inset -4px -4px 0 var(--emboss-lo)}
.page--hexarun .hexa-icon{display:block;width:72px;height:72px;flex:none;background:url('/assets/img/icons/hexarun-retro-generated-alpha-v3.png') no-repeat;background-size:300% 300%;background-color:transparent;image-rendering:pixelated}
.page--hexarun .hexa-icon--1{background-position:0 0}
.page--hexarun .hexa-icon--2{background-position:50% 0}
.page--hexarun .hexa-icon--3{background-position:100% 0}
.page--hexarun .hexa-icon--4{background-position:0 50%}
.page--hexarun .hexa-icon--5{background-position:50% 50%}
.page--hexarun .hexa-icon--6{background-position:100% 50%}
.page--hexarun #why .whos--row li{grid-template-columns:72px minmax(0,1fr);column-gap:14px}
.page--hexarun #why .whos--row .hexa-icon{grid-column:1;grid-row:1/4;align-self:start}
.page--hexarun #why .whos--row .tag,.page--hexarun #why .whos--row b,.page--hexarun #why .whos--row li>span:not(.hexa-icon){grid-column:2}
.page--hexarun .steps--track li{grid-template-columns:80px minmax(0,1fr);align-items:start}
.page--hexarun .hexa-step-art{grid-column:1;grid-row:1/3;position:relative;display:block;width:72px;height:80px}
.page--hexarun .hexa-step-art .steps__n{position:absolute;bottom:0;right:0;width:24px;height:24px;font-size:12px}
@media(max-width:640px),(min-width:1280px) and (max-height:820px){
 .page--hexarun .hexa-icon{width:56px;height:56px}
 .page--hexarun #why .whos--row li{grid-template-columns:56px minmax(0,1fr);column-gap:10px}
 .page--hexarun .steps--track li{grid-template-columns:60px minmax(0,1fr);column-gap:10px}
 .page--hexarun .hexa-step-art{width:56px;height:64px}
}