@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-duration:initial;--tw-ease:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0}}}media-controller{--video-base:20px;--video-accent:#fff;--video-track-bg:#fff3;--video-track-hover:#ffffff80;--video-buffered:#fff6;--media-tooltip-background:transparent;--media-tooltip-background-color:transparent;--media-tooltip-arrow-display:none}media-controller .video-gradient-bottom{pointer-events:none;bottom:calc(var(--spacing,.25rem)*0);left:calc(var(--spacing,.25rem)*0);width:100%;height:calc(8*var(--video-base));opacity:1;background:linear-gradient(#0000 0%,#0006 60%,#000000b3 100%);transition:opacity .25s;position:absolute}media-controller[userinactive]:not([mediapaused]) .video-gradient-bottom{opacity:0}media-controller media-control-bar{align-items:center;gap:calc(var(--spacing,.25rem)*3);touch-action:none}media-controller media-play-button,media-controller media-playback-rate-menu-button,media-controller media-mute-button,media-controller media-pip-button,media-controller media-fullscreen-button{--media-control-background:transparent;--media-control-hover-background:var(--color-gray-alpha-400);width:calc(var(--spacing,.25rem)*10);height:calc(var(--spacing,.25rem)*10);opacity:.9;background:0 0;border-radius:3.40282e38px;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,opacity .15s,transform .15s;display:inline-flex}media-controller media-play-button:active,media-controller media-playback-rate-menu-button:active,media-controller media-mute-button:active,media-controller media-pip-button:active,media-controller media-fullscreen-button:active{transform:scale(.92)}media-controller media-play-button:hover,media-controller media-playback-rate-menu-button:hover,media-controller media-mute-button:hover,media-controller media-pip-button:hover,media-controller media-fullscreen-button:hover,media-controller media-play-button:focus-visible,media-controller media-playback-rate-menu-button:focus-visible,media-controller media-mute-button:focus-visible,media-controller media-pip-button:focus-visible,media-controller media-fullscreen-button:focus-visible{background:var(--color-gray-alpha-400)}media-controller media-play-button svg,media-controller media-mute-button svg,media-controller media-playback-rate-menu-button svg,media-controller media-pip-button svg,media-controller media-fullscreen-button svg{width:calc(var(--spacing,.25rem)*5);height:calc(var(--spacing,.25rem)*5)}media-controller .icon-state{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.2s;--tw-ease:var(--ease-in-out,cubic-bezier(.4,0,.2,1));transition-duration:.2s;transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1))}media-controller media-play-button[mediapaused] .icon-play{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y);opacity:1}media-controller media-play-button[mediapaused] .icon-pause,media-controller media-play-button:not([mediapaused]) .icon-play{--tw-scale-x:90%;--tw-scale-y:90%;--tw-scale-z:90%;scale:var(--tw-scale-x)var(--tw-scale-y);opacity:0}media-controller media-play-button:not([mediapaused]) .icon-pause{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y);opacity:1}media-controller[mediavolumeunavailable] .mute-group{display:none}media-controller media-mute-button{position:relative}media-controller media-mute-button .vol-on{--tw-translate-x:calc(var(--spacing,.25rem)*.5);translate:var(--tw-translate-x)var(--tw-translate-y)}media-controller media-mute-button:not([mediavolumelevel=off]) .vol-on{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y);opacity:1}media-controller media-mute-button:not([mediavolumelevel=off]) .vol-off,media-controller media-mute-button[mediavolumelevel=off] .vol-on{--tw-scale-x:90%;--tw-scale-y:90%;--tw-scale-z:90%;scale:var(--tw-scale-x)var(--tw-scale-y);opacity:0}media-controller media-mute-button[mediavolumelevel=off] .vol-off{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y);opacity:1}media-controller media-volume-range{--media-range-track-background:var(--video-track-bg);--media-range-thumb-opacity:0}@keyframes video-volume-in{0%{visibility:hidden;opacity:0;transform:translate(-50%,8px)}to{visibility:visible;opacity:1;transform:translate(-50%)}}@keyframes video-volume-out{0%{visibility:visible;opacity:1;transform:translate(-50%)}to{visibility:hidden;opacity:0;transform:translate(-50%,8px)}}media-controller .vol-wrap{visibility:hidden;bottom:calc(var(--video-base)*2 + 8px);opacity:0;z-index:10;transform-origin:bottom;width:calc(2.5*var(--video-base));height:calc(14*var(--video-base));justify-content:center;align-items:flex-end;display:flex;position:absolute;left:50%;transform:translate(calc(4px - 50%))}media-controller .vol-wrap:before{content:"";height:16px;position:absolute;bottom:-16px;left:-8px;right:-8px}media-controller .vol-wrap media-volume-range{--media-range-bar-color:var(--video-accent);--media-range-padding-left:0;--media-range-padding-right:0;--media-range-track-width:calc(14*var(--video-base));--media-range-track-height:var(--video-base);--media-range-track-border-radius:9999px;--media-range-track-backdrop-filter:brightness(80%);--media-range-thumb-width:var(--video-base);--media-range-thumb-border-radius:9999px;transform-origin:50%;transform:translateY(calc(-1*var(--video-base)))rotate(-90deg);width:calc(14*var(--video-base));height:var(--video-base);background-color:#0003;border-radius:3.40282e38px;transition:opacity 0s 1s;overflow:hidden}@supports (color:color-mix(in lab, red, red)){media-controller .vol-wrap media-volume-range{background-color:color-mix(in oklab,var(--color-black,#000)20%,transparent)}}media-controller .vol-wrap media-volume-range{padding-inline:calc(var(--spacing,.25rem)*0);opacity:0}media-controller .vol-wrap media-volume-range[mediavolume]{opacity:1}media-controller .vol-wrap:not(:hover,:focus-within){animation:.3s ease-out video-volume-out}media-controller .vol-wrap:hover,media-controller .vol-wrap:focus,media-controller .vol-wrap:focus-within,media-controller .mute-group-inner media-mute-button:hover~.vol-wrap,media-controller .mute-group-inner media-mute-button:focus~.vol-wrap,media-controller .mute-group-inner media-mute-button:focus-within~.vol-wrap{animation:.3s ease-out forwards video-volume-in}media-controller[keyboardcontrol] .vol-wrap,media-controller[keyboardcontrol] .vol-wrap:focus-within,media-controller[keyboardcontrol] .vol-wrap:focus-within media-volume-range{visibility:visible}media-controller media-time-display{--media-control-hover-background:var(--media-control-background);border-radius:calc(var(--video-base)*.5);padding-inline:calc(var(--video-base)*.5);padding-block:calc(var(--video-base)*.5);font-family:var(--font-sans);font-size:calc(.7*var(--video-base));align-items:center;display:flex;position:relative}media-controller[breakpointmd] media-time-display:not([showduration]),media-controller:not([breakpointmd]) media-time-display[showduration]{display:none}media-controller media-time-range{--media-control-background:transparent;--media-control-hover-background:transparent;--media-range-track-height:3px;--media-range-track-background:var(--video-track-bg);--media-range-track-pointer-background:var(--video-track-hover);--media-time-range-buffered-color:var(--video-buffered);--media-range-bar-color:var(--video-accent);--media-range-thumb-background:var(--video-accent);--media-range-thumb-transition:opacity .1s linear;--media-range-thumb-opacity:0;--media-range-track-border-radius:calc(.25*var(--video-base));--media-preview-thumbnail-border:calc(.125*var(--video-base))solid #fff;--media-preview-thumbnail-border-radius:calc(.5*var(--video-base));--media-preview-thumbnail-min-width:calc(8*var(--video-base));--media-preview-thumbnail-max-width:calc(10*var(--video-base));--media-preview-thumbnail-min-height:calc(5*var(--video-base));--media-preview-thumbnail-max-height:calc(7*var(--video-base));--media-preview-box-margin:0 0 -10px;height:calc(2*var(--video-base));min-width:calc(var(--spacing,.25rem)*0);border-radius:calc(var(--video-base)*.25);flex:1}media-controller media-time-range:hover{--media-range-thumb-opacity:1;--media-range-track-height:calc(.25*var(--video-base))}media-controller media-preview-thumbnail{margin-bottom:calc(var(--spacing,.25rem)*1)}media-controller media-preview-chapter-display{font-size:calc(.6*var(--video-base));padding-block:calc(var(--spacing,.25rem)*0)}media-controller media-preview-time-display{font-family:var(--font-sans);font-size:calc(.65*var(--video-base));padding-top:calc(var(--spacing,.25rem)*0)}media-controller media-playback-rate-menu-button [slot=icon]{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.2s;--tw-ease:var(--ease-in-out,cubic-bezier(.4,0,.2,1));transition-duration:.2s;transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1))}media-controller media-playback-rate-menu-button[aria-expanded=true] [slot=icon]{transform:rotate(30deg)}media-controller .settings-menu-wrap{visibility:hidden;bottom:calc(var(--video-base)*2.5);opacity:0;z-index:10;transform-origin:bottom;justify-content:center;display:flex;position:absolute;left:50%;transform:translate(-50%)}media-controller .settings-menu-wrap media-playback-rate-menu{--media-menu-background:#292929;--media-control-padding:0;border-radius:calc(.5*var(--video-base));padding-block:0}media-controller .settings-menu-wrap:has(media-playback-rate-menu:not([hidden])){visibility:visible;opacity:1}media-controller[mediapipunavailable] media-pip-button,media-controller:not([breakpointpip]) media-pip-button{display:none}media-controller[mediaisfullscreen]{border-radius:0!important;width:100%!important;max-width:100vw!important;height:100%!important;max-height:100vh!important}media-controller[mediaisfullscreen] video{width:100%!important;max-width:100vw!important;height:100%!important;max-height:100vh!important}media-controller media-fullscreen-button:not([mediaisfullscreen]) .fs-enter{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y);opacity:1}media-controller media-fullscreen-button:not([mediaisfullscreen]) .fs-exit,media-controller media-fullscreen-button[mediaisfullscreen] .fs-enter{--tw-scale-x:90%;--tw-scale-y:90%;--tw-scale-z:90%;scale:var(--tw-scale-x)var(--tw-scale-y);opacity:0}media-controller media-fullscreen-button[mediaisfullscreen] .fs-exit{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y);opacity:1}media-controller[audio] .vol-wrap media-volume-range{--media-range-bar-color:var(--color-gray-900);--media-range-track-background:var(--color-gray-alpha-200);background:var(--color-gray-200)}media-controller[audio] .settings-menu-wrap media-playback-rate-menu{--media-primary-color:#fff}media-controller[audio] media-control-bar media-time-display,media-controller[audio] media-control-bar media-time-display[showduration]{padding-inline:calc(var(--spacing,.25rem)*0);color:var(--color-gray-600);letter-spacing:.26px;border-radius:9px;flex-shrink:0;padding-block:5px;font-size:13px;line-height:1.15;display:flex}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}