.walk{--walk-top:80px;--walk-bottom:0px}.walk .walk-track{width:calc(100% - var(--pad)*2);max-width:var(--width);margin-inline:auto}.walk .walk-frames{list-style:none;margin:0;padding:0;display:grid;gap:24px}.walk .walk-frame{margin:0}.walk .walk-media{background:#d4d3cc}.walk .walk-media a{display:block}.walk .walk-media img{display:block;width:100%;height:auto}.walk .walk-bar{display:none}.walk.is-walk{padding-bottom:0}.walk.is-walk .walk-track{width:auto;max-width:none;margin:0;position:relative;height:var(--walk-len,260vh)}.walk.is-walk .walk-stage{position:sticky;top:var(--walk-top);height:min(calc(100vh - var(--walk-top) - var(--walk-bottom)),calc(100vw / 1.5));height:min(calc(100svh - var(--walk-top) - var(--walk-bottom)),calc(100vw / 1.5));display:flex;flex-direction:column;align-items:center;overflow:hidden}.walk.is-walk .walk-window{position:relative;width:100%;height:100%;flex:none}.walk.is-walk .walk-frames{position:absolute;inset:0;display:block}.walk.is-walk .walk-frame,.walk.is-walk .walk-media{position:absolute;inset:0;pointer-events:none}.walk.is-walk .walk-media{background:none}.walk.is-walk .walk-media.is-moving{will-change:clip-path,transform}.walk.is-walk .walk-frame.is-current .walk-media{pointer-events:auto}.walk.is-walk .walk-media a,.walk.is-walk .walk-media img{width:100%;height:100%}.walk.is-walk .walk-media img{object-fit:cover;object-position:var(--pos,50% 50%)}.walk.is-walk .walk-media a:focus-visible{outline:3px solid var(--copper);outline-offset:-5px}.walk.is-walk .walk-bar{display:flex;align-items:center;gap:16px;position:absolute;z-index:3;left:50%;bottom:12px;transform:translateX(-50%);color:#fff}.walk-progress{display:flex;gap:8px}.walk-choice{display:grid;place-items:center;position:relative;width:48px;height:44px;padding:0;border:0;background:#fff0;color:inherit;cursor:pointer;touch-action:manipulation}.walk-choice>span{display:block;position:relative;width:100%;height:2px;background:rgb(255 255 255 / .7);box-shadow:0 0 0 1px rgb(0 0 0 / .6),0 1px 2px rgb(0 0 0 / .6);overflow:hidden;transition:height .2s}.walk-choice b{position:absolute;inset:0;background:currentColor;transform:scaleX(0);transform-origin:left}.walk-choice[aria-pressed=true]>span{height:3px}.walk-choice:focus-visible,.walk-skip:focus-visible{outline:2px solid currentColor;outline-offset:2px}.walk-skip{flex:none;display:grid;place-items:center;width:44px;height:44px;color:inherit;touch-action:manipulation}.walk-skip svg{width:20px;height:20px;filter:drop-shadow(0 1px 2px rgb(0 0 0 / .6));transition:transform .2s}@media(hover:hover){.walk-choice:hover>span{height:4px}.walk-skip:hover svg{transform:translateY(3px)}}@media(max-width:767px){.walk.is-walk-compact .walk-track{height:auto}.walk.is-walk-compact .walk-stage{position:relative;top:auto}.walk.is-walk-compact .walk-window{height:auto;aspect-ratio:3/2;max-height:none;touch-action:pan-y;user-select:none}.walk.is-walk-compact .walk-media img{-webkit-user-drag:none}.walk.is-walk .walk-stage{height:auto;gap:8px;padding-bottom:8px}.walk.is-walk .walk-window{height:calc(100vw / 1.5);max-height:calc(100svh - var(--walk-top) - var(--walk-bottom) - 60px)}.walk.is-walk .walk-media img{object-fit:contain}.walk.is-walk .walk-bar{position:static;transform:none;width:calc(100% - var(--pad)*2);color:var(--ink);justify-content:space-between}.walk-progress{flex:1;gap:12px}.walk-choice{flex:1;min-width:44px;width:auto}.walk-choice>span{background:rgb(51 51 50 / .2);box-shadow:none}.walk-choice[aria-pressed=true]{color:var(--copper)}.walk-skip svg{filter:none}}@media(prefers-reduced-motion:reduce){.walk-choice>span,.walk-skip svg{transition:none}}.walk-demo{position:fixed;right:16px;top:92px;z-index:26;display:flex;align-items:center;gap:4px;padding:6px;background:#fff;border:1px solid var(--line);font-size:13px}.walk-demo>span{padding:0 8px;color:var(--muted)}.walk-demo a{display:inline-flex;align-items:center;min-height:36px;padding:0 10px;text-decoration:none;color:var(--ink)}.walk-demo a[aria-current=page]{background:var(--ink);color:#fff}@media(max-width:600px){.walk-demo{top:76px;right:8px}.walk-demo>span{display:none}}.walk.is-walk:not(.is-walk-compact) .walk-window::after{content:"";position:absolute;inset:auto 0 0;height:110px;background:linear-gradient(#fff0,rgb(30 28 24 / .22));pointer-events:none;z-index:2}.walk.is-walk-compact .walk-skip{display:none}