/* Flat-screen enclosure. Permanent controls stay below the picture. */
.walkthrough-player{position:relative;isolation:isolate;overflow:hidden;box-sizing:border-box;max-width:100%;padding:7px 7px 22px;background:linear-gradient(135deg,#40433c 0%,#242923 14%,#131713 55%,#30352c 100%);border:1px solid #62665a;border-radius:9px;margin:1.5rem 0 1.15rem;box-shadow:inset 0 1px 0 #c4c7b538,inset 0 -1px 0 #0009,0 2px 3px #141a1433,0 12px 18px -10px #141a1470,0 28px 40px -22px #141a1473;line-height:1.2;container-type:inline-size}
.walkthrough-player::after{content:"";position:absolute;pointer-events:none;width:64px;height:11px;left:50%;bottom:5px;transform:translateX(-50%);background:url('assets/wordmark.svg') center/contain no-repeat;filter:brightness(0) invert(1);opacity:.57}
.walkthrough-player::before{content:"";position:absolute;pointer-events:none;width:3px;height:3px;right:15px;bottom:9px;border-radius:50%;background:#afb79c;box-shadow:0 0 0 1px #0c110c}
.walkthrough-player:focus-visible{outline:3px solid #c86142;outline-offset:4px}
.walkthrough-player video,.walk-main .walkthrough-player video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;border:0;border-radius:0;margin:0}
.walkthrough-player .walkthrough-transport{position:relative;display:grid;grid-template-columns:repeat(3,44px) minmax(48px,1fr) auto 44px 64px 44px 68px 44px;gap:4px;align-items:center;padding:6px 10px;background:#20251f;color:#f4efe6;border-top:1px solid #626b505c;opacity:1;pointer-events:auto;font:14px/1.2 Archivo,Arial,sans-serif;margin:0;box-sizing:border-box}
.walkthrough-player .transport-row,.walkthrough-player .transport-options{display:contents}
.walkthrough-player .walkthrough-transport :is(button,select){display:inline-flex;align-items:center;justify-content:center;min-width:0;min-height:44px;width:100%;height:44px;padding:5px;border:1px solid transparent;border-radius:5px;background:transparent;color:inherit;font:inherit;margin:0;cursor:pointer;box-shadow:none;transform:none;grid-row:1}
.walkthrough-player .walkthrough-transport :is(button,select):hover{background:#ffffff0d;border-color:#a9ae91}
.walkthrough-player .walkthrough-transport button[aria-pressed=true]{border-bottom:3px solid #e68b65}
.walkthrough-player .walkthrough-transport button:disabled{opacity:.5;cursor:default}
.walkthrough-player .walkthrough-transport button[hidden]{display:none}
.walkthrough-player .walkthrough-transport select{appearance:auto;background:transparent;padding:4px}
.walkthrough-player .walkthrough-transport select option{background:#20251f;color:#f4efe6}
.walkthrough-player .walkthrough-transport svg{width:23px;height:23px}
.walkthrough-player .transport-time{grid-column:5;grid-row:1;font-variant-numeric:tabular-nums;white-space:nowrap;margin:0 4px;font-size:12px;color:inherit}
.walkthrough-player .walkthrough-transport input[type=range]{display:block;width:100%;padding:0;min-width:0;min-height:44px;height:44px;border:0;border-radius:0;accent-color:#e68b65;background:transparent;margin:0;cursor:pointer;box-shadow:none;grid-row:1}
.walkthrough-player .transport-seek{grid-column:4;appearance:none;-webkit-appearance:none}
.walkthrough-player .transport-seek::-webkit-slider-runnable-track{height:3px;border-radius:2px;background:#d5d8c7}
.walkthrough-player .transport-seek::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:#e68b65;margin-top:-4.5px}
.walkthrough-player .transport-seek::-moz-range-track{height:3px;border-radius:2px;background:#d5d8c7}
.walkthrough-player .transport-seek::-moz-range-thumb{width:12px;height:12px;border:0;border-radius:50%;background:#e68b65}
.walkthrough-player [data-play]{grid-column:1}.walkthrough-player [data-skip="-15"]{grid-column:2}.walkthrough-player [data-skip="15"]{grid-column:3}.walkthrough-player [data-mute]{grid-column:6}.walkthrough-player .transport-volume{grid-column:7}.walkthrough-player [data-captions]{grid-column:8}.walkthrough-player .walkthrough-transport select{grid-column:9}.walkthrough-player [data-fullscreen]{grid-column:10}
.walkthrough-player .walkthrough-transport .transport-more{display:none}
.walkthrough-player .walkthrough-transport :is(button,select,input):focus-visible{outline:2px solid #f4efe6;outline-offset:-2px}
.walkthrough-player .transport-message{grid-column:1/-1;grid-row:4;color:inherit;padding:6px 4px;margin:0;font-size:13px}
.walkthrough-player .transport-message:empty{display:none}
.walkthrough-player .transport-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.walkthrough-player:fullscreen::before,.walkthrough-player:fullscreen::after{display:none}
.walkthrough-player:fullscreen{width:100%;height:100%;max-width:none;padding:0;box-shadow:none;border:0;border-radius:0;margin:0;background:#080d08;display:flex;flex-direction:column;justify-content:center}
.walkthrough-player:fullscreen video{flex:1;min-height:0;width:100%;height:0;aspect-ratio:auto;object-fit:contain}
.walkthrough-player:fullscreen .walkthrough-transport{flex:0 0 auto;width:100%;padding-bottom:max(6px,env(safe-area-inset-bottom));padding-left:max(10px,env(safe-area-inset-left));padding-right:max(10px,env(safe-area-inset-right))}
@container(max-width:620px){
 .walkthrough-player .walkthrough-transport{grid-template-columns:repeat(3,44px) minmax(52px,1fr) 44px;gap:2px;padding:6px}
 .walkthrough-player .walkthrough-transport select{grid-column:4;max-width:76px;justify-self:end}
 .walkthrough-player .walkthrough-transport .transport-more{display:inline-flex;grid-column:5;font-size:12px;letter-spacing:0}
 .walkthrough-player .walkthrough-transport:not([data-options-open=true]) :is(.transport-seek,.transport-time,.transport-volume,[data-mute],[data-captions],[data-fullscreen]){display:none}
 .walkthrough-player .walkthrough-transport[data-options-open=true] :is(.transport-seek,.transport-time,.transport-volume,[data-mute],[data-captions],[data-fullscreen]){display:block}
 .walkthrough-player .walkthrough-transport[data-options-open=true] button[hidden]{display:none}
 .walkthrough-player .walkthrough-transport[data-options-open=true] .transport-seek{grid-row:2;grid-column:1/4}
 .walkthrough-player .walkthrough-transport[data-options-open=true] .transport-time{grid-row:2;grid-column:4/6;justify-self:end}
 .walkthrough-player .walkthrough-transport[data-options-open=true] [data-mute]{grid-row:3;grid-column:1}
 .walkthrough-player .walkthrough-transport[data-options-open=true] .transport-volume{grid-row:3;grid-column:2/4}
 .walkthrough-player .walkthrough-transport[data-options-open=true] [data-captions]{grid-row:3;grid-column:4}
 .walkthrough-player .walkthrough-transport[data-options-open=true] [data-fullscreen]{grid-row:3;grid-column:5}
}
@media(max-width:600px){.walkthrough-player:not(:fullscreen){padding:4px 4px 19px;border-radius:6px}.walkthrough-player::after{width:54px;height:9px;bottom:4px}.walkthrough-player::before{bottom:7px;right:12px}}
@media(forced-colors:active){.walkthrough-player{background:Canvas;border-color:CanvasText;box-shadow:none}.walkthrough-player::before,.walkthrough-player::after{display:none}.walkthrough-player .walkthrough-transport{background:Canvas;color:CanvasText;border-color:CanvasText}.walkthrough-player .walkthrough-transport :is(button,select){border-color:ButtonText}.walkthrough-player .walkthrough-transport :focus-visible{outline-color:Highlight}}
.walkthrough-player .walkthrough-transport .transport-retry{grid-column:1/-1;grid-row:5;width:auto;justify-self:start;padding:0 1rem}
.walkthrough-player .walkthrough-transport .transport-retry[hidden]{display:none}