@charset "UTF-8";.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.react-datepicker-wrapper{display:inline-block;padding:0;border:0}.react-datepicker{font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;background-color:#fff;color:#000;border:1px solid #aeaeae;border-radius:.3rem;display:inline-block;position:relative;line-height:initial}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.375em;border-bottom-right-radius:.375em}.react-datepicker-popper{z-index:1;line-height:0}.react-datepicker-popper .react-datepicker__triangle{stroke:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,.react-datepicker-popper--header-middle[data-placement^=bottom] .react-datepicker__triangle,.react-datepicker-popper--header-bottom[data-placement^=bottom] .react-datepicker__triangle{fill:#fff;color:#fff}.react-datepicker-popper--header-bottom[data-placement^=top] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker__header{text-align:center;background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select,.react-datepicker__header--middle,.react-datepicker__header--bottom){border-top-right-radius:.3rem}.react-datepicker__header--middle{border-top:1px solid #aeaeae;border-radius:0;margin-top:4px}.react-datepicker__header--bottom{border-bottom:none;border-top:1px solid #aeaeae;border-radius:0 0 .3rem .3rem}.react-datepicker__header-wrapper{position:relative}.react-datepicker__header-wrapper .react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:2px}.react-datepicker__year-dropdown-container--select,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--scroll{display:inline-block;margin:0 15px}.react-datepicker__month-select,.react-datepicker__year-select,.react-datepicker__month-year-select{background-color:transparent;border:1px solid #aeaeae;border-radius:.3rem;color:inherit;cursor:pointer;font-family:inherit;font-size:inherit;margin-top:5px;padding:2px 5px}.react-datepicker__month-select:focus-visible,.react-datepicker__year-select:focus-visible,.react-datepicker__month-year-select:focus-visible{outline:auto 1px}.react-datepicker__current-month,.react-datepicker-time__header,.react-datepicker-year-header{margin-top:0;color:#000;font-weight:700;font-size:.944rem}h2.react-datepicker__current-month{padding:0;margin:0}.react-datepicker-time__header{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.react-datepicker__navigation{align-items:center;background:none;display:flex;justify-content:center;text-align:center;cursor:pointer;position:absolute;top:2px;padding:0;border:none;z-index:1;height:32px;width:32px;text-indent:-999em;overflow:hidden}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{position:relative;top:0;display:block;margin-left:auto;margin-right:auto}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover *:before{border-color:#a6a6a6}.react-datepicker__navigation-icon{position:relative;top:-1px;font-size:20px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{transform:rotate(45deg);left:-7px}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{transform:rotate(225deg);right:-7px}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.5em;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;width:5em;margin:2px}.react-datepicker__month{margin:.5em;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;width:5em;margin:2px}.react-datepicker__input-time-container{clear:both;width:100%;float:left;margin:5px 0 10px 15px;text-align:left}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{margin-left:5px;display:inline-block}.react-datepicker__time-container{float:right;border-left:1px solid #aeaeae;width:85px}.react-datepicker__time-container--with-today-button{display:inline;border:1px solid #aeaeae;border-radius:.375em;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{position:relative;background:#fff;border-bottom-right-radius:.375em}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{width:85px;overflow-x:hidden;margin:0 auto;text-align:center;border-bottom-right-radius:.375em}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{list-style:none;margin:0;height:calc(195px + 1.0625em);overflow-y:scroll;padding-right:0;padding-left:0;width:100%;box-sizing:content-box}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{cursor:pointer;background-color:#f0f0f0}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{cursor:default;background-color:transparent}.react-datepicker__week-number{color:#ccc;display:inline-block;width:2.125em;line-height:2.125em;text-align:center;margin:.208em}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__week-number--selected{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__day-names{text-align:center;white-space:nowrap;margin-bottom:-8px}.react-datepicker__week{white-space:nowrap}.react-datepicker__day-name,.react-datepicker__day,.react-datepicker__time-name{color:#000;display:inline-block;width:2.125em;line-height:2.125em;text-align:center;margin:.208em}.react-datepicker__day-name--disabled,.react-datepicker__day--disabled,.react-datepicker__time-name--disabled{cursor:default;color:#ccc}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:not([aria-disabled=true]):hover,.react-datepicker__month-text:not([aria-disabled=true]):hover,.react-datepicker__quarter-text:not([aria-disabled=true]):hover,.react-datepicker__year-text:not([aria-disabled=true]):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{border-radius:.3rem;background-color:#3dcc4a;color:#fff}.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{position:relative;border-radius:.3rem;background-color:#ff6803;color:#fff}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__day--holidays:not([aria-disabled=true]):hover,.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .overlay,.react-datepicker__month-text--holidays:hover .overlay,.react-datepicker__quarter-text--holidays:hover .overlay,.react-datepicker__year-text--holidays:hover .overlay{visibility:visible;opacity:1}.react-datepicker__day--selected,.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-range,.react-datepicker__month-text--selected,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--selected,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--selected,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--in-range{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__day--selected:not([aria-disabled=true]):hover,.react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__day--in-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{border-radius:.3rem;background-color:#bad9f1;color:#000}.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover{background-color:#1d5d90;color:#fff}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{cursor:default;color:#ccc}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{position:absolute;bottom:70%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__input-container{position:relative;display:inline-block;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{position:absolute;padding:.625em;box-sizing:content-box}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__year-read-view,.react-datepicker__month-read-view,.react-datepicker__month-year-read-view{border:1px solid transparent;border-radius:.3rem;position:relative}.react-datepicker__year-read-view:hover,.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover{cursor:pointer}.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{transform:rotate(135deg);right:-16px;top:0}.react-datepicker__year-dropdown,.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown{background-color:#f0f0f0;position:absolute;width:50%;left:25%;top:30px;z-index:1;text-align:center;border-radius:.3rem;border:1px solid #aeaeae}.react-datepicker__year-dropdown:hover,.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover{cursor:pointer}.react-datepicker__year-dropdown--scrollable,.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__year-option,.react-datepicker__month-option,.react-datepicker__month-year-option{line-height:20px;width:100%;display:block;margin-left:auto;margin-right:auto}.react-datepicker__year-option:first-of-type,.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__year-option:last-of-type,.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker__year-option:hover,.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover{background-color:#ccc}.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__year-option--selected,.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected{position:absolute;left:15px}.react-datepicker__close-icon{cursor:pointer;background-color:transparent;border:0;outline:0;padding:0 6px 0 0;position:absolute;top:0;right:0;height:100%;display:table-cell;vertical-align:middle}.react-datepicker__close-icon:after{cursor:pointer;background-color:#216ba5;color:#fff;border-radius:50%;height:16px;width:16px;padding:2px;font-size:12px;line-height:1;text-align:center;display:table-cell;vertical-align:middle;content:"×"}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{cursor:default;background-color:#ccc}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;cursor:pointer;text-align:center;font-weight:700;padding:5px 0;clear:left}.react-datepicker__portal{position:fixed;width:100vw;height:100vh;background-color:#000c;left:0;top:0;justify-content:center;align-items:center;display:flex;z-index:2147483647}.react-datepicker__children-container{width:17.25em;margin:.5em;padding-right:.25em;padding-left:.25em;height:auto}.react-datepicker__aria-live{position:absolute;clip-path:circle(0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;width:1px;white-space:nowrap}.react-datepicker__calendar-icon{width:1em;height:1em;vertical-align:-.125em}.react-datepicker-popper-offset{margin-top:-.7em}@layer base,components,utilities;@layer base.theme,base.preset,base.preferences;@layer base.theme,base.preset,base.preferences;@layer base.theme{.media-skin{--media-background: oklch(0 0 0);--media-foreground: oklch(1 0 0);--media-controls: oklch(0 0 0 / .35);--media-controls-foreground: var(--media-foreground);--media-popover: oklch(1 0 0 / .1);--media-popover-foreground: var(--media-foreground);--media-primary: var(--media-accent-color, var(--media-default-accent-color));--media-primary-foreground: var( --media-accent-text-color, var(--media-default-accent-text-color) );--media-accent: var( --media-accent-color, color-mix(in oklab, var(--media-default-accent-color) 10%, transparent) );--media-accent-foreground: var(--media-accent-text-color, currentColor);--media-muted: oklch(1 0 0 / .15);--media-muted-foreground: oklch(1 0 0 / .65);--media-border: oklch(0 0 0 / .1);--media-ring: oklch(1 0 0);--media-backdrop: oklch(0 0 0);--media-live-color: oklch(.65 .22 27);--media-shadow-surface: 0 1px 3px 0 oklch(0 0 0 / .15), 0 1px 2px -1px oklch(0 0 0 / .15);--media-shadow-surface-inset: inset 0 1px 0 0 rgb(255 255 255 / .1), inset 0 0 0 1px rgb(255 255 255 / .05);--media-shadow-thumb: 0 0 0 1px rgb(0 0 0 / .1), 0 1px 3px 0 rgb(0 0 0 / .35), 0 1px 2px -1px rgb(0 0 0 / .35);--media-shadow-tooltip: 0 0 0 1px var(--media-border), var(--media-shadow-surface);--media-shadow-separator: 0 1px 0 0 oklch(1 0 0 / .075);--media-shadow-current-color: oklch( from currentColor 0 0 0 / clamp(0, calc((l - .5)/2) , .15) );--media-shadow-subtle-current-color: color-mix( in oklab, var(--media-shadow-current-color) 40%, transparent );--media-text-shadow-dialog: 0 1px 0 rgb(0 0 0 / .25);--media-backdrop-filter-surface: blur(16px) saturate(110%);--media-backdrop-filter-indicator: blur(8px);--media-backdrop-filter-dialog: blur(16px) saturate(110%);--media-control-corner-shape: round;--media-control-radius: 99px;--media-control-size: calc(var(--media-spacing) * 9);--media-controls-radius: 0px;--media-default-accent-color: oklch(1 0 0);--media-default-accent-text-color: oklch(0 0 0);--media-duration-instant: 50ms;--media-duration-fast: .1s;--media-duration: .15s;--media-duration-slow: .2s;--media-duration-slower: .25s;--media-duration-controls: .1s;--media-duration-dialog: .35s;--media-duration-indicator: var(--media-duration-slower);--media-duration-menu: .25s;--media-duration-slider: var(--media-duration-fast);--media-delay-dialog: .1s;--media-hidden-scale: .95;--media-hidden-blur: 8px;--media-hidden-offset: calc(var(--media-spacing) * 1);--media-hidden-icon-scale: 0;--media-hidden-indicator-scale: .9;--media-hidden-indicator-offset: -25%;--media-hidden-playback-scale: .85;--media-hidden-popup-scale: .95;--media-hidden-popup-blur: 4px;--media-hidden-preview-scale: .8;--media-hidden-preview-offset: calc(var(--media-spacing) * 2);--media-hidden-seek-offset: 60%;--media-menu-item-radius: calc(var(--media-spacing) * 2);--media-popover-boundary-offset: calc(var(--media-spacing) * 3);--media-popover-side-offset: calc(var(--media-spacing) * 3);--media-popup-radius: calc(var(--media-spacing) * 3);--media-popup-translate-distance: calc(var(--media-spacing) * 2);--media-tooltip-boundary-offset: var(--media-popover-boundary-offset);--media-tooltip-side-offset: var(--media-popover-side-offset);--media-dialog-radius: calc(var(--media-spacing) * 7);--media-dialog-width: calc(100% - var(--media-spacing) * 6);--media-dialog-max-width: calc(var(--media-spacing) * 72);--media-slider-preview-label-offset: calc(var(--media-spacing) * 10.5);--media-video-border-radius: var(--media-border-radius, 0px);--media-scale: 1;--media-scrollbar-thumb-color: color-mix(in oklab, currentColor 30%, transparent);--media-spacing: calc(var(--media-scale-unit, 16px) * var(--media-scale) / 4);scrollbar-color:var(--media-scrollbar-thumb-color) transparent;scrollbar-width:thin}@supports (color: contrast-color(red)){.media-skin{--media-primary-foreground: var( --media-accent-text-color, contrast-color(var(--media-primary)) );--media-accent-foreground: var( --media-accent-text-color, contrast-color( var(--media-accent-color, var(--media-internal-accent-text-fallback, oklch(0 0 0))) ) )}}@supports (color: oklch(from red l c h)){.media-skin{--media-shadow-subtle-current-color: oklch( from var(--media-shadow-current-color) l c h / calc(alpha*.4) )}}@supports (color: oklch(from currentColor l c h)){.media-skin{--media-scrollbar-thumb-color: oklch(from currentColor l c h / .3)}}.media-skin::-webkit-scrollbar-thumb{background:var(--media-scrollbar-thumb-color);border-radius:9999px}.media-skin:fullscreen{--media-object-fit: contain;--media-video-border-radius: 0}@media (min-width: 1280px){.media-skin:fullscreen{--media-scale: 1.25}}@media (min-width: 1536px){.media-skin:fullscreen{--media-scale: 1.5}}@media (min-width: 1920px){.media-skin:fullscreen{--media-scale: 1.75}}}@layer base.theme,base.preset,base.preferences;@layer base.preferences{@media (pointer: fine) and (prefers-reduced-motion: no-preference){.media-skin:not([data-controls-visible]){--media-duration-controls: .3s}}@media (pointer: coarse) and (prefers-reduced-motion: no-preference){.media-skin:not([data-controls-visible]){--media-duration-controls: .15s}}@media (prefers-reduced-motion: reduce){.media-skin{--media-duration-fast: var(--media-duration-instant);--media-duration: var(--media-duration-instant);--media-duration-slow: var(--media-duration-instant);--media-duration-slower: var(--media-duration-instant);--media-duration-controls: var(--media-duration-instant);--media-duration-dialog: var(--media-duration-instant);--media-duration-indicator: var(--media-duration-instant);--media-duration-menu: 0ms;--media-duration-slider: 0ms;--media-delay-dialog: 0ms;--media-hidden-scale: 1;--media-hidden-blur: 0px;--media-hidden-offset: 0px;--media-hidden-icon-scale: 1;--media-hidden-indicator-scale: 1;--media-hidden-indicator-offset: 0px;--media-hidden-playback-scale: 1;--media-hidden-popup-scale: 1;--media-hidden-popup-blur: 0px;--media-hidden-preview-scale: 1;--media-hidden-preview-offset: 0px;--media-hidden-seek-offset: 0px;--media-popup-translate-distance: 0px;--media-spinner-animation: none;--media-icon-airplay-fill-animation: none;--media-icon-airplay-triangle-animation: none}}@media (prefers-reduced-transparency: reduce),(prefers-contrast: more){.media-skin{--media-popover: var(--media-background);--media-scrollbar-thumb-color: color-mix(in oklab, currentColor 80%, transparent);--media-backdrop-filter-surface: none;--media-backdrop-filter-indicator: none;--media-backdrop-filter-dialog: none;--media-shadow-surface-inset: inset 0 1px 0 0 rgb(255 255 255 / .25), inset 0 0 0 1px rgb(255 255 255 / .125);scrollbar-width:auto}@supports (color: oklch(from currentColor l c h)){.media-skin{--media-scrollbar-thumb-color: oklch(from currentColor l c h / .8)}}}@media (forced-colors: active){.media-skin{--media-border: CanvasText;--media-frame-border: CanvasText;--media-popover: Canvas;--media-popover-foreground: CanvasText;--media-ring: CanvasText;--media-shadow-surface-inset: inset 0 1px 0 0 CanvasText, inset 0 0 0 1px CanvasText}}}@layer base{@scope (.media-skin){:scope{font-style:normal;font-weight:400;text-align:start;text-transform:none;letter-spacing:normal}:scope,*,:before,:after{box-sizing:border-box;margin:0;padding:0;border:0 solid}button{font:inherit;color:inherit;text-transform:none;letter-spacing:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none}img,svg,media-icon{display:block;max-width:100%}svg[fill=currentColor]{fill:currentColor}svg[fill=none]{fill:none}svg[stroke=currentColor]{stroke:currentColor}video{display:block;width:100%;height:100%;max-width:100%;border-radius:inherit;object-fit:var(--media-object-fit, contain);object-position:var(--media-object-position, center)}media-icon>svg{width:100%;height:100%}media-tooltip-group,media-dialog,media-alert-dialog,media-error-dialog,media-controls{display:contents}[hidden][hidden]{display:none!important}}@media (prefers-reduced-motion: no-preference){.media-skin{interpolate-size:allow-keywords}}@supports not selector(:popover-open){:where(.media-skin) [popover]:not([data-open],[data-ending-style]){display:none!important}.media-skin:is([data-preset=audio],[data-preset=live-audio]){overflow:visible!important}}}@layer components{@scope (.media-skin){:scope{--media-caption-track-duration: var(--media-duration-controls);--media-caption-track-delay: 25ms;--media-caption-track-y: calc(var(--media-spacing) * -3)}video::-webkit-media-text-track-container{z-index:20;font-family:inherit;scale:.98;translate:0 var(--media-caption-track-y);transition:translate var(--media-caption-track-duration) ease-out;transition-delay:var(--media-caption-track-delay)}:scope[data-controls-visible]{--media-caption-track-y: var(--media-caption-controls-y)}:scope[data-theme=compat] video::-webkit-media-text-track-container{scale:none;translate:none;transform:translateY(var(--media-caption-track-y, 0px)) scale(.98);transition-property:transform}@container media-root (width < 42rem){:scope[data-theme=default][data-controls-visible] video{--media-caption-track-y: calc(var(--media-spacing) * -14)}:scope[data-theme=neutral][data-controls-visible] video{--media-caption-track-y: calc(var(--media-spacing) * -17)}}}}@layer base.theme,base.preset,base.preferences;@layer base.preset{.media-skin:is([data-preset=video],[data-preset=live-video]){--media-frame-border: var(--media-border-color, rgb(0 0 0 / .1));--media-controls-gradient: linear-gradient( to top, color-mix(in oklab, var(--media-backdrop) 45%, transparent), transparent min(6rem, 40%), transparent calc(100% - min(5rem, 30%)) , color-mix(in oklab, var(--media-backdrop) 30%, transparent) );--media-caption-controls-y: calc(var(--media-spacing) * -16);--media-slider-preview-offset: calc(var(--media-spacing) * 9);--media-thumbnail-gradient: linear-gradient( to top, color-mix(in oklab, var(--media-backdrop) 50%, transparent), color-mix(in oklab, var(--media-backdrop) 10%, transparent), transparent )}@supports (color: oklch(from red l c h)) and (background-image: linear-gradient(in oklab,red,red)){.media-skin:is([data-preset=video],[data-preset=live-video]){--media-controls-gradient: linear-gradient( to top in oklab, oklch(from var(--media-backdrop) l c h / .45), oklch(from var(--media-backdrop) l c h / 0) min(6rem, 40%), oklch(from var(--media-backdrop) l c h / 0) calc(100% - min(5rem, 30%)) , oklch(from var(--media-backdrop) l c h / .3) )}}@supports (color: oklch(from red l c h)){.media-skin:is([data-preset=video],[data-preset=live-video]){--media-thumbnail-gradient: linear-gradient( to top, oklch(from var(--media-backdrop) l c h / .5), oklch(from var(--media-backdrop) l c h / .1), transparent )}}.media-skin:is([data-preset=video],[data-preset=live-video])[data-theme=neutral]{--media-frame-border: var(--media-border-color, rgb(0 0 0 / .15));--media-controls-gradient: linear-gradient( to top, color-mix(in oklab, var(--media-backdrop) 50%, transparent), color-mix(in oklab, var(--media-backdrop) 20%, transparent) );--media-indicator-gradient: linear-gradient( to bottom, color-mix(in oklab, var(--media-backdrop) 35%, transparent), color-mix(in oklab, var(--media-backdrop) 20%, transparent) calc(var(--media-spacing) * 12), transparent );--media-caption-controls-y: calc(var(--media-spacing) * -14);--media-slider-preview-offset: calc(var(--media-spacing) * 11)}.media-skin:is([data-preset=video],[data-preset=live-video])[data-theme=compat]{--media-caption-controls-y: calc(var(--media-spacing) * -18)}.media-skin:is([data-preset=video],[data-preset=live-video])[data-theme=scaffold]{--media-caption-controls-y: calc(var(--media-spacing) * -20)}@supports (color: oklch(from red l c h)) and (background-image: linear-gradient(in oklab,red,red)){.media-skin:is([data-preset=video],[data-preset=live-video])[data-theme=neutral]{--media-controls-gradient: linear-gradient( to top in oklab, oklch(from var(--media-backdrop) l c h / .5), oklch(from var(--media-backdrop) l c h / .2) )}}@supports (color: oklch(from red l c h)){.media-skin:is([data-preset=video],[data-preset=live-video])[data-theme=neutral]{--media-indicator-gradient: linear-gradient( to bottom, oklch(from var(--media-backdrop) l c h / .35), oklch(from var(--media-backdrop) l c h / .2) calc(var(--media-spacing) * 12), transparent )}}@supports (color: light-dark(red,red)){.media-skin:is([data-preset=video],[data-preset=live-video]){--media-frame-border: var( --media-border-color, light-dark(rgb(0 0 0 / .1), rgb(255 255 255 / .15)) )}.media-skin:is([data-preset=video],[data-preset=live-video])[data-theme=neutral]{--media-frame-border: var( --media-border-color, light-dark(rgb(0 0 0 / .15), rgb(255 255 255 / .15)) )}}}@layer components{@scope (.media-skin[data-theme="default"][data-preset="video"]){.video-status-indicators{pointer-events:none;z-index:20;color:var(--media-controls-foreground);grid-template-columns:repeat(3,minmax(0,1fr));place-items:center;display:grid;position:absolute;top:0;right:0;bottom:0;left:0}}@scope (.media-skin[data-theme="default"][data-preset="video"]){.video-controls-backdrop{pointer-events:none;z-index:10;border-radius:inherit;background-image:var(--media-controls-gradient);transition-property:opacity;transition-duration:.15s;transition-duration:var(--media-duration-controls);transition-timing-function:cubic-bezier(0,0,.2,1);position:absolute;top:0;right:0;bottom:0;left:0}.video-controls-backdrop:not([data-visible]){opacity:0}@container media-root (width < 32rem){.video-controls-captions-button{display:none}}.video-controls-content{padding:var(--media-spacing);color:var(--media-controls-foreground);transition-property:filter,opacity,scale,translate;transition-duration:.15s;transition-duration:calc(var(--media-duration-controls) / 2);text-shadow:0 1px 0 var(--media-shadow-current-color);transition-timing-function:cubic-bezier(0,0,.2,1);display:contents}@container media-root (width >= 32rem){.video-controls-content{inset-inline:calc(var(--media-spacing) * 2);bottom:calc(var(--media-spacing) * 2);z-index:30;border-radius:var(--media-controls-radius);background-color:var(--media-popover);color:var(--media-popover-foreground);box-shadow:0 0 0 1px var(--media-surface-border, var(--media-border)),var(--media-shadow-surface);-webkit-backdrop-filter:var(--media-backdrop-filter-surface);backdrop-filter:var(--media-backdrop-filter-surface);align-items:center;display:flex;position:absolute}.video-controls-content:not([data-visible]){pointer-events:none;translate:0 var(--media-hidden-offset);scale:var(--media-hidden-scale) var(--media-hidden-scale);opacity:0;transition-duration:var(--media-duration-controls)}.video-controls-content:after{content:"";z-index:10;pointer-events:none;border-radius:inherit;box-shadow:var(--media-shadow-surface-inset);position:absolute;top:0;right:0;bottom:0;left:0}.video-controls-content:where(:dir(rtl),[dir=rtl],[dir=rtl] *){flex-direction:row-reverse}@media (pointer: fine){.video-controls-content:not([data-visible]){filter:blur(var(--media-hidden-blur))}}}@container media-root (width >= 42rem){.video-controls-content{inset-inline:calc(var(--media-spacing) * 3);bottom:calc(var(--media-spacing) * 3)}}.video-controls-primary{inset-inline:calc(var(--media-spacing) * 2);bottom:calc(var(--media-spacing) * 2);z-index:30;transform-origin:bottom;border-radius:var(--media-controls-radius);padding:calc(var(--media-spacing) * .5);transition-property:filter,opacity,scale,translate;transition-duration:.15s;transition-duration:calc(var(--media-duration-controls) / 2);align-items:center;transition-timing-function:cubic-bezier(0,0,.2,1);display:flex;position:absolute}.video-controls-primary:where(:dir(rtl),[dir=rtl],[dir=rtl] *){flex-direction:row-reverse}@container media-root (width >= 32rem){.video-controls-primary{display:contents}}@container media-root (width < 32rem){.video-controls-primary{background-color:var(--media-popover);color:var(--media-popover-foreground);box-shadow:0 0 0 1px var(--media-surface-border, var(--media-border)),var(--media-shadow-surface);-webkit-backdrop-filter:var(--media-backdrop-filter-surface);backdrop-filter:var(--media-backdrop-filter-surface)}@scope (.video-controls-content){:scope:not([data-visible]) .video-controls-primary{pointer-events:none;translate:0 var(--media-hidden-offset);scale:var(--media-hidden-scale) var(--media-hidden-scale);opacity:0;transition-duration:var(--media-duration-controls)}}.video-controls-primary:after{content:"";z-index:10;pointer-events:none;border-radius:inherit;box-shadow:var(--media-shadow-surface-inset);position:absolute;top:0;right:0;bottom:0;left:0}@media (pointer: fine){@scope (.video-controls-content){:scope:not([data-visible]) .video-controls-primary{filter:blur(var(--media-hidden-blur))}}}}.video-controls-secondary{top:calc(var(--media-spacing) * 2);right:calc(var(--media-spacing) * 2);z-index:30;transform-origin:top;border-radius:var(--media-controls-radius);padding:calc(var(--media-spacing) * .5);transition-property:filter,opacity,scale,translate;transition-duration:.15s;transition-duration:calc(var(--media-duration-controls) / 2);align-items:center;gap:1px;transition-timing-function:cubic-bezier(0,0,.2,1);display:flex;position:absolute}.video-controls-secondary:where(:dir(rtl),[dir=rtl],[dir=rtl] *){flex-direction:row-reverse}@container media-root (width >= 32rem){.video-controls-secondary{padding:0;position:static}}@container media-root (width < 32rem){.video-controls-secondary{background-color:var(--media-popover);color:var(--media-popover-foreground);box-shadow:0 0 0 1px var(--media-surface-border, var(--media-border)),var(--media-shadow-surface);-webkit-backdrop-filter:var(--media-backdrop-filter-surface);backdrop-filter:var(--media-backdrop-filter-surface)}@scope (.video-controls-content){:scope:not([data-visible]) .video-controls-secondary{pointer-events:none;translate:0 calc(var(--media-hidden-offset) * -1);scale:var(--media-hidden-scale) var(--media-hidden-scale);opacity:0;transition-duration:var(--media-duration-controls)}}.video-controls-secondary:after{content:"";z-index:10;pointer-events:none;border-radius:inherit;box-shadow:var(--media-shadow-surface-inset);position:absolute;top:0;right:0;bottom:0;left:0}@media (pointer: fine){@scope (.video-controls-content){:scope:not([data-visible]) .video-controls-secondary{filter:blur(var(--media-hidden-blur))}}}}@container media-root (width >= 32rem){.video-controls-settings-button{margin-inline-start:1px}}.video-controls-volume-button{margin-inline-start:1px}.video-time-slider-group{align-items:center;gap:calc(var(--media-spacing) * 2.5);padding-inline:calc(var(--media-spacing) * 2);flex:1;display:flex;container:media-time / inline-size}.video-time-slider-group:where(:dir(rtl),[dir=rtl],[dir=rtl] *){flex-direction:row-reverse}@container media-root (width >= 32rem){.video-time-slider-group{padding-inline:calc(var(--media-spacing) * 3)}}.video-time-slider-group .media-time-slider[data-orientation=horizontal]{min-width:0}}@scope (.media-skin[data-theme="default"][data-preset="video"]){.media-time-toggle{cursor:pointer;font-variant-numeric:tabular-nums;outline-offset:-2px;transition-property:outline-color,outline-offset;transition-duration:.15s;transition-duration:var(--media-duration-fast);border-radius:.25rem;outline:2px solid #0000;transition-timing-function:cubic-bezier(0,0,.2,1)}.media-time-toggle:focus-visible{outline-offset:2px;outline-color:var(--media-ring)}.media-time-toggle[aria-disabled=true]{cursor:not-allowed;opacity:.5}.media-time-value{font-variant-numeric:tabular-nums;transition-property:opacity;transition-duration:.15s;transition-duration:var(--media-duration-slow);transition-timing-function:cubic-bezier(0,0,.2,1)}.media-time-value[data-unavailable]{opacity:.5}}@scope (.media-skin[data-theme="default"][data-preset="video"]){@media (pointer: fine){.video-skin:not([data-controls-visible]),:scope.video-skin:not([data-controls-visible]){cursor:none}}}}@layer base.theme,base.preset,base.preferences;@layer base.preset{.media-skin:is([data-preset=audio],[data-preset=live-audio]){--media-background: oklch(1 0 0);--media-foreground: oklch(0 0 0);--media-controls: oklch(1 0 0 / .5);--media-controls-foreground: var(--media-foreground);--media-popover: var(--media-controls);--media-popover-foreground: var(--media-foreground);--media-surface-border: oklch(0 0 0 / .05);--media-primary: var(--media-accent-color, var(--media-foreground));--media-border: oklch(0 0 0 / .1);--media-ring: var(--media-foreground);--media-default-accent-color: oklch(0 0 0);--media-default-accent-text-color: oklch(1 0 0);--media-internal-accent-text-fallback: oklch(1 0 0);--media-popover-boundary-offset: calc(var(--media-spacing) * 2);--media-popover-side-offset: calc(var(--media-spacing) * 3);--media-slider-preview-label-offset: calc(var(--media-spacing) * 10)}@supports (color: light-dark(red,red)){.media-skin:is([data-preset=audio],[data-preset=live-audio]){--media-background: light-dark(oklch(1 0 0), oklch(0 0 0));--media-foreground: light-dark(oklch(0 0 0), oklch(1 0 0));--media-controls: light-dark(oklch(1 0 0 / .5), oklch(0 0 0 / .4));--media-border: light-dark(oklch(0 0 0 / .1), oklch(1 0 0 / .1));--media-default-accent-color: light-dark(oklch(0 0 0), oklch(1 0 0));--media-default-accent-text-color: light-dark(oklch(1 0 0), oklch(0 0 0));--media-internal-accent-text-fallback: light-dark(oklch(1 0 0), oklch(0 0 0))}}.media-skin:is([data-preset=audio],[data-preset=live-audio])[data-theme=neutral]{--media-controls: var(--media-background);--media-popover: var(--media-background);--media-controls-radius: calc(var(--media-spacing) * 3.5);--media-popover-boundary-offset: calc(var(--media-spacing) * 3)}@media (prefers-reduced-transparency: reduce),(prefers-contrast: more){.media-skin:is([data-preset=audio],[data-preset=live-audio]){--media-controls: var(--media-background);--media-surface-border: oklch(0 0 0 / .05)}@supports (color: light-dark(red,red)){.media-skin:is([data-preset=audio],[data-preset=live-audio]){--media-surface-border: light-dark(oklch(0 0 0 / .05), transparent)}}}}@layer base,components,utilities;@layer base.theme,base.preset,base.preferences;@layer base.theme,base.preset,base.preferences;@layer base.theme{.media-skin{--media-background: oklch(0 0 0);--media-foreground: oklch(1 0 0);--media-controls: oklch(0 0 0 / .35);--media-controls-foreground: var(--media-foreground);--media-popover: oklch(1 0 0 / .1);--media-popover-foreground: var(--media-foreground);--media-primary: var(--media-accent-color, var(--media-default-accent-color));--media-primary-foreground: var( --media-accent-text-color, var(--media-default-accent-text-color) );--media-accent: var( --media-accent-color, color-mix(in oklab, var(--media-default-accent-color) 10%, transparent) );--media-accent-foreground: var(--media-accent-text-color, currentColor);--media-muted: oklch(1 0 0 / .15);--media-muted-foreground: oklch(1 0 0 / .65);--media-border: oklch(0 0 0 / .1);--media-ring: oklch(1 0 0);--media-backdrop: oklch(0 0 0);--media-live-color: oklch(.65 .22 27);--media-shadow-surface: 0 1px 3px 0 oklch(0 0 0 / .15), 0 1px 2px -1px oklch(0 0 0 / .15);--media-shadow-surface-inset: inset 0 1px 0 0 rgb(255 255 255 / .1), inset 0 0 0 1px rgb(255 255 255 / .05);--media-shadow-thumb: 0 0 0 1px rgb(0 0 0 / .1), 0 1px 3px 0 rgb(0 0 0 / .35), 0 1px 2px -1px rgb(0 0 0 / .35);--media-shadow-tooltip: 0 0 0 1px var(--media-border), var(--media-shadow-surface);--media-shadow-separator: 0 1px 0 0 oklch(1 0 0 / .075);--media-shadow-current-color: oklch( from currentColor 0 0 0 / clamp(0, calc((l - .5)/2) , .15) );--media-shadow-subtle-current-color: color-mix( in oklab, var(--media-shadow-current-color) 40%, transparent );--media-text-shadow-dialog: 0 1px 0 rgb(0 0 0 / .25);--media-backdrop-filter-surface: blur(16px) saturate(110%);--media-backdrop-filter-indicator: blur(8px);--media-backdrop-filter-dialog: blur(16px) saturate(110%);--media-control-corner-shape: round;--media-control-radius: 99px;--media-control-size: calc(var(--media-spacing) * 9);--media-controls-radius: 0px;--media-default-accent-color: oklch(1 0 0);--media-default-accent-text-color: oklch(0 0 0);--media-duration-instant: 50ms;--media-duration-fast: .1s;--media-duration: .15s;--media-duration-slow: .2s;--media-duration-slower: .25s;--media-duration-controls: .1s;--media-duration-dialog: .35s;--media-duration-indicator: var(--media-duration-slower);--media-duration-menu: .25s;--media-duration-slider: var(--media-duration-fast);--media-delay-dialog: .1s;--media-hidden-scale: .95;--media-hidden-blur: 8px;--media-hidden-offset: calc(var(--media-spacing) * 1);--media-hidden-icon-scale: 0;--media-hidden-indicator-scale: .9;--media-hidden-indicator-offset: -25%;--media-hidden-playback-scale: .85;--media-hidden-popup-scale: .95;--media-hidden-popup-blur: 4px;--media-hidden-preview-scale: .8;--media-hidden-preview-offset: calc(var(--media-spacing) * 2);--media-hidden-seek-offset: 60%;--media-menu-item-radius: calc(var(--media-spacing) * 2);--media-popover-boundary-offset: calc(var(--media-spacing) * 3);--media-popover-side-offset: calc(var(--media-spacing) * 3);--media-popup-radius: calc(var(--media-spacing) * 3);--media-popup-translate-distance: calc(var(--media-spacing) * 2);--media-tooltip-boundary-offset: var(--media-popover-boundary-offset);--media-tooltip-side-offset: var(--media-popover-side-offset);--media-dialog-radius: calc(var(--media-spacing) * 7);--media-dialog-width: calc(100% - var(--media-spacing) * 6);--media-dialog-max-width: calc(var(--media-spacing) * 72);--media-slider-preview-label-offset: calc(var(--media-spacing) * 10.5);--media-video-border-radius: var(--media-border-radius, 0px);--media-scale: 1;--media-scrollbar-thumb-color: color-mix(in oklab, currentColor 30%, transparent);--media-spacing: calc(var(--media-scale-unit, 16px) * var(--media-scale) / 4);scrollbar-color:var(--media-scrollbar-thumb-color) transparent;scrollbar-width:thin}@supports (color: contrast-color(red)){.media-skin{--media-primary-foreground: var( --media-accent-text-color, contrast-color(var(--media-primary)) );--media-accent-foreground: var( --media-accent-text-color, contrast-color( var(--media-accent-color, var(--media-internal-accent-text-fallback, oklch(0 0 0))) ) )}}@supports (color: oklch(from red l c h)){.media-skin{--media-shadow-subtle-current-color: oklch( from var(--media-shadow-current-color) l c h / calc(alpha*.4) )}}@supports (color: oklch(from currentColor l c h)){.media-skin{--media-scrollbar-thumb-color: oklch(from currentColor l c h / .3)}}.media-skin::-webkit-scrollbar-thumb{background:var(--media-scrollbar-thumb-color);border-radius:9999px}.media-skin:fullscreen{--media-object-fit: contain;--media-video-border-radius: 0}@media (min-width: 1280px){.media-skin:fullscreen{--media-scale: 1.25}}@media (min-width: 1536px){.media-skin:fullscreen{--media-scale: 1.5}}@media (min-width: 1920px){.media-skin:fullscreen{--media-scale: 1.75}}}@layer base.theme,base.preset,base.preferences;@layer base.preferences{@media (pointer: fine) and (prefers-reduced-motion: no-preference){.media-skin:not([data-controls-visible]){--media-duration-controls: .3s}}@media (pointer: coarse) and (prefers-reduced-motion: no-preference){.media-skin:not([data-controls-visible]){--media-duration-controls: .15s}}@media (prefers-reduced-motion: reduce){.media-skin{--media-duration-fast: var(--media-duration-instant);--media-duration: var(--media-duration-instant);--media-duration-slow: var(--media-duration-instant);--media-duration-slower: var(--media-duration-instant);--media-duration-controls: var(--media-duration-instant);--media-duration-dialog: var(--media-duration-instant);--media-duration-indicator: var(--media-duration-instant);--media-duration-menu: 0ms;--media-duration-slider: 0ms;--media-delay-dialog: 0ms;--media-hidden-scale: 1;--media-hidden-blur: 0px;--media-hidden-offset: 0px;--media-hidden-icon-scale: 1;--media-hidden-indicator-scale: 1;--media-hidden-indicator-offset: 0px;--media-hidden-playback-scale: 1;--media-hidden-popup-scale: 1;--media-hidden-popup-blur: 0px;--media-hidden-preview-scale: 1;--media-hidden-preview-offset: 0px;--media-hidden-seek-offset: 0px;--media-popup-translate-distance: 0px;--media-spinner-animation: none;--media-icon-airplay-fill-animation: none;--media-icon-airplay-triangle-animation: none}}@media (prefers-reduced-transparency: reduce),(prefers-contrast: more){.media-skin{--media-popover: var(--media-background);--media-scrollbar-thumb-color: color-mix(in oklab, currentColor 80%, transparent);--media-backdrop-filter-surface: none;--media-backdrop-filter-indicator: none;--media-backdrop-filter-dialog: none;--media-shadow-surface-inset: inset 0 1px 0 0 rgb(255 255 255 / .25), inset 0 0 0 1px rgb(255 255 255 / .125);scrollbar-width:auto}@supports (color: oklch(from currentColor l c h)){.media-skin{--media-scrollbar-thumb-color: oklch(from currentColor l c h / .8)}}}@media (forced-colors: active){.media-skin{--media-border: CanvasText;--media-frame-border: CanvasText;--media-popover: Canvas;--media-popover-foreground: CanvasText;--media-ring: CanvasText;--media-shadow-surface-inset: inset 0 1px 0 0 CanvasText, inset 0 0 0 1px CanvasText}}}@property --media-slider-fill{syntax: "<percentage>"; inherits: true; initial-value: 0%;}@property --media-slider-buffer{syntax: "<percentage>"; inherits: true; initial-value: 0%;}@layer base{@scope (.media-skin){:scope{font-style:normal;font-weight:400;text-align:start;text-transform:none;letter-spacing:normal}:scope,*,:before,:after{box-sizing:border-box;margin:0;padding:0;border:0 solid}button{font:inherit;color:inherit;text-transform:none;letter-spacing:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none}img,svg,media-icon{display:block;max-width:100%}svg[fill=currentColor]{fill:currentColor}svg[fill=none]{fill:none}svg[stroke=currentColor]{stroke:currentColor}video{display:block;width:100%;height:100%;max-width:100%;border-radius:inherit;object-fit:var(--media-object-fit, contain);object-position:var(--media-object-position, center)}media-icon>svg{width:100%;height:100%}media-tooltip-group,media-dialog,media-alert-dialog,media-error-dialog,media-controls{display:contents}[hidden][hidden]{display:none!important}}@media (prefers-reduced-motion: no-preference){.media-skin{interpolate-size:allow-keywords}}@supports not selector(:popover-open){:where(.media-skin) [popover]:not([data-open],[data-ending-style]){display:none!important}.media-skin:is([data-preset=audio],[data-preset=live-audio]){overflow:visible!important}}}@layer components{@scope (.media-skin[data-theme="default"]){.media-seek-indicator{place-content:center;gap:var(--media-spacing);padding:calc(var(--media-spacing) * 4);text-align:center;grid-row-start:1;grid-column-start:2;display:grid}.media-seek-indicator[data-direction=backward]{grid-column-start:1;justify-self:flex-start}.media-seek-indicator[data-direction=forward]{grid-column-start:3;justify-self:flex-end}@container media-root (width >= 42rem){.media-seek-indicator{padding:calc(var(--media-spacing) * 6)}}.media-seek-indicator-icon{width:calc(var(--media-icon-size, calc(var(--media-spacing) * 4.5)) * 1.5);height:calc(var(--media-icon-size, calc(var(--media-spacing) * 4.5)) * 1.5);transition-property:translate,opacity;transition-duration:.15s;transition-duration:var(--media-duration-slow);transition-timing-function:cubic-bezier(.4,0,.2,1);display:none}@scope (.media-seek-indicator){:scope[data-direction] .media-seek-indicator-icon{display:block}}@scope (.media-seek-indicator){:scope[data-direction=backward] .media-seek-indicator-icon{scale:-1 1}}@scope (.media-seek-indicator){:scope[data-direction=backward][data-starting-style] .media-seek-indicator-icon{translate:var(--media-hidden-seek-offset) 0}}@scope (.media-seek-indicator){:scope[data-direction=forward][data-starting-style] .media-seek-indicator-icon{translate:calc(var(--media-hidden-seek-offset) * -1) 0}}@scope (.media-seek-indicator){:scope:is([data-starting-style],[data-ending-style]) .media-seek-indicator-icon{opacity:0}}.media-seek-indicator-value{font-variant-numeric:tabular-nums}}@scope (.media-skin[data-theme="default"]){.media-buffering-indicator{pointer-events:none;color:var(--media-controls-foreground);place-content:center;display:none;position:absolute;top:0;right:0;bottom:0;left:0}.media-buffering-indicator:not([data-visible]){--media-spinner-animation: none}.media-buffering-indicator:before{background-color:var(--media-backdrop);content:"";-webkit-backdrop-filter:var(--media-backdrop-filter-indicator);backdrop-filter:var(--media-backdrop-filter-indicator);position:absolute;top:0;right:0;bottom:0;left:0}@supports (color: color-mix(in lab,red,red)){.media-buffering-indicator:before{background-color:color-mix(in oklab,var(--media-backdrop) 35%,transparent)}}.media-buffering-indicator[data-visible]{display:grid}.media-buffering-indicator-spinner-icon{z-index:30;width:var(--media-icon-size, calc(var(--media-spacing) * 4.5));height:var(--media-icon-size, calc(var(--media-spacing) * 4.5));filter:drop-shadow(0 1px 0 var(--media-shadow-current-color));position:relative}}@scope (.media-skin[data-theme="default"]){.media-status-announcer{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}@scope (.media-skin[data-theme="default"]){.media-indicator{pointer-events:none;top:calc(var(--media-spacing) * 3);transform-origin:top;border-radius:var(--media-control-radius);background-color:var(--media-backdrop);color:var(--media-popover-foreground);box-shadow:0 0 0 1px var(--media-surface-border, var(--media-border)),var(--media-shadow-surface);-webkit-backdrop-filter:var(--media-backdrop-filter-surface);backdrop-filter:var(--media-backdrop-filter-surface);transition-duration:var(--media-duration-fast);font-weight:500;transition-timing-function:cubic-bezier(0,0,.2,1);position:absolute}@supports (color: color-mix(in lab,red,red)){.media-indicator{background-color:color-mix(in oklab,var(--media-backdrop) 25%,transparent)}}.media-indicator:after{content:"";z-index:10;pointer-events:none;border-radius:inherit;box-shadow:var(--media-shadow-surface-inset);position:absolute;top:0;right:0;bottom:0;left:0}.media-indicator[data-ending-style]{translate:0 var(--media-hidden-indicator-offset)}@media (pointer: coarse){.media-indicator{will-change:scale,translate,opacity;transition-property:scale,translate,opacity}}@media (pointer: fine){.media-indicator{will-change:scale,translate,filter,opacity;transition-property:scale,translate,filter,opacity}}@media (prefers-reduced-transparency: reduce),(prefers-contrast: more){.media-indicator{background-color:var(--media-background)}}.media-indicator:is([data-starting-style],[data-ending-style]){opacity:0;transition-duration:var(--media-duration-indicator);transition-timing-function:cubic-bezier(.4,0,1,1)}@media (pointer: fine){.media-indicator:is([data-starting-style],[data-ending-style]){scale:var(--media-hidden-indicator-scale) var(--media-hidden-indicator-scale);filter:blur(var(--media-hidden-blur))}}.media-indicator-content{justify-content:space-between;align-items:center;gap:calc(var(--media-spacing) * 2);padding-inline:calc(var(--media-spacing) * 2.5);padding-block:var(--media-spacing)}.media-volume-indicator{width:min(80%,12rem);transform:translate(0)}@media (prefers-reduced-motion: no-preference){.media-volume-indicator:is([data-min],[data-max]):not([data-starting-style],[data-ending-style]){transition:transform .3s linear(0,-24 20%,16 40%,-8 60%,4 80%,1);transform:translate(.25px)}}.media-volume-indicator-fill{border-radius:inherit;background-image:linear-gradient(currentColor,currentColor);background-size:var(--media-volume-fill, 0%) 100%;width:100%;transition-property:background-size;transition-duration:.15s;transition-duration:var(--media-duration-slow);background-position:0;background-repeat:no-repeat;transition-timing-function:linear;display:flex}.media-volume-indicator-high-icon{mix-blend-mode:difference;flex-shrink:0;display:none}@scope (.media-volume-indicator){:scope[data-level=high] .media-volume-indicator-high-icon{display:block}}.media-volume-indicator-low-icon{mix-blend-mode:difference;flex-shrink:0;display:none}@scope (.media-volume-indicator){:scope[data-level=low] .media-volume-indicator-low-icon{display:block}}.media-volume-indicator-off-icon{mix-blend-mode:difference;flex-shrink:0;display:none}@scope (.media-volume-indicator){:scope[data-level=off] .media-volume-indicator-off-icon{display:block}}.media-volume-indicator-value{mix-blend-mode:difference;margin-left:auto}}@scope (.media-skin[data-theme="default"]){.media-playback-status-indicator{background-color:var(--media-backdrop);padding:calc(var(--media-spacing) * 4);text-align:center;-webkit-backdrop-filter:var(--media-backdrop-filter-indicator);backdrop-filter:var(--media-backdrop-filter-indicator);transition-property:opacity,scale;transition-duration:.15s;transition-duration:var(--media-duration-slow);border-radius:9999px;grid-row-start:1;grid-column-start:2;place-content:center;transition-timing-function:cubic-bezier(0,0,.2,1);display:grid}@supports (color: color-mix(in lab,red,red)){.media-playback-status-indicator{background-color:color-mix(in oklab,var(--media-backdrop) 35%,transparent)}}.media-playback-status-indicator[data-ending-style]{transition-duration:var(--media-duration-fast);transition-timing-function:cubic-bezier(.4,0,1,1)}.media-playback-status-indicator:is([data-starting-style],[data-ending-style]){scale:var(--media-hidden-playback-scale) var(--media-hidden-playback-scale);opacity:0}.media-playback-status-indicator-pause-icon{width:calc(var(--media-icon-size, calc(var(--media-spacing) * 4.5)) * 1.5);height:calc(var(--media-icon-size, calc(var(--media-spacing) * 4.5)) * 1.5);scale:var(--media-hidden-icon-scale) var(--media-hidden-icon-scale);opacity:0;transition-property:opacity,scale;transition-duration:.15s;transition-duration:var(--media-duration);grid-row-start:1;grid-column-start:1;transition-timing-function:cubic-bezier(0,0,.2,1)}@scope (.media-playback-status-indicator){:scope[data-status=pause] .media-playback-status-indicator-pause-icon{opacity:1;scale:1}}.media-playback-status-indicator-play-icon{width:calc(var(--media-icon-size, calc(var(--media-spacing) * 4.5)) * 1.5);height:calc(var(--media-icon-size, calc(var(--media-spacing) * 4.5)) * 1.5);scale:var(--media-hidden-icon-scale) var(--media-hidden-icon-scale);opacity:0;transition-property:opacity,scale;transition-duration:.15s;transition-duration:var(--media-duration);grid-row-start:1;grid-column-start:1;transition-timing-function:cubic-bezier(0,0,.2,1)}@scope (.media-playback-status-indicator){:scope[data-status=play] .media-playback-status-indicator-play-icon{opacity:1;translate:1px;scale:1}}.media-status-indicator-captions-off-icon{mix-blend-mode:difference;flex-shrink:0;display:none}@scope (.media-status-indicator){:scope[data-status=captions-off] .media-status-indicator-captions-off-icon{display:block}}.media-status-indicator-captions-on-icon{mix-blend-mode:difference;flex-shrink:0;display:none}@scope (.media-status-indicator){:scope[data-status=captions-on] .media-status-indicator-captions-on-icon{display:block}}.media-status-indicator-content{width:100%;display:flex}.media-status-indicator-fullscreen-enter-icon{mix-blend-mode:difference;flex-shrink:0;display:none}@scope (.media-status-indicator){:scope[data-status=fullscreen] .media-status-indicator-fullscreen-enter-icon{display:block}}.media-status-indicator-fullscreen-exit-icon{mix-blend-mode:difference;flex-shrink:0;display:none}@scope (.media-status-indicator){:scope[data-status=exit-fullscreen] .media-status-indicator-fullscreen-exit-icon{display:block}}.media-status-indicator-pip-enter-icon{mix-blend-mode:difference;flex-shrink:0;display:none}@scope (.media-status-indicator){:scope[data-status=pip] .media-status-indicator-pip-enter-icon{display:block}}.media-status-indicator-pip-exit-icon{mix-blend-mode:difference;flex-shrink:0;display:none}@scope (.media-status-indicator){:scope[data-status=exit-pip] .media-status-indicator-pip-exit-icon{display:block}}.media-status-indicator-value{mix-blend-mode:difference;margin-left:auto}}}@layer components{@scope (.media-skin){:scope{--media-caption-track-duration: var(--media-duration-controls);--media-caption-track-delay: 25ms;--media-caption-track-y: calc(var(--media-spacing) * -3)}video::-webkit-media-text-track-container{z-index:20;font-family:inherit;scale:.98;translate:0 var(--media-caption-track-y);transition:translate var(--media-caption-track-duration) ease-out;transition-delay:var(--media-caption-track-delay)}:scope[data-controls-visible]{--media-caption-track-y: var(--media-caption-controls-y)}:scope[data-theme=compat] video::-webkit-media-text-track-container{scale:none;translate:none;transform:translateY(var(--media-caption-track-y, 0px)) scale(.98);transition-property:transform}@container media-root (width < 42rem){:scope[data-theme=default][data-controls-visible] video{--media-caption-track-y: calc(var(--media-spacing) * -14)}:scope[data-theme=neutral][data-controls-visible] video{--media-caption-track-y: calc(var(--media-spacing) * -17)}}}}@layer base.theme,base.preset,base.preferences;@layer base.preset{.media-skin:is([data-preset=video],[data-preset=live-video]){--media-frame-border: var(--media-border-color, rgb(0 0 0 / .1));--media-controls-gradient: linear-gradient( to top, color-mix(in oklab, var(--media-backdrop) 45%, transparent), transparent min(6rem, 40%), transparent calc(100% - min(5rem, 30%)) , color-mix(in oklab, var(--media-backdrop) 30%, transparent) );--media-caption-controls-y: calc(var(--media-spacing) * -16);--media-slider-preview-offset: calc(var(--media-spacing) * 9);--media-thumbnail-gradient: linear-gradient( to top, color-mix(in oklab, var(--media-backdrop) 50%, transparent), color-mix(in oklab, var(--media-backdrop) 10%, transparent), transparent )}@supports (color: oklch(from red l c h)) and (background-image: linear-gradient(in oklab,red,red)){.media-skin:is([data-preset=video],[data-preset=live-video]){--media-controls-gradient: linear-gradient( to top in oklab, oklch(from var(--media-backdrop) l c h / .45), oklch(from var(--media-backdrop) l c h / 0) min(6rem, 40%), oklch(from var(--media-backdrop) l c h / 0) calc(100% - min(5rem, 30%)) , oklch(from var(--media-backdrop) l c h / .3) )}}@supports (color: oklch(from red l c h)){.media-skin:is([data-preset=video],[data-preset=live-video]){--media-thumbnail-gradient: linear-gradient( to top, oklch(from var(--media-backdrop) l c h / .5), oklch(from var(--media-backdrop) l c h / .1), transparent )}}.media-skin:is([data-preset=video],[data-preset=live-video])[data-theme=neutral]{--media-frame-border: var(--media-border-color, rgb(0 0 0 / .15));--media-controls-gradient: linear-gradient( to top, color-mix(in oklab, var(--media-backdrop) 50%, transparent), color-mix(in oklab, var(--media-backdrop) 20%, transparent) );--media-indicator-gradient: linear-gradient( to bottom, color-mix(in oklab, var(--media-backdrop) 35%, transparent), color-mix(in oklab, var(--media-backdrop) 20%, transparent) calc(var(--media-spacing) * 12), transparent );--media-caption-controls-y: calc(var(--media-spacing) * -14);--media-slider-preview-offset: calc(var(--media-spacing) * 11)}.media-skin:is([data-preset=video],[data-preset=live-video])[data-theme=compat]{--media-caption-controls-y: calc(var(--media-spacing) * -18)}.media-skin:is([data-preset=video],[data-preset=live-video])[data-theme=scaffold]{--media-caption-controls-y: calc(var(--media-spacing) * -20)}@supports (color: oklch(from red l c h)) and (background-image: linear-gradient(in oklab,red,red)){.media-skin:is([data-preset=video],[data-preset=live-video])[data-theme=neutral]{--media-controls-gradient: linear-gradient( to top in oklab, oklch(from var(--media-backdrop) l c h / .5), oklch(from var(--media-backdrop) l c h / .2) )}}@supports (color: oklch(from red l c h)){.media-skin:is([data-preset=video],[data-preset=live-video])[data-theme=neutral]{--media-indicator-gradient: linear-gradient( to bottom, oklch(from var(--media-backdrop) l c h / .35), oklch(from var(--media-backdrop) l c h / .2) calc(var(--media-spacing) * 12), transparent )}}@supports (color: light-dark(red,red)){.media-skin:is([data-preset=video],[data-preset=live-video]){--media-frame-border: var( --media-border-color, light-dark(rgb(0 0 0 / .1), rgb(255 255 255 / .15)) )}.media-skin:is([data-preset=video],[data-preset=live-video])[data-theme=neutral]{--media-frame-border: var( --media-border-color, light-dark(rgb(0 0 0 / .15), rgb(255 255 255 / .15)) )}}}@layer components{@scope (.media-skin[data-theme="default"]){.media-container,:scope.media-container{isolation:isolate;border-radius:var(--media-video-border-radius);background-color:var(--media-background);width:100%;height:100%;font-family:var( --media-font-family, "Inter Variable", Inter, ui-sans-serif, system-ui, sans-serif );font-size:calc(var(--media-spacing) * 3.25);-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto;outline-offset:-4px;transition-property:outline-offset,outline-color;transition-duration:.15s;transition-duration:var(--media-duration-fast);--spacing: var(--media-spacing);outline:2px solid #0000;line-height:1.5;transition-timing-function:cubic-bezier(0,0,.2,1);display:block;position:relative;overflow:clip;container:media-root / inline-size}.media-container:after,:scope.media-container:after{pointer-events:none;z-index:10;border-radius:inherit;content:"";border-style:solid;border-width:1px;border-color:var(--media-frame-border);position:absolute;top:0;right:0;bottom:0;left:0}.media-container:focus-visible,:scope.media-container:focus-visible{outline-offset:2px;outline-color:var(--media-ring)}.media-container:fullscreen:after,:scope.media-container:fullscreen:after{content:"";display:none}}}@layer components{@scope (.media-skin[data-theme="default"]){.media-dialog-actions{gap:calc(var(--media-spacing) * 2);flex-shrink:0;display:flex}.media-dialog-backdrop{z-index:40;border-radius:inherit;background-color:var(--media-backdrop);opacity:1;-webkit-backdrop-filter:var(--media-backdrop-filter-dialog);backdrop-filter:var(--media-backdrop-filter-dialog);transition-property:opacity;transition-duration:.15s;transition-delay:var(--media-delay-dialog);transition-duration:var(--media-duration-dialog);transition-timing-function:cubic-bezier(0,0,.2,1);position:absolute;top:0;right:0;bottom:0;left:0}@supports (color: color-mix(in lab,red,red)){.media-dialog-backdrop{background-color:color-mix(in oklab,var(--media-backdrop) 20%,transparent)}}.media-dialog-backdrop:not([data-open]){display:none}.media-dialog-backdrop[data-ending-style]{transition-delay:0s;transition-duration:var(--media-duration-slower)}.media-dialog-backdrop:is([data-starting-style],[data-ending-style]){opacity:0}.media-dialog-close{height:var(--media-control-size);width:100%;padding-inline:calc(var(--media-spacing) * 4);padding-block:calc(var(--media-spacing) * 2);flex:1;font-weight:500;background-color:var(--media-primary)!important;color:var(--media-primary-foreground)!important}.media-dialog-content{gap:calc(var(--media-spacing) * 2);min-height:0;padding-inline:calc(var(--media-spacing) * 2);padding-top:calc(var(--media-spacing) * 2);padding-bottom:calc(var(--media-spacing) * 1.5);flex-direction:column;display:flex;overflow-y:auto}.media-dialog-description{overflow-wrap:anywhere;opacity:.7;margin:0}.media-dialog-popup{z-index:50;max-height:calc(100% - .5rem);width:var(--media-dialog-width);max-width:var(--media-dialog-max-width);gap:calc(var(--media-spacing) * 3);border-radius:var(--media-dialog-radius);background-color:var(--media-popover);padding:calc(var(--media-spacing) * 3);color:var(--media-popover-foreground);box-shadow:0 0 0 1px var(--media-surface-border, var(--media-border)),var(--media-shadow-surface);-webkit-backdrop-filter:var(--media-backdrop-filter-surface);backdrop-filter:var(--media-backdrop-filter-surface);transition-property:opacity,scale;transition-duration:.15s;transition-delay:var(--media-delay-dialog);transition-duration:var(--media-duration-dialog);text-shadow:var(--media-text-shadow-dialog);outline-style:none;flex-direction:column;transition-timing-function:cubic-bezier(0,0,.2,1);display:flex;position:absolute;top:50%;left:50%;translate:-50% -50%}@media (forced-colors: active){.media-dialog-popup{outline-offset:2px;outline:2px solid #0000}}.media-dialog-popup:not([data-open]){display:none}.media-dialog-popup:after{content:"";z-index:10;pointer-events:none;border-radius:inherit;box-shadow:var(--media-shadow-surface-inset);position:absolute;top:0;right:0;bottom:0;left:0}.media-dialog-popup[data-ending-style]{transition-delay:0s;transition-duration:var(--media-duration-slower)}.media-dialog-popup:is([data-starting-style],[data-ending-style]){scale:var(--media-hidden-popup-scale) var(--media-hidden-popup-scale);opacity:0}.media-dialog-title{font-size:calc(var(--media-spacing) * 3.75);margin:0;font-weight:600;line-height:1.25}}}@layer components{@scope (.media-skin[data-theme="default"]){.media-button{width:var(--media-control-size);height:var(--media-control-size);cursor:pointer;touch-action:manipulation;border-radius:var(--media-control-radius);text-align:center;min-height:0;color:inherit;outline-offset:-2px;transition-property:background-color,color,outline-offset,scale;transition-duration:var(--media-duration);will-change:scale;-webkit-user-select:none;user-select:none;corner-shape:var(--media-control-corner-shape);background-color:#0000;border-style:solid;border-width:0;outline:2px solid #0000;flex-shrink:0;place-items:center;padding:0;transition-timing-function:cubic-bezier(0,0,.2,1);display:grid}@media (hover: hover){.media-button:not([aria-disabled=true]):hover{background-color:var(--media-accent);color:var(--media-accent-foreground)}}.media-button:focus-visible{outline-offset:2px;outline-color:var(--media-ring)}.media-button:not([aria-disabled=true]):active{scale:.97}.media-button[aria-disabled=true]{cursor:not-allowed;opacity:.5}@media (prefers-reduced-motion: reduce){.media-button{will-change:auto;transition-property:background-color,color;scale:1}}.media-button:where(:focus-visible,[aria-expanded=true],[data-highlighted]):where(:not([aria-disabled=true])){background-color:var(--media-accent);color:var(--media-accent-foreground)}}@scope (.media-skin[data-theme="default"]){.media-button-icon{width:var(--media-icon-size, calc(var(--media-spacing) * 4.5));height:var(--media-icon-size, calc(var(--media-spacing) * 4.5));filter:drop-shadow(0 1px 0 var(--media-shadow-current-color));transition-property:opacity,scale;transition-duration:.15s;transition-duration:var(--media-duration);text-shadow:inherit;grid-row-start:1;grid-column-start:1;transition-timing-function:cubic-bezier(0,0,.2,1)}.media-pip-button-enter-icon{opacity:0}@scope (.media-pip-button){:scope:not([data-pip]) .media-pip-button-enter-icon{opacity:1;scale:1}}.media-pip-button-exit-icon{opacity:0}@scope (.media-pip-button){:scope[data-pip] .media-pip-button-exit-icon{opacity:1;scale:1}}}@scope (.media-skin[data-theme="default"]){.media-airplay-button:not([data-airplay-state=connected]){--media-icon-airplay-fill-animation: none;--media-icon-airplay-triangle-animation: none}.media-airplay-button-enter-icon{opacity:0}@scope (.media-airplay-button){:scope:not([data-airplay-state=connected]) .media-airplay-button-enter-icon{opacity:1;scale:1}}.media-airplay-button-exit-icon{opacity:0}@scope (.media-airplay-button){:scope[data-airplay-state=connected] .media-airplay-button-exit-icon{opacity:1;scale:1}}}@scope (.media-skin[data-theme="default"]){.media-play-button-pause-icon{scale:var(--media-hidden-icon-scale) var(--media-hidden-icon-scale);opacity:0}@scope (.media-play-button){:scope[data-started]:not([data-paused]):not([data-ended]) .media-play-button-pause-icon{opacity:1;scale:1}}.media-play-button-play-icon{scale:var(--media-hidden-icon-scale) var(--media-hidden-icon-scale);opacity:0}@scope (.media-play-button){:scope:not([data-ended]):not([data-started]) .media-play-button-play-icon,:scope:not([data-ended])[data-paused] .media-play-button-play-icon{opacity:1;scale:1}}.media-play-button-restart-icon{scale:var(--media-hidden-icon-scale) var(--media-hidden-icon-scale);opacity:0}@scope (.media-play-button){:scope[data-ended] .media-play-button-restart-icon{opacity:1;scale:1}}}@scope (.media-skin[data-theme="default"]){.media-live-button{align-items:center;gap:calc(var(--media-spacing) * 1.5);width:auto;padding-inline:calc(var(--media-spacing) * 3);padding-block:calc(var(--media-spacing) * 2);font-size:calc(var(--media-spacing) * 2.75);letter-spacing:.05em;text-transform:uppercase;font-weight:600;line-height:1;display:inline-flex!important}.media-live-button:before{width:calc(var(--media-spacing) * 2);height:calc(var(--media-spacing) * 2);transition-property:background-color;transition-duration:.15s;transition-duration:var(--media-duration);content:"";background-color:currentColor;border-radius:9999px;flex-shrink:0;transition-timing-function:cubic-bezier(0,0,.2,1);display:inline-block}@supports (color: color-mix(in lab,red,red)){.media-live-button:before{background-color:color-mix(in oklab,currentcolor 40%,transparent)}}.media-live-button[data-live-edge]:before{content:"";background-color:var(--media-live-color)}}@scope (.media-skin[data-theme="default"]){.media-captions-button-off-icon{opacity:0}@scope (.media-captions-button){:scope:not([data-active]) .media-captions-button-off-icon{opacity:1;scale:1}}.media-captions-button-on-icon{opacity:0}@scope (.media-captions-button){:scope[data-active] .media-captions-button-on-icon{opacity:1;scale:1}}}@scope (.media-skin[data-theme="default"]){.media-button-icon-base{width:var(--media-icon-size, calc(var(--media-spacing) * 4.5));height:var(--media-icon-size, calc(var(--media-spacing) * 4.5));filter:drop-shadow(0 1px 0 var(--media-shadow-current-color));text-shadow:inherit;grid-row-start:1;grid-column-start:1}}@scope (.media-skin[data-theme="default"]){.media-cast-button-enter-icon{opacity:0}@scope (.media-cast-button){:scope:not([data-cast-state=connected]) .media-cast-button-enter-icon{opacity:1;scale:1}}.media-cast-button-exit-icon{opacity:0}@scope (.media-cast-button){:scope[data-cast-state=connected] .media-cast-button-exit-icon{opacity:1;scale:1}}}@scope (.media-skin[data-theme="default"]){.media-fullscreen-button-enter-icon{opacity:0}@scope (.media-fullscreen-button){:scope:not([data-fullscreen]) .media-fullscreen-button-enter-icon{opacity:1;scale:1}}.media-fullscreen-button-exit-icon{opacity:0}@scope (.media-fullscreen-button){:scope[data-fullscreen] .media-fullscreen-button-exit-icon{opacity:1;scale:1}}}@scope (.media-skin[data-theme="default"]){.media-seek-button-backward-icon{scale:-1 1}.media-seek-button-backward-label{left:-1px}.media-seek-button-content{display:grid;position:relative}.media-seek-button-forward-label{right:-1px}.media-seek-button-label{letter-spacing:-.05em;font-variant-numeric:tabular-nums;font-size:.7em;font-weight:500;position:absolute;bottom:-3px}}@scope (.media-skin[data-theme="default"]){.media-mute-button-high-icon{opacity:0}@scope (.media-mute-button){:scope:not([data-muted]):not([data-volume-level=low]) .media-mute-button-high-icon{opacity:1;scale:1}}.media-mute-button-low-icon{opacity:0}@scope (.media-mute-button){:scope:not([data-muted])[data-volume-level=low] .media-mute-button-low-icon{opacity:1;scale:1}}.media-mute-button-off-icon{opacity:0}@scope (.media-mute-button){:scope[data-muted] .media-mute-button-off-icon{opacity:1;scale:1}}}@scope (.media-skin[data-theme="default"]){.media-playback-rate-button{font-variant-numeric:tabular-nums}.media-playback-rate-button:after{content:attr(data-rate) "×";width:4ch}}}@layer components{@scope (.media-skin[data-theme="default"]){.media-poster{pointer-events:none;border-radius:inherit;width:100%;height:100%;transition-property:opacity;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:var(--media-duration-slower);position:absolute;top:0;right:0;bottom:0;left:0}.media-poster:not([data-visible]){opacity:0}.media-poster-image{border-radius:inherit;object-fit:var(--media-object-fit, contain);object-position:var(--media-object-position, center);width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0}.media-poster-image:not([src]):not([srcset]){visibility:hidden}}:where(.media-skin[data-theme=default]) .media-poster{pointer-events:none;border-radius:inherit;width:100%;height:100%;transition-property:opacity;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:var(--media-duration-slower);position:absolute;top:0;right:0;bottom:0;left:0}:where(.media-skin[data-theme=default]) .media-poster:not([data-visible]){opacity:0}:where(.media-skin[data-theme=default]) .media-poster-image{border-radius:inherit;object-fit:var(--media-object-fit, contain);object-position:var(--media-object-position, center);width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0}:where(.media-skin[data-theme=default]) .media-poster-image:not([src]):not([srcset]){visibility:hidden}}@layer components{@scope (.media-skin[data-theme="default"]){.media-title{pointer-events:none;isolation:isolate;z-index:20;min-height:calc(var(--media-control-size) + (calc(var(--media-spacing) * 2)));transform-origin:top;padding-inline:calc(var(--media-spacing) * 6);padding-top:calc(var(--media-spacing) * 2.5);font-size:calc(var(--media-spacing) * 4);letter-spacing:-.0125em;overflow-wrap:anywhere;color:var(--media-controls-foreground);transition-property:filter,opacity,scale,translate;transition-duration:.15s;transition-duration:calc(var(--media-duration-controls) / 2);text-shadow:0 1px 0 var(--media-shadow-current-color);inset-inline:0;align-items:center;font-weight:500;transition-timing-function:cubic-bezier(0,0,.2,1);display:flex;position:absolute;top:0}.media-title:not([data-visible]){translate:0 calc(var(--media-hidden-offset) * -1);scale:var(--media-hidden-scale) var(--media-hidden-scale);opacity:0;transition-duration:var(--media-duration-controls)}@media (pointer: fine){.media-title:not([data-visible]){filter:blur(var(--media-hidden-blur))}}@container media-root (width >= 28rem){.media-title{padding-inline:calc(var(--media-spacing) * 6);padding-top:calc(var(--media-spacing) * 4)}}@container media-root (width < 32rem){.media-title{padding-right:calc(var(--media-spacing) * 36)}}}}@layer components{@scope (.media-skin[data-theme="default"]){.media-popup{color:inherit;border-style:solid;border-width:0;margin:0;overflow:visible}.media-popup[data-ending-style]{transform:none}.media-popup[data-starting-style]{transform:translate(var(--media-popup-translate-x-distance, 0),var(--media-popup-translate-y-distance, 0))}.media-popup[data-side=bottom]{transform-origin:top;--media-popup-translate-y-distance: calc(var(--media-popup-translate-distance) * -1)}.media-popup[data-side=left]{transform-origin:100%;--media-popup-translate-x-distance: var(--media-popup-translate-distance)}.media-popup[data-side=right]{transform-origin:0;--media-popup-translate-x-distance: calc(var(--media-popup-translate-distance) * -1)}.media-popup[data-side=top]{transform-origin:bottom;--media-popup-translate-y-distance: var(--media-popup-translate-distance)}.media-popup:is([data-starting-style],[data-ending-style]){scale:var(--media-hidden-popup-scale) var(--media-hidden-popup-scale);opacity:0;filter:blur(var(--media-hidden-popup-blur))}.media-popup-safe-area:before{pointer-events:auto;content:"";position:absolute}.media-popup-safe-area[data-side=bottom]:before{content:"";height:var(--media-popup-side-offset);inset-inline:0;bottom:100%}.media-popup-safe-area[data-side=left]:before{content:"";width:var(--media-popup-side-offset);inset-block:0;left:100%}.media-popup-safe-area[data-side=right]:before{content:"";width:var(--media-popup-side-offset);inset-block:0;right:100%}.media-popup-safe-area[data-side=top]:before{content:"";height:var(--media-popup-side-offset);inset-inline:0;top:100%}.media-popup-surface{background-color:var(--media-popover);color:var(--media-popover-foreground);box-shadow:0 0 0 1px var(--media-surface-border, var(--media-border)),var(--media-shadow-surface);-webkit-backdrop-filter:var(--media-backdrop-filter-surface);backdrop-filter:var(--media-backdrop-filter-surface)}.media-popup-surface:after{content:"";z-index:10;pointer-events:none;border-radius:inherit;box-shadow:var(--media-shadow-surface-inset);position:absolute;top:0;right:0;bottom:0;left:0}.media-popup-transition{transition-property:opacity,filter,transform,scale;transition-duration:var(--media-duration-fast);transition-timing-function:cubic-bezier(0,0,.2,1)}.media-popup-transition[data-ending-style]{transition-duration:var(--media-duration-instant)}.media-tooltip{border-radius:var(--media-control-radius);padding-inline:calc(var(--media-spacing) * 2.5);padding-block:var(--media-spacing);font-size:calc(var(--media-spacing) * 3.25);white-space:nowrap;--media-popup-side-offset: var(--media-tooltip-side-offset)}.media-tooltip[data-open]{align-items:center;gap:var(--media-spacing);display:flex}.media-tooltip-shortcut{border-radius:var(--media-spacing);background-color:var(--media-muted);text-align:center;min-width:1.5em;font-family:inherit;font-size:calc(var(--media-spacing) * 2.75);padding:.1em;font-weight:600;line-height:1.25}}:where(.media-skin[data-theme=default]) .media-popup-surface{background-color:var(--media-popover);color:var(--media-popover-foreground);box-shadow:0 0 0 1px var(--media-surface-border, var(--media-border)),var(--media-shadow-surface);-webkit-backdrop-filter:var(--media-backdrop-filter-surface);backdrop-filter:var(--media-backdrop-filter-surface)}:where(.media-skin[data-theme=default]) .media-popup-surface:after{content:"";z-index:10;pointer-events:none;border-radius:inherit;box-shadow:var(--media-shadow-surface-inset);position:absolute;top:0;right:0;bottom:0;left:0}@scope (.media-skin[data-theme="default"]){.media-volume-popover{border-radius:var(--media-control-radius);padding-inline:0;padding-block:calc(var(--media-spacing) * 3);--media-popup-side-offset: var(--media-popover-side-offset)}.media-volume-popover[data-side=right]{padding:0;padding-inline:calc(var(--media-spacing) * 3);--media-popover-side-offset: 0rem;border-radius:0;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background-color:#0000!important}.media-volume-popover[data-side=right]:after{content:"";display:none}}}@layer components{@scope (.media-skin[data-theme="default"]){.media-slider-buffer{pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0}.media-slider-buffer:before{border-radius:var(--media-control-radius);content:"";background-color:currentColor;width:100%;height:100%;position:absolute}@supports (color: color-mix(in lab,red,red)){.media-slider-buffer:before{background-color:color-mix(in oklab,currentcolor 20%,transparent)}}.media-slider-buffer[data-orientation=horizontal]{left:calc(var(--media-slider-chapter-start, 0%) + var(--media-spacing) * var(--media-chapter-inset-start, 0));right:max(calc(100% - var(--media-slider-buffer, 0%)),calc(100% - var(--media-slider-chapter-end, 100%) + var(--media-spacing) * var(--media-chapter-inset-end, 0)));clip-path:inset(-1px 0)}.media-slider-buffer[data-orientation=horizontal]:before{content:"";min-width:var(--media-spacing);left:0}.media-slider-buffer[data-orientation=vertical]{bottom:calc(var(--media-slider-chapter-start, 0%) + var(--media-spacing) * var(--media-chapter-inset-start, 0));top:max(calc(100% - var(--media-slider-buffer, 0%)),calc(100% - var(--media-slider-chapter-end, 100%) + var(--media-spacing) * var(--media-chapter-inset-end, 0)));clip-path:inset(0 -1px)}.media-slider-buffer[data-orientation=vertical]:before{content:"";min-height:var(--media-spacing);bottom:0}.media-slider-fill{pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0}.media-slider-fill:before{border-radius:var(--media-control-radius);content:"";background-color:var(--media-primary);width:100%;height:100%;position:absolute}.media-slider-fill[data-orientation=horizontal]{left:calc(var(--media-slider-chapter-start, 0%) + var(--media-spacing) * var(--media-chapter-inset-start, 0));right:max(calc(100% - var(--media-slider-fill, 0%)),calc(100% - var(--media-slider-chapter-end, 100%) + var(--media-spacing) * var(--media-chapter-inset-end, 0)));clip-path:inset(-1px 0)}@scope (.media-slider){:scope[data-dragging] .media-slider-fill[data-orientation=horizontal]{left:calc(var(--media-slider-chapter-start, 0%) + var(--media-spacing) * var(--media-chapter-inset-start, 0));right:max(calc(100% - var(--media-slider-pointer, 0%)),calc(100% - var(--media-slider-chapter-end, 100%) + var(--media-spacing) * var(--media-chapter-inset-end, 0)));clip-path:inset(-1px 0)}}.media-slider-fill[data-orientation=horizontal]:before{content:"";min-width:var(--media-spacing);left:0}.media-slider-fill[data-orientation=vertical]{bottom:calc(var(--media-slider-chapter-start, 0%) + var(--media-spacing) * var(--media-chapter-inset-start, 0));top:max(calc(100% - var(--media-slider-fill, 0%)),calc(100% - var(--media-slider-chapter-end, 100%) + var(--media-spacing) * var(--media-chapter-inset-end, 0)));clip-path:inset(0 -1px)}@scope (.media-slider){:scope[data-dragging] .media-slider-fill[data-orientation=vertical]{bottom:calc(var(--media-slider-chapter-start, 0%) + var(--media-spacing) * var(--media-chapter-inset-start, 0));top:max(calc(100% - var(--media-slider-pointer, 0%)),calc(100% - var(--media-slider-chapter-end, 100%) + var(--media-spacing) * var(--media-chapter-inset-end, 0)));clip-path:inset(0 -1px)}}.media-slider-fill[data-orientation=vertical]:before{content:"";min-height:var(--media-spacing);bottom:0}.media-slider-thumb{top:50%;left:var(--media-slider-fill, 0%);z-index:10;width:calc(var(--media-spacing) * 3);height:calc(var(--media-spacing) * 3);border-radius:var(--media-control-radius);box-shadow:0 0 #0000,0 0 #0000,0 0 #0000,0 0 #0000,var(--media-shadow-thumb);outline-offset:-4px;transition-property:opacity,height,width,outline-offset,scale;transition-duration:.15s;transition-duration:var(--media-duration-slider);-webkit-user-select:none;user-select:none;background-color:#fff;outline:4px solid #0000;transition-timing-function:cubic-bezier(0,0,.2,1);position:absolute;translate:-50% -50%}@scope (.media-slider){:scope[data-dragging] .media-slider-thumb{scale:.9}}.media-slider-thumb:after{pointer-events:none;inset:calc(var(--media-spacing) * -1);border-radius:inherit;opacity:0;transition-property:opacity,scale;transition-duration:.15s;transition-duration:var(--media-duration);content:"";transition-timing-function:cubic-bezier(0,0,.2,1);position:absolute;scale:.5;box-shadow:0 0 #0000,0 0 #0000,0 0 #0000,0 0 #0000,0 0 0 2px}@media (hover: hover){.media-slider-thumb:hover{outline-offset:0px;outline-color:currentColor}@supports (color: color-mix(in lab,red,red)){.media-slider-thumb:hover{outline-color:color-mix(in oklab,currentcolor 15%,transparent)}}}.media-slider-thumb:focus-visible{outline-offset:0px;outline-color:currentColor}@supports (color: color-mix(in lab,red,red)){.media-slider-thumb:focus-visible{outline-color:color-mix(in oklab,currentcolor 15%,transparent)}}.media-slider-thumb:focus-visible:after{content:"";opacity:1;scale:1}@scope (.media-slider){:scope[data-dragging] .media-slider-thumb[data-orientation=horizontal]{left:var(--media-slider-pointer)}}.media-slider-thumb[data-orientation=vertical]{top:calc(100% - var(--media-slider-fill, 0%));left:50%}@scope (.media-slider){:scope[data-dragging] .media-slider-thumb[data-orientation=vertical]{top:calc(100% - var(--media-slider-pointer))}}.media-slider-track{isolation:isolate;-webkit-user-select:none;user-select:none;border-radius:9999px;width:100%;position:relative}.media-slider-track:before{pointer-events:none;border-radius:var(--media-control-radius);content:"";background-color:currentColor;position:absolute;top:0;right:0;bottom:0;left:0}@supports (color: color-mix(in lab,red,red)){.media-slider-track:before{background-color:color-mix(in oklab,currentcolor 20%,transparent)}}.media-slider-track[data-orientation=horizontal]{height:var(--media-spacing)}.media-slider-track[data-orientation=vertical]{height:100%;width:var(--media-spacing)}}@scope (.media-skin[data-theme="default"]){.media-slider{cursor:pointer;transition-property:--media-slider-fill,--media-slider-buffer;transition-duration:.15s;transition-duration:var(--media-duration-slider);border-radius:9999px;outline-style:none;flex:1;justify-content:center;align-items:center;transition-timing-function:cubic-bezier(0,0,.2,1);display:flex;position:relative}@media (forced-colors: active){.media-slider{outline-offset:2px;outline:2px solid #0000}}.media-slider[data-disabled]{pointer-events:none}.media-slider[data-dragging]{transition-duration:0s}.media-slider[data-orientation=horizontal]{height:var(--media-slider-height, calc(var(--media-spacing) * 8));min-width:calc(var(--media-spacing) * 18)}.media-slider[data-orientation=vertical]{height:calc(var(--media-spacing) * 18);width:calc(var(--media-spacing) * 8);min-width:0}.media-volume-slider-thumb{opacity:1;scale:1}}@scope (.media-skin[data-theme="default"]){.media-slider-preview{height:var(--media-spacing);min-width:var(--media-slider-preview-max-width);--media-slider-preview-max-height: var(--media-slider-preview-max-width);--media-slider-preview-max-width: min(calc(var(--media-spacing) * 32), 100cqi);position:relative}.media-slider-preview:before{pointer-events:none;z-index:1;width:var(--media-spacing);height:var(--media-spacing);border-radius:var(--media-control-radius);opacity:0;transition-property:opacity,scale;transition-duration:.15s;transition-duration:var(--media-duration-slow);content:"";background-color:currentColor;transition-timing-function:cubic-bezier(0,0,.2,1);position:absolute;top:50%;left:50%;translate:-50% -50%;scale:.5}.media-slider-preview[data-pointing]:not([data-dragging]):before{content:"";opacity:1;scale:1}@container media-root (width >= 30rem){.media-slider-preview{--media-slider-preview-max-width: min(calc(var(--media-spacing) * 40), 100cqi)}}@container media-root (width >= 42rem){.media-slider-preview{--media-slider-preview-max-width: min(calc(var(--media-spacing) * 48), 100cqi)}}.media-slider-preview-content{max-width:var(--media-slider-preview-max-width);transform-origin:bottom;translate:-50% var(--media-hidden-preview-offset);scale:var(--media-hidden-preview-scale) var(--media-hidden-preview-scale);opacity:0;filter:blur(var(--media-hidden-blur));transition-property:filter,opacity,scale;transition-duration:.15s;transition-duration:var(--media-duration);transition-timing-function:cubic-bezier(0,0,.2,1);position:absolute}:where(.media-slider):has(:focus-visible) .media-slider-preview-content,:where(.media-slider-preview)[data-pointing] .media-slider-preview-content{opacity:1;filter:none;scale:1}.media-slider-thumbnail{pointer-events:none;bottom:calc(100% + var(--media-slider-preview-offset));max-height:var(--media-slider-preview-max-height);border-radius:var(--media-popup-radius);background-color:var(--media-backdrop);left:50%;overflow:hidden}@supports (color: color-mix(in lab,red,red)){.media-slider-thumbnail{background-color:color-mix(in oklab,var(--media-backdrop) 90%,transparent)}}.media-slider-thumbnail:after{pointer-events:none;border-radius:inherit;content:"";background-image:var(--media-thumbnail-gradient);position:absolute;top:0;right:0;bottom:0;left:0}.media-slider-thumbnail[data-loading]{aspect-ratio:16 / 9;width:var(--media-slider-preview-max-width)}.media-slider-thumbnail-image{transition-property:opacity;transition-duration:.15s;transition-duration:var(--media-duration);transition-timing-function:cubic-bezier(0,0,.2,1);display:block}@scope (.media-slider-thumbnail){:scope[data-loading] .media-slider-thumbnail-image{opacity:0}}.media-slider-thumbnail-spinner-icon{z-index:10;width:var(--media-icon-size, calc(var(--media-spacing) * 4.5));height:var(--media-icon-size, calc(var(--media-spacing) * 4.5));opacity:0;filter:drop-shadow(0 1px 0 var(--media-shadow-current-color));transition-property:opacity;transition-duration:.15s;transition-duration:var(--media-duration);transition-timing-function:cubic-bezier(0,0,.2,1);position:absolute;top:50%;left:50%;translate:-50% -50%}@scope (.media-slider-thumbnail){:scope:not([data-loading]) .media-slider-thumbnail-spinner-icon{--media-spinner-animation: none}}@scope (.media-slider-thumbnail){:scope[data-loading] .media-slider-thumbnail-spinner-icon{opacity:1}}.media-time-slider .media-slider-fill:before{background-color:var(--homeroll-video-progress, var(--media-primary))}.media-time-slider[data-playing]{transition-property:--media-slider-buffer;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.media-time-slider-chapter{--media-chapter-inset-end: .5;--media-chapter-inset-start: .5;justify-content:center;align-items:center;min-width:0;min-height:0;display:flex;position:absolute;top:0;right:0;bottom:0;left:0}.media-time-slider-chapter:first-of-type{--media-chapter-inset-start: 0}.media-time-slider-chapter:last-of-type{--media-chapter-inset-end: 0}.media-time-slider-chapter[data-orientation=horizontal]{clip-path:inset(0 calc(100% - var(--media-slider-chapter-end)) 0 var(--media-slider-chapter-start))}.media-time-slider-chapter[data-orientation=vertical]{clip-path:inset(calc(100% - var(--media-slider-chapter-end)) 0 var(--media-slider-chapter-start) 0)}@scope (.media-time-slider-chapter){:scope[data-highlighted] .media-time-slider-chapter-layer[data-orientation=horizontal]:before{content:"";min-width:calc(var(--media-spacing) * 1.75)}}@scope (.media-time-slider-chapter){:scope[data-highlighted] .media-time-slider-chapter-layer[data-orientation=vertical]:before{content:"";min-height:calc(var(--media-spacing) * 1.75)}}.media-time-slider-chapter-title{max-width:var(--media-slider-preview-max-width);text-overflow:ellipsis;white-space:nowrap;min-width:0;padding-inline:calc(var(--media-spacing) * 6);overflow:hidden}.media-time-slider-chapter-title:empty{display:none}.media-time-slider-chapter-track{transition-property:height,width;transition-duration:.15s;transition-duration:var(--media-duration-slow);transition-timing-function:cubic-bezier(0,0,.2,1)}@scope (.media-time-slider-chapter){:scope[data-highlighted] .media-time-slider-chapter-track[data-orientation=horizontal]{height:calc(var(--media-spacing) * 1.75)}}.media-time-slider-chapter-track[data-orientation=horizontal]:before{content:"";left:calc(var(--media-slider-chapter-start) + var(--media-spacing) * var(--media-chapter-inset-start));right:calc(100% - var(--media-slider-chapter-end) + var(--media-spacing) * var(--media-chapter-inset-end));clip-path:inset(-1px)}@scope (.media-time-slider-chapter){:scope[data-highlighted] .media-time-slider-chapter-track[data-orientation=vertical]{width:calc(var(--media-spacing) * 1.75)}}.media-time-slider-chapter-track[data-orientation=vertical]:before{content:"";top:calc(100% - var(--media-slider-chapter-end) + var(--media-spacing) * var(--media-chapter-inset-end));bottom:calc(var(--media-slider-chapter-start) + var(--media-spacing) * var(--media-chapter-inset-start));clip-path:inset(-1px)}.media-time-slider-chapters{border-radius:inherit;flex:1;align-items:center;width:100%;min-width:0;height:100%;min-height:0;display:flex;position:relative}.media-time-slider-preview-content{bottom:calc(100% + var(--media-slider-preview-label-offset));font-variant-numeric:tabular-nums;flex-direction:column;align-items:center;display:flex;left:50%}.media-time-slider-thumb{opacity:0;scale:.8}.media-time-slider-thumb:focus-visible,.media-time-slider-thumb[data-interactive]{opacity:1}@media (pointer: fine){@media (hover: hover){@scope (.media-slider){:scope:hover .media-time-slider-thumb{opacity:1;scale:1}}}}.media-time-slider-value{font-variant-numeric:tabular-nums}}:where(.media-skin[data-theme=default]) .media-slider-preview-content{max-width:var(--media-slider-preview-max-width);transform-origin:bottom;translate:-50% var(--media-hidden-preview-offset);scale:var(--media-hidden-preview-scale) var(--media-hidden-preview-scale);opacity:0;filter:blur(var(--media-hidden-blur));transition-property:filter,opacity,scale;transition-duration:.15s;transition-duration:var(--media-duration);transition-timing-function:cubic-bezier(0,0,.2,1);position:absolute}:where(.media-skin[data-theme=default]) :where(.media-slider):has(:focus-visible) .media-slider-preview-content,:where(.media-skin[data-theme=default]) :where(.media-slider-preview)[data-pointing] .media-slider-preview-content{opacity:1;filter:none;scale:1}:where(.media-skin[data-theme=default]) .media-slider-thumbnail{pointer-events:none;bottom:calc(100% + var(--media-slider-preview-offset));max-height:var(--media-slider-preview-max-height);border-radius:var(--media-popup-radius);background-color:var(--media-backdrop);left:50%;overflow:hidden}@supports (color: color-mix(in lab,red,red)){:where(.media-skin[data-theme=default]) .media-slider-thumbnail{background-color:color-mix(in oklab,var(--media-backdrop) 90%,transparent)}}:where(.media-skin[data-theme=default]) .media-slider-thumbnail:after{pointer-events:none;border-radius:inherit;content:"";background-image:var(--media-thumbnail-gradient);position:absolute;top:0;right:0;bottom:0;left:0}:where(.media-skin[data-theme=default]) .media-slider-thumbnail[data-loading]{aspect-ratio:16 / 9;width:var(--media-slider-preview-max-width)}:where(.media-skin[data-theme=default]) .media-slider-thumbnail-image{transition-property:opacity;transition-duration:.15s;transition-duration:var(--media-duration);transition-timing-function:cubic-bezier(0,0,.2,1);display:block}:where(.media-skin[data-theme=default]) :where(.media-slider-thumbnail)[data-loading] .media-slider-thumbnail-image{opacity:0}:where(.media-skin[data-theme=default]) .media-slider-thumbnail-spinner-icon{z-index:10;width:var(--media-icon-size, calc(var(--media-spacing) * 4.5));height:var(--media-icon-size, calc(var(--media-spacing) * 4.5));opacity:0;filter:drop-shadow(0 1px 0 var(--media-shadow-current-color));transition-property:opacity;transition-duration:.15s;transition-duration:var(--media-duration);transition-timing-function:cubic-bezier(0,0,.2,1);position:absolute;top:50%;left:50%;translate:-50% -50%}:where(.media-skin[data-theme=default]) :where(.media-slider-thumbnail):not([data-loading]) .media-slider-thumbnail-spinner-icon{--media-spinner-animation: none}:where(.media-skin[data-theme=default]) :where(.media-slider-thumbnail)[data-loading] .media-slider-thumbnail-spinner-icon{opacity:1}}
