.media-default-skin *,.media-default-skin :after,.media-default-skin :before{box-sizing:border-box}.media-default-skin img,.media-default-skin svg,.media-default-skin video{display:block;max-width:100%}.media-default-skin button{font:inherit}.media-default-skin [hidden][hidden]{display:none}@media (prefers-reduced-motion:no-preference){.media-default-skin{interpolate-size:allow-keywords}}.media-default-skin{--media-current-shadow-color:oklch(from currentColor 0 0 0/clamp(0,calc((l - 0.5) * 0.5),0.15));--media-current-shadow-color-subtle:oklch(from var(--media-current-shadow-color) l c h/calc(alpha * 0.4));--media-icon-size:18px;--media-color-scrollbar-thumb:oklch(from currentColor l c h/0.3);container:media-root/inline-size;display:block;font-family:Inter Variable,Inter,ui-sans-serif,system-ui,sans-serif;font-size:.8125rem;height:100%;position:relative;width:100%;-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto;border-radius:var(--media-border-radius,2rem);isolation:isolate;letter-spacing:normal;line-height:1.5;outline:2px solid transparent;outline-offset:-4px;scrollbar-color:var(--media-color-scrollbar-thumb) transparent;scrollbar-width:thin;transition-duration:.1s;transition-property:outline-offset,outline-color;transition-timing-function:ease-out;&:focus-visible{outline-color:currentColor;outline-offset:2px}&::-webkit-scrollbar-thumb{background:var(--media-color-scrollbar-thumb);border-radius:9999px}@media (prefers-reduced-transparency:reduce) or (prefers-contrast:more){--media-color-scrollbar-thumb:oklch(from currentColor l c h/0.8);scrollbar-width:auto}}.media-default-skin .media-surface{backdrop-filter:var(--media-surface-backdrop-filter);background-color:var(--media-surface-background-color);box-shadow:0 0 0 1px var(--media-surface-outer-border-color),0 1px 3px 0 var(--media-surface-shadow-color),0 1px 2px -1px var(--media-surface-shadow-color);&:after{border-radius:inherit;box-shadow:inset 0 0 0 1px var(--media-surface-inner-border-color);content:"";inset:0;pointer-events:none;position:absolute;z-index:10}}.media-default-skin ::slotted(video),.media-default-skin video{display:block;height:100%;object-fit:var(--media-object-fit,contain);object-position:var(--media-object-position,center);width:100%}.media-default-skin ::slotted(video){border-radius:var(--media-video-border-radius)}.media-default-skin video{border-radius:inherit}.media-default-skin:fullscreen ::slotted(video),.media-default-skin:fullscreen video{object-fit:contain}.media-default-skin .media-overlay{backdrop-filter:blur(0) saturate(1);background-image:linear-gradient(0deg,oklch(0 0 0/.5),oklch(0 0 0/.3) 25%,oklch(0 0 0/0));border-radius:inherit;inset:0;opacity:0;pointer-events:none;position:absolute;transition-duration:var(--media-controls-transition-duration);transition-property:opacity,backdrop-filter;transition-timing-function:ease-out}.media-default-skin .media-error~.media-overlay{transition-delay:var(--media-error-dialog-transition-delay);transition-duration:var(--media-error-dialog-transition-duration)}.media-default-skin .media-controls[data-visible]~.media-overlay,.media-default-skin .media-error[data-open]~.media-overlay{opacity:1}.media-default-skin .media-buffering-indicator[data-visible]~.media-overlay{backdrop-filter:blur(8px);background:oklch(0 0 0/.35);opacity:1}.media-default-skin .media-error[data-open]~.media-overlay{backdrop-filter:blur(16px) saturate(1.5)}.media-default-skin .media-buffering-indicator{color:oklch(1 0 0);display:none;inset:0;place-content:center;pointer-events:none;position:absolute;z-index:10;&:not([data-visible]){--media-spinner-animation:none}&[data-visible]{display:grid}}.media-default-skin .media-error{outline:none}.media-default-skin .media-error:not([data-open]){display:none}.media-default-skin .media-error__title{font-weight:600;line-height:1.25}.media-default-skin .media-error__description{opacity:.7;overflow-wrap:anywhere}.media-default-skin .media-error__actions{display:flex;gap:.5rem;&>*{flex:1}}.media-default-skin .media-error[data-open]~.media-controls *{visibility:hidden}.media-default-skin .media-controls{align-items:center;border-radius:1.5rem;column-gap:.075rem;container:media-controls/inline-size;display:flex;padding:.375rem;text-shadow:0 1px 0 var(--media-current-shadow-color)}.media-default-skin .media-time-controls{align-items:center;container:media-time-controls/inline-size;display:flex;flex:1;gap:.75rem;padding-inline:.5rem}.media-default-skin .media-time{font-variant-numeric:tabular-nums}.media-default-skin .media-time[role=button]{border-radius:.25rem;cursor:pointer;outline:2px solid transparent;outline-offset:-2px;transition-duration:.1s;transition-property:outline-color,outline-offset;transition-timing-function:ease-out;&:focus-visible{outline-color:currentColor;outline-offset:2px}}.media-default-skin .media-button{align-items:center;border:none;border-radius:calc(infinity * 1px);cursor:pointer;display:flex;flex-shrink:0;justify-content:center;min-height:0;outline:2px solid transparent;outline-offset:-2px;padding:.5rem 1rem;text-align:center;touch-action:manipulation;transition-duration:.15s;transition-property:background-color,outline-offset,scale;transition-timing-function:ease-out;user-select:none;will-change:scale;&:focus-visible{outline-color:currentColor;outline-offset:2px}&:active{scale:.98}&[disabled]{cursor:not-allowed;filter:grayscale(1);opacity:.5}&[data-availability=unavailable],&[data-availability=unsupported]{display:none}}.media-default-skin .media-button--primary{background:oklch(1 0 0);color:oklch(0 0 0);font-weight:500;text-shadow:none}.media-default-skin .media-button--subtle{background:transparent;color:inherit;text-shadow:inherit;&:focus-visible,&:hover,&[aria-expanded=true]{background-color:oklch(from currentColor l c h/.1);text-decoration:none}}.media-default-skin .media-button--icon{aspect-ratio:1;display:grid;padding:0;width:2.25rem;&:active{scale:.9}& .media-icon__container{display:grid}& .media-icon{filter:drop-shadow(0 1px 0 var(--media-current-shadow-color));grid-area:1/1;transition-behavior:allow-discrete;transition-duration:.15s;transition-property:display,opacity;transition-timing-function:ease-out}}.media-default-skin .media-button--seek{& .media-icon__label{bottom:-3px;font-size:10px;font-variant-numeric:tabular-nums;font-weight:500;letter-spacing:-.05em;position:absolute;right:-1px}&:has(.media-icon--flipped) .media-icon__label{left:-1px;right:unset}}.media-default-skin .media-button--playback-rate{font-variant-numeric:tabular-nums;padding:0;&:after{content:attr(data-rate) "\00D7";width:4ch}&[data-inline-rate-label]:after{content:none}}.media-default-skin .media-button--settings{display:none;& .media-icon--settings{transition:transform .15s ease-in-out;@media (prefers-reduced-motion:reduce){transition-duration:0s}}&[aria-expanded=true] .media-icon--settings{transform:rotate(90deg)}}.media-default-skin .media-button-group:has([data-availability=available]) .media-button--settings{display:grid}.media-default-skin .media-button--live{align-items:center;aspect-ratio:auto;display:inline-flex;font-size:.75rem;font-weight:600;gap:.4rem;letter-spacing:.05em;line-height:1;padding:.5rem .75rem;text-transform:uppercase;width:auto;&:before{background-color:oklch(from currentColor l c h/.4);border-radius:50%;content:"";display:inline-block;flex-shrink:0;height:.5rem;transition:background-color .15s ease-out;width:.5rem}&[data-live-edge]:before{background-color:oklch(.65 .22 27)}}.media-default-skin .media-button-group{align-items:center;display:flex;gap:.075rem;@container media-root (width > 42rem){gap:.125rem}}.media-default-skin .media-badge{background-color:oklch(from currentColor l c h/.1);border-radius:calc(infinity * 1px);color:oklch(from currentColor l c h/.85);font-size:.6875rem;font-weight:500;line-height:1;padding:.125rem .375rem;white-space:nowrap}.media-default-skin .media-icon__container{position:relative}.media-default-skin .media-icon{flex-shrink:0;height:var(--media-icon-size);width:var(--media-icon-size)}.media-default-skin .media-icon--flipped{scale:-1 1}.media-default-skin media-poster,.media-default-skin>img{height:100%;inset:0;pointer-events:none;position:absolute;transition:opacity .25s;width:100%}.media-default-skin media-poster:not([data-visible]),.media-default-skin>img:not([data-visible]),.media-default-skin>img[data-visible]:not([data-loaded]){opacity:0}.media-default-skin media-poster ::slotted(img),.media-default-skin media-poster img{border-radius:var(--media-video-border-radius);height:100%;inset:0;object-fit:var(--media-object-fit,contain);object-position:var(--media-object-position,center);position:absolute;width:100%}.media-default-skin>img{border-radius:inherit;object-fit:var(--media-object-fit,contain);object-position:var(--media-object-position,center)}.media-default-skin media-poster:before,.media-default-skin:before{background-image:var(--media-poster-placeholder,none);background-position:var(--media-object-position,center);background-repeat:no-repeat;background-size:var(--media-object-fit,contain);content:"";filter:blur(var(--media-poster-placeholder-blur,20px));inset:0;pointer-events:none;position:absolute}.media-default-skin:before{opacity:0;transition:opacity .25s}.media-default-skin:has(img[data-visible]:not([data-loaded])):before{opacity:1}.media-default-skin:fullscreen media-poster ::slotted(img),.media-default-skin:fullscreen media-poster img,.media-default-skin:fullscreen>img{object-fit:contain}.media-default-skin .media-thumbnail{background-color:oklch(0 0 0/.9);border-radius:.75rem;pointer-events:none;& .media-thumbnail__image{border-radius:inherit;display:block;overflow:clip;position:relative;&:after{background-image:linear-gradient(0deg,oklch(0 0 0/.8),oklch(0 0 0/.3),oklch(0 0 0/0));border-radius:inherit;content:"";inset:0;position:absolute}}& .media-thumbnail__time{inset-inline:0;bottom:.5rem;position:absolute;text-align:center}& .media-thumbnail__spinner{left:50%;opacity:0;position:absolute;top:50%;translate:-50% -50%}& .media-thumbnail__image,& .media-thumbnail__spinner{transition:opacity .15s ease-out}&:not(:has(.media-thumbnail__image[data-loading])){& .media-thumbnail__spinner{--media-spinner-animation:none}}&:has(.media-thumbnail__image[data-loading]){& .media-thumbnail__image{opacity:0}& .media-thumbnail__spinner{opacity:1}}}.media-default-skin .media-slider{align-items:center;border-radius:calc(infinity * 1px);cursor:pointer;display:flex;flex:1;justify-content:center;outline:none;position:relative;&[data-orientation=horizontal]{height:2rem;min-width:5rem;width:100%}&[data-orientation=vertical]{height:5rem;width:2rem}}.media-default-skin .media-slider__track{border-radius:inherit;isolation:isolate;overflow:hidden;position:relative;user-select:none;&[data-orientation=horizontal]{height:.25rem;width:100%}&[data-orientation=vertical]{height:100%;width:.25rem}}.media-default-skin .media-slider__thumb{background-color:currentColor;border-radius:calc(infinity * 1px);box-shadow:0 0 0 1px var(--media-current-shadow-color,oklch(0 0 0/.1)),0 1px 3px 0 oklch(0 0 0/.35),0 1px 2px -1px oklch(0 0 0/.35);height:.625rem;opacity:0;outline:4px solid transparent;outline-offset:-4px;position:absolute;transition-duration:.15s;transition-property:opacity,height,width,outline-offset;transition-timing-function:ease-out;translate:-50% -50%;user-select:none;width:.625rem;z-index:10;&[data-orientation=horizontal]{left:var(--media-slider-fill);top:50%}&[data-orientation=vertical]{left:50%;top:calc(100% - var(--media-slider-fill))}&:focus,&:hover{outline-color:oklch(from currentColor l c h/.15);outline-offset:0}&:after{border-radius:inherit;box-shadow:0 0 0 2px currentColor;content:"";inset:-4px;position:absolute;transition-duration:.15s;transition-property:opacity,scale;transition-timing-function:ease-out}&:not(:focus-visible):after{opacity:0;scale:.5}}.media-default-skin .media-slider:active .media-slider__thumb,.media-default-skin .media-slider__thumb--persistent{height:.75rem;width:.75rem}.media-default-skin .media-slider:hover .media-slider__thumb,.media-default-skin .media-slider__thumb--persistent,.media-default-skin .media-slider__thumb:focus-visible{opacity:1}.media-default-skin .media-slider__preview{& .media-slider__value,&:before{opacity:0;scale:.5;transition-duration:.2s;transition-property:opacity,scale;transition-timing-function:ease-out}& .media-slider__value{bottom:2.25rem;filter:blur(8px);position:absolute;text-shadow:0 1px 0 var(--media-current-shadow-color);transition-property:filter,opacity,scale,translate;translate:-50% .5rem}&:before{background-color:currentColor;border-radius:100%;box-shadow:0 0 0 1px var(--media-current-shadow-color,oklch(0 0 0/.15)),0 1px 2px 0 oklch(0 0 0/.35);content:"";display:block;height:.25rem;min-width:.25rem}&[data-pointing] .media-slider__value,&[data-pointing]:not([data-dragging]):before{opacity:1;scale:1}&[data-pointing] .media-slider__value{filter:blur(0);translate:-50% 0}}.media-default-skin .media-slider__buffer,.media-default-skin .media-slider__fill{border-radius:inherit;pointer-events:none;position:absolute}.media-default-skin .media-slider__buffer[data-orientation=horizontal],.media-default-skin .media-slider__fill[data-orientation=horizontal]{inset-block:0;left:0}.media-default-skin .media-slider__buffer[data-orientation=vertical],.media-default-skin .media-slider__fill[data-orientation=vertical]{inset-inline:0;bottom:0}.media-default-skin .media-slider__buffer{background-color:oklch(from currentColor l c h/.2);transition-duration:.25s;transition-timing-function:ease-out;&[data-orientation=horizontal]{transition-property:width;width:var(--media-slider-buffer)}&[data-orientation=vertical]{height:var(--media-slider-buffer);transition-property:height}}.media-default-skin .media-slider__fill{background-color:currentColor;&[data-orientation=horizontal]{width:var(--media-slider-fill)}&[data-orientation=vertical]{height:var(--media-slider-fill)}}.media-default-skin .media-slider[data-dragging] .media-slider__thumb[data-orientation=horizontal]{left:var(--media-slider-pointer)}.media-default-skin .media-slider[data-dragging] .media-slider__thumb[data-orientation=vertical]{top:calc(100% - var(--media-slider-pointer))}.media-default-skin .media-slider[data-dragging] .media-slider__fill[data-orientation=horizontal]{width:var(--media-slider-pointer)}.media-default-skin .media-slider[data-dragging] .media-slider__fill[data-orientation=vertical]{height:var(--media-slider-pointer)}.media-default-skin{--media-popup-transition:opacity var(--media-popup-transition-timing-function) var(--media-popup-transition-duration),filter var(--media-popup-transition-timing-function) var(--media-popup-transition-duration),transform var(--media-popup-transition-timing-function) var(--media-popup-transition-duration),scale var(--media-popup-transition-timing-function) var(--media-popup-transition-duration)}.media-default-skin .media-popover,.media-default-skin .media-tooltip{--popup-translate-distance:0.5rem;border:0;color:inherit;margin:0;overflow:visible;transition:var(--media-popup-transition);&[data-ending-style],&[data-starting-style]{filter:blur(4px);opacity:0;scale:.95;transform:translate(var(--popup-translate-x-distance,0),var(--popup-translate-y-distance,0))}&[data-ending-style]{transform:none;transition-duration:max(0s,calc(var(--media-popup-transition-duration) - 50ms))}&[data-side=top]{--popup-translate-y-distance:var(--popup-translate-distance);transform-origin:bottom}&[data-side=bottom]{--popup-translate-y-distance:calc(var(--popup-translate-distance) * -1);transform-origin:top}&[data-side=left]{--popup-translate-x-distance:var(--popup-translate-distance);transform-origin:right}&[data-side=right]{--popup-translate-x-distance:calc(var(--popup-translate-distance) * -1);transform-origin:left}&:before{content:"";pointer-events:inherit;position:absolute}&[data-side=bottom]:before,&[data-side=top]:before{inset-inline:0;width:100%}&[data-side=top]:before{top:100%}&[data-side=bottom]:before{bottom:100%}&[data-side=left]:before,&[data-side=right]:before{height:100%;inset-block:0}&[data-side=left]:before{left:100%}&[data-side=right]:before{right:100%}}.media-default-skin .media-popover{&[data-side=bottom]:before,&[data-side=top]:before{height:var(--media-popover-side-offset)}&[data-side=left]:before,&[data-side=right]:before{width:var(--media-popover-side-offset)}}.media-default-skin .media-popover--volume{border-radius:calc(infinity * 1px);padding:.75rem 0;&:has(media-volume-slider[data-availability=unsupported]){display:none}}.media-default-skin .media-tooltip{border-radius:calc(infinity * 1px);font-size:.75rem;padding:.25rem .625rem;white-space:nowrap;&[data-open]{align-items:center;column-gap:.25rem;display:flex}&[data-side=bottom]:before,&[data-side=top]:before{height:var(--media-tooltip-side-offset)}&[data-side=left]:before,&[data-side=right]:before{width:var(--media-tooltip-side-offset)}& .media-tooltip__kbd{background-color:oklch(from currentColor l c h/.3);border-radius:.25rem;font-family:inherit;font-size:90%;font-weight:600;line-height:1.25;min-width:1.5em;padding:.1em;text-align:center}}.media-default-skin .media-menu{--menu-transition-duration:250ms;--menu-max-height:14rem;--menu-padding:0.25rem;--menu-border-radius:0.75rem;--menu-item-border-radius:calc(var(--menu-border-radius) - var(--menu-padding));border-radius:var(--menu-border-radius);box-sizing:border-box;max-height:min(var(--media-popover-available-height,var(--menu-max-height)),var(--menu-max-height));max-width:var(--media-popover-available-width,none);overflow:auto;overscroll-behavior:none;padding:var(--menu-padding);@media (prefers-reduced-motion:reduce){--menu-transition-duration:0ms}& .media-menu__panel{inset:0;outline:none;overflow:auto;overscroll-behavior:none;padding:var(--menu-padding);position:absolute;transition-duration:var(--menu-transition-duration);transition-property:translate,filter;transition-timing-function:ease-in-out;translate:0 0;will-change:translate,filter;&[data-ending-style],&[data-starting-style]{overflow:hidden}&[data-menu-root-view][data-menu-view-state=inactive]{filter:blur(8px);translate:-100% 0;& .media-menu__group:before{display:none}}&[data-submenu]{z-index:10;&:not([data-open],[data-ending-style]){transition-property:none;translate:-100% 0}&[data-ending-style],&[data-starting-style]{filter:blur(8px);pointer-events:none}&[data-ending-style][data-direction=back],&[data-starting-style][data-direction=forward]{translate:100% 0}&[data-ending-style][data-direction=forward],&[data-starting-style][data-direction=back]{translate:-100% 0}}}& .media-menu__separator{border-bottom:1px solid oklch(0 0 0/.1);box-shadow:0 1px 0 0 oklch(1 0 0/.075);margin-block:.25rem}& .media-menu__group{display:flex;flex-direction:column;gap:.125rem;@supports (top:anchor(top)){&:before{background-color:oklch(from currentColor l c h/.1);border-radius:var(--menu-item-border-radius);content:"";inset:anchor(inside);pointer-events:none;position:absolute;position-anchor:--media-menu-item-highlight-anchor;transition:inset .1s ease-in-out}}}& .media-menu__back,& .media-menu__item{align-items:center;border-radius:var(--menu-item-border-radius);cursor:pointer;display:flex;gap:.375rem;outline:2px solid transparent;outline-offset:-2px;padding:.375rem .5rem;text-align:left;text-shadow:0 1px 0 var(--media-current-shadow-color);transition:background-color,color;transition-duration:.1s;transition-timing-function:ease-out;user-select:none;&:focus-visible{outline-color:currentColor;outline-offset:2px}&:hover,&[data-highlighted]{background-color:oklch(from currentColor l c h/.1);@supports (top:anchor(top)){anchor-name:--media-menu-item-highlight-anchor;background-color:transparent}}& .media-icon{color:oklch(from currentColor l c h/.65);filter:drop-shadow(0 1px 0 var(--media-current-shadow-color));flex-shrink:0}}& .media-menu__indicator{flex-shrink:0;margin-left:auto;margin-right:-.25rem;opacity:0;& .media-icon{filter:drop-shadow(0 1px 0 var(--media-current-shadow-color))}}& .media-menu__item{color:inherit;font-variant-numeric:tabular-nums;justify-content:space-between;&[aria-disabled=true]{cursor:not-allowed;opacity:.5;pointer-events:none}&[aria-checked=true] .media-menu__indicator{opacity:1}&[data-availability=unavailable],&[data-availability=unsupported]{display:none}}& .media-menu__tier{color:oklch(from currentColor l c h/.7);font-size:.5625rem;font-weight:600;line-height:1;padding-left:.125rem;padding-top:1px}& .media-menu__back{margin-bottom:.125rem;width:100%}& .media-menu__hint{align-items:center;color:oklch(from currentColor l c h/.65);display:inline-flex;font-size:.75rem;gap:.25rem;margin-left:auto;min-width:0;padding-left:.5rem}& .media-menu__hint-label{max-width:6rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}& .media-menu__chevron{height:.875rem;width:.875rem}&.media-menu--settings{height:var(--media-menu-height);min-width:12rem;overflow:hidden;transition:var(--media-popup-transition),height var(--media-popup-transition-timing-function) var(--menu-transition-duration),width var(--media-popup-transition-timing-function) var(--menu-transition-duration);width:var(--media-menu-width);&[data-ending-style],&[data-starting-style]{transition:var(--media-popup-transition)}}}.media-default-skin{--media-caption-track-duration:var(--media-controls-transition-duration);--media-caption-track-delay:25ms;--media-caption-track-y:-0.5rem;&:has(.media-controls[data-visible]){--media-caption-track-y:-5.5rem}@container media-root (width > 42rem){&:has(.media-controls[data-visible])>*{--media-caption-track-y:-3.5rem}}}.media-default-skin video::-webkit-media-text-track-container{font-family:inherit;scale:.98;transition:translate var(--media-caption-track-duration) ease-out;transition-delay:var(--media-caption-track-delay);translate:0 var(--media-caption-track-y);z-index:1}.media-default-skin .media-input-feedback{align-items:center;inset-inline:0;bottom:3.5rem;color:var(--media-color-primary,oklch(1 0 0));display:grid;grid-template-columns:1fr 1fr 1fr;justify-items:center;pointer-events:none;position:absolute;top:0;@container media-root (width > 24rem){bottom:0}}.media-default-skin .media-input-feedback-island{--media-surface-background-color:oklch(0 0 0/0.25);border-radius:calc(Infinity * 1px);color:inherit;font-weight:500;pointer-events:none;position:absolute;top:.75rem;transform-origin:top center;transition-duration:.1s;transition-timing-function:ease-out;.media-input-feedback-island__content{align-items:center;display:flex;gap:.5rem;justify-content:space-between;padding:.25rem .625rem;width:100%;*{mix-blend-mode:difference}}.media-icon{display:none;flex-shrink:0}.media-input-feedback-island__value{margin-left:auto}@media (pointer:coarse){transition-property:scale,translate,opacity;will-change:scale,translate,opacity}@media (pointer:fine) and (prefers-reduced-motion:no-preference){transition-property:scale,translate,filter,opacity;will-change:scale,translate,filter,opacity}@media (prefers-reduced-transparency:reduce) or (prefers-contrast:more){--media-surface-background-color:oklch(0 0 0)}&[data-ending-style],&[data-starting-style]{opacity:0;transition-duration:.25s;transition-timing-function:ease-in;@media (pointer:fine) and (prefers-reduced-motion:no-preference){filter:blur(8px);scale:.9}@media (prefers-reduced-motion:no-preference){&[data-ending-style]{translate:0 -25%}}}}.media-default-skin .media-input-feedback-island--volume{width:min(80%,12rem);.media-input-feedback-island__content{--media-progress-fill:var(--media-volume-fill);background-image:linear-gradient(to right,currentColor 0,currentColor var(--media-progress-fill),transparent var(--media-progress-fill),transparent 100%);border-radius:inherit;transition:--media-progress-fill .2s linear}&[data-level=high] .media-icon--volume-high,&[data-level=low] .media-icon--volume-low,&[data-level=off] .media-icon--volume-off{display:block}@media (prefers-reduced-motion:no-preference){&[data-max],&[data-min]{animation:media-shake .3s ease-in-out}}}.media-default-skin .media-input-feedback-island--status{&[data-status=captions-off] .media-icon--captions-off,&[data-status=captions-on] .media-icon--captions-on,&[data-status=exit-fullscreen] .media-icon--fullscreen-exit,&[data-status=exit-pip] .media-icon--pip-exit,&[data-status=fullscreen] .media-icon--fullscreen-enter,&[data-status=pip] .media-icon--pip-enter{display:block}}.media-default-skin .media-input-feedback-bubble{display:grid;grid-column:2;grid-row:1;padding:1rem;place-content:center;text-align:center;&:not([data-direction]){backdrop-filter:blur(8px);background:oklch(0 0 0/.35);border-radius:100%;transition-duration:.2s;transition-property:opacity,scale;transition-timing-function:ease-out;&[data-ending-style],&[data-starting-style]{opacity:0;scale:.85}&[data-ending-style]{transition-duration:.1s;transition-timing-function:ease-in}@media (prefers-reduced-motion:reduce){transition-duration:50ms;transition-property:opacity}}&[data-direction]{gap:.25rem;@container media-root (width > 24rem){padding-bottom:1.5rem;padding-left:1.5rem;padding-right:1.5rem;padding-top:1.5rem}}&[data-direction=backward]{grid-column:1;justify-self:left}&[data-direction=forward]{grid-column:3;justify-self:right}.media-icon{display:none;height:calc(var(--media-icon-size) * 1.5);width:calc(var(--media-icon-size) * 1.5);&.media-icon--play{translate:1px 0}}&[data-direction] .media-icon--seek,&[data-status=pause] .media-icon--pause,&[data-status=play] .media-icon--play{display:block}&[data-direction=backward] .media-icon--seek{scale:-1 1}@media (prefers-reduced-motion:no-preference){.media-icon--seek{transition-duration:.2s;transition-property:translate,opacity;transition-timing-function:ease-in-out}&[data-ending-style] .media-icon--seek,&[data-starting-style] .media-icon--seek{opacity:0}&[data-direction=forward][data-starting-style] .media-icon--seek{translate:-60% 0}&[data-direction=backward][data-starting-style] .media-icon--seek{translate:60% 0}}}.media-default-skin--video{--media-spring-timing-function:linear(0,0.034 1.5%,0.763 9.7%,1.066 13.9%,1.198 19.9%,1.184 21.8%,0.963 37.5%,0.997 50.9%,1);--media-border-color:oklch(0 0 0/0.1);--media-surface-background-color:oklch(1 0 0/0.1);--media-surface-inner-border-color:oklch(1 0 0/0.05);--media-surface-outer-border-color:oklch(0 0 0/0.1);--media-surface-shadow-color:oklch(0 0 0/0.15);--media-surface-backdrop-filter:blur(16px) saturate(1.5);--media-video-border-radius:var(--media-border-radius,2rem);--media-controls-transition-duration:100ms;--media-controls-transition-timing-function:ease-out;--media-error-dialog-transition-duration:350ms;--media-error-dialog-transition-delay:100ms;--media-error-dialog-transition-timing-function:var(--media-spring-timing-function);--media-popup-transition-duration:100ms;--media-popup-transition-timing-function:ease-out;--media-tooltip-side-offset:0.75rem;--media-tooltip-boundary-offset:0.5rem;--media-popover-side-offset:0.5rem;--media-popover-boundary-offset:0.5rem;background:oklch(0 0 0);overflow:clip;@media (prefers-reduced-motion:reduce){--media-error-dialog-transition-duration:50ms;--media-error-dialog-transition-delay:0ms;--media-error-dialog-transition-timing-function:ease-out;--media-popup-transition-duration:0ms}@media (prefers-color-scheme:dark){--media-border-color:oklch(1 0 0/0.15)}@media (prefers-reduced-transparency:reduce) or (prefers-contrast:more){--media-surface-background-color:oklch(0 0 0);--media-surface-inner-border-color:oklch(1 0 0/0.25);--media-surface-outer-border-color:transparent}&:has(.media-controls:not([data-visible])){@media (pointer:fine){--media-controls-transition-duration:300ms}@media (pointer:coarse){--media-controls-transition-duration:150ms}@media (prefers-reduced-motion:reduce){--media-controls-transition-duration:50ms}}&:after{border-radius:inherit;box-shadow:inset 0 0 0 1px var(--media-border-color);content:"";inset:0;pointer-events:none;position:absolute;z-index:10}&:fullscreen{--media-border-radius:0}}.media-default-skin--video .media-error{align-items:center;display:flex;inset:0;justify-content:center;position:absolute;z-index:20}.media-default-skin--video .media-error__dialog{border-radius:1.75rem;color:oklch(1 0 0);display:flex;flex-direction:column;gap:.75rem;max-width:18rem;padding:.75rem;text-shadow:0 1px 0 oklch(0 0 0/.25);transition-delay:var(--media-error-dialog-transition-delay);transition-duration:var(--media-error-dialog-transition-duration);transition-property:opacity,scale;transition-timing-function:var(--media-error-dialog-transition-timing-function)}.media-default-skin--video .media-error[data-ending-style] .media-error__dialog,.media-default-skin--video .media-error[data-starting-style] .media-error__dialog{opacity:0;scale:.5}.media-default-skin--video .media-error[data-ending-style] .media-error__dialog{transition-delay:0s}.media-default-skin--video .media-error__content{display:flex;flex-direction:column;gap:.5rem;padding:.5rem .5rem .375rem;text-shadow:inherit}.media-default-skin--video .media-error__title{font-size:1rem}.media-default-skin--video .media-controls{inset-inline:.5rem;bottom:.5rem;color:var(--media-color-primary,oklch(1 0 0));flex-wrap:wrap;position:absolute;transform-origin:bottom;transition-duration:var(--media-controls-transition-duration);transition-timing-function:var(--media-controls-transition-timing-function);z-index:10;@media (pointer:fine){transition-property:scale,filter,opacity;will-change:scale,filter,opacity}@media (pointer:coarse){transition-property:scale,opacity;will-change:scale,opacity}&:not([data-visible]){opacity:0;pointer-events:none;scale:.95;@media (pointer:fine) and (prefers-reduced-motion:no-preference){filter:blur(8px)}@media (prefers-reduced-motion:reduce){scale:1}}& .media-time-controls{flex:0 0 100%;order:-1;padding-inline:.625rem}& .media-button-group:first-child{flex:1;text-align:left}& .media-button-group:last-child{flex:1;justify-content:end}@container media-root (width > 42rem){inset-inline:.75rem;bottom:.75rem;column-gap:.125rem;flex-wrap:nowrap;padding-bottom:.25rem;padding-left:.25rem;padding-right:.25rem;padding-top:.25rem;& .media-time-controls{flex:1;order:unset}& .media-button-group:first-child,& .media-button-group:last-child{flex:0 0 auto}}}.media-default-skin--video .media-error[data-open]~.media-controls{display:none}.media-default-skin--video:has(.media-controls:not([data-visible])){cursor:none}.media-default-skin--video .media-slider__track{background-color:oklch(1 0 0/.2);box-shadow:0 0 0 1px oklch(0 0 0/.05)}.media-default-skin--video .media-slider__thumbnail{--media-slider-thumbnail-max-width:11rem;--media-slider-thumbnail-max-height:8rem;--media-slider-thumbnail-padding:-1.125rem;--media-slider-thumbnail-inset:calc((100cqi - 100%) / 2);bottom:calc(100% + 1.2rem);filter:blur(8px);left:clamp(calc(var(--media-slider-thumbnail-max-width) / 2 + var(--media-slider-thumbnail-padding) - var(--media-slider-thumbnail-inset)),var(--media-slider-pointer),calc(100% - var(--media-slider-thumbnail-max-width) / 2 - var(--media-slider-thumbnail-padding) + var(--media-slider-thumbnail-inset)));opacity:0;pointer-events:none;position:absolute;scale:.8;transform-origin:bottom;transition-duration:.15s;transition-property:scale,opacity,filter;transition-timing-function:ease-out;translate:-50%;& .media-thumbnail__image{max-height:var(--media-slider-thumbnail-max-height);max-width:var(--media-slider-thumbnail-max-width)}}.media-default-skin--video .media-slider[data-pointing] .media-slider__thumbnail:has([role=img]:not([data-hidden])){filter:blur(0);opacity:1;scale:1}.media-default-skin--video .media-slider__thumbnail:has([role=img]:not([data-hidden]))+.media-slider__preview .media-slider__value{display:none}live-video-player,video-player{display:contents}live-video-player [slot=poster],live-video-player video,video-player [slot=poster],video-player video{display:block;height:100%;width:100%}live-video-player video::-webkit-media-text-track-container,video-player video::-webkit-media-text-track-container{font-family:inherit;scale:.98;transition:translate var(--media-caption-track-duration,0) ease-out;transition-delay:var(--media-caption-track-delay,0);translate:0 var(--media-caption-track-y,0);z-index:1}media-tooltip-group{display:contents}:host{display:grid;width:100%}media-container{min-height:0;min-width:0}.media-popover--volume:has(media-volume-slider[data-availability=unsupported]){display:none}.media-minimal-skin *,.media-minimal-skin :after,.media-minimal-skin :before{box-sizing:border-box}.media-minimal-skin img,.media-minimal-skin svg,.media-minimal-skin video{display:block;max-width:100%}.media-minimal-skin button{font:inherit}.media-minimal-skin [hidden][hidden]{display:none}@media (prefers-reduced-motion:no-preference){.media-minimal-skin{interpolate-size:allow-keywords}}.media-minimal-skin{--media-current-shadow-color:oklch(from currentColor 0 0 0/clamp(0,calc((l - 0.5) * 0.5),0.15));--media-current-shadow-color-subtle:oklch(from var(--media-current-shadow-color) l c h/calc(alpha * 0.4));--media-icon-size:18px;--media-color-scrollbar-thumb:oklch(from currentColor l c h/0.3);container:media-root/inline-size;display:block;font-family:Inter Variable,Inter,ui-sans-serif,system-ui,sans-serif;font-size:.8125rem;height:100%;position:relative;width:100%;-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto;border-radius:var(--media-border-radius,.75rem);isolation:isolate;letter-spacing:normal;line-height:1.5;outline:2px solid transparent;outline-offset:-4px;scrollbar-color:var(--media-color-scrollbar-thumb) transparent;scrollbar-width:thin;transition-duration:.1s;transition-property:outline-offset,outline-color;transition-timing-function:ease-out;&:focus-visible{outline-color:currentColor;outline-offset:2px}&::-webkit-scrollbar-thumb{background:var(--media-color-scrollbar-thumb);border-radius:9999px}@media (prefers-reduced-transparency:reduce) or (prefers-contrast:more){--media-color-scrollbar-thumb:oklch(from currentColor l c h/0.8);scrollbar-width:auto}}.media-minimal-skin ::slotted(video),.media-minimal-skin video{display:block;height:100%;object-fit:var(--media-object-fit,contain);object-position:var(--media-object-position,center);width:100%}.media-minimal-skin ::slotted(video){border-radius:var(--media-video-border-radius)}.media-minimal-skin video{border-radius:inherit}.media-minimal-skin:fullscreen ::slotted(video),.media-minimal-skin:fullscreen video{object-fit:contain}.media-minimal-skin .media-overlay{backdrop-filter:blur(0) saturate(1);background-image:linear-gradient(0deg,oklch(0 0 0/.7),oklch(0 0 0/.5) 7.5rem,oklch(0 0 0/0));border-radius:inherit;inset:0;opacity:0;pointer-events:none;position:absolute;transition-duration:var(--media-controls-transition-duration);transition-property:opacity,backdrop-filter;transition-timing-function:ease-out}.media-minimal-skin .media-error~.media-overlay{transition-delay:var(--media-error-dialog-transition-delay);transition-duration:var(--media-error-dialog-transition-duration)}.media-minimal-skin .media-controls[data-visible]~.media-overlay,.media-minimal-skin .media-error[data-open]~.media-overlay{opacity:1}.media-minimal-skin .media-buffering-indicator[data-visible]~.media-overlay{backdrop-filter:blur(8px);background:oklch(0 0 0/.35);opacity:1}.media-minimal-skin .media-error[data-open]~.media-overlay{backdrop-filter:blur(16px) saturate(1.2)}.media-minimal-skin .media-buffering-indicator{color:oklch(1 0 0);display:none;inset:0;place-content:center;pointer-events:none;position:absolute;z-index:10;&:not([data-visible]){--media-spinner-animation:none}&[data-visible]{display:grid}}.media-minimal-skin .media-error:not([data-open]){display:none}.media-minimal-skin .media-error__title{font-weight:600;line-height:1.25}.media-minimal-skin .media-error__description{opacity:.7;overflow-wrap:anywhere}.media-minimal-skin .media-error__actions{display:flex;gap:.5rem;&>*{flex:1}}.media-minimal-skin .media-error[data-open]~.media-controls *{visibility:hidden}.media-minimal-skin .media-controls{align-items:center;backdrop-filter:var(--media-controls-backdrop-filter);background-color:var(--media-controls-background-color);container:media-controls/inline-size;display:flex;text-shadow:0 1px 0 var(--media-current-shadow-color)}.media-minimal-skin .media-time-controls{align-items:center;container:media-time-controls/inline-size;display:flex;flex:1;flex-direction:row-reverse;gap:.75rem}.media-minimal-skin .media-time-group{align-items:center;display:flex;gap:.25rem}.media-minimal-skin .media-time{font-variant-numeric:tabular-nums}.media-minimal-skin .media-time[role=button]{border-radius:.25rem;cursor:pointer;outline:2px solid transparent;outline-offset:-2px;transition-duration:.1s;transition-property:outline-color,outline-offset;transition-timing-function:ease-out;@supports (corner-shape:squircle){border-radius:1rem;corner-shape:squircle}&:focus-visible{outline-color:currentColor;outline-offset:2px}}.media-minimal-skin .media-time--current,.media-minimal-skin .media-time-separator{display:none}@container media-root (width > 42rem){.media-minimal-skin .media-time-controls{flex-direction:row}.media-minimal-skin .media-time--duration,.media-minimal-skin .media-time-separator{color:oklch(from currentColor l c h/.6)}.media-minimal-skin .media-time--current,.media-minimal-skin .media-time-separator{display:inline}}.media-minimal-skin .media-button{align-items:center;border:none;border-radius:.5rem;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;min-height:0;outline:2px solid transparent;outline-offset:-2px;padding:.5rem 1rem;text-align:center;touch-action:manipulation;transition-duration:.15s;transition-property:background-color,outline-offset,scale;transition-timing-function:ease-out;user-select:none;will-change:scale;&:focus-visible{outline-color:currentColor;outline-offset:2px}&:active{scale:.98}&[disabled]{cursor:not-allowed;filter:grayscale(1);opacity:.5}&[data-availability=unavailable],&[data-availability=unsupported]{display:none}}@supports (corner-shape:squircle){.media-minimal-skin .media-button{border-radius:1rem;corner-shape:squircle}}.media-minimal-skin .media-button--primary{background:oklch(1 0 0);color:oklch(0 0 0);font-weight:500;text-shadow:none}.media-minimal-skin .media-button--subtle{background:transparent;color:inherit;text-shadow:inherit;&:focus-visible,&:hover,&[aria-expanded=true]{background:oklch(from currentColor l c h/.1)}}.media-minimal-skin .media-button--icon{aspect-ratio:1;display:grid;padding:0;width:2.375rem;&:active{scale:.9}& .media-icon__container{display:grid}& .media-icon{filter:drop-shadow(0 1px 0 var(--media-current-shadow-color));grid-area:1/1;transition-behavior:allow-discrete;transition-duration:.15s;transition-property:display,opacity;transition-timing-function:ease-out}}.media-minimal-skin .media-button--seek{& .media-icon__label{bottom:-3px;font-size:10px;font-variant-numeric:tabular-nums;font-weight:500;letter-spacing:-.05em;position:absolute;right:-1px}&:has(.media-icon--flipped) .media-icon__label{left:-1px;right:unset}}.media-minimal-skin .media-button--playback-rate{font-variant-numeric:tabular-nums;padding:0;&:after{content:attr(data-rate) "\00D7";width:4ch}&[data-inline-rate-label]:after{content:none}}.media-minimal-skin .media-button--settings{display:none;& .media-icon--settings{transition:transform .15s ease-in-out;@media (prefers-reduced-motion:reduce){transition-duration:0s}}&[aria-expanded=true] .media-icon--settings{transform:rotate(90deg)}}.media-minimal-skin .media-button-group:has([data-availability=available]) .media-button--settings{display:grid}.media-minimal-skin .media-button--live{align-items:center;aspect-ratio:auto;display:inline-flex;font-size:.75rem;font-weight:600;gap:.4rem;letter-spacing:.05em;line-height:1;padding:.5rem .75rem;text-transform:uppercase;width:auto;&:before{background-color:oklch(from currentColor l c h/.4);border-radius:50%;content:"";display:inline-block;flex-shrink:0;height:.5rem;transition:background-color .15s ease-out;width:.5rem}&[data-live-edge]:before{background-color:oklch(.65 .22 27)}}.media-minimal-skin .media-button-group{align-items:center;display:flex;gap:.075rem;@container media-root (width > 42rem){gap:.125rem}}.media-minimal-skin .media-badge{background-color:oklch(from currentColor l c h/.1);border-radius:.25rem;color:oklch(from currentColor l c h/.85);font-size:.6875rem;font-weight:500;line-height:1;padding:.25rem .375rem;white-space:nowrap}.media-minimal-skin .media-icon__container{position:relative}.media-minimal-skin .media-icon{flex-shrink:0;height:var(--media-icon-size);width:var(--media-icon-size)}.media-minimal-skin .media-icon--flipped{scale:-1 1}.media-minimal-skin media-poster,.media-minimal-skin>img{height:100%;inset:0;pointer-events:none;position:absolute;transition:opacity .25s;width:100%}.media-minimal-skin media-poster:not([data-visible]),.media-minimal-skin>img:not([data-visible]),.media-minimal-skin>img[data-visible]:not([data-loaded]){opacity:0}.media-minimal-skin media-poster ::slotted(img),.media-minimal-skin media-poster img{border-radius:var(--media-video-border-radius);height:100%;inset:0;object-fit:var(--media-object-fit,contain);object-position:var(--media-object-position,center);position:absolute;width:100%}.media-minimal-skin>img{border-radius:inherit;object-fit:var(--media-object-fit,contain);object-position:var(--media-object-position,center)}.media-minimal-skin media-poster:before,.media-minimal-skin:before{background-image:var(--media-poster-placeholder,none);background-position:var(--media-object-position,center);background-repeat:no-repeat;background-size:var(--media-object-fit,contain);content:"";filter:blur(var(--media-poster-placeholder-blur,20px));inset:0;pointer-events:none;position:absolute}.media-minimal-skin:before{opacity:0;transition:opacity .25s}.media-minimal-skin:has(img[data-visible]:not([data-loaded])):before{opacity:1}.media-minimal-skin:fullscreen media-poster ::slotted(img),.media-minimal-skin:fullscreen media-poster img,.media-minimal-skin:fullscreen>img{object-fit:contain}.media-minimal-skin .media-thumbnail{pointer-events:none;& .media-thumbnail__image-wrapper{background-color:oklch(0 0 0/.9);border-radius:.5rem;position:relative}& .media-thumbnail__image{border-radius:inherit;display:block}& .media-thumbnail__time{display:block;margin-top:.5rem;text-align:center}& .media-overlay{opacity:1}& .media-thumbnail__spinner{left:50%;opacity:0;position:absolute;top:50%;translate:-50% -50%}& .media-thumbnail__image,& .media-thumbnail__spinner{transition:opacity .15s ease-out}&:not(:has(.media-thumbnail__image[data-loading])){& .media-thumbnail__spinner{--media-spinner-animation:none}}&:has(.media-thumbnail__image[data-loading]){& .media-thumbnail__image{opacity:0}& .media-thumbnail__spinner{opacity:1}}}.media-minimal-skin .media-slider{align-items:center;border-radius:calc(infinity * 1px);cursor:pointer;display:flex;flex:1;justify-content:center;outline:none;position:relative;&[data-orientation=horizontal]{height:2rem;min-width:5rem;width:100%}&[data-orientation=vertical]{height:4.5rem;width:2rem}}.media-minimal-skin .media-slider__track{background-color:oklch(from currentColor l c h/.2);border-radius:inherit;isolation:isolate;overflow:hidden;position:relative;user-select:none;&[data-orientation=horizontal]{height:.1875rem;width:100%}&[data-orientation=vertical]{height:100%;width:.1875rem}}.media-minimal-skin .media-slider__thumb{background-color:currentColor;border-radius:calc(infinity * 1px);box-shadow:0 0 0 1px var(--media-current-shadow-color,oklch(0 0 0/.15)),0 1px 3px 0 oklch(0 0 0/.15),0 1px 2px -1px oklch(0 0 0/.15);height:.75rem;opacity:0;outline:2px solid transparent;outline-offset:-2px;position:absolute;scale:.7;transform-origin:center;transition-duration:.15s;transition-property:opacity,scale,outline-offset;transition-timing-function:ease-out;translate:-50% -50%;user-select:none;width:.75rem;z-index:10;&[data-orientation=horizontal]{left:var(--media-slider-fill);top:50%}&[data-orientation=vertical]{left:50%;top:calc(100% - var(--media-slider-fill))}&:focus-visible{outline-color:currentColor;outline-offset:2px}}.media-minimal-skin .media-slider:focus-within .media-slider__thumb,.media-minimal-skin .media-slider:hover .media-slider__thumb,.media-minimal-skin .media-slider__thumb--persistent{opacity:1;scale:1}.media-minimal-skin .media-slider__preview{& .media-slider__value,&:before{opacity:0;scale:.5;transition-duration:.2s;transition-property:opacity,scale;transition-timing-function:ease-out}& .media-slider__value{bottom:1.5rem;filter:blur(8px);position:absolute;text-shadow:0 1px 0 var(--media-current-shadow-color);transition-property:filter,opacity,scale,translate;translate:-50% .5rem}&:before{background-color:oklch(from currentColor l c h/.35);content:"";display:block}&[data-pointing] .media-slider__value,&[data-pointing]:not([data-dragging]):before{opacity:1;scale:1}&[data-pointing] .media-slider__value{filter:blur(0);translate:-50% 0}&[data-orientation=horizontal]:before{height:1.25rem;min-width:1px}&[data-orientation=vertical]:before{min-height:1px;width:1.25rem}}.media-minimal-skin .media-slider__buffer,.media-minimal-skin .media-slider__fill{border-radius:inherit;pointer-events:none;position:absolute}.media-minimal-skin .media-slider__buffer[data-orientation=horizontal],.media-minimal-skin .media-slider__fill[data-orientation=horizontal]{inset-block:0;left:0}.media-minimal-skin .media-slider__buffer[data-orientation=vertical],.media-minimal-skin .media-slider__fill[data-orientation=vertical]{inset-inline:0;bottom:0}.media-minimal-skin .media-slider__buffer{background-color:oklch(from currentColor l c h/.2);transition-duration:.25s;transition-timing-function:ease-out;&[data-orientation=horizontal]{transition-property:width;width:var(--media-slider-buffer)}&[data-orientation=vertical]{height:var(--media-slider-buffer);transition-property:height}}.media-minimal-skin .media-slider__fill{background-color:currentColor;&[data-orientation=horizontal]{width:var(--media-slider-fill)}&[data-orientation=vertical]{height:var(--media-slider-fill)}}.media-minimal-skin .media-slider[data-dragging] .media-slider__thumb[data-orientation=horizontal]{left:var(--media-slider-pointer)}.media-minimal-skin .media-slider[data-dragging] .media-slider__thumb[data-orientation=vertical]{top:calc(100% - var(--media-slider-pointer))}.media-minimal-skin .media-slider[data-dragging] .media-slider__fill[data-orientation=horizontal]{width:var(--media-slider-pointer)}.media-minimal-skin .media-slider[data-dragging] .media-slider__fill[data-orientation=vertical]{height:var(--media-slider-pointer)}.media-minimal-skin{--media-popup-transition:opacity var(--media-popup-transition-timing-function) var(--media-popup-transition-duration),filter var(--media-popup-transition-timing-function) var(--media-popup-transition-duration),transform var(--media-popup-transition-timing-function) var(--media-popup-transition-duration),scale var(--media-popup-transition-timing-function) var(--media-popup-transition-duration)}.media-minimal-skin .media-popover,.media-minimal-skin .media-tooltip{--popup-translate-distance:0.5rem;border:0;color:inherit;margin:0;overflow:visible;transition:var(--media-popup-transition);&[data-ending-style],&[data-starting-style]{filter:blur(4px);opacity:0;scale:.95;transform:translate(var(--popup-translate-x-distance,0),var(--popup-translate-y-distance,0))}&[data-ending-style]{transform:none;transition-duration:max(0s,calc(var(--media-popup-transition-duration) - 50ms))}&[data-side=top]{--popup-translate-y-distance:var(--popup-translate-distance);transform-origin:bottom}&[data-side=bottom]{--popup-translate-y-distance:calc(var(--popup-translate-distance) * -1);transform-origin:top}&[data-side=left]{--popup-translate-x-distance:var(--popup-translate-distance);transform-origin:right}&[data-side=right]{--popup-translate-x-distance:calc(var(--popup-translate-distance) * -1);transform-origin:left}&:before{content:"";pointer-events:inherit;position:absolute}&[data-side=bottom]:before,&[data-side=top]:before{inset-inline:0;width:100%}&[data-side=top]:before{top:100%}&[data-side=bottom]:before{bottom:100%}&[data-side=left]:before,&[data-side=right]:before{height:100%;inset-block:0}&[data-side=left]:before{left:100%}&[data-side=right]:before{right:100%}}.media-minimal-skin .media-popover{&[data-side=bottom]:before,&[data-side=top]:before{height:var(--media-popover-side-offset)}&[data-side=left]:before,&[data-side=right]:before{width:var(--media-popover-side-offset)}}.media-minimal-skin .media-tooltip{backdrop-filter:var(--media-tooltip-backdrop-filter);background-color:var(--media-tooltip-background-color);border-radius:.5rem;box-shadow:0 0 0 1px var(--media-tooltip-border-color),0 4px 6px -1px oklch(0 0 0/.2),0 2px 4px -2px oklch(0 0 0/.2);color:var(--media-tooltip-text-color);font-size:.75rem;padding:.25rem .5rem;white-space:nowrap;&[data-open]{align-items:center;column-gap:.25rem;display:flex}&[data-side=bottom]:before,&[data-side=top]:before{height:var(--media-tooltip-side-offset)}&[data-side=left]:before,&[data-side=right]:before{width:var(--media-tooltip-side-offset)}& .media-tooltip__kbd{background-color:oklch(from currentColor l c h/.15);border-radius:.25rem;font-family:inherit;font-size:90%;font-weight:600;line-height:1.25;margin-right:-.25rem;min-width:1.5em;padding:.1em;text-align:center}}.media-minimal-skin .media-popover--volume:has(media-volume-slider[data-availability=unsupported]){display:none}.media-minimal-skin .media-menu{--menu-transition-duration:250ms;--menu-max-height:14rem;--menu-padding:0.5rem;--menu-border-radius:1rem;--menu-item-border-radius:calc(var(--menu-border-radius) - var(--menu-padding));backdrop-filter:var(--media-popover-backdrop-filter);background-color:var(--media-popover-background-color);border-radius:var(--menu-border-radius);box-shadow:0 0 0 1px var(--media-popover-border-color),0 4px 6px -1px oklch(0 0 0/.1),0 2px 4px -2px oklch(0 0 0/.1);box-sizing:border-box;max-height:min(var(--media-popover-available-height,var(--menu-max-height)),var(--menu-max-height));max-width:var(--media-popover-available-width,none);overflow:auto;overscroll-behavior:none;padding:var(--menu-padding);@media (prefers-reduced-motion:reduce){--menu-transition-duration:0ms}& .media-menu__panel{inset:0;outline:none;overflow:auto;overscroll-behavior:none;padding:var(--menu-padding);position:absolute;transition-duration:var(--menu-transition-duration);transition-property:translate,filter;transition-timing-function:ease-in-out;translate:0 0;will-change:translate,filter;&[data-ending-style],&[data-starting-style]{overflow:hidden}&[data-menu-root-view][data-menu-view-state=inactive]{filter:blur(8px);translate:-100% 0;& .media-menu__group:before{display:none}}&[data-submenu]{z-index:10;&:not([data-open],[data-ending-style]){transition-property:none;translate:-100% 0}&[data-ending-style],&[data-starting-style]{filter:blur(8px);pointer-events:none}&[data-ending-style][data-direction=back],&[data-starting-style][data-direction=forward]{translate:100% 0}&[data-ending-style][data-direction=forward],&[data-starting-style][data-direction=back]{translate:-100% 0}}}& .media-menu__separator{border-bottom:1px solid oklch(1 0 0/.1);margin:.25rem 0}& .media-menu__group{display:flex;flex-direction:column;gap:.125rem;@supports (top:anchor(top)){&:before{background-color:oklch(from currentColor l c h/.1);border-radius:var(--menu-item-border-radius);content:"";inset:anchor(inside);pointer-events:none;position:absolute;position-anchor:--media-menu-item-highlight-anchor;transition:inset .1s ease-in-out}}}& .media-menu__back,& .media-menu__item{align-items:center;border-radius:var(--menu-item-border-radius);cursor:pointer;display:flex;gap:.375rem;outline:2px solid transparent;outline-offset:-2px;padding:.375rem .5rem;text-align:left;text-shadow:0 1px 0 var(--media-current-shadow-color);transition:background-color,color;transition-duration:.1s;transition-timing-function:ease-out;user-select:none;&:focus-visible{outline-color:currentColor;outline-offset:2px}&:hover,&[data-highlighted]{background-color:oklch(from currentColor l c h/.1);@supports (top:anchor(top)){anchor-name:--media-menu-item-highlight-anchor;background-color:transparent}}& .media-icon{color:oklch(from currentColor l c h/.5);filter:drop-shadow(0 1px 0 var(--media-current-shadow-color));flex-shrink:0}}& .media-menu__indicator{flex-shrink:0;margin-left:auto;margin-right:-.25rem;opacity:0}& .media-menu__item{color:inherit;font-variant-numeric:tabular-nums;justify-content:space-between;&[aria-disabled=true]{cursor:not-allowed;opacity:.5;pointer-events:none}&[aria-checked=true] .media-menu__indicator{opacity:1}&[data-availability=unavailable],&[data-availability=unsupported]{display:none}}& .media-menu__tier{color:oklch(from currentColor l c h/.7);font-size:.5625rem;font-weight:600;line-height:1;padding-left:.125rem;padding-top:1px}& .media-menu__back{margin-bottom:.125rem;width:100%}& .media-menu__hint{align-items:center;color:oklch(from currentColor l c h/.65);display:inline-flex;font-size:.75rem;gap:.25rem;margin-left:auto;min-width:0;padding-left:.5rem}& .media-menu__hint-label{max-width:6rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}& .media-menu__chevron{height:.875rem;width:.875rem}&.media-menu--settings{height:var(--media-menu-height);min-width:12rem;overflow:hidden;transition:var(--media-popup-transition),height var(--media-popup-transition-timing-function) var(--menu-transition-duration),width var(--media-popup-transition-timing-function) var(--menu-transition-duration);width:var(--media-menu-width);&[data-ending-style],&[data-starting-style]{transition:var(--media-popup-transition)}}}.media-minimal-skin{--media-caption-track-duration:var(--media-controls-transition-duration);--media-caption-track-delay:25ms;--media-caption-track-y:-0.5rem;&:has(.media-controls[data-visible]){--media-caption-track-y:-5rem}@container media-root (width > 42rem){&:has(.media-controls[data-visible])>*{--media-caption-track-y:-3rem}}}.media-minimal-skin video::-webkit-media-text-track-container{font-family:inherit;scale:.98;transition:translate var(--media-caption-track-duration) ease-out;transition-delay:var(--media-caption-track-delay);translate:0 var(--media-caption-track-y);z-index:1}.media-minimal-skin .media-input-feedback{align-items:center;border-radius:inherit;inset-inline:0;bottom:3.5rem;color:var(--media-color-primary,oklch(1 0 0));display:grid;grid-template-columns:1fr 1fr 1fr;justify-items:center;overflow:hidden;pointer-events:none;position:absolute;top:0;@container media-root (width > 24rem){bottom:0}}.media-minimal-skin .media-input-feedback-island{background-image:linear-gradient(180deg,oklch(0 0 0/.35),oklch(0 0 0/.2) 3rem,oklch(0 0 0/0));color:inherit;display:flex;inset-inline:0;justify-content:center;padding-bottom:8rem;padding-top:.75rem;pointer-events:none;position:absolute;text-shadow:0 1px 0 var(--media-current-shadow-color);top:0;transform-origin:top center;transition-duration:.1s;transition-timing-function:ease-out;.media-input-feedback-island__content{align-items:center;display:flex;gap:.5rem;justify-content:space-between;padding:.25rem .625rem}.media-icon{display:none;filter:drop-shadow(0 1px 0 var(--media-current-shadow-color));flex-shrink:0}.media-input-feedback-island__value{margin-left:auto}@media (pointer:fine){transition-property:translate,filter,opacity;will-change:translate,filter,opacity}@media (pointer:coarse){transition-property:translate,opacity;will-change:translate,opacity}@media (pointer:fine) and (prefers-reduced-motion:no-preference){transition-property:translate,filter,opacity}@media (prefers-reduced-transparency:reduce) or (prefers-contrast:more){.media-input-feedback-island__content{background:var(--media-controls-background-color);border-radius:.5rem}}&[data-ending-style],&[data-starting-style]{opacity:0;transition-duration:.4s;transition-timing-function:ease-in;@media (pointer:fine) and (prefers-reduced-motion:no-preference){filter:blur(8px)}@media (prefers-reduced-motion:no-preference){&[data-ending-style]{translate:0 -100%}}}}.media-minimal-skin .media-input-feedback-island--volume{.media-input-feedback-island__content{width:min(80%,14rem)}.media-input-feedback-island__progress{--media-progress-fill:var(--media-volume-fill);background-image:linear-gradient(to right,currentColor 0,currentColor var(--media-progress-fill),oklch(from currentColor l c h/.2) var(--media-progress-fill),oklch(from currentColor l c h/.2) 100%);border-radius:calc(Infinity * 1px);box-shadow:0 1px 0 var(--media-current-shadow-color-subtle);height:.1875rem;width:100%}&[data-level=high] .media-icon--volume-high,&[data-level=low] .media-icon--volume-low,&[data-level=off] .media-icon--volume-off{display:block}@media (prefers-reduced-motion:no-preference){&[data-max] .media-input-feedback-island__content,&[data-min] .media-input-feedback-island__content{animation:media-shake .3s ease-in-out}}}.media-minimal-skin .media-input-feedback-island--status{&[data-status=captions-off] .media-icon--captions-off,&[data-status=captions-on] .media-icon--captions-on,&[data-status=exit-fullscreen] .media-icon--fullscreen-exit,&[data-status=exit-pip] .media-icon--pip-exit,&[data-status=fullscreen] .media-icon--fullscreen-enter,&[data-status=pip] .media-icon--pip-enter{display:block}}.media-minimal-skin .media-input-feedback-bubble{display:grid;grid-column:2;grid-row:1;padding:1rem;place-content:center;text-align:center;&:not([data-direction]){transition-duration:.2s;transition-property:opacity,scale;transition-timing-function:ease-out;&[data-ending-style],&[data-starting-style]{opacity:0;scale:.85}&[data-ending-style]{transition-duration:.1s;transition-timing-function:ease-in}@media (prefers-reduced-motion:reduce){transition-duration:50ms;transition-property:opacity}}&[data-direction]{gap:.25rem;@container media-root (width > 24rem){padding-bottom:1.5rem;padding-left:1.5rem;padding-right:1.5rem;padding-top:1.5rem}}&[data-direction=backward]{grid-column:1;justify-self:left}&[data-direction=forward]{grid-column:3;justify-self:right}.media-icon{display:none;height:calc(var(--media-icon-size) * 2);width:calc(var(--media-icon-size) * 2)}.media-icon--seek{height:calc(var(--media-icon-size) * 1.5);width:calc(var(--media-icon-size) * 1.5)}&[data-direction] .media-icon--seek,&[data-status=pause] .media-icon--pause,&[data-status=play] .media-icon--play{display:block}&[data-direction=backward] .media-icon--seek{scale:-1 1}@media (prefers-reduced-motion:no-preference){.media-icon--seek{transition-duration:.2s;transition-property:translate,opacity;transition-timing-function:ease-in-out}&[data-ending-style] .media-icon--seek,&[data-starting-style] .media-icon--seek{opacity:0}&[data-direction=forward][data-starting-style] .media-icon--seek{translate:-60% 0}&[data-direction=backward][data-starting-style] .media-icon--seek{translate:60% 0}}}.media-button--airplay .media-icon--airplay-enter,.media-button--airplay .media-icon--airplay-exit,.media-button--captions .media-icon--captions-off,.media-button--captions .media-icon--captions-on,.media-button--cast .media-icon--cast-enter,.media-button--cast .media-icon--cast-exit,.media-button--fullscreen .media-icon--fullscreen-enter,.media-button--fullscreen .media-icon--fullscreen-exit,.media-button--mute .media-icon--volume-high,.media-button--mute .media-icon--volume-low,.media-button--mute .media-icon--volume-off,.media-button--pip .media-icon--pip-enter,.media-button--pip .media-icon--pip-exit,.media-button--play .media-icon--pause,.media-button--play .media-icon--play,.media-button--play .media-icon--restart{display:none;opacity:0}.media-button--airplay:not([data-airplay-state=connected]) .media-icon--airplay-enter,.media-button--airplay[data-airplay-state=connected] .media-icon--airplay-exit,.media-button--captions:not([data-active]) .media-icon--captions-off,.media-button--captions[data-active] .media-icon--captions-on,.media-button--cast:not([data-cast-state=connected]) .media-icon--cast-enter,.media-button--cast[data-cast-state=connected] .media-icon--cast-exit,.media-button--fullscreen:not([data-fullscreen]) .media-icon--fullscreen-enter,.media-button--fullscreen[data-fullscreen] .media-icon--fullscreen-exit,.media-button--mute:not([data-muted]):not([data-volume-level=low]) .media-icon--volume-high,.media-button--mute:not([data-muted])[data-volume-level=low] .media-icon--volume-low,.media-button--mute[data-muted] .media-icon--volume-off,.media-button--pip:not([data-pip]) .media-icon--pip-enter,.media-button--pip[data-pip] .media-icon--pip-exit,.media-button--play:not([data-ended]):not([data-started]) .media-icon--play,.media-button--play:not([data-ended])[data-paused] .media-icon--play,.media-button--play[data-ended] .media-icon--restart,.media-button--play[data-started]:not([data-paused]):not([data-ended]) .media-icon--pause{display:block;opacity:1}.media-button--airplay:not([data-airplay-state=connected]){--media-icon--airplay__fill-animation:none;--media-icon--airplay__triangle-animation:none}@keyframes media-shake{0%,to{translate:0 0}20%{translate:-6px 0}40%{translate:4px 0}60%{translate:-2px 0}80%{translate:1px 0}}@property --media-progress-fill{syntax:"<percentage>";inherits:true;initial-value:0%}.media-minimal-skin--video{--media-border-color:oklch(0 0 0/0.15);--media-video-border-radius:var(--media-border-radius,0.75rem);--media-controls-background-color:transparent;--media-controls-transition-duration:100ms;--media-controls-transition-timing-function:ease-out;--media-error-dialog-transition-duration:150ms;--media-error-dialog-transition-delay:100ms;--media-error-dialog-transition-timing-function:ease-out;--media-popup-transition-duration:100ms;--media-popup-transition-timing-function:ease-out;--media-tooltip-background-color:oklch(0 0 0/0.5);--media-tooltip-border-color:oklch(1 0 0/0.1);--media-tooltip-backdrop-filter:blur(16px) saturate(1.5);--media-tooltip-text-color:currentColor;--media-tooltip-side-offset:0.5rem;--media-tooltip-boundary-offset:0.5rem;--media-popover-background-color:var(--media-tooltip-background-color);--media-popover-border-color:var(--media-tooltip-border-color);--media-popover-backdrop-filter:var(--media-tooltip-backdrop-filter);--media-popover-side-offset:1.5rem;--media-popover-boundary-offset:var(--media-tooltip-boundary-offset);background:oklch(0 0 0);overflow:clip;@media (prefers-reduced-motion:reduce){--media-error-dialog-transition-duration:50ms;--media-error-dialog-transition-delay:0ms;--media-popup-transition-duration:0ms}@media (prefers-color-scheme:dark){--media-border-color:oklch(1 0 0/0.15)}@media (prefers-reduced-transparency:reduce) or (prefers-contrast:more){--media-controls-background-color:oklch(0 0 0);--media-tooltip-background-color:oklch(0 0 0)}@container media-root (width > 42rem){&>*{--media-popover-side-offset:0.5rem}}&:has(.media-controls:not([data-visible])){@media (pointer:fine){--media-controls-transition-duration:300ms}@media (pointer:coarse){--media-controls-transition-duration:150ms}@media (prefers-reduced-motion:reduce){--media-controls-transition-duration:50ms}}&:after{border-radius:inherit;box-shadow:inset 0 0 0 1px var(--media-border-color);content:"";inset:0;pointer-events:none;position:absolute;z-index:10}&:fullscreen{--media-border-radius:0}}.media-minimal-skin--video .media-error{align-items:center;display:flex;inset:0;justify-content:center;outline:none;pointer-events:none;position:absolute;z-index:20}.media-minimal-skin--video .media-error__dialog{color:oklch(1 0 0);display:flex;flex-direction:column;gap:.75rem;max-width:16rem;padding:1rem;pointer-events:auto;text-shadow:0 1px 0 oklch(0 0 0/.5);transition-delay:var(--media-error-dialog-transition-delay);transition-duration:var(--media-error-dialog-transition-duration);transition-property:opacity,scale;transition-timing-function:var(--media-error-dialog-transition-timing-function)}.media-minimal-skin--video .media-error[data-ending-style] .media-error__dialog,.media-minimal-skin--video .media-error[data-starting-style] .media-error__dialog{opacity:0;scale:.5}.media-minimal-skin--video .media-error[data-ending-style] .media-error__dialog{transition-delay:0s}.media-minimal-skin--video .media-error__content{display:flex;flex-direction:column;gap:.5rem;padding:.375rem 0}.media-minimal-skin--video .media-error__title{font-size:1.125rem}.media-minimal-skin--video .media-error[data-open]~.media-controls{display:none}.media-minimal-skin--video .media-controls{border-radius:.75rem;inset-inline:.25rem;bottom:.25rem;color:oklch(1 0 0);column-gap:.5rem;flex-wrap:wrap;padding:.25rem;position:absolute;transition-duration:var(--media-controls-transition-duration);transition-timing-function:var(--media-controls-transition-timing-function);z-index:10;@media (pointer:fine){transition-property:translate,filter,opacity;will-change:translate,filter,opacity}@media (pointer:coarse){transition-property:translate,opacity;will-change:translate,opacity}&:not([data-visible]){opacity:0;pointer-events:none;@media (pointer:fine) and (prefers-reduced-motion:no-preference){filter:blur(8px)}@media (prefers-reduced-motion:no-preference){translate:0 100%}}& .media-time-controls{flex:0 0 100%;order:-1;padding-inline:.625rem}& .media-button-group:first-child{flex:1;text-align:left}& .media-button-group:last-child{flex:1;justify-content:end}@container media-root (width > 42rem){inset-inline:.5rem;bottom:.5rem;flex-wrap:nowrap;& .media-time-controls{flex:1;order:unset}& .media-button-group:first-child,& .media-button-group:last-child{flex:0 0 auto}}}.media-minimal-skin--video:has(.media-controls:not([data-visible])){cursor:none}.media-minimal-skin--video .media-slider__track{box-shadow:0 0 0 1px oklch(0 0 0/.05)}.media-minimal-skin--video .media-popover--volume{background:transparent;border-radius:.75rem;padding-block:.75rem;@media (prefers-reduced-transparency:reduce) or (prefers-contrast:more){background:var(--media-controls-background-color)}@container media-root (width > 42rem){&>*{--media-popover-side-offset:0rem}}}.media-minimal-skin--video .media-slider__thumbnail{--media-slider-thumbnail-max-width:11rem;--media-slider-thumbnail-max-height:8rem;--media-slider-thumbnail-padding:-0.5rem;--media-slider-thumbnail-inset:calc(100cqi - 100%);bottom:100%;filter:blur(8px);left:clamp(calc(var(--media-slider-thumbnail-max-width) / 2 + var(--media-slider-thumbnail-padding)),var(--media-slider-pointer),calc(100% - var(--media-slider-thumbnail-max-width) / 2 - var(--media-slider-thumbnail-padding) + var(--media-slider-thumbnail-inset)));opacity:0;position:absolute;scale:.8;transform-origin:bottom;transition-duration:.15s;transition-property:scale,opacity,filter;transition-timing-function:ease-out;translate:-50%;@container media-root (width > 42rem){left:var(--media-slider-pointer)}& .media-thumbnail__image-wrapper{position:relative;&:after{border-radius:inherit;box-shadow:0 0 0 1px oklch(0 0 0/.05),0 1px 3px 0 oklch(0 0 0/.2),0 1px 2px -1px oklch(0 0 0/.2);content:"";inset:0;position:absolute}}& .media-thumbnail__image{max-height:var(--media-slider-thumbnail-max-height);max-width:var(--media-slider-thumbnail-max-width)}}.media-minimal-skin--video .media-slider[data-pointing] .media-slider__thumbnail:has([role=img]:not([data-hidden])){filter:blur(0);opacity:1;scale:1}.media-minimal-skin--video .media-slider__thumbnail:has([role=img]:not([data-hidden]))+.media-slider__preview .media-slider__value{display:none}background-video-player{display:contents}background-video-skin{--media-object-fit:cover;display:block;height:100%;min-height:150px;min-width:300px;object-fit:var(--media-object-fit);position:relative;width:100%}background-video-skin>background-video{inset:0;position:absolute}background-video-skin>background-video,background-video-skin>img,background-video-skin>picture{height:100%;object-fit:inherit;width:100%}.base-ocavideo-player[data-controls-on-hover=""] media-controls,.base-ocavideo-player[data-controls-on-hover=true] media-controls{opacity:0;transition:opacity .3s ease-in-out,visibility .3s ease-in-out;visibility:hidden}.base-ocavideo-player[data-controls-on-hover=""]:focus-within media-controls,.base-ocavideo-player[data-controls-on-hover=""]:hover media-controls,.base-ocavideo-player[data-controls-on-hover=true]:focus-within media-controls,.base-ocavideo-player[data-controls-on-hover=true]:hover media-controls{opacity:1;visibility:visible}background-video-skin>background-video-responsive{display:block;height:100%;inset:0;object-fit:inherit;position:absolute;width:100%}picture[slot=poster] img{height:100%;object-fit:cover;width:100%}