.player-frame:has(>.recording-playback){border-radius:14px}.recording-playback{color:#fff;border-radius:inherit;-webkit-font-smoothing:antialiased;background:#101211;outline:1px solid #0000001a;overflow:hidden;container-type:inline-size}.recording-controller{--media-primary-color:#fff;--media-secondary-color:transparent;--media-control-hover-background:#ffffff1f;--media-control-background:transparent;--media-control-padding:12px;--media-control-height:28px;--media-font-family:"Geist Variable", sans-serif;--media-font-size:15px;--media-range-track-height:5px;--media-range-thumb-width:14px;--media-range-thumb-height:14px;--media-range-bar-color:#c7b5ff;--media-range-track-background:#ffffff38;--media-focus-ring-color:#c7b5ff;width:100%;height:100%;position:relative}.recording-controller cloudflare-video{width:100%;min-width:0;height:100%;min-height:0}.recording-controls{box-sizing:border-box;background:linear-gradient(#0000,#0009 45%,#000e);align-self:end;width:100%;padding:48px 20px 12px}.recording-controls media-time-range{--media-control-padding:15px 0;--media-range-track-height:7px;width:100%;display:flex}.recording-controls media-control-bar{align-items:center;gap:4px;display:flex}.recording-controls media-control-bar>:is(media-play-button,media-seek-backward-button,media-seek-forward-button,media-mute-button,media-fullscreen-button,media-playback-rate-menu-button){border-radius:10px;min-width:52px;min-height:52px;transition:scale .15s ease-out,background-color .15s ease-out}.recording-speed-trigger{color:#fff;cursor:pointer;background:0 0;border:0;border-radius:10px;min-width:60px;min-height:52px;font:600 15px Geist Variable,sans-serif}.recording-speed-trigger:hover,.recording-speed-trigger[aria-expanded=true]{background:#ffffff1f}.recording-speed-trigger:focus-visible,.recording-speed-menu button:focus-visible,.recording-speed-dialog :is(button,a):focus-visible{outline-offset:2px;outline:2px solid #c7b5ff}.recording-speed-wrap{z-index:5;position:absolute;bottom:88px;right:74px}.recording-speed-menu{background:#202321f5;border:1px solid #ffffff1f;border-radius:12px;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;width:248px;padding:6px;display:grid;box-shadow:0 12px 32px #0008}.recording-speed-menu button{color:#fff;min-height:42px;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:space-between;align-items:center;gap:6px;padding:8px 9px;line-height:1.2;display:flex}.recording-speed-menu button:hover,.recording-speed-menu button[aria-pressed=true]{background:#c7b5ff24}.recording-speed-menu .recording-speed-pro{color:#dfd0ff}.recording-speed-badge{color:#241a32;white-space:nowrap;text-transform:uppercase;background:#c7b5ff;border-radius:4px;align-items:center;padding:3px 6px;font-size:10px;font-weight:700;line-height:1;display:inline-flex}.recording-speed-overlay{z-index:10;background:#000a;place-items:center;padding:16px;display:grid;position:absolute;inset:0}.recording-speed-dialog{color:#fff;background:#202321;border:1px solid #ffffff30;border-radius:12px;width:min(100%,350px);padding:22px;box-shadow:0 16px 40px #0009}.recording-speed-dialog h2{margin:0 0 10px;font-size:19px;line-height:1.25}.recording-speed-dialog p{color:#d2d4d1;margin:0 0 20px;line-height:1.5}.recording-speed-dialog>div{justify-content:flex-end;align-items:center;gap:10px;display:flex}.recording-speed-dialog :is(button,a){color:#fff;font:inherit;cursor:pointer;background:#ffffff14;border:1px solid #ffffff38;border-radius:7px;padding:9px 12px;text-decoration:none}.recording-speed-dialog a{color:#241a32;background:#c7b5ff;border-color:#c7b5ff;font-weight:700}.recording-controls media-time-display{font-variant-numeric:tabular-nums;white-space:nowrap;padding-inline:8px}.recording-control-spacer{flex:1}.recording-volume-slider{--media-control-padding:15px 2px;width:80px}.recording-controls media-playback-rate-menu-button{font-variant-numeric:tabular-nums;min-width:60px;font-weight:600}.recording-rate-menu{--media-menu-background:#202321f5;--media-menu-border-radius:12px;--media-menu-item-hover-background:#ffffff14;--media-menu-item-checked-background:#c7b5ff24;--media-menu-item-focus-shadow:inset 0 0 0 2px #c7b5ff;border:1px solid #ffffff1f;border-radius:12px;min-width:130px;max-height:calc(100% - 96px);margin-bottom:10px;box-shadow:0 2px 6px #0003,0 12px 32px #0005}.recording-rate-menu::part(menu-item){border-radius:6px;padding:12px 18px}.recording-rate-menu::part(checked){color:#c7b5ff}.recording-player-message{color:#fff;z-index:3;text-align:center;background:#101211;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:20px;font-size:14px;line-height:1.5;display:flex;position:absolute;inset:0;opacity:1!important}.recording-player-message span{color:#b6bbb6;max-width:320px}.recording-player-message button{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff38;border-radius:7px;min-height:44px;padding:9px 14px}.recording-player-message button:focus-visible{outline-offset:3px;outline:2px solid #c7b5ff}@container (width<=560px){.recording-volume-slider{display:none}.recording-controls{padding:36px 8px 6px}.recording-controls media-control-bar{gap:0}.recording-controller{--media-control-padding:10px;--media-control-height:24px;--media-font-size:13px}}@container (width<=480px){.recording-speed-wrap{bottom:72px;right:48px}.recording-speed-trigger{min-width:44px;min-height:44px;font-size:13px}.recording-speed-menu{width:min(248px,70cqw)}.recording-skip{display:none}.recording-rate-menu{--media-menu-layout:row;--media-menu-item-checked-indicator-display:none;--media-menu-gap:0;width:calc(100% - 16px);min-width:0}.recording-rate-menu::part(menu-item){flex:1;justify-content:center;padding:12px 3px;font-size:12px}.recording-controls media-time-display{padding-inline:4px}}@media (prefers-reduced-motion:reduce){.recording-controller{--media-menu-transition-in:none;--media-menu-transition-out:none}}.recording-controller[data-error=true] :is(.recording-controls,.recording-rate-menu,.recording-big-play,media-loading-indicator){display:none!important}.recording-controller:has(media-playback-rate-menu-button[aria-expanded=true]) .recording-controls{--media-tooltip-display:none}.recording-big-play{color:#171918;--media-primary-color:#171918;--media-control-background:#fff;--media-control-hover-background:#f1ecff;--media-control-height:42px;--media-control-padding:25px;border-radius:50%;width:96px;height:96px;transition:transform .16s,box-shadow .16s;position:absolute;top:50%;left:50%;translate:-50% -50%;box-shadow:0 0 0 1px #0000000d,0 2px 5px #0002,0 8px 24px #0003}.recording-big-play:not([mediapaused]){display:none}.recording-center-icons{width:var(--media-control-height);height:var(--media-control-height);display:block;position:relative}.recording-center-icons svg{opacity:1;filter:blur();width:100%;height:100%;transition:opacity .3s cubic-bezier(.2,0,0,1),scale .3s cubic-bezier(.2,0,0,1),filter .3s cubic-bezier(.2,0,0,1);position:absolute;inset:0;scale:1}.recording-big-play:not([mediaended]) .recording-replay-icon,.recording-big-play[mediaended] .recording-play-icon{opacity:0;filter:blur(4px);scale:.25}.recording-big-play:active{transform:scale(.96)}.recording-big-play:focus-visible{outline-offset:10px;outline:3px solid #c7b5ff}@media (hover:hover){.recording-big-play:hover{box-shadow:0 0 0 1px #0000000d,0 3px 8px #0002,0 12px 28px #0004}}@container (width<=560px){.recording-controls media-control-bar>:is(media-play-button,media-seek-backward-button,media-seek-forward-button,media-mute-button,media-fullscreen-button,media-playback-rate-menu-button){min-width:44px;min-height:44px}.recording-big-play{--media-control-height:32px;--media-control-padding:20px;width:72px;height:72px}}@media (prefers-reduced-motion:reduce){.recording-big-play{transition:none}}.recording-controls media-control-bar>:is(media-play-button,media-seek-backward-button,media-seek-forward-button,media-mute-button,media-fullscreen-button,media-playback-rate-menu-button):active{scale:.96}@media (prefers-reduced-motion:reduce){.recording-center-icons svg,.recording-controls media-control-bar>*{transition:none}.recording-big-play:active{transform:none}.recording-controls media-control-bar>:active{scale:1}}.recording-scrubber{position:relative}.recording-scrubber-marks{pointer-events:none;position:absolute;inset:0}.scrubber-tick{mix-blend-mode:screen;background:#ffffffa6;border-radius:1px;width:2px;height:7px;position:absolute;top:50%;transform:translate(-1px,-50%)}.scrubber-tick.is-muted,.scrubber-tick.is-info{background:#ffffff59}.scrubber-flag{--flag:#f5a524;cursor:pointer;pointer-events:auto;background:0 0;border:0;width:22px;height:22px;padding:0;position:absolute;top:50%;transform:translate(-50%,-50%)}.scrubber-flag.is-error{--flag:#dfa1a1}.scrubber-flag:before{content:"";background:var(--flag);border-radius:3px;width:9px;height:9px;transition:transform .16s cubic-bezier(.2,0,0,1);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(45deg);box-shadow:0 0 0 1px #0006}.scrubber-flag:hover:before,.scrubber-flag:focus-visible:before{transform:translate(-50%,-50%)rotate(45deg)scale(1.35)}.scrubber-flag:focus-visible{outline-offset:0;border-radius:6px;outline:2px solid #c7b5ff}.scrubber-flag:after{content:attr(data-label);color:#fff;white-space:nowrap;text-overflow:ellipsis;opacity:0;pointer-events:none;background:#111113f2;border-radius:6px;max-width:240px;padding:5px 8px;font:500 12px/1.3 Geist Variable,sans-serif;transition:opacity .14s,transform .14s;position:absolute;bottom:calc(100% + 6px);left:50%;overflow:hidden;transform:translate(-50%,4px)}.scrubber-flag:hover:after,.scrubber-flag:focus-visible:after{opacity:1;transform:translate(-50%)}.scrubber-flag:disabled{cursor:default}@media (prefers-reduced-motion:reduce){.scrubber-flag:before,.scrubber-flag:after{transition:none}}.scrubber-flag.is-discussion{background:var(--purple,#7047ff);background:0 0;border:0;border-radius:50%;width:22px;height:22px}.scrubber-flag.is-discussion:before{background:var(--purple,#7047ff);border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #fff}