/* Nike logo fill only; store and admin design remain unchanged. */
#inci-step-transition{display:grid;place-items:center;visibility:hidden;opacity:0;pointer-events:none;background:#202321}
#inci-step-transition .nike-mark{display:block;width:clamp(150px,40vw,230px);height:auto;overflow:visible}
#inci-step-transition .nike-mark__base{fill:#454a45}
#inci-step-transition .nike-mark__fill{fill:#f7f8f3;clip-path:inset(0 100% 0 0)}
#inci-step-transition.is-intro,#inci-step-transition.is-leaving{display:grid!important;visibility:visible;opacity:1}
#inci-step-transition.is-intro{animation:nike-screen 1.4s ease both!important}
#inci-step-transition.is-intro .nike-mark__fill{animation:nike-fill .95s .08s ease-in-out both!important}
#inci-step-transition.is-leaving{animation:nike-cover .1s ease both!important}
#inci-step-transition.is-leaving .nike-mark__fill{animation:nike-fill .32s .03s ease-in-out both!important}
@keyframes nike-fill{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
@keyframes nike-screen{0%{opacity:0;visibility:visible}8%,84%{opacity:1;visibility:visible}100%{opacity:0;visibility:hidden}}
@keyframes nike-cover{from{opacity:0}to{opacity:1}}
/* Filling conveys progress without rotating or moving the logo. */