/* Portable player: scoped classes can be reused by InsideTheBoards. */
.itn-player{max-width:680px;margin:16px auto 8px}.itn-player-timeline{display:flex;align-items:center;gap:16px}.itn-player-progress{width:100%;min-width:0;min-height:32px;padding:0;accent-color:var(--teal,#286d70);cursor:pointer}.itn-player .timer{white-space:nowrap;font-size:.85rem;color:var(--muted,#49616d);margin:0;font-variant-numeric:tabular-nums}.itn-player-transport{display:flex;align-items:center;justify-content:center;gap:20px;margin:20px 0}.itn-player .itn-player-button{display:flex;flex-direction:column;gap:5px;min-width:58px;min-height:64px;font:inherit;cursor:pointer;padding:8px 10px;border:0;border-radius:12px;flex:none;background:transparent;color:var(--teal,#286d70)}.itn-player-icon{font-size:1.65rem;line-height:1}.itn-player-caption{font-size:.72rem;font-weight:650}.itn-player .itn-player-primary{width:76px;height:76px;border-radius:50%;background:var(--teal,#286d70);color:#fff}.itn-player-primary .itn-player-icon{font-size:1.8rem}.itn-player-tools{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px;border-top:1px solid var(--line,#d4dddc);padding-top:14px}.itn-player-tools label{display:flex;align-items:center;gap:8px;font-size:.85rem}.itn-player-tools select{font:inherit;min-height:40px;padding:7px 10px;border:1px solid var(--line,#d4dddc);border-radius:7px;background:#fff;color:var(--ink,#132a44)}.itn-player-tools button{font-size:.8rem;min-height:40px}.itn-player .itn-player-load{font-size:.78rem;padding:6px 10px;min-height:32px}.itn-player .itn-player-button:focus-visible,.itn-player-progress:focus-visible{outline:3px solid #d77c3d;outline-offset:4px}@media(max-width:480px){.itn-player-transport{gap:10px}.itn-player .itn-player-button{min-width:50px;padding:6px}.itn-player-timeline{flex-wrap:wrap;gap:4px}.itn-player-timeline .timer{width:100%;text-align:right}.itn-player-tools{gap:8px}.itn-player .itn-player-primary{width:68px;height:68px}}

.itn-player-preferences{border-top:1px solid var(--line,#d4dddc);margin-top:16px;padding-top:10px}.itn-player-continuous{display:flex;align-items:center;gap:10px;min-height:44px;cursor:pointer;font-weight:700;font-size:.9rem}.itn-player-continuous input{min-height:20px;width:20px;height:20px;flex:none;margin:0;accent-color:var(--teal,#286d70)}.itn-player-preferences>.meta{margin:0;font-size:.8rem;line-height:1.5;color:var(--muted,#49616d)}
