150

cyberdraindev.onmicrosoft.com

kelvin@cyberdraindev.onmicrosoft.com

Search users in any tenant by UPN or Display Name. Requires Lighthouse onboarding

Tenant Name

CyberDrain Educational Tenant

Tenant ID

48880ab4-d72b-4afb-ae9c-a82925d5c7e4

Default Domain

CyberDrainTest02.onmicrosoft.com

AD Sync Enabled

No data

User Statistics

Total

30

Licensed Users

25

Unlicensed Users

0

Guests

0

Global Admins

5

Standards Set

Total

131

Remediation

131

Alert

0

Report

0

SharePoint Quota

Total

107417600

Free (104899.98GB)

107417584

Used (16MB)

16

Domain Names

CyberDrainTest02.onmicrosoft.com

Partner Relationships

CyberDrain Holding B.V
CyberDrainDev.onmicrosoft.com

Tenant Capabilities

Services
AAD Premium, Exchange, WindowsDefenderATP

Dashboard

:host { all: initial; direction: ltr; } *, ::before, ::after { box-sizing: border-box; } :host { font-family: sans-serif; line-height: 1.15; text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; } :host { margin: 0px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 16px; font-weight: 400; line-height: 1.5; color: var(--color-font); text-align: left; } :host:not(button) { background-color: rgb(255, 255, 255); } [tabindex="-1"]:focus:not(:focus-visible) { outline: 0px !important; } hr { box-sizing: content-box; height: 0px; overflow: visible; } h1, h2, h3, h4, h5, h6 { margin-top: 0px; margin-bottom: 8px; } p { margin-top: 0px; margin-bottom: 16px; } abbr[title], abbr[data-original-title] { text-decoration: underline dotted; cursor: help; border-bottom: 0px; text-decoration-skip-ink: none; } address { margin-bottom: 16px; font-style: normal; line-height: inherit; } ol, ul, dl { margin-top: 0px; margin-bottom: 16px; } ol ol, ul ul, ol ul, ul ol { margin-bottom: 0px; } dt { font-weight: 700; } dd { margin-bottom: 8px; margin-left: 0px; } blockquote { margin: 0px 0px 16px; } b, strong { font-weight: bolder; } small { font-size: 80%; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } a { color: rgb(0, 123, 255); text-decoration: none; background-color: transparent; } a:hover { color: rgb(0, 86, 179); text-decoration: underline; } a:not([href]) { color: inherit; text-decoration: none; } a:not([href]):hover { color: inherit; text-decoration: none; } pre, code, kbd, samp { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 1em; } pre { margin-top: 0px; margin-bottom: 16px; overflow: auto; } figure { margin: 0px 0px 16px; } img { vertical-align: middle; border-style: none; } svg { overflow: hidden; vertical-align: middle; } table { border-collapse: collapse; } caption { padding-top: 12px; padding-bottom: 12px; color: rgb(108, 117, 125); text-align: left; caption-side: bottom; } th { text-align: inherit; } label { display: inline-block; margin-bottom: 8px; } button { border-radius: 0px; border: 0px; padding: 0px; margin: 0px; background: none; appearance: none; } button:focus { outline: -webkit-focus-ring-color auto 5px; } button:focus:not(:focus-visible) { outline: none; } input, button, select, optgroup, textarea { margin: 0px; font-family: inherit; font-size: inherit; line-height: inherit; } button, input { overflow: visible; } button, select { text-transform: none; } select { overflow-wrap: normal; } button, [type="button"], [type="reset"], [type="submit"] { appearance: button; } button:not(:disabled), [type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled) { cursor: pointer; } input[type="radio"], input[type="checkbox"] { box-sizing: border-box; padding: 0px; } input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] { appearance: listbox; } textarea { overflow: auto; resize: vertical; } fieldset { min-width: 0px; padding: 0px; margin: 0px; border: 0px; } legend { display: block; width: 100%; max-width: 100%; padding: 0px; margin-bottom: 8px; font-size: 24px; line-height: inherit; color: inherit; white-space: normal; } progress { vertical-align: baseline; } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } [type="search"] { outline-offset: -2px; appearance: none; } [type="search"]::-webkit-search-decoration { appearance: none; } ::-webkit-file-upload-button { font: inherit; appearance: button; } output { display: inline-block; } summary { display: list-item; cursor: pointer; } template { display: none; } [hidden] { display: none !important; }

:host { position: absolute; --color-font: #757575; --color-backdrop: rgba(250,250,250,0.8); --color-border-shadow: rgba(0,0,0,0.145); --color-title-color: #1f1f1f; --color-stack-notes: #777; --color-accents-1: #808080; --color-accents-2: #222222; --color-accents-3: #404040; --font-stack-monospace: '__nextjs-Geist Mono','Geist Mono','SFMono-Regular',Consolas,'Liberation Mono',Menlo,Courier,monospace; --font-stack-sans: '__nextjs-Geist','Geist',-apple-system,'Source Sans Pro',sans-serif; font-family: var(--font-stack-sans); --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05); --shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1),0 1px 2px -1px rgb(0 0 0 / 0.1); --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1),0 2px 4px -2px rgb(0 0 0 / 0.1); --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1),0 4px 6px -4px rgb(0 0 0 / 0.1); --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1),0 8px 10px -6px rgb(0 0 0 / 0.1); --shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / 0.25); --shadow-inner: inset 0 2px 4px 0 rgb(0 0 0 / 0.05); --shadow-none: 0 0 #0000; --shadow-small: 0px 2px 2px rgba(0,0,0,0.04); --shadow-menu: 0px 1px 1px rgba(0,0,0,0.02),0px 4px 8px -4px rgba(0,0,0,0.04),0px 16px 24px -8px rgba(0,0,0,0.06); --focus-color: var(--color-blue-800); --focus-ring: 2px solid var(--focus-color); --timing-swift: cubic-bezier(0.23,0.88,0.26,0.92); --timing-overlay: cubic-bezier(0.175,0.885,0.32,1.1); --rounded-none: 0px; --rounded-sm: 2px; --rounded-md: 4px; --rounded-md-2: 6px; --rounded-lg: 8px; --rounded-xl: 12px; --rounded-2xl: 16px; --rounded-3xl: 24px; --rounded-4xl: 32px; --rounded-full: 9999px; --size-1: 0.0625rem; --size-2: 0.125rem; --size-3: 0.1875rem; --size-4: 0.25rem; --size-5: 0.3125rem; --size-6: 0.375rem; --size-7: 0.4375rem; --size-8: 0.5rem; --size-9: 0.5625rem; --size-10: 0.625rem; --size-11: 0.6875rem; --size-12: 0.75rem; --size-13: 0.8125rem; --size-14: 0.875rem; --size-15: 0.9375rem; --size-16: 1rem; --size-17: 1.0625rem; --size-18: 1.125rem; --size-20: 1.25rem; --size-22: 1.375rem; --size-24: 1.5rem; --size-26: 1.625rem; --size-28: 1.75rem; --size-30: 1.875rem; --size-32: 2rem; --size-34: 2.125rem; --size-36: 2.25rem; --size-38: 2.375rem; --size-40: 2.5rem; --size-42: 2.625rem; --size-44: 2.75rem; --size-46: 2.875rem; --size-48: 3rem; @media print { display: none; } } h1, h2, h3, h4, h5, h6 { margin-bottom: 8px; font-weight: 500; line-height: 1.5; } a { color: var(--color-blue-900); &:hover { color: var(--color-blue-900); } &:focus { outline: var(--focus-ring); } }

:host { --color-ansi-cyan: var(--color-syntax-keyword); --color-ansi-yellow: var(--color-syntax-function); --color-ansi-magenta: var(--color-syntax-keyword); --color-ansi-green: var(--color-syntax-string); --color-ansi-bright-black: var(--color-syntax-comment); --color-ansi-selection: var(--color-gray-alpha-300); --color-ansi-bg: var(--color-background-200); --color-ansi-fg: var(--color-gray-1000); --color-ansi-white: var(--color-gray-700); --color-ansi-black: var(--color-gray-200); --color-ansi-blue: var(--color-blue-700); --color-ansi-red: var(--color-red-700); --color-ansi-bright-white: var(--color-gray-1000); --color-ansi-bright-blue: var(--color-blue-800); --color-ansi-bright-cyan: var(--color-blue-800); --color-ansi-bright-green: var(--color-green-800); --color-ansi-bright-magenta: var(--color-blue-800); --color-ansi-bright-red: var(--color-red-800); --color-ansi-bright-yellow: var(--color-amber-900); --color-background-100: #ffffff; --color-background-200: #fafafa; --color-syntax-comment: #545454; --color-syntax-constant: #171717; --color-syntax-function: #0054ad; --color-syntax-keyword: #a51850; --color-syntax-link: #066056; --color-syntax-parameter: #8f3e00; --color-syntax-punctuation: #171717; --color-syntax-string: #036157; --color-syntax-string-expression: #066056; --color-gray-100: #f2f2f2; --color-gray-200: #ebebeb; --color-gray-300: #e6e6e6; --color-gray-400: #eaeaea; --color-gray-500: #c9c9c9; --color-gray-600: #a8a8a8; --color-gray-700: #8f8f8f; --color-gray-800: #7d7d7d; --color-gray-900: #666666; --color-gray-1000: #171717; --color-gray-alpha-100: rgba(0,0,0,0.05); --color-gray-alpha-200: rgba(0,0,0,0.081); --color-gray-alpha-300: rgba(0,0,0,0.1); --color-gray-alpha-400: rgba(0,0,0,0.08); --color-gray-alpha-500: rgba(0,0,0,0.21); --color-gray-alpha-600: rgba(0,0,0,0.34); --color-gray-alpha-700: rgba(0,0,0,0.44); --color-gray-alpha-800: rgba(0,0,0,0.51); --color-gray-alpha-900: rgba(0,0,0,0.605); --color-gray-alpha-1000: rgba(0,0,0,0.91); --color-blue-100: #f0f7ff; --color-blue-200: #edf6ff; --color-blue-300: #e1f0ff; --color-blue-400: #cde7ff; --color-blue-500: #99ceff; --color-blue-600: #52aeff; --color-blue-700: #0070f3; --color-blue-800: #0060d1; --color-blue-900: #0067d6; --color-blue-1000: #0025ad; --color-red-100: #fff0f0; --color-red-200: #ffebeb; --color-red-300: #ffe5e5; --color-red-400: #fdd8d8; --color-red-500: #f8baba; --color-red-600: #f87274; --color-red-700: #e5484d; --color-red-800: #da3036; --color-red-900: #ca2a30; --color-red-1000: #381316; --color-amber-100: #fff6e5; --color-amber-200: #fff4d5; --color-amber-300: #fef0cd; --color-amber-400: #ffddbf; --color-amber-500: #ffc96b; --color-amber-600: #f5b047; --color-amber-700: #ffb224; --color-amber-800: #ff990a; --color-amber-900: #a35200; --color-amber-1000: #4e2009; --color-green-100: #effbef; --color-green-200: #eafaea; --color-green-300: #dcf6dc; --color-green-400: #c8f1c9; --color-green-500: #99e59f; --color-green-600: #6cda76; --color-green-700: #46a758; --color-green-800: #388e4a; --color-green-900: #297c3b; --color-green-1000: #18311e; --color-turbopack-text-red: #ff1e56; --color-turbopack-text-blue: #0096ff; --color-turbopack-border-red: #f0adbe; --color-turbopack-border-blue: #adccea; --color-turbopack-background-red: #fff7f9; --color-turbopack-background-blue: #f6fbff; }

.nextjs-data-copy-button { color: inherit; & svg { width: var(--size-16); height: var(--size-16); } } .nextjs-data-copy-button--initial:hover { cursor: pointer; } .nextjs-data-copy-button--error, .nextjs-data-copy-button--error:hover { color: var(--color-ansi-red); } .nextjs-data-copy-button--success { color: var(--color-ansi-green); } [data-nextjs-call-stack-frame-no-source] { padding: 6px 8px; margin-bottom: 4px; border-radius: var(--rounded-lg); } [data-nextjs-call-stack-frame-no-source]:last-child { margin-bottom: 0px; } [data-nextjs-call-stack-frame-ignored="true"] { opacity: 0.6; } [data-nextjs-call-stack-frame] { display: block; box-sizing: border-box; user-select: text; padding: 6px 8px; border-radius: var(--rounded-lg); } .call-stack-frame-method-name { display: flex; align-items: center; gap: 4px; margin-bottom: 4px; font-family: var(--font-stack-monospace); color: var(--color-gray-1000); font-size: var(--size-14); font-weight: 500; line-height: var(--size-20); & svg { width: var(--size-16px); height: var(--size-16px); } } .open-in-editor-button, .source-mapping-error-button { display: flex; align-items: center; justify-content: center; border-radius: var(--rounded-full); padding: 4px; color: var(--color-font); & svg { width: var(--size-16); height: var(--size-16); } &:focus-visible { outline: var(--focus-ring); outline-offset: -2px; } &:hover { background: var(--color-gray-100); } } .call-stack-frame-file-source { color: var(--color-gray-900); font-size: var(--size-14); line-height: var(--size-20); } [data-nextjs-environment-name-label] { padding: 2px 6px; margin: 0px; border-radius: var(--rounded-md-2); background: var(--color-gray-100); font-weight: 600; font-size: var(--size-12); color: var(--color-gray-900); font-family: var(--font-stack-monospace); line-height: var(--size-20); } [data-nextjs-dialog-overlay] { position: fixed; inset: 0px; z-index: 9000; display: flex; align-content: center; align-items: center; flex-direction: column; padding: 10vh 15px 0px; } @media (max-height: 812px) { [data-nextjs-dialog-overlay] { padding: 15px 15px 0px; } } [data-nextjs-dialog-backdrop] { position: fixed; inset: 0px; background-color: var(--color-backdrop); backdrop-filter: blur(10px); pointer-events: all; z-index: -1; } [data-nextjs-dialog-backdrop-fixed] { cursor: not-allowed; backdrop-filter: blur(8px); } .nextjs-toast { position: fixed; bottom: 16px; left: 16px; max-width: 420px; z-index: 9000; box-shadow: rgba(0, 0, 0, 0.25) 0px 16px 32px; } @media (max-width: 440px) { .nextjs-toast { max-width: 90vw; left: 5vw; } } .nextjs-toast-errors-parent { padding: 16px; border-radius: var(--rounded-4xl); font-weight: 500; color: var(--color-ansi-bright-white); background-color: var(--color-ansi-red); } [data-nextjs-dialog-root] { --next-dialog-radius: var(--rounded-xl); --next-dialog-footer-height: var(--size-48); --next-dialog-max-width: 960px; --next-dialog-row-padding: 16px; --next-dialog-container-padding: 12px; display: flex; flex-direction: column-reverse; width: 100%; max-height: calc(100% - 56px); max-width: var(--next-dialog-max-width); margin-right: auto; margin-left: auto; scale: 0.98; opacity: 0; transition-property: scale, opacity; transition-duration: var(--transition-duration); transition-timing-function: var(--timing-overlay); &[data-rendered="true"] { opacity: 1; scale: 1; } } [data-nextjs-dialog] { outline: none; overflow: hidden; } [data-nextjs-dialog]::-webkit-scrollbar { width: 6px; border-radius: 0px 0px 1rem 1rem; margin-bottom: 1rem; } [data-nextjs-dialog]::-webkit-scrollbar-button { display: none; } [data-nextjs-dialog]::-webkit-scrollbar-track { border-radius: 0px 0px 1rem 1rem; background-color: var(--color-background-100); } [data-nextjs-dialog]::-webkit-scrollbar-thumb { border-radius: 1rem; background-color: var(--color-gray-500); } [data-nextjs-dialog-sizer] { overflow: hidden; border-radius: inherit; } [data-nextjs-dialog-backdrop] { opacity: 0; transition: opacity var(--transition-duration) var(--timing-overlay); } [data-nextjs-dialog-overlay][data-rendered="true"] [data-nextjs-dialog-backdrop] { opacity: 1; } [data-nextjs-dialog-content] { overflow-y: auto; border: none; margin: 0px; display: flex; flex-direction: column; position: relative; padding: 16px 12px; } [data-nextjs-dialog][data-has-footer="true"] [data-nextjs-dialog-body] { margin-bottom: var(--next-dialog-footer-height); } [data-nextjs-dialog-content] > [data-nextjs-dialog-header] { flex-shrink: 0; margin-bottom: 8px; } [data-nextjs-dialog-content] > [data-nextjs-dialog-body] { position: relative; flex: 1 1 auto; } [data-nextjs-dialog-footer] { width: calc(100% - 2px); position: fixed; bottom: 1px; min-height: var(--next-dialog-footer-height); border-radius: 0 0 var(--next-dialog-radius) var(--next-dialog-radius); overflow: hidden; & > * { min-height: var(--next-dialog-footer-height); } } @media (max-height: 812px) { [data-nextjs-dialog-overlay] { max-height: calc(100% - 15px); } } @media (min-width: 576px) { [data-nextjs-dialog-root] { --next-dialog-max-width: 540px; } } @media (min-width: 768px) { [data-nextjs-dialog-root] { --next-dialog-max-width: 720px; } } @media (min-width: 992px) { [data-nextjs-dialog-root] { --next-dialog-max-width: 960px; } } [data-nextjs-dialog-overlay] { padding: initial; top: 10vh; } .error-overlay-dialog { overflow-y: auto; -webkit-font-smoothing: antialiased; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-color: ; background-clip: padding-box; border: 1px solid var(--color-gray-400); border-radius: var(--rounded-xl); box-shadow: var(--shadow-menu); position: relative; &:has(~ [data-nextjs-error-overlay-nav] .error-overlay-notch[data-side="left"]) { border-top-left-radius: 0px; } &:has(~ [data-nextjs-error-overlay-nav] .error-overlay-notch[data-side="right"]) { border-top-right-radius: 0px; } } .nextjs-container-errors-header { position: relative; } .nextjs-container-errors-header > h1 { font-size: var(--size-20); line-height: var(--size-24); font-weight: bold; margin: calc(24px) 0px; color: var(--color-title-h1); } .nextjs-container-errors-header small { font-size: var(--size-14); color: var(--color-accents-1); margin-left: 16px; } .nextjs-container-errors-header small > span { font-family: var(--font-stack-monospace); } .nextjs-container-errors-header > div > small { margin: 4px 0px 0px; } .nextjs-container-errors-header > p > a { color: inherit; font-weight: bold; } .nextjs-container-errors-header > .nextjs-container-build-error-version-status { position: absolute; top: 16px; right: 16px; } [data-nextjs-error-overlay-nav] { --notch-height: 2.625rem; display: flex; justify-content: space-between; align-items: center; width: 100%; outline: none; translate: 1px 1px; max-width: var(--next-dialog-max-width); & .error-overlay-notch { --stroke-color: var(--color-gray-400); --background-color: var(--color-background-100); translate: -1px; width: auto; height: var(--notch-height); padding: 12px; background: var(--background-color); border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-bottom: none; position: relative; &[data-side="left"] { padding-right: 0px; border-radius: var(--rounded-xl) 0 0 0; & .error-overlay-notch-tail { right: -54px; } & > :not(.error-overlay-notch-tail) { margin-right: -10px; } } &[data-side="right"] { padding-left: 0px; border-radius: 0 var(--rounded-xl) 0 0; & .error-overlay-notch-tail { left: -54px; transform: rotateY(180deg); } & > :not(.error-overlay-notch-tail) { margin-left: -12px; } } & .error-overlay-notch-tail { position: absolute; top: -1px; pointer-events: none; z-index: -1; height: calc(100% + 1px); } } } .nextjs__container_errors_label { padding: 2px 6px; margin: 0px; border-radius: var(--rounded-md-2); background: var(--color-red-100); font-weight: 600; font-size: var(--size-12); color: var(--color-red-900); font-family: var(--font-stack-monospace); line-height: var(--size-20); } .nextjs__container_errors_wrapper { position: relative; } .nextjs__container_errors_desc { margin: 0px 0px 0px 4px; color: var(--color-red-900); font-weight: 500; font-size: var(--size-16); letter-spacing: -0.32px; line-height: var(--size-24); overflow-wrap: break-word; white-space: pre-wrap; } .nextjs__container_errors_desc.truncated { max-height: 200px; overflow: hidden; } .nextjs__container_errors_gradient_overlay { position: absolute; bottom: 0px; left: 0px; right: 0px; height: 85px; background: linear-gradient( 180deg,rgba(250,250,250,0) 0%,var(--color-background-100) 100% ); } .nextjs__container_errors_expand_button { position: absolute; bottom: 10px; left: 50%; transform: translateX(-50%); display: flex; align-items: center; padding: 6px 8px; background: var(--color-background-100); border: 1px solid var(--color-gray-alpha-400); border-radius: 999px; box-shadow: 0px 2px 2px var(--color-gray-alpha-100),0px 8px 8px -8px var(--color-gray-alpha-100); font-size: var(--size-13); cursor: pointer; color: var(--color-gray-900); font-weight: 500; transition: background-color 0.2s; } .nextjs__container_errors_expand_button:hover { background: var(--color-gray-100); } .error-overlay-toolbar { display: flex; gap: 6px; } .nodejs-inspector-button, .copy-stack-trace-button, .docs-link-button { display: flex; justify-content: center; align-items: center; width: var(--size-28); height: var(--size-28); background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-color: ; background-clip: padding-box; border: 1px solid var(--color-gray-alpha-400); box-shadow: var(--shadow-small); border-radius: var(--rounded-full); & svg { width: var(--size-14); height: var(--size-14); } &:focus { outline: var(--focus-ring); } &:not(:disabled):hover { background: var(--color-gray-alpha-100); } &:not(:disabled):active { background: var(--color-gray-alpha-200); } &:disabled { background-color: var(--color-gray-100); cursor: not-allowed; } } .error-overlay-toolbar-button-icon { color: var(--color-gray-900); } .error-overlay-call-stack-container { position: relative; margin-top: 8px; } .error-overlay-call-stack-header { display: flex; justify-content: space-between; align-items: center; min-height: var(--size-28); padding: 8px 8px 12px 4px; width: 100%; } .error-overlay-call-stack-title { display: flex; justify-content: space-between; align-items: center; gap: 8px; margin: 0px; color: var(--color-gray-1000); font-size: var(--size-16); font-weight: 500; } .error-overlay-call-stack-count { display: flex; justify-content: center; align-items: center; width: var(--size-20); height: var(--size-20); gap: 4px; color: var(--color-gray-1000); text-align: center; font-size: var(--size-11); font-weight: 500; line-height: var(--size-16); border-radius: var(--rounded-full); background: var(--color-gray-300); } .error-overlay-call-stack-ignored-list-toggle-button { color-scheme: unset; forced-color-adjust: unset; mask: unset; math-depth: unset; position: unset; position-anchor: unset; text-size-adjust: unset; appearance: unset; color: var(--color-gray-900); font-family: unset; font-feature-settings: unset; font-kerning: unset; font-optical-sizing: unset; font-palette: unset; font-size: var(--size-14); font-size-adjust: unset; font-stretch: unset; font-style: unset; font-synthesis: unset; font-variant: unset; font-variation-settings: unset; font-weight: unset; position-area: unset; text-orientation: unset; text-rendering: unset; text-spacing-trim: unset; -webkit-font-smoothing: unset; -webkit-locale: unset; -webkit-text-orientation: unset; -webkit-writing-mode: unset; writing-mode: unset; zoom: unset; accent-color: unset; place-content: unset; align-items: center; place-self: unset; alignment-baseline: unset; anchor-name: unset; anchor-scope: unset; animation-composition: unset; animation: unset; app-region: unset; aspect-ratio: unset; backdrop-filter: unset; backface-visibility: unset; background: unset; background-blend-mode: unset; baseline-shift: unset; baseline-source: unset; block-size: unset; border-block: unset; border: unset; border-radius: 6px; border-collapse: unset; border-end-end-radius: unset; border-end-start-radius: unset; border-inline: unset; border-start-end-radius: unset; border-start-start-radius: unset; inset: unset; box-decoration-break: unset; box-shadow: unset; box-sizing: unset; break-after: unset; break-before: unset; break-inside: unset; buffered-rendering: unset; caption-side: unset; caret-color: unset; clear: unset; clip: unset; clip-path: unset; clip-rule: unset; color-interpolation: unset; color-interpolation-filters: unset; color-rendering: unset; columns: unset; column-fill: unset; gap: 6px; column-rule: unset; column-span: unset; contain: unset; contain-intrinsic-block-size: unset; contain-intrinsic-size: unset; contain-intrinsic-inline-size: unset; container: unset; content: unset; content-visibility: unset; counter-increment: unset; counter-reset: unset; counter-set: unset; cursor: unset; cx: unset; cy: unset; d: unset; display: flex; dominant-baseline: unset; dynamic-range-limit: unset; empty-cells: unset; field-sizing: unset; fill: unset; fill-opacity: unset; fill-rule: unset; filter: unset; flex: unset; flex-flow: unset; float: unset; flood-color: unset; flood-opacity: unset; grid: unset; grid-area: unset; height: unset; hyphenate-character: unset; hyphenate-limit-chars: unset; hyphens: unset; image-orientation: unset; image-rendering: unset; initial-letter: unset; inline-size: unset; inset-block: unset; inset-inline: unset; interpolate-size: unset; isolation: unset; justify-items: unset; letter-spacing: unset; lighting-color: unset; line-break: unset; line-height: var(--size-20); list-style: unset; margin-block: unset; margin-bottom: unset; margin-inline: unset; margin-left: unset; margin-right: -6px; margin-top: unset; marker: unset; mask-type: unset; math-shift: unset; math-style: unset; max-block-size: unset; max-height: unset; max-inline-size: unset; max-width: unset; min-block-size: unset; min-height: unset; min-inline-size: unset; min-width: unset; mix-blend-mode: unset; object-fit: unset; object-position: unset; object-view-box: unset; offset: unset; opacity: unset; order: unset; orphans: unset; outline: unset; outline-offset: unset; overflow-anchor: unset; overflow-block: unset; overflow-clip-margin: unset; overflow-inline: unset; overflow-wrap: unset; overflow: unset; overlay: unset; overscroll-behavior-block: unset; overscroll-behavior-inline: unset; overscroll-behavior: unset; padding-block: unset; padding: 4px 6px; padding-inline: unset; page: unset; page-orientation: unset; paint-order: unset; perspective: unset; perspective-origin: unset; pointer-events: unset; position-try: unset; position-visibility: unset; print-color-adjust: unset; quotes: unset; r: unset; reading-flow: unset; reading-order: unset; resize: unset; rotate: unset; ruby-align: unset; ruby-position: unset; rx: unset; ry: unset; scale: unset; scroll-behavior: unset; scroll-initial-target: unset; scroll-margin-block: unset; scroll-margin: unset; scroll-margin-inline: unset; scroll-marker-group: unset; scroll-padding-block: unset; scroll-padding: unset; scroll-padding-inline: unset; scroll-snap-align: unset; scroll-snap-stop: unset; scroll-snap-type: unset; scroll-timeline: unset; scrollbar-color: unset; scrollbar-gutter: unset; scrollbar-width: unset; shape-image-threshold: unset; shape-margin: unset; shape-outside: unset; shape-rendering: unset; size: unset; speak: unset; stop-color: unset; stop-opacity: unset; stroke: unset; stroke-dasharray: unset; stroke-dashoffset: unset; stroke-linecap: unset; stroke-linejoin: unset; stroke-miterlimit: unset; stroke-opacity: unset; stroke-width: unset; tab-size: unset; table-layout: unset; text-align: unset; text-align-last: unset; text-anchor: unset; text-box: unset; text-combine-upright: unset; text-decoration: unset; text-decoration-skip-ink: unset; text-emphasis: unset; text-emphasis-position: unset; text-indent: unset; text-overflow: unset; text-shadow: unset; text-transform: unset; text-underline-offset: unset; text-underline-position: unset; text-wrap: unset; timeline-scope: unset; touch-action: unset; transform: unset; transform-box: unset; transform-origin: unset; transform-style: unset; transition: background 150ms; translate: unset; user-select: unset; vector-effect: unset; vertical-align: unset; view-timeline: unset; view-transition-class: unset; view-transition-name: unset; visibility: unset; border-spacing: unset; -webkit-box-align: unset; -webkit-box-decoration-break: unset; -webkit-box-direction: unset; -webkit-box-flex: unset; -webkit-box-ordinal-group: unset; -webkit-box-orient: unset; -webkit-box-pack: unset; -webkit-box-reflect: unset; -webkit-line-break: unset; -webkit-line-clamp: unset; -webkit-mask-box-image: unset; -webkit-rtl-ordering: unset; -webkit-ruby-position: unset; -webkit-tap-highlight-color: unset; -webkit-text-combine: unset; -webkit-text-decorations-in-effect: unset; -webkit-text-fill-color: unset; -webkit-text-security: unset; -webkit-text-stroke: unset; -webkit-user-drag: unset; white-space-collapse: unset; widows: unset; width: unset; will-change: unset; word-break: unset; word-spacing: unset; x: unset; y: unset; z-index: unset; &:hover { background: var(--color-gray-100); } &:focus { outline: var(--focus-ring); } & svg { width: var(--size-16); height: var(--size-16); } } [data-nextjs-error-label-group] { display: flex; align-items: center; gap: 8px; } .error-overlay-footer { display: flex; flex-direction: row; justify-content: space-between; gap: 8px; padding: 12px; background: var(--color-background-200); border-top: 1px solid var(--color-gray-400); } .error-feedback { margin-left: auto; & p { font-size: var(--size-14); font-weight: 500; margin: 0px; } } .error-overlay-footer-message { color: var(--color-gray-900); margin: 0px; font-size: var(--size-14); font-weight: 400; line-height: var(--size-20); } .error-feedback { display: flex; align-items: center; gap: 8px; white-space: nowrap; color: var(--color-gray-900); } .error-feedback-thanks { height: var(--size-24); display: flex; align-items: center; padding-right: 4px; } .feedback-button { background: none; border: none; border-radius: var(--rounded-md); width: var(--size-24); height: var(--size-24); display: flex; align-items: center; justify-content: center; cursor: pointer; &:focus { outline: var(--focus-ring); } &:hover { background: var(--color-gray-alpha-100); } &:active { background: var(--color-gray-alpha-200); } } .feedback-button[aria-disabled="true"] { opacity: 0.7; cursor: not-allowed; } .feedback-button.voted { background: var(--color-gray-alpha-200); } .thumbs-up-icon, .thumbs-down-icon { color: var(--color-gray-900); width: var(--size-16); height: var(--size-16); } .error-overlay-bottom-stack-layer { width: 100%; height: var(--stack-layer-height); position: relative; border: 1px solid var(--color-gray-400); border-radius: var(--rounded-xl); background: var(--color-background-200); transition: translate 350ms var(--timing-swift),box-shadow 350ms var(--timing-swift); } .error-overlay-bottom-stack-layer-1 { width: calc(100% - var(--size-24)); } .error-overlay-bottom-stack-layer-2 { width: calc(100% - var(--size-48)); z-index: -1; } .error-overlay-bottom-stack { width: 100%; position: absolute; bottom: -1px; height: 0px; overflow: visible; } .error-overlay-bottom-stack-stack { --stack-layer-height: 44px; --stack-layer-height-half: calc(var(--stack-layer-height) / 2); --stack-layer-trim: 13px; --shadow: 0px 0.925px 0.925px 0px rgba(0,0,0,0.02),0px 3.7px 7.4px -3.7px rgba(0,0,0,0.04),0px 14.8px 22.2px -7.4px rgba(0,0,0,0.06); display: grid; place-items: center; width: 100%; position: fixed; overflow: hidden; z-index: -1; max-width: var(--next-dialog-max-width); & .error-overlay-bottom-stack-layer { grid-area: 1 / 1; translate: 0 calc(var(--stack-layer-height) * -1); } &[data-stack-count="1"], &[data-stack-count="2"] { & .error-overlay-bottom-stack-layer-1 { translate: 0 calc(var(--stack-layer-height-half) * -1 - var(--stack-layer-trim)); } } &[data-stack-count="2"] { & .error-overlay-bottom-stack-layer-2 { translate: 0 calc(var(--stack-layer-trim) * -1 * 2); } } &[data-stack-count="1"] .error-overlay-bottom-stack-layer-1 { box-shadow: var(--shadow); } &[data-stack-count="2"] { & .error-overlay-bottom-stack-layer-2 { box-shadow: var(--shadow); } } } .error-overlay-pagination { -webkit-font-smoothing: antialiased; display: flex; justify-content: center; align-items: center; gap: 8px; width: fit-content; } .error-overlay-pagination-count { color: var(--color-gray-900); text-align: center; font-size: var(--size-14); font-weight: 500; line-height: var(--size-16); font-variant-numeric: tabular-nums; } .error-overlay-pagination-button { display: flex; justify-content: center; align-items: center; width: var(--size-24); height: var(--size-24); background: var(--color-gray-300); flex-shrink: 0; border: none; border-radius: var(--rounded-full); & svg { width: var(--size-16); height: var(--size-16); } &:focus-visible { outline: var(--focus-ring); } &:not(:disabled):active { background: var(--color-gray-500); } &:disabled { opacity: 0.5; cursor: not-allowed; } } .error-overlay-pagination-button-icon { color: var(--color-gray-1000); } [data-nextjs-codeframe] { background-color: var(--color-background-200); overflow: hidden; color: var(--color-gray-1000); text-overflow: ellipsis; border: 1px solid var(--color-gray-400); border-radius: 8px; font-family: var(--font-stack-monospace); font-size: var(--size-12); line-height: var(--size-16); margin: 8px 0px; & svg { width: var(--size-16); height: var(--size-16); } } .code-frame-link, .code-frame-pre { padding: 12px; } .code-frame-link svg { flex-shrink: 0; } .code-frame-link [data-text] { display: inline-flex; text-align: left; margin: auto 6px; } .code-frame-pre { white-space: pre-wrap; } .code-frame-header { width: 100%; transition: background 100ms ease-out; border-radius: 8px 8px 0px 0px; border-bottom: 1px solid var(--color-gray-400); } [data-with-open-in-editor-link-source-file] { padding: 4px; margin: -4px 0px -4px auto; border-radius: var(--rounded-full); &:focus-visible { outline: var(--focus-ring); outline-offset: -2px; } &:hover { background: var(--color-gray-100); } } [data-nextjs-codeframe]::selection, [data-nextjs-codeframe] ::selection { background-color: var(--color-ansi-selection); } [data-nextjs-codeframe] :not(a) { color: inherit; background-color: transparent; font-family: var(--font-stack-monospace); } [data-nextjs-codeframe] > * { margin: 0px; } .code-frame-link { display: flex; margin: 0px; outline: 0px; } .code-frame-link [data-icon="right"] { margin-left: auto; } [data-nextjs-codeframe] div > pre { overflow: hidden; display: inline-block; } [data-nextjs-codeframe] svg { color: var(--color-gray-900); } [data-nextjs-terminal]::selection, [data-nextjs-terminal] ::selection { background-color: var(--color-ansi-selection); } [data-nextjs-terminal] * { color: inherit; background-color: transparent; font-family: var(--font-stack-monospace); } [data-nextjs-terminal] > div > p { display: flex; align-items: center; justify-content: space-between; cursor: pointer; margin: 0px; } [data-nextjs-terminal] > div > p:hover { text-decoration: underline dotted; } [data-nextjs-terminal] div > pre { overflow: hidden; display: inline-block; } [data-with-open-in-editor-link] svg { width: auto; height: var(--size-14); margin-left: 8px; } [data-with-open-in-editor-link] { cursor: pointer; } [data-with-open-in-editor-link]:hover { text-decoration: underline dotted; } [data-with-open-in-editor-link-import-trace] { margin-left: 16px; } .nextjs-error-with-static { bottom: calc(72px); } p.nextjs__container_errors__link { font-size: var(--size-14); } p.nextjs__container_errors__notes { color: var(--color-stack-notes); font-size: var(--size-14); line-height: 1.5; } .nextjs-container-errors-body > h2:not(:first-child) { margin-top: calc(24px); } .nextjs-container-errors-body > h2 { color: var(--color-title-color); margin-bottom: 8px; font-size: var(--size-20); } .nextjs-toast-errors-parent { cursor: pointer; transition: transform 0.2s; } .nextjs-toast-errors-parent:hover { transform: scale(1.1); } .nextjs-toast-errors { display: flex; align-items: center; justify-content: flex-start; } .nextjs-toast-errors > svg { margin-right: 8px; } .nextjs-toast-hide-button { margin-left: 24px; border: none; background: none; color: var(--color-ansi-bright-white); padding: 0px; transition: opacity 0.25s; opacity: 0.7; } .nextjs-toast-hide-button:hover { opacity: 1; } .nextjs__container_errors_inspect_copy_button { cursor: pointer; background: none; border: none; color: var(--color-ansi-bright-white); font-size: var(--size-24); padding: 0px; margin: 0px 0px 0px 8px; transition: opacity 0.25s; } .nextjs__container_errors__error_title { display: flex; align-items: center; justify-content: space-between; margin-bottom: 14px; } .error-overlay-notes-container { margin: 8px 2px; } .error-overlay-notes-container p { white-space: pre-wrap; } [data-nextjs-container-errors-pseudo-html] { padding: 8px 0px; margin: 8px 0px; border: 1px solid var(--color-gray-400); background: var(--color-background-200); color: var(--color-syntax-constant); font-family: var(--font-stack-monospace); font-size: var(--size-12); line-height: 1.33em; border-radius: var(--rounded-md-2); } [data-nextjs-container-errors-pseudo-html-line] { display: inline-block; width: 100%; padding-left: 40px; line-height: calc(1.66667); } [data-nextjs-container-errors-pseudo-html--diff="error"] { background: var(--color-amber-100); font-weight: bold; } [data-nextjs-container-errors-pseudo-html-collapse-button] { color-scheme: unset; forced-color-adjust: unset; mask: unset; math-depth: unset; position: unset; position-anchor: unset; text-size-adjust: unset; appearance: unset; color: unset; font: unset; font-palette: unset; font-synthesis: unset; position-area: unset; text-orientation: unset; text-rendering: unset; text-spacing-trim: unset; -webkit-font-smoothing: unset; -webkit-locale: unset; -webkit-text-orientation: unset; -webkit-writing-mode: unset; writing-mode: unset; zoom: unset; accent-color: unset; place-content: unset; place-items: unset; place-self: unset; alignment-baseline: unset; anchor-name: unset; anchor-scope: unset; animation-composition: unset; animation: unset; app-region: unset; aspect-ratio: unset; backdrop-filter: unset; backface-visibility: unset; background: unset; background-blend-mode: unset; baseline-shift: unset; baseline-source: unset; block-size: unset; border-block: unset; border: unset; border-radius: unset; border-collapse: unset; border-end-end-radius: unset; border-end-start-radius: unset; border-inline: unset; border-start-end-radius: unset; border-start-start-radius: unset; inset: unset; box-decoration-break: unset; box-shadow: unset; box-sizing: unset; break-after: unset; break-before: unset; break-inside: unset; buffered-rendering: unset; caption-side: unset; caret-color: unset; clear: unset; clip: unset; clip-path: unset; clip-rule: unset; color-interpolation: unset; color-interpolation-filters: unset; color-rendering: unset; columns: unset; column-fill: unset; gap: unset; column-rule: unset; column-span: unset; contain: unset; contain-intrinsic-block-size: unset; contain-intrinsic-size: unset; contain-intrinsic-inline-size: unset; container: unset; content: unset; content-visibility: unset; counter-increment: unset; counter-reset: unset; counter-set: unset; cursor: unset; cx: unset; cy: unset; d: unset; display: unset; dominant-baseline: unset; dynamic-range-limit: unset; empty-cells: unset; field-sizing: unset; fill: unset; fill-opacity: unset; fill-rule: unset; filter: unset; flex: unset; flex-flow: unset; float: unset; flood-color: unset; flood-opacity: unset; grid: unset; grid-area: unset; height: unset; hyphenate-character: unset; hyphenate-limit-chars: unset; hyphens: unset; image-orientation: unset; image-rendering: unset; initial-letter: unset; inline-size: unset; inset-block: unset; inset-inline: unset; interpolate-size: unset; isolation: unset; letter-spacing: unset; lighting-color: unset; line-break: unset; list-style: unset; margin-block: unset; margin-bottom: unset; margin-inline: unset; margin-left: 12px; margin-right: unset; margin-top: unset; marker: unset; mask-type: unset; math-shift: unset; math-style: unset; max-block-size: unset; max-height: unset; max-inline-size: unset; max-width: unset; min-block-size: unset; min-height: unset; min-inline-size: unset; min-width: unset; mix-blend-mode: unset; object-fit: unset; object-position: unset; object-view-box: unset; offset: unset; opacity: unset; order: unset; orphans: unset; outline: unset; outline-offset: unset; overflow-anchor: unset; overflow-block: unset; overflow-clip-margin: unset; overflow-inline: unset; overflow-wrap: unset; overflow: unset; overlay: unset; overscroll-behavior-block: unset; overscroll-behavior-inline: unset; overscroll-behavior: unset; padding-block: unset; padding: unset; padding-inline: unset; page: unset; page-orientation: unset; paint-order: unset; perspective: unset; perspective-origin: unset; pointer-events: unset; position-try: unset; position-visibility: unset; print-color-adjust: unset; quotes: unset; r: unset; reading-flow: unset; reading-order: unset; resize: unset; rotate: unset; ruby-align: unset; ruby-position: unset; rx: unset; ry: unset; scale: unset; scroll-behavior: unset; scroll-initial-target: unset; scroll-margin-block: unset; scroll-margin: unset; scroll-margin-inline: unset; scroll-marker-group: unset; scroll-padding-block: unset; scroll-padding: unset; scroll-padding-inline: unset; scroll-snap-align: unset; scroll-snap-stop: unset; scroll-snap-type: unset; scroll-timeline: unset; scrollbar-color: unset; scrollbar-gutter: unset; scrollbar-width: unset; shape-image-threshold: unset; shape-margin: unset; shape-outside: unset; shape-rendering: unset; size: unset; speak: unset; stop-color: unset; stop-opacity: unset; stroke: unset; stroke-dasharray: unset; stroke-dashoffset: unset; stroke-linecap: unset; stroke-linejoin: unset; stroke-miterlimit: unset; stroke-opacity: unset; stroke-width: unset; tab-size: unset; table-layout: unset; text-align: unset; text-align-last: unset; text-anchor: unset; text-box: unset; text-combine-upright: unset; text-decoration: unset; text-decoration-skip-ink: unset; text-emphasis: unset; text-emphasis-position: unset; text-indent: unset; text-overflow: unset; text-shadow: unset; text-transform: unset; text-underline-offset: unset; text-underline-position: unset; text-wrap: unset; timeline-scope: unset; touch-action: unset; transform: unset; transform-box: unset; transform-origin: unset; transform-style: unset; transition: unset; translate: unset; user-select: unset; vector-effect: unset; vertical-align: unset; view-timeline: unset; view-transition-class: unset; view-transition-name: unset; visibility: unset; border-spacing: unset; -webkit-box-align: unset; -webkit-box-decoration-break: unset; -webkit-box-direction: unset; -webkit-box-flex: unset; -webkit-box-ordinal-group: unset; -webkit-box-orient: unset; -webkit-box-pack: unset; -webkit-box-reflect: unset; -webkit-line-break: unset; -webkit-line-clamp: unset; -webkit-mask-box-image: unset; -webkit-rtl-ordering: unset; -webkit-ruby-position: unset; -webkit-tap-highlight-color: unset; -webkit-text-combine: unset; -webkit-text-decorations-in-effect: unset; -webkit-text-fill-color: unset; -webkit-text-security: unset; -webkit-text-stroke: unset; -webkit-user-drag: unset; white-space-collapse: unset; widows: unset; width: unset; will-change: unset; word-break: unset; word-spacing: unset; x: unset; y: unset; z-index: unset; &:focus { outline: none; } } [data-nextjs-container-errors-pseudo-html--diff="add"] { background: var(--color-green-300); } [data-nextjs-container-errors-pseudo-html-line-sign] { margin-left: calc(-24px); margin-right: 24px; } [data-nextjs-container-errors-pseudo-html--diff="add"] [data-nextjs-container-errors-pseudo-html-line-sign] { color: var(--color-green-900); } [data-nextjs-container-errors-pseudo-html--diff="remove"] { background: var(--color-red-300); } [data-nextjs-container-errors-pseudo-html--diff="remove"] [data-nextjs-container-errors-pseudo-html-line-sign] { color: var(--color-red-900); margin-left: calc(-24px); margin-right: 24px; } [data-nextjs-container-errors-pseudo-html--diff="error"] [data-nextjs-container-errors-pseudo-html-line-sign] { color: var(--color-amber-900); } [data-nextjs-container-errors-pseudo-html--hint] { display: inline-block; font-size: 0px; height: 0px; } [data-nextjs-container-errors-pseudo-html--tag-adjacent="false"] { color: var(--color-accents-1); } .nextjs__container_errors__component-stack { margin: 0px; } [data-nextjs-container-errors-pseudo-html-collapse="true"] .nextjs__container_errors__component-stack code { max-height: 120px; mask-image: linear-gradient(rgba(0, 0, 0, 0) 0%, black 10%); padding-bottom: 40px; } .nextjs__container_errors__component-stack code { display: block; width: 100%; white-space: pre-wrap; scroll-snap-type: y mandatory; overflow-y: hidden; } [data-nextjs-container-errors-pseudo-html--diff] { scroll-snap-align: center; } .error-overlay-hydration-error-diff-plus-icon { color: var(--color-green-900); } .error-overlay-hydration-error-diff-minus-icon { color: var(--color-red-900); } .nextjs-container-build-error-version-status { -webkit-font-smoothing: antialiased; display: flex; justify-content: center; align-items: center; gap: 4px; height: var(--size-26); padding: 6px 8px 6px 6px; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-color: ; background-clip: padding-box; border: 1px solid var(--color-gray-alpha-400); box-shadow: var(--shadow-small); border-radius: var(--rounded-full); color: var(--color-gray-900); font-size: var(--size-12); font-weight: 500; line-height: var(--size-16); } a.nextjs-container-build-error-version-status { text-decoration: none; color: var(--color-gray-900); &:hover { background: var(--color-gray-100); } &:focus { outline: var(--focus-ring); } } .version-staleness-indicator.fresh { fill: var(--color-green-800); stroke: var(--color-green-300); } .version-staleness-indicator.stale { fill: var(--color-amber-800); stroke: var(--color-amber-300); } .version-staleness-indicator.outdated { fill: var(--color-red-800); stroke: var(--color-red-300); } .version-staleness-indicator.unknown { fill: var(--color-gray-800); stroke: var(--color-gray-300); } .nextjs-container-build-error-version-status > .turbopack-text { background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-color: ; background-clip: text; -webkit-text-fill-color: transparent; } .dev-tools-indicator-menu { -webkit-font-smoothing: antialiased; display: flex; flex-direction: column; align-items: flex-start; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-color: ; border: 1px solid var(--color-gray-alpha-400); background-clip: padding-box; box-shadow: var(--shadow-menu); border-radius: var(--rounded-xl); position: absolute; font-family: var(--font-stack-sans); z-index: 1000; overflow: hidden; opacity: 0; outline: 0px; min-width: 248px; transition: opacity var(--animate-out-duration-ms) var(--animate-out-timing-function); &[data-rendered="true"] { opacity: 1; scale: 1; } } .dev-tools-indicator-inner { padding: 6px; width: 100%; } .dev-tools-indicator-item { display: flex; align-items: center; padding: 8px 6px; height: var(--size-36); border-radius: 6px; user-select: none; white-space: nowrap; text-decoration: none !important; & svg { width: var(--size-16); height: var(--size-16); } &:focus-visible { outline: 0px; } } .dev-tools-indicator-footer { background: var(--color-background-200); padding: 6px; border-top: 1px solid var(--color-gray-400); width: 100%; } .dev-tools-indicator-item[data-selected="true"] { cursor: pointer; background-color: var(--color-gray-200); } .dev-tools-indicator-label { font-size: var(--size-14); line-height: var(--size-20); color: var(--color-gray-1000); } .dev-tools-indicator-value { font-size: var(--size-14); line-height: var(--size-20); color: var(--color-gray-900); margin-left: auto; } .dev-tools-indicator-issue-count { --color-primary: var(--color-gray-800); --color-secondary: var(--color-gray-100); display: flex; flex-direction: row; align-items: center; justify-content: center; gap: 8px; min-width: var(--size-40); height: var(--size-24); background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-color: ; border: 1px solid var(--color-gray-alpha-400); background-clip: padding-box; box-shadow: var(--shadow-small); padding: 2px; color: var(--color-gray-1000); border-radius: 128px; font-weight: 500; font-size: var(--size-13); font-variant-numeric: tabular-nums; &[data-has-issues="true"] { --color-primary: var(--color-red-800); --color-secondary: var(--color-red-100); } & .dev-tools-indicator-issue-count-indicator { width: var(--size-8); height: var(--size-8); background: var(--color-primary); box-shadow: 0 0 0 2px var(--color-secondary); border-radius: 50%; } } .dev-tools-indicator-shortcut { display: flex; gap: 4px; & kbd { width: var(--size-20); height: var(--size-20); display: flex; justify-content: center; align-items: center; border-radius: var(--rounded-md); border: 1px solid var(--color-gray-400); font-family: var(--font-stack-sans); background: var(--color-background-100); color: var(--color-gray-1000); text-align: center; font-size: var(--size-12); line-height: var(--size-16); } } [data-info-popover] { -webkit-font-smoothing: antialiased; display: flex; flex-direction: column; align-items: flex-start; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-color: ; border: 1px solid var(--color-gray-alpha-400); background-clip: padding-box; box-shadow: var(--shadow-menu); border-radius: var(--rounded-xl); position: absolute; font-family: var(--font-stack-sans); z-index: 1000; overflow: hidden; opacity: 0; outline: 0px; min-width: 350px; transition: opacity var(--animate-out-duration-ms) var(--animate-out-timing-function); &[data-rendered="true"] { opacity: 1; scale: 1; } & button:focus-visible { outline: var(--focus-ring); } } .dev-tools-info-container { padding: 12px; } .dev-tools-info-title { padding: 8px 6px; color: var(--color-gray-1000); font-size: var(--size-16); font-weight: 600; line-height: var(--size-20); margin: 0px; } .dev-tools-info-article { padding: 8px 6px; color: var(--color-gray-1000); font-size: var(--size-14); line-height: var(--size-20); margin: 0px; } .dev-tools-info-paragraph { &:last-child { margin-bottom: 0px; } } .dev-tools-info-button-container { display: flex; justify-content: space-between; align-items: center; padding: 8px 6px; } .dev-tools-info-close-button { padding: 0px 8px; height: var(--size-28); font-size: var(--size-14); font-weight: 500; line-height: var(--size-20); transition: background var(--duration-short) ease; color: var(--color-gray-1000); border-radius: var(--rounded-md-2); border: 1px solid var(--color-gray-alpha-400); background: var(--color-background-200); } .dev-tools-info-close-button:hover { background: var(--color-gray-400); } .dev-tools-info-learn-more-button { align-content: center; padding: 0px 8px; height: var(--size-28); font-size: var(--size-14); font-weight: 500; line-height: var(--size-20); transition: background var(--duration-short) ease; color: var(--color-background-100); border-radius: var(--rounded-md-2); background: var(--color-gray-1000); } .dev-tools-info-learn-more-button:hover { text-decoration: none; color: var(--color-background-100); opacity: 0.9; } .dev-tools-info-code { background: var(--color-gray-400); color: var(--color-gray-1000); font-family: var(--font-stack-monospace); padding: 2px 4px; margin: 0px; font-size: var(--size-13); white-space: break-spaces; border-radius: var(--rounded-md-2); } .dev-tools-info-code-block-container { padding: 6px; } .dev-tools-info-code-block { position: relative; background: var(--color-background-200); border: 1px solid var(--color-gray-alpha-400); border-radius: var(--rounded-md-2); min-width: 326px; } .dev-tools-info-code-block-pre { margin: 0px; font-family: var(--font-stack-monospace); font-size: var(--size-12); } .dev-tools-info-copy-button { position: absolute; display: flex; justify-content: center; align-items: center; right: 8px; top: 8px; padding: 4px; height: var(--size-24); width: var(--size-24); border-radius: var(--rounded-md-2); border: 1px solid var(--color-gray-alpha-400); background: var(--color-background-100); } .dev-tools-info-code-block-line { display: block; line-height: 1.5; padding: 0px 16px; } .dev-tools-info-code-block-line.dev-tools-info-highlight { border-left: 2px solid var(--color-blue-900); background: var(--color-blue-400); } .dev-tools-info-code-block-json-key { color: var(--color-syntax-keyword); } .dev-tools-info-code-block-json-value { color: var(--color-syntax-link); } .preferences-container { padding: 8px 6px; width: 100%; } @media (min-width: 576px) { .preferences-container { width: 480px; } } .preference-section:first-child { padding-top: 0px; } .preference-section { padding: 12px 0px; border-bottom: 1px solid var(--color-gray-400); display: flex; justify-content: space-between; align-items: center; gap: 24px; } .preference-section:last-child { border-bottom: none; } .preference-header { margin-bottom: 0px; flex: 1 1 0%; } .preference-header label { font-size: var(--size-14); font-weight: 500; color: var(--color-gray-1000); margin: 0px; } .preference-description { color: var(--color-gray-900); font-size: var(--size-14); margin: 0px; } .preference-icon { display: flex; align-items: center; width: 16px; height: 16px; } .select-button, .action-button { display: flex; align-items: center; gap: 8px; background: var(--color-background-100); border: 1px solid var(--color-gray-400); border-radius: var(--rounded-lg); font-weight: 400; font-size: var(--size-14); color: var(--color-gray-1000); padding: 6px 8px; &:hover { background: var(--color-gray-100); } } .preference-control-select { padding: 6px 8px; display: flex; align-items: center; gap: 8px; border-radius: var(--rounded-lg); border: 1px solid var(--color-gray-400); &:hover { background: var(--color-gray-100); } &:focus-within { outline: var(--focus-ring); } } .preference-control-select select { font-size: var(--size-14); font-weight: 400; border: none; padding: 0px 6px 0px 0px; border-radius: 0px; outline: none; background: none; }

:host(.dark) { --color-font: white; --color-backdrop: rgba(0,0,0,0.8); --color-border-shadow: rgba(255,255,255,0.145); --color-title-color: #fafafa; --color-stack-notes: #a9a9a9; --color-background-100: #0a0a0a; --color-background-200: #000000; --color-syntax-comment: #a0a0a0; --color-syntax-constant: #ededed; --color-syntax-function: #52a9ff; --color-syntax-keyword: #f76e99; --color-syntax-link: #0ac5b2; --color-syntax-parameter: #f1a10d; --color-syntax-punctuation: #ededed; --color-syntax-string: #0ac5b2; --color-syntax-string-expression: #0ac5b2; --color-gray-100: #1a1a1a; --color-gray-200: #1f1f1f; --color-gray-300: #292929; --color-gray-400: #2e2e2e; --color-gray-500: #454545; --color-gray-600: #878787; --color-gray-700: #8f8f8f; --color-gray-800: #7d7d7d; --color-gray-900: #a0a0a0; --color-gray-1000: #ededed; --color-gray-alpha-100: rgba(255,255,255,0.066); --color-gray-alpha-200: rgba(255,255,255,0.087); --color-gray-alpha-300: rgba(255,255,255,0.125); --color-gray-alpha-400: rgba(255,255,255,0.145); --color-gray-alpha-500: rgba(255,255,255,0.239); --color-gray-alpha-600: rgba(255,255,255,0.506); --color-gray-alpha-700: rgba(255,255,255,0.54); --color-gray-alpha-800: rgba(255,255,255,0.47); --color-gray-alpha-900: rgba(255,255,255,0.61); --color-gray-alpha-1000: rgba(255,255,255,0.923); --color-blue-100: #0f1b2d; --color-blue-200: #10243e; --color-blue-300: #0f3058; --color-blue-400: #0d3868; --color-blue-500: #0a4481; --color-blue-600: #0091ff; --color-blue-700: #0070f3; --color-blue-800: #0060d1; --color-blue-900: #52a9ff; --color-blue-1000: #eaf6ff; --color-red-100: #2a1314; --color-red-200: #3d1719; --color-red-300: #551a1e; --color-red-400: #671e22; --color-red-500: #822025; --color-red-600: #e5484d; --color-red-700: #e5484d; --color-red-800: #da3036; --color-red-900: #ff6369; --color-red-1000: #ffecee; --color-amber-100: #271700; --color-amber-200: #341c00; --color-amber-300: #4a2900; --color-amber-400: #573300; --color-amber-500: #693f05; --color-amber-600: #e79c13; --color-amber-700: #ffb224; --color-amber-800: #ff990a; --color-amber-900: #f1a10d; --color-amber-1000: #fef3dd; --color-green-100: #0b2211; --color-green-200: #0f2c17; --color-green-300: #11351b; --color-green-400: #0c461b; --color-green-500: #126427; --color-green-600: #1a9338; --color-green-700: #46a758; --color-green-800: #388e4a; --color-green-900: #63c174; --color-green-1000: #e5fbeb; --color-turbopack-text-red: #ff6d92; --color-turbopack-text-blue: #45b2ff; --color-turbopack-border-red: #6e293b; --color-turbopack-border-blue: #284f80; --color-turbopack-background-red: #250d12; --color-turbopack-background-blue: #0a1723; } @media (prefers-color-scheme: dark) { :host(:not(.light)) { --color-font: white; --color-backdrop: rgba(0,0,0,0.8); --color-border-shadow: rgba(255,255,255,0.145); --color-title-color: #fafafa; --color-stack-notes: #a9a9a9; --color-background-100: #0a0a0a; --color-background-200: #000000; --color-syntax-comment: #a0a0a0; --color-syntax-constant: #ededed; --color-syntax-function: #52a9ff; --color-syntax-keyword: #f76e99; --color-syntax-link: #0ac5b2; --color-syntax-parameter: #f1a10d; --color-syntax-punctuation: #ededed; --color-syntax-string: #0ac5b2; --color-syntax-string-expression: #0ac5b2; --color-gray-100: #1a1a1a; --color-gray-200: #1f1f1f; --color-gray-300: #292929; --color-gray-400: #2e2e2e; --color-gray-500: #454545; --color-gray-600: #878787; --color-gray-700: #8f8f8f; --color-gray-800: #7d7d7d; --color-gray-900: #a0a0a0; --color-gray-1000: #ededed; --color-gray-alpha-100: rgba(255,255,255,0.066); --color-gray-alpha-200: rgba(255,255,255,0.087); --color-gray-alpha-300: rgba(255,255,255,0.125); --color-gray-alpha-400: rgba(255,255,255,0.145); --color-gray-alpha-500: rgba(255,255,255,0.239); --color-gray-alpha-600: rgba(255,255,255,0.506); --color-gray-alpha-700: rgba(255,255,255,0.54); --color-gray-alpha-800: rgba(255,255,255,0.47); --color-gray-alpha-900: rgba(255,255,255,0.61); --color-gray-alpha-1000: rgba(255,255,255,0.923); --color-blue-100: #0f1b2d; --color-blue-200: #10243e; --color-blue-300: #0f3058; --color-blue-400: #0d3868; --color-blue-500: #0a4481; --color-blue-600: #0091ff; --color-blue-700: #0070f3; --color-blue-800: #0060d1; --color-blue-900: #52a9ff; --color-blue-1000: #eaf6ff; --color-red-100: #2a1314; --color-red-200: #3d1719; --color-red-300: #551a1e; --color-red-400: #671e22; --color-red-500: #822025; --color-red-600: #e5484d; --color-red-700: #e5484d; --color-red-800: #da3036; --color-red-900: #ff6369; --color-red-1000: #ffecee; --color-amber-100: #271700; --color-amber-200: #341c00; --color-amber-300: #4a2900; --color-amber-400: #573300; --color-amber-500: #693f05; --color-amber-600: #e79c13; --color-amber-700: #ffb224; --color-amber-800: #ff990a; --color-amber-900: #f1a10d; --color-amber-1000: #fef3dd; --color-green-100: #0b2211; --color-green-200: #0f2c17; --color-green-300: #11351b; --color-green-400: #0c461b; --color-green-500: #126427; --color-green-600: #1a9338; --color-green-700: #46a758; --color-green-800: #388e4a; --color-green-900: #63c174; --color-green-1000: #e5fbeb; --color-turbopack-text-red: #ff6d92; --color-turbopack-text-blue: #45b2ff; --color-turbopack-border-red: #6e293b; --color-turbopack-border-blue: #284f80; --color-turbopack-background-red: #250d12; --color-turbopack-background-blue: #0a1723; } }

[data-next-badge-root] { --timing: cubic-bezier(0.23,0.88,0.26,0.92); --duration-long: 250ms; --color-outer-border: #171717; --color-inner-border: hsla(0,0%,100%,0.14); --color-hover-alpha-subtle: hsla(0,0%,100%,0.13); --color-hover-alpha-error: hsla(0,0%,100%,0.2); --color-hover-alpha-error-2: hsla(0,0%,100%,0.25); --mark-size: calc(var(--size) - var(--size-2) * 2); --focus-color: var(--color-blue-800); --focus-ring: 2px solid var(--focus-color); &:has([data-next-badge][data-error="true"]) { --focus-color: #fff; } } [data-disabled-icon] { display: flex; align-items: center; justify-content: center; padding-right: 4px; } [data-next-badge] { -webkit-font-smoothing: antialiased; width: var(--size); height: var(--size); display: flex; align-items: center; position: relative; background: rgba(0, 0, 0, 0.8); box-shadow: 0 0 0 1px var(--color-outer-border),inset 0 0 0 1px var(--color-inner-border),0px 16px 32px -8px rgba(0,0,0,0.24); backdrop-filter: blur(48px); border-radius: var(--rounded-full); user-select: none; cursor: pointer; scale: 1; overflow: hidden; will-change: scale, box-shadow, width, background; transition: scale var(--duration-short) var(--timing),width var(--duration-long) var(--timing),box-shadow var(--duration-long) var(--timing),background var(--duration-short) ease; &:active[data-error="false"] { scale: 0.95; } &[data-animate="true"]:not(:hover) { scale: 1.02; } &[data-error="false"]:has([data-next-mark]:focus-visible) { outline: var(--focus-ring); outline-offset: 3px; } &[data-error="true"] { background: rgb(202, 42, 48); --color-inner-border: #e5484d; & [data-next-mark] { background: var(--color-hover-alpha-error); outline-offset: 0px; &:focus-visible { outline: var(--focus-ring); outline-offset: -1px; } &:hover { background: var(--color-hover-alpha-error-2); } } } &[data-error-expanded="false"][data-error="true"] ~ [data-dot] { scale: 1; } & > div { display: flex; } } [data-issues-collapse]:focus-visible { outline: var(--focus-ring); } [data-issues]:has([data-issues-open]:focus-visible) { outline: var(--focus-ring); outline-offset: -1px; } [data-dot] { content: ""; width: var(--size-8); height: var(--size-8); background: rgb(255, 255, 255); box-shadow: 0 0 0 1px var(--color-outer-border); border-radius: 50%; position: absolute; top: 2px; right: 0px; scale: 0; pointer-events: none; transition-property: ; transition-duration: ; transition-timing-function: ; transition-behavior: ; transition-delay: var(--duration-short); } [data-issues] { --padding-left: 8px; display: flex; gap: 2px; align-items: center; padding-left: 8px; padding-right: 8px; height: var(--size-32); margin: 0px 2px; border-radius: var(--rounded-full); transition: background var(--duration-short) ease; &:has([data-issues-open]:hover) { background: var(--color-hover-alpha-error); } &:has([data-issues-collapse]) { padding-right: calc(var(--padding-left) / 2); } & [data-cross] { translate: 0px -1px; } } [data-issues-open] { font-size: var(--size-13); color: white; width: fit-content; height: 100%; display: flex; gap: 2px; align-items: center; margin: 0px; line-height: var(--size-36); font-weight: 500; z-index: 2; white-space: nowrap; &:focus-visible { outline: 0px; } } [data-issues-collapse] { width: var(--size-24); height: var(--size-24); border-radius: var(--rounded-full); transition: background var(--duration-short) ease; &:hover { background: var(--color-hover-alpha-error); } } [data-cross] { color: rgb(255, 255, 255); width: var(--size-12); height: var(--size-12); } [data-next-mark] { width: var(--mark-size); height: var(--mark-size); margin-left: 2px; display: flex; align-items: center; border-radius: var(--rounded-full); transition: background var(--duration-long) var(--timing); &:focus-visible { outline: 0px; } &:hover { background: var(--color-hover-alpha-subtle); } & svg { flex-shrink: 0; width: var(--size-40); height: var(--size-40); } } [data-issues-count-animation] { display: grid; place-items: center; font-variant-numeric: tabular-nums; &[data-animate="false"] { & [data-issues-count-exit], & [data-issues-count-enter] { animation-duration: 0ms; } } & > * { grid-area: 1 / 1; } & [data-issues-count-exit] { animation: fadeOut 300ms var(--timing) forwards; } & [data-issues-count-enter] { animation: fadeIn 300ms var(--timing) forwards; } } [data-issues-count-plural] { display: inline-block; &[data-animate="true"] { animation: fadeIn 300ms var(--timing) forwards; } } .path0 { animation: 1.5s ease-in-out 0s infinite normal none running draw0; } .path1 { animation: 1.5s ease-out 0.3s infinite normal none running draw1; } .paused { stroke-dashoffset: 0; } @keyframes fadeIn { 0% { opacity: 0; filter: blur(2px); transform: translateY(8px); } 100% { opacity: 1; filter: blur(0px); transform: translateY(0px); } } @keyframes fadeOut { 0% { opacity: 1; filter: blur(0px); transform: translateY(0px); } 100% { opacity: 0; transform: translateY(-12px); filter: blur(2px); } } @keyframes draw0 { 0%, 25% { stroke-dashoffset: -29.6; } 25%, 50% { stroke-dashoffset: 0; } 50%, 75% { stroke-dashoffset: 0; } 75%, 100% { stroke-dashoffset: 29.6; } } @keyframes draw1 { 0%, 20% { stroke-dashoffset: -11.6; } 20%, 50% { stroke-dashoffset: 0; } 50%, 75% { stroke-dashoffset: 0; } 75%, 100% { stroke-dashoffset: 11.6; } } @media (prefers-reduced-motion) { [data-issues-count-exit], [data-issues-count-enter], [data-issues-count-plural] { animation-duration: 0ms !important; } }

[data-media-player]{align-items:center;contain:style;display:inline-flex;position:relative;-webkit-user-select:none;user-select:none;width:100%}[data-media-player],[data-media-player] *{box-sizing:border-box}:where([data-media-player][data-view-type=video]){aspect-ratio:16/9}[data-media-player]:focus,[data-media-player]:focus-visible{outline:none}[data-media-player][data-view-type=video][data-started]:not([data-controls]){cursor:none;pointer-events:auto}[data-media-player] slot{display:contents}[data-media-provider]{align-items:center;aspect-ratio:inherit;border-radius:inherit;box-sizing:border-box;display:flex;overflow:hidden;position:relative;width:100%}[data-media-player]:not([data-view-type=audio]) [data-media-provider],[data-media-player][data-fullscreen] [data-media-provider]{height:100%}[data-media-player][data-view-type=audio] [data-media-provider]{background-color:initial;display:contents}[data-media-provider] audio{width:100%}:where(video:not([width]):not([height]),iframe:not([width]):not([height])){aspect-ratio:16/9;width:100%}:where([data-media-provider] iframe),:where([data-media-provider] video){aspect-ratio:inherit;border-radius:inherit;display:inline-block;height:auto;object-fit:contain;touch-action:manipulation;width:100%}[data-media-provider] iframe{height:100%}[data-media-player][data-view-type=audio] iframe,[data-media-player][data-view-type=audio] video{display:none}[data-media-player][data-fullscreen] video{height:100%}[data-media-provider] iframe:not([src]){display:none}iframe.vds-youtube[data-no-controls]{height:1000%}.vds-blocker{aspect-ratio:inherit;border-radius:inherit;height:auto;inset:0;pointer-events:auto;position:absolute;width:100%;z-index:1}[data-ended] .vds-blocker{background-color:#000}.vds-icon:focus{outline:none}.vds-google-cast{align-items:center;color:#dedede;display:flex;flex-direction:column;font-family:sans-serif;font-weight:500;height:100%;justify-content:center;width:100%}.vds-google-cast svg{--size:max(18%,40px);height:var(--size);margin-bottom:8px;width:var(--size)}.vds-google-cast-info{font-size:calc(var(--media-height)/100*6)}:where(.vds-buffering-indicator){align-items:center;display:flex;height:100%;justify-content:center;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}:where(.vds-buffering-indicator) :where(.vds-buffering-icon,.vds-buffering-spinner){opacity:0;pointer-events:none;transition:opacity .2s ease;transition:var(--media-buffering-transition,opacity .2s ease)}:where(.vds-buffering-indicator) :where(.vds-buffering-icon,svg.vds-buffering-spinner,.vds-buffering-spinner svg){height:96px;height:var(--media-buffering-size,96px);width:96px;width:var(--media-buffering-size,96px)}:where(.vds-buffering-indicator) :where(.vds-buffering-track,circle[data-part=track]){stroke-width:8;stroke-width:var(--media-buffering-track-width,8);color:#f5f5f5;color:var(--media-buffering-track-color,#f5f5f5);opacity:.25;opacity:var(--media-buffering-track-opacity,.25)}:where(.vds-buffering-indicator) :where(.vds-buffering-track-fill,circle[data-part=track-fill]){stroke-width:9;stroke-width:var(--media-buffering-track-fill-width,9);stroke-dasharray:100;stroke-dashoffset:50;stroke-dashoffset:var(--media-buffering-track-fill-offset,50);color:var(--media-brand);color:var(--media-buffering-track-fill-color,var(--media-brand));opacity:.75;opacity:var(--media-buffering-track-fill-opacity,.75)}:where([data-buffering]) :where(.vds-buffering-icon,.vds-buffering-spinner){animation:vds-buffering-spin 1s linear infinite;animation:var(--media-buffering-animation,vds-buffering-spin 1s linear infinite);opacity:1}@keyframes vds-buffering-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion){:where([data-buffering]) :where(.vds-buffering-icon,.vds-buffering-spinner){animation-duration:8s}}:where(.vds-button){-webkit-tap-highlight-color:transparent;align-items:center;-webkit-appearance:none;appearance:none;background:none;border:none;border-radius:8px;border-radius:var(--media-button-border-radius,8px);contain:layout style;cursor:pointer;display:inline-flex;flex-shrink:0;height:40px;height:var(--media-button-size,40px);justify-content:center;outline:none;position:relative;touch-action:manipulation;transition:transform .2s ease-out;user-select:none;-webkit-user-select:none;width:40px;width:var(--media-button-size,40px)}.vds-button{border:var(--media-button-border);color:#f5f5f5;color:var(--media-button-color,var(--media-controls-color,#f5f5f5));padding:0;padding:var(--media-button-padding,0)}:where([data-fullscreen] .vds-button){height:42px;height:var(--media-fullscreen-button-size,42px);width:42px;width:var(--media-fullscreen-button-size,42px)}@media screen and (max-width:599px){:where([data-fullscreen] .vds-button){height:42px;height:var(--media-sm-fullscreen-button-size,42px);width:42px;width:var(--media-sm-fullscreen-button-size,42px)}}:where(.vds-button .vds-icon){border-radius:8px;border-radius:var(--media-button-border-radius,8px);height:80%;height:var(--media-button-icon-size,80%);width:80%;width:var(--media-button-icon-size,80%)}:where(.vds-menu-button .vds-icon){display:flex!important}:where(.vds-button[aria-hidden=true]){display:none!important}@media (hover:hover) and (pointer:fine){.vds-button:hover{background-color:#fff3;background-color:var(--media-button-hover-bg,#fff3);transform:scale(1.05);transform:var(--media-button-hover-transform,scale(1.05));transition:transform .2s ease-in;transition:var(--media-button-hover-transition,transform .2s ease-in)}.vds-button[aria-expanded=true]{transform:none}}@media (pointer:coarse){.vds-button:hover{background-color:#fff3;background-color:var(--media-button-touch-hover-bg,#fff3);border-radius:100%;border-radius:var(--media-button-touch-hover-border-radius,100%)}}:where(.vds-button:focus){outline:none}:where(.vds-button[data-focus],.vds-button:focus-visible){box-shadow:var(--media-focus-ring)}:where(.vds-live-button){align-items:center;-webkit-appearance:none;appearance:none;background:none;border:none;cursor:pointer;display:flex;height:40px;height:var(--media-live-button-height,40px);justify-content:center;min-height:auto;min-width:auto;outline:none;padding:0;-webkit-user-select:none;user-select:none;width:40px;width:var(--media-live-button-width,40px)}:where(.vds-live-button-text){font-family:sans-serif;font-family:var(--media-font-family,sans-serif);font-size:12px;font-size:var(--media-live-button-font-size,12px);font-weight:600;font-weight:var(--media-live-button-font-weight,600);letter-spacing:1.5px;letter-spacing:var(--media-live-button-letter-spacing,1.5px);transition:color .3s ease}.vds-live-button-text{background-color:#8a8a8a;background-color:var(--media-live-button-bg,#8a8a8a);border-radius:2px;border-radius:var(--media-live-button-border-radius,2px);color:#161616;color:var(--media-live-button-color,#161616);padding:1px 4px;padding:var(--media-live-button-padding,1px 4px)}:where(.vds-live-button[data-focus] .vds-live-button-text){box-shadow:var(--media-focus-ring)}:where(.vds-live-button[data-edge]){cursor:inherit}.vds-live-button[data-edge] .vds-live-button-text{background-color:#dc2626;background-color:var(--media-live-button-edge-bg,#dc2626);color:#f5f5f5;color:var(--media-live-button-edge-color,#f5f5f5)}@media (pointer:fine){:where(.vds-live-button:hover){background-color:initial}}.vds-button:not([data-active]) .vds-cc-on-icon,.vds-button:not([data-active]) .vds-fs-exit-icon,.vds-button:not([data-active]) .vds-pip-exit-icon,.vds-button:not([data-ended]) .vds-replay-icon,.vds-button:not([data-muted]) .vds-mute-icon,.vds-button:not([data-paused]) .vds-play-icon,.vds-button:not([data-state=high]) .vds-volume-high-icon,.vds-button:not([data-state=low]) .vds-volume-low-icon,.vds-button[data-active] .vds-cc-off-icon,.vds-button[data-active] .vds-fs-enter-icon,.vds-button[data-active] .vds-pip-enter-icon,.vds-button[data-ended] .vds-pause-icon,.vds-button[data-ended] .vds-play-icon,.vds-button[data-paused] .vds-pause-icon{display:none}:where(.vds-captions){--overlay-padding:var(--media-captions-padding,1%);--cue-color:var(--media-user-text-color,var(--media-cue-color,#fff));--cue-bg-color:var(--media-user-text-bg,var(--media-cue-bg,#000000b3));--cue-default-font-size:var(--media-cue-font-size,calc(var(--overlay-height)/100*4.5));--cue-font-size:calc(var(--cue-default-font-size)*var(--media-user-font-size, 1));--cue-line-height:var(--media-cue-line-height,calc(var(--cue-font-size)*1.2));--cue-padding-x:var(--media-cue-padding-x,calc(var(--cue-font-size)*0.6));--cue-padding-y:var(--media-cue-padding-x,calc(var(--cue-font-size)*0.4));--cue-padding:var(--cue-padding-y) var(--cue-padding-x);box-sizing:border-box;contain:layout style;font-family:sans-serif;font-family:var(--media-user-font-family,sans-serif);font-size:var(--cue-font-size);inset:0;margin:var(--overlay-padding);pointer-events:none;position:absolute;-webkit-user-select:none;user-select:none;word-break:break-word;word-spacing:normal;z-index:1}:where([data-fullscreen][data-orientation=portrait] .vds-captions){--cue-default-font-size:var(--media-cue-font-size,calc(var(--overlay-width)/100*4.5))}:where([data-view-type=audio] .vds-captions){margin:0;position:relative}:where(.vds-captions[aria-hidden=true]){opacity:0;visibility:hidden}.vds-captions[data-example]{opacity:1!important;visibility:visible!important}:where([data-view-type=video] .vds-captions [data-part=cue-display][data-example]){--cue-text-align:center;--cue-width:100%;--cue-top:90%;--cue-left:0%}:where([data-view-type=audio] .vds-captions [data-part=cue-display]){--cue-width:100%;position:relative!important}:where(.vds-captions [data-part=cue-display]){background-color:var(--media-cue-display-bg);background-color:var(--media-user-display-bg,var(--media-cue-display-bg));border-radius:var(--media-cue-display-border-radius);bottom:var(--cue-bottom);box-sizing:border-box;contain:content;direction:ltr;height:auto;height:var(--cue-height,auto);left:var(--cue-left);min-height:-webkit-min-content;min-height:min-content;min-width:-webkit-min-content;min-width:min-content;overflow:visible;position:absolute;right:var(--cue-right);text-align:var(--cue-text-align);top:var(--cue-top);transform:var(--cue-transform);unicode-bidi:plaintext;white-space:pre-line;width:auto;width:var(--cue-width,auto);writing-mode:inherit;writing-mode:var(--cue-writing-mode,unset)}.vds-captions [data-part=cue-display]{padding:var(--media-cue-display-padding)}:where(.vds-captions[data-dir=rtl] [data-part=cue-display]){direction:rtl}:where(.vds-captions [data-part=cue]){-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);-webkit-backdrop-filter:var(--media-cue-backdrop,blur(8px));backdrop-filter:var(--media-cue-backdrop,blur(8px));border:initial;border:var(--media-cue-border,unset);border-radius:2px;border-radius:var(--media-cue-border-radius,2px);box-shadow:var(--cue-box-shadow);box-shadow:var(--media-cue-box-shadow,var(--cue-box-shadow));box-sizing:border-box;contain:content;display:inline-block;font-variant:var(--media-user-font-variant);line-height:var(--cue-line-height);outline:var(--cue-outline);text-shadow:var(--cue-text-shadow);text-shadow:var(--media-user-text-shadow,var(--cue-text-shadow));white-space:pre-wrap;white-space:var(--cue-white-space,pre-wrap)}.vds-captions [data-part=cue]{background-color:var(--cue-bg-color);color:var(--cue-color);padding:var(--cue-padding)}:where(.vds-captions [data-part=cue-display][data-vertical] [data-part=cue]){--cue-padding:var(--cue-padding-x) var(--cue-padding-y)}:where(.vds-captions [data-part=region]){--anchor-x-percent:calc(var(--region-anchor-x)/100);--anchor-x:calc(var(--region-width)*var(--anchor-x-percent));--anchor-y-percent:calc(var(--region-anchor-y)/100);--anchor-y:calc(var(--region-height)*var(--anchor-y-percent));--vp-anchor-x:calc(var(--region-viewport-anchor-x)*1%);--vp-anchor-y-percent:calc(var(--region-viewport-anchor-y)/100);--vp-anchor-y:calc(var(--overlay-height)*var(--vp-anchor-y-percent));bottom:var(--region-bottom);box-sizing:border-box;display:inline-flex;flex-flow:column;height:var(--region-height);justify-content:flex-start;left:calc(var(--vp-anchor-x) - var(--anchor-x));left:var(--region-left,calc(var(--vp-anchor-x) - var(--anchor-x)));max-height:var(--region-height);min-height:0;overflow:hidden;overflow-wrap:break-word;position:absolute;right:var(--region-right);top:calc(var(--vp-anchor-y) - var(--anchor-y));top:var(--region-top,calc(var(--vp-anchor-y) - var(--anchor-y)));width:var(--region-width);writing-mode:horizontal-tb}:where(.vds-captions [data-part=region][data-scroll=up]){justify-content:end}:where(.vds-captions [data-part=region][data-active][data-scroll=up]){transition:top .433s}:where(.vds-captions [data-part=region]>[data-part=cue-display]){height:auto;height:var(--cue-height,auto);left:var(--cue-offset);margin-top:2px;position:relative;text-align:var(--cue-text-align);unicode-bidi:plaintext;width:auto}:where(.vds-captions [data-part=region] [data-part=cue]){border-radius:0;position:relative}:where(.vds-chapter-title){--color:var(--media-chapter-title-color,#ffffffa3);color:var(--color);display:inline-block;flex:1 1;font-family:sans-serif;font-family:var(--media-font-family,sans-serif);font-size:16px;font-size:var(--media-chapter-title-font-size,16px);font-weight:400;font-weight:var(--media-chapter-title-font-weight,400);overflow:hidden;padding-inline:6px;text-align:start;text-overflow:ellipsis;white-space:nowrap}.vds-chapter-title:before{color:var(--color);color:var(--media-chapter-title-separator-color,var(--color));content:"\2022";content:var(--media-chapter-title-separator,"\2022");display:inline-block;margin-right:6px;margin-right:var(--media-chapter-title-separator-gap,6px)}.vds-chapter-title:empty:before{content:"";margin:0}:where(.vds-controls),:where(.vds-controls-group){box-sizing:border-box;display:inline-block;position:relative;width:100%}:where([data-view-type=audio] .vds-controls){display:inline-block;max-width:100%}:where([data-view-type=video] .vds-controls){display:flex;flex-direction:column;height:100%;inset:0;opacity:0;padding:0;padding:var(--media-controls-padding,0);pointer-events:none;position:absolute;transition:opacity .2s ease-out;transition:var(--media-controls-out-transition,opacity .2s ease-out);visibility:hidden;width:100%;z-index:10}:where([data-view-type=video] .vds-controls[data-visible]){opacity:1;transition:opacity .2s ease-in;transition:var(--media-controls-in-transition,opacity .2s ease-in);visibility:visible}:where(.vds-controls-spacer){flex:1 1;pointer-events:none}:where(.vds-gestures){display:contents}:where(.vds-gesture){contain:content;display:block;opacity:0;pointer-events:none!important;position:absolute;visibility:hidden;z-index:0}:where(.vds-icon svg){display:block;height:100%;vertical-align:middle;width:100%}:where(.vds-kb-action.hidden){opacity:0}:where(.vds-kb-text-wrapper){left:0;pointer-events:none;position:absolute;right:0;text-align:center;top:10%;top:var(--media-kb-text-top,10%);z-index:20}:where(.vds-kb-text){-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-radius:2.5px;border-radius:var(--media-kb-border-radius,2.5px);display:inline-block;font-family:sans-serif;font-family:var(--media-font-family,sans-serif);font-size:150%;font-size:var(--media-kb-text-size,150%);pointer-events:none}.vds-kb-text{background-color:var(--default-bg);background-color:var(--media-kb-text-bg,var(--default-bg));color:var(--default-color);color:var(--media-kb-text-color,var(--default-color));padding:10px 20px;padding:var(--media-kb-text-padding,10px 20px)}.light .vds-kb-text{--default-color:#1a1a1a;--default-bg:#f0f0f099}.dark .vds-kb-text{--default-color:#f5f5f5;--default-bg:#0a0a0a99}:where(.vds-kb-text:empty){display:none}:where(.vds-kb-bezel){--size:var(--media-kb-bezel-size,52px);align-items:center;animation:vds-bezel-fade .35s linear 1 normal forwards;animation:var(--media-kb-bezel-animation,vds-bezel-fade .35s linear 1 normal forwards);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:var(--default-bg);background-color:var(--media-kb-bezel-bg,var(--default-bg));border-radius:calc(var(--size)/2);border-radius:var(--media-kb-bezel-border-radius,calc(var(--size)/2));display:flex;flex-direction:column;height:var(--size);justify-content:center;left:50%;margin-left:calc(var(--size)/2*-1);margin-right:calc(var(--size)/2*-1);pointer-events:none;position:absolute;top:45%;width:var(--size);z-index:20}.vds-kb-bezel:not(:has(svg)){display:none!important}.light .vds-kb-bezel{--default-bg:#fff9}.dark .vds-kb-bezel{--default-bg:#0a0a0a99}@media (prefers-reduced-motion){:where(.vds-kb-bezel){animation:none}}:where(.vds-kb-bezel:has(slot:empty)){opacity:0}:where(.vds-kb-action[data-action=seek-forward] .vds-kb-bezel){left:auto;right:10%;top:45%}:where(.vds-kb-action[data-action=seek-backward] .vds-kb-bezel){left:10%;top:45%}:where(.vds-kb-icon){--size:var(--media-kb-icon-size,38px);height:var(--size);width:var(--size)}.vds-kb-icon{color:var(--default-color);color:var(--media-kb-icon-color,var(--default-color))}.light .vds-kb-icon{--default-color:#1a1a1a}.dark .vds-kb-icon{--default-color:#f5f5f5}@keyframes vds-bezel-fade{0%{opacity:1}to{opacity:0;transform:scale(2)}}:where(.vds-menu-items){--color-inverse:var(--media-menu-color-inverse,var(--default-inverse));--color-gray-50:var(--media-menu-color-gray-50,var(--default-gray-50));--color-gray-100:var(--media-menu-color-gray-100,var(--default-gray-100));--color-gray-200:var(--media-menu-color-gray-200,var(--default-gray-200));--color-gray-300:var(--media-menu-color-gray-300,var(--default-gray-300));--color-gray-400:var(--media-menu-color-gray-400,var(--default-gray-400));--text-color:var(--media-menu-text-color,var(--default-text));--text-secondary-color:var(--media-menu-text-secondary-color,var(--default-text-secondary));--root-border:var(--media-menu-border,var(--default-root-border))}.light .vds-menu-items{--default-inverse:#000;--default-gray-50:#50505026;--default-gray-100:#50505073;--default-gray-200:#ebebeb99;--default-gray-300:#eee;--default-gray-400:#fafafa;--default-text:#1a1a1a;--default-text-secondary:#6b6b6b;--default-root-border:1px solid #0a0a0a1a}.dark .vds-menu-items{--default-inverse:#fff;--default-gray-50:#f5f5f51a;--default-gray-100:#f5f5f573;--default-gray-200:#0a0a0a99;--default-gray-300:#1b1b1b;--default-gray-400:#0a0a0a;--default-text:#f5f5f5;--default-text-secondary:#8a8a8a;--default-root-border:1px solid #ffffff1a}:where(.vds-menu-items){--font-family:var(--media-font-family,sans-serif);--font-size:var(--media-menu-font-size,14px);--font-weight:var(--media-menu-font-weight,500);--root-bg:var(--media-menu-bg,var(--color-gray-400));--root-padding:var(--media-menu-padding,12px);--root-border-radius:var(--media-menu-border-radius,4px);--divider:var(--media-menu-divider,1px solid var(--color-gray-50));--section-bg:var(--media-menu-section-bg,var(--color-gray-300));--section-border:var(--media-menu-section-border);--section-divider:var(--media-menu-section-divider,var(--divider));--top-bar-bg:var(--media-menu-top-bar-bg,var(--color-gray-200));--top-bar-divider:var(--media-menu-divider,#0000);--text-hint-color:var(--media-menu-hint-color,var(--text-secondary-color));--chapter-divider:var(--media-chapters-divider,var(--divider));--chapter-active-bg:var(--media-chapters-item-active-bg,var(--color-gray-50));--chapter-active-border-left:var(--media-chapters-item-active-border-left);--chapter-progress-bg:var(--media-chapters-progress-bg,var(--color-inverse));--chapter-time-font-size:var(--media-chapters-time-font-size,12px);--chapter-time-font-weight:var(--media-chapters-time-font-weight,500);--chapter-time-gap:var(--media-chapters-time-gap,6px);--chapter-duration-bg:var(--media-chapters-duration-bg);--item-border:var(--media-menu-item-border,0);--item-bg:var(--media-menu-item-bg,#0000);--item-hover-bg:var(--media-menu-item-hover-bg,var(--color-gray-50));--item-icon-size:var(--media-menu-item-icon-size,18px);--item-padding:var(--media-menu-item-padding,10px);--item-min-height:var(--media-menu-item-height,40px);--item-border-radius:var(--media-menu-item-border-radius,2px);--scrollbar-track-bg:var(--media-menu-scrollbar-track-bg,#0000);--scrollbar-thumb-bg:var(--media-menu-scrollbar-thumb-bg,var(--color-gray-50));--webkit-scrollbar-bg:var(--color-gray-400);--webkit-scrollbar-track-bg:var(--media-menu-scrollbar-track-bg,var(--color-gray-50));--checkbox-bg:var(--media-menu-checkbox-bg,var(--color-gray-100));--checkbox-active-bg:var(--media-menu-checkbox-bg-active,#1ba13f);--checkbox-handle-bg:var(--media-menu-checkbox-handle-bg,#f5f5f5);--checkbox-handle-border:var(--media-menu-checkbox-handle-border);--radio-icon-color:var(--media-menu-radio-icon-color,var(--text-color))}:where(.vds-menu[data-root] media-menu[data-root]){display:contents}:where(.vds-menu){font-family:var(--font-family);font-size:var(--font-size);font-weight:var(--font-weight)}:where(.vds-menu[data-disabled][data-root]){display:none}:where(.vds-menu[data-submenu]){display:inline-block}:where(.vds-menu-items:focus){outline:none}:where(.vds-menu-item:focus,.vds-radio:focus){outline:none}:where(.vds-menu-item:focus-visible,.vds-menu-item[data-focus],.vds-radio:focus-visible,.vds-radio[data-focus]){box-shadow:var(--media-focus-ring);outline:none}:where(.vds-menu[data-open] .vds-tooltip-content){display:none!important}.vds-menu-items [data-hidden]{display:none!important}@media (prefers-reduced-motion:no-preference){:where(.vds-menu-items){scroll-behavior:smooth}}:where(.vds-menu-items){box-sizing:border-box;min-width:280px;min-width:var(--media-menu-min-width,280px);scrollbar-color:var(--scrollbar-thumb-bg) var(--scrollbar-track-bg);scrollbar-width:thin;transform:translateZ(0)}:where(.vds-menu-items)::-webkit-scrollbar{background-color:var(--webkit-scrollbar-bg);border-radius:var(--root-border-radius);height:6px;width:5px}:where(.vds-menu-items)::-webkit-scrollbar-track{background-color:var(--webkit-scrollbar-track-bg);border-radius:4px}:where(.vds-menu-items)::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb-bg);border-radius:4px}:where(.vds-menu-items)::-webkit-scrollbar-corner{background-color:var(--scrollbar-thumb-bg)}:where(.vds-menu-button){box-sizing:border-box;outline:none}:where(.vds-menu-button .vds-rotate-icon){transition:transform .2s ease-out}:where(.vds-menu-button[aria-expanded=true] .vds-rotate-icon){transform:rotate(90deg);transform:rotate(var(--media-menu-icon-rotate-deg,90deg));transition:transform .2s ease-in}:where(.vds-menu-button){align-items:center;display:inline-flex;justify-content:center}@media (prefers-reduced-motion){:where(.vds-menu-button .vds-rotate-icon){transition:none 0s ease 0s;transition:initial}}:where(.vds-menu-items){align-items:center;display:flex;flex-direction:column;font-family:var(--font-family);font-size:var(--font-size);font-weight:var(--font-weight);transition:height .35s ease}@media (prefers-reduced-motion){:where(.vds-menu-items){transition:none 0s ease 0s;transition:initial}}:where(.vds-menu-items[data-root]){-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:var(--root-bg);border-radius:var(--root-border-radius);box-shadow:var(--media-menu-box-shadow);box-sizing:border-box;filter:drop-shadow(0 4px 3px rgb(0 0 0/.07)) drop-shadow(0 2px 2px rgb(0 0 0/.06));filter:var( --media-menu-filter,drop-shadow(0 4px 3px rgb(0 0 0/.07)) drop-shadow(0 2px 2px rgb(0 0 0/.06)) );height:auto;height:var(--menu-height,auto);max-height:250px;max-height:var(--media-menu-max-height,250px);opacity:0;overflow-y:auto;overscroll-behavior:contain;will-change:width,height;z-index:9999999}.vds-menu-items[data-root]{border:var(--root-border);padding:var(--root-padding)}:where([data-view-type=video]) :where(.vds-menu-items[data-root]){max-height:calc(var(--player-height)*.7);max-height:var(--media-menu-video-max-height,calc(var(--player-height)*.7))}:where(.vds-menu-items[data-transition=height]){--scrollbar-thumb-bg:#0000;overflow:hidden;pointer-events:none}.vds-menu-button[aria-disabled=true],.vds-menu-item[aria-disabled=true],.vds-menu-item[data-disabled]{display:none}:where(.vds-menu-items[data-root]){--enter-transform:translateY(0px);--exit-transform:translateY(12px)}:where(.vds-menu-items[data-root]:not([data-placement])){--enter-transform:translateY(-24px)}:where(.vds-menu-items[data-root][aria-hidden=true]){animation:vds-menu-exit .2s ease-out;animation:var(--media-menu-exit-animation,vds-menu-exit .2s ease-out)}:where(.vds-menu-items[data-root][aria-hidden=false]){animation:vds-menu-enter .3s ease-out;animation:var(--media-menu-enter-animation,vds-menu-enter .3s ease-out);animation-fill-mode:forwards}:where(.vds-menu-items[data-placement~=bottom]){--enter-transform:translateY(0);--exit-transform:translateY(-12px)}@keyframes vds-menu-enter{0%{opacity:0;transform:var(--exit-transform)}to{opacity:1;transform:var(--enter-transform)}}@keyframes vds-menu-exit{0%{opacity:1;transform:var(--enter-transform)}to{opacity:0;transform:var(--exit-transform)}}@media (prefers-reduced-motion){:where(.vds-menu-items){animation:none;opacity:1}}:where(media-menu-portal){display:contents}:where(.vds-menu-items[data-root]:not([data-placement])){bottom:0;left:16px;max-height:40vh;max-height:var(--media-sm-menu-portrait-max-height,40vh);max-height:40dvh;max-height:var(--media-sm-menu-portrait-max-height,40dvh);position:fixed;right:16px;top:auto}:where(.vds-menu-items[data-root]:not([data-placement])){margin:0 auto;max-width:480px}@media (orientation:landscape) and (pointer:coarse){:where(.vds-menu-items[data-root]:not([data-placement])){max-height:min(70vh,400px);max-height:var(--media-sm-menu-landscape-max-height,min(70vh,400px));max-height:min(70dvh,400px);max-height:var(--media-sm-menu-landscape-max-height,min(70dvh,400px))}}:where(.vds-menu[data-submenu] .vds-menu-button){align-items:center;display:flex;justify-content:flex-start}:where(.vds-menu-items[data-submenu]){width:100%}:where(.vds-menu-items[data-submenu][aria-hidden=true]),:where(.vds-menu[aria-hidden=true]){display:none}:where(.vds-menu-item,.vds-radio){-webkit-tap-highlight-color:transparent;align-items:center;-webkit-appearance:none;appearance:none;border:0;border-radius:var(--item-border-radius);box-sizing:border-box;display:flex;font-size:var(--font-size);justify-content:left;min-height:var(--item-min-height);outline:none;position:relative;-webkit-user-select:none;user-select:none;width:100%}.vds-menu-item,.vds-radio{background-color:var(--item-bg);color:var(--text-color);padding:var(--item-padding)}.vds-menu-item:focus-visible,.vds-menu-item[data-focus],.vds-radio:focus-visible,.vds-radio[data-focus]{background-color:var(--item-hover-bg);cursor:pointer}@media (hover:hover) and (pointer:fine){.vds-menu-item[role]:hover,.vds-radio:hover{background-color:var(--item-hover-bg);cursor:pointer}}:where(.vds-menu-items[data-submenu]){align-items:flex-start;flex-direction:column;justify-content:center}:where(.vds-menu-item[aria-expanded=true]){border-radius:0;border-top-left-radius:var(--item-border-radius);border-top-right-radius:var(--item-border-radius);font-weight:700}.vds-menu-item[aria-expanded=true]{border-bottom:var(--top-bar-divider)}:where(.vds-menu-item[aria-expanded=true]){-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);left:0;margin-bottom:4px;position:-webkit-sticky;position:sticky;top:calc(var(--root-padding)*-1);width:100%;z-index:10}.vds-menu-item[aria-expanded=true]{background-color:var(--top-bar-bg)}:where(.vds-menu-item-label){flex:1 0;text-align:start}:where(.vds-menu-item .vds-icon,.vds-radio .vds-icon){--size:var(--item-icon-size);height:var(--size);margin-right:6px;margin-right:var(--media-menu-item-icon-spacing,6px);width:var(--size)}:where(.vds-menu-open-icon,.vds-menu-close-icon){--size:var(--media-menu-arrow-icon-size,18px);height:var(--size);width:var(--size)}:where(.vds-menu-item-hint,.vds-menu-open-icon,.vds-radio-hint){color:var(--text-hint-color);font-size:13px;font-size:var(--media-menu-hint-font-size,13px);font-weight:400;font-weight:var(--media-menu-hint-font-weight,400)}:where(.vds-menu-items .vds-menu-open-icon){margin-right:0}:where(.vds-menu-items) :where(.vds-menu-item-hint,.vds-menu-open-icon){margin-left:auto}:where(.vds-menu-item-hint+media-icon .vds-menu-open-icon),:where(.vds-menu-item-hint+slot>.vds-menu-open-icon),:where(.vds-menu-items) :where(.vds-menu-item-hint+.vds-menu-open-icon){margin-left:2px}:where(.vds-menu-item[aria-expanded=true] .vds-menu-open-icon),:where(.vds-menu-item[aria-hidden=true]){display:none!important}:where(.vds-menu-items) :where(.vds-menu-item[aria-disabled=true],.vds-menu-item[data-disabled]) :where(.vds-menu-open-icon){opacity:0}:where(.vds-menu-close-icon),:where(.vds-menu-item[aria-expanded=true]>.vds-icon){display:none!important}:where(.vds-menu-item[aria-expanded=true] .vds-menu-close-icon){display:inline!important;margin-left:calc(var(--item-padding)*-1/2)}:where(.vds-menu-checkbox){--checkbox-width:var(--media-menu-checkbox-width,40px);--checkbox-height:var(--media-menu-checkbox-height,18px);--checkbox-top:calc((var(--checkbox-height) - var(--checkbox-diameter))/2);--checkbox-diameter:var( --media-menu-checkbox-handle-diameter,calc(var(--checkbox-height) - 2px) );--checkbox-gap:var(--media-menu-checkbox-gap,2.5px);border-radius:calc(var(--checkbox-height)/2);box-sizing:border-box;cursor:pointer;display:inline-block;height:var(--checkbox-height);pointer-events:auto;position:relative;transition:all .3s ease-in-out;width:var(--checkbox-width)}.vds-menu-checkbox{background-color:var(--checkbox-bg)}:where(.vds-menu-checkbox:focus-visible){box-shadow:var(--media-focus-ring);outline:none}.vds-menu-checkbox[aria-checked=true]{background-color:var(--checkbox-active-bg)}:where(.vds-menu-checkbox):after{border:var(--checkbox-handle-border);border-radius:calc(var(--checkbox-diameter)/2);box-sizing:border-box;content:"";display:inline-block;height:var(--checkbox-diameter);position:absolute;top:var(--checkbox-top);transform:translateX(var(--checkbox-gap));transition:all .3s ease-in-out;width:var(--checkbox-diameter)}.vds-menu-checkbox:after{background-color:var(--checkbox-handle-bg)}:where(.vds-menu-checkbox[aria-checked=true]):after{transform:translateX(calc(var(--checkbox-width) - var(--checkbox-diameter) - var(--checkbox-gap)))}@media (prefers-reduced-motion:no-preference){:where(.vds-menu-checkbox[data-active]):after{width:calc(var(--checkbox-width) - var(--checkbox-gap)*2)}}:where(.vds-menu-checkbox[aria-checked=true][data-active]):after{transform:translateX(var(--checkbox-gap))}:where(.vds-menu-items .vds-slider){--media-slider-track-bg:var(--media-menu-slider-track-bg,var(--color-gray-50));--media-slider-track-fill-bg:var(--media-menu-slider-track-fill-bg,var(--color-inverse));--media-slider-height:var(--media-menu-slider-height,32px);--track-focus-height:var(--track-height)!important}:where(.vds-menu-items .vds-slider-thumb){opacity:1!important}:where(.vds-menu-slider-item.group){flex-direction:column}:where(.vds-menu-slider-title){margin-top:4px}:where(.vds-menu-slider-body){align-items:center;display:flex;margin-top:6px;width:100%}:where(.vds-menu-slider-item .vds-icon){color:var(--text-hint-color);margin:0}:where(.vds-menu-slider-item[data-min] .vds-icon.down,.vds-menu-slider-item[data-max] .vds-icon.up){animation:vds-slider-icon .6s ease-in-out;color:var(--text-color);transition:all 1.2s ease}@keyframes vds-slider-icon{0%{transform:scale(1)}50%{transform:scale(1.25)}to{transform:scale(1)}}:where(.vds-menu-items .vds-slider-track-fill){transition:opacity .3s ease}:where(.vds-menu-items .vds-slider[data-active] .vds-slider-track-fill){opacity:0}:where(.vds-radio-group){box-sizing:border-box;display:flex;flex-direction:column;width:100%}.vds-radio{contain:content;cursor:pointer;padding-left:calc(var(--item-icon-size) + var(--item-padding))}.vds-radio[aria-checked=true]{padding-left:0}.vds-radio .vds-icon{color:var(--radio-icon-color);display:none}.vds-radio[aria-checked=true] .vds-icon{display:inline-block;margin-left:6px}:where(.vds-radio-hint){margin-left:auto}.vds-color-picker{background-color:initial;border:0;height:32px;outline:none;width:32px}.vds-color-picker::-webkit-color-swatch{border-radius:2px}.vds-color-picker::-moz-color-swatch{border-radius:2px}.vds-color-picker:focus-visible::-webkit-color-swatch{box-shadow:var(--media-focus-ring)}.vds-color-picker:focus-visible::-moz-color-swatch{box-shadow:var(--media-focus-ring)}:where(.vds-menu-section){width:100%}:where(.vds-menu-item+.vds-menu-section){margin-top:8px}:where(.vds-menu-section+.vds-menu-section){margin-top:24px}:where(.vds-menu-section:first-child){margin-top:8px}:where(.vds-menu-section:last-child){margin-bottom:8px}:where(.vds-menu-section-title),:where(.vds-menu-slider-title){align-items:center;color:var(--text-secondary-color);display:flex;font-size:12px;font-size:var(--media-menu-section-header-font-size,12px);font-weight:500;font-weight:var(--media-menu-section-header-font-weight,500);justify-content:space-between;padding-inline:2px;width:100%}:where(.vds-menu-section-body){width:100%}:where(.vds-menu-section-title+.vds-menu-section-body){margin-top:8px;margin-top:var(--media-menu-section-gap,8px)}.vds-menu-section-body{background-color:var(--section-bg);border:var(--section-border);border-radius:2px;border-radius:var(--media-menu-section-border-radius,2px)}:where(.vds-menu-section:not([data-open]) .vds-menu-item:not(:last-child)){border-bottom:var(--section-divider)}:where(.vds-menu-section-body .vds-menu:last-child>.vds-menu-item){border-bottom:initial}.vds-menu-section[data-open],.vds-menu-section[data-open]>.vds-menu-section-body{background-color:initial!important;display:contents!important}.vds-menu-section[data-open]>.vds-menu-section-body>:not([data-open]),.vds-menu-section[data-open]>.vds-menu-section-title{display:none}:where(.vds-chapters-menu-items){min-width:220px;min-width:var(--media-chapters-min-width,var(--media-menu-min-width,220px))}.vds-chapters-menu-items{padding:0;padding:var(--media-chapters-padding,0)}:where(.vds-menu-items:has(.vds-chapters-radio-group[data-thumbnails])){min-width:300px;min-width:var(--media-chapters-with-thumbnails-min-width,300px)}:where(.vds-chapter-radio){border-radius:0}.vds-chapter-radio{border-bottom:var(--chapter-divider);padding:var(--item-padding)}.vds-chapter-radio[aria-checked=true]{padding-left:var(--item-padding)}:where(.vds-chapter-radio:last-child){border-bottom:0}.vds-chapter-radio[aria-checked=true]{background-color:var(--chapter-active-bg);border-left:var(--chapter-active-border-left)}:where(.vds-chapter-radio[aria-checked=true]):after{bottom:0;content:" ";height:4px;height:var(--media-chapters-progress-height,4px);left:0;position:absolute;width:var(--progress)}.vds-chapter-radio[aria-checked=true]:after{background-color:var(--chapter-progress-bg);border-radius:0;border-radius:var(--media-chapters-progress-border-radius,0)}.vds-chapters-radio-group :where(.vds-thumbnail){flex-shrink:0;margin-right:12px;margin-right:var(--media-chapters-thumbnail-gap,12px);max-height:68px;max-height:var(--media-chapters-thumbnail-max-height,68px);max-width:120px;max-width:var(--media-chapters-thumbnail-max-width,120px);min-height:56px;min-height:var(--media-chapters-thumbnail-min-height,56px);min-width:100px;min-width:var(--media-chapters-thumbnail-min-width,100px)}.vds-chapters-radio-group .vds-thumbnail{border:0;border:var(--media-chapters-thumbnail-border,0)}:where(.vds-chapters-radio-group .vds-chapter-radio-label){color:var(--text-secondary-color);font-size:var(--font-size);font-weight:var(--font-weight);white-space:nowrap}:where(.vds-chapter-radio[aria-checked=true] .vds-chapter-radio-label){color:var(--text-color)}:where(.vds-chapters-radio-group .vds-chapter-radio-start-time){border-radius:2px;border-radius:var(--media-chapters-start-time-border-radius,2px);display:inline-block;font-size:var(--chapter-time-font-size);font-weight:var(--chapter-time-font-weight);letter-spacing:.4px;letter-spacing:var(--media-chapters-start-time-letter-spacing,.4px);margin-top:var(--chapter-time-gap)}.vds-chapters-radio-group .vds-chapter-radio-start-time{background-color:var(--section-bg);color:var(--text-secondary-color);padding:1px 4px;padding:var(--media-chapters-start-time-padding,1px 4px)}:where(.vds-chapters-radio-group .vds-chapter-radio-duration){color:var(--text-hint-color);font-size:var(--chapter-time-font-size);font-weight:var(--chapter-time-font-weight);margin-top:var(--chapter-time-gap)}.vds-chapters-radio-group .vds-chapter-radio-duration{background-color:var(--chapter-duration-bg);border-radius:2px;border-radius:var(--media-chapters-duration-border-radius,2px)}.vds-chapters-radio-group:not([data-thumbnails]) :where(.vds-thumbnail,media-thumbnail){display:none}:where(.vds-chapter-radio-content){align-items:flex-start;display:flex;flex-direction:column}:where(.vds-chapters-radio-group:not([data-thumbnails]) .vds-chapter-radio-content){align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;width:100%}:where(.vds-chapters-radio-group:not([data-thumbnails]) .vds-chapter-radio-start-time){margin-left:auto;margin-top:0}:where(.vds-chapters-radio-group:not([data-thumbnails]) .vds-chapter-radio-duration){flex-basis:100%;margin-top:4px}.vds-menu-items[data-keyboard] .vds-chapters-radio-group:focus-within{padding:4px;padding:var(--media-chapters-focus-padding,4px)}:where(.vds-poster){background-color:#000;background-color:var(--media-poster-bg,#000);border:0;box-sizing:border-box;contain:content;display:block;height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:opacity .2s ease-out;width:100%;z-index:1}:where(.vds-poster img){box-sizing:border-box;object-fit:inherit;object-position:inherit;pointer-events:none;user-select:none;-webkit-user-select:none}.vds-poster :where(img){border:0;height:100%;object-fit:contain;width:100%}:where(.vds-poster[data-hidden]){display:none}:where(.vds-poster[data-visible]){opacity:1}.vds-poster img:not([src]),.vds-poster:not(:defined){display:none}:where(.vds-slider){--width:var(--media-slider-width,100%);--height:var(--media-slider-height,48px);--thumb-size:var(--media-slider-thumb-size,15px);--thumb-focus-size:var(--media-slider-focused-thumb-size,calc(var(--thumb-size)*1.1));--track-width:var(--media-slider-track-width,100%);--track-height:var(--media-slider-track-height,5px);--track-focus-width:var(--media-slider-focused-track-width,var(--track-width));--track-focus-height:var(--media-slider-focused-track-height,calc(var(--track-height)*1.25));-webkit-tap-highlight-color:transparent;align-items:center;contain:layout style;cursor:pointer;display:inline-flex;height:var(--height);margin:0 calc(var(--thumb-size)/2);outline:none;pointer-events:auto;position:relative;touch-action:none;user-select:none;-webkit-user-select:none;width:var(--width)}:where(.vds-slider[aria-hidden=true]){display:none!important}:where(.vds-slider[aria-disabled=true]){cursor:inherit}:where(.vds-slider:focus){outline:none}:where(.vds-slider:not([data-chapters])[data-focus],.vds-slider:not([data-chapters]):focus-visible) :where(.vds-slider-track){box-shadow:var(--media-focus-ring)}:where(.vds-slider .vds-slider-track){background-color:#ffffff4d;background-color:var(--media-slider-track-bg,#ffffff4d);border-radius:2px;border-radius:var(--media-slider-track-border-radius,2px);contain:strict;height:var(--track-height);left:0;position:absolute;top:50%;transform:translateY(-50%) translateZ(0);width:var(--track-width);z-index:0}:where(.vds-slider[data-focus],.vds-slider:focus-visible) :where(.vds-slider-track){outline-offset:var(--thumb-size)}:where(.vds-slider:not([data-chapters])[data-active] .vds-slider-track){height:var(--track-focus-height);width:var(--track-focus-width)}:where(.vds-slider .vds-slider-track-fill){background-color:var(--media-brand);background-color:var(--media-slider-track-fill-bg,var(--media-brand));width:0;width:var(--slider-fill,0);will-change:width;z-index:2}:where(.vds-slider .vds-slider-thumb){background-color:#fff;background-color:var(--media-slider-thumb-bg,#fff);border:1px solid #cacaca;border:var(--media-slider-thumb-border,1px solid #cacaca);border-radius:9999px;border-radius:var(--media-slider-thumb-border-radius,9999px);contain:layout size style;height:var(--thumb-size);left:var(--slider-fill);opacity:0;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%) translateZ(0);transition:opacity .15s ease-in;width:var(--thumb-size);will-change:left;z-index:2}:where(.vds-slider[data-dragging],.vds-slider[data-focus],.vds-slider:focus-visible) :where(.vds-slider-thumb){box-shadow:0 0 0 4px #fff6;box-shadow:var(--media-slider-focused-thumb-shadow,0 0 0 4px #fff6)}:where(.vds-slider[data-active] .vds-slider-thumb){opacity:1;transition:opacity .2s ease-in,box-shadow .2s ease;transition:var(--media-slider-thumb-transition,opacity .2s ease-in,box-shadow .2s ease)}:where(.vds-slider[data-dragging] .vds-slider-thumb){height:var(--thumb-focus-size);width:var(--thumb-focus-size)}:where(.vds-slider-value){contain:content;display:inline-block;font-family:sans-serif;font-family:var(--media-font-family,sans-serif);font-size:14px}:where(.vds-slider-thumbnail){box-sizing:border-box;contain:content;display:block}:where(.vds-slider-video){background-color:#000;border:1px solid #fff;border:var(--media-thumbnail-border,1px solid #fff);box-sizing:border-box;contain:content;display:inline-block}:where(.vds-slider-video video){display:block;height:auto;width:156px}:where(.vds-slider-video[data-loading]){opacity:0}:where(.vds-slider-video[data-hidden],.vds-slider-video[data-hidden] video){display:none;width:0}:where(.vds-slider .vds-slider-preview){align-items:center;background-color:var(--media-slider-preview-bg);border-radius:2px;border-radius:var(--media-slider-preview-border-radius,2px);contain:layout paint style;display:flex;flex-direction:column;opacity:0;pointer-events:none;transition:opacity .2s ease-out;will-change:left,opacity}:where(.vds-slider-preview[data-visible]){opacity:1;transition:opacity .2s ease-in}.vds-slider-value{background-color:#000;background-color:var(--media-slider-value-bg,#000);border:var(--media-slider-value-border);border-radius:2px;border-radius:var(--media-slider-value-border-radius,2px);color:#fff;color:var(--media-slider-value-color,#fff);padding:1px 10px;padding:var(--media-slider-value-padding,1px 10px)}:where(.vds-slider-video:not([data-hidden])+.vds-slider-chapter-title,.vds-slider-thumbnail:not([data-hidden])+.vds-slider-chapter-title){margin-top:6px;margin-top:var(--media-slider-chapter-title-gap,6px)}:where(.vds-slider-video:not([data-hidden])+.vds-slider-value,.vds-slider-thumbnail:not([data-hidden])+.vds-slider-value,.vds-slider-chapter-title+.vds-slider-value){margin-top:2px;margin-top:var(--media-slider-value-gap,2px)}:where(.vds-slider[aria-orientation=vertical]){--width:var(--media-slider-width,48px);--height:var(--media-slider-height,100%);--track-width:var(--media-slider-track-width,4px);--track-height:var(--media-slider-track-height,100%);--track-focus-width:var(--media-slider-focused-track-width,calc(var(--track-width)*1.25));--track-focus-height:var(--media-slider-focused-track-height,var(--track-height));margin:calc(var(--thumb-size)/2) 0}:where(.vds-slider[aria-orientation=vertical] .vds-slider-track){bottom:0;left:50%;top:auto;transform:translateX(-50%) translateZ(0)}:where(.vds-slider[aria-orientation=vertical] .vds-slider-track-fill){height:var(--slider-fill);transform:translateX(-50%) translateZ(0);width:var(--track-width);will-change:height}:where(.vds-slider[aria-orientation=vertical] .vds-slider-progress){bottom:0;height:0;height:var(--slider-progress,0);top:auto;width:var(--track-width);will-change:height}:where(.vds-slider[aria-orientation=vertical] .vds-slider-thumb){bottom:var(--slider-fill);left:50%;top:auto;transform:translate(-50%,50%) translateZ(0);will-change:bottom}:where(.vds-slider[aria-orientation=vertical] .vds-slider-preview){will-change:bottom,opacity}:where([data-live] .vds-time-slider .vds-slider-track-fill){background-color:#dc2626;background-color:var(--media-slider-track-fill-live-bg,#dc2626)}:where(.vds-time-slider .vds-slider-progress){background-color:#ffffff80;background-color:var(--media-slider-track-progress-bg,#ffffff80);left:0;width:0;width:var(--slider-progress,0);will-change:width;z-index:1}:where([data-media-player]:not([data-can-play]) .vds-time-slider .vds-slider-value){display:none}:where(.vds-slider-steps){align-items:center;display:flex;height:100%;justify-content:space-between;left:0;position:absolute;top:0;width:100%}:where(.vds-slider-step){background-color:#7c7c7c;background-color:var(--media-slider-step-color,#7c7c7c);height:calc(var(--track-height) + 1px);opacity:0;transition:opacity .3s ease;width:2.5px;width:var(--media-slider-step-width,2.5px)}:where(.vds-slider[data-active] .vds-slider-step){opacity:1}:where(.vds-time-slider .vds-slider-chapters){align-items:center;border-radius:1px;border-radius:var(--media-slider-track-border-radius,1px);contain:layout style;display:flex;height:100%;position:relative;width:100%}:where(.vds-slider[data-focus],.vds-slider:focus-visible) :where(.vds-slider-chapters){box-shadow:var(--media-focus-ring);height:var(--track-height)}:where(.vds-time-slider .vds-slider-chapter){margin-right:2px}:where(.vds-time-slider .vds-slider-chapter:last-child){margin-right:0}:where(.vds-time-slider .vds-slider-chapter){align-items:center;border-radius:1px;border-radius:var(--media-slider-track-border-radius,1px);contain:layout style;display:flex;height:100%;position:relative;width:100%;will-change:height,transform}:where(.vds-time-slider .vds-slider-chapter .vds-slider-track-fill){width:0;width:var(--chapter-fill,0);will-change:width}:where(.vds-time-slider .vds-slider-chapter .vds-slider-progress){width:0;width:var(--chapter-progress,0);will-change:width}@media (hover:hover) and (pointer:fine){:where(.vds-time-slider:hover .vds-slider-chapters){contain:strict}:where(.vds-time-slider .vds-slider-chapter:hover:not(:only-of-type)){transform:scaleY(2);transform:var(--media-slider-chapter-hover-transform,scaleY(2));transition:transform .1s cubic-bezier(.4,0,1,1);transition:var( --media-slider-chapter-hover-transition,transform .1s cubic-bezier(.4,0,1,1) )}}:where(.vds-time-slider .vds-slider-chapter-title){background-color:var(--media-slider-chapter-title-bg);color:#f5f5f5;color:var(--media-slider-chapter-title-color,#f5f5f5);font-family:sans-serif;font-family:var(--media-font-family,sans-serif);font-size:14px;font-size:var(--media-slider-chapter-title-font-size,14px)}:where(.vds-thumbnail){--min-width:var(--media-thumbnail-min-width,140px);--max-width:var(--media-thumbnail-max-width,180px);--aspect-ratio:var(--media-thumbnail-aspect-ratio,var(--thumbnail-aspect-ratio));background-color:#000;background-color:var(--media-thumbnail-bg,#000);box-sizing:border-box;contain:strict;display:block;height:var(--thumbnail-height);max-height:calc(var(--max-width)/var(--aspect-ratio));max-height:var(--media-thumbnail-max-height,calc(var(--max-width)/var(--aspect-ratio)));max-width:var(--max-width);min-height:calc(var(--min-width)/var(--aspect-ratio));min-height:var(--media-thumbnail-min-height,calc(var(--min-width)/var(--aspect-ratio)));min-width:var(--min-width);overflow:hidden;width:var(--thumbnail-width)}.vds-thumbnail{border:1px solid #fff;border:var(--media-thumbnail-border,1px solid #fff)}:where(.vds-thumbnail img){max-width:none!important;min-width:0!important;min-width:auto!important;will-change:width,height,transform}:where(.vds-thumbnail[data-loading] img){opacity:0}:where(.vds-thumbnail[aria-hidden=true]){display:none!important}:where(.vds-time-group){align-items:center;display:flex}.vds-time-divider{color:#e0e0e0;color:var(--media-time-divider-color,#e0e0e0);margin:0 2.5px;margin:0 var(--media-time-divider-gap,2.5px)}:where(.vds-time){border-radius:2px;border-radius:var(--media-time-border-radius,2px);contain:content;display:inline-block;font-family:sans-serif;font-family:var(--media-font-family,sans-serif);font-size:15px;font-size:var(--media-time-font-size,15px);font-weight:400;font-weight:var(--media-time-font-weight,400);letter-spacing:.025em;letter-spacing:var(--media-time-letter-spacing,.025em)}.vds-time{background-color:var(--media-time-bg);border:var(--media-time-border);color:var(--default-color);color:var(--media-time-color,var(--default-color));outline:0;padding:2px;padding:var(--media-time-padding,2px)}:where(.vds-time:focus-visible){box-shadow:var(--media-focus-ring)}.light .vds-time{--default-color:#0a0a0a}.dark .vds-time{--default-color:#f5f5f5}:where(.vds-tooltip,media-tooltip){display:contents}:where(.vds-tooltip-content){box-sizing:border-box;display:inline-block;font-family:sans-serif;font-family:var(--media-font-family,sans-serif);font-size:13px;font-size:var(--media-tooltip-font-size,13px);font-weight:500;font-weight:var(--media-tooltip-font-weight,500);opacity:0;pointer-events:none;white-space:nowrap;will-change:transform,opacity;z-index:10}.vds-tooltip-content{background-color:var(--default-bg);background-color:var(--media-tooltip-bg-color,var(--default-bg));border:var(--media-tooltip-border,var(--default-border));border-radius:2px;border-radius:var(--media-tooltip-border-radius,2px);color:var(--default-color);color:var(--media-tooltip-color,var(--default-color));padding:2px 8px;padding:var(--media-tooltip-padding,2px 8px)}.light .vds-tooltip-content{--default-color:#1a1a1a;--default-bg:#fff;--default-border:1px solid #0003}.dark .vds-tooltip-content{--default-color:#f5f5f5;--default-bg:#000;--default-border:1px solid #ffffff1a}:where(.vds-menu .vds-menu-button[role=button][data-pressed] .vds-tooltip-content){display:none;opacity:0}:where(.vds-tooltip-content){--enter-transform:translateY(0px) scale(1);--exit-transform:translateY(12px) scale(0.8)}:where(.vds-tooltip-content:not([data-visible])){animation:vds-tooltip-exit .2s ease-out;animation:var(--media-tooltip-exit-animation,vds-tooltip-exit .2s ease-out)}:where(.vds-tooltip-content[data-visible]){animation:vds-tooltip-enter .2s ease-in;animation:var(--media-tooltip-enter-animation,vds-tooltip-enter .2s ease-in);animation-fill-mode:forwards}:where(.vds-tooltip-content[data-placement~=bottom]){--enter-transform:translateY(0) scale(1);--exit-transform:translateY(-12px) scale(0.8)}:where(.vds-tooltip-content[data-placement~=left]){--enter-transform:translateX(0) scale(1);--exit-transform:translateX(12px) scale(0.8)}:where(.vds-tooltip-content[data-placement~=right]){--enter-transform:translateX(0) scale(1);--exit-transform:translateX(-12px) scale(0.8)}@keyframes vds-tooltip-enter{0%{opacity:0;transform:var(--exit-transform)}to{opacity:1;transform:var(--enter-transform)}}@keyframes vds-tooltip-exit{0%{opacity:1;transform:var(--enter-transform)}to{opacity:0;transform:var(--exit-transform)}}@media (prefers-reduced-motion){:where(.vds-tooltip-content){animation:none}:where(.vds-tooltip-content[data-visible]){opacity:1}}[data-media-player]:not([data-captions]) .vds-cc-on-tooltip-text,[data-media-player]:not([data-fullscreen]) .vds-fs-exit-tooltip-text,[data-media-player]:not([data-muted]) .vds-mute-tooltip-text,[data-media-player]:not([data-paused]) .vds-play-tooltip-text,[data-media-player]:not([data-pip]) .vds-pip-exit-tooltip-text,[data-media-player][data-captions] .vds-cc-off-tooltip-text,[data-media-player][data-fullscreen] .vds-fs-enter-tooltip-text,[data-media-player][data-muted] .vds-unmute-tooltip-text,[data-media-player][data-paused] .vds-pause-tooltip-text,[data-media-player][data-pip] .vds-pip-enter-tooltip-text{display:none}[data-media-player] .vds-video-layout:not([data-match]){display:none!important}[data-media-player][data-layout=video]{background-color:#000;background-color:var(--video-bg,#000)}[data-media-player][data-layout=video]:not([data-fullscreen]){border:1px solid #ffffff1a;border:var(--video-border,1px solid #ffffff1a);border-radius:6px;border-radius:var(--video-border-radius,6px)}:where(.vds-video-layout){--media-brand:var(--video-brand,#f5f5f5);--media-font-family:var(--video-font-family,sans-serif);--media-controls-color:var(--video-controls-color,#f5f5f5);--media-tooltip-y-offset:6px;--media-menu-y-offset:6px;--media-focus-ring-color:var(--video-focus-ring-color,#4e9cf6);--media-focus-ring:var(--video-focus-ring,0 0 0 3px var(--media-focus-ring-color));color:#f5f5f5;color:var(--video-controls-color,#f5f5f5);display:contents}:where([data-media-player][data-focus]:not([data-playing]) .vds-video-layout .vds-controls){border-radius:6px;border-radius:var(--video-border-radius,6px);box-shadow:var(--media-focus-ring)}:where(.vds-video-layout .vds-controls[data-visible]){background-image:linear-gradient(0deg,#0009,10%,#0000,95%,#0000004d);border-radius:6px;border-radius:var(--video-border-radius,6px)}.vds-video-layout .vds-controls-group{align-items:center;display:flex;padding:4px 6px;pointer-events:auto;z-index:0}.vds-video-layout .vds-controls-group:first-child{z-index:50}.vds-video-layout .vds-controls-group:nth-last-child(2){margin-bottom:-16px;padding:0 12px;z-index:11}.vds-video-layout:not([data-sm]) .vds-controls-group:last-child{--media-menu-y-offset:26px;--media-tooltip-y-offset:26px;--media-slider-preview-offset:26px;z-index:10}:where(.vds-video-layout .vds-button){margin-right:2.5px}:where(.vds-video-layout[data-sm] .vds-chapter-title){font-size:15px;font-size:var(--video-sm-chapter-title-font-size,15px)}:where([data-fullscreen] .vds-video-layout .vds-chapter-title){font-size:16px;font-size:var(--video-fullscreen-chapter-title-font-size,16px)}:where(.vds-video-layout:not([data-sm]) .vds-mute-button){margin-left:-2.5px;margin-right:-5px}:where(.vds-video-layout[data-sm]){--media-button-size:var(--video-sm-button-size,36px)}:where(.vds-video-layout .vds-time-slider){--media-slider-height:45px;flex-grow:0}:where(.vds-video-layout .vds-slider-thumbnail){--media-thumbnail-border:var(--video-slider-thumbnail-border,1px solid #f5f5f5);border-radius:2px;border-radius:var(--video-slider-thumbnail-border-radius,2px)}.vds-video-layout .vds-time-slider .vds-slider-value{background-color:initial;background-color:var(--video-time-bg,unset);text-shadow:-1px -1px 0 #333,1px -1px 0 #333,-1px 1px 0 #333,1px 1px 0 #333}:where(.vds-video-layout[data-sm] .vds-time){text-shadow:inherit}:where(.vds-video-layout[data-lg] .vds-volume){--gap:var(--video-volume-gap,10px);display:contents}:where(.vds-video-layout[data-lg] .vds-volume-popup){display:contents}:where(.vds-video-layout[data-lg] .vds-volume-slider){margin:0;max-width:0;transition:all .15s ease}:where(.vds-video-layout[data-lg] .vds-volume:has([data-active]) .vds-volume-slider),:where(.vds-video-layout[data-lg] .vds-volume[data-active] .vds-volume-slider){margin-left:var(--gap);max-width:72px;max-width:var(--video-volume-slider-max-width,72px);opacity:1;visibility:visible}.vds-video-layout[data-lg] .vds-volume-slider:after{content:"";height:100%;left:calc(var(--gap)*-1);pointer-events:auto;position:fixed;top:0;width:var(--gap);z-index:1}:where(.vds-video-layout[data-sm] .vds-volume){--media-slider-height:var(--video-volume-height,96px);--media-slider-preview-offset:calc(-200% - 6px);--gap:var(--video-volume-gap,10px);align-items:center;display:flex;justify-content:center;position:relative}:where(.vds-video-layout[data-sm] .vds-volume-popup){border-radius:8px;border-radius:var(--video-volume-border-radius,8px);display:block;filter:drop-shadow(0 1px 1px rgb(0 0 0/.05));filter:var(--media-volume-filter,drop-shadow(0 1px 1px rgb(0 0 0/.05)));left:50%;opacity:0;position:absolute;top:calc(100% + var(--gap));transform:translateX(-50%);transition:opacity .15s ease-out,visibility .15s ease-out;visibility:hidden}.vds-video-layout[data-sm] .vds-mute-button:after{bottom:calc(var(--gap)*-1);content:"";height:var(--gap);pointer-events:auto;position:fixed;right:0;width:100%;z-index:1}.vds-video-layout .vds-volume-popup{background-color:var(--default-bg);background-color:var(--video-volume-bg,var(--media-menu-bg,var(--default-bg)));border:var(--video-volume-border,var(--default-border))}.light .vds-video-layout .vds-volume-popup,.vds-video-layout.light .vds-volume-popup{--default-bg:#fafafa;--default-border:1px solid #0a0a0a1a}.dark .vds-video-layout .vds-volume-popup,.vds-video-layout.dark .vds-volume-popup{--default-bg:#0a0a0a;--default-border:1px solid #ffffff1a}:where(.vds-video-layout[data-sm] .vds-volume:has([data-active]) .vds-volume-popup),:where(.vds-video-layout[data-sm] .vds-volume[data-active] .vds-volume-popup){opacity:1;transition:opacity .15s ease-in,visibility .15s ease-in;visibility:visible}:where(.vds-video-layout[data-sm] .vds-volume[data-active] .vds-tooltip-content){display:none!important}:where(.vds-video-layout .vds-time[data-type=current]){margin-right:2px}:where(.vds-video-layout .vds-time[data-type=current][remainder]){margin-left:2px}.vds-video-layout .vds-time{--default-color:#f5f5f5!important}:where([data-preview] .vds-video-layout .vds-captions){opacity:0}:where(.vds-video-layout .vds-captions){transition:bottom .3s ease-in-out;transition:var(--video-captions-transition,bottom .3s ease-in-out);z-index:10}@media (min-width:980px){:where([data-fullscreen] .vds-video-layout .vds-captions){bottom:54px;bottom:var(--video-lg-fullscreen-captions-offset,54px)}}:where([data-media-player][data-controls] .vds-video-layout .vds-captions){bottom:78px;bottom:var(--video-captions-offset,78px)}:where([data-media-player][data-controls] .vds-video-layout[data-sm] .vds-captions){bottom:48px;bottom:var(--video-sm-captions-offset,48px)}:where(.vds-video-layout .vds-time-slider .vds-slider-chapter-title){text-align:center;text-shadow:-1px -1px 0 #212121,1px -1px 0 #212121,-1px 1px 0 #212121,1px 1px 0 #212121;width:100%}:where(.vds-video-layout .vds-gesture){height:100%;left:0;top:0;width:100%;z-index:0}:where(.vds-video-layout .vds-gesture[action="seek:-10"]){width:20%;width:var(--video-gesture-seek-width,20%);z-index:1}:where(.vds-video-layout .vds-gesture[action="seek:10"]){left:auto;right:0;width:20%;width:var(--video-gesture-seek-width,20%);z-index:1}@media (pointer:coarse){:where(.vds-video-layout .vds-gesture[action="toggle:paused"]){display:none}}@media not (pointer:coarse){:where([data-media-player] .vds-video-layout .vds-gesture[action="toggle:controls"]){display:none}}:where(.vds-video-layout .vds-live-button){margin-left:12px}:where(.vds-video-layout:not([data-sm]) .vds-time-group){margin-left:10px}:where(.vds-video-layout[data-sm] .vds-time){font-size:14px;font-size:var(--video-sm-time-font-size,14px)}:where([data-fullscreen] .vds-video-layout .vds-time){font-size:16px;font-size:var(--video-fullscreen-time-font-size,16px)}:where(.vds-video-layout .vds-load-container){align-items:center;display:none;height:100%;inset:0;justify-content:center;pointer-events:none;position:absolute;width:100%;z-index:99}:where([data-media-player][data-load=play]:not([data-started]) .vds-video-layout[data-match] .vds-load-container){display:flex}:where(.vds-video-layout .vds-load-container .vds-play-button){--size:var(--video-load-button-size,56px);--color:var(--video-load-button-color,#000c);--bg-color:var(--video-load-button-bg,var(--media-brand));--media-button-hover-transform:0;--media-button-border:var(--video-load-button-border,var(--color));--media-button-hover-bg:var(--video-load-button-bg,var(--media-brand));height:var(--size);margin-bottom:2px;overflow:hidden;pointer-events:auto;width:var(--size)}.vds-video-layout .vds-load-container .vds-play-button{background-color:var(--bg-color);border-radius:100%;border-radius:var(--video-load-button-border-radius,100%);color:var(--color)}:where(.vds-video-layout[data-sm] .vds-load-container .vds-play-button){--size:var(--video-sm-load-button-size,48px);--media-button-hover-transform:translateY(0%);height:var(--size);transform:translateY(0);width:var(--size)}:where(.vds-video-layout[data-sm] .vds-controls-group:nth-last-child(2)){pointer-events:none}:where(.vds-video-layout[data-sm] .vds-controls-group:last-child){margin-bottom:-6px;margin-top:-2.5px;z-index:2}:where([data-fullscreen] .vds-video-layout[data-sm] .vds-controls-group:last-child){margin-bottom:0}.vds-video-layout[data-sm] .vds-controls-group{padding:2px}:where(.vds-video-layout[data-sm]) :where(.vds-button,.vds-slider:not(.vds-time-slider),.vds-time,.vds-time-divider,.vds-chapter-title){transition:opacity .15s ease}:where([data-media-player]:not([data-started]) .vds-video-layout[data-sm]) :where(.vds-button .vds-slider,.vds-time-group){opacity:0;visibility:hidden}:where(.vds-video-layout[data-sm] .vds-time-slider){transition:transform .1s linear}@media (pointer:coarse){:where([data-preview] .vds-video-layout:not([data-no-scrub-gesture])) :where(.vds-button,.vds-slider:not(.vds-time-slider),.vds-time,.vds-chapter-title,.vds-time-divider,.vds-captions,.vds-live-button){opacity:0}:where([data-preview] .vds-video-layout:not([data-no-scrub-gesture]) .vds-time-slider){--track-height:var(--video-sm-slider-focus-track-height,12px);transform:translateY(-6px);transition:transform .1s linear}}:where(.vds-video-layout[data-sm] .vds-controls .vds-play-button){--size:var(--video-sm-play-button-size,45px);--media-button-hover-transform:translateY(25%);border-radius:100%;height:var(--size);margin-bottom:2px;overflow:hidden;pointer-events:auto;transform:translateY(25%);width:var(--size)}.vds-video-layout[data-sm] .vds-controls .vds-play-button{background-color:#0009;background-color:var(--video-sm-play-button-bg,#0009)}:where([data-media-player]:not([data-started]) .vds-video-layout[data-sm] .vds-controls-group:not(:nth-child(3))){opacity:0;visibility:hidden}:where(.vds-video-layout[data-sm] .vds-buffering-indicator){--media-buffering-size:64px;transform:translate(-2px,-4px)}:where(.vds-video-layout .vds-start-duration .vds-time){bottom:8px;margin-bottom:8px;margin-right:8px;position:absolute;right:8px;z-index:10}.vds-video-layout .vds-start-duration .vds-time{background-color:#000000a3;background-color:var(--video-sm-start-duration-bg,#000000a3);color:var(--video-controls-color);color:var(--video-sm-start-duration-color,var(--video-controls-color));padding:3px 6px;padding:var(--video-sm-start-duration-padding,3px 6px)}:where([data-started] .vds-video-layout .vds-start-duration .vds-time){display:none}:where([data-media-player]:not([data-can-play]) .vds-video-layout .vds-start-duration .vds-time){opacity:0}:where(.vds-video-layout[data-sm] .vds-time[data-type=current]){margin-left:8px}:where([data-fullscreen] .vds-video-layout .vds-controls-group:nth-last-child(2)){margin-bottom:-16px}@media (orientation:portrait){:where([data-fullscreen] .vds-video-layout .vds-captions){bottom:30lvh;bottom:10dvh}}@media (orientation:landscape){:where([data-fullscreen] .vds-video-layout .vds-controls-group:nth-last-child(2)){margin-bottom:-12px}} /*# sourceMappingURL=index.css.map*/

:root, :host { --fa-font-solid: normal 900 1em/1 "Font Awesome 6 Free"; --fa-font-regular: normal 400 1em/1 "Font Awesome 6 Free"; --fa-font-light: normal 300 1em/1 "Font Awesome 6 Pro"; --fa-font-thin: normal 100 1em/1 "Font Awesome 6 Pro"; --fa-font-duotone: normal 900 1em/1 "Font Awesome 6 Duotone"; --fa-font-duotone-regular: normal 400 1em/1 "Font Awesome 6 Duotone"; --fa-font-duotone-light: normal 300 1em/1 "Font Awesome 6 Duotone"; --fa-font-duotone-thin: normal 100 1em/1 "Font Awesome 6 Duotone"; --fa-font-brands: normal 400 1em/1 "Font Awesome 6 Brands"; --fa-font-sharp-solid: normal 900 1em/1 "Font Awesome 6 Sharp"; --fa-font-sharp-regular: normal 400 1em/1 "Font Awesome 6 Sharp"; --fa-font-sharp-light: normal 300 1em/1 "Font Awesome 6 Sharp"; --fa-font-sharp-thin: normal 100 1em/1 "Font Awesome 6 Sharp"; --fa-font-sharp-duotone-solid: normal 900 1em/1 "Font Awesome 6 Sharp Duotone"; --fa-font-sharp-duotone-regular: normal 400 1em/1 "Font Awesome 6 Sharp Duotone"; --fa-font-sharp-duotone-light: normal 300 1em/1 "Font Awesome 6 Sharp Duotone"; --fa-font-sharp-duotone-thin: normal 100 1em/1 "Font Awesome 6 Sharp Duotone"; } svg:not(:root).svg-inline--fa, svg:not(:host).svg-inline--fa { overflow: visible; box-sizing: content-box; } .svg-inline--fa { display: var(--fa-display, inline-block); height: 1em; overflow: visible; vertical-align: -0.125em; } .svg-inline--fa.fa-2xs { vertical-align: 0.1em; } .svg-inline--fa.fa-xs { vertical-align: 0em; } .svg-inline--fa.fa-sm { vertical-align: -0.0714286em; } .svg-inline--fa.fa-lg { vertical-align: -0.2em; } .svg-inline--fa.fa-xl { vertical-align: -0.25em; } .svg-inline--fa.fa-2xl { vertical-align: -0.3125em; } .svg-inline--fa.fa-pull-left { margin-right: var(--fa-pull-margin, 0.3em); width: auto; } .svg-inline--fa.fa-pull-right { margin-left: var(--fa-pull-margin, 0.3em); width: auto; } .svg-inline--fa.fa-li { width: var(--fa-li-width, 2em); top: 0.25em; } .svg-inline--fa.fa-fw { width: var(--fa-fw-width, 1.25em); } .fa-layers svg.svg-inline--fa { inset: 0px; margin: auto; position: absolute; } .fa-layers-counter, .fa-layers-text { display: inline-block; position: absolute; text-align: center; } .fa-layers { display: inline-block; height: 1em; position: relative; text-align: center; vertical-align: -0.125em; width: 1em; } .fa-layers svg.svg-inline--fa { transform-origin: center center; } .fa-layers-text { left: 50%; top: 50%; transform: translate(-50%, -50%); transform-origin: center center; } .fa-layers-counter { background-color: var(--fa-counter-background-color, #ff253a); border-radius: var(--fa-counter-border-radius, 1em); box-sizing: border-box; color: var(--fa-inverse, #fff); line-height: var(--fa-counter-line-height, 1); max-width: var(--fa-counter-max-width, 5em); min-width: var(--fa-counter-min-width, 1.5em); overflow: hidden; padding: var(--fa-counter-padding, 0.25em 0.5em); right: var(--fa-right, 0); text-overflow: ellipsis; top: var(--fa-top, 0); transform: scale(var(--fa-counter-scale, 0.25)); transform-origin: right top; } .fa-layers-bottom-right { bottom: var(--fa-bottom, 0); right: var(--fa-right, 0); top: auto; transform: scale(var(--fa-layers-scale, 0.25)); transform-origin: right bottom; } .fa-layers-bottom-left { bottom: var(--fa-bottom, 0); left: var(--fa-left, 0); right: auto; top: auto; transform: scale(var(--fa-layers-scale, 0.25)); transform-origin: left bottom; } .fa-layers-top-right { top: var(--fa-top, 0); right: var(--fa-right, 0); transform: scale(var(--fa-layers-scale, 0.25)); transform-origin: right top; } .fa-layers-top-left { left: var(--fa-left, 0); right: auto; top: var(--fa-top, 0); transform: scale(var(--fa-layers-scale, 0.25)); transform-origin: left top; } .fa-1x { font-size: 1em; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-6x { font-size: 6em; } .fa-7x { font-size: 7em; } .fa-8x { font-size: 8em; } .fa-9x { font-size: 9em; } .fa-10x { font-size: 10em; } .fa-2xs { font-size: 0.625em; line-height: 0.1em; vertical-align: 0.225em; } .fa-xs { font-size: 0.75em; line-height: 0.0833333em; vertical-align: 0.125em; } .fa-sm { font-size: 0.875em; line-height: 0.0714286em; vertical-align: 0.0535714em; } .fa-lg { font-size: 1.25em; line-height: 0.05em; vertical-align: -0.075em; } .fa-xl { font-size: 1.5em; line-height: 0.0416667em; vertical-align: -0.125em; } .fa-2xl { font-size: 2em; line-height: 0.03125em; vertical-align: -0.1875em; } .fa-fw { text-align: center; width: 1.25em; } .fa-ul { list-style-type: none; margin-left: var(--fa-li-margin, 2.5em); padding-left: 0px; } .fa-ul > li { position: relative; } .fa-li { left: calc(-1 * var(--fa-li-width, 2em)); position: absolute; text-align: center; width: var(--fa-li-width, 2em); line-height: inherit; } .fa-border { border-color: var(--fa-border-color, #eee); border-radius: var(--fa-border-radius, 0.1em); border-style: var(--fa-border-style, solid); border-width: var(--fa-border-width, 0.08em); padding: var(--fa-border-padding, 0.2em 0.25em 0.15em); } .fa-pull-left { float: left; margin-right: var(--fa-pull-margin, 0.3em); } .fa-pull-right { float: right; margin-left: var(--fa-pull-margin, 0.3em); } .fa-beat { animation-name: fa-beat; animation-delay: var(--fa-animation-delay, 0s); animation-direction: var(--fa-animation-direction, normal); animation-duration: var(--fa-animation-duration, 1s); animation-iteration-count: var(--fa-animation-iteration-count, infinite); animation-timing-function: var(--fa-animation-timing, ease-in-out); } .fa-bounce { animation-name: fa-bounce; animation-delay: var(--fa-animation-delay, 0s); animation-direction: var(--fa-animation-direction, normal); animation-duration: var(--fa-animation-duration, 1s); animation-iteration-count: var(--fa-animation-iteration-count, infinite); animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.28, 0.84, 0.42, 1)); } .fa-fade { animation-name: fa-fade; animation-delay: var(--fa-animation-delay, 0s); animation-direction: var(--fa-animation-direction, normal); animation-duration: var(--fa-animation-duration, 1s); animation-iteration-count: var(--fa-animation-iteration-count, infinite); animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1)); } .fa-beat-fade { animation-name: fa-beat-fade; animation-delay: var(--fa-animation-delay, 0s); animation-direction: var(--fa-animation-direction, normal); animation-duration: var(--fa-animation-duration, 1s); animation-iteration-count: var(--fa-animation-iteration-count, infinite); animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1)); } .fa-flip { animation-name: fa-flip; animation-delay: var(--fa-animation-delay, 0s); animation-direction: var(--fa-animation-direction, normal); animation-duration: var(--fa-animation-duration, 1s); animation-iteration-count: var(--fa-animation-iteration-count, infinite); animation-timing-function: var(--fa-animation-timing, ease-in-out); } .fa-shake { animation-name: fa-shake; animation-delay: var(--fa-animation-delay, 0s); animation-direction: var(--fa-animation-direction, normal); animation-duration: var(--fa-animation-duration, 1s); animation-iteration-count: var(--fa-animation-iteration-count, infinite); animation-timing-function: var(--fa-animation-timing, linear); } .fa-spin { animation-name: fa-spin; animation-delay: var(--fa-animation-delay, 0s); animation-direction: var(--fa-animation-direction, normal); animation-duration: var(--fa-animation-duration, 2s); animation-iteration-count: var(--fa-animation-iteration-count, infinite); animation-timing-function: var(--fa-animation-timing, linear); } .fa-spin-reverse { --fa-animation-direction: reverse; } .fa-pulse, .fa-spin-pulse { animation-name: fa-spin; animation-direction: var(--fa-animation-direction, normal); animation-duration: var(--fa-animation-duration, 1s); animation-iteration-count: var(--fa-animation-iteration-count, infinite); animation-timing-function: var(--fa-animation-timing, steps(8)); } @media (prefers-reduced-motion: reduce) { .fa-beat, .fa-bounce, .fa-fade, .fa-beat-fade, .fa-flip, .fa-pulse, .fa-shake, .fa-spin, .fa-spin-pulse { animation-delay: -1ms; animation-duration: 1ms; animation-iteration-count: 1; transition-delay: 0s; transition-duration: 0s; } } @keyframes fa-beat { 0%, 90% { transform: scale(1); } 45% { transform: scale(var(--fa-beat-scale, 1.25)); } } @keyframes fa-bounce { 0% { transform: scale(1, 1) translateY(0px); } 10% { transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0); } 30% { transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em)); } 50% { transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0); } 57% { transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em)); } 64% { transform: scale(1, 1) translateY(0px); } 100% { transform: scale(1, 1) translateY(0px); } } @keyframes fa-fade { 50% { opacity: var(--fa-fade-opacity, 0.4); } } @keyframes fa-beat-fade { 0%, 100% { opacity: var(--fa-beat-fade-opacity, 0.4); transform: scale(1); } 50% { opacity: 1; transform: scale(var(--fa-beat-fade-scale, 1.125)); } } @keyframes fa-flip { 50% { transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg)); } } @keyframes fa-shake { 0% { transform: rotate(-15deg); } 4% { transform: rotate(15deg); } 8%, 24% { transform: rotate(-18deg); } 12%, 28% { transform: rotate(18deg); } 16% { transform: rotate(-22deg); } 20% { transform: rotate(22deg); } 32% { transform: rotate(-12deg); } 36% { transform: rotate(12deg); } 40%, 100% { transform: rotate(0deg); } } @keyframes fa-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .fa-rotate-90 { transform: rotate(90deg); } .fa-rotate-180 { transform: rotate(180deg); } .fa-rotate-270 { transform: rotate(270deg); } .fa-flip-horizontal { transform: scale(-1, 1); } .fa-flip-vertical { transform: scale(1, -1); } .fa-flip-both, .fa-flip-horizontal.fa-flip-vertical { transform: scale(-1, -1); } .fa-rotate-by { transform: rotate(var(--fa-rotate-angle, 0)); } .fa-stack { display: inline-block; vertical-align: middle; height: 2em; position: relative; width: 2.5em; } .fa-stack-1x, .fa-stack-2x { inset: 0px; margin: auto; position: absolute; z-index: var(--fa-stack-z-index, auto); } .svg-inline--fa.fa-stack-1x { height: 1em; width: 1.25em; } .svg-inline--fa.fa-stack-2x { height: 2em; width: 2.5em; } .fa-inverse { color: var(--fa-inverse, #fff); } .sr-only, .fa-sr-only { position: absolute; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border-width: 0px; } .sr-only-focusable:not(:focus), .fa-sr-only-focusable:not(:focus) { position: absolute; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border-width: 0px; } .svg-inline--fa .fa-primary { fill: var(--fa-primary-color, currentColor); opacity: var(--fa-primary-opacity, 1); } .svg-inline--fa .fa-secondary { fill: var(--fa-secondary-color, currentColor); opacity: var(--fa-secondary-opacity, 0.4); } .svg-inline--fa.fa-swap-opacity .fa-primary { opacity: var(--fa-secondary-opacity, 0.4); } .svg-inline--fa.fa-swap-opacity .fa-secondary { opacity: var(--fa-primary-opacity, 1); } .svg-inline--fa mask .fa-primary, .svg-inline--fa mask .fa-secondary { fill: black; }