@import "./logo-swipe.css";
.bay-ui .bay-video-player {width:100%;min-width:0;color:var(--bay-text);font-family:var(--bay-font)}
.bay-ui .bay-video-title,.bay-ui .bay-video-status {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.bay-ui .bay-video-screen {position:relative;aspect-ratio:var(--bay-video-aspect-ratio,16/9);overflow:hidden;border-radius:20px;border:1px solid var(--bay-border);background:#000;isolation:isolate}
.bay-ui .bay-video-screen :where(.bmp-video,.bmp-still) {position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#000}
.bay-ui .bay-video-screen.is-empty {display:grid;place-content:center;color:#c8ccc6}
.bay-ui .bay-video-player [hidden] {display:none!important}
.bay-ui .bay-video-toolbar {position:absolute;z-index:3;top:8px;left:8px;right:8px;display:flex;gap:.5rem;align-items:center;flex-wrap:nowrap;overflow-x:auto;padding:4px;border:1px solid var(--bay-border);border-radius:var(--bay-radius);backdrop-filter:var(--bay-glass-blur);-webkit-backdrop-filter:var(--bay-glass-blur);background:var(--bay-surface);color:#fff}
.bay-ui .bay-video-toolbar>*{flex-shrink:0}
.bay-ui .bay-video-action {width:124px;height:48px;padding:0 .75rem;border:1px solid var(--bay-border);border-radius:var(--bay-radius);background:var(--bay-control);color:var(--bay-text);font:inherit;font-size:.875rem;font-weight:600;cursor:pointer}
.bay-ui .bay-video-action:hover:not(:disabled) {background:var(--bay-control-hover)}
.bay-ui .bay-video-action:disabled {opacity:.45;cursor:not-allowed}
.bay-ui .bay-video-position {margin-left:auto;font-variant-numeric:tabular-nums;color:var(--bay-muted);font-size:.875rem}

.bay-ui .bmp-loading {position:absolute;inset:0;z-index:2;display:flex;align-items:flex-start;gap:.5rem;padding:1rem;color:#fff;background:linear-gradient(#000b,transparent 45%);opacity:0;pointer-events:none}
.bay-ui .bmp-loading.is-visible {opacity:1}
.bay-ui .bmp-loading__text {font-size:.75rem;font-weight:650;text-transform:uppercase;letter-spacing:.08em}
.bay-ui .bmp-loading__mark {flex:none;width:10px;height:10px;margin-top:2px;border:2px solid #fff5;border-top-color:var(--bay-accent);border-radius:50%}
.bay-ui .bmp-loading.is-failed .bmp-loading__mark {border-color:var(--bay-accent)}
@media(prefers-reduced-motion:no-preference){.bay-ui .bmp-loading.is-loading .bmp-loading__mark,.bay-ui .bmp-loading.is-buffering .bmp-loading__mark{animation:bay-player-spin .9s linear infinite}}
@keyframes bay-player-spin{to{transform:rotate(360deg)}}

.bay-ui .bay-video-tap {position:absolute;inset:0;z-index:1;display:grid;place-items:center;width:100%;height:100%;border:0;padding:0;background:transparent;color:#fff;cursor:pointer;touch-action:manipulation}
.bay-ui .bay-video-play-mark {position:absolute;left:clamp(min(50%,calc(var(--bay-play-width,64px)/2)),var(--bay-play-x,50%),max(50%,calc(100% - var(--bay-play-width,64px)/2)));top:clamp(min(50%,calc(var(--bay-play-height,64px)/2)),var(--bay-play-y,50%),max(50%,calc(100% - var(--bay-play-height,64px)/2)));transform:translate(-50%,-50%);display:grid;place-items:center;width:var(--bay-play-width,64px);height:var(--bay-play-height,64px);max-width:calc(100% - 8px);max-height:calc(100% - 8px);border-radius:50%;border:1px solid var(--bay-border);background:var(--bay-surface);box-shadow:0 8px 28px #0005,inset 0 1px 0 #ffffff26;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.bay-ui .bay-video-play-mark svg {position:absolute;left:var(--bay-play-icon-x,50%);top:var(--bay-play-icon-y,50%);display:block;width:var(--bay-play-icon-width,calc(var(--bay-play-width,64px)*.4375));height:var(--bay-play-icon-height,calc(var(--bay-play-height,64px)*.4375));max-width:100%;max-height:100%;transform:translate(-50%,-50%) translateX(var(--bay-play-icon-offset,-2px))}
.bay-ui .bay-video-tap[data-paused="false"] .bay-video-play-mark {visibility:hidden}
.bay-ui .bay-video-tap:hover:not(:disabled) .bay-video-play-mark {background:rgba(60,60,60,.8)}
.bay-ui .bay-video-tap:focus-visible {outline:3px solid var(--bay-focus);outline-offset:-5px}
.bay-ui .bay-video-tap:disabled {cursor:default}
.bay-ui .bay-video-tap:disabled .bay-video-play-mark {visibility:hidden}
@media(prefers-reduced-motion:no-preference){.bay-ui .bay-video-play-mark{transition:background 150ms,box-shadow 150ms}}

.bay-ui .bay-video-retry {position:absolute;z-index:4;left:clamp(min(50%,calc(var(--bay-retry-width,64px)/2)),var(--bay-retry-x,50%),max(50%,calc(100% - var(--bay-retry-width,64px)/2)));top:clamp(min(50%,calc(var(--bay-retry-height,64px)/2)),var(--bay-retry-y,50%),max(50%,calc(100% - var(--bay-retry-height,64px)/2)));transform:translate(-50%,-50%);display:grid;place-items:center;width:var(--bay-retry-width,64px);height:var(--bay-retry-height,64px);max-width:calc(100% - 8px);max-height:calc(100% - 8px);border:0;padding:0;border-radius:50%;border:1px solid var(--bay-border);background:var(--bay-surface);backdrop-filter:var(--bay-glass-blur);-webkit-backdrop-filter:var(--bay-glass-blur);box-shadow:0 8px 28px #0005,inset 0 1px 0 #ffffff26;color:#fff;cursor:pointer}
.bay-ui .bay-video-retry svg {position:absolute;left:var(--bay-retry-icon-x,50%);top:var(--bay-retry-icon-y,50%);width:var(--bay-retry-icon-width,calc(var(--bay-retry-width,64px)*.4375));height:var(--bay-retry-icon-height,calc(var(--bay-retry-height,64px)*.4375));max-width:100%;max-height:100%;transform:translate(-50%,-50%)}
.bay-ui .bay-video-retry:hover {background:rgba(60,60,60,.8)}
.bay-ui .bay-video-retry:focus-visible {outline:3px solid var(--bay-focus);outline-offset:4px}

.bay-ui .bay-video-navigation {display:flex;justify-content:center;align-items:center;padding:0;background:none}
.bay-ui .bay-video-navigation .ds-media-steps {display:flex;gap:5px;max-width:100%;overflow-x:auto;min-width:0}
.bay-ui .bay-video-navigation .ds-media-steps>button {display:block;flex:none;min-width:0;min-height:0;margin:0;padding:10px 0;border:0;border-radius:0;background:none;box-shadow:none;cursor:pointer}
.bay-ui .bay-video-navigation .ds-media-steps i {display:block;width:22px;height:3px;border-radius:2px;background:#ffffff26;overflow:hidden}
.bay-ui .bay-video-navigation .ds-media-steps i.is-done {background:#ffffff8c}
.bay-ui .bay-video-navigation .ds-media-steps i.is-now {background:linear-gradient(90deg,var(--bay-accent) var(--p,0%),#ffffff26 var(--p,0%))}
.bay-ui .bay-video-navigation .ds-media-steps>button:hover i:not(.is-now) {background:#ffffffb3}
.bay-ui .bay-video-navigation button:focus-visible {outline:2px solid var(--bay-focus);outline-offset:2px}