.kunobi-player{--kunobi-player-stage:0 0% 7%;--kunobi-player-controls:0 0% 10%;--kunobi-player-on-stage:0 0% 97%;font-family:var(--font-sans);color:hsl(var(--foreground))}.kunobi-player,.kunobi-player *{box-sizing:border-box}.kunobi-player button,.kunobi-player input{font:inherit}.kunobi-player-stage button{border-radius:calc(var(--radius) - 2px);background:hsl(var(--kunobi-player-on-stage) / .12);color:hsl(var(--kunobi-player-on-stage));cursor:pointer;border:0;padding:6px 12px;transition:background .12s}.kunobi-player-stage button:hover{background:hsl(var(--kunobi-player-on-stage) / .2)}.kunobi-player button:disabled{opacity:.45;cursor:default}:is(.kunobi-player button:focus-visible,.kunobi-player input:focus-visible){outline:2px solid hsl(var(--ring));outline-offset:2px}.kunobi-player-stage{background:hsl(var(--kunobi-player-stage));color:hsl(var(--kunobi-player-on-stage));border-radius:calc(var(--radius) * 2);box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.kunobi-player-timeline iframe{aspect-ratio:16/9;border:0;width:100%;display:block}.kunobi-player-page iframe{border:0;width:100%;height:75vh;display:block}.kunobi-player-timeline:-webkit-full-screen{border-radius:0;flex-direction:column;display:flex}.kunobi-player-timeline:fullscreen{border-radius:0;flex-direction:column;display:flex}.kunobi-player-timeline:-webkit-full-screen iframe{flex:1;min-height:0}.kunobi-player-timeline:fullscreen iframe{flex:1;min-height:0}.kunobi-player-attribution{background:hsl(var(--kunobi-player-controls));border-top:1px solid hsl(var(--kunobi-player-on-stage) / .08);justify-content:flex-end;padding:6px 12px;font-size:12px;line-height:16px;display:flex}.kunobi-player-attribution a{color:hsl(var(--kunobi-player-on-stage) / .6);text-decoration:none}:is(.kunobi-player-attribution a:hover,.kunobi-player-attribution a:focus-visible){color:hsl(var(--kunobi-player-on-stage));text-decoration:underline}.kunobi-player-attribution strong{color:hsl(var(--kunobi-player-on-stage));font-weight:600}.kunobi-player-overlay-corner{z-index:2;max-width:calc(100% - 24px);position:absolute;top:12px;right:12px}.kunobi-player-overlay{background:hsl(var(--kunobi-player-stage) / .92);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}.kunobi-player-controls{background:hsl(var(--kunobi-player-controls));align-items:center;gap:12px;padding:10px 14px;display:flex}.kunobi-player-controls input[aria-label=Seek]{flex:1;min-width:40px}.kunobi-player-controls input{accent-color:hsl(var(--primary))}.kunobi-player-controls button{font-size:13px}.kunobi-player-time{white-space:nowrap;color:hsl(var(--kunobi-player-on-stage) / .7);font-variant-numeric:tabular-nums;font-size:12px}.kunobi-player-volume{width:65px}.kunobi-player-heading{justify-content:space-between;align-items:flex-start;gap:16px;margin:20px 0;display:flex}.kunobi-player-heading-text{min-width:0}.kunobi-player-heading h1{letter-spacing:-.01em;overflow-wrap:anywhere;margin:0;font-size:22px;font-weight:650}.kunobi-player-meta{color:hsl(var(--muted-foreground));margin:4px 0 0;font-size:14px}.kunobi-player-actions{flex-shrink:0}.kunobi-player-error{color:hsl(var(--destructive))}.kunobi-player-stage .kunobi-player-error{color:hsl(var(--kunobi-player-on-stage))}.kunobi-player-hint{opacity:.8;margin-top:0}@media (max-width:600px){.kunobi-player-controls{flex-wrap:wrap;gap:8px}.kunobi-player-controls input[aria-label=Seek]{flex-basis:45%}.kunobi-player-volume{display:none}.kunobi-player-heading{flex-direction:column}}