.tour-player{color:#fafafa;background:#000;width:100%;height:100%;min-height:0;position:relative;overflow:hidden;container-type:inline-size}.tour-player video{object-fit:contain;width:100%;height:100%;display:block}.tour-player video::cue{color:#fff;background:#000000bf}.tour-player:fullscreen{width:100vw;height:100vh}.tour-controls-shade{pointer-events:none;background:linear-gradient(#0000 55%,#000000b5);transition:opacity .3s ease-out;position:absolute;inset:0}.tour-controls{grid-template-columns:1fr 3fr 1fr;align-items:center;gap:8px;padding:0 min(80px,10%) 24px;transition:opacity .3s ease-out,transform .3s ease-out;display:grid;position:absolute;inset:auto 0 0}.tour-playback-controls,.tour-display-controls{align-items:center;gap:8px;display:flex}.tour-display-controls{justify-content:end}.tour-control{width:36px;height:36px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding:8px;transition:background-color .15s ease-out,scale .15s ease-out;display:inline-flex}.tour-control svg{width:18px;height:18px}.tour-control:hover{background:#ffffff1a}.tour-control:active{scale:.96}.tour-control:disabled{opacity:.5;cursor:default}.tour-player :focus-visible{outline-offset:2px;outline:2px solid #fff9}.tour-timeline{font-variant-numeric:tabular-nums;white-space:nowrap;align-items:center;gap:12px;font-size:12px;font-weight:500;display:flex}.tour-timeline>span{padding-inline:8px}.tour-seek{flex:1;min-width:0;position:relative}.tour-seek input{appearance:none;cursor:crosshair;background-clip:content-box;background:linear-gradient(to right, #f5f5f5 var(--played), transparent var(--played)), linear-gradient(to right, #8a8a8a var(--buffered), #454545 var(--buffered));background-clip:content-box;border-radius:999px;width:100%;height:28px;padding-block:12px;display:block}.tour-seek input::-webkit-slider-thumb{appearance:none;background:0 0;width:1px;height:28px}.tour-seek input::-moz-range-thumb{background:0 0;border:0;border-radius:0;width:1px;height:28px}.tour-seek:hover input::-webkit-slider-thumb,.tour-seek:focus-within input::-webkit-slider-thumb{background:#fff}.tour-seek:hover input::-moz-range-thumb,.tour-seek:focus-within input::-moz-range-thumb{background:#fff}.tour-hover-time{pointer-events:none;position:absolute;bottom:20px;transform:translate(-50%)}.tour-duration{width:6ch;height:28px;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:2px;padding:0}.tour-volume{position:relative}.tour-volume input{writing-mode:vertical-lr;accent-color:#fff;opacity:0;pointer-events:none;direction:rtl;width:10px;height:64px;position:absolute;bottom:44px;left:13px}.tour-volume:hover input,.tour-volume:focus-within input{opacity:1;pointer-events:auto}.tour-volume:before{content:"";opacity:0;pointer-events:none;background:#ffffff1a;border-radius:8px;position:absolute;inset:-80px 0 0}.tour-volume:hover:before,.tour-volume:focus-within:before{opacity:1}.tour-player[data-idle=true]:not(:focus-within) .tour-controls{opacity:0;pointer-events:none;transform:translateY(16px)}.tour-player[data-idle=true]:not(:focus-within) .tour-controls-shade{opacity:0}.tour-controls:hover{opacity:1!important;pointer-events:auto!important;transform:none!important}.tour-error{background:#000000b3;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;inset:0}.tour-error button{color:#fff;background:#222;border:1px solid #555;border-radius:8px;padding:8px 12px}@container (width<=767px){.tour-controls{grid-template-columns:1fr auto;gap:4px;padding:0 5% 12px}.tour-timeline{grid-area:1/1/auto/-1;gap:6px}.tour-playback-controls,.tour-display-controls{grid-row:2;gap:8px}.tour-control{width:28px;height:28px;padding:6px}.tour-control svg{width:14px;height:14px}.tour-volume{align-items:center;gap:6px;padding-right:12px;display:flex}.tour-volume input{writing-mode:horizontal-tb;opacity:1;pointer-events:auto;direction:ltr;width:64px;height:10px;position:static}.tour-volume:before{inset:0}}@media (prefers-reduced-motion:reduce){.tour-controls,.tour-controls-shade,.tour-control{transition:none}.tour-control:active{scale:1}}